/*============common style==================*/
html,body {
    background: #3F5D81;
    color: #fff;
}


/*=================login style==========================*/
.login {
    position: absolute;
    width: 100%;
    height: 357px;
    top: 50%;
    margin-top: -200px;
    background: url(../image/bg.png) 0px 50px repeat-x;
	text-align:center;
}

.login-container{
	width:484px;
	height:357px;
	margin:0 auto;
	background:none;
}
.login-content{
	background:none;
}

.login-logo{
	width:474px;
	height:114px;
	padding-top:25px;
	margin:0 auto;
	background:url(../image/loginlogo.png) no-repeat bottom;
}

.login-inputbox{
	margin-top: 40px;
}

.ui-dialog {
	background: #365378;
}

#login_install_dialog {
	top:30%;
	left:35%;
	padding-top: 30px;
	margin: auto;
}

.login_install_container{
	background-color:#365378 ;
}

/*=================previewindex style==========================*/


.main-logo{
	background:url(../image/logo.png) no-repeat;
}

.main-head,
.pre-left-channel,
.pre-left-control,
.pre-right-title-item{
	background:#223F5F;
}



.pre-right-box,
.pre-adv-ptz,
.pre-bottom,
.pre-right-title-item-current{
	background: #3E5D80;
}

.pre-right-title{
	border-top: 10px solid #3E5D80;
}

div.pre-channel-item:hover,
.pre-channel-item-current{
	background-image: none;
	background-color: #53E777;
	filter:none;
}

div.pre-channel-item:hover span,
.pre-channel-item-current span{
	color:#000;
}

.pre_channel_iconYellowDVR,
.pre_channel_iconYellowHDVR{
	background-position: -510px -60px;
}

.pre_channel_iconYellowNVR{
	background-position:  -540px -120px;
}

.pre_channel_stream span{
	color: #53E777;
}

a.pre-channel-item{
	float:left;
}
.pre-channel-icon {
	display: block;
	float:left;
}
.pre-channel-name {
	display: block;
	float:left;
	line-height: 22px;
}
.pre-channel-tip {
	display: block;
	float: right;
	line-height: 22px;
}
.pre_channel_downicon{
	margin-top: -2px;
}

/*=================playback style==========================*/
.J_pb_topright,
.J_pb_days,
.pre-minwidth{
	background-color: #3F5D81;
}

.J_pb_left_title,.J_pb_left_title ul li{
	border-color:#000;
	color:#fff;
	background:#3F5D81;
}

.J_pb_dl_list_details{
	background:#223F5F;
}
.ulbg0{
	background:#223F5F;
}
.ulbg1{
	background:#3E5D80;
}
.J_pb_dl_head{
	background:#233F60;
}

.ui-downmore{
	background: none repeat scroll 0 0 #365378;
}



/*=================alarm style==========================*/
.alarm{
	background-color: #365378;
}

.alert_l{
	background-color: #3E5D80;
}

.alert_l p,
.alert_l ul li{
	color:#fff;
}

/*=================setup style==========================*/
.ui-t2u-special{
	font-weight: bold;
	color:#000;
}

.fn-horizontal-line{
	background-image: none;
}

.ui-form-item-subtab ul li{
	background:#C4D4E9;
	color:#000;
}

.ui-title {
	background: #C2C2C2;
	color:#000;
}

.set-content-box{
	background:#365378;
}

.ui-table-header,
.ui-table-header tr, .ui-special-table tr th{
	background: #233F60;
}

.ui-tab ul{
	background: #365378;
}

.ui-tab li.ui-tab-current{
	background: #365378;
	color:#fff;
}

.ui-table-container,
.ui-special-table{
	background: #C4D4E9;
	color:#000;
}

.ui-table-tab li{
	background: #C4D4E9;
	color:#000;
}

.ui-table-tab .ui-table-tab-current{
	background: #233F60;
}

.ui-table table, .ui-table-container tr, .ui-special-table table, .ui-special-table tr{
	background: #C4D4E9;
}

.ui-dialog-title{
	background-color:#19375A;
	background-image:none;
	filter:none;
}

.login-bottom{
	display: none;
}

.ui-receiver-box{
	color:#373737;
}

.ui-timesection{
	background: #C4D4E9;
	color:#000;
}

.ui-table-container tr:hover,
.ui-table-container tr.ui-table-tr-current,
.ui-special-table tr.ui-table-tr-current,
.ui-receiver-address:hover,
.ui-receiver-item:hover,
.ui-receiver-address-current,
.ui-receiver-address-current:hover,
.ui-receiver-item-current,
.ui-receiver-item-current:hover,
.email-receiver-select{
	background: #D2FF98;
}

.ui-slider-icon-set-light{
	background-position: -150px 0;
}

.ui-slider-icon-set-contrast{
	background-position: -150px -30px;
}

.ui-slider-icon-set-saturation{
	background-position: -150px -90px;
}

.J_videoDetect_zoner{
	background: none repeat scroll 0 0 #C4D4E9;
	color:#000;
}

.ui-slider-icon-set-sharpness{
	background-position: -150px -120px;
}

.ui-slider-icon-set-chroma{
	background-position: -150px -60px;
}

.ui-form-item-tablecon{
	background-color: #C4D4E9;
}

.ui-form-item-tablecon label{
	color:#000;
}

.J_videoDetect_region_title h2{
	color:#000;
}

/*=================info style==========================*/
.ui-set-page .ui-page-view span,
.ui-page .ui-text{
	color:#fff;
}
.blackWordColor{
	color:#000;
}