@import url("css/menu.css");




/* CSS Document */
ol li{
list-style-type: decimal;
}

ol{
list-style-type: decimal;
}
ol li ul li {
list-style-type: decimal;
}
ol.checklist li{
list-style-type: decimal;

}



/* ControlPanel style */
.ControlPanel
{
    background: transparent url(images/cpanel_center.png) repeat-x bottom left;
    border: none;
    padding-bottom: 10px;
}
.cpanel_left
{
    background: url(images/cpanel_left.png) no-repeat bottom left;
    padding-left: 21px;
}
.cpanel_right
{
    background: url(images/cpanel_right.png) no-repeat bottom right;
    padding-right: 33px;
}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{
    font-family: Verdana, Arial, Helvetica, sans-serif;
  
}
body, th, td, table, .Normal, .NormalDisabled, .Head
{
color: #000;
 font-size: 12px;
 line-height: 16px;;
}
h1, h2, h5, h6, h2 input
{
    color: #375162;
    font-weight: bold;

}
h1
{
font-size: 18px;
/* margin: 0px; */
color: #000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
  
}

h2, h2 input
{
    font-size: 15px;
    color: #000;
}
h3
{

color: #000;
font-size: 14px;
font-family: Verdana, Helvetica, sans-serif;
}
h4
{  font-size: small;
     
	color: #000;
}

h5
{
  font-size: 12px;
	color: #000;
}
h6
{
    font-size: 10px;
}



.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Head
{
    color: #2E3D47;
    font-weight: bold;
}
.SubHead
{
    color: #22418e;
font-size: 14px;
}
.SubSubHead
{
    color: #6E8AA0;
}
.NormalRed
{
    color: #F00;
}

/*Datagrids */
.DataGrid_Container
{
    margin-top: 15px;
}
.DataGrid_Header
{
    font-weight: bold;
}
.DataGrid_Header td, .NormalBold td
{
    font-weight: bold;
}

/*-------- design style --------*/
#s_wrap_main
{
    display: table;
    width: 970px;
    margin: 0 auto;
}
#s_wrap_sub
{
    display: table-row;
}
.template_style
{
    display: table-cell;
}

.top_space
{
    height: 34px;
}
.lang_pad
{
    padding: 7px 0 0 25px;
    float: left;
}

.logo_top_left
{
    padding: 0;
    margin: 0;

    height: 23px;
}
.logo_top_right
{
    padding: 0;
    margin: 0;
    
}
.logo_top_bg
{
    padding: 0;
    margin: 0 39px 0 27px;
   
    height: 23px;
}
.logo_left
{
    padding: 0;
   
}
.logo_right
{
    padding: 0;
   
}
.logo_pad
{
    background: #FFF;
    margin: 0 19px 0 7px;
    padding: 0 0 10px 10px;
    height: 100%;
}

.s_logo
{
    float: left;
}
.s_banner
{
    background: #aaa;
    width: 50%;
    float: right;
}

.menu_bg
{
    padding: 0 0 0 6px;
    margin: 0 21px 0 9px;
   
}
.menu_left
{
    padding: 0;
    margin: 0;
   
}
.menu_right
{
    margin: 0;
   
}

.search_style
{
    float: right;
    height: 40px;
}
.search_bg
{
    padding: 0px 0px 0px 0px;
}

.bread_bg
{
    padding: 0;
    margin: 0 19px 0 7px;
  
    height: 34px;
}
.bread_left
{
    padding: 0;
    margin: 0;
    
    height: 34px;
}
.bread_right
{
    padding: 0;
   
    height: 34px;
}

#login_style
{
    float: right;
    line-height: 34px;
    padding-right: 18px;
}
#bread_style
{
    float: left;
    line-height: 34px;
    padding-left: 18px;
    color: #000000;
}

