@charset "utf-8";
/* CSS Document */

/** COMMON **/
html{
    height:100%;
    width:100%;
    scrollbar-base-color: #f6f6f6;
}

body{
    height:100%;
    /*background-image: url(../images/southernPhone/southernphone_bg.jpg);*/
    background-repeat: repeat-x;
    background-position:0 0;
    /*background-color: #2E6BA1;*/
    background-color: #EFEFEF !important;
/*    font-family: "PTSansNarrowRegular", arial,verdana,helvetica,sans-serif;*/
    font-family: "PT Sans Narrow", arial,verdana,helvetica,sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
    overflow-x:hidden;

    font-size: 12px;
    /*color: #6E5C4E;*/
    color: black;
}

.shadow{
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: #666 0px 2px 3px;
    -webkit-box-shadow: #666 0px 2px 3px;
}
.mainTitle.shadow{
    -moz-box-shadow: 0 !important;
    box-shadow: #666 0px 0px 0px !important;
    -webkit-box-shadow: #666 0px 0px 0px !important;
}
input {
    background-image: none;
    border-radius: 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: #666 0px 2px 3px;
    -webkit-box-shadow: #666 0px 2px 3px;
    /*border:1px solid #0066CC !important;*/
    border: 1px solid #149AE3 !important;
    height: 20px;
}

input.readonly, input[disabled='disabled']  {
    background-color: #e3e3e3;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
}
.mainContent h4{
    color:black !important;
    font-size: 1.429em;
    line-height: 1.1;
    font-family: "PT Sans Narrow" !important;
}
a {
    color:#2C64BF;
    text-decoration:none;
}

a:hover {
    color:#000000 !important;
    text-decoration:none;
}

a.paging {
    color:transparent !important;
    text-decoration:none;
    font-weight:bold;
    height:30px;
    width:37px;
}

a.paging:hover {
    color:transparent !important;
    text-decoration:none;
    font-weight:bold;
    height:16px;
    width:16px;
}

a.pagingDisabled {
    color:transparent !important;
    text-decoration:none;
    font-weight:bold;
    cursor:default;
    height:30px;
    width:37px;
}

.centerAligned {
    text-align: center;
}
.companyLogo {
    background-image: url('../images/ausbbs/logo.png');
    background-repeat: no-repeat;
    width:127px;
    height:38px;
    margin-left:10px;
    float:left;
}

.companyLogo img {
    border:0;
}
.reportLink {
    color:transparent;
    text-decoration:none;
}

.reportLink  img{
    border:0;
}

/****** forgotPassword.jsp ******/
.forgotPage {
    height:100%;
    width: 100%;
    background-image: url(../images/agl/AGL_login.png);
    background-repeat: no-repeat;
    background-position:0 0;
    background-color: #f1f1f1;
    /*font-family: Arial,Helvetica,sans-serif;;*/
    font-family: "PTSansNarrowRegular";
    font-size:12px;
    color:#9a9a9a;
    margin:0;
    padding:0;
}
div.t_fixed_header.ui .headtable th {
/*    font-family: "PTSansNarrowRegular" !important;*/
    font-family: "PT Sans Narrow",Arial,Helvetica,sans-serif;
}

.forgotLogo {
    margin-left:50px;
    margin-top:20px;
    background-image:url(../images/ausbbs/logo.png);
    width: 200px;
    height: 63px;
}

.forgotPanel {
    margin-left:50px;
    width:900px;
    height:600px;
    margin-top: 20px;
    padding:0;
    color: #4b4b4b;
}

.forgotPanel h1 {
    padding-top: 25px;
    font-size:  11pt;
    font-weight: bold;
    font-family:Tahoma;
}

.forgotPanel h3 {
    font-size:  9pt;
    font-weight: normal;
    font-family:Tahoma;
    color: #9a9a9a;
}

.forgotPanel img {
    margin-top: 10px;
}

.forgotTable {
    font-size: 8.5pt;
    font-family:Tahoma;
    width:100%;
    margin:auto;
    text-align: left;
    margin-top:25px;
    color:#616161;
    font-weight:bold;
}

.forgotTable tr {
    height: 30px;
}

