@charset "utf-8";
/* $Id: ebill.css,v 1.31.2.1.2.1 2008/12/01 11:10:44 vnencakj Exp $ */

#ebill_content {
  background: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#666666;
  line-height:1.4em  
}


/* our additional general styles */
#ebill_content a.print { padding-left: 20px; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica; text-decoration: underline; color: #666666; background: url(../images/but_print.gif) no-repeat left center }
#ebill_content a.print:hover { padding-left: 20px; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica; text-decoration: underline; color: #e20074; background: url(../images/but_print.gif) no-repeat left center }

table.ebill_main {
	width: 756px;
}

.w_size { width: 736px; }

table.selection {
	padding: 2px 5px 2px 5px;
	margin: 5px 0px 5px 0px;
	width: 100%;
	background: #E4E4E4;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
	line-height:1.4em;
	font-weight: bold;
}

table.selection_data {
	padding: 2px 5px 2px 5px;
	margin: -5px 0px 5px 0px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
	line-height:1.4em;
	font-weight: normal;
}


/* hierarchies styles */
td.hierarchy { white-space: nowrap; }
.hierarchy a.customer { font-weight: bold; background: none; }
.hierarchy a.contract { font-weight: normal; background: none; }
.hierarchy a.acustomer:link { color: #E20074; font-weight: bold; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acustomer:visited { color: #E20074; font-weight: bold; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acustomer:active { color: #E20074; font-weight: bold; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acustomer:hover { color: #E20074; font-weight: bold; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acontract:link { color: #E20074; font-weight: normal; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acontract:visited { color: #E20074; font-weight: normal; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acontract:active { color: #E20074; font-weight: normal; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }
.hierarchy a.acontract:hover { color: #E20074; font-weight: normal; background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px; }

/* path */
#path { padding: 0 0 10px 0; color: #E20074; font-family: Times New Roman; font-size: 1.5em; font-weight: bold }
#path a { font-family: Times New Roman; font-size: 1em }

/* deleted
.invoice td td { padding: 0px }
.invoice small { font-size: 11px }
.invoice .text { font-size: 12px; border: none;}
*/

/* menu */
.dropdown, .dropdown_filter { color: #666666; border-color: rgb(123, 158, 189); border-width: 1px; border-style: solid;	font-family: Arial, "Arial CE";	font-size: 11px; width: auto; } /* copied from /cportal/css/editors.css .sdp-ComboboxEditor */

/* invoice details styles */
.invoice td { font-family: Tahoma; font-size: 12px; vertical-align: top; padding: 0px 20px 10px 0px; color: #666666 }
.invoice { margin: 10px 10px 0 10px; }
.invoice .tm_adress { font-size: 10px }
.invoice .tm_adress_OR { font-size: 8px }
.invoice #invoice_custcode { font-weight: bold; }
.invoice .name { font-weight: bold; text-align: right; padding-right: 10px;}
.invoice .address { font-size: 14px; }
.invoice #invoice_adresee {text-align: right;}
.invoice #invoice_payment { font-size: 8px; }
.invoice tr td {padding: 10px 0 10px 0}
.invoice tr td table tr td {padding-bottom:0;padding-top:0;}
.invoice .grey_heading { font: 26px Times New Roman; color: #979797; text-align: right;}
.invoice .b {font-weight: bold;}
.invoice .name_RelA { font-weight: bold; text-align: left; padding-right: 10px;}
.invoice .left { text-align: left;}
.invoice .right { text-align: right;}
.invoice tr.line td{border-bottom: 1px solid #979797; }
.invoice tr.lineabove td{border-top: 1px solid #979797; }

.invoice_paid { color: #666666; padding: 5px 5px 3px 5px; margin-left: 40px; }
.invoice_unpaid { color: #E20074; display:inline; vertical-align:middle;}
/*.invoice_unpaid { color: #E20074; padding: 0 10px 0 5px; margin-left: 10px; border: 1px solid #E20074; display:block;} */
.invoice_unpaid img.warning	 { background: #ffffff; border: none }
.unpaid_invoice_pay { border: 1px solid #666666; padding: 10px 10px 10px 10px; background: #eeeeee; font-weight: bold; color: red; }
.invoice_details .item {text-align: left;font-weight: bold;}
.invoice_details .itemnb {text-align: left;}
.invoice_details .b {font-weight: bold;}
.invoice_details .nb {font-weight: normal;}
.invoice_details tr td { text-align: right }
.invoice_details .t1 { font-size: 22px; font-family: Times New Roman; line-height:25px;}
.invoice_details .t2 { font-size: 24px; font-family: Times New Roman; line-height:27px;}
.invoice_details tr td { padding: 0 }
.invoice_details tr.silver td{background: #E4E4E4; }
.invoice_details tr.line td{border-bottom: 1px solid #979797; }
.invoice_details tr.line2 td{border-bottom: 2px solid #979797; }
.invoice_details tr.lineabove td{border-top: 1px solid #979797; }
.invoice_details tr.dots td{border-bottom: 1px dotted #979797; }
.invoice_details tr.dotsabove td{border-top: 1px dotted #979797; }
.invoice_details tr.dotsdouble td{border-bottom: 1px dotted double #979797; }
.invoice_details .next{border-bottom: 1px dotted #979797; }
.invoice_details .note { font-size: 9px; text-align: right; }
.invoice_details .collection { font-size: 9px; text-align: left; }


.invoice .page_break { page-break-before: always; }

/* analysis styles */
#graph_table { overflow-x: auto; width: 100%; padding-bottom: 20px; }

.tr1 td { font-size:0px; line-height:0px; }
.td1 { font-size:0px; line-height:0px; }

.graph_title { font-size: 18px; color: #E20074; padding-bottom: 5px }

.graph { background: #EEEEEE }
.graph { font-family: tahoma; font-size: 10px; border: 1px solid black; }
.graph a { text-decoration: none; color: black }
.graph tr td { border-right: 1px solid silver; padding: 0px }
.graph .scale { text-align: right; font-weight: bold }
.graph .names { text-align: right; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 1em; line-height: 1.4em; }
.graph tr.bar td { border: 0px; font-size: 1px; line-height: 1px }

.legend { font-family: tahoma; font-size: 12px; border: 1px solid black; margin-top: 5px; }
.legend td { padding: 1px 1px 1px 1px; }
.legend table { border: 1px solid gray; width: 12px; height: 12px; margin: 0 0 0 0; padding: 0 0 0 0; }
.legend table tr td.color { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 1px; line-height: 1px; }
.legend a { text-decoration: none; color: black }

.graphtable { margin: 5px 0 0 0; font-size: 10px; text-align: center }
.graphtable names { text-align: right; font-weight: bold }
.graphtable a { text-decoration: none; color: black; background: none; }
.graphtable td.col_names { font-size: 12px; font-weight: bold;}
.graphtable td.row_names { font-size: 12px; font-weight: bold;}
.link { cursor: pointer }

/* general styles */
#ebill_pageloading h1 { color: #E20074; font-family: Times New Roman; text-align: center }
#ebill_pageloading h2 { color: #E20074; font-family: Times New Roman; text-align: center }
#ebill_pageloading img { display: block; margin-left: auto; margin-right: auto }
#ebill_content h1, h2 { color: ##666666; font-family: Times New Roman }
#ebill_content h1 { font-size: 2.2em; color: #E20074; }
#ebill_content h2 { font-size: 1.3em }
#ebill_content a { margin-right: 5px; padding-right: 9px; font-weight: bold; text-decoration: none; color: #666666; background: url(../images/link_arrow.gif) no-repeat center right}
#ebill_content a:hover { color: #e20074; background: url(../images/link_arrow_mg.gif) no-repeat right center }
#ebill_content a.back { padding-left: 11px; font-weight: bold; text-decoration: none; color: #666666; background: url(../images/link_b_arrow.gif) no-repeat left center }
#ebill_content a.back:hover { color: #e20074; background: url(../images/link_b_arrow_mg.gif) no-repeat left center }
#ebill_content a.arrow, a.arrow:hover, a.icon, a.icon:hover { background: none; padding-right: 0px; font-family: Wingdings; font-size: 18px; }
#ebill_content a.noarrow { background: none; padding-right: 0px; }
#ebill_content div.print { text-align: right }
#ebill_content a.print { padding-left: 20px; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica; text-decoration: underline; color: #666666; background: url(../images/but_print.gif) no-repeat left center }
#ebill_content a.print:hover { padding-left: 20px; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica; text-decoration: underline; color: #e20074; background: url(../images/but_print.gif) no-repeat left center }
body.print { margin: 0px; padding: 0px; }
body.print div.print_envelope { padding: 0px; margin: 0px; width:640px; margin-left:0px; }
.print table.ebill_main { width: 680px; }
.print #div_table_listings { margin: 0px; }
.print #div_table_listings td { font-size: 9px; }


input.pdf { background: url(../images/icon_pdf.gif) no-repeat left center; padding-left: 15px; border: 3px black; }
input.xml { background: url(../images/icon_xml.gif) no-repeat left center; padding-left: 15px; border: 3px black; }
input.csv { background: url(../images/icon_csv.gif) no-repeat left center; padding-left: 15px; border: 3px black; }
input.tsv { background: url(../images/icon_tsv.gif) no-repeat left center; padding-left: 15px; border: 3px black; }

.msisdn td.head { font-weight: normal }
.customer, td.head2 { background: #eeeeee; }
.customer td { border-top: 2px solid black; }

/* listing styles */
.listing { margin-top: 5px; font-size: 1em; }
.listing td { border-bottom: 1px solid #dcdcdc; color: #666666; padding-right: 5px; padding-left: 5px;}
.listing tr { height: 20px;}
.listing td.right { text-align: right; } /*border-bottom: 1px solid #dcdcdc; color: #666666; padding-right: 5px; padding-left: 5px; }*/
.listing td.left { text-align: left; }

table.listing_legend td { font-size: 11px; font-family: Arial, Helvetica; padding-left: 20px }
table.listing_legend tr.title { font-weight: bold; }

.listing2 { margin-top: 5px; font-size: 1em; }
.listing2 td { color: #666666; padding-right: 5px; padding-left: 5px; font-size: 12px;}
.listing2 tr { height: 20px;}

tr.head td, td.head { font-weight: bold; background: #dcdcdc; color: #666666;}
tr.head td { padding-top: 5px; padding-bottom: 5px; border: none; }
tr.filter td { background: #dcdcdc; color: #666666; border: none; }
tr.unpaid td { color: #e20074 }
tr.unpaid td a { color: #e20074; background: url(../images/link_arrow_mg.gif) no-repeat right center }
tr.unpaid td a:visited { color: #e20074; background: url(../images/link_arrow_mg.gif) no-repeat right center }
tr.unpaid td a:active { color: #e20074; background: url(../images/link_arrow_mg.gif) no-repeat right center }
tr.unpaid td a:link { color: #e20074; background: url(../images/link_arrow_mg.gif) no-repeat right center }
#ebill_content a.unavailable { color: #CCCCCC; background: url(../images/link_arrow_gr.gif) no-repeat right center }


/* calls styles */
#calls { margin-top: 5px; font-size: 1em; }
.calls { margin-top: 5px; font-size: 1em; }
.calls td { border-bottom: 1px solid #dcdcdc; color: #666666; padding: 2px 5px 2px 5px }
#ebill_content .calls a, #ebill_content .calls a:hover { background: none; margin: 0px; padding: 0px;}
.calls input { font-size: 0.8em  }
.calls select { font-size: 0.8em; color: #E20074; font-family: Tahoma, Arial, helvetica, sans  }
.dropdown_filter_destination { width:110px; }


/* details styles */
.details { margin-top: 5px }
.details td {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height:1.4em;
	border-bottom: 1px solid #dcdcdc;
	color: #666666;
	padding-right: 10px;
	padding-left: 10px;
}

/* navigation */
#ebill_content a.nav_left {background: url(../images/link_b_arrow.gif) no-repeat left center; padding-left: 10px;}
#ebill_content a.nav_left:visited {background: url(../images/link_b_arrow.gif) no-repeat left center; padding-left: 10px;}
#ebill_content a.nav_left:active {background: url(../images/link_b_arrow.gif) no-repeat left center; padding-left: 10px;}
#ebill_content a.nav_left:hover {color: #E20074; background: url(../images/link_b_arrow_mg.gif) no-repeat left center; padding-left: 10px;}

#ebill_content a.nav_right {background: url(../images/link_arrow.gif) no-repeat right ;padding-right: 10px;}
#ebill_content a.nav_right:visited {background: url(../images/link_arrow.gif) no-repeat right center; padding-right: 10px;}
#ebill_content a.nav_right:active {background: url(../images/link_arrow.gif) no-repeat right center; padding-right: 10px;}
#ebill_content a.nav_right:hover{color: #E20074;background: url(../images/link_arrow_mg.gif) no-repeat right center; padding-right: 10px;}

.warning { border: 1px solid #666666; padding: 10px 10px 10px 10px; background: #eeeeee; font-weight: bold; }

.nowrap {white-space: nowrap;}

table.pagination {
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	width: 100%;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
	line-height:1.4em;
	font-weight: bold;
	border: 1px solid #E4E4E4;
}

#ebill_content table.pagination a.pagination {
  background: none;
  padding-right: 0px;
}

#ebill_content table.pagination a.pagination:hover {
  color: #E20074;
  background: none;
  padding-right: 0px;
}

#ebill_content table.pagination a.selected {
	color: #FF0000;
}

#ebill_content .graphtable a, #ebill_content .graph a, #ebill_content .legend a { background: none }

/* ie5.0 hacks: */
a {height: 0;}

.ebillerror { color: #E20074; padding-bottom: 10px; white-space:pre; }
.ebillmultiselector { width: 140px; font-size: 9px; font-family: Tahoma,Arial }
.ebilldebug { border: 2px solid red; background: #FFEEEE; font-size:12px; padding-left: 10px; }
.debug_msg { border-bottom: 1px dotted #aaaaaa; }

#help_content {
	width:745px; border: 1px solid #FFFF00;
	background: #FFFF80;
	margin-top: 10px;
	padding: 10px 5px 0px 5px;
	color: black;
}

#help_content h1 {
	color: red;
}

#help_content p {
	color: black;
}

div#curPopupBg{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 976px;
  height: 2000px;
  opacity: 0.4;
  MozOpacity: 0.4;
  filter: alpha(opacity=40); 
  background-color: #000000;
}
div#curPopup{
  width: 350px;
  height: 120px;
  background-color: white;
  border: 2px solid black;
  padding: 10px;
}