/**

 *	yPlay Kick

 *

 *	A modified rendition of the radioy player interface as originally created

 *  by Nick Baker. Modification by Ray Hill.

 */



/*  Remove margins and padding. Hello cross browser compatibility.

    Goodbye guesswork.                                                       */

*

{ margin: 0; padding: 0; }



a

{ text-decoration: none; }



a img

{ border: 0; }



/*  Get the viewport setup */

body

{

	background: #f9d91f url(/streams/yplay/img/bg.gif) repeat-y;

    color: #FFFFFF;

	font: 0.8125em Arial, sans-serif; line-height: 1;

}







/* -------------------------------------------- */



#MasterNavigation

{

	background: #F7CA13 url(/streams/playground/ynavbg.gif) repeat-x right top;

	padding: 0 15px 0 10px;

	list-style: none;

	height: 30px;

	width: 540px;

	overflow: hidden;

}



#MasterNavigation li

{

	float: left;

	font-weight: bold;

	font-style: italic;

	font-size: 18px;

	margin-right: 8px;

}





#MasterNavigation a:link, #MasterNavigation a:visited

{

	background: url(/streams/playground/ynavbtnbg.gif) repeat-x left top;

	color: #000;

	display: block;

	padding: 6px 6px;

}



#MasterNavigation ul

{

	list-style-type: none;

	position: relative;

	z-index: 100;

	margin: 0;

	padding: 0;

	top: -1px;

	visibility: hidden;

}



#MasterNavigation ul li

{

	display: block;

	float: none;

	background: #000;

	border: 1px solid #FFF;

}



#MasterNavigation ul li a:link, #MasterNavigation ul li a:visited

{

	background: transparent;

	color: #FFF;

	padding: 0;

	margin: 0;

}



/* -------------------------------------------- */



#nowplaying

{

	/*

   width: 231px;

   height: 138px;

   background: url(/player/images/skin1/screen.jpg) top left repeat-y;

   overflow: hidden;

   */

}



#nowplaying .padding

{

    padding: 1px 15px;

}



#nowplaying h2

{

    position:relative;

    height:41px;

    left: -15px;

}



#nowplaying h2 span

{

    background:url(/player/images/skin1/border_top.gif) top left no-repeat;

	position: absolute;

    width: 365px;

	height: 36px;

}



#coverwrap

{

	position: relative;

    top: 1px;

    left: 0px;

}



#coverart

{

    position: absolute;

	width: 138px;

   height: 138px;

}



#coverart img

{

	width: 138px;

	height: 138px;

}



#songwrap

{

	position: relative;

	top: 8px;

    left: 150px;

}



#songdetails 

{

	list-style-type: none;

    position: absolute;

    width: 230px;

    overflow: hidden;

}

#songdetails .label

{

	position: absolute;

	margin-top: 1.25em;

	font-size: 9px;

	font-weight: bold;

	color: #60CCED;

}

#songdetails .value

{

	font-weight: bold;

	font-size: 115%;

	color: #FFF;

    display: inline-block;

    white-space: nowrap;

}

#songdetails li

{

	margin-left: 10px;

	padding-bottom: 1.4em;

}



/* -------------------------------------------- */



#timer

{

   position: absolute;

   top: 200px;

   left: 22px;

   background-color: #111;

   width: 90px;

   height: 1em;

   padding: 4px 0;

   overflow: hidden;

   text-align: center;

}



#timer div

{

    font-size: 12px;

    font-weight: bold;

    display: inline-block;

}



#timer .label

{

	display: none;

}



#ticker

{

   border-left: 1px #FFF solid;

   background-color: #111;

   width: 295px;

   position: absolute;

	padding: 4px 0;

   height: 1em;

	left: 110px;

   top: 200px;

   overflow: hidden;

}



#tscroll

{

   position: relative;

	left: 0px;

	font-size: 94%;

	font-weight: bold;

	padding: 0 10px;

	white-space: nowrap;

}



#tscroll a:link, #tscroll a:visited

{

	color: #FFC937;

	font-weight: bold;

}



/* -------------------------------------------- */

#overlay

{

	position: absolute;

	top: 75px;

	left: 20px;

	width: 520px;

	height: 165px;

	background: #FFF;

	overflow: hidden;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);

	opacity: .9;

	visibility: hidden;

}



#inactivitycheck, #timeoutreason, #timeoutclose

{

	position: absolute;

	top: 75px;

	left: 20px;

	width: 520px;

	height: 165px;

	visibility: hidden;

}



#inactivitycheck .padder, #timeoutreason .padder, #timeoutclose .padder

{

	padding: 20px;

	text-align: center;

	color: #000;

}



#inactivitycheck p.question

{

	font-size: 200%;

	font-weight: bold;

	margin-bottom: 1em;

}



#inactivitycheck p.reason

{

	margin-top: 1.5em;

}



#inactivitycheck input

{

	font-size: 140%;

	font-weight: bold;

}



#timeoutreason p, #timeoutclose p

{

	font-weight: bold;

	margin-bottom: 1em;

}



#timeoutreason input, #timeoutclose input

{

	font-weight: bold;

}



#diagnostic

{

	padding-top: 4em;

}





/* -------------------------------------------- */



#copyright

{

	width: 425px;

	text-align: center;

	font-size: 11px;

	color: #FFF;

}