.forgotTable .label {
    width: 115px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #212121 !important;
}
/****** FORGOT PASSWORD END *****/
a.button{
margin-top:10px;
background-position: right top;
background-repeat: no-repeat;
clear: both;
color: white;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding-right: 15px;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
}
a.button, .button span {
background-image: url("../images/ausbbs/btn_blue.png");
}
a.button:hover,
span.button:hover,
input.button:hover {
background-position: right bottom;
}
a.button:hover span,
span.button:hover input {
background-position: left bottom !important;
}
a.button span {
background-position: left top;
background-repeat: no-repeat;
color: white;
display: inline-block;
height: 25px;
line-height: 25px;
padding-left: 17px;
white-space: nowrap;
}
/****** login.jsp ******/
.loginPage {
    height:100%;
    background-image: url(../images/ausbbs/ausbbs_login.png);
    background-repeat: no-repeat;
    background-position:top center;
    background-color: #f1f1f1;
    font-family: Arial,Helvetica,sans-serif;;
    font-size:12px;
    color:#9a9a9a;
    margin:0;
    padding:0;
}

.loginLogo {
    margin: 0 auto;
    margin-top:81px;
    background-image:url(../images/ausbbs/logo.png);
    background-repeat:no-repeat;
    width: 162px;
    height: 95px;
}

.loginPanel {
    margin:auto;
    width:430px;
    height:300px;
    margin-top: 66px;
    text-align: center;
    padding:0;
    color: #4b4b4b;
}

.loginPanel h1 {
    padding-top: 25px;
    font-size:  11pt;
    font-weight: bold;
    font-family:Tahoma;
}

.loginPanel h3 {
    font-size:  9pt;
    font-weight: normal;
    font-family:Tahoma;
    color: #9a9a9a;
}

.loginPanel img {
    margin-top: 10px;
}

.loginTable {
    font-size: 8.5pt;
    font-family:Tahoma;
    /*width:330px;*/
    margin:auto;
    text-align: left;
    margin-top:25px;
    color:#616161;
    font-weight:bold;
}

.loginTable tr {
    height: 30px;
}

.loginTable .label {
    width: 165px;
}

.loginTable .textbox, .paymentTable .textbox, .customerTable  .textbox{
    width: 202px;
    /*background-image:url(../images/southernPhone/input_bg.jpg);*/
    padding-left: 0px;
    padding-top: 8px\0/ !important;
    text-indent: 5px;
    line-height: 9.5pt;
    height: 23px\0/ !important;
    /*border: 1px solid !important;*/
    font-family: Arial,Helvetica,sans-serif;;
    font-size:9.5pt;
    font-weight:bold;
    color:#616161;
    vertical-align: middle;
}

html>/**/body .loginTable .textbox, .paymentTable .textbox, .customerTable  .textbox{
    width: 202px;
    /*background-image:url(../images/southernPhone/input_bg.jpg);*/
    padding-left: 0px;
    padding-top: 0px;
    text-indent: 5px;
    line-height: 9.5pt;
    height:30px;
    /*border: 0 !important;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size:9.5pt;
    font-weight:bold;
    color:#616161;
    vertical-align: middle;
}

.loginTable .textboxError, .paymentTable .textboxError, .customerTable  .textboxError{
    width: 202px;
    background-color:#F6C9CC;
    /*background-image:url(../images/southernPhone/error_bg.jpg);*/
    padding-top: 8px\0/ !important;
    text-indent: 5px;
    line-height: 9.5pt;
    height: 23px\0/ !important;
    /*border: 1px solid !important;*/
    font-family: Arial,Helvetica,sans-serif;;
    font-size:9.5pt;
    font-weight:bold;
    color:#616161;
}

html>/**/body .loginTable .textboxError, .paymentTable .textboxError, .customerTable  .textboxError{
    width: 202px;
    background-color:#F6C9CC;
    /*background-image:url(../images/southernPhone/error_bg.jpg);*/
    padding-left: 0px;
    text-indent: 5px;
    line-height: 9.5pt;
    height:30px;
    /*border: 0 !important;*/
    font-family: Arial,Helvetica,sans-serif;;
    font-size:9.5pt;
    font-weight:bold;
    color:#616161;
}

.login input{
    height: 0;
    width: 0;
}

