p, ul {
	margin-top: 11px;
	margin-bottom: 11px;
}
.ui-slider-handle {
	font-size:100%;
	line-height:11px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	position:absolute;
	text-decoration:none;
	top:-3px;
	z-index:2;
	background: url(pics/player_volbar_marker.png) no-repeat scroll center;
	border:none;
	height:11px;
	width:6px;
}
/* general borders */
.borderwrapper {
	position:relative;
	width:100%;
	height:100%;
}
.top-border {
	z-index:1;
	position:relative;
	background-position: center top;
	background-repeat: repeat-x;
	width:100%;
	height:100%;
}
.bottom-border {
	z-index:1;
	position:relative;
	background-position: center bottom;
	background-repeat: repeat-x;
	width:100%;
	height:100%;
}
.left-border {
	z-index:1;
	position:relative;
	background-position: left center;
	background-repeat: repeat-y;
	width:100%;
	height:100%;
}
.right-border {
	z-index:1;
	position:relative;
	background-position: right center;
	background-repeat: repeat-y;
	width:100%;
	height:100%;
}
/* general corners */
.tl-corner {
	z-index:1;
	position:relative;
	background-position: left top;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.tr-corner {
	z-index:1;
	position:relative;
	background-position: right top;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.bl-corner {
	z-index:1;
	position:relative;
	background-position: left bottom;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
.br-corner {
	z-index:1;
	position:relative;
	background-position: right bottom;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}
/*  beta notice */
#beta-note {
	text-align:center;
	vertical-align:middle;
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:600px;
	margin-left:-400px;
	margin-top:-300px;
	background: url(pics/appetizer.jpg) no-repeat center;
}
/* welcome screen, error screen, lays on top to hide ugly loading :)*/
#loader {
	top:0px;
	left:0px;
	z-index:50;
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
}
#loader div {
	position:absolute;
	width:200px;
	height:50px;
	line-height:50px;
	background: url(loading.gif) no-repeat left center #000;
	padding-left:40px;
	margin-left:-100px;
	margin-top:-25px;
	top:50%;
	left:50%;
}
/*  login, register etc navi */
.closer{
	background: url(images/cccccc_11x11_icon_close.gif) center no-repeat;
	position:absolute;
	width:10px;
	height:10px;
	right:0px;
	top:0px;
}

