/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
div#wrap_player{
	background-image: url(images/Player_BG_92.jpg);
	background-repeat: repeat-x;
	height: 34px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
div#center_player{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:center;
}
#playTimeValue, #totalTimeValue{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:10px;
	padding-right:5px;
	padding-left:5px;
	margin-top:15px;
	
	
	
}
.facebook{
	position:relative;
	display:block;
	background-image: url(images/facebook.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 97px;
}
#play{
	position:relative;
	display:block;
	background-image: url(images/play.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 35px;
	cursor: pointer; cursor: hand;
}
#pause{
	position:relative;
	display:block;
	background-image: url(images/pause.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 35px;
	cursor: pointer; cursor: hand;
}
#next{
	position:relative;
	display:block;
	background-image: url(images/foward.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 35px;
	cursor: pointer; cursor: hand;
}
#volume-min{
	position:relative;
	display:block;
	background-image: url(images/lil_speaker.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 35px;
	cursor: pointer; cursor: hand;
}
#volume-max{
	position:relative;
	display:block;
	background-image: url(images/big_speaker.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 35px;
	cursor: pointer; cursor: hand;
}
.button_spacer{
	position:relative;
	display:block;
	background-image: url(images/spacer.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 1px;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=333333&bgTextureHeader=08_diagonals_thick.png&bgImgOpacityHeader=8&borderColorHeader=a3a3a3&fcHeader=eeeeee&iconColorHeader=bbbbbb&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=222222&iconColorContent=222222&bgColorDefault=111111&bgTextureDefault=02_glass.png&bgImgOpacityDefault=40&borderColorDefault=777777&fcDefault=e3e3e3&iconColorDefault=ededed&bgColorHover=1c1c1c&bgTextureHover=02_glass.png&bgImgOpacityHover=55&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=222222&iconColorActive=222222&bgColorHighlight=ffeb80&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=ffde2e&fcHighlight=363636&iconColorHighlight=4ca300&bgColorError=cd0a0a&bgTextureError=06_inset_hard.png&bgImgOpacityError=45&borderColorError=9e0505&fcError=ffffff&iconColorError=ffcf29&bgColorOverlay=aaaaaa&bgTextureOverlay=04_highlight_hard.png&bgImgOpacityOverlay=40&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=03_highlight_soft.png&bgImgOpacityShadow=50&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; width: 1px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em;width: 1px; }
.ui-widget-content { border: 1px solid #cccccc; color: #222222; width: 1px; }
.ui-widget-content a { color: #222222; width: 1px;}
.ui-widget-header { border: 1px solid #a3a3a3; background: #333333; color: #eeeeee; font-weight: bold;width: 1px; }
.ui-widget-header a { color: #eeeeee;width: 1px; }

/* Interaction states
----------------------------------*/

/* Icons
----------------------------------*/



/* Misc visuals
----------------------------------*/

/* Corner radius */

/* Overlays */
----------------------------------*/
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 50px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 30px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-resizable { position: relative;width: 1px;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;width: 1px;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; width: 1px; }
.ui-resizable-s { cursor: s-resize; width: 1px; }
.ui-resizable-e { cursor: e-resize; width: 1px; }
.ui-resizable-w { cursor: w-resize; width: 1px; }
.ui-resizable-se { cursor: se-resize; width: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 1px; }
.ui-resizable-nw { cursor: nw-resize; width: 1px; }
.ui-resizable-ne { cursor: ne-resize; width: 1px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; vertical-align:middle; margin-top:14px;width:0px;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2;  height:0px; width:0px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; border: 0;height:0px; width:0px;}

.ui-slider-horizontal { height:6px; width:0px; }
.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left:0; width:0px;}
.ui-slider-horizontal .ui-slider-range { top: 0; height:6px;width:1px; width:0px;}
.ui-slider-horizontal .ui-slider-range-min { left: 0; width: 1px;}
.ui-slider-horizontal .ui-slider-range-max { right: 0;width: 30px; }

