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

body {
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    background-color:#f3f3f3;
    /*min-width:1258px;*/
}

.left {float:left;}
.right {float:right;}
.clr {clear:both; font-size:0; }
.IE7 .clr, .IE6 .clr{ display:inline; }

*, * html *{ margin:0; padding:0; }
html, body { height: 100%; }

a img, img, fieldset { border:0 none; }
a { text-decoration:none; outline:none; color:#666666; }
a:hover { text-decoration:none !important; }

.content-area {
    width:100% !important;
}

#utbListDiv a {
    text-decoration:underline;
}

#utbListDiv a table tr td span{
    text-decoration:none !important;
}

#utbFrmDiv select, #ticketDiv select{
    font-size: 11px;
    line-height: 20px;
    background-image: url('../img/images/divider.gif');
    background-repeat: repeat-x;
    background-position: 50% -20px;
    border: 1px solid #f1f1f1;
    font-family:Verdana, Geneva, sans-serif;
}

input[type=text], input[type=password], input.textType{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
    height:20px;
    line-height: 20px;
    vertical-align: middle;
    background-image: url('../img/images/divider.gif');
    background-repeat: repeat-x;
    background-position: 50% -20px;
    border: 1px solid #f1f1f1;
    color:#000000 !important;
}

input[disabled], input[readonly], input.readOnlyText, .readonlytext{
    color:#000000 !important;
    background-color: #eeeeee !important;
}

input[type=checkbox], input[type=radio] {
    margin-right:4px;
    vertical-align: middle;
}

textarea{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
    width:99%;
    background-image: url('../img/images/divider.gif');
    background-repeat: repeat-x;
    background-position: 50% -20px;
    border: 1px solid #f1f1f1;
}

h1, h2, h3, h4, h5, h6 { line-height: 1em; }
h5 {
    line-height: 14px !important;
}
.contact tr td{
    line-height: 14px !important;
}
/*{
    height: auto !important;
    min-height: 100%;
    width:100%;
}

*:first-child+html {
    height: auto !important;
    margin-bottom: -28px;
    min-height: 100%;
    width:auto !important;
    min-width:100%;
    display:inline;
    zoom:1;
}*/

.top-container{
    margin-bottom: -28px;
    height: 100%;
    width:100%;

}

*:first-child+html .top-container{
    /*height: auto !important;
    width:auto !important;*/
    margin-bottom: -28px;
    min-height: 100%;
    min-width:100%;
    display:inline;

}

.clearD{
    height:28px;
}
/*header, #main-menu, #display-area, #footer{
    width:100% !important;
    position:relative;
}*/

.container{
    max-width:100%;
    margin:0 auto;
}

#main-menu .container {
    position:relative !important;
}

/*header*/
.top-container #header{
    border-top:5px solid #515151;
    height: 79px;
    background-color: #ffffff !important;
    width:100%;

}

#logo{
    position:relative;
    width:39%;
    height:65px;
}
#logo a{
    position:absolute;
    top:6px;
    left:39px;
}
#powered{
    position:relative;
    width:115px;
    height:20px;
	/*update background image location for powered if needed*/
    /*background:url(../images/southern/powered_by_utilibill.gif) 0 0px no-repeat;*/
    right:0px;
    top:55px
}
.h-rightarea{
    padding:0 0px 0 0;
    width:auto;
}
.topmenu{
    min-width: 298px;
    height:26px;
    margin:0 0 28px 0;
}
.tm-left{
    width:7px;
    height:26px;
    background:url(../images/tm-leftbg.png) 0 3px no-repeat;
    background-color:#515151;
}
.tm-mid{
    min-width:282px;
    height:26px;
    background:url(../images/tm-midbg.gif) 0 3px repeat-x;
    background-color:#515151;
}
.tm-right{
    width:7px;
    height:26px;
    background:url(../images/tm-rightbg.png) 0 3px no-repeat;
    background-color:#515151;
}
.topmenu li{
    float:left;
    list-style:none;
    padding:0 0 0 2px;
    background:url(../images/topmenu-sep.gif) 0 4px no-repeat;
    height:auto;
    line-height:12px;
}
.topmenu li.first{
    background:none;
}
.topmenu li{
    padding: 0 5px;
    font-size:9px;
    color:#fbfafa;
}
.topmenu li a:hover{
    text-decoration:none;
}
.topmenu .change-group a{
    color:#cdf0c2;
}
.topmenu .logout a{
    color:#fa5c5c;
}
.feedback-link{
    margin:0 6px 0 35px;
    padding:3px 0 0 27px;
    height:17px;
    font-size:12px;
    color:#2b2b2b;
    background:url(../images/feedback-linkbg.gif) 0 0 no-repeat;
}
.feedback-link:hover{
    text-decoration:none;
}
.searcharea{
    position:relative;
    margin: 25px auto 25px auto;
    width:153px;
    height:22px;
    padding:0 0 0 5px;
    background:url(../images/searcharea-bg.gif) 0 0 no-repeat;
}
.searcharea input[type=text]{
    background:none !important;
}
.search-btn{
    display:block;
    cursor:pointer;
    border:0;
    width:18px;
    height:17px;
    margin:2px 0 0 9px;
    background:url(../images/search-btn.gif) 0 0 no-repeat;
}
.searchbox{
    width:121px;
    line-height:22px;
    height:22px;
    background:none !important;
    font-size: 12px;
    border:0 !important;
}

/*main-menu*/
.top-container #main-menu{
    height:25px;
    border-bottom:4px solid #2b2b2b;
    background:url(../images/menu-bg.gif) 0 0 repeat-x;
    width:100%;
}

/*display-area*/
.top-container #display-area{

    background:url(../images/da-topbg.gif) 0 0 repeat-x;
    width:100%;
    min-height: 656px;
}

.main #display-area .container{
    padding:0;
}

/*text styles*/
#display-area h1{
    font-size:18px;
    font-weight:normal !important;
    color:#64943c;
    line-height:38px;
}
#display-area h2, .img-title-holder span.text{
    font-size:14px;
    font-weight:normal !important;
    color:#585757;
}

/****/

.content-area{
    width: 100%;
    padding:16px 0px 26px 0px;
    margin: 0 auto;
    _text-align:center;
}

/**sidenav**/
.sidenav{
    width:144px;
}

