
.scroll { position:relative; }
.scrdiv { position:absolute; top:0; left:0; overflow:hidden; }
.scrbar { position:absolute; top:0; left:0; width:18px; height:18px; font-size:0; line-height:0; }
/* Vertical */
.scrv , .NOscrv { background:url(img/scrvbg.gif); }
.scrv .scrau /* Up */{ background:url(img/scrau.gif); }
.scrv .scrau:hover ,
.scrv .scrau_HOVER_ { background:url(img/scrau_h.gif); }
.scrv .scrau:active ,
.scrv .scrau_ACTIV_ { background:url(img/scrau_p.gif); }
.scrv .scrad /* Down */{ background:url(img/scrad.gif); }
.scrv .scrad:hover ,
.scrv .scrad_HOVER_ { background:url(img/scrad_h.gif); }
.scrv .scrad:active ,
.scrv .scrad_ACTIV_ { background:url(img/scrad_p.gif); }
.scrv .scrvkd /* Knob Div */{ top:18px; background:url(img/scrvkdbg.gif); }
.scrv .scrvkt /* Knob Top */{ height:100%; background:url(img/scrvkt.gif) no-repeat top; }
.scrv .scrvkt:hover ,
.scrv .scrvkt_HOVER_ { background:url(img/scrvkt_h.gif) no-repeat top; }
.scrv .scrvkt:active ,
.scrv .scrvkt_ACTIV_ { background:url(img/scrvkt_p.gif) no-repeat top; }
.scrv .scrvkb /* Knob Bottom */{ height:100%; background:url(img/scrvkb.gif) no-repeat bottom; }
.scrv .scrvkb:hover ,
.scrv .scrvkb_HOVER_ { background:url(img/scrvkb_h.gif) no-repeat bottom; }
.scrv .scrvkb:active ,
.scrv .scrvkb_ACTIV_ { background:url(img/scrvkb_p.gif) no-repeat bottom; }
.scrv .scrvkn /* Knob */{ height:100%; background:url(img/scrvkn.gif) no-repeat center; }
.scrv .scrvkn:hover ,
.scrv .scrvkn_HOVER_ { background:url(img/scrvkn_h.gif) no-repeat center; }
.scrv .scrvkn:active ,
.scrv .scrvkn_ACTIV_ { background:url(img/scrvkn_p.gif) no-repeat center; }
/* Horizontal */
.scrh , .NOscrh { background:url(img/scrhbg.gif); }
.NOscrh , .NOcorner { display:none; }
.scrh .scral /* Left */{ background:url(img/scral.gif); }
.scrh .scral:hover ,
.scrh .scral_HOVER_ { background:url(img/scral_h.gif); }
.scrv .scral:active ,
.scrh .scral_ACTIV_ { background:url(img/scral_p.gif); }
.scrh .scrar /* Right */{ background:url(img/scrar.gif); }
.scrh .scrar:hover ,
.scrh .scrar_HOVER_ { background:url(img/scrar_h.gif); }
.scrv .scrar:active ,
.scrh .scrar_ACTIV_ { background:url(img/scrar_p.gif); }
.scrh .scrhkd /* Knob Div */{ left:18px; background:url(img/scrhkdbg.gif); }
.scrh .scrhkl /* Knob Left */{ width:100%; background:url(img/scrhkl.gif) no-repeat left; }
.scrh .scrhkl:hover ,
.scrh .scrhkl_HOVER_ { background:url(img/scrhkl_h.gif) no-repeat left; }
.scrh .scrhkl:active ,
.scrh .scrhkl_ACTIV_ { background:url(img/scrhkl_p.gif) no-repeat left; }
.scrh .scrhkr /* Knob Right */{ width:100%; background:url(img/scrhkr.gif) no-repeat right; }
.scrh .scrhkr:hover ,
.scrh .scrhkr_HOVER_ { background:url(img/scrhkr_h.gif) no-repeat right; }
.scrh .scrhkr:active ,
.scrh .scrhkr_ACTIV_ { background:url(img/scrhkr_p.gif) no-repeat right; }
.scrh .scrhkn /* Knob */{ width:100%; background:url(img/scrhkn.gif) no-repeat center; }
.scrh .scrhkn:hover ,
.scrh .scrhkn_HOVER_ { background:url(img/scrhkn_h.gif) no-repeat center; }
.scrh .scrhkn:active ,
.scrh .scrhkn_ACTIV_ { background:url(img/scrhkn_p.gif) no-repeat center; }
/* Disabled Style */
.NOscrv .scrau /* Up */{ background:url(img/scrau_d.gif); }
.NOscrv .scrad /* Down */{ background:url(img/scrad_d.gif); }
.NOscrv .scral /* Left */{ background:url(img/scral_d.gif); }
.NOscrv .scrar /* Right */{ background:url(img/scrar_d.gif); }
/* Cornor Right Bottom */
.scrrb /* Right Bottom */{ background:#222222 url(img/scrvbg.gif); }



/**************************************************************************************/

body{ background:black; }
body.NoCreated { visibility:hidden; }

#LeftCont , #RightCont {
	position: absolute; top:10px; height:500px;
	background: #1e1e1e;
}

