/* To add a class to a specific module, add #xxxxx .classname {} */
/* If all your styles in the right column are the same, you could add #rightColumn .classname {} and it will effect every class with that name in the right column. */

/* All Possible Module Classes */
.textInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ccc;
	background: #000;
	border: 1px solid #333;
} /* Applies to modules with text fields only. */
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
} /* Applies to modules with text fields only. */
/*----------------------------------------------------------
Delete above classes if styles haven't been defined above
----------------------------------------------------------*/

/* Feature */
#feature {
	float: left;
	width: 290px;
}
#feature .storyImage {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#feature img {
	border: 0px;
	border-bottom: 1px solid #f20101;
}
#feature .moduleHeader {
	background: url(/images/feature-topcap.gif);
	height: 35px;
}
#feature .moduleContentContainer {
	padding: 0px;
	margin: 0px;
	width: 290px;
}
#feature .containerPadding {
	padding: 0px;
	margin: 0px;
	
}
#feature .storyContainer {
	background: url(/images/feature-bg.jpg) no-repeat top #000;
	width: 290px;
}

#feature .moduleFooter {
	height: 15px;
}
#feature h2 {
	display: none;
}
#feature h3 {
	font-size: 1.4em;
	color: #f00;
	margin: 10px 15px 0px 8px;
}
#feature .abstract {
	color: #fff;
	font-size: 1.1em;
	margin: 0px 15px 10px 8px;
}
#feature .storyLink a {
	color: #f20101;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/arrow.gif) no-repeat left;
	padding-left: 8px;
	margin: 0px 15px 0px 8px;
}
/* For the Rotating Feature Only - If not used remove the styles below.
---------------------------------------------------------------------*/
#feature .rotator {
	padding: 0px 0px 0px 0px;
	margin-left: 8px;
}
html>body #feature .rotator {
	padding:15px 0px 0px 0px;
	margin: 0px 0px -15px 8px;
}
#feature .rotator button {
	height: 16px;
	padding: 17px 0px 0px;
	margin: 10px 4px 0px 0px;
	border: 0px;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#feature .rotator .previous {
	background: url(/images/feature-previous.gif) no-repeat;
	width: 38px;
}
#feature .rotator .play {
	background:url(/images/feature-play.gif) no-repeat;
	width: 37px;
}
#feature .rotator .pause {
	background: url(/images/feature-pause.gif) no-repeat;
	width: 43px;
}
#feature .rotator .next {
	background: url(/images/feature-next.gif) no-repeat;
	width: 37px;
}
/*---------------------------------------------------*/

/* Headline */
#headline {
	width: 580px;
	margin-top: 4px;
}
#headline .moduleHeader {
	background: url(/images/headlines-topcap.gif) no-repeat;
	height: 31px;
}
#headline h3 {
	display: none;
}
#headline hr {
	display: none;
}
#headline .moduleContentContainer {
	background: url(/images/headlines-bg.jpg) no-repeat;
	width: 580px;
	float: left;
}
#headline .containerPadding {
	padding: 10px;
}
#headline .story {
	width:270px;
}
#headline .odd {
	position: relative;
	float: left;
	clear: left;
	border-bottom: 1px solid #8b8080;
	padding: 7px 0px 7px 0px;
}
#headline .even {
	position: relative;
	float: right;
	clear: right;
	border-bottom: 1px solid #8b8080;
	padding: 7px 0px 7px 0px;
}
#headline .odd .storySeparator {
	display: none;
}
#headline img {
	border: 2px solid #000;
	margin: 0px 15px 10px 0px;
}
#headline .storyImage {
	position: relative;
	float: left;
}
#headline h4 {
	font-size: 1.1em;
	font-weight: bold;
}
#headline h4 a {
	color: #f00;
	text-decoration: none;
}
#headline h4 a:hover {
	text-decoration: underline;
}
#headline .abstract {
	font-size: 1.1em;
}

