body	{
	min-width:700px;
	}
		
* html body	{
	font-size:8pt;
	}
	

/* content
- - - - - - - - - - - - - - - - - - */
#main_content {
	margin:0 auto 20px auto;
	background: url(/static/images/buble_bottom.gif) 0 0 no-repeat;
	padding:6px 0 0 20px;
	}
	

#col_zero.subheader {
	height:25px;
	background: url(/static/images/bubble_bottom_subheader.gif) -2px 0 no-repeat;	
	}


#main_content h1, #main_content h2, .subheader h2 {
	margin:.5em 0 1em 22px;
	}

#main_content h1, #main_content h2, .subheader h2	{
	text-transform:uppercase; color:#666; letter-spacing:.2em;
	}
	
#main_content h1 {
	font-size:150%;	
	}
	
#main_content h2, .subheader h2 {
	font-size:100%;	
	}




/* nav
- - - - - - - - - - - - - - - - - - */
* html li#accountsettings_nav {
	width:140px;
	}




/* subnav
- - - - - - - - - - - - - - - - - - */
#subnav	{
	background-color:#445;  border-bottom:1px solid #000;  margin-left:-20px;
	}

#subnav.nav	{
	margin-left:-20px; width:auto;
	}
	
#subnav.nav ul	{
	margin-left:0;
	}

	
#subnav.nav a	{
	padding:0 15px;
	}


/* broadcast nav
- - - - - - - - - - - - - - - - - - */
#broadcast_nav {
	position:relative; margin:0 0 10px 0; font-size:90%;
	}
	
#broadcast_nav.article a#article_link,
#broadcast_nav.event a#event_link,
#broadcast_nav.music a#music_link,
#broadcast_nav.banner a#banner_link
{
	font-weight:bold; text-decoration:underline;
	}
	
h2 {
	position:relative;
	}
	
	

	
/* participant tiles
- - - - - - - - - - - - - - - - - - */

.tile h3.tophead	{
	}
	

#plists.tile {
	/* padding:0 6px; */
	}
	
#plists.tile h4 {
	background-color: #EEE; padding:16px 0 3px 12px; 
	position:relative;
	margin-top:0; margin-bottom:0;
	}
	
#plists.padder  {
	padding:0;
	}

.chunk	{
	margin-bottom:1em;
	}
	
#plists ol li, #plists ul li {
	font-size:90%; margin-bottom:.3em;
	}
	

#plists ol, #plists ul {
	height:auto; max-height:100px; overflow:auto;
	margin-top:0; margin-bottom:0; border-bottom:0;
	}	

ol#matching_members {
	max-height:200px;
	}	

ol#matching_members li a {
	margin-right:55px; display:block;
 	}


ol#matching_members img {
	display:block; margin:-24px 10px 0 0; float:right; display:inline;
	
	}	
	
ol#matching_members li {
	border-bottom:1px dotted #CCC; margin-top:0; margin-bottom:0;
	padding:0;
	line-height:26px;
	color:#666;
	}	


* html #plists ol {
	height:100px;
	}	
	
* html #plists ul {
	height:100px;
	}	

* html #plists ol#matching_members {
	height:200px;
	}	


ol#matching_members {
	border:1px solid #DDD; border-width:1px 0;
	margin:0; padding-left:3em;
	}	

	
	
#ad_banner 	{
	background-color:#596C72; text-align:center;
	position:relative; border:1px solid #000; border-width:2px 0; padding:0; margin-left:-20px;
	height:auto;
	}
	
#ad_banner img 	{
	border-color:#333;
	margin:6px 0;
	}	
	
#participant_tile.tile {
	font-size:90%; line-height:1.5em;
	}
	
#part_img 	{
	position:relative; width:114px; height:91px;
	background: url(/static/images/part_img_2_bg.gif) 0 0  no-repeat;
	padding: 5px 0 0 0;
	margin:0 0 0 0; text-align:center;
	}


	
#col_zero	{
	display:block; padding:0 0 0 4px; padding:0 30% 0 20px;
	}


