﻿/* 全局样式 */
body
{
    background-image: url(../../Images/Customer/body_bg.png);
    background-color: #0063a0;
}

/* 页头部分：header */
#header
{
    background: url(../../Images/Customer/top_bg.png) no-repeat;
}
#header a
{
    color: #fff;
    text-decoration: none;
}

/* 导航部分：navi */
#navi
{
    background: url(../../Images/Customer/navigation.png) repeat-x;
}
.index_on
{
    background: url(../../Images/Customer/index_on.png) no-repeat;
}
.index_off
{
    background: url(../../Images/Customer/index_off.png) no-repeat;
}
.visit_on
{
    background: url(../../Images/Customer/visit_on.png) no-repeat;
}
.visit_off
{
    background: url(../../Images/Customer/visit_off.png) no-repeat;
}
.downvideo_on
{
    background: url(../../Images/Customer/downvideo_on.png) no-repeat;
}
.downvideo_off
{
    background: url(../../Images/Customer/downvideo_off.png) no-repeat;
}
.recharge_on
{
    background: url(../../Images/Customer/recharge_on.png) no-repeat;
}
.recharge_off
{
    background: url(../../Images/Customer/recharge_off.png) no-repeat;
}
.process_on
{
    background: url(../../Images/Customer/process_on.png) no-repeat;
}
.process_off
{
    background: url(../../Images/Customer/process_off.png) no-repeat;
}
.information_on
{
    background: url(../../Images/Customer/information_on.png) no-repeat;
}
.information_off
{
    background: url(../../Images/Customer/information_off.png) no-repeat;
}
.password_on
{
    background: url(../../Images/Customer/password_on.png) no-repeat;
}
.password_off
{
    background: url(../../Images/Customer/password_off.png) no-repeat;
}

/* 正文区域：main */
#main
{
    background: #e8f3f8;
    border:5px solid #8ac1db;
}


/* 正文：表格部分 */
#datalist
{
    background-color:#fff;
}
#datalist td
{
    border: #CCC solid 1px;
}
#datalist tr:hover
{
    background-color:#f7f9fd;
}
#datalist th
{
    background: #fbedce;
    border: #CCC solid 1px;
}

#datalist2
{
    background-color:#fff;
}
#datalist2 td
{
    border: #CCC solid 1px;
}
#datalist2 tr:hover
{
    background-color:#f7f9fd;
}
#datalist2 th
{
    background: #fbedce;
    border: #CCC solid 1px;
}

/* 表格中显示详细消息 */
div.detail_info
{
    background-color: #fbf0db;
    border: 1px solid #ff9000;
    color: #000;
}

/* 正文：表单部分（div实现方式） */
label.required
{
    color:Red;
    /*border:1px solid red;*/
}
span.required
{
    color:Red;
    /*border:1px solid red;*/
}
/*div.validate_msg_long,div.validate_msg_medium,div.validate_msg_short,div.validate_msg_tiny*/
div.error_msg
{
    color:Red;
    background-image:url("../../Images/Customer/wrong.gif") ;
    background-repeat:no-repeat;
    background-position:left center;
    border:1px solid red;
}
p.hide
{
    border-bottom:1px solid red;
}
#divPwds
{
    border-top:1px dotted #a1c7d9;
    border-bottom:1px dotted #a1c7d9;
    background-color:#fafeff;
}
#optionalInfo
{
   background-color:#f4f4f4;
   border:1px solid #b4b4b4;
}

/* 保存操作后的提示消息 */
div.save_success
{
    background-color: #fbf0db;
    border: 1px solid #ff9000;
    color: #af6606;
    background-image: url(../../Images/Customer/ok.png);
    background-repeat: no-repeat;
    background-position:10px center;
}
div.save_fail
{
    background-color: #fbf0db;
    border: 1px solid #ff9000;
    color: #F00;
    background-image: url(../../Images/Customer/fail.png);
    background-repeat: no-repeat;
    background-position:10px center;
}

