@charset "UTF-8";

/*	CLIENT					ACACIA
	STYLE:	 				SCREEN
	VER:					2.0.2
	LASTUPDATE:				25 JUNE 08
------------------------------------------------- */




/*	Basics
------------------------------------------------- */
body {
	font: 					12px/1.3em Arial, "Lucida Grande", Verdana, Geneva, sans-serif;
	background: 			#93acc2;
	margin: 				0;
	padding: 				0;
	text-align: 			center;
	color: 					#333;
}

div, span {
	margin: 				0;
	padding: 				0;
}
.clearer {clear: both;}

/*	Basic Typography
------------------------------------------------- */



h1, h2 {
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				20px;
	font-weight:			bold;
	color:					#ffffff;
	margin:					0 0 5px 0;
	background:				transparent;
}

h3 {	
	font-family:			 Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	color:					#3D4F8C;
	text-align: 			left;
	background:				transparent;
	margin:					5px 8px 7px 0;
	clear: both;

}


h4 {	
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	color:					#ffffff;
	text-align: 			left;
	background:				transparent;
	margin:					5px 8px 2px 0;
	text-transform: 		uppercase;

}


/* 	Default Links
------------------------------------------------- */

a, a:link {
	color:					#2D4E93;
	background-color:		transparent;
	text-decoration:	 	none;
}
	 
a:visited {
	color:					#4478a0;
	background-color:		transparent;
	text-decoration:	 	none;
}

a:hover {
	color:					#4478a0;
	text-decoration:	 	underline;	
}

a img{ 
	border: 				none;
}

/*	Layout / Structure
------------------------------------------------- */
#container {
	width: 					918px;
	background: 			#ffffff;
	margin: 				0 auto;
	padding:				0;
	border: 				1px solid #000;
	text-align: 			left; 
	border-bottom: 			2px solid #000;
}


#header {
	background:				#fbfbfb url(img/header.jpg) no-repeat top right;
	padding: 				0;
	width:					918px;
	height: 				136px;
}


#header #logo {
	margin: 				0;
	padding: 				0;
	width:					160px;
	float: 					left;
}

#Searchbox a, #Searchbox a:visited {
	color: #06C;
}
#topmenu {
	float: right; 
	margin: 42px 0 0 0;
	width: 642px; 
	height: 44px;
	background: #4478a0 url(img/topmenu.jpg) no-repeat top right;
}


#Searchbox {
	float: right; color: #4478a0;
	width: 300px; height: 50px;
}	

#mainContent {
	min-height: 400px;
}

.twoColumn  #mainContent{
	background: #ffffff url(img/leftcol.jpg) repeat-y top left;
}


#leftcol {
	width: 					266px;
	float: 					left;
	
	padding: 				0px;
	margin: 				0;
	background-color: 		#dde3ed;
}

#rightcol {
	width:					650px;
	float:					right;
	}
	
#footer {
	background:				#d7d7d4 url(img/footer.jpg) no-repeat top left;
	color:					#ffffff;
	text-align: 			right;
	width:					918px;
	height:					62px;
}

#outsidefooter {
	color:					#7d7f81;
	text-align: 			center;
	padding:  	10px;

}





/*	CSS Helpers
------------------------------------------------- */

.hide { 
	display: 				none; 
}

.hidden {
	margin:					0;
	padding:				0;
	border:					0;
}

.f_right { 
	float: 					right;
	margin-left: 			8px;
}
.f_left { 
	float: 					left;
	margin-right: 			8px;
}
.clearfloat {
	clear:					both;
	height:					0;
	font-size: 				1px;
	line-height: 			0px;
}

.totop {
float: right;
width: 100px;
height: 12px;
}



ul.jumplist li {
	list-style-image: url(/css/img/triangle_blue.gif);
	
}
ul.jumplist li a {
	font-size: 14px;
	font-weight: bold;
	font-color: #3D4F8C;
	
}

p.learnmore {
display: block;
width: 200px;
height: 12px;
text-align: right;
font-size: 10px;
float: right;
margin-top: 0;
margin-bottom: 0px;
}


