/* General Styles for Elements */

body{
	color:#000;
padding:0px;
margin:0px;
font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a:hover{text-decoration:none;}

#mainFrame {
	background-color:#0F0F0F;
}
a:focus { 
    outline: none; 
}

.MainCopy {
    font-size: 14px;
}

/* Navigation Styling */

#navigation {
width:223px;
float:left;	
padding-top: 5px;
}

#navigation  ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
	
#navigation  li {
margin: 0;
padding: 0;
}

#navigation li a {
display: block;
   height:41px; width:237px;
   background:transparent url(../images/ps_main_nav.png) no-repeat 0 0;
   text-indent:-9009px;
text-decoration: none;
width: 100%;
}
#navigation li#propaganda a {
	background-position: 0 -41px;
}
#navigation li#propaganda a:hover {
	background-position: -241px -41px;
}
#navigation li#credits a {
	background-position: 0 -82px;
}
#navigation li#credits a:hover {
	background-position: -241px -82px;
}
#navigation li#gallery a {
	background-position: 0 -123px;
}
#navigation li#gallery a:hover {
	background-position: -241px -123px;
}
#navigation li#contact a {
	background-position: 0 -164px;
}
#navigation li#contact a:hover {
	background-position: -241px -164px;
}

html>body #button li a {
width: auto;

}

#navigation li a:hover {
	background-position: -241px 0; 
	
}
.subPage {padding: 8px 0 0 8px;}

/* End Navigation */

#container {background: url(../skin/jplayer_bg.png) 3px 3px no-repeat; position:absolute; top:115px; right: 8px; padding:0 10px 13px 0; }

.headers { color:#352C78; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; text-shadow: 0 0 0.1em #000, 0 0 0.1em #000; margin-top: 0; }

/* Homepage Styling */

#homeContent {
	float:left;
margin-left: 10px;
}

#subContent {
	width: 395px;
	height: 305px;
	float:left;
	overflow:auto;
	padding-left: 15px;
	margin-top: 8px;
	text-align:left;
}
.m_text
	{
		font-family:Tahoma;
		font-size:10px;
		line-height:12px;
		color:#959489;
	}

.h_text
	{
		font-family:Tahoma;
		font-size:10px;
		line-height:12px;
		color:#C3C3C1;
	}
	
.l_text
	{
		font-family:Tahoma;
		font-size:10px;
		line-height:10px;
		color:#B9BABA;
	}
	
.c_text
	{
		font-family:Tahoma;
		font-size:11px;
		line-height:11px;
		color:#A9A9A9;
	}

.form
	{
		width:143px; height:18px; border-color:#494E38; border-width:1px; background-color:#5E6448; padding-left:6px; padding-top:2px
	}
.form_div
	{
		height:21px; margin-top:3px;
	}
		
	a.c_text{text-decoration:none;}	
	a.c_text:hover{text-decoration:underline;}

