/* Edits made by Jason can be detected by the TAB removed prior to style attribute */
/* Feature */
#feature {
	width: 300px;
	background: #6d6e71;
}
#feature .moduleHeader {
	background:url(/images/feature-top.gif) no-repeat;
	height: 23px;
}
#feature .moduleFooter {
	clear:both;
}
#feature h2{
	display:none;
}
#feature p{
	padding: 5px;
}
#feature h3{
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	color:#fff;
	font-size:14px;
	text-transform: uppercase;
	padding-left: 5px;
}
#feature p{
	color:#fff;
	font-size:11px;
}
#feature p.abstract {
	padding:0px 0px 0px 5px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:9px;
}
#feature p.storyLink {
	font-family: Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 5px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}
#feature a{
	color:#fff;
	text-decoration: none;
}
#feature a:hover {
	color:#000;
}
#feature img{
	width: 300px;
	height:170px;
	margin: -5px -5px 0px -5px;
	border:0px;
}
#feature .rotator {
	clear: both;
	text-align: right;	
}
#feature .rotator button{
	height:11px;
	font-size: 1px;
	padding:0px;
	border:0px;
	text-indent:25px;
}
html>body #feature .rotator button{
	height:11px;
	font-size: 1px;
	padding:0px;
	border:0px;
	text-indent:25px;
	margin-left:-4px;
}


#feature .rotator button.previous{
	width:21px;
	background:url(/images/feature-previous1.gif) no-repeat;
	cursor:hand;
}
#feature .rotator button.play{
	width:21px;
	background:url(/images/feature-play1.gif) no-repeat;
	cursor:hand;
}
#feature .rotator button.pause{
	width:20px;
	background:url(/images/feature-pause1.gif) no-repeat;
	cursor:hand;
}
#feature .rotator button.next{
	width:20px;
	background:url(/images/feature-next1.gif) no-repeat;
	cursor:hand;
}

/* Headline */
#headline .moduleHeader{
	background-image: url(/images/headlines-top.gif);
	height: 26px;
	width: 300px;  
}
#headline .storyContainer{
	width: 300px;
	padding: 2px 5px 0px 0px;
	margin-bottom: 5px;
	float: left;
	 background: #eee;
}
#headline .storySeparator{
	display: none;
}
#headline h3{
	display: none;
}
#headline h4{
	font-size:10px;
	color:#333;
}
#headline p {
	color:#333;	
}
#headline a{
	color:#466;
	font-weight: bold;
	text-decoration: none;
}
#headline a:hover{
	color:#333;
}
#headline img{
	float: left;
	margin-right: 8px;
	border:0px;
	width:90px;
	height:50px;
}
#headline .moduleFooter{
clear:both;
height:10px;
}

/* Sponsor */

#sponsor {
	width: 300px;
	text-align: center;
	margin: 10px 0px 15px 0px;
	float: right;
}
#sponsor .moduleHeader {
	display: none;
}

/* Club */

#club {
	width: 300px;
	height: 135px;
	background:#ff6633;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
}
#club .moduleContent  {
	background: url(/images/club-bg.jpg) no-repeat #ff6633;
	padding: 23px 5px;
}
#club .moduleFooter  {
	clear:both;
}

#club form{
	 margin:0px 0px 0px 88px;
}
#club fieldset{
	clear:both;
}
#club .formRow {
	 float:left;
}
#club .formRow label{
	 display:block
}
#club .emailAddress, .password{
	color: #fff;
	font-weight:bold;
}
#club h3, #club legend {
	display: none;
}
#club .textInput {
	width: 110px;
}
#club #fldUserName,  #fldPassword{
	background:#fff;
	border:1px solid #000;
	color:#000;
	font-size:10px;
	line-height:14px;
	padding-left:2px;
	height:17px;
}
#club #fldUserName{
	/*margin: 0px 0px 0px 100px;*/
}
#club #fldUserName, .emailAddress{
	}
#club #fldPassword, .password{	

}
#club .submitRow {
	float:left;
	margin:-51px 0px 0px 2px;
}
html>body #club .submitRow  /* FireFox only */ {
	float:left;
	margin:-50px 0px 0px 114px;
}

