﻿body 
{
	/* changes 1em from 16px to 10px for easier calculations */
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


#leftNavBgContainer .portletcontainer {
	padding-bottom:2.1em;
}

#innerSecondaryContentTwoCol .portletcontainer {
	padding-top:40px;
	padding-bottom:40px;
	width:100%;
	border-bottom: solid 1px #e3e3e3;
}

#innerSecondaryContentTwoCol .firstportletcontainer {
	padding-bottom:40px;
	width:100%;
	border-bottom: solid 1px #e3e3e3;
}

#innerSecondaryContentTwoCol .lastportletcontainer {
	padding-top:40px;
	width:100%;
}

#leftNavBgContainer .portletseparator {
	border-top:1px solid #DDDCDC;
	padding-top:32px;
	width:95%;
}

#innerSecondaryContentTwoCol .portletseparator {
	border-top:1px solid #DDDCDC;
	padding-top:40px;
	width:95%;
}

#innerSecondaryContentTwoCol h2
{
	font-family: Arial, Sans serif;
}

.content 
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 12px;
	color:#474747;
	padding:10px;
}

.contentLarge
{
	font-family: Arial;
	font-size: 1.2em;
	color: #474747;
}

.contentSmall
{
	font-family : Arial;
	font-size : 1em;
	color:#474747;
}

.AccountServicesNumber 
{
	font-family : Arial;
	font-size : 1.1em;
	color:#474747;
}

.AccountServicesNumber a:link,
.AccountServicesNumber a:visited,
.AccountServicesNumber a:hover,
.AccountServicesNumber a:active
{
	color: #70A5C7;
	font-family : Arial;
}

.UserLabel
{
	font-family: Arial;
	font-size: 11px;
	color: #474747;
	font-weight:bold;
}

.h1 
{ 
	font-size: 2.5em; 
	font-family: 'News Gothic MT', Arial, Sans Serif; 
	letter-spacing:-0.04em; 
	color:#5d9ab0; 
}

hl2
{
	font-size: 2.1em; 
	font-family: 'News Gothic MT', Arial, Sans Serif; 
	letter-spacing:-0.06em; 
	color:#2b2b2b; 
}

#primaryContentTwoCol .errContent
{
	border:solid 0.1em #cd3b2c;
	font-family:Arial;
	font-size:1.1em;
}

.hl
{
	font-family:Arial;
	font-size:1.1em;
	color:#999999;
}

#forgotLinks
{
	font-family:Arial;
	font-size:1.1em;
	color: #474747;
	text-decoration:underline;
	letter-spacing:0.06em;
	margin-top: 1.09em;
	line-height: 1.9em;
}

.hlMiniLogin
{
	font-family: Arial, Sans Serif;
	font-size: 1.1em;
	color: #cf531d;
	text-decoration: none;
}

.NewUser, .NewUser:link, .NewUser:active, .NewUser:visited
{
	font-family: Arial, Sans Serif;
	font-size: 1.1em;
	color: #3e5990;
	font-weight: bold;
}

.subHeading0
{
	font-family:'News Gothic MT', Arial, Sans Serif; 
	font-size:2.1em;
	color:#2b2b2b;
}

.subHeading1
{
	font-family:'News Gothic MT', Arial, Sans Serif; 
	font-size:1.5em;
	color:#474747;
}

.subHeading1 .subHeadingHeader
{
	font-size: .667em;
}

.phoneNumber
{
	font-family:'News Gothic MT', Arial, Sans Serif; 
	color:#474747;
	white-space:nowrap;
}

.subHeading1grey
{
	font-family:'News Gothic MT', Arial, Sans Serif; 
	font-size:1.1em;
	font-weight:bold;
	background-color:#c0c0c0;
}

.validationSummary
{
	border:solid 0.1em #cd3b2c;
	font-size: 1.1em;
	font-family: Arial;
	color:#cd3b2c !important;
	text-align: left;
	padding: 1em 2em 1em 2em;
	vertical-align:middle;
	margin-top: 2.54em;
}

.msg
{
	border:solid 0.1em #0b0b0b;
	font-size: 1.1em;
	font-family: Arial;
	color:#474747;
	text-align: left;
	padding: 1em 2em 1em 2em;
	vertical-align:middle;
	margin-top: 2.54em;
}

.rowReadonlygrey
{
	font-family:'News Gothic MT', Arial, Sans Serif; 
	font-size:1.1em;
	background-color:#dcdcdc;
	
}
.validationSummary ul
{
	padding: 0 .81em 0 2em;
}

