.dataTables_info { padding-top: 0; }
.dataTables_paginate { padding-top: 0; }
.css_right { float: right; }
#example_wrapper .fg-toolbar { font-size: 0.8em }
#theme_links span { float: left; padding: 2px 10px; }


html, body
{
	text-align: left;
	font: normal 70%/1.4em verdana, arial, sans-serif;
	padding: 0px 0 0 0;
	background: #333333;
	color: #999999;
	/* background-image: url(http://www.typeradio.org/loudblog/akiem/backgrounds/background01.gif); */
	height:100%; /* needed for container min-height */
	padding:0;
	margin:0;
}

h2, .caps
{
	color: #999999;
	font: normal 1em/1.5 verdana, arial, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 0 0 0; 
}


.caps
{
	padding: 0 20px 0 0; 
}

h3
{
	color: white;
	/* border-bottom: 1px dotted black;*/
	font: normal 1em/1.54em verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 2px 0 2px 0;
	padding: 0px 0 2px 0px;
}

h4
{
    color: white;
    /* border-bottom: 1px dotted black;*/
    font: normal 1.4em/1.54em verdana, arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 2px 0 2px 0;
    padding: 0px 0 2px 0px;
    border-bottom: #555555 1px solid;
	clear:both;
	display:block;
}


.h4_noline
{
	color: white;
	border-bottom: 0px dotted black;
	font: normal 1em/1.54em verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 2px 0 2px 0;
	padding: 0px 0 2px 0px;
}

.h4_noline2
{
	color: white;
	/* border-bottom: 1px dotted black;*/
	font: normal 1em/1em verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.singleimage
{

	padding: 10px 0 5px 0px;
	border-bottom: #555555 1px solid;
}


h5
{
	color: white;
	/* border-bottom: 1px dotted black;*/
	font: normal 1.2em/1.54em verdana, arial, sans-serif;
	text-transform: uppercase;
	margin: 3px 0 3px 0;
	padding: 0px 0 2px 5px;
	border-top: #555555 1px solid;
}

h6
{
	color: white;
	/* border-bottom: 1px dotted black;*/
	font: normal 1em/1.54em verdana, arial, sans-serif;
	text-transform: uppercase;
	margin: 4px 0 4px 0;
	padding: 0px 0 2px 0px;
}

.bigtype
{
	/* border-bottom: 1px dotted black;*/
	font: normal 3.5em/1.3em Georgia, "dolly-1","dolly-2";
	margin: 0;
	width: 940px;
}



.smallertype
{
	/* border-bottom: 1px dotted black;*/
	font-size: 0.8em;
	line-height:0.8em;
}

.sc{
	font-family:Georgia,"dolly-small-caps-1","dolly-small-caps-2";
	text-transform: lowercase;
}
.mediumtype
{
	font: normal 2em/1.3em Georgia,"dolly-1","dolly-2";
}

.smalltype
{
	/* border-bottom: 1px dotted black;*/
	font: normal 1.5em/1.5em Verdana
}

.bigtype p {
	padding: .2em 0 .2em  0;
}

.toggleinfo, a,  a:visited, .s_link {color: #ffff00; text-decoration:none}

.toggleinfo:hover, a:hover, a:visited:hover, .s_link:hover {color: #fff; text-decoration:none;}
.s_link{
	cursor:pointer;
}
img, a img, a img:hover , a:visited img, a:visited img  {border:none;}

.selected{
	background:#ffff00;
	color:#444;
}
p {	margin: 0 0 .4em 0;
	padding: 0;

}

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapper {
	margin: 10px;
	padding: 0px;
	width:960px;
}

#menu {
	padding: 0px;
	padding: 5px 0 0 0;
	margin: 0px 5px 0 0;
	width: 200px;
	float: left;
}

* html #menu_fixed {position:absolute;}

#menu_fixed {
	left: 10px;
	top: 25px;
	position: fixed;
	width: 200px;
	float: left;
	padding: 5px 0 0 0;
	margin: 0px 5px 0 0;
	z-index:1;
}


#recordings, #archive, #information, #content, #explore{
	padding: 0 0 0 2px;
	margin: 0;
	width: 960px;
	float: left;
	margin: 5px 0 0 0;
}

#side_note{
	padding: 0 0 0 10px;
	margin: 0;
	width: 250px;
	float: left;
	margin: 5px 0 0 10px;
	border-left:1px solid #555;
	font: normal 1.75em/1.3em "dolly-1","dolly-2";
}

.topten {
	margin: 2px 0 2px 0;
	padding: 0px 0 5px 5px;
	border-bottom: #555555;
	border-width: 0.1em;
	border-style:  none none solid none;
}

li{
	list-style: none;
	border-bottom: #555555;
	border-width: 1px;
	border-style: none none solid none;
}

