/*---------- ---------- ----------*/
/*---------- VERSION #10.12 ----------*/
/*---------- Conforms to the New Web Template --------------*/
/*---------- ---------- ----------*/

/*---------- ---------- ---------- ---------- ---------- ----------*/
/*---------- ---------- STYLE FOR: FORM ELEMENTS *added listbox ---------- ----------*/
/*---------- ---------- STYLE FOR: BREADCRUMB ---------- ----------*/
/*---------- ---------- STYLE FOR: MESSAGEBOX ---------- ----------*/
/*---------- ---------- STYLE FOR: CONFIRMATIONBOX CONTROLS ---------*/
/*---------- ---------- ---------- ---------- ---------- ----------*/

/*---------- ---------- ---------- ---------- ---------- ----------*/
/*---------- NOTE: SOME STYLES ARE CONTROLLED BY JQUERY  ----------*/
/*---------- NOTE: MINOR STYLE CHANGES IN PROMINENT AND NOTES  ----------*/
/*---------- NOTE: MINOR STYLE CHANGES IN PREQUIRED, ROMINENT AND NOTES: NO MORE RED TEXT ON BLUE BG. USING #F6B72B INSTEAD ----------*/
/*---------- ---------- ---------- ---------- ---------- ----------*/

/*---------- ---------- ---------- ---------- ---------- ----------*/
/*---------- NOTE: BIG STYLE CHANGE TO NAVIGATION  ----------*/
/*---------- ---------- ---------- ---------- ---------- ----------*/

/*---------- GENERAL STYLES ----------*/

/*
body, body *{
//font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family:OpenSansRegular, sans-serif;
	font-size: 14px;
	font-stretch: extra-expanded;
	}
*/

#aspnetForm .logo-text{
	font-family:"Times New Roman", Times, serif;
	color:#0099CC;
	font-size: 26px;
	font-stretch: extra-expanded;
	padding:5px;
	text-decoration:underline;
	

	}

	
#aspnetForm h2 {
	font-family:"Times New Roman", Times, serif;
	color:#0099CC;
	/*text-decoration:underline;*/
	/*border-bottom: 2px solid;*/
	padding-bottom:2px;
	text-align:center;
	font-stretch:extra-expanded;
	font-weight:bolder;
	font-size:xx-large;
	}

#aspnetForm h3 {
	color:#415fa3;
	font-style:italic;
	text-transform:uppercase;
	font-weight:bold;
	}	
		
#aspnetForm label {
	display: block; 
	vertical-align:middle;
	}

#aspnetForm label > .textarea {
	display: block;
	width: 80%;
	min-width: 225px;
	height: 150px;
	vertical-align:text-top !important;
	}
	
#aspnetForm label > .textfield {
	vertical-align:middle !important;
	}
	
/* CHECKBOX LIST FIX */	
#aspnetForm label + input[type=checkbox], 
#aspnetForm label + input[type=radio],
#aspnetForm input[type=checkbox] + label,
#aspnetForm input[type=radio] + label { 
	display:inline; 
	margin-right:5px;
	margin-left:5px;
	}		
		
#aspnetForm .inline {display:inline;}
		
/*div {
	position:relative;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	border: 1px solid #999;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	}*/	


#aspnetForm .container{clear: both; display:block; /*fix conflict bug*/ background:none;}/* OTHER DESIGN CSS CAN BE ENTERED HERE [top] [right] [bottom] [left]*/
#aspnetForm .clearfix {clear: both; display:block; padding-right:2px ; margin-right:2px;}

/* AUTO SINGLE/MULTI-columns(S) */
#aspnetForm .columns {float:left; padding-right:2px ; margin-right:2px;} /*border: solid 1px #000;*/

/* FORCED MULTI-columnsS */
#aspnetForm .columns2 {float:left;width:40%; padding:2px; padding-right:2px ; margin-right:2px;}
#aspnetForm .columns3 {float:left;width:25%; padding-right:2px ; margin-right:2px;}
#aspnetForm .columns4 {float:left;width:16%; padding-right:2px ; margin-right:2px;}