/* 	Main Navigation
------------------------------------------------- */


	
.navlist {

	margin: 0;
	padding: 0 0 0 140px;
	list-style: none;

	}
.navlist li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
.navlist a, .navlist a:visited {
	float: left; 
	margin: 0 0;
	padding: 14px  14px;
	text-decoration: none;
	color: #fff;
	
	
	line-height: 12px;
	font-size: 12px;
	background: url(img/topmenu_li.jpg) no-repeat bottom right;
	}
.navlist a:hover, .navlist a.active {
	color: #fff; /*#009240*/
	background: #005395;
	}
	
#current a:link, #current a:visited,
#current a:hover, #current a:active {
	background: #005395;
	color: #fff;	
}

/* 	Sub Navigation
------------------------------------------------- */
/* Submenu nav
----------------------------------------------- */



ul.submenulist  { 
	text-align: 			left; 
	margin: 				0; 
	padding: 				0;
	list-style-type: 		none;
}

ul.submenulist  li a, ul.submenulist  li a:visited, ul.submenulist a:hover {
	margin: 				0; 

	font-size:				12px;
	padding: 				6px 6px 6px 14px;
	line-height:			18px;
	text-decoration:		none;
	display: 				block;
	text-shadow: 			1px 1px 1px #000;
	color: 					#CCCCCC;
	background-color:		#4478a0;
	border-top: 			1px solid #4478a0;
	border-bottom: 			1px solid #4478a0;
	width: 248px !important;
	width /**/:170px;
	background-image: url(/css/img/sub_menu_bg.jpg);
}


ul.submenulist li ul { 
	margin: 				0; 
	padding: 				0;
		background-color:		transparent;

}

ul.submenulist  li a.active {
	border-top: 			1px solid #4478a0;
	border-bottom: 			1px solid #4478a0;
	color: 					#FFF;
	font-weight: bold;
	background-image: none;

}

ul.submenulist  li ul li {
	margin: 				4px 0; 
	padding: 				0;
	list-style-type: 		none;

}

ul.submenulist  li ul li a, ul.submenulist  li ul li a:visited, ul.submenulist  li ul li a:hover  {
		text-shadow: 			none;

	list-style-type: 		none;
	color: #003333;
	list-style-type: 		none;
	background-image: none;
	background-color:		transparent;
	border-top: 			none;
	border-bottom: 			none;
	padding: 				2px 10px 3px 30px;
	line-height:			20px;
	display: 				block;
	width: 220px !important;
	width /**/:200px;
}



/* Articles
----------------------------------------------- */

div.article{
	margin: 				0;
	
	
}


h2.article_header {
	font-size:				18px;
	font-weight: 			bold;
	line-height:			20px;
	padding: 				20px 20px 10px 20px;
	background:				url(img/h2_wide.jpg) no-repeat 10px 5px;
	width: 					490px;
	
}


div.article_content {
	margin: 				0; 
	padding: 				10px 20px 10px 20px;
}
div.article_content p {
	width: 90%;
	padding: 0 0 2% 0;
	margin: 0;
}


div.lastarticle div.article_content {
	border-bottom:			none;
}



div.articlefootnote {

	border-top: 			1px solid #ccc;
	padding: 				10px 10px 1px;
	margin-top: 			10px;
	font-size:				0.86em;
	color:					#777;
}
div.articlefootnote span.articledetails {
	float: 					right; 
	padding-left: 			20px;

}



/* 
	Featurebox (on home page)
	
----------------------------------------------- */



div.featuregroup {
	padding: 	23px;
}


div.featurebox {

	float: 				left;
	padding:			10px 0;
	width: 				216px; 
	border-left: 		1px solid #e9e9e7;
	border-right: 		1px solid #d9d9d7;
}

div.story1 {
	border-left: 	none;
}


div.story4 {
	border-right: 	none;
}

 
h2.featurebox_header {
	padding: 	10px; font-size:12px; color: #2D4E93;
	background: #d7d6d4 url(img/h2_short.jpg) no-repeat top right;
}