#club #cmdSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	
}
#club .save{
	float:right;
	width:60px;
	margin:13px 0px 0px 0px;
	color: #000;
}
html>body #club .save /* FireFox only */ {
	float:left;
	margin:15px 0px 0px 20px;
}
#club #fldSaveLogin{
	margin:10px 0px 0px 0px;
	
}
html>body #club #fldSaveLogin /* FireFox only */ {
	float:left;
	margin:15px 0px 0px -75px;
}

 html>body #club h4{
	font-size: 16px;
	font-weight: bold;	
    font-family: Arial, Helvetica, sans-serif;   
}
#club a{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:bold;	
}
#club a:hover{
	color:#000;
	text-decoration: underline;
	font-weight:bold;
}
#club #forgotPassword a{
	color:#fff;
}
#club #forgotPassword {
	width:135px;
	 float:left;
	 margin:8px 0px 0px 20px;
}
#club #emailPassword {
	width:135px;
	 float:left;
	 clear:left;
	 margin:0px 0px 0px 20px;
}

#club #nonMember {
	width:110px;
	 float:right;
	color:#fff;
	 margin:8px 0px 0px 0px;
}
html>body #club #nonMember  /* FireFox only */{
	width:110px;
	 float:right;
	color:#fff;
	 margin:-13px 0px 0px 0px;
	}
#club #signUp {
	width:110px;
	 float:right;
}
html>body #club #signUp /* FireFox only */{
	clear:right;
	 width:110px;
	 float:right;
	 margin:0px 0px 10px 0px;
}

#club #userInfo, #userLinks {
	width:190px;
	 margin:10px 0px 0px 90px;

 }
#club #userInfo  h4 {
	color: #fff;
 }
#club #userInfo  p {
	color: #fff;
	
 }
#club #userInfoFooter{
	clear: both;
}
#club  #clubMenu ul  li {
	float: left; 
	display: inline;
	padding:3px;

}
#club  #clubMenu {
	margin:10px 0px 0px 89px;
	height:5px;
	
}
#club .osaText{
    color: #fff;
}
#club .osaText a{
    color: #fff;
}
/* Club Inside */
#clubInside {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: right;
    background: url(/images/club-inside-bg.jpg) no-repeat #ff6633;
	margin-top: 2px;
	
}
#clubInside .osaText{
    color: #fff;
}
#clubInside .osaText a{
    color: #fff;
}

#clubInside h3 {
    display: none;
}
#clubInside .containerPadding {
    padding: 24px 0px 10px 12px;
}
#clubInside legend {
	display: none;
}
#clubInside #loginEmailRow{
	 width: 112px;
	 float: left;
	 }
#clubInside #loginPasswordRow{
	 width: 112px;
	 float: left;
		  }
#clubInside #saveLoginRow{
	float: left;
	width: 130px;
	}
#clubInside .submitRow{
	width: 95px;
	 float: left;
}
#clubInside .save{
	 padding: 0px 0px 0px 0px;
}
#clubInside .loginCheckbox{
	padding: 0px 5px 0px 0px;   
}
#clubInside #cmdSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	 }
#clubInside	#fldUserName,  #fldPassword{
	background:#fff;
	border:1px solid #000;
	color:#000;
	font-size:10px;
	 width: 110px;
	line-height:14px;
	padding-left:2px;
	height:17px;
}
#clubInside a{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
#clubInside a:hover{
	color:#000;
	text-decoration: underline;
}
#clubInside #loginLinks {
	padding: 5px 0px 0px 0px;
}
#clubInside .emailAddress {
	color:#fff;
}
#clubInside #forgotPassword  a{
	color:#fff;
}
#clubInside #nonMember {
	padding: 5px 0px 0px 0px;
	color:#fff;
}
#clubInside #clubMenu { 
	margin:10px 0px 0px 0px; 
} 
#clubInside #clubMenu ul li { 
	float: left; 
	display: inline; 
	padding: 2px; 
} 
#clubInside .moduleFooter {
	clear:both;
	height: 10px;
}



/* Tile Ads - LEFT */

