/* stylesheet for slots on 2007-05-16
   base_time: Wed May 16 09:00:00 UTC 2007
   max_rooms: 5 */



div#room_title_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 119px;
	z-index: 0;
}

div#room_tools_1 {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 119px;
	z-index: 3;	
}



div#room_title_2 {
	position: absolute;
	top: 0px;
	left: 120px;
	height: 30px;
	width: 119px;
	z-index: 0;
}

div#room_tools_2 {
	position: absolute;
	top: 30px;
	left: 120px;
	width: 119px;
	z-index: 3;	
}



div#room_title_3 {
	position: absolute;
	top: 0px;
	left: 240px;
	height: 30px;
	width: 119px;
	z-index: 0;
}

div#room_tools_3 {
	position: absolute;
	top: 30px;
	left: 240px;
	width: 119px;
	z-index: 3;	
}



div#room_title_4 {
	position: absolute;
	top: 0px;
	left: 360px;
	height: 30px;
	width: 119px;
	z-index: 0;
}

div#room_tools_4 {
	position: absolute;
	top: 30px;
	left: 360px;
	width: 119px;
	z-index: 3;	
}



div#room_title_5 {
	position: absolute;
	top: 0px;
	left: 480px;
	height: 30px;
	width: 119px;
	z-index: 0;
}

div#room_tools_5 {
	position: absolute;
	top: 30px;
	left: 480px;
	width: 119px;
	z-index: 3;	
}



div#slot7 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 210px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot12 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 270px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot17 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 360px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot22 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 450px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot27 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 630px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot32 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 720px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot37 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 810px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot42 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 870px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot47 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 960px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot162 {
	position: absolute;
	left: 0px;
	width: 119px;
	top: 1050px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot8 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 210px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot13 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 270px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot18 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 360px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot23 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 450px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot28 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 630px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot33 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 720px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot38 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 810px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot43 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 870px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot48 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 960px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot163 {
	position: absolute;
	left: 120px;
	width: 119px;
	top: 1050px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot9 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 210px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot14 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 270px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot19 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 360px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot24 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 450px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot29 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 630px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot34 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 720px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot39 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 810px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot44 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 870px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot49 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 960px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot164 {
	position: absolute;
	left: 240px;
	width: 119px;
	top: 1050px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot10 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 210px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot15 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 270px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot20 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 360px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot25 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 450px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot30 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 630px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot35 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 720px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot40 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 810px;
		height: 59px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot45 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 870px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot50 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 960px;
		height: 89px;
		z-index: 2;
	font-size: 80%;
	overflow: hidden;
	background: #fff;
}



div#slot165 {
	position: absolute;
	left: 360px;
	width: 119px;
	top: 1050px;
		height: 179px;
		z-index: 3;
	font-size: 80%;
	overflow: hidden;
	background: #ded;
}



div#slot5 {
	position: absolute;
	left: 0px;
	width: 479px;
	top: 30px;
		height: 89px;
		z-index: 1;
	font-size: 80%;
	overflow: hidden;
	background: #edd;
}



div#slot6 {
	position: absolute;
	left: 0px;
	width: 479px;
	top: 120px;
		height: 89px;
		z-index: 1;
	font-size: 80%;
	overflow: hidden;
	background: #edd;
}



div#slot_grid {
	position: relative;
	
	height: 1230px;
	
	background: #888;
	width: 480px;
	z-index: 0;
	border-left: 1px solid #888;
}


	
div#slot_grid div.topic1 {
	background-color: #c9f2ba;
}

li#topic_key_1 {
	background-color: #c9f2ba;
}
span#topic_key_1 {
	background-color: #c9f2ba;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic2 {
	background-color: #f5e1cd;
}

li#topic_key_2 {
	background-color: #f5e1cd;
}
span#topic_key_2 {
	background-color: #f5e1cd;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic3 {
	background-color: #edebd5;
}

li#topic_key_3 {
	background-color: #edebd5;
}
span#topic_key_3 {
	background-color: #edebd5;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic4 {
	background-color: #c9e5fc;
}

li#topic_key_4 {
	background-color: #c9e5fc;
}
span#topic_key_4 {
	background-color: #c9e5fc;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic5 {
	background-color: #84c984;
}

li#topic_key_5 {
	background-color: #84c984;
}
span#topic_key_5 {
	background-color: #84c984;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic6 {
	background-color: #ffeedd;
}

li#topic_key_6 {
	background-color: #ffeedd;
}
span#topic_key_6 {
	background-color: #ffeedd;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic7 {
	background-color: #d8d8d8;
}

li#topic_key_7 {
	background-color: #d8d8d8;
}
span#topic_key_7 {
	background-color: #d8d8d8;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic8 {
	background-color: #84c984;
}

li#topic_key_8 {
	background-color: #84c984;
}
span#topic_key_8 {
	background-color: #84c984;
	padding: 2px;
	border: 1px solid black;
}
	
div#slot_grid div.topic9 {
	background-color: #f1f6ff;
}

li#topic_key_9 {
	background-color: #f1f6ff;
}
span#topic_key_9 {
	background-color: #f1f6ff;
	padding: 2px;
	border: 1px solid black;
}
	


div.slot_active {
	background-color: #eef !important;
}

div.slot_popup {
	z-index: 50;
	border: 2px solid #88d;
	position: absolute;
	background: #eef;
	display: none;
	width: 278px;
	font-size: 100%;
}

div.slot_popup div {
	padding: 2px;
}

div.slot_detail {
	padding: 2px;
}