#LeftCont{ left: 10px; width: 230px; }
#RightCont{ left: 244px; width: 90%; margin-left: 2px; }

/*** if hidden-camera-list ********/
.NoCamList #LeftCont{ display:none; }
.NoCamList #RightCont { left:10px; }

#CamListLab{
	position: relative;
	color: silver;
	font-weight: bolder;
	letter-spacing: 1px;
	font-size: 12px;
	padding: 6px 0 0 6px;
	font-family: Arial, Helvetica, sans-serif;
}

.scrdiv {
	border: solid 1px #262626;
	width: 100%;
}
#CamListDiv { position:absolute; color: #cccccc; left:6px; } /* this is div of parent of div.CamListDiv */
.StandardCamList #CamListDiv { /* class for #CamListDiv , NOT div.CamListDiv */
	border:solid 1px silver;
	overflow: auto;
	width:220px;
	left:4px;
}
.CamListDiv { /* Sony Style */
	position: relative;
	margin:0; border:0;
	padding: 4px 0 0 4px;
	cursor: pointer;
	height: 34px; /* 42-padding */
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: nowrap;
}
table.CamListTable { border-spacing:0; padding:0; margin:0; width:100%; }
.StandardCamList table.CamListTable { width:210px; }

.scrdiv .B1 , .BlankListDivB1 { background-color: #595959; }
.scrdiv .B2 , .BlankListDivB2 { background-color: #484848; }

.CamListDiv:hover,
.CamListLIOn { background-color: #335599; color:white; }
.CamListDiv img { width:32px; height:24px; border: solid 1px #262626; margin-right: 4px; background:black; }
.CamListDiv table { white-space:nowrap; }
.CamListDiv table td { vertical-align:top; }

.BlankListDiv { cursor:default; }
.BlankListDivB1:hover { background-color: #595959; }
.BlankListDivB2:hover { background-color: #484848; }

.CamListLISelected { font-weight:bolder; cursor:default; padding-right:1px; }
.CamListLISelected img { border: ridge 3px white; margin-right: 1px; }

#TDiv1 , #TDiv2 {
	position: relative;
	color: silver;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	width:100%; white-space:nowrap;
}
#TDiv1 { margin-left: 20px; }
#TDiv2 { margin-left: 20px; position:absolute; bottom:10px; }
#Text3 { margin-left:100px; }
#Text1 a:link , #Text1 a:visited ,
#Text2 a:link , #Text2 a:visited ,
#Text3 a:link , #Text3 a:visited { text-decoration:none; }
#Text1 a:hover ,
#Text2 a:hover ,
#Text3 a:hover { text-decoration:underline; }
#CamCmt { font-size:12px; }

#ViewerDiv { position:relative; z-index:99999; margin: 20px 0 0 20px; }
li.sncPulldownL { z-index:999999 !important; }


.sncMenu .sncPadPan { /* IEだけ */
	>filter: alpha(opacity=1);
	>background-color: black;
}
