/*** DMV CSS ***/

#tabs {	
	font-size: 1em;
	height: 1.85em;
	margin-top: 10px;
	margin-left: 0px;
	 cursor: pointer;
	 
}

#mainContent #tabs .unselected a {
	padding-bottom: 10px;
	text-decoration: none;
	background: #3F8FB5 url(../img/backgrounds/gloss.png) 0% 50% repeat-x;  
	padding: .4em 1em .4em 1em; 
	color: #fff; 
	float: left;
	font-weight:bold;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;	
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;	
	-webkit-border-top-left-radius: 4px;
	font-weight: normal;
	border: none;
}

.normal {font-weight: normal;}

#mainContent #tabs .unselected a:hover {
	background: #194b80 url(../img/backgrounds/gloss.png) 0% 50% repeat-x;
	color: #fff;
	
}

#mainContent #tabs .selected a {
	text-decoration: none;
	background: #DFDFDF url(../img/backgrounds/gloss.png) 0% 50% repeat-x;
	color: #333; 
	float: left;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;	
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;	
	-webkit-border-top-left-radius: 4px;
	border: none;
}

#mainContent #tabs .selected a:hover {background: #DFDFDF url(../img/backgrounds/gloss.png) 0% 50% repeat-x; color: #333; }

#pageContainer.home #tabs {
	margin-left: 0;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 15px;
}


.tab_content {
	background: #fff; 
	padding: 0 1em 1em 1em; 
	margin: 0;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;	
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;	
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;	
	-webkit-border-top-right-radius: 4px;
border: none;
}

.tab_content a {color: #333; padding: 1px; font-weight: bold;}

.tab_content a:hover {background-color: #666; color: #fff;}

.tab_content p {padding: 0 5px;}


/******************************/
/*     Two column design      */
#pageContainer.home .rightcolumn, 
#pageContainer.healthyri .rightcolumn,
#pageContainer.ohc .rightcolumn  
{
	display: none;
	width: 0;
}
#pageContainer.home .centercolumn,
#pageContainer.healthyri .centercolumn, 
#pageContainer.ohc .centercolumn
{
	margin-right: 0;
	padding-right: 0px;
}
#pageContainer.home #wrapper1,
#pageContainer.healthyri #wrapper1,
#pageContainer.ohc #wrapper1
{
	background: transparent;
}




/***************************** Top Nav Styles ************************************/
#topNav { 
	text-align: right;
	background: #3992BE url(../img/site/topNavBlue.gif) top left repeat-x;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #fff;
	padding: .4em 1em .2em 0;
	font-size: .9em;
	color: #eee;
	

}
#topNav a { 	
	text-decoration: none;
	line-height: 2em;
	color: #fff;
	font-weight: bold;
	padding: .4em 1em;

	
}

#topNav a:hover { 	
	color: #003a67;
	margin: 0;
	opacity: .8;
}


#pageContainer.events #topNav a.events, #pageContainer.constituent #topNav a.constituent, #pageContainer.press #topNav a.press, #pageContainer.staff #topNav a.staff, #pageContainer.contact #topNav a.contact {
	background: #3992BE url(../img/site/topNavHover.gif) top left repeat-x;
	color: #003a67;
	padding: .6em 1em 0.4em 1em;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff;
	margin: 0;
}



#mainContent .video h4 {margin: 0; padding: 0; font-size: 1.2em; color: #003a67;}


#mainContent .columnSpread h3 {font-size: .95em; padding: 3px; background-color:#ddd; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom: 4px; border-bottom:1px solid #ccc;}

#pageContainer #mainContent .banner img {max-width: 100%; background-color: #fff; border: 1px solid #eee; width: 98%; margin-bottom: 10px;}

#mainContent img {border: 1px solid #ccc; margin: .2em; padding: .4em; background-color: #fff;}

#pageContainer #mainContent .infoblock a {font-weight: bold;}