#tileAdsBgL {
	width: 157px;

}
#tileAdsBgL .moduleFooter{
	 clear:both;
}	 
#tileAdsBgL h3{
	display: none;
}	
#tileAdsL h3{
	display: none;
}
#tileAdsL .moduleHeader{
	height: 10px;
}
#tileAdsL p {
	padding: 3px 10px 0px 15px;
	 }
#tileAdsL .moduleFooter{
	 clear:both;
}	 


/* Tile Ads - RIGHT */
#tileAdsBgR {
	width: 165px;

}

#tileAdsBgR .moduleFooter{
	 clear:both;
}

#tileAdsBgR h3{
	display: none;
}

#tileAdsR h3{
	display: none;
}
#tileAdsR .moduleHeader{
	height: 10px;
}

#tileAdsR p {
	padding: 3px 10px 3px 20px;
  }
  
#tileAdsR .moduleFooter{
	 clear:both;
}

/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */


/* Pic of the Day */

#picoftheday{
	 width:157px;
}
#picoftheday h3{
	display: none;
}
#picoftheday .moduleHeader{
	background: url(/images/pic-top.gif);
	height: 30px;

}
#picoftheday .moduleContainer{
	background: url(/images/pic-bg.gif);
}
#picoftheday .moduleContent{
}
#picoftheday .moduleContentContainer{
	text-align: center;
}
#picoftheday .moduleFooter{
	background: url(/images/pic-btm.gif);
	height: 13px;
	clear:both;
	margin-left:-1px;
}

#picoftheday .storyImage img{
	border:1px solid #ff0000;
    width: 100px;
	margin-right: 3px;
}

/*pic of the day sponsor*/

#picofthedaySponsor{
	width:150px;
	clear:both;
	text-align:center;
	padding:0px 2px 0px 7px ;
}

html>body #picofthedaySponsor{
     width:150px;
     clear:both;
     text-align:center;
     padding:0px 0px 0px 2px ;
}

#picofthedaySponsor img{
	width: 120px;
	 height: 60px;
}

#picofthedaySponsor h3 {
	display:none;	  
}
#picofthedaySponsor .moduleFooter {
	clear: none;
}


/*promo1*/

#promo1 {
	height: 82px;
	width: 300px;
	float: right;
	padding-top:1px;
}
#promo1 h3{
	display: none;
}
#promo1 h4{
	display: none;
}

/*promo2*/

#promo2{
	height: 82px;
	width: 300px;
	float: right;
	padding-bottom:3px;
}
#promo2 h3{
	display: none;
}
#promo2 h4{
	display: none;
}

/*Video Sponsor*/

#videoSponsor{
	height:25px;
	width: 100px;
	float: right;
	margin:2px 2px 2px 0px;
}

#videoSponsor img{
	width: 100px;
	 height: 25px;
	 margin:0px;
}

#videoSponsor h3 {
	display:none;	  
}

#videoSponsor p {
    margin:0px;
}
#videoSponsor moduleContainer {
    margin:0px;	 
}


#videoSponsor .storyCaption{
	font-weight: bold;
}

#videoSponsor .storyContainer{
	display: none;
}
#videoSponsor .storySeparator{
	display: none;	
}

#videoSponsor .moduleFooter {
	clear:both;
}

/* Video*/

#video .moduleHeader {
	background-image: url(/images/video-top.gif);
	height: 26px;
	width: 200px;
	margin: 0px;
}
#video h3{
	display: none;
}
#video h4{
	display: none;
}
#video .moduleContent{
	width: 300px;
	margin:0px;
	
}
#video .storyCaption{
	font-weight: bold;
}

#video .videoCaption{
	font-weight: bold;
	padding:10px 20px 5px 20px;
}
#video .storyContainer{
	
}
#video moduleContentContainer{
	margin:0px;
}
#video p{
	margin:0px;
	
}

#video .storySeparator{
	display: none;	
}
#video .moduleFooter{
	height: 5px;
	width: 300px;
	clear:both;
}



/* e Community*/

