/*enrichment.css*/

/*-- Contents --*/

/*
	1.	Image Transition
	2. 	Forms
	3.	Gallery
	4.	Events Calendar
	5.	Whats On Scroller
*/


/*-----1-------- Image Transition ----------------*/

#image-transition {
	height: 270px;
	width: 592px;
	float: left;
	margin: 0 0 0 3px;
	overflow:hidden;
	cursor: auto;
	position: relative;
}

/*Coin Slider
http://workshop.rs/projects/coin-slider*/		

.coin-slider { zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; cursor:auto; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }




/*-----2-------- Forms ----------------*/

input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

label { display: block; float: left; height: 25px; line-height: 40px; width: 220px; font-size: 14px; color: #301401; }
input { width: 220px; padding: 4px; color: #9B301A; background: #F4F3F2; border: 2px solid #9B301A; margin: 4px 0px 0 0; }
select { float: left; width: 70px; margin: 5px 10px 0 0; padding: 4px; color: #9B301A; background: #F4F3F2; border: 1px solid #ccc } 
textarea { width: 485px; margin: 0; padding: 2px; color: #9B301A; background-color: #F4F3F2; border: 2px solid #9B301A; margin: 4px 0; }  
input:focus, textarea:focus { border: 2px solid #9B301A; background-color: #FFF; color:#9B301A; }
li.buttons input { width: 85px; cursor: pointer; border: 1px solid #9B301A; background:#9B301A; color:#fff; }

input[type="submit"][disabled] { background:#888; }

legend { padding:0px 0px 5px; font-weight:bold; font-size:1.4em; color:#024f9a; margin-bottom:0 !important; margin-bottom:20px; display: none; }

span.error{ font-size: 12px; color: #ff0000; display:inline-block; margin:0; } /* Select the colour of the * if the field is required. */

.errorText { display: block; height: 18px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

/*#success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }*/

acronym { border-bottom:1px dotted #ccc; }

ol li {
	float: left;
	width: 260px;
	margin-right:0px;
}

ol {
	float:left;
	margin-bottom: 20px;
}

ol li.buttons {
	clear: left;
}

ol li.add-info input, ol li.comments textarea {	
	height: 80px;
}

form.gallery_selector { margin-bottom: 20px; }

input.calendargo, form.gallery_selector input {

background:#9B301A none repeat scroll 0 0;
border:1px solid #9B301A;
color:#F3F2F3;
margin:4px 0 0 0;
padding:4px;
width:50px;
cursor:pointer;
}

form.gallery_selector select {
	width: 160px;
}

/*-----3-------- Gallery ----------------*/

form.gallery_selector {
	margin-bottom:2em;
}

p.no_galleries {
	text-align:center;
}

ul.gallery {
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
}

ul.gallery li {
	float:left;
	display:inline;
	position:relative;
	height:66px !important;
	width:66px !important;
	overflow:hidden;
	margin:0 5px 5px 0;
}

ul.gallery li a {
	position: relative;
	width: 66px;
	height: 66px;
	top: 0;
	left: 0;
}


ul.gallery li img {
	border:0;
	padding:0 !important;
	margin:0 !important;
	position:absolute;
	clip:rect(0px,66px,66px,0px);
	width: auto !important;
	height: 105px !important;
}

ul.gallery li a img.magnify {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 66px !important;
	height: 66px !important;
}



/*-----4-------- Events Calendar ----------------*/

#calendar {
	border-bottom:1px solid #353617;
}

#calendar h2 {
	float: left;
	display: inline;
	margin:1em 0;
	font-size:1.1em;
}

#calendar div.row {
	padding:2px;
	overflow:auto;
	border-top:1px solid #353617;
	clear:both;
}

#calendar div.noevent {
	font-size:0.7em;
}

#calendar div.row div.desc {
	float:left;
}

#calendar div.date {
	width:6em;
	float:left;
}

#calendar h4 {

	font-size:16px;
	text-decoration:none;
}

#calendar h4 a { text-decoration: none; }
#calendar h4 a:hover {font-weight: bold;}

#calendar div.description {
	margin-bottom:0.3em;
}

#calendar div.date span.day {
	font-size:1.8em;
	display:block;
}

#calendar div.noevent div.date span.day {
	font-size:1.4em;
}

#calendar div.date span.day .stndrd {
	vertical-align: super;
	font-size:0.4em;
}

#calendar div.noevent div.desc {
	display:none;
}



/*-----5-------- Whats On Scroller ----------------*/

#whatson {
	float:left;
	display:inline;
	clear:both;
	width:845px;
	height: 95px;
	padding: 5px 0;
	position:relative;
}
		
.whatson-title {
	float: left;
	width: 158px;
	height: 95px;
	display:block;
}

.wide-column {
				float:left;
				display:inline;
				width:687px;
				height: 95px;
				margin: 0;
				overflow:hidden;
			}
			
			#review-container {
					float:left;
					display:inline;
					position:relative;
					width:687px;
					overflow:hidden;
				}
				
				#review-slide {
					position:absolute;
					top:0;
					left:0;
					width:100%;
				}
				
				.wide-column .review {
					float:left;
					display:inline;
					width:215px;
					padding-right:4px;
					background-color:#C7C3C2;
					margin: 0 4px 0 0;
					height: 95px;
					position:relative;
					overflow: hidden;
				}
				.wide-column .review h3 {
					position:relative;
					float:left;
					padding:5px;
					color: #9B301A;
					margin: 0;
					z-index:5;
					font-size: 16px;
				}
				
				.wide-column .review h3 cufon {
					margin: 0 auto !important;
					padding: 0 !important;
				}				
				
				.wide-column .review p {
					position:relative;
					float:left;
					display:inline;
					clear:both;
					width:200px;
					padding: 5px;
					font-size: 10px;
					z-index:5;
					color:#FFF;
					line-height:1em;
				}
					.wide-column .review p span { font-size: 13px; font-weight: bold; }
					.wide-column .review a:hover { color:#9B301A; }
					.wide-column .review a { color:#9B301A; font-size: 11px; }
				
				.wide-column .review img {
					position: absolute;
					top:0;
					right:0;
					z-index:1;
				}
				
				a.next {
					background:#C7C3C1 url(../images/forward.jpg) no-repeat center center;
					display:block;
					height:95px;
					position:absolute;
					right:0px;
					top: 5px;
					width:30px;
					text-indent: -999em;
					z-index: 10;
				}
				
				a.prev {
					background:#9f9a97 url(../images/back.jpg) no-repeat center center;
					display:block;
					height:95px;
					position:absolute;
					left:0px;
					top: 5px;
					width:30px;
					text-indent: -999em;
					z-index: 10;
				}
				
/*Image Rotator*/
.image-container {
	float: right;
	display: inline;
	height:155px;
	width: 241px;
	background: url(../images/offers/old-vic-showing.jpg) no-repeat 0 0;
	margin: 0 0 0 9px;
}
.image {
	height: 145px;
	width: 100px;
	overflow:hidden;
	margin: 3px 0 0px 30px;
}