body {
	font-family: tahoma, verdana, arial, sans-serif;
	margin: 2px 2px 2px 2px;
	padding: 0;
	background-color: #3e4957;
	font-size:12px;
	color: #ddd;
}

img {
	border: 0;
}

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

a {
	color: #fff;
}

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

.smalltext{ font-size:11px; color:#aaa; }
.smallblacktext{ font-size:11px; color:#fff; }

hr {
	border: 0;
	height: 1px;
	color: #000;
	background:#000;
}

/* forms */
form {
	margin: 2px 0px 0px 0px;
}

textarea, input, select {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}
select, option {
	padding: 0;
	margin:	0;
}

.helpbox {
	border: 0;
	color: white;
	background-color: transparent;
	font-size:9px;
}

/* buttons und input felder */
.chatboxtext {
	width: 75%;
	padding: 2px 4px;
	font-size: 11px;
	background: #3e4852;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000 #5b6672 #5b6672 #000;
}

.button {
	border-width: 1px;
	border-style: solid;
	border-color: #983338 #000 #000 #983338;
	color: #fff;
	background: #650f27;
	font-size: 11px;
	font-weight: bold;
}

.tbox {
	padding:2px 4px;
	background: #3e4852;
	border-width: 1px;
	border-style: solid;
	border-color: #000 #5b6672 #5b6672 #000;
	color: #fff;
	font-size: 11px;
}

select.tbox {
	padding:0;
}

.tbox option {
	padding:1px 4px 1px 4px;
}

/* main columns */

#wrapper {
	min-width: 992px;
}

#col_l {
	float: left;
	width: 182px;
}

#col_c1 {
	margin-left: 186px;
	margin-right: 186px;
	/* ie6 bugs */
	_display: inline-block;
}

#col_c2 {

}

#col_r1 {
	float: right;
	width: 182px;
}

#col_r2 {
	margin-left: 186px;
	/* ie6 bugs */
	_display: inline-block;
}

#footer {
	clear: both;
	margin-top: 8px;
	text-align: center;
}

/* window decoration */

.window {
	margin-bottom: 4px;
	width: 100%;
	float: left;
}

.window .top {
	height: 21px;
	width: 100%;
	background: url(images/top.png);
}

.window .top_r {
	height: 21px;
	width: 100%;
	background: url(images/topright.png) right no-repeat;
}

.window .top_l {
	height: 21px;
	width: 100%;
	background: url(images/topleft.png) left no-repeat;
}

.window .top_h {
	float: left;
	padding-right: 18px;
	height: 21px;
	background: url(images/toptitleend.png) right no-repeat;
	text-decoration: none;
}

.window .top h1 {
	font-size: 11px;
	font-weight:bold;
	line-height: 21px;
	margin: 0 0 0 24px;
	padding-left: 4px;
	padding-right: 8px;
	color: #eee;
	background: url(images/toptitle.png);
}



.window .body_l {
	background: url(images/left.png) left repeat-y;
}

.window .body_r {
	background: url(images/right.png) right repeat-y;
}

.window .body {
	margin-left: 4px;
	margin-right: 4px;
	padding: 2px;
	background-color: #2d343e;
	/* ie6 bugs */
	_width: 100%;
}

.window .bot {
	height: 9px;
	font-size: 1px;
	background: url(images/bottom.png);
}

.window .bot_l {
	height: 9px;
	font-size: 1px;
	background: url(images/bottomleft.png) left no-repeat;
}

.window .bot_r {
	height: 9px;
	font-size: 1px;
	background: url(images/bottomright.png) right no-repeat;

}

/* online info box */

#onlineinfo, #onlineinfo a,#onlineinfo td { font-size:11px; }

/* user info 'private messages' and 'currently online' bars */

div.userinfobar {
	text-align: center;
	font-weight: bold;
	background-color: #650f27;
	border-top: 1px #983338 solid;
}

/* forums and other table styles */

.forumheaderbf, .caption, td.forumheader {
	background-color: #650f27;
	border-top: 1px #983338 solid;
	font-style: normal;
	font-weight: bold;  
	padding: 2px;
	text-align: left;
}

.forumheader2 {
	background-color: #3e4852;
	padding: 2px;
	text-align: left;
}

