/* !!! DON'T REMOVE !!! */
@import url("_basic.css");

body {background-color:#000;}

img#webshop_banner {border:#fff solid thin;}
/* Custom CSS */

h1, h2, h3, h4, a, div, td {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#fff;
}

th {	
	text-align:left;
	width:100px;
}

.yellow {
	color:#fe0000;
	text-decoration:none;
}

.yellow:hover {
	color:#fff;
	text-decoration:none;
}

.wit {
	color:#fff;
	text-decoration:none;
}

.wit:hover {
	color:#fe0000;
	text-decoration:none;
}

a.read_more{
	color:#979797;
	text-decoration:underline;
}		

a.read_more:hover{
	color:#ca0000;
	text-decoration:underline;
}

table#container{
	margin:0 auto;
	width:1235px;
}

td#left{
    width:180px;
    height:999px;
    background-image:url(../images/bg_left_01.jpg);
    background-repeat:no-repeat;
}

td#main { width:870px;}

td#top {
	background-image:url(../images/top_background.jpg);
	background-repeat:no-repeat;
	width:875px;
	height:283px;
}
td#top_login {
	background-image:url(../images/top_background_login.jpg);
	background-repeat:no-repeat;
	width:875px;
	height:283px;
}

td#login{width:153px;}

#form_register input {
	border:none;
	width:755px;
	margin-right:20px;
}

div.email {	
	position:relative;
    width: 110px;
	height:18px;
	left:43px;
	top:132px;	
}

#email_form #e {
	position:absolute;
	padding-top:2px;
	margin: 0;
	border: 0;
	color:#fff;
	font-size:10px;
	font-family:Verdana;
	width: 110px;
	height:18px;
	background:url(../images/field.gif);
	background-repeat:no-repeat;
}

div.pass {
	position:relative;
    width: 100px;
	height:18px;
	left:43px;
	top:157px;
}

#password #p {
	position:absolute;
	padding-top:2px;
    margin: 0;
    border: 0;
	color:#fff;
	font-size:10px;
	font-family:Verdana;
    width: 110px;
	height:18px;
    background:url(../images/field.gif);
	background-repeat:no-repeat;
}

div.login_button {

    width: 110px;
	margin-left:43px;
	margin-top:10px;		
}

div.text {	

	margin-left:43px;
	margin-top:15px;
	color:#5d5d5d;
}

div.text a {
	text-decoration:none;
	color:#5d5d5d;
}	
div.text a:hover {
	text-decoration:underline;
	color:#660000;
}	

td#dj {	width:372px;}

div#dj_position {
	margin-top:39px;
	padding-left:17px;
}

td#stream_info { width:347px; line-height: 15px;}

div#now_live {
	margin-left:115px;
	margin-top:47px;
}
div#listeners {
	margin-left:130px;
	margin-top:11px;
}	
div#info_dj {
	margin-left:105px;
	margin-right:20px;	
	margin-top:10px;
}	

a.read_more{
	color:#979797;
	text-decoration:underline;
}		

a.read_more:hover{
	color:#ca0000;
	text-decoration:underline;
}		

td#banners_top {
	background-image:url(../images/banners_top_background.jpg);
	background-repeat:no-repeat;
	width:875px;
	height:133px;
}	

td#last_items {
	background-image:url(../images/latest_items_background.jpg);
	background-repeat:no-repeat;
	width:875px;
	height:149px;
}

table#last_position {
	margin-top:26px;
	margin-left:25px;
}

table#livesets {
	margin-left:10px;
	width:385px;
	height:105px;
}

table#news {
	margin-left:20px;
	width:340px;
	height:105px;
}

td.item {	
	height:17px;
	padding-top:3px;
}

td#news_bgr {
	background-image:url(../images/last_news.gif);
	background-repeat:no-repeat;
	width:830px;
	height:51px;
}

td#listen_live_bgr {
	background-image:url(../images/listen_live_holder.gif);
	background-repeat:no-repeat;
	width:826px;
	height:32px;
}

div#webplayer_content {
	width:331px;
	height:60px;
	left:0px;
	border:#fff solid;
	border-width:1px;
}


td#border_background {
	background-image:url(../images/border_background.gif);
	background-repeat:no-repeat;
	width:875px;
	height:24px;
}

td#border_background_2 {
	background-image:url(../images/border_background_2.gif);
	background-repeat:no-repeat;
	width:875px;
	height:24px;
}