.login {
    background-image: url(../images/agl/loginButton_h.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 163px;
    margin-top:10px;
}

.login a{
    background-image: url(../images/agl/loginButton.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 163px;
    display: block;
}

.login a:hover{
    background: none;
}

.submit {
    background-image: url(../images/agl/submitButton_h.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 163px;
    margin-top:10px;
}

.submit a{
    background-image: url(../images/agl/submitButton.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 163px;
    display: block;
}

.submit a:hover{
    background: none;
}

/***** LOGIN END *****/

/***** MAIN SITE START *****/
.mainContainer {
    margin:auto;
    width:100%;
    margin-top:0px !important;
    /*background-color:#ffffff;*/
    background-color: #EFEFEF
}

/*.header {
    margin:auto;
    width:990px;
    height: 96px;
    padding-top: 1px;
    background-color:#ffffff;
    color:#000000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
}*/
.header{
    /*width: 100%;
    background: url(../images/ausbbs/mnubgs.jpg) repeat-x left top;
    height: 38px;
    float: left;
    min-width: 1000px;*/
    display: none !important;
}

.header .companyLogo img {
}

.header table {
    /*width:403px;*/
    margin-right:32px;
    float:right;
    padding-top: 3px;
}

.header .headerPanel {
    display:none;
}

.header .headerInfo {
    height: 10px;
    color: #999;
}
#bottomfoot {
    background-color: #979596;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 16px;
    padding: 0 0 20px;
    border-top: solid 5px #cdcdcd;
    display: block !important;
}

.container {
    /*background-color: #FFFFFF;
    font-size: 0.8125em;
    margin: 0 auto;
    position: relative;*/
    /*width: 990px;*/
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 3px #666666;
}
#plotTitle{
    width: 100% !important;
}
.mainTitleContainer #overview {
    /*margin-right: 65px !important;
    clear: both !important;
    display: block;

     position: absolute !important;
    float: right !important;
    background-color: #ffffff;
    margin: -20px 0 0 150px;*/
    clear: both !important;
    display: block;
    position: absolute !important;
    float: right !important;
    background-color: white;
    margin: 0px 0 0 545px !important;
    height: 48px !important;
}
.wrapper {
    color: #FFFFFF;
    overflow: hidden;
    width: 99%;
}
.termbar {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0 auto;
    padding-right: 30px;
    padding-top: 5px;
    position: relative;
    width: 1000px;
}
.termbar a {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    text-decoration: none;
}
/***** MENU START *****/
.menuContainer {
   /* height: 35px;
    width:100%;
    margin:0 auto; */
    display: none !important;
    background-image: url("../images/ausbbs/mnubgs.jpg");
    background-position: left top;
    background-repeat: repeat-x;
}
.menubar3{
    /*background-image: url("../images/agl/AGL_navBG-right.jpg");*/
    background-position: right top;
    background-repeat: no-repeat;
    margin:0 auto;
    width: 987px;
}
.menubar2 {
    /*background-image: url("../images/ausbbs/mnubgs.jpg");*/
    background-position: left top;
    background-repeat: no-repeat; 
    margin:0 auto;
    /*width: 987px;*/
    margin-left: 156px;
}
.menu {
    height: 38px;
    width:987px;
    margin:0 auto;
    /*background-image: url("../images/ausbbs/mnubgs.jpg");*/
    background-position: left top;
    background-repeat: repeat-x;
   /* margin-left: 15px;
    margin-right: 15px;*/
}
.menu ul {
    list-style:none outside none;
    margin:0;
    padding: 0;
}

.menu ul li {
    float:left;
    position:relative;
    margin:0;
   /* background: transparent url("../images/agl/navbardivider.gif") no-repeat 0 10px;*/

    /*width: 120px;*/
}

.menu ul li, .menu ul li a {
    display:block;
    /*height:38px;*/
}

.menu ul li a {
    /*background:url(../images/southernPhone/southernphone_menu2.jpg) no-repeat scroll 0 0 transparent;*/
    position:relative;
    /*text-indent:-9999px;*/
    margin:0; 
    text-align: center;
    color: #999;
    font-size: 12px;
   /* padding: 11px 6px 10px 6px;*/
    font-weight: bold;
    text-shadow: 0 0 1px black;
    text-decoration: none;
    font-family: Arial;
    
}
.menu ul li span {
    display: block;
    position:relative;
    /*margin: 9px 20px 5px 20px; */
    padding: 12px 12px 9px 0px;
    border-bottom: solid transparent 2px;
    /*border-right:  2px solid #ffffff;*/
    /*text-transform: uppercase;*/
}
/* menu active and hover */
.menu ul li span:hover, .menu ul li a.active span{
    /*border-bottom: solid #0C2D80 2px;*/
}
.menu ul li a:hover, .menu ul li a.active  {
    /*background-color: #EAB025;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

.menu ul li.cp3, .menu ul li.cp7{
    display: none !important;
    width: 0px !important;
}

.menu ul li.cp9 span{
    border-right: 0px solid transparent !important;
}
.menu ul li.cp1{
    background: none !important;
}

html > /**/ body .menu ul li a, x:-moz-any-link, x:default
{
   /* text-indent:0;*/
   /* font-size: 0;*/
}

/*.menu ul li.cp1, .menu ul li.cp1 a {
    background-position:0 0 !important;
    width:71px;
    width:136px;
    z-index:101;
}

.menu ul li.cp2, .menu ul li.cp2 a {
    background-position:-71px 0 !important;
    width:122px;
    background-position:-136px 0 !important;
    width:128px;
    z-index:101;
}

.menu ul li.cp3, .menu ul li.cp3 a {
    background-position:-193px 0 !important;
    width:116px;
    background-position:-266px 0 !important;
    width:120px;
    z-index:101;
}

.menu ul li.cp4, .menu ul li.cp4 a {
    background-position:-309px 0 !important;
    width:107px;
    background-position:-386px 0 !important;
    width:134px;
    z-index:101;
}

.menu ul li.cp5, .menu ul li.cp5 a {
    background-position:-416px 0 !important;
    width:95px;
    background-position:-520px 0 !important;
    width:107px;
    z-index:101;
}

.menu ul li.cp6, .menu ul li.cp6 a {
    background-position:-511px 0 !important;
    width:134px;
    background-position:-627px 0 !important;
    width:95px;
    z-index:101;
}

.menu ul li.cp7, .menu ul li.cp7 a {
    background-position:-645px 0 !important;
    width:128px;
    background-position:-722px 0 !important;
    width:116px;
    z-index:101;
   display:none;
}

.menu ul li.cp8, .menu ul li.cp8 a {
background-position:-773px 0 !important;
width:136px;
display:none;
z-index:101;
}

.menu ul li.cp9, .menu ul li.cp9 a {
    background-position:-909px 0 !important;
    width:69px;
    background-position:-838px 0 !important;
    width:136px;
    z-index:101;
}

.menu ul li.cp1 a:hover, .menu ul li.cp1 a.active
{
    background-position: 0px -42px !important;
    width: 71px;
    width:136px;
    z-index: 100;
}

.menu ul li.cp2 a:hover, .menu ul li.cp2 a.active {
    background-position:-71px -42px !important;
    width:122px;
    background-position:-136px -42px !important;
    width:128px;
    z-index: 100;
}

.menu ul li.cp3 a:hover, .menu ul li.cp3 a.active  {
    background-position:-193px -42px !important;
    width:116px;
    background-position:-266px -42px !important;
    width:120px;
    z-index: 100;
}

.menu ul li.cp4 a:hover, .menu ul li.cp4 a.active  {
    background-position:-309px -42px !important;
    width:107px;
    background-position:-386px -42px !important;
    width:134px;
    z-index: 100;
}

.menu ul li.cp5 a:hover, .menu ul li.cp5 a.active  {
    background-position:-416px -42px !important;
    width:95px;
    background-position:-520px -42px !important;
    width:107px;
    z-index: 100;
}

.menu ul li.cp6 a:hover, .menu ul li.cp6 a.active  {
    background-position:-511px -42px !important;
    width:134px;
    background-position:-627px -42px !important;
    width:95px;
    z-index: 100;
}

.menu ul li.cp7 a:hover, .menu ul li.cp7 a.active  {
    background-position:-645px -42px !important;
    width:128px;
    background-position:-722px -42px !important;
    width:116px;
    z-index: 100;
}

.menu ul li.cp8 a:hover, .menu ul li.cp8 a.active  {
background-position:-773px -42px !important;
width:136px;
z-index: 100;
}

.menu ul li.cp9 a:hover, .menu ul li.cp9 a.active  {
    background-position:-909px -42px !important;
    width:69px;
    background-position:-838px -42px !important;
    width:136px;
    z-index: 100;
}*/
/***** MENU END *****/

.option {
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.option a{
    height: 60px;
    width: 60px;
    display: block;
}

#elec a {
    background-image: url(../images/meteredEnergy/dashboard/elec.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    display: block;

}

#elec{
    background-image: url(../images/meteredEnergy/dashboard/elec_h.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#elec a:hover, #elec a.active {
    background:none;
}

#cold a {
    background-image: url(../images/meteredEnergy/dashboard/cold.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    display: block;

}

#cold{
    background-image: url(../images/meteredEnergy/dashboard/cold_h.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#cold a:hover, #cold a.active {
    background:none;
}

#hot a {
    background-image: url(../images/meteredEnergy/dashboard/hot.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    display: block;

}

#hot{
    background-image: url(../images/meteredEnergy/dashboard/hot_h.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#hot a:hover, #hot a.active {
    background:none;
}

#water a {
    background-image: url(../images/meteredEnergy/dashboard/water.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    display: block;

}

#water{
    background-image: url(../images/meteredEnergy/dashboard/water_h.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#water a:hover, #water a.active {
    background:none;
}

#gas a {
    background-image: url(../images/meteredEnergy/dashboard/gas.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    display: block;

}

#gas{
    background-image: url(../images/meteredEnergy/dashboard/gas_h.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#gas a:hover, #gas a.active {
    background:none;
}
.tooltip {
    background: url("../tooltip/black_big.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 145px;
    padding: 40px 30px 10px;
    width: 310px;
    z-index: 1000;
}

/***** FOOTER *****/
#footer {
    float: left;
    width: 100%;
    min-width: 1000px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #868686 url(../imgages/ausbss/footerbg.png) left bottom repeat-x;
}

.footerin {
    width: 1000px;
    margin: 0 auto;
    background: url(../images/ausbbs/logo_sml.png) center right no-repeat;
    font-family: Arial;
    font-size: 10px;
    color: black;
    line-height: 60px;
    text-align: center;
}

/***** FOOTER END *****/
/***** MAIN START ******/

.main {
    height:auto;
    min-height:538px;
    width:100%;
    margin: 0 auto;
}
.mainTitle {
    height:49px;
    padding:0;
    margin-top:0px;
    /*margin-bottom:5px;
    background-image: url("../images/southernPhone/title_bg.jpg");
    background-repeat: repeat-x;*/
    margin:0 auto;
    vertical-align: middle;
}

.mainTitleContainer {
    margin:0 auto;
    width: 987px;
}
@font-face {
    font-family: "PT Sans Narrow";
/*    src: url("../themes/ausbbs/fonts/PTN77F.ttf") format("truetype");*/
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v3/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
}
@font-face {
    font-family: "PTSansNarrowRegular";
/*    src: url("../themes/ausbbs/fonts/PTN57F.ttf") format("truetype");*/
    src: url('../themes/ausbbs/fonts/PTN57F.eot');
    src: url('../themes/ausbbs/fonts/PTN57F.eot?#iefix') format('embedded-opentype'),
         url('../themes/ausbbs/fonts/PTN57F.woff') format('woff'),
         url('../themes/ausbbs/fonts/PTN57F.ttf') format('truetype'),
         url('../themes/ausbbs/fonts/PTN57F.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mainTitle h1 {
    
    /*font-family: verdana, Arial, Helvetica, sans-serif;*/
    /*font-size: 21px;
    font-weight: normal;
    color: #6E5C4E;*/
    padding-top:20px;
    padding-bottom: 6px;
    /*margin: 0 0 16px 0;*/
    margin: 0 0 10px 0;
    /*border-bottom: 1px gray dashed;*/
    display: block;
    width: 100%;
    clear: both !important;

    font: 18px "PT Sans Narrow";
    color: #343434;
    font-size: 42px;
    font-weight: bold;
    line-height: 48px;
    /*height: 50px;*/
    
    
    font-family:Arial,  verdana, Helvetica, sans-serif;
    color: #343434;
    font-size: 42px;
    font-weight: bold;
    line-height: 48px;
}

.mainContent {
    font-size:10pt;
    min-height:538px;
    /*max-height:720px;*/
    width: 990px;
    margin:0 auto;
    height:auto;
    position: relative;
    clear: both;
}

.contentBorder{
    display: none;
}
/***** HOME.JSP *****/
.homeTable {
    padding-top:0px;
}
.homeTable tr{
    height:175px;
}

.homeLinks{
    font-size: 48pt;
    float: left;
    padding-top: 50px;
    width:450px;
    padding-left: 50px;
    color: #2C64BF !important;
}
 
.homeLink img {
    border: 0 !important;
}
.homeTable td{
    width:233px;
}

.homeTable input{
    width:0;
    height:0;
}

.home1 {
    background-image: url(../images/southernPhone/home1_h.jpg);
    background-repeat: no-repeat;
    width:300px;
    height:225px;
    margin-top:10px;
}

.home1 a{
    background-image: url(../images/southernPhone/home1.jpg);
    background-repeat: no-repeat;
    width:300px;
    height:225px;
    display: block;
}

.home1 a:hover{
    background: none;
}

.balance {
    width:900px;
    height:100%;
    float:left;
}

.balance a{
    background-image: url(../images/southernPhone/balance.png);
    background-repeat: no-repeat;
    background-position: center right;
    width:900px;
    height:100%;
    display: block;
}

.call {
    width:900px;
    height:100%;
    float:left;
}

.call a{
    background-image: url(../images/southernPhone/call.png);
    background-repeat: no-repeat;
    background-position: center right;
    width:900px;
    height:100%;
    display: block;
}


.payment {
    width:900px;
    height:100%;
    float:left;
}

.payment a{
    background-image: url(../images/southernPhone/payment.png);
    background-repeat: no-repeat;
    background-position: center right;
    width:900px;
    height:100%;
    display: block;
}

.userProfile {
    width:900px;
    height:100%;
    float:left;
}

.userProfile a{
    background-image: url(../images/southernPhone/user.png);
    background-repeat: no-repeat;
    background-position: center right;
    width:900px;
    height:100%;
    display: block;
}

#menuDescription {
    color: #ADB627;
}
/***** HOME.JSP END *****/
/***** TABLES *****/
.tableContent {
    overflow:hidden;
    height:auto;
    max-height:100% !important;
    width:980px;
    text-align:left;
    scrollbar-base-color: #f6f6f6;
    margin-top: 10px;
}

.headerTable {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    width: 915px;
    margin:10px 0 0 0px !important;
    border:1px solid #d3d3d3;
    float: left;
}

.dataTable {
    /*font-family: Tahoma;*/
/*    font-family: "PTSansNarrowRegular";*/
    font-family: "PT Sans Narrow",Arial,Helvetica,sans-serif;
    width: 915px;
    margin:0 0 0 0;
    border:1px solid #d3d3d3;
    /*font: 14px "PTSansNarrowRegular";*/
    /*color: black;*/
}

.dataTable tr td:last-child {
    text-align:center !important;
}
.headerTable .headerRow {
    height:35px;
    background-color:#5293cd;
    color:#ffffff;
    text-align:center;
    font-weight: 400;
}

.headerTable .headerRow  .headerCell{
    border-bottom:1px solid #a4a9ad;
    border-right:1px solid #d8d8d8;
}

.dataTable .dataRow {
    height:30px;
    background-color:#fafafa;
    color:#828282;
}

.dataTable .dataRow0 {
    height:30px;
    background-color:#ffffff;
    color:#828282;
}

.dataTable .dataRow1 {
    height:30px;
    background-color:#f6f6f6;
    color:#828282;
}

.dataTable tr:hover {
    background-color:#ffffff;
    background-image: url("../images/agl/ui-bg_highlight-soft_25_0066cc_1x100.png") !important;
    background-repeat: repeat-x;
    background-position: center center;
}

.dataTable tr:hover td {
    color:#000000 !important;
}

.dataCell{
    border-bottom:1px solid #e8e8e8;
    border-right:1px solid #dfdfdf;
}

.inputTable {
    font-family: Tahoma;
    width: 1000px;
    margin-left:0px;
    margin-top:10px;
}

.inputTable .inputRow {
    height:30px;
    background-color:#fafafa;
    color:#828282;
}

.inputCell{
    border-bottom:1px solid #e8e8e8;
}

.linkTable {
    font-family: Tahoma;
    width: 1000px;
    margin:10px 0 0 0;
}

.linkTable .linkRow {
    height:20px;
    background-color:#f6f6f6;
    color:#000000;
    text-align:center;
}

.linkTable .linkRow  .linkCell a{
    height:20px;
    width:300px;
    display:block;
}

.linkTable .linkRow  .linkCell a:hover, a.active{
    background-color:#eab025;
}

/***** TABLES END *****/
/***** COMPONENTS *****/
.dropdown {
    /*height:30px;
    background-image:url(../images/southernPhone/input_bg.jpg);
    background-color:#eaeaea;
    border:1px inset #cccccc;
    font-family: Arial,Helvetica,sans-serif;;
    font-size:9.5pt;
    font-weight:bold;
    color:#616161;
    margin-left:-3px;
    padding:0;*/
}

.selectbox .display.hover{
    background-color:#5293CD;
    background-image: url("../themes/southernphone2/images/ui-bg_glass_50_727272_1x400.png") !important;
    background-repeat: repeat-x;
    background-position: center center;
    color: #ffffff !important;
    line-height: 20px;
}
.selectbox .display{
    background-image: url("../themes/southernphone2/images/ui-bg_glass_100_edebeb_1x400.png") !important;
    background-repeat: repeat-x;
    background-position: center center;
    width:100%;
}


.selectbox .display span.text{
    width:95%;
    font-size: 9pt !important;
    font-family: Arial !important;
}
.groupbox{
    margin-top:10px;
}

.itemTable h4{
    height:20px;
    padding:0;
    margin:0;
}
/***** DATA USAGE REPORT *****/

.hiddenTable {
    display:none;
}

.visibleTable {
    display:block;
}

#daily {
    float:left;
    width:1000px;
}

#monthly {
    float:left;
    width:1000px;
}

#yearly {
    float:left;
    width:1000px;
}

