/* ------------------------------Initialise -------------------------------*/

	* {padding:0; margin:0;}
	h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0em;}
	li, dd {margin-left:0em;}
	fieldset {padding:.5em;}

	a:link, a:visited {color:#444;text-decoration:none;border-bottom:1px dotted #C7C7C7;}
	a:hover {color:#5F9DAE;text-decoration:none;border-bottom:none;}
	a:active, a:focus{outline:none;}

	p {margin:15px 0;}
	img {border:none;}
	p img {margin:5px;}

/* ------------------------------Main Styles -------------------------------*/	
	
	body {
		font-family:arial, 'sans-serif';
		font-size:0.9em;
		background-color:#F7F7F7;
		color:#6F6F6F;
		background:url('../files/bg_clouds.png') repeat-x 40% 0%;
	}

	#frame {
	    margin:0 auto;
	    width:60em;
		padding-top:1em;	
	}	

	#header {font-weight:bold;}
	#footer {padding:10px;background-color:#EAEAEA;border-top:solid 1px #C7C7C7;border-bottom:solid 1px #C7C7C7;}
	
	#playlist_frame {
		margin:0 auto;
		width:60em;
		padding-bottom:3em;
		position:relative;
	}

	#lowerbar {
		margin:0 auto;
		width:60em;
		margin-top:1em;
		text-align:center;
	}

