@charset "utf-8";
/* CSS Document */
body{background:url(../images/SHOUT10_CA_strip.jpg) top left repeat-x #f1f1f1;}
img{border:none;} /* for accessibility */

.shows-column .whatson-list{position:relative; display:block; width:100%; height:115px; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:black dotted 1px;}
.shows-column .whatson-list a.moreSpan{position: absolute; display:block; top:95px; left:660px; padding:2px 0px 2px 5px; color: red; font-weight:bold; text-decoration:none; text-transform:lowercase; background-color:white;}
.shows-column .whatson-list a.bookSpan{position: absolute; display:block; top:95px; left:580px; padding:2px 0px 2px 5px; color: black; font-weight:bold; text-decoration:none; text-transform:lowercase; background-color:white;}
.shows-column .whatson-list .genreTab{position: absolute; display:block; top:0px; left:0px; padding:8px 12px 8px 12px; color: white; font-weight:bold; text-decoration:none; text-transform: capitalize; background:url(../images/genre_BG.png) top left repeat; font-size:15px;}
.shows-column .whatson-list img{width:220px; height:115px; margin-right:10px; overflow:hidden; float:left;}
.shows-column .whatson-list p{width:460px; height:115px; margin-right:10px; overflow:hidden; float:right;}
.shows-column .whatson-list p span.thisDate{color: #A39FA0;	font-size: 16px; font-weight: bold;	padding: 0px; margin: 0px; height: 20px;}
.shows-column .whatson-list p a.thisTitle{color: #000; font-size: 30px; font-weight: bold; line-height: 25px; text-decoration:none; padding: 0px; margin: 0px; height: 20px;}

.whats_on_focus{position:relative; display:block; margin-bottom:10px; padding-bottom:10px;}
.whats_on_focus .genreTitle{position: absolute; display:block; top:0px; left:0px; padding:8px 12px 8px 12px; color: white; font-weight:bold; text-decoration:none; text-transform: capitalize; background:url(../images/genre_BG.png) top left repeat; font-size:15px;}
.whats_on_focus h1{color: #000; font-size: 30px; font-weight: bold; line-height: 25px; padding: 0px; margin: 0px; margin-bottom:10px; padding-bottom:10px; border-bottom:black dotted 1px;}
.whats_on_focus ul.BookTimes{color: rgba(0, 0, 0, 0.65); margin-bottom:10px; padding-bottom:10px; border-bottom:black dotted 1px;}
.whats_on_focus ul.BookTimes li {line-height:1.6em;color:#333;width:100%;}
.whats_on_focus ul.BookTimes li a{padding:0 1em;text-decoration:none;color:red;display:block;font-weight:bold!important;}
.whats_on_focus ul.BookTimes li a:hover{}
.whats_on_focus ul.BookTimes li span.booklink{}
.whats_on_focus ul.BookTimes li:nth-child(odd){}
/*.whats_on_focus ul.BookTimes li span{zoom:1;display:block;display:inline-block;float:left}*/
.whats_on_focus ul.BookTimes li span.datepart{width:120px}
.whats_on_focus ul.BookTimes li span.timepart{width:60px;text-align:right}

.whats_on_focus .ticketinfo{
	color:#eb1c23;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:black dotted 1px;
	font-weight: bold;
}

.whats_on_focus .booking a{ text-decoration:none; color:black; float:right; font-weight:bold;}
.whats_on_focus .booking a:hover{ text-decoration:none; color:red;}
.whats_on_focus .description{ border-bottom:black dotted 1px; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; }
.whats_on_focus .date{color: #A39FA0;	font-size: 16px; font-weight: bold;}
.whats_on_focus img{display:block; width:700px; height:365px; margin-bottom:10px;}
.whats_on_focus p{width:100%;}
.whats_on_focus a.bookBtn{float:right; text-transform:lowercase; text-decoration:none; color:#000000; font-weight:bold;}

/*.grid_3 .templateRSS{display:block; width:196px; padding:10px; background-color:#f1f1f1; border: solid 2px #ccc; margin-top:20px;}*/
.grid_3 .templateRSS{display:block; width:220px; background:url(../images/tweetBlog-right-BG.jpg) top left no-repeat; padding-top:45px; /*margin-top:10px;*/ margin-bottom:10px;}
.grid_3 .templateRSS .innerRSS{display:block; width:196px; padding:10px; background-color:#f1f1f1; border: solid 2px #ccc;}
.grid_3 .templateRSS .innerRSS .rssTemplate a{ text-decoration:none;}
.grid_3 .templateRSS .innerRSS .rssTemplate a .rssdate{width:100%; color:#999;}
.grid_3 .templateRSS .innerRSS .rssTemplate a .rsstitle{width:100%; color:#999; font-weight:bold;}

.right_column .templateI_F{width:100%; margin-bottom:20px;}

.temp_overide a{ text-decoration:none; font-weight:bold; color:black;}
.temp_overide a:hover{ text-decoration:none; font-weight:bold; color:red;}
.temp_overide h2{color: red; font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; height: 20px;}

.shows-column .page-list{width:100%; height:115px; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:black dotted 1px;}
.shows-column .page-list p{width:100%; padding:0px 0px 10px 0px;}
.shows-column .page-list a{color: #A39FA0; font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; height: 20px; text-decoration:none;}
.shows-column .page-list a:hover{color: red; font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; height: 20px;}
.shows-column h2{color: red; font-size: 30px; font-weight: bold; line-height: 25px; text-decoration:none; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; height: 20px;}

#execform{display:block; clear:both; float:left; margin-bottom:20px;}
fieldset,  legend, label, input, textarea, select{margin:0; padding:0; border: none; clear:left;}
legend{color:white; font-weight:bold; display:none}
label, input, textarea, select{margin:10px 0px 0px 0px;}
label{display:block; width:110px; float:left;}
input{width:300px; border:#CCCCCC 1px solid; height:18px;}
textarea{width:300px; border:#CCCCCC 1px solid; height:72px;}
input.image{padding:3px; width:60px; border:none; color:white; background: url(../images/genre_BG.png) repeat top left;}
input#strCAPTCHA{width:75px; border:#CCCCCC 1px solid}
select{width:220px;}
.checkbox{width:20px; text-align:left;}
fieldset span{padding:10px 0px 0px 0px;}


.grid_6 .templateRSS{display:block; width:460px; height:153px; background:url(../images/tweetBlog-460x153-BG.jpg) top left no-repeat;}
.grid_6 .templateRSS .innerRSS{display:block; float:right; width:364px; height:128px; padding:10px; background-color:#f1f1f1; border: solid 2px #ccc;}
.grid_6 .templateRSS .innerRSS .rssTemplate{float:right; width:182px;}
.grid_6 .templateRSS .innerRSS .rssTemplate a{ text-decoration:none;}
.grid_6 .templateRSS .innerRSS .rssTemplate a .rssdate{width:100%; color:#999;}
.grid_6 .templateRSS .innerRSS .rssTemplate a .rsstitle{width:100%; color:#999; font-weight:bold;}

.whats_on_also{position:relative; display:block;}
.whats_on_also .showGenre{position: absolute; display:block; top:0px; left:0px; padding:8px 12px 8px 12px; color: white; font-weight:bold; text-decoration:none; text-transform: capitalize; background:url(../images/genre_BG.png) top left repeat; font-size:15px;
}
.whats_on_also .notableShowTextArea {position: absolute; display:block; top:0px; left:320px; float: right;/*width: 240px;*/ background: rgba(0, 0, 0, 0.65);}

.grid_9 .notableShow_overide{position:relative;}
.notableShow_overide .showGenre{position: absolute; display:block; top:0px; left:0px; padding:8px 12px 8px 12px; color: white; font-weight:bold; text-decoration:none; text-transform: capitalize; background:url(../images/genre_BG.png) top left repeat; font-size:15px;}


.s__howGenre {
	background: rgba(210, 32, 39, 0.65);
	color:#ffffff;
	padding-top:8px;
	padding-left:13px;
	width:82px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 5px;
	float: left;
}
.notableShow_overide .notableShowTextArea {
	float: right;
	width: 240px;
	background: rgba(0, 0, 0, 0.65);
}

.notableShowTextArea .date {
	color: #A39FA0;
	width: 215px;
	float: left;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	height: 20px;
}
.notableShowTextArea .title {
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	line-height: 25px;
	width: 215px;
	float: left;
	text-align: right;
}
.notableShowTextArea .titleDate {
	background: rgba(9, 2, 4, 0.3);
	float: left;
		padding-top: 18px;
}
.notableShowTextArea .description {
	float: left;
	width: 200px;
	text-align: right;
	font-size: 14px;
	line-height: 1.4em;
	color: #FFFFFF;
	padding-top: 7px;
	height: 235px;
	padding-left: 15px;
}
.moreBtn{
	float:left;
	width:220px;
	color: #FFFFFF;
	text-align: right;
	background-position: 172;
	padding-right: 20px;
	padding-top:5px;
	background: rgba(172, 41, 46, 0.8);
	height: 25px;
	font-weight: bold;
}
.whats_on_also .notableShowTextArea .titleDate .date {
	width: 130px;
}
.whats_on_also .notableShowTextArea .titleDate .title {
	width: 130px;
	font-size: 30px;
	overflow: hidden;
	height: 50px;
}
.whats_on_also .notableShowTextArea {
	width: 140px;
	height: 240px;
}
.whats_on_also .notableShowTextArea .titleDate {
	padding-top: 8px;
}
.whats_on_also .notableShowTextArea .moreBtn {
	width: 120px;
}
.whats_on_also .notableShowTextArea .description {
	width: 110px;
	height: 117px;
}
.moreBtn a {
	color: #FFFFFF;
	text-decoration: none;
}
.logoplace .Template_Home {
	float: right;
	width: 470px;
	padding-top: 64px;
	height: 61px;
}
.logoplace .homeDate {
	float: right;
	width: 300px;
	clear: right;
	padding-top: 33px;
	color: #d22027;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.8em;
	font-family: Helvetica-Neue, Arial, sans-serif;
}

/*
.page-copy .Gallery {
	float: left;
	padding-left: 0px;
}
*/
.Gallery{display:block; float: left; padding-left:10px; clear:both;}
.Gallery ul.listGallery{margin: 0px; padding: 0px; display: inline; list-style:none;}
.Gallery ul.listGallery li, .Gallery ul.listGallery li a{
	float:left;
	width:184px;
	height:91px;
	margin-right:25px;
	margin-bottom:12px;
	overflow:hidden;
}
.Gallery ul.listGallery li a:hover{background: #949286; opacity:0.50; /*filter:alpha(opacity=50);*/}

.Gallery p{display:block; clear:left;}