h2.featurebox_header a {
	color: #2D4E93;
}

div.featurebox_content {
	height: 120px;

	padding: 	10px;
}

/* 
	Side Articles
----------------------------------------------- */


div.sidearticle{
	padding: 				0; 
	margin: 				0;
}
div.sidearticle h2.sidearticletitle {
	
}

div.sidearticlecontent {
	font-size:				0.91em;
	padding: 				0; 
	margin: 				0;
}

div.sidearticlefootnote {
}

div.sidearticle a, div.sidearticle a:link, div.sidearticle a:visited{
	background-color:		#000;
	color:					#fff;
}


/*	Special Content
----------------------------------------------- */
div.formcontent {

	padding: 				20px;
}	

h3.newsheadline {
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	color:					#666;
	text-align: 			left;
	background:				transparent;
	margin:					5px 8px 2px 0;
	text-transform: 		uppercase;
}

.newsdetails {
	font-size: .82em;
	color: #888;
	padding: 6px 0;
	margin: 0;
	
}

div.recordnav {
	border-top: 1px solid #ddd;
	font-size:.84em;
	color: #002;
	text-align:right;
}

/*	Side Content
----------------------------------------------- */


div.sidebox {
	padding: 				10px; 
	border-top: 			1px solid #282828; 
	border-bottom: 			1px solid #222; 
}


/*	Footer Content
----------------------------------------------- */



#footer ul {
	padding: 				30px 20px 0 0;
	margin: 				0;
	text-align: 			right;
}

#footer li { 
	display: 				inline; 
	padding-left: 			5px; 
	white-space: 			nowrap;
}

#footer li a { 
	padding-right: 			5px;
	border-right: 			1px solid #868686; 
	text-decoration: 		none; 
	color: 					#f7f8f9;
}

#footer li a:hover, #footer li a:focus {
	text-decoration: 		underline; 
	color: 					#00f;
}

#footer li.last a {
	border: 				0;
}

#footer p {
	padding: 				20px;
	margin: 				0;
}

/*	FORM FIELD FORMATTING
--------------------------------------------------------------- */

form {
	margin:					0;
	padding:				0;
	border:					0;
}

div.sidebox select, div.sidebox input {
	color: #fff;
	background-color: #3e3e3e;
	font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	border: thin solid #666666;
}


.forminput {
	border-top:				2px solid #6d6d6d;
	border-left:			2px solid #6d6d6d;
	border-bottom:		 	1px solid #6d6d6d;
	border-right:			1px solid #6d6d6d;
	color:					#333;
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	height:					1.6em;
	padding:				2px 0 0 0;
	margin:					0;
} 
.formselect {
	background-color:		#fff;
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	letter-spacing:			.1em;
	color:					#333;
	margin-top:				2px;
	margin-bottom:		 	2px;
} 

.formradio {
	background-color:		transparent;
	margin-top:				4px;
	margin-bottom:		 	4px;
	padding:				0;
	border:					0;
}
.formcheckbox {
	background-color:		transparent;
	padding:				0;
	border:					0;
}

.formbutton {
	font-family:			Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:				11px;
	font-weight:			 bold;
	border-top:				1px solid #6d6d6d;
	border-left:			1px solid #6d6d6d;
	border-right:			1px solid #000;
	border-bottom:			1px solid #000;
	letter-spacing:			.1em;
	margin:					0;
	padding:				1px 6px 3px 9px;
	background-color:		#181818;
	color:					#fff;
	cursor:					pointer;
}	
/*	Error Messages 
--------------------------------------------------------------- */
#error {
	margin-top:				15px;
	padding:				1px;
	border:					#7B81A9 1px solid;
}

.errorheading{
	color:					#fff;
	background:				#900;
	text-align:				center;
	font-size:				12px;
	font-weight:			bold;
	letter-spacing:			1px;
	text-transform:			uppercase;
	padding:				4px;
	margin-bottom:		 	1px;
}