.dataUsageHeaderTable {
    font-family: Tahoma;
    margin:10px 0 0 0;
    border:1px solid #d3d3d3;
    width:263px;
    table-layout:fixed;
}


.dataUsageHeaderTable .headerRow {
    height:35px;
    background-color:#2581c0;
    color:#ffffff;
    text-align:center;
}

.dataUsageHeaderTable .headerRow  .headerCell{
    border-bottom:1px solid #a4a9ad;
    border-right:1px solid #d8d8d8;
}

.dataUsageTable{
    float:left;
    position:relative;
    text-align:left;
    width:30%;
}

.dataUsageTable .tableContent {
    overflow:auto;
    height:400px;
    width:100%;
    text-align:left;
}

.dataUsageTable .dataTable {
    font-family: Tahoma;
    margin:0 0 0 0;
    width:263px;
    border:1px solid #d3d3d3;
}

.dataUsageGraph{
    float:left;
    position:relative;
    text-align:right;
    width:70%;

}

/***** PAYMENT *****/
.paymentTable {
    /*font-family: Tahoma;*/
    font-family: "PTSansNarrowRegular";
    width: 50%;
    margin:0 auto;
    margin-top:20px;
}

.paymentTable .dataRow {
    height:40px;
    /*background-color:#ffffff;*/
    /*color:#828282;*/
    color:black;
}

