html {
    /* always show the right scrollbar so that there isn't any weird
    page-shifting when the page gets long enough for a scollbar to pop in */
    overflow-y: scroll;
}

form{
    margin-bottom: 3px;
    margin-top: 3px;
}

table{
    padding: 0px;
    border-collapse: collapse;
}

td, th{
    padding-left:0px;
    padding-right:0px;
    border: 0px;
}

body{
    background-image: url('images/background.jpg');
    background-repeat:repeat-x;
    background-color: #4D83C3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#mainTop{
    background-image: url('images/background_cover_top.png');
    height:55px;
    width:800px;
}
#main{
    width: 800px;
    background-image: url('images/background_cover_side.png');
    background-repeat:repeat-y;
    background-color: white;
    margin-top:-10px;
    text-align:left;
}

#leftMenu{
    width:200px;
    padding-top:8px;
    position: absolute;
    top: 100px;
    /*border:3px #000 solid;*/
    z-index:1;
}


#statePicDiv{
    width:200px;
    padding-top:8px;
    position: absolute;
    top: 0px;
    /*border:3px #000 solid;*/
    z-index:0;
}


#logo, #statePic {
        border: none;
}

#rightSide{
    width: 800px;
    float:right;
    position: relative;
    z-index: 0;
    /*border:4px #000 solid;*/
}

#bis{/*bug15383 change size of bis logo*/
    text-align:right;
    width:65px;
    margin-right: 15px;
    float:left;
}

#footer{/*bug15383 change footer position*/
    border-top: 1px solid #537AA6;    
    /*border-left: 175px solid #4D83C3;*/
    font-size: 12px;
    color: #6c6c6c;
    margin-left: 4px;
    margin-right:4px;
    margin-top: 15px;
    width: auto;
    font-weight:bold;
    text-align:left;
    padding-top:5px;
    position: relative;
    
}

#footer, .push {
    height:25px;
}

#copyright{
    float:left;    
    padding-left: 8px;
}

#logo{
    position:absolute;
    top:30px;
    z-index: 3;
    /*border:2px #000 solid;*/
}

#plateExample {
        float: right;
        margin-right: 100px;
}

#contentTopper{
    min-height:165px;
    background-image: url("images/swirl.jpg");
    margin-right:4px;
    margin-left: 4px;
    background-repeat:no-repeat;
    width: 741px;
    padding-left:50px;
    padding-top:10px;
}

#contentTopBorder{
    margin-left: 4px;
    margin-right: 4px;
    padding-top:0px;
}

#onlineServicesBlock{
    height: 600px;
}

#onlineServicesList {
        margin-top: 20px;
        text-align:left;
}

.onlineServiceItem .onlineServicesText {
        position: absolute;
        padding: 17px 80px;
        font-weight: bold;
        font-style: italic;
}

.onlineServiceItem {
        width: 654px;
        height: 57px;
}

.onlineServiceBg {
        position: absolute;
}

#cards{
    position: relative;
    top: 9px;
    left: -10px;
    float:right;
}

#mainArea{
    text-align:left;    
    width:965px;
    position:relative;
    top: -10px;
    height: 100%;
}

#statePic{
    position:relative;
    left:-60px;
    top:0px;
}

.indexHeader{
    font-size:16px;
    font-weight:bold;
}

.indexSelectBox{
    margin-top: 4px;
    font-style:italic;
    width: 225px;
}

.whatsThisLink{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    color: blue;
    text-decoration:underline;
    cursor: default;
}

.helperText{
	font-style: italic; 
	padding-left: 12px; 
	padding-top: 6px; 
	font-size: 12px;	
}

.header{
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight: bold;
}

#divInfo{/*bug15383 Change height of pages to adjust automatically*/
    padding-left:40px;    
    padding-top:24px;
    padding-right:40px;
	height:auto;
        background-image: url('images/star-bg.png');
        background-position: right bottom;
        background-repeat: no-repeat;
	
}

.indexText{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;    
}

#indexContentBox{
    background-image: url("images/tabs/box.jpg");
    height: 233px;
    width: 672px;
    padding: 14px;
    
}


#tabbed_box {  
    margin: 0px auto 0px auto;  
    width:300px;
}

