html, body {
    background: none repeat scroll 0 0 #ffffff;
}
.oem_background{
    background: none repeat scroll 0 0 #fff;
}
.pre-allBackground-color {
    background: none repeat scroll 0 0 #ffffff;
}
input[type=text],
input[type=password],
input[type=text]:focus,
input[type=password]:focus{
    background: #ffffff;
}
.J_login{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -189px;
    margin-left: -406px;
    height: 378px;
    width: 812px;
    background:none;
    border: 1px solid #7a7a7a;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.J_login_con {
    margin: 0;
    height: 378px;
    width: 812px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../image/lgbg.jpg) no-repeat #efefef; 
}
.J_lang {
    width: 200px;
    float: right;
    margin-top: -35px;
}
.J_lang ul li{
    float: left;
}
.J_link{
    width: 300px;
    text-align: left;
    margin-top: 92px;
    margin-left: 20px;
}
.J_logo {
    padding: 0;
    margin: 0;
    background: none;
}
.J_sublogo {
    background: url(../image/logo.jpg) no-repeat;
    margin-top: 10px;
}
.J_alarmlogo{
    background: url(../image/alert.gif) no-repeat;
    width: 190px;
    height: 55px;
    margin-top: 30px;
    position: absolute;
    margin-left: 1700px;
}

/*预览*/
.J_head, .J_preview_left {
    background: #ffffff; 
}
.J_preview_right {
    background-color: #fff;
}
.J_pr_subtab{
    background: url(../image/prebtnbg.png) 0px -57px repeat-x;
}
.J_pr_subtab a {
    color: #373737;
}
.J_pr_subtab a.J_current {
    background: #efefef;
    color: #373737;
}
.J_adv_ptzcon {
    background: #efefef;
    color: #373737;
}
.J_adv_ptzcon a{
    margin-left: 15px;
}
.J_imgcon{
    background: #efefef;
    color: #373737;
}
.J_pr_step, .J_pr_fouse, .J_pre_alarm_tit{
    color: #373737;
}
.J_pre_lb{
    width: 132px;
    margin: 0 auto;
    position: relative;
    margin-left: 4px;
}
.J_pre_bottom div {
    background: #efefef;
    color: #373737;
}
.J_nav li a {
    display: block;
    width: 116px;
    height: 30px;
    line-height: 30px;
    margin-left: 3px;
    background: none;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #0997ed;
    border-radius: 5px;
}
.J_nav li a:hover, .J_nav li a.J_nav_curren {
    background-color: #0997ed;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
}
.J_border_radius {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    border-color:#1cacef;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.J_channel_title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    background: none;
    border-bottom: 2px solid #0997ed;
}
.J_channel_title h1 {
    color: #373737;
}
.J_channel_stream {
    display: none;
    background: #ffffff; 
    border: 1px solid #0997ed;
    width: 100px;
    float: right;
    text-align: left;
}
.J_channel_stream > li:hover{
    background: #0997ed;
}