.subMenuDiv{
    width:144px;
    position:relative;
    margin:4px 0 0 0;
}
.subMenu{
    width:119px;
    position:relative;
    margin:0;
    list-style:none outside none;
}
.sidenav .top{
    height:5px;
    width:144px;
    font-size:0;
    background:url(../images/sn-topbg.gif) 0 0 no-repeat;
    float:left;
}
.sidenav .mid{
    width:132px;
    padding:0 6px;
    background:url(../images/sn-midbg.gif) 0 0 repeat-y;
    float:left;
}
.sidenav .bot, .p7TBMtext .bot{
    height:6px;
    width:144px;
    font-size:0;
    background:url(../images/sn-botbg.gif) 0 0 no-repeat;
    float:left;
}

.sidenav li, .subMenu li{
    padding:1px 0 0 0;
    list-style:none;
    float:none !important;
}

.sidenav li.first, .subMenu li.first{
    padding:0;
}
.sidenav li a{
    display:block;
    width:131px;
    height:auto;
    border-top:1px solid #bbbbbb;
    border-left:1px solid #919191;
    border-bottom:1px solid #7d7d7d;
    background-image: url(../images/sidenav-a-bg.png);
    background-position: center center;
    background-repeat:repeat-x;
    float:left;
    vertical-align: middle;
}
.subMenu li a{
    display:block;
    width:119px;
    height:auto;
    background: #2B2B2B !important;
    float:left;
    vertical-align: middle;
    padding-left: 15px !important;
    padding-right:9px !important;
    margin-left:-15px;
}
.sidenav li a:hover, .subMenu li a:hover, .sidenav li a.selectedSubMenu{
    background-image: url(../images/sidenav-hov-bg.png) !important;
    background-position: center center !important;
    background-repeat:repeat-x !important;
}
.sidenav li span, .subMenu li span{
    display:block;
}
.sidenav li span.img{
    width:44px;
    height:54px;
    vertical-align:middle;
    line-height:54px;
    text-align:right;
}
.sidenav li span.img img{
    line-height:54px;
    vertical-align:middle;
}
.sidenav li span.text, .subMenu li span.text{
    padding-top:5px;
    padding-bottom:5px;
    font-size:11px;
    color:#ffffff;
    line-height:18px;
    text-shadow: #2e2e2e 2px 2px;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#2e2e2e,direction=90);*/
    padding-left:10px;
    text-align: left;
    cursor: pointer !important;
}

.subMenu li span.text{
    padding-left:5px !important;
}
.sidenav li a:hover span.text, .subMenu li a:hover span.text{
    color:#ffffff !important;
}
.sidenav li a, .subMenu li a{
    text-decoration:none;
}

/**maindisp-area**/
#display-area .container .content-area .maindisp-area{
    padding:0 0 0 0px;
    min-height:500px;
}
.contact{
    width:100%;
}
.maindisp-area table tr td, .contact table tr td {
    font-size: 11px;
    color: #5E5E5E;
}
.img-title-holder{
    padding:0 0 5px 0;
    height:48px;
}
.img-title-holder, .img-title-holder .heading-img, .img-title-holder .heading-img img{
    line-height:48px;
    vertical-align:bottom;
}
.heading-img{
    padding:0 12px 0 52px;
}
.img-title-holder span { display:inline-block; }
.img-title-holder span.text{
    vertical-align:bottom;
    line-height:22px;
}
.IE9 .img-title-holder span, .IE8 .img-title-holder span, .img-title-holder h2 span{
    display:inline;
}

.main .heading-img{
    padding:0 12px 0 0;
}

.white-round-box{
    width:824px;
    margin:4px auto 8px auto;
    text-align:left;
}
.white-round-box .top,
.white-round-box .bot{
    height:8px;
    font-size:0;
}
.white-round-box .top{
    background:url(../images/wrb-topbg.gif) 0 0 no-repeat;
}
.white-round-box .mid{
    width:822px;
    padding:8px 1px 10px 1px;
    background:url(../images/wrb-midbg.gif) 0 0 repeat-y;
}
.white-round-box .bot{
    background:url(../images/wrb-botbg.gif) 0 0 no-repeat;
}
.admin-table{
    width:100%;
}
.admin-table h2{
    padding-left:5px;
}
.admin-box {
}
.admin-box .top{
    background:none !important;
    height:8px !important;
}
.admin-box .mid{
    width:100% !important;
    padding:8px 1px 10px 1px !important;
    background:none !important;
}
.admin-box .bot{
    background:none !important;
    height:8px !important;
}
#admin2-box .top{
    background:none !important;
    height:8px !important;
}
#admin2-box .mid{
    width:100% !important;
    padding:8px 1px 10px 1px !important;
    background:none !important;
}
#admin2-box .bot{
    background:none !important;
    height:8px !important;
}
.border-img{
    height:3px;
    width: 714px;
    margin:auto;
    background:url(../images/border-bg.gif) 0 0 no-repeat;
    margin:0 auto 15px auto;
}
.system-feature{
    text-align:center;
}
.system-feature.first{
}
.sf-img{
    height:60px;
}
.sf-name{
    height:36px;
}
.system-feature h6{
    font-size:10px;
    color:#61903a;
    font-weight:normal;
    line-height:14px;
    padding:3px 0;
}
.status-heading{
    height:16px;
    background-color:#61903a;
}
.system-feature .status-heading p{
    font-size:10px;
    color:#ffffff;
    line-height:16px;
    font-weight:normal;
    padding:0;
}
.system-feature p{
    font-size:11px;
    font-weight:bold;
    color:#686767;
    padding:5px 0 0 0;
}
.support-cont{
    padding:0 0 0 50px;
}
.support-cont h5{
    font-size:14px;
    font-weight:normal;
    color:#6da142;
}
.support-cont h6{
    font-size:12px;
    font-weight:bold;
    color:#a9b99b;
    padding:12px 0 0 0;
}
.support-cont p{
    font-size:12px;
    color:#878886;
    padding:3px 0 0 0;
    float:left;
    width:350px;
    margin-right:10px;
}

/**calendar**/
.calendar{
    width:241px;
    margin:0 auto;
}
.calendar .date td,.calendar .frmContactHdr td{
    height:27px;
    background:url(../images/date-bg.gif) 0 0 no-repeat;
}
.calendar p,.calendar .frmContactHdr td{
    font-size:11px !important;
    color:#ffffff !important;
    text-align:center;
}
.calendar .date p{
    line-height:27px;
}
.calendar tr.day td{
    height:32px;
    background-color:#a9b99b;
    border-right:1px solid #93a782;
    border-top:1px solid #93a782;
}
.calendar .day td.first{
    border-left:2px solid #93a782;
}
.calendar tr.day p{
    font-size:11px;
    line-height:32px;
}
.prev-year-link,
.prev-month-link,
.next-year-link,
.next-month-link{
    display:block;
}
.prev-year-link:hover,
.prev-month-link:hover,
.next-year-link:hover,
.next-month-link:hover{
    text-decoration:none;
}

