@import url(/debit/2.0/voiceboom/css/global_classes.css);
body {
	margin: 0;
	padding: 0;
	background: #F3F3F3;
	font-family: Arial;
	color: Black;
	font-size: 12px;
}

a {
	color: #C51200;
	font-size: 12px;
	text-decoration: none;	
}
a:hover {color: #6C6B6B;}

h1 {
	background: url(/debit/2.0/voiceboom/Images/h1bg.gif) no-repeat left;
	margin: 0 0 10px 0;
	padding: 0 0 0 22px;
	height: 57px;
	line-height: 57px;
	font-size: 18px;
	font-weight: bold;
	color: White;
}

h2 {
	color: #CD1106;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
div#wrapper {
	background: #ffffff;
	position: relative;
	width: 780px;
	left: 50%;
	margin-left: -390px;
}

div#header {
	background: url(/debit/2.0/voiceboom/Images/topredstip.gif) repeat-x top;
	padding: 4px 0 0 0;
	text-align: right;
}
div#footer {
	background: url(/debit/2.0/voiceboom/Images/bottomredstip.gif) repeat-x top;
	padding: 10px 0;
	position: relative;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	font-size: 11px;
}
div#footer a {font-size: 11px;}

div#main {
	width: 770px;
	margin: 0 0 0 5px;
}

div#top-menu table td {
	background: url(/debit/2.0/voiceboom/Images/navbg.gif) repeat-x;
	text-align: center;
}
div#top-menu table td a {
	display: block;
	line-height: 22px;
	color: #292929;
	font-weight: bold;
	text-decoration: none;
}
div#top-menu table td a:hover {
	color: #C51200;
}

/* LOGIN PAGE */

div#login {
	width: 510px;
	position: relative;
	left: 50%;
	margin-left: -255px;
}

div.login-box-top {
	background: url(/debit/2.0/voiceboom/Images/regtopbox.gif) no-repeat; 
	height: 55px;
}
div.login-box-top h2 {
	line-height: 50px;
	margin: 0 0 0 30px;
}
div.login-box-mid {
	background: url(/debit/2.0/voiceboom/Images/regmiddlebox.gif) repeat-y; 
	padding: 0 0 0 35%;
}
div.login-box-bot {
	background: url(/debit/2.0/voiceboom/Images/regbotbox.gif) no-repeat; 
	height: 78px;
}

.login-box-mid #ctl00_cphRet_SiteLogin_btnLogin {
	margin: 0 0 10px 0;
}


#ctl00_cphCust_SiteLogin_txtSecCode,
#ctl00_cphCust_SiteLogin_txtPin,
#ctl00_cphRet_SiteLogin_txtPin,
#ctl00_cphRet_SiteLogin_txtSecCode
 {width:141px}


/* ALL INPUTS --------------------------------------------------------------------*/
.input-style,
#ctl00_cphRet_ucRefund1_txtAmount,
.PhoneTextBox,
.debitinput,
div#login input {
	border: 1px solid #333;
}

.PhoneTextBox {width:43px;}

.currency-input,
#ctl00_cphRet_ucRefund1_txtAmount {
	padding: 0 0 0 7px;
	background-image: url(/debit/2.0/Boss/Images/dollar.gif);
	background-position: 2px 60%;
	background-repeat: no-repeat;
}

/* ALL BUTTONS -------------------------------------------------------------------*/
.btn1,
.btn2,
.btn4,
#ctl00_cphRet_ucManAgents_btnEdit,
#ctl00_cphRet_ucRefund1_btnSubmit,
.btn,
.btn-topup-customer {
	background: #9e0203 url(/debit/2.0/voiceboom/Images/button-arr.gif) no-repeat right;
	padding: 1px 13px 3px 5px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	border: 0 !important;
}

.buttons_div .btn4 {
display:block;
float:right;
height:21px !important;
margin-right:0 5px;
}

