@charset "utf-8";

body {
	font: 100%/1.4 'Roboto Condensed', sans-serif;

	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, p {
	margin-top: 0;
	margin-bottom:0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */

}
.blue {
	color:#069; 
}
.green {
	color:#093; 	
}
.red {
	color:#900; 	
}
.purple {
	color:#306; 
}
.yellow {
	color:#C90; 	
}

.orange {
	color:#FB8C00;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #069;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

select {
	font-size:18px;
	font-family:'Roboto Condensed', sans-serif;
}
/* First Column in table 
.first{
	background-color:#006699;
	color: #FFF;
}*/

/*FOR APPLYING TRANSPARENCY TO DIV*/
.transparent {
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
background:#ccc;
}


/*BACKGROUND IMAGE*/
img.bgold {
        /* Set rules to fill background */
		min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
		z-index:0;
}

@media screen and (max-width: 1080px) { /* Specific to this particular image */
        img.bg {
                /*left: 50%;
                margin-left: -512px;*/   /* 50% */
				display:none;
        }
}


/*TOP WHITE AREA*/
.topbar {
	width: 100%;
	height: 71px;
	background:#FFF;
	border-bottom: 2px #000 solid;
	padding-bottom:15px;
	z-index:3;
	margin-bottom: 25px;
	position:fixed;
	top: 0;
}


/*TOP BLUE BOX AREA*/
.bluebox {
	width: 200px;
	height: 76px;
	background:#069;
	margin: 0;
	float: left;
}


/*DROPDOWN AREA*/
.dropdownarea {
	/*width: 960px;*/
	margin: 0; /* the auto value on the sides, coupled with the width, centers the layout */
	padding-top:20px;
	text-align:center;
}	

/* MAIN CONTENT AREA */
.container {
	width: 960px;
	/*padding-top: 265px;*/
	background: #FFF;
	margin: 90px auto; /* the auto value on the sides, coupled with the width, centers the layout */
	margin-bottom: 75px;
	position:relative;
	z-index: 2;
}

.containersmall {
	width:100%;
	background: #FFF;
	margin: auto; /* the auto value on the sides, coupled with the width, centers the layout */
	margin-bottom: 75px;
	position:relative;
	z-index: 2;
}
.containersmall select {
	width:100%;
}

.notransparency * { filter: none; -moz-opacity: 100%;}
#nav * { filter: none; -moz-opacity: 100%;}

/*4 COLUMN AD LAYOUT*/
.ads {
   position: relative;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 250px;
   /*margin: 10px auto 150px auto; /* the auto value on the sides, coupled with the width, centers the layout */
   width: 960px;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 232px;
   height: 150px;
   background: #FFF;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
}
.left2{
   position: relative;
   float: left;
   left: 10px;
   width: 232px;
   height: 150px;
   background: #FFF;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
}	
.left3{
   position: relative;
   float: left;
   left: 20px;
   width: 232px;
   height: 150px;
   background: #FFF;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
}
.right{
   position: relative;
   float: right;
   right: 0px;
   width: 232px;
   height: 150px;
   background: #FFF;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;   
}

/*4 COLUMN CONTENT LAYOUT*/
#content {
	padding: 20px;
	margin: 0 0 15px 0;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	height:570px;
}

.columncontent {
   position: relative;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 250px;
   /*margin: 10px auto 150px auto; /* the auto value on the sides, coupled with the width, centers the layout */
   width: 900px;
}
.columncontent1{
   position: relative;
   float: left;
   left: 0px;
   width: 217px;   
}
.columncontent2{
   position: relative;
   float: left;
   left: 10px;
   width: 217px;  
}	
.columncontent3{
   position: relative;
   float: left;
   left: 20px;
   width: 217px;
}
.columncontent4{
   position: relative;
   float: right;
   right: 0px;
   width: 217px;   
}

/*FOOTER*/
.footer {
	margin-top:50px;
	height:50px;
	width:100%;
	padding: 10px 0;	
	background: #FFF;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	text-align:center;
	border-top: 2px #000 solid;
}


/*HTML 5 SUPPORT - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}


/*TABBED PANEL*/
#tabbed-panel {
	padding: 20px;
	margin: 0 0 15px 0;
	min-height: 700px;
	/* [disabled]height:700px; 
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;*/
}
 
#tabbed-panel .nav { overflow: hidden; margin: 0 0 10px 0; }
#tabbed-panel .nav li { width: 190px; float: left; margin: 0 1px; }
#tabbed-panel .nav li.last { margin-right: 0; }
#tabbed-panel .nav li a { display: block; padding: 5px; background: #959290; color: white; text-align: center; border: 0; text-decoration: none; cursor:pointer; }
#tabbed-panel .nav li a:hover { background-color: #666; }

#tabbed-panel .nav2 { overflow: hidden; margin: 0 0 10px 0; }
#tabbed-panel .nav2 li { width: 100% }
#tabbed-panel .nav2 li.last { margin-right: 0; }
#tabbed-panel .nav2 li a { display: block; padding: 5px; border-bottom: 1px solid #666; background: #959290; color: white; text-align: center; text-decoration: none; cursor:pointer; }
#tabbed-panel .nav2 li a:hover { background-color: #666; }

#tabbed-panel ul { list-style: none; }
#tabbed-panel ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabbed-panel ul li a:hover, #tabbed-panel ul li a:focus { background: #666; color: white; }
#tabbed-panel ul li:last-child a { border: none; }