.prev-year-link{
    width:20px;
    height:12px;
    background:url(../images/prev-year-link.gif) 0 0 no-repeat;
}
.prev-month-link{
    width:14px;
    height:12px;
    background:url(../images/prev-month-link.gif) 0 0 no-repeat;
}
.next-year-link{
    width:26px;
    height:12px;
    background:url(../images/next-year-link.gif) 0 0 no-repeat;
}
.next-month-link{
    width:16px;
    height:12px;
    background:url(../images/next-month-link.gif) 0 0 no-repeat;
}
.calendar tr.days td{
    height:29px;
    background-color:#d5ddcf;
    border-right:1px solid #93a782;
    border-top:1px solid #93a782;
    border-bottom:1px solid #93a782;
    text-align:center;
    font-size:10px;
    color:#ffffff;
    font-weight:bold;
}
.calendar tr.days td.first{
    border-left:2px solid #93a782;
}
.calendar tr.days td.weekend{
    background-color:#b8c5ad;
}
.calendar tr.calendar-num td{
    height:29px;
    border-right:1px solid #93a782;
    border-bottom:1px solid #93a782;
    text-align:center;
    font-size:10px;
    color:#323c2a;
    font-weight:bold;
}
.calendar tr.calendar-num td.first{
    border-left:2px solid #93a782;
}
.calendar tr.calendar-num td.current{
    background-color:#a9b99b;
}

/*footer*/
#footer{
    width:100%;
    height:28px;
    background-color:#2b2b2b;
    position:relative;
    float:left;

}
#footer .container{
    text-align:center;
    padding:2px 0 0 0;
}
#footer li{
    display:inline;
    list-style:none;
}
#footer li.firstLink{
    background:url(../images/footermenu-sep.gif) right 4px no-repeat;
    padding:0 1px 0 0;
}
#footer li a, #footer li p{
    font-size:10px;
}
#footer li a{
    color:#a9b99b;
    padding:0 10px 0 10px;
    text-decoration:underline;
}
#footer p{
    color:#bcbaba;
    display:inline;
}

/*Admin page*/
.round-box{
    width:1217px;
    margin:5px auto 0 auto;
}
.round-box .top{
    height:13px;
    font-size:0;
    background:url(../images/rb-topbg.gif) 0 0 no-repeat;
}
.round-box .mid{
    width:1157px;
    _width:100% !important;
    padding:0 30px;
    background:url(../images/rb-midbg.gif) 0 0 repeat-y;
}
.round-box .bot{
    height:16px;
    background:url(../images/rb-botbg.gif) 0 0 no-repeat;
}
.round-box h2 {
    text-align: left;
}
.round-box ul{
    text-align:left;
}
.round-box li{
    list-style:none;
    display:inline-block;
    padding:0 5px;
    width:115px;
    float:left;
    vertical-align:top;
}
.round-box.icons1 li{
    padding:0 16px;
}
.round-box.icons2 li{
    padding:0 10px;
}
.IE7 .round-box li, .IE6 .round-box li{
    display:inline;
}
.admin-priv{
    padding:10px 0 5px;
    text-align:center;
}

.admin-priv a:hover .ap-name p, .admin-priv a:hover{
    text-decoration: underline;
    cursor: pointer;
}

.ap-img{
    height:46px;
}
.ap-img, .ap-img img{
    line-height:46px;
    vertical-align:bottom;
}
.ap-name{
    padding:5px 0px;
    height: 25px;
}
.ap-name p{
    font-size:10px;
    color:#61903a;
}
/*.round-box.two-col.left{
    width:896px;
    margin:5px 0 34px 10px;
}
.round-box.two-col.left .top,
.round-box.two-col.left .bot{
    height:9px;
    font-size:0;
}
.round-box.two-col.left .top{
    background:url(../images/rb-twocol-topleftbg.gif) 0 0 no-repeat;
}
.round-box.two-col.left .mid{
    width:856px;
    padding:0 20px;
    background:url(../images/rb-twocol-midleftbg.gif) 0 0 repeat-y;
}
.round-box.two-col.left .bot{
    background:url(../images/rb-twocol-botleftbg.gif) 0 0 no-repeat;
}

.round-box.two-col.right{
    width:296px;
    margin:5px 15px 34px 0;
}
.round-box.two-col.right .top,
.round-box.two-col.right .bot{
    height:8px;
    font-size:0;
}
.round-box.two-col.right .top{
    background:url(../images/rb-twocol-toprightbg.gif) 0 0 no-repeat;
}
.round-box.two-col.right .mid{
    width:256px;
    padding:0 20px;
    background:url(../images/rb-twocol-midrightbg.gif) 0 0 repeat-y;
}
.round-box.two-col.right .bot{
    background:url(../images/rb-twocol-botrightbg.gif) 0 0 no-repeat;
}
.round-box.two-col.left li{
    padding:0 14px;
}
.round-box.two-col.right li{
    padding:0 8px;
}*/
/** UTBFRRMDIV **/
#utbFrmDiv .dataLbl td{
    /* Style for displaying data in a label (not editable) */
    text-align: left;
    font-size: 11px;
    font-weight:normal !important;
    padding:0 5px 0 5px !important;
}
#utbFrmDiv .dataLbl1 td{
    /* Style for displaying data in a label (not editable) */
    background-color: #DDDDDD;
    text-align:left;
    font-size: 11px;
    font-weight: normal;
    padding:0 5px 0 5px !important;
}
#utbFrmDiv .dataLbl2 td{
    /* Style for displaying data in a label (not editable) */
    background-color: #F5F5F5;
    text-align:left;
    font-size: 10px;
    font-weight: normal;
    padding:0 5px 0 5px !important;
}
#utbFrmDiv .dataLbl1{
    /* Style for displaying data in a label (not editable) */
    background-color: #DDDDDD;
    TEXT-ALIGN:left;
    font-size: 11px;
    font-weight: normal;
    padding:0 5px 0 5px !important;
}
#utbFrmDiv .dataLbl2{
    /* Style for displaying data in a label (not editable) */
    background-color: #F5F5F5;
    TEXT-ALIGN:left;
    font-size: 10px;
    font-weight: normal;
    padding:0 5px 0 5px !important;
}
#utbFrmDiv .warning{
    font-size: 14px;
    color: blue;
    background-color: #EDEEED;
}
#utbFrmDiv .warning-message{
    font-size: 12px;
    color: blue;
    background-color: #EDEEED;
}