#content_old ol li {
	list-style: decimal;
}

blockquote {
	margin: 0 0 0.5em 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #999;
}



.posting2 {
	width:600px;
	border-bottom: #555555 1px solid;
	padding: 5px 0px 5px 0px;
	margin: 0px 0 5px 0px;
}

.top10 {
	width:600px;
	border-bottom: #555555 1px solid;
	padding: 5px 0px 5px 0px;
	margin: 0px 0 0px 0px;
}

.mailinglist {
	clear: both;
	overflow: auto;
	background: #333333;
	padding: 10px 5px 10px 5px;
	color: #ffffff;
	border-bottom: 6px solid #222222;
}

.info, .info_show
{
clear:both;
width:500px;
color: #aaa;
}

#audiobox {
width: 300px;
display:inline;
}

#prevnext {
margin: 5px 0 0 0;
background: #333333;

}

#prevnext p {
margin: 0;
padding: 10px 10px 10px 0px;
font-weight: normal;
}

#comments
{
clear: both;
}


/* --------------------------- COMMENTING STUFF */
/* this stuff I did not touch ------------------*/

h2#commentheadline {
border-bottom: 4px solid #555555;
margin-top: 60px;
padding: 0px 0px 5px 0px;
}

#commentlist h4 {
margin: 5px 0 7px 0;
}

ol#commentlist {
list-style: none;
}

ol#commentlist li {
overflow: hidden;
margin: 0 0 0em 0;
list-style: none;
}

#commentlist li div {
float: left;
width: 150px;
padding: 6px;
margin-right: 0px;
}

.grey
{
color: #999999;
}

form {
/* border-top: 1px dotted black; */
padding-top: 10px;
margin-top: 10px;
width: 400px; /* was width: 667px; */
}

div.input {
width: 222px;
float: left;
}

label {
display: block;
font-weight: normal;
margin: 0.5em 0 0.5em 0;
}

div.input input {
width: 212px;
}

div#message {
width: 320px; 
float: left;
margin-top: 1.2em;
}

div#message textarea {
width: 310px;
height: 120px;
}

div#file {
width: 330px;
float: right;
margin-top: 1.2em;
}

div#file input {
width: 320px;
}

div#buttons {
width: 330px;
float: left;
margin-top: 35px;
margin-bottom: 35px;
overflow: hidden;
}

div#buttons input {
width: 160px;
float: left;
}

form {
padding:0;
margin:0;
}


/* tool tips stuff */

.tooltip{
	color: white;
	/* border-bottom: 1px dotted black;*/
	font: normal 1em/1.54em verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background:#333333;
	border: #555555 1px solid;
}

.tooltip span.top{padding: 5px;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding: 0px;color: #548912;
    background: url(bt.gif) no-repeat bottom}






#background{
	background:#333;
	background-repeat: repeat;
	width:100%;
	background-attachment: fixed;
	min-height:105%;
}
	
#mywrapper{
 	margin:0;
 	padding:0;
 	margin-left:auto;
 	margin-right:auto;
 	width:960px;
 	top:0;
 	height:100%;
}


.dataTables_wraper, #example_wrapper{
	min-height: 20px !important;
	text-align:left !important;
	float:left;
}
#fw_container
{
	z-index: 100 !important;
	height: auto !important;
	text-align: left;
	top: 0px;
	float:left;
	width:960px;
	padding: 146px 0 0 0;
	background:#333;
} 

#example{
	z-index:190 !important;
	width:960px !important;
	float:left !important;
}

#menu{
 	margin:0;
 	padding:10px 10px 0 10px ;
	width:941px;
	height:10px;
 	top: 0px;
	position:fixed;
	text-align:left;
	z-index:10;
}


.column{
	width:170px;
	height:140px;
	float:left;
	padding:0 12px 5px 0px ;
	margin: 0 12px 0 0;
	text-align:left;
}
#example_filter, .dataTables_filter
{
	display: none;
}

h5
{
	color: #aaa;
	border-bottom: 1px solid #444;
	margin: 10px;
	padding: 10px;
}	


#content, #loader, #explore{
	padding:0px; 
	margin:0;
	width: 960px;
	display:none;
	text-align:left;
	background:#333;
	height:auto;
	padding: 0 0px 0 0px;
}
#loader{
	width:50px;
	margin: 100px auto 0 auto;
}

#content{
	z-index: 300 !important;
}
#example {
	font-size:1.0em !important;
}

#example tr.even, #example tr.odd{
	background:#333;
	color:#aaa;
	border-bottom:solid #555 1px;
	font-size:1.7em !important;
	line-height:1.4em;
}

#example th{
	font-weight:normal;
	color:#ffff00;
	font: normal 1.3em/1.54em verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding:10px 0 10px 0px;
	border:0px solid #999;
}
#example th:hover{
	font-weight:bold;
}
	