td#ttpoll {
	background-image:url(../images/tt_bgr.jpg);
	background-repeat:no-repeat;
	width:303px;
	height:301px;
	margin-top:15px;
}

table#tt{
	margin-top:37px;
	margin-left:25px;
	width:255px;
	height:247px;
}

div#ttheader {
	width:258px;
	height:20px;
	background-color:#282828;
	margin-bottom:1px;
}

#stream_info #community{
	margin-top:100px;
	margin-left:80px;
}
	
span#hours {
	width:47px;
	height:16px; 
	padding-top:4px;
	float:left;
	display:block;
	border-right:solid #000; 
	border-right-width:1px;  
	background-color:#545454; 
	color:#000; 
	font-family:Verdana; 
	font-size:10px; 
	font-weight:bold; 
	text-align:center; 
	vertical-align:middle;
}


span#date {
	width:155px;
	height:16px;
	padding-top:4px;
	padding-right:3px;
	border-left: #000 solid;
	border-left-width:1px;
	background-color:#555555; 	
	float:right;
	display:block;
	color:#000;
	font-family:Verdana; 
	font-size:10px; 
	font-weight:bold; 
	text-align:right; 
	vertical-align:middle;	
}

div#schedule {
	width:256px;
	height:221px;	
	border:#535353 solid;
	border-width:1px;
	overflow:hidden;	

}

div#timetable {
	width:266px;
	height:599px;
	background-image:url(../images/timetable.gif);
	background-repeat:no-repeat;
	border:#535353 solid;
	border-width:1px;
	overflow:hidden;
}	

div#position_dj {
	margin-left:54px;
	padding-top:5px;
	padding-left:10px;
	background-image:url(../images/dj_bgr.gif);
	background-repeat:repeat-y;
}

span#artist {
	width:125px;
	display:block;
	float:left;
}

span#artist_link {
	display:block;
	float:left;
}

div#poll_bgr {
	width:196px;
	height:276px;
	padding-top:40px;
	padding-left:12px;
	background-image:url(../images/poll_bgr.jpg);
	background-repeat:no-repeat;
}

div#poll {
	width:170px;
	margin-top:-48px;
	margin-left:275px;
	display:block;
	float:left;
	position:absolute;
}
div#live {
	width:199px;
	height:23px;
	position:relative;
	background-color:#9c9c9c;
	margin-left:58px;
}

table#right_free_bannerstext {
	width:330px;
	margin-top:5px;
}
	
td#right{
    width:180px;
    height:999px;
    background-image:url(../images/bg_right_02.jpg);
    background-repeat:no-repeat;
}
	

td#footer_left {
    width:180px;
    height:199px;
    background-image:url(../images/footer_left_01.jpg);
    background-repeat:no-repeat;
}


td#tulp_left {
	width:125px;
	height:199px;
	background-image:url(../images/tulp_left.jpg);
	background-repeat:no-repeat;
}

td#footer_center {
	width:623px;
	height:165px;
	background-image:url(../images/footer_center.jpg);
	background-repeat:no-repeat;
}

#bottom_banner { height:163px;}

#position_control {
	padding-left:60px;
	padding-right:25px;
	padding-top:8px;
}

#position_ruud {
	padding-left:25px;
	padding-top:8px;
}

td#menu_bottom {
	background-image:url(../images/menu_bottom_background.jpg);
	background-repeat:no-repeat;
	width:618px;
	height:37px;
	padding-top:10px;
}

#menu_bottom ul {
	margin:0px auto;
	padding:0px;
	list-style:none;
}

#menu_bottom li {
	display:inline;
	padding-left:15px;
}

ul.lijstje {
	margin:0px auto;
	padding:0px;
	list-style:none;
}

li.lijstje {
	padding:0px;
	display:block;
	padding-left:15px;
}

.lijstje a {
	text-decoration:none;
}

a.html_menu { text-decoration:none;}
a.html_menu:hover {	text-decoration:underline;}

td#tulp_right {
	width:125px;
	height:199px;
	background-image:url(../images/tulp_right.jpg);
	background-repeat:no-repeat;
}

td#footer_right {
    width:180px;
    height:199px;
    background-image:url(../images/footer_right_02.jpg);
    background-repeat:no-repeat;
}


#error {
	background-image:url(../images/error_bgr.jpg);
	background-repeat:no-repeat;
	width:868px;
	height:459px;
}

#info {
	background-image:url(../images/info_bgr.jpg);
	background-repeat:no-repeat;
	width:868px;
	height:459px;
}