#eCommunity{
	width: 300px;    
}
#eCommunity .moduleHeader{
	background-image: url(/images/e-community-top.gif);
	height: 18px;
	width: 300px;
}
#eCommunity h3{
	display: none;
}
#eCommunity .storySeparator{
	display: none;
}
#eCommunity .storyContainer {
	float: left;
}
#eCommunity  img{
	width: 97px;
	height:72px;
	margin-right: 3px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #aaa;
	border-top:0px;
	border-left:0px;
	border-right:0px;

}
#eCommunity .moduleFooter{
	height: 5px;
	width: 300px;
	clear:both;
}

/* Blog*/

#blog {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images/blog-bg.jpg);
	height: 90px;
	width: 300px;
	background-repeat: no-repeat;
	overflow: hidden;
	float: right;
}
#blog h3{
	color: #fff;   
	font-size:14px; 
	margin: 10px 0px 2px 134px;
	text-decoration: none;
	text-transform: uppercase;
}
#blog h4 {
	 display: none;    
}
#blog p{
	margin: 0px 0px 2px 134px;    
	color: #fff;
	font-size:11px;
}
#blog a {
	font-size:11px; 
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#blog a:hover {
	color: #f00;
}
#blog .moduleFooter{
	height: 5px;
	width: 300px;
	clear:both;  
	
}

/* Entertainment News*/
#entertainmentGroup {
    width: 300px;
    float: right;
}

#entertainmentGroup .moduleHeader{
	background-image: url(/images/e-news-top.gif);
	height: 18px;
	width: 300px;
}
#entertainmentGroup h3 {
    display:none;
}
#entertainmentNews {
    float: right;
}

#entertainmentNews .moduleHeader{	
	height: 1px;
	width: 300px;
}
#entertainmentNews h3{
	display: none;
}


#entertainmentNews .moduleContent{
	width:300px;
}
#entertainmentNews .moduleFooter{
	height: 5px;
	width: 300px;
	clear:both;
}

#entertainmentNews li{
	list-style-image:url(/images/paper-icon.gif);
}

#entertainmentNews .even{
	width: 300px;
	padding:3px 0px 3px 5px;
}

#entertainmentNews .odd{
	width: 300px;
	padding:3px 0px 3px 5px;
	background-color: #f2c4c4;
}

#entertainmentNews h4 {
	font-weight: normal;
	font-size: 90%;
}
#entertainmentNews a {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}
#entertainmentNews a:hover{
	color: #f00;
}
#entertainmentNews .storySeparator{
	display: none;	
}

/* All module code below editied by Jason on 02.13.07 */
/* 3 header Modules for Header Footer - Search, Now Playing and Weather */

#headerBottomGroup h3 {
	display:none;
}
#headerBottomGroup .moduleFooterGroup {
	clear:both;
}
/* Search */
#search {
	width: 271px;
	height: 34px;
	background-image: url(/images/search-bg.jpg) ;
	background-repeat: no-repeat;
	float:left;
}
#search h3 {
	display:none;    
}
#search .textInput {
	width: 110px;
	height:19px;
	font-size:10px;
	line-height:15px;
	padding-left:2px;
	margin:7px 0px 0px 84px;
}
#search select, #search #searchTopSearches, #search label, #search legend {
	display:none;
}
#search .formRow {
	display:inline;
}
#search .button {
	display: inline;
	font-family: Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	float: right;
	margin: -21px 8px 0px 0px;
}


/* Marquee*/

#marquee {
	width: 418px;
	height: 34px;
	background: #fff;
	float:left;
	overflow: hidden;
	color: #ef6322;
}
#marquee  h3{
	display: none;
}
#marquee  .containerPadding{
	padding:6px 0px 0px 0px;
}

/* Weather */
#weather {
	width: 271px;
	height: 34px;
	background-image: url(/images/weather-bg.gif) ;
	background-repeat: no-repeat;
	float:left;
}
#weather #weatherGraphic img{
	width: 26px;
	margin:2px 0px 0px 162px;
	border:0px;
}
#weather .moduleContainer{
	padding-top:2px;
}
#weather h3, #weather h4, #weather #weatherTomorrow {
	display: none;
}
#weatherToday .conditions{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	margin:-29px 0px 0px 192px;
}
#weather #weatherGraphic img{
	width: 26px;
	margin:2px 0px 0px 162px;
}
#weatherToday .tempToday{
	float:left;
}