.J_channel_stream > li >a:hover{
    color: #ffffff;
}
.J_channel_item, .J_channel_title h1 {
    color: #373737;
    margin-left: 5px;
    width: 100px;
}
.J_channel_item:hover{
    width: 100px;
}
/*playback*/
.J_pb_statetip li{
    color: #373737;
}
.J_pb_colortip li{
    color: #373737;
}
.J_pb_topright{
    background: #fff;
}
.J_pb_dateinput[type=text]:focus, 
.J_pb_dateinput_selected {
    border: 1px solid #0093d8;
    background: #0093d8;
}
.J_pb_days{
    background: #fff;
}
.J_pb_days li a{
    color: #fff;
}
/* .J_pb_days li.J_today a{
    color: #1c97d8;
} */
.J_pb_biconbar{
    border: none;
}
.J_pb_dl_list_details{
    background: #fff;
}
.J_pb_dl_list_details li{
    color: #373737;
}
.J_pb_chn_bom{
    background: none;
}
.J_pb_dl_head{
    background: #d3d3d3;
}
.J_pb_left_title, .J_pb_left_title ul li {
    border-color: #fff;
    color: #373737;
    background: #cacbcd;
}
.weeks_title li{
    background: #000000;
}
.ui-tab ul{
    background: #fff;
}
.ui-tab li.ui-tab-current{
    background: #efefef;
}
.ui-downmore{
    background: #efefef;
}
.skin_playbackC{
    color: #373737;
}
/*alarm*/
.J_alarm {
    background: #fff;
}
.J_alarm_left {
    background: #fff;
    border:2px solid #1eadef;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*按钮*/
.ui-button{
    border-color: #cacbcd;
}
.ui-dialog{
    border:2px solid #0093d8;
    background: #fdfdfd;
}
.ui-videoicon-list a{
    color: #373737;
}
.ui-videoicon-list a.ui-videoicon-list-current{
    color: #373737;
}
.ui-table-container, .ui-special-table{
    background: #EFEFF0;
}
.J_table th, .J_table_head, .J_copy_table th{
    background: #cacbcd;
}
.J_table_head th, .J_table th, .J_copy_table th{
    color: #616162;
}
.J_table_content table tr:hover{
    background: #0093d8;
}
.J_btn, .J_btn_disabled, .J_btn_curren {
    width: 104px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    background: url(../image/btnbg.png) repeat-x;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-color: #cacbcd;
}
.J_btn:hover,.J_btn_curren { 
    background-position: 0 -24px;
}
.J_lb_popup a.cdj1:hover {
    background-color: #0997ed;
    color: #ffffff;
}

/*设置菜单栏*/
.J_set_sidebar {
    position: absolute;
    left: 8px;
    width: 155px;
    text-align: left;
    border: 1px solid #0997ed;
    overflow: hidden;
}
.J_subtab {
    background: #ffffff;
}
a.J_set_menu {
   color: #000;  
}
.J_set_item{
    color: #373737;
}
.J_set_menu_current {
    color: #000; 
}
.J_set_item:hover, 
.J_set_item_current {
    color: #ffffff;
}
.J_set_right_body {
    background: #efefef;
}
.J_subtab ul li.J_current, .J_subtab ul li.help{
    background: #efefef;
}
.J_bline{
    background: none;
}
.J_pb_text,
.J_pb_dl_list li,
.J_pb_download_title li span {
    color:#000000;
}
.main-head,
.main-ptz-top,
.main-ptz-advance,
.main-image-adjust,
.main-img-container,
.main-focus-container {
    background: #ffffff;
}
.login-container {
    margin: 0;
    height: 378px;
    width: 812px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../image/lgbg.jpg) no-repeat #efefef;
}
.login{
    left:50%;
    margin-top: -189px;
    margin-left: -406px
}
.login-bottom {
    text-align: left;
    padding-left: 20px;
    margin-top: -18px;
}
.borderBlue {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    border-color: #1cacef;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.pre-right-box {
    background:#efefef;
    color: #000;
}
.pre-rightTop-box {
    background:#fff;
    color: #000;
}
.fn-color-ptzlabel {
    color: #000;
}
.pre-left-channel, .pre-left-control {
    background: #FFF;
}
.pre-channel-item {
    color: #000;
}
.pre-ptz-step {
    color: #000;
}
.pre-adv-ptz {
    background: #efefef;
}
.pre-right-title {
    background: #efefef;
    border-top: 10px solid #efefef;
}
.pre-right-title-item {
    background: #efefef;
    color:#000;
}
.pre-right-title-item-current {
    background: #fff;
    color:#000;
}
.ui-boat, .ui-boat-current, [class^= "ui-boat-current-"] {
    width: 93px;
    height: 93px;
}
.weeks_title li {
    background: #000;
}
/* .days_title li a{
    background: #000;
}
.J_pb_days li.J_hasvnow a {
    color: #1c97d8;
} */
.J_playback_top {
    margin-left: 3px;
}
.alarm,.alert_l{
    background: #fff;
}
.set-menu,.set-item{
    color:#000;
}
.set-content-box{
    background-color: #efefef;
}
div.pre-channel-item:hover, .pre-channel-item-current {
    color: #000;
    border: 1px solid #000;
    background-color: #1c97d8;
}
/* .ui-slider-icon-light {
    background-position: -150px -149px;
}
.ui-slider-icon-contrast {
    background-position: -150px -179px;
}
.ui-slider-icon-chroma {
    background-position: -150px -209px;
}
.ui-slider-icon-saturation {
    background-position: -150px -239px;
}
.ui-slider-icon-sharpness {
    background-position: -150px -269px;
} */
.main-nav li {
    margin-left:2px;
    border: 1px solid #0997ed;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.main-nav-item:hover, .main-nav-item-current{
    background-color:#0997ed;
}
.main-nav-item {
    width:117px;
}
.pre-bottom {
    background: #1c97d8;
}
.login_install_container{
    background-color:#FFF;
}
#login_install_dialog {
    top:40%;
    left:150px;
}
.ui-table-container tr.ui-table-tr-current, .ui-special-table tr.ui-table-tr-current {
    background: #0997ed;
}
.ui-table-container tr:hover{
    background: #1c97d8;  
}
.ui-receiver-address:hover,
.ui-receiver-item:hover {
    background: #1c97d8;
}
.ui-receiver-address-current,
.ui-receiver-address-current:hover,
.ui-receiver-item-current,
.ui-receiver-item-current:hover {
    background: #0997ed;
}
.pre-right-bar-item:hover, 
.pre-right-bar-item-current{
    background-position: 0 -30px;
}
/* 监视页面多画面预览选择字符颜色与背景颜色太相近，显示会看不清 */
.ui-videoicon-listEx a{
    color:#000000;
}
.ui-videoicon-listEx a.ui-videoicon-list-current{
    color:#1c97d8;
}