.infoblock {background:#F7F8EC url(../img/content/infoblocks/plain.gif) top left repeat-x; padding: 4px 4px 4px 60px; color: #194b80;  margin: 6px 5px 15px 0; width: 203px;}
#mainContent .infoblock h3 {color: #3C69B2; padding: 0; margin: 0;}
.infoblock.stemcell {background:#F7F8EC url(../img/content/infoblocks/stemcell.jpg) top left repeat-x;}
.infoblock.military {background:#F7F8EC url(../img/content/infoblocks/militaryrelief.gif) top left repeat-x;}
.infoblock.ohc {background:#F7F8EC url(../img/content/infoblocks/ohc.gif) top left repeat-x;}


#pageContainer.calendar #mainContent .lightblueContent .rssheadline {font-weight: bold;}

#mainContent .press .rssheadline a {font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em;}
#mainContent .rsspubdate {padding-left: .7em; color: #666666; letter-spacing: .2em;}
#mainContent .rssdescription {padding-left: .7em;}






/** Headline slider ***/

.sliderboxNav {
	position: absolute;
	right: 10px;
	top: 14px;
	z-index: 5;
	
}

#pageContainer #mainContent .sliderboxNav a{
	font-weight: bold; 
	text-decoration: none; 
	background-color: rgba(0,0,0,.5); 
	padding: .1em .3em 0 .3em; color: #fff; 	
	font-size: 1.3em;
	margin-right: 0;
	margin-left: 0;
}

#pageContainer #mainContent .sliderboxNav a:first-child {-moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;}
#pageContainer #mainContent .sliderboxNav a:last-child {-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;  -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}


*+html #mainContent .sliderboxNav a{padding: .3em .5em; }
* html #mainContent .sliderboxNav a{padding: 0em .5em; }
	
#mainContent .sliderboxNav a:hover {background-color: rgba(0,0,0,.2)}

.sliderboxNav div.sliderboxNavMain{
	float:right;
	
}

#pageContainer #mainContent .sliderboxNav div.sliderboxNavMain a {margin-left:0;}

.sliderboxNav div.progress_box{
	float:right;
	margin-right: 10px;
}

.sliderboxNav div.progress_box div {
	float:right;
	background-color: rgba(0,0,0,.2);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: bottom;
	padding-top: .2em;
}


*+html .sliderboxNav div.progress_box div {background: url(../img/site/ie7progress.png) top right no-repeat; }
* html .sliderboxNav div.progress_box div {background-color: #194b80;}


#mainContent .sliderboxNav a.next { }

#mainContent .sliderboxNav a.prev {}




#pageContainer #mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {
	font-weight:bold;
	color: #8CCADF;
	vertical-align: bottom;
	background-color: rgba(0,0,0,.7);
}

#new_slide {background: #C0D5E1; 
	-moz-box-shadow: 2px 2px .7em rgba(0,0,0,.2);
	-webkit-box-shadow: 2px 2px .5em rgba(0,0,0,.2);
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	}

#mainContent ul li.headline {margin: 0; padding: 0 0 10px 0;  }

#mainContent ul li.headline ul li {list-style-type: none; list-style-image: none; padding: 0; color: #fff;}

#mainContent ul li.headline ul {margin: 0; padding: 0;}
#pageContainer #mainContent ul li.headline {float: left;  margin: 0; padding: 0;}

#pageContainer #mainContent ul li.headline object {margin: 4em 0 1em 0; width: 95%; border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

#pageContainer #mainContent ul li.headline embed {border: 1px solid blue; width: 95%; margin: 2em 0;}

.subscribe {margin: .5em;}
#mainContent .subscribe h4 {padding: 0;}

#new_slide {width: 100%; margin: 1em auto 0 auto; padding: 0; }



/*** Headline Box  ***/

#pageContainer #mainContent .cdcTickerWrapper {position: relative; width: 99.4%; display: block; overflow: hidden; height: 18.4em; margin: 1em 0; padding: 0;
	border-radius: .5em; 
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; 
	border: 3px solid #fff;
	background: #fff;
	-webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.2);

}

#pageContainer #mainContent .cdcTickerControls {
	float:right;
	z-index: 70;
	position: absolute;
	right: 0;
	width: 37%;
	overflow: hidden;
	margin-top: 0;
}

#pageContainer #mainContent .cdcTickerControls div {vertical-align: middle; background: url(../img/site/headline/unselected.png) 0% 50% repeat-x;}
#pageContainer #mainContent .cdcTickerControls div a {display: block; padding: 1.75em .4em 1.76em 1.8em; width: 100%; border-width: 1px 0 0 0; border-style: solid; border-color: #def; text-decoration: none;}
#pageContainer #mainContent .cdcTickerControls div a:hover {background: url(../img/site/headline/hover.png) 0% 50% repeat-x; text-decoration: none; color: #003a67;}
#pageContainer #mainContent .cdcTickerControls div.selected a {background: url(../img/site/headline/selected.png) 0% 50% repeat-x; color: #003a67; }


