﻿/* Cascading Stylesheet for Common Elements */

/*
 * GENERAL STYLES
 */
a { color: #045a93; outline: none !important; }

a:hover { text-decoration: underline !important; }
select option { padding-right: 20px; }

img { border: 0; }

p
{
	margin: 1em auto;
}

li
{
	margin-left: 3em;
}

h2
{
	margin: 0 auto .9em auto;
}

h3, h4, h5, h5
{
	margin: 0 auto .5em auto;
}

table
{
	border-collapse: collapse;
}

td
{
	vertical-align: top;
}

input.textbox, textarea.textbox, select
{
	border: 1px solid #c4b388;
}


.SubHead
{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 5px;
}


/*
 * HOME PAGE AND LAYOUT STYLES
 */
 
.wide-content
{
	border: 1px solid #888;
	margin: 0 3px;
	padding: 5px;
	background: #FFF;
}
 
.main-content { display: inline-block; }

.main-content
{
	display: block;
	overflow: hidden;
	
	width: 968px;
	position: relative;
	padding: 15px 0 18px 0;
	background: url(../images/home-content-bg.png) repeat-y top left;
}

.main-content .mch
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 18px;
	z-index: 1;
	background: url(../images/home-content-top.png) no-repeat top left;
	overflow: hidden;
}

.main-content .mcf
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 18px;
	z-index: 1;
	background: url(../images/home-content-bottom.png) no-repeat top left;
	overflow: hidden;
}

.main-content .center
{
	position: relative;
	z-index: 2;
	float: left;
	width: 411px;
	margin-left: 179px !important;
	margin-left: 90px;
}

.main-content .center ul
{
	padding: 0;
}

.main-content .skyscraper-ad
{
	position: absolute;
	top: 15px;
	left: 6px;
	z-index: 2;
}

.main-content .freestuff-ad
{
	position: absolute;
	top: 630px;
	left: 6px;
	z-index: 2;
}

.main-content .game-ad
{
	position: absolute;
	top: 805px;
	left: 6px;
	z-index: 2;
}


.main-content .sidebar
{
	position: relative;
	z-index: 1;
	margin-left: 617px;
	padding:  275px 6px 0 6px;
}

.main-content .square-ad
{
	position: absolute;
	top: 15px;
	right: 24px;
	z-index: 2;
}

.main-content .sidebar .latest-forum
{
	width: 336px;
	background: url(../images/home-forum-item-bg.png) repeat-y top left;
}