/*---------- CUSTOM FORMATTED FIELDS ----------*/
#aspnetForm .block {
	display:block;
	}

#aspnetForm .w50 {
	width: 50px;
	}
	
#aspnetForm .w75 {
	width: 75px;
	}	
	
#aspnetForm .w100 {
	width: 100px;
	}
	
#aspnetForm .w125 {
	width: 125px;
	}	
	
#aspnetForm .w150 {
	width: 150px;
	}
	
#aspnetForm .w175 {
	width: 175px;
	}	
	
#aspnetForm .w200 {
	width: 200px;
	}
	
#aspnetForm .w225 {
	width: 225px;
	}	
	
#aspnetForm .w250 {
	width: 250px;
	}
	
#aspnetForm .w275 {
	width: 275px;
	}	
	
#aspnetForm .w300 {
	width: 300px;
	}		 			
	
#aspnetForm .w325 {
	width: 325px;
	}	
		
#aspnetForm .w350 {
	width: 350px;
	}
	
#aspnetForm .w375 {
	width: 375px;
	}	
	
#aspnetForm .w400 {
	width: 400px;
	}
	
#aspnetForm .w425 {
	width: 425px;
	}	
	
#aspnetForm .w450 {
	width: 450px;
	}
	
#aspnetForm .w475 {
	width: 475px;
	}
		
#aspnetForm .w500 {
	width: 500px;
	}
	
#aspnetForm .w525 {
	width: 525px;
	}	
		
#aspnetForm .w550 {
	width: 550px;
	}	
	
#aspnetForm .w575 {
	width: 575px;
	}		
	
#aspnetForm .w600 {
	width: 600px;
	}	

/*---------- CUSTOM PRE-FORMATTED FIELDS ----------*/
#aspnetForm .searchfield {
	display:block;
	margin-top:15px !important;
	}
				
#aspnetForm .emplid {
	display:block;
	width: 70px;
	}

#aspnetForm .ssnum {
	display:block;
	width: 110px;
	}
		
#aspnetForm .ssnum-area {
	display:block;
	width: 30px;
	}
	
#aspnetForm .ssnum-group {
	display:block;
	width: 20px;
	}
	
#aspnetForm .ssnum-serial {
	display:block;
	width: 40px;
	}

#aspnetForm .username, #aspnetForm .password {
	display:block;
	width: 200px;
	}

#aspnetForm .firstname, #aspnetForm .lastname { 
	display:block;
	width: 300px;
	}
	
#aspnetForm .mid-init {
	display:block;
	width: 15px;
	}	

#aspnetForm .address {
	display:block;
	width: 300px;
	}
	
#aspnetForm .apt {
	display:block;
	width: 40px;
	}	
	
#aspnetForm .city {
	display:block;
	width: 250px;
	}
	
#aspnetForm .state {
	display:block;
	}		

#aspnetForm .zip {
	display:block;
	width: 50px;
	}
	
#aspnetForm .zip-ext{
	display:block;
	width: 40px;
	}
	
#aspnetForm .zipplus {
	display:block;
	width: 100px;
	}			

#aspnetForm .email {
	display:block;
	width: 250px;
	}

#aspnetForm .phone {
	display:block;
	width: 150px;
	}	
	
#aspnetForm .phone-areacode {
	display:block;
	width: 30px;	
	}
	
#aspnetForm .phone-prefix {
	display:block;
	width: 30px;
	}
	
#aspnetForm .phone-linenumber {
	display:block;
	width: 40px;
	}	
	
#aspnetForm .phone-ext{
	display:block;
	width: 40px;
	}
	
#aspnetForm .datepicker{			
	display:block;
	width: 85px;
	}

#aspnetForm .currency{			
	display:block;
	width: 200px;
	}