#col_zero	{
	display:block; padding:0 0 0 4px; padding:0 30% 0 20px;
	}
	

.broadcast #col_zero	{
	border:1px dotted #999; border-width:1px 0;
	}

.broadcast #col_zero h5.header	{
	margin:0; top:0; color:#666; font-size:9px; font-weight:bold; letter-spacing:.4em; 
	text-transform:uppercase;
	}
	
#col_zero.subheader {
	background-image:none;
	background-color:#699DBA;
	position:relative;
	width:auto;
	border-bottom:1px solid #568BA4;
	border-top:1px solid #64777E;
	}
	
#col_zero.subheader h2 {
	color:#FFF; margin-left:0px; margin-bottom:2px;	
	}
	

.threecol #col_three	{
	min-width:250px;
	display:block;
	float:left;
	margin:0 12px 0 0;
	border-width:0;
	}

.threecol #col_three .tile	{
	/* padding:0 5px 8px 8px; */
	}

.threecol #col_three .tile h3	{
	margin:0 -8px;
	}
	


	
#tbc1, #tbc2 {
	position:relative;
	}

	

#tbc1 h3, .threecol #col_three .tile #tbc1 h3, #tbc2 h3, .threecol #col_three .tile #tbc2 h3,
.broadcast #col_three .tile h3,
.threecol #col_three ._tile #tbc1 h3, #tbc2 h3, .threecol #col_three ._tile #tbc2 h3,
.broadcast #col_three ._tile h3

	{	
	padding:8px 100px 15px 10px;
	letter-spacing:0; text-transform:none;
	}
	
	
	
#tbc1 h3, .threecol #col_three .tile #tbc1 h3,
.broadcast #col_three .tile h3 {
	border-top:0; margin-top:0;
	}


.broadcast #col_three .tile h3 {
	padding-left:1px; padding-right:90px;
	}


#tbc1 h3 img, #tbc2 h3 img, .broadcast #col_three .tile h3 img {
	position:absolute; right:4px; top:4px;
	}
	
* html #tbc1 h3 img {
	right:10px;
	}
	
* html #tbc2 h3 img {
	right:10px;
	}
	
* html .broadcast #col_three .tile h3 img {
	right:10px;
	}


.broadcast #col_three .tile h3 img {
	right:4px; top:4px;
	}



/* Matching Members List 
most of this is here to make a 3 column list with anotations (available tracks, total tracks)
I did it this way becasue I hate tables. But a table would be appropriate in this case. */


#matching_members_list_dl dt    {
    text-transform:none; letter-spacing:.01em; font-weight:bold;
    }
    
#matching_members_list_dl dd    {
    padding:2px 5px 2px 5px;
    }
    
#matching_members_list  {
    }

#matching_members_list_dl .col1 {
    display:block; position:relative; float:left; width:143px; overflow:hidden; margin-right:4px;
    }

#matching_members_list_dl .col2 {
    display:block; position:relative; float:left; border-left:1px solid #999999; border-right:1px solid #999999; padding: 0 4px 0 4px; width:30px;
    }
    
#matching_members_list_dl .col3 {
    padding:0;
    }
    
#matching_members_list_dl .col3 img {
    border:1px solid #668899; margin:2px 0 0 0;
    }


#matching_members_list_dl .barkey   {
     padding:0 5px 0 5px; color:#666666; font-size:9px; border-color:#888888;
    }


#matching_members_list_dl .showall  {clear:both; }

#matching_members_list_dl dd {
	padding:0; margin:0 0 0 15px;
	}


.chunk ol {
	margin-left:2.5em; padding:0; }
	
* html .chunk ol {
	margin-left:3.5em; padding:0; }

.chunk ol li {
	margin-bottom:.3em;}


#bio {	
	color:#666; font-size:90%;
	}

#bio h3 {	
	font-size:100%; margin:.8em 30px 0 0; border:1px dotted #AAA; border-width:0 0 1px 0;
	}

body.profile #gutter {	
	top:0;
	}
	
body.profile #player_shell_shell {
	margin-top:0;
	}

