/* CSS Document */
/*页面结构*/
/*c-container 内容部分*/
/*l-left 左， r-right 右*/
/*m-main 主体*/
/*mcright -- 主体部分下的内容部分的右边栏*/
#dvrocx {
	width:1px;
	height:1px;
	position:relative;
	z-index:101;
}
.container {
	height:100%;
	width:94%;
	position:relative;
	min-width:1110px;
	min-height:740px;
	margin-left:3%
}
.header {
	height:0px;
	overflow:hidden;
}
.headermune {
	height:50px;
	overflow:hidden;
}
.headermune {
filter:progid:DXImageTransform.microsoft.gradient(enabled=bEnabled, startColorStr=#ff666666, endColorStr=#00ffffff)
}
.mheader {
	height:14px;
	overflow:hidden;
	position:relative;
	display:none;
}
.main {
	position:absolute;
	top:64px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow:hidden;
	width:1px;
	_height:80%;
	_min-height:760px;
	_padding-top:64px;
	_padding-bottom:0px;
	height:1px;
}
.mcontainer {
	height:100%;
	position:relative;
	width:100%;
}
.mcleft {
	width:244px;
	height:100%;
}
.mcmain {
	float:left;
	position:absolute;
	right:0px;/*244px*/
	left:244px;
	top:0px;
	bottom:0px;
	z-index:10000;
	_height:100%;/*_padding-right:244px;*/
}
.mcright {
	width:244px;
	height:100%;
	float:right;
	overflow:hidden;
	_position:relative;/*_right:-244px;*/
}
.mclborder {
	width:18px;
	height:100%;
	float:left;
}
.mclcontainer {
	width:226px;
	height:100%;
	float:right;
	overflow:hidden;
	left:18px
}
.mcrcontainer {
	width:226px;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
}
.mcrborder {
	width:18px;
	height:100%;
	float:right;
	position:relative;
}
.mcmcontainer {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	_position:absolute;
}
.mcmcmain {
	position:absolute;
	left:0px;
	top:0px;
	bottom:57px;
	right:244px;
	_height:auto;
	_padding-bottom:57px;
	_width:auto;
	_padding-right:244px;
}
.mcmbottom {
	position:absolute;
	bottom:0px;
	height:57px;
	width:100%;
	background:url(../images/6_8_12.gif);
	background-position:0 -106px;
	overflow:hidden;
}
.logo {
	position:absolute;
	right:10px;
	top:0px;
	height:50px;
	width:190px
}
.mcrcmain {
	position:absolute;
	bottom:72px;
	top:34px;
	width:100%;
	background:#1e232a;
	_height:100%;
}
#playback_slider, #safari_pbDownList {
	display:none;
}
#LiveMenu, #PlayBackMenu, #ConfigMenu, #PathMenu, #LogoutMenu {
	height:40px;
	float:left;
}
/*
.Menu1{ background:url(../images/livebtn.gif); width:44px; height:39px;float:left;}
.Menu2{ background:url(../images/playbackbtn.gif); width:39px; height:39px;float:left;}
.Menu3{ background:url(../images/configbtn.gif); width:44px; height:39px;float:left;}
.Menu4{ background:url(../images/pathbtn.gif); width:44px; height:39px;float:left;}
.Menu5{ background:url(../images/logoutbtn.gif); width:37px; height:39px;float:left;}
*/
.Menu1, .Menu2, .Menu3, .Menu4, .Menu5 {
	margin-top:5px;
}
.MenuText {
	width:80px;
	float:left;
}
#LiveMenu, #PlayBackMenu, #ConfigMenu, #PathMenu, #LogoutMenu {
	width:135px;
	margin-top:11px;
	height:30px;
}
/*左边结构*/
#left {
	position:relative;
}
#liveleft, #playbackleft, #configleft, #pathConfig {
	width:226px;
	height:100%;
	;
	float:left;
}
#liveright, #playbackright, #configright {
	width:189px;
	height:100%;
	;
	float:left;
}
#login {
	overflow:hidden;
}
/*底部*/
.liveBtnBt1, .liveBtnBt2, .liveBtnBt3, .liveBtnBt4, .liveBtnBt5, .liveBtnBt6, .liveBtnBt7, .liveBtnBt8, .liveBtnBt9 {
	background:url(../images/live.gif);
	height:36px;
	width:36px;
	float:left;
}
.liveBtnBt10{
	background:url(../images/Original_Ratio.gif);
	height:36px;
	width:36px;
	float:left;
	background-position:-72px;
}
.liveBtnBt1 {
	margin-left:20px;
	background-position:0 0px;
}
.liveBtnBt2 {
	background-position:0 -36px;
}
.liveBtnBt3 {
	background-position:0 -72px;
}
.liveBtnBt4 {
	background-position:0 -108px;
}
.liveBtnBt5 {
	background-position:0 -144px;
}
.liveBtnBt6 {
	background-position:0 -180px;
}
.liveBtnBt7 {
	float:right;
	background-position:0 -180px;
}
.liveBtnBt8 {
	float:right;
	display:none;
	background-position:0 -216px;
}
.liveBtnBt9 {
	background:url(../images/sound.gif);
	width:32px;
	height:29px;
	margin-top:4px;
	background-position:-32px;
}

