/*
 * 文件描述:  CSS Document 控制所有颜色和背景
 * 对应功能页：all  htm
 * 期望执行浏览器：所有浏览器
 * 修改记录: By gao_shanmei 2013-05-07.
 */
@charset "utf-8";
/*reset*/
html,body {
    background: #373737;
    color: #373737;
}
a {
    color: #373737;
}
/*ui-module UI模块*/
/*background-image*/
.ui-button,
.ui-button-special,
.ui-slider-container,
.ui-lightbg-slider,
.set-item:hover,
.set-item-current,
.ui-button-bg,
.ui-slider-container-current,
.recordstorage-progress,
.recordstorage-progress-used,
.camera-time-night,
.camera-time-day,
.playback-iconbar,
.playback-cut {
    background-image: url(../image/allbg.png?version=2.400);    
}
.ui-tiptext-icon,
.ui-slider-sax,
.ui-slider-less,
.ui-slider-more,
.ui-playback-slider-sax,
.ui-channel-item,
[class^= "ui-slider-icon-"],
[class^= "ui-button-icon-"],
[class^= "ui-button-playback-icon-"],
[class^= "ui-video-icon-"],
[class^= "ui-table-icon-"],
[class^= "ui-set-icon-"],
[class^= "ui-page-icon-"],
[class^= "wifi-sign-icon"],
[class^= "ui-ptz-icon-"],
[class^= "ui-special-calendar-icon-"],
[class^= "play-bottom-icon-"],
.download-plugin-icon,
.ui-video-wrap-current .ui-video-wrap-icon,
.set-menu-icon,
.set-item-icon,
.ui-dialog-icon,
.ui-tip-icon,
.ui-dialog-surebox-icon,
.playback-button-icon-search,
.playback-dates-icon-down,
.main-top-duck-draw,
.playback-on-play,
.camera-time-slider-left,
.camera-time-slider-right,
.camera-timetip-icon-day,
.camera-timetip-icon-night,
.camera-draw-icon-on,
.camera-draw-icon-off,
.camera-exposure-backlight,
.camera-exposure-backlight1,
.ui-exact-slider-sax{
    background-image: url(../image/icons.png?version=2.400);
}
.ui-channel-item,
.main-nav-item,
.ui-video-icon,
.ui-ptz-icon,
.ui-ptz-specail-icon,
.ui-ptz-specail-icon-current,
.play-bottom-iconbg,
.play-bottom-bigicon,
.playback-iconbg-left,
.playback-iconbg-right,
.ui-set-control-icon,
.ui-calendar-everydays li a,
.ui-voice-slider,
.ui-lightbg-slider-bg,
.ui-exact-slider,
.ui-exact-slider-short{
    background-image: url(../image/pic.png?version=2.400);
}
.main-nav-alarm {
    background-image: url(../image/alert.gif?version=2.400);
}
[class^= "main-top-icon-"],
.ui-tab-help a {
    background-color: #373737;
    background-image: url(../image/btnbar.png?version=2.400); 
}
.videodetect-motionFigure-wrap {
    background-image: url(../image/motion_figure.png?version=2.400);
    border: 1px solid #888;
}
/*
 * 模块名称:  timeplan module
 * 模块描述:  ui-timeplan 计划时间表
 */
.ui-timeplan-hourbg {
    background-image: url(../image/timep_hourbg.png?version=2.400);    
}
.ui-timeplan-week {
    background-image: url(../image/timep_weekbg.png?version=2.400);
}
.ui-timeplan-canvas {
    background-image: url(../image/timep_boxbg.png?version=2.400);
}

/*
 * 模块名称:  camera
 */
.camera-time-line {
    background: url(../image/timeline.png?version=2.400) repeat-x;
}
/*
 * 模块名称:  videodetect
 */
.videodetect-figure-wrap {
    background: url(../image/motion_figure.png?version=2.400);
}

/*
 * 模块名称:  alarmAudioConfig
 */
.alarmaudio-figure-wrap {
    background: url(../image/audio_figure.png?version=2.400);
}
/*
 * 模块名称:  button module
 * 模块描述：ui-button适用于一般按钮；
 *                     ui-button-special适于带ICON的按钮
 */
