/* Common */
body{font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
div {font-size:11px;}
td {font-size:11px;}

/* Top Banner */
img#imgBanner{width:117px; height:42px; margin-left:-10px;}
.tblbanner{background:#FFF;}
.tblBlankBanner { background-image: url('../Images/Logos/bg_cowprint.gif'); background-repeat: repeat; background-attachment: scroll; background-position: 0% }
.sssTitleBar{color:#FFF; font-weight:bold; font-size:11px; background:#000; border-top:1px solid #FFF;}
.sssTitleBar a{color:#FFF;}

/* Menu */
form{margin:0;}
td.tdTopBlueCurve{display:none;}
td.tdBottomBlueCurve{display:none;}
table.tblMenu{background:#F4F4F4; border:1px solid #CCC;}
table.tblMenu td{width:0; height:0; margin:0;}
td.AlignCenterLeft{padding:1.8px 0 1.8px 0; white-space:nowrap; }
td.AlignCenterLeft a{margin:4px 0; font-size:10px; white-space:normal; color:#000;}
td.AlignCenterLeft span{margin:4px 0; font-size:10px; white-space:normal;color:#000;}
td.AlignCenterLeft img{float:left; width:18px; height:18px; margin:0;}
.tdMenuHdr{padding:4px 2px; width:100px; color:#FFF; font-weight:bold; font-size:10px; background:#000;}


/* Error */
.ErrBodyColor{background:#F4F4F4;}
.ErrTable{background:gainsboro}

/* Login */
.tblLogin{background:#FFF;}

/* Body */
.BodyColor{background:#FFF;}
.tblMainContainer{width:100%; height:100%; border-left:1px solid #CCC; background:#FFF;}
.tblWhite{margin:0; background:#FFF; border:0 none;}
.tblWhite2{margin:0; background:#FFF; color:#FFF;}
.tblColor{background:#F4F4F4}
.thColor{background:#F4F4F4}
.BlueLabel{color:#000; font-size:12px;}
.SelfCareCustMaintenance{color:#000; font-size:12px;}

/* Forms */
.Txtbox{color:#333333; border:1px solid #CCC; text-indent:2px;}
.TxtboxError{color:red; font:normal 11px Verdana; border:1px solid #CCC; text-indent:2px;}
.TxtboxCurrency {color:#333333; border:1px solid #CCC; text-indent:2px;}
.FeedbackLabel{background:wheat; font-size:12px; font-weight:bold}
.tblMain{margin:15px; padding:0; width:600px; border-collapse:collapse; background:#F4F4F4;}

.BillDetailsTotalAmountRow{font-weight:bold; color:#FFF; background:#0087b8;}
.BillDetailsPhoneNoRow{background:#D9F4FF;}
.BillDetailsCallRow {background:#CCC;}
.BillDetailsServiceTotalRow{background:#D9F4FF;}
.BillDetailsNoRecordsRow{background:#0087b8;}
.BillPaymentResponseCoWebSiteHyperLink{font-weight:bold; color:#0087b8;}

.readOnlyTxtBox{border:1px solid silver; color:#FFF; text-indent:2px; background:#0087b8;}
.FeedbackErr{font-size:10px; color:red;}
.tblValSummary{background:#D9F4FF;}

.SummaryGrid{margin-bottom:15px; font-weight:bold; font-size:8pt; color:#000000; background:#F4F4F4; border:1px solid #CCC;}
.BorderBlue{border:#0087b8 2px solid; background:#FFF;}
.DivMsg {background:#D9F4FF;}

.trSpacer{height:10px;}
.trSpacerLess {height:5px;}
.tdSpacer{height:10px;}
.tdTopCurve{text-align:right;}
.imgCurve{width:12px; height:9px;}
.rowSpacer{height:30px;}
.rowSpacerLess{height:20px;}

.spanHdr{color:#0087b8; font-size:12px; font-weight:bold}
.spanMenuHeading{color:#999; font-size:36px; font-weight:bold;}
.spanMenuHdrMain{color:#999; font-size:18px; font-weight:bold;}
.spanMenuHdr{color:#000; font-size:14px; font-weight:bold;}
.spanMenuComma{color:#D9F4FF; font-size:14px; font-weight:bold;}
.hrMenu{border:1px dashed #CCC; height:1px;}

.tdSilver{height:2px; background:#CCC;}
.lblAlign{text-align:right}
.tdBottomCurve {text-align:left;}

.sssHeading{font-weight:bold; color:#0087b8;}
.sssHeadingAmount{font-weight:bold; color:#0087b8; text-align:right;}
.sssHeadingLarge{font-weight:bold; font-size:13pt; color:#0087b8; text-align:center;}
.tdTopBlueCurve{height:12px; background:#0087b8; text-align:left;}
.tdBottomBlueCurve{height:12px; background:#0087b8; text-align:right;}

.reqMsg {font-weight:bold; font-size:8pt; color:red;}
.paymentHeading {font-weight:bold; font-size:14pt; color:red;}

.CellSpacer{width:30px;}
.rowHeight {height:25px;}

.AlignTopRight{text-align:right;}
.AlignTopLeft{text-align:left;}
.AlignTopCenter{text-align:center;}
.AlignBottomRight{text-align:right;}
.AlignBottomLeft{text-align:left;}
.AlignBottomCenter{text-align:center;}
.AlignCenterRight{text-align:right;}
.AlignCenterCenter{text-align:center;}

a{font-weight:normal; color:#0087b8; text-decoration:none;}
a:hover{color:#B11A0F; text-decoration:none;}

.CoNameLabel{font-weight:bold; font-size:13pt;}
.textBold{font-weight:bold}
.CoWebSite{font-weight:bold; color:red;}
.sssLabel{font-weight:bold; font-size:8pt; color:black; background:gainsboro}

.sssTextBox{border:1px solid silver; font-size:8pt; background:gainsboro;}
.Label{font-size:12px; text-align:left;}

tblBar{font-weight:bold; font-size:11px; width:100%; color:#FFF; background:cornflowerblue;}
.tblOutBorder{border:#cccccc 3px solid;}

.WhiteLabel{font-size:12px; color:#FFF; text-align:left;}
fieldset {font-size:8pt; color:blue}

.trMainHdr{font-weight:bold; height:20px; background:#0087b8; color:#FFF;}
.trServiceNo {background:#D9F4FF;}
.tdSubHdr{background:#cccccc;}
.tdServiceTotal{height:20px; background:#D9F4FF;}
.tdHeight{height:20px;}
.tdTCurve{text-align:left;}
.tdBCurve{text-align:right;}

.dialogBoxMessage{font-size:15pt;}
.ErrorDialog{font-size:11pt; }
.tblExtraFeatures{padding:0; margin:10px; width:480px; border-collapse:collapse; background:#FFF; text-align:justify;}

a.hlForgotYourPassword:link{font-weight:bold; font-size:11px; color:black; text-decoration:underline;}
a.hlForgotYourPassword:visited{font-weight:bold; font-size:11px; color:black; text-decoration:underline;}
a.hlForgotYourPassword:hover{font-weight:bold; font-size:11px; color:#ffcc99; text-decoration:underline;}
a.hlSessionTimeOut:link{font-weight:bold; font-size:15px; text-decoration:underline;}
a.hlSessionTimeOut:visited{font-weight:bold; font-size:15px; text-decoration:underline;}
a.hlSessionTimeOut:hover{font-weight:bold; font-size:15px; color:navy; text-decoration:underline;}

.lowText{font:12px Arial, Helvetica; color:#000000; text-decoration:none;}
.highText{font:12px Arial, Helvetica; color:#ffffff; text-decoration:none;}

.itemBorder{border:#666666 1px solid;}
.itemBorderBlank{border:1px solid #ccccdd;}

.buttonText{font:bold 12px Arial, Helvetica; color:#AAA; text-decoration:none;}
.buttonHover{padding:1px; font:bold 12px Arial, Helvetica; color:#0087b8; text-decoration:none;}
.buttonBorder{border:1px outset #339966;}
.buttonBorderOver {border:1px inset #cc9966;}

.AspGrid{font-size:8pt; background:#F4F4F4;} 
.AspGrid td{padding:2px; border-color:#FFF;}
.AspGridHover {font-size:8pt; background:#D9F4FF;}
.AspGridHdr{font-weight:bold; color:#FFF; background:#0087b8;}

.datagrid{width:100%;}
.datagrid_heading TD {border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-weight:bold; color:#000; background:#D9F4FF; text-align:center;}
.datagrid_heading_small td{border:white 1px solid; font-weight:bold; font-size:8pt; background:#D9F4FF; text-align:center;}
.datagrid_white td{padding-right:10px 1px; border:1px solid #FFF; font-size:8pt; color:#000; background:#FFF}
.datagrid_white a{color:black; text-decoration:underline;}
.datagrid_white a:visited{color:gray; text-decoration:underline;}
.datagrid_white a:hover {color:black; text-decoration:underline;}
.datagrid_light td{padding-right:10px 1px; border:1px solid #FFF; font-size:8pt; color:#000; background:#eeeeee;}
.datagrid_light a{color:black; text-decoration:underline;}
.datagrid_light a:visited {color:gray; text-decoration:underline;}
.datagrid_light a:hover {color:black; text-decoration:underline;}
.datagrid_dark td{padding-right:10px 1px; border:1px solid #FFF; font-size:8pt; color:#000; background:#acacac;}
.datagrid_dark a{color:black; text-decoration:underline;}
.datagrid_dark a:visited{color:gray; text-decoration:underline;}
.datagrid_dark a:hover{color:black; text-decoration:underline;}