.paymentTable .dataRow2 {
    height:40px;
    background-color:#f6f6f6;
    color:black;
}

.paymentTable .dataCell{
    border:none;
}

/***** CUSTOMER DETAILS *****/
#generalProfile, #userPassword{
    height:600px;
}
.customerDetailContent {
    height:450px;
    width:495px;
    text-align:left;
    float:left;
}

.customerTable {
    /*font-family: Tahoma;*/
    /*font-family: "PT Sans Narrow";*/
    width: 100%;
    margin:0 0;
    margin-top:20px;
}

.customerTable .dataRow {
    height:40px;
    /*background-color:#ffffff;*/
    color:#000000;
}

.customerTable .dataRow2 {
    height:40px;
    background-color:#f6f6f6;
    /*color:#828282;*/
    color:#000000;
}
#myDetails .situationTable{
    width: 100%;
}
.situationTable .dataRow2, .situationTable .dataRow {
    height:40px;
}
#myDetails .situationTable .dataCell.first{
    width: 150px !important;
}
.customerTable .dataCell, .situationTable .dataCell, .billindAddressTable .dataCell{
    border:none;
}

.customerDetailButtons {
    float:right;
    width:100%;
    margin-top:50px;
}

.customerDetailButtons input{
    height:0;
    width:0;
}

