html, body {
    background: #373737;
    color: #373737;
}
a {
    color: #373737;
}
/******** 通用图片 **********/
.ui-sub-menu-item:hover,
.ui-sub-menu-item.current,
.pb-control,
.pb-time-button {
    background-image:  url(../image/allbg.png);
}

[class^= "custom-icon-"],
[class^= "icon-"],
[class^= "ui-ptz-icon-"] {
    background-image: url(../image/icons.png);
}
.ui-chn-item,
.ui-nav a,
.ui-video-icon,
.ui-play-button,
.ui-ptz-icon,
.ui-ptz-specail-icon,
.ui-step,
[class^= "pb-icon-"] {
    background-image: url(../image/pic.png);
    background-repeat: no-repeat;
}
.ui-nav-alm {
    background-image: url(../image/alert.gif);
    background-repeat: no-repeat;
}

/******** 通用图片 **********/
.login{
    background: #373737 url(../image/bg.png) 0px 50px repeat-x;
}
.login .form{
    background: url(../image/lgbg.jpg) no-repeat;
}
.login .logo{
    background: url(../image/loginlogo.jpg) bottom no-repeat;
}
.login .form-item [class^= "icon-"] {
    border: 1px solid #A5A5A5;
    background-color: #E7E7E7;   
}

.download-plugin a {
    color: #FFF;
}
.download-plugin a:hover {
    color: #FFED21
}

.head{
    background: #5C5C5C;
}
.head .logo{
    background: url(../image/logo.jpg) no-repeat;
}

.pre-head{
    color: #fff;
}
.pre-main .video {
    background: #000;
}
.sidec {
    color: #FFF;
    background: #5C5C5C;   
}
.sidec h1, .pre-focus-title h1 {
    color: #FFF;
    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);
}
.sidec .title {
    background: #4E4E4E;
}
.sidec .title li.current {
    background: #5C5C5C;
}

.plate-item {
    background: #D5D5D5;
    border: 1px solid #000;
}
.plate-item h1 {
    background: #858585;
    color: #FFF;
}
.pic-content {
    background: #000;
}
.pic-content .pic1, .pic-content .pic4 {
    border: 2px solid #CCC;
    background: #141718; /*ie8下鼠标移到图片窗上，不是手型，且无法选中*/
}
.pic-content .current {
    border: 2px solid #ff9900;
}
.video {
    background: #000;
}
.video-win {
    border: 1px solid #5c5c5c;
}
.picbox .clear {
    background: url(../image/delall.png) no-repeat;
}
.icon-drawP {
    background:url(../image/nolight.png) 0 0 no-repeat;
}
.icon-drawP:hover, .icon-drawP.cur {
    background-position:-22px 0;
}

.pre-focus {
    color: #fff;
}
.pre-focus-title {
    background: #4e4e4e;
}
.pre-focus-con {
    background: #5C5C5C;
}

.pre-ptz-ctrl,
.pre-ptz-cfg {
    color: #fff;
    background: #5C5C5C;
}

/**
 * 预览界面顶部大图标
 */
.ui-video-icons [class^= "icon-"] {
    background-image: url(../image/btnbar.png);
}

.ui-video-icons [class^= "nicon-"] {
    background-image: url(../image/btnbar1.png);
}

.icon-pen-red.current,
.icon-pen-blue.current,
.icon-pen-green.current{
    border: 2px outset #848181;
}

/* fn-color */
.fn-red {
    color: red;
}
.fn-white {
    color: white;
}
.fn-gray {
    color: #C2C2C2;
}
.fn-blue {
    color: #88CAF8;
}
.fn-bg-blk {
    background: #000;
}
.fn-bg-red {
    background: #FF0000;
}
.fn-bg-white {
    background: #FFFFFF;
}
.fn-bg-green {
    background: #00FF00;
}
.fn-bg-yelw {
    background: #FFFF00;
}
.u-input.fn-bd-red {
    border: 1px solid red;
}
/*文字灰掉*/
.fn-word-disabled{
    color:#ACA899;
    text-shadow:#FFF 1px 1px 0;
}

/******** ui skin **********/

.ui-videobar{
    background: #252525;
}
.ui-video-wrap-item {
    color: #FFF;
}
.ui-video-wrap-current label {
    color: #ffe84d; 
}
.ui-video-iconc a {
    color: #FFF;
}
.ui-video-iconc a:hover,
.ui-video-iconc a.current {
    color: #fff000; 
}