.liveSSBtn {
	height:20px;
	padding-top:10px;
	float:left;
	width:220px;
	overflow:hidden;
}
.liveBtnSbt1, .liveBtnSbt2, .liveBtnSbt3, .liveBtnSbt4, .liveBtnSbt5, .liveBtnSbt6, .liveBtnSbt7, .liveBtnSbt8, .liveBtnSbt9, .liveBtnSbt10, .liveBtnSbt11 {
	background:url(../images/style.gif);
	height:20px;
	width:20px;
	float:left;
}
.liveBtnSbt1 {
	background-position:0 0;
}
.liveBtnSbt2 {
	background-position:0 -20px;
}
.liveBtnSbt3 {
	background-position:0 -40px;
}
.liveBtnSbt4 {
	background-position:0 -60px;
}
.liveBtnSbt5 {
	background-position:0 -80px;
}
.liveBtnSbt6 {
	background-position:0 -100px;
}
.liveBtnSbt7 {
	background-position:0 -120px;
}
.liveBtnSbt8 {
	background-position:0 -140px;
}
.liveBtnSbt9 {
	background-position:0 -160px;
}
.liveBtnSbt10 {
	background-position:0 -180px;
}
.liveBtnSbt11 {
	background-position:0 -200px;
}
/*边框*/
.style1 {
	height:34px;
	width:100%;
	background:url(../images/6_8_12.gif);
	background-position:0 -72px;
}
.style2 {
	position:absolute;
	bottom:0px;
	width:100%;
	height:72px;
	background:url(../images/6_8_12.gif)
}
.style3 {
	width:100%;
	;
	height:34px;
	background:url(../images/6_8_12.gif);
	background-position:0 -72px;
}
.style4 {
	position:absolute;
	top:34px;
	height:100%;
	width:100%;
	background:#1e232a
}
.style7 {
	position:absolute;
	bottom:0px;
	height:72px;
	width:100%;
	background:url(../images/6_8_12.gif);
}
.style10 {
	float:left;
	width:10px;
}
.style11 {
	position:relative;
	display:none;
	height:100%;
	width:100%;
}
.style12 {
	width:171px;
	height:93px;
	background:url(../images/LOGO.gif);
	float:left;
}
.style13 {
	float:right;
	height:40px;
	margin:35px 40px;
}
.style15 {
	height:14px;
	position:absolute;
	left:0px;
	right:0px;
	background:url(../images/dsmid_up.gif);
	background-position:0 -50px;
	_width:100%
}
.style17 {
	width:18px;
	height:34px;
	background:url(../images/6_8_12.gif);
	background-position:0 -72px;
}
.style18 {
	position:absolute;
	top:34px;
	bottom:72px;
	width:18px;
	_height:100%;
	background:#1e232a;
}
.style21 {
	position:absolute;
	bottom:0px;
	height:72px;
	width:18px;
	background:url(../images/6_8_12.gif);
}
.style26 {
	background:url(../images/fillShading.jpg);
}
.style27 {
	background:#1E232A;
}
.style28 {
	width:310px;
	height:36px;
	float:left;
}
.style29 {
	display:none;
	margin-top:10px;
	height:740px;
	overflow:hidden;
	margin-left:75px;
	min-height:700px;
}
.style30 {
	padding-top:5px;
	padding-bottom:20px;
	height:100%;
	widows:100%;
	background:url(../images/fillShading.jpg);
	overflow-y:auto;
	height:200%;
}
.style31 {
	height:20px;
	overflow:hidden;
}
.style32 {
	height:34px;
	width:100%;
	background:url(../images/6_8_12.gif);
	background-position:0 -72px;
}
.cfgactive {
	display:block;
}
/*calendar*/
.datepicker {
	border-collapse:collapse;
	width:208px;
	height:190px;
	position: absolute;
	background:url(../images/rlbg.jpg);
	z-index:5000
}
.datepicker table thead tr.controls {
	height:20px;
	overflow:hidden;
}
.datepicker table thead tr.controls th {
	height: 20px;
	font-size: 11px;
	text-align:center;
	overflow:hidden;
}
.datepicker select {
	font-size: 12px;
	color:#CCC;
	background:#61666c;
	border:0px;
+margin:-4px;
	_margin:-2px;
}
.datepicker tr.days th {
	height: 20px;
	font-size:10px;
	text-align: center;
	width:20px;
	overflow:hidden;
	background:transparent;
}
.datepicker tfoot td {
	height: 20px;
	text-align: center;
	text-transform: capitalize;
	background:transparent;
}
.datepicker th, .datepicker tfoot td {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
	background:transparent;
}
.datepicker th span, .datepicker tfoot td span {
	font-weight: bold;
}
.ToData {
	height:50px;
	line-height:50px;
	top:35px;
	width:80px;
+width:auto;
+left:15px;
	text-align:center;
	vertical-align:middle;
	font-size:50px;
	position:absolute;
	z-index:50001
}
.ToDayS {
	position:absolute;
	top:88px;
	width:80px;
+width:auto;
+left:15px;
	text-align:center;
	z-index:50001
}
.prevMonth {
	background:url(../images/rll.gif);
	width:18px;
	height:12px;
}
.nextMonth {
	background:url(../images/rlr.gif);
	width:18px;
	height:12px;
}
.datepicker tbody td {
	height:10px;
	font: 10px/13px Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align: center;
	overflow:hidden;
	background:transparent;
}
.datepicker tbody td.date {
	cursor: pointer;
	width:22px;
	overflow:hidden;
}
.datepicker tbody td.date.over {
	background:url(../images/calendar-hilite.gif) inherit;
}
.datepicker tbody td.date.chosen {
	font-weight: bold;
	width:18px;
	background:url(../images/bgactive0_1_2.gif) no-repeat;
}
.datepicker tbody td.date.chosen2 {
	font-weight: bold;
	width:18px;
	background:url(../images/bgactive0_1_2.gif) no-repeat;
	background-position:-37px 0px;
}
.datepicker tbody td.date.chosen3 {
	font-weight: bold;
	width:18px;
	background:url(../images/bgactive0_1_2.gif) no-repeat;
	background-position:-19px 0px;
}
.selectMonth {
	width:15px;
+width:16px;
	overflow:hidden;
	float:left
}
.yearselect {
	float:left;
	width:30px;
+width:30px;
	overflow:hidden;
}
/*timer*/
.timer tr td div {
	background:#000;
	width:20px;
	overflow:hidden;
}
.timer tr td div select {
	margin:-2px;
}
#MaskLayout {
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	right:0px;
	bottom:0px;
	background:#999;
	z-index:10001;
filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=60, finishOpacity=40) opacity: 0.6;
}
#loading {
	position:absolute;
	left:47%;
	top:40%;
	background:url(../images/loading.gif) no-repeat;
	width:60px;
	height:60px;
}
#MsgPaop {
	z-index: 20000;
	width: 240px;
	height: 150px;
	background-color:#CCC;
	left:2px;
	bottom: 2px;
	font-size: 12px;
	display: none;
	position:fixed;
	_position:absolute;
}
.paopao_close {
	background:url(../images/close.gif);
	float:right;
	margin-top:5px;
	margin-right:3px;
	width:15px;
	height:15px;
	float:right;
}
#Paoptitle {
	width:200px;
	overflow:hidden;
	padding-top:5px;
	float:left;
}
/*IE7bug*/
/*.mcontainer,.mcrcontainer,.mclcontainer,.mclborder,.mcmcontainer{position:absolute, top:0px, bottom:0px}*/

.input1 {
	border:0px;
	background:trens;
	height:18px;
	color:#FFF
}
.select1 {
	height:18px;
}
#userlogin {
	color:#000;
	margin-left:100px;
	_margin-left:45px;
	font-size:18px;
	padding-top:15px;
	float:left;
	width:260px;
	text-align:center;
}
#userlogin {
	margin-left:100px\9\0;
}
.safariBug1 {
}
.safariBug2 {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 html, body {
background-image:-webkit-gradient(linear, 100% 100%, 100% 100%, from(#374560), to(#11151E), color-stop(10.0, #374560))
}
 .mcmcontainer {
height:auto;
position:static;
}
 .safariBug1 {
height:auto
}
 .safariBug2 {
height:100%
}
 #MacDisplay {
	display:none;
}
 .selectMonth {
width:30px;
}
 .yearselect {
width:25px;
margin:-2px -5px;
}
 #MaskLayout {
opacity:0.6;
}
}
/* 拖动条改为点击*/
.cursorCube {
	border-top:1px solid #1E232A;
	width:15px;
	height:4px;
	line-height:4px;
	font-size:0;
}
.cursorPar {
	width:15px;
	height:120px;
}
ol {
	padding:0px;
	list-style-type: none;
	margin:0px;
}
em {
	font-style: normal;
	font-size:12px;
}