/****************************************************
	Author: Sunshine.Yang
	CreateDate: 2012/11/03 
*****************************************************/

/****************** Eric CSS Reset Begin******************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 1;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-align: left;
}
body
{
    line-height: 1;
}
img{border:0;}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* Resetting HTML5! */
section, article, aside, header, footer, nav, dialog, figure
{
    display: block;
}
/****************** Eric CSS Reset End******************/

/***************** Css Auto Created Begin ***************/
body
{
    font-size: 80%;
    font-family: Ariel,Verdana,Candara,Sans-Serif;
    color: #232323;
}

/***************** Login Css Begin ********************/
div#login_container
{
    width: 450px;
    height: 350px;
    border: 2px solid #e1e1e1;
    position: relative;
    z-index: 5;
    margin: 100px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}
div#login_container #icon_top
{
    height: 36px;
    margin-top: 25px;
    line-height: 35px;
    text-align: right;
    padding-right: 36px;
    font-size: 14px;
}
div#login_container #login
{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 25px;
}
div#login_container #login .item
{
    height: 35px;
    line-height: 35px;
}
div#login_container #login .item ul .label
{
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 20px;
}
div#login_container #login .item ul .input
{
    float: left;
    text-align: left;
    padding-left: 20px;
}
div#login_container #login .item_sep
{
    height: 5px;
}

div#login_container #forgetpwd
{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 25px;
}
div#login_container #forgetpwd .item
{
    height: 35px;
    line-height: 35px;
}
div#login_container #forgetpwd .item ul .label
{
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 20px;
}
div#login_container #forgetpwd .item ul .input
{
    float: left;
    text-align: left;
    padding-left: 20px;
}
div#login_container #forgetpwd .item_sep
{
    height: 5px;
}



div#login_container_Error
{
    width: 900px;
    height: 400px;
    border: 2px solid #e1e1e1;
    position: relative;
    z-index: 5;
    margin: 10px auto;
    margin-left:10px;
    margin-left:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}
div#login_container_Error #icon_top
{
    height: 36px;
    margin-top: 25px;
    margin-left:10px;
    line-height: 35px;
    text-align: left;
    padding-right: 36px;
    font-size: 14px;
}
div#login_container_Error #login .item_sep
{
    height: 5px;
}
div#login_container_Error #login .item
{
    height: 35px;
    line-height: 35px;
    margin-left:35px;
}
div#login_container_Error #login .item ul .label
{
    float: left;
    width: 85px;
    text-align: right;
    padding-right: 20px;
}
.sepBar
{
    background-color: #e5f0f6;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
}
/***************** Login Css End ********************/
/***************** ForgetPwd Css Begin ********************/
div#forgetpwd_container
{
    width: 450px;
    height: 350px;
    border: 2px solid #e1e1e1;
    position: relative;
    z-index: 5;
    margin: 100px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}
div#forgetpwd_container #icon_top
{
    height: 36px;
    line-height: 35px;
    margin-top: 25px;
    text-align: right;
    padding-right: 36px;
    font-size: 14px;
}
div#forgetpwd_container #forgetpwd
{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 25px;
}
div#forgetpwd_container #forgetpwd .item
{
    height: 35px;
    line-height: 35px;
}
div#forgetpwd_container #forgetpwd .item ul .label
{
    float: left;
    width: 85px;
    text-align: right;
    padding-right: 20px;
}
div#forgetpwd_container #forgetpwd .item ul .input
{
    float: left;
    text-align: left;
    padding-left: 20px;
}
div#forgetpwd_container #forgetpwd .item_sep
{
    height: 5px;
}
/***************** ForgetPwd Css End ********************/

/***************** Regist Css End ********************/
div#updateUser_container
{
    width: 500px;
    height: 560px;
    border: 2px solid #e1e1e1;
    position: relative;
    z-index: 5;
    margin: 20px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}
div#updateUser_container #icon_top
{
    height: 36px;
    line-height: 35px;
    margin-top: 25px;
    text-align: right;
    padding-right: 36px;
    font-size: 14px;
}
div#updateUser_container #regist
{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 5px;
}
div#updateUser_container #regist .item
{
    height: 35px;
    line-height: 35px;
}
div#updateUser_container #regist .item ul .label
{
    float: left;
    width: 110px;
    text-align: right;
    padding-right: 20px;
}
div#updateUser_container #regist .item ul .input
{
    float: left;
    text-align: left;
    padding-left: 20px;
}
div#updateUser_container #regist .item_sep
{
    height: 5px;
}

div#regist_container
{
    width: 455px;
    height: 500px;
    border: 2px solid #e1e1e1;
    position: relative;
    z-index: 5;
    margin: 100px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}
div#regist_container #icon_top
{
    height: 36px;
    line-height: 35px;
    margin-top: 25px;
    text-align: right;
    padding-right: 36px;
    font-size: 14px;
}
div#regist_container #regist
{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 25px;
}
div#regist_container #regist .item
{
    height: 35px;
    line-height: 35px;
}

div#regist_container #regist .item ul .label
{
    float: left;
    width: 115px;
    text-align: right;
    padding-right: 10px;
}

div#regist_container #regist .item ul .input
{
    float: left;
    text-align: left;
    padding-left: 20px;
}
div#regist_container #regist .item_sep
{
    height: 5px;
}

.item > a
{
    text-decoration: none;
    color: #999999;
}
.item > a:hover
{
    text-decoration: none;
    color: #666666;
}

.sepBar > a
{
    text-decoration: none;
    color: #999999;
}
.sepBar > a:hover
{
    text-decoration: none;
    color: #666666;
}
/***************** Regist Css End ********************/

/***************** Menu Css End ********************/
div#menuBar_01
{
    margin-top:1px 0 0 0 ;
    padding:0 0 0 20px;
    font-size: 15px;
    width:100%;
    height:30px;
    line-height: 30px;
    font-weight: bolder;
   background:#3E3A39;
   color:White;
   display:block;
}

div#menuBar_01 div.menucontainer
{
    /*width: 1100px; */ 
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
    text-align:left;
    background-color: #3E3A39;
    border:0;
}

div#menuBar_01 .menucontainer  a
{
     color:White;
     text-decoration:none;
}
div#menuBar_01 .menucontainer  a.selected
{
     color:Yellow;
     text-decoration:none;
}
div#menuBar_01 .menucontainer a:hover
{
     color:#cccccc;
     text-decoration:none;
}


