/*-------------------------------------------------------------
	SYDNEY THEATRE COMPANY WEBSITE 2008
	MODULES STYLE SHEET
---------------------------------------------------------------

  01. MEDIA SPONSORS MODULE
  02. CALENDAR MODULE
	03. DOWNLOADS MODULE
	04. PERFORMANCE PAGE MODULES
  05. BUY TICKETS MODULES
  06. IMAGE GALLERY (NON LIGHTBOX SPECIFIC)
  07. NEWS ARTICLE CAROUSEL
  08. EMAIL REMINDER MODULE
  09. EVENT CATEGORY IMAGE
  10. SITEMAP
  11. IMAGE
  12. SEARCH RESULTS
  13. SOCIAL NETWORK TILE
  
-------------------------------------------------------------*/

/*-------------------------------------------------------------
  01. MEDIA SPONSORS MODULE
-------------------------------------------------------------*/

.sponsor-list {
  padding: 8px 0 20px;
  background: #FFF;
  border-top: 4px solid #CCC;
}

.sponsor-list li {
  float: left;
  margin: 0 15px;
  padding: 0;
  text-align: center;
}
 
.content.middle .sponsor-list li {
  margin: 0;
}

.sponsor-title {
  font-weight: normal;
  font-size: 11px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  text-align: left;
}
.content .sponsor-text {
  padding: 8px 0 10px;
  border-top: 4px solid #CCC;
}
.content .sponsor-text h4{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
    padding: 0 0 10px 16px;
}

/*-------------------------------------------------------------
  02. CALENDAR MODULE
-------------------------------------------------------------*/

/*	SMALL CALENDAR MODULE
-----------------------------*/

.mod_calendar_container {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  text-transform: uppercase;
  width: 215px;
}

.mod_calendar_wrapper	{
	height: 300px;
	overflow: hidden;
	position: relative;
	width: 215px;
	background: #000;
}

.mod_calendar_scroll {
	position: absolute;
}

/*
_______________________________
CALENDAR SCROLL BUTTON
*/

.mod_calendar_button {
  background: #333;
  padding: 0;
  width: 215px;
}

.mod_calendar_button div {
  color: #ccc;
  display: block;
  font-size: 12px;
  height: 18px;
  padding: 2px 31px 0 0;
  text-align: right;
  width: 184px;
  cursor: pointer;
} 

.mod_calendar_button a:hover {
  text-decoration: none
}

#btn_scroll_up {
  background: url(../../images/stc/icon-scrollup.gif) no-repeat 193px 6px;
  height: 19px;
}

#btn_scroll_down {
  background: url(../../images/stc/icon-scrolldown.gif) no-repeat 193px 7px;
  height: 17px;
  padding: 3px 31px 0 0;
}

.btn-calendar-more {
  border-bottom: 1px dashed #999;
  height: 20px;
  margin: 12px 0 12px 0;
  padding: 0;
  position: relative;
  text-align: right;
  width: 215px;
}

.btn-calendar-more a {
  background: url(../../images/stc/icon-arrow-search.gif) no-repeat 193px 4px;
  color: #000;
  height: 19px;
  padding: 0 26px 3px 5px;
  width: 215px;
}

.btn-calendar-more a:hover {
  background: #000 url(../../images/stc/icon-arrow-search-over.gif) no-repeat 193px 5px;
  color: #fff;
  padding: 1px 26px 3px 5px;
  text-decoration: none;
}
/*
_______________________________
CALENDAR TABLE STYLES
*/

.mod_calendar {
  background: #fff;
  width: 215px;
}

.month {
  color: #000;
  display: block;
  height: 25px;
  margin: 6px 0 0 9px;
}
/*
.date, .venue, .time {
  background: #000;
  color: #fff;
  height: 20px;
  width: 100%;
  vertical-align: middle;
}
*/
.empty {
  background: #000;
  color: #fff;
  height: 20px;
  vertical-align: middle;
}
.available {
  background: #EBA318;
  color: #fff;
  height: 20px;
  vertical-align: middle;
}
.limited {
  background: #E86B20;
  color: #fff;
  height: 20px;
  vertical-align: middle;
}
.soldout {
  background: #DF4819;
  color: #fff;
  height: 20px;
  vertical-align: middle;
}
.date {padding: 0 0 0 9px;}
.venue {padding: 0 0 0 6px;}
.time {padding: 0 0 0 8px;}

