body { font-family:verdana,arial,sans-serif,myriad; background-color:#EBF2F8; color:#666666; margin:0px; padding:0px;}



form {padding:0px; margin:0px; }



.text{font-size:11px; line-height:16px;}

.text_rev{font-size:11px; color:#dddddd;}

.black { color:black; }

.grey { color:#666666; }



a { color:#369;text-decoration:underline;}

a:hover {text-decoration:none;}



h1 { color:#172D3F; padding:0px; margin:10px;}

h2 { color:#172D3F; padding:0px; margin:8px;}

h3 { color:#172D3F; padding:0px; margin:8px;}







.tinylink { font-size:9px; font-weight:normal; }



.playlist_name {font-size:18px; font-weight:bold; color:black; font-style:italic; }



.arrow_list

{

	list-style-image: url('images/li_arrow.png');

	line-height:18px;

}



.caption { font-style:italic; font-size:10px; color:#000000; }





.result_table_songlist

{

	border:solid 2px #666666;

	-moz-border-radius: 10px; 

	-webkit-border-radius:10px; 

	padding:8px;  

	background-color:#A0D2FF;

}



/** FORM ELEMENTS **/



.label{}

.textinput {padding:2px; border:solid 1px #000000;}





.linkbutton, .formbutton 

{

background-color:#369;

color:#dddddd;

padding:3px;

margin:3px;

border:solid 1px #000000;

text-decoration:none;

font-size:11px;

	-moz-border-radius: 6px;

	-webkit-border-radius:6px; 

}





.linkbutton_green, .formbutton_green 

{

background-color:#0A4F13;

color:#ffffff;

padding:3px;

margin:3px;

border:solid 1px #000000;

text-decoration:none;

font-size:11px;

	-moz-border-radius: 6px;

	-webkit-border-radius:6px; 

}





.linkbutton_small_red, .formbutton_small_red 

{

background-color:red;

color:#ffffff;

padding:3px;

margin:3px;

border:solid 1px #000000;

text-decoration:none;

font-size:11px;

	-moz-border-radius: 5px;

	-webkit-border-radius:5px; 

}







#overlay{ 

	filter: alpha(opacity=80); /*older IE*/

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */

	-moz-opacity: .80; /*older Mozilla*/

	-khtml-opacity: 0.8;   /*older Safari*/

	opacity: 0.8;   /*supported by current Mozilla, Safari, and Opera*/

	background-color:#000000;

	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;

	z-index:10001;

}



#songplayer { z-index:20000; width:300px; height:50px; background-color:#ffffff;}



#infowindow

{



position:absolute;

top:0px;

left:0px;

width:100%;

background-color:#ffffff;

border-bottom:solid 1px red;

height:auto;

min-height:200px;

display:none;

z-index:1000;

}







#statsblock { padding:6px; background-color:#A0D2FF; border-top:solid 1px #666666; border-bottom:solid 1px #666666; }





#loginblock { 

	position:absolute; 

	top:46px;  

	right:0px;

	border:solid 4px black; 

	-moz-border-radius-bottomleft: 10px;

	-webkit-border-bottom-left-radius:10px; 

	width:250px;

	height:auto; 

	background-color:black; 

	display:none;

}



#loginblock a { color:#A7DBDF; }





#userbar_old {

	/** display:inline;  

	float:right;**/

	text-align:center;

	width:350px;

	padding:5px; 

	background-color:#172D3F; 

	color:white;

	-moz-border-radius-bottomleft: 6px;

	-webkit-border-bottom-left-radius:6px; 

	-moz-border-radius-bottomright: 6px;

	-webkit-border-bottom-right-radius:6px; 

}



#userbar a { color:#A7DBDF; }



#addedwindow { margin-top:100px; padding:10px; margin-left:33%; margin-right:33%; width:300px; background-color:black; color:white; -moz-border-radius: 6px;

-webkit-border-radius:6px;  }



#headbar { width:100%;  background-color:#000000; background-image:url('/images/headergrad.jpg'); background-repeat:repeat-x; line-height:15px; color:white; height:44px; font-size:10px; }



#framer { width:95%; text-align:left; }



#manage_left { float:left; width:70%; display:inline; padding:6px;}



#manage_right { float:right; display:inline;  padding:6px; width:25%; }



#msg_block { padding:10px; background-color:#BFE1FF; color:#333333; border-top:dotted 3px #666666; border-bottom:dotted 3px #666666; }



#msg { margin:10px; }



.msg_success {  background-color:#DFFFE0; border:solid 1px green; color:black; font-size:11px; padding:5px; margin:10px; width:auto; line-height:18px; }



.msg_error { background-color:#FFDFDF; border:solid 1px red; width:100%; color:black; font-size:11px; padding:5px; margin:10px;  line-height:18px; }



.resultheader { background-color:#369; color:white; font-weight:bold; text-align:left; }



/** MENUBAR **/

#navcontainer

{

width:100%;

padding:0px;

margin:0px;

}



#navlist 

{

margin-left: 5px;

padding-left: 0;

margin-top:0px;

padding-top:0px;





}





#navlist td

{



font-size:11px;





}



.navcell { }



#navlist a {  padding:5px;  color:#AFD9FF;} /** padding: 3px 5px; **/ 



#navlist a:link, #navlist a:visited

{

color: #AFD9FF;

background-color: #000000;

text-decoration: none;

}



#navlist a:hover

{

color: #fff;

background-color: #369;

text-decoration: none;

}

/** END MENUBAR **/	





/** TOOLMAN DRAG DROP LIST **/

.statusbox {

		font-size: 13px;

		font-family: Monaco, monospace;

		width: 15em;

	}

	ul.boxy li { margin: 0px; }



	#phoneticlong {

		margin-bottom: 1em;

	}

	#phoneticlong li, #buttons li {

		margin-bottom: 0px;

		margin-top: 4px;

	}



	#boxes {

		font-family: Arial, sans-serif;

		list-style-type: none;

		margin: 0px;

		padding: 0px;

		width: 300px;

	}

	#boxes li {

		cursor: move;

		position: relative;

		float: left;

		margin: 2px 2px 0px 0px;

		width: 33px;

		height: 28px;

		border: 1px solid #000;

		text-align: center;

		padding-top: 5px;

		background-color: #eeeeff;

	}



	#twolists td {

		width: 300px;

		vertical-align: top;

	}

	#twolists1 li {

		font-family: sans-serif;

	}

	#twolists2 {

		border: 1px dashed #fff;

	}

	#twolists2 li {

		font-family: serif;

		background-color: #eedddd;

	}

	.inspector {

		font-size: 11px;

	}