/* 删除操作后的提示消息 */
div.operate_success
{
    background-color: #fdecec;
    border: 1px solid #f57676;
    color: #af6606;    
    background-image: url(../../Images/Customer/ok.png);
    background-repeat: no-repeat;
    background-position:10px center;
}
div.operate_fail
{
    background-color: #fdecec;
    border: 1px solid #f57676;
    color: #f00;    
    background-image: url(../../Images/Customer/warning.png);
    background-repeat: no-repeat;
    background-position:10px center;
}

/* 正文：分页功能区 */
#pages a
{
    color: #000;
}
#pages a:hover
{
    background: #cddde4;
    border: #97b9c9 solid 1px;
    color: #067db5;
}
#pages a.current_page
{
    background: #FFF;
    border: #89bdd8 solid 1px;
    color: #067db5;
}


/* 页脚部分：footer */
#footer
{
    color: #FFF;
}

/* 表单上的元素：控件 */
input,select
{
    border:1px solid silver;
}
input.readonly,textarea.readonly,span.readonly
{
    background-color:#f6f6f6;
}
input:focus,select:focus
{
    border-left:1px solid gray;
    border-top:1px solid gray;
}
input.btn_search,input.btn_search:hover,input.btn_search:active
{
    background: url(../../Images/Customer/search.png) no-repeat;
    color: #0a97c9;
    border:0;
}
input.btn_search_large,input.btn_search_large:hover,input.btn_search_large:active
{
    background: url(../../Images/Customer/search_large.png) no-repeat;
    color: #0a97c9;
    border:0;
}
input.btn_search:hover,input.btn_search_large:hover
{
    color: #0a97ff;
}
input.btn_add,input.btn_add:hover
{
    background: url(../../Images/Customer/btn_bg.png) no-repeat left top;
    color: #fff;
    border:0;
}
input.btn_modify,input.btn_modify:hover
{
    background: url(../../Images/Customer/modification.png) no-repeat left center;
    color: #000;
    border:0;
}
input.btn_delete,input.btn_delete:hover
{
    background: url(../../Images/Customer/delete.png) no-repeat left center;
    color: #000;
    border:0;
}
input.btn_start,input.btn_start:hover
{
    background: url(../../Images/Customer/start.png) no-repeat left center;
    color: #000;
    border:0;
}
input.btn_pause,input.btn_pause:hover
{
    background: url(../../Images/Customer/pause.png) no-repeat left center;
    color: #000;
    border:0;
}
input.btn_save
{
    background: url(../../Images/Customer/form_btn.png) no-repeat;
    color: #FFF;
    border:0;
}
input.btn_save:hover
{
    background: url(../../Images/Customer/form_btn_on.png) no-repeat;
}
input.sort_asc
{
    background: url(../../Images/Customer/up.png) no-repeat;
    color: #FFF;
}
input.sort_desc
{
    background: url(../../Images/Customer/down.png) no-repeat;
    color: #FFF;
}
input.sort_asc,input.sort_desc,input.sort_asc:hover,input.sort_desc:hover
{
    border:0;
}

/* 主页 */
body.index
{
    background-color: #00629f;
    background-image: url(../../Images/Customer/index_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

#index_navi
{
    background: url(../../Images/Customer/index_navi_bg.png) repeat-x;
}
/* 登录页面 */
body.login
{
    background-color: #00629f;
    background-image: url(../../Images/Customer/login_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
div.login_box
{
    background: url(../../Images/Customer/login_box.png) no-repeat;
}
div.login_box table tr td
{
    color: #FFF;
}
/* 错误页面 */
body.error_page
{
    background-color: #00629f;
    background-image: url(../../Images/Customer/error.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
body.error_power_page
{
    background-color: #00629f;
    background-image: url(../../Images/Customer/error_power.png);
    background-position: center 40%;
    background-repeat: no-repeat;
}
#error
{
    color: #FFF;
}
#error span,#error a
{
    color:Yellow;
}
#error a:hover
{
    color:#FFF;
}
/* 报表页面 */
#report_main
{
    background-color:#8ac1db; 
}
a.tab_on{
	background:url(../../Images/Customer/tab_on.png) no-repeat;
	color:#006e98;	
}
a.tab_out{
	background:url(../../Images/Customer/tab_out.png) no-repeat;
	color:#fff;	
}
