/*固定表头内容*/                                                          /*未实现*/    

.scrollContent td, scrollContent tr td {
    border-bottom: 1px solid #d2f1ac;
    border-left: 1px solid #d2f1ac;
    border-right: 1px solid #d2f1ac;
    border-top: 1px solid #d2f1ac;
    padding: 2px 3px;
}

.webLogo {
    margin-left:0px;
    margin-top:0px;
    height:100%;
}

.webTitle {
    position:relative;
    font-size:30px;
    top: 30px;
    left: 10px;
    width:100px;
    text-wrap:normal;
    color:white;
}

.webTitle a:hover{
    color:white;
}

.linkOwner {
    text-decoration-color:red;
    text-decoration-line:underline;
    cursor:pointer;
}
.linkOwner a:link {
    color:darkblue;
}
.linkOwner a:hover {
    color:red;    
}

.clrgrid{
    padding:5px;
    color:darkred;
}

.left200 {
    margin-left:200px;
}
.left500{
    margin-left:500px;
}
.left700{
    margin-left:700px;
}

.display-label {
    color:black;
    width:60px;
}

.display-field {
    border:1px solid darkgray;
    color:black;
    background-color:lightgray;
    width:120px;
    text-align:center;
}

.clrInterfaceImg{
    width:450px;
    height:150px;
}