#utbFrmDiv .warning-message2{
    font-size: 12px;
    color: blue;
    text-align: center;
    vertical-align: middle;
}
#utbFrmDiv .warning-message2 .img-icon-warn{
    height: 31px !important;
    width: 31px;
    position: static;
    display: inline-block;
    background: url("../img/importantv2.png") 0 0 no-repeat;
    padding: 7px 0px 0px 0px;
}

#utbFrmDiv .error, .ui-dialog-content p.error{
    COLOR: red;
    font-weight:bold;
    font-size:13px;
}
#utbFrmDiv .message{
    COLOR: green;
    font-weight:bold;
    font-size:13px;
}

#utbFrmDiv .messageTPINfailed{
    COLOR: red;
    font-weight:bold;
    font-size:15px;
}

#utbFrmDiv .border_green, .contact .border_green{
    border: 1px solid #8BA882;
}
#utbListDiv .tblOneHighlight td{
    color:#36789D;
    vertical-align:middle;
}
#utbListDiv .tblTwoHighlight td{
    background-color: #E9F5DF;
    color:#36789D;
    vertical-align:middle;
}

#utbListDiv .tblHighlight1 td{
    color:Black;
    vertical-align:middle;

}
#utbListDiv .tblHighlight2 td{
    background-color: #B4E2C3;
    color:Gray;
    vertical-align:middle;
}

#utbFrmDiv .frmTrHighlight5 td{
    background-color: #E3F6CE !important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightLtRed td{
    background-color: #F9E0E0 !important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightLtBlue td{
    background-color: #E2E2FF!important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightLtYellow td{
    background-color: #FFFF99!important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightLtGreen td{
    background-color: #DEFFBC!important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightGreen td{
    background-color: #C8E6A9!important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightGrey td{
    background-color: #DEDEDE!important;
    color: #2E2C2C !important;
}

#utbFrmDiv .frmTrHighlightMauve td{
    background-color: #D2D2E6!important;
    color: #2E2C2C !important;
    vertical-align:middle !important;
}


.centeredTbl {
    margin:0 auto;
}


/*Customer page*/
.form-container{
    width:820px;
    padding:0 0 0 0px;
}
.form-container form{
    padding:0 0 48px 0;
}
.form-container .border-img{
    margin:0 0 2px 0;
}
.form-col{
    width:396px;
}
.title-holder h6, #utbFrmDiv h2, #checkAddress .popupHeader, .popup h2, #utbFrmDiv .header td, #utbListDiv h2, #utbListDiv .tblHdg td, #ticketDiv .tblHdg td, #utbFrmDiv .frmContactHdr, .frmContactHdr td{
    font-size:15px !important;
    font-weight:normal !important;
    color:#fdfcfc !important;
    line-height:20px;
    padding:0px 0 0 6px;
    text-align: left;
}
#utbListDiv .tblHdg td a.tblHdrLink {
    color: #ffffff !important;
    text-decoration: none !important;
}
a.tblHdrLink {
    color: #ffffff !important;
    text-decoration: none !important;
}
.form-block .body table {
    width:100%;
}
#utbListDiv .tblSubHdr td{
    background-color: #505050;
    height:18px;
    font-weight:normal !important;
    text-align: left;
    color:#ffffff !important;
    padding: 0 5px 0 5px!important;
}
#utbListDiv .tblSubHdr th{
    background-color: #505050;
    height:18px;
    font-weight:normal !important;
    padding: 0 5px 0 5px!important;
    color: #ffffff;
}

.tblSubHdrWarn td{
    background-color: #F6CECE;
    height:18px;
    font-weight:normal !important;
    text-align: left;
    padding: 0 5px 0 5px!important;
    font-size: 13px;
}

.tblSubHdrWarn th{
    background-color: #F6CECE;
    height:18px;
    font-weight:normal !important;
    padding: 0 5px 0 5px!important;
    font-size: 13px;
}

#utbFrmDiv .tblSubHdr td, #utbFrmDiv .tblSubHdr4 td, #utbFrmDiv .tblSubHdr{
    /*background:url("../img/images/divider.gif") repeat-x;*/ 
    background:url("../images/buttons/subHdr.png") repeat-x 0 -9px #808080;
    font-weight:normal !important;
    font-size: 13px;
    height:18px;
    color: white;
    padding: 0 5px 0 5px!important;
    text-align:left;
    text-decoration:none;
    border-left: 1px solid #9C9B9B;
    border-top: 1px solid #787878;
    border-right: 1px solid #787878;
    border-bottom: 1px solid #9C9B9B;
}

#utbFrmDiv .tblSubHdr2 td, #utbFrmDiv .tblSubHdr3 td{
    background-color: #505050;
    font-size: 11px;
    height:20px;
    font-weight:normal !important;
    TEXT-ALIGN: left;
    padding-left:6px;
    color:White;
}
#utbListDiv .tblOne td{
    font-size:11px;
    vertical-align:middle;
    text-align: left;
    padding:3px 0 3px 0;

}
#utbListDiv .tblTwo td{
    background-color: #E9F5DF;
    font-size:11px;
    vertical-align:middle;
    text-align: left;
    padding:3px 0 3px 0;
}

.tblUnif td {
    background-color: #E7EBE4;
    font-size: 11px;
    vertical-align: middle;
    padding: 3px 3px 3px 3px;
}

.frmTbl td{
    text-align:left;
    margin:0px;
    padding:2px 0 2px 0px !important;
    border:0px;
    font-size:11px;
    vertical-align: middle;
    height:20px;
}
.frmTb2 td{
    background-color: #E7EBE4;
    text-align:left;
    margin:0px;
    padding:2px 0 2px 0px !important;
    border:0px;
    font-size:11px;
    vertical-align: middle;
    height:20px;
}
#utbFrmDiv .frmTblDate input{
    width: 80px;

}


#utbFrmDiv .frmTb2Date input{
    width: 80px;

}