.validationSummary li
{
	padding-left: 0.1em;
}

.linkButton
{
	margin:0em 0em 0em 0em;
	background-color: Transparent;
	border:solid 0.1em gray;
	padding: 0.3em 0.1em 0.3em 0.1em;
	font-size: 1.1em;
	font-family: Arial;
	text-decoration: none; 
	font-weight: bold; 
	letter-spacing: 0em; 
	text-align: center;
	height:1.0em;
	vertical-align:middle;
	color:Black;
	text-transform:uppercase;
	/* FF2 and previous do not recognize inline-block */
	display: -moz-inline-block;
}


.linkButton:hover
{
	text-decoration: none; 
}

.linkButtonGray
{
	margin:0em 0em 0em 0em;
	margin-top:1.3em;
	background-image: url("../images/btnshadow.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	border:solid 0.1em #595959;
	height: 1.6em;
	padding: 0.1em 0.1em 0em 0.1em;
	font-family: Arial, Sans Serif;
	color:Black;
	text-transform:uppercase;
	text-decoration: none; 
	letter-spacing: 0em; 
	text-align: center;
	vertical-align:middle;
	/* FF2 and previous do not recognize inline-block */
	display: -moz-inline-block;
}

.linkButtonGray:visited
{
	color:Black;
}

.linkButtonInner
{	
	font-size: 1.1em;
	height: 1.181em;
	border-top: 1px solid #F3F4F7;
	border-left: 1px solid #F3F4F7;
	border-bottom: 1px solid #CDD2E0;
	border-right: 1px solid #CDD2E0;
	vertical-align: top;
	text-align: center;
	background-color: #E6E9F0;
	cursor: pointer;
}

.linkButtonGray:active
{
	background-image: url("../images/btnshadow-inverse.gif");
	background-position: top left;
	color: Black;
}

.linkButtonGray:active .linkButtonInner, .linkButtonInner:active
{
	border-top: 1px solid #CDD2E0;
	border-left: 1px solid #CDD2E0;
	border-right: 1px solid #F3F4F7;
	border-bottom: 1px solid #F3F4F7;
}

#ie6 .linkButtonInner
{
	line-height: 1.18em;
}

.adjacent
{
	display: -moz-inline-box;
}

td.step1step2
{
	width:50%;
	padding-left:3.0em;
}

.contentInfo
{
	font-family : Arial;
	font-size : 1.1em;
	color:#999999;
}

#divHaveNotRegistered
{
	padding-left: 6.4em;
	border-left: dotted 1px #d0d0d0;
	position: relative;
	float: left;
	width: 47%;
}

#divSignin
{
	padding-right: 6.4em;
	float: left;
}

#divDocuments
{
	margin-top: 2.27em;
	margin-bottom: .36em;
	width: 100%;
}

.inputLabel
{
	margin-bottom: .3em;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #474747;
}

.inputLabelOffset
{
	margin-bottom: .3em;
	font-family: Arial;
	font-size: 1.1em;
	color: #474747;
	position: relative;
	left: -.7em;
}

.hangingOffset
{
	display: block;
	position: relative;
	left: -.4em;
}

.inputLabelSmall
{
	margin-bottom: .3em;
	font-family: Arial;
	font-size: 1em;
	color: #474747;
}

.inputLabelMini
{
	font-family: Arial;
	font-size: 1.1em;
	color: #2b2b2b;
}

.inputLabelError
{
	color:#cd3b2c;
}

#divUserName
{
	margin-top: 1.54em;
}

#divPassword
{
	margin-top: 1.37em;
}

#divHaveNotRegistered ul
{
	padding-left: 3.2em;
	margin: 1.6em 0;
}

#divHaveNotRegistered li
{
	margin: .63em 0;
	padding-left: 0.1em;
	font-family : Arial;
	font-size : 1.1em;
	color:#474747;
}

#div2EasySteps
{
	margin-top: .5em;
}

#divMyAccount
{
	/* won't collapse with the margin at the bottom of previous H1 */
	padding-top: 2.5em;
}

#divBtnSubmit
{
	margin-top: .5em;
}

#div1stParagraphInformational
{
	margin-top: 3.0em;
	margin-bottom: .63em;
}

#divLastParagraphInformational
{
	margin-bottom: 1.18em;
}

#divWelcomeUser
{
	margin-top: 1.63em;
	font-family : Arial;
	font-weight: bold; 
	font-size : 1.1em;
	color:#474747;
}

.requiredAsterisk
{
	/*color:#cc0033;*/
}

#divIndicatesRequired
{
	margin-top: 2.5em;
}

#divloginSmallContent input
{
	font-family:'News Gothic MT', Arial, Sans Serif;
	font-size: 1em !important;
}

#divloginSmallContent 
{
	background-image: url("../images/fill_mma.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.invalidInterests a:link
{
		color: #474747; 
	font-size: 1em; 
	font-family: Arial, Sans Serif; 
	margin-top: 0.8em;
}
.invalidInterests a:visited
{
		color: #474747; 
	font-size: 1em; 
	font-family: Arial, Sans Serif; 
	margin-top: 0.8em;
}

.lnh1
{
	color:#405689; 
	font-size: 1.4em; 
	font-family: Arial, Sans Serif; 
	font-weight: bold
}

.linksMyAcct
{
	color: #000000; 
	font-size: 1.4em; 
	font-family: Arial, Sans Serif; 
	margin-top: 3.22em;
}
.linksMyAcct a:link  
{
	color: #000000; 
	text-decoration: none; 
}
.linksMyAcct a:visited
{
	color: #000000; 
	text-decoration: none; 
}
.linksMyAcct a:hover
{
	color: #000000; 
	text-decoration: none; 
}
.linksMyAcct a:active
{
	color: #000000; 
	text-decoration: none; 
}

.linksMyAcctNoLink
{
	color: #000000; 
	font-weight: bold;
}

.myAcctLinkArrow
{
	position:absolute;
	left:1.61%;
	margin-top: 3px;
}

#divWhenYouRegistered
{
	margin-top: 2.54em;
}

#divPWHint
{
	margin-top: .63em;
}

#divNeedToKnow
{
	margin-top: 1.45em;
}

#divPWReminder
{
	height:2.2em;
}

#spnPWReminder
{
	
}


#divPWTB
{
	padding-right: 1em;
	float:left;
}

.bluetext
{
	color:#37839D;
}

.likelink 
{
	text-decoration:underline;
	cursor:pointer;
}

.trInputShim
{
	height: .9em;
}

.trInputShimSmall
{
	height: .6em;
}
.phoneDash
{
	margin: 0 .15em;
}

#primaryContentTwoCol input, #primaryContentTwoCol select
{
	font-family:'News Gothic MT', Arial, Sans Serif;
	font-size: 1em !important;
/*	border: .1em solid #474747;*/
}

/*IE6 doesn't support attribute selectors on styles as below...*/
#ie6 .rbcb input
{
	border: none;
}

#primaryContentTwoCol input[type="radio"],
#primaryContentTwoCol input[type="checkbox"]
{
	border: none;
}

#innerSecondaryContentTwoCol
{
	margin-top: 1.2em;
}

.tdRegisterProgressCurrent
{
	background-color: #e3e3e3;
}

.tblRegisterProgress
{
	width: 99%;
	border: solid 1px #e3e3e3;
}

.tblRegisterProgress td
{
		padding-left: 2.6em;
}

.trRegisterProgressPad
{
	height: 1.1em;
}

#acctSvcsLeftNavMbox
{
	padding-top: 2.5em;
	text-align: center;
	border-top: solid 1px #e3e3e3;
}

#register1LeftNavMbox
{
	margin-top: 40px;
	text-align: center;
}

.acctSvcsAcctDetailUnHighlight
{
	background-image:url('../images/background_grey_two.gif');
	background-position: right top;
}

.acctSvcsAcctDetailSpecialUnHighlight
{
	background-image:url('../images/background_grey_one.gif');
	background-position: right top;
}

.acctSvcsAcctDetailHighlight
{
	background-image: url('../images/background_white.gif');
	background-position: right top;
}

.acctSvcsAcctDetailHighlight h2
{
	/*color: #474747;*/
}

.createMyAccountemGap
{
	letter-spacing: 0em;
}
#divReg2Note
{
	margin-left: 4em;
	margin-top: 1.3em;
}

#tdReg2NoteBody
{
	background-color:#fbecbf;
	border: 1px solid #e9c637;
	height: 20.9em; 
	width: 24.5em;
}

#divReg2NoteBody
{
	border-left: 1px solid #f5cf61;
	border-top: 1px solid #f5cf61;
	padding-left: 1.5em;
	padding-top: 1.5em;
	padding-right: 1.5em;
	height: 19.4em;
}

.reg2NoteContent
{
	color: #000000;
	font-size: 1.2em;
	font-family: Arial, Sans Serif;
	margin-top: .33em;
	margin-bottom: .5em;
}

.reg2policytblHeader
{
	color: #5b5b5b;
	font-size: 1.2em;
	font-family: Arial, Sans Serif;
}

.miniLoginBody
{
	padding-left: 1.6em;
	height: 190px;
	margin-top: -0.1em;
}

#ie .miniLoginBody
{
	margin-top: -0.4em;
}

.miniLoginBody .linkButtonGray
{
	margin: 0;
	vertical-align: top;
}

.miniSignIn
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.miniPassword
{
	margin-top: 1.3em;
}

.miniRegisterNow
{
	margin-top: 1em;
}

#ie .miniSignIn
{
	margin-top: .9em;
	margin-bottom: .8em;
}
#ie .miniPassword
{
	margin-top: 1.1em;
}

.divContent 
{
	font-size:1.2em;
	margin-left:10px;
	margin-top:10px;
}

.divDataEntrySet
{
    overflow:auto;
    padding-top:10px;
	width:100%;
	background-color: #d0e4e6;
	padding-left:10px;
	padding-bottom:10px;
}

#divEnterCode 
{
}

.divDataEntry h1
{
    font-size: 1.3em; 
}

.divDataEntryHeader 
{
	width:500px;
	height:2px;
    background-image: url('themes/images/Keyline.gif');
    
}

.divDataEntrySetFooter 
{
    height:2px;
    width:500px;
    background-image: url('themes/images/Dash.gif');
    
}

.divVehicle 
{
    clear:both;
    margin-bottom:5px;
    overflow: auto;
}

.divDataEntry input[type=submit]
{
	background-image: url('themes/images/Submit_btn.gif');
	height:32px;
	width:79px;
	border-style:none;
}
/*Pansub 03/02/2014*/
.htPopupImage 
{
    margin: 5px;
    vertical-align: middle;
}

/*margin-top:3px;
    height:20px;
    width:20px;

.button { 
width:20px; 
height:20px; 
cursor:pointer; 
padding-left:7px; }*/

.htPopupImage1 
{
    margin: 5px;
    vertical-align: middle;
}

.htPopupImage2 
{
    margin: 5px;
    vertical-align: middle;
}

/*.jquerybubblepopup {
    z-index: 1000000;
    max-width: 500px;
}*/


.jquerybubblepopup
{
    /*border: 1px solid #666666;*/
    /*background: #fff2d1;*/
    border-radius: 8px;
    /*box-shadow: 4px 4px 4px 4px #AAAAAA;*/    
   /* width: 500px;  */
    /*position:absolute;*/
    /*font-size: 13px;*/
    /*vertical-align: middle;*/       
    /*text-align:left;
    z-index: 1000000;*/
     
}

.jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;z-index:100;text-align:center;background-color:transparent;}
	.jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */
	.jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;}
	.jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent;}
	.jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;}
	.jquerybubblepopup-top-left,    .jquerybubblepopup-top-right,
	.jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;}
	.jquerybubblepopup-top-middle,  .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x;}
	.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;}
	.jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;}
    .jquerybubblepopup-grey       .jquerybubblepopup-innerHtml{background-color:#FFF2D1;}

    .jquerybubblepopup ul

	{margin-bottom: 12px} 
    


.jquerybubblepopup li
{margin-bottom: 12px} 



/*Pansub 03/02/2014*/
.divMileageInputFieldWithLabel
{
    float:left;
}
.inputField input[type=text], .inputFieldWithSubmit input[type=text] 
{
    margin-top:3px;
    margin-bottom: 10px;
    margin-right:10px;
    height:14px;
}

.btnDataSubmitBottom {
	clear:both;
}

.inputFieldWithSubmit input[type=text],input[type=submit]
{
	float:left;
}



#divDontHavePostcard 
{
	clear:left;
	padding-top:10px;
}

#divErrorBox 
{
    height:auto;
	
	border-width:1px;
	border-style:solid;
	border-color:Red;
	width:450px;
    margin: 10px auto 20px;
    overflow: auto;
    display:none;
    padding: 5px 5px 5px 5px;
    font-size: 1.2em;
	
}

.divErrorMessage 
{
	margin-bottom:10px;
}

#divAlternateEntryForm {
	/*display:none;*/
}

#linkDontHavePostcard {
	color:#405689;
}

#imgRightNav {
	padding-top:50px;
}

#divLoading 
{
    color: #999999;
    font-size: 1.2em;
}

#divLoadingMessage 
{
	margin:30px auto;
	text-align:center;
	width:100%;
}

#divLoadingImageHolder 
{
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	width:100%;
}



/*jquery theming*/
.ui-dialog-titlebar { display:none; }
.ui-dialog-titlebar-close { display:none; }