html, body {
    background: none repeat scroll 0 0 #E5E5E5;
}
.pre-minwidth {
    background: none repeat scroll 0pt 0pt #898989; 
}
.login {
    height: 100%;
    left: 0;
    margin-top: 0px;
    position: absolute;
    text-align: center;
    top: 0%;
    width: 100%;
    background: url("../image/bgl.png") repeat-x scroll 0 0 #E5E5E5;
}
.login-container {
    padding-top: 200px;
    width: 100%;
    background:none;
}
.login-content {
    height: 276px;
    margin: 0 auto;
    width: 515px;
}
.login-logo {
    background: none;
    padding-top: 0px;
}
.oem_user {
    width: 160px;
    height: 18px;
    margin-left: 300px;
    margin-top: 32px;
    border: 0 solid #FFFFFF;
}
.oem_pass {
    width: 160px;
    height: 18px;
    margin-left: 300px;
    margin-top: 18px;
    border: 0 solid #FFFFFF;
}
.oem_ltype{
    width: 165px;
    height: 18px;
    margin-left: 300px;
    margin-top: 18px;
}
.login-inputbox{
    margin-top: 0px;
}
.oem_user:hover,.oem_pass:hover {
	border: 0 solid #FFFFFF;
}
.oem_user:focus,.oem_pass:focus {
	border: 0 solid #FFFFFF;
	outline:0 solid #FFFFFF;
}
.login-input-item{
	position:relative;
	height:55px;
}
.oem_ul_ltype{
    height: 35px;
    margin-top: -17px;
}
.oem_user_lable {
    padding-top: 10px;
}
.login-input-title {
    position:absolute;
    left:150px;
    margin-top:-10px;
}
#ul_type{
    padding-left: 300px;
    height:30px;
}
.oem_loginCfm {
    background-image: url("../image/lbt.png");
    border: 0 none;
    color: #FFFFFF;
    float: right;
    height: 29px;
    line-height: 29px;
    margin-right: 30px;
    text-align: center;
    text-decoration: none;
    width: 101px;
}
.oem_background{
    background: none repeat scroll 0pt 0pt #898989;
}
.main-container{
    background: none repeat scroll 0pt 0pt #898989;
}
.main-nav-item {
    color:#000;
}
.main-nav-item:hover,
.main-nav-item-current {
    color:#FFF;
}
/*预览通道列表样式*/
.chnl_text{
	width:90px;
    display:block;
    color:#373737;
}
.chnl_text:hover{
	color:#fff;
}
.pre_channel_stream li:hover{
    background-color: #CB1C1B;
    color:#fff;
}
/*回放页面日历底色修改*/
.J_pb_dateinput[type=text]:focus,.J_pb_dateinput_selected{  border:1px solid #DA443B; background:#DA443B;color:white;}
.J_pb_days li a:hover,.J_pb_days li a.J_selected{ background:red;color:#fff;}
.J_pb_days li.J_today a{ background:#fff;color:red;}
.J_pb_days li.J_hasvideo a{ background-position: -118px -51px;}
.J_pb_days li.J_hasvnow a{ background:#fff; color:red;}
.J_pb_tbtn a.J_list_btn:hover,
.J_pb_tbtn a.J_back_btn:hover,
.J_pb_tbtn a.J_down_btn:hover,
.J_pb_tbtn a.J_LockVidoe_btn:hover,
.J_pb_tbtn a.J_LockVidoeSearch_btn:hover{
    color:#fff;
}

.ui-button-special-hover {
    color:#fff;
}
.ui-tab ul {
    background: #898989;
}
.ui-tab li.ui-tab-current {
    background: #DA443B;
    color: #fff;
}
/*云台方向控制盘样式更改*/
.ui-ptz-adjust-item .ui-ptz-icon {
    margin: 10px 0 0; 
}
.ui-ptz-icon-more {
    background-position: -472px -652px;    
}
.ui-ptz-icon-less {
    background-position: -472px -679px;   
}
.ui-ptz-icon-more:hover {
    background-position: -500px -652px;    
}
.ui-ptz-icon:hover [class$="-less"]{
    background-position: -500px -679px;   
}
.ui-ptz-icon,
.ui-ptz-specail-icon,
.ui-ptz-specail-icon-current{
    background-image:none;
}
.ui-ptz-icon-leftup {
    background-position: -468px -370px;    
}
.ui-ptz-icon-up {
    background-position: -468px -400px;    
}
.ui-ptz-icon-rightup {
    background-position: -468px -430px;    
}
.ui-ptz-icon-left {
    background-position: -468px -465px;    
}
.ui-ptz-icon-right {
    background-position: -468px -495px;   
}
.ui-ptz-icon-leftdown {
    background-position: -468px -528px;    
}
.ui-ptz-icon-down {
    background-position: -468px -558px;    
}
.ui-ptz-icon-rightdown {
    background-position: -468px -590px;   
}
.ui-ptz-icon-center {
    background-position: -466px -625px;
}
.ui-ptz-icon:hover [class$="-leftup"],
.ui-ptz-icon-current [class$="-leftup"],
.ui-ptz-specail-icon:hover [class$="-leftup"],
.ui-ptz-specail-icon-current [class$="-leftup"],
.ui-ptz-specail-icon-disabled:hover [class$="-leftup"]{
    background-position: -502px -370px;    
}
.ui-ptz-icon:hover [class$="-up"],
.ui-ptz-icon-current [class$="-up"],
.ui-ptz-specail-icon:hover [class$="-up"],
.ui-ptz-specail-icon-current [class$="-up"],
.ui-ptz-specail-icon-disabled:hover [class$="-up"]{
    background-position: -502px -400px;    
}
.ui-ptz-icon:hover [class$="-rightup"],
.ui-ptz-icon-current [class$="-rightup"],
.ui-ptz-specail-icon:hover [class$="-rightup"],
.ui-ptz-specail-icon-current [class$="-rightup"],
.ui-ptz-specail-icon-disabled:hover [class$="-rightup"] {
    background-position: -502px -430px;    
}
.ui-ptz-icon:hover [class$="-left"],
.ui-ptz-icon-current [class$="-left"],
.ui-ptz-specail-icon:hover [class$="-left"],
.ui-ptz-specail-icon-current [class$="-left"],
.ui-ptz-specail-icon-disabled:hover [class$="-left"] {
    background-position: -502px -465px;    
}
.ui-ptz-icon:hover [class$="-right"],
.ui-ptz-icon-current [class$="-right"],
.ui-ptz-specail-icon:hover [class$="-right"],
.ui-ptz-specail-icon-current [class$="-right"],
.ui-ptz-specail-icon-disabled:hover [class$="-right"] {
    background-position: -502px -495px;    
}
.ui-ptz-icon:hover [class$="-leftdown"],
.ui-ptz-icon-current [class$="-leftdown"],
.ui-ptz-specail-icon:hover [class$="-leftdown"],
.ui-ptz-specail-icon-current [class$="-leftdown"],
.ui-ptz-specail-icon-disabled:hover [class$="-leftdown"] {
    background-position: -502px -528px;    
}
.ui-ptz-icon:hover [class$="-down"],
.ui-ptz-icon-current [class$="-down"],
.ui-ptz-specail-icon:hover [class$="-down"],
.ui-ptz-specail-icon-current [class$="-down"],
.ui-ptz-specail-icon-disabled:hover [class$="-down"] {
    background-position: -502px -558px;    
}
.ui-ptz-icon:hover [class$="-rightdown"],
.ui-ptz-icon-current [class$="-rightdown"],
.ui-ptz-specail-icon:hover [class$="-rightdown"],
.ui-ptz-specail-icon-current [class$="-rightdown"],
.ui-ptz-specail-icon-disabled:hover [class$="-rightdown"] {
    background-position: -502px -590px;    
}
.ui-ptz-specail-icon:hover [class$="-center"],
.ui-ptz-icon-current [class$="-center"],
.ui-ptz-specail-icon:hover [class$="-center"],
.ui-ptz-specail-icon-current [class$="-center"],
.ui-ptz-specail-icon-disabled:hover [class$="-center"] {
    background-position: -500px -625px;    
}
.ui-ptz-adjust-text{
    color: #373737;
}
.fn-color-ptzlabel{
    color: #373737;
}
.ui-button:hover,
.ui-button-special:hover,
.ui-button-current,
.ui-button-current:hover,
.ui-button-special-current,
.ui-button-special-current:hover {
    color: #fff;
}
.ui-channel-item:hover,
.ui-channel-item-current {
     color: #fff; 
}
.main-head,
.main-ptz-top,
.main-ptz-advance,
.main-image-adjust,
.main-img-container,
.main-focus-container {
    background: #D1D1D1;
}
.main-ptz-advance-nav .main-ptz-advance-nav-current {
    background: #BBBBBB;
}
.playback-right-container {
    background: #BBBBBB;
}
/*Preview*/
.pre-bottom {
    background: #DA443B;
}
.pre-left-channel,
.pre-left-control {
    background: #BBBBBB;
}
div.pre-channel-item{
    color: #000;
}
.pre-channel-item{
    color: #373737;
}
.pre-channel-item a:hover {
    color: #fff;
} 
.selStream{
    background:#CB1C1B;
    color: #fff;
}
.selStream a{
    color: #fff;
}
.normalStream{
    background:#fff;
    color: #373737;
}
.normalStream:hover{
    background:#CB1C1B;
    color: #fff;
}
.normalStream:hover a{
    color: #fff;
}
div.pre-channel-item:hover,
.pre-channel-item-current {
    color: #fff;
    border: 1px solid #000;
    background-color: #DA443B;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DA443B), to(#DA443B));
    background-image: -webkit-linear-gradient(top, #DA443B, #DA443B);
    background-image: -o-linear-gradient(top, #DA443B, #DA443B);
    background-image: -moz-linear-gradient(top, #DA443B, #DA443B);
    background-image: linear-gradient(to bottom, #DA443B, #DA443B);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#DA443B', endColorstr='#DA443B', GradientType=0);
}
div.pre-channel-item:hover a{
    color: #fff;
}
.pre-channel-encode:hover,
.pre-channel-encode-current {
    color: #fff;
    background-color: #DA443B;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DA443B), to(DA443B));
    background-image: -webkit-linear-gradient(top, #DA443B, #DA443B);
    background-image: -o-linear-gradient(top, #DA443B, #DA443B);
    background-image: -moz-linear-gradient(top, #DA443B, #DA443B);
    background-image: linear-gradient(to bottom, #DA443B, #DA443B);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#DA443B', endColorstr='#DA443B', GradientType=0);    
}
.pre-channel-encode:hover .pre-channel-encode-text,
.pre-channel-encode-current .pre-channel-encode-text {
    color: #fff;
}
.pre-dot-color{
    display: block;
    float: left;
    background-image: url(../image/icons.png?version=2.210);
    background-position: -510px -90px;
    width: 22px;
    height: 15px;
}
.pre-ptz {
    background: #898989;
}
.pre-adv-ptz {
    background: #BBBBBB;
}
.pre-ptz-step {
    color: #373737;
}
.pre-right-title {
    background: #898989;
    border-top: 10px solid #898989;
}
.pre-right-title-item {
    background: #BBBBBB;
    color: #373737;
}

.pre-right-title-item-current {
    background: #DA443B;
    color: #FFF;
}
.pre-right-box {
    background: #BBBBBB;
}
.set-menu:hover {
    color: #E7E7E7;
}
.set-menu-current,
.set-menu-current:hover { 
    color: #E7E7E7;
}
.set-item:hover,
.set-item-current {
    color: #FFF;
}
.playback-dates-row1 {
    background: #BBBBBB;
}

.u-tab{
    background: #898989;
}
.u-tab .current {
    color: #FFF;
    background-color: #DA443B;
}
.u-tab li {
    color: #373737;
}
.u-button {
    background-image: url(../image/allbg.png);
}
.p2p_href{font-weight:bold;}
.p2p_href:hover{color:red;text-decoration:underline;}

.login_forgetPwd {
    float: left;
    margin-left: 230px;
    margin-top: 35px;
}
.login_forgetPwd .ui-label{
    color: white;
}
.J_pbicons li a.J_pb_ctriconBack { height:32px; background-position: -314px -133px; margin-top:17px;}
.J_pbicons li a.J_pb_ctriconBack:hover,.J_pbicons li a.J_pb_ctricon21{ height:32px; background-position: -346px -133px;}
.J_pbicons li a.J_pb_ctriconBack_disabled { height:32px; background-position: -377px -133px; margin-top:17px;}