#utbFrmDiv .frmTblDate td{
    TEXT-ALIGN: left;
    margin:0px;
    height:20px;
    padding:2px 0 2px 0px !important;
}

#utbFrmDiv .frmTb2Date td{
    TEXT-ALIGN: left;
    margin:0px;
    height:20px;
    padding:2px 0 2px 0px !important;
}
.form-block .body{
    padding:0 0 12px 3px;
}
.form-col table td{
    padding:0 0 8px 0;
}
.form-col table label{
    font-size:12px;
    color:#5e5e5e;
}
.form-col table label span{
    color:#6fa343;
}
/*.textfield-long, .textfield-long input{
    width: 180px;
}
.textfield-133, .textfield-133 input{
    width: 123px;
}
.textfield-med, .textfield-med input{
    width:109px;
}
.textfield-short, .textfield-short input{
    width:85px;
}
.textfield-long, .textfield-med, .textfield-short, .textfield-133, input[type=text]{
    height:22px;
    padding:0 5px;
}
.textfield-long, input[type=text]{
    background:url(../images/textfield-bg3.gif) 0 0 no-repeat !important;
}
.textfield-med{
    background:url(../images/textfield-bg4.gif) 0 0 no-repeat;
}
.textfield-short{
    background:url(../images/textfield-bg5.gif) 0 0 no-repeat;
}
.textfield-133{
    background:url(../images/textfield-bg6.gif) 0 0 no-repeat;
}
.textfield-long input, .textfield-med input,.textfield-short input, .textfield-133 input, input[type=text]{
    height:22px;
    line-height:22px;
    background:none;
    border:0;
}*/
.select-long, .select-med, .select-short, .select-67, .select-95{
    height:22px;
    line-height:22px;
}
.select-long{
    width:240px;
}
.select-med{
    width:190px;
}
.select-short{
    width:118px;
}
.select-95{
    width:95px;
}
.select-67{
    width:67px;
}
.fc-button{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    border: 1px solid #327e04;
    background: url("ticketingNEW/custom-theme/images/ui-bg_highlight-hard_30_285c00_1x100.png") repeat-x scroll 50% 50% #285C00;
    font-weight: bold;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
}

a.buttonSml,  a.button, a.buttonLrg, a.buttonXLrg, a.buttonVerify,a.buttonUnlock {
    text-decoration: none !important;
    display: inline-block;
}

a.buttonSml span{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/xtrasmallButton.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:50px;
    text-decoration: none !important;
}

a.buttonVerify span{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/konec/mediumButton_yellow.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:150px;
    text-decoration: none !important;
}

a.buttonUnlock span{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/konec/mediumButton_red.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:150px;
    text-decoration: none !important;
}

a.buttonLrg span{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/mediumButton.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:150px;
    text-decoration: none !important;
}

a.buttonXLrg span{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/largeButton.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:200px;
    text-decoration: none !important;
}

a.buttonLrg:hover span {
    background: url("../images/buttons/mediumButton.png") no-repeat scroll 0 50%;
    background-position: top center;
}
a.button span, input[type=submit]{
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/smallButton.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 5px;
    margin:0 auto;
    width:100px;
    text-decoration: none !important;
}
input[type=button]{
    float:left;
    display:block;
    cursor:pointer;
    height:20px;
    border:0;
    line-height:16px;
    background: url("../images/buttons/xtrasmallButton.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:50px;
    text-decoration: none !important;
}

.button1 {
    display:block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/smallButton.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    /*padding:2px 5px;*/
    margin:0 auto;
    /*width:100px;*/
    text-decoration: none !important;
}

.fc-button.save{
    font-style:italic;
}
.IE7 .fc-button.save{
    width:130px;
}
.IE7 .fc-button.cancel{
    width:220px;
}
.fcb1{
    margin:13px 0 0 0;
    padding: 0 0 5px 0;
    width:130px;
}
.fcb2{
    padding:0 50px 5px 50px;
    margin:13px 11px 0 0;
}
.form-block .button-holder{
    padding: 0 0 0 27px;
}
.IE7 .form-block .button-holder{
    padding: 0 0 0 21px;
}


/**sidebar**/
.sidebar{
    width:248px;
}

.social-links{
    margin:0 0 10px 0;
}
.social-links a{
    float:left;
    display:block;
    margin:2px 10px 0 7px;
}
.separator, .title-holder, .popup h2, #utbFrmDiv h2, #checkAddress .popupHeader, #utbFrmDiv .header td, #utbListDiv h2, #utbListDiv .tblHdg td, #ticketDiv .tblHdg td, #utbFrmDiv .frmContactHdr, .frmContactHdr td{
    height:20px;
    /*border-left:1px solid #aec49c;*/
    border-bottom:1px solid #9bb884;
    background:url(../images/date-bg.gif) 0 -9px repeat-x;
    background-color:#61903a;
    margin:0 0 2px 0;
}
.profile{
    /*padding:5px 10px 12px 10px;*/
    width:100%;
}
.profile h5{
    font-size:18px;
    font-weight:bold;
    color:#5e5e5e;
}
.profile h6{
    font-weight:bold;
    font-size:12px;
    color:#61903a;
    padding:8px 0;
    line-height:12px;
}
.profile p{
    font-size:12px;
    color:#5e5e5e;
    padding:0 0 5px 0;
}
.profile p a{
    color:#61903a;
}
.profile p a:hover{
    text-decoration:none;
}
.textfield2, .textfield2 input{
    width:157px;
    height:22px;
}
.textfield2{
    padding:0 5px;
    background:url(../images/textfield-bg2.gif) 0 0 no-repeat;
}
.textfield2 input{
    line-height:22px;
    background:none;
    border:0;
}
.profile form{
    padding:8px 0 0 35px;
}
.profile table td{
    padding:17px 0 0 0;
}
.profile table label{
    font-size:12px;
    color:#333333;
}
.profile table label strong{
    font-weight:bold;
    color:#61903a;
}
.add-log .head{
    height:20px;
    border-left:1px solid #999999;
    background:url(../images/al-headbg.gif) 0 0 repeat-x;
}
.add-log .head p{
    font-size:11px;
    color:#7cbd46;
    line-height:20px;
    text-align:center;
}
.add-log .body{
    padding:0 5px;
}
.log{
    padding:15px 0 10px;
}
.log p{
    font-size:12px;
    color:#5e5e5e;
    padding:0 0 2px 0;
}
.log p span{
    color:#61903a;
}
.log h6{
    font-size:11px;
    font-weight:normal;
    color:#5e5e5e;
    padding:2px 0 0 0;
}