/*左边导航样式*/
.clrConfigList {height:20px;line-height:25px; padding:5px 0 10px 5px;background:linear-gradient(180deg, D5E7F3, #D5E7F3 );border-top:0px groove #005090;border-bottom:1px groove #005090;}
.clrConfigList:hover {height:20px;padding:5px 0 10px 5px;background:linear-gradient(180deg, #2070b0, #005090 );}
.clrConfigList a{display:block; line-height:25px; height:22px; padding-left:22px;
                  background:url(nav_icon.png) no-repeat 5px top; border:0px solid #fff; margin:0px 2px 10px 2px; 
                 color:#003080; text-decoration:none;font-weight:bold;font-size:14px; }
.clrConfigList a:hover{color:#f0f0f0; border:0px solid #eae8e8; background:url(nav_icon.png) no-repeat 5px -22px ; }

.clrConfigListSel {height:20px;line-height:25px;padding:5px 0 10px 10px;background:linear-gradient(180deg, #2070b0, #005090 );}
.clrConfigListSel a{ display:block; line-height:25px; height:22px; padding-left:22px;
                      background:url(nav_icon.png) no-repeat 5px -22px; border:0px solid #fff; margin:0px 2px 10px 2px;
                      color:#f0f0f0; text-decoration:none;font-weight:bold;font-size:14px; }
.clrConfigListSel a:hover{color:#f0f0f0; border:0px solid #eae8e8; background:url(nav_icon.png) no-repeat 5px -22px ; }

/*.nlist li.title{ margin-top:5px; line-height:25px; font-weight:600; color:#090; padding-left:25px; background:url(nav_icon.png) no-repeat 7px -50px;}*/


.clsOwnerDetail {
    font-size:16px;
    line-height:50px;
}

.clsDatePicker {
    z-index:0;
    display:block;
}

.clrFormTheOwner {
    overflow:hidden;
}

.td-editor{
    width:90%;
    height:90%;
    margin:2px;
    border:0px;
	/*background-color: #D5E7F3;*/
}

.td-editor:hover{
	background-color: #D5E7F3;
}

.fillin_nohover{
    width:90%;
    height:90%;
    margin:2px;
    border:0px;
}

.fillin{
    width:90%;
    height:90%;
    margin:2px;
    border:0px;
}

.fillin:hover{
	background-color: #D5E7F3;
}

.clrAddress{
    height:90%;
    margin:1px;
    border:1px solid lightgray;
}

.clrAddressEdit{
    width:300px;
    height:90%;
    margin:1px;
    border:1px solid lightgray;
}

.clrAddressTip{
    color:darkgray;
    font-style:normal;
}

.needMark{
    color:red;
}

#ulInfo{
    background-color:green;
}

.clrDlgTitle{
    background:linear-gradient(180deg,lightblue,darkblue );
    padding:5px 0 0 10px;
    height:20px;
    width:100%;
}

.clrDlgTitle a{ color:white;}
.clrDlgTitle a:hover{ color:lightblue;}

.clsDVSearch{
    height:30px;
}

.juanmove{
    padding-right:100px;    
    text-decoration:underline;
}

.juanLu
{
    float:right;
    cursor:pointer;
    color:darkgray;
}
.juanLu a:hover{
    color:blue;
    text-decoration:underline;
}

.clrHeader{
    background:#ff6a00;
    color:whitesmoke;
    font-size:14px;
    font-weight:bold;
    padding:0px;
    margin:0px;
    height:30px;
    line-height:30px;
}

    .clrHeader:hover{
        background-color:darkgreen !important;
    }

    .clrTitleHeader {
        height: 20px;
        font-size: 14px;
        font-weight: bold;
        background: linear-gradient(180deg,#4e95e2,#1a4fae );
        color: white;
        text-align: center;
        line-height: 20px;
    }

    .clrSearchGroup>div{
        margin-left:10px;
    }

.clrDynamicUpdate{
    color:white;
    width:100%;
    height:30px;
    text-align:center;
    background-color:black;
}

.clrAddUserDlg {
    display:none;
    position:absolute;

    width:800px;
    height:400px;
}

.clrMenu{
    padding-left:10px;
    text-align:left;
    font-size:14px;
    font-weight:bold;
}

.clrMarkTrBad{
    background-color:red;
    color:white;
}

.clrExport{
    margin-top:2px;
    float:right;
    background-color:#02528f;
    height:28px;
    margin-right:10px;
    border:1px solid white;
}
.clrExport:hover
{
    background-color:gold;
}

.clrImageButton{
    margin-top:4px;
    float:left;
    width:16px;
    height:16px;
    margin-right:5px;
    margin-left:5px;
}


/*******************************************开始*****************************************/
/*******************************************登录页面效果*****************************************/
.login_header{
    position:absolute;
    top:0px;
    width:100%;
    background-color:#02528f;
}
.login_body{
    position:absolute;
    margin-top:0px;
    width:100%;
    height:600px;
}
.login_footer{
    position:absolute;
    margin-top:0px;

    height:100%;
    width:100%;
    background-color:#02528f;
    text-align:center;
}

.login_body_left{
    position:relative;
    left:0px;
    height:100%;
    float:left;
    background-color:#02528f;
}
.login_body_middle{
    position:relative;
    left:0px;
    width:800px;
    height:100%;
    float:left;
    background:url('../images/Login/login-content-bg.png') no-repeat;
    text-align:center;
}
.login_body_right
{
    width:auto;
    height:100%;
    background-color:#02528f;
    color:yellow;
    text-align:left;
    font-size:16px;
}

.login_body_midddle_top
{
    height:200px;
}

.login_body_middle_center
{
    padding:20px;
}

.clrTxt {
width:160px;
height:22px;
background-color:white;
border:1px solid darkgray;
color:black;
font-size:14px;
}

.clrCombo {
width:160px;
height:30px;
background-color:#02528f;
border:1px solid darkgray;
color:white;
font-size:16px;
font-weight:bold;
font-family:微软雅黑;
}

.clrLoginEdit {
width:200px;
height:28px;
background-color:#eee;
border:2px solid lightgray;
color:#222;
font-size:16px;
font-weight:normal;
font-family:微软雅黑;
margin-right:20px;
padding-left:5px;
}

.loginbutton {
    width:100px;
    height:40px;
    border:1px solid lightblue;
    background-color:darkgreen;
    color:#eee;
    padding:5px;
    font-size:14px;
    font-family:微软雅黑;
}
.loginbutton:hover {
        border:1px solid #303030;
        background-color:lightblue;
        color:darkgreen;
        cursor:pointer;
    }

.login_bg {
    width:100%;
    height:100%;
}

.clrTips
{
    font-family:微软雅黑;
	font-size: 14px;
	font-weight: bold;
	color:#f0f020;
	text-decoration: none;
    width:auto;
}

/********************************************************************************************/
.login-hd,.login-ft,.login-body{position:absolute;left:0;}
.login-hd,.login-ft,.login-body{width:100%;}

.login-hd{top:0;height:100px;background:linear-gradient(180deg,lightgray,#eee);/*background-image:url(../Content/Images/Header.png);background-repeat:repeat-x;*/}
.login-body {top:100px;bottom:100px;height:300px;border-top:5px solid maroon;border-bottom:2px solid #02528f;}
.login-ft {
    bottom:0px;
    height: 100px;
    background:linear-gradient(0deg,lightgray,#eee);
}
/*******************************************按钮效果*****************************************/
/*.button {
    border:1px solid lightgray;
    background-color:#f0f0f0;
    color:#005090;
    padding:0px;
    font-size:12px;
}
.button:hover {
        border:1px solid #303030;
        background-color:lightblue;
        color:darkblue;
        cursor:pointer;
    }*/

.button {
    width:80px;
    height:25px;
    border:1px solid lightblue;
    background-color:#3080f0;
    color:#eee;
    padding:2px;
    font-size:12px;
    font-family:微软雅黑;
}
.button:hover {
        border:1px solid lightblue;
        background-color:lightblue;
        color:#eee;
        cursor:pointer;
    }

.iooutbutton {
    width:80px;
    height:25px;
    border:1px groove gray;
    background-color:#30f030;
    color:#eee;
    padding:2px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
    font-family:微软雅黑;
    text-decoration:none;
}

.iooutbutton:hover {
        /*text-shadow:5px 3px 2px #fff;*/
        background-color:gray;
        color:#30f030;
        cursor:pointer;
    }

.clrBtnTemp {
    margin-left:20px;
    padding:4px;
    border:1px solid #eee;
    background-color:#02528f;
    color:#eee;
}
.clrBtnTemp:hover {
        background-color:gold;
    }

.clrSaveBtn{
    width:80px;
    height:30px;
    border:1px solid lightblue;
    background-color:#f0f0f0;
    color:#005090;
}
.clrSaveBtn:hover {
        border:1px solid #303030;
        background-color:lightblue;
        color:darkblue;
        cursor:pointer;
    }

.clrSaveBtnDis{
    float:right;
    width:120px;
    height:30px;
    padding:2px;
    border:1px solid lightgray;
    background-color:lightgray;
    color:darkgray;
}

.clrSaveBtnDis:hover{
    color:darkgray;
}

.clrAddBtn{
    float:right;
    width:120px;
    height:30px;
    padding:2px;
    border:1px solid lightblue;
    background-color:#0050d0;
    color:#f0f0f0;
    cursor:pointer;
}

.clrAddBtn:hover {
        border:1px solid #606060;
        background-color:#3080ff;
        color:black;
        cursor:pointer;
        font-weight:bold;
    }

.clrAsertBtn {
    width:100px;
    height:30px;
    border:1px solid lightblue;
    background-color:#f00000;
    color:#cccccc;
    padding-left:10px;
    padding-right:10px;
    margin:5px;
}
.clrAsertBtn:hover {
        border:1px solid #303030;
        color:white;
        cursor:pointer;
    }

.btnSubmit {
    margin-left:200px;
    margin-top:10px;
    width:100px;
    height:30px;
    /*background-image:url('../../content/themes/base/images/ui-icons_2e83ff_256x240.png');
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-color:blue;
    color:white;*/
    padding-top:2px;
}

.clsUploadFile{
    height:25px;
    line-height:25px;
    width:200px;
    border:1px solid #eee;
    color:#eee;
}

/*******************************************弹出对话框风格*****************************************/
#dvPopDialog{
    /*background-color:#02528f;*/
    overflow:hidden;
}
.clsPopDlg .ui-dialog{padding:0px;}
.clsPopDlg .ui-dialog-titlebar {display:none;padding:0px;}
.ui-dialog .ui-dialog-content
{
    padding: 0px;
    background-color: #333;
}

.clsDlgHeader{
    padding:0px;
    height:32px;
    background:url(../images/warningtitle.png) no-repeat;
}

.clsDlgHeader .clsTitle{
    vertical-align:middle;
    font-weight:bold;
    font-size:14px;
    color:white;
    line-height:30px;
    margin-left:5px;
}

#dvPopDialog .common-table-container{
    height:248px;
    background-color:#cccccc;
}

#idMinMaxImg {
    margin-top: 5px;
    border: none;
}

#dvPopDialog .clsDlgHeader .num
{
    position:absolute; left:100px; top:6px; display:inline-block; 
    width:48px; height:20px;
    margin-right:10px; 
    background:#f0f0f0; font-style:normal; font-size:12px;line-height:20px; color:red; 
    font-family:微软雅黑,Verdana, sans-serif; text-align:center; overflow:hidden;}

.common-table-container-1 {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #2F4056;
}
.common-table-1
{
	font-size: 12px;
	font-family: 微软雅黑, Helvetica, Arial, sans-serif;
	border-collapse: collapse;
    color:#eee;
	width: 100%;
    line-height:20px;
}
    .common-table-1 thead tr th {
        text-align:center;
        border-right:1px solid #888;
    }
/*#dvConfigContent .common-table-container .common-table tbody tr:hover
{
	background-color: white;
	cursor: default;
}*/

/*******************************************配置单位表单风格*****************************************/

/*#roletable tbody tr:hover, #common-table tbody tr:hover, #tabOwnerDetail .common-table-container .common-table tbody tr:hover
{
	background-color: white;
	cursor: default;
}*/

.tools_btn {
    position:relative;
    margin-left:20px;
}

/*******************************************接警用户表单风格*****************************************/
#dvMonitorOwner,#dvMonitorOwner .common-table-container{
    background-color:white;
}

.clrData
{
    background-color:red;
    color:white;
}

/*******************************************用户注册表单风格*****************************************/
#dvRegisterDialog .common-table tbody tr:hover {
	background-color: white;
	cursor: default;
}

#dvForgotPwdDialog .common-table tbody tr:hover {
	background-color: white;
	cursor: default;
}

#dvQQBinding .common-table tbody tr:hover {
	background-color: white;
	cursor: default;
}

/*******************************************信息提示框风格*****************************************/
#dvTip
{
    border:2px solid dashed;
    z-index:99;
    background-color:black;
    color:white;
    height:20px;
    display: none;
    font-size:20px;
    padding:5px;
}

#tblRightUp td, #tblRightUp th
{
	border: 0px solid #C0D1E3;
    font-size:12px;
    font-weight:bold;
    text-align: right;
}

#tblRightUp .content
{
    color:#02528f;
    font-size:12px;
    text-align: left;
    padding:2px 5px 2px 5px;
    line-height:23px;
}

#tblRightUp .content p
{
    padding-left:0px;
    border:2px outset #eee;
    background:linear-gradient(0deg,#fff,#eee);
}

#tblRightUp tbody tr:hover
{
    background-color:white;
	cursor: default;
}

.txtweather
{
    float:left;
    margin-right:20px;
    vertical-align:top;
}

.img1Weather,.img2Weather
{
    float:left;
}

.clsAlarmInterface {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
}

.clsFire {
    width:100%;
    height:100%;
}

.clsFire .ui-dialog-titlebar { cursor: move; background:url(bg_red.png) repeat-x;}
.clsFire .ui-dialog-title { float: left; margin: .1em 16px .1em 0;color:white; }

.clsDlgLogin {
    width:100%;
    height:100%;
}

.clsDlgLogin .ui-dialog-titlebar { cursor: move; background:url(bg_blue.png) repeat-x;}
.clsDlgLogin .ui-dialog-title { float: left; margin: .1em 16px .1em 0;color:white; }

.qcShareQQDiv{float:left; display:block;margin-top:3px;margin-left:10px;width:15px;height:17px;
              background-image:url('style.png');background-position:-102px -37px}
.qzOpenerDiv{float:left; display:block;margin-top:2px;margin-left:10px;width:18px;height:17px;
              background-image:url('style.png');background-position:-118px -37px}

.radio8{-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
        -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px;
        -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}

/****************************************支付页面的风格*********************************************/
.main_box{padding:10px;background:#fff;}
.left400{float:left;width:400px;}
.right356{float:left;margin-left:20px; width:300px;}
.pictureDIV{float: left;margin:0 0 10px 0;}
.spec-preview{width:400px;height:400px;border:1px solid #ccc;}
.spec-preview .jqzoom img{width:400px;height:400px;}
.spec-scroll{clear:both;margin-top:5px; width:400px;}
	.spec-scroll .prev{float:left;margin-right:5px;}
	.spec-scroll .next{float:right;}
	.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"微软雅黑";text-align:center;width:10px;height:54px;line-height:54px;border:1px solid #ccc;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:364px;height:56px;overflow:hidden;}
	.spec-scroll .items ul{margin:0; padding:0;list-style:none;position:absolute;width:999999px; height:56px;}
		.spec-scroll .items ul li{float:left; margin:0px; padding:0px; width:65px;text-align:center;}
			.spec-scroll .items ul li img{border:1px solid #CCC; padding:2px;width:50px;height:50px;}
			.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px; }

.pro-attr h1{margin-bottom:10px;font-size:18px;font-weight:500;color:#444;line-height:30px;}
	.pro-items{padding-bottom:10px;}
	.pro-items dl{clear:both; padding:5px 0; font-size:14px;}
		.pro-items dl dt{float:left; display:block; padding-right:5px;}
	/*.pro-btns{ padding:10px; border:1px solid #EDD28B; background:#FFFCF5;}
		.pro-btns:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
		.pro-btns .input-box{margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
			.pro-btns .input-box .txt{padding:0 5px;border:1px solid #F5DA98;height:24px; line-height:24px;width:60px;}
		.pro-btns .btn-box{ padding:10px 0; position:relative; }
			.pro-btns .btn-box .add,.pro-btns .btn-box .buy,.pro-btns .btn-box .add-over,.pro-btns .btn-box .buy-over{background:url(car_btn_buy.png) no-repeat; display:block; float:left; height:37px; text-indent:-9999px;}
			.pro-btns .btn-box .add{background-position:0 0;width:127px;}
			.pro-btns .btn-box .add-over{background-position:0 -58px; width:127px;}
			.pro-btns .btn-box .buy{background-position:0 -116px;margin-left:15px;width:127px;}
			.pro-btns .btn-box .buy-over{background-position:0 -174px;margin-left:16px;width:127px;}*/

.jqzoom{float:left;border:none; position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}

/*.buy,.buy-over{background:url(car_btn_buy.png) no-repeat; display:block; float:left; height:37px; text-indent:-9999px;}
.buy-over{background-position:0 -174px;margin-left:16px;width:127px;}
.buy{background-position:0px -116px;margin-left:15px;width:127px;}*/
.buy{background-color:gold;width:127px;float:left; height:27px;padding-top:10px; display:block;text-align:center;}
.payflag{background:url(../pay/pay.png) no-repeat;background-position:0px 0px;height:32px;}
.itemtitle{font-family: 'Trebuchet MS', Verdana, Helvetica, Sans-Serif; font-weight: bold;margin-top:10px;}

.clsAlarmSwitch {
    background:url(onoff.png) no-repeat;
    background-position:0px -25px;
    width:64px;
}

.clsAC{width:100%; color:#02528f;font-weight:bold; font-size:12px;margin-left:0px;margin-top:5px;}
.clsACTxt{float:left; width:70%; color:#02528f;font-weight:bold; font-size:12px;margin-left:0px;margin-top:5px;}
.clsACBG{float:right; width:30%;height:24px;background-position-x:0px;cursor:pointer;}

.tblTitle{background-color:lightblue;color:#333;}

.tblCRTTitle{background-color:#eee;color:#333;font-weight:bold;}

/*************************设备评估风格*****************************/
.clrDeviceEval{
    font-family:微软雅黑;
    font-size:14px;
    background:#eee;
    border:1px outset lightgray;
    width:100%;
    overflow:hidden;
    line-height:32px;
    margin:5px 5px 5px 5px;
}
/*******************************************************************/

.tblCaption{background:linear-gradient(0deg,#ccc,#fff);color:#333;font-weight:bold;}

/***************************统计报表中td风格**********************************/
.tdFire{background-color:#800000;color:white;}
.tdFailure{background-color:#333333;color:white;}
.tdRun{background-color:#00ff00;color:white;}
.tdFeed{background-color:#008000;color:white;}
.tdAdmin{background-color:#000080;color:white;}
.tdEcho{background-color:#808000;color:white;}
.tdQuiet{background-color:#808080;color:white;}
.tdReset{background-color:#c0c0c0;color:white;}
.tdWater{background-color:#8080ff;color:white;}
.tdInspect{background-color:#ff00ff;color:white;}

.clrDeviceStatus{
    background:#fff;
    top:0px;
    margin-top:0px;
    border:0px groove darkgray;
    width:100%;
    height:30px;
    padding:0px 5px 5px 5px;
    overflow:hidden;
    line-height:32px;
}

.clrDeviceStatus .txt{
    margin-right:10px;
    color:#333;
}

.hthree{width:100%;overflow:hidden;}
.MainContainer{width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#eee,#ddd);margin:0px;border: 5px solid #ddd;}
.bgCaption{
margin-left:10px; font-size:12px;color:#888;text-shadow:0px 1px 1px #ccc;font-weight:bold; margin-top:1px;float:left;}
.bgCaptionSel{
margin-left:10px; font-size:12px;color:#02528f;text-shadow:0px 1px 1px #fff;font-weight:bold; margin-top:0px;float:left;}
.control-container{width:175px;margin-left:20px;margin-right:auto;margin-top:0px;height:280px;float:left;}
.caption-status{height: 18px; width: 100%; cursor: move; margin-top: 2px;background:linear-gradient(225deg,#02528f,#eee);}
.figure{
    /*background-image:url(../Images/excel.png);background-size:16px 16px;width:16px;height:16px;*/
    display:inline-block;vertical-align:middle;
}
.figure-temp{background-image:url(../Images/Figures/figure1.png);background-size:64px 64px;width:64px;height:64px;margin-left:20px;}
.figure-water{background-image:url(../Images/Figures/figure2.png);background-size:64px 64px;width:64px;height:64px;margin-left:20px;}
.figure-gauge{background-image:url(../Images/Figures/figure3.png);background-size:64px 64px;width:64px;height:64px;margin-left:20px;}
.figure-text{float: left; margin-top: 0px; font-size: 16px; font-weight: bold; font-family: 微软雅黑; color: #aa9c99;}
.figure-text-warning{float: left; margin-top: 0px; font-size: 16px; font-weight: bold; font-family: 微软雅黑; color: red;}
.noconfig{background-image:url(../Images/Page/noconfig.png); border:2px solid #eee; height:100%;overflow:hidden;}
.camera{margin:1px;border:1px solid #eee;}
.soundset{background-image:url(../Images/Toolbar/volume.png);background-size:16px 16px;width:16px;height:16px;margin-left:10px;margin-right:10px;margin-top:2px;}
.soundsetdis{background-image:url(../Images/Toolbar/volumedis.png);background-size:16px 16px;width:16px;height:16px;margin-left:10px;margin-right:10px;margin-top:2px;}
.alarmtip{position:absolute; width:200px;left:200px; font-size:12px;color:#fff;text-shadow:0px 0px 0px #ccc;font-weight:bold; margin-top:1px;float:left;background-color:green;border:1px groove #eee;}
.alarmtipwarning{position:absolute; width:200px;left:200px; font-size:12px;color:#fff;text-shadow:0px 0px 0px #ccc;font-weight:bold; margin-top:1px;float:left;background-color:red;border:1px groove #eee;}
.alarmstatus{position:absolute;left:450px; font-size:12px;text-shadow:0px 0px 0px #ccc;font-weight:bold; margin-top:4px;float:left;}
.alarmstatus .online{color:#fff;background-color:blue;border:1px groove #eee;padding-left:5px;padding-right:5px;}
.alarmstatus .offline{color:#eee;background-color:red;border:1px groove #eee;padding-left:5px;padding-right:5px;}

/*******************************************************************************************/
/*AlarmController 的风格*/
/*******************************************************************************************/

.g-alarm-left,.g-alarm-right{position:absolute;left:0;}
.g-alarm-left,.g-alarm-right{top:0px;bottom:50px;height:100%;overflow:hidden;background-color: lightgray;}
.g-alarm-left{width:80%;background-color:lightblue;}
.g-alarm-right{width:20%;background-color:lightgreen;}
.g-alarm-right{left:80%;right:0;}

.caption{width:100%;height:20px;line-height:20px;background-color:#2270af;border:2px solid lightgray;border-bottom-style:groove; color:#fff;font-weight:bold;padding-left:5px;;}

.common-table-container-2
{
	width: 100%;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:#005090;
}
.common-table-2
{
	font-size: 12px;
	font-family: 微软雅黑, Helvetica, Arial, sans-serif;
	border-collapse: collapse;
    color:#eee;
	width: 100%;
    margin-top:3px;
}
    .common-table-2 thead tr th {
        text-align:center;
        border-right:1px solid #888;
        font-weight:bold;
        font-size:14px;
    }

.common-table-alarm td, .common-table-alarm th
{
	border: 0px solid #C0D1E3;
    font-size:12px;
    font-weight:bold;
    text-align: right;
}

.common-table-alarm .content
{
    color:#02528f;
    font-size:12px;
    text-align: left;
    padding:2px 5px 2px 5px;
    line-height:23px;
}

.common-table-alarm .content p
{
    padding-left:0px;
    border:2px outset #eee;
    background:linear-gradient(0deg,#fff,#eee);
}

.common-table-alarm tbody tr:hover
{
    background-color:white;
	cursor: default;
}

#idAlarmCount{ display:inline-block; vertical-align:-3px; vertical-align:middle; width:48px; height:16px;padding-top:3px; margin-right:10px; background:#f0f0f0; font-style:normal; font-size:12px; color:red; font-family:微软雅黑,Verdana, sans-serif; text-align:center; overflow:hidden;}

.btn-hik-vedio{float:left; margin-left:20px;width:60px; height:24px;line-height:8px;}

.splitVedio{float:left;margin-left:5px; height:15px;width:1px;background-color:lightgray;margin-top:2px;}

.cssNormal,#dvAlarmGridView table tbody .cssNormal td a,#tblPopDialog tbody .cssNormal td a{color:#008000;background-color:#ccc;}
.cssfire,#dvAlarmGridView table tbody .cssfire td a,#tblPopDialog tbody .cssfire td a{color:#ff0000;background-color:#ccc;}
.cssstart,#dvAlarmGridView table tbody .cssstart td a,#tblPopDialog tbody .cssstart td a{color:#800000;background-color:#ccc;}
.cssfailure,#dvAlarmGridView table tbody .cssfailure td a,#tblPopDialog tbody .cssfailure td a{color:#a0a000;background-color:#ccc;}
.cssecho,#dvAlarmGridView table tbody .cssecho td a,#tblPopDialog tbody .cssecho td a{color:#ff00ff;background-color:#ccc;}
.cssfeed,#dvAlarmGridView table tbody .cssfeed td a,#tblPopDialog tbody .cssfeed td a{color:#0000ff;background-color:#ccc;}
.cssadmin,#dvAlarmGridView table tbody .cssadmin td a,#tblPopDialog tbody .cssadmin td a{color:#ff8000;background-color:#ccc;}
.isTesting,#dvAlarmGridView table tbody .isTesting td a,#tblPopDialog tbody .isTesting td a{color:#606060;background-color:#ccc;}
.cssshutdown,#dvAlarmGridView table tbody .cssshutdown td a,#tblPopDialog tbody .cssshutdown td a{color:#808080;background-color:#ccc;}
.cssviolation,#dvAlarmGridView table tbody .cssviolation td a,#tblPopDialog tbody .cssviolation td a{color:#808000;background-color:#ccc;}
.cssfireclear ,#dvAlarmGridView table tbody .cssfireclear td a,#tblPopDialog tbody .cssfireclear td a{color:#00c000;background-color:#ccc;}
.csslogic,#dvAlarmGridView table tbody .csslogic td a,#tblPopDialog tbody .csslogic td a{color:#ff6000;background-color:#ccc;}
.cssudok,#dvAlarmGridView table tbody .cssudok td a,#tblPopDialog tbody .cssudok td a{color:#02508f;background-color:#ccc;}
.cssonline,#dvAlarmGridView table tbody .cssonline td a,#tblPopDialog tbody .cssonline td a{color:#008000;background-color:#ccc;}
.cssoffline,#dvAlarmGridView table tbody .cssoffline td a,#tblPopDialog tbody .cssoffline td a{color:#888;background-color:#ccc;}
.csswater,#dvAlarmGridView table tbody .csswater td a,#tblPopDialog tbody .csswater td a{color:#e08000;background-color:#ccc;}
.csscontrolleron,#dvAlarmGridView table tbody .csscontrolleron td a ,#tblPopDialog tbody .csscontrolleron td a{color:#408040;background-color:#ccc;}
.csscontrolleroff,#dvAlarmGridView table tbody .csscontrolleroff td a ,#tblPopDialog tbody .csscontrolleroff td a{color:#ff0000;background-color:#ccc;}
.cssothers,#dvAlarmGridView table tbody .cssothers td a,#tblPopDialog tbody .cssothers td a{color:#008000;background-color:#ccc;}

#dvAlarmGridView .common-table tbody tr:hover,
#dvAlarmGridView .common-table tbody tr td:hover,
#dvAlarmGridView .common-table tbody tr:hover span,
#tblPopDialog tbody tr:hover,
#tblPopDialog tbody tr td a:hover,
#tblPopDialog tbody tr:hover span {
    background-color: #aaa !important;
    color: #eee !important;
    cursor: default;
}


#dvAlarmGridView .common-table tbody tr:hover a,
#tblPopDialog tbody tr:hover a
{
	background-color: #aaa;
    color:#eee;
	cursor: pointer;
}

#tblPopDialog tbody tr td:hover
{
    background-color:#aaa;
    color:#eee;
}

/*******************************************************************************************/

.ui-tabs .ui-tabs-nav li a{padding-left:0.4em;padding-right:0.4em;}
.searchedit{
    width:90%;
    height:90%;
    margin:2px;
    border:1px solid #ddd;
}

.searchedit:hover{
	background-color: #D5E7F3;
}

#dvLightRef .common-table tbody tr td{
    height:20px;
}

#privilegetable tbody tr td{
    text-align:left;
    padding-left:10px;
}

.icontree{background:url(scroll_pane_tree.png) no-repeat right 4px;cursor:pointer;}

.rowheader{height: 25px;line-height:25px;color:#eee;padding-left:10px; background-color: gray;font-weight:bold;}


.menuDiv {
    line-height:40px;    
}
.menuDiv > div {
    width:40px;
    height:20px;
    line-height:20px;
    float:left;
    margin:10px 0px;
    text-align:center;
}
    .menuDiv > div > img {
        width:33px;
        height:20px;
        cursor:pointer;
    }

.footer{
    width:auto;
    text-align:center;
    position:fixed;
    bottom:50px;
}

.mapcontent
{
width:calc(100% - 4px);height:calc(100% - 4px);overflow-y:hidden;border:2px inset #ccc;
}

.mapcaption
{
position: absolute; float: right; z-index: 1000; right: 15px; top: 35px;background-color:#eee; border: 2px groove #4577bb;border-radius:3px 4px;
}

.table-condensed {
    background-color:inherit !important;
}