body {
	
	overflow-y: scroll;
	
}

body.nooverflow { overflow: hidden; };


img { border: none; }


#dreamspell_overlay {
	width: 100%; height: 100%; 
	position: absolute; top: 0px; left: 0px; z-index: 100; 
	background-color: #000; opacity: 0.50; filter: alpha(Opacity=50);
    _overflow-y: scroll;
}
#dreamspell_canvas {
	width: 100%; height: 100%; 
	position: fixed; top: 0px; left: 0px; z-index: 110; 
	overflow-y: scroll;
}
#dreamspell_container {
	width: 1000px; height: 700px; position: static; top: 40px; z-index: 110;
	margin: 40px auto 10px;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
}





#dreamspell {
	width: 1000px; height: 700px;
	background-color: #f7f7f7;
	position: relative;
    _overflow: hidden;
    
    font-family: Tahoma, Helvetica, Sans-Serif;
}

#dreamspell_head {
	width: 100%; height: 38px; display: block;
	position: absolute; top: 0px; left: 0px;
	background-color: #999999;
	
	_border-bottom: 1px #7f7f7f solid;
}

#dreamspell_head .date {
	width: 200px; height: 22px;
	position: absolute; top: 7px; left: 7px;
	
	font: bold 22px Tahoma, Helvetica, Sans-Serif; color: #ffffff; text-shadow: 1px 1px 1px #686868;
	line-height: 22px; padding: 0;
	
	_border: 1px white solid;
}




#dreamspell_head .decode {
	width: 274px; height: 24px;
	position: absolute; top: 7px; left: 363px;
	
	_border: 1px white solid;
}
#dreamspell_head #decode_form_submit { float: left; margin-left: 10px; }





#dreamspell_head .language {
	width: 120px; height: 22px;
	position: absolute; top: 7px; right: 7px;
	

	_text-align: right;
	
	_border: 1px white solid;
}



#dreamspell_navi {
	width: 80px; height: 662px; 
	position: absolute; top: 38px; right: 0px;
	background-color: #999999;
	
	_border-left: 1px #7f7f7f solid;
}
#dreamspell_navi ul { list-style-type: none; margin: 14px 0 0 0; padding: 0; }
#dreamspell_navi ul li { width: 48px; height: 48px; margin: 0 auto 16px; 

	_border: 1px white solid;
}
#dreamspell_navi ul li:first-child {  }
#dreamspell_navi ul li:last-child { margin-bottom: 0; }
#dreamspell_navi ul li img { width: 48px; height: 48px; }












#dreamspell_body {
	width: 920px; height: 662px;
	position: absolute; top: 38px; right: 80px;
	background-color: #f7f7f7;
	text-align: center;
}



#dreamspell_load {
	width: 920px; height: 662px;
	position: absolute; top: 38px; right: 80px;
	background-color: #f7f7f7;
	text-align: center; display: none; clear: both; cursor: wait; }
#dreamspell_load img { margin-top: 280px; }
#dreamspell_load p { font: normal 11px Tahoma, Helvetica, Sans-Serif; color: #000000; text-align: center; text-shadow: 1px 1px 2px #bfbfbf; }






.selecter.select_day { width: 50px; float: left; }
.selecter.select_month { width: 100px; float: left; margin-left: 10px; margin-right: 10px; }
.selecter.select_year { width: 70px; float: left; }
.selecter.select_lang { width: 120px; }







.dreamspell_tip { display: inline-block; position: absolute; z-index: 10005; color: #fff; }
.dreamspell_tip_arrow { display: inline-block; position: absolute; }
.dreamspell_tip_arrow span { display: block; border: 5px dashed transparent; }

.dreamspell_tip_top { position: absolute; }
.dreamspell_tip_top .dreamspell_tip_arrow span {
	border-top-color: #505050; border-top-style: solid; border-top-width: 5px; border-bottom-width: 0;
}
.dreamspell_tip_top .dreamspell_tip_arrow { left: 50%; margin-left: -5px; bottom: 0; }
.dreamspell_tip_top .dreamspell_tip_box { margin-bottom: 5px; }

.dreamspell_tip_right .dreamspell_tip_arrow span { 
	border-right-color: #505050; border-right-style: solid; border-right-width: 5px; border-left-width: 0;
}
.dreamspell_tip_right .dreamspell_tip_arrow { top: 50%; margin-top: -5px; left: 0; }
.dreamspell_tip_right .dreamspell_tip_box { margin-left: 5px; }

.dreamspell_tip_bottom .dreamspell_tip_arrow span {
	border-bottom-color: #505050; border-bottom-style: solid; border-bottom-width: 5px; border-top-width: 0;
}
.dreamspell_tip_bottom .dreamspell_tip_arrow { left: 50%; margin-left: -5px; top: 0; }
.dreamspell_tip_bottom .dreamspell_tip_box { margin-top: 5px; }

.dreamspell_tip_left .dreamspell_tip_arrow span {
	border-left-color: #505050; border-left-style: solid; border-left-width: 5px; border-right-width: 0;
}
.dreamspell_tip_left .dreamspell_tip_arrow { top: 50%; margin-top: -5px; right: 0; }
.dreamspell_tip_left .dreamspell_tip_box { margin-right: 5px; }

.dreamspell_tip_box {
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	padding: 5px 9px 7px; background-color: #505050;
	font: bold 12px Tahoma, Helvetica, Sans-Serif; color: #fff;
}