/* Online Billing Print Styles */
/* ----------------------------------------------------- */

/* Layout */
/* ----------------------------------------------------- */
#tilesheading1 {display:none}
.screenonly {display:none}

/* Tables */
/* ----------------------------------------------------- */
.olb_table1 {width:640px}
.olb_table2 {width:470px}
.olb_legends_table {width:640px}

.olb_table1, .olb_table2, .olb_table3 {margin:0 0 17px 0; border:0px; border-collapse:collapse; padding:0px; font-size:x-small;}
.olb_table1 td, .olb_table1 th, .olb_table2 td, .olb_table2 th, .olb_table3 td, .olb_table3 th {margin:0px; border:1px solid #CCCCCC; padding:4px; font-size:107%; /*vertical-align:top;*/ }
.olb_table1 thead td, .olb_table1 thead th, .olb_table2 thead td, .olb_table2 thead th, .olb_table3 thead td, .olb_table3 thead th {background-color:#003366; color:#FFFFFF; text-align:left; font-size:107%; }
.olb_table1 thead th a, .olb_table2 thead th a, .olb_table3 thead th a {color:#FFFFFF; text-decoration:none}
.olb_table1 tbody th, .olb_table2 tbody th, .olb_table3 tbody th {text-align:left}
.olb_table1 #subtotal td, .olb_table2 #subtotal td, .olb_table3 #subtotal td {padding-top:15px}
.olb_table1 #totals td, .olb_table2 #totals td, .olb_table3 #totals td {border:1px solid #FFFFFF}
.olb_table1 #totals #total td, .olb_table2 #totals #total td, .olb_table3 #totals #total td {background-color:#EEEEEE; font-weight:bold}
.olb_table1 #sorted, .olb_table2 #sorted, .olb_table3 #sorted {padding-right:20px; background:url(/billing/common/images/img_sort_de.gif) right center no-repeat #0087BE}

.olb_table1 a, .olb_table1 div, .olb_table1 p, .olb_table1 li, .olb_table1 dd, .olb_table1 dt {font-size:107%;}
.olb_table2 a, .olb_table2 div, .olb_table2 p, .olb_table2 li, .olb_table2 dd, .olb_table2 dt {font-size:107%;}
.olb_table3 a, .olb_table3 div, .olb_table3 p, .olb_table3 li, .olb_table3 dd, .olb_table3 dt {font-size:107%;}

.olb_table1 .indent1, .olb_table2 .indent1, .olb_table3 .indent1 {padding-left:20px}
.olb_table1 .indent2 {padding-left:40px}
.olb_table1 .indent3 {padding-left:60px}
.olb_table1 .left, .olb_table2 .left, .olb_table3 .left {text-align:left}
.olb_table1 .center, .olb_table2 .center, .olb_table3 .center {text-align:center}
.olb_table1 .right, .olb_table2 .right, .olb_table3 .right {text-align:right}

thead td.paging { border-top: 0; border-left: 0; border-right: 0; background-color: transparent; padding-right:0; }
thead td.paging table { float: right; margin:0; }
thead td.paging td { border: 1px solid #FFFFFF; background-color: transparent; color: #000000; padding: 0 1px 0 1px; }
tbody td.paging { border-bottom: 0; border-left: 0; border-right: 0; background-color: transparent; padding-right:0; }
tbody td.paging table { float: right; margin:0; }
tbody td.paging td { border: 1px solid #FFFFFF; background-color: transparent; color: #000000; padding: 0 1px 0 1px; }

.olb_summary0 {margin:0 0 17px 0; border:0px; padding:0px; width:640px}
.olb_summary1 {margin:0px; border:0px; padding:0px}
.olb_summary1 td, .olb_summary1 th {margin:0px; border:0px; padding:0 10px 5px 0; font-weight:normal; text-align:left /*vertical-align:top;*/}
.olb_summary1 caption {margin:0px; padding:0 0 5px 0; font-weight:bold; text-align:left}

.olb_confirm1 {margin:0px; border:0px; padding:0px}
.olb_confirm1 td {margin:0px; border:0px; padding:0 10px 7px 0; vertical-align:bottom}
.olb_confirm1 th {margin:0px; border:0px; padding:0 10px 7px 0; text-align:right; width:170px; vertical-align:top}
.olb_confirm1 caption h2 {margin:0px; padding:0 0 7px 0; background:transparent; font-size:11pt; font-weight:bold; text-align:left}

.paging .olb_selectall { float:left; }
.paging .olb_selectall tr td { color: #336699; }


/* Forms */
/* ----------------------------------------------------- */
.formSection {height:1%; margin-bottom:17px; border:1px solid #003366; padding:15px 10px}
.formSection1 {height:1%; margin-bottom:17px; border:1px solid #003366; padding:10px}
.formSection1 h2 {margin:0px; padding:0 0 15px 0; font-weight:bold}

.formSection legend span {position:relative; left:-6px; top:-5px; font-size:11pt; font-weight:bold}
/*.formSection label {display:block; float:left; margin:0 10px 7px 0}*/
.formSection .label140 {text-align:right; width:140px}
.formSection .label120 {text-align:right; width:120px}
/* .label125 Used for Personal Address Book */
.formSection .label125 {text-align:right; width:125px}
/*.formSection .labelerror {display:inline; float:none}
.formSection input, .formSection select, .formSection textarea {display:block; float:left; margin:0 2px 7px 0}*/
.formSection br {clear:left}
.formSection .fieldPadR10 {margin:0 10px 7px 0}

.fauxField {position:relative; display:block; float:left; margin:0 10px 7px 0}
.mandatory {font-size:11pt; font-weight:bold; color:#FF6600}
.formSubHead {padding-top:10px; font-weight:bold}


/* Lists */
/* ----------------------------------------------------- */
#maincontent ul, #maincontent ol, #maincol ul, #maincol ol {margin: 0 0 10px 17px; padding:0px}
#maincontent .listAdvanced, #maincol .listAdvanced {margin:0 0 17px 0; padding:0px}
#maincontent .listAdvanced li, #maincol .listAdvanced li {display:inline; list-style-type:none}
#maincontent .listAdvanced li a, #maincontent .listAdvanced li #listActive, #maincol .listAdvanced li a, #maincol .listAdvanced li #listActive {line-height:1.5em; padding:0 10px 0 0}


/* Warnings and Errors */
/* ----------------------------------------------------- */
.errorMajor {text-transform:uppercase; color:#CC0000}
.errorMedium, #attention {font-weight:bold; color:#CC0000}
.errorMinor {font-weight:normal; color:#CC0000}


/* Cell Background Colours */
/* ----------------------------------------------------- */
.rowDark td {background-color:#EEEEEE}
.rowLite td {background-color:#FFFFFF}

/* Hidden Borders on Table Columns */
/* ----------------------------------------------------- */
td.hideBdrR {border-right: 0; padding-right: 0; }
td.hideBdrL {border-left: 0; padding-left: 0;}
td.hideBdrT {border-top: 0;}
td.hideBdrB {border-bottom: 0;}
td.hideBdrTB {border-top: 0; border-bottom: 0;}
td.hideBdrTBR {border-top: 0; border-bottom: 0; border-right: 0;}
td.hideBdrTBL {border-top: 0; border-bottom: 0; border-left: 0;}

.rowLite td.hideBdrR {border-right: 0; padding-right: 0; }
.rowLite td.hideBdrL {border-left: 0; padding-left: 0;}
.rowLite td.hideBdrT {border-top: 0;}
.rowLite td.hideBdrB {border-bottom: 0;}
.rowLite td.hideBdrTB {border-top: 0; border-bottom: 0;}
.rowLite td.hideBdrTBR {border-top: 0; border-bottom: 0; border-right: 0;}
.rowLite td.hideBdrTBL {border-top: 0; border-bottom: 0; border-left: 0;}

.rowDark td.hideBdrR {border-right: 0; padding-right: 0; }
.rowDark td.hideBdrL {border-left: 0; padding-left: 0;}
.rowDark td.hideBdrT {border-top: 0;}
.rowDark td.hideBdrB {border-bottom: 0;}
.rowDark td.hideBdrTB {border-top: 0; border-bottom: 0;}
.rowDark td.hideBdrTBR {border-top: 0; border-bottom: 0; border-right: 0;}
.rowDark td.hideBdrTBL {border-top: 0; border-bottom: 0; border-left: 0;}

#totals td.hideBdrR {border-right: 0; padding-right: 0; }
#totals td.hideBdrL {border-left: 0; padding-left: 0;}


/* Call Detail Column Widths */
/* ----------------------------------------------------- */
.colBandwidthF { width:125px; }
.colBpsF { width:58px; }
.colCIRF { width:69px; }
.colCallTypeF { width:102px; }
.colCallTypeLongF { width:209px; }
.colChgZoneF { width:274px; }
.colDLCIF { width:46px; }
.colDateF { width:44px; nowrap;}
.colDateLongF { width:65px; }
.colDescF { width:210px; }
.colDescMedF { width:230px; }
.colDescShortF { width:200px; }
.colDescriptionF { width:149px; }
.colDetailsF { width:130px; }
.colDisputeF { width:33px; text-align:center; }
.colDurationF { width:54px; text-align:right; }
.colItemF { width:38px; }
.colLocationF { width:81px; }
.colMBF { width:76px; }
.colNetworkF { width:59px; }
.colNumHeadF { width:113px; }
.colPONF { width:57px; }
.colPVCF { width:41px; }
.colPeriodF { width:106px; }
.colPlaceF { width:78px; }
.colPriceF { width:54px; text-align:right;}
.colPriceMedF { width:79px; }
.colProviderF { width:72px; }
.colPurchaseF { width:94px; }
.colQtyF { width:39px; }
.colQtyWideF { width:70px; }
.colRateF { width:59px; }
.colRateLongF { width:78px; }
.colReferenceF { width:115px; }
.colSepPurProviderF { width:126px; }
.colServChgsF { width:440px;}
.colServTypeF { width:255px; }
.colServiceF { width:94px; }
.colTimeF { width:59px; }
.colToServiceF { width:94px; }
.colUnitF { width:44px; text-align:right;}
.colUtilF { width:43px; }
.colVCIF { width:69px; }
.colVPIF { width:41px; }

.colAccessPointM { width:108px; }
.colCallTypeM { width:202px; }
.colDateM { width:46px; }
.colDescLongM { width:317px; }
.colDescM { width:169px; }
.colDescMedM { width:257px; }
.colDurationM { width:54px; text-align:right;}
.colLocationM { width:88px; }
.colNetworkLongM { width:231px; }
.colNetworkM { width:123px; }
.colNumHeadM { width:123px; }
.colNumLngHeadM { width:141px; }
.colPeriodLongM {width:195px;}
.colPeriodM { width:136px; }
.colPriceHeadM { width:81px; }
.colPriceHeadWideM { width:105px; }
.colPriceM { width:54px; text-align:right;}
.colPriceWideM { width:94px; }
.colProviderM { width:72px; }
.colQtyM { width:39px; }
.colQtyWideM { width:50px; }
.colRateM { width:78px; }
.colSepPurM {width:486px;}
.colServiceTypeM { width:72px; }
.colTimeM { width:62px; }
.colTransactionM { width:235px; }
.colTypeM { width:123px; }
.colUnitsM { width:58px; text-align:right;}
.colUsgChgsM {width:286px;}
.colVolumeM { width:47px; }

.colCalledNumHead { width:122px; }
.colCallType{ width:82px; }
.colCallerGroup{ width:58px; }
.colCallerGpWide{ width:85px; }
.colDate{ width:30px; }
.colTime{ width:35px; }
.colCheckBox{ width:21px; }


thead th.colPriceHeadWideF { text-align:right;width:105px; }
thead th.colPriceHeadF { text-align:right;width:64px; }
thead th.colDisputeF { width:33px; text-align:center; }
thead th.colDurationF { width:54px; text-align:right; }
thead th.colPriceF { width:54px; text-align:right;}
thead th.colUnitF { width:44px; text-align:right;}

td.colNumF { width:113px; text-align:left; border-left: 0; padding-left: 0; }
td.colPabF { width:16px; text-align:left; border-right: 0; padding-right: 0; }
td.colPriceCrF { width:11px; text-align:left; border-left: 0; padding-left: 0; }
td.colPriceF { text-align:right; border-right: 0; padding-right: 0; }
td.colPriceWideF { text-align:right; border-right: 0; padding-right: 0; }
#totals td.colPriceF { width:54px; text-align:right; border-right: 0; padding-right: 0; }
#totals td.colPriceWideF { width:94px; text-align:right; border-right: 0; padding-right: 0; }
#totals td.colPriceCrF { width:11px; text-align:left; border-left: 0; padding-left: 0; }

thead th.colPriceHeadM { text-align:right;width:64px; }
thead th.colPriceHeadWideM { text-align:right;width:105px; }
thead th.colDurationM { width:54px; text-align:right;}
thead th.colPriceM { width:54px; text-align:right;}
thead th.colUnitsM { width:58px; text-align:right;}

td.colNumLngM { width:141px; text-align:left; border-left: 0; padding-left: 0; }
td.colNumM { width:123px; text-align:left; border-left: 0; padding-left: 0; }
td.colPabM { width:16px; text-align:left; border-right: 0; padding-right: 0; }
td.colPriceCrM { width:11px; text-align:left; border-left: 0; padding-left: 0; }
td.colPriceM { text-align:right; border-right: 0; padding-right: 0; }
td.colPriceWideM { text-align:right; border-right: 0; padding-right: 0; }
#totals td.colPriceM { width:54px; text-align:right; border-right: 0; padding-right: 0; }
#totals td.colPriceWideM { width:94px; text-align:right; border-right: 0; padding-right: 0; }
#totals td.colPriceCrM { width:11px; text-align:left; border-left: 0; padding-left: 0; }

thead th.colExInclGstHead { text-align:right;width:42px; }
thead th.colEstGstHead { text-align:right;width:34px; }
td.colExInclGst { text-align:right; border-right: 0; padding-right: 0; width:42px; }
td.colEstGst { text-align:right; border-right: 0; padding-right: 0; width:34px; }
td.colPriceCr { text-align:left; border-left: 0; padding-left: 0; width:0px; }
td.colCalledNum { text-align:left; border-left: 0; padding-left: 0; width:105px; }