/* Date */
#date {
	float: right;
}
#date .moduleContentContainer {
	background: url(/images/date-bg.gif);
	width: 213px;
	height: 21px;
	text-align: center;
}
#date .containerPadding {
	padding: 4px 5px 0px 5px;
}
#date h4 {
	display: none;
}
#date p {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Send To A Friend */
#emailToFriend {
	float: right;
}
#emailToFriend h3 {
	display: none;
}
#emailToFriend a {
	background: url(/images/email-friend.jpg);
	width: 213px;
	height: 73px;
	text-indent: -9999px;
	display: block;
}

/* Search */
#search {
	width: 165px;
	float: right;
}
#search .moduleHeader {
	background: url(/images/search-topcap.gif) top left no-repeat;
	height: 26px;
}
#search .moduleContentContainer {
	background: url(/images/search-bg.gif) top left no-repeat;
	height: 83px;
}
#search .containerPadding {
	padding: 10px 15px 0px 9px;
}
#search h3 {
	display: none;
}
#search legend, #searchTypeLabel, #searchType, #searchTopSearches, #searchForLabel {
	display: none;
}
#search .textInput {
	width: 110px;
	margin-bottom: 5px;
}

/* Poll */
#poll {
	float: right;
	width: 165px;
}
#poll .moduleHeader {
	background: url(/images/poll-topcap.gif) top left no-repeat;
	height: 26px;
}
#poll .moduleContentContainer {
	background: #f20101;
	width: 155px;
}
#poll .moduleFooter {
	background: url(/images/poll-botcap.gif) no-repeat;
	height: 20px;
}
#poll .containerPadding {
	padding: 24px 15px 0px 9px;
}
#poll h3 {
	display: none;
}
#poll legend {
	display: none;
}
#poll .sponsorLabel {
	background: url(/images/poll-sponsored-by.gif) no-repeat;
	text-indent: -9999px;
}
#poll .sponsor {
	margin: -13px 0px 10px;
}
#poll h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}
#poll #pollQuestion {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding: 10px 0px 5px 0px;
}
#poll #pollDescription {
	color: #000;
	font-size: 1.1em;
}
#poll label {
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
}
#poll .button {
	margin-top: 15px;
}
#poll dd{
	font-weight: bold;
	color: #000;
	padding-bottom: 5px;
	font-size: 1.1em;
}
#poll dt{
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
	font-size: 1.1em;
}

/* Update */
#marquee {
	width: 580px;
	margin: -5px 0px 5px 0px;
}
html>body #marquee {
	margin: -10px 0px 25px 0px;
}

#marquee h3, #marquee h4, #marquee hr {
	display: none;
}
#marquee .moduleContentContainer {
	height: 10px;
	padding: 0px 0px 16px 0px;
	text-align: left;
}
html>body #marquee .moduleContentContainer {
	height: 20px;
	padding: 4px 0px 0px 0px;
	text-align: left;
}
#marquee .containerPadding {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#marquee p {
	font-size: 2em;
	display: inline;
	white-space: nowrap;
	padding: 0px 10px 0px 0px;
}
#marquee P a {
	color: #999;
	text-decoration: none;
}
#marquee P a:hover {
	color: #FF0101;
}

/* On Air */
#onAir {
	position: relative;
	width: 113px;
	float: left;
	margin: 0px 5px 0px 0px;
}
#onAir .moduleHeader {
	background: url(/images/onair-topcap.gif) top left no-repeat;
	height: 29px;
}
#onAir .moduleContentContainer {
	background: url(/images/onair-bg.jpg) top no-repeat #000;
	height: 245px;
}
#onAir .containerPadding {
	padding: 5px;
}
#onAir h3 {
	display: none;
}
#onAir img {
	width: 61px;
	height: 72px;
	border: 2px solid #000;
}
#onAir .hostName {
	font-size: 1.1em;
	font-weight: bold;
}
#onAir a {
	color: #ff0101;
}
#onAir a:hover {
	text-decoration: none;
}
#onAir #nowPlaying {
	padding: 10px 0px 0px 0px;
}
#onAir .nowPlaying {
	font-size: 1.1em;
	color: #ccc;
}
#onAir #nowPlaying p {
	font-size: 1.1em;
	font-weight: bold;
	color: #ff0101;
}
#onAir .hostTime {
	font-size: 1.1em;
}
#onAir .nextUp {
	font-size: 1.1em;
	font-weight: normal;
}
#onAir .hostText {
	padding: 8px 0px 8px 0px;
}
#onAir #listenLive a {
	background: url(/images/listen-live.gif);
	width: 68px;
	height: 16px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	margin-top: 60px;
}