.ui-menu span {
    color: #FFF;
}
.ui-sub-menu-item:hover span,
.ui-sub-menu-item.current span{
    color: #373737;
}

/**
 * 设置界面
 */
.set-content-box {
    background: #D5D5D5;
}

.set-bg{
    background: #D5D5D5;
}
.set-bd {
    border: 1px solid #d5d5d5;
}
/**
 * 报警界面
 */
.alarm-main {
    background: #D5D5D5;
}
/**
 * 回放界面
 */
.pb-result .seachbtn {
    background: #282828;   
}
.pb-type.normal {
    background: #42D017;
}
.pb-type.videodetect {
    background: #DAE613;
}
.pb-type.alarm {
    background: #D51111;
}
.pb-type.manu {
    background: #00FFF7;
}
.pb-result .u-table-head,
.pb-result .u-table thead {
    background: #444;
}
.pb-result .u-table {
    border: 0 none;
    border-bottom: 1px solid #444;
    background: #5C5C5C;
}
.pb-result .u-table-main tr:hover {
    background: #5C5C5C;
}
.pb-result .u-table tr.odd {
    background: #666;
}
.pb-result .item-detail {
    background: #444;
}
.pb-icon-play {
    background-image: url(../image/icons.png);
}

.pb-cut-con {
    background: #FFF;
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
}
.time-title {
    color: #A3A3A3;
}
.pb-grid {
    background: #565656;
}
.pb-grid .line {
    background: #3B3B3B;
}
.pb-timetip {
    border: 1px solid #000;
    background: #FFF;
}

.pb-tip span {
    color: #FFF;
}
.pb-time-button span {
    color: #373737;
}
.pb-time-button.current span {
    color: #FFF;
}

/*
 * 模块名称:  timeplan module
 * 模块描述:  ui-timeplan 计划时间表
 */
.ui-tp-hourbg {
    background-image: url(../image/timep_hourbg.png?version=2.400);
    background-position: 0 17px;
    background-repeat: repeat-x;
}
.ui-tp-week {
    background-image: url(../image/timep_weekbg.png?version=2.400);
    background-position: 96px 0;
    background-repeat: repeat-y;
}
.ui-tp-color-tip .alarm {
    background: #FF0000;
}
.ui-tp-color-tip .motion {
    background: #FFFF00;
}
.ui-tp-color-tip .general {
    background: #00FF00;
}

/*
 * 模块名称:  input module
 * 模块描述：ui-input适用于一般输入框；
 *                     ui-textarea适应于输入区域；
 *                     ui-input-time适应于时间年月输入；
 *                     ui-input-ip适应于IP/MAC输入；
 */
.snap-osd-input,
.ui-textarea {
    background-color: #FFF;
    border: 1px solid #A5A5A5;
 }
.snap-osd-input:hover,
.ui-textarea:hover {
    background-color: #FFF;
    border: 1px solid #A6A6A6;
    border-top-color: #808080;
}
.snap-osd-input:focus,
.ui-textarea:focus {
    border: 1px solid #07F;
    outline: 1px solid #8cddff;
}
.ui-textarea[disabled],
.ui-textarea.disabled {
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    color: #595959;
}

.fn-hline{background-image: url(../image/horizonline.png);}
.fn-vline{background-image: url(../image/verticalline.png);}

/*
 * 模块名称:  detail module
 * 模块描述:  ui-detail 用于权限列表及详细说明
 */
.ui-detail{
    border: 1px solid #4F4F4F;
}

 /* 模块描述: table module*/
.ui-table-tab li {
    background: #BFBFBF;
}
.ui-table-tab .current {
    background: #494949;
    color: #FFF;
}
/*
 * 模块名称:  ui-form
 * 模块描述：
 */
.ui-title {
    background: #C2C2C2;
}
/*
 * 模块名称:  field module
 * 模块描述:  带边框的列表--类似fieldset
 */
 .ui-field-group {
    border: 1px solid #b6b6b6;
 }
 /**
 * 模块描述: video module
 */
.ui-video {
    background: #000;
}
.ui-iconbar {
    background: #C2C2C2;
}

/*ui-subnav模块*/
.ui-subnav-item:hover{
    color: #fff;
}
.ui-subnav-item-current,
.ui-subnav-item-current:hover{
    color: #fff;
}

