@charset "utf-8";



#webcam-page {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 500px;
}

#webcam-left {
	float: left;
	width: 390px;
}
#webcam-right { 
	margin: 0;
	float: left;
	width: 110px;
}

#webcam-search-nav {text-align: left; margin: 0px auto;padding: 0px;border:0;width: 500px;}
#webcam-episode-character {float:right; width: 200px;}
#webcam-episode-list {float:left; width: 300px;}


#webcam-episode-list .goButton {
background:transparent url(http://www.dorm-life.com/images/button_go.gif) no-repeat scroll 0pt;
border:0pt none;
cursor:pointer;
height:27px;
margin:0pt 3px 0pt 5px;
overflow:hidden;
padding:0px;
text-indent:-5000px;
width:44px;
}

#webcam-episode-list .sort { margin:5px 5px 0px 0px; float:left}
#webcam-episode-list select { color: #333333; width:140px; border:#333333 1px solid}



.webcam-heading {float:left; padding: 30px 0px 0px 0px; width: 500px; font-weight:bold; font-size:14px; color:#FFFFFF}

.webcam-next {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 5px 0px 5px 20px;
	color:#333333;
	font-size: 12px;
	font-weight:bold;
	padding: 5px;
}

















#webcams2{
	z-index: 72;
	left: 220px;
	width: 500px;
	position: absolute;
	top: 0px;
	height:750px;
}

#cams{
	z-index: 73;
	left: 30px;
	width: 400px;
	position: absolute;
	top: 95px;
	height: 700px;
}





#batches_list, #character_list{	
	width: 230px; 
	position: absolute;
	z-index: 601; 
	right:0px;
	top: 18px;		
	text-align:left;
	}
#character_list{	
	z-index: 602; 
	top: 50px;
	}
#view_webcams{
	width:123px;
	height:17px;
	right: 110px;
	top: 0px;
	position: absolute;
	background-image:url(images/view_webcams.gif)
}
#view_title{
	width:250px;
	height:41px;
	left: 30px;
	top: 35px;
	position: absolute;
}
#view_title2{
	width:250px;
	height:41px;
	left: 30px;
	top: 310px;
	position: absolute;
}


#batches_list .goButton, #character_list .goButton {
background:transparent url(http://www.dorm-life.com/images/button_go.gif) no-repeat scroll 0pt;
border:0pt none;
cursor:pointer;
height:27px;
margin:0pt 3px 0pt 5px;
overflow:hidden;
padding:0pt;
text-indent:-5000px;
width:44px;
}
#batches_list .sort, #character_list .sort{ margin:5px 5px 0px 0px; float:left}
#batches_list select, #character_list select{ color: #333333; width:140px; border:#333333 1px solid}

#next {
	position: absolute;
	left: 30px;
	top: 75px;
	color:#333333;
	font-size: 12px;
	font-weight:bold;
	padding: 5px;
	/* background:#FFFFFF;
	border: #333333 1px solid;*/
}
/* webcams */
.cam01{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 201; 
	left: 0px;
	top: 0px;
}	
.cam02{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 202; 
	left: 128px;
	top: 0px;
}	
.cam03{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 203; 
	left: 256px;
	top: 0px;
}	
.cam04{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 204; 
	left: 0px;
	top: 100px;
}	
.cam05{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 205; 
	left: 128px;
	top: 100px;
}	
.cam06{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 206; 
	left: 256px;
	top: 100px;
}	
.cam07, .cam07a{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 207; 
	left: 0px;
	top: 200px;
}	
.cam08, .cam08a{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 208; 
	left: 128px;
	top: 200px;
}	
.cam09, .cam09a{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 209; 
	left: 256px;
	top: 200px;
}

.cam07a, .cam08a, .cam09a {
	top: 270px;
}	
.cam10, .cam10a{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 210; 
	left: 0px;
	top: 300px;
}	
.cam11, .cam11a{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 211; 
	left: 128px;
	top: 300px;
}	
.cam12, .cam12a{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 212; 
	left: 256px;
	top: 300px;
}	
.cam10a, .cam11a, .cam12a {
	top: 370px;
}
.cam13{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 213; 
	left: 0px;
	top: 400px;
}	
.cam14{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 214; 
	left: 128px;
	top: 400px;
}	
.cam15{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 215; 
	left: 256px;
	top: 400px;
}	
.cam16{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 216; 
	left: 0px;
	top: 500px;
}	
.cam17{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 217; 
	left: 128px;
	top: 500px;
}	
.cam18{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 218; 
	left: 256px;
	top: 500px;
}	
.cam19{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 219; 
	left: 0px;
	top: 600px;
}	
.cam20{
	width: 128px; 
	position: absolute;
	float: left;
	z-index: 220; 
	left: 128px;
	top: 600px;
}