@charset "utf-8";
/* CSS Document */

h2	{ 
	color: #333333; 
	font-size: 18px; 
	font-weight: normal; 
	font-family:Arial;
	padding-top: 0px; 
	margin-bottom: 10px; 
	margin-top: 0px; 
}
h3	{ 
	color: #333333; 
	font-size: 12px; 
	font-weight: bold; 
	font-family:Arial;
	padding-top: 0px; 
	margin-bottom: 10px; 
	margin-top: 0px; 
}

p	{ 
	color:#AAA;
	font-size: 12px; 
	font-family:Arial;
	font-weight: normal;
	margin: 0px; 
	padding-bottom: 20px; 
	line-height: 16px; 
}

.content-box .fonset1 {	
	color:#AAA;
	font-size: 12px; 
	font-family:Arial;
	font-weight: normal;
	margin: 0px; 
	padding-bottom: 20px; 
	line-height: 16px; 
}

.fl			{ float: left; }
.fr			{ float: right; }
.fl-space		{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }


.button		{ display: inline-block; line-height: 16px; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../Images/button_glas1.png') center center repeat-x #333333; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
input.button	{ display: inline-block; line-height: 13px; /* IE8 hack */ line-height: 16px\0/; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../Images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.button:hover	{ color: #FFFFFF; text-decoration: none; }
.button.green	{ background-color: #4DB800; }
.button.red	{ background-color: #D80017; }
.button.blue	{ background-color: #00A5C4; }
.button.grey	{ background-color: #BBBBBB; }


/*** forms ***/

form				{ width: 100%; }
label				{ line-height: 22px; cursor: pointer; }
label:hover			{ color: #333333; }
input.checkbox			{ display: inline; position: relative; left: 1px; top: 1px; cursor: pointer;}
input.radio			{ display: inline; position: relative; top: 2px; left: -1px; }
input.text			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
input.submit			{ display: inline; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../Images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
input.form-file                 { display: inline; height: auto; font-size: 12px !important; }
select				{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; }
textarea			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }

.form-label			{ display: block; width: 130px; }
.form-field			{ padding-bottom: 5px; }
span.required			{ color: #FF0000; font-weight: bold; }
label.error        		{ color: #FF0000; }

/*******************************
**** DESIGN of content boxes ***
*******************************/

.content-box			{ border-width: 1px; border-style: solid; border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD; background: #FFFFFF; margin-bottom: 30px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

.content-box .box-body		{ border: 2px solid #FFFFFF; background: #F5F5F5; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}

.content-box .box-header	{ min-height: 36px; background: url('../Images/bck_header.png') top center repeat-x; position: relative;   -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}

.content-box .box-wrap		{ padding: 20px 20px 10px 20px; }
.box-header h2			{ color: #333333; line-height: 24px; margin-bottom: 0px; padding: 7px 20px 9px 20px; background: url('../Images/rule.gif') bottom left repeat-x; }
.box-header h3			{ color: #333333; line-height: 24px; margin-bottom: 0px; padding: 7px 20px 9px 20px; background: url('../Images/rule.gif') bottom left repeat-x; }
.box-header .tabs		{ position: absolute; top: 7px; right: 10px; }
.box-header .tabs li		{ float: left; margin-left: 3px; font-size: 11px; line-height: 20px; font-weight: bold; }
.box-header .tabs li a		{ background: url('../Images/button_glas2.png') center center repeat-x #EEEEEE; border: 0px solid #FFFFFF; display: block; color: #333333; text-decoration: none; padding: 2px 15px 2px 15px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.box-header .tabs li a:hover	{ background: #FFFFFF; text-decoration: none; }
.box-header .tabs li.active a	{ color: #FFFFFF; background: url('../Images/button_glas1.png') center center repeat-x #4DB800; border: 0px solid #333333; }
.box-header .tabs li a.selected	{ color: #FFFFFF; background: url('../Images/button_glas1.png') center center repeat-x #4DB800; border: 0px solid #333333; }


/*******************************
**** DESIGN of Tables  ***
*******************************/
table.style1			{ border: 5px solid #DDDDDD; width:100%;  }
table.style1 th {
	background: #DDDDDD; 
	border-bottom: 1px solid #FFFFFF; 
	line-height: 22px; 
	padding: 4px 6px 4px 6px; 
	color: #333333; 
	white-space: nowrap; 
	text-align: left; 
	color: #333333; 
	font-size: 12px; 
	font-weight: bold; 
	font-family:Arial;	
	
}
table.style1 tr:hover		{ background: url('../Images/bck_black_10.png'); }
table.style1 tr.nohover:hover		{ background: url(''); }

table.style1 td	{ 
	background: url('../Images/bck_white_75.png'); 
	border-bottom: 1px solid #DDDDDD; 
	line-height: 22px; 
	padding: 4px 6px 4px 6px; 
	color: #333333; 
	font-size: 11px; 
	font-weight: normal; 
	font-family:Arial;	
}

table.style2			{ border: 0px; width:100%;  }
table.style2 tr:hover		{background: url('');}
table.style2 td	{ 
	border-bottom: 0px solid #DDDDDD; 
	line-height: 22px; 
	padding: 0px 0px 0px 0px; 
	color: #333333; 
	font-size: 11px; 
	font-weight: normal; 
	font-family:Arial;	
}
table.style2 td.borderbottomdot	{ 
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}
/*******************************
*** page navigation ***
*******************************/

.tab-footer		{ width: auto; padding-bottom: 10px; margin-top: 10px; }
.pager			{ font-size: 11px; line-height: 20px; }
.pager a		{ display: block; float: left; }
.pager .nav		{ display: block; float: left; }
.pager .nav a		{ width: 20px; height: 20px; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; }
.pager .nav a span	{ display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }
.pager a.first		{ background: url('../Images/arrow_leftend_off.png') center center no-repeat; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
.pager a.first:hover	{ background: url('../Images/arrow_leftend_ovr.png') center center no-repeat; }
.pager a.previous	{ background: url('../Images/arrow_left_off.png') center center no-repeat; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.pager a.previous:hover	{ background: url('../Images/arrow_left_ovr.png') center center no-repeat; }
.pager a.last		{ background: url('../Images/arrow_rightend_off.png') center center no-repeat; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.pager a.last:hover	{ background: url('../Images/arrow_rightend_ovr.png') center center no-repeat; }
.pager a.next		{ background: url('../Images/arrow_right_off.png') center center no-repeat; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
.pager a.next:hover	{ background: url('../Images/arrow_right_ovr.png') center center no-repeat; }
.pager .pages 		{ display: block; float: left; margin: 0px 4px 0px 4px; font-weight: bold; }
.pager .pages a		{ min-width: 20px; margin: 0px 1px 0px 1px; background: url("../Images/button_glas2.png") repeat-x center center #EEEEEE; text-align: center; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; color: #333333; text-decoration: none; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.pager .pages a	span	{ padding: 0px 2px 0px 2px; 	font-size: 12px; 	font-weight: bold; 	font-family:Arial; }
.pager .pages a:hover	{ background: url('../Images/bck_white_50.png'); color: #00A5C4; text-decoration: none; }
.pager .pages a.active	{ background: url('../Images/page_active.gif'); color: #FFFFFF; text-decoration: none; font-weight: bold; border-width: 0px; line-height: 22px; min-width: 22px; }