/* Main styles of the web page */
BODY {
	background-color: #2E2E2E;
	background-image: url('/images/global/backgroundgradient.jpg');
	font-family:      Helvetica, sans-serif;
}

/* Background styles of the pop-up pages */
BODY.popUp {
	background-color: #2E2E2E;
	background-image: none;
	font-family:      Helvetica, sans-serif;
}

/* Standard text styles */
P, TD, DIV, SPAN, UL, OL, LI {
	font-family:      Helvetica, sans-serif;
	font-size:        9pt;
	color:            #FFFFFF;
}

/* Alternate text styles */
.tiny               { font-size: 7pt;  color: #4B86A6; }
.tinyAlt            { font-size: 7pt;  color: #FFFFFF; }

/* Links styles */
a                   { color: #DDDDDD; }
a:link              { color: #DDDDDD; }
a:active            { color: #DDDDDD; }
a:visited           { color: #CCCCCC; }
a:hover             { color: #FFFFFF; text-style: underline; cursor: url(http://www.chez106.com/images/global/dude.cur); }
a.sectionLink       { color: #000000;}
a.sectionLink:link  { color: #000000;}
a.sectionLink:active { color: #333333; }
a.sectionLink:visited { color: #000000; }
a.alternate:link    { color: #626EA1; }
a.alternate:active  { color: #626EA1; }
a.alternate:visited { color: #626EA1; }
a.alternate         { color: #FFFFFF; font-size: 7pt; }

/* Background colour of the What's Playing Now table, 
   Listen Live table, the footer, and the Skyscraper Ad Banner */
.bgThirdPartyPanels { background-color: #FFFFFF; }
 
/* Style for content area */
.bgContent          { background-color: #2E2E2E; }

/* Alternate background colour for content */
.bgContentAlt       { background-color: #000000; }

/* Alternate background colour for content */
.bgTitleBar         { background-color: #000000; }

/* Style for navigational menus of the sectional pages */
.sectionNav         { background-color: #F9BE0A; font-size: 12px; font-weight: normal; color: #000000; }

/* Content column styles */
.contentColumn      { background-color: #2E2E2E; }
.contentHeader      { font-size: 14pt; color: #ACACAC; font-weight: bold; }

/* Colour of the 1-pixel hairlines (horizontal & vertical */
.hairline           { background-color: #FFFFFF; }

/* Text field/input styles */
input               { font-family: monospace; }

/* Special positional styles */
div#hpFlexMain      { width: 200px; background: gray; padding: 10px; }

/* "showzone" fonts - PLEASE DO NOT EDIT */
a.showzonefont:link { color: #FF0000;}
a.showzonefont:active { color: #FF0000;}
a.showzonefont:visited { color: #FF0000;}
a.showzonefont { font-family: Arial, sans-serif; color: #FFFFFF; font-size: 8pt;}
.showzonefont { font-family: Arial, sans-serif; color: #000000; font-size: 8pt;}


/********************** new styles mar 8 **********************/

/* panel colours - for use when a specific style isn't used - eg. homepage columns */

.grayPanel {
	background: #A4B5BF;
}

.ltBluePanel {
	background: #5A86AD;
}

.dkBluePanel {
	background: #143C5B;
}

/******** section nav ********/

.sectionHeader {
	 font-family:   Verdana, Helvetica, sans-serif; 
	 font-size: 16px; 
	 color: #000000; 
	 font-style: normal; 
	 font-weight: bolder;
}

/******** image column ********/

.imageColumn {
	background: #2E2E2E;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #000000; 
}

.imageHeader {
	 font-family:   Verdana, Helvetica, sans-serif; 
	 font-size: 16px; 
	 color: #B30123; 
	 font-style: normal; 
	 font-weight: bolder;
}

/******** homepage - large flex ********/

.hpLargeflex {
	background: #000000;
	font-family:  Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #F9BE0A;
	padding-left: 5px;
}

.hpLargeflexHeader {
	font-family:  Helvetica, sans-serif; 
	font-size: 16px; 
	color: #F9BE0A; 
	font-style: normal; 
	font-weight: bolder;
}

/******** homepage - modules ********/

.hpModule {
	background: #5D5D5D;
}
.hpModule td {
	font-size: 10px;
}

.hpModuleHeader {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bold;
}

/******** homepage - events ********/

.hpEvents {
	background: #5D5D5D;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #ffffff; 
}

.hpEventsHeader {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bolder;
}

/******** homepage - contests ********/

.hpContests {
	background: #5D5D5D;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #ffffff; 
}

.hpContestsHeader {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bolder;
}

/******** homepage - morning show ********/

.hpMorning {
	background: #2E2E2E;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #ffffff; 
}
.hpMorningHeader {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bolder;
}

/******** homepage - generic flex1 ********/

.hpGenFlex1 {
	background: #2E2E2E;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #ffffff; 
}
.hpGenFlexHeader1 {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bolder;
}

/******** homepage - generic flex2 ********/

.hpGenFlex2 {
	background: #2E2E2E;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #ffffff; 
}
.hpGenFlexHeader2 {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bolder;
}

/******** homepage - "quads" ********/

.hpQuad {
	background: #5D5D5D;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #ffffff; 
}

.hpQuadHeader {
	font-family:   Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #F3BC0F; 
	font-style: normal; 
	font-weight: bolder;
}

/******** copyright line ********/

.copyrightLine {
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight: normal; 
	color: #000000; 
}

a.copyrightLink:link    { color: #000000; }
a.copyrightLink:active  { color: #333333; }
a.copyrightLink:visited { color: #111111; }
a.copyrightLink         { color: #000000; }





/************************************************
* MENU SKIN
* Styles the horizontal menu
* See navigation.jsp to change content
* See layout.css to change behaviour
* See type.css to change fonts
*************************************************/

#nav-main{
	background: url(/images/global/navback.jpg);
}


#menu a, #menu div{
	color: #FFFFFF;
	border: none;
}

#menu ul li div a{
	text-decoration: none;
	color: #FFFFFF;	
}

#menu ul li ul li a{
	text-decoration:none;
}

#menu ul ul li {
	background:#000000;
	text-decoration:none;
	border: 1px #CCCCCC;
}

#menu ul ul a, #menu ul ul a:visited{
	color:#FFFFFF;
}

#menu ul ul a:hover{
	color:#FFFFFF;
	background:#ACACAC;
}

#menu ul ul a:active{
	color:#FFFFFF;
	background:#000000;
}

#menu ul, #menu li {
	list-style:none;
	list-style-type: none;
}


/************************************************
* MENU LAYOUT
* Creates a horizontal drop down menu from nested,
* unordered lists. (<ul><li></li></ul>) Behaviour
* is all controlled here.
* See navigation.jsp to change content
* See skin.css to change appearance
* See type.css to change fonts
*************************************************/


#menu{
	position: relative;
	width: 100%;
} 

#menu div {
	text-align: center;
	display:block;
	margin-left:5px;
	white-space:nowrap;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 6px;
	padding-right: 1px;
    color:            #FFFFFF;	
}

#menu li{
	position:relative;
}

/* main menu items */
#menu ul {
	margin:0;
	padding:0;
	float:left;
	width: auto;
	_width: 3em; /* IE will see this as min width and automatically expand the box like auto */
    color:            #FFFFFF;	
}

/* sub-menu container */
#menu ul ul {
	position:absolute;
	z-index:9999;
	top:auto;
	display:none;
	margin:0;
	width: 16em;
    color:            #FFFFFF;
}

#menu ul ul li {
	padding-right: 1px;
    color:            #FFFFFF;
}

#menu ul ul a {
	display: block;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#menu ul ul ul{
	top:0;
	left:100%;
    color:            #FFFFFF;
}


div#menu li:hover{
cursor:pointer;
z-index:9999;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}


/************************************************
Special - fixes, etc.
*************************************************/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#nav-main {
	position: relative;
	width: 100%;
	height: 1.5em;
	z-index: 9999;
}