/*########################################################################
------------------------- FRAMEWORK.CSS STYLES -------------------------
#######################################################################*/
/*#####  GENERAL HELPER STYLES #####*/
.hidden { display: none; visibility: hidden; width: 0px; height: 0px; }
.footer { clear: both; }

/*##### FRAMEWORK #####*/
body { text-align: center; }
#mosSite { width: 960px; margin: auto; text-align: left; }
#mosSitePadding { padding: 0px 10px; }
#mosSite fieldset { border: 0px solid #000; }
#framework { width: 940px; }

/*##### ADVERTISEMENTS #####*/
/*LEADERBOARD*/
#leaderboard { text-align:center; background: url(http://flipbook.fmwinc.com/sitebuilder/z/zfmw/Framework3.1/images/advertisement-gray-h.gif) no-repeat top center;}
#leaderboardLabel { display:none; }
#leaderboardAd { padding:10px 0px 5px 0px; }
/*SKYSCRAPER*/
#skyscraper { text-align:center; background: url(http://flipbook.fmwinc.com/sitebuilder/z/zfmw/Framework3.1/images/advertisement-gray-h.gif) no-repeat top center;}
#skyscraperLabel { display:none; }
#skyscraperAd { padding: 10px 0px 5px 0px; }

/*##### CONTENT CHANNEL BAR #####*/
#ccb {text-align: center; padding:2px 0px 5px 0px;}
#ccb p, #ccb h3 { display: none; }
#ccb ul { text-align: center; display: inline;} 
#ccb ul li { margin-left: 0; padding: 3px 7px; list-style: none; display: inline; }
#ccb ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }

/*##### CONTENT COLUMNS #####*/
#contentEnclose { width: 770px; float: left; }
#contentMiddle { width: 610px; float: right;  padding-top:10px; }
#contentMiddle .contentAreaPadding { padding:0px 7px; }
#contentLeft { width: 160px; float: left; padding-bottom:10px; }
#contentRight { width: 170px; float: right; padding:5px 0px 10px 0px; }
#contentBottom { clear: both; }

/*##### QUADRANTS #####*/
#quadrantA {float:left; width:455px;} 
#quadrantC {float:left; width:310px;}
#quadrantA .quadrantPadding {padding-right:15px;}
#quadrantC .quadrantPadding {padding-right:10px;}
#quadrantB {float:left; width:141px;}
#quadrantD {float:left; width:286px;}
#quadrantTopFooter, #quadrantBottomFooter {clear:both; height:20px; overflow:hidden;}

/*##### FOOTER #####*/
#footer { clear:both; text-align:right; height:120px; }
#footerTop { height:20px; overflow:hidden; }
#footerBottom { clear: both; }
#siteIndex { padding:8px 7px 5px 0px; }
#siteIndex fieldset { border: 0px solid #000; }
#siteIndex legend { display: none; }
#copyright { padding:0px 7px 5px 0px; }
.footerText a:hover {text-decoration:none;}
/*##################### END CSS FOR ABOVE SECTION #####################*/



/*#######################################################################
-------------------------- MODULES.CSS STYLES --------------------------
#######################################################################*/

/*##### HEADER MODULE STYLES #####*/
#headerModules {overflow:hidden;}
#headerModules .containerPaddingGroup { padding-top:2px; }
#headerModules .moduleFooterGroup { clear:both; }
#headerModules h3 { display:none; }
/* DATE */
#date {margin:0px 0px -5px 0px; padding-top:8px;}
#date h4 { display:none; }
#date .containerPadding { text-align:center; }
/* EMAIL TO A FRIEND */
#emailToFriend {margin-top:0px; padding-top:3px;}
#emailToFriend .containerPadding { text-align:center; }
#emailToFriend h3 {display:none;}

/*##### LEFT COLUMN MODULE STYLES #####*/
#leftColumnModules { padding:0px 7px; }
/* SEARCH */
#search { padding-top:10px; }
#search legend, #searchTypeLabel, #searchForLabel { display:none; }
#search .textInput, #search select  { width: 110px; }
#search ol li { list-style-type:none; }
/* POLL */
#poll { padding-top:10px; }
#poll .sponsorLabel { display:none; }
#poll h4, #pollQuestion { padding-top:8px; }
#poll legend { display:none; }
#poll #formRowSubmit { padding:8px 0px; }

