#leftColumn {
	width: 20%; margin-top: 30px; float: left;
}
#rightColumn {
	width: 78%; margin-top: 30px; float: left;
}
.textbox {
	border: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102);
}
.textboxSm {
	border: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102); font-size: 11px;
}
.red {
	color: rgb(255, 0, 0);
}
#breadcrumb {
	height: 20px; clear: both; display: block;
}
#accountBox01 {
	background: url("/themes/ebilling/assets/img/box_maintain_account.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}
#accountBox02 {
	background: url("/themes/ebilling/assets/img/box_maintain_company.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}
#accountBox03 {
	background: url("/themes/ebilling/assets/img/box_meter_reading.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}
#accountBox04 {
	background: url("/themes/ebilling/assets/img/box_account-deetails.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}
#accountBox05 {
	background: url("/themes/ebilling/assets/img/box_maintenance_services.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}
#accountBox06 {
	background: url("/themes/ebilling/assets/img/box_otherservices.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}
/* Account Status. The image is currently a copy of the Documents /
   Notifications one, as a placeholder until FBHK supplies the real photo.
   Replace box_account_status.jpg with the new artwork - no CSS change is
   needed, and nothing else keys off the picture itself. */
#accountBox07 {
	background: url("/themes/ebilling/assets/img/box_account_status.jpg") no-repeat; padding: 10px; width: 152px; height: 178px; display: block;
}

#titlebar { background:url("/themes/ebilling/assets/img/my_account_top_bg.gif") no-repeat; width:174px; height:20px; padding-left:6px; padding-top:3px; font-weight:bold; color:#000;}


li.bullet {
	background: url("/themes/ebilling/assets/img/arrow.gif") no-repeat; list-style: none; padding-left: 15px; font-size: 11px; margin-left: 0px;
}
li.bullet2 { background:url("/themes/ebilling/assets/img/arrow.gif") no-repeat; list-style:none; margin-left:0px; font-size:12px; padding-left:15px;}

.plusicon { background:url("/themes/ebilling/assets/img/plus-icon.gif") no-repeat top right;}
.welcomeBlock { color:#33C; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.error-message { color:#F00; font-size:11px; font-weight:bold; padding: 5px; }


h1 {
	border-width: 1px; border-style: solid; border-color: rgb(173, 175, 178); margin: 0px 0px 10px; padding: 0px 0px 0px 4px;
}
h2 {
	margin: 0px 0px 10px; padding: 0px 0px 0px 4px; border-bottom-color: rgb(173, 175, 178); border-left-color: rgb(40, 149, 213); border-bottom-width: 1px; border-left-width: 3px; border-bottom-style: solid; border-left-style: solid;
}
#f_header p {
	margin: 0px;
}
#f_footer p {
	margin: 0px;
}
.top_cap {
	background: url("/themes/ebilling/assets/img/s/top_cap_nodrop_765.gif") no-repeat bottom; margin: 0px auto; height: 28px;
}
.f_wrapper {
	background: url("/themes/ebilling/assets/img/s/bg_nodrop_765.gif") repeat-y center; margin: 0px auto;
}
.bottom_cap {
	background: url("/themes/ebilling/assets/img/s/bottom_cap_nodrop_765.gif") no-repeat center; margin: 0px auto; height: 15px;
}
div#f_main {
	margin: 0px auto; width: 845px; text-align: center; _width: 100%;
}
#f_contents {
	margin: 0px auto 20px; width: 765px; text-align: left; line-height: 130%; clear: both; background-color: rgb(255, 255, 255);
}
#clang {
	margin: 0px auto; padding: 5px 5px 3px; width: 765px; text-align: right; color: rgb(255, 255, 255); font-size: 10px;
}
#clang a:link {
	background: url("/themes/ebilling/assets/img/h/country_icon.gif") no-repeat right top; margin: 0px; padding: 0px 12px 0px 0px; color: rgb(255, 255, 255) !important; font-size: 11px;
}
#clang a:active {
	background: url("/themes/ebilling/assets/img/h/country_icon.gif") no-repeat right top; margin: 0px; padding: 0px 12px 0px 0px; color: rgb(255, 255, 255) !important; font-size: 11px;
}
#clang a:visited {
	background: url("/themes/ebilling/assets/img/h/country_icon.gif") no-repeat right top; margin: 0px; padding: 0px 12px 0px 0px; color: rgb(255, 255, 255) !important; font-size: 11px;
}
#clang a:hover {
	text-decoration: underline;
}
#f_header {
	margin: 0px auto; padding: 0px; width: 765px; text-align: left; font-size: 11px; background-color: rgb(255, 255, 255);
}
#f_header * ol {
	margin: 0px; list-style-type: none !important; list-style-image: none !important;
}
#f_header * ul {
	margin: 0px; list-style-type: none !important; list-style-image: none !important;
}
#f_header img {
	border: currentColor;
}
#f_header .header_section p#logo {
	margin: 5px 0px; padding: 0px 0px 5px; width: 395px; float: left;
}
#f_header .header_section p#logo img {
	margin: 0px 10px 0px 0px; border: currentColor;
}
#f_header #util {
	margin: 10px 0px; padding: 0px; width: 360px; text-align: right; float: right;
}
#f_header #util ul {
	margin: 0px; padding: 0px; line-height: 130% !important; font-size: 100% !important; list-style-type: none;
}
#f_header #util ul li {
	margin: 0px 2px 5px; padding: 0px 0px 0px 5px; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; display: inline;
}
#f_header #util ul li.first {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
#f_footer {
	margin: 0px auto; width: 765px; text-align: left; background-color: rgb(255, 255, 255);
}
#f_footer ul {
	background: url("/themes/ebilling/assets/img/f/footer_765.gif") no-repeat; margin: 0px; padding: 3px 0px 0px; width: 765px; height: 31px; text-align: left; font-size: 11px;
}
#f_footer ul li {
	margin: 5px 2px; padding: 0px 0px 0px 5px; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; float: left; display: block;
}
#f_footer ul li * {
	font-size: 11px; font-weight: normal;
}
#f_footer ul li.first {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
#f_footer p {
	margin: 0px 0px 10px 8px;
}
#f_footer p a img {
	padding: 0px 0px 21px; border: currentColor; text-decoration: none;
}