#pageContainer #mainContent ul.cdcticker li.itemone {background: #fff url(../img/content/headline/regrenewal.jpg) 0 76.5% no-repeat; width: 65.6em; display: block; height: 18.4em; overflow: hidden; margin: 0;}
#pageContainer #mainContent ul.cdcticker li.itemtwo {background: #fff url(../img/content/headline/driving.jpg) 0 76.5% no-repeat; width: 65.6em; height:18.4em; overflow: hidden;  overflow: hidden; margin: 0;}
#pageContainer #mainContent ul.cdcticker li.itemthree {background: #fff url(../img/content/headline/newtori.jpg) 0 76.5% no-repeat; width: 65.6em; height: 18.4em; overflow: hidden;  overflow: hidden; margin: 0;}
#pageContainer #mainContent ul.cdcticker li.itemfour {background: #fff url(../img/content/headline/waiting.jpg) 0 76.5% no-repeat; width: 65.6em; display: block; height: 18.4em; overflow: hidden; margin: 0;}

#pageContainer #mainContent ul.cdcticker li {
	position: relative;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
}

#pageContainer #mainContent ul.cdcticker li h2 {
	position: absolute; 
	bottom: 1.85em; padding-left: 0;
	border-bottom: none;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 2em; 
	font-weight: normal;
	color: #fff;  
	display: block; 
	background: none;
	width: 100%;
}

#pageContainer #mainContent ul.cdcticker li h2 span {padding: 0 1em; font-family: Helvetica, Arial, sans-serif; }

#pageContainer #mainContent ul.cdcticker li p {
	position: absolute; 
	bottom: 1.2em; 
	color: #fff;  
	margin: 0em 1.2em .3em 1em; 
	padding: .6em 0; 
	font-weight: normal; 
	width: 24em;
}

#pageContainer #mainContent ul.cdcticker li p a {color: #fff; font-weight: bold; padding: .3em;}
#pageContainer #mainContent ul.cdcticker li p a:hover {color: #def;}


/*** Accordian CSS ***/
	
.accordion { margin: 0; width: 80%; overflow: hidden;}
#pageContainer #mainContent .accordion h3{ background: none;  color: #fff; font-weight: bold; width: 100%; margin: 0; padding: 0; }
#pageContainer #mainContent .accordion h3 a {margin: 2px auto 0 auto; color: #fff;  display: block; padding: 3px; padding-left: 1px; background: #777;  -webkit-border-radius: .3em;}
#pageContainer #mainContent .accordion h3.ui-state-active a {background: #808080 url(/img/site/icons/accordion_on.gif) center left no-repeat;}
#pageContainer #mainContent .accordion h3.ui-state-default a {color: #222; background: #CDCDCD url(/img/site/icons/accordion_off.gif)  center left no-repeat;}

#pageContainer #mainContent .accordion h3 a:hover {background-color: #8C8C8C; color: #fff;}
.accordion .expandcontent {margin-bottom: .2em;   border: none; background: #fff; margin: 0 auto; padding: 5px; overflow: hidden;}
#mainContent .accordion {width: 100%; padding: 0;}
#mainContent .accordion h3 a { padding: .18em 0 .2em 0px; text-decoration: none; font-weight: bold;}
#mainContent .accordion h3 a em {padding: .3em 0 .3em 15px; font-style: normal; display: block; background: url(../img/backgrounds/gloss.png) center left repeat-x; font-family: Georgia, 'Times New Roman', serif;}
#mainContent .accordion .expandcontent {width: 100%; padding: 0;}
#mainContent .accordion .expandcontent .subscribe {padding: .6em;}
#mainContent .accordion .expandcontent .rssheadline, #mainContent .accordion .expandcontent .rsspubdate{margin: 0 .5em; font-size: .9em;}

.accordion .expandcontent p, .accordion .expandcontent ul li {padding: .5em; }
#pageContainer.homepage #mainContent .accordion .expandcontent ul li {margin: 0; padding: .3em 0 .3em 1em; background: url(/img/lists/triangle.gif) center left no-repeat;}

.accordion .expandcontent ul li a {display: block; padding: 0; margin: 0;}
.accordion a {cursor:pointer;}


.left {float: left;}

.right {float: right; }

.eighty {width: 78%;}
.seventy {width: 68%;}
.sixtyfive {width: 63%;}
.sixty {width: 60%;}
.fiftyfive {width: 53%;}
.fifty {width: 48%;}
.fortyfive {width: 43%;}
.forty {width: 37%;}
.thirtyfive {width: 33%;}
.thirty {width: 28%;}
.twenty {width: 18%;}

#pageContainer #mainContent ul.featurelist li {list-style-type: none; list-style-image: none; margin: 0;}
#mainContent ul.featurelist li a {text-decoration: none; border: 1px solid #ccc; padding: .4em; margin: .3em 0; display: block;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
}