.errorMsg {
	color:					red;
}


/* Spruik MeccMedialight
--------------------------------------------------------------- */


#mml_Credit.leftfeature {
	text-align:				left; 	
	color: 					#888; 
	padding: 				30px 10px; 
	font-size: 				9px;
}
.mml_logo a {
	display:				block; 
	width:					148px;
	height:					27px;
	background:				transparent url(btn_mml.gif) no-repeat 0 0;
	border:					0;
	}
.mml_logo a:hover {
	background:				transparent url(btn_mml.gif) no-repeat 0 -30px;
	}
	
	
/* Calendar
--------------------------------------------------------------- */
  
table.calendar {
	width: 					236px;
	padding: 				0;
	margin: 				0;
	border-left: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	font: 					normal 10px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#666;
	text-align: 			center;
	background-color: 		#fff;
}

table.calendar caption {
	width: 					236px; 
	margin: 				0; 
	padding: 				0;
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#202020;
	background-color: 		#f1f1f1;
	text-align: 			center;
	border-top: 			1px solid #ccc;
}

table.calendar caption a, table.calendar caption a:visited {
	color:					#222;
	background-color: 		silver;
}

table.calendar caption a:hover {
	color:					black;
}

table.calendar th {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-align: 			center;
	color: 					#777;
	background: 			#fafafa;
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	border-top: 			1px solid #ccc;
}	

.today, td.today a, td.today a:link, td.today a:visited {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#444;
	background: 			#fff;
	border: 				0;
}

.SoldOut, td.SoldOut a, td.SoldOut a:link, td.SoldOut a:visited {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					red;
	background: 			white;
	border: 				0;
}

table.calendar td {
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	width: 					33px;
	height: 				20px;
	text-align: 			center;
}

table.calendar td a {
	text-decoration: 		none;
	font-weight: 			bold;
	display: 				block;
	border: 				0;
}

table.calendar td a:link, table.calendar td a:visited {	
	color: 					#fff;
	border: 				0;
}

table.calendar td a:hover, table.calendar td a:active {
	color: 					#00f;
	border: 				0;
}

/* Programme Table
--------------------------------------------------------------- */

table.programmeTable {

	padding: 				0;
	margin: 				0;
	text-align: 			left;

}


table.programmeTable th {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-align: 			left;
	color: 					#000;
	background: 			#f1f1f1;
	border-right: 			1px solid #efefef;
	border-bottom: 			1px solid #efefef;
	border-top: 			1px solid #efefef;
	padding: 				0px;
}	


table.programmeTable td {
	border-right: 			1px solid #efefef;
	border-bottom: 			1px solid #efefef;
	text-align: 			left;
	padding: 				2px 2px;
}



table.programmeTable td.thumb {
	width: 					150px;
	text-align: 			right;
	background-image: 		url(../program_media/thumbs/default.jpg);
	background-repeat: 		no-repeat;
	padding: 				0px;
}
table.programmeTable td.ProgramDetails {

	text-align: 			left;
	padding: 				0px 4px;
}

table.programmeTable td a {
	text-decoration: 		none;
	font-weight: 			bold;
	display: 				block;
	border: 				0;
}


.accordion{
	border: 1px solid #1F669B;
	width:400px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:auto;
}

.panel_title {
	color:#878285;
	background-color: #63699C;
	background:url(images/shade.gif) 0 0 repeat-x;
		font-size:				25px;
	font-weight: bold;
	line-height:			25px;
	
	color: 					#000;
	margin:					4px 0;
	padding: 			 	0;
	text-transform: uppercase;
}



 
.panel{
	margin: 0;
	padding-bottom:0;
	border: none;
}
.panel_body{padding:5px;}


/* schedule
--------------------------------------------------------------- */
  
table.schedule {
	width: 					170px;
	padding: 				0;
	margin: 				0;
	border-left: 			1px solid #aaa;
	border-bottom: 			1px solid #aaa;
	font: 					normal 10px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#e8e8ec;
	text-align: 			center;
	background-color: 		#e8e8ec;
}

