/* KABAAL stylesheet
 all rights reserved KabaalRecords 2010 */
body{
	background-color:black;
	color:white;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:11px;
	background:url("../img/bg/master-bg.jpg") no-repeat;
	
	background-position:top center;
}
a:link, a:visited{
	color:white;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:11px;
    text-decoration:none;	
}
a:hover{
	color:white;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:11px;
	text-decoration:underline;
}
.loading{
	width:48px;
	height:48px;
	background:#111111;
	text-align:center;
	border:1px solid #333333;
	position: absolute;	
	margin-top:200px;
	margin-left:360px;
	z-index:100;
}
table, tr, td{
	color:white;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:11px;
    text-decoration:none;	
}
.block{
	border:1px solid #333333;
	padding:4px 4px 4px 4px;
	text-align:center;
}
img{
	border:0px;
}
form{
	display:inline;
}
.formfield{
	background:#333333;
	border:1px solid #C0C0C0;
	color:white;
	font-size:11px;
}
/* layout */
div#header{
	width:820px;
	height:185px;
	background:url("../img/bg/headerbg.png") no-repeat;
	background-position:right center;
}
div#line-up{
	position:relative;
	margin-left:-9px;
	height:160px;
}
div#menu{
	height:22px;
	width:820px;
	background:black;
	border:1px solid #333333;
	padding-left:2px;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}
div#content{
}
div#player{
	width:290px;
	height:155px;
	margin-top:35px;
}
div#right{
	width:290px;
	height:548px;
	background:url("../img/bg/record.jpg") no-repeat;
	background-position: bottom left;
	position:relative;	
	margin-left:4px;
}
div#right-border{
	width:250px;
	height:546px;
	border:1px solid #333333;
}
div#playinfo{
	width:246px;
	height:55px;
	margin: 2px 2px 2px 2px;
	text-align:center;
}
div#news{
	width:250px;
	height:470px;
}
div#footer{
	width:1100px;
	height:50px;
	background:url("../img/bg/footer.jpg") no-repeat;
}
.blocktext{
	padding: 8px 8px 8px 8px;
}
.small, .small a:link, .small a:visited{
	font-size:10px;
}
/* scroll */
div#flexcroll{
	width:810px;
	height:538px;
	overflow:auto;
	margin-top:5px;
	/* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background:#0f0f0f;
    padding:4px 4px 4px 4px;
    border:1px solid #333333;
  }
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 14px;
background-color: #808080;
}
.vscrollerbar {
width: 14px;
background-color: #333333;
}
.hscrollerbase {
height: 14px;
background-color: #808080;
}
.hscrollerbar {
height: 14px;
background-color: #333333;
}
.scrollerjogbox {
width: 14px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}  
/* BLOCKS */
.warning{
	border:1px solid #FF6600;
	padding: 2px 2px 2px 2px;
	font-weight:bold;
	margin-top:6px;
}
.darker{
	color:#C0C0C0;
	line-height:28px;
	margin-left:12px;
}
/* STYLE BLOCKS */
.title{
	background:black;
	border:1px solid #333333;
	padding-left:2px;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}
/* youtube */
.youtube{
	width:640px;
	height:385px;
	overflow:auto;
	display:none;
}
.checkout{
	padding: 8px 8px 8px 8px;
	width:740px;
	border:1px solid #333;
	background:#151515;
	text-align:left;
}

.brdrd{
	font-weight:bold;
}
.compact{
	line-height:10px;
}