/* defaultControllers */
.theplayer.defaultControllers {
	float: left;
	position: relative;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0;
	padding:0;
}

.theplayer.defaultControllers .AudioControls {
	/*clear: both;*/
	width: 100%;
	margin:0;
	padding:0;	
}

.theplayer.defaultControllers .theimage {
	position:absolute;
	width: 130px;
	height: 130px;
	/*border:1px solid #FFF;*/
	margin:0;
	padding:0;
	overflow:hidden;
}

/* play */
.theplayer.defaultControllers .AudioPlay {
	/*float:left;*/
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 24px;
	height: 15px;
	background: url(controllers/defaultControllers/play-off.png) no-repeat;		
}
.theplayer.defaultControllers .AudioPlay:hover {	
    background: url(controllers/defaultControllers/play-on.png) no-repeat;	
}
/* pause */
.theplayer.defaultControllers .AudioPause {
	/*float:left;*/
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 24px;
	height: 15px;
	background: url(controllers/defaultControllers/pause-off.png) no-repeat;
}
.theplayer.defaultControllers .AudioPause:hover {
	background: url(controllers/defaultControllers/pause-on.png) no-repeat;
}
/* prev */
.theplayer.defaultControllers .AudioPrev {
	/*float:left;*/
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 24px;
	height: 15px;
	background: url(controllers/defaultControllers/prev-off.png) no-repeat;	
}
.theplayer.defaultControllers .AudioPrev:hover {	
    background: url(controllers/defaultControllers/prev-on.png) no-repeat;	
}
/* next */
.theplayer.defaultControllers .AudioNext {
	/*float:left;*/
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 24px;
	height: 15px;
	background: url(controllers/defaultControllers/next-off.png) no-repeat;	
}
.theplayer.defaultControllers .AudioNext:hover {	
    background: url(controllers/defaultControllers/next-on.png) no-repeat;	
}

.theplayer.defaultControllers .bordersDiv {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	height: 20px;
	z-index:0;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#000000;	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000000;
}

/* timer */
.theplayer.defaultControllers .AudioTimer_a {
	/*float:left;*/
	position:absolute;
	/*top:10px;
	left:15px;*/
	display: block;
	margin:0;
	padding:0;
	line-height:1;
	font-weight: normal;
	/*border:1px solid #F00;*/
}

.theplayer.defaultControllers .AudioTimer_b {
	/*float:left;*/
	position:absolute;
	/*top:10px;
	right:15px;*/
	display: block;
	margin:0;
	height:auto;
	padding:0;
	line-height:1;
	display: block;
	font-weight: normal;
	/*border:1px solid #F00;*/
}



/* buffer */
.theplayer.defaultControllers .AudioBuffer {
	/*float:left;*/
	position:absolute;
	cursor: pointer;
	display: block;
	height: 4px;
	margin:0;
	padding:0;	
	/*width:100%;*/
}
.theplayer.defaultControllers .AudioBuffer .ui-widget-content {  }
.theplayer.defaultControllers .AudioBuffer .ui-widget-header { /*background:#93C; mauve*/ }


/* seek */
.theplayer.defaultControllers .AudioSeek {
	/*clear:both;*/
	cursor: pointer;
	position:absolute;
	height: 4px;
	margin:0;
	padding:0;
	/*margin-top:-9px; margin:5px 0px 5px 0px; (AudioBuffer) + height:4px;*/
}

.theplayer.defaultControllers .AudioSeek .ui-slider-handle {
	display:none;
}

.theplayer.defaultControllers .AudioSeek .ui-slider-handle.ui-state-hover {
	/*background: #fff000;*/
}

.theplayer.defaultControllers .AudioSeek .ui-slider-range {
	height:4px;
}



/*song Author & Title*/
.theplayer.defaultControllers .songTitle {
	position:absolute;
	float:left;
	display: block;
	overflow:hidden;
	height:14px;
	margin:0;
	padding:0;
	line-height:1;
	font-weight: normal;
}

.theplayer.defaultControllers .songTitleInside {
  position: absolute;
  white-space: nowrap;
}

.theplayer.defaultControllers .songAuthor {
	position:absolute;
	float:left;
	display: block;
	overflow:hidden;
	height:12px;
	margin:0;
	padding:0;
	line-height:1;
	font-weight: normal;
	/*border:1px solid #CC6;*/
}



/* playlist */
.theplayer.defaultControllers .selectedCategDiv {
	cursor: pointer;
	margin:0;
	padding:0px 0px;
	text-align:center;
	/*font-size:13px;
	line-height:1.5;
	font-weight:bold;*/
	background-image:url(controllers/defaultControllers/categories_arrow_bg.png);
	background-repeat:no-repeat;
}
.theplayer.defaultControllers .innerSelectedCategDiv {
	cursor: pointer;
	overflow:hidden;
	height:25px;
	width:80%;
	margin:0;
	padding:0px 10%;
	text-align:center;
	font-size:13px;
	line-height:1.9;
	font-weight:bold;
	background-image:url(controllers/defaultControllers/categories_arrow_bg.png);
	background-repeat:no-repeat;
}




.theplayer.defaultControllers .thumbsHolderWrapper {
	position:absolute;
	height:100%;
	margin-top:0px;
	overflow:hidden;
}
.theplayer.defaultControllers .thumbsHolderVisibleWrapper {
	/*position:absolute;*/
	position:relative;
	height:100%;
	overflow:hidden;
	clear:both;/*new*/
}
.theplayer.defaultControllers .thumbsHolder {
	position:absolute;
	text-align:left;
}
/* thumbsOFF */
.theplayer.defaultControllers .thumbsHolder_ThumbOFF {
	display:block;
	height:30px;
	cursor: pointer;
	background:#000;
	overflow:hidden;
	border-bottom:1px solid #ff0000;
	line-height:2.5em;
}
.theplayer.defaultControllers .thumbsHolder_ThumbOFF  .padding {
	padding:2px 10px 10px 10px;
}


/*  scroller start */
.theplayer.defaultControllers .slider-vertical {
	display:none;
	position:absolute;
	width:9px;
}

.theplayer.defaultControllers .slider-vertical.ui-slider { position: relative;}
.theplayer.defaultControllers .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 16px; cursor: pointer; background:url(controllers/defaultControllers/scrollerFaceOFF.png) 0 0 no-repeat; }
.theplayer.defaultControllers .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(controllers/defaultControllers/scrollerFaceON.png) 0 0 no-repeat; }
.theplayer.defaultControllers .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.theplayer.defaultControllers .slider-vertical.ui-slider-vertical { width: 9px; height: 100px; }
.theplayer.defaultControllers .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -16px;; border: 0; }
.theplayer.defaultControllers .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.theplayer.defaultControllers .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.theplayer.defaultControllers .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.theplayer.defaultControllers .slider-vertical.ui-widget-content { /*background: #ff7800;*/}
.theplayer.defaultControllers .slider-vertical .ui-widget-header { /*background: #24ff00;*/ }


/* Corner radius */
.theplayer.defaultControllers .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.theplayer.defaultControllers .slider-vertical.ui-state-default {background: #000000; }
.theplayer.defaultControllers .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */









/* Interaction states
----------------------------------
.theplayer.giant .slider-vertical.ui-state-default {background: #000000; }
.theplayer.giant .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */

.hideElement {
	display:none;
}

.clearBoth {
	clear: both;
}