/*##### QUADRANT A/B MODULE STYLES #####*/
/* FEATURE */
/*#feature .stories { width: 426px; }*/
#feature .stories { width: auto; }
#feature img { float:left; margin-right:8px; }
#feature .moduleFooter { clear:both; }
#feature .storySeparator { padding-bottom:15px; }
#feature .moduleHeader, #feature h2, #feature .storySeparator hr { display:none; }
/* LISTENER CLUB AND INSIDE LISTENER CLUB */
#club .textInput, #clubInside .textInput { width: 110px; background:#fff !important;}
#club legend, #clubInside legend { display:none; }
#club, #clubInside { padding-top:10px; }
/* REPLACEMENT FOR LISTENER CLUB */
#clubReplacement {float:left; width:141px;}
#clubReplacement h4 {font-weight:bold; padding-bottom:3px;}


/* ON AIR NOW */
#onair { float:right; width:141px; }
#listenLive {padding-top:5px;}

/* LISTEN LIVE MODULE */
#listenLiveMod h3 { display: none; text-indent: -9999px; }

/*##### BELOW QUADRANT A/B MODULE STYLES #####*/
/* 468X60 SPONSORSHIP */
#sponsor468 { text-align:center; padding-bottom:10px; }
#sponsor468 h3 {display:none; }

/*##### QUADRANT C/D MODULE STYLES #####*/
/* CUBE AD */
#cubeAd h3 { display:none; }
#cubeAd { text-align:center; background: url(http://flipbook.fmwinc.com/sitebuilder/z/zfmw/Framework3.1/images/advertisement-gray-h.gif) no-repeat top center; padding-top:11px;}
#cubeAd img { border:none; }
/* 234X60 SPONSORSHIP */
#sponsor234 { text-align:center; padding-bottom:5px; }
#sponsor234 h3 { display:none; }
/* MISC ARTICLES MODULE */
#miscArticleOne, #miscArticleTwo {width:286px;}
#miscArticleOne h3, #miscArticleTwo h3 { display:none;}
#miscArticleOne img, #miscArticleTwo img { float:left; margin-right:5px; }
#miscArticleOne h4, #miscArticleTwo h4 {font-weight:bold; padding-bottom:3px;}

/*##### BELOW ALL QUADRANTS MODULE STYLES #####*/
/* HEADLINES */
#headlines { padding-bottom:10px; }
#headlines .containerPadding {padding-top:1px;}
#headlines .story { padding-bottom:20px; }
#headlines .odd { float:left; width:305px; }
#headlines .odd .storyContainer { padding-right:15px; }
#headlines .even { float:left; width:270px; }
#headlines img { float:left; margin-right:5px; }
#headlines .storySeparator { clear:right; }
#headlines .storySeparator hr { display:none; }
#headlines .separatorLast { clear:both; }
#headlines h4 {font-weight:bold; padding-bottom:3px;}

/*##### RIGHT COLUMN MODULE STYLES #####*/
#rightColumnModules { padding:0px 7px; }
/* SKYSCRAPER STYLES LOCATED IN FRAMEWORK.CSS */
#skyscraper {margin-top:8px;}
/* WEATHER */
#weather { padding-top:10px; }
#weatherGraphic { float:left; width:60px; }
#weatherInfo {  }
#weatherToday h4 { display:none; }
#weatherTomorrow { clear:both; padding-top: 2px; }
#weatherInfoFooter { clear: both; }
#weatherLink { clear:both; padding-top:5px; }
#weather ul li { list-style-type:none; }
/* TILE ADS */
#tileAds { text-align:center; padding-top:10px; }
#tileAds h3 { display:none; }
#tileAds p { padding: 3px 0px; }

/*##### INSIDE CONTENT MODULE STYLES #####*/
#mainContent { padding-bottom:10px; }
#mainContent ul li,#mainContent ol li {list-style-position:inside;}
/*##################### END CSS FOR ABOVE SECTION #####################*/



/*########################################################################
------------------------ NAVIGATION.CSS STYLES ------------------------
#######################################################################*/

/*##### NAVIGATION STYLES #####*/
/* NAV MODULE SETTINGS */
#navigation { padding-bottom:5px; }
#navigation .moduleFooter { clear:both; }
#navigation .moduleHeader  { display:none; }

/* MAIN NAVIGATION MENU BOX */
#navigation .containerPadding { width:160px; border:0px solid #fff; }
#navigation ul { list-style: none; border: none; }

/* MAIN NAV ITEMS */
#navigation li { text-align: left; padding:4px 7px;}
#navigation li a, #navigation li .navNoLink { display: block; padding: 0px; width: 100%; }
#navigation li.last { margin-bottom:5px; }

/******************************
SUB NAV LIST 
     Set the width, background, and/or border
******************************/
#navigation li ul { width: 160px; margin-left: 120px; margin-top: -20px; display: block; position: absolute; left: -9999px; height: auto; }