.deleteCC a, 
.deleteRechargeCC a, 
a#ctl00_cphRet_update_lnbDeleteCC, 
a#ctl00_cphRet_RechargeCntrl_lnbDeleteCC, 
a#ctl00_cphRet_lnbDeleteCC {
	background: #9e0203 !important;
	padding: 3px 10px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	border: 0 !important;
	filter: none !important;
}
.deleteCC a img, 
.deleteRechargeCC a img {
	border:medium none;
	margin-right:5px;
}
/* INSIDE PAGES ------------------------------------------------------------------*/

ul#inside-menu {
	width:160px;
	float:left;
	padding:0;
	margin:0 10px 10px 10px;
}

ul#inside-menu a {
	display: block;
	background: #9e0203;
	color: #ffffff;
	font-weight: bold;
	margin: 1px 0;
	padding: 5px;
	text-decoration: none;
	font-size: 11px;
}
ul#inside-menu a:hover {
	background: #C51200;
}
#inside-main {
/*	background: #eeeeee;*/
	float: left; 
	width: 550px;
	padding: 5px;
	margin: 5px 0 10px 10px;
}

/* blockquote */
blockquote#important {
	font-size:12px;
	padding:0 10px 10px 10px;
	margin:10px 10px;
	background:white;
	width:93%;
}

#important b {line-height:32px;color:red}


#important SPAN {display:block;margin-top:10px;}


#important br {display:block;}
	
#important p {padding:0;margin:0 0 10px 0;}

/* Billing history -------------------------------------------------------------------*/

.TabSelected,
.TabDefault 
 {
	float:left;
	width:23%;
	border:1px #900 solid;
	padding:5px 3px;
	text-align:center;
	border-bottom:none;
	margin-right:2px;
}
#ctl00_cphRet_UcTransDet_pnlTabRecharge			 {width: 20%;}
#ctl00_cphRet_UcTransDet_pnlTabTopup			 {width: 34%;}
#ctl00_cphRet_UcTransDet_pnlTabLatestCommissions {width: 40%;}

.TabSelected {
background:white;
}

.TabSelected a {
text-decoration:none;
color:#000000;
cursor:default;}


.TabDefault {
background:#E4E4E4;
}

.TabDefault a {
color:#666;
text-decoration:none;

}


.tabbody {
	background:white;
	padding:0px 10px 10px 10px;
	border:1px #900 solid;
	clear:both;
}

#ctl00_cphRet_UcTransDet_gridTransactions TD,
#ctl00_cphRet_UcTransDet_gridTransactions
 {border:none;
 font-size:12px;
 padding:3px}

#ctl00_cphRet_UcTransDet_gridTransactions {width:100%}

#ctl00_cphRet_UcTransDet_gridTransactions TH {
	font-weight:bold;
	padding:0;
}
		
.gridTransactionsBg2 {
background:#ffe6e6;
text-align:center;
}

.gridTransactionsBg1 {
background:#e4e4e4;
text-align:center;
}

div.head-names {
	background: #6d5c5c;
	color:white;
	text-align:center;
	padding: 8px 2px;
}
div.head-sort-arrows {height:20px;}
div.head-sort-arrows img {border:0;}


#ctl00_cphRet_UcTransDet_gridTransactions TH A,
#ctl00_cphRet_UcTransDet_gridTransactions TH A:visited {color:white;font-size:12px;}

#ctl00_cphRet_trans_pnlTrans tr.TrHdrBg img, #calls_PaneCalls tr.TrHdrBg img {display:none}

#inside-main .frm span {
	display:block;
	float:left;
	margin:0;
	padding:5px;
	width:45%;
}

/* Refund -------------------------------------------------------------------------*/

#ctl00_cphRet_ucRefund1_lblTitle {
	display:block;
	padding:10px 0;
}
#ctl00_cphRet_ucRefund1_btnSubmit {
	float:right;
	margin:20px 0;
}

/* Recharge ---------------------------------------------------------------------- */
table.SSLTbl td {padding-right:10px;}

#ctl00_cphRet_RechargeCntrl_pnlVerisignTerms {
	padding: 10px;
}
.recharge .InnerTblBg div {margin: 5px 0;}
table.controlTbl {width: 100%;}
.controlTbl .tdLeft {
	font-weight:bold;
	width:40%;
}

