/* ################ WS RESET ################## */

* {padding:0px;margin:0px;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin:0px; }
form, table, tbody , td, div , img { border:0px;margin:0px;padding:0px;}

/* ################ IE 5,6,7 has layout ################## */

* html { _height:1px;}



/* ################ MAIN FORMATTING ################## */

body {
	margin:0px;
	padding:0px;
	background:#82745f;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:150%;
	color: white;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:150%;
	color: white;
}

a:link,a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:150%;
	color: white;
}

a:hover {
	text-decoration:none;
}


a img {
	border:0px solid white;
}


/* ################ AHOVER ################## */

/* The hovered items' parent */
div.medialinks {
	position: relative;
	left:20px;
	}

/* The hovered items */
div.medialinks a {
	text-decoration:none;
	padding:5px;
    position: relative;
    z-index: 100;
}

/* The hover element, dynamically created */
div.ahover {
    position: absolute;
    z-index: 99;
    background: black;
    border: 2px solid #666;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}



/* ################ SCROLLBOX ELEMENT ################## */

#scrollbox {
	padding:3px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 300px;
	width: 200px;
}

#scrolled {
	position: relative;
}

/* ################ TOOLTIP ################## */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid white;
	padding: 5px;
	opacity: 0.85;
	background:black;
	color:white;
	font-size:10px;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	color:white;
	font-size:10px;
	font-weight:normal;
}

#tooltip div.body {}

#tooltip div.url {} 


/* ################ VIDINFO ################## */

#vidinfo {
	width:130px;
	padding:10px;
	margin-left:15px;
	margin-top:60px;
	border:1px solid black;
}



/* ################ SLIDER ################## */

.ui-slider {
	width: 20px; 
	height: 300px; 
	position: relative; 
	background-repeat: no-repeat; 
	background-position: center center;
}
	
.ui-slider-handle { 
	position: relative; 
	z-index: 1; 
	height: 20px; 
	width: 20px; 
	top: 0px; 
	left: 0px; 
	background-image: url(http://jakob.kiersch.com/img/slider_star.gif);
}

.ui-slider-handle-active {
	/* border: 1px dotted black; */
}

.ui-slider-disabled .ui-slider-handle {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.ui-slider-range { 
	position: absolute; 
	background: #50A029; 
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	width: 100%; 
	height: 100%;
}

/* Default slider background */
.ui-slider, .ui-slider-1 { background-image: url(http://jakob.kiersch.com/img/slider_bg.gif); }



/* ################ DIV FORMATTING ################## */

#main {
	width:1030px;
	height:795px;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-515px;	
}



#legal {
	color:black;
	float:right;
	padding-right:20px;
}

#legal a:link,#legal a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:150%;
	color: black;
}

#legal a:hover {
	text-decoration:none;
}