div#menuBar_01 .menuDiv_01
{
     font-size: 14px;
    height: 100%;
    line-height: 50px;
    font-weight: bolder;
}


div#menuDiv
{
    font-size: 14px;
    height: 100%;
    line-height: 50px;
    font-weight: bolder;
   
}
div#menuDiv ul
{
    font-size: 14px;
    height: 100%;
    line-height: 50px;
    font-weight: bolder;
  
}
div#menuBar .content
{
    font-size: 14px;
    height: 50px;
    width:976px;
    float: left;
    border:0;
    line-height: 50px;
    font-weight: bolder;
     background-image: url('images/menu_bg_nor.png');
    background-color:#ffffff;
    background-repeat: repeat-x;
}
div#menuBar .menuleft
{
    font-size: 14px;
    height: 100%;
    width:12px;
    float: left;
     border:0;
    line-height: 50px;
    font-weight: bolder;
    background-image: url('images/menu_left_bg_1.png');
    background-repeat: no-repeat;
}
div#menuBar .menuright
{
    font-size: 14px;
    height: 100%;
    width:12px;
     border:0;
    float: left;
    line-height: 50px;
    font-weight: bolder;
    background-image: url('images/menu_right_bg_1.png');
    background-repeat: no-repeat;
}
div#menuDiv ul li
{
    float: left;
    min-width: 50px;
}
div#menuDiv ul li a
{
    text-decoration: none;
    color: White;
    padding-left: 10px;
    padding-right: 15px;
    height: 50px;
    line-height: 50px;
    background-image: url('images/menu_right_bg_nor.png');
    background-repeat: no-repeat;
    background-position:right;
}
div#menuDiv ul li a:hover
{
    text-decoration: none;
    color: White;
    padding-left: 10px;
    padding-right: 15px;
    height: 50px;
    line-height: 50px;
    background-image: url('images/menu_right_bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

div#menuDiv ul li > a
{
    display: inline-block;
}
div#menuDiv ul li.left
{
}
div#menuDiv ul li.content
{
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}
div#menuDiv ul li.right
{
}
div#menuDiv div.submenu
{
    display: none;
}
div#menuDiv ul li.home
{
    background-image: url('images/icon_home_nor.jpg');
    background-repeat: no-repeat;
    width: 61px;
}
div#menuDiv ul li.home:hover
{
    background-image: url('images/icon_home_high.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 61px;
}
div#menuDiv ul li
{
    background-image: url('images/menu_bg_nor.png');
    background-repeat: repeat-x;
}
div#menuDiv ul li:hover
{
    background-image: url('images/menu_bg_high.png');
    background-repeat: repeat-x;
    cursor: pointer;
}
/***************** Menu Css End ********************/

/***************** Logo Css End ********************/
div#container
{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    text-align:center;
    background-color: #ffffff;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
}
div.container
{
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    text-align:center;
    background-color: #ffffff;
    border-left: 0px solid #CCCCCC;
}

div#logoBar
{
    height: 109px;
     margin: 0 auto;
    width:1000px;
    background-color: white;
}
div#logoBar .title
{
    font-size: 14px;
    font-weight: bolder;
    line-height: 55px;
}
div#logoBar .dealerlogo
{
    float: right;
    
}

div#logoBar .userinfo
{
    float: right;
    line-height: 109px;
    padding-right: 40px;
}
div#logoBar .userinfo a.usericon
{
    line-height: 50px;
    text-decoration: none;
}
div#logoBar .userinfo a.usericon img
{
    position: relative;
    top: 3px;
    border:0;
}
div#logoBar .userinfo a
{
    cursor: pointer;
    color: #999999;
    text-decoration: none;
}
div#logoBar .userinfo a:hover
{
    cursor: pointer;
    color: #666666;
    text-decoration: none;
}
div#menuBar
{
    height: 50px;
    position: relative;
    z-index: 200;
    background-color: white;
}
div#addressDiv
{
    width:100%;
    height: 43px;
    background-color: White;
    padding:0px;
    line-height: 43px;
    background:#3E3A39;
}
.divRedSep{height:2px;background:red;display:block;width:100%;}
div#addressDiv #divCopy{margin: 0 auto;width:1000px;color:White;display:block;height:40px;text-align: right;}
div#addressDiv table.tableFixed{height:40px;}
div#addressDiv table.tableFixed tr{height:40px;}
div#addressDiv table.tableFixed tr td{height:40px;}
div#addressDiv table.tableFixed tr td.td01
{
    height: 40px;
    padding:0;
    margin:0;
    line-height: 40px;
    width:200px;
}
div#addressDiv table.tableFixed tr td.td02
{
    text-align:center;vertical-align:middle;
}
div#addressDiv div img
{
    left: 0px;
    top: 0px;
    position: relative;
}
div#addressDiv div
{
    text-align: center;
    vertical-align: middle;
}
div#addressDiv div span
{
    padding-left: 80px;
}

div#titleSepDiv
{
    height: 20px;
    background-color: #EEEEEE;
}

div#titleSepDiv_02
{
    height: 3px;
    background-color: red;
}
div#titleSepDiv_20
{
    height: 20px;
    
}
div#titleSepDiv_white
{
    height: 12px;
    background-color: white;
}

div#loginSepDiv
{
    height: 270px;
    width:1200px;
    background-color: #ffffff;
}
div#loginSepDiv #imgLoginSepDiv
{
    height: 270px;
    width:1200px;
    border:0;
}





div#bodyDiv
{
    clear: both;
}
div#bodyContainer
{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: white;
}
.text_title
{
    font-size: 14px;
    font-weight: bolder;
}

.station_condition
{
    margin-top:0;
    border: 1px solid #CCCCCC;
}

.station_condition > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
}
.station_condition > .condition
{
    padding: 10px;
}

.station_content
{
    border: 1px solid #CCCCCC;
    margin-top: 10px;
}

.station_content > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
}

.station_content > .main_frame
{
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 530px;
}

.station_content > .main_frame > .frame_left
{
    float: left;
    width: 580px;
    height: 515px;
    border: 0;
    background-color: white;
}

.map
{
    float: left;
    width: 570px;
    height: 505px;
    border: 0px solid #CCCCCC;
    background-color: #eeeeee;
}

#mapcontainer
{
    width: 570px;
    height: 515px;
    border: 0;
    padding: 0;
    margin:0 auto;
    background-color: white;
}
.containerMapLR
{
    width: 578px;
    height: 100%;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0;
    margin:0;
    background-color: white;
}

.station_content > .main_frame > .frame_right
{
    float: left;
    width: 330px;
    margin-left: 12px;
    border: 0;
    padding: 0;
}
.station_placeholder
{
    border: 0;
    height: 222px;
    padding: 4px 4px 0 10px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.containerLR
{
    width: 100%;
    height: 242px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0;
    margin:0;
    background-color: white;
  
}
.containerPagerLR
{
    width: 100%;
    height: auto;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0;
    margin:0;
    background-color: white;
  
}

.containerHalfLR
{
    width: 469px;
    height: auto;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0;
    margin:0;
    background-color: white;
  
}

.containerCommonLR
{
    height: auto;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0;
    margin:0;
    background-color: white;
}
.containerCircleAddress
{
    float:left;
    
  
}
.containerCircle
{
    
  
}
.tabCircle{}

.tableCircle
{
  
}

.station_placeholder > .leftframe
{
    width: 180px;
    height: 180px;
    float: left;
    text-align: left;
}

.station_placeholder > .leftframe > .station_item_header
{
    height: 14px;
    line-height: 14px;
    padding: 4px;
    font-size: 12px;
}

.station_placeholder > .leftframe > .station_item
{
    height: 12px;
    line-height: 12px;
    padding: 5px;
    font-size: 9px;
}

.station_placeholder > .rightframe
{
    width: 110px;
    height: 128px;
    border: 0px solid #e1e1e1;
    float: left;
    margin-left: 4px;
}

/***************** Logo Css End ********************/

/***************** Button Css Begin ********************/
.alignCenter
{
    text-align: center;
}
.alignLeft
{
    text-align: left;
}
.verticalaligntop
{
    vertical-align: top;
}
.verticalalignbottom
{
    vertical-align: bottom;
}
div.btn_bar
{
    text-align: center;
    margin-top: 20px;
}

.btn
{
    padding:0;margin:0;cursor:pointer;
}

.btn > a
{
    background-image: url("images/btn_nor.png");
    text-align: center;
    width: 106px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

.btn > a:hover
{
    background-image: url("images/btn_high.png");
    text-align: center;
    width: 106px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #ffffff;
}
.btna
{
    margin: 5px 5px 5px 5px;
    background-image: url("images/btn_nor.png");
    text-align: center;
    width: 106px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

.btnahover
{
    background-image: url("images/btn_high.png");
    text-align: center;
    width: 106px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #ffffff;
}

.small_btn > a
{
    background-image: url("images/small_btn_nor.png");
    text-align: center;
    width: 65px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 26px;
    text-decoration: none;
    color: #0056a3;
}

.small_btn > a:hover
{
    background-image: url("images/small_btn_high.png");
    text-align: center;
    width: 65px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 26px;
    text-decoration: none;
    color: #ffffff;
}
.smallbtna
{
    background-image: url("images/small_btn_nor.png");
    text-align: center;
    width: 65px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 26px;
    text-decoration: none;
    color: #0056a3;
}
.smallbtnahover
{
    background-image: url("images/small_btn_high.png");
    text-align: center;
    width: 65px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: bolder;
    line-height: 26px;
    text-decoration: none;
    color: #ffffff;
}
/***************** Button Css End ********************/
.height5
{
    height: 5px;
}
.height10
{
    height: 10px;
}
.height15
{
    height: 15px;
}
.height20
{
    height: 20px;
}
.height25
{
    height: 25px;
}
.height30
{
    height: 30px;
}
.height40
{
    height: 40px;
}

.height100
{
    height: 100px;
}

.height180
{
    height: 180px;
}
.height200
{
    height: 200px;
}

.height220
{
    height: 220px;
}
.height230
{
    height: 230px;
}

.height300
{
    height: 300px;
}

.round_radius
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/***************** Float Css Begin ********************/
.float_left
{
    float: left;
}

.float_right
{
    float: right;
}

.clear_both
{
    clear: both;
}

.clear_left
{
    clear: left;
}

.clear_right
{
    clear: right;
}

.margintop5
{
    margin-top: 5px;
}
.margintop8
{
    margin-top: 8px;
}
.margintop10
{
    margin-top: 10px;
}

.margintop20
{
    margin-top: 20px;
}
.margintop50
{
    margin-top: 50px;
}
.margintop80
{
    margin-top: 80px;
}
.margintop100
{
    margin-top: 100px;
}
.margintop150
{
    margin-top: 150px;
}
.margintop200
{
    margin-top: 200px;
}

.margin0
{
    margin-left: 0px;
    margin-right: 0px;
}

.marginleft5
{
    margin-left: 5px;
}

.marginleft10
{
    margin-left: 10px;
}

.marginleft20
{
    margin-left: 20px;
}

.marginleft25
{
    margin-left: 25px;
}

.marginleft30
{
    margin-left: 30px;
}
.marginleft50
{
    margin-left: 50px;
}
.marginleft100
{
    margin-left: 100px;
}
.marginleft120
{
    margin-left: 120px;
}
.marginleft200
{
    margin-left: 200px;
}
.marginleft600
{
    margin-left: 600px;
}
.marginleft620
{
    margin-left: 620px;
}
.paddingleft0
{
    padding-left: 0;
}
.paddingleft5
{
    padding-left: 5px;
}

.paddingleft10
{
    padding-left: 10px;
}
.paddingleft50
{
    padding-left: 50px;
}
.paddingleft100
{
    padding-left: 100px;
}
.paddingleft150
{
    padding-left: 150px;
}
.paddingleft250
{
    padding-left: 250px;
}
.paddingbottom10
{
    padding-bottom: 10px;
}
.paddingbottom20
{
    padding-bottom: 20px;
}
.paddingtop5
{
    padding-top: 5px;
}
.paddingtop10
{
    padding-top: 10px;
}
.padding10
{
    padding: 10px;
}
.paddingright10
{
    padding-right: 10px;
}
/***************** Float Css End ********************/

/***************** Width Css Begin ********************/
.width50per
{
    width: 50%;
}
.width5
{
    width: 5px;
}

.width10
{
    width: 10px;
}

.width15
{
    width: 15px;
}

.width20
{
    width: 20px;
}

.width25
{
    width: 25px;
}

.width30
{
    width: 30px;
}

.width35
{
    width: 35px;
}

.width40
{
    width: 40px;
}

.width45
{
    width: 45px;
}

.width50
{
    width: 50px;
}

.width55
{
    width: 55px;
}

.width60
{
    width: 60px;
}

.width65
{
    width: 65px;
}

.width70
{
    width: 70px;
}

.width75
{
    width: 75px;
}


.width80
{
    width: 80px;
}

.width85
{
    width: 85px;
}

.width90
{
    width: 90px;
}

.width95
{
    width: 95px;
}

.width100
{
    width: 100px;
}

.width105
{
    width: 105px;
}

.width110
{
    width: 110px;
}

.width115
{
    width: 115px;
}

.width120
{
    width: 120px;
}

.width125
{
    width: 125px;
}

.width130
{
    width: 130px;
}

.width135
{
    width: 135px;
}

.width140
{
    width: 140px;
}

.width145
{
    width: 145px;
}

.width150
{
    width: 150px;
}

.width155
{
    width: 155px;
}

.width160
{
    width: 160px;
}

.width165
{
    width: 165px;
}

.width170
{
    width: 170px;
}

.width175
{
    width: 175px;
}


.width180
{
    width: 180px;
}

.width185
{
    width: 185px;
}

.width190
{
    width: 190px;
}

.width195
{
    width: 195px;
}


.width200
{
    width: 200px;
}


.width205
{
    width: 205px;
}

.width210
{
    width: 210px;
}

.width215
{
    width: 215px;
}

.width220
{
    width: 220px;
}

.width225
{
    width: 225px;
}

.width230
{
    width: 230px;
}

.width235
{
    width: 235px;
}

.width240
{
    width: 240px;
}

.width245
{
    width: 245px;
}

.width250
{
    width: 250px;
}

.width255
{
    width: 255px;
}

.width260
{
    width: 260px;
}

.width265
{
    width: 265px;
}

.width270
{
    width: 270px;
}

.width275
{
    width: 275px;
}


.width280
{
    width: 280px;
}

.width285
{
    width: 285px;
}

.width290
{
    width: 290px;
}

.width295
{
    width: 295px;
}

.width300
{
    width: 300px;
}

.width305
{
    width: 305px;
}

.width310
{
    width: 310px;
}

.width315
{
    width: 315px;
}

.width320
{
    width: 320px;
}

.width325
{
    width: 325px;
}

.width330
{
    width: 330px;
}

.width335
{
    width: 335px;
}

.width340
{
    width: 340px;
}

.width345
{
    width: 345px;
}

.width350
{
    width: 350px;
}

.width355
{
    width: 355px;
}

.width360
{
    width: 360px;
}

.width365
{
    width: 365px;
}

.width370
{
    width: 370px;
}

.width375
{
    width: 375px;
}


.width380
{
    width: 380px;
}

.width385
{
    width: 385px;
}

.width390
{
    width: 390px;
}

.width395
{
    width: 395px;
}


.width400
{
    width: 400px;
}

.width410
{
    width: 410px;
}
.width530 {
	width: 530px;
}
.width540 {
	width: 540px;
}
.width545 {
	width: 545px;
}
.width1000
{
    width: 1000px;
}
.width3000
{
    width: 3000px;
}

.widthFull
{
    width: 100%;
}
/***************** Width Css End ********************/

/***************** Table Css Begin ********************/
.TB_LABEL_TD
{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-decoration: none;
    border-collapse: collapse;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "宋体" , verdana;
    text-align: right;
    width: 100px;
}

.TB_INPUT_TD
{
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    text-decoration: none;
    border-collapse: collapse;
    padding-left: 2px;
    padding-right: 2px;
    text-align: LEFT;
    vertical-align:bottom
}






.TB_INPUT_TD_CENTER
{
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    text-decoration: none;
    border-collapse: collapse;
    padding-left: 0px;
    padding-right: 0px;
    text-align: LEFT;
}



/***************** Table Css End ********************/

/***************** Basic Css Begin ********************/
input
{
    width: 160px;
}
input[type='button'], button
{
    width: 90px;
}
select
{
    width: 163px;
}
/***************** Basic Css End ********************/

.messageTitle
{
    height: 40px;
    line-height: 40px;
    background-image: url('images/tab_bg.jpg');
    background-repeat: repeat-x;
}

.tab li
{
    float: left;
    min-width: 60px;
    height: 40px;
    line-height: 50px;
    padding-left: 10px;
}

.tab li a
{
    background-image: url('images/icon_tab.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 30px;
    display: inline-block;
    background-position: bottom;
    color: White;
    font-weight: bold;
    text-decoration: none;
    line-height: 30px;
    min-width: 60px;
}




.tabSelected
{
    background-image: url('images/icon_tab_high.png') !important;
    background-repeat: no-repeat !important;
    padding-left: 20px !important;
    padding-right: 30px !important;
    display: inline-block;
    background-position: bottom;
    color: #000000 !important;
    font-weight: bold;
    text-decoration: none;
}

#messageContainer
{
    padding: 20px;
    background-color: White;
}

.message_content
{
    border: 1px solid #CCCCCC;
}

.message_content > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
}

.top_bar > img
{
    position: relative;
    top: -3px;
}

.message_content > .content
{
    padding: 20px;
}

#container_userinfo
{
    background-color: White;
    padding: 20px;
}

.secondLevelDiv
{
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 30px;
}

.multiple_choice_container
{
    padding-left: 30px;
    padding-top: 8px;
    padding-right: 30px;
    overflow: hidden;
}

.multiple_choice_container .multiple_choice_left
{
    float: left;
    width: 320px;
    height: 350px;
    padding: 2px;
}

.multiple_choice_container .multiple_choice_left #selectLeft
{
    padding: 5px;
    width: 315px;
    height: 345px;
}

.multiple_choice_container .multiple_choice_center
{
    float: left;
    width: 50px;
    height: 292px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 2px;
    vertical-align: middle;
}
.multiple_choice_container .multiple_choice_center p
{
    padding: 20px 0px;
}

.multiple_choice_container .multiple_choice_center p img
{
    cursor: pointer;
}

.multiple_choice_container .multiple_choice_right
{
    float: left;
    width: 320px;
    height: 350px;
    padding: 2px;
}
.multiple_choice_container .multiple_choice_right #selectRight
{
    padding: 5px;
    width: 315px;
    height: 345px;
}

fieldset.devicesDistribute
{
    border: 0px;
    margin-top: 5px;
}
fieldset.devicesDistribute legend
{
    padding-left: 48px;
}

fieldset.deviceView
{
    margin-top: 5px;
    border: 0px;
}
fieldset.deviceView legend
{
    padding-left: 48px;
}
fieldset.deviceView div
{
    padding-left: 130px;
}
fieldset.deviceView div select
{
    width: 310px;
    height: 320px;
}

/***************** Grid Css End ********************/
.DG_Header
{
    font-weight: bold;
    color: #000;
    height: 30px;
    border-collapse: collapse;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #bebebe;
    font-size: 100%;
    text-align: left;
}
.DG_Header th, .DG_Header td
{
    padding-left: 4px;
    color: #000;
    font-size: 100%;
    text-align: left;
}
.DG_Header a:link
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Header a:active
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Header a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Header a:hover
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

.DG_Item
{
    background-color: white;
    text-decoration: none;
    font-size: 100%;
    color: #000000;
    height: 30px;
    line-height: 30px;
    border: 1px solid #bebebe;
    text-align: left;
}
.DG_Item th, .DG_Item td
{
    padding-right: 4px;
    padding-left: 4px;
    color: #000;
    font-size: 100%;
}
.DG_Item a:link
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Item a:active
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Item a:visited
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Item a:hover
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

.DG_Alter
{
    background-color: #eeeeee;
    text-decoration: none;
    font-size: 100%;
    color: #000000;
    height: 30px;
    line-height: 30px;
    border: 1px solid #bebebe;
    text-align: left;
}
.DG_Alter th, .DG_Alter td
{
    padding-right: 4px;
    padding-left: 4px;
    color: #000;
    font-size: 100%;
}
.DG_Alter a:link
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Alter a:active
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Alter a:visited
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Alter a:hover
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}
.DG_Item a:hover,.DG_Alter a:hover
{
    color: #ffffff;
}

/***************** Grid Css End ********************/

.Number
{
    text-align: left;
    padding-left: 4px;
}

.hide
{
    display: none;
}


/***************** Page Css End ********************/
.pagebar
{
    height: 30px;
    margin: 0;
    border: 0;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    overflow: hidden;
}
.pagebar .empty_message
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 25px;
    color: Red;
    text-align: center;
}
.pagebar .pager
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 11px;
    line-height: 25px;
}
.pagebar .pager ul
{
    float: right;
}
.pagebar .pager ul li
{
    float: left;
}
.pagebar .pager ul li a
{
    padding-left: 1px;
    padding-right: 1px;
    text-decoration: none;
}
.pagebar .pageSelected
{
    color: Red;
}
.pagebar .first
{
    background-image: url('images/page_first.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-decoration: none;
    cursor:pointer;
}
.pagebar .prev
{
    background-image: url('images/page_prev.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-decoration: none;
    cursor:pointer;
}
.pagebar .next
{
    background-image: url('images/page_next.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-decoration: none;
    cursor:pointer;
}
.pagebar .last
{
    background-image: url('images/page_last.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-decoration: none;
    cursor:pointer;
}
.pagebar #pageIndex
{
    padding: 0 2px;
    width: 30px;
    text-align: right;
    display: inline-block;
    margin-left: 3px;
}
.pagebar #pageGo
{
    padding: 0 2px;
    
    text-align: center;
    display: inline-block;
}
.pagebar li.abbreve
{
    line-height: 15px;
}
/***************** Page Css End ********************/
.top2
{
    position: relative;
    top: 2px;
    border:0;
}

.required
{
    color: Red;
}

#div_Contact
{
    padding-left: 50px;
}

#div_Contact img
{
    width: 425px;
    height: 109px;
}

#div_Contact #contact
{
    width: 550px;
    height: 600px;
    padding-top: 20px;
}

#div_Contact #contact .leftDiv
{
    float: left;
    width: 250px;
    height: 150px;
}

#div_Contact #contact .leftDiv img
{
    width: 227px;
    height: 141px;
}

#div_Contact #contact .rightDiv
{
   
    width: 330px;
    height: 250px;
   
}
#div_Contact #contact .otherAozhou .rightDiv
{
    float: left;
    width: 300px;
    height: 250px;
    margin-left:250px;
   
}

#div_Contact #contact .otherAozhou
{
    float: left;
    width: 500px;
    height: 400px;
    margin-top:50px;
   
}
#div_Contact #contact .leftDiv_adress
{
   padding-left:2px;
}

#div_Contact #contact .leftDiv_aozhouadress
{
   padding-left:140px;
}


#div_Contact #contact .rightDiv div
{
    height: 30px;
    line-height: 30px;
}

#address
{
    padding-left: 50px;
}

#mainFrame
{
    overflow: hidden;
}

#mainFrame #leftDiv
{
    width: 250px;
    float: left;
    min-height: 500px;
}

#mainFrame #rightDiv
{
    width: 690px;
    margin-left: 20px;
    float: left;
}


#mainFrame #leftDiv ul li
{
    height: 30px;
    line-height: 30px;
}

#mainFrame #leftDiv ul li.img
{
    position: relative;
    top: 30px;
    left: -60px;
}

table#powerinfo
{
    margin-top: 180px;
}

div.devicestation
{
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}


.station_device_chart
{
    margin-top: 20px;
    border: 1px solid #CCCCCC;
    clear: both;
}

.station_device_chart
{
    margin-top: 20px;
}

.station_device_chart > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
}

.fontsize9
{
    font-size: 9px !important;
}

.deviceList
{
    width: 230px;
    margin-top: 150px;
    padding: 5px;
    overflow: hidden;
}

.deviceList div.title
{
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.cursorpointer
{
    cursor: pointer;
}

.paramListContainer
{
    height: 30px;
}

.paramListContainer ul
{
    float: right;
}

.paramListContainer .paramList
{
    width: 280px;
    border: 2px solid #bebebe;
    padding: 5px;
    position: absolute;
    z-index: 400;
    background-color: white;
}

.paramListContainer ul td
{
    height: 20px;
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

table#tab_big
{
    table-layout: fixed;
    width: 1500px;
}
table#tab_big2
{
    table-layout: fixed;
    width: 3000px;
    
}


tr.selected
{
    background-color: #e5f0f6;
}
.selectedbg
{
    background-color: #e5f0f6;
}

.userDevices_condition
{
    border: 1px solid #CCCCCC;
}

div#div_border
{
    border: 1px solid #CCCCCC;
    margin-left: 1px;
    padding: 5px;
}
div#div_border > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 5px;
    text-align: left;
}

.userDevices_condition > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
}
.userDevices_condition > .condition
{
    padding: 10px;
}

.userDevices_condition_detail
{
    border: 1px solid #CCCCCC;
    margin-top: 20px;
}

.userDevices_condition_detail > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
}

.userDevices_condition_detail .condition
{
    padding: 10px;
}


.div_InventerException
{
    border: 1px solid #CCCCCC;
    width: 935px;
    margin-left: 2px;
    margin-top: 10px;
}

.div_InventerException > .top_bar
{
    height: 30px;
    background-image: url('images/bar_title.jpg');
    background-repeat: repeat-x;
    line-height: 30px;
    padding-left: 5px;
    text-align: left;
}

.div_InventerException > .condition
{
    padding: 10px;
    margin: 0;
}

.condition_table
{
    padding: 10px;
    width: 550px;
    margin-left: 0px;
}

.TB_LABEL_TD_LAB
{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-decoration: none;
    border-collapse: collapse;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "宋体" , verdana;
    text-align: right;
    width: 110px;
}

#mainFrame #rightDiv2
{
    width: 650px;
    margin-left: 5px;
    float: left;
}

.Div_Size150
{
    font-size: 150%;
    padding: 10px;
    font-style: inherit;
}

.P_Style
{
    padding: 15px;
    line-height: 200%;
}
P_Style5 div
{
    margin-left:20px;
    padding: 15px;
    margin:15px;
     height:20px;
    line-height:20px;
}

div.sty
{
    padding-bottom: 5px;
}


.height100
{
    height: 100px;
}
.height150
{
    height: 150px;
}
.height180
{
    height: 180px;
}
.height200
{
    height: 200px;
}
.height250
{
    height: 250px;
}

.height280
{
    height: 280px;
}

.height300
{
    height: 300px;
}
.height650
{
    height: 650px;
}

body {
}

.hidden
{
     visibility:hidden;
     display:none;
}
.PowerStationBigImage
{
     width:225px;height:300px;
}
.PowerStationMidImage
{
     width:150px;height:200px;
}
.PowerStationSmallImage
{
      width: 110px;height: 107px;border:1px solid #eeeeee;
}

.PowerStationSmallImage_01
{
      width: 62px;height: 60px;border:1px solid #eeeeee;
}

.wrap{word-break:normal;width:auto;display:block;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;height:auto;}
.nowrap{word-break:nowarp;width:auto;display:block;white-space:pre-wrap;word-wrap:keep-all;overflow:hidden;height:auto;}



.DG_Item small_btn a:active
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

.DG_Item small_btn a:hover
{
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

.margintop145
{
    margin-top: 145px;
}
.margintop150
{
    margin-top: 150px;
}
.margintop160
{
    margin-top: 160px;
}
/***********字体样式*************/
.fontstyle{
     letter-spacing:1px; 
     font-size: 14px;
     font-weight: bolder;
     line-height: 20px;
     text-decoration: none;
     color: #0056a3;
}


.tableFixed
{
     table-layout:fixed;
     border-collapse:collapse;
     margin:0;
     padding:0;
     width:100%;
}
.tableFixed td{
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
white-space: nowrap;
}

.TB_LABEL_TD_AUTOWIDTH
{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-decoration: none;
    border-collapse: collapse;
    margin:0;
    padding:0;
    padding-right:5px;
    font-family: "宋体" , verdana;
    text-align: right;
}

.TB_LABEL_TD_AUTOWIDTH_TEMP
{
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-decoration: none;
    border-collapse: collapse;
    margin:0;
    padding:0;
    padding-right:5px;
    font-family: "宋体" , verdana;
    text-align: center;
}

.TB_INPUT_TD_AUTOWIDTH
{
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    text-decoration: none;
    border-collapse: collapse;
    margin:0;
    padding:0;
    text-align: LEFT;
}
.TB_INPUT_TD_AUTOWIDTH_pl10
{
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    text-decoration: none;
    border-collapse: collapse;
    margin:0;
    padding:0;
    padding-left:10px;
    text-align: LEFT;
}
td.center{text-align:center;vertical-align:middle;margin:0 auto;}
/**************************带图标按钮*******************************************************/
.mybtn1{
padding:0;margin:0;
}



span.mybtn1
{
	display: inline-block;
	width: 106px;
      height: 25px;
	line-height: 25px;
	background-image: url("images/btn_nor.png");
	margin-bottom:0px;
}


span.mybtn1 > a
{
	background-repeat:no-repeat;
	background-position:6px 50%;
	display: inline-block;
      text-align: center;
    position:relative;
    left:0;
    right:0;
    top:0;
    bottom:0;
	width: 106px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

span.mybtn1:hover
{
    background-image: url("images/btn_high.png");
}

span.mybtn1:hover > a
{
    color: #ffffff;
}


.mybtnCopy{
padding:0;margin:0;
}


.btn150{
padding:0;margin:0;
}
span.btn150
{
	
    background-image: url("images/btn_nor_150.png");
    text-align: center;
    width: 150px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    margin-bottom:0px;
    
    
}
span.btn150:hover
{
    background-image: url("images/btn_high_150.png");
}

span.btn150 > a
{
	background-repeat:no-repeat;
	background-position:6px 50%;
	display: inline-block;
    text-align: center;
	width: 150px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

span.btn150:hover > a
{
    color: #ffffff;
}

span.btn150 > a.add
{
	background-image: url("images/icon/add.png");
}


.mybtn{
padding:0;margin:0;
}
span.mybtn
{
	
	background-image: url("images/btn_nor.png");
    text-align: center;
    width: 106px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    margin-bottom:0px;
    
}

span.mybtnCopy
{
	display: inline-block;
	width: 70px;
    height: 25px;
	line-height: 25px;
	background-image: url("images/btn_nor_70.png");
	margin-bottom:0px;
}


span.mybtn > a
{
	background-repeat:no-repeat;
	background-position:6px 50%;
	display: inline-block;
    text-align: center;
	width: 106px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
    
}


span.mybtnCopy > a
{
	background-repeat:no-repeat;
	background-position:1px 50%;
	display: inline-block;
    text-align: center;
	width: 70px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

span.mybtn:hover
{
    background-image: url("images/btn_high.png");
}

span.mybtn:hover > a
{
    color: #ffffff;
}


span.mybtnCopy:hover
{
    background-image: url("images/btn_high_70.png");
}

span.mybtnCopy:hover > a
{
    color: #ffffff;
}


.btnuploadhover
{
      padding:0;
      margin:0;
	display: inline-block;
	width: 106px;
      height: 25px;
	line-height: 25px;
	background-image: url("images/btn_high.png");
	color: #ffffff;
}

.btnuploadhover > a
{
     background-image: url("images/icon/mydocs.ico");
    background-repeat:no-repeat;
	background-position:6px 50%;
	display: inline-block;
    text-align: center;
    width: 106px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #ffffff;
}
.btnuploadhover:hover > a
{
}

span.mybtn > a.search
{
	background-image: url("images/icon/zoom.png");
}
span.mybtn > a.selectDocs
{
	background-image: url("images/icon/mydocs.ico");
}

span.mybtn > a.edit
{
	background-image: url("images/icon/pencil.png");
}

span.mybtn > a.add
{
	background-image: url("images/icon/add.png");
}
span.mybtnCopy > a.add
{
	background-image: url("images/icon/add.png");
}
span.mybtn > a.detail
{
	background-image: url("images/icon/viewmore.gif");
}

span.mybtn > a.update
{
	background-image: url("images/icon/update.gif");
}
span.mybtn > a.save
{
	background-image: url("images/icon/table_save.png");
}

span.mybtn > a.earth
{
     background-position:3px 50%;
	background-image: url("images/icon/globe.png");
}
span.mybtn > a.delete
{
	background-image: url("images/icon/deleted.ico");
}
span.mybtnCopy > a.delete
{
	background-image: url("images/icon/deleted.ico");
}
span.mybtnCopy > a.copy
{
	background-image: url("images/icon/copy.ico");
}
span.mybtnCopy > a.paste
{
	background-image: url("images/icon/paste.ico");
}
span.mybtnCopy > a.save
{
	background-image: url("images/icon/save.ico");
}

span.mybtn > a.close
{
	background-image: url("images/icon/close.ico");
}

span.mybtn > a.download
{
	background-image: url("images/icon/downloaded.ico");
}
span.mybtn > a.upload
{
	background-image: url("images/icon/uploaded.ico");
}
span.mybtn > a.undo
{
	background-image: url("images/icon/arrow_redo.png");
}
span.mybtn > a.ok
{
	background-image: url("images/icon/accept.png");
}

.mysmallbtn{
padding:0;margin:0;
}
span.mysmallbtn
{
	display: inline-block;
	width: 65px;
    height: 25px;
	line-height: 25px;
	background-image: url("images/small_btn_nor.png");
	margin-bottom:4px;
}

span.mysmallbtn > a
{
	background-repeat:no-repeat;
	background-position:4px 50%;
	display: inline-block;
    text-align: center;
	width: 65px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

span.mysmallbtn:hover
{
    background-image: url("images/small_btn_high.png");
}
span.mysmallbtn:hover > a
{
    color: #ffffff;
}
span.mysmallbtn > a.goto
{
	background-image: url("images/icon/goto.ico");
}
span.mysmallbtn > a.edit
{
	background-image: url("images/icon/pencil.png");
}
span.mysmallbtn > a.add
{
	background-image: url("images/icon/add.png");
}
span.mysmallbtn > a.delete
{
	background-image: url("images/icon/deleted.ico");
}

span.mysmallbtn > span
{
    cursor: pointer;
    background-repeat:no-repeat;
    background-position:4px 50%;
    display: inline-block;
    text-align: center;
    width: 65px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}
span.mysmallbtn:hover > span
{
    color: #ffffff;
}
span.mysmallbtn > span.goto
{
	background-image: url("images/icon/goto.ico");
}

.minibtn{
padding:0;margin:0;
}
span.minibtn
{
	display: inline-block;
	width: 35px;
    height: 25px;
	line-height: 25px;
	background-image: url("images/mini_btn_nor.png");
}

span.minibtn > a
{
	background-repeat:no-repeat;
	background-position:50% 50%;
	display: inline-block;
    text-align: center;
	width: 35px;
    height: 25px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 25px;
    text-decoration: none;
    color: #0056a3;
}

span.minibtn:hover
{
    background-image: url("images/mini_btn_nor.png");
}

span.minibtn:hover > a
{
    color: #ffffff;
}

span.minibtn > a.pre
{
	background-image: url("images/page_first.png");
}
span.minibtn > a.next
{
	background-image: url("images/page_last.png");
}

span.summary
{
     background-image: url("images/application_view_tile.png");
     background-repeat:no-repeat;
     background-position:0 50%;
     padding-right: 5px;
}
span.realTime
{
     background-image: url("images/chart_curve_edit.png");
     background-repeat:no-repeat;
     background-position:0 50%;
     padding-right: 5px;
}
span.history
{
     background-image: url("images/icon/time.png");
     background-repeat:no-repeat;
     background-position:0 50%;
     padding-right: 5px;
}
span.warning
{
     background-image: url("images/chart_line_error.png");
     background-repeat:no-repeat;
     background-position:0 50%;
     padding-right: 5px;
}



/***********************圆角*****************************/
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;position:relative}
.b1,.b8{margin:0 5px;}
.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;} 
.content {border-right:1px solid;border-left:1px solid;overflow:hidden;}

.rounded .b2,.rounded .b3,.rounded .b4,.rounded .b5,.rounded .b6,.rounded .b7,.rounded .content{border-color:#CCCCCC;}
.rounded .b1,.rounded .b8{background:#CCCCCC;}
.rounded .b2,.rounded .b3,.rounded .b4,.rounded .b5,.rounded .b6,.rounded .b7,.rounded .content{background:#ffffff;}

.rounded2 .b2,.rounded2 .b3,.rounded2 .b4,.rounded2 .b5,.rounded2 .b6,.rounded2 .b7,.rounded2 .content{border-color:#CCCCCC;}
.rounded2 .b1,.rounded2 .b8{background:#CCCCCC;}
.rounded2 .b2,.rounded2 .b3,.rounded2 .b4,.rounded2 .b5,.rounded2 .b6,.rounded2 .b7,.rounded2 .content{background:#e5f0f6;}

.rounded3 .b2,.rounded3 .b3,.rounded3 .b4,.rounded3 .b5,.rounded3 .b6,.rounded3 .b7,.rounded3 .content{border-color:#a5c3e7;}
.rounded3 .b1,.rounded3 .b8{background:#a5c3e7;}
.rounded3 .b2,.rounded3 .b3,.rounded3 .b4,.rounded3 .b5,.rounded3 .b6,.rounded3 .b7,.rounded3 .content{background:#a5c3e7;}


.station_content{border:0;}
.station_condition{border:0;}
.top_bar{border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
 .main_frame{border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
 .condition{border-left:1px solid #cccccc;border-right:1px solid #cccccc;}

.noborder{border:0;}


.multiTable{}
.treeCross
{
     background-image: url("images/icon/icon_T.png");
     background-repeat:no-repeat;
     background-position:10px 50%;
}
.treeLast
{
     background-image: url("images/icon/icon_L.png");
     background-repeat:no-repeat;
     background-position:10px -18px;
}



.customer_tel_service
{
     background-image: url("images/telephone.png");
     background-repeat:no-repeat;
     background-position:2px 0px;
     padding-left:20px;
}
.div_mail
{
     background-image: url("images/mail.ico");
     background-repeat:no-repeat;
     background-position:2px 50%;
     padding-left:20px;
}
.div_fax
{
     background-image: url("images/print.gif");
     background-repeat:no-repeat;
     background-position:2px 50%;
     padding-left:20px;
}
.div_website
{
     background-image: url("images/ie.png");
     background-repeat:no-repeat;
     background-position:2px 50%;
     padding-left:20px;
}


/****电站基本信息************************/
.top_photo_bg
{
     background-image: url("images/photo_bg.png");
     background-repeat:no-repeat;
     background-position:6px 10px;
     padding-left: 15px;
     padding-top: 19px;
}

.imgCenter
{
     width: 300px; height: 60px;border:1px solid #eeeeee;
}

.imgLeft
{
     width: 166px;height: 176px;border:1px solid #eeeeee;
}
.imgDealerLogo
{
     width: 300px;height: 60px;border:1px solid #eeeeee;
}

.imgLeft_solid
{
     width: 153px;height: 143px;border:1px solid #eeeeee;
}


.pac_photo_bg
{
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-left: 10px;
    padding-top: 145px;
}
.pac_photo_bg_00{background-image: url("images/icon_01.png");}
.pac_photo_bg_01{background-image: url("images/icon_01_01.png");}
.pac_photo_bg_02{background-image: url("images/icon_01_02.png");}
.pac_photo_bg_03{background-image: url("images/icon_01_03.png");}
.pac_photo_bg_04{background-image: url("images/icon_01_04.png");}
.pac_photo_bg_05{background-image: url("images/icon_01_05.png");}
.pac_photo_bg_06{background-image: url("images/icon_01_06.png");}
.pac_photo_bg_07{background-image: url("images/icon_01_07.png");}
.pac_photo_bg_08{background-image: url("images/icon_01_08.png");}
.pac_photo_bg_09{background-image: url("images/icon_01_09.png");}
.pac_photo_bg_10{background-image: url("images/icon_01_10.png");}

.energy_photo_bg
{
    background-image: url("images/icon_02.png");
background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 10px;
padding-top: 145px;
}

.income_photo_bg
{
    background-image: url("images/icon_03.png");
background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 10px;
padding-top: 145px;
}

.reduce_photo_bg
{
    background-image: url("images/icon_04.png");
background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 10px;
padding-top: 145px;
}

.tree_photo_bg
{
    background-image: url("images/icon_05.png");
    background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 10px;
padding-top: 145px;
}

.whiteRow_10{display:block;height:10px;}
.top_spanLab{font-family:Arial;font-size:13px;padding-right:2px;display:block}
.top_spanLab_nowrap{font-family:Arial;font-size:12px;}
.top_spanContent_nopadding{font-family:Arial;font-size:13px;margin-left:10px;}
.top_spanContent{font-family:Arial;font-size:14px;padding-left:40px;font-weight:bold;}
.top_spanUnit{font-family:Arial;font-size:11px;padding-left:2px;}
.top_spanUnit_01{font-family:Arial;font-size:15px;}
.pac_font_weight{font-weight:bold;font-size:15px;padding-left:40px;}

.display_block{display:block;}


.appdiv{margin-left:620px; margin-top:145px;width:250px;height:150px;}
.appImage{display:block;width:227px;height:60px;border:0;}
.imgIconRight{width:12px;height:14px;border:0;}
.textbox{border-radius:4px;-moz-border-radius:4px;height:20px;border:1px solid #ccc;}

.static-top{width: 100%;padding:0;margin:0;border:0;top: 0;position:fixed;height:92px;z-index:9999;}
.static-top-fill{width: 100%;padding:0;margin:0;border:0;height:92px;}
.static-bottom{width: 100%;padding:0;margin:0;border:0;bottom:0;position:fixed;height:65px;z-index:9999;}
.static-bottom-fill{width: 100%;padding:0;margin:0;border:0;height:65px;}

/*******************************block_content*********************************************/
.block_content
{
    border: 0px solid #CCCCCC;
    margin-top: 10px;
}

.block_content > .top_bar
{
    border: 0px solid #CCCCCC;
    height: 34px;
    line-height: 34px;
    background-image: url('images/title_middle_bg.png');
    background-repeat: repeat-x;
}


.block_content > .top_bar > .top_left_circle
{
    height: 34px;
	background:#ffffff;
    background-image: url('images/title_left_bg.png');
    background-repeat: no-repeat;
    line-height: 34px;
	width:10px;
	float:left;
}
.block_content > .top_bar > .top_middle_content
{
	height: 34px;
    line-height: 34px;
	float:left;
	vertical-align:middle;
}
.block_content > .top_bar > .top_middle_content > img
{    
     position: relative;
    top: -3px;
}

.block_content > .top_bar > .top_right_circle
{
    height: 34px;
	background:#ffffff;
    background-image: url('images/title_right_bg.png');
    background-repeat: no-repeat;
    line-height: 34px;
	width:10px;
	
	float:right;
}
.block_content .content{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding:10px 20px 0px 20px;
}
.block_content .bottom{
	border: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    height: 9px;
    line-height: 9px;
}
.block_content .bottom .bottom_left_circle{
	border: 0px solid #CCCCCC;
    height: 10px;
    line-height: 10px;
	background:#ffffff;
    background-image: url('Images/box_down_left_corner_bg.png');
    background-repeat: no-repeat;
	width:10px;
	float:left;
}
.block_content .bottom .bottom_right_circle{
	border: 0px solid #CCCCCC;
    height: 10px;
    line-height: 10px;
	background:#ffffff;
    background-image: url('Images/box_down_right_corner_bg.png');
    background-repeat: no-repeat;
	width:10px;
	float:right;
}
/*******************************block_content end*********************************************/