#mainContent ul.featurelist li a:hover {background: #E7DCC5}


abbr[title='and'], span.amp {font-family: Baskerville, Palatino, "Book Antiqua", serif;font-style: italic;font-weight: normal; display: inline;}


#pageContainer #mainContent a.feed {
	background:  url(../img/site/icons/feed_gray.png) center left no-repeat;
	float: right;
	padding:  6px 5px 5px 20px;
	text-align: right;
	display: block;
	position: relative;
	top: -2.5em;
	text-decoration: none;
	color: #333;
}

#pageContainer #mainContent a.feed:hover {background:  url(../img/site/icons/feed.png) center left no-repeat; color: #f70;}

#mainContent .priorities {
	background: #B1DBEB; 
	border-radius: .5em; 
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	padding-bottom: 1em;
	margin: 1em 0;
	border: 2px solid #fff;
}

#mainContent .priorities h2 {padding: .3em 0; border-bottom: 1px solid #fff;; color: #444; font-family: Georgia, 'Times New Roman', serif;}
#mainContent .priorities p {padding: .8em; color: #333;}
#mainContent .priorities ul li {list-style-type:  none; list-style-position: inside; margin: 0 0 0 .2em; padding: .5em 0;}
#mainContent .priorities ul li a {padding: .4em; color: #003a67;}
#mainContent .priorities ul li a:hover {color: #3F90B6}

#mainContent .priorities ul li a[href$=".pdf"] { 
	padding-left: 21px; 
	background: url(../img/content/pdf.gif) top left no-repeat;
	 
}

#mainContent .priorities ul li a[href$=".PDF"] { 
	padding-left: 21px; 
	background: url(../img/content/pdf.gif) top left no-repeat; 
}

#mainContent .priorities ul li a[href$=".xls"] { 
	padding-left: 21px; 
	background: url(../img/content/xls.gif) top left no-repeat;
	 
}

#mainContent .priorities ul li a[href$=".XLS"] { 
	padding-left: 21px; 
	background: url(../img/content/xls.gif) top left no-repeat; 
}



#mainContent .feature {
	background: #CBE1EE;
	border-radius: .5em; 
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	padding-bottom: 1em;
	margin: 1em 0;
	border: 2px solid #fff;
}

#mainContent .feature h2 {padding: .3em 0; border-bottom: 1px solid #fff;; color: #444; font-family: Georgia, 'Times New Roman', serif;}
#mainContent .feature p {padding: .8em; color: #333;}
#mainContent .feature ul li {list-style-type:  none; list-style-position: inside; margin: 0 0 0 .2em; padding: .5em 0;}
#mainContent .feature ul li a {padding: .4em; color: #003a67;}
#mainContent .feature ul li a:hover {color: #3F90B6}

#mainContent .feature ul li a[href$=".pdf"] { 
	padding-left: 21px; 
	background: url(../img/content/pdf.gif) top left no-repeat;
	 
}

#mainContent .feature ul li a[href$=".PDF"] { 
	padding-left: 21px; 
	background: url(../img/content/pdf.gif) top left no-repeat; 
}

#mainContent .feature ul li a[href$=".xls"] { 
	padding-left: 21px; 
	background: url(../img/content/xls.gif) top left no-repeat;
	 
}

#mainContent .feature ul li a[href$=".XLS"] { 
	padding-left: 21px; 
	background: url(../img/content/xls.gif) top left no-repeat; 
}



#pageContainer #mainContent .headline h1 {background: none; font-family: Georgia, "Times New Roman", Times, serif; color: #F17253; font-size: 3em; line-height: 1.2em; border-bottom: none;}


#mainContent .feature .rssheadline {line-height: 1.5em;}