.btnTbl {
	text-align: right;
}

.controlTbl .tdLeft, 
.controlTbl .tdright {
	padding:5px 10px;
}

/* Update -------------------------------------------------------------------------*/
.update .InnerTblBg td {
	text-align:left;
	white-space:nowrap;
}
.instxt {
	font-weight:bold;
	padding:8px 0 8px 15px;
	text-align:left;
	width:30%;
}

#ctl00_cphRet_UcAutRech_ctl00_body .update .InnerTblBg td {
	white-space:normal;  
}

#ctl00_cphRet_UcAutRech_PageTitle3 {margin:10px 0;display:block}

td.ttl,
.sectionhdr,
h3 {
	background: #e4e4e4;
	color:#651717;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:3px;
}

h3 {float:left;width:100%;margin:0 0 10px 0}

#ctl00_cphRet_UcManage_btnSMS {
float:right;
margin:15px 0 5px;
}
#ctl00_cphRet_UcManage_btnContact {
float:right;
}

td.deleteCC {text-align: right !important;}


/* INVISIBLES */
#ctl00_cphRet_SiteLogin_valSummaryNew_lblErrorHeader,
#ctl00_cphRet_update1_lblError br,
#ctl00_cphRet_ucRefund1_lblCurrencySymbol,
#ctl00_cphCust_SiteLogin_valSummaryNew_lblErrorHeader
{display: none !important;}





.complete-rightpane 
{
        float:left;
        width:50%;
	    background:white;
	    margin-bottom:10px;}



.Info-complete
 {
	padding: 0;
	color: #000000 !important;
	font-family:Arial;
	font-size: 12px;
	display: block;
	margin:0;
	background: #F4D5D2;
	float:left;
	width:100%;
}


#ctl00_cphCust_UcMoveService_lblMsg {font-weight:bold;font-size:12px;color:red}


.Info-complete span 
{
    margin:15px;
    display:block}

.Info-complete IMG {margin:0 5px 0px 0}
.complete-rightpane .end-message IMG {margin:0 5px 0 15px}



#inside-main .complete-rightpane br {display:block;clear:both;font-size:12px;}


.complete-rightpane .btn1 
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    width:152px;
    float:right;
    line-height:24px;
    padding:0;
    margin:10px 0 0 0;
    height:24px;
    cursor:pointer;}



.complete-rightpane .section {
    padding:15px;
    float:left;
    border-bottom:2px #F4D5D2 solid;
}

.end-message {
    background:#FFEB52 none repeat scroll 0 0;
    float:left;
    font-weight:bold;
    padding:15px 0;
    width:100%;
}


.complete-rightpane .hr {padding:1px;line-height:2px;font-size:1px;}


.complete-rightpane .Progress {padding:15px;
    float:left;}


.zebra1, .zebra2
	{padding:5px;
	margin:0px 0;
	border-bottom:2px #E4E4E4  solid;
	background:#ffffff
	}
	
#dvWrap {width:272px;margin-top:10px;}
	#dvWrap div {cursor:pointer}

.service-numbers, .service-numbers table {margin:5px 0}

#ctl00_cphRet_ucTopup_btnSetUpAutoRecharge {width:200px;}

#ctl00_cphRet_UcAutRech_tbContainer_ctl00_update1_panelCC input {width:98%}

#ctl00_cphRet_UcAutRech_tbContainer_header {width:530px!important;}
#ctl00_cphRet_UcAutRech_tbContainer_body {width:512px!important;}

#ctl00_cphRet_UcAutRech_tbContainer_ctl01 br {display:none}

#ctl00_cphRet_UcAutRech_tbContainer_body #ctl00_cphRet_UcAutRech_tbContainer_ctl01_pnlSuccessMessageRecharge #buttonsBtnDonerecharge {display:none}