.ui-button,
.ui-button-special {
     border-color: #464646;
}
.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: #000;
}
.ui-button-disabled,
.ui-button-disabled:hover,
.ui-button-special-disabled,
.ui-button-special-disabled:hover{
    border-color: #464646;
    text-shadow: #FFF 1px 1px 0;
    color: #777;
}
 /*
 * 模块名称:  input module
 * 模块描述：ui-input适用于一般输入框；
 *                     ui-textarea适应于输入区域；
 *                     ui-input-time适应于时间年月输入；
 *                     ui-input-ip适应于IP/MAC输入；
 */
.ui-input,
.ui-textarea,
.ui-input-box {
     background: #FFF;
     border:1px #A5A5A5 solid;
 }
 .ui-playback-input {
    background: #FFF;
 }
 .ui-input-box span {
    color: #373737;
 }
 .ui-input:hover,
.ui-textarea:hover,
.ui-input-hover {
    background: #FFF;
    border: 1px #A6A6A6 solid;
    border-top-color: #808080;
}

.ui-input:focus,
.ui-textarea:focus,
.ui-input-focus {
    border: 1px #07F solid;
    outline: 1px #8cddff solid;
}
.ui-input[disabled],
.ui-textarea[disabled] {
    border: 1px #ccc solid;
    background: #F2F2F2;
    color: #595959;
}

 /* 模块描述: table module*/
.ui-table {
    background: #858585;
    border: 1px #4F4F4F solid;
}
.ui-special-table {
    border: 2px solid #C8C8C8;
}
.ui-table-container,
.ui-special-table {
    background: #D5D5D5;
}
.ui-table table,
.ui-table-container tr,
.ui-special-table table,
.ui-special-table tr {
    background: #D5D5D5;
}
.ui-table-header {
    background: #858585;
}
.ui-table tr th,
.ui-table-header tr,
.ui-special-table tr th {
    background: #858585;
    color: #FFF;   
}
.ui-table-container tr.ui-table-tr-odd,
.ui-special-table tr.ui-special-table-tr-odd {
    background: #F3F3F3;
}

.ui-table-container tr:hover {
    background: #F7E084;   
}
.ui-table-container tr.ui-table-tr-current,
.ui-special-table tr.ui-table-tr-current {
    background: #F1CF47;   
}

 /* 模块描述: button tips module*/
  .ui-tip-container {
    border: 1px #F89712 solid;
    background: #FFEA95;
    color: #010101;
  }
/*
 * 模块名称:  ui-form
 * 模块描述：
 */
.ui-title {
    background: #C2C2C2;
}
.ui-tip-red {
    color: #FF0000;
}
.ui-tip-green {
    color: #238700;
}
 /* 模块描述: table module*/
.ui-table-tab li {
    background: #BFBFBF;
}
.ui-table-tab .ui-table-tab-current {
    background: #494949;
    color: #FFF;
}
/*
 * 模块名称: ui-tab 
 * 模块描述:set页面右边TAB;
 */
.ui-tab ul {
    background: #373737;
}
.ui-tab li {
    background: #BABABA;
    color: #373737;
    /*transition: background-color 0.4s ease-out, color 0.4s ease-out;*/
}
.ui-tab li.ui-tab-current {
    background: #D5D5D5;
    color: #373737;
}
.ui-tab li.ui-tab-help {
    background: #373737
}
.ui-tab-disabled{
    text-shadow: #EEE 1px 1px 0;
    color: #666;
}
/*
 * 模块名称:  page module
 * 模块描述:  ui-page -用于深色背景下
 *            ui-set-page-用于浅色背景下
 */
.ui-page-view span {
    color: #FFF;
}
.ui-set-page .ui-page-view span {
    color: #373737;    
}
/*
 * 模块名称: video icon 
 * 模块描述:;
 */
.ui-video-bar {
    background: #252525;
}
.ui-video-wrap-item {
    color: #FFF;
}
.ui-video-wrap-current label {
    color: #ffe84d; 
}
/*
 * 模块名称:  detail module
 * 模块描述:  ui-detail 用于权限列表及详细说明
 */