/*small button*/
.small-btn {
    border: 1px solid #9d9d9d;
}
/*trafficSnapSet*/
.color-picke-box {
    border: 1px solid #000;
}
.color-picke-cur {
    border: 2px solid #fff600;
}
.color-picke-win {
    border: 1px solid #000;
}
.osd-dialog-left {
    border-right: 1px solid #b1b1b1;
}
/*configData*/
.cfg-textarea {
    border: 1px solid #a5a5a5;
    background: #E1E1E1;
}
/*status*/
.status-box {
    border: 1px solid #a5a5a5;
}
.status-item {
   border-bottom: 1px solid #c2c2c2;
}
.status-right {
    background: #dadada;
    border: 1px solid #a5a5a5;
}
/*camera*/
.switch-title {background: #bababa;}
/*encode*/
.name-format .name-text {
    background: #cdcdcd;
}
.name-format .even {
    background: #bfbfbf;
}
.name-format .odd {
    background: #b1b1b1;
}
/*osdConfig*/
.osd-icon-add {
    background: url(../image/add.png) no-repeat;
}
.osd-icon-sub {
    background: url(../image/del_osd.png) no-repeat;
}
.osd-icon-edit {
    background: url(../image/edit_btn.png) no-repeat;
}
.osd-icon-del {
    background: url(../image/del_btn.png) no-repeat;
}
.ui-button-bg, .osd-button-order {
    background-image: url(../image/btnbg.png);
    background-repeat: repeat-x;
}
.osd-button-order, .osd-button-list, .osd-radio-group, .osd-button-icon {
    border: 1px solid #aaa;
}
.osd-button-icon {
    background-color: #ccc;
}
.osd-button-icon:hover {
    background-color: #FFDF58;
}
.osd-order-item-cur {
    background-color: #fde058;
}
.osd-dialog-left {
    border-right: 1px solid #b1b1b1;
}
.osd-fontbg {
    background: url(../image/tfont.png) -79px -21px no-repeat;
}
.osd-color-window {
    border: 1px solid #000;
}
.osd-info-box {
    border: 1px solid #ababab;
    background: #e0e0e0;
}
/*3G*/
.g3-progress {
    border: 1px solid #C5C5C5;
    background: #FFF;
}
.g3-green {
    background: green;
}
/*recordstorage*/
.ui-special-table {
    border: 2px solid #C8C8C8;
}
.ui-special-table {
    background: #D5D5D5;
}
.ui-special-table table,
.ui-special-table tr {
    background: #D5D5D5;
}
.ui-special-table tr th {
    background: #858585;
    color: #FFF;
}
.ui-special-table tr.odd td {
    background: #F3F3F3;
}
.ftp-name li {
    background: #fff;
    background: #BABABA;
}
.ftp-name .current {
    background: #fff;
    color: #373737;
}
.ftp-name-box {
    background-color: #fff;
}
.store-space,
.store-space-used {
    background: url(../image/progress.png) no-repeat;
}
.store-space-used {
    background-position: 0 -14px;
    background-repeat: repeat-x;
}
/*imageConfig*/
.gray-bd {
    border: 1px solid gray;
}
/*carWayArrtibute*/
[class^= "traffic-icon-"] {
    background-image: url(../image/iconL.png);
    background-repeat: no-repeat;
}
/*intelligentSet*/
.green-bg  {background: #5bd25a;}
.blue-bg   {background: #2757dd;}
.red-bg    {background: #de3937;}
.lgblue-bg {background: #19e4de;}
.yellow-bg {background: #e1e900;}
.orange-bg {background: #e87903;}
.purple-bg {background: #d300db;}
.white-bg  {background: #fff;}
.rose-bg   {background: #ff0080}
.pink-bg   {background: #ffc0cb}
.gray-bg   {background: #808080}
/*picsearch*/
.icon-list {
    background-image: url(../image/listicon.gif);
    background-repeat: no-repeat;
}
/*recsearch*/
.progress-box {
    border: 1px solid #000;
}
.progress-box .bgImage {
    background-image: url(../image/widget/image/progressbg.png);
    background-repeat: repeat-x;
}
/*wifi*/
.signbox i {
    background-repeat: no-repeat;
}
.i-sign0 { background-image: url(../image/sign0.png);}
.i-sign1 { background-image: url(../image/sign1.png);}
.i-sign2 { background-image: url(../image/sign2.png);}
.i-sign3 { background-image: url(../image/sign3.png);}
.i-sign4 { background-image: url(../image/sign4.png);}
.i-sign5 { background-image: url(../image/sign5.png);}


.mainCameraSubTab, .secondaryCameraSubTab {
    background-image: url(../image/cameraTab.png);
    background-repeat: no-repeat;
}