.forumheader3 {
	background-color: #3e4852;
	padding: 2px;
	text-align: left;
}

td.forumheader4{
	background:#515b66;
	padding: 2px;
	text-align: left;
}

.forumheader3alt {
	background-color: #515b66;
	padding: 2px;
	text-align: left;
}

.forumheader3alt.a {font-size: 12px};

.forumborder {
	border: 1px solid #000;
}

.forumheader{ background:#515B66; }

.fcaption {
	text-align: left;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 2px;
	background-color: #515B66;
	font-size: 12px;
	color:#fff;
}

.finfobar{
  background:#515b66;
  padding:2px 4px;
  text-align:left;
}

td {
	font-size: 12px;
	font-style: normal;
	padding: 0px;
}

.alttd {
	background-color: #3e4852;
	color: #fff;
	margin:5px 5px 0 5px;
	padding:2px 4px;
}

td.centered { text-align: center; }
td.nowhitespace { white-space: nowrap; }
td.bold { font-weight: bold; }
img.flags { border-style:none; vertical-align:bottom; padding-right: 2px; }

.nextprev {
  text-align: right;
}

/* quoted text */
.indent {
	padding:3px;
	margin:5px;
	border:1px solid;
	background-color:#515b66;
	border-bottom:#aaa 1px solid;
	border-left:#333 1px solid;
	border-right:#aaa 1px solid;
	border-top:#333 1px solid;
}

/* lighten background of code area */
.code_highlight {
	font-size: 13px;
	color: #eee;
	background-color:#515b66;
	border-bottom:#aaa 1px solid;
	border-left:#333 1px solid;
	border-right:#aaa 1px solid;
	border-top:#333 1px solid;
}

/* tree menu */

div.menueven { background: #3e4852; width:100%; cursor: pointer; }
div.menuodd { background: #515b66; width:100%; cursor: pointer; }

/* Nav Menu Classes */

div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

div.menuBar {
	background-color: #2d343e;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 6px 0px;
	text-align: left;
	margin-bottom: 4px;
	text-align: center;
}

div.emenuBar {
	background-color: #2d343e;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
	background-color: transparent;
	color: #fff;
	cursor: default;
	left: 0px;
	margin: 0;
	position: relative;
	padding: 6px 0px 6px 22px;
	text-decoration: none;
	top: 0px;
	z-index: 100;
	background-position: 3px center;
}

div.menuButton_over {
	font-weight: normal;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	background-color: transparent;
	background-color: #4d545e;
  cursor: hand;
  cursor: pointer;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
	background-color: #4d545e;
	color: white;
}

div.menu {
	background-color: #2d343e;
	border: 1px solid;
	border-color: #000;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
	text-align: left;
}

div.menu a.menuItem {
	cursor: default;
	color: #fff;
	display: block;
	padding: 3px 11px 3px 0px;
	text-decoration: none;
	white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #4d545e;
	color: #fff;
}

div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer {
	padding: 0px 2px;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
	margin-right: -.75em;
}

div.menu div.menuItemSep {
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #fff;
	margin: 4px 2px;
}

a.menuItem.header {
	border-bottom: 1px solid #b3b3b3;
}

/* Special chatbox settings necessary due to certain modifications */

.chatbox {
	margin: 0;
	padding: 0;
}

.chatboxcheat {
	background: #3e4852;
	padding: 0.1em;
	margin: 0.2em 0;
}

.chatboxcheat br {
margin-bottom: 2px;
}

.chatboxcheat2 {
	background: #515b66;
	padding: 0.1em;
	margin: 0.2em 0;
}

.chatboxcheat2 br {
margin-bottom: 2px;
}

/* last news box settings */

.lastnewsbox {
	background: #515b66;
	padding: 0.1em;
	margin: 0.2em 0;
}

.lastnewsbox a {
/* color: #444B66; */
}

.lastnewsbox a:hover {
}


.lastnewsbox br {
margin-bottom: 2px;
}


.lastnewsbox2 {
	background: #3e4852;
	padding: 0.1em;
	margin: 0.2em 0;
}

.lastnewsbox2 a {
}

.lastnewsbox2 a:hover {
}

/* styles for the content area */

table.cnt{ width:98%;text-align:left;border:0;/* empty-cells:hide; */ }
table.cnt td{ background:#3e4852;padding:5px 5px 0 5px;vertical-align:top;border:0; }
table.cnt .icon{ width:80px;text-align:center;vertical-align:middle; }
table.cnt .head h2{ font-size:14px;margin:0 0 5px 0; }
table.cnt .head h3{ font-size:12px;margin:0 0 5px 0; }
table.cnt .head p{ margin:0 0 5px 0; }
table.cnt .count{ width:80px;text-align:center;font-size:12px; }
table.cnt .subhead p{ margin:0 0 5px 0; }
/* jeah content content... what a bright name :| */
.cnt-cnt{  }
.cnt-cnt .head{ font-size:11px;margin:10px;padding:5px;background:#3E4957; }
.cnt-cnt .head img{ vertical-align:bottom;margin-left:5px; }
.cnt-cnt .head p{ margin:0 5px 0 5px; }
.cnt-cnt .main{ margin:0 10px 10px 10px; }

/* radio stuff */

div.statuscontainer { margin-left:auto; margin-right:auto; width:99%; text-align:center; height:auto;  border:1px solid #000; background-color: #A2A8C3; }
div.logocontainer {margin-left:auto; margin-right: auto; width:auto; height: auto; padding: 3px 0;}
div.currentcontainer {  padding: 3px 0; margin-left:auto; margin-right:auto; background: #3e4852; width:700px; height:auto;}

div.reportmain {  padding: 3px 2px; margin-left:auto; margin-right:auto; background-color: #3e4852; border:1px solid #000; width:99%; height:auto;}
div.reportcomment {  padding: 3px 2px; margin-top: 2px; margin-bottom: 2px; margin-left:auto; margin-right:auto; background-color: #3a4450;  width:99%; height:auto;}
div.reportcomment2 {  padding: 3px 2px; margin-left:auto; margin-right:auto; background-color: #3e4852;  width:99%; height:auto;}

div.currentleft { margin-left: auto; margin-right: auto; float:left; width: auto; }
div.currentright { padding: 3px 0; margin-left:auto; margin-right:auto; width: 118px; height: 16px; }


div.lastqueuecontainer { padding: 3px 0; margin-left:auto; margin-right:auto; width:750px; }
div.last { float: left; width:50%; }
div.queue { float: right; width:49%; }
div.itembox {
	background-color: #3e4852;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto; margin-right: auto;
}

div.itembox2 {
	background-color: #515b66;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto; margin-right: auto;
}

div.itemheader {
	background-color:#700000;
	margin-top: 2px; margin-bottom: 2px; margin-left: auto; margin-right: auto;
	/*border: 1px solid #9298B8;*/
}

/* bitjam plug menurow*/
div.bitmenu { font-size:11px; margin-left:auto; margin-right: auto; width:168px; height:24px; }
div.bitmenu2 { font-size:11px; margin-left:auto; margin-right: auto; width:168px; height:114px; }
div.bitmenu3 { font-size:11px; margin-left:auto; margin-right: auto; width:168px; height:24px; }


/* menu buttons area */
div.radiomenu { width:336px; height:24px; margin-top: 5px; margin-left:auto; margin-right:auto;}

div.bjbox_hack { margin-left:auto; margin-right: auto; }

/* a.orange { color: #FF8040; } */
/* a.orange:hover { color: white; } */
/* a.white { color: white; } */
/* a.white:hover { color: #FF8040; } */


div.button_latestcomments a, div.button_latestcomments a:visited
{ background: url(images/radio/latestcomments.png) 0 0 no-repeat; float: left; width: 168px; height: 14px; }
div.button_latestcomments a:hover
{ background: url(images/radio/latestcomments.png) -168px 0 no-repeat; }

div.button_playingnow_bj a, div.button_playingnow_bj a:visited
{ background: url(images/radio/playingnow_bjbox.png) 0 0 no-repeat; float: left; width: 168px; height: 14px; }
div.button_playingnow_bj a:hover
{ background: url(images/radio/playingnow_bjbox.png) -168px 0 no-repeat; }

div.button_events_bj a, div.button_events_bj a:visited
{ background: url(images/radio/events.png) 0 0 no-repeat; float: left; width: 168px; height: 14px; }
div.button_events_bj a:hover
{ background: url(images/radio/events.png) -168px 0 no-repeat; }

div.button_upnext_bj a, div.button_upnext_bj a:visited
{ background: url(images/radio/upnext_bjbox.png) 0 0 no-repeat; float: left; width: 168px; height: 14px; }
div.button_upnext_bj a:hover
{ background: url(images/radio/upnext_bjbox.png) -168px 0 no-repeat; }

div.button_bitjam_hover a, div.button_bitjam_hover a:visited
{ background: url(images/radio/bitjam.png) 0 0 no-repeat; float: left; width: 56px; height: 24px; }
div.button_bitjam_hover a:hover
{ background: url(images/radio/bitjam.png) -56px 0 no-repeat; }

div.button_dummy a, div.button_dummy a:visited
{ background: url(images/radio/dummy.png) 0 0 no-repeat; float: left; width: 56px; height: 24px; }

div.button_listen_hover a, div.button_listen_hover a:visited
{ background: url(images/radio/listen.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_listen_hover a:hover
{ background: url(images/radio/listen.png) -24px 0 no-repeat; }

div.button_forum_hover a, div.button_forum_hover a:visited
{ background: url(images/radio/forum.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_forum_hover a:hover
{ background: url(images/radio/forum.png) -24px 0 no-repeat; }

div.button_latestactions_hover a, div.button_latestactions_hover a:visited
{ background: url(images/radio/latestactions.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_latestactions_hover a:hover
{ background: url(images/radio/latestactions.png) -24px 0 no-repeat; }

div.button_latestadded_hover a, div.button_latestadded_hover a:visited
{ background: url(images/radio/latestadded.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_latestadded_hover a:hover
{ background: url(images/radio/latestadded.png) -24px 0 no-repeat; }

div.button_rnd_hover a, div.button_rnd_hover a:visited
{ background: url(images/radio/random.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_rnd_hover a:hover
{ background: url(images/radio/random.png) -24px 0 no-repeat; }

div.button_mic_hover a, div.button_mic_hover a:visited
{ background: url(images/radio/mic.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_mic_hover a:hover
{ background: url(images/radio/mic.png) -24px 0 no-repeat; }

div.button_browse_hover a, div.button_browse_hover a:visited
{ background: url(images/radio/browse.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_browse_hover a:hover
{ background: url(images/radio/browse.png) -24px 0 no-repeat; }

div.button_home_hover a, div.button_home_hover a:visited
{ background: url(images/radio/homeicon.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_home_hover a:hover
{ background: url(images/radio/homeicon.png) -24px 0 no-repeat; }

div.button_podcast_hover a, div.button_podcast_hover a:visited
{ background: url(images/radio/podcasticon.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_podcast_hover a:hover
{ background: url(images/radio/podcasticon.png) -24px 0 no-repeat; }

div.button_faq_hover a, div.button_faq_hover a:visited
{ background: url(images/radio/FAQ.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_faq_hover a:hover
{ background: url(images/radio/FAQ.png) -24px 0 no-repeat; }

div.button_stats_hover a, div.button_stats_hover a:visited
{ background: url(images/radio/stats.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_stats_hover a:hover
{ background: url(images/radio/stats.png) -24px 0 no-repeat; }

div.button_favourites_hover a, div.button_favourites_hover a:visited
{ background: url(images/radio/favourites.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_favourites_hover a:hover
{ background: url(images/radio/favourites.png) -24px 0 no-repeat; }

div.button_support_hover a, div.button_support_hover a:visited
{ background: url(images/radio/support.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_support_hover a:hover
{ background: url(images/radio/support.png) -24px 0 no-repeat; }

div.button_info_hover a, div.button_info_hover a:visited
{ background: url(images/radio/info.png) 0 0 no-repeat; float: left; width: 24px; height: 24px; }
div.button_info_hover a:hover
{ background: url(images/radio/info.png) -24px 0 no-repeat; }


/* end of menu buttons area */
div.upnext {  margin-left:auto; margin-right:auto;  width: 94px; height: 23px;}
div.lastplayed {  margin-left:auto; margin-right:auto;  width: 94px; height: 23px;}

div.yesnocontainer { margin-left:auto; margin-right:auto; width: 106px; height: 24px; }
div.closecontainer	{ margin-left:auto; margin-right:auto; width: 77px; height: 24px; }
div.closeanothercontainer	{ margin-left:auto; margin-right:auto; width: 154px; height: 24px; }

div.yesnoanothercontainer { margin-left:auto; margin-right:auto; width: 183px; height: 24px; }


div.next_hover a, div.next_hover a:visited
{ background: url(images/radio/next.png) 0 0 no-repeat; width: 80px; height: 16px; }
div.next_hover a:hover
{ background: url(images/radio/next.png) -80px 0 no-repeat; }

div.prev_hover a, div.prev_hover a:visited
{ background: url(images/radio/prev.png) 0 0 no-repeat; float:none; width: 80px; height: 16px; }
div.prev_hover a:hover
{ background: url(images/radio/prev.png) -80px 0 no-repeat; }

div.button_upnext_hover a, div.button_upnext_hover a:visited
{ background: url(images/radio/upnext.png) 0 0 no-repeat; float: left; width: 94px; height: 23px; }
div.button_upnext_hover a:hover
{ background: url(images/radio/upnext.png) -94px 0 no-repeat; }

div.button_lastplayed_hover a, div.button_lastplayed_hover a:visited
{ background: url(images/radio/lastplayed.png) 0 0 no-repeat; float: left; width: 94px; height: 23px; }
div.button_lastplayed_hover a:hover
{ background: url(images/radio/lastplayed.png) -94px 0 no-repeat; }

div.button_add_hover a, div.button_add_hover a:visited
{ background: url(images/radio/add.png) 0 0 no-repeat; float: left; width: 59px; height: 16px; }
div.button_add_hover a:hover
{ background: url(images/radio/add.png) -59px 0 no-repeat; }

div.button_del_hover a, div.button_del_hover a:visited
{ background: url(images/radio/delete.png) 0 0 no-repeat; float: left; width: 59px; height: 16px; }
div.button_del_hover a:hover
{ background: url(images/radio/delete.png) -59px 0 no-repeat; }

div.button_report_hover a, div.button_report_hover a:visited
{ background: url(images/radio/report.png) 0 0 no-repeat; float: left; width: 59px; height: 16px; }
div.button_report_hover a:hover
{ background: url(images/radio/report.png) -59px 0 no-repeat; }

div.close_hover a, div.close_hover a:visited
{ background: url(images/radio/close.png) 0 0 no-repeat; float:left; width: 77px; height: 24px; }
div.close_hover a:hover
{ background: url(images/radio/close.png) -77px 0 no-repeat; }

div.yes_hover a, div.yes_hover a:visited
{ background: url(images/radio/yes.png) 0 0 no-repeat; float:left; width: 53px; height: 24px; }
div.yes_hover a:hover
{ background: url(images/radio/yes.png) -53px 0 no-repeat; }

div.no_hover a, div.no_hover a:visited
{ background: url(images/radio/no.png) 0 0 no-repeat; float:left; width: 53px; height: 24px; }
div.no_hover a:hover
{ background: url(images/radio/no.png) -53px 0 no-repeat; }


div.another_hover a, div.another_hover a:visited
{ background: url(images/radio/another.png) 0 0 no-repeat; float:left; width: 77px; height: 24px; }
div.another_hover a:hover
{ background: url(images/radio/another.png) -77px 0 no-repeat; }

.roweven {
	background-color: #3e4852;
	color:#000;
	padding: 2px;
/*	border: 0px solid #9298B8; */
}



.rowodd {
	background-color: #515b66;
	color:#000;
	padding: 2px;
/*	border: 0px solid #9298B8; */
}

.nfp_header {
	background-color: #650f27;
	font-style: normal;
	font-weight: bold;  
}

.nfp_category {
	color: #bbb;
	font-size: 90%;
	font-weight: bold;
}
.nfp_category a {
	color: #bbb;
}

.nfp_header th {
	border-top: 1px #983338 solid;
	padding: 2px;
}

.nfp_row1 {
	background-color: #3e4852;
}
.nfp_row2 {
	background-color: #515b66;
}
.nfp_row1 td, .nfp_row2 td {
	padding: 2px;
}

.customtitle {
  font-size: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.poll1 { background: #515b66; padding: 5px; }
.poll2 { background: #3e4852; padding: 5px; }