/*Custom CSS*/
#holder {
	padding-top:15px;
	padding-left:25px;
}

/*Guestbook CSS*/
#main, .main {
	background-image:url(../images/main_background.jpg);
	background-repeat:no-repeat;
	width:868px;
	height:459px;
}

#guestbook {
	background-image:url(../images/guestbook/01_bgr.jpg);
	background-repeat:no-repeat;
	width:828px;
	height:43px;
}

textarea#textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width:800px;
	height:275px;
}
	textarea.formInput {
		width: 820px;
		border: 0;
		margin-top:15px;
		height: 303px;
	}

	div.textareaWrapperGB {
		width: 820px;
		height: 303px;		
		background: url(../images/guestbook_bgr.jpg) left top no-repeat;
	}
	
	div.textareaWrapperGB textarea {
		border: 0;
		padding-top: 15px;
		padding-left:5px;
		height: 303px;
		width: 820px;
		background-color: transparent;
		color: #ffffff;
		font-size:12px;
	}
	
		div.textareaWrapperCT {
		width: 820px;
		height: 175px;		
		background: url(../images/contact_bgr.jpg) left top no-repeat;
	}
	
	div.textareaWrapperCT textarea {
		border: 0;
		padding-top:15px;
		padding-left:5px;
		height:175px;
		width:820px;
		background-color:transparent;
		color:#ffffff;
		font-size:12px;
	}

/*Input Field CSS*/

	input.formInput {
		width: 110px;
		border: 0;
	}


	
	div.inputWrapper input {
		background: url(../images/field.gif) right top;
		border: 0;
		padding: 2px;
		width: 106px;
		color:#fff;
		font-size:11px;
		background-color: transparent;
	}
	
	/*Smileys CSS*/
	ul#insert_smiley_row_a {
		padding-left:30px;

		margin-top:0px;
		list-style:none;
	}
	ul#insert_smiley_row_b {
		padding-left:30px;		
		margin:0px;
		list-style:none;
	}	
	li.smileys {
		display:block;
		float:left;
		padding:0px;
		margin:0px;
		vertical-align:bottom;
		padding-right:15px;
		cursor:pointer;
	}

	/*Guestbook CSS*/
a.black {
	color:#000;
	text-decoration:none;
}
a.black:hover {
	color:#000;
	text-decoration:underline;
}
#guestbookHolder {
	margin-left:75px;
	margin-top:10px;
}

#links {
	width:325px;
	height:423px;
	overflow-y: auto;
	overflow-x: hidden;
	display:block;
	float:left;
	color:#000;
}	
#links, .div {
			filter:chroma(color=#FFFFFF);
      scrollbar-face-color:#FFFFFF;
      scrollbar-shadow-color:#c8af90;
      scrollbar-highlight-color:#FFFFFF;
      scrollbar-3dlight-color:#FFFFFF;
      scrollbar-darkshadow-color:#FFFFFF;
      scrollbar-track-color:#FFFFFF;
      scrollbar-arrow-color:#4a3733
		}
#rechts, .div {
			filter:chroma(color=#FFFFFF);
      scrollbar-face-color:#FFFFFF;
      scrollbar-shadow-color:#c8af90;
      scrollbar-highlight-color:#FFFFFF;
      scrollbar-3dlight-color:#FFFFFF;
      scrollbar-darkshadow-color:#FFFFFF;
      scrollbar-track-color:#FFFFFF;
      scrollbar-arrow-color:#4a3733
		}

#rechts {
	width:320px;
	height:423px;
	margin-left:35px;
	overflow-y: auto;
	overflow-x: hidden;
	display:block;
	float:left;
	color:#000;
}

#guestbook_read {
	background-image:url(../images/book_bgr.jpg);
	background-repeat:no-repeat;
	width:868px;
	height:499px;
}
/*Pass Field CSS*/

	input.formInput {
		width: 110px;
		border: 0;
		padding-top: 2px;
		height: 18px;
	}

	div.inputForgot {
		width: 827px;
		height:58px;
		background: url(../images/forgotInput.jpg) left top no-repeat;
	}
	
	div.inputForgot input {
		border: 0;
		padding-top: 22px;
		padding-left:25px;
		height: 15px;
		width: 700px;
		color:#ca0000;
		font-size:11px;
		background-color: transparent;
		
	}


#contact3 input, textarea {
	width: 300px;
	background-color:#232323;
	border: none;
	color: white;
	font: 12px Arial;
}

#contact3 ul li {
	border-bottom: 1px solid #888888;
	margin-right: 30px;
	padding: 3px;
}