#info {
			width:400px!important;
			border-top:1px solid #353535;
			border-left:1px solid #353535;
			border-right:2px solid #353535;
			border-bottom:2px solid #353535;
			padding:40px 0 0 0;
	
			background:url(/debit/2.0/voiceboom/images/popup-logo.gif) left top no-repeat #faf7cf;

		top:100px !important;
		left:382px!important;
}		

#info input {
			left:370px;
			position:absolute;
			top:5px;
			border:0;
			background:url(/debit/2.0/voiceboom/images/btn-close.gif) no-repeat;
			width:23px;
			height:23px;
			cursor:pointer;
			}	 
			
#info P {padding:5px!important}						

#info .news-msg {padding:10px}

.header .btn1 {margin:10px}

#UcTransDet_ddlDateRange {width:100%}





.pdf-lnk {
background:url('/debit/2.0/Boss/Images/icon_pdf_big.png') no-repeat center left;
padding:10px 0 5px 32px!important;
line-height:32px;
display:block;
}








/* ---------------------------- Print Invoice all ----------------------------------- */

#PrintInvoicePopup {
	background:#fff;
	float:left;
	min-height:700px;
	padding:10px}

#PrintInvoicePopup h2 {
color:#D10B08;
font-size:18px;
text-transform:capitalize;
margin:0 0 10px 0!important;
padding:0!important;
width:100%;
}


#PrintInvoicePopup .lbl,
#PrintInvoicePopup .fld {
	float:left;
	background:#fff;
	width:43%!important;
	padding:8px 12px;
	font-size:13px;
	border-top:1px #FAF8CE solid;
	height:16px;
}

#PrintInvoicePopup .btn1 {margin:13px 4px;float:right}


#PrintInvoicePopup .fld {font-weight:bold}




/*     -------------------------- page -----------------------    */



#PrintInvoice #PrintInvoicePopup {
	float:left;
	min-height:inherit;
	padding:0;
	margin-top:15px;
	width:95%}

#PrintInvoice #PrintInvoicePopup h2 {
color:#D10B08;
font-size:18px;
text-transform:capitalize;
margin:0 0 10px 0!important;
padding:0!important;
width:100%;
}


#PrintInvoicePopup .lbl,
#PrintInvoicePopup .fld {
	float:left;
	width:44%!important;
	padding:5px 12px;
	font-size:13px;
	border-top:1px #B1AEA0 solid;
	background:none
}


#PrintInvoice #PrintInvoicePopup input {display:none}






.billinghistory .mainbody div select, .billinghistory .mainbody div input {
font-family:Arial,Helvetica,sans-serif;
width:98%;
}

.billinghistory .mainbody div.fld,
.billinghistory .mainbody div.lbl {margin:5px 0;} 

.billinghistory .mainbody div.fld select, .billinghistory .mainbody div.fld input {
font-family:Arial,Helvetica,sans-serif;
width:98%!important;
}

#UcTransDet_btnSubmit {margin-top:16px!important;}



.service-numbers .btn2,
#UcTransDet_btnPrint,
.btn4 {width:139px!important;margin-left:4px!important;}


#ctl00_cphRet_SiteSplash_pnlBatOk {
display:none;
}

.splash-logout {float:right;padding:10px 0!important}


#ctl00_cphRet_UcTopUpUndo_btnUndoTrans {margin:0 0 10px 0}



#ctl00_cphRet_ucTopup_lblComplete_Balance {font-size:16px!important}
		
.buttons_div {margin:10px 0}		

#ctl00_cphRet_UcTopUpUndo_pnlTransactionData .SignupField,
#ctl00_cphRet_UcTopUpUndo_pnlTransactionData .SignupLbl
 {float:left;
 margin:10px 0}

#ctl00_cphRet_UcTopUpUndo_pnlTransactionData .SignupField {width:43%}
#ctl00_cphRet_UcTopUpUndo_pnlTransactionData .SignupLbl {width:30%}


#ctl00_cphRet_UcTopUpUndo_pnlTransactionData BR {clear:both;display:none}
#ctl00_cphRet_UcTopUpUndo_pnlTransactionData {float:left;background:#EFEAD2; padding:0 10px; margin:10px 0}


#ctl00_cphRet_SiteSplash_dvBalanceLinks {float:right;width:75px!important;padding:0;margin:0}
	#ctl00_cphRet_SiteSplash_dvBalanceLinks a {margin:0;padding:0;}








.service-numbers .pad-v10,
.service-numbers {float:left;width:97%}



.service-numbers .lbl, .service-numbers .fld {
float:left;
font-size:16px;
padding:5px 0 !important;
font-weight:bold;
}


.customer-details {
float:left;
padding:0 !important;
width:65%;
}

.service-numbers .customer-details .lbl {
width:52%;
}

.service-numbers .customer-details .fld {
width:45%;
color:#3E4265;
font-weight:bold;
}

.service-numbers .fld input {
font-family:Arial, Helvetica, sans-serif;
background:#EFEAD2 none repeat scroll 0 0;
border:medium none;
color:#3E4265;
font-size:16px;
font-weight:bold;
margin:0 6px 0 0;
padding:0;
width:140px!important;
}

#ctl00_cphRet_ucTopup_btnManage {
margin-top:20px;float:right
}


.service-numbers #important {
float:left;
font-size:11px;
padding:0 !important;
text-align:left;
line-height:normal
}

.service-numbers #important b {display:block}






.tabs {
	border-bottom:1px solid #B0AB99;
	float:left;
	width:533px;
}

.tabs a {margin-bottom:-1px; text-decoration:none!important}

.tab-body
 {
padding:10px;
background:#EFEAD2;
float:left;
width:511px;

border-top:none;
border-left:1px #b0ab99 solid;
border-right:1px #b0ab99 solid;
border-bottom:1px #b0ab99 solid;
}





.TabSelected,
.TabDefault 
 {
	float:left;
	padding:5px 10px;
	text-align:center;
	border-bottom:none;
	margin-right:2px;


	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black!important;
	width:64px;
	height:28px;
	text-decoration:none;
	background:#EFEAD2!important;

border-bottom:1px #EFEAD2 solid;
border-top:1px #b0ab99 solid;
border-left:1px #b0ab99 solid;
border-right:1px #b0ab99 solid;


}

.TabDefault {
color:#666!important;
border:1px #b0ab99 solid;
background:#fff!important;
}




.TabSelected a {
text-decoration:none;
color:#000000;
cursor:default;
color:#a2a2a2;
text-decoration:none;
}


.tabbody {
	background:white;
	padding:0px 10px 10px 10px;
	border:2px #b6b6cc solid;
	clear:both;
}


.tab-body .debitNum, .tab-body .debitDesc {
width:90px;

border:1px solid #333333;
margin:1px 0;
}


.billing-search {float:left;width:100%}
.billing-search div {float:left;width:49%;padding:8px 0;font-weight:bold;}
.billing-search div b {padding-left:5px;font-weight:normal}

.showCalendar3 {width:28%!important;}

.billing-search div.btn-panel {
text-align:right;
width:100%!important;
}

.historygrid {
margin-top:10px;

}

.historygrid {
margin-top:10px;
width:100%;
}

.historygrid th {vertical-align:text-bottom}

/* --------------------------------------------------- */


@media print {



.main-bg .header,
.main-bg #footer,
#top-menu,
h1,
#inside-menu,
#ctl00_cphRet_ucTopup_pnlStep1,
#ctl00_cphRet_ucTopup_btnInvoice,
#ctl00_cphRet_ucTopup_lblComplete_Title,
#ctl00_cphRet_ucTopup_pnlComplete .Info,
.service-numbers,
#important,
#btnPrint
 {display:none!important}

.main-content {background:none;width:auto;position:relative;margin:auto;left:auto}
#inside-main {width:100%}



.main-bg #PrintInvoicePopup,
.main-bg #PrintInvoicePopup * {display:block; width:100%;background:none}

#PrintInvoicePopup .lbl,
#PrintInvoicePopup .fld {
	border-top:1px #444 solid;

}

#PrintInvoicePopup input {display:none}
}