/* SUB-NAV ITEM */
#navigation li ul li { }


/*#################################################
YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW
##################################################*/
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul 
{ left: -9999px; z-index: 501; }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul 
{ left: auto; z-index: 501; }

/* Support for the "iehover-fix.js" */
ul.navItems iframe 
{ position: absolute; left: -0.25em; top: -0.25em;z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }

* html ul.navItems li { z-index: 501; }
/* this is for IE 5.0
select.hide { visibility: hidden; }
/*### End Support for the "iehover-fix.js" ###*/
/*##################### END CSS FOR ABOVE SECTION #####################*/


/*########################################################################
------------------------ TOP NAVIGATION.CSS STYLES ------------------------
#######################################################################*/

/*##### TOP NAVIGATION STYLES #####*/
/* NAV MODULE SETTINGS */
#navigationTop { padding-bottom:0px; }
#navigationTop .moduleFooter { clear:both; }
#navigationTop .moduleHeader  { display:none; }

/* MAIN TOP NAVIGATION MENU BOX */
#navigationTop .containerPadding {padding:0px; border:0px solid #fff; }
#navigationTop ul { list-style: none; border: none; }

/* MAIN TOP NAV ITEMS */
#navigationTop ul li {float:left; text-align:left; padding:2px 7px; white-space:nowrap; cursor: default;}
#navigationTop li a, #navigationTop li .navNoLink {display:block; padding:0px; }
#navigationTop li.last { margin-bottom:5px; }

/******************************
SUB TOP NAV LIST 
     Set the width, background, and/or border
******************************/
#navigationTop li ul { position: absolute; left:-9999px; width:140px; margin-left:-7px; margin-top:0px; display: block; height: auto; }

/* SUB-NAV ITEM */
#navigationTop li ul li {float: none; display: block; text-align:left; padding:2px 7px; white-space:normal;}


/*#################################################
YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW
##################################################*/
#navigationTop li:hover ul ul, #navigationTop li:hover ul ul ul, #navigationTop li.sfhover ul ul, #navigationTop li.sfhover ul ul ul 
{ left: -9999px; z-index: 501; }

#navigationTop li:hover ul, #navigationTop li li:hover ul, #navigationTop li li li:hover ul, #navigationTop li.sfhover ul, #navigationTop li li.sfhover ul, #navigationTop li li li.sfhover ul 
{ left: auto; z-index: 501; }

/*##################### END CSS FOR ABOVE SECTION #####################*/


/*#######################################################################
---------------------------- CCB.CSS STYLES ----------------------------
NOTE TO DEVELOPER: 
On the CCB pages, add _ccb to the end of the #mainContent id and all color changes will effect all BGs and text as needed. 
Contact Jason in design if you have further questions.
#######################################################################*/

/*##### CCB INSIDE MODULE COLOR CHANGE #####*/
#mainContent_ccb {padding-bottom:10px;}
#mainContent_ccb .moduleContent { background:#FFF; color:#000; }
#mainContent_ccb p {padding-bottom:5px;}
/*##################### END CSS FOR ABOVE SECTION #####################*/




/*########################################################################
------------------------- ALLPAGES.CSS STYLES -------------------------
#######################################################################*/
/*##### GENERAL STYLES #####*/
/* MAIN TEXT AND HEADERS */
#mainContent .moduleContent h1, #mainContent .moduleContent h2, #mainContent .moduleContent h3 { font-size:1.4em; font-weight:bold; }
#mainContent .moduleContent h4, #mainContent .moduleContent h5, #mainContent .moduleContent h6 { font-size:1.2em; font-weight:bold; }  
/* CONTENT AREA LINKS */
#mainContent {padding-bottom:10px;}
#mainContent p {padding-bottom:5px;}
/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline { font-size:1.4em; font-weight:bold; } 
#mainContent .Text { font-size:1.0em; } 
/* LISTS */
#mainContent ul.inline li { display: inline; }

/*##### ARTICLE PAGE #####*/
.standFirst { font-weight:bold; padding-bottom:.3em; }
/* ARTICLE IMAGE/CUBE AD INSERT */
#mainContent #cubeAd img {margin-left:-6px;}
#mainContent #articleAdInsert #cubeAd img {margin-top:-8px;}
#articleAdInsert.alignleft { padding: 0px 10px 5px 0px; }
#articleAdInsert.alignright { padding: 0px 0px 5px 10px; }
#articleAdInsert .articleAdInsertContainer { width: 310px; margin: auto; }
#articleAdInsert.alignright .imageCaptionContainer { display: block; float: right; }
.imageCaptionContainer { padding: 0px 0px 8px 0px; }
.imageCaption { padding: 8px 0px 0px 0px; text-align: left; font-size:.9em; }
/* RELATED LINKS */
#relatedLinksInsert { float: left; width: 300px; text-align: left; margin:7px 0px 8px 0px; }
#relatedLinks ul {list-style-type:none;}