#tabbed-panel li.nav-one a.current, ul.coverage li a:hover { background-color: #069; color: white; }
#tabbed-panel li.nav-two a.current, ul.extensions li a:hover { background-color: #093; color: white; }
#tabbed-panel li.nav-three a.current, ul.cpo li a:hover { background-color: #900; color: white; }
#tabbed-panel li.nav-four a.current, ul.dmv li a:hover { background-color: #306; color: white; }
#tabbed-panel li.nav-five a.current, ul.info li a:hover { background-color: #C90; color: white; }
#tabbed-panel li.nav-six a.current, ul.roadside li a:hover { background-color: #FB8C00; color: white; }

.list-wrap ul{min-height:150px;}

/*GENERIC UTILITY*/
.hide { position: absolute; top: -9999px; left: -9999px; }


/*TESTING CSS FOR TEST.PHP*/
.footertest {
	height:50px;
	width:100%;
	padding: 10px 0;	
	background: #FFF;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	text-align:center;
	border-top: 2px #000 solid;
	position:static;
	margin-top:50px;
}

/*BACKGROUND IMAGE*/
img.bg {
        /* Set rules to fill background */
		min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 76px;
        left: 0;
		z-index:0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bgtest {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

/*TABLE CSS*/
table {
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
}

th {
	background: #069;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #CCC;
	line-height: 1.2;
}

td {
	padding: 6px 11px;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}

td * {
	padding: 6px 11px;
}
td.first {width:100px;}
table.tblue td.first {background-color:#069; color:#FFF;}
table.tgreen td.first {background-color:#093; color:#FFF;}
table.tred td.first {background-color:#900; color:#FFF;}
#stateDetails td.first {background-color:#306; color:#FFF;}
table.tyellow td.first {background-color:#C90; color:#FFF;}
table.torange td.first {background-color:#FB8C00; color:#FFF;}

td.alt {
	background: #EBEBEB;
}

tr:hover td {
	background: #CCC;
}

/**Collapsible text**/
.mainExpand {
background:transparent url(../images/skin1/bullet.png) no-repeat scroll 0 8px;
padding-left:8px;
cursor:hand;
cursor:pointer;
text-decoration: none;
}

/**For icons in lists**/
.columnlist {
background:transparent url(../images/skin1/bullet.png) no-repeat scroll 0 8px;
padding-left:8px;
}

.mainExpand:hover{
background-color:#EBEBEB
}

/**BUTTONS**/
.buttonright{
	float: right;
	margin-top:10px;
}
.buttonleft{
	float: left;
	margin-top:10px;
}
.button {
	
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin-left: 2px;
	margin-right: 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% 'Roboto Condensed', sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	color:#000;
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.buttonblack {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.buttonblack:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.buttonblack:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.buttongray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.buttongray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.buttongray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.buttonwhite {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.buttonwhite:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.buttonwhite:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.buttonorange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.buttonorange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.buttonorange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.buttonred {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.buttonred:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF3E3E), to(#a11115));
	background: -moz-linear-gradient(top,  #FF3E3E,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3E3E', endColorstr='#a11115');
}
.buttonred:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.buttonblue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.buttonblue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.buttonblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
.buttongreen {
	color: #008000;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #008000,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#4e7d0e');
}
.buttongreen:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#009F00), to(#436b0c));
	background: -moz-linear-gradient(top,  #009F00,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009F00', endColorstr='#436b0c');
}

.buttongreen:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#7db72f));
	background: -moz-linear-gradient(top,  #008000,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#7db72f');
}

/* purple */
.buttonpurple {
	color: #6300C6;
	border: solid 1px #6300C6;
	background: #6300C6;
	background: -webkit-gradient(linear, left top, left bottom, from(#6300C6), to(#3C0077));
	background: -moz-linear-gradient(top,  #6300C6,  #3C0077);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6300C6', endColorstr='#3C0077');
}
.buttonpurple:hover {
	background: #400080;
	background: -webkit-gradient(linear, left top, left bottom, from(#870FFF), to(#2D0059));
	background: -moz-linear-gradient(top,  #870FFF,  #2D0059);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#870FFF', endColorstr='#2D0059');
}
.buttonpurple:active {
	background: #400080;
	background: -webkit-gradient(linear, left top, left bottom, from(#400080), to(#870FFF));
	background: -moz-linear-gradient(top,  #400080,  #870FFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#400080', endColorstr='#870FFF');
}

/* yellow */
.buttonyellow {
	color: #D7D700;
	border: solid 1px #D7D700;
	background: #D7D700;
	background: -webkit-gradient(linear, left top, left bottom, from(#D7D700), to(#C5B710));
	background: -moz-linear-gradient(top,  #D7D700,  #C5B710);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D700', endColorstr='#C5B710');
}
.buttonyellow:hover {
	background: #D7D700;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF80), to(#C5A701));
	background: -moz-linear-gradient(top,  #FFFF80,  #C5A701);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF80', endColorstr='#C5A701');
}
.buttonyellow:active {
	color: #D7D700;
	background: -webkit-gradient(linear, left top, left bottom, from(#D7D700), to(#FFFF80));
	background: -moz-linear-gradient(top,  #D7D700,  #FFFF80);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D700', endColorstr='#FFFF80');
}

.wrapper {
	padding: 20px;
}