#gutter #bio h3 {	
	color:#666;
	}
	
#gutter #bio label {	
	display:inline;
	}	

	
#main_content._bio #col_one	{
	position:relative; width:180px; display:block; margin:0 5px 20px 1px;
	min-width:180px; padding:0;
	float:left;
	}


#main_content._bio #col_two	{
	float:left; margin-left:0;
	}



.threecol #col_three .tile h3.from_co,
#broadcasts h3.from_co {
	font-size:90%;
	letter-spacing:0;
	padding:8px 100px 10px 10px;
	margin:0 -10px;
	position:relative;
	text-transform:none;
	border-top:2px solid #6DABCF;
	border-bottom:1px dotted #666666;	
	}
	
.first #broadcasts h3.from_co {
	border-top:0;
	}	


#tbc1.first, #broadcasts .first  {
	margin-bottom:15px;
	}	




/* bio stuff 
- - - - - - - - - - - - - - - - - - */
#editprofile_tbl h3	{
	border-color:#333 #999 #999; border-style:dotted; border-width:1px 0;  
	margin-top:25px; padding:10px 0 0 10px;
	}


#editprofile_tbl small	{
	border-top:1px dotted #999; width:50%; display:block; margin-top:5px;height:auto;
	}


#editprofile_tbl hr	{
	height:1px; border-top:1px dotted #999; 
	}
	

/* controls
- - - - - - - - - - - - - - - - - - */
.tog {
	display:block; position:absolute; top:0; left:0; width:20px; height:17px; border:1px solid #CCCCCC;
	}



/* promoter stuff
- - - - - - - - - - - - - - - - - - */



.promoter ol span	{
	display:inline; position:relative; float:right; width:60%; border-left:1px solid #999; padding:0 0 0 5px; margin:0 20px 0 0; white-space:nowrap; overflow:hidden;
	}

.promoter ol	{
	font-size:90%; margin-top:0;
	}
	
.promoter lh	{font-size:10px; margin-bottom:4px;
	}
	
.promoter li	{
	border:1px solid #999; border-width:1px 0; line-height:1.5em;
	}

.promoter #col_one	{
	width:80%;
	}

.promoter .tile h4	{
	text-transform:none; letter-spacing:0; font-size:100%; font-weight:normal; 
	margin:2em 0 5px 0; padding:2px;
	}

.promoter .tile h4.hTop	{
	border-width:0; margin-top:0;
	}
	
	
#memb_prof.tile, #mostPlayedArtists.tile, #matching_members_list.tile,
#mostPlayedGoombahFree.tile, #mostRecentlyPlayed.tile, #mostPlayed.tile, #mostRecentlyAdded.tile,
#nill_taste.tile
	{
	/* padding:0; */
	}
	
	
#broadcast_info	{
	margin-top:5px; /* padding-bottom:8px; */
	}

#broadcast_info h4	{
	border-width:0;
	}


	
.meta_tile	{
	float:left; 
	border:1px dotted #999; border-width:0 1px;
	padding:5px 15px 10px 15px; margin-right:10px;
	}
	
#meta_tile_one.meta_tile, #meta_tile_three.meta_tile 	{
	border-width:0;
	}

#meta_tile_one.meta_tile 	{
	padding-left:0;
	}


#meta_tile_two.meta_tile 	{
	position:absolute; left:250px; width:180px;
	}

#meta_tile_three.meta_tile 	{
	position:absolute; left:480px; width:180px;
	}



	
#nill_taste.tile	{

	}
	
#nill_taste.tile img	{
	margin-top:10px; 
	}
	
	
#meta_tile_two input, #meta_tile_three input,
#meta_tile_two h5, #meta_tile_three h5,
#id_link_1, #id_link_2, #id_link_3
{
	margin-bottom:6px;
	}
	
	
/* broadcast tiles (output) */	

.broadcast #col_three { border-top:0; float:left; margin:0 0 0 20px;
	width:400px;
	}


	
	
/* error & form stuff */

form	{
	margin:0; padding:0;
	}

