/*	Department of Driver Services Stylesheet ver 1.0 
	05.05.04
*/

body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #85A1D0;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 13px;
}

/* Locations */
.bottomLine
{ 
	BORDER-BOTTOM: #85a1d0 1px solid 
}

/* Headings */

H1 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #85a1d0;
	font-size: 22px;
}
H2 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #85a1d0;
	font-size: 20px;
}
H3 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #696969;
	font-size: 18px;
}
H4 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #696969;
	font-size: 16px;
}
H5 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #696969;
	font-size: 14px;
}
H6 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #696969;
	font-size: 12px;
}
#NewsHead
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #85A1D0;
}
/* FAQs */
.FAQq	
{
	font-weight:bold;
}

.FAQa
{
	font-style:normal
}
li.FAQ 
{
	margin-bottom: 1em;
}

/* Tables */

td
{
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 13px;
}
td.tblHeadBlue
{
	/*font-size: 12px;*/
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #85a1d0;
}
td.tblHeadSilver
{
	/*font-size: 12px;*/
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: Silver;
}
td.tblSubHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-align: left;
}
.HomepageHead 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #003399;
	font-size: 16px;
	font-weight: bold;
}

.TableBorder
{
	border: solid 1px #85A1D0;
}

.tblBorderBlueTopSides
{
	border-top: solid 1px #85A1D0;
	border-right: solid 1px #85A1D0;
	border-left: solid 1px #85A1D0;
}
.tblBorderBlue
{
	border-bottom: solid 1px #85A1D0;
	border-right: solid 1px #85A1D0;
	border-left: solid 1px #85A1D0;
}
.tblBorderGray
{
	border-bottom: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
}
.FormTblDetails
{
	border-left:	solid 1px #dcdcdc;
	text-align:		center;
}
.AltItemGray
{
	background: #dcdcdc;
}
.searchTable
{
	border-right: #85a1d0 1px solid;
	background-color: #e7e6d1;
}
.topnavTable
{
	background-color: #e7e6d1;
	border-bottom: solid 1px #85A1D0;
}
.lnavTable
{
	background-color: #e7e6d1;
	border-bottom: solid 1px #85A1D0;
	border-right: solid 1px #85A1D0;
	border-top: solid 1px #85A1D0;
}

/* Special Elements */
#OnlineServicesHeader 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #003399;
	font-size: 16px;
	font-weight: bold;
}
#OnlineServicesHeader:hover
{
	color: Red;
}


/* Links and Navigation */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background: transparent;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: Red;
	text-decoration: underline;
	background: transparent;
}
a.boxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background: transparent;
}
a.boxes:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: Red;
	text-decoration: underline;
	background: transparent;
}
a.holidaylabel {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	
	text-decoration: none;
	background: transparent;
	
	
	font-weight: bold;
	color: #990000;	
	font-size: 14px;
}
a.holidaylabel:hover {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399; */
	text-decoration: underline;
	/*background: transparent;
	font-weight: Bold; */
}
a.TopNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	background: transparent;
	font-weight: Bold;
}
a.TopNav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	text-decoration: underline;
	background: transparent;
	font-weight: Bold;
}
/*a.TopNav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	background: transparent;
	font-weight: Bold;
}*/
a.Lnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background: transparent;
}
a.Lnav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
	background: transparent;
}

/*a.Lnav:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background: transparent;
}*/
a.LnavSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: Maroon;
	text-decoration: none;
	background: transparent;
}
a.LnavSub:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
	background: transparent;
}

a.popular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	background: transparent;
}
a.popular:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
	background: transparent;
}
#SearchTitle
{
	font-weight: bold;
	font-size: 14px;
	color: #003399;
	font-style: italic;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

/* Basic Layout*/
.centerText 
{
	text-align: center;
}
.leftText
{
	text-align: left;
}
.rightText
{
	text-align: right;
}


/*	Footer Elements */
.FooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
}
#Footer1_PrivacyStatement{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
}
#Footer1_PrivacyStatement:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
#PrivacyStatementPrintable{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
}
#PrivacyStatementPrintable:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
#lblupdateTS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
/*.SearchTextBox  {
	border: #85a1d0 1px solid;
	margin:0;
	padding:2px;
	background-color: #ffffff;
	}
*/
.Red {
	color: #990000;
	font-weight: bold;
}

.errorLables
{
	font-weight: bold;
	color: #ff0000;
}

.holidaylabel
{
	font-weight: bold;
	color: #990000;	
	font-size: 14px;
}

.DDS_SpecialNotice
{
	color: #990000;
	font-weight: bold;
	font-size: 14px;
}

.OnlineOptions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #339900;
	text-decoration: none;
	background: transparent;
}
.OnlineOptions:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #339900;
	text-decoration: underline;
	background: transparent;
}

/* Content Table Elements */
table.contentTable
{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}
td.boxLeftMiddle
{
    background-image: url(images/boxes/boxLeftMiddle.gif)
}
td.boxRightMiddle
{
    background-image: url(images/boxes/boxRightMiddle.gif)
}
td.boxBottomMiddle
{
    background-image: url(images/boxes/boxBottomMiddle.gif)
}
.ContentBoxTitle
{
    background-image: url(images/boxes/boxTopMiddle.gif);
    text-align: center;
    font-family: Arial;
    font-size:large;
    font-weight: bold;
    color: White;
}
/* Padding */
.pad-bottom-15
{
	padding-bottom: 15px;
}
.pad-bottom-10
{
	padding-bottom: 10px;
}
.pad-bottom-5
{
	padding-bottom: 5px;
}

/*this is newly added for slide show*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 5px solid orange;
overflow: scroll; /*leave this value alone*/
width: 60px;
height: 70px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 98px; /*Width of each panel holding each content. If removed, widths should be individually defined 

on each content DIV then. */
}

#jcarousel-content-3 { visibility: hidden; }

#galleryc{
width: 50px;
height: 70px;
border: 10px solid darkred;
}

#galleryc .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

/* Google Map Elements */
.locationName { font-size: 14px; font-family: Arial, Verdana; font-weight: bold; }
.locationDetails {font-size: 11px; font-family: Arial, Sans-Serif, Verdana; font-weight: normal; } 
#map_canvas_cscAll { width: 400px; height: 500px;}


/* google test 
a.f {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	background: transparent;
	font-weight: Bold;
}
a.f:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	text-decoration: underline;
	background: transparent;
	font-weight: Bold;
}
a.f:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	background: transparent;
	font-weight: Bold;
}
*/