@charset "utf-8";
/* CSS Document */

body {
background-color:black;
background-image:url(images/body_bg.gif);
background-position:center top;
background-repeat:no-repeat;
color:white;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.75em;
margin:0;
padding:0;}

#page{
background-image:url(images/page_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
border:1px solid black;
margin:0 auto;
min-height:600px;
width:1020px;
}

#page.enter{
	background-image:url(images/enter_bg.jpg);}

#page.confirm{
	background-image:url(images/thankyou.jpg);
	height:1000px;}



p.dark{
background-color:#1D1D1D;
padding:20px 10px;
line-height:1.6em;
margin:20px 0;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:427px;}

p.rasied{
	top:-25px;
	position:absolute;}

span.song_count{
color:#F5E300;
font-weight:bold;}

p.dark strong{
color:#F5E300;
font-size:2em;
font-weight:normal;
	}
	
	
p{
font-size:0.9em;
line-height:1.6em;
margin:0 0 10px;
padding:0;
}

h2{
font-size:1em;
margin:3px 20px;
padding:7px;
}
h2 span{ 
color:#F5E300;
font-size:1.8em;
font-weight:normal;
line-height:1em;}

h3.yellow{
color:#F5E300;
margin:0 0 5px;
padding:0;}
	
h3.yellow_small{
	color:#f5e300;
	font-size:.9em;
	margin:0;
	padding:0;
	font-style:italic;}



#copy{
font-size:0.9em;
margin:285px 0 53px 198px;
text-align:center;
width:500px;}

.clear{ clear:both;}

#bottom_section{
background-color:#252525;
margin-bottom:70px;}

#bottom_section_enter{
margin-bottom:70px;}

/* song list ************ */

ul.game_list{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:70px 20px 5px;
padding:5px 10px;
width:964px;
	}

ul.game_list li {
color:black;
cursor:pointer;
float:left;
height:105px;
margin:5px;
padding:10px;
text-align:center;
width:105px;}

ul.game_list li.selected{
background-image:url(images/selected_bg.png);
background-position:4px 5px;
background-repeat:no-repeat;
	}

#select_here{ 
background-color:#343434;
float:left;
margin:40px 20px;
position:relative;
width:470px;
}


.drop_here{
background-color:#343434;
float:right;
margin:40px 20px;
position:relative;
	}
	
	
ul#song_list{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 20px;
padding:0;	
}

ul#song_list li {
background-color:#000000;
border:2px solid #000000;
color:white;
cursor:move;
display:block;
font-size:0.9em;
margin:5px;
padding:3px 10px;
width:390px;
background-image:url(images/drag_here.gif);
background-position:top right;
background-repeat:no-repeat;
	}
	
	

ul.drop_zone{
background-image:url(images/drop_ul_bg.gif);
background-position:left top;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:20px;
min-height:306px;
overflow:hidden;
padding:0;
width:421px;	
}

ul.drop_zone li {
background-color:#272727;
border:2px solid #272727;
color:#F5E300;
cursor:move;
display:block;
font-size:0.9em;
margin:1px 0 6px 36px;
padding:3px 10px 4px;
position:relative;
width:361px;}
	
#send_form{
background-image:url(images/send_bg.gif);
background-position:left top;
background-repeat:no-repeat;
clear:right;
float:right;
height:350px;
width:489px;
}	
	
.delete_li{
color:red;
cursor:pointer;
position:absolute;
right:15px;
top:7px;}	
	
.howtouse{
background-color:#FFD700;
color:#343434;
font-weight:bold;
height:33px;
line-height:2.7em;
margin:0 425px;
text-align:center;
width:116px;}
	
	
#howtousebox{
	
	}	
	
#howtocontainer{
float:left;
margin:-5px 20px 0;
width:983px;
background-color:none;
}