@charset "UTF-8";
body {
    background-image: url(../images/Header_footer_Pattern.png);
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 10px;
}

table { color: black; }

.errorSummary>p{color: #000;}

.errorSummary>ul>li{color: #000;}

#parent {
    background-image: url(../images/Header_footer_Pattern.png);
    background-repeat: repeat;
    display:block;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
    height: auto; 
}
#withbg {
    background-image: url(../images/Header_footer_Pattern.png);
    background-repeat: repeat;
}
#header {
    width: 980px;
    margin: 0 auto;
    position: relative;
    /*padding-bottom:271px;*/
}
.header_bottom{
    background-image: url(../images/header_gradient.png);
    background-repeat: no-repeat;
    /*height: 212px;*/
    background-position: bottom;
    width: 980px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}
/*pwd_field_container*/
#header .text {
    text-align: center;
    /*padding-top: 125px;*/
}
#header .title {
    color:#FFFFFF;
    font-size:23px;
    font-family: arial;
    text-align: center;
}
#header .sub_title {
    color:#FFFFFF;
    font-size:14px;
    font-family: arial;
    text-align: center;
    padding-top: 10px;
}
#content{
    width: 100%;
    height: auto; 
    margin-left:auto;
    margin-right:auto;    
}
#content .content_full{
    width: auto;
    background-color: #000000;
}
#content_login{
    background-image: url(../images/signup_box.png);
    background-repeat: no-repeat;
    height: 436px;
    background-position: top;
    margin: 0 auto;
    width: 980px;
}
#content_login .signup_text{
    color:#FFFFFF;
    font-size:16px;
    font-family: arial;
    text-align: center;
    padding-top: 250px;
}
#content_login .input_fields_area{
    text-align: center;
    padding-left: 255px;
    height: 77px;
}

#content_login .input_fields_area.wide_field_area 
{
    padding-left: 0px;
}
.inline-block{
    display: inline-block;
}

.signup_input_u_field_active {
    background-color: transparent;
    border: 0 none;
    color: #FFFFFF;
    font-size: 18px;
    font-family: arial;
    height: 30px;
    left: -10px;
    position: relative;
    top: 15px;
    width: 180px;
}
.signup_input_u_img {
    background:url("../images/input_field_states.png") no-repeat 0px -64px;
    height: 64px;
    width: 236px;
    float: left;
}
.signup_input_p_img {
    background:url("../images/input_field_states.png") no-repeat 0px -64px;
    height: 64px;
    width: 236px;
    float: left;
}
.signup_input_u_img_inactive, .signup_input_p_img_inactive {
    background:url("../images/input_field_states.png") no-repeat 0px -64px;
    height: 64px;
    width: 236px;
    float: left;
}
/*start NAB edit*/
.user_field_container{height: 64px; width: 236px; position: relative; left: 0px; top: 0px;}
.input_inactive{    background:url("../images/input_field_states.png") no-repeat 0px -64px;  display: block; width:236px; height: 64px; position: absolute; left: 0px; top: 0px;}
.input_active_u{    background:url("../images/input_field_states.png") no-repeat 0px 0px;display: block; width:236px; height: 64px;position: absolute; left: 0px; top: 0px; opacity:0; }
.input_active_p{    background:url("../images/input_field_states.png") no-repeat 0px 0px;display: block; width:236px; height: 64px;position: absolute; left: 0px; top: 0px;opacity:0; }

.pwd_field_container{position: relative; height: 64px; width: 236px; left: 236px; top: -64px;}

