/*
CSS Stylesheet for www.thebarlab.com
Copyright 2011 Frank Appio
*/

div.jp-audio {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em;

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #FF0000;
}



div.jp-audio {
	width:440px;
	background:none;
}




div.jp-interface {
	position: relative;
	background-color:#000000;
	/* width:418px; */
	width:415px;
	border:0px solid #000000;
}

div.jp-audio  div.jp-interface {
	height:88px;
	border-bottom:none;
	top:10px;
	left:18px;
	
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}




div.jp-interface ul.jp-controls li {
	/* position: absolute; */
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}



a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
	z-index:1;
}



div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top:20px;
	left:40px;
}



div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
	top:20px;
	left:48px;
}



a.jp-play {
	background: url("../skin/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}



div.jp-audio div.jp-type-single a.jp-stop {
	top:26px;
	left:90px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
	top:26px;
	left:126px;
}


a.jp-stop {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	z-index:1;
}
a.jp-stop:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}


div.jp-audio div.jp-type-playlist a.jp-previous {
	left:20px;
	top:26px;
}



a.jp-previous {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-next {
	left:88px;
	top:26px;
}



a.jp-next {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}




div.jp-progress {
	position: absolute;
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-type-single div.jp-progress {
	top:32px;
	left:130px;
	width:122px;
	height:15px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	top:32px;
	left:164px;
	width:122px;
	height:15px;
}



div.jp-seek-bar {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	/* height:15px; */
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -218px repeat-x  ;
	width:0px;
	/* height:15px; */
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../skin/pbar-ani.gif");
}



a.jp-mute,
a.jp-unmute {
	width:18px;
	height:15px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top:32px;
	left:274px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	top:32px;
	left:296px;
}




a.jp-mute {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-mute:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../skin/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}



div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("../skin/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}



div.jp-audio div.jp-type-single div.jp-volume-bar {
	top:37px;
	left:302px;
}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
	top:37px;
	left:324px;
}




div.jp-volume-bar-value {
	background: url("../skin/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}



div.jp-current-time,
div.jp-duration {
	position: absolute;
	font-size:.64em;
	
}



div.jp-duration {
	text-align: right;
}



div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
	top:49px;
	left:130px;
	width:122px;
}



div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
	top:49px;
	left:164px;
	width:122px;

}



div.jp-playlist {
	/* width:418px; */
	width:100%;
	background-color:#000000;
	border:0px solid #000000;
	border-top:none;
}




div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	/* background-color:#ccc; */
	/* border:1px solid #009be3; */
	/* border-top:none; */
	/* width:378px; */
	font-size:.72em;
}




div.jp-type-single div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-type-playlist div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}


/*
div.jp-video div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
*/


div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
	padding:5px 0 5px 20px;
	border-bottom:none;
}


div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}





div.jp-type-playlist div.jp-playlist a {
	color: #FFFFFF;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#EEEE11;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#FF0000;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
	display:inline;
	margin-left:20px;
}




div.jp-jplayer {
width:0px;
height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}
div.ipod {
	background-image:url(Ipod_Touch_Vector.png);
	height:1220px;
	width:520px;
position:relative;
z-index:1;
float:right;
margin-bottom:0px;
margin-top:-220px;

/* Zoom for iPod part of page 
	Will integrate with dynamic sizing solution
	*/

-moz-transform: scale(0.8, 0.8) translate(10%, 10%);
    -webkit-transform: scale(0.8, 0.8) translate(10%, 10%);
    -o-transform: scale(0.8, 0.8) translate(10%, 10%);
    transform: scale(0.8, 0.8) translate(10%, 10%);
}

div.playerspot {
position:absolute;
right:50px;
top:170px;

}

div.footer{
	color:#FFF;
	background-color:#000;
	width:345px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:justify;
	margin-bottom:100px;
	margin-top:-110px;
	margin-right:65px;
	position:relative;
	float:right;
	clear:right;
	z-index:1;
	border-style:ridge;
	border-color:#CCC;
	border-width:5px;
	
	/* Zoom for Lease part of page 
	Will integrate with dynamic sizing solution
	*/
	
	-moz-transform: scale(0.8, 0.8) translate(10%, 10%);
    -webkit-transform: scale(0.8, 0.8) translate(10%, 10%);
    -o-transform: scale(0.8, 0.8) translate(10%, 10%);
    transform: scale(0.8, 0.8) translate(10%, 10%);
}

footer {
	color:#FFF;
	background-color:#000;
	width:270px;
	padding:20px;
	text-align:justify;
	text-transform:uppercase;
	margin-bottom:50px;
	margin-top:-60px;
	margin-right:72px;
	position:relative;
	float:right;
	clear:right;
	z-index:1;
	border-style:ridge;
	border-color:#CCC;
	border-width:5px;
	font-size:.7em;
}

#centerfooter { text-align:center;
font-size:1.3em;
margin-top:0px;
}

div.graffooter{
	margin-right:75px;
	position:relative;
	float:right;
	clear:both;
	z-index:1;
	border-style:none;
}


hr {position:absolute;
top:1500px;
}

#ppl {text-align:right;}


body.main{
	background-image:url(background.jpg);
	background-attachment:fixed;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	
}


iframe {
        height:844px;
		width:935px;
overflow:hidden;
		border:hidden;
		z-index:0;
		margin-left:10px;
}

div.iframe {position:fixed;
top:10px;
left:10px;
width:940px;
height:848px;

/* Zoom for Notebook part of page 
	Will integrate with dynamic sizing solution
	*/

    -moz-transform: scale(0.8, 0.8) translate(-10%, -10%);
    -webkit-transform: scale(0.8, 0.8) translate(-10%, -10%);
    -o-transform: scale(0.8, 0.8) translate(-10%, -10%);
    transform: scale(0.8, 0.8) translate(-10%, -10%);
	
}

.jp-playlist {
	position:relative; 
	height:562px;
	max-width:433px;  
	left:0px;		
	overflow:auto;
	 
}

div.jp-type-playlist {height:20px;}

#clock {
	position:relative;
	text-align:right;
	font-size:.72em;
	right:-172px;
    top:142px;
	color:#FFFFFF;
	padding:0px;
	background:none;
	border:0px;
	z-index:3;
    
}

A:visited {text-decoration:none; color:#CCC;}
A:active {text-decoration:none; color:#FF0000;}
A:hover {text-decoration:none; color:#EEEE11;}

#ticker {
	color:#F00;
	position:absolute;
	overflow:hidden;
	width:440px;
	height:28px;
	right:55px;
    top:160px;
	padding:0px;
	border:0px;
	z-index:3;
}