/*Table page*/
.table-form-holder{
    width:1233px;
    margin:auto;
}
.tfh-form{
    width:1221px;
    padding:14px 6px 8px 6px;
}
.tfh-form td{
    padding:0 0 11px 0;
}
.textfield3, .textfield3 input{
    width:92px;
    height:17px;
}
.textfield3{
    padding:0 5px;
    background:url(../images/textfield-bg7.gif) 0 0 no-repeat;
}
.textfield3 input{
    line-height:17px;
    background:none;
    border:0;
}
.tfh-select{
    width:102px;
    height:17px;
}
.tfh-form label{
    font-size:11px;
    color:#5e5e5e;
}
.tfh-form .fc-button{
    margin:0;
}
.tfh-table .head td{
    height:42px;
    padding:5px 0 0 0;
    vertical-align:top;
    background-color:#61903a;
    border-top:1px solid #9bb884;
    background:url(../images/table-heading-sep.gif) 0 center no-repeat #61903a;
}
.tfh-table td{
    padding:17px 0 15px 0;
}
.tfh-table .head td.first{
    background-color:#61903a;
    background-image:none;
}
.tfh-table tr.head td label{
    font-size:12px;
    color:#f3f3f3;
    padding:0 4px;
    display:block;
}
.tfh-table td label{
    font-size:11px;
    color:#5e5e5e;
    padding:0 4px;
    display:block;
}
.fc-button.fcb3{
    padding:0px 14px 0 14px;
    margin:0 3px 0 0;
    font-size:9px;
}
.fc-button.fcb4{
    padding:0px 4px;
    margin:0;
    font-size:9px;
}
.fc-button.fcb5{
    padding:0;
    width:143px;
    font-size:12px;
}
#divCalendar{
    border-style: solid;
    border-color: #79A858;
    border-width: 4px;
    background-color: #F9F9F9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    -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;
}
/********************
//Info Box
*********************/

#InfoBox {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

.popup
{
    height:auto;
    width:250px;
    border-style: solid;
    border-color: #79A858;
    border-width: 4px;
    background-color: #F9F9F9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    -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;
}
.popup.popup2
{
    background-color:#B8C8A9;
    color:white;
    border:solid 1px black;
}
.popup table tr.frmContactHdr td{
    font-size:14px !important
}
.popup table tr td{
    font-size:11px !important
}

.managebox table tr.frmContactHdr td{
    font-size:14px !important
}
.managebox table tr td{
    font-size:11px !important
}

/********************
//Entry Box





*********************/

#EntryBox {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

.entrybox
{
    height:auto;
    width:300px;
    border-style: solid;
    border-color: #79A858;
    border-width: 4px;
    background-color: #F9F9F9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    -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;
}
.entrybox table
{
    padding-left:5px;

}

/********************
//Manage Box
*********************/

#ManageBox {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

.managebox
{
    height:100%;
    width:500px;
    border-style: solid;
    border-color: #79A858;
    border-width: 4px;
    background-color: #F9F9F9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    -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;
}
.managebox table

{
    padding-left:5px;


}

/********************
//Manage Box
*********************/



#ErrorDescBox {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

.errordescbox
{
    height:100%;
    width:300px;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    background-color:#B8C8A9;
}
.errordescbox table
{
    padding-left:5px;

}

/********************
//Loading Box
*********************/
.hint {
    width: 200px;
    height: 30px;
    position: absolute;
    border: 1px solid #62913C;
    background: #CEE9B8;
    font-family:Trebuchet MS;
    font-size: 11px !important;
}

.drag {
    width: 100px;
    height: 20px;
    position: absolute;
    border: 1px solid #62913C;
    background: #CEE9B8;
    font-size: 11px !important;
}

/********************
//Date Calendar
*********************/
.DayN { font-family: Arial; font-size: 11px; background-color: #F7F3FF; color: #333333; font-weight: bold; text-align: center; vertical-align: middle; border: 0px solid #666666}
.DayU { font-family: Arial; font-size: 11px; background-color: #72BAE4; color: #1F0C50; font-weight: bold; text-align: center; vertical-align: middle; border: 0px outset #FFFFFF }
.DayD{ font-family: Arial; font-size: 11px; background-color:#72BAE4; color: #1F0C50; font-weight: bold; text-align: center; vertical-align: middle; border: 0px inset #FFFFFF }
.WeekDay{ font-family: Arial; font-size: 11px; background-color: #AEE1FF; color: #FBF9E6; font-weight: bold; text-align: center; vertical-align: middle; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-top: 0px solid #ffffff}
.WeekEnd{ font-family: Arial; font-size: 11px; background-color: #93C9DF; color: #FBF9E6; font-weight: bold; text-align: center; vertical-align: middle; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-top: 0px solid #ffffff}
.ArrowN{ font-family: Arial; font-size: 13px; background-color: #72BAE4; color: #333333; font-weight: bold; text-align: center; vertical-align: middle; border: 0px solid #ffffff }
.ArrowU{ font-family: Arial; font-size: 13px; background-color: #93C9DF; color: #333333; font-weight: bold; text-align: center; vertical-align: middle; border: 0px outset #FFFFFF }
.ArrowD{ font-family: Arial; font-size: 13px; background-color: #93C9DF; color:#1F0C50; font-weight: bold; text-align: center; vertical-align: middle; border: 0px inset #FFFFFF }
.DateSelect{ font-family: Arial; font-size: 11px; background-color: white; color: #333333;font-weight: bold; text-align: right }
.DateText{ font-family: Arial; font-size: 11px; background-color: #72BAE4; color: #333333;font-weight: bold; text-align: center; vertical-align: middle; border:0px solid #ffffff}

/****************************
/ Ticket Data List Styles
/****************************/

#ticketDiv .frmTblHdr, .frmTblHdr tr{
    background-color: #F3F8FA;
    font-size: 16px;
}
#ticketDiv {
    vertical-align: top;
    width:100%;
}

#ticketDiv .tblSubHdr td{
    background-color: #505050;
    height:18px;
    font-size: 11px;
    font-weight:normal;
    TEXT-ALIGN: center;
    color:White;
}

#ticketDiv b{
    font-size:11px;
}

.tblSubHdr td{
    background-color: #505050;
    height:18px;
    font-size: 11px;
    font-weight:normal;
    TEXT-ALIGN: center;
    color:White !important;
}
.tblSubHdr th{
    background-color: #505050;
    font-size: 11px;
    font-weight:normal;
}

#ticketDiv .tblSubHdr td a {
    color: #ffffff !important;
}

#ticketDiv .tblOne td{
    background-color: #E9F5DF;
    vertical-align:middle;

}

#ticketDiv .tblTwo td{
    background-color: #E9F5DF;
    vertical-align:middle;
}

#ticketDiv .tickTblOne{

    background-color: #F5F5F5;
    font-weight:normal;

}

#ticketDiv .tickTblTwo{

    background-color: #EDEEED;
    font-weight:normal;

}

#ticketDiv .tickRedBG,.tickRedBG td, .tickRedBG td a{

    background-color: #F5F5F5;
    color:red;
    font-weight:normal;
}
#ticketDiv .tickRedBG1,.tickRedBG1 td, .tickRedBG1 td a{

    background-color: #EDEEED;
    color:red;
    font-weight:normal;
}
#ticketDiv .tickRow1{

    background-color:#99CCFF;
    font-weight:bold !important;
}