.rsa_field_container{position: relative; height: 34px; width: 125px; left: 343px; top: -155px;}
.rsa_inactive{
    background:url("../images/rsa_id_bg.png") no-repeat 0px 0px;display: block; width:125px; height: 34px;position: absolute; left: 0px; top: 0px;opacity:1;
}
.rsa_field_inactive{
    background-color: transparent;
    border: 0 none;
    color: #808285;
    font-size: 10px;
    font-family: arial;
    height: 20px;
    left: 0px;
    position: relative;
    top: 4px;
    width: 100px;
}
.rsa_field_active{
    background-color: transparent;
    border: 0 none;
    color: #FFFFFF;
    font-size: 10px;
    font-family: arial;
    height: 20px;
    left: 20px;
    position: absolute;
    top: 4px;
    width: 100px;
    z-index: 10;
}
/*end NAB edit*/
.signup_input_u_field_inactive {
    background-color: transparent;
    border: 0 none;
    color: #808285;
    font-size: 18px;
    font-family: arial;
    height: 30px;
    left: 0px;
    position: relative;
    top: 15px;
    width: 200px;
}
.signup_input_p_field_active {
    background-color: transparent;
    border: 0 none;
    color: #FFFFFF;
    font-size: 18px;
    font-family: arial;
    height: 30px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 180px;
    z-index: 10;
}
.signup_input_p_field_inactive {
    background-color: transparent;
    border: 0 none;
    color: #808285;
    font-size: 18px;
    font-family: arial;
    height: 30px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 200px;
    z-index: 10;
}
#pwd_outer{
    height: 30px;
    left: -30px;
    position: relative;
    top: 20px;
    width: 180px;
}
#pwd {
    background-color: transparent;
    border: 0 none;
    color: #808285;
    font-size: 18px;
    font-family: arial;
    z-index: 999;
}
.submit_button{
    text-align: center;
    clear: both;
}
.submit {
    background: url("../images/submit_button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 62px;
    width: 147px;
    text-align: center;
}
.contact_register_text{
    text-align: center;
    clear: both;
    font-size: 12px;
    font-family: arial;
    color: #FFFFFF;
    position: relative;
    bottom: 5px;
}
.contact_register_text .a{
    font-size: 12px;
    font-family: arial;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
#footer {
    background-image: url(../images/footer_gradient.png);
    background-repeat: no-repeat;
    min-height: 50px;
    background-position: top;
    width: 980px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#footer .copyright_text{
    text-align: center;
    clear: both;
    font-size: 10px;
    font-family: arial;
    color: #636363;
    padding-top: 30px;
}
#content .footer_bottom_outer{
    text-align:center;
    margin:0 auto;
    width: 980px;
    width:100%;
}
.footer_bottom{
    width: 980px;
    line-height: 34px;    
    width: 980px;
    width:100%;
    padding-top: 60px;
}
.terms_text{
    float: left;
    clear: both;
    font-size: 10px;
    font-family: arial;
    color: #464646;
    cursor: pointer;
    padding-left: 15px;
}
.logo{    
    text-align: center;
    margin: 0 auto;
    width:44px;
}
.company_name{
    float: right;
    font-size: 10px;
    font-family: arial;
    color: #464646;
    cursor: pointer;
    padding-right: 15px;
}
body
{
    background-image: url(../images/Header_footer_Pattern.png);
    background-repeat: repeat;
}
.v-outer {
    display: table;
    position: relative;
    overflow: hidden;
    height: auto;
    background-image: url(../images/Header_footer_Pattern.png);
    background-repeat: repeat;    
    width: 100%;
}
.v-middle {
    /*    display: table-cell;
        *position: absolute;
        *top: 50%;
        vertical-align: middle;*/
}
.v-inner {
    position: relative;
    top: -50%;
}
/* CHANGES MADE BY NABEEL UR RAHMAN*/
#sn_header{ background: url(../images/sn_header.png)  repeat-x transparent; height: 68px;position: relative; z-index: 1001;}
#sn_header .text { width: 1232px; text-align: left; padding-top: 17px; margin: 0 auto; }
#sn_header .title {color:#FFFFFF; font-size:16px; font-family: arial; padding-left: 2px;}
#sn_header .sub_title {color:#d5d5d5; font-size:9px; font-family: arial; padding-top: 3px; padding-left: 2px;}
#sn_header .date { float: right; color:#d5d5d5; font-size:10px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: italic; padding-top: 0px; padding-right: 2px; text-transform: uppercase;text-shadow: 0 1px 2px #000; margin-top: 6px;position: relative; right: 5px;}
#sn_header .user_info {float: right; color:#979696; font-size:10px; font-family: Arial,Helvetica,sans-serif; margin-top: -1px;margin-right: 5px; padding-right: 2px;}
#sn_header .user {color:#75b9d9; font-size:10px; font-family: Arial,Helvetica,sans-serif; padding:0 10px; font-weight: bold; font-style: italic;}
.sn_contents{ height: 100%; margin: 0 auto; width: 1240px;padding-bottom: 65px;}
.sn_contents .env_power{ width: 100%; background:  url(../images/sn_dashboard_bg.png) #000000 repeat; height: 390px; margin: 0 auto; display: block; border-bottom: 1px solid #343434;}

.sn_contents .gen_fuel{background:  url(../images/bg.png) transparent no-repeat; width: 100%; height: 240px;  display: block; /*margin-bottom: 52px;*/}
.gen_fuel .battery{background:  url(../images/battery.png) transparent no-repeat; width: 170px; height: 117px;  margin:60px 0 0 60px; float: left; }
.gen_fuel .battery_status{width: 131px; height: 111px;  margin:60px 0 0 -15px; float: left; display: block;
                          font-family: Arial,Helvetica,sans-serif;
                          font-size: 10px;
                          color: #ffffff;
                          line-height: 20px;
                          text-align: right;
}
.battery_status img{left: 0px; bottom: -20px; position: relative;}
.gen_fuel .battery_status_values{width: 121px; height: 80px;  margin:60px 0 0 15px; float: left; display: block;
                                 font-family: Arial,Helvetica,sans-serif;
                                 font-size: 10px;
                                 color: #00ccff;
                                 line-height: 20px;
                                 text-align: left;
                                 border-left: 1px solid #fff;
                                 padding-left: 13px;
}

.gen_fuel .gen{background:  url(../images/gen.png) transparent no-repeat; width: 170px; height: 139px;  margin:60px 0 0 10px; float: left; }
.gen_fuel .gen_status{width: 131px; height: 111px;  margin:24px 0 0 15px; float: left; display: block;
                      font-family: Arial,Helvetica,sans-serif;
                      font-size: 10px;
                      color: #ffffff;
                      line-height: 20px;
                      text-align: right;
                      text-transform: uppercase;
}
.gen_fuel .gen_status_values{width: 121px; height: 200px;  margin:24px 0 0 15px; float: left; display: block;
                             font-family: Arial,Helvetica,sans-serif;
                             font-size: 10px;
                             color: #00ccff;
                             line-height: 20px;
                             text-align: left;
                             border-left: 1px solid #fff;
                             padding-left: 13px;

}



.sn_contents .mod_title{color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-weight: bolder; font-style: italic; font-size: 12px; line-height: 30px; margin-left: 19PX; text-transform: uppercase; width: 200px;}
.sn_contents .env_fix{margin-top: 2px; position: relative; top: 5px;}
.sn_contents .pow_fix{margin-top: -20px; }

.env_power .mod_control{ background:  url(../images/dash_bord.png) transparent;  height: 189px; /* width: 980px;*/width: 1236px;display: block; margin: -17px 0;margin-left: 1px; position: relative;}

.env_power .env_control{ background:  url(../images/environment-bg.png) transparent;  height: 189px; /* width: 980px;*/width: 645px;display: block; margin: -17px 0;margin-left: 11px; position: relative;}

.sn_contents .acp_fix{ bottom: 188px; left: 649px; margin-top: 2px; position: relative;}

.env_power .acp_details{ background: url(../images/acp-bg.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 189px;
    margin: -24px 0 -17px 1px;
    position: relative;
    width: 570px;
	left: 660px;
    bottom: 180px;}

.out_temp_txt{background:  url(../images/out_tmp.png) top right transparent no-repeat; display: block; position: relative; text-align: right; color: #75b9d9; float: right;  width: 120px; height: 13px; left:-25px;top: 22px; }
.tmp_container{font-family: quartz; position: relative; top: 30px; text-align: right; color: #75b9d9; height: 21px; left: 1156px; display: block; width: 60px; font-size: 26px; }
.tmp_container .out_temp_cf{background:  url(../images/numbers_big.png) -213px 0px transparent no-repeat; float: right;  width: 13px; height: 21px; margin-left: 10px; }
.tmp_container .out_temp_dot{background: url(../images/dot.png) center 0 transparent no-repeat; float: right;  width: 8px; height: 21px;  margin: -5px -10px 0 2px;}
.tmp_container .out_temp_d1{background:  url(../images/numbers_big.png) -192px 0px transparent no-repeat; float: right;  width: 13px; height: 21px; }
.tmp_container .out_temp_d2{background:  url(../images/numbers_big.png) -192px 0px transparent no-repeat; float: right;  width: 15px; height: 21px; margin:0px 1px;}
/*.tmp_container .out_temp_dot1{background:  url(../images/numbers_big.png) -257px 0px transparent no-repeat; float: right;  width: 4px; height: 21px; margin:0px 1px;}*/
.tmp_container .out_temp_d3{background:  url(../images/numbers_big.png) -192px 0px transparent no-repeat; float: right;  width: 15px; height: 21px; }

.indoor_tmp_container{position: relative; top: 0px; text-align: right; color: #75b9d9; float: left;   height: 14px; margin:40px 0 0 35px; width: 50px;}
.indoor_tmp_container .in_temp_cf{background:  url(../images/numbers_small.png) -126px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; margin-left: 4px; }
.indoor_tmp_container .in_temp_dot{background: url(../images/dot_small.png) 0px 0px transparent no-repeat; float: right;  width: 4px; height: 21px;  margin: -5px -4px 0 0px;}
.indoor_tmp_container .in_temp_d1{background:  url(../images/numbers_small.png) -112px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; }
.indoor_tmp_container .in_temp_d2{background:  url(../images/numbers_small.png) -112px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; margin:0px 1px;}
.indoor_tmp_container .in_temp_d3{background:  url(../images/numbers_small.png) -112px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; }

.humidity_container{position: relative; top: -14px; left: 160px;  color: #75b9d9; height: 14px; width: 50px; }
.humidity_container .humidity_perc{background:  url(../images/numbers_small.png) -152px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; margin-left: 1px; }
.humidity_container .humidity_d1{background:  url(../images/numbers_small.png) -112px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; }
.humidity_container .humidity_d2{background:  url(../images/numbers_small.png) -112px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; margin:0px 1px;}
/*humidity_container .in_temp_d3{background:  url(../images/numbers_small.png) -112px 0px transparent no-repeat; float: right;  width: 9px; height: 14px; }*/

.env_power .controls_container {width: 800px; height: 115px; display: block; margin: 8px 0 0 60px; }
.controls_container .control{background: url(../images/environment_dials.png) center 0 transparent no-repeat; width: 487px;height: 114px; display: block; float: left; position: relative; top: 25px}

.controls_container .hvac_stuff{width: 167px;height: 95px; display: block; float: right; top: 25px; position: relative; left: 200px;}
.controls_container .hvac{/*background: url(../images/seq.png) center 0 transparent no-repeat; */text-align: center; width: 92px;height: 25px;
    font-family: Arial,Helvetica,sans-serif;
    color: #ffffff;
    font-size: 9px;
    vertical-align: bottom;
    line-height: 17px;
    font-weight: bold;
    margin-top: 20px;
}
.controls_container .hvac_seq{float: left;}
.controls_container .aircon_status{/*background: url(../images/radio_onoff.png) scroll 0px 0px no-repeat;*/ width: 92px;height: 27px;line-height: 27px;text-align: center;float: left;}
.controls_container .hvac_prog{background: url(../images/program.png) center 0 transparent no-repeat; width: 68px;height: 24px; float: right;}
.controls_container .hvac_line{background: url(../images/seq_line.png) center 0 transparent no-repeat; width: 131px;height: 16px; float: left; }

.sn_contents .sub_head{padding: 14px 0 0 16px; width: 100%; height: 80px; display: block;}
.sub_head .sn_conn{float: left;  background:  url(../images/conn.png) 0px 25px no-repeat transparent; width: 120px; height: 21px;}

.contentWrapper .apDiv5{padding: 14px 0 0 16px; width: 100%; height: 80px; display: block;}
.apDiv5 .apDiv6{float: left;  background:  url(../images/conn.png) no-repeat transparent; width: 102px; height: 21px;}

.sub_head .sn_status{float: left; color: #777777; margin:-4px 0 0 15px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bolder;}
.sn_status .sn_last_update{color: #777777;}
.sn_status .sn_last_update_time{font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bolder; color: #a3851b;}

.sn_status .sn_comm{ margin-left: -5px; font-weight: bold; font-size: 9px; text-transform: uppercase;}
.sn_comm .sn_ico{float: left; background:  url(../images/status_led.png) no-repeat 20px 0 transparent; display: block; width: 20px; height: 20px;  }
.sn_comm .sn_via{float: left; line-height: 20px; }
.sn_comm .sn_channel{float: left; color: #fff; font-style: italic;line-height: 20px;}

.sn_site{ float: left; margin: -4px 0 0 38px; font-weight: bold; font-size: 10px; color: #fff; text-transform: uppercase;
          font-family: Arial,Helvetica,sans-serif;
}
.sn_site .name{float: left; text-align: right; text-transform: none;}
.sn_site .seprator{float: left; margin: 0 9px;}
.sn_site .name1{float: right; color: #b1b1b1; text-transform: none; width: 200px;}

.sub_head .mods{float: right; background: url(../images/mods.png) no-repeat transparent; width: 310px; height: 117px; margin:-23px 16px 0 0px; }

.mods .mod_btn1{ position: relative; top: 55px; left: 32px;}
.mods .mod_btn2{ position: relative; top: 75px; left: 32px;}
.mods .mod_btn3{ position: relative; top: 38px; left: 145px;}
.mods .mod_btn4{ position: relative; top: 59px; left: 145px;}
.mods .mod_btn5{ position: relative; top: 22px; left: 237px;}

a img{text-decoration:none; border: 0;}
a:visited, a:hover, a:link{text-decoration: none; border: 0; outline: none; color: #75B9D9;}

#sn_footer { background: url(../images/footer.png) repeat-x; min-height: 35px; width: 100%; position: fixed; bottom: 0px; z-index: 10000;}
#sn_footer .copyright_text{ text-align: center;
                            font-size: 10px; font-family: arial; color: #636363; padding-top: 10px;
}

/*Power Controls */
.power_container {background: url(../images/power_source_multicolor.png) scroll 0px 0px transparent no-repeat; width: 140px;height: 141px; display: block; float: left; margin-left: 40px; margin-top: 20px;}
.separator_power {background: url(../images/separator.png) center 0 transparent no-repeat; width: 2px;height: 93px; display: block; float: left; margin-left: 20px; margin-top: 20px;}
.main_power_container {background: url(../images/mp_container_ssv.png) center 0 transparent no-repeat; width: 165px;height: 139px; display: block; float: left; margin-left: 25px;position: relative; top: 25px;left: 0px;}
.batt_container {background: url(../images/battery_container_ssv.png) center 0 transparent no-repeat; width: 165px;height: 139px; display: block; float: left; margin-left: 18px; position: relative; top: 25px;left: 0px;}
.ups_container {background: url(../images/ups_ssv_box.png) center 0 transparent no-repeat; width: 165px;height: 139px; display: block; float: left; margin-left: 18px; position: relative; top: 25px;left: 0px;}
.rectifier_containerr {background: url(../images/rectifier_ssv_box.png) center 0 transparent no-repeat; width: 165px;height: 139px; display: block; float: left; margin-left: 18px; position: relative; top: 25px;left: 0px;}
.rectifier_container {background: url(../images/rectifier_new.png) center 0 transparent no-repeat; width: 165px;height: 139px; display: block; float: left; margin-left: 18px; position: relative; top: 8px;left: 0px;}
.gen_container {background: url(../images/gen_container_ssv.png) center 0 transparent no-repeat; width: 165px;height: 139px; display: block; float: left; margin-left: 18px; position: relative; top: 25px;left: 0px;}
.graph_container {background: url(../images/usage.png) center 0 transparent no-repeat; width: 206px;height: 114px; display: block; right: 67px; position: relative;top: 10px; float: right;  margin-top: 8px;}
.rectifier_voltage{font-family: arial; font-size: 16px; font-weight: bold; color: #00ccff; position: relative; left: 60px; top: 60px;}
.rectifier_current{font-family: arial; font-size: 16px; font-weight: bold; color: #00ccff; position: relative; left: 60px; top: 65px;}

.main_power_voltage{font-family: arial; font-size: 16px; font-weight: bold; color: #00ccff; position: relative; left: 80px; top: 60px; width: 64px;}
.main_power_current{font-family: arial; font-size: 16px; font-weight: bold; color: #00ccff; position: relative; left: 80px; top: 65px;}
.main_power_consumption{font-family: arial; font-size: 16px; font-weight: bold; color: #00ccff; position: relative; left: 80px; top: 70px;}

.iCheckbox_container {
    height:27px;
    width:94px;
    position: relative;
    overflow: hidden;
}
.iCheckbox_switch {
    height:27px;
    width:92px;
    background-image:url(../images/radio_onoff.png); /* your actual slider image */
    background-repeat: no-repeat;
    background-position:0px;
    -moz-border-radius: 3px 3px 3px 6px;
    -webkit-border-radius: 3px 3px 3px 6px;
    border-radius: 3px 3px 3px 6px;

}
.iCheckbox_checkbox { /* this is kinda moot since it gets hidden, but here to let you know it exists */
}




/* New CSS : Given for Demo */

#apDiv1 {
    position:absolute;
    width:331px;
    height:27px;
    z-index:1;
    top: 19px;
    font-size: 27px;
}
#apDiv2 {
    position:absolute;
    width:104px;
    height:14px;
    z-index:2;
    left: 875px;
    top: 21px;
    font-size: 9px;
    font-style: italic;
    color: #d5d5d5;
    text-align: right;
}
#apDiv3 {
    position:absolute;
    width:73px;
    height:16px;
    z-index:3;
    left: 838px;
    top: 35px;
    font-style: italic;
    color: #969797;
}
#apDiv4 {
    position:absolute;
    width:80px;
    height:16px;
    z-index:4;
    left: 897px;
    top: 35px;
    text-align: right;
    color: #75b9d9;
    font-style: italic;
}
#apDiv5 {
    position:absolute;
    width:1240px;
    height:380px;
    z-index:5;
    left: 0px;
    top: 68px;
    background-image: url(../images/sn_dashboard_bg.png);
}
#apDiv6 {
    position:absolute;
    width:111px;
    height:29px;
    z-index:1;
    top: 14px;
    left: 16px;
    float: left;  background:  url(../images/conn.png) no-repeat transparent; width: 102px; height: 21px;
}
#apDiv7 {
    position:absolute;
    width:370px;
    height:66px;
    z-index:2;
    left: 134px;
    top: 10px;
    visibility: visible;
}
#apDiv8 {
    position:absolute;
    width:105px;
    height:19px;
    z-index:1;
    color: #777777;
    font-weight: bold;
    left: -1px;
}
#apDiv9 {
    position:absolute;
    width:160px;
    height:16px;
    z-index:2;
    left: 0px;
    top: 13px;
    color: #A3851B;
    font-weight: bold;
    left: -1px;
}
#apDiv10 {
    position:absolute;
    width:25px;
    height:23px;
    z-index:3;
    left: -6px;
    top: 28px;
    /*float: left; background:  url(../images/ico.png) no-repeat transparent; display: block; width: 20px; height: 20px;*/
}
#apDiv11 {
    position:absolute;
    height:15px;
    z-index:4;
    left: 14px;
    top: 28px;
    color: #777777;
    font-weight: bold;
    font-size: 9px;
    float: left; line-height: 20px;

}
#apDiv12 {
    position:absolute;
    width:42px;
    height:19px;
    z-index:5;
    left: 123px;
    top: 28px;
    font-style: italic;
    font-size: 9px;
    font-weight: bold;
    float: left; color: #fff; font-style: italic;line-height: 20px;
}
#apDiv13 {
    position:absolute;
    width:70px;
    height:67px;
    z-index:6;
    left: 1px;
    text-align: right;
    top: 0px;
    font-weight: bold;
}
#apDiv14 {
    position:absolute;
    width:12px;
    height:67px;
    z-index:7;
    left: 80px;
    top: 0px;
}
#apDiv15 {
    position:absolute;
    width:104px;
    height:68px;
    z-index:8;
    left: 92px;
    color: #B1B1B1;
    font-weight: bold;
}
#apDiv16 {
    position:absolute;
    width:200px;
    height:69px;
    z-index:3;
    left: 300px;
    top: 10px;
    font-weight: bold;
}
#apDiv17 {
    position:absolute;
    width:198px;
    height:85px;
    z-index:4;
    left: 559px;
    top: 9px;
    background-image: url(../images/global_notification_panel.png);
}
#apDiv18 {
    position:absolute;
    width:198px;
    height:85px;
    z-index:5;
    left: 767px;
    top: 9px;
    background-image: url(../images/site_notification_panel.png);
}
#apDiv19 {
    position:absolute;
    width:1208px;
    height:61px;
    z-index:6;
    left: 13px;
    top: 116px;
    background-image: url(../images/acp_heading_bg.png);
}
#apDiv20 {
    position:absolute;
    width:261px;
    height:22px;
    z-index:1;
    top: 19px;
    font-size: 18px;
    left: 19px;
}
#apDiv21 {
    position:absolute;
    width:110px;
    height:17px;
    z-index:2;
    left: 147px;
    top: 86px;
    font-size: 12px;
    font-style: italic;
}
#apDiv47 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 0px;
    top: 42px;
    background-image: url(../images/dash_bord.png);
}
#apDiv23 {
    position:absolute;
    width:206px;
    height:119px;
    z-index:1;
    left: 33px;
    top: 22px;
    /*background: url(../images/usage.png) center 0 transparent no-repeat; width: 206px;height: 114px; display: block; float: left; margin-left: 20px; margin-top: 30px;*/
}
#apDiv51 {
    position:absolute;
    width:980px;
    height:761px;
    z-index:6;
    left: 0px;
    top: 451px;
    background-image: url(../images/big_panel_bg.png);
}
#apDiv60 {
    position:absolute;
    width:813px;
    height:517px;
    z-index:1;
    left: 80px;
    top: 108px;
}
#apDiv60 {
    position:absolute;
    width:92px;
    height:27px;
    z-index:2;
    left: 138px;
    top: 74px;
}
#apDiv27 {
    position:absolute;
    width:135px;
    height:17px;
    z-index:3;
    left: 12px;
    top: 12px;
    font-size: 11px;
}
#apDiv28 {
    position:absolute;
    width:101px;
    height:23px;
    z-index:1;
    left: 392px;
    top: 70px;
    background-image: url(../images/small_hor_empty_battery_sep.png);
}
#apDiv29 {
    position:absolute;
    width:35px;
    height:9px;
    z-index:4;
    left: 841px;
    top: 76px;
    font-weight: bold;
}
#apDiv30 {
    position:absolute;
    width:35px;
    height:9px;
    z-index:4;
    left: 841px;
    top: 40px;
    font-weight: bold;
}
#apDiv31 {
    position:absolute;
    width:101px;
    height:23px;
    z-index:3;
    left: 733px;
    top: 33px;
}
#apDiv32 {	position:absolute;
           width:101px;
           height:23px;
           z-index:1;
           left: 0px;
           top: 0px;
           background-image: url(../images/small_hor_empty_battery_sep.png);
}
#apDiv33 {
    position:absolute;
    width:12px;
    height:9px;
    z-index:4;
    left: 719px;
    top: 39px;
    font-weight: bold;
}
#apDiv34 {
    position:absolute;
    width:12px;
    height:9px;
    z-index:4;
    left: 719px;
    top: 75px;
    font-weight: bold;
}
#apDiv35 {
    position:absolute;
    width:72px;
    height:19px;
    z-index:5;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    left: 149px;
    top: 214px;
    color: #FC0;
}
#apDiv36 {
    position:absolute;
    width:72px;
    height:19px;
    z-index:5;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    left: 149px;
    top: 435px;
    color: #FC0;
}
#apDiv37 {
    position:absolute;
    width:76px;
    height:129px;
    z-index:6;
    left: 744px;
    top: 439px;
    background-image: url(../images/acl_fuel_monitoring_bg.png);
}
#apDiv38 {
    position:absolute;
    width:76px;
    height:22px;
    z-index:7;
    left: 744px;
    top: 573px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