/*---------- BY PHYSICAL APPEARENCE AND MOUSE EFFECTS ----------*/
#aspnetForm .textfield, #aspnetForm .textarea, listbox{
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	border-radius: 6px; /* future proofing */

	border: 1px inset #999;
	margin-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 10px;
	margin-right: 5px;
	height: 25px;
	
	-webkit-box-shadow:inset 3px 3px 3px 0px #dddddd;
	-moz-box-shadow:inset 3px 3px 3px 0px #dddddd;
	-o-box-shadow: inset 3px 3px 3px 0px #dddddd;
	-ms-box-shadow: inset 3px 3px 3px 0px #dddddd;
	-khtml-box-shadow: inset 3px 3px 3px 0px #dddddd;
	box-shadow: inset 3px 3px 3px 0px #dddddd;
	}	
	
#aspnetForm .textfield:focus, #aspnetForm .textarea:focus, #aspnetForm .listbox:focus{
	border: 1px solid #09C;
	}

#aspnetForm .textfield:hover, #aspnetForm .textarea:hover, #aspnetForm .listbox:hover{
	border-color: #09c;
	}
	
#aspnetFormlabel > .listbox{
	vertical-align:top;
	}	
	
#aspnetForm .required {
	border-color:red; 
	color:#F6B72B;
	}
	
#aspnetForm .optional {
	border-color:blue; 
	color:blue;
	}	
	
#aspnetForm .important {
	text-transform:uppercase;
	font-weight:bolder;
	font-size:large;
	}	

#aspnetForm .notes {
	color:#fff;
	font-style:italic;
	font-size:small;
	background-color:#415fa3;
	padding:5px;
	margin:5px 0px;
	
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	border-radius: 6px; /* future proofing */

	margin-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 10px;
	margin-right: 5px;
	
	
	-webkit-box-shadow:inset 3px 3px 3px 0px #dddddd;
	-moz-box-shadow:inset 3px 3px 3px 0px #dddddd;
	-o-box-shadow: inset 3px 3px 3px 0px #dddddd;
	-ms-box-shadow: inset 3px 3px 3px 0px #dddddd;
	-khtml-box-shadow: inset 3px 3px 3px 0px #dddddd;
	box-shadow: inset 3px 3px 3px 0px #dddddd;	
}

#aspnetForm .notes a{color:#F6B72B;}	

#aspnetForm .prominent {
	
	color:#F6B72B!important;
	font-style:italic!important;
	font-weight:bold!important;
	background-color:#FF0!important;
	
	
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 6px!important;
	-webkit-border-radius: 6px!important;
	-o-border-radius: 6px!important;
	-ms-border-radius: 6px!important;
	-khtml-border-radius: 6px!important; /* for old Konqueror browsers */
	border-radius: 6px!important; /* future proofing */
	border:#ccc 1px solid!important;

	padding:10px !important;
	margin-top: 4px!important;
	margin-bottom: 10px!important;
	margin-right: 5px!important;	
	
	background: -webkit-linear-gradient(#F7F8E0,#FFFF00, #F7F8E0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F7F8E0,#FFFF00, #F7F8E0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F7F8E0,#FFFF00, #F7F8E0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F7F8E0,#FFFF00, #F7F8E0); /* Standard syntax (must be last)*/
}

#aspnetForm select.dropdown{
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	-o-border-radius: 6px 0px 0px 6px;
	-ms-border-radius: 6px 0px 0px 6px;
	-khtml-border-radius: 6px 0px 0px 6px; /* for old Konqueror browsers */
	border-radius:6px 0px 0px 6px; /* future proofing */

	border: 1px inset #999;
	margin-top: 4px;
	padding-left: 6px;
	margin-bottom: 10px;
	margin-right: 5px;
	height: 25px;
	
	-webkit-box-shadow:inset 3px 3px 3px 0px #dddddd;
	-moz-box-shadow:inset 3px 3px 3px 0px #dddddd;
	-o-box-shadow: inset 3px 3px 3px 0px #dddddd;
	-ms-box-shadow: inset 3px 3px 3px 0px #dddddd;
	-khtml-box-shadow: inset 3px 3px 3px 0px #dddddd;
	box-shadow: inset 3px 3px 3px 0px #dddddd;	
	}
	
#aspnetForm .radiobox, #aspnetForm .checkbox, #aspnetForminput[type='radio'], #aspnetForminput[type='checkbox']{
	
	height:20px;
	border-color:#06F;
	padding-right: 10px !important;
}

