/* Styles from glastonburyfestivals.co.uk */


/* Browser Reset and Utilities */
html{overflow-y:scroll; margin:0px; padding:0px}
div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form
{padding:0;margin:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}table{border-collapse:collapse;}input,select,textarea{margin:0;}textarea{overflow-y:auto;}.tr{text-align:right;}.tc{text-align:center;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.hide{display:none;visibility:hidden;}.no-show{position:absolute;left:-9999em;height:0;width:0;}.fw{width:100%;}div, form{zoom:1; margin:0px; padding:0px;}object{outline:none;}

.clearFix:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}

/*Generic Styles */

body {background:#325414; background-image:url(images/grass-tile.jpg); background-position:top center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; text-align:center;margin:0px; padding:0px;}

a{color:#df1f3a;}

p{margin:10px 0px 10px 0px;}


/* Layout */
#inner {background-image:url(../images/skin/bg/bg-grass.jpg);background-position:top center; background-repeat:no-repeat;text-align:center;margin:0px; padding:0px;}
#inner-2 {
	background-position:top center; 
	background-repeat:no-repeat;
	text-align:center;margin:0px; 
	padding:0px;
}

#wrapper {width:925px; min-height:500px; margin:auto; position:relative;}

#header {height:261px;}

#innerWrapper{width:848px; margin:auto; text-align:left; background-image:url(images/paper-bg.jpg);}
#innerWrapperTop{width:848px; height:12px; margin:auto; background-image:url(images/texture-bg-top.png); background-repeat:no-repeat;}
#innerWrapperBot{width:848px; height:12px; margin:auto; background-image:url(images/texture-bg-bot.png); background-repeat:no-repeat;  margin-bottom:0px;}

#colLeft{width:416px; float:left; margin-left:10px; margin-top:20px; display: inline;}

#colLeftFull{width:610px; float:left; margin-left:10px; margin-top:20px; display: inline;}

.colLeftWide{width:593px!important; margin-top:10px!important;}
.fullWidth{width:792px; margin:auto;}
#colRight{width:145px; float:left;  margin-left:20px; margin-top:20px; display: inline;}

#introContent{width:395px; margin:10px 0px 20px 0px;}


#footer{clear:both;  padding:20px 0px 20px 0px; text-align:center;}
	#footer li{display:inline;}
	#footer a{color:#000;}

.contentItem{}
.contentItem:after{content:".";display:block;visibility:hidden;height:0px;clear:both;}
	.contentItemTop{background-image:url(images/content-box-top.png); background-repeat:repeat-x; background-position:bottom; height:7px;}
	.contentItemMid{background-image:url(images/content-box-fill.png); padding:10px;}
	.contentItemMid:after {content:".";display:block;visibility:hidden; height:0px; clear:both;}
	.contentItemBot{background-image:url(images/content-box-bot.png); background-repeat:repeat-x; height:7px;}

table.lineUpTable td {color:#fff; font-weight:bold; border-bottom:1px dotted #42a03f; padding-bottom:3px; padding-top:3px}
table.lineUpTableClosed {margin-top:10px;}
table.lineUpTableClosed td {color:#fff; font-weight:bold; padding-bottom:3px; padding-top:3px}

.imgHolder{float:left; width:160px; margin-left:25px; margin-top:15px; }	
.copyHolder{float:left; width:210px; margin-top:15px;}

#featureImgs{margin-top:194px; margin-left:20px;}
	#featureImgs img{padding-bottom:10px;}

/* Header */
.clear { clear:both }

#charityLogos{width:330px; height:30px; float:right; margin:20px 25px 0px 0px; display: inline;}
	#charityLogos li{display:block; float:left;}
		#charityLogos li span{ background-repeat:no-repeat; display:block; text-indent:-10000px; height:30px;}
	#wateraid{}
		#wateraid span{width:117px; background-image:url(images/water-aid-logo.png); margin-top:5px;}
	#oxfam{}
		#oxfam span{width:115px; background-image:url(images/oxfam-logo.png);}
	#greenpeace{}
		#greenpeace span{width:93px; background-image:url(images/greenpeace-logo.png); margin-top:7px;}
	
#searchBox{width:200px; height:30px; margin:0px 65px 0px 0px; float:right}
#searchTextField{width:122px;}

#featureCTA{position:absolute; z-index:1; right:0; top:345px; margin-right:20px;}


/* Headings */
h1{width:442px; height:68px; float:left; margin-top:15px; margin-left:25px; display: inline;}
h1 span{
	display:block;
	width:465px;
	height:68px;
	background-image:url(images/glastonbury-festival-of-contemporary-performing-arts.png);
	background-repeat:no-repeat;
	text-indent:-100000px;
}

h2{clear:both; height:30px; text-align:center; margin-bottom:10px; background-position:center; background-repeat:no-repeat; text-indent:-10000px;}

h3{background-repeat:no-repeat; color:#fff; font-size:14px;}
h3 span{display:block; float:left; margin:3px 0px 0px 10px;}

.redHeading{height:27px; background:url(images/red-heading-bg.png);}
.brownHeading{height:27px; background:url(images/brown-heading-bg.png);}

#rssLink{display:block; float:right; margin:1px 10px 0px 0px;}
	#rssLink img{}
	#rssLink a{color:#fff; text-decoration:none; font-size:11px; margin-bottom:12px;}


h4, h5, h4 a{color:#303631; font-size:12px; text-decoration:none;}
h4 a:hover, h5 a:hover{color:#df1f3a;}

h5, h5 a{color:#d71937; text-decoration:none;}
h5 a:hover{text-decoration:underline;}

.replace {color:#ffffff; font-size: 14px; line-height: 14px;}
.replace-red{color:#d71937;}
.replace-blue{color:#2e7dc6; font-size: 16px; line-height: 16px;}
.replace-yellow{color:#ded700;}
.replace-rw-yellow{font:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#ded700;}

/* Body */
.contentItemMid ul li { }

.contentItemMid ul { margin-left:25px; list-style: disc;}
.contentItemMid ul li { margin-left:25px; list-style: disc;}

/* Forms */

fieldset{}
legend{visibility:hidden;}

.formItem{display:block; margin-bottom:10px; clear:both;}
	.formItem label{width:75px; display:block; float:left; text-align:right; margin-right:10px; clear:both;}
	.formItem input, .formItem textarea{width:200px;}

.submitHolder{width:295px; display:block; margin-bottom:5px auto 5px auto; float:left; text-align:center; clear:both;}

#archive-form{padding:7px;}
#archive-form select{width:147px; margin-bottom:2px;font-size:10px;}
#archive-go-button
{
	margin-right:17px;
	text-align:right;
}

/* Homepage */
.homepage #inner{background-image:url(images/bg-home.jpg);}
.homepage #inner-2{background-image:none;}

.homepage h5{color:#303631;}

.homepage #colLeft{width:392px; margin-left:20px; margin-top:0px;}
.homepage #colRight{width:392px; margin-top:0px;}

#ticketInfo{width:166px;}

#homeImages{margin-top:10px;}

#homeImagesLeft{float:left; width:145px; margin-top:10px;}
#homeImagesRight{float:right; width:233px; margin-top:10px;}


/***
Base styles 
***/
form
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

.warning
{
	color: #8B0000;
}

/***
Form styling
***/
form p
{
	float: left;
	line-height: 140%;
	margin: 0 0 5px 0;
	width: 100%;
}

form label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: left;
	margin: 3px 3px 3px 0;
	/*text-align: right;*/
	width: 40%;
}

form input, form select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: left;
	margin: 3px 0 3px 0;
	width: 56%;
}

form select
{
	width: 57.5%;
}

form #innerWrapper p span
{
	width: 75%;
}

form label#receiveupdates
{
	width: 93%;
}

form input#cb_receiveupdates
{
	width: auto;
}

a.worthy
{
	/*border: 1px solid blue;*/
	float: right;
	display: block;
	padding-top: 20px;
}

/***
Main body
***/
div#innerContentWrapper
{
	/*border: 1px solid green;*/
	width: 95%;
	float: left;
	height: auto;
}

div#imageupload
{
	padding: 0;
	width: 99%;
	float: left;
	margin: 0;
	height: auto;
}

div#imageupload div#photonotes
{
	display: inline;
	margin-right: 4%;
	width: 62%;
	/*border: 1px solid red;*/
	float: left;
}

div#imageupload div#photonotes ul
{
	margin-left: 0;
	padding-left: 0;
}

div#imageupload div#photonotes ul li
{
	margin-left: 7%;
}

div#imageupload div#photoexamples
{
	width: 33%;
	/*border: 1px solid red;*/
	float: right;
}

div#imageupload div#photoexamples img
{	
	display: inline;
	float: left;
	margin: 0 0 5px 2%;
}

div#imageupload div#photoexamples div
{	
	float: right;
}

div#imageupload div#photoexamples strong
{
	float: left;
}

div#imageupload strong
{
	display: block;
	/*font-size: 85%;*/
	margin: 0 0 5px 0;
}

div#imageupload div#uploadpreviews
{
	/*border: 1px solid yellow;*/
	float: left;
	width: 140px;
}

div#imageupload div#uploadwidgets
{
	/*border: 1px solid green;*/
	float: left;
	width: 40%;
}

div#imageupload ul#photorequirements
{
	margin: 3px 0 3px 15px;
	padding: 0;
	/*font-size: 80%;*/
}

div#imageupload div#uploadwidgets
{
	clear: left;
}

div#imageupload input.uploadbutton
{
	width: auto;
	float: none;
}

div#imageupload div#UploadProgress
{
	/*border: 1px solid orange;*/
	margin: 0 0 0 10px;
	clear: left;
	float: left;
}

div#imageupload label
{
	float: none;
	display: block;
	font-weight: bold;
	margin: 5px 0 2px 0;
}

div#imageupload input
{
	float: left;
	margin: 0 0 0 5px;
}

div#imageupload #uploadButtonContainer
{
	height: 25px;
	margin-top: 5px;
	width: 100px;
}

div#imageupload img#thephoto
{
	float: left;
}

div#imageupload img#thephoto.loading
{
	float: left;
	margin: 35px 0 35px 34px;
}


div#personaldetails ul#detailsRequirements
{
	margin: 3px 15px 3px 15px;
	padding: 0;
}

div#personaldetails, div#editlogin
{
	float: left;
	width: 99%;
	padding: 0;
	margin: 0;
}

div#personaldetails
{
	padding-bottom: 15px;
}

div#personaldetails p, div#personaldetails strong
{
	margin: 3px 0 8px 0;
}

div#personaldetails span, div#editlogin span
{
	width: 170px;
	clear: left;
	float: left;
}

div#personaldetails br
{
	clear: left;
}

div#formend, div#editloginend, div#editformend
{
	padding: 5px 0 0 0;
	float: left;
	width: 100%;
	text-align: center;
}

div#editformend, div#editloginend
{
	text-align: left;
}

div#formend input.button
{
	float: none;
	width: auto;
	font-size: 16px;
	display: inline;
}

#editlink
{
	clear: both;
	float: left;
	padding: 20px 4%;
	width: 90%;
}

img#registeredimage
{
	float: left;
	margin-right: 10px;
}

/***
Upload stuff
***/
div#progressbarcontainer
{
	/*border: 1px solid orange;*/
	width: 135px;
	clear: left;
	float: left;
}

div#uploadstatus,
p#uploadstatus
{
	/*background: orange;*/
	padding: 0 0 0 5px;
	/*font-size: 80%;*/
	line-height: 1.5;
	width: 230px;
}

.progressContainer 
{
	/*width: 100px;*/
	float: left;
	margin: 5px;
	/*overflow: hidden;*/
}

.progressbarcontainer
{
	width: 100px;
	float: left;
	margin: 5px;
	overflow: hidden;
}

.progressName 
{
	font-size: 8pt;	
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.progressBarInProgress, .progressBarComplete, .progressBarError 
{
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete 
{
	width: 100%;
	background-color: green;
}

.progressBarError 
{
	width: 100%;
	background-color: red;
}

.progressBarStatus 
{
	margin-top: 2px;
	width: 100%;
	font-size: 7pt;
	font-family: Verdana;
	text-align: center;
	white-space: nowrap;
	clear: left;
}

/***
Registration complete
***/
img#finalimage
{
	float: left;
}

dl#registrationdetails
{
	/*border: 1px solid yellow;*/
	float: left;
	width: 500px;
	margin: 0 0 0 10px;
	padding: 0;
}

dl#registrationdetails dt, dl#registrationdetails dd
{
	width: 300px;
	float: left;
	clear: left;
	margin: 0 0 3px 0;
	padding: 0;
}

dl#registrationdetails dt
{
	font-weight: bold;
	width: 130px;
}

dl#registrationdetails dd
{
	clear: none;
}

a#registerededitlink
{
	padding: 10px 0 0 0;
	font-weight: bold;
	display: block;
	clear: both;
}

/***
 Other pages
***/

div#preregconfirmation, div#preregdetails, div#systemProblem, div#serviceBusy, div#innerwrapper, div#closed
{
	padding: 10px;
	padding-right: 35px;
}

div#serviceBusy, div#systemProblem, div#closed, div#serviceBusy
/*, div#editsuccess*/
{
	height: 400px;
}

div#lovethefarm
{
    text-align: center;
    border: 1px solid #E4C02E;
    width: 80%;
    margin: 10px auto 10px auto;
    padding: 5px 0 0 0;
}

div#lovethefarm h2
{
    font-size: 16px;
}

img.lovethefarm-advert
{
    float: right; 
    margin: 0 10px 5px 5px;
}

#innerWrapper .NarrowContent
{
	/*background: orange;*/
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 805px;
}

#innerWrapper #preregconfirmation
{
	margin-bottom:20px
}

form #innerWrapper .NarrowContent label
{
	width: 20%;
}

form #innerWrapper .NarrowContent input
{
	width: 28%;
}

form #innerWrapper .NarrowContent select
{
	width: 28.5%;
}

form #innerWrapper .NarrowContent label#receiveupdates
{
	width: 46.8%;
}

form #innerWrapper .NarrowContent input#cb_receiveupdates
{
	width: auto;
}

#editformend input.button,
#editloginend input.button
{
	margin-left: 190px;
	width: auto;
}

#innerWrapper .contentItemMid div.contentwithimage
{
	float: left;
	width: 65%;
}

#innerWrapper .contentItemMid a.imagelink
{
	float: right;
	width: 33%;
}