#apDiv39 {
    position:absolute;
    width:76px;
    height:129px;
    z-index:1;
    background-image: url(../images/acl_fuel_monitoring_fill.png);
    clip: rect(44px,auto,auto,auto);
}
#apDiv40 {	position:absolute;
           width:72px;
           height:19px;
           z-index:5;
           font-size: 16px;
           font-weight: bold;
           text-align: center;
           left: 149px;
           top: 435px;
           color: #FC0;
}
#apDiv41 {	position:absolute;
           width:72px;
           height:19px;
           z-index:5;
           font-size: 16px;
           font-weight: bold;
           text-align: center;
           left: 149px;
           top: 435px;
           color: #FC0;
}
#apDiv42 {	position:absolute;
           width:72px;
           height:19px;
           z-index:5;
           font-size: 16px;
           font-weight: bold;
           text-align: center;
           left: 149px;
           top: 435px;
           color: #FC0;
}
#apDiv43 {
    position:absolute;
    width:949px;
    height:185px;
    z-index:7;
    top: 199px;
    left: 15px;
    background-image: url(../images/battery_upper_panel.png);
}
#apDiv44 {
    position:absolute;
    width:200px;
    height:16px;
    z-index:2;
    left: 270px;
    top: 22px;
}
#apDiv45 {
    position:absolute;
    width:334px;
    height:127px;
    z-index:3;
    left: 270px;
    top: 44px;
}
#apDiv46 {
    position:absolute;
    width:153px;
    height:43px;
    z-index:1;
    background-image: url(../images/battery_tb_bg.png);
}
#apDiv47 {	position:absolute;
           width:153px;
           height:43px;
           z-index:1;
           background-image: url(../images/battery_tb_bg.png);
}
#apDiv48 {	position:absolute;
           width:153px;
           height:43px;
           z-index:1;
           background-image: url(../images/battery_tb_bg.png);
}
#apDiv49 {	position:absolute;
           width:153px;
           height:43px;
           z-index:1;
           background-image: url(../images/battery_tb_bg.png);
}
#apDiv48 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 0px;
    top: 84px;
    background-image: url(../images/dash_bord.png);
}
#apDiv48 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv49 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv49 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 154px;
    top: 84px;
    background-image: url(../images/dash_bord.png);
}
#apDiv49 {
    position:absolute;
    width:113px;
    height:43px;
    z-index:1;
    background-image: url(../images/battery_tb_bg.png);
}
#apDiv50 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv50 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv50 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 154px;
    top: 42px;
    background-image: url(../images/dash_bord.png);
}
#apDiv50 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv50 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv50 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv50 {	position:absolute;
           width:980px;
           height:171px;
           z-index:7;
           left: 154px;
           top: 42px;
           background-image: url(../images/dash_bord.png);
}
#apDiv50 {
    position:absolute;
    width:113px;
    height:43px;
    z-index:1;
    background-image: url(../images/battery_tb_bg.png);
}
#apDiv22 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv22 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv22 {	position:absolute;
           width:980px;
           height:171px;
           z-index:7;
           left: 154px;
           top: 42px;
           background-image: url(../images/dash_bord.png);
}
#apDiv22 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv22 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv22 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv22 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 154px;
    top: 0px;
    background-image: url(../images/dash_bord.png);
}
#apDiv22 {
    position:absolute;
    width:113px;
    height:43px;
    z-index:1;
    background-image: url(../images/battery_tb_bg.png);
}
#apDiv24 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv24 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv24 {position:absolute;
          width:980px;
          height:171px;
          z-index:7;
          left: 154px;
          top: 42px;
          background-image: url(../images/dash_bord.png);
}
#apDiv24 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv24 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv24 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv24 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 268px;
    top: 0px;
    background-image: url(../images/dash_bord.png);
}
#apDiv24 {
    position:absolute;
    width:68px;
    height:43px;
    z-index:1;
    background-image: url(../images/battery_tb_bg.png);
}
#apDiv52 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv52 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv52 {position:absolute;
          width:980px;
          height:171px;
          z-index:7;
          left: 154px;
          top: 42px;
          background-image: url(../images/dash_bord.png);
}
#apDiv52 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv52 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv52 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv52 {	position:absolute;
           width:980px;
           height:171px;
           z-index:7;
           left: 268px;
           top: 0px;
           background-image: url(../images/dash_bord.png);
}
#apDiv52 {	position:absolute;
           width:68px;
           height:43px;
           z-index:1;
           background-image: url(../images/battery_tb_bg.png);
}
#apDiv25 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv25 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv25 {position:absolute;
          width:980px;
          height:171px;
          z-index:7;
          left: 154px;
          top: 42px;
          background-image: url(../images/dash_bord.png);
}
#apDiv25 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv25 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv25 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv25 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 268px;
    top: 42px;
    background-image: url(../images/dash_bord.png);
}
#apDiv25 {	position:absolute;
           width:68px;
           height:43px;
           z-index:1;
           background-image: url(../images/battery_tb_bg.png);
}
#apDiv53 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv53 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv53 {position:absolute;
          width:980px;
          height:171px;
          z-index:7;
          left: 154px;
          top: 42px;
          background-image: url(../images/dash_bord.png);
}
#apDiv53 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv53 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv53 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv53 {	position:absolute;
           width:980px;
           height:171px;
           z-index:7;
           left: 268px;
           top: 42px;
           background-image: url(../images/dash_bord.png);
}
#apDiv53 {position:absolute;
          width:68px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv54 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv54 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv54 {position:absolute;
          width:980px;
          height:171px;
          z-index:7;
          left: 154px;
          top: 42px;
          background-image: url(../images/dash_bord.png);
}
#apDiv54 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv54 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv54 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv54 {	position:absolute;
           width:980px;
           height:171px;
           z-index:7;
           left: 268px;
           top: 42px;
           background-image: url(../images/dash_bord.png);
}
#apDiv54 {position:absolute;
          width:68px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv26 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv26 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv26 {position:absolute;
          width:980px;
          height:171px;
          z-index:7;
          left: 154px;
          top: 42px;
          background-image: url(../images/dash_bord.png);
}
#apDiv26 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv26 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv26 {position:absolute;
          width:153px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv26 {
    position:absolute;
    width:980px;
    height:171px;
    z-index:7;
    left: 268px;
    top: 84px;
    background-image: url(../images/dash_bord.png);
}
#apDiv26 {position:absolute;
          width:68px;
          height:43px;
          z-index:1;
          background-image: url(../images/battery_tb_bg.png);
}
#apDiv55 {
    position:absolute;
    width:135px;
    height:20px;
    z-index:1;
    font-size: 11px;
    top: 13px;
    left: 12px;
}
#apDiv56 {	position:absolute;
           width:135px;
           height:20px;
           z-index:1;
           font-size: 11px;
           top: 13px;
           left: 12px;
}
#apDiv57 {	position:absolute;
           width:135px;
           height:23px;
           z-index:3;
           left: 12px;
           top: 12px;
           font-size: 11px;
}
#apDiv58 {	position:absolute;
           width:135px;
           height:23px;
           z-index:3;
           left: 12px;
           top: 12px;
           font-size: 11px;
}
#apDiv59 {	position:absolute;
           width:135px;
           height:17px;
           z-index:3;
           left: 12px;
           top: 12px;
           font-size: 11px;
}
#apDiv61 {
    position:absolute;
    width:147px;
    height:19px;
    z-index:1;
    font-size: 11px;
    left: 12px;
    top: 13px;
}
#apDiv62 {
    position:absolute;
    width:113px;
    height:32px;
    z-index:1;
    text-align: center;
    top: 7px;
}
#apDiv63 {
    position:absolute;
    width:113px;
    height:32px;
    z-index:1;
    text-align: center;
    top: 7px;
}
#apDiv64 {
    position:absolute;
    width:113px;
    height:33px;
    z-index:1;
    text-align: center;
    top: 8px;
}
#apDiv65 {
    position:absolute;
    width:68px;
    height:29px;
    z-index:1;
    text-align: center;
    top: 8px;
}
#apDiv66 {
    position:absolute;
    width:68px;
    height:31px;
    z-index:1;
    text-align: center;
    top: 9px;
}
#apDiv67 {
    position:absolute;
    width:68px;
    height:30px;
    z-index:1;
    text-align: center;
    top: 9px;
}
#apDiv68 {
    position:absolute;
    width:92px;
    height:27px;
    z-index:4;
    left: 627px;
    top: 44px;
}
#apDiv69 {
    position:absolute;
    width:92px;
    height:17px;
    z-index:5;
    left: 627px;
    top: 76px;
    font-size: 9px;
    text-align: center;
}
#apDiv70 {
    position:absolute;
    width:980px;
    height:520px;
    z-index:6;
    left: 0px;
    top: 530px;
    background-image: url(../images/battery_bank_bg.png);
}
#apDiv71 {
    position:absolute;
    width:57px;
    height:19px;
    z-index:7;
    left: 0px;
    top: 506px;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}
