@charset "utf-8";
/* CSS Document */


#leftslider{
	margin-bottom: 15px;
	width: 160px; /*width of menu*/
	display: block;
	text-transform: capitalize;
}

#playerSkin{
	width: 160px;
	background: #808080 url(../images/sprites-sides.png) -180px -42px no-repeat;
	padding: 0px 5px;
	display: block;
	cursor: pointer;
}

.playerskinTop{
	width: 170px;
	padding: 5px 0px;
	height: 24px;
	background: url(../images/sprites-sides.png) -180px 0 no-repeat;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	/*background-color: #ffffff;*/
	text-transform: capitalize;	
	cursor: default;
	display: block;
}

.playerskinBottom{
	width: 170px;
	height: 10px;
	background: url(../images/sprites-sides.png) -180px -802px no-repeat;
	overflow: hidden;
	margin-bottom: 15px;
}

.playerVolumer-bg{
	background:url(../images/sprites2.png) no-repeat left;
	background-position: -156px -8px;	
}

#playerSkin div.splitBox{
	width: 140px;
	height: 160px;
	padding: 5px 5px;
	margin: 0px 5px 10px 5px;
	overflow: hidden;
	position: relative;
	display: none;
	background: url(../images/sprites-sides.png) -180px -830px no-repeat;
}

#playerSkin div.splitBox1{
	width: 140px;
	height: 145px;
	padding: 5px 5px;
	margin: 0px 5px 10px 5px;
	overflow: hidden;
	position: relative;
	display: none;
	background: url(../images/sprites-sides.png) 0 -1030px no-repeat;
}

#playerSkin div.splitBox-video{
	/*width: 320px;
	height: 240px;
	padding: 35px 10px 45px 60px;*/
	overflow: hidden;
	left: -235px;
	/*top: -25px;*/
	position: relative;
	background: url(../images/bg-videoPlayer.png) top left no-repeat;
	z-index: 900;
	margin-right: 5px;
}

#playerSkin div.splitBox div.wrapAlbumData,
#playerSkin div.splitBox1 div.wrapAlbumData{
	width: 140px;
	float: left;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	position: relative;
}

#playerSkin div.splitBox div.wrapAlbumData div.thumbImg,
#playerSkin div.splitBox1 div.wrapAlbumData div.thumbImg{
	width: 70px;
	height: 70px;
	margin-right: 5px;
	overflow: hidden;
	background-color: #ded8c1;
	position: relative;
	float:left;
	display: inline-block;
}

#playerSkin div.splitBox div.wrapAlbumData div.SongIdDetails,
#playerSkin div.splitBox1 div.wrapAlbumData div.SongIdDetails{
	width: 65px;
	float: right;
	color: #727272;
	display: inline-block;
	text-transform: capitalize;
	position: relative;
}

#playerSkin div.splitBox div.wrapAlbumData div.SongIdDetails-name,
#playerSkin div.splitBox1 div.wrapAlbumData div.SongIdDetails-name{
	width: 65px;
	float: right;
	display: inline-block;
	text-transform: capitalize;
	position: relative;
}

#playerSkin div.splitBox div.wrapAlbumData div.SongIdDetails1,
#playerSkin div.splitBox1 div.wrapAlbumData div.SongIdDetails1{
	width: 140px;
	float: left;
	color: #727272;
	display: block;
	text-transform: capitalize;
	position: relative;
}

#playerSkin div.splitBox div.wrapAlbumData div.SongIdDetails-name1,
#playerSkin div.splitBox1 div.wrapAlbumData div.SongIdDetails-name1{
	width: 140px;
	float: left;
	display: block;
	text-transform: capitalize;
	position: relative;
}


<!-- player strts herer -->

/* Mod Player */
.player{
	width:160px;
	height: 100%;
	color:#F66748;  
	margin-top:1px;
	display: none;
	position: relative;
}


.player.hidden {
	height:0;
}

#mod_player .playerControls  {
	width: 100%;
	height:66px;
	/*background:black;*/
	margin: 2px 0px;
}

#mod_player .playerControls a {
	height: 66px;
	display:block;
	float:left;
	background:url(../images/sprites2.png) no-repeat left -10px; /*mano_playerControls*/
	position: relative;
}

