/* Containers / layout
--------------------------------------------------------------------------------*/

.container { margin-left: auto; margin-right: auto; width: 960px; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16 { display: inline; float: left; }

.container .col4 { width: 240px; }

.container .col8 { width: 480px; }

.container .col12 { width: 720px; }

.container .col16 { width: 960px; }

.container .col1 { width: 60px; }

.container .col2 { width: 120px; }

.container .col3 { width: 180px; }

.container .col5 { width: 300px; }

.container .col6 { width: 360px; }

.container .col7 { width: 420px; }

.container .col9 { width: 540px; }

.container .col10 { width: 600px; }

.container .col11 { width: 660px; }

.container .col13 { width: 780px; }

.container .col14 { width: 840px; }

.container .col15 { width: 900px; }

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.clearer { clear:left; }

body { background: #d7d7d7; color: #333; }

#headwrapper { background: #f3f3f3 url(img/top-header.png) no-repeat 50% 0; width: 100%; float: left; height:200px; position:relative; display:block;}

#midwhitewrapper { background: #f3f3f3 url(img/top-hero.png) no-repeat 50% 0; width: 100%; clear: both; min-height:200px; }

#midwhitewrapper div.container { background: #fff; }

#midbluewrapper { background: #406ba5; width: 100%; float: left; color: #e6e6f6; }

.col6 .middle { clear: both;  }

.middle_content { padding: 0 20px 20px 40px; }

#midbluewrapper h2 {color: #444; background: url(img/bg-blue-h2.png) no-repeat top left;  padding: 20px 0 20px 30px;  font-size:1.2em; height:14px;margin-left:-28px; }

#midbluewrapper a, #midbluewrapper a:link {color: #fff; font-weight: bold; text-decoration:underline;}

#bottomwrapper { background: #d7d7d7; width: 100%; float: left; clear:both; }

#logo { height: 160px; }






/*Footer */	 
#bottomwrapper h3 { height:40px; background: url(backgrounds/footer_bottom_border.png) no-repeat left bottom; }

#bottomwrapper ul { list-style:none; }





/*Main MEnu */

#mainmenu { 
    position: relative; 

}


#mainmenu .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
#mainmenu .nav.pull-right {
  float: right;
  margin-right: 0;
}
#mainmenu .nav > li {
  list-style:none;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
  background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
  background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
  background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  float: left;
  border-left: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#mainmenu .nav  li.selected {
  background-color: #fff;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top,#fff,#fff);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
  background-image: -webkit-linear-gradient(top,#fff,#fff);
  background-image: -o-linear-gradient(top,#fff,#fff);
  background-image: linear-gradient(to bottom,#fff,#fff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  -webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.065);
  -moz-box-shadow: 0 -2px 4px rgba(0,0,0,0.065);
  box-shadow: 0 -2px 4px rgba(0,0,0,0.065);
}
#mainmenu .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  font-size: 15px;
  color: #777;
  text-decoration: none;
  text-shadow: 0 1px 1px #ffffff;
}
#mainmenu .nav .dropdown-toggle .caret {
  margin-top: 8px;
}
#mainmenu .nav > li > a:focus,
#mainmenu .nav > li > a:hover {
  background-color: transparent;
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
#mainmenu .nav > .active > a,
#mainmenu .nav > .active > a:hover,
#mainmenu .nav > .active > a:focus {
  color: #555;
  text-decoration: none;
  background-color: transparent;
  -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}



/* CONTENT */
	  
.hero, .article, .block { padding: 0px 20px 20px 20px; }
	 
#featuredshows {width: 560px; height: 320px;}
	
	.featuredshow {width: 560px; height: 320px;overflow: hidden;
	position:relative;}
	
	.featuredshowhidden {display:none;}

.featuredshow-details {
	width: 560px;
	height: 40px;
	margin-top: 280px;
	background: transparent url(img/transparentbox.png) repeat-y top left;
	font-size: 1em;
	
}

.featuredshow-details .block{
	padding:10px;
}

