@charset "utf-8";
/* CSS Document */

/****************************************************************************************************
          DMV Pages
		  
Description	- These styles are used across the DMV pages
*****************************************************************************************************/
/*these styles is used in the employer page tables*/
.tableheader {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.50em!important;
	color: #000000;}
.rowheader {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.05em!important;
	color: #0000FF;}
.emphasis {
	font-size: 1.05em!important;
	color: #000000;}

/*this style is mainly used on some header tags to make them stand out*/
.headstrong {
	color: #660033!important;}
/****************************************************************************************************
*****************************************************************************************************/

.enroll_btn a{
	padding:3px 5px;
	color:#fff!important;
	background: #214128;
	border: thin #aaa solid;
	text-decoration: none;
	margin:5px 0;
	font-weight:bold!important;
}

.enroll_btn a:hover{
	background: #3a7346;
}

/***************************************************************************************
Revision Date ID
****************************************************************************************/

#revdate{
	color:#f00;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:12px;
	font-style:italic			
}

/***************************************************************************************
Revision Date ID
****************************************************************************************/

.revised{
	color:#f00;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:10px;
	font-style:italic			
}

/***************************************************************************************
Table Header Color
***************************************************************************************/
.tablecolor{
	color:#FFF;
	font-weight:bold	
}
/**************************************************************************************
Table Headings for MVRT and Research pages
**************************************************************************************/
.small_table_headings {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #999;
}
/**************************************************************************************
Table Border for MVRT and Research pages
**************************************************************************************/
.small_table_borders
{
	border: thin double #999;
}
/**************************************************************************************
Attention Text
**************************************************************************************/
.attention_text { 
	color:#CC0000;
	font-weight: bold
 }
/************************************************************************************
 Time formatting
************************************************************************************/
.time {
	font-size:12px
	}
  
.time_suffix {
	font-size:9px
	}
/**********************************************************************************
	Buttons
**********************************************************************************/
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #333399);
  background-image: -moz-linear-gradient(top, #3498db, #333399);
  background-image: -ms-linear-gradient(top, #3498db, #333399);
  background-image: -o-linear-gradient(top, #3498db, #333399);
  background-image: linear-gradient(to bottom, #3498db, #333399);
  -webkit-border-radius: 38;
  -moz-border-radius: 38;
  border-radius: 38px;
  font-family: Arial !important;
  color: #ffffff !important;
  font-size: 24px !important;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none;
}

.btn:hover {
  background: #DFF2FE;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#button-wrap-inner {
    padding: 10px 3px;
    border: none;
    text-align: center;
}
.btn2 {
  background: #38ACFB;
  background-image: -webkit-linear-gradient(top, #3498db, #333399);
  background-image: -moz-linear-gradient(top, #3498db, #333399);
  background-image: -ms-linear-gradient(top, #3498db, #333399);
  background-image: -o-linear-gradient(top, #3498db, #333399);
  background-image: linear-gradient(to bottom, #3498db, #333399);
  -webkit-border-radius: 38;
  -moz-border-radius: 38;
  border-radius: 38px;
  font-family: Arial !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight:bold;
  padding: 5px 10px 5px 10px !important;
  text-decoration: none;
}
/*********************************************************************
Tooltips
**********************************************************************/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
/**********************************************************************
Horizontal divider
***********************************************************************/
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
/**********************************************************************
3 Colunm List
**********************************************************************/
.content .listColumns {
		padding: 0;
		margin: 1em 0 3em 0;
		float: left;
		list-style-type:none;
		width: 33%;
		font-size:large;	
	}
/*********************************************************************
Contact list
*********************************************************************/	
	.address {
		background-color: #fafafa;
	}
	.person, .address {
		margin: 0.83em 0 0.83em 1.66em;
		border: 1px solid #ddd;
		padding: .5em 1em;
		border-radius: .5em;
		width: 66%;
	}
	.person-title {
		font-size: large;	
	}
	.person-name {	
	}
	.person-phone, .person-fax, .person-email, .person-phone-tollfree {
		display: block;
	}
	.person-phone::before {
		content: "Phone: "	
	}
	.person-phone-tollfree::before {
		content: "Toll Free  Phone: "	
	}
	.person-fax::before {
		content: "Fax: ";	
	}	
/************************************************************************
Search Header
************************************************************************/
.clear{
	clear: both;	
}



	/*IE6 hacks*/
	* html div#search {right:50px /**left:1000px**/ !important;}
	* html div#search #searchbutton{float: right!important;}
	/*end IE6 hacks*/
	#search #searchbutton {display:inline;}
	
	#search #searchtextfield{
		color:#6D6D6D; 
		font-size:16px;
		border: none;
		width:180px;
		height:31px;
		padding-left: 30px;
		line-height: 27px;
		box-sizing:content-box;

	} 

	#search label{
		font-weight: bold;
		color: #fbcb28;
		font-size: .7em;
		vertical-align:top;
	}


/*
Tables
--------------------------------------------- */
.table_alert tbody {
    background: rgba(245,245,245,0.00);
}



/**** DMV Online Services Main Page ****/
/**** DMV  Menu Boxes****/

.dmv_3a{
    width:100%;
    height:458px;
    clear:both;
    margin-top:27px;
    text-align:left;
}

.dmv_3{
    width:960px;
    height:458px;
    clear:both;
    margin-top:27px;
    text-align:left;
}


.dmv_24{
	width: 400px;
	height: 453px;

	margin-top: 3px;
	float: left;
	display: inline;
	background-color: #3f78a7;
	text-align: left;
}

.dmv_24 ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}

.dmv_25{
    width:400px;
    height:453px;

    margin-top:3px;
    float:right;
    display:inline;
    background-color:#194a6b;
    text-align:left;

}

.dmv_25 ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}


.dmv_26{
    width:400px;
    height:453px;

    margin-top:3px;
    float:left;
    display:inline;
    background-color:#194a6b;
    text-align:left;

}

.dmv_26 ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}

.dmv_27{
    width:400px;
    height:453px;

    margin-top:3px;
    float:right;
    display:inline;
    background-color:#3f78a7;
    text-align:left;

}

.dmv_27 ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}

.dmv_28{
	width:79px;
    height:65px;
    clear:both;
    margin-left:27px;
    margin-top:25px;
    display:inline-block;
    text-align:left;
	color:#ffffff;
    font-size:12px;
    font-family:Arial, 'Times New Roman',Times, serif;
}

.dmv_31{
    width:243px;
    height:39px;
    clear:both;
    margin-left:31px;
    margin-top:21px;
    display:inline-block;
    text-align:left;
    color:#ffffff;
    font-size:24px;
    font-family:'Trebuchet MS', Arial, Helvetica;
}

.dmv_35{
    width:312px;
    height:97px;
    clear:both;
    margin-left:30px;
    margin-top:3px;
    display:inline-block;
    text-align:left;
    color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}

.dmv_36{
	width: 400px;
	height: 377px;

	margin-top: 3px;
	float: left;
	display: inline;
	background-color: #3f78a7;
	text-align: left;
}

.dmv_36 ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}

.dmv_37{
    width:400px;
    height:377px;

    margin-top:3px;
    float:right;
    display:inline;
    background-color:#194a6b;
    text-align:left;

}

.dmv_37 ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
}

/**** service blocks on mobile ****/
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {

.dmv_3{
    width:100%;
    height:458px;
    clear:both;
    margin-top:27px;
    text-align:left;
}	
	
.dmv_24{
	max-width:100%;
	height: 453px;

	margin-top: 3px;
	float: left;
	display: inline;
	background-color: #3f78a7;
	text-align: left;
}


.dmv_25{
    max-width:100%;
    height:453px;

    margin-top:3px;
    float:left;
    display:inline;
    background-color:#194a6b;
    text-align:left;

}

.dmv_26{
	max-width:100%;
	height: 453px;

	margin-top: 3px;
	float: left;
	display: inline;
	background-color: #3f78a7;
	text-align: left;	

}

.dmv_27{
    max-width:100%;
    height:453px;

    margin-top:3px;
    float:left;
    display:inline;
    background-color:#194a6b;
    text-align:left;
}

.dmv_36{
	max-width:100%;
	height: 453px;

	margin-top: 3px;
	float: left;
	display: inline;
	background-color: #3f78a7;
	text-align: left;
}


.dmv_37{
    max-width:100%;
    height:453px;

    margin-top:3px;
    float:left;
    display:inline;
    background-color:#194a6b;
    text-align:left;

}
}


/**** DMV News Box****/

.dmv_news ul li a{
	color:#ffffff;
    font-family:Arial, 'Times New Roman',Times, serif;
	font-size: 14px;
	
	}
	
.dmv_news_alert ul li a{
	color:#FF0000;
    font-family:Arial, 'Times New Roman',Times, serif;
	font-weight:bold;
	font-size: 13px;	
	}	
/* IOS menus ---------------------------------*/

.dmv_alert_small { font-size: 8; color:darkgreen}

/*------------- google search header ------------------*/

.google-cse table tbody tr td {
    padding: 4px 4px 4px 4px !important;
	height: 24px !important;
	line-height: 1.5em !important;
	border-radius: 2px !important;
	color: rgba(25,74,106,1) !important;

}

.google-cse table {
	height: 24px !important;
	margin-bottom: 0px !important;
}

.gsc-input-box {
	height: 26px !important;
	border-bottom: 0px !important;
	border-top: 0px !important;

}

.cse .gsc-control-cse,
.gsc-control-cse, .gsc-control-cse-en {
	  background-color: rgba(25,74,106,1) !important;
	  border: 0px solid rgba(25,74,106,1) !important;
  
}

#gsc-iw-id1{
	height: 26px !important;
}

/* ---------------------Google Search Header -----------------------*/
#search
	{
	/* position: absolute !important; */
	right: 475px !important;
	top: 80px !important;
	font-family: Arial, Helvetica, sans-serif!important;
	text-align: right !important;
	width: 280px !important; 
	padding: 0 !important;
	border: 0 !important;
	vertical-align:top;
	margin: 10px 0px 0px!important;	
	}

/* ------------------------- buttons -----------------------------*/
.button {
    background: rgba(25,74,106,1) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    font-family: arial, tahoma, sans-serif;
    line-height: 30px;
    padding: 2px 16px;
    margin: 8px 2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}