/* 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 */


.module {
}
.moduleContainer {

}
#contentMiddle .moduleContainer {

}
#contentLeft .moduleContainer {
      margin-left:0px;
}

.moduleHeader {
     height:35px;

} /* Used for graphic titles. */



h3 {
     display:none;
} /* Used for module titles and feature story headline. */
.moduleContent {
}
.moduleContentContainer {} /* Not used for the nav or sub nav, replaced with navigation/subNavigationLinks */
h4 {
     font-weight:bold;
     margin:0px;
     padding:0px;
} /* Used for all module headlines except the feature. */
p {
}
a {
     color:#FF00FC;
}
a:visited {
     color:#B700B7;
}
a:hover {
     color:#00FF2C;
}
.moduleFooter {

}
img {}
.textInput {} /* Applies to modules with text fields only. */
.button {} /* Applies to modules with text fields only. */
.formRow {} /* Applies to modules with text fields only. */


/* Feature */
#feature {}
#feature .moduleHeader {
     background:url(/images/feature-top.gif) no-repeat;
}
#feature h2 {
     display:none;
}
#feature h3 {
    display:block;
      color:#00FF2C;
     font-family:Arial,Helvetica,sans-serif;
     font-size:14px;
     padding-top:4px;
}
#feature img {
     float:left;
     margin:0px 4px 4px 0px;
}

#feature p {
     line-height:14px;
}

#feature .rotator button{
     height:17px;
     font-size:1px;
     margin:10px 4px 0px 0px;
     padding:0px;
     border:0px
}
#feature .rotator button.previous{
     width:21px;
     background:url(/images/feature-previous.gif) no-repeat;
}
#feature .rotator button.play{
     width:18px;
     background:url(/images/feature-play.gif) no-repeat;
}
#feature .rotator button.pause{
     width:18px;
     background:url(/images/feature-pause.gif) no-repeat;
}
#feature .rotator button.next{
     width:21px;
     background:url(/images/feature-next.gif) no-repeat;
}
#feature .moduleFooter{
     height:15px;
     background:url(/images/feature-footer.gif) repeat-x;
}




/* Headline */
#headline {
     background:url(/images/headlines-bg.gif) repeat-y;
     background-position:0px;
}
#headline .moduleHeader {
     background:url(/images/headlines-top.gif) no-repeat;
}
#headline .moduleContent  {
    padding:0px 10px 13px 10px;
}
#headline .moduleFooter {
     clear:both;
     height:15px;
     background:url(/images/headlines-footer.gif) no-repeat;
}
#headline h4 {
     font-size:11px;
     color:#ff00ff;
     font-family:Arial,Helvetica,sans-serif;
}

#headline .story {
     width:47%;
}
#headline .storySeparator {
     display:none;
}
#headline .storyContainer{
     padding-bottom:15px;
     
}
#headline .storyImage{
     float:left;
     margin:0px 6px 4px 0px;
}
#headline .odd {
     float:left;
     clear:both;    
}
#headline .even{
     float:right;
}
#headline h4 {
     padding-bottom:1px;
}

/* Poll */
#poll {
     background:url(/images/poll-bg.gif) repeat-y;
}
#poll .moduleHeader {
     background:url(/images/poll-top.gif) no-repeat;
     margin:0px;
     padding:0px;
}
#poll .moduleContent  {
     padding:0px 10px;
}
#poll fieldset {
     margin:0px;
     padding:0px;
}

#poll dd{
     font-weight:bold;
}
#poll .moduleFooter {
     height:15px;
     background:url(/images/nav-btm.gif) no-repeat;
}
#poll h4, #pollQuestion {
     font-size:10px;
     font-weight:bold;
     color:#FF00FF;     
     margin:0px;
     padding:0px;
}
#poll .button {
     display:inline;
     font-size:10px;
     font-weight:bold;
     font-family:Verdana,sans-serif;
     margin-top:10px;
}

/* On Air */

#onAir {
     background:url(/images/module-bg2.gif) repeat-y;
}

#onAir p {
     padding:0px;
     margin:0px;
}
#onAir .moduleHeader {
     background:url(/images/onair-top.gif) no-repeat;
     margin:0px;
     padding:0px;
}
#onAir .moduleContent  {
	 height: 60px;
     padding:0px 10px 0px 10px;
}
#onAir .moduleContentContainer{
     padding:0px;
     margin:0px;
}
#onAir .moduleFooter {
     height:15px;
     background:url(/images/module-footer2.gif) no-repeat;
}

#onAir #currentHost {
     margin:0px;
     padding:0px;
}
#onAir .hostText {
     width:170px;
     float:right;
     color:#fff;
     margin:0px;
}
#onAir #hostInfo {
     width:170px;
     clear:right;
     color:#fff;
     float:right;
     margin:12px 0px 0px 0px;
     padding:0px;
}
#onAir #hostInfo p{
     line-height:14px;
     margin:0px;
     padding:0px;
}
#onAir #hostPhoto {
      float:left;
     vertical-align:top;

}
#onAir #hostPhoto img {
     border:0px;
     width:100px;
     vertical-align:top;

}
#onAir h4 a{
     font-family:Verdana,Arial,sans-serif;
     font-size:10px;
     font-weight:bold;
     color:#00ff00;
     text-decoration:none;
}
#onAir h4 a:hover {
     text-decoration:underline;
}

#onAir #nextHost,  #nowPlaying, .textMessage {
     display:none;
}


#onAir #listenLive h5 a {
     width:90px;
     height:79px;
     background:url(/images/listenlive.gif) no-repeat;
     position:absolute;
     left:50%;
     top:57px;
     margin-left:378px;
     text-indent:-9999px;
}

/* On Air Inside Page */