#apDiv72 {
    position:absolute;
    width:980px;
    height:520px;
    z-index:1;
    text-align: center;
    font-size: 36px;
}
#apDiv73 {
    position:absolute;
    width:63px;
    height:19px;
    z-index:8;
    left: 0px;
    top: 1073px;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
#apDiv74 {
    position:absolute;
    width:980px;
    height:393px;
    z-index:9;
    left: 0px;
    top: 1098px;
    background-image: url(../images/battery_bank_details_bg.png);
}
#apDiv75 {
    position:absolute;
    width:124px;
    height:277px;
    z-index:1;
    left: 63px;
    top: 58px;
    background-image: url(../images/big_battery.png);
}
#apDiv76 {
    position:absolute;
    width:124px;
    height:258px;
    z-index:1;
    top: 19px;
}
#apDiv77 {
    position:absolute;
    width:124px;
    height:258px;
    z-index:1;
    background-image: url(../images/big_battery_fill.png);
    clip: rect(150px,auto,auto,auto);
    overflow: hidden;
}
#apDiv78 {
    position:absolute;
    width:980px;
    height:127px;
    z-index:10;
    left: 1px;
    top: 1490px;
    background-image: url(../images/battery_bank_bottom_list_bg.png);
}
#apDiv79 {
    position:absolute;
    width:980px;
    height:115px;
    z-index:1;
    text-align: center;
    top: 10px;
}
#apDiv80 {
    color:#999;
    position:absolute;
    width:106px;
    height:277px;
    z-index:2;
    left: 228px;
    top: 58px;
}
#apDiv81 {	position:absolute;
           width:106px;
           height:277px;
           z-index:2;
           left: 268px;
           top: 58px;
}
#apDiv82 {	position:absolute;
           width:106px;
           height:277px;
           z-index:2;
           left: 268px;
           top: 58px;
}
#apDiv83 {
    position:absolute;
    width:91px;
    height:277px;
    z-index:3;
    left: 300px;
    top: 58px;
}
#apDiv84 {
    position:absolute;
    width:125px;
    height:16px;
    z-index:4;
    left: 268px;
    top: 35px;
    color: #E9BC1F;
    font-weight: bold;
    font-style: italic;
}
#apDiv85 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:5;
}
#apDiv86 {
    position:absolute;
    width:127px;
    height:30px;
    z-index:2;
    text-align: center;
    font-size: 22px;
    top: 125px;
    font-weight: bold;
    font-style: italic;
}
#apDiv87 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
    left: -1px;
    top: 298px;
}
#apDiv88 {
    position:absolute;
    width:200px;
    height:18px;
    z-index:7;
    left: 16px;
    top: 193px;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