#bBreadcrumb:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#f_header:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#f_header .header_section:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#f_header #util:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#f_contents:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#f_footer:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clearFix:after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
#bBreadcrumb {
	display: block; min-height: 1%;
}
#f_header {
	display: block; min-height: 1%;
}
#f_header .header_section {
	display: block; min-height: 1%;
}
#f_header #util {
	display: block; min-height: 1%;
}
#f_contents {
	display: block; min-height: 1%;
}
#f_footer {
	display: block; min-height: 1%;
}
.clearFix {
	display: block; min-height: 1%;
}
* html #bBreadcrumb {
	height: 1%;
}
* html #f_header {
	height: 1%;
}
* html #f_header .header_section {
	height: 1%;
}
* html #f_header #util {
	height: 1%;
}
* html #f_contents {
	height: 1%;
}
* html #f_footer {
	height: 1%;
}
* html .clearFix {
	height: 1%;
}

td a.asc:after {
	content: ' ⇣';
}
td a.desc:after {
	content: ' ⇡';
}

span.current {
    font-weight: bold;
    color : red;
}

.userMenu { padding-left:8px; padding-right:8px; margin:1px; margin-top:0; background-color: #FFF; }
.userMenu h5 {font-size: 12px; cursor:pointer;  font-weight:bold; margin:0; padding:0; margin-top: 5px; width:160px; display:block;}
.userMenu ul {display:none; list-style: none; margin:0; padding:0;}
.userMenu li {margin-left:0; margin-bottom:15px; display:block;}
.userMenu hr {margin:0; padding: 0;}

div#debug {
    background-color: white;
    color: black;
}

/* HOVER STYLES */
div#pop-up {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

div#pop-up2 {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

div#pop-up-image {
  display: none;
  position: absolute;
/*  width: 280px;
  top:0;
  left:0;*/
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

a#closebox {
    top: -15px;
    right: -15px;
    position: absolute;
    background-image : url('../img/closebox.png');
    width: 30px;
    height: 30px;
/*    background-color: transparent;
    background-position-x:left;
    background-position-y:top;
    background-size: auto;*/
}

tr.altrow {
  background-color: #eee;
}

tr.oddrow {

}

tr.evenrow {
  background-color: #eee;
}

tr.posoddrow {

}

tr.posevenrow {
  background-color: #eee;
}