/*.save {
    background-image: url(../images/southernPhone/saveButton_h.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 100px;
    margin-top:10px;
    text-align:center;
}

.save a{
    background-image: url(../images/southernPhone/save.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 100px;
    display: block;
}*/

.save a:hover{
    background: none;
}

/*.reset {
    background-image: url(../images/southernPhone/resetButton_h.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 100px;
    margin-top:10px;
    text-align:center;
}

.reset a{
    background-image: url(../images/southernPhone/reset.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 100px;
    display: block;
}*/

.reset a:hover{
    background: none;
}

/*.clear {
    background-image: url(../images/southernPhone/clearButton_h.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 100px;
    margin-top:10px;
    text-align:center;
}

.clear a{
    background-image: url(../images/southernPhone/clear.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 100px;
    display: block;
}*/

.clear a:hover{
    background: none;
}

.headerTable a.sortheader {
    color:white;
    text-decoration: none;
    display: block;
}
.headerTable span.sortarrow {
    color: #D8EDFC;
    text-decoration: none;
}
.headerTable a.myclass {
    background-color:red;
}

#utbListDiv .headerTable.tblSubHdr a{
    color:#D8EDFC;
}

div.anythingSlider.activeSlider .anythingWindow {
	border-color: #f0bb3d !important;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	border-color: #f0bb3d !important;
}