#mainContent ul.leftlist {float: left; width: 48%; display: block; list-style:none;}
#mainContent ul.rightlist {width: 48%; display: block; float: right;}


/*** Janice Added ***/


/*** Ideas Tab ***/

a.ideas {background: none; border-width: 2px 0 2px 2px; z-index: 99; border-style: solid; border-color: #fff; float: left; display: inline;}
a.ideas {background: blue; color: #fff; padding: 0; background: #134c81 url(../img/site/ideas.png) center no-repeat; width: 29px; height: 150px; position: fixed; right: 0; top: 35%;  }
a.ideas span {display: block; float: left; position: absolute; left: -9999em;}

a.ideas:hover {opacity: .85; padding-right:4px;}

* html a.ideas {display: none;}

/*** Splash Header ***/

#pageContainer #mainContent .splash h1 {background: none; border-bottom: none; font-family: Georgia, 'Times New Roman', serif; font-size: 2.5em; font-weight: normal; color: #003a67;}

#pageContainer #mainContent .splash h1 em {
color: #599FC5;
}

/*** Tip ***/

.tip {background: #eee; border: 2px solid #ccc; padding: .5em; margin: 0em 1em 1em 1em;}


/******************* New **************/

#pageHeader {

            background-image: none;

}

 

#header-left {

            float: left;

            height: 80px;

}

 

#header-right {

            float: right;

            height: 80px;

}

 

 

#pageContainer #pageHeader #header-right a {

            background-image: url("../img/content/RIJOBS-btn.png");

            background-position: center top;

            background-repeat: no-repeat;

            background-size: 180px;

            width: 180px;

            height: 80px;

            display: block;

            text-indent: 100%;

            white-space: nowrap;

            overflow: hidden;

}

 

#pageContainer #pageHeader #header-right a:hover {
            background-repeat: no-repeat;

            background-image: url("../img/content/RIJOBS-btnhover.png");

            background-position: center top;


}


/****** End of New Code*****/


#mainContent a.button {margin-top: 1em; display: block; text-decoration: none; background: #ddd; -webkit-border-radius: .4em; -moz-border-radius: .4em; -moz-border-radius: .4em; border: 1px solid #ccc; padding: .4em 1em;}
#mainContent a.button:hover {background: #ccc;}


/********  Adjustments to Map Canvas  ********/

#pageContainer #mainContent .map_canvas img { border: none; margin: 0px; padding: 0px; background-color: transparent; max-width: none;}
#pageContainer #mainContent #mapdiv{
width:350px;
height:auto;
vertical-align: middle;
display:block;
overflow: hidden;
}

#pageContainer #mainContent #mapdiv img{
border: 1px solid #ccc;
margin-left: .2em; 
margin-top: .2em;
margin-bottom: .2em;
margin-right: .6em;
padding: .4em; 
background-color: #fff; 
vertical-align:middle; 
float:left;
}

.topnews {clear: both; background-color: #57B6DD; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #fff;} 
#mainContent .topnews a {color: #fff; text-decoration: none; font-weight: normal; display: block; padding: .5em; text-decoration: none; font-size: 1.2em;}
.topnews a:hover {color: #def;}
.topnews a:visited {color: #fff;}

/*****  Top News Orange Alert  ****/

.topnews.alert {clear: both; background-color: #E55A2B; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #fff;} 
#mainContent .topnews.alert a {color: #fff; text-decoration: none; font-weight: normal; display: block; padding: .5em; text-decoration: none; font-size: 1.2em;}
.topnews.alert a:hover {color: #def; background: #CB4927; cursor:pointer;}
.topnews.alert a:visited {color: #fff;}

/*****  Top BREAKING NEWS Alert  ****/

.topnews.breaking {
	clear: both; 
	display: block;
background-color: #D90000; 
color: #fff; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
border: 1px solid #fff; 
line-height: 1.5;
	font-size: 0.8125rem;
	transition: opacity 300ms ease-out;
} 
#mainContent .topnews.breaking.nopdf a[href$=".pdf"], #mainContent .topnews.breaking.nopdf a[href$=".PDF"] {
background-image: none;}
#mainContent .topnews.breaking a {color: #fff; text-decoration: none; font-weight: normal; display: block; padding: .5em; text-decoration: none; font-size: 0.8125rem;}
.topnews.breaking a:hover {color: #def; background: #B20000; cursor:pointer;}
.topnews.breaking a:visited {color: #fff;}

}  


/************ New Call boxes for DMV  ************/
#pageContainer #mainContent .callboxes .content {	
	padding: 0;
	box-shadow: none;
	text-shadow: 1px 1px 2px #fff;
	position: relative;
}

#pageContainer #mainContent .callboxes div.right {
	margin: .5em 1em .5em 1em;
}



#pageContainer #mainContent .callboxes a {
	display: block;
	height: 230px;
	cursor: hand;
	border-radius: .7em;
	padding: 0;
	box-shadow: 0 0 3.5px rgba(0, 0, 0, 0.3);
	text-decoration: none;

}

#pageContainer #mainContent .callboxes a:hover {
	color: #000000;
	box-shadow: 0 0 3.5px rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.1);
}

#pageContainer #mainContent .callboxes div.textbox {
	background-color: #57B6DD;
	background-color: rgba(87, 182, 221, 0.9);
	background-color: #a0e1fc;
	background-color: rgba(255, 255, 255, 0.9);
	padding: .8em;
	margin-bottom: .5em;
	border-radius: .7em;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	
}