.center_bg
{
    padding: 0;
    margin: 0;
    clear: both;
}
.left_bg
{
    padding: 0;
    margin: 0;
    
}
.right_bg
{
    padding: 0;
    margin: 0;
   
}
.content_pad
{
    padding: 0px 2px 0 2px;
    margin: 0 4px 0 4px;
   
}
.lm_content_pad
{
    padding: 0px 22px 0 0px;
    margin: 0 19px 0 7px;
   
}
.content_width
{
    padding-top: 0px;
    min-height: 350px;
    width: 100%;
}
.lm_content_width
{
    padding-top: 0px;
    min-height: 350px;
}

.bot_left
{
    padding: 0;
    margin: 0;
    
}
.bot_right
{
    padding: 0;
    margin: 0;
   
    padding: 0 39px 0 27px;
}
.bot_bg
{
    padding: 0;
    margin: 0;
   
    height: 41px;
}

.bot_pad
{
    margin-bottom: 20px;
    padding: 0 30px 0 20px;
}
#terms_style
{
    float: left;
}
#copy_style
{
    float: right;
}

.clear_float
{
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

/* ------- FileManager -------*/
div.FileManager
{
    height: auto;
    border: none;
}
table.FileManager
{
    width: 99%;
}


a.CommandButton:link, a.CommandButton:visited
{
    color: #CB2027;
    font-weight: bold;
    text-decoration: none;
}
a.CommandButton:hover
{
    color: #3E81B5;
    text-decoration: underline;
}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited
{
    color: #3E81B5;
}
.ControlPanel a.CommandButton:hover
{
    color: #CB2027;
    text-decoration: underline;
}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead
{
    font-size: 11px;
}
.ControlPanel a[disabled="disabled"]
{
    color: #888 !important;
    text-decoration: none !important;
}

/*--------- pane style ----------*/
.BannerPane
{
    display: inline-block;
    float: right;
    padding-right: 17px;
    width: auto;
}
.ContentPane, .BottomPane
{

    padding: 0;
    margin: 0px 0px 0px 0px;
   

      
}
.ContentPaneOne, .ContentPaneTwo
{

    padding: 0;
    margin: 0px 0px 0px 1%;
 

      
}


.BottomPane
{
   clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-left: 15px;
	margin-right: 15px;
}
.LeftPane
{


    margin: 0px 0px 0px 1%;
}
.RightPane
{
    padding: 0 0 0 8px;
    width: 295px;
    margin: 0;
}

.TopPane
{
    

	color: #000;
    padding: 0;
    margin: 0;
    text-align: left;
}
/*------------ Breadcrumb Style --------------*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited
{
    color: #000;
	text-decoration: underline;
}
a.Breadcrumb:hover
{
    color: #000;
	text-decoration: underline;
}

/*-------------- Link Style --------------*/
.linkscontainer
{
    padding-top: 20px;
    text-align: center;
}
.links, a.links:link, a.links:active, a.links:visited
{
    font-weight: normal;
    color: #ffffff;
}
a.links:hover
{
    color: #fff;
}
.links{
color: #fff;
}

/*-------------- User Style --------------*/
.user, a.user:link, a.user:active, a.user:visited
{
    color: #3E81B5;
}
a.user:hover
{
    color: #C00;
}

/*-------------- Footer Style --------------*/
.footer, a.footer:link, a.footer:active, a.footer:visited
{
    color: #ffffff;
}

a.footer:hover
{
    color: #C00;
}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane
{
    width: 0;
    padding: 0;
    margin: 0;
}

/*-------------- Search SkinObject Styles --------------*/
a:link, a:active, a:visited{

color: #084fa0;
}
a:hover{
color: #0b4484 ;
}
#WebContent  a:link, #WebContent   a:active, #WebContent   a:visited{

/* color: #084fa0; */
text-decoration: underline;
}
#WebContent   a:hover{
/* color: #0b4484 ; */
}
#WebContent  #PageLeftContent a:link, #WebContent  #PageLeftContent a:active, #WebContent #PageLeftContent  a:visited{

color: #000;
text-decoration: underline;
}
#WebContent #PageLeftContent  a:hover{
color: #0b4484 ;
}
#FooterLinks a:link, #FooterLinks   a:active, #FooterLinks   a:visited{

color: #000;