#apDiv89 {
    position:absolute;
    width:949px;
    height:140px;
    z-index:8;
    left: 16px;
    top: 223px;
    background-image: url(../images/rtu_upper_panel_bg.png);
}
#apDiv90 {
    position:absolute;
    width:23px;
    height:23px;
    z-index:1;
    left: 49px;
    top: 38px;
}
#apDiv91 {
    position:absolute;
    width:23px;
    height:23px;
    z-index:2;
    left: 49px;
    top: 62px;
}
#apDiv92 {
    position:absolute;
    width:40px;
    height:17px;
    z-index:3;
    left: 84px;
    top: 43px;
    font-size: 12px;
}
#apDiv93 {
    position:absolute;
    width:40px;
    height:20px;
    z-index:4;
    left: 84px;
    top: 87px;
    font-size: 12px;
}
#apDiv94 {
    position:absolute;
    width:110px;
    height:17px;
    z-index:5;
    left: 147px;
    top: 42px;
    font-size: 12px;
    font-style: italic;
}
#apDiv95 {	position:absolute;
           width:110px;
           height:17px;
           z-index:5;
           left: 147px;
           top: 43px;
           font-size: 12px;
           font-style: italic;
}
#apDiv96 {
    position:absolute;
    width:55px;
    height:30px;
    z-index:6;
    left: 296px;
    top: 34px;
    background-image: url(../images/text_field_bg.png);
}
#apDiv97 {
    position:absolute;
    width:55px;
    height:30px;
    z-index:7;
    left: 296px;
    top: 77px;
    background-image: url(../images/text_field_bg.png);
}
#apDiv98 {
    position:absolute;
    width:55px;
    height:19px;
    z-index:1;
    top: 6px;
    left: -1px;
}