.tabbed_area {  
    /*border:1px solid #494e52;  
    background-color:#636d76;  
    padding:8px;  */
}  

ul.tabs {  
    margin:0px; padding:0px;
    margin-top:50px;   
    position: relative;
    top: -40px;
}  
ul.tabs li {  
    list-style:none;  
    display:inline;  
}  

ul.tabs li div {   
    color: black;
    text-decoration:none;  
    font-size:13px;
    font-weight:bold;
    text-align:center;
    height: 40px;
    float:left;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    border-radius:8px;
}  
ul.tabs li div:hover {   
}  
ul.tabs li div.active {  
    background-image: url("images/tabs/selected.jpg");
    color:white;  
}  

.tabbedContentContainer {  
    background-image: url("images/tabs/box1.jpg");
    height: 315px;
    width: 692px;
    padding: 14px; 
}  

.tabbedContent{
    float: left;
    position: absolute;
    left:60px;
    display:none;
}
#content_1{ display:block; }  


#linkHeading{
    font-size:20px;
    color:white;
    font-weight: bold;
}    

#leftSideLinks a{
    font-size: 12px;
    color: white;
    text-decoration:none;
    font-weight: bold;
    line-height:15px;
}

.linkHeaderImage{
    position:relative;
    left: 3px;
}

.countyInfo{
    float:right;
    padding-right:10px;    
    width: 425px;
    background-color: #fff;
}

.addressInfo{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    float: right;
    padding-right: 10px;
    text-align:right;
    padding-top: 10px;
    width: 275px;
}

.countyName{
    font-size: 22px;
    padding-top:8px;
}

.onlineServicesText{
    font-size: 18px;    
    color: black;
    text-decoration: none;
}

.serviceLeftPane{
    font-size: 12px;
    width: 130px;
    height:215px;
    overflow:auto;
    padding-top:8px;
}

.serviceHeader{
    margin-left: 140px;    
    margin-top: -200px;
}

.serviceCountyListBox{
    margin-left: 140px;
    margin-top: 3px;
    width: 580px;
    height: 400px;
    /*overflow:auto;*/
    font-size: 12px;
    font-weight: bold;
}

.serviceCountyListBox a{
    color: blue;
}
.serviceCountyList{
    margin: 0px;
	padding:0px !important;
    margin-top: 5px;
}
.serviceCountyList li{
    list-style-type: none;
	margin: 0px;
	padding:0px;
	padding-right: 25px;
	text-align:left;
	line-height: 15px;
}

.serviceCountyListWrapper
{
	float: left;
    margin: 0px;
    padding:0px;
}

#contactLink {
     float: right;
     position: fixed;
     right: 0;
     top: 25%;
     z-index: 10;
}

.contactForm {
    text-align: left;
}

.contactForm tr {
    vertical-align: top;
}

.contactForm tr td.contactText {
    width: 150px;
    padding: 5px;
}

.back {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.question{
    font-weight: bold;
    padding-bottom: 10px;
}

.answer{
    padding-bottom: 12px;
}

#faqheader{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
}

.notaryHeader{
    background-color:#0066CC; 
    height: 21px; 
    padding: 7px 0px 7px 0px;    
    color: #FFFFFF;
    font-family: Times New Roman, Times, serif;
    font-size: 18px;
    font-weight: bold;
}

.renewalStatusButton{
    cursor: pointer;
    margin-bottom: 5px;
    border: 0px;
}

#disclaimer{
	text-align: center;
	font-size: 12px;
}

.dealerHeadingLink{
	color: blue;
	font-size: 14px;
	text-decoration:none;
	font-weight: bold;
}

.dealerAddHeading{
	font-weight: bold;
	margin-bottom: 10px;
}


/* BEGINING OF THE CALENDAR STYLES */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	width: 161px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* END OF THE CALENDAR STYLES */
#btaxForm input, #btaxForm select{
	padding:4px;
}

/* Dealer Portal CSS */

#dealerLogin {
	width: 340px;	
	margin-top: 40px;
	padding: 15px;
	padding-right: 30px;
}

.dealerLoginLabel{
	float: left;
	width: 90px;
	margin-top: 4px;
}

.dealerInput{
	width: 200px;	
}

.dealerLoginLine{
	height: 40px;
}