/* ------------------------------ Formatting -------------------------------*/	
	
	#tagcloud {padding:5px;text-align:center;}
	#tagcloud a {border-bottom:none;color:#9D9D9D;}
	#tagcloud a:hover {color:#EAA602;}
	#tagcloud .xsmall {font-size:0.8em;}
	#tagcloud .small {font-size:1.2em;}
	#tagcloud .medium {font-size:1.5em;}
	#tagcloud .large {font-size:2em;}
	#tagcloud .xlarge {font-size:2.5em;}

	#playlist_title {
		font-size:3em;
		z-index:0;
		color:#fff;
		position:absolute;
		right:0;
		bottom:0;
		vertical-align:middle;
	}	
	
	#playlist_title a {border-bottom:none;}
	
	h1 {width:100%;font-size:2.5em;letter-spacing:0.1em;font-weight:normal;margin-top:3em;}
	h1 a:link, h1 a:visited {color:#5F9DAE;border-bottom:none;}
	h1 a:hover {border-bottom:none;color:#EAA602;}

	h2 {
		font-weight:normal;
		font-size:2.0em;
		line-height:0.5em;
		text-align:center;
		color:#5F9DAE;
		margin-top:20px;
		margin-bottom:10px;
	}

	em {font-style:normal;display:inline;padding-right:5px;font-size:1.5em;}
	br {clear: left;}
	
	#searchresults {margin-top:3em;margin-bottom:1em;text-align:center;}
	
	.contextMenu {display:none;}
	
	#playcontrol a {font-size:14px;}
	
	#helplist {line-height:1.4em;margin-left:20px;}
	#helplist li {margin-bottom:1em;}

/* ------------------------------Slide panel style -------------------------------*/		
	
	#home {text-align:center;height:350px;background:url('../files/bg.jpg') 100% 100% no-repeat;}
	#search {text-align:center;width:60em;}
	#upload {width:60em;}
	#upload #upload_left {float:left;width:29em;}
	#upload #upload_left p {padding:0.3em 0;}
	#upload #upload_right {float:right;width:29em;margin-top:0px;position:relative;}
	#upload #upload_right p {}
	
	#navigation {width:100%;}
	#navigation ul{list-style:none;float:right;height:20px;margin-right:20px;}
	#navigation li{float:left;letter-spacing:0.1em;height:20px;padding:5px;}
	#navigation a:link, #navigation a:visited {height:100%;color:#ffffff;font-weight:bold;padding:5px;text-decoration:none;border-bottom:none;}
	#navigation a:hover {background:#7BBCCD;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}
	
	#sections{overflow:hidden;width:60em;height:350px;clear:left;margin-bottom:0;margin-top:1em;}
	#sections ul{width:240em;}
	#sections li{float:left;list-style:none;}
	#sections li.fallen {margin-top:350px;}		
	#sections p, #sections div {width:60em;}
	
/* ------------------------------Audio playlist -------------------------------*/	
	
	/*ol.playlist a:link, ol.playlist a:visited {border-bottom:none;}
	ol.playlist, -ol.searchlist {list-style-type:none;padding-left:0px;margin-left:0px;}*/
	
	ol.searchlist {font-size:1.2em;z-index:100;}
	ol.playlist li, 
	ol.searchlist li {line-height:2em;z-index:150;display:block;}
	
	ol.playlist li a,
	ol.playlist li a.sm2_link, 
	ol.searchlist li a {
		 padding-left:20px;
		 text-decoration:none;
		 border-bottom:none;
		 font-weight:bold;
		 color:#6F6F6F;
		 z-index:50;
	}
	
	/* , #playlist_frame li a:hover  */
	ol.playlist li a, 
	ol.playlist li a.sm2_link {display:block;width:20em;}
	
	ol.playlist li a:hover,
	ol.playlist li a.sm2_paused:hover,
	ol.playlist li a.sm2_link:hover, 
	ol.searchlist li a.sm2_link:hover, 
	ol.searchlist li a:hover {background:url(../files/icons/icon_play.png) no-repeat 0px 50%;color:#45A0A9;}
	
	ol.playlist li a.sm2_playing:hover, 
	ol.searchlist li a.sm2_playing:hover,
	ol.playlist li a.sm2_paused, 
	ol.searchlist li a.sm2_paused {background: url(../files/icons/icon_pause.png) no-repeat 0px 50%;color:#EAA602;}
	
	ol.playlist li a.sm2_playing:hover, 
	ol.searchlist li a.sm2_playing:hover {color:#819962;}
	
	ol.playlist li a.sm2_paused:hover, 
	ol.searchlist li a.sm2_paused:hover  {background: url(../files/icons/icon_play.png) no-repeat 0px 50%;color:#EAA602;}
	
	ol.playlist li a.sm2_playing,
	ol.searchlist li a.sm2_playing {font-size:1.2em;margin-top:-0.2em;background:url(../files/icons/icon_play.png) no-repeat 0px 50%;color:#75AA21;text-decoration:none;}
	
	ol.playlist li a.sm2_playing, 
	ol.searchlist li a.sm2_playing {/*background-image:none;*/}  /*hide button while playing?*/
	
	#searchresults h1 a.sm2_playing {color:#75AA21;}
	#searchresults h1 a.sm2_paused {color:#EAA602;}
	
	ol.playlist {width:60em;}
	ol.playlist li {float:left;width:20em;}

		
/*---------------------------------------------- Form Styles --------------------------------------------------------*/

	input, textarea, select {
		font:bold 1.2em arial, helvetica, sans-serif;
		padding:6px;
		margin:0px;
		border:none;
		background:#fff;
		border:2px solid #eee;
		border-top:2px solid #B6B6B6;
		border-left:2px solid #B6B6B6;
		color:#A1A1A1;
		margin:6px 0;
	}	
	input:focus, textarea:focus {
		background:#fff;
		color:#6F6F6F;
		border:2px solid #EAA602;
		}
	.searchbar input {padding:10px;font:bold 1.4em arial, helvetica, sans-serif;}
	#submitbtn  {
		letter-spacing:0.1em;
		cursor:pointer;
		color: #6F6F6F;
		background:#EAEAEA;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		border-bottom:1px solid #4B4B4B;
		border-right:1px solid #4B4B4B;
		-moz-border-radius:5px;borderchaos99
		-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
	} 
	
	#submitbtn:hover {
		background:#7BBCCD;
		color:#fff;
		border-top:1px solid #AAD9E6;
		border-left:1px solid #AAD9E6;	
	}
	#submitbtn:active {
		background:#80D5EC;
		color:#fff;
		border-top:1px solid #4B4B4B;
		border-left:1px solid #4B4B4B;
		border-bottom:1px solid #F9E4B3;
		border-right:1px solid #F9E4B3;	
	}
	
	
/*---------------------------------------------- Modal --------------------------------------------------------*/

.jBox {
    display: none;   
    position: fixed;
    top: 15%;
    left: 50%;   
	margin-left: -170px;
    width: 300px; 
    color: #6F6F6F;
    border-top: 10px solid #EAEAEA;
    padding: 10px;
	background:url('../files/sunflower_info.png') no-repeat center right #F6F6F6;
	-moz-border-radius:5px;borderchaos99
	-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
}
.jBox h3 {text-align:center;}
.jBox ul, .jBox li {list-style-type:none;line-height:1.8em;}
.jqmOverlay { background-color: #000; }
* html .jBox {position: absolute;}

#alert {text-align:center;}
#alert div {font-weight:bold;font-size:1.1em;}

/* ------------------------------ Tooltips -------------------------------*/

a.tooltip {}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {font-size:1em;display:block; position:absolute; bottom:26px; left:-3px; padding:5px; font-weight:normal; color:#4C3601; border:1px solid #FFC53A; background:#FFE877; width:150px;opacity:0.8;text-align:center;}
a.tooltip:hover b em {position:absolute; bottom:-8px; width:11px; height:8px; padding:0px; background:url(../files/tooltip.gif) 0 0; display:block; font-size:1px;}