#apDiv99 {
    position:absolute;
    width:55px;
    height:19px;
    z-index:1;
    top: 6px;
}
#apDiv100 {
    position:absolute;
    width:55px;
    height:30px;
    z-index:8;
    left: 360px;
    top: 34px;
    background-image: url(../images/text_field_bg.png);
}
#apDiv101 {
    position:absolute;
    width:55px;
    height:19px;
    z-index:1;
    top: 6px;
    left: -1px;
}
#apDiv102 {
    position:absolute;
    width:55px;
    height:30px;
    z-index:9;
    left: 360px;
    top: 77px;
    background-image: url(../images/text_field_bg.png);
}
#apDiv103 {
    position:absolute;
    width:55px;
    height:19px;
    z-index:1;
    top: 6px;
}
#apDiv104 {
    position:absolute;
    width:45px;
    height:9px;
    z-index:10;
    /*    font-style: italic;*/
    font-size: 9px;
    left: 301px;
    top: 13px;
    text-align: center;
    text-shadow: 0 1px 2px #000;
}
#apDiv105 {
    position:absolute;
    width:37px;
    height:16px;
    z-index:11;
    font-style: italic;
    font-size: 11px;
    text-align: center;
    left: 368px;
    top: 13px;
}
#apDiv106 {
    position:relative;
    width:948px;
    /*height:174px;*/
    z-index:6;
    left: 16px;
    top: 487px;
    background-color: #CCCCCC;
}
#apDiv107 {
    position:absolute;
    width:144px;
    height:18px;
    z-index:7;
    left: 19px;
    top: 463px;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
}
#apDiv108 {
    /*position:absolute;
    height:139px;
    left: 49px;
    top: 17px;    */    
    width:54px;
    z-index:1;
    color: #333;
    font-size: 11px;
    font-style: italic;
    padding: 10px;
}
#apDiv109 {
    position:absolute;
    width:200px;
    height:139px;
    z-index:2;
    left: 118px;
    top: 17px;
}
#apDiv110 {
    position:absolute;
    width:949px;
    height:115px;
    z-index:8;
    left: 16px;
    top: 707px;
}

#headerbg {
    background-image: url(../images/sn_header.png);
    background-repeat: repeat-x;
    width: auto;
    height: 68px;
}
#contentWrapper {
    position: relative;
    top: -68px;
    width: 1240px;
    margin-right: auto;
    margin-left: auto;
    height: 1650px;
    padding-bottom: 65px;
}
.small_hor_battery {
    background-image: url(../images/small_hor_empty_battery_bg.png);
    background-repeat: repeat-x;
    height: 23px;
    width: 101px;
}
.small_hor_battery .small_hor_battery_fill {
    background-image: url(../images/small_hor_battery_fill.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 23px;
    width: 50px;
}
li {
    list-style-position: outside;
    list-style-type: none;
    font-size: 11px;
    text-align: left;
    color: #FFF;
    margin: 0px;
    padding: 0px;
}
ul {
    line-height: 16px;
}
.minutes_textfield {
    font-size: 12px;
    font-style: italic;
    color: #999;
    background-color:transparent;
    border:0;
    text-align:center;
    width: 55px;
}
.header{
    text-align: center;
}
.header td{
    background-image: url(../images/table_heading_bg.png);
    background-repeat: repeat-x;
    height: 41px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
    font-size:12px;
    padding-left: 10px;
    font-weight:bold;
}
.details td{
    /*background-image: url(../images/table_details_bg.png);
    background-repeat: repeat-x;*/
    height: 37px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
    font-size:12px;
    padding-left: 10px;
    color: #333;
    background-color: #CCC;
    border-bottom: 1px solid #000;

}
/* END: New CSS Given for Demo */

#global_notification{
    /*	position:absolute;*/
    width:198px;
    height:85px;
    z-index:4;
    /*	left: 559px;*/
    /*	top: 9px;*/

    background-image: url(../images/global_notification_panel.png);
    background-repeat: no-repeat;
    float: right;
    margin:-8px 10px 0 0px;
    padding-bottom: 15px
}
#site_notes{
    /*	position:absolute;*/
    width:198px;
    height:85px;
    z-index:4;
    /*	left: 559px;*/
    /*	top: 9px;*/

    background-image: url(../images/site_notes_bg.png);
    background-repeat: no-repeat;
    float: right;
    margin:-8px 10px 0 0px;
    padding-bottom: 15px
}
#site_notification {
    /*	position:absolute;*/
    width:198px;
    height:60px;
    z-index:5;
    overflow: hidden;
    padding: 19px 0 5px 20px;
    /*	left: 767px;*/
    /*	top: 9px;*/
    background-image: url(../images/site_notification_panel.png);
    background-repeat: no-repeat;
    float: right;
    margin:-8px 11px 0 0px;
}