/**** agl special form ****/
#tabs ul.ui-tabs-nav li.ui-state-default a{
   /* color: #ffffff !important;*/
}
#tabs ul.ui-tabs-nav li.ui-tabs-selected a{
    color: #000000 !important;
}
#tabs ul.ui-tabs-nav li a:hover{
    color: #000000 !important;
}

.formRow {
    clear: both;
    width: 100%;
    padding: 8px 0;
    font-size: 12px;
    line-height: 22px;
    vertical-align: middle;
}
.formRow input, .formRow .mandatory{
    float: left;
}
.mandatory {
    color: #06C;
}
.formRow span  {
    float: left;
    margin-right: 5px;
    padding: 1px;
}

.labelprimary{
   /* width: 120px !important;
    display: block;
    float: left;*/
}
.labelprimary, .labelsecondary, label.bold, .labelbold {
/*margin-right: 10px;
display: block;
float: left;*/
font-weight: bold;/*
padding-left: 0;*/
}
#tabs h3 {
    font-size: 1.3em !important;
    color: #06C;
    border-bottom: 1px dotted #CFC4B2;
    font-family: 'BrauerNeue-Bold',Verdana,Arial,Helvetica,sans-serif;
    text-rendering: optimizelegibility;
    /*margin: 0 0 0.4em;*/
}