.gradeA{
	background: transparent;
}


.sorting_1 {background:transparent !important;} 
.ui-toolbar {background:#333 !important;}
#example td {border:0px solid #ccc;padding:2px 8px 2px 8px;}
#example th  {border:0px solid #444;padding:8px 0px 8px 5px;}
#example td.details {border:0;width:960px !important;background:#333;padding:0;margin:0;left:0}
thead {position:fixed !important;top:113px;width:960px;background:#333;border-bottom:2px solid #555;}

table, th, td {border:0px dashed #ff0000;}
/* the whole table gets the background */
.table_wrapper {background: #333 url('/_version2/_css/_pics/loader_background.png') ;background-position: -1500px 0 ;background-repeat: repeat-y;}
/* the rollover for the table rows*/
#example tr.odd:hover, #example tr.even:hover {background: #ddd ;cursor:pointer;color:#333}

/* set the selected row to transparent*/
#example tr.odd.row_selected, #example tr.even.row_selected {background: transparent !important;color:#aaa;}
.gradeA .row_selected {background: transparent !important;}
tr.even.row_selected td, tr.odd.row_selected td {background: transparent !important;}
td {overflow:hidden;}



#prev:hover, #play:hover, #stop:hover, #pause:hover, #next:hover {cursor:pointer;}
#prev, #play, #stop, #pause, #next
{
	background-image: url('/_version2/_css/_pics/new_buttons_all.png');
	background-position: -24px -18px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	float:left;
	display:block;
	margin: 0px 3px 0 2px;	
}
#next, #prev {
	margin-top:3px;
}
#play,#pause {
	width: 38px;
	height: 40px;
}
#pause{
	display:none;
}
#play{background-position: -36px -12px;}
#play:hover{background-position: -36px -74px}
#prev{background-position: 0 -16px;}
#prev:hover{background-position: 0 -78px;}
#pause{background-position: -114px -12px;}
#pause:hover{background-position: -114px -74px;}
#next{background-position: -78px -16px;}
#next:hover{background-position: -78px -78px;}
#jquery_jplayer{
	background:#444;
	clear:both;
}
#vmax, #vmute{
	background-image: url('/_version2/_css/_pics/volume.png');
	background-position: -24px -18px;
	width: 15px;
	height: 17px;
	background-repeat: no-repeat;
	float:left;
	display:block;
	margin: 7px 3px 0 2px;	
	cursor:pointer;
}
#vmute{background-position: -10px -19px;}
#vmax{background-position: -126px -19px;}

/*35/300/50/70/60/120/40*/
.w1 {overflow: hidden; 	min-width: 40px; 	max-width: 40px; 	width: 40px;}
.w2 {overflow: hidden; 	min-width: 405px; 	max-width: 405px; 	width: 405px;}
.w3 {overflow: hidden; 	min-width: 50px; 	max-width: 50px; 	width: 50px;}
.w4 {overflow: hidden; 	min-width: 75px; 	max-width: 75px; 	width: 75px;}
.w5 {overflow: hidden; 	min-width: 75px; 	max-width: 75px; 	width: 75px;}
.w6 {overflow: hidden; 	min-width: 185px; 	max-width: 185px; 	width: 185px;}
.w7 {overflow: hidden; 	min-width: 55px; 	max-width: 55px; 	width: 55px;}

.round{
    -webkit-border-radius: 10px 10px 10px 10px; 
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;

}

.round_left{
    -webkit-border-radius: 10px 0px 0px 10px; 
    -moz-border-radius: 10px 0px 0px 10px;
}

.round2{
    -webkit-border-radius: 4px 4px 4px 4px; 
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px;

}

.menu1, .menu0, .tr1, .share_button{
	color:#ffff00;
	padding:2px 4px 2px 4px;
    margin:4px 2px 2px 2px;
    font-size:1.4em;
    text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;

}
.menu1:hover, .menu0:hover, .share_button:hover{
	color:#ffffff;
	background:#666;
}
.menu1.selected, .menu1.selected:hover, .menu0.selected, .menu0.selected:hover{
	color:#333;
	background:#ffff00;	
}

#twitter		{
	background:url('/_version2/_css/_pics/twitter_all.png');
	background-position:0 -17px;
	cursor:pointer;
}
#listen_table{
	display:none;
}

.link		{
	background:url('/_version2/_css/_pics/link1.png');
	background-position:0 -4px;
	width:20px;
	height:20px;
	cursor:pointer;
	display:inline;
}

.link:hover		{
	background:url('/_version2/_css/_pics/link2.png');
	background-position:0 -4px;
}