#login form{
	margin-top:82px;
}
#login input, #login label, #login .centered {
	width:50%;
	margin-left:-25%;
	left:50%;
	display:block;
	position:relative;
}
#login p {
	margin:8px 0;
}
#login .button{
	margin-top:5px;
	width:30%;
	margin-left:-15%;
	left:50%;
	position:relative;
}
#login .adminlinks{
	width:100%;
	text-align:center;
}
/* register/lost pw container */
#iframe-container {
}
#iframe-container iframe {
	position:absolute;
	top:10px;
	height:98%;
	width:94%;
	left:3%;
	display:none;
	border:none;
}
/* outer wrapper centers site */
#wrapper {
	position:absolute;
	left: 50%;
	margin-left:-200px;
	width:400px;
	height:400px;
	top: 50%;
	margin-top:-200px;
}
/* inner wrapper for peak bounces */
#peaker {
	position:relative;
	height:100%;
	width:100%;
}
#logo {
	position:absolute;
	top:-100px;
	background: url(pics/main_kante_O_logo.png) center top no-repeat;
	width:100%;
	height:116px;
	z-index:11;
}
.mainpage {
	width:100%;
	height:100%;
}
/* mainpage border style */
#content .top-border {
	background-image: url(pics/main_kante_O.png);
}
#content .bottom-border {
	background-image: url(pics/main_kante_U.png);
}
#content .left-border {
	background-image: url(pics/main_kante_L.png);
}
#content .right-border {
	background-image: url(pics/main_kante_R.png);
}
#content .tl-corner {
	background-image: url(pics/main_corner_L_O.png);
}
#content .tr-corner {
	background-image: url(pics/main_corner_R_O.png);
}
#content .bl-corner {
	background-image: url(pics/main_corner_L_U.png);
}
#content .br-corner {
	background-image: url(pics/main_corner_R_U.png);
}
/* panels */
#wrapper .panel {
	position:absolute;
	z-index:5;
}
#wrapper .excerpt-container {
	position:relative;
	width:100%;
}
#wrapper #leftpanel {
	right:100%;
	top: 2%;
	bottom: 2%;
	width: 300px;
	overflow:visible;
	margin-right:25px;
}
#wrapper #leftpanel .songlist {
	height:100%;
	position:relative;
}
#wrapper #leftpanel .borderwrapper {
	padding-top:26px;
	padding-bottom:26px;
	height:336px;
	position:relative;
}
#wrapper #leftpanel .excerpt-container  div{
	height:100%;
}
#wrapper #leftpanel .excerpt-container  img{
	height:100%;
	position:absolute;
	right:0px;
}
#wrapper #leftpanel .excerpt-container .marker{
	display:none;
}
#wrapper #leftpanel .song-excerpt {
	position:absolute;
	right:50px;
	height:100%;
	display:none;
}
#wrapper #leftpanel .lyriclink  img{
	height:50%;
	z-index:2;
	top:0px;
}
#wrapper #leftpanel .lyriclink  img.hide-on-hover{
	z-index:3;
}
#wrapper #leftpanel .tracklink  img.show-on-hover{
	z-index:4;
}
#wrapper #leftpanel .tracklink  img.show-on-play{
	z-index:6;
}
#wrapper #leftpanel .tracklink img.hide-on-hover {
	z-index:5;
}
#wrapper #leftpanel .contentlink  img{
	height:50%;
	bottom:0px;
	z-index:2;
}
#wrapper #leftpanel .contentlink  img.hide-on-hover{
	z-index:3;
}
#wrapper #leftpanel .contentlink  img.show-on-hover , 
#wrapper #leftpanel img.show-on-play, 
#wrapper #leftpanel .lyriclink  img.show-on-hover,
#wrapper #leftpanel .tracklink:hover img.hide-on-hover,
#wrapper #leftpanel .contentlink:hover  img.hide-on-hover,
#wrapper #leftpanel .lyriclink:hover  img.hide-on-hover {
	visibility:hidden;
}
#wrapper #leftpanel .tracklink:hover  img.show-on-hover,
#wrapper #leftpanel .contentlink:hover  img.show-on-hover,
#wrapper #leftpanel .lyriclink:hover  img.show-on-hover{
	visibility:visible;
}
#wrapper #leftpanel .song-excerpt {
	border:none;
	position:absolute;
	right:0px;
	height:100%;
	z-index:1;
}
#wrapper #rightpanel{
	left:100%;
	top: 2%;
	bottom: 2%;
	width: 300px;
	overflow:visible;
	margin-left:25px;
}
#wrapper #rightpanel .widgets{
	height: 100%;
}
#wrapper #rightpanel .widgets{
}
#wrapper #rightpanel .borderwrapper {
	padding-top:26px;
	padding-bottom:26px;
	height:336px;
}
#wrapper #rightpanel .main-icon {
	height:100%;
	position:absolute;
	left:0px;
}
#wrapper #rightpanel .main-icon div {
	height:100%;
}
#wrapper #rightpanel .main-icon img {
	border:none;
	height:100%;
	position:absolute;
}
#wrapper #rightpanel .main-icon img.marker {
	display:none;
}
#wrapper #rightpanel .contentlink {
	display:block;
	height:100%;
	width:100%;
}
#wrapper #rightpanel .misc-excerpt {
	overflow:hidden;
	left:0px;
	right:0px;
	position:absolute;
	display:none;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
}
#wrapper #rightpanel .misc-excerpt img{
	height:100%;
	position:absolute;
}
#wrapper #bottompanel {
	bottom:-33px;
	left: 2%;
	right: 2%;
	height:60px;
	z-index:30;
}
/* panel controls */
.activator {
	z-index:15;
	cursor:pointer;
	visibility:hidden;
	height:300px;
	position:absolute;
	top:50%;
	margin-top:-150px;
	width:25px;
	}