#onAirInside {
     position:absolute;
     top:0px;
     left:50%;
}
#onAirInside #currentHost, #nextHost {
     display:none;
}

#onAirInside #listenLive h5 a {
     width:90px;
     height:79px;
     background:url(/images/listenlive.gif) no-repeat;
     position:absolute;
     left:378px;
     top:57px;
     text-indent:-9999px;
     z-index:30;
}

/* yesBar */
#yesBar {padding:10px 0px}

#yesBar .moduleHeader{display:none}

/* Sponsor */
#sponsor {
     margin-top:10px;
     margin-bottom:5px;
     width:610px;
     padding:0px;
     background:url(/images/sponsor-bg.gif) no-repeat;
     background-position:right center;
     text-align:center;
}
#sponsor .moduleHeader {
     height:0px;
}



/* Club */
#club { 
     color:#fff
}
#club .moduleHeader {
     background:url(/images/club-top.gif) no-repeat;
}
#club .moduleContent  {
     background:url(/images/module-bg1.gif) repeat-y;
     padding:0px 10px;
}
#club .moduleFooter {
     height:15px;
     background:url(/images/module-footer1.gif) no-repeat;
}
#club fieldset, #club form{
     margin:0px;
     padding:0px;
}
#club .formRow {
     width:90px;
     float:left;
     padding:0px 3px 0px 0px;
}
#club .save {
     float:right;  
     line-height:20px; 
     width:61px;
     margin-top:10px;
}
#club #fldSaveLogin {
     margin-top:10px;
     margin-left:0px;
}

#club #fldUserName,  #fldPassword{
     background:#000;
     border:1px solid #799BB7;
     width:90px;
     color:#fff;
     font-size:10px;
     line-height:14px;
     padding-left:2px;
     height:17px;
}


#club #cmdSubmit {
     font-size:10px;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     float:right; 
     position:relative;
     top:7px;
}
#club .submitRow{
     clear:both;

}

#club .osaText, #club legend, #club #nonMember, #emailPassword {
     display:none;
}
#club #forgotPassword, #signUp {
     display:inline;
     padding-right:5px;
     position:relative;
     top:-9px;
}


#club #clubTopContests .linksHeader h4{
     font-size:10px;
     color:#fff;
     display:inline;
     padding-right:5px;
     font-weight:normal;
}
#club #clubTopContests .linksHeader {
     display:inline;
}
#club #clubTopContests .linksList {
     display:inline;
}
#club #clubTopContests .linksList ul {
     display:inline;
}
#club #clubTopContests .linksList li {
     display:inline;
}

/* Search */
#search {
     background:url(/images/search-bg.gif) repeat-y;     
}

#search .moduleHeader {
     background:url(/images/search-top.gif) no-repeat;
     height: 35px;
}
#search .moduleContent  {
     padding:0px 10px;
     margin:0px;
     
}

#search .moduleContentContainer{
     padding:0px;
     margin:0px;
     width: 140px;
}

#search .moduleFooter {
     height: 15px;
     background:url(/images/search-footer.gif) no-repeat;
     background-color: #000000;

}
#search .textInput{
     width: 60px;
     background:#000;
     border:1px solid #799BB7;
     color:#fff;
     font-size:10px;
     line-height:14px;
     padding-left:2px;
     margin:0px;
}
#search select, #search #searchTopSearches {
     display:none;
}
#search label, #search legend {
     display:none;
}
#search fieldset {
     margin:0px;
     padding:0px;
}
#search .formRow {
     display:inline;
}
#search .button {
     display:inline;
     font-size:10px;
     font-weight:bold;
     font-family:Verdana,sans-serif;
}


/* Weather */
#weather {

}
#weather .moduleHeader {
     background:url(/images/weather-top.gif) no-repeat;
}
#weather .moduleContent  {
     background:url(/images/module-bg2.gif) repeat-y;
     padding:0px 10px;
}
#weather .moduleFooter {
     height:15px;
     background:url(/images/module-footer2.gif) no-repeat;
}
#weatherInfoFooter {
     clear: both;
}
#weatherGraphic {
     float:left;
}
#weatherToday {
     float:left;
     width:50%;
}
#weatherTomorrow {
     float:right;
     width:50%;
}
#weatherInfo {
     width:240px;

}
#weatherGraphic img {
     float:left;
     width:34px;
     margin:2px 6px 4px 0px;
}
#weatherDataLinks {
     display:none;
     
}
#weatherInfo {
     float:left;
}
#weatherLink {
     padding-left:15px;
     margin-left: 25px;
}
#weather h4 {
     font-family:Verdana,Arial,sans-serif;
     font-size:10px;
     font-weight:bold;
     color:#00ff00;
     padding:0px;
     margin:0px;
}
#weather p {
     padding:0px;
     margin:0px;
}
#weather .conditions {
     color:#fff;
     margin-bottom:5px;
}

/* Tile Ads */
#tileAds {}
#tileAds p {
     padding: 3px 0px;
}

/* Podcasting */
#podcasting {
     background:url(/images/module-bg1.gif) repeat-y;

}
#podcasting .moduleHeader {
     background:url(/images/podcast-top.gif) no-repeat;
}
#podcasting .moduleContent  {
     padding:0px 10px;
}

#podcasting .storySeparator{
     display:none;
}
#podcasting p{
     padding:0px;
     margin:0px;
}
#podcasting .story {
     width:45%;
     padding:0px;
     margin:0px;
}
#podcasting .odd {
     float:left;
     clear:both;
}
#podcasting .even {
     float:right;
}
#podcasting .moduleFooter {
      clear:both;
    height:15px;
     background:url(/images/module-footer1.gif) no-repeat;
}




/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */