/************ MAIN CONTAINERS *****************/

.datePart{
	color:#666;
	font-weight:bold;
	border-bottom: 1px dotted grey;
	padding:0 0 8px 0;
	margin-bottom:3%;
}

.contentSection .center {
        text-align: center;
	font-size: 85%;
    font-style: italic;
    text-align: center
}

ol li ul.check li {
	list-style: none !important;

}

.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.iframe-container-16x9 {

}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-bottom: 75%;
}
 
.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subHeaderText{
	margin-top:3%;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    margin-left: auto;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}

.list-group-item  li{
   list-style: none;
    background-image: url(../images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 0 .1em;
    padding: 0 0 .4em 0em;
    margin: 0 0 8px 0;
    border: 0px solid blue;
}
.list-group ul.pdf2 {
    margin: 0px;
    list-style: none;
    padding: 0px 0 0px 0px;
}

.list-group ul.pp2 {
    margin: 0px;
    list-style: none;
    padding: 0px 0 0px 0px;
}

.list-group ul.vid {
    margin: 0px;
    list-style: none;
    padding: 0px 0 0px 0px;
}
	
/************ CONTAINER STYLES *****************/


/************ Header STYLES *****************/

.lvl3 {
	color: #000;
	width: 95%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}
.contentSection .ModDNNHTMLC div, .contentSection .ModDNNHTMLC span, .contentSection .ModDNNHTMLC p {
	/*   color: Black;*/
	font-family: Arial, Helvetica, sans-serif;
	/*  font-size: 14px;*/
	
}
.contentSection .ModDNNHTMLC table td {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	padding: 8px 5px 8px 12px !important;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}


/************ MEANS YOU HAVE NOT REMOVED THE INFINITE "SITELINKS" CLASS FROM YOUR LINKS YET *****************/


	
	.DynamicForms_FieldLeftLabel, .dnnFormItem.DynamicForms_Label, .DynamicForms_Label {

}

.DnnModule-DynamicForms  {
    background-color: #F3F3F3;
	padding: 10px;

}

.dnnForm  table {margin:0;}
.dnnForm  table tr, table th, table td {
    border: none;
    border-bottom: 0px solid #e4e3e3 !important;
	
    font-family: 'Lato', sans-serif;
    font-size: .875rem;
}

.dnnForm  table tr td {
    background: transparent !important;
    color: #000;
}


.DynamicForms_MainPanel input[type="text"], .DynamicForms_MainPanel [type="textarea"], .DynamicForms_MainPanel [type="password"], .DynamicForms_MainPanel textarea, .DynamicForms_MainPanel select {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-shadow: 0px 1px 2px #DDD inset, 0px 0px 0px #FFF;
    height: 40px;
    padding: 4px 10px;
    margin: 0px 0px 5px 10px;
    box-sizing: border-box;
	width: 95% !important;
  
}

select { padding: 8px 10px;
    margin: 0px 0px 5px 10px;}
.normalred {color:#ec1932;}
.dynamicforms_captcha_advanced + input[type="text"] {
    margin-top: 60px;
}

.DynamicForms_FieldLeftLabel, .dnnFormItem.DynamicForms_Label, .DynamicForms_Label {
    
    text-align: left;
    margin: 18px 10px 3px 5px;
    min-width: 120px;
    clear: both;
    width: 100%;
}

.dynamicforms_requiredfieldasterik {
    color: red;
}

.dynamicforms_requiredfield {
    color: red;
	padding: 5px;
}

.DynamicForms_SaveFormDiv input[type="button"] {
    border: medium none;
    background-color: #D66908;
    border-radius: 5px;
    box-shadow: 0px 1px 2px #666;
    box-sizing: border=box;
    color: #FFF;
    cursor: pointer;
    margin: 20px auto;
       padding: 10px 18px;
    float: none;
    font-family: Arial,Geneva,sans-serif;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    max-width: 30%;
}

.dynamicforms_requiredfield {
    color: red;
}


.DynamicForms_HeaderTable table a {
    color: #183863;
}

.DynamicForms_HeaderTable table a:hover {
    color: #2f4b72;
}

.DF-FieldRow {
    box-sizing: border-box;
    padding: 0px 5px;
    margin: 5px 0px;
    clear: both;
    display: inline-block;
    width: 90%;
    vertical-align: top;
}

.DF-FieldRow:last-child {
    display: block;
    width: 60%;
}

.DynamicForms_QuestionDiv.DRQDiv0 {
    display: block !important;
}

.DynamicForms_FieldLeftLabel, .dnnFormItem.DynamicForms_Label, .DynamicForms_Label {
   
    text-align: left;
    margin: 18px 10px 3px 0px;
    min-width: 120px;
    clear: both;
    width: 100%;
}


.DF-FieldRow label {
    color: #4C4C4C;
    font-size: 16px;
}

.DynamicForms_QuestionDiv.DRQDiv0 {
    display: inline-block;
}

.DynamicForms_QuestionDiv {
    clear: both;
    overflow: hidden;
    padding-top: 5px;
}

.dynamicforms_requiredfieldasterik {
    display: inline-block;
    margin-left: 3px;
}

.DynamicForms_MainPanel input[type="text"], .DynamicForms_MainPanel [type="textarea"], .DynamicForms_MainPanel [type="password"], 
.DynamicForms_MainPanel textarea, .DynamicForms_MainPanel select {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-shadow: 0px 1px 2px #DDD inset, 0px 0px 0px #FFF;
    height: 40px;
    padding: 8px 10px !important;
    margin: 0px 0px 5px;
    box-sizing: border-box;
    width: 100% !important;
}
.ModLiveSliderC {
    border: 0px solid #CCC !important;
    padding: 5px;
    min-height: 190px;
}
.NormalBold {
    color: #222;
    font-size: 16px;
	font-weight:500;
}

.dynamicforms_requiredfield {
    color: Red;
}

.dynamicforms_captcha_advanced + input[type="text"] {
    margin-top: 20px;
}

.DynamicForms_SaveFormDiv p {
    text-align: center;
}

.DynamicForms_SaveFormDiv input[type="button"] {
    border: medium none;
    background-color: #D66908;
    border-radius: 5px;
    box-shadow: 0px 1px 2px #666;
    box-sizing: border=box;
    color: #FFF;
    cursor: pointer;
    margin: 0px auto;
    padding: 8px 14px;
    float: none;
    font-family: Arial,Geneva,sans-serif;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}


@media only screen and (max-width: 990px) {
    .DynamicForms_MainPanel input[type="text"], .DynamicForms_MainPanel [type="textarea"], .DynamicForms_MainPanel [type="password"], 
    .DynamicForms_MainPanel textarea, .DynamicForms_MainPanel select {
        width: 100% !important;
    }
}

@media only screen and (min-width: 180px) and (max-width: 767px) 
{
    .DF-FieldRow {
        display:block;
        margin: 0 auto;
    }
    
    .DF-FieldRow:last-child {
        width: 95%;
    }
    
    .DF-FieldRow:last-child DynamicForms_Label {
        margin: 0 auto;
    }
    
    .dynamicforms_captcha_advanced + input.dynamicforms_textbox[type="text"] {
        margin: 20px auto;
        width: 50% !important;
        display: block;
    }
    
    .LBD_CaptchaDiv {
        margin: 10px auto !important;
    }
    
    .DynamicForms_SaveFormDiv input[type="button"] {
        width: 48%;
    }
	.DynamicForms_SaveFormDiv input[type="button"] {

    max-width: 100%;
}

}












	.DnnModule-DNN_HTML {margin-bottom:8px;}
/************ MEANS YOU HAVE NOT REMOVED THE INFINITE "SITELINKS" CLASS FROM YOUR LINKS YET *****************/
	
	
	
/************ MAIN CONTAINERS *****************/


/************ INPUT BOXES AND BUTTONS *****************/
.orangeButton {
	cursor: pointer;
	display: inline-block;
	border: medium none;
	background: #d56808;
	background-image: linear-gradient(bottom, #d56808 0%, #d56808 52%);
	background-image: -moz-linear-gradient(bottom, #d56808 0%, #d56808 52%);
	background-image: -webkit-linear-gradient(bottom, #d56808 0%, #d56808 52%);
	background-image: -ms-linear-gradient(bottom, #d56808 0%, #d56808 52%);
	background-image: -o-linear-gradient(bottom, #d56808 0%, #d56808 52%);
	color: #FFF;
	margin: 0px 0px 5px;
	padding: 10px;
	border-radius: 5px;
	font-size: 13px;
}
.orangeButton:hover, .orangeButton:active {
	background-image: linear-gradient(bottom, #f3882a 0%, #f3882a 52%);
	background-image: -moz-linear-gradient(bottom, #f3882a 0%, #f3882a 52%);
	background-image: -webkit-linear-gradient(bottom, #f3882a 0%, #f3882a 52%);
	background-image: -ms-linear-gradient(bottom, #f3882a 0%, #f3882a 52%);
	background-image: -o-linear-gradient(bottom, #f3882a 0%, #f3882a 52%);
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}
input[type="text"] {
	display: inline-block;
	
	width: 150px;

}
input[type="password"] {
	display: inline-block;
	border: 1px solid #CCC;
	width: 150px;
	height: 35px;
	padding: 7px 10px;
}
/************ INPUT BOXES AND BUTTONS *****************/


/************ HEADER STYLES *****************/

.contentSection h1 {
	
	line-height: 30px;
	padding: 5px 0;
}
.contentSection h2 {

}
.contentSection h3 {

}


.contentSection h4 {
    line-height: 16px;
    margin: 1em 0 .5em 0;
}

.contentSection .panelheading h4 {

	line-height: 16px;
	margin: 0 0 0 0;
}
.contentSection h5 {
	font-size: 13px;
	line-height: 13px;
	padding: 1px 0;
}
.contentSection h6 {
	font-size: 12px;
	font-weight: normal;
	line-height: 11px;
	padding: 1px 0;
}
.contentSection h4.headingwhite {
	color: white;
	padding: 0px;
	margin: 0px;
}
.contentSection h2.date-header {
	color: #000;
}
h3.greenHeader {
	color: #7C9F3D;
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
	padding: 0px 0px 5px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.headred {
	background: #821821;
}

.headgold {
	background: #d89d38;
}

.headerstar {
	background-image: url(/mvd/images/header_star.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}



/*----- LINKS CONTENT SECTION -----*/

.contentSection a {
	color: #af580c;
	font-size: 16px;
}
.contentSection a:visited {
	color: #af580c;
	font-size: 16px;
}
.contentSection a:hover {
	color: #d66b0d;
	font-size: 16px;
}

   .chat {
	widows: 100%;
	height: 50px;
	align-content: center;
}




.contentSection .floatright-300 {float:right;
max-width:300px;
padding:10px;
margin:5px;
}

.contentSection .floatright-300 img {

float:none;
}

.darkBlueHeader, .contentSection .ModDNNHTMLC p.darkBlueHeader, .contentSection .ModDNNHTMLC p .darkBlueHeader, .contentSection .ModDNNHTMLC div.darkBlueHeader, .contentSection .ModDNNHTMLC div .darkBlueHeader {
	font-weight: bold;
	color: #183863;
}
.orangeHeader, .contentSection .ModDNNHTMLC p.orangeHeader, .contentSection .ModDNNHTMLC p .orangeHeader, .contentSection .ModDNNHTMLC div.orangeHeader, .contentSection .ModDNNHTMLC div .orangeHeader {
	font-weight: bold;
	color: #D46200;
}
/************ TAB STYLES Sandbox*****************/


/************ UI STYLES *****************/

.ui-tabs .ui-tabs-panel {
	margin: 5px 0 30px 0px !important;
}
.tabStruct_page {
	margin: 5px 0 30px 10px !important;
}
.livetabsinfiniteaccordiontabs .ui-widget-header {
	border: 1px solid #d49768;
	background-color: #D66B0D;
	border-radius: 0px !important;
	color: #ffffff;
	font-weight: bold;
}
/************ HEADER STYLES *****************/


/************ LIST STYLES *****************/

/*---- ROUNDED BULLETS ----*/
.bullets {
	padding-left: 15px;
	clear: both;
}
.bullets li {
	margin: 5px 0px;
	list-style: disc outside none;
	color: black;
}
.paddingleft {
	padding : 5px 0px 10px 30px;
}
/*---- ROUNDED BULLETS ----*/

/*---- NUMBERED BULLETS ----*/
.numberedList {
	margin: 0 0 0 30px;
}
.numberedList li {
	list-style: decimal outside none;
}
.powerPointBullets {
	padding-left: 15px;
}
.powerPointBullets li {
	list-style-image: url("../images/powerpoint2.jpg");
}
/*---- NUMBERED BULLETS ----*/

/*---- UPPERCASE ALPHABET BULLETS ----*/
.uppercaseAlphabetList {
	margin: 0 0 0 30px;
}
.uppercaseAlphabetList li {
	list-style-type: upper-alpha;
}
/*---- UPPERCASE ALPHABET BULLETS ----*/

/*---- LOWERCASE ALPHABET BULLETS ----*/
.lowercaseAlphabetList {
	margin: 0 0 0 30px;
}
.lowercaseAlphabetList li {
	list-style-type: lower-alpha;
}

ul.check li ul li {
  list-style: disc;
  background-image: none;
  margin: 0 0 10px 25px;
  padding: 0 0 0 0px;
}
/*---- LOWERCASE ALPHABET BULLETS ----*/

/************ LIST STYLES *****************/





/************ BOX CONTAINERS *****************/

.greyBox, .contentSection .ModDNNHTMLC div .greyBox, .contentSection .ModDNNHTMLC span .greyBox, .contentSection .ModDNNHTMLC p .greyBox {  width:100%;
	background-color: #EEE;
	box-sizing: border-box;
	padding: 15px 10px;
}
.greyBox > div, .contentSection .ModDNNHTMLC div .greyBox > div, .contentSection .ModDNNHTMLC span .greyBox > div, .contentSection .ModDNNHTMLC p .greyBox > div {
	display: inline-block;
	vertical-align: top;
}
.creamBox, .contentSection .ModDNNHTMLC div .creamBox, .contentSection .ModDNNHTMLC span .creamBox, .contentSection .ModDNNHTMLC p .creamBox {
	background-color: #F9F6E0;
	padding: 10px 5px;
}
.lightGreyBox, .contentSection .ModDNNHTMLC div .lightGreyBox, .contentSection .ModDNNHTMLC span .lightGreyBox, .contentSection .ModDNNHTMLC p .lightGreyBox {
	background-color: #F9F9F9;
	padding: 10px 5px;
}

.colcenter {text-align:center;}


.colcenter img{
  margin-left:auto;
  margin-right:auto;
  display:block;
}


/************ BOX CONTAINERS *****************/


/************ TEXT & DISPLAY *****************/
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.capitalize {
	text-transform: capitalize;
}
.block {
	display: block;
}
.inlineBlock {
	display: inline-block;
}
.inline {
	display: inline;
}
.vtop, .vTop {
	vertical-align: top;
}
.centerText {
	text-align: center;
}
.showMobile {
	display: none;
}
.attention {
	color: #C00;
}
/************ TEXT & DISPLAY *****************/




/************ BASIC TABLE JQUERY PLUGIN *****************/

code {
	background: #c6d8d8;
	border-radius: 5px;
	color: #3d6969;
	display: block;
	margin: 2em 0;
	padding: 15px;
	position: relative;
}
code:after {
	bottom: 5px;
	color: #eaebeb;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	position: absolute;
	right: 10px;
	text-transform: uppercase;
}
code.css:after {
	content: 'css';
}
code.js:after {
	content: 'js';
}
.bt-content {
	font-size: 0.875rem;
	font-family: 'Lato', sans-serif !important;
}
.bt-wrapper.active {
	margin-top: 1.5em;
}
table.bt thead {
	display: none;
}
table.bt tbody td {
	border: none;
	display: block;
	vertical-align: top;
}
table.bt tbody td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 8.5em;
	display: inline-block;
}
table.bt tbody td.bt-hide {
	display: none;
}
table.bt tbody td .bt-content {
	vertical-align: top;
}
.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


th.sort-header::-moz-selection { background:transparent; }
th.sort-header::selection      { background:transparent; }
th.sort-header { cursor:pointer; }
table th.sort-header:after {
  content:'';
  float:right;
  margin-top:7px;
  border-width:0 4px 4px;
  border-style:solid;
  border-color:#ffffff transparent;
  visibility:hidden;
  }
table th.sort-header:hover:after {
  visibility:visible;
  }
table th.sort-up:after,
table th.sort-down:after,
table th.sort-down:hover:after {
  visibility:visible;
  opacity:0.9;
  }
table th.sort-up:after {
  border-bottom:none;
  border-width:4px 4px 0;
  }
/************ BASIC TABLE JQUERY PLUGIN *****************/

.newsletter {
	background-color: Orange !important;
	display: block;
	width: 96%;
	margin: 0 auto;
}
.tabStruct {
	text-align: center;
}
.tabStruct ul.tabStruct_glossary {
	margin: 0 auto;
	padding: 0;
	font-size: 0px;
	width: 99%;
	display: inline-block;
}
.tabStruct ul.tabStruct_glossary li {
	background-color: #D46200;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 1px;
	padding: 16px 0px;
	width: 19.4%;
}
.tabStruct_selected {
	background-color: #494544 !important;
}
.tabStruct_hidden {
	display: none;
}
.tabStruct_page {
	text-align: left;
}

.headertruck {
	background-image: url(/interstatestudy/images/truck.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerbridge {
	background-image: url(/interstatestudy/images/bridge.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerpublic {
	background-image: url(/interstatestudy/images/public.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headershield {
	background-image: url(/interstatestudy/images/shield.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headershield2 {
	background-image: url(/interstatestudy/images/shield2.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerroutes {
	background-image: url(/interstatestudy/images/routes.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerclimate {
	background-image: url(/interstatestudy/images/climate.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headermodes {
	background-image: url(/interstatestudy/images/modes.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headercost {
	background-image: url(/interstatestudy/images/cost.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerfunding {
	background-image: url(/interstatestudy/images/funding.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerconnected {
	background-image: url(/interstatestudy/images/connected.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headercontact {
	background-image: url(/images/header_contact.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headerbulb {
	background-image: url(/images/header_bulb.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerfacebook {
	background-image: url(/images/header_facebook.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headernote {
	background-image: url(/images/header_note.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headerquestion {
	background-image: url(/images/header_question.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headertruck {
	background-image: url(/images/truck.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerbridge {
	background-image: url(/images/bridge.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}



.headershield {
	background-image: url(/images/shield.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headershield2 {
	background-image: url(/images/shield2.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerroutes {
	background-image: url(/images/routes.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerclimate {
	background-image: url(/images/climate.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headermodes {
	background-image: url(/images/modes.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headercost {
	background-image: url(/images/cost.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerfunding {
	background-image: url(/images/funding.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerconnected {
	background-image: url(/images/connected.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerrail {
	background-image: url(/images/rail.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerimprove {
	background-image: url(/images/improve.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}


.headerfaq {
	background-image: url(/images/header_faq.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headertool {
	background-image: url(/images/header_tool.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headergear {
	background-image: url(/images/header_gear.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headercheck {
	background-image: url(/images/header_check.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.headersearch {
	background-image: url(/images/header_search.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.headerannounce {
	background-image: url(/images/header_announce.png);
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}

.textcenter {text-align:center;}
.dashed {border-bottom:1px dashed #ccc; 
margin:15px;}

.boxicon {
	min-height: 300px; /* ////change to 290px for new template */
	*min-height: 280px;
	background-color: #fff;
	border: 1px solid #e8e6e6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 8px;
 *padding:2px;
	text-align: center;
	margin: 0px;
}

.boxicon ul {
	white-space: nowrap;
}
.boxicon ul li {
	list-style-type: none;
	text-align: center;
	margin: 2px;
	background-color: #d46200;
	padding: 2px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}

.boxicon ul li:hover {
	list-style-type: none;
	text-align: center;
	margin: 2px;
	background-color: #f57b0d;
	padding: 2px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}

.boxicon li a {
	color: #fff;
	text-decoration: none;
}

.boxicon li a:hover {
	color: #fff;
	text-decoration: none;
}

.boxicon li a:visited {
	color: #fff;
	text-decoration: none;
}


.boxicontaller ul li {
	list-style-type: none;
	text-align: center;
	margin: 2px;
	background-color: #d46200;

	padding: 2px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.boxicontaller li a {
	color: #fff;
	text-decoration: none;
}
.boxicontaller li a:hover {
	color: #fccca3;
	text-decoration: none;
}

.boxicon2 {
	min-height: 180px; /* ////change to 290px for new template */
	*min-height: 280px;
	background-color: #fff;
	border: 1px solid #e8e6e6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 8px;
 *padding:2px;
	text-align: center;
	margin: 0px;
}


.boxicon2 ul li:hover {
	list-style-type: none;
	text-align: center;
	margin: 2px;
	background-color: #f57b0d;
	padding: 2px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}


.boxicon2 ul {
	white-space: nowrap;
}
.boxicon2 ul li {
list-style-type: none;
	text-align: center;
	margin: 2px;
	background-color: #d46200;
	padding: 2px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}
.boxicon2 li a {
	color: #fff;
	text-decoration: none;
}
.boxicon2 li a:hover {
	color: #fff;
	text-decoration: none;
}

.boxicon2 li a:visited {
	color: #fff;
	text-decoration: none;
}

#maplegend {
				width: 100%;
				height: 60px;
				padding: 11px 0px 12px 4px;
				margin-bottom: 20px;
				margin-top: 0px;
				border: 1px solid #d0cfcf;
				background-color:#fff;
				text-align:center;
			}
			
			
			#maplegend2 {
				width: 100%;
				height: 50px;
				padding: 5px 0px 12px 4px;
				margin-bottom: 20px;
				margin-top: 0px;
				border: 1px solid #d0cfcf;
				background-color:#fff;
			}
			
				.legendlist {
				width: 30%;
				padding: 0 0px 4px 1px;
				float: left;
				color: #00215b;
				border: 0px solid red;
			}
			
			.legendlist2 {
				width: 30%;
				padding: 0 0px 4px 5px;
				float: left;
				color: #00215b;
				border: 0px solid red;
			}
			
			td.counties {
	border-bottom: 0px solid #CCC;
	padding: 0 0.5em;
	}
	
	.zipback {
		background: #dcddd7;
		padding:10px 5px 10px 40px;
		width:100%;
	}


#GISmap {
				position: relative;
				height: 525px;
				width: 100%;
				z-index: 1;
				border: solid 0px red;
			}
			#locateButton {
				position: absolute;
				left: 95px;
				top: 20px;
				z-index: 2;
			}
			#homeButton {
				position: absolute;
				left: 133px;
				top: 20px;
				z-index: 2;
			}
			#basemapButton {
				position: absolute;
				font-family: 'Trebuchet MS', Helvetica, sans-serif;
				white-space: nowrap;
				right: 15px;
				top: 10px;
				z-index: 2;
			}
			#basemapPane {
				width:380px;
				height:275px;
				z-index: 2;
			}
			#legendButton {
				position: absolute;
				font-family: 'Trebuchet MS', Helvetica, sans-serif;
				white-space: nowrap;
				left: 60px;
				top: 10px;
				z-index: 2;
			}
			#legendPane {
				position: relative;
				z-index: 2;
			}
			
		
			
			#GISsearch {
				display: block;
				position: absolute;
				z-index: 2;
				top: 20px;
				right: 15px;
			}
			
			#DriversLicenseSites_6844_layer, #DriversLicenseSites_7792_layer{
				cursor: pointer;
			}
			
			#GISmap_graphics_layer {
                stroke-opacity: 0;
			}
			
			path {
				stroke-opacity: inherit;
				cursor: pointer;
			}
			
			#loading{
				position: absolute;
				z-index: 2;
				width: 32px;
				margin-left: 50%;
				margin-top: 50%;
			}
			
			input{
				color: #000;
			}
			
			.datescript {
				width: 100%;
				height: 200px;
}


@media only screen and (max-width: 990px) {
.hideMobile {
	display: none;
}

.datescript {
	widows: 100%;
	height: 210px;
}
}

@media all and (max-width: 767px) {
.contentSection .ModDNNHTMLC table td {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	padding: 8px 5px 8px 12px;
	box-sizing: border-box;
	border-bottom: 0px solid #ccc;
}

 .contentSection .ModDNNHTMLC table.tablepad td {
   padding:5px;
}



/************ TEXT & DISPLAY *****************/
.margTop20 {
	margin-top: 20px;
}
.showMobile {
	display: block;
}
/************ TEXT & DISPLAY *****************/
 .contentSection .floatright-300 {float:none;
max-width:100%;
padding:10px;
margin:5px;
}

#maplegend {
				width: 100%;
				height: 80px;
				padding: 11px 0px 12px 4px;
				margin-bottom: 20px;
				margin-top: 0px;
				border: 1px solid #d0cfcf;
				background-color:#fff;
				text-align:center;
			}
			
			
			#maplegend2 {
				width: 100%;
				height: 50px;
				padding: 5px 0px 12px 4px;
				margin-bottom: 20px;
				margin-top: 0px;
				border: 1px solid #d0cfcf;
				background-color:#fff;
			}
			
		
   .datescript {
	widows: 100%;
	height: 230px;
}



}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.hideMobile {
	display: none;
}

.datescript {
	widows: 100%;
	height: 360px;
}
}

@media all and (max-width: 586px) {
.contentSection .ModDNNHTMLC table td {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	padding: 8px 5px 8px 12px;
	box-sizing: border-box;
	border-bottom: 0px solid #ccc;
}

#maplegend {
				width: 100%;
				height: 80px;
				padding: 11px 0px 12px 4px;
				margin-bottom: 20px;
				margin-top: 0px;
				border: 1px solid #d0cfcf;
				background-color:#fff;
				text-align:center;
			}
			
.datescript {
	widows: 100%;
	height: 300px;
}
	
	.plates4 {
		display: none;
}
			
}