.time { border-right: none; }
.time a	{
  color: #fff;
  text-decoration: underline;
}

.buy {padding: 0 8px 0 4px;}
.buy a
{
    color: #fff;
  text-decoration: underline;
}

/*
ALMOST SOLD OUT COLOUR STYLES (TEMPORARY DISABLED)
1st level almost sold out
background: #eba318;

2nd level almost sold out (near critical)
background: #e86b20;

*/

/* Large Calendar Related */
#mod_large_calendar	{
	position: relative;
	background: #000000;
	color: #ffffff;
	width: 926px;
	height: 590px;
	display: none;
	padding: 0 0 0 0;
	border: 1px solid #999;
}
#mod_large_calendar .calendar-heading {
	float: left;
	position: relative;
	left: 10px;
}

#mod_large_calendar .close	{
	text-align: right;
	padding: 10px 10px 0 0;
}

#mod_large_calendar .calendar_container	{
	float: left;
	width: 195px;
}

#mod_large_calendar .performance_list	{
	float: left;
	width: 456px;
}

#mod_large_calendar .promo_list	{
	float: left;
	width: 215px;
}

#mod_large_calendar .calendar_container, #mod_large_calendar .performance_list	{
	padding: 10px;
}

#mod_large_calendar .calendar_container .calendar_buttons	{
	text-align: center;
}

#mod_large_calendar .calendar_container .calendar_scroll	{
	width: 174px;
	height: 510px !important;
	position: relative;
	overflow: hidden;
	margin: 5px auto !important;
}

#mod_large_calendar .calendar_container .calendar_scroll .jquery_calendar	{
	position: absolute;
}

#mod_large_calendar .performance_list .performance_scroll	{
	width: 456px;
	height: 510px !important;
	position: relative;
	overflow: hidden;
	margin: 5px auto !important;
}

.performance_scroll {
}

#mod_large_calendar .performance_list .performance_scroll #performances_content	{
	position: absolute;
}

#mod_large_calendar .performance_list .calendar_data {
	width: 456px;
}

#mod_large_calendar .performance_list .calendar_data .calendar_month {
	border-bottom: 4px solid #3C3C3C;
}

#mod_large_calendar .performance_list .calendar_data .calendar_month .month_title	{
	font-family: Georgia, Arial;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding: 1px 0 7px 4px;
	text-transform: uppercase;
}

#mod_large_calendar .performance_list .calendar_data .day_group	{
	clear: both;
	padding: 6px 0 7px 0;
	border-bottom: 1px dashed #3C3C3C;
}

#mod_large_calendar .performance_list .calendar_data .day_group .date	{
	font-family: Georgia, Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	letter-spacing: -.04em;
}

ul.performance_details li	{
	float: left;
	font-family: Georgia, Arial;
	font-size: 10px;
	padding-top: 6px;
}
ul.performance_details .image	{
	float: left;
	width: 88px;
}
ul.performance_details .details	{
	float: left;
	width: 130px;
	padding-right: 10px;
	color: #BBB;
}
ul.performance_details .details .title	{
	font-weight: bold;
	padding-bottom: 3px;
	font-size: 11px;
}
ul.performance_details .details .description	{
	padding-bottom: 3px;
}
ul.performance_details .details .link	{
	float: right;
	width: 42px;
	padding-right: 9px;
}

/* Promo images in Large calendar */
#mod_large_calendar .promo_list	{
	padding: 5px 10px;	
}
#mod_large_calendar .promo_list .promo	{
	padding-bottom: 15px;
}
#mod_large_calendar .promo_list .promo-last	{
}

/*-------------------------------------------------------------
	03. DOWNLOADS MODULE
-------------------------------------------------------------*/

.download-header {
  background: #000 url(../../images/stc/icon-heading-download.gif) no-repeat left top;
  border-bottom: 4px solid #767676;
  color: #fff;
  font-size: 16px;
  height: 18px;
  letter-spacing: -.5px;
  margin: 0 0 10px 0;
  padding: 7px 0 5px 39px;
  vertical-align: middle;
}

