html { margin:0; padding:0; height:100%; }
body { margin:0; padding:0; background:#ebebe8; height:100%; }


/* 	COMMON 	*/
div, span, p, h1, h2, h3, h4, a, td, input, select, textarea, * {
	font-family:Arial, Verdana, sans-serif;
	font-size:11px;
	color:#b2d2d9;
}
small	{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; }


   
img  							{ border:0; }
select, input, textarea	{ background-color:#000; margin:0px; padding:0px; }
select.smallselect		{ width:40px; margin-right:5px; }
select.mediumselect		{ width:50px; margin-right:5px; }
select.largeselect		{ width:80px; margin-right:5px; }
input.radio					{ width:14px; }
.blueborder					{ border:1px solid #00daff; color:#00daff; }
.greyborder					{ border:1px solid #859da2; color:#859da2; }
input.normalbtn			{ width:150px; height:25px; color:#00daff; background-color:#000; border:1px solid #00daff; }
input.cancelbtn			{ width:150px; height:25px; color:#FF0000; background-color:#000; border:1px solid #FF0000; }
.input_100					{ width:100px; }
.input_250					{ width:250px; }
.input_500					{ width:500px; }

a 		{text-decoration:none}
ul 	{list-style-type:none;}
form 	{margin:0; padding:0;}

.clear				 	{ clear:both; visibility:hidden }
.clearbefore:before 	{ content:".";display:block;height:0;clear:both;visibility:hidden }
.clearafter:after		{ content:".";display:block;height:0;clear:both;visibility:hidden }
.floatleft				{ float:left; }
.floatright				{ float:right; }
.border					{ border:1px solid #333333; }
.header					{ font:normal 600 14px Arial, Helvetica, sans-serif; color:#333333; }
.floatcontainer		{ margin-bottom:20px; float:left; }

#menu						{ width:160px; padding:0px; margin-top:16px; }
#menu .header			{ width:140px; height:20px; padding:0 10px 0 10px; background:#3399cc; font-size:14px; font-weight:600; color:#FFFFFF; }
#menu .item				{ width:140px; height:16px; padding:0 10px 0 10px; background:#7ABDDE; }
#menu .item a			{ font-size:11px; color:#333333; text-decoration:underline; }
#menu .item a:hover	{ font-size:11px; color:#333333; text-decoration:none; }


#leadingfill						{ width:900px; height:5px; margin:15px auto 0 auto; font:normal 1px/1px Arial; background:#000; border-right:5px solid #ebebe8; }
#trailingfill						{ width:900px; height:5px; margin:0 auto; font:normal 1px/1px Arial; background:#cdcdca; border-left:5px solid #ebebe8; }
#bottomspace						{ height:20px; margin:0 auto; }
#container							{ width:900px; margin:0 auto; background:#000; border-right:5px solid #cdcdca; }
#top									{ width:890px; margin-bottom:20px; }
#top #status						{ height:20px; padding-left:10px; background:url('../images/status_bg.gif') repeat-x; }
#top a								{ color:#8C8C8C; font-size:15px; font-weight:600; text-decoration:none; display:block; width:inherit; height:inherit; }
#top #header_small				{ width:100%; height:22px; padding:10px 0 0 10px; }
#top #header_small .tab_act	{ width:160px; height:20px; float:left; padding-top:2px; margin-right:10px;text-align:center; color:#00DAFF; font-size:15px; font-weight:600; }
#top #header_small .tab			{ width:160px; height:19px; float:left; padding-top:2px; margin-right:10px; text-align:center; background:#000; border:1px solid #4c4c4c; border-width:1px 1px 0 1px; color:#8C8C8C; font-size:15px; font-weight:600; }
#top .fill_small					{ background:url('../images/header_fill_small.gif') repeat-x; }
#top .empty_small					{ background:url('../images/header_empty_small.gif') repeat-x; }
#top .activeText					{ color:#00DAFF; font-size:15px; font-weight:600; }
#top .inactiveText				{ color:#8C8C8C; font-size:15px; font-weight:600; }
#top #header_large				{ width:100%; height:33px; padding-top:10px; background:url('../images/header_fill_large.gif') repeat-x; }
#top #header_large .tab_act	{ width:160px; height:28px; float:left; padding-top:5px; margin-right:10px; text-align:center; color:#00DAFF; font-size:15px; font-weight:600; }
#top #header_large .tab			{ width:160px; height:28px; float:left; padding-top:5px; margin-right:10px; text-align:center; background:#000; border:1px solid #CCC; border-width:1px 1px 0 1px; color:#8C8C8C; font-size:15px; font-weight:600; }

#content									{ padding:0 15px 10px 15px; }
#content h1								{ font-size:17px; font-weight:bold; color:#00daff; margin:0 0 5px 0; }
#content #introtext					{ width:550px; padding:5px; color:#b2d2d9; margin-bottom:10px; }
#content #advantagetext				{ width:600px; padding:5px; color:#b2d2d9; margin-bottom:10px; }
#content #advantagetext .circle	{ width:45px; float:left; margin:0 0 10px 20px; }
#content #advantagetext .text		{ width:450px; float:left; margin:8px 0 10px 0; color:#00daff; font-weight:600; font-size:14px; }

#content #editinfotext				{ width:600px; }
#content #editinfotext .editimage{ width:70px; float:left; }
#content #editinfotext .text		{ width:500px; float:left; }

#content #newform						{ margin-bottom:20px; border:solid #00daff; border-width:0 5px 5px 5px; }
#content #newform	.content			{ padding:15px 0 15px 0;  }
#content #newform .header 			{ height:36px; background-color:#00daff; }
#content #newform .header img		{ margin:5px 0 0 20px; float:left; }
#content #newform .header span	{ margin:10px 0 0 15px; float:left; font-size:15px; font-weight:600; color:#000; }
#content #newform .text				{ margin:0 65px; }
#content #newform .text .note		{ color:#00daff; font-weight:600; font-size:15px; }
#content #editform .header 		{ height:36px; }
#content #editform .header img	{ margin:5px 0 0 20px; float:left; }
#content #editform .header span	{ margin:10px 0 0 15px; float:left; font-size:15px; font-weight:600; color:#00daff; }
#content #editform .title			{ height:24px; margin:10px 0; padding-top:4px; font-size:15px; font-weight:bold; color:#00daff; border:solid #4c4c4c; border-width:1px 0; }
#content #editform .help			{ float:left; }
#content #editform .help a			{ color:#b2d2d9; text-decoration:underline; }
#content #editform .help a:hover	{ text-decoration:none; }

/* headers */
#content .addsongheader				{ background-image:url('../images/songs_addheader.gif'); background-repeat:no-repeat; }
#content .editsongsheader			{ background-image:url('../images/songs_editheader.gif'); background-repeat:no-repeat; }
#content .addalbumheader			{ background-image:url('../images/albums_addheader.gif'); background-repeat:no-repeat; }
#content .editalbumsheader			{ background-image:url('../images/albums_editheader.gif'); background-repeat:no-repeat; }
#content .editartistheader			{ background-image:url('../images/artist_editheader.gif'); background-repeat:no-repeat; }
#content .termsheader				{ background-image:url('../images/artist_termsheader.gif'); background-repeat:no-repeat; }


#uploadAlert			{ width:100%; height:100%; position:absolute; text-align:center; background:#000; z-index:99; top:0px; left:0px; display:none; }
#uploadAlert span		{ font-weight:600; font-size:14px;}


.albumform				{ width:100%; height:350px; overflow-y:visible; border:0; }

iframe.addalbum		{ width:100%; height:300px; border:0; }
.formfieldlabel		{ float:left; width:150px; padding:0 0 2px 100px; color:#00daff; }
.formfield_su_label	{ float:left; width:150px; padding:0 0 2px 100px; color:#127488; }
.formfield				{ float:left; padding-bottom:2px; text-align:left; }
.player					{ float:left; }
.player_text			{ float:left; padding:3px 0 0 10px;}
a							{ font-size:11px; color:#B2D2D9; text-decoration:underline; }
a:hover					{ font-size:11px; color:#B2D2D9; text-decoration:none; }
.textcontainer			{ float:left; padding:0 0 2px 100px; color:#B2D2D9; }


hr							{ width:100%; height:1px; border:0; background:#4c4c4c; margin-bottom:10px;  }



#list						{ width:850px; }
#list a					{ color:#FFF; text-decoration:none; }
#list a:hover			{ color:#FFF; text-decoration:underline; }
#list .row				{ width:100%; height:27px; border:1px solid #B2D2D9; border-width:0 1px 1px 1px; overflow:hidden; }
#list .row_act			{ width:100%; height:27px; border:1px solid #B2D2D9; border-width:0 1px 1px 1px; overflow:hidden; background:#333; }
#list .cell_left		{ float:left; height:17px; border-right:1px solid #B2D2D9; padding:5px 0 5px 5px; overflow:hidden; }
#list .cell_right		{ float:right; height:17px; border-left:1px solid #B2D2D9; padding:5px 0 5px 5px; overflow:hidden; }
#list .cell_link		{ width:inherit; height:inherit; display:block; }
#list .head				{ font-size:13px; font-weight:600; }
#list .first			{ padding:12px 0 3px 10px; }
#list .nr				{ width:15px; }
#list .id				{ width:25px; }
#list .artist			{ width:145px; }
#list .album			{ width:100px; }
#list .song				{ width:145px; }
#list .genre			{ width:75px; }
#list .date				{ width:90px; }
#list .creator			{ width:100px; }
#list .PIP				{ width:40px; } /* PIP = Played in Podcast */
#list .title			{ width:150px; }
#list .hdr				{ width:150px; }
#list .content			{ width:200px; }
#list .image			{ width:60px; }
#list .link				{ width:60px; }

#list .highlight		{ width:80px; }
#list .edit				{ width:50px; }
#list .download		{ width:33px; }
#list .download img	{ margin-top:3px; }
#list .listen			{ width:42px; }
#list .listened		{ width:30px; }
#list .status			{ width:100px; }
#list .status_small	{ width:50px; }

#list a.pagelink			{ padding:0 2px; text-decoration:underline; }
#list a.pagelink:hover	{ text-decoration:none; }

.search_block					{ width:500px; }
.search_block .header		{ color:#00DAFF; font-size:15px; font-weight:600; }
.search_block .label			{ width:125px; float:left; margin:0 0 5px 20px; }
.search_block .field			{ width:250px; float:left; margin:0 0 5px 0; }