@charset "utf-8";

img {border:none}

img.mr {margin-right:0.5em;}

.imgleft {float:left; margin: 0 1em 1em 0; text-align:center; 
			font: bold 11px/13px Arial, Helvetica, sans-serif;}
.imgright, .imgright-icon {float:right; margin: 0 0 1em 1em; text-align:center; 
			font: bold 11px/13px Arial, Helvetica, sans-serif;}
.imgleft div, .imgright div {margin-bottom:0.25em} 
/* text-align, font and inner div margin are for captions. See the snippet "Image with Caption" */
.imgright-icon {font: normal 11px/13px Arial, Helvetica, sans-serif;}
.imgright-icon a:link { text-decoration: none; color: #000; font-weight:normal;}
.imgright-icon a:visited { text-decoration: none; color: #000; font-weight:normal;}
.imgright-icon a:hover { text-decoration: underline; color: #000; font-weight:normal;}
.imgright-icon a:active{ text-decoration: underline; color: #000; font-weight:normal;}
.pointer {cursor:pointer}

.height1em, .height1emborder  { height:1em; width: 100%; } /* use on a div to add margin/padding */
.height1emborder { border-top: 1px solid #ccc; }

iframe {border:none; margin: 0 0 1em 0;}

h1 {margin: 0;
	padding: 20px;
	font: bold 24px Tahoma, Geneva, sans-serif; 
	color: #009add;
	clear:both;
}

h1.searchresults {margin:0; padding:20px 0 0 30px;}

h2 {	
	font: bold 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
	margin:1em 0 0.25em 0; padding: 0 0 0.25em 0;
}
h2.h2noborder {border:none;}

.backtotop {float: right; text-align: right; padding-top:0.5em; font: normal 11px/11px Arial, Helvetica, sans-serif;}

h3, th {	
	font: bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0; border:none; text-align:left;
}
h3, h4, h5 {margin: 0 0 0.25em 0;}

h3.h3underline {border-bottom: 1px solid #000;padding-bottom:0.25em;margin-bottom:0.25em}

h4 {font: bold 14px/14px Arial, Helvetica, sans-serif;}

h5 {font-weight: bold;}

.bold, label {font-weight:bold;}
.displaynone {display:none}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.error {font-weight:bold; color: #c00;}
.boldblue {font-weight:bold; color: #009add;}
.boldbrown {font-weight:bold; color: #930;}
.boldred {font-weight:bold; color: #ab162b;}

#content, #rightside, .fullfont, h5 {font: 12px/16px Verdana, Arial, Helvetica, sans-serif;}

#content p, #rightside p {margin:0 0 1em 0; padding: 0;}
#content .margintop1em, #rightside .margintop1em {margin-top:1em;}
#content .marginleft1em, #rightside .marginleft1em {margin-left:1em;}
#content .marginbottom0, #rightside .marginbottom0 {margin-bottom:0;}
#content .marginbottom1em, #rightside .marginbottom1em {margin-bottom:1em;}

#content ul, #rightside ul, #content ol, #rightside ol {margin-top:0;}
#content li, #rightside li {margin-bottom:0.2em;}
ul.ulsecond, ol.ulsecond {margin-top:0.25em; margin-bottom:0.25em; padding-left:2em;}

.ulgreencheck {padding-left:1em; margin-left: 2em; list-style: disc url(../../images/check_green_15.png);}

#content .ulgreencheck li, #rightside .ulgreencheck li {margin-bottom:0.25em;}
.ulzero {padding-left:0; list-style:none; margin: 0 0 1em 0;}
.ul2em {padding-left:2em; margin: 0 0 1em 0;}

.redborder, #content p.redborder, #rightside p.redborder {padding: 0.5em; border: 1px solid #ab162b; margin: 0 0 1em 0; display:inline-block;}

.grayborder, #content p.grayborder, #rightside p.grayborder {padding: 0.5em; border: 1px solid #ccc; margin: 0 0 1em 0; display:inline-block;}

.graybackground {background-color: #eee;}

.dmvform {font: 11px/13px Arial, Helvetica, sans-serif;}
			/* font same as smallfont */
.dmvform a {font: 12px/16px Verdana, Arial, Helvetica, sans-serif;}
ul.dmvform {padding-left:0; list-style:none; margin: 0 0 1em 1em; }
#content ul.dmvform li, #rightside ul.dmvform li {margin-bottom:10px;}

#content p.dmvform, #rightside p.dmvform {margin:0 0 1em 1em;}

#content { margin: 0 auto; width: 920px; padding: 0;}

#leftside {
	float: left;
	display:block; 
	margin: 0 0 0 20px;
	padding-top:10px;
	width: 190px;
	text-align: left;
}

#leftmenu {
	float: left;
	margin-left: 0px;
}
#leftmenu ul{margin:0; padding: 0; width: 170px;}

#leftmenu li{
	margin: 0;
	text-align: left;
	font-size: 13px;
	line-height: 16px; 
	padding-bottom:8px;
	list-style:none;
	color: #069;
}

#leftmenu .top {
	margin-top: 0px;
	padding-top: 10px;
	text-align: left;
	font-size: 16px;
	color: #F60;
}

#rightside {
	margin: 0 0 0 215px;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
	width: 710px; 
	font-size: 12px;
}

#rightside #bottom{
	padding-bottom: 10px;
	border-bottom: #ccc groove 1px;
}


/* used on map pages other than the home page */
#l2nexttomap { float: left; width: 455px; padding: 7px 0 0 11px; }
#l2nexttomap ul { padding-left:16px; }

table, table.smallfont {margin:0 auto 1em auto; padding:0; border:none;
						border-collapse:collapse; border-spacing: 0;}
th {padding: 0 0 0.25em 0;}
td {vertical-align:top;}
.graybg {background-color: #eee;}

.thsmall, .thsmall-reverse {font-size:12px;}
.th-reverse, .th-reverse-left, .thsmall-reverse {color:#fff; background-color: #069; text-align:center;}

th.thh2style {text-align:left; vertical-align:top;
	font: 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0.25em 0; margin:0;
	}
	
/* deprecated table stuff:  
th, td padding replaces cellpadding
border-spacing replaces cellspacing but spacing will show in dreamweaver editor
vertical-align replaces valign
margin auto replaces align */

.tblhandbook { width:45%; margin: 0 0 1em 1em; border:1px solid #ccc; float:right; }
.tblhandbook th { text-align: center; padding: 0.5em 0 0 0; border-top: 1px solid #ccc; border-bottom:none;	font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	} /* font is same as h3 */
.tblhandbook td { text-align: center; padding: 0 0.25em 0.75em 0.25em; }

.tbl-rowborder, .tbl-rowborder75pad, .tbl-rowborder25pad, .tbl-fullborder, .tbl-fullborder-smallfont, .tbl-rowborder-smallfont {border: 1px solid #ccc; width: 95%;} 
.tbl-rowborder td, .tbl-rowborder th, .tbl-rowborder-smallfont td, .tbl-rowborder-smallfont th {border-top: 1px solid #ccc; padding: 0.5em;}

.tbl-fullborder td, .tbl-fullborder-smallfont td, .tbl-fullborder th, .tbl-fullborder-smallfont th {border: 1px solid #ccc; padding: 0.5em;}
.tbl-fullborder-smallfont td, .tbl-rowborder-smallfont td {font: 11px/13px Arial, Helvetica, sans-serif;}
.tbl-fullborder-smallfont th, .tbl-rowborder-smallfont th {font-size: 14px;}
.tbl-th12px th {font-size: 12px; padding:0.5em; background-color:#ddd; vertical-align:top;}

.tbl-rowborder75pad td, .tbl-rowborder75pad th {border-top: 1px solid #ccc; padding: 0.75em;}
.tbl-rowborder25pad td, .tbl-rowborder25pad th {border-top: 1px solid #ccc; padding: 0.25em;}

.tbl-rowborder p, .tbl-rowborder75pad p, .tbl-fullborder p, .tbl-rowborder ul, .tbl-rowborder75pad ul, .tbl-fullborder ul, .tbl-rowborder ol, .tbl-rowborder75pad ol, .tbl-fullborder ol, .tbl-rowborder25pad ul, .tbl-rowborder25pad ol, {margin:0;}

.tbl-95bold {width:95%; font-weight:bold;}

.tbl-tdborder th {border-top: 1px solid #ccc; padding: 0.5em 0;}
.tbl-tdborder td {border-top: 1px solid #ccc; padding: 0.5em 0;}

.tbl-thunderline th {border-bottom: 1px solid #000; padding:0.25em 0;}

.tbl-meetings {width: 95%; border: 1px solid #ccc; font: 11px/13px Arial, Helvetica, sans-serif;}
.tbl-meetings th, .tbl-meetings td {padding: 3px;}

.tbl-plates {width: 100%; border: 1px solid #069; border-spacing: 2px; border-collapse:separate; }
.tbl-plates th, .tbl-plates td {border: 1px solid #069; padding: 0.5em; text-align:center; vertical-align: top;}
.tbl-plates th {font-size: 13px; font-weight: bold; color:#fff; background-color: #069;}

.tbl-grayshadow, .tbl-grayshadow td {border-color: #999}
.tbl-grayshadow {background-color:#eee; box-shadow: 5px 5px 5px #888888; -webkit-box-shadow: 5px 5px 5px #888888; border-collapse:separate}

.grayshadow {box-shadow: 5px 5px 5px #888888; -webkit-box-shadow: 5px 5px 5px #888888; border-collapse:separate;}

.noborder, .noborder td, .noborder th {border:none;}
.borderleft {border-left: 1px solid #ccc;}
.bordertop {border-top: 1px solid #ccc;}

/* Dash Pass check in window */

.dpwrapper {position: relative; display:none;}
.dpcontainer, .dpcontainer_locat {
	width:400px; height: 500px; background-color: #ddd; border: 1px solid #999; 
	box-shadow: 5px 5px 5px #888888; 
	-webkit-box-shadow: 5px 5px 5px #888888; /*older versions of Safari and Android */
	border-collapse: separate; /*needed to display shadow in ie9 */
	position:absolute; top:0; right:2em; z-index:10;}
.dpcontainer_locat {left: 0;}
.dpframe {width:300px; height:450px; margin:0 0 0 15%;}

/* takeover page */
#splash {height:100%; width:100%; position:absolute; left: 0; top: 0; z-index: 100; display:none; text-align:center;}
#splashbg {height:100%; width:100%; background-color: #000; opacity:0.6; filter:alpha(opacity=60); position:absolute; left:0; top:0; z-index:-1;
}

.takeoverlarge {
	height: auto;
	width: 90%;
	max-width: 800px;
	margin-top: 20px;
}
.takeoversmall {
	height: auto;
	width:400px;
	margin-top: 20px;
}
#largemap, #smallmap {position:relative; top:0; left:0; z-index:20;} /*puts image map on top to click on Learn More */

/* 2014 home page redesign */


.linksblack a:link {text-decoration:none; color: #3d3834; }
.linksblack a:visited {text-decoration:none; color: #3d3834;}
.linksblack a:hover { text-decoration: underline; color: #000; }
.linksblack a:active{ text-decoration: underline; color: #000; }

.raleway13, .raleway13-24 {font: 13px/16px 'Raleway', Verdana, Geneva, sans-serif; color:#3d3834;}
p.raleway13 {margin:0 0 0.75em 0;}
ul.raleway13 {line-height:18px}
.raleway13-24 {line-height:24px; margin:0;}
.raleway14red, .raleway19red { font: 14px 'Raleway', Verdana, Geneva, sans-serif; color:#ab162b;}
.raleway19red {font-size: 19px;} 
.montserrat16 {font: 16px 'Montserrat',Verdana, Geneva, sans-serif;}
.montserrat24 {font: 24px 'Montserrat',Verdana, Geneva, sans-serif;}

.dmvinabox {font: bold 32px 'Montserrat',Verdana, Geneva, sans-serif; color:#3d3834; margin: 18px 0 10px 0;}

/* Blue Floating Box on kiosk and other pages */

.bluebox {width:25%; float:right; background: url('../images/border_fade4.png') repeat-y; margin: 0 0 1em 1em; padding:0.35em 0 0 0; border: 1px solid #069;}
.bluebox ul {margin:0.5em; padding: 0; list-style:none;}
.bluebox p {margin:50px; padding: 0.5em;}
.bluebox li.margin5 {margin-bottom:0.5em}

/* accordian faqs */

.helpdiv, #content .helpdiv, #rightside .helpdiv {border: 1px solid #ccc; margin:1em 0;}

.helpquestion, #content .helpquestion, #rightside .helpquestion {background-image: url(../images/help_question_bg.png); background-repeat:repeat-x; background-color:#fff; height: 26px; padding: 0.7em 0 0 1em; margin:0;}

.helpquestion a, #content .helpquestion a, #rightside .helpquestion a {font-weight:normal; color: #000; text-decoration:none;}

.helpanswer, #content .helpanswer, #rightside .helpanswer {padding: 1em 1em 0 1em; border-bottom: 1px solid #ccc;}

.helpanswer p, .helpanswer ul, .helpanswer ol, #content .helpanswer p, #content .helpanswer ul, #content .helpanswer ol, #rightside .helpanswer p, #rightside .helpanswer ul, #rightside .helpanswer ol
{margin-bottom:0; padding-bottom:1em;}

/* general purpose divs */

.divcenter {width:100%; text-align:center; margin-bottom:1em;}

.w5 {width: 5%; float:left;}
.w9 {width: 9%; float:left;}
.w10 {width: 10%; float:left;}
.w12 {width: 12%; float:left;}
.w15 {width: 15%; float:left;}
.w19 {width: 19%; float:left;}
.w20 {width: 20%; float:left;}
.w24 {width: 24%; float:left;}
.w25 {width: 25%; float:left;}
.w30 {width: 30%; float:left;}
.w33 {width: 33%; float:left;}
.w35 {width: 35%; float:left;}
.w40 {width: 40%; float:left;}
.w45 {width: 45%; float:left;}
.w49 {width: 49%; float:left;}
.w50 {width: 50%; float:left;}
.w59 {width: 59%; float:left;}
.w60 {width: 60%; float:left;}
.w64 {width: 64%; float:left;}
.w70 {width: 70%; float:left;}
.w74 {width: 74%; float:left;}
.w75 {width: 75%; float:left;}
.w79 {width: 79%; float:left;}
.w85 {width: 85%; float:left;}
.w90 {width: 90%; float:left;}
.w99 {width: 99%; float:left;}

.w730px {width: 730px; margin: 0 auto;}