.dealerInputButton{
	width: 60px;	
}

#dealerLoginName{
	margin-top: 80px;
	color: red;
	font-weight: bold;
	font-size: 16px;
}

.dealerHeading, .dealerReceiptHeading{
	color: black;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 14px;
	margin-top: 22px;
}

.dealerEntryRow, .dealerStep5Print {
	margin-left: 9px;	
}

.dealerReceiptHeading{
	font-size: 16px;
	margin-bottom: 14px;
}

.dealerReceiptBlock{
	width: 345px;
	float: left;
	height: 20px;
	font-size: 12px;
}

#savedEntries{
	margin-top:    20px;
	margin-left:   40px;
	font-size:     12px;
	margin-bottom: 10px;
	line-height: 35px;
}

.dealerSavedEntryX{
	cursor: pointer;
	position: relative;
	top: 6px;
}

#dealerBatchNumber{
	font-weight: bold;
	padding-top: 9px;
}

#dealerBatchFieldset{
	padding: 15px;	
}

#dealerNewEntryButton{
	float: right;
	position: relative;
	top: -10px;
}

.dealerBatchButton{
	height: 30px;
	width: 110px;
}

#dealerTable{
	margin-top: 20px;	
}

#dealerFooter{
	text-align: center;	
	margin-bottom: 20px;
	font-weight: bold;
}

#dealerFooter a{
	color: blue;	
	margin-left: 20px;
	margin-right: 20px;
	font-size: 13px;
	font-weight: normal;
}

.dealerArchiveSearchText {
	width: 250px;
	margin-right: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 26px;
}

.dealerArchivesSearchOption {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 30px;
	
}

@-moz-document url-prefix() {
	.dealerArchivesSearchOption { padding-top: 6px; padding-bottom: 6px; }
}

.dealerMaintenanceLabel, .dealerEntryLabel, .dealerReceiptLabel{
	width: 150px;
	float: left;
	position: relative;
	top: 4px;
}

.dealerEntryLabel{
	width: 200px;
	top: 0px;
}

.dealerReceiptLabel{
	font-weight: bold;
	width: 150px;
	top: 0px;
}

.dealerMaintenaceText{
	width: 350px;	
}

#dealerEntryBlock{
	margin-top: 50px;
}

.dealerEntryRow{
	margin-bottom: 15px;
}

.dealerEntryTagOptions{
	position: relative;
	left: 0px;
}

.dealerTagRadio{
	margin-left: 20px;
}

#dealerRedTagText{
	font-size: 11px;
	color: red;
}

.dealerEntryText{
	width: 200px;
}

.dealerEntryOption{
	width: 204px;	
}

.dealerEntryOptionWide{
	width: 435px;	
}

.dealerEntrySubmit{
	position: relative; 
	left: 45px;
}

#saveDisk{
	padding-right: 20px;
	float: right;	
}

.dealerSubtitle{
	text-decoration: underline;
	font-weight:     bold;
	padding-bottom:   22px;
	padding-top: 20px;
}

.dealerSavedEntryLine{
	width: 250px;
	float: left;
}

.dealerSavedBlock{
	height: 34px;	
	margin-bottom: 2px;
}

.showOnlyPrint{
	display: none;	
}

#dealerLoginError{
	color: red;
	font-weight: bold;
	font-style: italic;
	padding-top: 16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.dealerBatchSubmissionFinal th{
	font-weight: bold;	
}

.dealerBatchSubmissionFinal td{
	line-height: 30px;	
}

.dealerBatchSubmissionFinal #dealerGrandTotal{
	padding-right: 20px; 
	font-weight: bold;	
}

#dealerBatchHeader, #dealerBatchHeader2{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}

#dealerBatchHeader2{
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 18px;
}

.dealerIndentedLabel{
	margin-left: 20px;
	width: 180px;
}

.dealerExtraText{
	font-style: italic;	
}

#marriagelookupTable{
	width: 100%;	
}

#marriagelookupTable td{
	padding: 10px;
}

#marriagelookupTable td .tinput{
	width: 150px;	
}

.dealerPortalVerify{
	width: 330px;	
	font-family: Arial, sans-serif;
}

.dealerPortalVerify td{
	width: 50%;
}

.noInputBorder{
	border: 0px;	
}