#tabs .btn {
    height: 33px;
    line-height: 27px;
    font-size: 12px;
    cursor:pointer;
    display: block;
    border: none !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    font-weight: bold !important;
    color: white !important;
    text-decoration: none !important;
    white-space: nowrap;
    padding: 1px 5px 5px 3px !important;
    vertical-align: middle;
    cursor: hand !important;
    text-align: center;
    background: url(../images/agl/BGButtonSprite.png) no-repeat scroll top left;
    overflow: visible;
}
#tabs a.cancel {
    color: #6E5C4E;
    background: url(../images/agl/splitterCancel.png) no-repeat left top !important;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 13px;
}
#tabs ul.buttons {
    padding-top: 10px;
    margin-bottom: 30px;
}
#tabs ul{
    list-style-type: none;
}
#tabs ul.buttons li {
margin: 0 10px 0 0;
padding: 0;
background: none;
list-style-type: none;
float: left;
display: block;
line-height: 30px;
}
#tabs .btnSmaller {
    background-position: -725px 0;
    width: 75px;

    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-box-shadow: 0 !important;
    box-shadow: #666 0px !important;
    -webkit-box-shadow: #666 0px !important;
    -webkit-border-radius: 0px !important;
}
#tabs .btnSmaller:hover {
background-position: -725px -47px;
}
#tabs .ketchup-error-container li {
    color: red;
    font-size: 11px;
    margin: 0px 0 2px 1px;
    list-style:none;
    clear: both;
}
#tabs .error-container li{
    color: red;
    clear: both;
}
#tabs .tableContent{
    width: 960px;
}
.icon-help{
    display: none !important;
}
.textarea{
    width: auto;
    min-width: 300px;
}
.ui-widget {
/*    font-family: "PTSansNarrowRegular" !important;*/
    font-family: "PT Sans Narrow",Arial,Helvetica,sans-serif !important;
}