/* Wind Guage */

#wind {
    background: transparent url('../images/wind_dial_bg.png') left top no-repeat;
    width: 102px;
    height: 101px;
    float: left;
    position: relative;
    /*    left: 437px;*/
    left: 515px;
    top: -67px;
}

#wind_txt{
    color: #FFFFFF;
    font-size: 9px;
    font-family: arial;
    position: relative;
    /*    left: 348px;*/
    left: 451px;
    top: 87px;
    width: 170px;
}
#tower_beacon{
    background: url("../images/env_icons.png") no-repeat scroll -1288px 0 transparent;
    /*    background: transparent url('../images/wind_dial_bg.png') left top no-repeat;*/
    width: 102px;
    height: 101px;
    float: left;
    position: relative;
    line-height: 101px;
    text-align: center;
    /*    left: 437px;*/
    left: 540Px;
    top: -67px;
}

#tower_beacon_txt{
    color: #FFFFFF;
    font-size: 9px;
    font-family: arial;
    position: relative;
    /*    left: 348px;*/
    left: 435px;
    float: left;
    top: 32px;
    width: 170px;
}

#ssv_env_temp_txt{
    color: #FFFFFF;
    font-size: 9px;
    font-family: arial;
    position: absolute;
    /*    left: 348px;*/
    right: 370px;
    top: 100px;
    width: 100px;
}
#ssv_env_humd_txt{
    color: #FFFFFF;
    font-size: 9px;
    font-family: arial;
    position: absolute;
    /*    left: 348px;*/
    right: 231px;
    top: 100px;
    width: 100px;
}
#ssv_env_rain_txt{
    color: #FFFFFF;
    font-size: 9px;
    font-family: arial;
    position: absolute;
    /*    left: 348px;*/
    right: 90px;
    top: 100px;
    width: 100px;
}
#ssv_env_day_txt{
    color: #FFFFFF;
    font-size: 9px;
    font-family: arial;
    position: absolute;
    /*    left: 348px;*/
    left: 409px;
    top: 100px;
    width: 100px;
}
/* End : Wind Guage */

#dock_left {
    width: 20px;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    /*    opacity:0;*/
    opacity:1;
    z-index: 1000;
    overflow: hidden;
    color: #fff;
    background-color: #101010;/*#101010;*/
    border-right: 1px solid #404040;
    /*    background: url("../images/pat1.png") repeat scroll 0 0 #000000;*/
}

.dock_left_container {
    position: relative;
    left: 5px;
    top: 150px;
    /*    padding-left: 20px;
        padding-top: 100px;*/
    color: #fff;
    width: 250px;
    -moz-border-radius: 10px 10px 0px 0px;
}

ul#left_dock li { margin-left: 5px; }

a.left_dockitem {
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
/* Dock */
#dock2 {
    width: 100%;
    bottom: 36px;
    position: fixed;
    opacity:1;
    z-index: 900;
    color: #fff;
    height: 77px;
    margin: 0 auto;
    /*        opacity:0;
            left: 0px;
            bottom: 0px;
            border-top: 1px solid #404040;
            background-color: #333;
            background: url("../images/pat1.png") repeat scroll 0 0 #000000;
            height: 40px;
            -moz-border-radius: 10px 10px 0px 0px*/
}
.dock-c1{
    background-color: #1b1b1b;
    height: 78px;
    width: 1240px;
    margin: 0 auto;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    border-left: 1px solid #343434;
    background: url("../images/nav_bg.png") repeat scroll 0 0 #1b1b1b;
    overflow: hidden;
    position: relative;

    /*    -moz-border-radius: 10px 10px 0px 0px*/
}
.site_status{
    background: url("../images/nav_bg1.png") repeat scroll 0 0 #1b1b1b;
    border-right: 1px solid #353535;
    width: 205px;
    height: 78px;
    float: left;
    position: relative;
    z-index: 50;
}
#last_update_diff{
    position: relative;float: left; margin-left: 5px; font-size: 12px; font-weight: bolder; color: #ffd800;
}
.setup_btn{
    background: url("../images/nav_bg1.png") repeat scroll 0 0 #1b1b1b;
    border-left: 1px solid #353535;
    width: 84px;
    height: 78px;
    float: right;
    position: relative;
    z-index: 50;
}
.setup_switch{
    background: url("../images/setup_switch.png") repeat scroll 0px 0px transparent;    
    width: 39px;
    height: 75px;
    margin: 0 auto;
    position: relative;
    top: 8px;
}
.bottom_nav_btn{
    background: url("../images/nav_btn.png") no-repeat 0 0 transparent;
    width: 65px;
    height: 32px;    
    z-index: 10;
    /*    padding-bottom: 35px;*/
}
.bottom_nav_btn_selected{
    background-position: 0 -34px;
}
.dock-container2 {
    float: left;
    height: 65px;
    width: 930px;
    left: 20px;
    position: relative;
    text-transform: uppercase;
}
a.dock-item2 {
    display: block;
    font: bold 8px Arial, Helvetica, sans-serif;
    width: 70px;
    color: #fff;
    bottom: 0px;
    position: relative;
    float: left;
    text-align: center;
    text-decoration: none;

    /*    margin: 18px 5px 0 5px;*/
    /*    margin: 0px 12px 0 ;*/
}
.dock-item2 span {
    /*    display: none;*/
    /*padding-left: 20px;*/
    /*    margin: 20px;*/
    margin-top: 15px;
    margin-bottom: 5px;
    width: 65px;
    /*    display: block;*/
    height: 35px;
    display: table-cell;
    vertical-align: bottom;
    text-shadow: 1px 2px 2px #000;

}
.dock-item2 img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}
#day_status{
    background: url("../images/night.png") scroll 0 0;
    background-repeat: no-repeat;
    position:relative;
    width: 102px;
    height: 112px;
    left: 388px;
    bottom: 26px;
    display: none;
}
#raining{
    background: url("../images/env_icons.png") scroll -1506px 0;
    background-repeat: no-repeat;
    position:relative;
    width: 102px;
    height: 102px;
    left: 262px;
    bottom: 140px;
    display: none;
}

#one-column-emphasis
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    width: 949px;
    text-align: left;
    border-collapse: collapse;
}
#one-column-emphasis th
{
    background-image: url("../images/table_heading_bg.png");
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 15px;
    color: #000;
}
#one-column-emphasis td
{
    padding: 10px 15px;
    color: #000;
    border-top: 1px solid #CCC;
}
.oce-first
{
    background: #ccc;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
    color: #000;
    background: #CCC;
}

#left_dock > li{
    list-style-type: decimal;
}



/* Fuel Level box */
.fuel_level_bg {
    background-image: url(../images/gen_fuel.png);
    width:76px;
    height:128px;
    margin-left: 19px;
    margin-top: 17px;
}
.fuel_level {
    background-image: url(../images/fuel_fill.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 144px;
    width:76px;
    height:1px;
}
#fuel_level_bg {
    background-image: url(../images/gen_fuel.png);
    width:76px;
    height:128px;
    margin-left: 19px;
    margin-top: 17px;
}
#fuel_level {
    background-image: url(../images/fuel_fill.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 144px;
    width:76px;
    height:1px;
}
#fuel_level_internal {
    background-image: url(../images/fuel_fill.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 144px;
    width:76px;
    height:1px;
}
#fuel_level_stats
{
    position:relative;
    bottom: 115px;
    left: 110px;
    width: 250px;      
}
#fuel_remain
{
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    clear: both;
}
#fuel_remain_no
{
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #E9BC1F;
}
/* End : Fuel Level Box */