text-decoration: underline;


}
#FooterLinks   a:hover{
color: #084fa0 ;text-decoration: underline;
}
.footer{
color: #000;
}
input.SearchTextBox
{
    float: left;
    z-index: 10;
    border: 0;
    width: 130px;
    height: 18px;
    margin-left: 3px;
    color: #43494D;
}

#SearchChoices
{
    clear: both;
    display: none;
    border: solid 1px #C3D4DF;
    z-index: 2000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #F3F7FA;
    position: absolute;
    top: 22px;
    left: 0;
}
#SearchChoices li
{
    cursor: pointer;
    margin: 0;
    padding: 0px 2px 0 2px;
    padding-left: 25px;
    height: 18px;
    text-align: left;
    background-color: #F3F7FA;
    background-repeat: no-repeat;
    background-position: 2px center;
    list-style: none;
    list-style-image: none;
    border: none;
    display: block;
}
#SearchChoices li.searchHilite
{
    background-color: #CE0D0D;
    color: #ffffff;
    border: none;
}
#SearchChoices li.searchDefault
{
    background-color: #F8FAFF;
    border: none;
}

/* BranchMap */
.TexToHide{
display:none;
height:0;
width:0;

}
.data{
width: 95%;
border: 1px solid #888;
border-collapse: collapse;
margin: 10px auto;
}

.data td, .data th
{
vertical-align: top;
text-align: left;
border: 1px solid #aaa;
padding: 5px 5px 5px 5px;
}
data th {
background-color: #d2ecfb;
}
/*End of branch map*/
/*Servicealert*/

ul.SerOrangeArrow{
	
}
.EmergencyInner{
/*background:url("Images/orangearrow.jpg") no-repeat left center;*/
padding-left:5px;

margin-left;6px;

}
#announcementContainer a:link,#announcementContainer a:active,#announcementContainer a:visited{
color:#084FA0;
text-decoration:underline;
}
#announcementContainer a:hover
{
color:#0B4484;
text-decoration:underline;
}
/*end*/

/* MassDOT */

 ul li
{
     
    list-style-type: disc; 
}
.accessibility {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute ;
    width: 1px;
}

.newtopboxback {
	background-attachment: scroll;
	background-image: url(../Images/boxback.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.newmiddleboxback {
	background-attachment: scroll;
	background-image: url(../Images/boxmiddleback.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
.bigfonts {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #0a4484;
	padding-top: 5px;
}
.Learnblueback {
	background-attachment: scroll;
	background-image: url(../Images/bluebackground.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	padding-top: 4px;
		
}
.leanmoretable {
	width: 230px;
}




.newboxbottomback {
	background-attachment: scroll;
	background-image: url(../Images/boxbottomback.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
a.white1:link, a.white1:visited, a.white1:hover  {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	
}

learnmoretext a:link, learnmoretext a:visited, learnmoretext a:hover  {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	
}

.bluemidback {
	background-color: #0A4484;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	
}
.OnlineServiceTable {
	width: 55%;
	float: right;
	margin-top: 4px;
	margin-right: 10px;
}
.tdOnlineService {
	vertical-align: top;
	height: 75px;
}
.onlineservicesouter {
	width: 350px;
}



.citation {
	background-image: url(../Images/paycitaitonimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 173px;
	
}

.ChangeAdd {
	background-image: url(../Images/Changeadd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 173px;

}
.onlineservicesheading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0A4484;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0A4484;
}

.drlicense {
	background-image: url(../Images/driverrenewimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
	width: 100%;
}
.regrenew {
	background-image: url(../Images/carimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
}
.reginq {
	background-image: url(../Images/licenseplateimages.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
}
.checklistback {
	background-attachment: scroll;
	background-image: url(Images/checklistbackground.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.Checklisttext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00347a;
	padding-left: 20px;
	vertical-align: middle;
}
.checklistbutton {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-attachment: scroll;
	background-image: url(Images/bluebutton.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
	padding-left: 45px;
	vertical-align: top;
	line-height: 12px !important;
}
.checklisttdheight {
	height: 7px;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(Images/checklistbackground.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.checklisttdheightbottom {
	height: 7px;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(Images/checklistbackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.smallfont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
}