.featuredshow-details .block h3 {margin-top: 0;}

.hero ul li {margin: 0 0 .5em 20px;}

/* Heading Replacement */	 
h2.forTeachers { display:block; width:254px; height:60px; background: url(/css/headings/forTeachers.png) no-repeat; text-indent: -999999px; }

h2.forShows { display:block; width:254px; height:60px; background: url(/css/headings/forShows.png) no-repeat; text-indent: -999999px; }

div.show h2 {margin-bottom: 2px;}
div.show h4 {margin-bottom: 1em;}


/* NEWS */
.story { clear: both; padding: 0 20px 20px 20px; }

.newsdetails { font-size:.82em; }

#midbluewrapper .newsdetails {color: #e6e6f6 }


img.storyleadimg { border:1px solid #333; background:#FFF; padding: 3px; float: left; margin: 0 20px 20px 0;
  display: block;
    max-width: 100%;
    height: auto;  }

/* ----------- shows ----------- */

.shownotes { color: #777; padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom:1px dashed #aaa; }

div.warning {padding: 1em 0;}

.synopsis { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom:1px dashed #aaa; }

div.showactivities {padding: 10px; border:1px solid #FC0; background-color:#ffe; margin-bottom:1em;}

.availability {padding: 0 0 1em 0;}

img.leadimg { padding: 0 0 1em 0; }

.performance_details { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom:1px dashed #aaa; }

.mediaquotes { border-bottom:1px dashed #aaa; padding: 0 0 1em 0; margin: 0 0 1em 0; }

.mediaquotes p { color: #666; font-family: Times, serif; font-size: 22px; line-height: 1; width: 80%; font-style:italic; }

.mediaquotes strong { font: 10px/1.2 Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 900; letter-spacing: .05em; }

div#imageshow {margin-bottom:1em;}

td.show-thumb { padding: 0 20px 20px 0; }

td.show-synopsis { padding: 0 0px 30px 0; }

td.show-thumb img { border:1px solid #aaa; background:#FFF; padding: 3px; }

div.summary {margin:0 0 1em 0;}

a.button, button, input[type="submit"], input[type="button"], #midwrapper a.button, #midwrapper a.button:hover { color: #333; font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; text-decoration: none; font-size: 12px !important; line-height: 16px; padding: 4px 12px; cursor: pointer; color: #555555; background: #e6e6e6 url(backgrounds/glass.jpg) 0 50% repeat-x; border: 1px solid #d3d3d3; height: 16px; display:inline-block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; }

a.button { height: 16px; display:inline-block; }

a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover { color: #212121; background: #dadada url(backgrounds/glass.jpg) 0 50% repeat-x; text-decoration: none; border-top: 1px solid #D5D5D5; border-right: 1px solid #B1B1B1; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }

a.button:active, button:active, input[type="submit"]:active, input[type="button"]:active { color: #222222; background: #ffffff url(backgrounds/glass.jpg) 0 50% repeat-x; border: 1px solid #dddddd; }

a.button-loud {color: #fff; background: #0C3; margin: 10px 0;padding:4px 14px;font-size: 15px; -moz-border-radius: 14px; -khtml-border-radius: 14px; -webkit-border-radius: 3px; border-radius: 14px; }
a.button-loud:hover {color: #fff; background: #17843b;}

form.showssearchform td { height:3em; }

td.labelcell { font-weight:bold; color: #666; width:80px;  }

ul#manageProductionsList { list-style:none }

ul#manageProductionsList li img { padding-right:10px; }

table#addProductionTable { }

.slider { background: #000; }

.slider h3 { color: #FFF; padding:10px; margin:0; }

/* Forms */

fieldset div { margin:.5em 0; }

input[type="text"], input[type="password"], textarea { border:1px solid #ccc;line-height:1.5em; padding:4px; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color:#a2a1a1; color:#000; }

label { font-weight:bold; color: #444;}

#tabs label { display:block;padding:.2em 0 0 0; }


input.fullwidth, textarea { width: 100% }

input.midwidth { width: 80%; }

span.validationmsg { display:block; color: red; }

.note { color: #777; }

p.note { line-height:1.1em; margin-bottom:.8em; }

/* Subscribe Form */

div.subscribebox { padding: 20px 0px 20px 0px; color: #fff; }

div.subscribebox input.shortinput { width: 100px; margin-right: 10px; border:1px solid #ddd; padding: 2px 0; height: 16px; }

/* Site Search Form */

div.searchbox { color: #fff; }

div.searchbox input.searchinput { width: 210px; padding: 2px 0; height: 16px; margin-right: 10px; }

.searchform { background: url(icons/search.png) -40px; }

/* Login Form */


/*.loginform { margin: 0 auto; width: 400px; font-size: 12px; font-weight: normal; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; border: 1px solid #e5e5e5; -moz-box-shadow: rgba(210, 210, 210, 1) 0 3px 12px; -webkit-box-shadow: rgba(210, 210, 210, 1) 0 3px 12px; -khtml-box-shadow: rgba(210, 210, 210, 1) 0 3px 12px; box-shadow: rgba(210, 210, 210, 1) 0 3px 12px; }

.loginform h2 { font-size: 12px; line-height: 1; margin: 0; padding: 10px 13px; background: #dfdfdf url(img/gray-grad.png) repeat-x left top; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; }

.loginform_content { padding: 10px; }*/
.loginform_content div { padding-bottom: 10px; }

div.loginform_content label { width: 80px; float: left; }

div#loginStatus { border:1px solid #ddd; background-color: #ffd; padding: 5px; border-radius: 5px; -moz-border-radius: 5px;  margin-bottom:1em;}

div#loginStatus p { ine-height: 1em; }

/* Booking Form */

div.request-a-booking-form { border:1px solid #777; padding: 20px; background: #eee }

div.formrow { clear:both; padding: 3px 0; }

div.bookingform-label { font-weight:bold; color: #555; float: left; width: 180px; text-align: right; }

div.bookingform-label-wide { font-weight:bold; color: #555; float: left; width: 100%; }

div.bookingform-value { width: 300px; margin-left: 200px; }

div.bookingform-value textarea, div.bookingform-value input.wide { width: 280px; }

div.formfooter { background:#fafafa; border: 1px solid #aaa; padding: 10px; margin:10px 0; }

div.statusMsg { width: 50%; float: left; text-align:left; }

div.termsconditions {border:1px solid #aaa; padding: 10px; height: 200px; overflow:auto;}

div.formcontrols { width: 50%; float: right; text-align:right; }

/*div#activityTable {height: 300px; overflow: auto;}
*/
/* Join Form */

#memberjoinform input[type="text"], #memberjoinform input[type="password"] {width: 200px;}

/* grid */
table.grid tr td { padding: 3px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; overflow:hidden; }

table.grid tr td.edit_row  {background-color: #E2FFBF; padding: 0;}

table.grid tr { border-top: 1px solid #eee; }

/* tablelisting */
table.listing { border-collapse: collapse; }

table.listing th { background: #C9C9C9; color: #fff; font-weight: bold; padding: 5px; text-align: left; border-right: 1px solid #fff; }

table.listing td { padding: 5px ; border-bottom: 1px solid #eee; vertical-align: top; }

table.listing td.show-synopsis { padding-bottom: 30px; }

table.listing tr.old td { background: #ecf6fc; }

table.listing tr.over td { background: #bcd4ec; }

table.tablelisting tr.tablefooter td { border-top: 1px solid #ccc; border-left: none; background: #f1f1f1; }

table.assetspreview td {padding: 0}

.previewthumb {margin: 0 10px 10px 0; background: #ededed; cursor:pointer;}


.paginator { position: relative; clear: both; padding: 10px 0; margin: 0px; text-align: left; }

.paginator a,
.pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }

.paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }

.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }

.paginator .end { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }

.paginator .this-page { padding: 1px 6px; border:1px solid #eee; font-weight: bold; font-size: 12px; background: #fff; }

.paginator a:hover { color: #fff; background: #0063DC; border-color: #036; text-decoration: none; }

.previewthumb {border:2px solid #ccc;}
.selectimg {border:2px solid #000;}




/* CSS Document */

form#Subscriberdetails {
	background:#fff;
	border:1px solid #eee;
	width: 540px;
}

form#Subscriberdetails fieldset div {
	margin:0.3em 0;
	clear:both;
}

form#Subscriberdetails label {
	float:left;
	width:120px;
	text-align:right;
	margin-right:20px;
}

form#Subscriberdetails label.autowidth {width: auto;}

form#Subscriberdetails legend {
	color:#333;
	font-size:.84em;
	font-weight:bold;
}


form#Subscriberdetails input.txtinput,
form#Subscriberdetails textarea {
	width:300px;
	
}

form#Subscriberdetails input.txtinputsmaller {
	width:150px;
	
}

form#Subscriberdetails input.txtinputsmall {
	width:40px;
	
}


form#Subscriberdetails  fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}



form#Subscriberdetails label.error {
	margin-left: 90px;
	width: auto;
	display: inline;
	color: red;
}

form#Subscriberdetails div.controls {
	text-align: right;	
}

.multiselect {font-size:9px;line-height:9px;}

.bigtext {font-size:1.6em;}







/* .carousel */
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.65);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.65);
  box-shadow: 0 2px 4px rgba(0,0,0,0.65);
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
  -moz-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
}
.carousel .item > img {
  display: block;
  width: 100%;
  line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  bottom: 5px;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #222;
  border-bottom: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover {
  color: #08c;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
  background: #555;
  border-bottom: none;
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px 70px;
  background: #333;
  background: rgba(0,0,0,0.75);
}
.carousel-caption h4 a {
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  border-bottom: none;
  background-color: transparent;
  text-shadow: 0px 0px 30px rgba(0,0,0,0.95);
}
.carousel-caption h4 a:hover {
  text-decoration: none;
  color: #08c;
  border-bottom: none;
  background-color: transparent;
}

.form-search .input-append .search-query {
-webkit-appearance: none;
-webkit-box-shadow: rgba(0, 0, 0, 0.0742188) 0px 1px 1px 0px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
background-color: white;
border-bottom-color: #CCC;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #CCC;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #CCC;
border-top-left-radius: 14px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: #555;
cursor: auto;
display: inline-block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 20px;
letter-spacing: normal;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 4px;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
position: relative;
text-align: auto;
text-indent: 0px;
text-shadow: none;
text-transform: none;
vertical-align: middle;
white-space: nowrap;
width: 150px;
word-spacing: 0px;
}




.form-search .input-append .btn{
 
 -webkit-appearance: none;
-webkit-box-align: center;
-webkit-box-shadow: rgba(0, 0, 0, 0.148438) 0px 2px 4px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
-webkit-box-sizing: border-box;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.1s;
-webkit-transition-property: background-position;
-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
background-color: #E6E6E6;
background-image: none;
border-bottom-color: rgba(0, 0, 0, 0.246094);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 14px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0.148438);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0.148438);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0.148438);
border-top-left-radius: 0px;
border-top-right-radius: 14px;
border-top-style: solid;
border-top-width: 1px;
color: #333;
cursor: pointer;
display: inline-block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 30px;
letter-spacing: normal;
line-height: 20px;
margin-bottom: 0px;
margin-left: -1px;
margin-right: 0px;
margin-top: 0px;
outline-color: #333;
outline-style: none;
outline-width: 0px;
padding-bottom: 4px;
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
text-align: center;
text-decoration: none;
text-indent: 0px;
text-shadow: rgba(255, 255, 255, 0.746094) 0px 1px 1px;
text-transform: none;
vertical-align: top;
white-space: nowrap;
width: 76px;
word-spacing: 0px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.happybox {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background: #FFD;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}