html, body {
    background: none repeat scroll 0 0 #E5E5E5;
}

.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;
}
.login-inputbox {
	margin-top:0px;
}
.login_inputbox {
    width: 160px;
    height: 18px;
    margin-left: 300px;
    margin-top: 32px;
    border: 0 solid #FFFFFF;
}
.login_inputbox:hover {
	border: 0 solid #FFFFFF;
}
.login_inputbox:focus {
	border: 0 solid #FFFFFF;
	outline:0 solid #FFFFFF;
}
.login-input-item{
	position:relative;
	height:45px;
	margin-bottom: 0px;
}
.login-input-title {
    position:absolute;
    left:150px;
}
.login-bottom{
	display: none;
}
.login_oem_top {
    margin-top: 28px;
}

.login_oem_password {
    margin-top: 8px;
}
#ul_type{
    padding-left: 300px;
    height:30px;
}

/*TCP Select*/
.oem_ltype{
    width: 165px;
    height: 18px;
    margin-left: 300px;
    margin-top: 25px;
}

.login_confirm {
    background-image: url("../image/lbt.png");
    border: 0 none;
    color: #FFFFFF;
    float: right;
    height: 29px;
    line-height: 29px;
    margin-right: 30px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 101px;
}
.chnl_text{
	width:90px;
	display:block;
	color:#373737;
}
.chnl_text:hover{
	color:#fff;
}

/*覆盖index.css*/
.pre-minwidth {
    background: none repeat scroll 0pt 0pt 898989;  
}
.pre-allBackground-color {
    background: none repeat scroll 0 0 #898989;
}
.pre-everyBackground-color {
    background-color:#898989;
}
.main-nav-item {
    width: 120px;
    color:#000;
}
.main-nav-item:hover,
.main-nav-item-current {
    color:#FFF;
}

.login_reset_btn {
    display: none;
}
/*覆盖playbackindex.css*/
.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; font-weight:900;}
.J_pb_days li.J_hasvideo a{ background-position: -118px -51px;}
.J_pb_days li.J_hasvnow a{ background:#fff; color:red;font-size:14px;}
.J_pb_chntitle li{ float:left; width:35px; height:37px;}
.J_pb_content{ width:213px; margin-top:-140px; z-index:999;}
.J_pd_windows{ width:213px; margin:20 auto;}
.J_pb_dl_list .li3{ width:80px;}
.J_pb_tbtn a.J_list_btn:hover{ background-position:-391px -322px;color:#fff;}
.J_pb_tbtn a.J_back_btn:hover{ background-position:-391px -348px;color:#fff;}
.J_pb_tbtn a.J_down_btn:hover{ background-position:-391px -374px;color:#fff;}
.J_pb_tbtn a.J_LockVidoe_btn:hover{background-position: -391px -452px;color:#fff;}
.J_pb_tbtn a.J_LockVidoeSearch_btn:hover{background-position: -391px -426px;color:#fff;}

/*覆盖previewindex.css*/
.pre-left-channel-mid {
    width: 125px;
}
.pre-left-channel-in {
    width: 125px;
}
.pre-channel-item {
    float: left;
    display: block;
    width: 108px;
    height: 22px;
}
.pre-channel-icon {
    float: left;
    display: block;
    width: 25px;
    height: 23px;
}
.pre_channel_stream {
    background: none repeat scroll 0 0 #F7F5F6;
    border: 1px solid #464646;
    display: none;
    float: right;
    text-align: left;
    width: 100px;
}
.pre_channel_stream li:hover{
    background-color: #CB1C1B;
    color:#fff;
}
.pre-channel-name {
    float: left;
    display: block;
    width: 68px;
    height: 22px;
    line-height: 22px; 
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    margin-left: 3px;
}
.pre_channel_downicon{
    background-position: -90px -510px;
    display: block;
    float: right;
    height: 18px;
    margin-top: 2px;
    width: 15px;
}
.pre-channel-tip {
    float: right;
    display: block;
    height: 22px;
    line-height: 22px;
    padding-right: 2px;
    font-size: 11px;
}
.pre-lef-popup {
    position: absolute;
    left: 8px;
    top: 25px;
    width: 100px;
    z-index: 13;
    display: inline-block;
    border: 1px solid #464646;
    background: #F7F5F6;
}
.pre-lef-popup li{
    width: 100px;
    height: 18px;
}
.pre-lef-popup li a {
    display: block;
    line-height: 18px;
    padding-left: 10px;
    width: 90px;
    color: #333;
}

/*覆盖setindex.css*/
.p2p_href{font-weight:bold;}
.p2p_href:hover{color:red;text-decoration:underline;}

/*覆盖skin.css*/
html,body {
    background: #898989;
    color: #373737;
}
.ui-ptz-icon,
.ui-ptz-specail-icon,
.ui-ptz-specail-icon-current {
    background-image: none;
}
.ui-button:hover,
.ui-button-special:hover,
.ui-button-current,
.ui-button-current:hover,
.ui-button-special-current,
.ui-button-special-current:hover {
    border-color: #000;
    color: #fff;
}
.ui-channel-item:hover,
.ui-channel-item-current {
     color: #fff; 
}
.ui-ptz-adjust-text{
    color: #373737;
}
.fn-color-ptzlabel{
    color: #373737;
}
.login-content { 
    background: url(../image/lgbg.jpg?version=2.210) no-repeat;
}
.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;
    color: #FFF;
}
/*PLAYBACK*/
.playback-right-container {
    background: #BBBBBB;
    color: #FFF;
}

/*Preview*/
.pre-bottom {
    background: #DA443B;
    color: #FFF;
}
.pre-left-channel,
.pre-left-control {
    background: #BBBBBB;
}
div.pre-channel-item{
    color: #000;
}
.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;
}
/*preview-right*/
.pre-ptz {
    background: #898989;
}
.pre-adv-ptz {
    background: #BBBBBB;
}
.pre-ptz-step {
    color: #373737;
}
.pre-right-title {
    background: #898989;
    border-top: 1px solid #898989;
}
.pre-right-title-item {
    background: #BBBBBB;
    color: #373737;
}

.pre-right-title-item-current {
    background: #DA443B;
    color: #FFF;
}
.pre-right-box {
    background: #BBBBBB;
}
/*PLAYBACK*/
.playback-right-container {
    background: #BBBBBB;
    color: #FFF;
}
.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;
}
.chnl_text{
    width:90px;
    display:block;
    color:#373737;
}
.chnl_text:hover{
    color:#fff;
}

/*覆盖ui.css*/
.ui-button:hover,
.ui-button-special:hover,
.ui-button-hover,
.ui-button-special-hover {
    background-position: 0 -30px;
    color:#fff;
}
.ui-tab ul {
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0;
    background: #898989;
}
.ui-tab li.ui-tab-current {
    background: #DA443B;
    color: #fff;
    font-weight: bold;
}
.ui-ptz-adjust-item {
    width: 112px;
    margin: 0 auto; 
}
.ui-ptz-adjust-text {
    float: left;
    display: block;
    width: 56px;
    padding-top: 20px;
    text-align: center;
}
.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 {
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 14px 14px 0px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.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;    
}
.chnl_dot{
	font-weight:bold;
	font-size:12px;
	color:darkorange;
}
.J_pb_days_height{height:158px;}