.shadow {  
  -moz-box-shadow: 0px 0px 10px 10px #333; /* Firefox/Mozilla */  
  -webkit-box-shadow: 0px 0px 10px 10px #333; /*Safari/Chrome */  
  box-shadow: 0px 0px 10px 10px #333; /* Opera & hoe het zou moeten */  
  /* Voor IE 8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  
  /* Voor IE 5.5 - 7 */  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333');  
} 


.col1{
	width:300px;
	padding: 0 10px 0 10px;
	float:left;
}
.col2{
	width:300px;
	padding: 0 10px 0 10px;
	float:left;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	margin: 0 0 100px 0;
}
.col3{
	width:300px;
	padding: 0 0 0 10px;
	float:left;
}
.col2_3{
	width:620px;
	padding: 0 0px 0 10px;
	float:left;
	border-left: 1px solid #555;
	margin: 0 0 100px 0;
	min-height:100%;
}


input.submit, input.submit2, .share_button_extra, a.donate,a.donate:visited, .donate_off { 
	color:#333; 
	background-color:#ffff00; 
	border:0px;
	-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;
	
    padding:2px 4px 2px 4px;
    margin:2px 10px 2px 10px;
    font-size:12px;
    font-family:Verdana;
    text-transform: uppercase;
   	letter-spacing: 0.1em;
   	cursor:pointer;
}
.donate_off{
	background:#555;
	border:1px solid #555;
}

.caps_fixed { 
    font-size:12px;
    font-family:Verdana;
    text-transform: uppercase;
   	letter-spacing: 0.1em;
   	font-weight:bold;
   	padding: 4px;
   	margin:0 0 20px 0;
	-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;
 
    color:#333;
    background:#555;
    float:left;
}


input.submit:hover, .donate:hover, a.donate:visited:hover { 
	color:#555; 
	background-color:#ffffff; 
}

input.submit2, .share_button_extra{ 
	-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;

    padding:5px;
    font-weight:bold;
}

input.submit2:hover, .share_button_extra:hover { 
	color:#ffff00; 
	background-color:#000; 
}

.top_10, .top_10_songs{
	clear:both;
	font-size:1.4em;
	line-height:1.4em;
	padding: 4px 0 3px 5px;
	height:15px;
	border-bottom:1px solid #555;
	color:#999;
	cursor:pointer;
}
.top_10:hover, .top_10_songs:hover{
	background:#cccccc;
	color:#555;
}
.top_10_selected{
	background:#ffff00;
	color:#555;
}
form {
	display:inline;
}

.styledCheckbox
   {
   	height:13px;
    	width:13px;
   	filter:alpha(opacity=0.0);
   	opacity:0.0;
	outline:0
   }
   
.styledCheckboxWrap
{
	position:relative;
	float:left;
	background: #eee url("/_version2/_media/_pics/checkbox5.png") no-repeat top left;
	-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;

	border: 1px solid #ddd;
	width:13px;
	height:13px;
	margin:8px 5px 0px 0px;
}
.wrapChecked{background-position: 0px -13px}
.checkboxLabel{
	float:left;
	cursor:pointer;
	padding:5px 10px 0 0;
	width:100px;
}
.input_share{
	-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;

	border: 1px solid #ddd;
	background: #eee;
	height:16px;
	color:#000;
	float:left;
	margin:5px 5px 0 0;
	font-size:13px;
	padding:2px;
}

#share{
    -webkit-border-radius: 0px 0px 10px 10px; 
    -moz-border-radius:0px 0px 10px 10px;
    background:#fff;
    width:960px;
    display:none;
    padding: 20px 0 0 0px;
    color:#555;
    clear:both;
    height:220px;
}
.share_button_reopen, .share_button_close{
	cursor: pointer;
}

.caps2{
	font-weight:bold;
}

/* for the sliding of extra information */
div.innerDetails { display: none }

.glow{
	-webkit-box-shadow:0 0 10px #ffff00; 
	-moz-box-shadow: 0 0 10px #ffff00; 
	box-shadow:0 0 10px #ffff00; 
}


/*      picloader_fade  */
/*  ------------------  */
/*  ------------------  */


#slider_nav, .slider_nav, .captions 
{
    margin: 5px 0 0 0; 
    text-align: left;
    display: block;
    height:22px;
    font-size:10px;
    font-family:verdana, arial, sans-serif;
}

#slider_nav a, .slider_nav a 
{ 
    color:#ffff00; 
    margin: 0 5px;
    padding: 2px 2px;
    text-decoration: none;
}

#slider_nav a.activeSlide, .slider_nav a.activeSlide 
{ 
    color:#555;
    font-weight:bold;
}

#slider_nav a:focus, .slider_nav a:focus 
{
    outline: none;width:20px;
}

.white_type a.activeSlide 
    {color:#fff;
}

#caption, .caption {
    width: 635px;
    text-align:center;
    padding-top: 5px;
    color: #000;
    font-size:10px;text-align:left;
}