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


/*****************************************************
* Global
*****************************************************/
* { padding: 0; margin: 0; }
.top_bar {
        left: 0px;
        top: 0px;
        text-align: center;
        font: normal 100% Arial, Helvetica, Verdana, sans;
        width: 100%;
        height: 24px;
        display: block;
        background: #333333;
        margin: 0;
        padding: 5px 0 5px 0;
}
ul, li { list-style-type: none; }

/*****************************************************
* Main Definitions
*****************************************************/
div#header_login {
                position: relative;
                margin: 0 auto;
                width: 900px;
                text-align: center;
        }
div#header_login { text-align: center; }

/* Main Banner **************************/


/****************************************/
/* Profile Banner ***********************/
	ul#fr_nowplaying_nav {
	margin: 0 6px 0 0;
        width: 890px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: left;
        padding: 0;
        }
	
	#fr_banner #home_header ul#fr_nowplaying_nav 
	{
		margin: 0;
	}
		ul#fr_nowplaying_nav li {
		        margin: auto; float: right; height: 23px; line-height: 23px;
                }
	
	        li#np_header          { width: 180px; height: 23px;}
	        li.nav_divider        { width: 19px; }
	 	li.now_playing	      { width: 610px; white-space: nowrap; font-family: verdana, Arial, Helvetica, sans-serif;
					color: #888 ; font-size: 10px; padding: 0.0em; overflow: hidden;}
		li#tune_in            { width: 74px; height: 40px; }
		ul#fr_nowplaying_nav li a {
                display: block;
                height: 23px;
                background-repeat: no-repeat;
                }
	
		li#np_header         { background-image: url(nowplaying_friskyradio.png); }
		li.nav_divider       { background-image: url(nav_divider.png); background-repeat: no-repeat; }
		li.now_playing       { padding-left: 0.4em; background: #000000; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
		li#tune_in a         { background-image: url(tune_in_tr.png); cursor: arrow;}
	
			/* PNG Hack for IE (stupid IE important) */
			* html ul#fr_nowplaying_nav li#np_header {
				background-image: none; 
				filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="nowplaying_friskyradio.png", sizingMethod="crop");
			}
			* html ul#fr_profile_nav li.nav_divider {
				background-image: none; 
				filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="nav_divider.png", sizingMethod="crop");
			}
			* html ul#fr_nowplaying_nav li.nav_divider {
                                background-image: none; 
                                filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="nav_divider.png", sizingMethod="crop");
                        }
			* html ul#fr_nowplaying_nav li#tune_in a {
				cursor: arrow; 
				background-image: none; 
				filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/_graphics/_banner/tune_in_tr.png", sizingMethod="crop");
			}
       		ul#fr_nowplaying_nav li a:hover {
                        background-position: left bottom;
                }
 
	ul#fr_nowplaying_nav li em {
            color: #cccccc;
	    font-style: normal;
        }


/****************************************/

/*****************************************************
*/

