*{font-size:12px;margin: 0;padding: 0; color:#fff; font-family:Arial, "ËÎÌå"} ul,li{list-style:none;} a:active {star:expression(this.onFocus=this.blur());} :focus { outline:0; } body{height:100%} #lminput span,button{color:#222;} #mT2 span{color:#222;} #lminput input{color:#222;} #lminput input{border:#C0C0C0 1px solid;background:#EFEFEF;} option{color: #000000} /*logoin*/ #l {top:0px;width:100%;height:100%;position:absolute;background:url(l_bg.jpg) repeat-x;margin-left:auto;margin-right:auto;text-align:center;} #lm {width:452px;height:306px;margin:auto;margin-top:184px;background:url(l_mbg.jpg);text-align:center;} #lml {width:38px;height:306px;background:url(l_ml.jpg);float:left;} #lmr {width:42px;height:306px;background:url(l_mr.jpg);float:right;} #lLogo {width:238px;height:30px;background:url(l_logo.jpg);position:relative;top:20px;margin:auto;} #lminput{width:280px;height:160px;margin:80px 0 0 5px;float:left;} #lminPut div{float:right;} #lminput input{width:160px; height:18px;margin-left:13px;display:inline;} #lminput span,input{font-weight: normal;font-size: 100%;float:right;margin-top:10px;padding:8px 0 0 0;} #lminput button{width:90px;height:25px;background:url(l_bt.jpg);border:0; float:left;margin-left:150px;margin-top:25px;} /*main*/ #m{top:-10000px;width:100%;height:100%;position:absolute;background:url(l_bg.jpg) repeat-x;margin-left:auto;margin-right:auto;text-align:center;} #mDisplay{width:804px;height:563px;margin-top:30px;margin-bottom:30px;margin-left:auto;margin-right:auto;} #mT{width:804px;height:71px;float:left;} #mT1{width:13px;height:71px;background:url(t_1.jpg);float:left;} #mT2{width:778px;height:71px;background:url(t_2.jpg) repeat-x;float:left;} #mT3{width:13px;height:71px;background:url(t_3.jpg);float:right;} #mT2 span{position: relative; top: 48px;} #module1{margin: 8px 0px 0px 10px; float: left; cursor: pointer; width: 63px; height: 62px; background-image: url('module_1.jpg');} #module2{margin: 8px 0px 0px 20px; width: 63px; height: 62px; float: left; background-image: url('module_2.jpg');cursor: pointer;} #module3{margin: 8px 0px 0px 20px; width: 96px; height: 62px; float: left; background-image: url('module_3.jpg');cursor: pointer;} #module4{margin: 8px 0px 0px 20px; width: 85px; height: 62px; float: left; background-image: url('module_4.jpg');cursor: pointer;} #module5{padding: 0px; margin: 8px 0px 0px 20px; width: 62px; height: 62px; float: left; background-image: url('module_5.jpg');cursor: pointer;} #mM{width:804px;height:456px;float:left;} #mM1{width:3px;height:457px;background:url(m_1.jpg) repeat-y;float:left;} #mM2{width:3px;height:457px;background:url(m_2.jpg) repeat-y;float:right;} #DisplayCtr{margin: 2px 0px 0px 2px; float: left; height: 455px; width: 181px; background-color: #C2C2C2;} .CtrList{width: 180px; height: 23px; background-image: url('m_list1.jpg'); cursor: pointer;} #CtrChannel{width: 180px; height: 355px;overflow:auto;scrollbar-face-color: rgb(166,192,206); scrollbar-hightlight-color: #f00; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-arrow-color: #000; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #fff; } #PTZ1{width: 101px; height: 102px;margin:auto;} #y1{width: 39px; height: 31px; background-image: url('y1.jpg');cursor: pointer;margin:auto;} #y2{background-image: url('y2.jpg'); width: 31px; height: 40px; float: left;cursor: pointer;} #y3{background-image: url('y3.jpg'); width: 39px; height: 31px;cursor: pointer;margin:auto;overflow:hidden;} #y4{background-image: url('y4.jpg'); width: 31px; height: 40px; float: left;cursor: pointer;} #y5{width: 39px; height: 40px; float: left; background-image: url('y5.jpg');cursor: pointer;} #PTZ2{height: 20px; width: 100%; margin-top: 8px;} #PTZ2 select{height: 15px; width: 65px; margin-left: 5px; background-color: #FFFFFF;} #zoomya{width: 16px; height: 16px; background-image: url('y-.jpg');float:left;margin-left:13px;} #zoomyd {width: 16px; height: 16px; background-image: url('y+.jpg') ;float:left;} #focusya{width: 16px; height: 16px; background-image: url('y-.jpg');float:left;margin-left:13px;} #focusyd {width: 16px; height: 16px; background-image: url('y+.jpg') ;float:left;} #irisya{width: 16px; height: 16px; background-image: url('y-.jpg');float:left;margin-left:13px;} #irisyd {width: 16px; height: 16px; background-image: url('y+.jpg') ;float:left;} .zfibt1{border:0; background-image: url('y-.jpg'); width: 16px; height: 16px; float: right; color: #FFFFFF;cursor: pointer;} .zfibt2{color: #FFFFFF; border:0;background-image: url('y+.jpg'); float: left; width: 16px; height: 16px;cursor: pointer;} .ptzStr{color:#222;} #PTZ3{height: 90px; width: 100%; margin-top: 5px;} .zfi{width: 100%; height: 30px;float:left;overflow:hidden;} #PTZ4{height: 40px; width: 100%; margin-top: 3px} #PTZ4 span{float:left;margin-left:20px; color: #000000;} #PTZ4 input{border:#C0C0C0 1px solid; height:16px;width: 33px;float:left;margin-left:20px; background-color: #FFFFFF;margin-top:0px;color:#555;font-weight: normal;font-size: 100%;display:inline;padding:0px 0 0px 0;} /*#PTZ4 input{border:0;height: 0px; width: 33px;float:left;margin-left:20px; background-color: #FFFFFF;margin-top:2px;color:#555;padding-bottom:8px;}*/ #PresetGo{margin-left: 3px; float: left; width: 33px; height: 19px; background-image: url('PresetGo1.jpg');cursor: pointer;} #PresetAdd{background-image: url('PresetAdd1.jpg'); margin-left: 3px; width: 34px; height: 19px; float: left;cursor: pointer;} #PresetDel{background-image: url('PresetDel1.jpg'); margin-left: 3px; width: 35px; height: 19px; float: left;cursor: pointer;} #CruiseStart{margin-left: 3px; float: left; width: 33px; height: 19px; background-image: url('CruiseStart1.jpg');cursor: pointer;} #CruiseStop{background-image: url('CruiseStop1.jpg'); margin-left: 3px; width: 34px; height: 19px; float: left;cursor: pointer;} #CruiseEdit{background-image: url('CruiseEdit1.jpg'); margin-left: 3px; width: 35px; height: 19px; float: left;cursor: pointer;} #yc1{background-image: url('yc1.jpg'); width: 17px; height: 17px;float:left;margin-left:15px;margin-right:5px;} #yc2{background-image: url('yc2.jpg'); width: 17px; height: 17px;float:left;margin-left:15px;margin-right:5px;} #yc3{background-image: url('yc3.jpg'); width: 17px; height: 17px;float:left;margin-left:15px;margin-right:5px;} #yc4{background-image: url('yc4.jpg'); width: 17px; height: 17px;float:left;margin-left:15px;margin-right:5px;} .ybt{background-image: url('ybt2.jpg'); width: 65px; height: 19px; margin-top:5px;border:0;padding-top:3px;} .sa{width: 90px; height: 16px; background: url('ySlid.jpg') no-repeat;float:left;margin:5px 5px 0 3px;} .sb{width: 8px; height: 13px; bottom:3px; position:relative;background:url('ySlid2.jpg') no-repeat;float:left;} #mD{width:804px;height:36px;float:left;} #mD1{width:11px;height:36px;background:url(d_1.jpg);float:left;} #mD2{width:603px;height:36px;background:url(d_2.jpg) repeat-x;float:left;} #mD2 div{float:left;} #mD2 a{display:block; width:36px; height:25px; text-decoration: none;outline:none;margin-top:3px;} #mD2 a.d1 {background:url(full.jpg) no-repeat;} #mD2 a.d1:hover {background:url(full1.jpg) no-repeat;} #mD2 a.d2 {background:url(1.jpg); } #mD2 a.d2:hover {background:url(11.jpg);} #mD2 a.d3 {background:url(4.jpg);} #mD2 a.d3:hover {background:url(41.jpg);} #mD2 a.d4 {background:url(9.jpg);} #mD2 a.d4:hover {background:url(91.jpg);} #mD2 a.d5 {background:url(16.jpg);} #mD2 a.d5:hover {background:url(161.jpg);} #mD2 a.d6 {background:url(25.jpg);} #mD2 a.d6:hover {background:url(251.jpg);} #mD2 a.d7 {background:url(36.jpg);} #mD2 a.d7:hover {background:url(361.jpg);} #mD2 a.d8 {background:url(startAll.jpg);} #mD2 a.d8:hover{background:url(startAll1.jpg);} #mD2 a.d9 {background:url(stopAll.jpg);} #mD2 a.d9:hover {background:url(stopAll1.jpg);} #mD2 a.d10 {background:url(snap.jpg);} #mD2 a.d10:hover {background:url(snap1.jpg);} #mD2 a.d11 {background:url(recordAll.jpg);} #mD2 a.d11:hover{background:url(recordAll1.jpg);} #mD2 a.d12 {background:url(stopRecordAll.jpg);} #mD2 a.d12:hover{background:url(stopRecordAll1.jpg);} #mD2 a.d13 {background:url(audio.jpg) no-repeat;float:right;margin-right:7px;cursor: pointer;} #mD2 a.d132{background:url(audio1.jpg) no-repeat;float:right;margin-right:7px;cursor: pointer;} #mD3{width:3px;height:36px;background:url(d_3.jpg);float:left;} #mD4{width:2px;height:36px;background:url(d_4.jpg);float:left;} #mD5{width:171px;height:36px;background:url(d_5.jpg);float:left;} #mD6{width:13px;height:36px;background:url(d_6.jpg);float:right;} #cl li {display: block;width:auto;height:22px;padding:0 0 0 4px;} #cl a{display:block;width:20px;height:22px;text-decoration: none;float:left;cursor:pointer;} #cl a.noRecord{background:url(noRecord.gif) no-repeat;width:25px;margin:0,0,0,5px;outline:none;} #cl a.record {background:url(record.gif) no-repeat;width:25px;margin:0,0,0,5px;outline:none;} #cl a.noSubPlay{background:url(noSubPlay.gif) no-repeat;width:25px;outline:none;} #cl a.subPlay {background:url(subPlay.gif) no-repeat;width:25px;outline:none;} #cl span{color:#333;} .cl1{background:url(noPlay.gif) no-repeat;width:10px;height:10px;} .cl2{background:url(play.gif) no-repeat;} .noMainPlay{background:url(noPlay.gif) no-repeat;width:10px;height:10px;} .mainPlay{background:url(play.gif) no-repeat;} #playView div { border: thin solid #828282; float: left; }