#mod_player .playerControls a.pause {
	width: 56px;
	background-position: -80px -10px;
}
#mod_player .playerControls a.pause:hover {
	background-position: -300px -10px;
}
#mod_player .playerControls a.play {
	width: 56px;
	background-position: -24px -10px;
}
#mod_player .playerControls a.play:hover {
	background-position: -244px -10px;
}
#mod_player .playerControls a.prev {
	width: 24px;
	background-position: 0px -10px;
}
#mod_player .playerControls a.prev:hover {
	background-position: -220px -10px;
}
#mod_player .playerControls a.next {
	width: 20px;
	background-position: -136px -10px;
}
#mod_player .playerControls a.next:hover {
	background-position: -356px -10px;
}


/* Temp: player controls */
/* Component containers
----------------------------------*/
.ui-widget {
	font-size: 1.1em/*{fsDefault}*/;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
	font-size: 1em;
}

.ui-widget-content {
	height:4px;
	border: 1px solid red/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url()/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}

.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}

.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url()/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}

.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #000/*{borderColorDefault}*/;
	background: #fcaa0e/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
	
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border: 1px solid red/*{borderColorHover}*/;
	background: #fcaa0e/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
	
}

.ui-state-hover a, .ui-state-hover a:hover {
	color: #212121/*{fcHover}*/;
	
}

/* Slider
-------------------------------------------------------*/

.ui-slider {
	height: 10px;
	position: relative;
}

.ui-slider .ui-slider-handle{
	width: 8px;
	height: 10px !important;
	position: absolute;
	z-index: 2;
	overflow:hidden;
	line-height: normal;
	/*font-size:6px;*/
	cursor: default;
	cursor:hand;
	cursor:pointer;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
}


.ui-slider-horizontal { 
	height: 10px; 
	*height: 10px;
	border:none;
	background: url(../images/sprites2.png) no-repeat left 0; /*mano_trackbarLeft.gif*/
}

.trackbarWrap.first {
	margin:0;
}

.trackbarWrap {
	height: 10px; 
	*height: 10px;
	background: url(../images/sprites2.png) no-repeat right 0; /*mano_trackbarRight.gif*/
	display:-moz-inline-box;
	display:inline-block;
	_display:inline;
	zoom:1;
	vertical-align:middle;
	margin-left: 2px;
	/*width: 100px;*/
}

.ui-slider-horizontal .ui-slider-handle {
	background:url(../images/sprites2.png) no-repeat -410px 0; /*mano_trackbarHandle.gif*/
	border:0;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	/*height: 100%;*/
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: -6px;
}

#playerControls .trackbarWrap {
	width: 45px;
	*height: 10px;
	display:-moz-inline-box;
	display:inline-box;
	*display:inline;
	zoom:1;
}

#playerControls .trackbarWrap.first {
	_width: 145px; /* IE6 Support */
	*+width: 145px; /* IE7 Support */
	/*width: 145px\0;  IE6.IE7.IE8 Support */ 
}

#playerControls .trackbar {	
	_width: 145px; /* IE6 Support */
	*+width: 145px; /* IE7 Support */
	/*width: 145px\0;  IE6.IE7.IE8 Support */ 
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	zoom:1;
	color:white;
}

#playerControls .volumebar {
	_width: 36px; /* IE6 Support */
	*+width: 36px; /* IE7 Support */	
	/*width: 36px\0;  IE6.IE7.IE8 Support */ 
	*height: 10px;
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	vertical-align: middle;
	zoom:1;
	float: left;
}

/* Firefox 3 Support */	
html>/**/body #playerControls .trackbarWrap.first, x:-moz-any-link, x:default { 
	width: 145px;
}


html>/**/body #playerControls .volumebar, x:-moz-any-link, x:default{ 
	width: 20px;
}

html>/**/body #playerControls .trackbar, x:-moz-any-link, x:default {
	width: 120px;
}
/*=================================================================*/


#playerControls .mute {
	width:10px;
	height:10px;
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle;
	background:url(../images/sprites2.png) no-repeat -381px top; /*mano_muteIcon.gif*/
	cursor:hand;
	cursor:pointer;
	margin-top: 2px;
	float: left;
}
#playerControls .mute.isMuted {
	background-position:-381px -10px;	
	margin-top: 2px;
}
#playerControls {
	width: 100%;
	height: 10px;
	background:url(../images/sprites2.png) no-repeat left -331px; /*mano_buttonBackground.gif*/
	line-height: normal;
	text-align:center;
	overflow:hidden;
}

#playerControls .position {
	width: 60px;
	height: 10px;
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	zoom:1;
	font-family:arial;
	font-size:9px;
	float: left;
	vertical-align: top;
}

#playerControls .position  span.totalTime {
	/*color: #3798e2;*/
	/*color: #7eb236;*/
	color: #000000;
}

#center_pane_d {
	position: absolute;
}