/* ******************************************** CBSO Styles - basic ******************************************** */ 

/* HTML ==========================================*/ 

body {color: black; padding: 0px; margin: 0px; font-size: medium; font-family: arial, helvetica, sans-serif; background:url(bodybg.png) repeat-x top left; text-align: center}

p {font-family: arial, helvetica, sans-serif; color: black; background: none; font-size: 75%; line-height: 1.4em;}
 
table {font-family: arial, helvetica, sans-serif; color: #000; background: white; font-size: 100%;} 
th {font-size: 90%}
td {font-size: 80%;} 

ul, ol {font-size: 100%; margin: 0; } 
li {line-height: 1.4em; font-size: 75%; line-height: 1.4em;} 
li ul {font-size:120%} 
dl {margin: 0; font-size: 100%; line-height:1.1em;} 
dt {font-family: arial, helvetica, sans-serif; color: #000; background: white; font-size: 90%; font-weight: bold; margin: 5px 0px 5px 0px; border-top: 1px solid silver} 
dd {font-family: arial, helvetica, sans-serif; color: #000; background: white; font-size: 75%; margin: 8px 0px 0px 10px} 

hr {background: black; color: white; border: 0px; height: 1px; margin: 0px 160px 0px 0px; width: 410px; text-align: left; display: inline}

h1 {
	font-family: arial, helvetica, sans-serif; 
	margin: 0px 0px 14px 0px; 
	color: black; 
	font-size: 130%; 
	font-weight: bold;  
	padding-bottom: 2px;
	padding-right:70px;
	width: 450px;
	background:url(h1bg.png) no-repeat left bottom;
} 
h2 {font-family: arial, helvetica, sans-serif; font-size: 100%; font-weight: bold; margin: 5px 160px 8px 0px; border-bottom: 1px solid #D4D4D4} 
h3 {font-family: arial, helvetica, sans-serif; font-size: 90%; font-weight: bold;} 
h4 {font-family: arial, helvetica, sans-serif; font-size: 80%; font-weight: bold; margin: 5px 0px 0px 0px;} 
h5 {font-family: arial, helvetica, sans-serif; font-size: 70%; font-weight: bold; margin: 5px 0px 0px 0px;} 
h6 {font-family: arial, helvetica, sans-serif; font-size: 60%; font-weight: bold; margin: 5px 0px 0px 0px;}

/*nomination h3*/
h3.nomnom {color:#6660a3;}

/* Home Page September 2006 changes */

.homepageTitle {font-family: arial, helvetica, sans-serif; font-weight: bold; margin: 5px 76px 8px 0px; text-decoration:none;}
.homepageText {font-family: arial, helvetica, sans-serif; color: black; background: none; font-size: 75%; line-height: 1.4em; margin: 0px 76px 8px 10px}
.homepageReadMore {font-family: arial, helvetica, sans-serif; color: black; background: none; font-size: 75%; line-height: 1.4em; margin: 0px 76px 8px 260px}

html>body .homepageList {font-size: 100%; margin: 5px 76px 8px 0px}
.homepageList {font-size: 100%; margin: 5px 76px 8px 40px}

#homePageConcert .concert { margin: 5px 76px 8px 0px }

#homePageCalendar .rightSidebarTitle {margin-top: 5px; width: 190px; height:29px; text-indent:-9999px; background:url(concerthead.png) no-repeat top center;}
#homePageCalendar .calendar {width: 190px; margin:5px 0;}
#homePageCalendar .calNav,	#homePageCalendar .date { width: 190px; padding:5px 0; background:#d1c4ed; text-align: center; }
#homePageCalendar form {overflow:hidden;}
#homePageCalendar input{float:right; margin-top:0;}
#homePageCalendar select {float:left; margin-right:5px; margin-top:2px;}
#index #rightbanners {position:absolute; top:600px; right:10px;}

/* End of September 2006 changes */

a {}

/*.purpleText {color: #a57de7;}
.redText {color: #f71c31;}*/

a:link {font-weight: bold; color: #FBD9ED;} 
.wpbutton { font-weight: bold; text-align: right; margin: 0px; background: #f1f1f1; border: 1px solid #f1f1f1;} 

form {}
.form, select, input {font-family: arial, helvetica, sans-serif; color: black; background: white } 

label {font-size: 70%; float: left; width: 130px; margin:0; font-weight: bold;} 

fieldset {margin: 0px 0px 12px 0px ; border: 1px dashed #ccc; font-size: 100%; width: 400px} 

legend {font-size: 80%; font-weight: bold; background: white; margin: 0px 0px 12px 0px; width: 350px} 

abbr, acronym, .help {border-bottom: 1px dotted #888; cursor: help; } 

blockquote {font-size: 100%; background: none; font-weight: bold; margin: 18px 20px 18px 20px}


applet {border-right: 1px solid black; border-left: 1px solid black; width: 350px}

.error {color: red; font-weight: bold;}

.pink {color: #E20084;}
.orange {color: #FF5E00;}

.rss { 
	font-size: 80%;	
	background: white url('../../resources/images/rss.png') 0 50% no-repeat; 
	padding: 0 0 0 25px; 
	margin: 0 0 20px 10px;
	display: block;
}
.rss:hover {
	background: white url('../../resources/images/rss.png') 0 50% no-repeat; 
	color: #905fda;
	text-decoration: none;
}

/* LAYOUT =====================================================*/ 

/* General ------------------------------------*/

#quiz {
 position:relative;
 }
  
#quiz p {
 margin-bottom:10px;
 } 

#quiz label {
 font-size: 70%;
 display:block !important;
 float:none;
 width:300px;
 margin:8px 0 0 0;
 font-weight:bold;
 }

#widthfixer {width: 960px; color: black; text-align: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto} 

.imagefloatright {float: right; margin: 0px 8px 0px 15px;  text-align: center;} 
.imagefloatright p {margin: 0px 0px 0px 0px; font-size: 65%}
.imagefloatleft {float: left; margin: 0px 8px 0px 15px; border: 1px solid black; text-align: center} 
.oramofloatleft {float: left; margin: 18px 8px 15px 15px; border: 1px solid black; text-align: center} 

.alignright {text-align: right;} 
.floatleft {float: left;} 
.trick {clear: both} 
.clearleft {clear: left} 
.clearright {clear: right} 
.imageright {float: right; margin: 0px 7px 0px 7px; padding: 4px} 
.imageBGRightHolder {background: #FBD9ED; float: right; width: 126px; height: 161px; margin: 25px 0px 0px 20px} 
.imageBGRightContent {position: relative; margin: -5px 10px 0px -5px; width: 126px; height: 161px} 
.imageBGLeftHolder {float: left; border: 1px solid red; width: 126px} 
.submitbutton {margin: 3px 0; border: 0px;} 
/*nominate form*/
#nominateform input.submitbutton {width:190px;}
#rightpanel {float: right; margin: 0px 5px 0px 15px;} 
.postal, .online {font-weight: bold; font-size: 90%; color: black; background: none; vertical-align: super} 

.screensaverthumb {float: left; margin: 0px 10px 0px 0px;} 
.concertsTable {font-size: 100%}

.concertheader  {text-align: left; font-weight: bold; }

.glossary dt, .shortcuts dt {border: 0px; font-size: 70%; margin: 10px 0px 0px 0px;}
.shortcuts {margin: 0px 0px 15px 0px}

.remindMe {
 margin:0 0 5px 0;
 }
 
.remindMe label {
 font-size:100%;
 }

/* Header -----------------------------------*/ 
 
#ahem {text-align: center} 
#index #header {height:234px;}
#index #header img {margin-top:30px;}
#index #rightSidebar {display:none;}
#index #middle {width:740px; padding:20px 0 20px 20px;}
#bannerarea {display:none; overflow:hidden;}
#index #bannerarea {display:block; margin-bottom:20px;}
.box {width:184px; height:354px; float:left; background:url(box.jpg) no-repeat left top; margin:0; padding:0; position:relative;}
.flashbox {margin:0; padding:7px 0 0 7px;}
#rightSidebar .box {margin:5px 0; padding: 5px 0 0 7px; border:1px solid #CCC; height:130px; width:170px; background:none;}
.box img {margin:7px;}
.box h2 {font-size:.8em; margin:7px 0 0 7px; padding-right:14px; border:none;}
.box p  {padding:0 14px 0 7px; margin-top:0;}
.box ul {padding:5px 20px 0; margin:0; }
.box li {padding:0; margin:0;}
.box a.details {color: #ff3333; text-decoration:underline; position:absolute; left:8px; top:300px;}
.box a.details2 {color: #ff3333; text-decoration:underline; position:absolute; left:8px; top:320px;}
#header {padding: 0px; margin: 0px;  height: 234px; position:relative; background: url(headerimg.php) no-repeat right bottom;}
#header img {margin:30px 0 0 20px;}
#flashcontent {position:absolute; top:4px; right:0;}
/*#topstrip {background:url(topstripbg.jpg) no-repeat top left;}
#topstrip p#boxoffice {text-indent:-9999px; width:0; height:0; margin:0; padding:0;}*/
p#boxoffice {width: 190px; height:29px; text-indent:-9999px; background:url(phone.png) no-repeat top center;}
#topstrip fieldset {width:200px; padding:10px 0;}
#topstrip fieldset .submitbutton {margin-top:0; margin-right:10px; float:right;}
#topstrip .searchBoxInput {border:none;
	background:url(searchbox.png) no-repeat top left;
	width: 135px;
	height:22px;
	border:none;
	display:block;
	float:left;
	margin-top:0;
padding:5px 0 0 5px;}
.headerMusicians {margin: 12px 12px 0px 0px; float: right} 
.headerMusicians img {margin: 0px 0px 0px 10px; border: 1px solid black}
#headerlogo {float: left;} #colourSwitcher {text-align: right; font-size: 100%; 
width: 380px; float: right; background: url(../../templates/main1/colourSwitcherCurve.gif) 
no-repeat #DAD9D9; padding: 4px 5px 3px 0px} 
#header a:hover {background: none}

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

#middle {margin:0; padding: 20px; width:500px; float:left; background: white; color: black;} 
.sketchlinebottom {margin: 0px; padding: 0px; text-align: right;}
#floofbox { margin-bottom: 8px;} 
.sketchlinebottom {margin: 0px; padding: 0px; text-align: right; clear: both;} 
#contentbox {border: 1px solid white; background: white; color: black; padding: 0px; margin: 0px; display: block; position:relative;} 

#featuredconcert {border-top: 1px dotted #ccc; background: white; color: black; padding: 12px 0px 0px 0px ; margin: 0px 160px 0px 0px;} 
.featuredconcertcopy {margin: 10px 0px 0px 10px;} 
#features {background: white; color: black; padding: 0px; margin: 15px 160px 0px 0px;} 
#recentnewsbox {border-top: 1px dotted #ccc; background: white; color: black; padding: 12px 0px 0px 0px ; margin: 0px;} 
#sitefeaturesbox {border-top: 1px dotted #ccc; padding: 12px 0px 0px 0px; margin: 0px 160px 0px 0px } 
#sitefeaturesbox p {margin: 4px 10px 15px 0px;}
.screensaverbox {background: white; color: black; padding: 12px 0px 0px 0px; margin: 0px 0px 0px 0px ; border-top: 1px dotted #ccc} 
#floofbox {width: 30%; border: none; padding: 0px 0px 0px 10px;} 

.symphonyHallIpix {text-align: center; float: left; margin: 0px 20px 0px 0px; width: 140px; border: 1px solid black; padding: 5px}
.symphonyHallIpix p {margin: 0px; font-size: 70%}

dt.vacancy {border: 0px;}
dd.vacancy {margin: 0px 0px 20px 0px}
.philipDowns img {margin: 0px 0px 10px 10px} 

/* Concerts -------------------------------------*/ 

.concert, .news {color: black; font-size: 100%; padding: 0px 0px 10px 5px; margin: 0px 160px 10px 0px; }
.concert h2, .news h2 {border-bottom: 1px solid #FBD9ED; margin: 0px 0px 10px 0px; font-size: 80% }
.concert h2 span, .news h2 span {float: right; padding: 0px 5px 0px 5px; color: white; background: #FBD9ED}
.concert h2 a, .news h2 a {color:#ED1C2E; text-decoration: none;}
.location, .title {margin: 0px; font-weight: bold} 
.concert p, .news p {margin: 0px 0px 8px 0px}
.performers {font-style: italic; font-weight: bold;}

/* Items -------------------------------------*/ 
.itemRight {float: right; margin: 0px 2px 10px 5px;}
.itemLeft {float: left; margin: 0px 5px 10px 2px;}
.itemRight, .itemLeft {font-size: 70%;}
.itemRight a, .itemLeft a {text-decoration: none;}

/* Search -------------------------------------*/ 

.searchNav { border: 1px solid black; margin: 0px 160px 12px 0px; padding: 2px 0px 3px 8px}
ol.searchResults {list-style: none; margin: 0px 160px 20px 10px; padding: 0px}
ol.searchResults li {margin: 0px 0px 8px 0px}
.searchResultNum {background: #FBD9ED; color: white; margin: 0px 10px 0px 0px; width: 18px; float: left; text-align: center}
.resultsList li {display:inline}
/* Left menu + buttons -----------------------------------------------*/ 

/*.menu {display: block; font: 100% verdana, arial, sans-serif; padding: 2px 0px 2px 0px; text-decoration: none; width: 160px; background: white; color: #333;} 
.submenu {background:#FBD9ED; color: black; font-size: 65%; font-weight: normal; text-align: right; margin: 0px; padding: 0px; list-style: none;}*/

/*subnav */

#subnav {width:190px; border-top:10px red solid; padding-bottom:10px;}

#subnav ul {margin-left: 0;
padding-left: 0;
list-style-type: none;
border-top:1px dotted #e6e6e6;
font-size:1.2em;
width:190px;
}

#subnav li {width:190px; border-bottom:1px dotted #333; padding:1px 0; margin:0; list-style:none;}

#subnav a {display: block;
line-height:30px;
width: 180px;
height:30px;
background-color: #d1c4ed;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding-left:10px;
margin-left:0;
text-decoration:none;
font-weight:normal;
font-size:90%;
color:#333;
}
#subnav a:hover {background-color:#ED1C2E; color:#FFF;}

#subnav a.current {background:#666; color: #FFF;}

#leftsidebar {padding:20px 0 0; margin:  0px; float: left; width: 200px; text-align: left; background: white; color: black; font-size: 100%} 

#leftsidebar form {text-align: center; width: 162px}


#leftsidebar #banners {margin-top:10px;}
#leftsidebar #bannersComponent {padding: 10px 0}
#leftsidebar #banners img {margin-bottom:10px;}
#leftsidebar #banners a:hover {background:none;}

/* Search box + subscription box -------------------------------------*/ 
.searchBox {text-align: center; border: none; padding: 0px; margin: 0px; } 
.searchBoxInput {width: 140px; margin: 5px 0px 0px 0px; border: 1px solid black}
.searchBoxTitle {background: #FF5E00; color: white; margin: 0px 0px 0px 2px; text-align: center; font-weight: bold; border: 1px solid #FF5E00} 

.emailBox {text-align: center;padding: 0px; margin: 0px; } 
fieldset.emailBox  {width: 140px; border-top:none; margin-top:10px;}

.emailBoxInput {width: 120px; border: 1px solid #CCC; margin: 5px 0px 0px 0px}
#homesignup {display:none;}
#index #homesignup, #signup {display:block; float:right; width:184px; margin-right:10px; display:inline; background:#d1c4ed url(signupbot.png)  no-repeat scroll left bottom;}
#rightSidebar #signup {margin-right:0;}
#homesignup .emailBoxTitle, #signup .emailBoxTitle  {width:184px; height:27px; background:url(signupbg.png) no-repeat top left; margin:0; padding:0; text-indent:-9999px;}
#homesignup form, #signup form {width:184px; margin:0; padding:0;}
#homesignup fieldset, #signup  fieldset {width:164px; padding:10px; margin:0; border:none;}
#homesignup .emailBoxInput, #signup .emailBoxInput{margin:3px 0 0 0; float:left; color:#666; text-indent:5px;}
#homesignup .submitbutton, #signup .submitbutton  {float:right;}
#homesignup p, #signup p {padding:0 2px 0 10px; margin:0;}


/* Right sidebar-----------------------------------------------*/
 
#rightSidebar {width: 180px; margin-top:20px; float:right; font-size: 100%;} 
#rightSidebar p {margin: 0}
#rightSidebar img {margin-top:10px;}
.rightSidebarTitle {font-weight: bold; margin: 0px; padding: 2px 0px 3px 0px; color:#333;} 


/* Book Tickets -----------------------------------------------*/ 
#booktickets {margin:10px 0 0; text-align:left;}
#booktickets p {font-size:90%; }
#booktickets p a {display:block; padding:10px 0 20px; color:#333; margin:0; text-decoration:underline;}
#booktickets p a:hover {text-decoration:none; background:none;}


/* Bookmark -----------------------------------------------*/ 
#bookmark {text-align:center;}


/* Calendar -----------------------------------------------*/ 

.date {margin: 0px; font-size: 80%; font-weight: bold} 
.calNav {margin: 0px; padding: 0px 0px 8px 0px; font-size: 65% } 
.calendar {border: 1px dashed #CCC; margin: 0px 0px 0px 5px} 

.today {background: silver; border: 1px solid black; font-weight: bold} 
.todayEvent {background: #FBD9ED; border: 1px solid black; font-weight: bold} 
.emptyDay {background: white} .otherDay {background: #d1c4ed;} 
.otherDayEvent {background: #FBD9ED;} 
.findConcerts {border: 0px; margin:10px 0;} 
.hiddenField {height: 0px}

/* Footer ---------------------------------*/ 
#footer {padding: 2px 0px 7px 
0px; margin: 0px; color:#FFF !important; background:#666;  
clear: both; text-align: center; font-size: 100%;}
p.footerButton a, p.footerButton a:hover, p.footerButton a:visited {color:#fff !important}

#footer p {color:#FFF;}

/* Podcast pages */

#podcastDetails p, .extraDetails p {
	font-family: arial, helvetica, sans-serif; 
	color: black; 
	background: none; 
	font-size: 75%; 
	line-height: 1.4em; 
	margin: 0px 76px 8px 10px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#navbar {width:938px; height:23px; padding:6px 0 0 22px; background:url(nav/navback.png) no-repeat left top;}

#nav, #nav ul {width:938px; height:23px; padding:0; margin:0 auto; list-style:none; }
#nav {position:relative; z-index:50;}
#nav ul {display:none;}

#nav li {float:left; position:relative; margin-right:26px;  }
#nav li ul li {padding-right:0; margin-right:0;}
ul#nav ul li a {display:block;text-decoration:none; font-family:arial, verdana, sans-serif; font-size:18px; height:16px;}

a#opt1 span {
	display:block;
	background: transparent url(nav/home.png) no-repeat left top;
	width:42px;
	text-indent:-9999px;
}

a#opt2 span {
	display:block;
	background: transparent url(nav/concerts.png) no-repeat left top;
	width:94px;
	text-indent:-9999px;
}

a#opt3 span {
	display:block;
	background: transparent url(nav/mycbso.png) no-repeat left top;
	width:80px;
	text-indent:-9999px;
}

a#opt4 span {
	display:block;
	background: transparent url(nav/getinvolved.png) no-repeat left top;
	width:118px;
	text-indent:-9999px;
}
a#opt5 span {
	display:block;
	background: transparent url(nav/support.png) no-repeat left top;
	width:84px;
	text-indent:-9999px;
}
a#opt6 span {
	display:block;
	background: transparent url(nav/aboutus.png) no-repeat left top;
	width:87px;
	text-indent:-9999px;
}

a#opt7 span {
	display:block;
	background: transparent url(nav/contact.png) no-repeat left top;
	width:70px;
	text-indent:-9999px;
	
}

a:hover#opt1 span {background: url(nav/home_hover.png) #666 no-repeat left top; margin:0;}
a:hover#opt2 span {background: url(nav/concerts_hover.png) #666 no-repeat left top; margin:0;}
a:hover#opt3 span {background: url(nav/mycbso_hover.png) #666 no-repeat left top; margin:0;}
a:hover#opt4 span {background: url(nav/getinvolved_hover.png) #666 no-repeat left top; margin:0;}
a:hover#opt5 span {background: url(nav/support_hover.png) #666 no-repeat left top; margin:0;}
a:hover#opt6 span {background: url(nav/aboutus_hover.png) #666 no-repeat left top; margin:0;}
a:hover#opt7 span {background: url(nav/contact_hover.png) #666 no-repeat left top; margin:0;}



#nav li ul {position:absolute; left:0; top:23px; height:auto; background:#333; width:140px;}


#nav li ul li {float:none; }
#nav li ul li a {display:block; height:25px; width:135px; padding-left:5px; font-size:11px; color:#FFF; background:#333; border-bottom:1px white solid; line-height:25px; font-weight:normal;}
#nav li ul li a:hover {background:#ED1C2E;}

#index #opt1 span {background: transparent url(nav/home_current.png) no-repeat left top; margin:0;}

#concerts #opt2 span {background: transparent url(nav/concerts_current.png) no-repeat left top; margin:0;}

#mycbso #opt3 span {background: transparent url(nav/mycbso_current.png) no-repeat left top; margin:0;}

#community #opt4 span {background: transparent url(nav/getinvolved_current.png) no-repeat left top; margin:0;}

#involved #opt5 span {background: transparent url(nav/support_current.png) no-repeat left top; margin:0;}

#about #opt6 span {background: transparent url(nav/aboutus_current.png) no-repeat left top; margin:0;}

#contact #opt7 span {background: transparent url(nav/contact_current.png) no-repeat left top; margin:0;}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* event enquiry form */ 

form#event_enquiry fieldset {width:100%; padding: 20px; margin:40px auto; color:#333; }

form#event_enquiry legend {font-size:18px; padding:0; margin:0 0 20px; text-transform:uppercase; display:block; width: auto; background:white;}

form#event_enquiry label {font-size:14px; display:block; float:left; clear:both; margin:5px 0; width:30%; line-height:24px; }

form#event_enquiry input {float:left; margin:10px 0; width:40%; float:left;line-height:24px; }

form#event_enquiry textarea {margin:10px 0;}