﻿/*body
{
	padding: 20px 20px 0px 20px;
	margin: 0px;
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	min-width: 730px;
}*/

#pageContainer
{
	min-width: 800px;
}

#progressBackground
{
	position: absolute;
	z-index: 99;
	left: 0px;
    top: 0px;
    width: 300px;
    height: 300px;
    float: left;   
    filter: alpha(opacity=1);
	-moz-opacity: .01;
	opacity: .01;
	cursor: progress;
	background-color: white;
}

#progressBar
{
	position: absolute;
	padding-top: 3px;
	z-index: 100;
	right: 0px;
	top: 0px;
	border: solid 1px Gray;
	background-color: #e9eef0;	
	color: #2a72a2;
	cursor: progress;
	text-align: center;
}



.modalHeader
{
    background: #009FD9 url(../Images/Payment/modalHeader.gif) no-repeat !important;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    width: auto;
    height: 25px;
}

.modalContent
{
	background-color: #CBD5D8;
	padding: 5px;
}

.modalContentBorder
{
	border: solid 1px #667A7F;
}

.modalElementHead
{
    color: #F3F5F5;
    background-color: #99a6aa;    
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}

.modalElement
{
    background-color: #DDEAF2;
    color: #667A7F;
    font-size: 14px;
}


.modalBtnSeparator
{
    width: 100%;
    height: 16px;
    background-image: url(../Images/Payment/yellow_border_bottom.gif);
    margin-top: 1px;
}

#header
{
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}

#customerLogo
{
	float: left;
	margin-bottom: 10px;
}

.divLogin
{
	float: right;
	font-size: 13px;
}