.download p {
  margin: 0 0 0 5px;
  background: #FFF;
}

.btn-download a {
  background: url(../../images/stc/btn-download.gif) no-repeat left top;
  width: 173px;
  height: 23px;
  display: block;
  float: right;
}

.download a:hover {
  background: url(../../images/stc/btn-download.gif) no-repeat left -25px;
}

/*-------------------------------------------------------------
	04. PERFORMANCE PAGE MODULES
-------------------------------------------------------------*/

.performance-image-title {
  margin: 0 0 2px 0;
}
.production-description, .production-description .large-page-heading {
	padding: 0;
	background: transparent;
}
.production-description .large-page-heading {
	border-bottom: 8px solid #000;
	margin: 0;
	display: block;
}

.production-description .large-page-heading .title {
	position: relative;
	font-weight: normal;
	float: left;
	background: #000;
	padding: 7px 20px 18px 10px;
	color: #FFF;
}
.production-description .large-page-heading img {
	background: transparent;
}
.production-description .full-text-paragraph {
	background: #FFF;
}

.production-creative-team h3 {
	font-weight: normal;
	font-size: 15px;
}

.production-creative-team {
	padding: 0px;
}

/*-------------------------------------------------------------
	05. BUY TICKETS MODULES
-------------------------------------------------------------*/

.buy-tickets, .buy-tickets-promo {
  margin: 0 0 12px 0;
}

/*-------------------------------------------------------------
	06. IMAGE GALLERY
-------------------------------------------------------------*/
.image-gallery {
	cursor: pointer;
}

/*-------------------------------------------------------------
	07. NEWS ARTICLE CAROUSEL
-------------------------------------------------------------*/
.article-carousel .small-news-heading {
	background: #000;
	font-weight: normal;
}


/*-----------------------------------------------------------
	08. EMAIL REMINDER MODULE
-----------------------------------------------------------*/

.popup-container {
	background: #000;
	border: 1px solid #333;
	padding: 16px 17px 40px 17px;
	width: 341px;
	display: none;
}

h4.popup-heading {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h4.popup-heading span {
	color: #b5b5b5;
	font-weight: normal;
}

.popup-form-label {
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0;
}

.popup-checkbox-label {
	color: #b5b5b5;
	font-size: 11px;
	vertical-align: 3px;
}

.popup-container fieldset {
	border: 1px solid #333;
	margin: 0 0 5px 0;
	padding: 14px 0 14px 30px;
	color: #999;
}

.popup-form-field, .popup-container select {
	border: 1px solid #a5acb2;
	display: block;
	font-size: 12px;
	padding: 1px;
	width: 281px; /*207px;*/
}

.popup-checkbox {
	border: 1px solid #1c5180;
	margin: 0 7px 0 0;
}

.popup-btn-send, .popup-btn-close {
	color: #b9b9b9;
	border-top: 1px dashed #3c3c3c;
	border-bottom: 1px dashed #3c3c3c;
	float: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 140px;
}

.popup-btn-close	{
	margin-left: 20px;
}

.popup-container a:hover {
	background: #fff;
	color: #000;
}
.form-break {margin-bottom: 5px;}


/*-------------------------------------------------------------
	09. EVENT CATEGORY IMAGE
-------------------------------------------------------------*/
.performance-image-title {
	padding-bottom: 20px;
}


/*-------------------------------------------------------------
	10. SITEMAP
-------------------------------------------------------------*/
.sitemap {
	background: #FFF;
	font-size: 1.3em;
	padding: 10px;
}
.sitemap ul {
	list-style: outside;
	list-style-type: none !important;
	margin: 5px 0 20px 30px;

	font-size: .95em;
	
}
.sitemap ul li {
	list-style: outside;
	list-style-type: none;
}



div.artistic-directors {
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

/*-------------------------------------------------------------
  12. SEARCH RESULTS
-------------------------------------------------------------*/
.search-results {
	background: #FFF;
	min-height: 300px;
}
.search-results .list-heading {
	background: #000;
	color: #FFF;
}
.search-results .list-heading a, .search-results .list-heading a:link {
	color: #FFF;
}
.search-results .list-info {
	padding: 5px 0 20px 0;
}