#apDiv129 {
    position:absolute;
    width:200px;
    height:16px;
    z-index:9;
    left: 31px;
    top: 206px;
}
#apDiv130 {
    position:absolute;
    width:522px;
    height:165px;
    z-index:10;
    left: 31px;
    top: 234px;
    /*background-image: url(../images/batt_stats_ssv.png);*/
    background-image: url(../images/gen_fuel_bg.png);
}

.ssv_mainpower_alarm_led_normal{
    background: url('../images/status_led.png') 0 -67px;
    bottom: 35px; 
    left: 100px; 
    position: absolute; 
    width:20px; 
    height: 20px;
    color: #666;
    display: none;
}

.alarm_led_normal{
    background: url('../images/status_led.png') 0 -67px;
    bottom: 35px; 
    left: 100px; 
    position: absolute; 
    width:20px; 
    height: 20px;
    color: #666;
    display: none;
}
.alarm_led{
    background: url('../images/status_led.png') 0 -67px;
    bottom: 35px; 
    left: 100px; 
    position: absolute; 
    width:20px; 
    height: 20px;
    color: #fff;
    color: #ff0000;
    display: block;
}
.alarm_led_green{
    background: url('../images/status_led.png') 0 0px;
    bottom: 35px; 
    left: 100px; 
    position: absolute; 
    width:20px; 
    height: 20px;
    color: #666;
    display: block;
}
.alarm_txt{position: relative; width: 80px; left: 20px; top:5px; font-size: 8px;}
.alarm_txt1{position: relative; width: 80px; left: 20px; top:5px; font-size: 11px; font-weight: bold;}
.alarm_txt_env{position: relative; width: 102px; left: 5px; top:3px; font-size: 11px;text-align: center; font-weight: bolder;}


/* Battery Cells */

#bb_green {
    background-image: url(../images/bank_green.png);
    width:1px;
    height:23px;
}
#bb_red {
    background-image: url(../images/bank_red.png);
    width:1px;
    height:23px;
}
#apDiv104 {
    position:absolute;
    width:140px;
    height:16px;                
    left: 20px;
    top: 10px;
}
#batt_stat_container {
    background-image: url(../images/batt_stats_ssv.png);
    /*background-image: url(../images/batt_stat_bg.png);*/
    text-shadow: 0 1px 2px #000000;
    position:absolute;
    width:314px;
    height:208px;                
    left: 576px;
    top: 43px;
    border-right: 1px solid #000;
}

#batt_bank_gray {
    background-image: url(../images/bank_gray.png);
    float: left;
    width:100px;
    height:47px;
    position: absolute; top: 28px;left: 20px;

}
#bb_green {
    background-image: url(../images/bank_green.png);
    width:96px;
    height:48px;
}
#bb_red {
    background-image: url(../images/bank_red.png);
    width:1px;
    height:48px;
}
/* End : Battery Cells */


#battery_banks{
    background: url("../images/batt_stats_ssv.png") no-repeat 0 0 transparent;
    height: 208px;
    position: absolute;
    top: 15px;
    left: 340px;
    width: 400px;
    border-left: #2d2d2d;
    border-right: #2d2d2d;
}

#battery_banks_txt{
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: -20px;
}
#battery_bank_cell{
    position: relative;
    bottom: 5px;
    left: 40px; 
    float: left;
    width: 88px;
    top: 8px;
}
#ssv_battery_bank_1, #ssv_battery_bank_2, #ssv_battery_bank_3, #ssv_battery_bank_4{
    position: relative;
    bottom: 5px;
    left: 40px; 
    float: left;
    width: 88px;
    top: 8px;
}
#cell{
    background: url("../images/batt_small_ssv.png") no-repeat scroll 0 0 transparent;
    width: 68px;
    height: 105px;
    top: 38px;
    position: relative;
}
#battery_bank_no{
    position: relative;
    font-size: 21px;
    font-weight: bold;
    font-family: Arial;
    line-height: 74px;
    left: 0px;    
    width: 50px;
    text-align: center;
}
#battery_bank_detail, #battery_bank_detail1, #battery_bank_detail2, #battery_bank_detail3, #battery_bank_detail4{
    /*    background: url("../images/batt_bank_detail.png") no-repeat scroll 0 0 transparent;*/
    width: 100px;
    height: 99px;
    position: relative;
    top: 15px;
    left: 5px;
}
#battery_bank_detail_txt, #battery_bank_detail_txt1, #battery_bank_detail_txt2, #battery_bank_detail_txt3, #battery_bank_detail_txt4{
    width: 67px;
    position: relative;
    padding-top: 5px;
    height: 10px;
}
#battery_bank_detail_txt_name, #battery_bank_detail_txt_name1, #battery_bank_detail_txt_name2, #battery_bank_detail_txt_name3, #battery_bank_detail_txt_name4{
    float:left;
    font-size: 11px;
    width: 20px;
}
#battery_bank_detail_txt_value, #battery_bank_detail_txt_value1, #battery_bank_detail_txt_value2, #battery_bank_detail_txt_value3, #battery_bank_detail_txt_value4{
    font-size: 11px;
    color: #e9bc1f;
    width: 45px;
    float: right;
}

#battery_bank_detail_voltage_value1, #battery_bank_detail_current_value1, #battery_bank_detail_status_value1, #battery_bank_detail_rc_value1,
#battery_bank_detail_voltage_value2, #battery_bank_detail_current_value2, #battery_bank_detail_status_value2, #battery_bank_detail_rc_value2,
#battery_bank_detail_voltage_value3, #battery_bank_detail_current_value3, #battery_bank_detail_status_value3, #battery_bank_detail_rc_value3,
#battery_bank_detail_voltage_value4, #battery_bank_detail_current_value4, #battery_bank_detail_status_value4, #battery_bank_detail_rc_value4,
#battery_bank_detail_voltage_value5, #battery_bank_detail_current_value5, #battery_bank_detail_status_value5, #battery_bank_detail_rc_value5,
#battery_bank_detail_voltage_value6, #battery_bank_detail_current_value6, #battery_bank_detail_status_value6, #battery_bank_detail_rc_value6
{
    font-size: 11px;
    color: #e9bc1f;
    width: 45px;
    float: right;
}

#global_nofification_data{
    position: relative;
    top: 22px; 
    left: 15px;
    width: 180px; 
    height: 58px;
    font-size: 10px; 
    text-shadow: 0px 1px 2px #000;
    overflow: hidden;
}
#site_notification_data{
    width: 170px;
    height: 58px;
    left: -7px;
    top: 3px;
    position: relative;
    font-size: 10px; 
    text-shadow: 0px 1px 2px #000;
    overflow: hidden;
}
.scroller{
    top: 0px;
    position: relative;
}

/* OVER RIDDING  fancy box properties*/
#fancybox-outer {
    width: 95% !important;
}
#fancybox-content{
    border: none !important;
}
#fancybox-overlay{
    background-color: #000 !important;    
    opacity: 0.8 !important;
}
#fancybox-wrap{
    position: fixed !important;
}


a.button {
    background: transparent url('../images/btn_right.png') no-repeat scroll top right;
    color: #e0e0e0;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 32px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/btn_left.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 0 6px 18px;
    text-shadow: 1px 2px 2px #000;
    font-weight: bold;
} 
a.button:hover {
    background-position: center right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: center left;
    /*            padding: 4px 0 6px 18px;  push text up 1px */
} 

a.button:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px */
} 

@font-face {
	font-family: 'quartz';
	/*src: url('<?= Yii::app()->params['fonts']; ?>/Quartz.ttf'); /* IE 5-8 */ 
	/*src: local('☺'),             /* sneakily trick IE */
	/*url('tagesschrift.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
	/*url('<?= Yii::app()->params['fonts']; ?>/Quartz.ttf') format('truetype') /* Opera, Safari */
	/*url('tagesschrift.svg#font') format('svg'); /* iOS */
}

.visibility { visibility:hidden; }

/* For Outline Removal*/

*:focus {
    outline: none;
}