.broadcast strong, .broadcast ul.errorlist li  {
	color:#FF0000; font-weight:normal; 
	}
	
.errormsg  {
	font-size:90%; display:block; margin-bottom:20px;
	}

.broadcast ._tile p  {
	color:#333;
	}
	
button, .form_button, .btn {
	margin:.7em 5px .7em 0; cursor:pointer;
	}
	
.broadcast .btn {
	width:auto; display:block;
	}
	
	
.broadcast strong ul  {margin-bottom:0; padding-left:20px; }
.broadcast strong ul li  {margin-bottom:.8em; }

.broadcast strong ul li ul li {margin:0 0 .2em 10px; padding-left:0; }
.broadcast strong ul li ul 	  {margin:0; padding-left:0; }


.music_upload_form input	{
	width:auto;
	}
	
.music_upload_form td	{
	border-left:1px solid #AAA;
	}
	
.music_upload_form .crf_td	{
	border-left:0 solid #AAA;
	}
	

.music_upload_form th	{
	border-bottom:1px solid #888; padding:0 6px; 
	}

.music_upload_form .crf_td input	{
	width:95%;
	}

.music_upload_form td	{
	padding:8px 4px; border-bottom:1px solid #CCC; overflow:hidden;
	}

.crf_input_shell	{
	overflow:hidden; width:100px;
	}

.music_upload_form	{
	margin:0 5px;
	}

#stations_list_form li {
    width: 100%;
    display: block;
}

#stations_list_form ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
}

#pop h4 {
	cursor:pointer;
	}
        

label, th	{
	font-size:90%; font-weight:normal; text-align:left;
	}
	
label, label ._overlabel, th 	{
	color:#666;
	}
	
	
h5	{
	margin:0;
	}
	
	
#page_icn	{
	position:absolute; left:-36px; top:-21px; 
	}
#create_broadcast_btn2	{
	position:relative; left:0; clear:both;
	}
	
.submitbutton	{
	position:absolute; right:50px; margin-top:-10px; padding:0;
	width:190px;
	}
	
.submitbutton p {text-indent:-23px; margin:0 0 0 25px; }
	
.submitbutton #create_broadcast_btn	{
	margin:0;
	}

	
#update_player_btn {
	position:relative; margin-top:-18px; float:right; left:10px;
	}

	
body.broadcast .sixtyforty #col_one {
	margin-right:0;
	width:55%; min-width:470px;
	}

	
body.broadcast .sixtyforty #col_two {
	margin:0 0 20px 20px;
	width:35%; min-width:280px;
	}


._overview #col_one, .destination #col_one {
	display:block;
	position:relative;
	margin-right:0;
	width:80%; min-width:470px;}


.destination #col_one label {
	display:none;
	}	
	
.overview_tbl td, .viewinfo_tbl td
	{
	border:1px solid #BBB; border-width:0 0 1px 0;
	padding:3px 4px; color:#333; font-size:9pt;
	}
	

.viewinfo_tbl td	{
	border-width:0;
	padding:1px 4px;
	}

.viewinfo_tbl td ol	{
	margin:0; padding:0 0 0 1.5em;
	}
		
	
.overview_tbl span	{
	border:1px solid #999; border-width:0 0 0 1px;
	padding:0 4px;
	}
	
td.loopcount, td.broadcast_type_flag, td.td_label, td.td_label2	{	
	color:#666; border-width:0; font-size:80%; line-height:16px;
	}

td.td_label	{	
	text-align:right;
	}


	
td.broadcast_type_flag	{

	}
	
	
.link_overflow {
	overflow:auto;
	margin-bottom:10px; padding:0 3px;
	font-size:10px;
	text-align:left;
	}
	


#col_three #braodcasts .link_overflow {
	margin:0; width:200px;
	}
	
	
#col_three #broadcasts .link_overflow {
	width:190px; overflow:hidden 
	}


	
#new_broadcast_menu select, #new_broadcast_menu input 	{
	width:auto; height:auto; display:inline; margin:0 6px 10px 0;
	}
	