/* Club */
#club {
	width: 163px;
	float: left;
}
#club .textInput {
	width: 110px;
	background:#000 !important;
	margin-bottom: 5px;
}
#club .moduleHeader {
	background: url(/images/club-topcap.gif) top left no-repeat;
	height: 43px;
}
#club .moduleContentContainer {
	background: #f20101;
}
#club .moduleFooter {
	background: url(/images/club-botcap.gif) no-repeat;
	height: 18px;
}
#club .containerPadding {
	padding: 6px 9px 9px 9px;
}
#club h3 {
	display: none;
}
#club legend, .osaText, #emailPassword, #nonMember {
	display: none;
}
#club .emailAddress, .password, .save {
	font-size: 1.1em;
	color: #000;
}
#club h4 {
	font-size: 1.1em;
	color: #000;
	font-weight: normal;
}
#club a {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}
#club #saveLoginRow {
	width: 85px;
	float: right;
}
#club li {
	list-style: none;
}
#club #loginLinks {
	padding: 8px 0px 8px 0px;
}
#club .username {
	font-size: 1.1em;
	font-weight: bold;
}
#club .userMessage {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

/* Sponsor */
#sponsor {
	margin: -5px 0px 0px 61px;
}
html>body #sponsor {
	margin: 0px 0px 0px 61px;
}
#sponsor h3 {
	display: none;
}
#sponsor .moduleContentContainer {
	background: url(/images/sponsor-bg.gif) no-repeat;
	width: 472px;
}
#sponsor img {
	margin: 15px 2px 2px 2px;
}
#sponsor .sponsorLabel {
	display: none;
	background: none;
	text-indent: -9999px;
}

/* Weather */
#weather {
	width: 160px;
	margin-top: 8px;
	float: left;
}
#weather .moduleHeader {
	background: url(/images/weather-topcap.gif) no-repeat;
	height: 23px;
}
#weather h3 {
	display: none;
}
#weather .moduleContentContainer {
	background: url(/images/weather-bg.jpg) no-repeat;
	height: 225px;
}
#weather .containerPadding {
	padding: 12px;
}
#weatherInfoFooter {
	clear: both;
}
#weather li {
	list-style: none;
}
#weather img {
	border: 2px solid #000;
	width: 45px;
	height: 45px;
}
#weather h4 {
	font-size: 1.1em;
	color: #ccc;
}
#weather .conditions {
	font-size: 1.1em;
	font-weight: bold;
	color: #f00;
}
#weather a {
	font-size: 1.1em;
	font-weight: bold;
	color: #f00;
}
#weather a:hover {
	text-decoration: none;
}
#weather #weatherTomorrow {
	padding: 5px 0px 5px 0px;
}

/* Club */
#clubInside {
	float: right;
	width: 165px;
}
#clubInside .moduleHeader {
	background: url(/images/club-topcap.gif) top left no-repeat;
	height: 43px;
	width: 155px;
}
#clubInside .moduleContentContainer {
	background: #f20101;
	width: 155px;
}
#clubInside .moduleFooter {
	background: url(/images/poll-botcap.gif) no-repeat;
	height: 20px;
}
#clubInside h3 {
	display: none;
}
#clubInside .textInput {
	width: 110px;
	background:#000 !important;
	margin-bottom: 5px;
}
#clubInside .containerPadding {
	padding: 6px 9px 9px 9px;
}
#clubInside legend, .osaText, #emailPassword, #nonMember {
	display: none;
}
#clubInside .emailAddress, .password, .save {
	font-size: 1.1em;
	color: #000;
}
#clubInside h4 {
	font-size: 1.1em;
	color: #000;
	font-weight: normal;
}
#clubInside a {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}
#clubInside #saveLoginRow {
	width: 85px;
	float: right;
}
#clubInside li {
	list-style: none;
}
#clubInside #loginLinks {
	padding: 8px 0px 8px 0px;
}
#clubInside .username {
	font-size: 1.1em;
	font-weight: bold;
}
#clubInside .userMessage {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