#pageContainer #mainContent .callboxes a:hover div.textbox {
	background-color: #57B6DD;
	background-color: rgba(87, 182, 221, 0.9);
	background-color: #64bfe5;
	background-color: #fff;
	border-radius: .7em;
}

#pageContainer #mainContent .callboxes h3 {
	font-size: 1.5em;
	font-weight: bold;
	background-color: #003A67;
	color: #fff;
	margin: 0;
	padding: .5em; 
	border: none;
	text-shadow: none;
	text-decoration: none;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	}


#pageContainer #mainContent .callboxes a:hover h3 {
	color: #eee;
	background-color: #002745;
	text-decoration: none;
}


#pageContainer #mainContent .callboxes .textbox p {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0 .8em;
}

#pageContainer #mainContent .callboxes p.button {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: .5em;
	background-color: #7ac143;
	border-radius: .4em;
	/*position: absolute;
	bottom: 5%;
	left: 25%;*/
	box-shadow: 0 0px 2px rgba(0, 0, 0, .8);
}

#pageContainer #mainContent .callboxes a:hover p.button {
	background-color: #65aa2f;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .5);
}

#pageContainer #mainContent .callboxes ul li {
	font-weight: bold;
}

.license  {
	background: #fff url(../img/content/license-sample6.jpg) -10px 60% no-repeat;
	border-radius: .7em;
}

.vanityplates  {
	background: #fff url(../img/content/plate3.jpg) -15px 50% no-repeat;
	border-radius: .7em;
}

.rims  {
	background: #fff url(../img/content/rims-seal.jpg) -15px 50% no-repeat;
	border-radius: .7em;
}

.dmv-reservations {
	background: #fff url(../img/content/dmv-reservations.jpg) -15px 50% no-repeat;
	border-radius: .7em;
}

.regrenewal  {
	background: #fff url(../img/content/iStock_000019744903XSmall.jpg) -45px 0px no-repeat;
	border-radius: .7em;
}

.drivingrecords  {
	background: #fff url(../img/content/drivingrecord.jpg) 0 bottom no-repeat;
	border-radius: .7em;
}

/************************* showhide ****************************/	


#pageContainer #mainContent .showhide h2 {
	background: url(../img/site/icons/icons.png) 0% -235px no-repeat;
	display: block;
	padding: .35em 0 .5em 28px;
	cursor: pointer;
	font-size: 1em;
	white-space: nowrap;
	margin: 0em .5em 0em .5em;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

#pageContainer #mainContent .detail {margin: .5em .5em 1em .5em; border: 1px solid transparent;}


#pageContainer #mainContent .detail p {line-height: 1.5em;}


#pageContainer #mainContent .showhide h2:hover {
	background-color: #eeeeee;
	display: block;	
}


#pageContainer #mainContent .showhide h2.close {
	background: url(../img/site/icons/icons.png) 0% -295px no-repeat;
    display: block;
    color: #003a67;
	background-color: #eeeeee;
    padding: .35em 0 .5em 28px;
	font-size: 1em;
	white-space: nowrap;
	font-weight: normal;
}

#mainContent h3 { font-size: 1.1em; font-weight: bold; text-align: left; margin: .3em 0 0 0; padding: 0 .6em;}

/************* Start Data Table  ******************/
  