/* Events - Condensed some styles and removed grouping module*/
#events{
	width: 300px;
}
#events .moduleHeader{
	background-image: url(/images/events-top.gif);
	height: 16px;
	width: 300px;
}
#events h3 {
	display: none;
}
#events .listImage{
	float: left;   
}
#events .odd{
	background-color: #efefef; 
}
#events .story {
	padding:2px 3px;
	
}
#events .moduleFooter{
	clear:both;
	height:10px;
}
#events h4 {
	font-size:10px;
	font-weight:normal;
}
#events a{
	color: #333;
	text-decoration: none;
}
#events a:hover{
	color: #f00;
}
#events .storySeparator{
	display: none;	
}


/* websites  */

}
#websites .moduleHeader{
	background-image: url(/images/top-websites.gif);
	height: 20px;
	width: 300px;

}

#websites  h3{
	display: none;
}
#websites  h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#websites a {
	color: #ff6633;
	text-decoration: none;
}
#websites a: hover{
	color: #3f3f3f;
	text-decoration: none;
}

#websites  .story {
	height:15px;
	padding:0px 3px;
	color: #ff6633;
	font-size:10px;
	list-style-position: inside;
}
#websites ol {
	list-style-position: inside;
	list-style-type: decimal;
	text-align:left;
}

#websites li {
	padding:0px 3px;
	color: #3f3f3f;
	font-size:10px;

}
#websites .storySeparator{
	display: none;
}


#websites .moduleFooter{
	height:10px;
	clear:both;
}

/* Music Group Module - Includes 2 Articles and 1 Sectional */
#musicGroup {
	width: 300px;
	background-image: url(/images/music-bg.gif);
	float:right;
	font-size: 9px;
}
#musicGroup h3 {
display:none;
}
#musicTwo h3.listTitle {
	display:block;
	text-transform: lowercase;
	font-size:9px;
	font-weight: bold;
	padding:2px 3px;
	font-family:Verdana, sans-serif;
	color: #f00;
}
#musicGroup .moduleHeaderGroup {
	background: url(/images/music-top.gif) no-repeat;
	height: 18px;
	width: 300px;
}
#musicGroup .moduleFooterGroup {
background: url(/images/music-footer.gif) no-repeat #fff;
height:5px;
clear:both;

}
#musicGroup h4, #musicGroup h4 a {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	font-size:9px;
}
#musicTwo h4, #musicGroup h4 a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	text-transform: lowercase;
	font-size:9px
}
#musicGroup h4 a:hover {
color: #f00;
}
#musicGroup a {
color: #f00;
text-decoration: none;
font-weight: bold;
text-transform: lowercase;
}
#musicGroup a:hover {
color: #000;
}
#musicGroup p.storyLink a {
padding-bottom:5px;
}
#musicGroup img {
width:96px;
border:0px solid #FFF;
}
#musicGroup .storySeparator {
display:none;
}
#musicOne, #musicTwo {
float:left;
width:102px;
}
#musicThree {
float:left;
width:96px;
}
#musicOne .moduleContainer, #musicTwo .moduleContainer, #musicThree .moduleContainer {
width:96px;
background:#fff;

}
#musicOne p.storyLink,  #musicTwo p.storyLink, #musicThree p.storyLink {
padding:2px 3px 5px 3px;
clear:both;
float:right;
}
#musicTwo .story {
padding:2px 3px 2px 3px;
}
#musicTwo .last {
padding:2px 3px 5px 3px;
}
#musicOne p, #musicTwo p, #musicThree p, #musicOne h4, #musicThree h4 {
padding:2px 3px 2px 3px;
}
#musicOne p.storyImage, #musicTwo p.storyImage, #musicThree p.storyImage {
padding:0px;
}
#musicOne .moduleFooter, #musicTwo .moduleFooter, #musicThree .moduleFooter {
clear:both;
}

/* Station Top Promo  */


#stationTopPromo h3{
     display:none;
}
#stationTopPromo img{
     width: 614px;
     height:60px;
     margin: 5px 0px 5px 0px;
}

