html, body {
    background-color: #EFF0F4;
}

/*登录 主菜单*/

.login-container {
    background-color: #EFF0F4;
}

.loginTips {
    position: absolute;
    top: 0px;
    right: 0px;
    color: red;
    display: none;
}
.main-head,
.main-ptz-top,
.main-ptz-advance,
.main-image-adjust,
.main-img-container,
.main-focus-container {
    background-color: #CACDD4;
}


/*预览*/

.pre-left-channel,
.pre-left-control,
.pre-bottom,
.pre-right-box,
.pre-right-title,
.pre-right-title-item,
.pre-adv-ptz {
    background-color: #CACDD4;
}

/*.pre-left-channel,
.pre-left-control{
    border: solid 1px #CFCFD6;
    padding: 5px;
}*/

.pre-channel-item,
.pre-bottom,
.pre-right-box,
.pre-ptz-step,
.fn-color-ptzlabel,
.pre-right-title-item-current,
.pre-right-title-item {
    color: #000;
}

div.pre-channel-item:hover, .pre-channel-item-current {
    color: #000;
    border: 1px solid #000;
    background-color: #4CBCFF;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#098CDA), to(#4CBCFF));
    background-image: -webkit-linear-gradient(top, #098CDA, #4CBCFF);
    background-image: -o-linear-gradient(top, #098CDA, #4CBCFF);
    background-image: -moz-linear-gradient(top, #098CDA, #4CBCFF);
    background-image: linear-gradient(to bottom, #098CDA, #4CBCFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#098CDA', endColorstr='#4CBCFF', GradientType=0);
}

.pre-right-title {
    border-top: 10px solid #4CBCFF;
}
.pre-right-title-item-current {
    background-color: #098CDA;
}

/* 回放 */

.J_pb_biconbar,
.J_pbicons,
.J_pb_left_title,
.J_pb_left_title ul li,
.J_pb_adjust,
.J_pb_topright,
.J_pb_chn_bom,
.J_pbicons_r,
.J_pb_dl_head,
.J_pb_dl_list_details,
.J_pb_chntitle {
    background: #CACDD4;
}

.J_pb_text,
.J_pb_colortip li,
.J_pb_statetip li,
.J_pb_left_title,
.J_pb_left_title ul li,
.J_pb_days li a,
.J_pb_download_title li span,
.J_pb_dl_list li,
.J_page_view li,
.pageP1 a,
.J_pb_days,
.J_pb_days li,
.J_pb_dl_list_details li {
    color:#000;
}

.J_pb_days li.J_today a,
.J_pb_dateinput[type=text]:focus,
.J_pb_dateinput_selected,
.J_pb_days li a:hover{
    color: #098CDA;
}

.J_pb_dateinput[type=text]:focus,
.J_pb_dateinput_selected {
    border-width: 0px;
    background: #FFF;
}

.J_pb_days,
.J_pb_tdate {
    background-color: #EFF0F4; 
}

.J_chn_curren .pb_chn1 { 
    background-position:-258px -28px;
}
.J_chn_curren .pb_chn4 { 
    background-position:-283px -28px;
}
.J_chn_curren .pb_chn9 { 
    background-position:-308px -28px;
}
.J_chn_curren .pb_chn16 { 
    background-position:-333px -28px;
}
.J_chn_curren .pb_chncus { 
    background-position:0px -440px;
}

/* 设置 */
.set-item,
.set-menu-current, 
.set-menu-current:hover,
.set-menu,
.set-menu:hover {
    color:#000;
}

.ui-tab ul,
.pre-allBackground-color {
    background-color: #EFF0F4;
}

.ui-table-container tr:hover{
    background-color: #BCDCF1;
}

.set-item:hover {    
    background-position: 0 -250px;
    background-color: #BCDCF1;
}
.ui-table-container tr.ui-table-tr-current,
.ui-special-table tr.ui-table-tr-current,
.ui-table-tab .ui-table-tab-current {
    background-color: #098CDA;
}