.ui-detail{
    border: 1px solid #4F4F4F;
}
  /*
 * 模块名称:  channel module
 * 模块描述:使用于DVR各通道及IPC报警通道等
 */
.ui-channel-item:hover,
.ui-channel-item-current {
     color: #000; 
}
/*
 * 模块名称:  dialog module
 * 模块描述:  ui-dialog 弹出框
 */
.ui-dialog {
    border: 2px solid #373737;
    background: #D5D5D5;
}
.ui-dialog-title {
    background-color: #C8C8C8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E8E8E8), to(#B9B7B8));
    background-image: -webkit-linear-gradient(top, #E8E8E8, #B9B7B8);
    background-image: -o-linear-gradient(top, #E8E8E8, #B9B7B8);
    background-image: -moz-linear-gradient(top, #E8E8E8, #B9B7B8);
    background-image: linear-gradient(to bottom, #E8E8E8, #B9B7B8);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#B9B7B8', GradientType=0);
    /*filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
    border-bottom: 1px solid #B3B1B2;
}
/*
 * 模块名称:  boat module
 * 模块描述:  ui-boat -IPC普通球
 *            ui-boat-intel -智能球
 */
.ui-boat-intel-box-center span {
    color: #111;
}
/* ui-page */
.ui-page-view span {
    color: #FFF;
}
.ui-set-page .ui-page-view span {
    color: #373737;    
}
.ui-page-input {
    color: #373737;
}
/*
 * 模块名称:  timeplan module
 * 模块描述:  ui-timeplan 计划时间表
 */
.ui-timeplan-canvas {
    border-right:1px #9C9C9C solid;
}
.ui-timeplan-general,.ui-timeplan-tip-general{ background: #00FF00;}
.ui-timeplan-motion,.ui-timeplan-tip-motion{ background: #FFFF00;}
.ui-timeplan-alarm,.ui-timeplan-tip-alarm{ background: #FF0000;}

/*ui-timesection 时间段设置*/
.ui-timesection {
    border: 1px solid #ABABAB;
    background: #E0E0E0;
}
/*
 * 模块名称:  calendar module
 * 模块描述:  ui-calendar 日历
 *            ui-special-calendar 回放日历 
 */
.ui-calendar {
    border: 2px solid #4F4F4F;
    background: #CBCBCB;
}
.ui-calendar-head h1 {
    color: #FFF; 
}
.ui-calendar-everydays li a.ui-calendar-today {
    color: #000;     
}
.ui-calendar-everydays li a.ui-calendar-day-disabled {
    color: #999;
}
/*ui-special-calendar 日历*/
.ui-special-calendar-box {
}
.ui-special-calendar-date-input {
    border: 1px solid #AFAFAF;
}
.ui-special-calendar-date-btn,
.ui-special-calendar-day a,
.playback-button {
    background: #282828;
    color: #F3F3F3;
    font-weight: normal;
}
.ui-special-calendar-date-btn:hover,
.playback-button:hover {
    background: #FDC115;
    color: #000;
}
.ui-special-calendar-title li {
    color: #FFF;
}
.ui-special-calendar-day a:hover,
.ui-special-calendar-day li a.ui-special-calendar-day-select {
    border-color: #FDC017;
}
.ui-special-calendar-day li a.ui-special-calendar-day-havevideo {    
    background: #3199DC;
}
.ui-special-calendar-day li a.ui-special-calendar-day-both {    
    background: #3199DC;
    border-color: #FDC017;
} 
.ui-special-calendar-date .ui-input:hover,
.ui-special-calendar-date .ui-input-current {
    border: 1px solid #000;
    background: #FFFECB;
}

/*
 * 模块名称:  receiver module
 * 模块描述:  ui-receiver 用于邮件收发地址操作
 */
.ui-receiver-box {
    border: 1px #A6A6A6 solid;
    background: #F2F2F2;
}
.ui-receiver-address:hover,
.ui-receiver-item:hover {
    background: #F7E084;
}
.ui-receiver-address-current,
.ui-receiver-address-current:hover,
.ui-receiver-item-current,
.ui-receiver-item-current:hover {
    background: #F1CF47;
}
/*
 * 模块名称:  slider module
 * 模块描述： ui-slider适用于滑条;
 *            ui-playback-slider适用于回放滑条;
 *            ui-voice-slider适用于声音滑条;
 */
.ui-playback-sliderbg {
    background: #5B5B5B;
}
.ui-playback-sliderbg-current {
    background: #E5A21C;
}
.ui-playback-slider .ui-slider-text {
    color: #FFF;
}
/*ui-video video模块*/
.ui-videobox-video {
    background-color: #000;
}
.ui-videobox-iconbar {
    background: #C2C2C2;
}
/*文字灰掉*/
.fn-word-disabled{
    color:#ACA899;
    text-shadow:#FFF 1px 1px 0;
}

/* fn-linear 渐变*/
/* 图像调整/聚焦缩放标题背景 */
.fn-linear {
    background-color: #4E4E4E;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5C5C5C), to(#4E4E4E));
    background-image: -webkit-linear-gradient(top, #5C5C5C, #4E4E4E);
    background-image: -o-linear-gradient(top, #5C5C5C, #4E4E4E);
    background-image: -moz-linear-gradient(top, #5C5C5C, #4E4E4E);
    background-image: linear-gradient(to bottom, #5C5C5C, #4E4E4E);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5C5C5C', endColorstr='#4E4E4E', GradientType=0);
    /*filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
}
/* fn-color */
.fn-color-red {
    color: red;
}
.fn-color-white {
    color: white;
}
.fn-color-gray {
    color: #C2C2C2;
}
/* fn-line 分割线*/
.fn-horizontal-line, .fn-horizontal-ivs-line{
    background-image: url(../image/horizonline.png?version=2.400);
}
.fn-vertical-line {
    background-image: url(../image/verticalline.png?version=2.400);
}
/*PAGE*/

.login-container {
    background:  #373737 url(../image/bg.png?version=2.400) 0px 50px repeat-x;
}
.login-content { 
    background: url(../image/lgbg.jpg?version=2.400) no-repeat;
}
.login-logo {
    background: url(../image/loginlogo.jpg?version=2.400) bottom no-repeat;
}
.login-logo-ipdome { 
    background: url(../image/loginlogo-IPDome.jpg?version=2.400) bottom no-repeat;
}
.login-logo-ipptz { 
    background: url(../image/loginlogo-IPPTZCamera.jpg?version=2.400) bottom no-repeat;
}
.login-logo-dahua { 
    background: url(../image/loginlogo-dh.jpg?version=2.400) bottom no-repeat;
}
.login-logo-rvi { 
    background: url(../image/loginlogo-RVi.jpg?version=2.400) bottom no-repeat;
}
.login-logo-flir{
    background: url(../image/loginlogo-FLIR.jpg?version=2.400) bottom no-repeat;
}
.download-plugin a {
    color: #FFF;
}
.download-plugin a:hover {
    color: #FFED21
}
/*MAIN*/
.main-logo {
    background: url(../image/logo.jpg?version=2.400) no-repeat;
}
.main-logo-ipdome { 
    background: url(../image/logo-IPDome.jpg?version=2.400) no-repeat;
}
.main-logo-ipptz { 
    background: url(../image/logo-IPPTZCamera.jpg?version=2.400) no-repeat;
}
.main-logo-dahua { 
    background: url(../image/logo-dh.jpg?version=2.400) no-repeat;
}
.main-logo-rvi { 
    background: url(../image/logo-RVi.jpg?version=2.400) no-repeat;
}
.main-logo-flir{
    background: url(../image/logo-FLIR.bmp?version=2.400) no-repeat;
}
.main-head,
.main-ptz-top,
.main-ptz-advance,
.main-image-adjust,
.main-img-container,
.main-focus-container {
    background: #5C5C5C;
}
.main-ptz-advance-nav {
    background: #4E4E4E;
}
.main-ptz-advance-nav li {
    color: #B2B2B2;
}
.main-ptz-advance-nav .main-ptz-advance-nav-current {
    background: #5C5C5C;
    color: #FFF;
}
.main-img,
.main-focus,
.main-img-title,
.main-focus-title {
    color: #FFF;
}
.main-video-wrap-item:hover {
    color: #FFED21;
}
.main-focus-load {
    background:  #FFF;
}
.main-top {
    color: #FFF;
}
.main-top-duckcheck {
    /*见skin.css*/
    border:2px outset #848181;
}
.main-fisheye-ptz{
    background: #5C5C5C;
}
.main-fisheye-ptz p label{
    color: #fff;
}
/*PLAYBACK*/
.playback-right-container {
    background: #5C5C5C;
    color: #FFF;
}
.playback-tip-color-selected {
    background: #FDC017;    
}
.playback-tip-color-havevideo {
    background: #3199DC;    
}
.playback-tip-color-both {
    background: #3AC01A;    
}
.playback-button-disabled,
.playback-button-disabled:hover {
    background: #4D4D4D;
}
.playback-dates-row0 {
    background: #4E4E4E;
}
.playback-dates-row1 {
    background: #5C5C5C;
}

.playback-dates-type-red {
    background: #D51111;
}
.playback-dates-type-yellow {
    background: #DAE613;
}
.playback-dates-type-green {
    background: #42D017;
}
.playback-dates-type-blue {
    background:#00FFF7;
}
.playback-pageview {
    border-top: 1px solid #434343;
}
.playback-detail {
    background: #434343;
}
.playback-iconbg {
}
.playback-progress-grid {
    border: 1px solid #3B3B3B;
    border-left: 0 none;
    background: #565656;
}
.playback-timetip {
    border: 1px solid #000;
    background: #FFF;
}
/*ALARM*/
.alarm-content,
.alarm-frame {
    background: #D5D5D5;
}
/*SET*/
.set-content-box {
    background: #D5D5D5;
}
.set-menu {
    color: #E7E7E7;
}
.set-menu:hover {
    color: #999;
}
.set-menu-current,
.set-menu-current:hover { 
    color: #999;
}
.set-item {
    color: #FFF;
}
.set-item:hover,
.set-item-current {
    color: #333;
}
/*Camera*/
.camera-video {
    background: #000;
}
.camera-time-title {
    background: #E5E4E4;
    border: 1px solid #4F4F4F;
}
/*3g*/
.g3-progressLine {
    border: 1px solid #C5C5C5;
    background: #FFF;
}
.g3-color-green{
    background: #00FF00;
}
/*videodetect*/
.videodetect-motionFigure-threshold {
    background: #000;
}
.videodetect-motionFigure div {
    background: #009900;
}
.videodetect-motionFigure div.motion { 
    background: #ff0000;
}
.videotect-regionbox {
    background: #EAEAEA;
}
.videodetect-region-header {
    background: #C2C2C2;
}
.videodetect-region-current {
    background: #EAEAEA;
}
.videodetect-region-current a {
    border: 1px solid #71716F;
}
.videodetect-red {
    background: #FF2D11;
}
.videodetect-yellow {
    background: #FFE011;
}
.videodetect-blue {
    background: #06C8F9;
}
.videodetect-green {
    background: #3DFF00;
}
.videodetect-threshold {
    background: #000;
}
.videodetect-figure div {
    background: #009900;
}
.videodetect-figure div.motion {
    background: #FF0000;
}
/*recordstorage*/
.recordstorage-progress {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
/*alarmconfig - pir*/
.alarmconfig-flashbtn {
    background: url(../image/onIcon.png) 0 0 no-repeat;
}
.alarmconfig-flashbtn-on {
    background: url(../image/onIcon.png) 0 -24px no-repeat;
}
/*upgrade*/
.upgrade-loading-box {
    background-image: url(../image/updatebg.png);
}
.upgrade-loading-slider {
    background-image: url(../image/updatebg.png);
}
.ui-button.disabled{
    color: #999;
}
.ui-button.disabled:hover{
    color: #999;
    background-position: 0 0;
}