/* Music Player */

                .ui-slider .ui-slider-handle {
                   color: white; position: absolute; z-index: 2; width: 3px; height: 8px; cursor: pointer;
                 }
                .ui-state-default, .ui-widget-content .ui-state-default {
                   background:white;
                   color: white;
                }
                
				.ui-slider-horizontal { height: .7em; }
				.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: 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: 0; }
				#player_container.small a.ui-slider-handle { width: 4px; height: 16px; }
				
				.audioplayer {
					background: #000 url("../images/gradient.png") 0 0 repeat-x;
					position:fixed; 
					left:0;
					bottom:0;
					width: 100%;
				}
				
				#player_container {
					width:740px;
					height:30px;
					left:0;
					bottom:0;
				}
				#player_container.small {
					position: relative;
					background-color:#666;
					width:320px;
					height:80px;
					margin: 0px;
					-moz-border-radius-topleft: 6px;
					-webkit-border-top-left-radius: 6px;
					-moz-border-radius-topright: 6px;
					-webkit-border-top-right-radius: 6px;
				}
				
				#player_container  ul#player_controls {
					list-style-type:none;
					padding:0;
					margin: 0;
				}
				#player_container  ul#player_controls li {
					overflow:hidden;
					text-indent:-9999px;
				}
				
				#player_play,
				#player_pause {
					display: block;
					position: absolute;
					left:24px;
					top:2px;
					width:30px;
					height:30px;
					cursor: pointer;
				}
				#player_play {
					background: url("../images/spirites-white.png") 0 0 no-repeat;
				}
				#player_play.jqjp_hover {
					background: url("../images/spirites-white.png") -41px 0 no-repeat;
				}
				#player_pause {
					background: url("../images/spirites-white.png") 0 -42px no-repeat;
				}
				#player_pause.jqjp_hover {
					background: url("../images/spirites-white.png") -41px -42px no-repeat;
				}
				
				#ctrl_next {
					position: absolute;
					left:53px;
					top:2px;
					background: url("../images/spirites-white.png") 0 -141px no-repeat;
					width:28px;
					height:28px;
					cursor: pointer;
				}
				#ctrl_next:hover {
					background: url("../images/spirites-white.png") -29px -141px no-repeat;
				}
				#ctrl_next.disabled {
					background: url("../images/spirites-white.png") -58px -141px no-repeat;
					cursor:default;
				}
				
				
				#player_stop {
					position: absolute;
					left:80px;
					top:2px;
					background: url("../images/spirites-white.png") 0 -83px no-repeat;
					width:28px;
					height:28px;
					cursor: pointer;
					display: none;
				}
				#player_stop.jqjp_hover {
					background: url("../images/spirites-white.png") -29px -83px no-repeat;
				}
				
				#player_current_track {
					position: absolute;
					left:165px;
					top:2px;
				    color: white;
					width:222px;
					height:14px;
					font-size: 11px;
					font-weight: bold;
					font-family: arial,helvetica;
					overflow: hidden;
				}
				
				#player_container.small #player_current_track {
					left:10px;
					top:10px;
					width: 220px;
					line-height: 14px !important;
				}
				
				
				#player_current_track span {
					white-space: nowrap;
				}
				
				#ctrl_prev {
					position: absolute;
					left:0px;
					top:2px;
					background: url("../images/spirites-white.png") 0 -112px no-repeat;
					width:28px;
					height:28px;
					cursor: pointer;
				}
				#ctrl_prev:hover {
					background: url("../images/spirites-white.png") -26px -112px no-repeat;
				}
				#ctrl_prev.disabled {
					background: url("../images/spirites-white.png") -58px -112px no-repeat;
					cursor:default;
				}
				#player_container.small {
					height: 70px;
				}
				
				
				#player_container.small #player_play, #player_container.small #player_pause {
					display: block;
					position: absolute;
					left:28px;
					top:32px;
					width:40px;
					height:40px;
					cursor: pointer;
				}
				#player_container.small #ctrl_prev {
					position: absolute;
					left:2px;
					top:33px;
				}
				
				#player_container.small #ctrl_next {
					position: absolute;
					left:60px;
					top:32px;
				}
				
				
				#player_container.small #player_stop {
					position: absolute;
					left:90px;
					top:32px;
					background: url("../images/spirites-white.png") 0 -83px no-repeat;
					width:28px;
					height:28px;
					cursor: pointer;
				}
				
				#player_volume_min {
					position: absolute;
					left:95px;
					top:8px;
					background: url("../images/spirites-white.png") 0 -170px no-repeat;
					width:18px;
					height:28px;
					cursor: pointer;
				}
				
				#player_volume_min:hover {
					position: absolute;
					left:95px;
					top:8px;
					background: url("../images/spirites-white.png") 0 -193px no-repeat;
					width:18px;
					height:28px;
					cursor: pointer;
				}
				
				#player_container.small #player_volume_min {
					position: absolute;
					left: 591px;
					top: 33px;
					margin-left: 30px;
				}
				
				#player_container.small #player_volume_max {
					position: absolute;
					left: 591px;
					top: 33px;
					margin-left: 30px;
				}
				
				#player_volume_bar {
					position: absolute;
					left:120px;
					top:10px;
					width:35px;
					height:12px;
					cursor: pointer;
					background: url("../images/volume_bar_white.gif") 0 2px no-repeat;
				}
				
				#player_volume_bar_value {
					background: url("../images/volume_bar_white.gif") no-repeat 2px left;
					width: 60px;
					height:15px;
					-webkit-border-bottom-left-radius: 0 0 !important;
					-webkit-border-bottom-right-radius: 0 0 !important;
				}
				
				
				#player_container.small #player_volume_bar {
					left:270px;
					top:42px;
				}
				
				
				#play_time, #total_time {
					position: absolute;
					left:165px;
					top:17px;
					width:85px;
					font-size:.7em;
					font-family: monospace;
				    color: white;
				}
				#total_time {
					text-align: right;
					display: none;
				}
				#player_container.small #play_time, #player_container.small #play_time {
					left: 280px;
					top:12px;
					width:286px;
					font-size:.8em;
					line-height: 10px !important;
				}
				
				#download_link {
					position: absolute;
					left: 410px;
					top: 6px;
					width: 65px;
					font-size:.8em;
				    color: #f2f2f2;
				    text-align: center;
				    background: rgba(0, 0, 0, 0.2);
				    padding: 3px;
				    border: 1px solid rgba(255, 255, 255, 0.5);;
				    -webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px
				}
				.small #download_link {
					top: 10px;
					left: 230px;
				}
				
				#download_link a {
					color: #f2f2f2;
					font-family: arial,helvetica;
					font-size:.7em;
					text-transform: capitalize;
					text-decoration: none;
				}
				
				.small #download_link a {
					font-size: 1.0em;
				}
				
				#download_link a:hover { 
					text-decoration: underline;
				}
				
				.jScrollPaneContainer {
				background: #efefef url(images/playlist_bg.png) 0 0 repeat;
				}
				
				.jScrollPaneTrack {
					-moz-border-radius-topleft: 3px;
					-webkit-border-top-left-radius: 3px;
					-moz-border-radius-topright: 3px;
					-webkit-border-top-right-radius: 3px;
					-moz-border-radius-bottomleft: 3px;
					-webkit-border-bottom-left-radius: 3px;
					-moz-border-radius-bottomright: 3px;
					-webkit-border-bottom-right-radius: 3px;
				}
				
				.jScrollPaneDrag {
					-moz-border-radius-topleft: 3px;
					-webkit-border-top-left-radius: 3px;
					-moz-border-radius-topright: 3px;
					-webkit-border-top-right-radius: 3px;
					-moz-border-radius-bottomleft: 3px;
					-webkit-border-bottom-left-radius: 3px;
					-moz-border-radius-bottomright: 3px;
					-webkit-border-bottom-right-radius: 3px;
				}
				
				#playlist_list {
					width: 320px;
					//height: 80px;
					-moz-border-radius-bottomleft: 6px;
					-webkit-border-bottom-left-radius: 6px;
					-moz-border-radius-bottomright: 6px;
					-webkit-border-bottom-right-radius: 6px;
				}
				
				#playlist_list_bar {
					height: 8px;
					width: 320px;
					-moz-border-radius-bottomleft: 6px;
					-webkit-border-bottom-left-radius: 6px;
					-moz-border-radius-bottomright: 6px;
					-webkit-border-bottom-right-radius: 6px;
				}
				
				#playlist_list ul{
					list-style-type:none;
					padding:5px 10px 10px 10px;
					margin:0 0 10px 0;
					border-top:none;
					width:300px;
					font-size:.9em;
					-moz-border-radius-bottomleft: 6px;
					-webkit-border-bottom-left-radius: 6px;
					-moz-border-radius-bottomright: 6px;
					-webkit-border-bottom-right-radius: 6px;
				}
				#playlist_list li{
					padding: 2px 0 2px 0;
					border-bottom:1px solid #e3e3e3;
					cursor: pointer;
					color: #666;
					font-size: 11px;
				}
				
				#playlist_list li:last-child {
					border: none;
				}
				
				#playlist_list li a {
				  	position: absolute;
					left: 255px;
					font-weight: normal !important;
					text-decoration: none;
					text-transform: capitalize;
					color: #666 !important;
				}
				
				#playlist_list li a:hover {
					color: #0D88C1 !important;
				}
				
				#playlist_list li.playlist_current {
					color:#0d88c1;
					cursor: default;
					font-weight: bold;
				}
				
				#playlist_list li.playlist_hover {
					color:#0d88c1;
				}

				#player_progress {
					position: absolute;
					left:200px;
					top:19px;
					background: url("../images/progress-bg.png") 0 0 repeat;
					height:5px;
					width:200px;

				}
				.small #player_progress {
					left:10px;
					top:26px;
					width:300px;
				}
				#player_progress_load_bar {
					background: url("../images/bar_load.png") 0 0 repeat;
					width:0px;
					height:5px;
					cursor: pointer;
				}
				#player_progress_load_bar.jqjp_buffer {
					background: url("../images/bar_buffer.gif")  top left repeat-x;
				}
				#player_progress_play_bar {
					background: url("../images/bar_play.gif") top left repeat-x ;
					width:0px;
					height:5px;
				}
				
				#player_volume_min, #player_volume_max {
					position: absolute;
					left:95px;
					top:8px;
					width:18px;
					height:14px;
					cursor: pointer;
				}
				#player_container.small #player_volume_min, #player_container.small #player_volume_max {
					left:221px;
					top:42px;
				}
				
				#player_volume_min {
					background: url("../images/spirites-white.png") 0 -170px no-repeat;
				}
				#player_volume_max {
					background: url("../images/spirites-white.png") 0 -194px no-repeat;
					display: none;
				}
				
				#player_volume_min:hover {
					background: url("../images/spirites-white.png") -20px -170px no-repeat;
					height: 14px;
				}
				#player_volume_max:hover {
					background: url("../images/spirites-white.png") -20px -194px no-repeat;
					height: 14px;
				}