a.linkBtn:link {vertical-align:middle; color:#2A72A1; margin:3px; padding:2px; text-decoration:none;}
a.linkBtn:visited {vertical-align:middle; color:#2A72A1;  margin:3px; padding:2px; text-decoration:none;}
a.linkBtn:active {vertical-align:middle; color:#004A79; margin:3px; padding:2px; text-decoration:none;}
a.linkBtn:hover {vertical-align:middle; color:#ffffff; margin:3px; padding:2px; background-color:#E39852;}

a.linkBtnViolDesc:link {color:#287AB2;}
a.linkBtnViolDesc:visited {color:#287AB2;}
a.linkBtnViolDesc:active {color:#287AB2;}
a.linkBtnViolDesc:hover {color:#489CD6;}

input.btn1 {
	border:3px double #717D8E;
	border-top-color: #BDBDBD;
	border-left-color: #BDBDBD;
	padding:1px;
	background-color: #FFFFFF;
	background-image:url(../Images/btn_bkd_tan.gif);
	background-repeat: repeat-x;
	color: #2A72A1;
	font-size: 85%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	vertical-align:middle;
}

input.btn1:hover {

	border:3px double #717D8E;
	border-top-color:#BDBDBD;
	border-left-color:#BDBDBD;
	background-image:none;
	background-color:#E79A52;
	color:#ffffff;
}

.username
{
	color: #01345e;
	font-style: italic;
	margin: 3px;
	padding: 2px;
}




#poweredByVelosum
{
	float: right;	
}

#imgBarBlueBlend
{
    width: 100%;
    height: 8px;    
}

.pageTitle
{
	margin-top: 15px;
}

.pageTitle span
{
	font-size: 23px;
	color: #304b60;	
	margin-left: 8px;
}

.buttons
{
	padding: 10px;
	text-align: right;
}

.buttons img
{
	border-width: 0px;
	cursor: pointer;
}

.imgBorderTop
{
	width: 100%;
	height: 11px; background-image: url(../images/payment/tabsSummary_background.gif);
	background-position: left top;
	background-repeat: repeat-x;
	clear: both;
	line-height: 1px;
	font-size: 1px;
	margin-top: 20px;
}

.imgBorderBottom
{
	width: 100%;
	height: 11px;
	line-height: 1px;
	font-size: 1px;
	background-image: url(../Images/Payment/tblFooterBorderBottom.gif);
	background-repeat: repeat-x;
}

.tblCitDataList
{
    width: 100%;
    font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
    border-width: 0px;    
}

.tblCitDataList thead tr
{
	height: 29px;
	background-image: url(../images/payment/tblHeader_bgd_white.gif);
	background-repeat: repeat-x;
	color: #666666;
	font-size: 11px;
	border-collapse: separate;
}
.tblCitDataList thead a, .tblCitDataList thead a:link, .tblCitDataList thead a:visited, .tblCitDataList thead a:active 
{
    color: #666666;
	font-size: 11px;}
.tblCitDataList thead a:hover 
{
    color: #7b7a7a;
	font-size: 11px;}
.tblCitDataList thead img{ border-width: 0px;}

a.link1Sel:link, a.link1Sel:visited, a.link1Sel:active {color: #2d5dac; background-color: #edcdcb; border: solid 1px #d9938d; padding: 4px 7px; margin: 2px; text-decoration: none;}
a.link1Sel:hover {color: #2d5dac; background-color: #d9c7c6; border: solid 1px #d9938d; padding: 4px 7px; margin: 2px; text-decoration: none;}

.tblWhiteHeader {width: 100%;
    font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
    border-width: 0px;    }
.tblWhiteHeader td
{height: 29px; background-image: url(../images/payment/tblHeader_bgd_white.gif);
	background-repeat: repeat-x;
	color: #666666;
	font-size: 11px;
	border-collapse: separate;text-align: left;
	font-weight: normal;
	padding-left: 10px;	
	border-bottom: solid 1px #545454;
	border-right: solid 1px white;
	border-left: solid 1px #cccccc;}

.tblBlackBgd
{background-image: url(../images/payment/tblHeader_bgd_black.gif)!important;background-repeat: repeat-x;}

.tblCitDataList thead tr th
{
	text-align: left;
	font-weight: normal;
	padding: 0px 3px;	
	border-bottom: solid 1px #545454;
	border-right: solid 1px white;
	border-left: solid 1px #cccccc;
	background-image: url(../images/payment/tblHeader_bgd_white.gif);
	background-repeat: repeat-x;
}

.tblCitDataList tfoot tr
{
	height: 31px;
	font-size: 14px;
	color: #af0000;
	font-weight: 600;
}

.tblCitDataList tfoot tr td
{
	border-left: solid 1px #545454;
	padding-right: 5px;
}
.violaDtlList {border-collapse: collapse;}
.violaDtlList thead tr th
{
    border-top: solid 1px black;   
}
.violaDtlList tfoot tr td
{
	border: solid 1px #748293;
    border-top-width: 0px;	
    background-color: #fffdf3;
}

.divCitationListDataContainer
{
	margin-top: 2px;
	border-top: solid 1px #545454;
	border-bottom: solid 1px #545454;
	width: 100%;
    height: 400px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.printNoScroll
{}

.citDataList
{
    width: 100%;
    font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
    border-width: 0px;
}

.citDataList2
{
    width: 100%;
    font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
    border-width: 0px;
}

.citDataList2 td
{
	border-bottom: solid 1px #545454;
	padding: 3px;
}

.serialNumberCol
{
	width: 11%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}
.serialNumberColOpenViol
{
	width: 10%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}
html>/**/body td.serialNumberColOpenViol
{
	width: 10%;
}

.serialNumberColPaym
{
	width: 20%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

.serialNumberColDtl
{
	width: 15%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}
.serialNumberColApl
{
	width: 75px;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

.serialNumberColHist
{
	width: 15%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

.serialNumberColPaySum
{
	width: 15%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

html>/**/body td.serialNumberColPaySum
{
	width: 10%;
}

.statusCol
{
	width: 8%;
	text-align: left;
}
.mvStatusCol
{
	width: 8%;
	text-align: left;
	padding-left: 20px!important;
}
html>/**/body td.statusCol
{
	/*width: 14%;*/
}

.statusColPayPlan
{
	width: 20%;
	text-align: left;
}

.statusColPaySum
{
	width: 15%;
	text-align: left;
}

.extBalanceColPaySum
{
	width: 15%;
	text-align: right;
	padding-right: 20px!important;
}

html>/**/body td.extBalanceColPaySum
{
	padding-right: 15px!important;
	width: 14%;
}

.paymentPlanCol
{
	width: 20%;
	color: #304b60;
	font-weight: bold;
	text-align: left;
}

.paymentPlanColPaym
{
	width: 50%;
	color: #304b60;
	font-weight: bold;
	text-align: left;
}

.issuingOfficerCol
{
	width: 10%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

.violationCol
{
	width: 29%;
	color: #287AB2;
	font-weight: bold;
}

.violationColPaym
{
	width: 65%;
	color: #287AB2;
	font-weight: bold;
}
.mvStatusColHist
{
	width: 8%;
	text-align: left;
	padding-left: 30px!important;
}
.violationColHist
{
	width: 32%;
	color: #287AB2;
	font-weight: bold;
}

html>/**/body td.violationColHist
{
	width: 33%;
}

.violationColAp
{
	width: auto;
	color: #287AB2;
	font-weight: bold;
}



.officerColAp
{
	width: 80px;
	padding-left: 5px;
	padding-right: 20px!important;
}

html>/**/body td.officerColAp
{
	width: 8%;
}

.violationColPaySum
{
	width: 30%;
	color: #287AB2;
	font-weight: bold;
}

html>/**/body td.violationColPaySum
{
	width: 30%;
}	

.violationColDtl
{
	width: 60%;
	color: #287AB2;
	font-weight: bold;
}

html>/**/body td.violationColDtl
{
	width: 61%;
}

.dateCol
{
	width: 15%;
	text-align: left;
}

.dateColHist
{
	width: 20%;
	text-align: left;
}

.dateColPaySum
{
	width: 15%;
	text-align: left;
}

html>/**/body td.dateColPaySum
{
	width: 16%;
}

.paymentDueCol
{
	width: 25%;
	text-align: left;
}

.paymentDueColPaym
{
	width: 35%;
	text-align: left;
}

html>/**/body td.paymentDueCol
{
	width: 24%;
}

.dateColApp
{
	width: 80px;
	text-align: left;
}

.currencyCol
{
	width: 10%;
	text-align: right;
}

.currencyColPaym
{
	width: 15%;
	text-align: right;
	padding-right: 20px!important;
}

html>/**/body .currencyColPaym
{	
	padding-right: 0px!important;
}

.currencyColPaySum
{
	width: 10%;
	text-align: right;
}

.currencyColApp
{
	width: 8%;
	text-align: right;
}
.balanceColDtl{text-align: right; padding-right: 20px!important;}



.selectCol
{
	text-align: left;	
	width: auto;
}

html>/**/body td.selectCol
{
	padding-left: 10px;
}

.balanceCol
{
	width: 10%;
	color: #667A7F;
	text-align: right;
}

.commColApl
{
	width: 35px;
	color: #667A7F;
	text-align: center;
}

.balanceColOpenViol
{
	width: 10%;
	color: #667A7F;
	text-align: right;
	padding-right: 20px!important;
}
html>/**/body td.balanceColOpenViol
{
	padding-right: 3px!important;
}

.balanceColPlan
{
	width: 10%;
	color: #667A7F;
	background-color: #F9F9F9;
	text-align: right;
	padding-right: 20px!important;
}

html>/**/body td.balanceColPlan
{
	width: 9%;
	padding-right: 3px!important;
}

.appealBalanceCol
{
	width: 13%;
	color: #667A7F;
	text-align: right;
}

.appealBalanceCol[class]
{
	width: 13.5%;
}

.citDataList td
{
    padding: 3px;
}

.selectColHead
{
	width: auto;
	border-right-width: 0px;
	text-align: left!important;	
}

html>/**/body td.selectColHead
{
	padding-right: 18px;
}

.selDivHeader
{    
	width: 77px;
	white-space: nowrap;
}

.selDiv
{
	width: 62px;
	white-space: nowrap;
	padding-left: 15px;
	text-align: left;
}
/*modern browsers*/
html>/**/body div.selDiv
{
	padding-left: 8px;
}

.currencyColHist{width:25%; text-align: right; padding-right:20px!important;}
html>/**/body td.currencyColHist{ 	padding-right: 3px;  }

.statusColAp
{
	width: 60px;
	text-align: left;
}

html>/**/body td.statusColAp
{
	width: 60px;
}

/*opera 9*/
html:first-child td.statusColAp
{
	width: 60px;
}

.selectedRow
{
    background-color: #edf7f7!important;
}

.overRow
{
    background-color: #daebef;    
}

.rowOver
{
    background-color: #daebef;
}

.serNum
{
	color: #287ab2;
	font-weight: bold;
}

.registrationInfo
{	
	font-size: 12px;
}

.registrationInfoLabels
{
	color: #747575;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	white-space: nowrap;
}

.registrationInfoValues
{
	color: #287ab2;
	vertical-align: top;
	width: 300px;	
}

.registrationInfoValues div
{
	border: solid 1px #83a1b5;
	padding: 4px;
	min-height: 19px;
}

* html .registrationInfoValues div
{
	height: 19px;
}

.registrationInfoValues div div
{
	border-width: 0px;
	padding: 0px;
	height: auto;
	min-height: 0px;
}

/* --------------------- ~/Payment/AccountManager.aspx ------------ */

#accountInfo
{
	margin-top: 10px;
}

.plateWidth {width: 180px;}
.plateState
{
    /*width: 180px;*/
    text-align: center;
    float: left;
    margin-left: 20px;
    background-image: url(../Images/Payment/bgPlate_Border.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.plateState > div
{
    background-image: url(../Images/Payment/bgPlate_Border.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.plateState > div > div
{
    background-image: url(../Images/Payment/bgPlate_Border.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.plateState > div > div > div
{
    background-image: url(../Images/Payment/bgPlate_Border.gif);
    background-repeat: repeat-y;
    background-position: right;
}

.plateState > div > div > div > div
{
    background-image: url(../Images/Payment/bgPlate_TopLeft.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.plateState > div > div > div > div > div
{
    background-image: url(../Images/Payment/bgPlate_TopRight.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.plateState > div > div > div > div > div > div
{
    background-image: url(../Images/Payment/bgPlate_BottomLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.plateState > div > div > div > div > div > div > div
{
    background-image: url(../Images/Payment/bgPlate_BottomRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 7px;
}

#spPlateLabel
{
	 color: #747575;
	 font-size: 10px;
	 text-align: center;
	 display: block;
}

.lblCitationPlate
{
	font-size: 16px;
	color: #595959;
	font-weight: bold;
	display: block;
}

#divRegistrationInfo
{
	 /*float: right;*/
	 display: inline;
	 margin-right: 10px;
}

.rbNormal input
{
	background-color: transparent!important;
	border-width: 0px!important;
}

#tabsSummaryBar
{
	width: 100%;
	height: 35px;	
	background-image: url(../images/payment/tabsSummary_background.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top: 10px;
	clear: both;
}

/*#tabsSummaryBar div
{
	margin-left: 5px;
	line-height: 1px;
	font-size: 1px;
}*/

#tabsSummaryBar a
{
	margin-left: 3px;
}

#tabsSummaryBar img
{
	border-width: 0px;
}

.tabOn
{
	text-decoration: none;
	float: left;
}

.tabOn div
{
	background-image: url(../Images/Payment/AccountManager/tab_CenterPart_On.gif);
	background-position: left top;
	background-repeat: repeat-x;
	
}

.tabOn div div
{
	background-image: url(../Images/Payment/AccountManager/tab_LeftPart_On.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.tabOn div div div
{
	background-image: url(../Images/Payment/AccountManager/tab_RightPart_On.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 9px 20px;
	color: #d8860f;
	font-size: 14px;
	font-weight: 900;
}

.tabOn div div div span
{
	padding: 0px;
	background-image: none;
	font-size: 11px;
	font-weight: normal;
}

.tabOff
{
	text-decoration: none;
	float: left;
}

.tabOff div
{
	background-image: url(../Images/Payment/AccountManager/tab_CenterPart_Off.gif);
	background-position: left top;
	background-repeat: repeat-x;
	
}

.tabOff div div
{
	background-image: url(../Images/Payment/AccountManager/tab_LeftPart_Off.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.tabOff div div div
{
	background-image: url(../Images/Payment/AccountManager/tab_RightPart_Off.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 9px 20px;
	color: #8e8e8e;
	font-size: 14px;
	font-weight: 900;		
}

.tabOff div div div span
{
	padding: 0px;
	background-image: none;
	font-size: 11px;
	font-weight: normal;
}

.roundBox .t, .roundBox .b, .roundBox .b b, .roundBox .t b
{
	height: 7px;
	background-image: url('../Images/Payment/roundBoxImage.png');
}

.roundBox .c
{
	background: #ffffff;
	border-color: #7c96a1;
	border-left-width: 1px;
	border-right-width: 1px;
}

html>/**/body div.tableWidth101 div
{
	width: 101%;
}

html>/**/body div.tableWidth101 div div
{
	width: 100%;
}

/* --------------------- AccountSummaryControl.ascx -----------------------*/

.tblAppealModal
{
	width: 100%;
	font-size: 13px;
	background-color: #EFF5F9;
	border: solid 1px #ACB7C2;
}

.tdAppealModal
{
	white-space: nowrap;	
	padding: 4px;	
}

.appealFieldTitle
{
	float: left;
	width: 100px;
	padding: 3px;
	text-align: right;
	border: solid 1px #EFF5F9;
}

.appealField
{
	border: solid 1px #939393;
	padding: 3px;
	margin: 0px 5px 0px 0px;
	height: 17px;
}

.appealText
{
	background: White;
	color: Black;
	border: solid 1px Black;
}

.appealFirstName
{
	width: 153px;
}

html>/**/body .appealFirstName[class]
{
	width: 155px;
}

html:first-child input.appealFirstName
{
	width: 100px;
}

.appealState
{
	border: solid 1px #939393;
	margin-top: 2px;
}

html>/**/body .appealCity[class]
{
	margin-left: 8px!important;
}

* html .appealCity
{
	margin-left: 1px;
}

* html .appealState
{
	margin-top: 3px;
}

#tblAppealModal td input, select, textarea
{
	width: 150px;
	border: solid 1px #808896;	
}

.appealReason
{
	width: 572px;
	height: 100px;
}

.notEditableAppealField
{	
	padding: 3px;
	border: solid 1px black;
	background-color: #C0C0C0;	
	height: 16px;
	color: Black;
	white-space: normal;
}

.notEditableAppealField[class]
{
	min-height: 16px;
	height: auto;
}

#divViolation, #divVehicleLicense
{
	width: 172px;
}

#divViolation[class], #divVehicleLicense[class]
{
	width: 150px;
}

/* --------------------- PaymentSummaryControl.ascx --------------- */

#paymentPlanBalance
{
	width: 150px;
	padding: 15px;
}

#paymentPlanBalanceValue
{
	border: solid 1px #C0C8CD;
	color: black;
	background-color: #EAF2F7;
	width: 90px;
	padding: 3px;
	font-weight: 600;
}

#paymentPlanSetup
{
	width: auto;
	text-align: right;
}

#paymentPlanSetup input
{
	border: solid 1px #939393;
	padding: 3px;
	width: 70px;
	vertical-align: middle;
}

#paymentPlanSetup select
{
	border: solid 1px #939393;
	padding: 0px;
	width: 75px;
	height: 22px;
	vertical-align: middle;
}

#divPaymentPlanSchedule
{
	width: 676px;
	height: 195px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
    border: solid 1px #808896;
    border-top-width: 0px;
    background-color: white;
    color: black;
    font-size: 12px;
}

#divPaymentPlanSchedule table
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#divPaymentPlanSchedule table td
{
	padding: 5px 0px 5px 5px;
	border-bottom: solid 1px #545454;
}

.paymentScheduleCellDate
{
	width: 50%;
}

.paymentScheduleCellAmount
{
	width: auto;
	background-color: #F9F9F9;
}

.tblPaymentSetup
{	
	border: solid 1px #C0C8CD;
	background-color: #EAF2F7;
	padding: 8px;
	white-space: nowrap;
	text-align: left;
}

.disabledTextBox
{
	background-color: #D4D0C8!important;
	color: #808080;
}

.paymentAmountTextBox
{
	border: solid 1px #808896;
	text-align: right;
}

/* --------------------- ~/Payment/AccountLookUp.aspx ------------- */

.roundBoxTop
{
	background-image: url(../Images/Payment/AccountLookUp/backgroundTop.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 26px;
}

.roundBoxTop div
{
	background-image: url(../Images/Payment/AccountLookUp/borderTopRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
}

.roundBoxTop div div
{
	background-image: url(../Images/Payment/AccountLookUp/borderTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	color: #586872;
	font-weight: bold;
	padding-left: 10px;
	letter-spacing: 3px;
}

.roundBoxBottom
{
	background-image: url(../Images/Payment/AccountLookUp/borderBottomLeft.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #f9f9f9;
}

.roundBoxBottom div
{
	background-image: url(../Images/Payment/AccountLookUp/borderBottomRight.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.roundBoxBottom div div
{
	background-image: url(../Images/Payment/AccountLookUp/borderBottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.roundBoxBottom div div div
{
	background-image: url(../Images/Payment/AccountLookUp/cornerBottomLeft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.roundBoxBottom div div div div
{
	background-image: url(../Images/Payment/AccountLookUp/cornerBottomRight.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #2c617c;	
	font-weight: bold;
}

.roundBoxBottom div div div div div
{
	background-image: none;	
}

.tblMyPmt
{	
	text-align: left;
}

.tblMyPmt td
{
	padding: 2px 7px;
	font-size: 12px;
}

.tblMyPmt td td
{
	padding: 0px;
}

.roundBoxTop1
{
	background-image: url(../Images/Payment/AccountLookUp/backgroundTop.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 26px;
}

.roundBoxTop2
{
	background-image: url(../Images/Payment/AccountLookUp/borderTopRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
}

.roundBoxTop3
{
	background-image: url(../Images/Payment/AccountLookUp/borderTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	color: #586872;
	font-weight: bold;
	padding-left: 10px;
	letter-spacing: 3px;
}

.tblLookUp
{	
	margin-left: 20%;
	/*margin-left: auto;	*/
}

.tblLookUp td
{
	padding: 2px;
	font-size: 14px;
}

.tblLookUp td td
{
	padding: 0px;
}

.tblLookUp input
{
	padding: 2px;
	width: 200px;
	font-size: 15px;
	border: solid 1px #939393;
	color: #515151;	
}
.inpwrong
{
	padding: 2px;
	font-size: 15px;
	border: solid 1px #992a2a;
	color: #515151;	
}

.plateTextBox
{
	width: 250px;
}

.ticketNumberTextBox
{
	width: 200px;
}

.vinTextBox
{
	width: 250px;
}

.addressTextBox
{
	width: 250px;
}

.tblLookUp select
{
	border: solid 1px #939393;
	margin: 0px;
	padding: 0px;
	color: #515151;
}

.tblLookUpLabels
{
	text-align: right;
	width: 150px;
}

.tblFirstCell td
{
	padding-top: 10px;
}

.tblLastCell td
{
	padding-bottom: 10px;
}

.tblRelatedCells td
{
	padding: 3px 3px;
}

.tblBoundaryRelatedCells td
{
	padding-top: 10px;
}

.phoneTextBox
{
	width: 90px;
}

.tblRecentSearches
{
	width: 100%;
	border-top: solid 1px black;
	margin-top: 2px;
}

.tblRecentSearches td
{
	padding: 4px;
	color: #3e8cc6;
	font-size: 14px;
	border-bottom: solid 1px #b7b7b7;
	cursor: pointer;
	vertical-align: top;
}

.tblRecentSearches_DateCell
{
	width: 90px;
	text-align: left;	
	padding-left: 10px!important;
}

.tblRecentSearches_AccountCell
{
	width: 90px;
	text-align: left;
}

.tblRecentSearches_VehicleCell
{
	width: auto;
	text-align: left;	
}

.tblRecentSearches_VehicleCell span
{
	white-space: nowrap;
}

.tblRecentSearches_EvenRow
{
	background-color: #f8fbff;
}

#searchModalTitle
{
	color: #4c4c4c;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px 5px 5px;
	border-bottom: solid 2px #d8860f;	
}

#tblMultipleSearchResulstHeader
{
	 background-color: #e5e5e5;
	 color: #777777;
	 width: 100%;
	 font-size: 13px;
}

#tblMultipleSearchResulstHeader td
{
	padding: 2px 5px;
}

#divSearchResults
{
	height: 150px;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: white;
}

#tblSearchResults
{
	 color: black;
	 width: 100%;
	 font-size: 13px;
}

#tblSearchResults td
{
	padding: 4px;
	border-bottom: solid 1px #b7b7b7;
	cursor: pointer;
}

#chkActive
{
	width: 25px;
	height: 25px;
}

#chkActive[id]
{
	width: 20px;
	height: 20px;
	background-color: Green;
}

.message
{
    border: solid 1px gray;
    background-color: #f3f3f3;
    color: #304B60;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px;
    z-index: 1000;
}

.popupMessage
{
    border: solid 1px gray;
    background-color: #FF9900;
    color: #304B60;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px;
    z-index: 1000;
}

.errorMessage
{
    border: solid 1px gray;
    background-color: #f3f3f3;
    color: #AF0000;
    font-size: 15px;
    font-weight: bold;
    padding-top: 2px;
    z-index: 1000;
}

/* --------------------- ~/Payment/Appeals.aspx ------------------- */

#divFilter
{
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	color: #2C617C;
	font-size: 13px;
}

#divFilter select
{
	width: 100px;
	border: solid 1px #939393;
	margin: 0px;
	padding: 0px;
	color: #515151;
}

.divAppealDetails
{
	border: solid 1px #545454;
	margin-bottom: 10px;
}

#divAppealDetailsTitle
{
	width: 100%;
	font-size: 16px;
	/*float: left;*/
	color: #304B60;
	font-weight: bold;
	
	/*position: relative;
	height: 45px;*/
}

.bordBt {border-bottom: solid 1px #545454;}

#divAppealDetailsTitleLabels
{
    padding: 15px;
	/*position: absolute;
	left: 15px;
	top: 11px;*/
}

.separator
{
	font-weight: normal;
	color: #CECECE;
}

.divAppealDetailsButton
{
	padding: 3px;
}

.divAppealDetailsButton img
{
	border-width: 0px;
}

#divAppealComments
{
	padding: 0px 30px 15px 30px;	
	margin-bottom: 10px;
}

.appealDetailCommentsTitle
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.appealDetailComments
{
	font-size: 14px;
	color: #747575;
	text-align: justify;
	padding: 10px 0px 0px 5px;
	width:93%;
}

#divAppealDetailsFooter
{
	width: 100%;
	height: 45px;
	background-color: #F9F9F9;
	border-top: solid 1px #DDDDDD;
	text-align: right;
}
/*modern browsers*/
html>body div#divAppealDetailsFooter
{
	height: auto;
	min-height: 45px;
}


#divAppealDetailsFooterFlag
{	
	font-size: 14px;
	color: #747575;
	padding: 12px 0px 0px 15px;	
}

.bluebar{background-image:url(../Images/bar_blue-blend.jpg); background-repeat:no-repeat; height: 9px; font-size: 1px; line-height: 1px; background-color: #2f9ce1;}

.orengebar {background-color: #ff9900; height: 9px; font-size: 1px; line-height: 1px; background-image: none;}

.nulling td{border-width: 0px; border-bottom-color: White;
	background-color: white; padding: 0px;}
	
/*   DoPayment*/
#balaceTotal
{
    color: #83a1b5;
    font-size: 18px;
    text-align: right;
}
#balaceTotal span
{
    color: Black;
    border: solid 1px black;
    background-color: White;
    padding: 7px 5px;
    font-weight: bold;
    }
#headtable
{
    width: 100%; 
    }
#headtable td
{
    padding: 12px;
    }
    
.r1{color: #ba0000;}

.hinttext{color: #595959; font-size: 10px;}

#tblpaymentinfo
{ width:100%; color: Black;}
#tblpaymentinfo th
{ color: #666666; letter-spacing: 5px; text-align: left;}    

#tblpaymentinfo tr td
{
	width: 50%; font-size: 14px; white-space:nowrap; padding: 4px 5px; vertical-align: top;
} 

#tblpaymentinfo td td td
{
	padding: 0px;
}

#tblpaymentinfo input
{
    color:#287ab2; border: solid 1px #808896;
    width: 250px;font-size: 14px;
    }
.textboxsmall
{width: 125px!important;}

#tblpaymenttype
{width: 100%; color:#01345e; font-size: 16px;  }

#tblpaymenttype td
{padding: 5px 8px;  }
#tblpaymenttype input
{padding: 1px 5px; border: solid 1px #01345e; background-color: #fff6b8; font-size:16px; font-weight: bold; }

.bl{font-weight: bold;}
.checkres input {width: auto!important; border-width: 0px!important;}

#cardData {padding: 3px 10px;}
.cardDatatbl {width:100%; color: Black;}
.cardDatatbl tr td {font-size: 14px; white-space:nowrap; padding: 3px 5px; vertical-align: top; font-weight: 600; }
.cardDatatbl tr td table tr td {font-size: 14px; white-space: normal; padding: 0px; vertical-align: top; font-weight: normal;}
.cardDatatbl tr td table {width: auto; margin: 0px;}
.cardDatatbl a {color: #287ab2; text-decoration: none;}
.cardDatatbl a:hover {color: #2f96dc; text-decoration: none;}
.cardDatatbl input, select {border: solid 1px #808896; font-size: 14px;}

.headerTop
{
	background-image: url(../Images/Payment/Dash/bgd_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 50px;
}
.headerTop table
{
    width: 100%;
}
.headerTop td 
{padding: 5px 10px;}

.headerTop img
{
	border-width: 0px;
	/*margin-left: 10px;*/
}

.headerTop div
{
	background-image: url(../Images/Payment/Dash/bgd_topRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 50px;
}

.headerTop div div
{
	background-image: url(../Images/Payment/Dash/bgd_topLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	color: #304b60;
	font-size: 22px;
}

#headerCont {background-color: #f6f7fa; border: solid 1px #d1d1d1; border-top-width: 0px; padding: 3px;}

.headerOrange
{
	background-image: url(../Images/Payment/Dash/bgd_orange_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 31px;
}
.headerOrange table {width: 100%;}
.headerOrange td {padding-top: 8px; padding-left: 8px;}
.headerOrange div
{
	background-image: url(../Images/Payment/Dash/bgd_orange_topRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 31px;
}
.headerOrange div div
{
	background-image: url(../Images/Payment/Dash/bgd_orange_topLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.sep {background-image: url(../Images/Payment/Dash/bgd_sep.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px; padding-bottom: 10px; margin-top: 10px;}
.updateInfo {color: Gray; font-style:italic; padding-bottom: 5px; padding-left: 8px; font-size: 12px;}

.statistics {width: 100%; font-size: 14px; font-weight: 600;}
.statistics td {border-bottom: solid 1px #9b9b9b; color:#3e8cc6; padding: 4px;}
.statistics td span {color: black;}

.contOrange {border: solid 1px #c9c9c9; padding-bottom: 20px; margin-bottom: 5px;}

.upStyle {background-image: url(../Images/Payment/Dash/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: left center; padding-left: 9px;}
	
.downStyle {background-image: url(../Images/Payment/Dash/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left center; padding-left: 9px;}

/*Calendar*/
.dayHead {border-bottom: solid 1px #b2b2b2; font-size: 12px; font-weight: 600; padding: 5px 0;}
.selDay {border: solid 1px #af0000; background-color: #f9a230; padding: 5px; }
.selDay a {color: White; font-size: 12px; text-decoration: none; font-weight: 600;}
.dayStyle {padding: 5px;}
.dayStyle a {font-size: 12px; text-decoration: none; font-weight: 600;}
.todayStyle {border: solid 1px #ea7f7f;padding: 5px; }
.todayStyle a {font-size: 12px; text-decoration: none; font-weight: 600;}
.otherDays {padding: 5px;}
.otherDays a {font-size: 12px; text-decoration: none; font-weight: 600;}
.titleStyle {background-color: #919191; font-size: 16px; font-weight: bold; color: White; }
.titleStyle td {padding: 4px 13px; white-space: nowrap;}

.nexprevStyle a 
{
    display: block;
    padding-top: 4px;
    
    background-image: url(../Images/Payment/Dash/cal_nextprev.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 24px;
	color: white;
	text-decoration: none;
	font-size: 10px;
	font-weight: 600;}


/* PART STYLE */
.partTitle 
{
    background-image: url(../Images/Payment/Dash/part_bgd.gif);
	background-repeat: no-repeat;
	background-position: left top;  
	width: 666px;
	height: 28px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
.partTitle[class]
{   padding-top: 5px;
}
.partTitle span { padding-left: 10px;}
.partTitle a { margin-right: 5px;}
.partCont
{
    border: solid 1px #d5dfe4;
    border-top-width: 0px;
    background-color: White;
    color: Black;
}
.partheader {display: none;}

.emptyZone {width: 666px; text-align: center; height: 150px; vertical-align: middle;}

/* Add part */
.tbladdlt{height: 5px; width: 5px;background-image: url(../Images/Payment/Dash/bgd_add_topLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;}
.tbladdct {border-top: solid 1px black; background-color: #567984; line-height: 1px; font-size: 1px; }
.tbladdrt{background-color: #567984; border-top: solid 1px black;border-right: solid 1px black;line-height: 1px; font-size: 1px;}

.tbladdlm{background-color: #567984; border-left: solid 1px black;line-height: 1px; font-size: 1px;}
.tbladdcm{background-color: #567984; padding: 5px; }
.tbladdcm a {color: #caeafc; text-decoration: none; font-style: italic;}
.tbladdrm{background-color: #567984; border-right: solid 1px black;line-height: 1px; font-size: 1px;}

.tbladdlb{height: 5px; width: 5px;background-image: url(../Images/Payment/Dash/bgd_add_bottLeft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;}
.tbladdcb{background-color: #567984; border-bottom: solid 1px black;line-height: 1px; font-size: 1px;}
.tbladdrb{height: 5px; width: 5px;background-image: url(../Images/Payment/Dash/bgd_add_bottRight.gif);
	background-repeat: no-repeat;
	background-position: right bottom;}
	
.tbladd{ width: 100%; border-collapse: collapse; }
.tbladd tr th { background-image: url(../Images/Payment/Dash/bgd_tbladd.gif);
	background-repeat: repeat-x; padding: 3px 6px; border-collapse: collapse; font-weight: normal; text-align: left;
	background-position: left bottom; border: solid 1px black; border-bottom-width: 0px; color:#666666; width: 33%;}
.tbladd tr td {border-bottom: solid 1px #a5a5a5; cursor: pointer; vertical-align: middle; padding: 6px; font-size:12px; width: 33%;}
.tbladd tr td img {visibility: hidden; text-align:center; vertical-align: middle;}

.partChecked td {background-color: #fff8e3;}
.partChecked td img {visibility:visible!important;}

#addImage {z-index: 52; position: relative; height: 32px; background-image: none;}

.modalBackground
{
    position: absolute;
    display: none;
    z-index: 50;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
    background-color: #333333;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

/* ---------------------- ~/Payment/Controls/CitationDetailsControl.ascx ----------- */
/*
body 
{
    font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
}

.font11 {font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.font11.input {font:11px/1.2 Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; }
.font11.select {font:11px/1.2 Verdana, Arial, Helvetica, sans-serif;  }
*/
#mainContainer 
{
    width:100%;
    background-color: #cbd5d8;
    padding: 2px 0px;
}

#innerContainer
{
    padding: 15px;
    background-color: #daebef;
    border-top: solid 1px #545454;
    margin: 4px;
}
#contentDetails
{
    padding: 12px;
    padding-top: 5px;
    background-color: #f9f7e8;
    border: solid 1px #77766f;
}

.citTitle
{
    font-size: 22px;
    font-weight: bold; 
    padding: 5px;
    margin-top: 10px;
    /*background-color: white;*/
}

#photosContainer
{
    margin: 3px;
}
.photoRow
{
    padding: 3px;    
}
.nophotos
{
    width: 90px;    
    height: 68px;
    background-color: #545454;
    
}

.tabDetail td
{
    
    padding: 5px;
}
/*.tabViolations td
{
    padding: 10px;
    font-size: 16px;
}*/
.infoName
{
    color: #747575;
}
.infoNameSmall
{
    color: #747575;
    font-size:small;
}

.infoNameBig
{
    color: #747575;
    font-size: 22px;
}

.infoValueBold
{
    font-weight: bold; 
}
.infoValueBoldBig
{
    font-size: larger;
    font-weight: bold;
}
#infoCont
{
    background-color: #fffdf3;
    border: solid 1px #9fa7af;
    border-bottom: 0px;
    padding-bottom: 7px;
    width:100%;
}
.infoComents
{
    margin-top: 20px;
    background-color: #fffdf3;
    border: solid 1px #748293;
    width: auto;
    height: 30px;
}
.commClass
{
    background-color: #fffdf3;
    border: solid 1px #748293;
    margin-bottom: 20px;
    width: 100%;
}
.commClass div[class]
{
    border-width: 0px!important;
    margin-bottom: 0px!important;
}

.commOver {background-color: #d8860f;}

/*.infoSchedule
{
    background-color: #fffdf3;
    border-bottom: solid 1px #9fa7af;
    border-top: 0px;
    width:100%;
}
.infoPhotos
{
    background-color: #fffdf3;
    border: solid 1px #9fa7af;
    width:100%;
}

/*#headerViol
{
    background-color: #d8860f;    
    color: white;
    width:100%;
}
#infoViolation
{
    border-bottom: solid 1px #9fa7af;
    border-top: 0px;
    background-color: white;
    width:100%;
}

/*#headerEvidence
{
    background-color: #de5a00;
    color: white;
}

.spPenalty
{
    color: #af0000;
}

.spCost
{
    font-size: 36px;
    font-weight: bold; 
    color: #af0000;
    
}*/

.calendarNextPrev
{
    border: solid 0px black;
    width: 8px;
    height: 14px;
}

.calendar
{
    margin: 5px;
    
}



.calendar a
{
    text-decoration: none;
    
}

.calendarDayNames
{
    border-bottom: solid 2px #3C90B5;
}

.calendarHead
{
    width: 200px;
    background-color: #3C90B5;
    font-size: 16px;
    color: White;
    padding: 5px;
    font-weight: bold;
    
}
.calendarHead td
{white-space: nowrap; padding: 4px;}

.tblevidence tr th { border: solid 1px #d8860f; border-top-width: 0px; border-bottom-width: 0px; background-color: #d8860f; color: white; padding: 4px; 
    white-space: nowrap; text-align: left; font-size: 10px; }
.tblevidence tr td{ border: solid 1px #d8860f; background-color: #fffdf3; padding: 8px; border-top-width: 0px; }
.tblevidence tr td td{ border-width: 0px; }

.thumbBord {border: solid 1px #3c90b5; }

#divTicketImage {position: absolute; border: solid 1px #3c90b5; display: none;
    background-color: Black; z-index: 55;}
#divPhoto{position: absolute; border: solid 1px #3c90b5; display: none;z-index: 55;}
#divMapCont{position: absolute; border: solid 1px #3c90b5; display: none;z-index: 55;}

a.linkBtn2:link {vertical-align:middle; color:#3c90b5; background-color:#edf7f7; border: solid 1px #c9dce2; margin:3px; padding:2px; text-decoration:none;}
a.linkBtn2:visited {vertical-align:middle; color:#3c90b5; background-color:#edf7f7; border: solid 1px #c9dce2;  margin:3px; padding:2px; text-decoration:none;}
a.linkBtn2:active {vertical-align:middle; color:#3c90b5; background-color:#edf7f7; border: solid 1px #c9dce2; margin:3px; padding:2px; text-decoration:none;}
a.linkBtn2:hover {vertical-align:middle; color:#ffffff; background-color:#3c90b5; border: solid 1px #c9dce2; margin:3px; padding:2px;}

a.linkBtn3:link {vertical-align:middle; color:#3c90b5; background-color:#ffffff; border: solid 1px #d7e5e9; margin:3px; padding:2px; text-decoration:none;}
a.linkBtn3:visited {vertical-align:middle; color:#3c90b5; background-color:#ffffff; border: solid 1px #d7e5e9;  margin:3px; padding:2px; text-decoration:none;}
a.linkBtn3:active {vertical-align:middle; color:#3c90b5; background-color:#ffffff; border: solid 1px #d7e5e9; margin:3px; padding:2px; text-decoration:none;}
a.linkBtn3:hover {vertical-align:middle; color:#ffffff; background-color:#3c90b5; border: solid 1px #d7e5e9; margin:3px; padding:2px;}

a.nav1:link {color:#004A79; text-decoration:underline;}
a.nav1:visited {color:#004A79; text-decoration:underline;}
a.nav1:active {color:#004A79; text-decoration:underline;}
a.nav1:hover {color:#2A72A1; text-decoration:underline;}

a.listBtn:link {vertical-align:middle; color:#2871A2; margin:3px; padding:3px; text-decoration:none;}
a.listBtn:visited {vertical-align:middle; color:#2871A2;  margin:3px; padding:3px; text-decoration:none;}
a.listBtn:active {vertical-align:middle; color:#2871A2; margin:3px; padding:3px; text-decoration:none;}
a.listBtn:hover {vertical-align:middle; color:#ffffff; margin:3px; padding:3px; background-color:#E39852;}

a.nav2:link, a.nav2:visited, a.nav2:active {color:#287ab2; text-decoration:underline;}
a.nav2:hover {color:#004A79; text-decoration:underline;}

/*Okna otmazok*/
.adjmodal {padding: 5px; background-color: #cbd5d8;font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.adjmodal div {background-color: #ddeaf2; border: solid 1px #667a7f; padding: 5px;}
.adjmodal div h3 {display: block; background-color: #eff5f9; border: solid 1px #acb7c2; padding: 7px; 
    color:#667a7f; font-size: 12px; font-weight: normal; margin: 5px;}
.adjmodal div h3 table {width: 100%; border-width: 0px;}
.adjmodal div h3 table tr td {width: 50%; border-width: 0px; text-align: left;}
.adjmodal div h3 table tr td div {background-color: #eff5f9; border: solid 1px #acb7c2; padding: 4px 7px; 
    color:#667a7f; font-size: 12px; font-weight: normal; width:60px;}
.adjmodal div h4 {background-color: #bac7cc; border: solid 1px #acb7c2; padding: 2px; color: White;
    font-size: 12px; font-weight: normal; margin: 5px;}
.adjmodal div h4 span {padding: 2px; display: block; }
.adjmodal input {background-color: White; border: solid 1px #939393; color: Black;}

.adjmodalHold {padding: 5px; background-color: #cbd5d8;font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;}
.adjmodaldiv {background-color: #ddeaf2; border: solid 1px #667a7f; padding: 5px;}
.adjCont {display: block; background-color: #eff5f9; border: solid 1px #acb7c2; padding: 7px; 
    color:#667a7f; font-size: 12px; font-weight: normal; margin: 5px;}
.adjTable {width: 100%; border-width: 0px;}
.adjTd {width: 50%; border-width: 0px; text-align: left;}
.adjmodaldivh3tabletrtddiv {background-color: #eff5f9; border: solid 1px #acb7c2; padding: 4px 7px; 
    color:#667a7f; font-size: 12px; font-weight: normal; width:60px;}
.adjContH4 {background-color: #bac7cc; border: solid 1px #acb7c2; padding: 2px; 
    font-size: 12px; font-weight: normal; margin: 5px;}
.adjSpan {padding: 2px; display: block; color: White;}
.adjInput {background-color: White; border: solid 1px #939393; color: Black;}

.btnSeparator {width: 100%; height: 16px; background-image: url(../Images/Payment/yellow_border_bottom.gif); margin-top: 1px;}

.checkRight div {float: right;}

.successmsg {border: solid 1px #83a1b5; background-color: #f9f9f9; color: #667a7f; margin: 70px 0px; padding: 25px 50px; font-size: 12px;}

.errmsg {border: solid 1px #992a2a; background-color: #f2dddd; color: #992a2a!important; margin: 10px 0px; padding: 15px 50px; font-size: 12px; z-index: 1000;}

.disableLinks a {color: Gray!important; cursor: default!important;}

.paytext {text-align:left; color: #828282;}

/* Demand Letters */

#divToolbar
{
	border: solid 1px #E99B51;
	background-color: #F7F8F8;
	padding: 7px 15px;
	position: absolute;
	display: none;
}
#divToolbar span
{
	color: #2E72A1;
}

.ToolbarButton
{
	background-color: White;
	border: solid 1px #E0E0E0;
	color: #8B8B8A;
	cursor: pointer;
	font-weight:normal;
	padding: 2px 4px 2px 2px;
}
.ToolbarButtonHover
{
	background-image: url(../Images/tool_btn_bgd.gif);
	border: solid 1px #717D8E;
	color: Black;
	cursor: pointer;
	font-weight:normal;
	padding: 2px 4px 2px 2px;
}

.SplitButton
{
	background-color: White;
	border: solid 1px #E0E0E0;
	color: #8B8B8A;
	cursor: pointer;
	font-weight:normal;
	padding: 2px 4px 2px 2px;
}
.SplitButton > a
{
	color: #8B8B8A;
	text-decoration:none;
}
.SplitButtonHover
{
	background-image: url(../Images/tool_btn_bgd.gif);
	border: solid 1px #717D8E;
	color: Black;
	cursor: pointer;
	font-weight:normal;
	padding: 2px 4px 2px 2px;
}
.SplitButtonHover > a
{
	color: Black;
	text-decoration:none;
}

.citDataListDemLet
{
    width: 100%;
    font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
    border-width: 0px;    
}

.citDataListDemLet td
{
	border-top: solid 1px #545454;
	padding-left: 3px;
}

.serialNumberDemLet
{
	width: 18%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

html>/**/body td.serialNumberDemLet
{
	width: 19%;
}

.plateNumberDemLet
{
	width: 18%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

html>/**/body td.plateNumberDemLet
{
	width: 19%;
}

.stateDemLet
{
	width: 18%;
	color: #304B60;
	font-weight: bold;
	text-align: left;
}

html>/**/body td.stateDemLet
{
	width: 19%;
}

.dateColDemLet
{
	width: 18%;
	text-align: left;
}

html>/**/body td.dateColDemLet
{
	width: 18%;
}

.isValidCol
{
	width: auto;
	text-align: left;
}

.selDivDemLet
{
	width: 85px;
	text-align: left;
	padding-left: 1px;
}

html>/**/body div.selDivDemLet
{
	width: 86px;
	padding-left: 11px;
}

.selDivHeaderDemLet
{    
	width: 85px;
	white-space: nowrap;
}

.selectColDemLet
{
	text-align: left;	
	width: 91px;
}

html>/**/body td.selectColDemLet
{
	padding-left: 0px;
}

.selectColHeadDemLet
{
	width: 85px;
	border-left-width: 0px;
	border-top: solid 1px #545454;	
	text-align: left!important;	
}

.ar {text-align: right;}

/*   Payments page   */
*:first-child+html .tdRP {padding-right: 20px;} * html .tdRP {padding-right: 20px;} 

.bucketTitle {font:10px/1.2 Verdana, Arial, Helvetica, sans-serif; color:#2A72A1;}
.even {background-color:#F8F8F8; border-bottom:1px solid #EAE5E1; }
.odd {background-color:#FFFFFF; border-bottom:1px solid #EAE5E1;}
.rowSelect td{background-color:#d0e6f4; border-bottom:1px solid #EAE5E1; font-weight: bold; }
.rowover {background-color: beige!important; cursor: pointer; border-bottom:1px solid #EAE5E1;}
.bucketOver
{
    background-color: #C6D8DF;
    border-bottom: 1px solid #D2CFCB;
    height: 15px;
    padding-top: 3px;
}

.bucketOut
{
    background-color: #E9EEF0;
    border-bottom: 1px solid #D2CFCB;
    height: 15px;
    padding-top: 3px;
}
#multContDiv {border-bottom: 1px solid #545454; border-top: 1px solid #545454;}
.hl
{
    /*color:blue;*/
    background-color:yellow;
}

/* Diagram */
.axises {height: 140px; width: 260px; 
    border: solid 2px #586872; 
    border-top-width: 0px;
    border-right-width: 0px;}
#diagramCont{height: 100%; width: 100%; position: relative;}
#diagramCont div {position: absolute;left:0px;}
.marking 
{
    border-width: 0px;
    border-left: solid 1px #586872; 
    height: 3px; 
    width: 1px; 
    bottom: -4px; 
    font-size: 1px;
    line-height: 1px;
}
.markingA 
{
    border-width: 0px;
    border-left: solid 2px #586872; 
    height: 4px; 
    width: 1px; 
    bottom: -5px; 
    font-size: 1px;
    line-height: 1px;
}
.markText 
{
    bottom: -14px; 
    font-size: 7px;
    font-family: Arial;
}
.bar 
{
    background-color: #e9eef0; 
    border: solid 1px #e0e0e0; 
    border-bottom-width: 0px; 
    height: 0px; 
    width: 19px; 
    bottom: 0px; 
    font-size: 1px;
    line-height: 1px;
}


/* END Diagram */

#divDataContainer a:link, #divDataContainer a:visited, #divDataContainer a:active {color:#287AB2;}
#divDataContainer a:hover {color:#489CD6;}

.titleBar
{
    width: 100%;
    font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
    border-width: 0px;    
}

.titleBar tr
{
	height: 29px;
	background-image: url(../images/payment/tblHeader_bgd_white.gif);
	background-repeat: repeat-x;
	color: #666666;
	font-size: 11px;
	border-collapse: separate;
}
.titleBar tr td
{
	text-align: left;
	font-weight: normal;
	padding: 0px 3px;	
	border-bottom: solid 1px #545454;
	border-right: solid 1px white;
	border-left: solid 1px #cccccc;
	background-image: url(../images/payment/tblHeader_bgd_white.gif);
	background-repeat: repeat-x;
}
.titleBar a, .titleBar a:link, .titleBar a:visited, .titleBar a:active 
{
    color: #666666;
	font-size: 11px;}
.titleBar a:hover 
{
    color: #7b7a7a;
	font-size: 11px;}
.titleBar img{ border-width: 0px;}

a.lnkst, a.lnkst:link, a.lnkst:visited, a.lnkst:active 
{
    color: #666666;
	}
	
.nobord {border-width: 0px;}
a.lnkst:hover 
{
    color: #7b7a7a;
}

.divActionMenu
{
	font-weight: bold; font-size: 13px; font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style:normal; font-variant:normal; line-height:1.2; position: absolute; text-align:left;
	display: none; z-index: 2; width: 164px; border:solid 1px #868686;
}	
.divActionMenu a 
{
	color: #287ab2; margin: 0px; padding: 6px 10px; background-color: #fafafa;
	font-weight: bold;  text-decoration: none; display: block; 
}
.divActionMenu a 
{
	color: #287ab2; margin: 0px; padding: 6px 10px; background-color: #fafafa;
	font-weight: bold;  text-decoration: none; display: block; 
}
.divActionMenu a:hover {background-color: #ffe6a0; color: #287AB2;}
 * html .divActionMenu a
{
   width: 100%;
} 

.ajax__calendar {height: 1px;}

.CheckBoxOnHold
{
    color: #F3F5F5;
    background-color: #99a6aa;    
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}

a.DisableLink
{ color: #808080!important;}

a.DisableLink:hover
{background-color:  #fafafa!important; }

a.ActiveLink
{ color: #287ab2; margin: 0px; padding: 6px 10px; background-color: #fafafa;
	font-weight: bold;  text-decoration: none; display: block; }
	
a.ActiveLink:hover
{ background-color: #ffe6a0; color: #287AB2; }
	
	
a.subtabBtn:link, a.subtabBtn:visited, a.subtabBtn:active {vertical-align:middle; color:#2871A2; margin:3px; padding:3px; text-decoration:none;}
a.subtabBtn:hover {vertical-align:middle; color:#ffffff; margin:3px; padding:3px; background-color:#E39852;}

a.subtabBtnSel:link, a.subtabBtnSel:visited, a.subtabBtnSel:active {vertical-align:middle; color:#2871A2; margin:3px; padding:3px; text-decoration:none; background: white;  border: solid 1px #666666;}
a.subtabBtnSel:hover {vertical-align:middle; color:#ffffff; margin:3px; padding:3px; background-color:#E39852; border: solid 1px #666666;}

.PaymantDetailsKey
{	
 color: #747575; text-align: right;
}

.divAppealDetailsDataContainer
{
	padding: 2px 2px 2px 2px; margin-bottom:0px; border-style:none; margin-top: 2px; width: 99%;
    height: 400px; overflow: auto; overflow-x: hidden; overflow-y: scroll;
}

.HelpLink
{
	color : #2c617c
}

.HelpLinkContainer
{font-size: 12px; margin: 10px 0px 10px 0px;}

.TopicTitle
{
	font-size: 18px;
	color: #304b60;
}	

.TopicText
{
	font-size: 12px;
	color: #304b60;
}

.HelpTopicText
{
	font-size: 12px; padding-top: 20px; color: #304b60
}

hr.TitleHrStyle
{
	margin-left: 0px; text-align:left;
}
	
*:first-child+html .AppealToolbar
 {top: 19px;}
  * html .AppealToolbar 
  {top: 19px;} 
	  
html>/**/body .AppealToolbar
  {top:16px;}


a.selInfoTab:link, a.selInfoTab:visited, a.selInfoTab:active
{
    display: block; padding: 3px 15px 3px 5px; 
    font-size: 12px; font-weight: bold; color: #828282; 
    text-decoration: none;
    background-image: url('../Images/Payment/AccountManager/selTab.gif');
    background-position:right center;
    background-repeat: no-repeat;
}
a.selInfoTab:hover {color: #adacac;}

#accountInfoTabs td {border-bottom: dotted 1px #adacac;}
a.accountInfoLink:link, a.accountInfoLink:visited, a.accountInfoLink:active 
{
    display: block; padding: 3px 15px 3px 5px; 
    font-size: 12px; font-weight: bold; color: #828282; 
    text-decoration: none;}

a.accountInfoLink:hover {color: #adacac;}
.nw
{
	white-space: nowrap;
	font-weight:bold;
}

.accountInfoTable {font-size: 11px; color: #595959; text-align: left;}
.accountInfoTable > tbody > tr > td {padding: 2px 6px;}

a.updateLink:link, a.updateLink:visited, a.updateLink:active 
{
    color: #83a1b5; text-decoration: underline; 
    font-weight:normal; font-size: 12px; 
    padding: 3px 15px 3px 5px; display: block; }
a.updateLink:hover {color: #9bbfd6!important;}

a.editLink:link, a.editLink:visited, a.editLink:active 
{
    color: #83a1b5; text-decoration: underline; 
    font-weight:normal; font-size: 12px;  }
a.editLink:hover {color: #9bbfd6!important;}

.rawDataDiv 
{
    width: 250px;
    height: 60px; 
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    background-image: none!important;
    border: solid 1px gray;
}
#divWorkListCont 
{
    height: 280px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;}
.workerror
{
    border-bottom: dotted 1px gray;
}
.selectTypePrint
{
	border: solid 1px Gray;
}
.noselectTypePrint
{
	border: none;
}