/*########################################################################
------------------------- FRAMEWORK.CSS STYLES -------------------------
#######################################################################*/

/*#####  GENERAL HELPER STYLES #####*/
.hidden { display: none; visibility: hidden; width: 0px; height: 0px; }
.footer { clear: both; }
img.noFormat, .framedModule .moduleContent img.noFormat { border: none 0px #fff; }

/*##### 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(/gbinc/level1/advertisement-gray-h.gif) no-repeat top center;}
#leaderboardLabel { display:none; }
#leaderboardAd { padding:10px 0px 5px 0px; }
/*SKYSCRAPER*/
#skyscraper { text-align:center; background: url(/gbinc/level1/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, #quadrantC {float:left; width:310px;}
#quadrantA .quadrantPadding {padding-right:15px;}
#quadrantC .quadrantPadding {padding-right:10px;}
#quadrantB {float:left; width:286px;}
#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 {height:22px; overflow:hidden;}
#headerModules .containerPaddingGroup { padding-top:2px; }
#headerModules .moduleFooterGroup { clear:both; }
#headerModules h3 { display:none; }
/* DATE */
#date {float:left; width:160px; height:15px; overflow:hidden;}
#date h4 { display:none; }
#date .containerPadding { text-align:center; }
/*MARQUEE */
#marquee { float:left; width:610px; height:15px; overflow:hidden; margin-right:-3px;}
#marquee .containerPadding { padding:0px 7px; }
/* EMAIL TO A FRIEND */
#emailToFriend {float:right; width:170px; height:15px; overflow:hidden; margin-left:-3px;}
#emailToFriend .containerPadding { text-align:center; }

/*##### 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: 281px; }*/
#feature .stories {width:auto;}
#feature .storyContainer 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 { float:left; width:141px; }
#club .textInput, #clubInside .textInput { width: 110px; background:#fff !important;}
#club legend, #clubInside legend { display:none; }
#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(/gbinc/level1/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; }
/* SHOWCASE MODULE */
#showcase {width:286px;}
#showcase h3, #showcase .storySeparator hr { display:none; }
/* #showcase .moduleContentContainer { height:250px; overflow:auto; } */
#showcase img { float:left; margin-right:5px; }
#showcase .storySeparator { clear:both; height:20px; overflow:hidden; }
#showcase h4 {font-weight:bold; padding-bottom:3px;}
/* 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 .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;}
#headlines .containerPadding {padding-top:1px;}

/*##### RIGHT COLUMN MODULE STYLES #####*/
#rightColumnModules { padding:0px 7px; }
/* SKYSCRAPER STYLES LOCATED IN FRAMEWORK.CSS */
/* WEATHER */
#weather { padding-top:10px; }
#weatherGraphic { float:left; width:56px; }
#weatherInfo { }
#weatherToday h4 { display:none; }
#weatherToday { margin-top: 5px; }
#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 .navNoLink { cursor: default; }
#navigation li.last { margin-bottom:5px; }

/******************************
SUB NAV LIST 
     Set the width, background, and/or border
******************************/
#navigation li ul { width: 160px; margin-left: 140px; margin-top: -18px; 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 #####################*/



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

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft, .alignleft { float: left; }
.alignCenter, .aligncenter { text-align: center; }
.alignRight, .alignright { float: right; }
#articleAdInsert.aligncenter #relatedLinksInsert { margin: auto; }
#mainContent img.noFormat { border: none 0px; margin: 0px; }
/*##################### 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 #####################*/