input,select,textarea {
	font-size:1em;
	outline:none;
}

form .item {
	position:relative;
	width:180px;
	text-align:right;
	min-height:30px;
	margin:0;
	padding:0 0 10px 0;
	font-weight:bold;}
form label {
	display:block;
	top:-3px;
	position:relative;
	padding:3px 10px 4px 0;
	z-index:3;
}

form .control {
	position:absolute;
	left:175px;
	top:-3px;
}
form .text input {
	display:block;
	padding:4px 5px 0 0;
	border:none;
	height:19px;
	position:relative;
	z-index:2;
	background:url(images/input.png) top right no-repeat;
	color:#333;
	outline:none;
}
/* fixes text line height on inputs for Firefox 3+ */
#login #auto_userName,x:-moz-any-link,x:default{padding:2px 5px 2px 0;}

form .hasfocus input {
	color:#000;}

.fontlarge form .text input { padding: 2px 5px 3px 3px; }

.dynamic form .select .control, 
form .text .control {
	display:block;
	background:url(images/input-left-mask.png) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	z-index:2;
}
form .required label span {
	color:#005487;
	position:relative;
	top:4px;
	font-size:1.2em;
	line-height:0;}


/* text input for dollar input */
form .dollar input {float: left; left:7px; padding-left:3px;}
form .dollar .control {background:url(images/input-dollar-mask.png) top left no-repeat;}

/* text input for date picker */
form .calendar input {
	background:url(images/input-calendar.png) top right no-repeat;
	padding-right:31px;}

/* text input for date picker */
form .percent input {
	background:url(images/input-percent.png) top right no-repeat;
	padding-left: 3px;
	padding-right:17px;}
.fontlarge form .percent input { padding: 2px 17px 3px 0; }

/* textarea control */
form .textarea {
	margin-bottom:10px;
	position:relative;
	top:0;
	left:0;}
form .textarea .control {
	display:block;
	position:relative;
	margin:-25px 0 0 0px;
	padding:0;
	width:350px;}
form .textarea textarea {
	background:#fff url(images/input-textarea-top-mask.png) repeat-x left top;
	font:1.05em Arial, Helvetica, sans-serif;
	color:#333333;
	padding:5px 3px;
	border:1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
form .textarea textarea:focus {
	background:#ffffdf url(images/input-textarea-top-mask-focus.png) repeat-x left top;
	outline:none;}



/*focused controls*/
form .item .hasfocus { background-position:-50px 0 !important; }
form .item .hasfocus input,
form .item .hasfocus .custombox {background-position:100% -100px !important; } /* custombox */
form .item .hasfocus .custombox a { color:#000; } /* custombox */


/* form success and error messages */
form ul.errors {
		background: transparent url(images/error.gif) no-repeat left top;
		color: #C00; 
		margin: 1em 0 0 1.5em;
		padding: 0 2em 2em 4em; 
		list-style-type: disc;
}

/*errored controls*/
form .item .error { background-position:-150px 0; }
form .item .error input, 
form .item .error .custombox {background-position:100% -300px;}
form .item .error .custombox a { color:#000; }

/*disabled controls*/
form .item .disabled { background-position:-100px 0; }
form .item label.disabled,
form .item label.disabled span { color:#ccc; }
form .item .disabled input, 
form .item .disabled .custombox {background-position:100% -200px;}
form .item .disabled input,
form .item .disabled .custombox a { color:#999 !important; cursor:default; }


/*custom select options styles*/
/*dynamic text input (fake select area)*/
form .custombox {
	display:block;
	margin:0;
	padding:0;
	border:none;
	height:23px;
	overflow:hidden;
	position:relative;
	z-index:2;
	background:url(images/select-right.png) top right no-repeat;
	color:#333;}
	
form .custombox a {
	position:absolute;
	top:0px;
	left:0;
	display:block;
	width:100%;
	height:23px;
	margin:0;
	padding:0;
	outline:none;
	text-decoration:none !important;
	font-weight:normal;
	color:#333 !important;
	cursor:default;
	z-index:2;
	overflow:hidden;}
.fontlarge 	form .custombox a { top: -2px; }

form .custombox a:focus {outline:none;}
form .custombox a span {
	display:block;
	height:20px;
	margin:4px 20px 4px 4px;
	padding:0;
	line-height:16px;
	text-align:left;}
.fontlarge form .custombox a span { padding: 2px 4px 6px; }

/* Dynamic Select List*/
div.custombox-wrapper {
	position:relative;
	left:-1px;
	background-color:white;
	border-top:none;
	margin:0;
	padding:0;
	text-align:left;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border:solid 1px #999;
	border-top:none; }
#wmodal .contactbyemail div.custombox-wrapper { left: 5px; }
	
div.custombox-wrapper ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	position:relative;}
div.custombox-wrapper ul li {
	list-style-type:none;
	display:block;
	margin:0 !important;
	padding:0 !important;
	font-weight:normal;
}
div.custombox-wrapper ul li a span {
	display:block;
	min-height:20px;
	line-height:20px;
/*
	height:20px;
	line-height:20px;
*/
	padding:0 4px 0 4px;
}
div.custombox-wrapper ul li a {
	display:block;
	width:100%;
	text-decoration:none;
	color:#000 !important;
	background:#fff;
	outline:none;
	cursor:default;
}
div.custombox-wrapper ul li a.odd {
	background-color:#f7f7f7;
}
div.custombox-wrapper ul li a.selected {
	color:#fff;
	background:#99c4f5;}
div.custombox-wrapper ul li a.lastselected {
	color:#fff;
	background:#c0d9f5;}

div.custombox-wrapper ul li a:hover {
	text-decoration:none;
	color:#fff;
	background:#99c4f5;}

/* Hide any customselect boxes until they are initialized - Right now specific to Auto. */
/* .dynamic .customselect { display: none; } */
.dynamic #auto-home .customselect,
.dynamic #home .customselect {
	display: none;
}	
.dynamic .customselect-init,
.dynamic #home #pc .customselect,
.dynamic #auto-home .customselect-init,
.dynamic #auto-home #pc .customselect,
.dynamic #home .customselect-init {
	display: block;
}	

/* customTABLE layout of custombox */
div.customtable-wrapper {
	overflow: hidden;
}
div.customtable-wrapper ul {
	display: table;
}
div.customtable-wrapper ul li {
	display: table-row;
}
div.customtable-wrapper ul li a .col {
	display: table-cell;
}


/*blue boxes for data format instruction*/
form .instruction {
	font-size:.9em;
	font-weight:normal;
	position:absolute;
	z-index:1;
	top:0;
	left:100%;
	padding:6px 10px;
	margin-left:-3px;
	background:url(images/instruct.png) top right no-repeat;
	white-space:nowrap;}
.fontmedium form .instruction { padding-top: 4px; } 
.fontlarge form .instruction { padding-top: 2px; }

/*width variables*/
.w025{width:25px;}.w030{width:30px;}.w040{width:40px;}.w050{width:50px;}.w060{width:60px;}.w070{width:70px;}.w080{width:80px;}.w090{width:90px;}.w100{width:100px;}
.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}
.w200{width:200px;}.w210{width:210px;}.w220{width:220px;}.w230{width:230px;}.w240{width:240px;}.w250{width:250px;}.w260{width:260px;}.w270{width:270px;}.w280{width:280px;}
.w290{width:290px;}.w300{width:300px;}.w310{width:310px;}.w320{width:320px;}.w330{width:330px;}.w340{width:340px;}.w350{width:350px;}.w360{width:360px;}.w370{width:370px;}
.w380{width:380px;}.w390{width:390px;}.w400{width:400px;}.w410{width:410px;}.w420{width:420px;}.w430{width:430px;}.w440{width:440px;}.w450{width:450px;}.w460{width:460px;}
.w470{width:470px;}.w480{width:480px;}.w490{width:490px;}.w500{width:500px;}.w510{width:510px;}.w520{width:520px;}.w530{width:530px;}.w540{width:540px;}.w550{width:550px;}
.w560{width:560px;}.w570{width:570px;}.w580{width:580px;}.w590{width:590px;}.w600{width:600px;}

.fontlarge .w040 { width: 48px; }
.fontlarge .w080 { width: 96px; }
.fontlarge .w100 { width: 120px; }

/*vertical variants*/
form .radio,
form .check {
	margin:0 0 10px 0;
}

form .radio .controls,
form .check .controls {
	position:relative;
	margin:-25px 0 0 175px;
	padding:0;
	display:block;
	width:350px;
}
form .radio .controls .control,
form .check .controls .control {
	text-align:left;
	position:relative;
	display:block;
	float:left;
	top:0;
	left:0;
	margin-right:5px;
	width:100%;
}
form .radio .controls .control label,
form .check .controls .control label {
	position:relative;
	display:block;
	float:left;
	background-image:none;
	top:0;
	width:75%;
	z-index:1;
	margin:0 0 0 2px;
}
form .radio .controls .control input,
form .check .controls .control input {
	position:relative;
	display:block;
	float:left;
}

/* Horizontal Layout */
form .radio .horizontal,
form .check .horizontal {}

form .radio .horizontal .control,
form .check .horizontal .control {
	width:48.5%;
}
form .radio .horizontal .control label,
form .check .horizontal .control label {
	margin-bottom:0;
}
form .mline-2 .controls {
	margin-top:-40px;
}

form .controls:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

.accessibleHide {
	position:absolute;
	top:7px;
	left:10px;
	outline:none;
	width:8px !important;
	font-size:1px;
	z-index:1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 /* fix Gemini ticket #23667 */
    .accessibleHide {
        position:absolute;
		top:7px;
		left:11px;
		outline:none;
		width:8px !important;
		font-size:1px;
		z-index:1;
    }
}


/* Phishing form */
.dynamic #phishingbyemailform .item .disabled { background-position: 0 0; }
#phishingbyemailform .disabled input, #phishingbyemailform .disabled .custombox { background-position: 100% 0 !important; }
#phishingbyemailform label.disabled, #phishingbyemailform label.disabled span,
#phishingbyemailform .disabled input, #phishingbyemailform .disabled .custombox a { color: #505050 !important; }
#phishingbyemailform .horizontal .item { clear: left; }

/* Contact us form */
.dynamic #contactusbyemailform .select .control { background: none; margin-left: -6px; }

ul.messages {
	position: absolute;
	left: -999em;
	padding-bottom: 2em !important;
}
#pc ul.messages { padding: 2em 0 0 0 !important; }

ul.messages_active {
	position: relative;
	left: 0;
}

ul.messages li {
	position: relative;
	left: 0;
	list-style: none;
	margin: 0.5em 0 !important;
}
ul.messages li.error { color: #F00; }
ul.messages li.success { color: #393; font-size: 12px; font-weight: bold; }