.main-content .sidebar .latest-forum h3
{
	background: url(../images/home-forum-header.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

.main-content .sidebar .latest-forum ul
{
	background: url(../images/home-forum-footer.png) no-repeat bottom left;
	padding: 0 5px 10px 5px;
	overflow: hidden;
}

.main-content .sidebar .latest-forum li
{
	list-style: none;
	border-bottom: 1px solid #555;
	padding: 4px 3px;
	margin: 0 3px;
}

.main-content .sidebar .latest-forum li a
{
	color: #b2d5e8;
}

.main-content .sidebar .latest-videos
{
	width: 336px;
	background: url(../images/home-forum-item-bg.png) repeat-y top left;
}

.main-content .sidebar .latest-videos h3
{
	background: url(../images/home-videos-header.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

.main-content .sidebar .latest-videos .footer
{
	background: url(../images/home-forum-footer.png) no-repeat bottom left;
	padding: 0 5px 10px 5px;
	overflow: hidden;
}

.main-content .sidebar .latest-videos table
{
	width: 96% !important;
}

.main-content .sidebar .latest-videos a
{
	color: #b2d5e8;
}

.main-content .sidebar .latest-videos table
{
	margin: 5px;
}

/*
 * NEWS
 */
.main-content .center .latest-news
{
	margin: 0 auto 10px auto;
}

.main-content .center .latest-news h3
{
	margin: 0;
	
	background: url(../images/home-news-header.png) no-repeat top left;
	height: 23px;
	margin-bottom: 5px;
}

.main-content .center .latest-news h3 a
{
	display: block;
	text-indent: -9999px;
	height: 23px;
	overflow: hidden;
}

.latest-news li
{
	list-style: none;
	margin: 0 auto 10px auto;
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 10px;
}

.latest-news h4
{
	float: right;
	width: 240px;
	margin: 0;
	font-size: 1em;
}

.latest-news h4 a
{
	color: #045a93;
	text-decoration: none;
}

.latest-news table.i
{
	table-layout: fixed;
	display: block;
	float: left;
	width: 165px;
	height: 100px;
	vertical-align: middle;
	line-height: 90px;
	text-align: center;
	background: url(../images/news-img-bg.png) no-repeat top left;
	margin-right: 5px;
}

.latest-news table.i td
{
	vertical-align: middle;
	text-align: center;
	width: 155px;
	height: 90px;
	padding: 5px;
	overflow: hidden;
}

.latest-news table.i a
{	
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}

.latest-news table.i img
{
	max-width: 155px;
	max-height: 88px;
		
	border: 1px solid #FFF;
}

.latest-news li { display: inline-block; }
.latest-news li { display: block; overflow: hidden; }

.latest-news .rm
{
	float: right;
	padding-right: 22px;
	margin-right: 10px;
	background: url(../images/read-more-icon.png) no-repeat right 50%;
	line-height: 15px;
	color: #045a93;
	font-weight: bold;
	text-decoration: none;
}

.news-article
{
	color: #333;
}

.news-article p
, .news-article br
{
	padding-bottom: 10px;
}

.news-article h2
{
	margin: 0 0 10px 0;
}

.news-article img.i
{
	border: 5px solid #c0c0c0 !important;
	float: left;
	margin-right: 10px;
	max-width: 200px;
	max-height: 200px;
}

.news-article .summary
{
	margin-top: 0;
	margin-bottom: 1.5em;
}

/*
 * UPCOMING EVENTS
 */
 
 .main-content .center .upcoming-events h3
{
	margin: 0;
	
	background: url(../images/home-events-header.png) no-repeat top left;
	height: 23px;
	margin-bottom: 5px;
}

.main-content .center .upcoming-events h3 a
{
	display: block;
	text-indent: -9999px;
	height: 23px;
	overflow: hidden;
}


.main-content .center .upcoming-events dl
{
	display: inline-block;
}

.main-content .center .upcoming-events dl
{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.main-content .center .upcoming-events dt
{
	font-size: 1.2em;
	font-weight: bold;
}

.main-content .center .upcoming-events li
{
	list-style: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/*
 * STATION PAGES
 */
 
.station-nav
{
	background: #7a7a7a;
	text-align: center;
	margin-bottom: 1.5em;
}

.station-nav .snh
{
	height:10px;
	background: url(../images/station-nav-header.png) no-repeat top left;
}

.station-nav .snf
{
	height:10px;
	background: url(../images/station-nav-footer.png) no-repeat top left;
	overflow: hidden;
}

.station-nav h2
{
	margin: 0 0 10px 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

.station-nav li
{
	list-style: none;
	margin: 30px;
	display: inline;
}

.station-nav li a
{
	color: #f0f0f0;
	text-decoration: none;
	padding-left: 16px;
	background: url(../images/station-nav-icon.png) no-repeat left 50%;
}

.station-nav li.active a
, .station-nav li a:hover
{
	background: url(../images/station-nav-icon-on.png) no-repeat left 50%;
}

/*
 * Rating Settings
 */
 
span.rating-wrapper span.t
{
	display: none;
}

span.rating-wrapper a
{
	display: block;
	width: 19%;
	height: 100%;
	float: left;
}

span.rating-wrapper
{
	display: block;
	width: 62px;
	height: 12px;
	position: relative;

	overflow: hidden;
	background-repeat: no-repeat;
}

span.rating-wrapper span.m
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f0f0;
	font-size: 10px;
	white-space: nowrap;
}

span.Rating_0{ background: url(../images/RatingImages/stars-0.gif) right top; }
span.Rating_1{ background: url(../images/RatingImages/stars-1.gif) right top; }
span.Rating_2{ background: url(../images/RatingImages/stars-2.gif) right top; }
span.Rating_3{ background: url(../images/RatingImages/stars-3.gif) right top; }
span.Rating_4{ background: url(../images/RatingImages/stars-4.gif) right top; }
span.Rating_5{ background: url(../images/RatingImages/stars-5.gif) right top; }
span.Rating_6{ background: url(../images/RatingImages/stars-6.gif) right top; }
span.Rating_7{ background: url(../images/RatingImages/stars-7.gif) right top; }
span.Rating_8{ background: url(../images/RatingImages/stars-8.gif) right top; }
span.Rating_9{ background: url(../images/RatingImages/stars-9.gif) right top; }
span.Rating_10 { background: url(../images/RatingImages/stars-10.gif) right top; }
span.Rating_NoRating { background: url(../images/RatingImages/no_rating.gif) right top; }

span.Rating_Hover_0 { background: url(../images/RatingImages/stars-0.gif) right top; }
span.Rating_Hover_1 { background: url(../images/RatingImages/stars-1.gif) right top; }
span.Rating_Hover_2 { background: url(../images/RatingImages/stars-2.gif) right top; }
span.Rating_Hover_3 { background: url(../images/RatingImages/stars-3.gif) right top; }
span.Rating_Hover_4 { background: url(../images/RatingImages/stars-4.gif) right top; }
span.Rating_Hover_5 { background: url(../images/RatingImages/stars-5.gif) right top; }
span.Rating_Hover_6 { background: url(../images/RatingImages/stars-6.gif) right top; }
span.Rating_Hover_7 { background: url(../images/RatingImages/stars-7.gif) right top; }
span.Rating_Hover_8 { background: url(../images/RatingImages/stars-8.gif) right top; }
span.Rating_Hover_9 { background: url(../images/RatingImages/stars-9.gif) right top; }
span.Rating_Hover_10 { background: url(../images/RatingImages/stars-10.gif) right top; }

.station-table-wrapper
{
	background: url(../images/station-table-header.png) no-repeat top left;
	padding: 2px 5px;
	margin-bottom: 20px;
}

.station-table-wrapper h3
{
	text-align: center;
}

.station-table-wrapper thead
{
	color: #045a93;
	text-align: left;
}

.station-table-wrapper th
, .station-table-wrapper td
{
	padding: 4px 5px;
}

.station-table-wrapper td
{
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.station-table-wrapper td.split-top
{
	border-bottom: 0;
}

.station-table-wrapper td.split-bottom
{
	border-top: 0;
}

.station-table-wrapper a
{
	text-decoration: underline;
	color: #000;
}



/*
 * Station List
 */
 .station-list li.item
 {
 	display: block; overflow: hidden;
 	
 	list-style: none;
 	margin: 0 15px 15px 10px;
 	padding-bottom: 10px;
 	border-bottom: 2px solid #d3d3d3;
 }
 
 .station-list li.item .i
{
	float: left;
	width: 164px;
	height: 46px;
	text-align: center;
	overflow: hidden;
	background: url(../images/station-img-bg.png) no-repeat top left;
	margin: 0 10px 3px 0;
	padding-top: 7px;
}

.station-list li.item .i img
{
	display: block;
	margin: auto;
	width: 160px;
	height: 39px;
}

.station-list li.item h3
{
	float: right;
	width: 210px;
	margin: 0;
}

.station-list li.item a
{
	color: #045a93;
	text-decoration: none;
}

.station-list li.item p.s
{
	font-style: italic;
	margin-bottom: 0;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
}

.station-list li.item ul.o
{
	margin-left: 174px;
}

.station-list li.item ul.o li
{
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	padding-bottom: 3px;
}

/*
 * Now Playing
 */
.now-playing
{
	width: 391px;
	height: 50px;
	padding: 5px 10px;
	margin: 0 auto 1em auto;
	position: relative;
	
	background: url(../images/now-playing-bg.png) no-repeat top left;
}

.now-playing dt, .now-playing dd
{
	line-height: 20px;
}

.now-playing dl.cp 
{
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1.1em;
	line-height: 1.1em;
}

.now-playing dl.cp dt
{
	display: inline;
	padding-right: 5px;
	color: #FFF;
}

.now-playing dl.cp dd
{
	white-space: nowrap;
	display: inline;
	color: #bbefff;
}

.now-playing dl.ti dt
{
	display: none;
}

.now-playing dl.ti li
{
	font-size: 2em;
	float: left;
	list-style: none;
	line-height: 16px;
	padding-left: 20px;
	margin: 0 20px 0 0;
	height: 16px;
}

.now-playing li.sc32
, .now-playing li.sc64
{
	background: url(../images/now-playing-sc.png) no-repeat left 50%;
}

.now-playing li.wm32
, .now-playing li.wm128
{
	background: url(../images/now-playing-wm.png) no-repeat left 50%;
}

.now-playing li.sa128
{
	background: url(../images/now-playing-sa.png) no-repeat left 50%;
}

.now-playing dl.ti a
{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
}

.now-playing li.sc32 a
, .now-playing li.wm32 a
{
	width: 28px;
	background: url(../images/layout/32kbps-icon.png) no-repeat left 50%;
}

.now-playing li.sc64 a
{
	width: 28px;
	background: url(../images/layout/64kbps-icon.png) no-repeat left 50%;
}

.now-playing li.wm128 a
{
	width: 31px;
	background: url(../images/layout/128kbps-icon.png) no-repeat left 50%;
}

.now-playing li.sa128 a
{
	width: 31px;
	background: url(../images/layout/128kbps-icon.png) no-repeat left 50%;
}

/*
 * Song Search
 */
.song-search
{
	margin-bottom: 15px;
}

.song-search dl
{
	margin-bottom: 10px;
}

.song-search dt
{
	font-weight: bold;
	margin-bottom: 5px;
}

.song-search dl.l dd
{
	text-align: center;
}

.song-search dd a
{
	color: #045a93;
	text-decoration: none;
	padding: 0;
	margin: auto 1px;
}

.song-search fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

.song-search legend
{
	display: none;
}

.song-search dl.s input
{
	vertical-align: middle;
}

.song-search dl.s input.textbox
{
	width: 285px;
	height: 1.2em;
}

/*
 * SEARCH
 */
fieldset.search-box
{
	border: 0;
}

fieldset.search-box legend
{
	display: none;
}

fieldset.search-box input
{
	vertical-align: middle;
}

fieldset.search-box input.textbox
{
	font-size: 1.2em;
	width: 300px;
}

.search-results
{
	margin-top: 15px;
}
 
.search-results .result
{
	margin-bottom: 15px;
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #d9d9d9;
}

.search-results .result h3
{
	margin: 0 0 5px 0;
	font-size: 1em;
}

.search-results .result p
{
	margin: 0;
}

/*
 * FAQ
 */
.faq dl
{
	padding-left: 3px;
	margin-bottom: 10px;
}
 
.faq dt
{
	padding-left: 20px;
	background: url(../images/question-mark.png) no-repeat left top;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

.faq dt a
{
	text-decoration: none;
}

.faq dd
{
	
	padding-left: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #d9d9d9;
}

/*
 * VIDEO
 */
.video table
{
	display: block;
	margin: 0 auto;
}

.video #jambocast_wrapper
{
	padding-top: 5px;
	width: 300px;
	margin: 0 auto;
}

/*
 * body.StationListen overrides
 */

#EmbedE { color: Red; }
#EmbedU, #EmbedP { width: 75px; }

body.StationListen .main-content .mch
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	z-index: 1;
	background: url(../images/listen-content-top.png) no-repeat top left;
}

body.StationListen .main-content .center
{
	padding-top: 455px;
	position: relative;
	overflow: visible;
}

body.StationListen .main-content .chat-container
{
	position: absolute;
	z-index: 500;
	top: -5px;
	height: 450px;
	width: 590px;
	left: -173px;
}

body.StationListen .main-content .chat-area
{
	height: 405px;
}

body.StationListen .main-content .skyscraper-ad
{
	top: 465px;
}

body.StationListen .main-content .freestuff-ad
{
	top: 1080px;
}

body.StationListen .main-content .game-ad
{
	top: 1255px;
}

body.StationListen .chatroom
, body.StationListen .chatroom embed
{
	background: #FFF;
	width: 590px;
	height: 370px;
}

/*
 * CONTACT US
 */
.contact-us dl
{
	padding-bottom: 10px;
}

.contact-us dt
{
	font-weight: bold;
}

.contact-us input.textbox
{
	display: block;
	width: 65%;
}

.contact-us textarea.textbox
{
	display: block;
	width: 99%;
}

.contact-us dl.captcha dt
, contact-us dl.confirm dt
{
	display: none;
}

div.title
{
	font-size: 1.5em;
	font-weight: bold;
}

div.MenuHeader
{
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #c4b388;
}

body.RadEContentBordered
{
	background: #FFF !important;
}

/*
 * CALENDAR
 */
 
 table.Event td
 {
 	padding: 2px !important;
 }
 
.ListHeader
{
	background: #1d6d8e !important;
	color: #b2d7e7 !important;
	font-weight: bold !important;
	padding: 5px 8px !important;
	height: auto !important;
	font-size: 13px !important;
	font-family: inherit !important;
}


/*
 * FORUM
 */
.afcontainer, .afcontainer *
{
	font-family: inherit !important;
}

.afcontainer a
, .afcontainer a:link
, .afcontainer a:visited
, .afcontainer a:active
{
 	color: #045A93 !important;
}

.afgrouprow
{
	background: #1d6d8e !important;
	color: #b2d7e7 !important;
	height: auto !important;
	padding: 5px 10px !important;
}

/*
 * ADMIN MENUS
 */
.ModuleTitle_SubMenu
{
	background: #FFF;
	border: 1px solid #909090;
}

.ModuleTitle_MenuItem td
{
	vertical-align: middle;
}

/*
 * Gallery
 */
.gallery-comments th
.gallery-comments td
{
	padding: 4px;
}