/*---------------------------------STYLES FOR GRID AND FORM CONTROL-----------------------*/


h1
{
	color: #07265A;
	font-size: 15px;
	font-family: Tahoma;
}
.errorMsg
{
	color: #ff0000;
	font-size: 11px;
	font-family: Tahoma;
}
.errorTD
{
	text-align: center;
}
.errorDiv
{
	text-align: center;
	height: 15px;
	padding-top: 5px;
	clear: both;
	margin: 0px auto;
}
.tblForm
{
	width: 600px;
	margin: 0px auto 10px auto; 
	border-collapse: collapse;
	border-width: 1px;
	border-color: #f5f5f5;
	border-style: solid;
}
.tblForm td
{
	height: 20px;
}
.tblForm .pageTitle
{
	width: 750px;
	height: 20px;
	text-align: left;
	font-family: Arial, Tahoma, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #1D3660;
    text-decoration: none;
	padding: 10px 0px 15px 0px;
}
.tblForm .secTitle
{
	width: 740px;
	height: 20px;
	background-color: #B8D7EF;
	/*background: url('../Images/pixTitleBack.gif') repeat-x left top;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
	color: #151515;
	clear: both;
}
td.secTitle
{
	height: 20px;
	background-color: #B8D7EF;
	/*background: url('../Images/pixTitleBack.gif') repeat-x left top;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
	color: #151515;
	clear: both;
}
.secForm
{
	display: block;
	width: 300px;
	height: 75px;
	float:left;
	padding-top: 10px;
}
.secForm .row
{
	width: 300px;
	padding-bottom: 6px;
}
.secForm .row .lftField
{
	width: 110px; 
	height: 20px;
	float: left;
	padding-left: 10px;
}
.secForm .row .rgtField
{
	width: 175px; 
	height: 20px;
	float: left;
}
.totSummary
{
	width: 240px;
	float: right;	
}
.totSummary .lftTD
{
	vertical-align: middle;
	text-align: right;
	width: 40%;
	padding-bottom: 3px;
}
.totSummary .rgtTD
{
	vertical-align: middle;
	text-align: right;
	width: 60%;
	padding-bottom: 3px;
}
.totSummary .rgtTD input
{
	height: 16px;
	text-align: right;
}
.tblForm .secHDRTitle
{
	height: 20px;
	background-color: #B8D7EF;
	vertical-align: middle;
	text-align: center;
	color: #151515;
}
div.secHDRTitle
{
	width: 745px;
	height: 20px;
	padding: 5px 0px 0px 5px;
	font-weight: bold;
	background-color: #6594BA;
	vertical-align: middle;
	text-align: left;
	color: #151515;
	border-bottom: solid 1px #fff;
}
div.secHDRTitle img
{
	margin-right: 10px;
	float:right;
}
div.secSibling
{
	width: 750px;
	height: auto;
	padding-bottom: 10px;
}
.secTitle b
{
	color: #151515;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
}
.secTitle .btnBack
{
	cursor:pointer;
	float: right;
	width: 33px;
	height: 13px;
	margin-right: 10px;
	background: url('../Images/btnMiniBack.gif') no-repeat left top;
	
}
.tblForm .tdSubLinks
{
	width: 740px;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	vertical-align: middle;
	text-align: right;
	color: #151515;
}
.tblForm .tdSubLinks a
{
	padding-left: 10px;
	color: #000000 !important;
	text-decoration: none;
}
.tblForm .tdSubLinks a:hover
{
	padding-left: 10px;
	color: #000000 !important;
	text-decoration: underline;
}
.tblForm .dummySpace
{
	width: 740px;
	height: 10px;
	padding-top: 10px;
}
.tblForm .tabCriteria
{
	width: 748px;
	height: 59px;
	vertical-align: top;
	padding: 0px !important;
	margin: 0px !important;
}
/*.tabStrip
{
	display: block;
	height: 24px;
}
.tabStrip .lnkTabButton
{
	display: block;
	float: left;
	width: 124px;
	height: 20px;
	color: #222222;
	padding-top: 4px;
	margin-right: 2px;
	text-align: center;
	text-decoration: none;
	background: url('../Images/tabNormal.gif') no-repeat left top;
}
.tabStrip .lnkTabButton:hover
{
	background: url('../Images/tabOver.gif') no-repeat left top;
}*/
.tabByMonth, .tabByDate
{
	display: block;
	height: 43px;
	padding-top: 15px;
	padding-left: 100px;
	background-color: #E9F3FB;
	border: solid 1px #B6C2CC;
}
.tblForm .navigatorStrip
{
	width: 740px;
	height: 20px;
	padding-top: 5px;
	text-align: right;
}
.tblForm .navigatorStrip a
{
	width: auto;
	vertical-align: middle;
	text-decoration: none;
	padding-right: 10px;
	background: url('../Images/lnkBullet1.gif') no-repeat right center;
	color: #00278B;
	font-variant: small-caps;
}
.navigatorStrip
{
	width: 740px;
	height: 20px;
	padding-top: 5px;
	text-align: right;
}
.navigatorStrip a
{
	width: auto;
	vertical-align: middle;
	text-decoration: none;
	padding-right: 10px;
	background: url('../Images/lnkBullet1.gif') no-repeat right center;
	color: #00278B;
	font-variant: small-caps;
}
.tblForm .dummyHide
{
	width: 740px;
	height: auto;
    empty-cells: hide;
}
.tblForm .tdLeft
{
	width: 210px;
	height: 15px;
	vertical-align: middle;
	text-align: right;
	padding: 5px 10px 5px 0px;
	font-size: 11px;
	color: #222222;
}
.tblForm .tdRight
{
	width: 330px;
	height: 15px;
	vertical-align: middle;
	padding: 5px 0px 5px 10px;
	text-align: left;
	font-size: 11px;
	color: #222222;
}
.tblForm .tdComment
{
	width: 190px;
	height: 15px;
	vertical-align: middle;
	padding: 5px 0px 5px 10px;
	text-align: left;
	font-size: 11px;
}
.tblForm .tdProfVal
{
	width: 510px;
	height: 15px;
	vertical-align: middle;
	padding: 5px 0px 5px 20px;
	text-align: left;
	font-size: 11px;
	color: #222222;
}
.tblForm .tdSep
{
	width: 20px;
	height: 15px;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-size: 11px;
}
.tblForm .tdComment .elemValidator
{
	text-align: left;
	font-size: 11px;
	color: #ff0000;
}
.btnContinue
{
	border: none;
	width: 94px;
	height: 27px;
	background: url('../images/btnContinue.gif') no-repeat left top;
}
.lnkButton
{
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, MS Sans Serif;
	font-weight: bold;
	color: #0047CA;
	text-decoration: none;
}
.lnkButton:hover
{
	text-decoration: underline;
}
.btnUpdate
{
	width: 100px;
	height: 22px;
	border-style: none;
	background: url('../Images/btnUpdate.gif') no-repeat left top;
}
.btnSubmit
{
	width: 100px;
	height: 22px;
	border-style: none;
	background: url('../Images/btnSubmit.gif') no-repeat left top;
}

/*---------------------------GRID CONTROL SETTINGS-----------------------------*/
.colSpacer
{
	width: 5px;
}
.gridHoldTD
{
	width: 750px;
	height: 20px;
	vertical-align: top;
	text-align: center;
	padding-top: 10px;
}
.gridControl
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color:#333333;
	text-transform: capitalize;
	text-align: left;
	border-collapse: collapse;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	width: 750px;
	margin: 0px auto;
}
.gridControl th
{
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.gridControl td
{
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.emptyGridControl
{
	text-align: center;
	background-color: #f3f3f3;
	height: 22px;
}
.fldEmail
{
	text-transform: lowercase !important;
}
.gridHeader
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	border-bottom: solid 1px #B3B3B3;
	background-color: #B8D7EF;
}
.gridHeader .allowSortNeutral
{
	text-decoration: none;
	background: #B8D7EF url('../Images/icoSortNeutral.gif') no-repeat right 10px;
}
.gridHeader .allowSortDown
{
	text-decoration: none;
	background: #B8D7EF url('../Images/icoSortDown.gif') no-repeat right 10px;
}
.gridHeader .allowSortUp
{
	text-decoration: none;
	background: #B8D7EF url('../Images/icoSortUp.gif') no-repeat right 10px;
}
.gridPager
{
	height: 25px;	
	vertical-align: middle;
	background-color: #ECF1F9;
	color: #143368;
}
.gridFooter
{
	
}
.gridRowNormal
{
	background-color: #ffffff;
	height: 25px;
}
.gridRowAlternate
{
	background-color: #f3f3f3;
	height: 25px;
}
.gridItemStyle
{
	padding-left: 5px;
}
.gridHeaderStyle
{
	padding-left: 5px;
}
.divLogin
{
	width: 485px; 
	height: 170px; 
	padding: 45px 20px 10px 10px; 
	background: url('../Images/imgLogin.jpg') no-repeat left top;
}
.fldName
{
	width: 120px;
	color: #000000;
}
.fldValue
{
	width: 160px;
}
.fldVldr
{
	width: 20px;
}
.logDummy
{
	padding-bottom: 7px;
}
.divLogin table td
{
	padding-bottom: 4px;
}
.logAnc
{
	font-size: 12px;
	color: #000000 !important;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
}
.logAnc:hover
{
	font-size: 12px;
	color: #0000ff !important;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
}
.mnuStrip
{
	display: block;
	width: 100%;
	height: 20px;
	background-color: #6080A6;
	text-align: center;
	padding-top: 5px;
}
.mnuBar
{
	height: 25px;
	width: auto;
	background-color: #6080A6;
	text-align: center;
}
.mnuBar a
{
	display: inline !important;
	width: auto;
	color: #ffffff !important;
	height: 20px !important;
	padding: 5px 10px 0px 10px !important;
	border-right: solid 1px #ffffff;
}
.mnuBar a:hover
{
	color: #000000 !important;
}
.gridTopDiv, .gridBottomDiv
{
	display: block;
	height: 26px;
	padding-top: 4px;
	text-align: left;
	padding-left: 5px;
	background-color: #E6E6E6;
	border-bottom: solid 1px #fff;
}
.gridTopDiv a, .gridBottomDiv a
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.gridTopDiv a:hover, .gridBottomDiv a:hover
{
	color: #000;
}
.gridTopDiv .lnkButton, .gridBottomDiv .lnkButton
{
	display: inline;
	float: left;
	width: auto;
	height: 22px;
	margin-right: 5px;
}
.gridTopDiv .lnkButton a, .gridBottomDiv .lnkButton a
{
	display: inline-block;
	width: auto;
	height: 22px;
	padding: 4px 10px 0px 10px;
}

.gridTopDiv .blue, .gridBottomDiv .blue
{
	background: url('../Images/gBtnBlueRight.gif') no-repeat right top;
}
.gridTopDiv .blue a, .gridBottomDiv .blue a
{
	background: url('../Images/gBtnBlueLeft.gif') no-repeat left top;
}
.gridTopDiv .purple, .gridBottomDiv .purple
{
	background: url('../Images/gBtnPurpleRight.gif') no-repeat right top;
}
.gridTopDiv .purple a, .gridBottomDiv .purple a
{
	background: url('../Images/gBtnPurpleLeft.gif') no-repeat left top;
}
.gridTopDiv .green, .gridBottomDiv .green
{
	background: url('../Images/gBtnGreenRight.gif') no-repeat right top;
}
.gridTopDiv .green a, .gridBottomDiv .green a
{
	background: url('../Images/gBtnGreenLeft.gif') no-repeat left top;
}
.gridTopDiv .gold, .gridBottomDiv .gold
{
	/*float: right;*/
	background: url('../Images/gBtnGoldRight.gif') no-repeat right top;
}
.gridTopDiv .gold a, .gridBottomDiv .gold a
{
	background: url('../Images/gBtnGoldLeft.gif') no-repeat left top;
}

/*-------------------------BUTTON STYLE & MISCELLANEOUS-----------------------------------*/
input
{
	font-size: 11px;
	color: #222222;
}
select
{
	width: 150px;
	height: 18px;
	border: solid 1px #BAC5CF;
	font-size: 11px;
	color: #222222;
}
.btnStyle1
{
	width: 75px;
	height: 22px;
}
.myInput
{
	width: 150px;
	height: 18px;
	border: solid 1px #BAC5CF;
	font-size: 11px;
	color: #222222;
}
.dropdownlist
{
	width: 155px;
	height: 22px;
	border: solid 1px #BAC5CF;
	font-size: 11px;
	color: #222222;
}
/*----------------------------------LOGIN PAGE DESIGN*-------------------------------------------*/

.divLoginPage
{
	width: 266px; 
	height: 250px;
	margin-top: 150px;
	padding-left: 100px; 
	padding-top: 85px;
	text-align: left; 
	background: url('../Images/imgLogin.jpg') no-repeat left top;
}
.divLoginPage .fldName
{
	padding-top: 5px;
	width: 100%;
	height: 15px;
	color: #004165;
}
.divLoginPage .fldValue
{
	width: 100%;
	height: 20px;
	color: #004165;
}
.divLoginPage .fldValue input
{
	width: 150px;
	height: 18px;
	background-color: #ffffff;
	border: solid 1px #628BA2;
}
.divLoginPage .fldValue a
{
	text-decoration: none;
	color: #004165;
}
.divLoginPage .remMe
{
	text-decoration: none;
	color: #004165;
	vertical-align: middle;
}
.divLoginPage .remMe input
{
	vertical-align: middle;
}
.divLoginPage .divLSubmit
{
	height: 72px;
	width: auto;
	text-align: right;
	padding-right: 30px;
}
.btnLSubmit
{
	height: 72px;
	width: 69px;
	background: url('../Images/btnLogin.png') no-repeat left top;
}
/*------------------------------------END OF LOGIN---------------------------------------------*/

.FormFld{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }
	
/*------------------------------------------CHECK TABLE----------------------------------------*/
.tblCheck
{
	width: 320px;
}
.tblCheck td
{
	padding-bottom: 10px;
}
#CBLCustomer,  
#CBLService, 
#CBLProduct, 
#CBLDomain, 
#CBLHost, 
#CBLSSL, 
#CBLSoftwere, 
#CBLPayments, 
#CBLInvoice
{
	margin-left: 20px;
}
.mAncGrid, .mAncGrid a
{
	text-decoration: none;
	color: #00f;
}
.mAncGrid a:hover
{
	text-decoration: underline;
	cursor: pointer;
}
.sLinkItem
{
	width: 350px;
	height: 100px;
	display: block;
}
.sLinkItem .dvLeft
{
	width: 100px;
	height: 100px;
	float: left;
}
.sLinkItem .dvRight
{
	width: 250px;
	height: 100px;
	float: left;
	font-size: 11px;
	color: #555;
}
.sLinkItem .dvRight .title
{
	display: block;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #0A3F75 !important;
	padding-bottom: 5px;
}
.sLinkItem .dvRight a
{
	font-size: 11px;
	color: #A5C0CF;
	text-decoration: underline;
}
.divTotSum
{
	float: right;
	width: 260px;
	margin: 0px 0px 0px auto;
}
.divTotSum .fldName
{
	padding-right: 10px;
	width: 120px;
	height: 20px;
	float:left;
	text-align: right;
}
.divTotSum .fldValue
{
	width: 130px;
	height: 20px;
	float: left;
	text-align: right;
}