table.schedule caption {
	width: 					160px; 
	margin: 				0; 
	padding: 				0 0 0 10px;
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#555;
	background-color: 		#e8e8ec;
	text-align: 			left;
	border-top: 			1px solid #888;
}

table.schedule caption a, table.schedule caption a:visited {
	color:					silver;
	background-color: 		#222;
}

table.schedule caption a:hover {
	color:					#000;
}

table.schedule th {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-align: 			center;
	color: 					#777;
	background: 			#2d2c2c;
	border-right: 			1px solid #aaa;
	border-bottom: 			1px solid #aaa;
	border-top: 			1px solid #aaa;
}	

.today, td.today a, td.today a:link, td.today a:visited {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: 					#fff;
	background: 			#888;
	border: 				0;
}

table.schedule td {
	border-right: 			1px solid #aaa;
	border-bottom: 			1px solid #aaa;
	width: 					24px;
	height: 				20px;
	text-align: 			center;
	color: 					#aaa;
	
}

table.schedule td a {
	text-decoration: 		none;
	font-weight: 			bold;
	display: 				block;
	border: 				0;
}

table.schedule td a:link, table.schedule td a:visited {	
	color: 					#fff;
	border: 				0;
}

table.schedule td a:hover, table.schedule td a:active {
	color: 					#00f;
	border: 				0;
}


/* lightbox
--------------------------------------------------------------- */
  

#lightbox{
	position: 				absolute;
	left: 					0;
	width: 					100%;
	z-index: 				100;
	text-align: 			center;
	line-height: 			0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: 				relative;
	background-color: 		#fff;
	width: 					250px;
	height: 				250px;
	margin: 				0 auto;
	}

#imageContainer{
	padding: 				10px;
	}

#loading{
	position: 				absolute;
	top:  					40%;
	left:  					0%;
	height:  				25%;
	width:  				100%;
	text-align:  			center;
	line-height:  			0;
	}
#hoverNav{
	position:  				absolute;
	top:  					0;
	left:  					0;
	height:  				100%;
	width:  				100%;
	z-index:  				10;
	}
#imageContainer>#hoverNav{ 
 	left:  					0;
}
#hoverNav a{ 
	outline:  				none;
}

#prevLink, #nextLink{
	width:  				49%;
	height:  				100%;
	background:  			transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display:  				block;
	}
#prevLink { 				
	left:  					0; 
	float:   				left;
}

#nextLink { 
	right:   				0; 
	float:   				right;
}
#prevLink:hover, #prevLink:visited:hover { 
	background:   			url(prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background:   			url(nextlabel.gif) right 15% no-repeat; 
}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Tabbed Media Box
--------------------------------------------------------------- */

.TabbedPanels {
	margin: 0px;
	padding: 0px 0 20px 0;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold sans-serif;
	background-color: #e8e8ec;
	list-style: none;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #888;
	border-top: solid 1px #888;
	border-right: solid 1px #888;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}


.TabbedPanelsTabHover {
	background-color: #ccc;
}


.TabbedPanelsTabSelected {
	background-color: #e8e8ec;
	border-bottom: 1px solid #eee;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #fff;
}

.TabbedPanelsContent {
	padding: 4px 1px;
}


.TabbedPanelsContentVisible {
}



div.mp3playergrp, div.flvplayergrp {
	padding:				4px 10px;
}


.boxed {
	border:					1px solid #444;
	padding:	 		 	2em;
	}
	
	/*	Profiles Content
----------------------------------------------- */



.profile_image { width: 220px;
float: right;
}

.profile_details {
display: block;
width: 380px;
float: left;
}
.profile_thumb {
text-align:center;
font-size:9px;
display: block;
width: 100px;
height: 170px;
float: left;
}
.profile_thumb a {
text-decoration:none;
}
.profile_thumb img {
	border: 2px solid #E2E2E0;
}

.profile_thumb img:hover {
	border: 2px solid #93ACC2;
	}