#pageContainer #mainContent table {margin-top: 0em; width: 100%; max-width:100%; background-color:#fff; border: 1px solid #ccc;}
#pageContainer #mainContent table tr td {border: 1px solid #fff; vertical-align:text-top; padding: .3em;}
#pageContainer #mainContent table tr th {border: 1px solid #fff;  background-color: #808080; color:#fff; padding: .3em; font-weight: bold;}


#pageContainer #mainContent table tr td p {padding: 0;}

#pageContainer #mainContent table tr.even td {background-color: #eee;}
  
#pageContainer #mainContent table.tablesorter { 
         font-family:arial; 
        background-color: #ffffff;
       font-size: 10pt; 
        width: 100%; 
         text-align: left;
		 border: 1px solid #eeeeee;
 } 
 
#pageContainer #mainContent table.tablesorter thead tr th, table.tablesorter tfoot tr th { 
         color: #fff;
		 background-color: #808080; 
         font-size: 10pt; 
         padding: 4px;
		 font-weight:bold; 
 }
  
 #pageContainer #mainContent table.tablesorter thead tr .header { 
         background-image: url(../img/site/table/bg.gif); 
         background-repeat: no-repeat; 
         background-position: center left; 
        cursor: pointer;
		padding-left: 20px;
		margin-left: -1px;
 }
 
  #pageContainer #mainContent table.tablesorter thead tr .tablesorter-header { 
         background-image: url(../img/site/table/bg.gif); 
         background-repeat: no-repeat; 
         background-position: center left; 
        cursor: pointer;
		padding-left: 20px;
		margin-left: -1px;
 }
  
#pageContainer #mainContent table.tablesorter tbody td { 
         color: #333; 
         padding: 4px; 
         background-color: #FFF; 
         vertical-align: top; 
 }
  
#pageContainer #mainContent table.tablesorter tbody tr.odd td { 
         background-color: #eee; 
 }
  
#pageContainer #mainContent table.tablesorter thead tr .headerSortUp { 
         background-image: url(../img/site/table/asc.gif); 
 }
 #pageContainer #mainContent table.tablesorter thead tr .tablesorter-headerAsc { 
         background-image: url(../img/site/table/asc.gif); 
 }  

#pageContainer #mainContent table.tablesorter thead tr .headerSortDown { 
         background-image: url(../img/site/table/desc.gif); 
 } 
 
 #pageContainer #mainContent table.tablesorter thead tr .tablesorter-headerDesc { 
         background-image: url(../img/site/table/desc.gif); 
 }
 
#pageContainer #mainContent table.tablesorter thead tr .headerSortDown, #pageContainer #mainContent table.tablesorter thead tr .headerSortUp { 
 background-color: #9e9e9e; 
 }  

#pageContainer #mainContent table.tablesorter thead tr .tablesorter-headerDesc, #pageContainer #mainContent table.tablesorter thead tr .tablesorter-headerAsc { 
 background-color: #9e9e9e; 
 } 

#pageContainer #mainContent table.tablesorter thead tr .sorter-false {
background-image: none;
padding: 4px;
}

/* pager wrapper, div */
.tablesorter-pager {
	padding-left: .6em;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
	background-color: #e6eeee;
	margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
	vertical-align: middle;
	margin-right: 2px;
	cursor: pointer;
	border:none;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
	padding: 0 5px 0 5px;
	width: auto;
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
	margin: 0;
	padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
	display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
	/* visibility: hidden */
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}


/*************************tagContent****************************/	
 #mainContent .tagContent h4 {margin-top: .8em;}

#pageContainer #mainContent .tagContent span {clear: left;  display:  
block; border-bottom: 1px solid #ddd; padding: .4em; 
color:  #003a67; margin:.4em;}
#pageContainer #mainContent .tagContent span#last {border-bottom: 1px  
solid #ddd;} 

/* Remove PDF icon */
#mainContent .topnews.alert.nopdf a[href$=".pdf"], #mainContent .topnews.alert.nopdf a[href$=".PDF"] {
background: transparent; 
}  


/* Added button */

.button-content-new {
    background-color: #4CAF50; /* Green */
    border: none;
	border-radius: 8px;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonblue {
    background-color: #175A8D; 
    color: white !important; 
    border: 2px solid #008CBA;
}

.buttonblue:hover {
    background-color: #008CBA;
    color: white;
}

.buttonblue:focus {
    background-color: #008CBA;
    color: white;
}