#contact3 ul li label {
	float: left;
	width: 125px;
}


/*logout Field CSS*/
	
	td#logout { width:870px;}

	table#logout {
		background-image:url(../images/logout/logout_background.png);
		background-repeat:no-repeat;
		width:868px;
		height:459px;
	}

	input.inputLogout {
		width: 110px;
		border: 0;
		padding-top: 2px;
		height: 18px;
	}

	div.inputLogout {
		width: 817px;
		height:74px;
		background: url(../images/logout/logOut.png) left top no-repeat;
	}
	
	div.inputLogout input {
		border: 0;
		padding-top: 55px;
		padding-left:25px;
		height: 18px;
		width: 97px;
		color:#ca0000;
		font-size:11px;
		background-color: transparent;
		
	}

/*RegisterFORM CSS*/

.registerText {	color:#ca0000; height:35px; width:550px; }

#formHolder .obligated { padding-left:5px; padding-right:5px; color:#ca0000 }	
#formHolder .label { width:125px; }

#formHolder table{
	width: 200px;
}

#formHolder tr{
	height: 40px;
}

#formHolder td{
	vertical-align: middle;
}

#formHolder .inputField{
	background: black;
	border: 1px solid #646464;
	padding: 5px;
	color: white;
	width: 600px;
}

#confirm { padding-left:545px; padding-top:10px; }

/*resident dj's css*/
td.residentImage { border:#2px solid #000; }

span.djNumber { font-family:Verdana; font-size:10px; color:#fff; line-height:normal; display:block; margin-bottom:15px; margin-top:15px; }
span.artistName { font-family:Verdana; font-size:14px; font-weight:bold; color:#fe0000; }
span.realName_age {display:block; line-height:normal; color:#979797;}

/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 805px;
height: 450px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
float:left;
/* margin: 0.3em auto; */
padding-right: 15px; 
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 340px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding:15px;

}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

/* general page style ends here */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(../images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(../images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(../images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(../images/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

/* links css */
.linkBGR {	
	width:175px;
	height:430px;
	float:left;	
}

.linkBGR a { color:#ff3333; text-decoration:none; font-family:"Trebuchet MS", Arial,; font-size:13px; display:block; }
.linkBGR a:hover { color:#ff3333; text-decoration:underline; font-family:"Trebuchet MS", Arial,; font-size:13px;display:block; }


/* timetable css */
.timetableBGR {	
	width:210px;
	height:200px;
	float:left;	
}

.timetableBGR a { color:#ff3333; text-decoration:none; font-family:"Trebuchet MS", Arial,; font-size:13px; display:block; }
.timetableBGR a:hover { color:#ff3333; text-decoration:underline; font-family:"Trebuchet MS", Arial,; font-size:13px;display:block; }


/* livesets css */
#livesetInfo { display:block; height:15px; width:820px; }
span#titleSet { display:block; float:left; width:402px; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#ff3333; }
span#dateAdded { display:block; float:left; width:85px; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#ff3333; }
span#lastComment { display:block; float:left; width:110px; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#ff3333; }

div.livesetHolder { height:35px; width:820px; text-align:left; color:#919191; margin-bottom:2px; }
div.title { border:#515151 solid 1px; background-color:#000; color:#fe0000; width:395px; height:18px; margin-right:2px; padding-left:2px; padding-top:2px; display:block; float:left; }
div.date { border:#515151 solid 1px; background-color:#000; color:#fff; width:80px; height:18px; margin-right:2px; padding-left:2px; padding-top:2px; display:block; float:left; }
div.lastComment {border:#515151 solid 1px; background-color:#000; color:#fff; width:120px; height:18px; margin-right:2px; padding-left:2px; padding-top:2px; display:block; float:left;}


.livesetExtras { width:202px; height:22px; float:left;}
.livesetExtras img { display:block; float:left; margin-right:2px;}

div#moreLivesets {width:844px; height:44px; background-image:url(../images/livesets/bgr_moreLivesets.jpg); background-repeat:no-repeat; position:absolute; top:950px;}

div#pageHolder {width:490px; display:block; height:35px; margin-left:125px; float:left;}
div#availableSets { width:85px; display:block; height:35px; margin-left:130px; margin-top:11px; float:left;}

span#available { float:left; display:block; position:relative; color:#ff3333;}

a.livesetLink {color:#7d7d7d; float:left; display:block; position:relative; top:13px; margin-left:5px; margin-right:5px;}