#new_broadcast_btn.btn	{
	position:relative; top:10px;
	}
	
	
.brd_img	{
	width:240px; height:180px;
	}
	
pop .brd_img	{
	width:120px; height:90px;
	}
	
.brd_article_img	{
	width:128px; height:135px;
	padding:8px 0 0 8px;
	background: url(/static/images/brd_artcl_img_bg.gif) 0 0 no-repeat;
	}
	
	
.faux_option {
	padding-left:20px; color:#AAA; margin:10px 4px;
	background: url(/static/images/faux_check.gif) 0 50% no-repeat;
	}
	

#pop ul {
	margin:0; list-style:none; padding-left:0;
	}
	

	
/* broadcast tiles */


h3.broad_head {
	font-size:100%; color:#666; margin-bottom:8px;
	}

h3.broad_head span {
	font-size:80%; text-transform:uppercase; letter-spacing:.2em; 
	margin-left:24px;
	}


#main_content h2.subhead {
	text-transform:none; letter-spacing:0; 
	margin-top:-10px; margin-bottom:8px;
	}

#main_content h2.subhead span {
	font-size:90%;
	}


#broadcaster_info {
	position:absolute; right:40px; top:98px;
	}


.broadcast #broadcasts {
	width:250px;
	}
	
#broadcasts .tile	{
	font-size:90%;
	}


#broadcasts .tile h4	{
	text-transform:none; letter-spacing:0; margin:4px 0; padding:0; border:0; font-size:90%;
	}


.broadcast #col_three {
	margin-bottom:5px;
	}


.broadcast #col_three {
	width:auto;
	}


.broadcast #col_three h5 {
	margin-bottom:5px;
	}



#broadcasts .tile h4.event_header, h4.event_header	{
	color:#6DABCF; letter-spacing:.4em;
	text-transform:uppercase
	}


.goo_play_button, .nap_play_button {
	display:block; display:block; position:absolute; right:2px; top:8px; width:37px; height:17px; 
	font-size:9px; text-transform:uppercase; line-height:17px; 
	text-decoration:none; letter-spacing:.2em; padding:0;
    background: url(/static/images/play_goo_sml_btn.gif) 0 0 no-repeat;
}


* html .nap_play_button {right:9px; top:11px; }
* html .nap_play_button {right:9px; top:11px; }


a.goo_play_button:hover, a.nap_play_button:hover {
	text-decoration:none;
	}

.nap_play_button {
    background: url(/static/images/play_napster_sml_btn.gif) 0 0 no-repeat;
}
	
	
.goo_play_button span, .nap_play_button span {display:none; }
	
	
/* Article */
#Article	{
	
	}
	
	
	
	
	
	
	
	
/* add tile */

.ad_tile, .tile_mask, .faux_link
	{width:253px; height:143px;	
	}


.faux_link
	{display:block; text-decoration:none;
	}

.faux_link:hover
	{text-decoration:none;
	}
	
	
.ad_tile	{position:relative;}


.tile_mask	{
	top:0px; left:0px;
	position:absolute;
	background: url(/static/images/add_tile_mask.png) 0 0 no-repeat;
	}


* html .tile_mask
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/add_tile_mask.png',sizingMethod='scale'); }
	
	
	


#wlr_header {
	position:absolute; width:100%; height:42px; top:0;
	background: url(/static/images/wlr_header_bg_middle.gif) 0 0 repeat-x;  z-index:1001;
	}



#color1 {
    width:100%; height:40px; text-align:left; border-width:0; border-bottom:1px outset #666;
	}

#color2 {
	position:relative; width:100%; height:600px; text-align:left; border-width:0; z-index:500;
	background-image: url(/static/images/fake_player2.png); background-repeat:no-repeat; 
	background-position:right top; margin:0;
	}

	
	
	
* html #color1
	{background-image: none; opacity:1; }

* html #color2
	{background-image: none; opacity:1; }


#roles	{
	border:1px dotted #999; border-width:1px 0;
	margin:10px 20% 0 0;
	}