/*
-------------------------------------------------------------------------------
KLEUREN
geel 		#DE1273
Gray		silver
------------------------------------------------------------------------------- */

/* STRUCTURE
------------------------------------------------------------------------------- */
body, p, td, li {font: 11px/14px Verdana, Arial, sans-serif;color:white}
th{font: 700 10px/15px Verdana, Arial, sans-serif;color:#D6D6D6; text-align:left}
h1{font: 13px/16px Verdana, Arial, sans-serif;color:yellow}
h2{font: 700 10px/15px Verdana, Arial, sans-serif;}
a:link, a:visited {color:yellow} 
table.tracks td a{text-decoration:none; }

body{
	background-color: #000000;
	background-image: url(/styles/recordtunes_v5/images/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height:100%;
	width:100%;
}
#container{
	position:absolute;
	width:978px;
	height:539px;
	background-image:  url(/styles/recordtunes_v5/images/bgContainer.jpg);
	background-repeat: no-repeat;
}
.row{clear:both}
.col{float:left;color:white}
.username{position:relative; width:300px;margin-left:5px; margin-top:3px;color:yellow;font:7pt verdana; text-align:right; margin-right:5px}
#col01{width:135px; height:439px;margin-left:13px}
#col02{width:135px; height:439px; min-height:439px; margin-left:15px}
#col03{width:529px; height:439px;margin-left:10px}
#col04{width:120px; height:439px;margin-left:10px; padding-left:2px}
#player{height:22px;margin-left:-13px; padding-left:10px; background-color:black}
#player object{margin-top:3px;}
#content {background-color:black; margin-top:35px;width:515px;padding-left:0px}

tr.current td {color:yellow}
tr.current td a:link, tr.current td a:visited{text-decoration:none}
/* Listmenu navigatie
------------------------------------------------------------------- */
#mMenu{	margin-top:4px;}
.nav li, .snav li{
	display: inline; /* for IE5 and IE6 */
	}

.nav {
	width: 135px; /* to display the list horizontaly */
	max-width:119px;
	margin: 0 0 0 0px;
	padding: 0;
	}

.nav a, .snav a {
	width: 99.99%;
	display: block;
	background: url(images/blank.gif) no-repeat 0px center;
	padding-top: 1px;
	padding-left: 24px;
	padding-bottom:1px;
	border-top:none;
	border-bottom: 1px #000 none;
	border-left: none;
	border-right: none;
	text-decoration: none;
	text-transform: uppercase;
	color:#D6D6D6
	}
	
.nav a:hover, .nav a.current  { 
	background: #FDFF00 url(/styles/recordtunes_v5/images/arrow.gif) no-repeat 0px center;
	color:black
	}
.nav .dubbel a:hover, .nav .dubbel a.current{
	background: #FDFF00 url(/styles/recordtunes_v5/images/darrow.gif) no-repeat 0px center;
	color:black
}

#serieMenu, #gMenu{	margin-top:4px;}
	
/* Listmenu navigatie pijl achter
------------------------------------------------------------------- */
#sMenu{	margin-top:70px;}
.snav {
	width: 117px; /* to display the list horizontaly */
	font: 11px Verdana, Arial, sans-serif;
	margin: 0 0 0 0px;
	padding: 0;
	}
.snav li font.current{background-color:#FDFF00; color:black; width:110px; min-width:99.9%;padding-left:2px;padding-top:1px; padding-bottom:1px;	text-transform: uppercase;}
.snav li font.current img{width:18px}
#grr{width:16px}
.snav a {
	padding-left: 10px;
	color: #D6D6D6;
}	
	
.snav a:hover, .snav a.current { 
	background: #FDFF00 url(/styles/recordtunes_v5/images/sarrow.gif) no-repeat 112px center;
	color:black
	}
	

/* Blader functie
---------------------------------------------------- */
.Browse {font:8pt Verdana, Arial, sans-serif;color:white;; text-align:right;margin-right:20px; margin-top:15px}
.Browse a:link, .Browse a:visited{text-decoration:none; padding:1px; margin-right:2px}
.Browse a:link, .Browse a:visited{color:yellow}
.Browse a:hover, .Browse a:active{color:white}
.Browse a.navi:link, .Browse a.navi:visited{border: 1px solid yellow; color:yellow}
.Browse a.navi:hover, .Browse a.navi:active{color:black; background-color:silver}
.Browse a.sort:link, .Browse a.sort:active,.Browse  a.sort:visited,.Browse  a.sort:active{color:black; font-weight:700;border: 1px solid yellow; background-color:silver;padding:1px}

/* Forms
---------------------------------------------------- */
input, select, textarea{font:8pt verdana, arial, sans-serif;padding:2px; height:19px; border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #CCC; border-bottom:1px solid #CCC; background-color: black; color:silver; width:160px}
textarea{height:100px; width:350px}
input.submit {border:1px solid silver; color:black; background-color:yellow; width:50px;}
input.checkbox, input.radio {width:15px}


body.notify{margin:10px}
body.notify h1 {color:silver; font: 700 11pt Verdana, Arial, sans-serif}