/*.inputs is a wrapper to define margin padding and float around a label and input.*/
.errorMessages{display:none;border: 2px solid #e60000; min-height: 2em;  width:75%; padding:.3em; margin:1em auto;   line-height:1.5;  } 
/*works with html5validation.js*/
.validationError {color: #e60000; border:1px solid #e60000;}

.messages{display:none; border: 1px solid #C2CCD6; min-height: 2em;  width:40%; padding:.3em; margin:1em auto;   line-height:1.5; text-align:center} 
.inputs{display:inline; margin:.25em .5em; float:left;}
.inputs label{ float:left;  margin: 0 }
.inputs label.block{display:block }
.inputs label.break {display:block; clear:right}
.inputs .nolabel{clear:both; margin: 0 }
.inputs input[type="submit"],.inputs input[type="button"] {border:0}
.inputs textarea, .inputs select { border:1px solid #aab1bb; }
.inputs input[readonly="readonly"], .inputs input[readonly] {border:0}
.inputs input[type="image"], .inputs img, .inputs input[type="checkbox"]
.inputs input[type="radio"]{border:0; vertical-align:middle}
.inputs img {margin:0; padding:0;}
.inputs ol li {margin-left: 2em}
.disabled, input.disabled[type="submit"], input[disabled="disabled"], input[disabled] {color: #666;}
.textwrap {/*background:url(../../../vin/css/images/background-sprites.png) 0 22px repeat-x;*/ padding-bottom: .5em; line-height: 1.3em; margin: 1.5em 0 0; border-bottom:#56617f 5px solid }
.textwrap.margintop2 {margin-top: 2em}
.textwhiteonblue {background:url(../../../vin/css/images/background-sprites.png) 0 -58px repeat-x; color: #fff;line-height: 30px;vertical-align: top;} 

/*Juery specific styles*/
ul.ui-menu {width:25em}
li.ui-menu-item{padding:.2em; background-color:#fff; border:1px solid #ccc;  font-size:.95em; border-top: none; }
li:first-child.ui-menu-item{ border-top:1px solid #ccc ;}

/*need for struts2 picklist with html5*/
.select {background: url(https://vinrcl.safercar.gov/vin/css/images/select.png);background-repeat: no-repeat; -moz-appearance: none}
.ui-state-valid {background-image:none; background-color:#fff}
.separator {border-bottom:1px solid #e0e0e0; margin:0 auto .7em; width: 98%; clear:both; display:block; height:.5em }

/*standard alert messages*/
.headalert {margin:1em auto; width: 80%; border: 2px solid #e60000; clear:both; padding: .3em}
.headalert .left{font-weight: bold;}
.headalert .left em {font-style:normal;}

/*adding a disc*/
ol li.disc , ul li.disc{list-style:disc; margin: .3em 1em}
.announcement, .errors {background-color: #fff; margin: 10px auto;width: 500px; padding: 5px; vertical-align:top }
.announcement img, .errors img {vertical-align:top}
.errors {border: 2px solid #e60000;}

/*set IE10 style and JS differences IE10 from http://css-tricks.com/ie-10-specific-styles/ along with JS*/
html[data-useragent*='MSIE 10.0'] .inputs label.label-margin-top{margin-top:.3em}

/*accessibility hidden for accessibility labeling*/
.hideformlabel{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}

/*align*/
.aligntop {vertical-align: top;}

/*border*/
.border {border:1px solid #aab1bb;}
.borderright {border-right:1px solid #aab1bb;}
.border2 {border:2px solid #aab1bb;}
.borderpaleblue {border:1px solid #c7cbd3;}
.borderpalebrown {border:1px solid #e0dad3;}
.border2palebrown{border: 2px solid rgb(192,180,166)}
.borderred {border:2px solid #e60000}
.border0 {border:0}
.borderbottom {border-bottom:1px solid #aab1bb;}
.borderbottom0 {border-bottom:0;}
.bordergray {border:1px solid #e0e0e0;}
.borderbottomgray {border-bottom:1px solid #e0e0e0;}
.borderleftgray {border-left:1px solid #e0e0e0;}
.borderrightgray {border-right:1px solid #e0e0e0;}
.borderblack {border:1px solid #000000}

.bordertop {border-top:1px solid #aab1bb;}
.borderbottom {border-bottom:1px solid #aab1bb;}
.bordertopgray {border-top:1px solid #e0e0e0;}
.bordertop0 {border-top:0;}

/*clear styles*/
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
.contentspace{content:'   '}

/*display*/
.block {display:block}
.inline {display:inline}
.inline-block {display:inline-block}
.nonedesk, .divrequest, .none {display:none}
.table {display:table}
.tablecell{display:table-cell}

/*float*/
.floatnone, .inputs label.floatnone, .inputs input.floatnone, .inputs label.floatnone {float:none}
.floatleft, .inputs input {float:left}
.floatright, .inputs.floatright, .inputs input.floatright {float:right}

/*font*/
.bold {font-weight:bold}
.nobold {font-weight:normal}

.fontsize06{font-size:.6em}
.fontsize70{font-size:70%}
.fontsize08 {font-size:.8em}
.fontsize085 {font-size:.85em}

.fontsize09 {font-size:.9em}
.fontsize095 {font-size:.95em}
.fontsize99 {font-size:99%}
.fontsize90 {font-size:90%}
.fontsize1 {font-size:1em}
.fontsize101 {font-size:1.1em; font-weight:bold}
.fontsize102 {font-size:1.2em; }
.fontsize1085{font-size:1.85em}
.fontsize130 {font-size:1.30em}

.center{text-align:center}
.centerclear {text-align:center;  clear:both}
.lineheight1-3 {line-height:1.3}
.lineheight1-5 {line-height:1.5}
.lineheight1-8 {line-height:1.8}
.nobreak {white-space:nowrap;}
.taright{text-align:right}
.textupper, input.links[type="submit"].textupper {text-transform:uppercase;}
.textleft, .first, .between {text-align:left}
.textright{text-align:right}
.textwhite {color:#fff}
.textblack {color:#000}
.textred, .required {color:#e60000}
.textbtnblue  {color: #283C5A}
.textdblue {color:#5b6681;}
.textsoftblack {color: #777}

a:link.textbtnblue, a:hover.textbtnblue,  a:visited.textbtnblue{color: #283C5A; text-decoration:none}
a:link.graybutton, a:hover.graybutton,  a:visited.graybutton, .graybutton{color: #38547D; text-decoration:none}
.underline0 , a:link.underline0{text-decoration:none}
.underline {text-decoration:underline}
input[type="radio"]:focus {outline:1px dotted #283C5A}

/*form margins*/
.margincheckbox {margin: 0 0.2em 0 0.3em}

/*height*/
.height0{height:0}
.height02 {height: .2em}
.height30 {height: 30px}
.height60 {height: 60px}
.height100 {height: 100px}
.heightclear{height:.3em}
.minheight0{min-height: 0}
.minheight2 {min-height: 2em;}
.minheight3 {min-height: 3.3em;}

/*margin*/
.marginauto, .inputs.marginauto {margin:auto}
.margin0, .inputs.margin0 {margin:0}
.margin02. .input.margin02{margin: .2em}
.margin5 {margin: .5em}
.margin1 {margin: 1em}
.margin075,.inputs input.margin075{margin:.75em}

.marginheight03 {margin: .3em 0} 
.margin1-3 {margin:1em 3em}
.marginbottom0, .inputs.marginbottom0, .contentbox .contentbox.marginbottom0  {margin-bottom:0}
.marginbottom02 {margin-bottom:.2em}
.marginbottom04{margin-bottom:.4em}
.marginbottom05, .inputs input[type="submit"].marginbottom05{margin-bottom:.5em}
.marginbottom1{margin-bottom:1em}
.marginbottom2{margin-bottom:2em}

.alpha{margin-left:0}
.marginleft0, .inputs.marginleft0 {margin-left:0}
.marginleft01 {margin-left:.1em}
.marginleft02, .inputs.marginleft02, .inputs label.marginleft02 {margin-left: .2em}
.marginleft04, .inputs label.marginleft04, .inputs input.marginleft04 {margin-left: .4em}
.marginleft05 {margin-left: .5em}

.marginleft08 {margin-left: .8em}
.marginleft1, .inputs label.marginleft1 {margin-left: 1em}
.marginleft2 {margin-left: 2em}
.marginleft2-5 {margin-left: 2.5em}
.marginleft3 {margin-left: 3em}
.marginleft6 {margin-left: 6em}
.marginleft7-5 {margin-left: 7.5em}
.marginleft8 {margin-left: 8em}
.marginleft9, .inputs.marginleft9, .inputs input.marginleft9  {margin-left: 9em}
.marginleft10em, .inputs.marginleft10em {margin-left:10em}
.marginleft11, .inputs.marginleft11 {margin-left:11em}
.marginleft14, .inputs.marginleft14{margin-left:14em}
.marginleft20 {margin-left: 20em}
.omega{margin-right:0}
.marginright01 {margin-right: .1em}
.marginright02, .inputs label.marginright02, .inputs input.marginright2 {margin-right: .2em}
.marginright04,  .inputs  .marginright04,.inputs label.marginright04, .inputs input.marginright04, input [type=submit].marginright04{margin-right: .4em}
.marginright05 {margin-right:.5em}
.marginright1 {margin-right: 1em}
.marginright2, .inputs input.marginright2 {margin-right: 2em}
.marginright3{margin-right:3em}
.marginright6-5 {margin-right: 6.5em}
.margintop0, .inputs.margingtop0, .contentbox .contentbox.margintop0 {margin-top:0}
.margintop01, .inputs input.margintop01 {margin-top:.1em}
.margintop02, .inputs label.margintop02 {margin-top:.2em}
.margintop03, .inputs label.label-margin-top {margin-top: .3em}
.margintop04, .inputs input.margintop04 {margin-top:.4em}
.margintop05 {margin-top: .5em;}
.margintop07 {margin-top: .7em;}
.margintop1 {margin-top: 1em;}
.margintop1-5 {margin-top: 1.5em;}
.margintop2 {margin-top: 2em;}
.margintop4 {margin-top: 4em;}
.margintopbottom0, .contentbox .contentbox.margintopbottom0{margin-top:0; margin-bottom:0}
.margintopbottom02{margin-top:.2em; margin-bottom: .2em}
.margintopbottom05{margin-top:.5em; margin-bottom: .5em}
.margintopbottom1-3{margin:1.3em 0}
.margintopbottom02-0{margin:.2em 0}
.margintopbottom05-0{margin:.5em 0}
.margintopbottom0310{margin: .3em 1em 0;}
.margintopbottom05{margin-top:.5em; margin-bottom:.5em}

/*padding*/
.padding0{padding: 0}
.padding01{padding:.1em}
.padding02{padding:.2em}
.padding03 {padding:.3em}
.padding05{padding:.5em}
.padding1{padding:1em}
.padding2{padding: 2em}
.padding0102{padding:.1em .2em}
.paddingleft0{padding-left:0}
.paddingleft05{padding-left:.5em}
.paddingleft06 {padding-left:.6em}
.paddingleft1 {padding-left:1em}
.paddingleft2-5 {padding-left: 2.5em}
.paddingleft4 {padding-left:4em}
.paddingleftright02{padding-left:.2em; padding-right:.2em}
.paddingright05 {padding-right:.5em}
.paddingright1 {padding-right:1em}
.paddingtop0 {padding-top:0}
.paddingtop02 {padding-top:.2em}
.paddingtop03 {padding-top:.3em}
.paddingtop06 {padding-top:.6em}
.paddingtop75 {padding-top:.75em}
.paddingtop3 {padding-top:3em}
.paddingbottom0 {padding-bottom:0}
.paddingbottom02 {padding-bottom:.2em}
.paddingbottom03 {padding-bottom:.3em}
.paddingbottom08 {padding-bottom:.8em}
.paddinttopbottom0203 {padding: .2em .3em}
.paddinttopbottom1 {padding: 1em 0}
/*with loading gif.. waiting for data to load*/
.indicator {display:inline;float:left; margin: .3em 1em 0 0}
/*radius*/
.radius {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius: 2px;}

.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;}
	
.radius-top {
	-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;}
.radius-bottom{
	-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;}
/*background color*/
.white {background-color:#fff}
.red {background-color:#e60000}
.highlight, .mark, .yellow {background-color: yellow}
.transparent {background-color:transparent}
.C2CCD6blue  {background-color:rgb(227,229,233)}
.lightblue2 {background-color:#C2CCD6}
.palebrown {background-color:rgb(254,252,249)}
.pink {background-color:pink}
.lime {background-color:lime}
.aqua  {background-color:aqua}
.violet {background-color:violet}
.orange {background-color:orange}
.green {background-color:green; outline:1px solid white}
.blue{background-color:blue; outline:1px solid white}
.silver{background-color:silver}
.fuschia {background-color:Fuchsia;}
&.ie10{
.red {background-color:#e60000}
}

.recaptchatable a:hover,.recaptchatable a:focus {outline:#ccc dotted thin !important;}
.recaptchatable  input {border:1px solid #aab1bb!important; -webkit-border-radius:4px !important;-moz-border-radius:4px !important; border-radius: 4px !important; margin-bottom: .5em !important}

.bluegrad{background: rgb(214,224,234); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZTBlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWQzZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(214,224,234,1) 0%, rgba(197,211,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,224,234,1)), color-stop(100%,rgba(197,211,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,224,234,1) 0%,rgba(197,211,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,224,234,1) 0%,rgba(197,211,225,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,224,234,1) 0%,rgba(197,211,225,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,224,234,1) 0%,rgba(197,211,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0ea', endColorstr='#c5d3e1',GradientType=0 ); /* IE6-8 */

}

.lgray{background: rgb(251,251,251); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */}
/*width*/
.width2 {width: 2em}
.width3 {width: 3em}
.width3-5, .number {width: 3.5em}
.width4 {width: 4em}
.width415 {width: 4.15em}
.width5 {width: 5em}
.width5-5, .charactorwidth11 {width: 5.5em}
.width6 {width: 6em}
.width7 {width: 7em}
.width8 {width: 8em}
.width9 {width: 9em}
.width10em {width: 10em}
.width11{width: 11em}
.width12{width: 12em}
.width13{width: 13em}
.width14 {width:14em}
.width16{width: 16em}
.width16pct{width: 16%}
.width18{width: 18em}
.widthsearchselect {width: 14.65em}
.widthselectmanufact {width: 22em}
.width10{width:10%}
.width20{width:20%}
.width23{width:23%}
.width25{width:25%}
.width28{width:28%}
.width30, .inputs.width30{width:30%}
.width31{width:31%}
.width33{width:33%}
.width34 {width:34%}
.width35 {width:35%}
.width37 {width:37%}
.width40 {width:40%}
.width44 {width:44%}
.width45 {width:45%}
.width47{width:47%}
.width48 {width:48%}
.width49 {width:49%}
.width50 {width:50%}
.width52 {width:52%}
.width55{width:55%}
.width65, .inputs.width65{width:65%}
.width70{width:70%}
.width75{width:75%}
.width80 {width:80%}
.width84 {width:84%}
.width85 {width:85%}
.width87 {width:87%}
.width95 {width:95%}
.width97 {width:97%}
.width98 {width:98%}
.width99 {width:99%}
.width100{width:100%;}

.drop {-webkit-box-shadow: 3px 3px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:   3px 3px 2px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 2px 0px rgba(50, 50, 50, 0.75);}


 
/*firefox browser only*/
@-moz-document url-prefix() { 
 /*.tabsection .tabs3 a:link.disabled {color: #414e6d; border:1px solid #aab1bb; border-bottom: 0;}*/
.margintopmoz { margin-top:.1em}

}
.tlsMessage{  
    background-color: #f1f1f1;
    border: 1px solid #d88109;
    margin: 1em auto;
    padding: 0.5em;
    width:85%;
    font-size:89%
}