#aspnetForm .radiobox:checked, #aspnetForm .checkbox:checked{
color:#600 !important;
}

#aspnetForm .filebox {
	margin-top: 4px;
	padding-left: 6px;
	margin-bottom: 10px;
	margin-right: 5px;
	height: 25px;

	
	background-color:none;
	
	}

/* COMMAND BUTTONS */
#aspnetForm .clearfix > .cmdButtons{float:right;}
#aspnetForm .cmdButtons {
	/*-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	border-radius: 6px; /* future proofing */
	
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	height: 30px;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	
    background-color:#dddddd;
    border: 2px outset #CCC;
    text-decoration:none;    	
	}

#aspnetForm .cmdButtons:hover {
	border-style: inset;
	background: #334ea1;
	color: #fff;
	}

#aspnetForm .submit {
	font-weight: bold;
	text-transform:capitalize;
	}

#aspnetForm .cancel {
	font-weight: bold;
	text-transform:capitalize;
	}

#aspnetForm .cancel:hover {
	background-color: #ddd;
	color: #000;
	}
	
/*commons/images/textfields/textfield-sprites.png left(x) top(y)*/
#aspnetForm .placeholder > input[value='']{
	background-image:url('commons/images/textfields/textfield-sprites.png');
	background-repeat:no-repeat;
	}

#aspnetForm .placeholder > .searchfield{
	background-position: 2px -40px; 
	}	

#aspnetForm .placeholder > .username{
	background-position: 2px 0px;
	}	
	
#aspnetForm .placeholder > .password{
	background-position: 2px -20px;
	}	

#aspnetForm .placeholder > .searchfield:focus,
#aspnetForm .placeholder > .username:focus,
#aspnetForm .placeholder > .password:focus
{
	background-position: 1000px -1000px;
	}


/* TEXT POSITIONING */	
#aspnetForm .text-left{text-align:left;}
#aspnetForm .text-right{text-align:right;}
#aspnetForm .text-center{text-align:center;}
#aspnetForm .text-indent{text-indent:50px;}

/* TEXT FORMATTING */
#aspnetForm .text-ucase {text-transform: uppercase;}
#aspnetForm .text-lcase {text-transform: lowercase;}
#aspnetForm .text-cap {text-transform:capitalize;}

/* DIV POSITIONING */	
#aspnetForm .float-left{float:left;}
#aspnetForm .float-right{float:right;}
#aspnetForm .float-none{float:none;}
#aspnetForm .indent {margin-left:10px !important;}

/* ============ DEBUGGING ============  */
#aspnetForm .debug, #aspnetForm .debug * { border: 1px red dashed;}
body .container .hide {display:none !important;} 
/* ============ PAGE BREADCRUMBS ============ */

/*
COLOR-SCHEMA
ACTIVE STATE #98bf21
HOVER STATE: GREEN #696;
INACTIVE STATE: BLUE #69F;

*/
.breadcrumbs, #aspnetForm .breadcrumbs * {padding:0px; margin:0px; /*conflix fix*/ margin-top:0px;}

.breadcrumbs {
	display:block;

	}

.breadcrumbs ul{
	display:block;
	text-align:left;

	}

.breadcrumbs ul li{
	display:inline;
	list-style:none;
    margin: 0px !important;

	/*border-right:2px groove #6CF;*/
	/*padding-right:4px;*/
		
	}
	
.breadcrumbs ul li:last-child{
	border:none;
	}	

.breadcrumbs ul li a{ 

	text-decoration:none; 
	color:#ccc; 
	font-weight:lighter;
		
	}	

.breadcrumbsx ul li a:hover{ 
	
	text-decoration:none; 
	font-weight:lighter;
	
	}	
	
.breadcrumbsx ul li a.nohover:hover{ 

	text-decoration:none; 
	font-weight:lighter;
	
	}

.breadcrumbs ul li a.currentpage{ 

	text-decoration:none; 
	color:#696; 
	font-weight:bold;
	
	}