ul.sortable li {

	position: relative;

}



ul.boxy {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

	width: auto;

	font-size: 13px;

	font-family: Arial, sans-serif;

}

ul.boxy li {

	cursor:move;

	padding: 2px 2px;

	border: 1px solid #ccc;

	background-color: #ffffff;

	height:auto; /** 25px **/

}

.clickable a {

	display: block;

	text-decoration: none;

	cursor: pointer;

	cursor: hand;

}

.clickable li:hover {

	background-color: #f6f6f6;

}





#playlist_jump 

{ 

	padding-left: 0;

	margin-left: 0;

	

	width: 225px;

	

	 

	

}





#playlist_container

{

	height:400px;

	width:250px;

	overflow:auto;	

	display:none;

	position:absolute;

	right:50px;

	z-index:1001;

	background-color:white;

	border: 1px solid gray;

}



#playlist_jump ul

{

margin-left: 0;

padding-left: 0;

margin:0px;

padding:0px;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;

}



#playlist_jump a

{

display: block;

padding: 5px;

width: auto;

background-color: #ffffff;

border-bottom: 1px solid #cccccc;

}



#playlist_jump a:link, #pjump a:visited

{

color: navy;

text-decoration: none;

}



#playlist_jump a:hover

{

background-color: #f6f6f6;

color: navy;

}





#content, .content

{ text-align:left;

	padding:10px;

	background-color:#ffffff;

	width:100%;

}



.headlinegrey { font-family:arial,verdana; font-size:32px; font-weight:bold; color:#999999; }

.subheadlinegrey { font-family:arial,verdana; font-size:20px; font-weight:bold; color:#999999; }

.headlinegreen { font-family:arial,verdana; font-size:32px; font-weight:bold; color:green; }

.subheadlinegreen { font-family:arial,verdana; font-size:20px; font-weight:bold; color:green; }

.headlinered { font-family:arial,verdana; font-size:32px; font-weight:bold; color:red; }

.subheadlinered { font-family:arial,verdana; font-size:20px; font-weight:bold; color:red; }



#profiletlist

{

	list-style-type: none; 

}



#profiletlist li

{

	padding:5px;

	margin:5px;

	border:solid 1px #cccccc;

}

.copytoSelect
{
font-family:arial,helvetica;
font-size:10px;
border:solid 1px #666666;
color:#666666;
width:75px;
}

/** #overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:black; z-index:10000;}
**/
#overlay-msg 
{
position:absolute;
left:50%;
width:400px; 
padding:20px; 
height:auto;
top:50%;
margin-top:-100px;
margin-left:-200px;
background-color:white; 
filter: alpha(opacity=100); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
	-moz-opacity: 1.0; /*older Mozilla*/
	-khtml-opacity: 1.0;   /*older Safari*/
	opacity: 1.0;   /*supported by current Mozilla, Safari, and Opera*/  
border:solid 3px black; 
z-index:20000; 
color:black;
}