.left-activator {
	left:0px;
	background: left center no-repeat #000;
	background-image: url(pics/main_kante_L_hover.png);
}
.right-activator {
	right:0px;
	background: right center no-repeat #000;
	background-image: url(pics/main_kante_R_hover.png);
}
/* displays a loader */
.loading {
	background:no-repeat center #000 url(loading.gif) !important;
}
/* main content div */
#content {
	background: url(pics/main_logo.png) center no-repeat;
	z-index:10;
	width:100%;
	height:100%;
	position:absolute;
}
/* subpage-content */
.subcontent {
	background: transparent url(pics/main_bg_dimmer.png);
	margin:23px;
	margin-top:40px;
	display: none;
	position: absolute;
	top:10px;
	left:10px;
	right:10px;
	line-height:15px;
	vertical-align:middle;
	height:317px;
	overflow:hidden;
}
.subcontent.lyrics {
	line-height:16px;
}
/* player */
.player {
	background: url(pics/player_background.png) no-repeat center top;
	position:absolute;
	width:100%;
	height:100%;
}
.player .volume {
	width:77px;
	left: 99px;
	position:absolute;
	top:36px;
	height:5px;
	background: url(pics/player_volbar.png) no-repeat center;
	border:none;
}
.player .buffered {
	position:absolute;
	height:3px;
	top:9px;
	left:100px;
	width:0px; /* max 280 px */
}
.player .progress-bar {
	background: url(pics/player_progbar.png) no-repeat center;
	border:none;
	position:absolute;
	height:5px;
	width:184px;
	top:8px;
	left:100px;
	z-index:1;
}
.player .controls {
	border:none;
	position:absolute;
	height:13px;
	width:99px;
	top:37px;
	left:185px;
}
.player .controls .control{
	cursor:pointer;
	position:absolute;
	height:100%;
	margin:0px;
	background-color:#000;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
}
.player .controls  .previous{
	width:25px;
	background-image: url(pics/player_strg_back.png);
	left:0px;
}
.player .controls  .pause{
	width:24px;
	background-image: url(pics/player_strg_pause.png);
	left:25px;
}
.player .controls  .play{
	width:24px;
	background-image: url(pics/player_strg_play.png);
	left:25px;
}
.player .controls  .stop{
	width:25px;
	background-image: url(pics/player_strg_stop.png);
	left:49px;
}
.player .controls  .next{
	width:25px;
	background-image: url(pics/player_strg_fwd.png);
	left:74px;
}
.player .monitors {
	position:absolute;
	left:93px;
	height:21px;
	width:200px;
	top:15px;
}
.player .monitors div {
	height:21px;
	line-height:21px;
	overflow:hidden;
}
.player .tracknumber {
	text-align:right;
	position:absolute;
	left:0px;
	width:18px;
	display:none;
}
.player .trackinfo {
	position:absolute;
	left:0px;
	width:160px;
}
.player .elapsed {
	position:absolute;
	left:165px;
	width:35px;
}
/* copyright line etc */
#footer {
	font-size:8;
	position:absolute;
	bottom: 0px;
	left:50%;
	margin-left:-310px;
	width:620px;
	text-align:center;
}
/* global stuff */
body {
	background-color: #000;
	font-size: 11px;	
	color:#BBB;
	overflow:hidden;
	font-family:Segoe UI,Arial,sans-serif;
}
img {
	border: none;
}
a {
	color:#eeb633;
	text-decoration:none;
	border:none;
}
a:hover, a:visited:hover {
	color:#f00;
	border:none;
	text-decoration:none;
}
a:active{
	color:#FFF;
	border:none;
	text-decoration:none;
}
a:visited {
	color:#eeb633;
	border:none;
	text-decoration:none;
}
/* Legacy */
#soundmanager-debug {
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	height:100px;
	overflow:auto;
	font-size:6;
	color:#6a6a6a;
}