/*##### FORM STYLES #####*/
select { font-size:1.0em; color:#000; } 
input { font-size:1.0em; color:#000; } 
.textBox { font-size:1.0em; color:#000; } 
button, .button { font-size:1.0em; color:#000; }
textarea { font-size:1.0em; color:#000; } 
#mainContent .submitbutton { font-size:1.0em; color:#000; }
#mainContent .warningMessage { font-size:1.2em; color:#F00; font-weight:bold; } 

/*##### VARIOUS SIZED TEXBOXES #####*/
input.short { width: 70px; }
input.medium { width: 150px; }
input.long { width: 300px; }

/*##### GENERIC TABLES #####*/
#mainContent table { font-size:1.0em; } 

/*##### FORMATTED TABLES #####*/
#mainContent table.formattedTable th, table.formattedTable th a { font-size:1.0em; padding:.2em; } /* Header cells and Header Font */
#mainContent table.formattedTable td { font-size:1.0em; padding:.2em; }  /* Table body cells and body font info */
#mainContent table.fullWidth { width:580px; } /* specify the width to span the full content area */

/*##########
 MISC BACKGROUND AND SECTIONAL STYLES
(Styles used for default sectionals and misc colors. Colors to be defined in clientbranding.css)
##########*/
#mainContent .CellContent0, #mainContent .CellContent1 { padding: 4px; } 

/*##### SEPARATOR STYLES #####*/
hr {margin:5px 0px; height:1px;}
.sectSeparatorH { padding-top:15px; } /* Horizontal gaps between sections. */
.sectSeparatorV { padding-left:10px; } /* Vertical gaps between sections. */

/*#################################
######## EDITS UNECESSARY ######## 
#################################*/
/*##### FORM LAYOUTS #####*/
#mainContent fieldset { border: none 0px #fff; }
#mainContent legend { /* Specify a Color */ font-weight: bold; }
#mainContent .formRow { clear: both; margin: 5px 0px; }
#mainContent label { display: block; float: left; width: 150px; text-align: right; font-weight: bold; margin-top: 2px; margin-right: 3px; }
#mainContent label .labelDetails { font-weight: normal; font-size: 0.9em; }
#mainContent .formRowMultiFields { margin-left: 153px; /* !! Should be the width of the label !! */ }
#mainContent .formRowMultiFields img { /* Used for Captcha */ padding: 0px; }
#mainContent label.spanWidth { width: auto; display: block; text-align: left; }
#mainContent label.inline { float: none; display: inline; width: auto; text-align: auto; }
#mainContent .formRowSubmit { margin-left: 153px; /* Probably the width of the label */ }
#mainContent .EmailForm label { width: 80px; }

/*##### ALIGNMENT STYLES #####*/
.alignLeft, .alignleft { float: left; }
.alignCenter, .aligncenter { text-align: center; }
.alignRight, .alignright { float: right; }
/*##################### END CSS FOR ABOVE SECTION #####################*/

/*##### ROTATING FEATURE STYLES #####*/
#feature .rotatorTop { padding: 2px 7px; }
#feature .rotatorTop .rotatorControls { margin-right: 5px; font-weight: bold; font-size:1.1em; }
#feature .rotatorTop .rotatorPlay { position: absolute; visibility: hidden; cursor: pointer; text-align: center; }
#feature .rotatorTop .rotatorPause { cursor: pointer; text-align: center; }
#feature .rotatorTop .rotatorIndex, #feature .rotatorTop .rotatorIndexLast { margin: 0px 4px; padding: 0px 1px; cursor: pointer; font-weight: bold; }
#feature .rotatorThumbs .rotatorControls {display: block; float: left; margin-top: 11px; margin-right: 10px; text-align: center;}
#feature .rotatorThumbs .rotatorIndex, #feature .rotatorThumbs .rotatorIndexLast { display: block; margin: 1px 5px; padding: 0px; cursor: pointer; height: 40px; width: 60px; float:left; text-indent: -9999px;  }
#feature .rotatorThumbs .rotatorIndexLast { margin: 1px 0px 1px 5px; }
/*##################### END CSS FOR ABOVE SECTION #####################*/