/*enrichment.css*/

/*-- Contents --*/

/*
	1.	Image Transition
	2. 	Forms
	3.	Gallery
*/


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


#slider-outer {
	height: 325px;
	width: 960px;
	float:left;
	border-top: 1px solid #ffcc01;
	border-bottom: 1px solid #ffcc01;
	position:relative;
}

#slider {margin: 0; padding:0;}
#slider ul { margin: 0; padding:0}

#slider ul li img {height: 325px; width: 960px;}

#next {
	position: absolute;
	top: 0;
	right:0;
	text-indent:-999em;
}
	#next a {
		display:block;
		background: url(../images/next.png) no-repeat 0 0;
		height:325px;
		width:65px;
	}

#prev {
	position: absolute;
	top: 0;
	left:0;
	text-indent:-999em;
}
	#prev a {
		display:block;
		background: url(../images/prev.png) no-repeat 0 0;
		height:325px;
		width:65px;
	}
	
body#contact span#next, body#contact span#prev {display:none;}

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

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

label { display: block; float: left; height: 25px; line-height: 20px; width: 80px; font-size: 11px; color: #ffcc01; }
input { width: 130px; padding: 0px; color: #fcfbfb; background: #000; border: 1px solid #807e7e; margin: 0; }
select { float: left; width: 40px; margin: 0px 5px 5px 0; padding: 0px; color: #fcfbfb; background: #000; border: 1px solid #807e7e; font-size: 11px; } 
textarea { width: 130px; padding: 0px; color: #fcfbfb; background-color: #000; border: 1px solid #807e7e; margin: 5px 0 0 0; font-size: 11px; }  
input:focus, textarea:focus { border: 1px solid #ffcc01; background-color: #000; color:#fcfbfb; }
.button { width: 65px; cursor: pointer; border:0 none; background-color: 0 none; display: block; background: transparent url(../images/btns/submit.png) no-repeat 0 0; height: 1px; #height: 23px; padding:23px 0 0 0; overflow:hidden; margin: 5px 16px 5px 0; float:right; }

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

#mailinglist {margin:10px 0; padding:0; width:30px !important; border:0; background: transparent;}
form p { clear: both; margin: 0;}
.form h1 { margin: 5px 0 0 -4px; padding:0; font-size:40px; text-transform:none;}

div.form { border: 2px solid #BCBBBB; margin:0; padding: 5px; width: 225px; float:left; min-height: 250px; height: auto!important; height: 250px;}

.successText { font-size: 14px; margin: 10px 0; color:#ffcc01;}

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; line-height:12px; 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; }



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

input.calendargo, form.gallery_selector input {

background:#ffcc01 none repeat scroll 0 0;
border:1px solid #ffcc01;
color:#fcfbfb;
margin:0px 0 0 0;
padding:0px;
width:50px;
cursor:pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

form.gallery_selector select {
	width: 160px;
	height: 22px
}

body#whatson #leftcol select {
	padding: 2px;
	width: 60px;
}

#calendar {
margin: 20px 0 0 0;
clear: both;
}

/*-----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:60px !important;
	width:90px !important;
	overflow:hidden;
	margin:0 5px 10px 0;
	border: 2px solid #ffcc01;
}

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


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

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