#ticketDiv .tickRow2{
    background-color:#99CCFF;
}

#ticketDiv .tickRedBlueRow1,.tickRedBlueRow1 td, .tickRedBlueRow1 td a{

    background-color:#99CCFF;
    color:red;
    font-weight:bold !important;
}

#ticketDiv .frmTb1 td{
    TEXT-ALIGN: left;
    margin:0px;
    padding:1px;
    padding-left:4px;
    border:0px;
    color: #2E2C2C;
    font-size:12px;
}

#ticketDiv .frmTb2 td{
    background-color: #E7EBE4;
    TEXT-ALIGN: left;
    margin:0px;
    padding:1px;
    padding-left:4px;
    border:0px;
    color: #2E2C2C;
    font-size:12px;
}


#ticketDiv td{
    font-size: 12px;
}

#ticketDiv .tblOne td a, #ticketDiv .tblTwo td a, #ticketDiv .frmTb1 td a, #ticketDiv .frmTb2 td a,
#ticketDiv .tickRedBlueRow1 td a, #ticketDiv .tickRedBG1 td a, #ticketDiv .tickTblOne td a,
#ticketDiv .tickTblTwo td a, #ticketDiv .tickRow1 td a, #ticketDiv .tickRow2 td a {
    text-decoration: underline;
}

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

#ticketDiv input, #ticketDiv textarea {
    font-size: 12px !important;
}

.myTasks
{
    border-style: solid;
    border-color: #79A858;
    border-width: 2px;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    margin-bottom:10px;
}

.myTasks legend {
    color: #79A858;
    text-align: center;
    font-size:16px;
}

.sortheader {
    color: #ffffff !important;
}

/*+josh style classes*/
/*sell dsl pages*/
.sqcheck-submit{
    font-weight: bold;
    color: #2C4DF4 !important;
    background-color: transparent !important;
}

/*for generic styles*/
pre{
    font-family: Verdana, Geneva, sans-serif !important;
}
.plan-container{
    border: 1px solid #cccccc;
    margin-top:10px;
}
.div-buttons{
    padding: 10px;
}
.div-border{
    border:1px solid #cccccc;
} 

.div-section-border table{
     border:1px solid #cccccc;
     border-spacing: 0px !important;
}
.div-section-border table table{
     border: none !Important;
     border-spacing: 0px !important;
}
.div-section-border table td, .div-section-border-green table td{
    padding-left: 2px !important;
}

.div-section-border-green table{
     border:1px solid #8BA882;
     border-spacing: 0px !important;
} 


.div-border-green{
    border:1px solid #8BA882;
    clear: both !important;
}

div .td-input{
    display:inline;
    float:left; 
    margin-left:10px;
}

table .option-column{
    width: 60px !important;
    text-align: center !important;
}
#close-popup{
    float:right;
    padding:0;
    padding-right:5px;
    color:#ff3a3a;
    font-weight:bold;
}
.close-button{
    color:red !important;
}
.no-data-container{
    font-size: 11px;
    color: #5E5E5E;
}

ul.tab-menu{
    display:block; 
    clear: both !important; 
    width:100% !Important; 
    height: 25px;
}

ul.tab-menu li{
    list-style: none;
    float:left;
    padding: 5px;  
    color: #ffffff !important;
    background-color: #E7EBE4;
    border: 1px solid #cccccc;
    border-bottom: none;
}

ul.tab-menu li.tab-active{
    color: green !important;
    background-color:  #5B8932;
    border: 1px solid #8BA882;
    border-bottom: 1px solid #5B8932;
}
ul.tab-menu li.tab-active span{
    color: #ffffff !important;
}

/*buttons*/
.td-buttons a.buttonLrg {
    margin-bottom: 5px;
}
.required-field{
    color: red !important;
}
.tbl-wide td.td-label{
    padding-left:5px !important;
   /* font-weight:bold;*/
}
.tbl-wide{
    width:100%;
}
span.frm-label{
    font-weight:bold;
}
INPUT.txt-datePick.readOnlyText{
    background-color:#FFFFFF !important;
}

/*utilities move in page*/
#manage-apartment-div{
    margin-top:10px;
}
#manage-apartment-tble{
    border:1px gray solid;
    margin-bottom: 10px;
}
#manage-apartment-div td.td-label{
    width:170px !important;
}

#manage-meters-div .frmTblHdr td{
    border:1px gray solid;
}
#manage-meters-div h2{
    border-bottom:0px solid #ffffff !important;
}
.manage-meters-content{
    border:1px gray solid;
    margin-top:5px;
    width:100%;
}
.manage-meters-content td.td-label{
    width:20% !important;
}
.manage-meters-content td.td-content, #manage-apartment-div td.td-content{
    width:30% !important;
}
.manage-meters-content .manage-meters-subcontent td.td-label, td.td-label.plan{
    padding-left:20px !important;
}

/*buttons*/
a.button-new{
    display: inline-block;
    padding-left: 10px;
    background: url('../images/buttons/smallButton3.png') top right no-repeat;
    text-decoration: none;
    cursor: pointer;
    padding-right:17px;
    font-size: 9px;

}
a.button-new  span {
    color: #5E5E5E;
    line-height: 16px;
    padding-top:2px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background: url('../images/buttons/smallButton3.png') top left no-repeat;
    margin-right: -8px;
}
a.button-new:hover {
     background: url('../images/buttons/smallButton3.png') bottom right no-repeat;
}
a.button-new:hover span {
	color: #ffffff;
        background: url('../images/buttons/smallButton3.png') bottom left no-repeat;
}

a.button-new2{
    display: inline-block;
    padding-left: 10px;
    background: url('../images/buttons/smallButton3.png') bottom left no-repeat;
    text-decoration: none;
    cursor: pointer;
    padding-right:17px;
    font-size: 9px;
    margin-right: 10px;
    margin-left: 10px;

}

a.button-new2  span {
    color: #ffffff;
    background: url('../images/buttons/smallButton3.png') bottom right no-repeat;
    line-height: 16px;
    padding-top:2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 18px; 
    display: inline-block;
    text-align: center; 
    margin-right: -20px;
} 

a.button-disabled span{
    display:inline-block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/mediumButtonDisabled.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:150px;
    text-decoration: none !important;
}

a.button-disabled_yellow span{
    display:inline-block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/konec/mediumButtonDisabled_yellow.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:150px;
    text-decoration: none !important;
}

a.buttonLrg-disabled span{
    display:inline-block;
    cursor:pointer;
    height:auto;
    border:0;
    line-height:16px;
    background: url("../images/buttons/largeButtonDisabled.png") no-repeat scroll 0 0;
    background-position: top center;
    font-weight:normal !important;
    color: #ffffff;
    font-size:9px;
    text-align:center;
    padding:2px 10px;
    margin:0 auto;
    width:150px;
    text-decoration: none !important;
}

a.manage-group{
    width: 46px;
    height: 46px;
    /*display: inline-block;*/
    padding-left: 10px;
    background: url('../images/meter-utilities/group-icon.png') top center no-repeat;
    text-decoration: none;
    cursor: pointer;
    padding-top:46px;
    padding-right:17px;
    font-size: 9px;
    margin-right: 50px;
}

a.manage-building{
    width: 46px;
    height: 46px;
    /*display: inline-block;*/
    padding-left: 10px;
    background: url('../images/meter-utilities/building-icon.png') top center no-repeat;
    text-decoration: none;
    cursor: pointer;
    padding-top:46px;
    padding-right:17px;
    font-size: 9px;
    margin-right: 50px;
}

a.manage-apartment{
    width: 46px;
    height: 46px;
    display: inline-block;
    padding-left: 10px;
    background: url('../images/meter-utilities/apartment-icon.png') top center no-repeat;
    text-decoration: none;
    cursor: pointer;
    padding-top:46px;
    padding-right:17px;
    font-size: 9px;
    margin-right: 50px;
}

a.manage-meter{
    width: 46px;
    height: 46px;
    display: inline-block;
    padding-left: 10px;
    background: url('../images/meter-utilities/meter-icon.png') top center no-repeat;
    text-decoration: none;
    cursor: pointer;
    padding-top:46px;
    padding-right:17px;
    font-size: 9px;
    margin-right: 50px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { 
    width: 40% !important; 
} 


#agentNo{
    width: auto;
    min-width: 90px;
    max-width: 300px !important;
}

.tab-button{
    cursor: pointer;   
}
.token-textfield{
    width: 220px !important;
}

#div-modify-gateway{
    height: 350px !important;
}
#div-modify-gateway .textType, .payment-gateway-group-admin .textType{
    width: 230px;
}
#div-modify-gateway .frmTb2 td, #div-modify-gateway .frmTbl td{
    vertical-align: top !important;
}


.admin-access-error {
    padding: 5px;
    border: 1px #cccccc solid;
    background-color: #FADEDF; 
    text-align: center;
    font-size: 11px;
    margin-bottom: 3px;
}
.admin-access-error p{
    text-align: center;
    font-size: 11px;
}
.message-row{
    padding: 5px;
    border: 1px #cccccc solid;
    background-color: #C8E8C9; 
    text-align: center;
    font-size: 11px;
    margin-bottom: 3px;
}

#statusActive{
    width:100%;
    color:#68BB22; 
    text-align:right; 
    font-weight:bold;
    line-height:150%; 
    font-size:150%;
}

#statusSuspended{
    width:100%;
    color:#F80718; 
    text-align:right; 
    font-weight:bold;
    line-height:150%; 
    font-size:150%;
}

#globalSysSetting{
    font-weight: bold;
    color: #000000;
    width: 200px; 
    word-wrap: break-word;
    background-color: #C0C0C0;
    
}

.loading-icon{
    display: inline-block;
    background: url('../js/ticketingNEW/multiselect/css/images/loading.gif') center center no-repeat;
    width: 20px;
    height: 20px;
}
#loading-icon{
    vertical-align: middle;
    text-align: center;    
    padding: 3px;
    margin: 0;
}

.message-title{    
    color: #5E5E5E !important;
}
.message-value{
    font-weight: normal !Important;
}
/*removed this if complete reskin for partnertel. Use southern as a referrence on how to do complete reskin*/
#poweredPartnerTel{
    position:relative;
    width:115px;
    height:20px;
	/*update background image location for powered if needed*/
    background:url(../images/partnertelecom/powered_by_utilibill.gif) 0 0px no-repeat;
    right:0px;
    top:55px
}

#poweredViaip{
    position:relative;
    width:115px;
    height:20px;
	/*update background image location for powered if needed*/
    background:url(../images/partnertelecom/powered_by_utilibill.gif) 0 0px no-repeat;
    right:0px;
    top:55px
}

#utbFrmDiv div.left{
    float: left;
    width: 50%;
    clear:left;
}
#utbFrmDiv div.right{
    float: right;
    width: 50%;
    clear:right;
}
div.clear{
    clear:both;
}


.provision-note{
    background-color: #FCF8D1; 
    border-radius: 4px; 
    color:#182BBC; 
    border: 1px solid gray;
    padding: 3px;
    font-size: 12px;
    margin-bottom: 3px;
}
.provision-note .provision-label{
    font-weight: bold;
}
.provision-note .provision-note-content{
    font-style: italic;
    font-size: 11px;
}

.login-button{
    width:128px; 
    height:38px; 
    background-color: #7EAF58; 
    border-radius: 4px; 
    color:white; 
    font-weight: bold; 
    border: 1px solid gray;    
}
div.tableHeader{
    background-color: #61903a;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 2px;
}

.maindisp-area .datefield-readonly{
    background-color: #ffffff !important;
}