@import url(reset.css);
@import url(fonts.css);

body{
position: relative;
background: url(../css/images/back_topgrad.jpg) repeat-x top left #253e63;
padding: 0;
margin: 0;
text-align:center;
font-family: Helvetica, Arial, "Lucida Sans", Verdana,  sans-serif;
font-size: 12px;

}

.hidden{
display: none;
}
/*

div#bottom_background{
position: relative;

overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
background: url(../css/images/back_grad.jpg) repeat-x bottom left #ffffff;

}
*/

div#background{
position: relative;
width: 100%;
padding: 0;
margin: 0;
background: url(../css/images/back_grad.jpg) repeat-x bottom left;
border-bottom: 30px solid #FFFFFF;
padding-top: 120px;
}

div#container{  
text-align: left;
background: url(../css/images/container_corner_tl.jpg) no-repeat top left #FFFFFF;
color:#333333;
display: block;
width:800px;
margin: 0 auto;

position: relative;
background-repeat: no-repeat;
background-position: top left;
}



h1#logo{
z-index: 3;
padding: 0;
margin: 0;
position: absolute;
top:-100px;
right: -90px;
}

h1#logo a{
background: url(../css/images/logo.png) no-repeat 0 0;
text-indent: -9999px;
padding: 0;
margin: 0;
width:375px;
height:319px;
display: block;
}

ul#nav{
width: 800px;
display: block;
overflow: hidden;
background: #152237;

}

ul#nav li{
float:left;
display: inline;
border-right: 1px solid #ccc;
}

ul#nav li.last{
border-right: none;
}

ul#nav li a{
display: block;
height: 50px;
text-indent: -9999px;
}











div#content{
padding: 10px;
position: relative;
min-height: 700px;
}

#footer{ 
position: relative;
width: 800px;
padding: 100px 0px 30px 10px;
background: url(../css/images/footer_brushstroke.jpg) no-repeat 0 0 #e6e6e6;
overflow:hidden;
}

#footer ul{
overflow:hidden;

}

#footer ul li{
float:left;
display: inline;
margin-right:20px;

}

#footer_holder{
margin-top: 50px;
background: url(../css/images/footer_base.jpg) no-repeat bottom left #e6e6e6;
padding: 0 0 20px 0;
overflow: hidden;
}

/*
#bottom_grad{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: url(../css/images/back_grad.jpg) repeat-x bottom left #ffffff;
}
*/

h1, h2, h3, h4, h5, dt{
font-weight: bold;
margin-bottom: 1em;
}

h1{
font-size: 18px;
}

h2{
font-size: 16px;
}

h3, dt{
font-size: 14px;
}

h4{
font-size: 13px;
}

h5{
font-size: 12px;
}

h2.sifr_title, h2.sifr_header{
font-size: 30px;
color: #3C2415;
line-height: 1.2em;
}

h2 .white{
color: #fff;
}

h3.sifr_title{
font-size: 26px;
color: #3C2415;
line-height: 1.5em;
}

h4.sifr_title{
font-size: 19px;
color: #3C2415;
line-height: 1.5em;
margin-bottom: 0;
}

#listings_holder dt.listing_header{
font-size: 24px;
line-height: 1.5em;
display: block;
padding-bottom: 10px;
overflow: hidden;
position: relative;

}


p, dd, li, label, input, textarea, legend{
line-height: 1.6em;
font-size: 14px;
}

p.note{
font-size: 12px;
font-style: italic;
}

p, ul{
margin-bottom: 1.6em;
}

label, legend{
font-weight: bold;
}

input, textarea{
font-family: Helvetica, Arial, "Lucida Sans", Verdana,  sans-serif;
}

.caps{
text-transform: uppercase;
}

.success{
color: #78BF4A;
font-style: italic;
}

a{
outline: none;
border: none;
text-decoration: none;
color: #F14D59;
}

a:hover{
text-decoration: underline;
}

strong{
font-weight: bold;
}

table.admin{
width:100%;
}

table.admin th{
background: #333;
color: #fff;
}

form.admin{
padding: 20px;
}

.link_form{
width: 500px;
overflow: hidden;
position: relative;
}
/*
th{
background:#7ed3f7;
font-weight:bold;
font-size:110%;

}
*/

label.l_link_description span{
width: 400px;
clear: both;
}

label.l_link_description textarea{
float: left;
clear: both;
text-align: left;
}

fieldset.comment_fields{
margin-bottom: 20px;
padding-bottom: 20px;
display: block;
overflow: hidden;
}

th, td{
padding:10px 5px;

}

tr.row_alt1{
background:#ffffff;
}

tr.row_alt2{
background:#e6e6e6;
}

tr:hover{

	background-color: #fff5de;

}

.warning{
background-color: #ff1752;
color: white;
padding: 0.5em;
margin-bottom: 0;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}

.validate_failed{
background-color: #d1e4ff;
color: #000;
padding-top: 1em;
padding: 0.5em;
margin-bottom: 1em;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}

.validate_failed li{
list-style: disc;
list-style-position: inside;
padding-left: 0.5em;
}

.admin .comment_label textarea{
float: left;
text-align: left;
clear: both;
border: 3px solid #ccc;
}

.caption{
font-style: italic;
}

.loading{
height: 24px;
width: 24px;
background: url(../css/images/loadinfo.gif) no-repeat 0 0;
display: block;
text-indent: -9999px;
}



a#competition{
width: 118px;
background: url(../css/images/competition_rounded.png) no-repeat 0 0;
}

a#competition:hover, a#competition.current{
background-position: -118px;
}

a#contact{
width: 87px;
background: url(../css/images/contact.jpg) no-repeat 0 0;
}

a#contact:hover, a#contact.current{
background-position: -87px;
}

a#listing{
width: 163px;
background: url(../css/images/listings.jpg) no-repeat 0 0;
}

a#listing:hover, a#listing.current{
background-position: -163px;
}

a#links{
width: 72px;
background: url(../css/images/links.jpg) no-repeat 0 0;
}

a#links:hover, a#links.current{
background-position: -72px;
}

ol{
margin-left: 5px;

}

ol li{
list-style-type:decimal;
list-style-position: inside;
}

.bold{
font-weight: bold;

}

ul.bullets li{
margin-bottom:0.75em;
list-style:disc inside;
}

#wm_logo{
width: 159px;
height: 64px;
background: url(../css/images/wm_logo.jpg) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
right: 30px;
top: 70px;
}

div#video_container{
width: 650px;

margin-bottom: 65px;
/* border-left: 10px solid #7ED3F7; */
padding-bottom: 40px;
background: url(../css/images/youtube_base.jpg) no-repeat bottom left;
overflow: hidden;
display: block;
}

div#video_holder{
height: 290px;
width: 470px;
border-top: none;
padding: 40px 10px 0 10px;
background: #7ED3F7 url(../css/images/youtube_top.jpg) no-repeat top left;

}

div#intro{
width: 490px;
margin-bottom: 0;
}

div#intro p{
margin-bottom: 0;
padding-bottom:1em;
}

p.free_button{
position: absolute;
top:130px;
right: 30px;
display: block;
text-indent: -9999px;
width: 125px;
height: 125px;
background: url(../css/images/free_button.jpg) no-repeat 0 0;
z-index: 4;

}

p#westminster_head_logo{
position: absolute;
top:-90px;
left: 0px;
display: block;
text-indent: -9999px;
width: 150px;
height: 60px;
background: url(../css/images/wm_top_logo.jpg) no-repeat 0 0;
z-index: 4;
}



#comp_panel{
position: relative;
overflow: hidden;
color: #000000;
}

#comp_intro, #comp_form_holder{
background-color: #7ED3F7;
}

#comp_intro_info{
display: block;
overflow: hidden;
}

.latest_comp{
clear: both;
overflow: hidden;
display: block;
}

.latest_comp img{
float: left;
margin-right: 20px;

}


.current_comp{
display: block;
overflow: hidden;
position: relative;
clear: both;
}

form{
background-color: #CCF2FF;
}

#register_form{
width: 500px;
height: 500px;
padding: 20px;
overflow: hidden;
position: relative;
display: block;

}

div#comp_intro{
width: 330px;
height: 14em;
background: url(../css/images/comp_form_top2.jpg) no-repeat 0 0 #7ED3F7;
overflow: hidden;
display: block;
margin: 0;
padding: 80px 430px 0 20px;
border-bottom: 20px solid #7ED3F7;

}

#comp_details{
width: 360px;
margin: 0;
padding: 20px;
padding-right: 30px;
padding-bottom: 150px;
background: url(../css/images/comp_details_base.jpg) no-repeat 0 0 #7ED3F7;
background-position: bottom left;
}

#comp_details p, #comp_form_holder p{
font-size: 16px;
color: #333;
}

#comp_intro p{
margin: 0;
padding-bottom: 1.6em;
}

#comp_intro info{
padding-bottom: 20px;
margin-bottom: 20px;
display: block;

}

#comp_details{
display: block;
overflow: hidden;
margin: 0;
float: left;
display: inline;
padding-top: 0;
margin-bottom: 20px;
}

#comp_details .comp_listing{
border: 2px solid #FFFFFF;
width: 350px;
overflow: hidden;
margin: 0;
padding: 8px;
background: #FFF200;
color: #000;
display: block;
position: relative;
}

.comp_listing img{
padding: 0;
margin: 0;
margin-bottom: 1em;
width: 350px;
}


.comp_listing_holder .comp_listing{

float: left;
display: inline;
margin-bottom: 30px;
background: #fef200;
padding: 20px;
}

#comp_panel div.comp_listing_holder div.comp_listing  a{
font-weight: bold;
color: #333;
}

div.comp_listing_holder{
position: relative;
overflow: hidden;
display: block;
float: left;
}

div.comp_listing_holder h2{
z-index: 9999;
}

#comp_form_holder{
width: 350px;
float: left;
display: inline;
padding: 10px 10px 105px 10px;
background: url(../css/images/comp_form_base.jpg) no-repeat 0 0 #7ED3F7;
background-position: bottom;
overflow: hidden;
position: relative;
}

.comp_form_holder h3{
text-align: left;
}

.comp_form_container{

}

#comp_form{
width: 350px;
position: relative;
padding-bottom: 20px;
overflow: hidden;
display: block;
}

#comp_form .error{
text-align: left;
text-transform: lowercase;
}

label, label span{
display: block;
padding-bottom: 1em; 
}

label{
float: left;
display: inline;
width: 100%;
overflow: hidden;
}

label span{
float: left; width: 125px; text-align: left;
display: inline;
padding: 0.5em 0 0.5em 0;
}

label.terms{
position: relative;
overflow: hidden;
}

label span#term_label{
width: 115px; text-align: left;
display: inline;
padding: 0.5em 0 0.5em 0;
border: 1px solid #333333;
position: relative;
}


.checkbox{
padding: 0;
position: absolute;
top:0.5em;
left: 140px;
width: 25px;
height: 25px;
margin-right: 0.5em;
}

form label input#terms{
padding: 0;
margin: 0;
}

form label.radio input, form label.l_checkbox input{
border: none;
}


fieldset input, fieldset textarea, label span#dates{ float: right; display: inline; width: 200px; border: 1px solid #ffffff; padding: 5px; }
fieldset input:hover, fieldset textarea:hover{ background: #d6f0f6; }
fieldset input:active, input:focus, fieldset textarea:active, textarea:focus { background: #d6f0f6; }


form label span#dates{
overflow: hidden;
display: block;
width: 205px;
text-align: left;
float: right;
border: none;

}

fieldset input#terms{
float: left;
display: inline;
width: 20px;
height: 20px;
border: none;
}

select{
margin-left: 0;
margin-right: 5px;
float: left;
display: inline;
text-align: left;
}


#submit_entry_holder{
position: absolute;
bottom:30px;
right: 0;
}

#submit_entry, #submit_contact, .send{
height: 50px;
width: 85px;
cursor: pointer;
text-indent: -9999px;
border: none;
outline: none;
cursor: pointer;
}

#submit_entry{
background: url(../css/images/button_submit.jpg) no-repeat left top;
}

#submit_contact {
background: url(../css/images/button_submit_contact.jpg) no-repeat left top;
}

.send{
background: url(images/button_submit_comment.gif) no-repeat left top;
}

#submit_entry:hover, #submit_contact:hover, .send:hover{
background-position: -85px;
}

#listings{
position: relative;
overflow: hidden;
color: #000;
margin-top: 50px;
width: 780px;
}

#listings_holder{
width: 420px;
float: left;
display: block;
padding: 17px 12px 10px 12px ;
overflow: hidden;
border-right: 1px solid #f6f6f6;
position: relative;
}

#listings_holder dd, #listings_holder dl{
overflow: hidden;
position: relative;
display: block;
}

#listings_holder dd div.listing_image_holder {
display: block;
overflow: hidden;
width: 396px;
margin-bottom: 20px;
}

.comments_holder{
margin-top: 40px;
background: #f6f6f6;
overflow: hidden;
display: block;
position: relative;
padding-bottom: 1em;

}

.comments_holder .send{
position: absolute;
bottom: 00px;
right: 12px;
z-index: 9999;
}

.comments_holder .error_head{
padding: 10px 12px;
background: #E96669;
display: block;
border: 3px solid #ff0000;
margin: 12px;
color: #fff;
}

.comments_holder .success{
padding: 10px 12px;
background: #A9F2BA;
display: block;
border: 3px solid #54AE69;
margin: 12px;
color: #387446;
}

.have_say{
padding: 10px 12px;
margin-top: 20px;
}

.comment_item, .comment_form, .comments_holder h3.comments_title{
padding: 10px 12px;
}

.comment_item{
overflow: hidden;
display: block;
position: relative;
}

h3.comments_title{
border-bottom: 1px dotted #7ED3F7;
padding-bottom: 10px;
}

span.single_rating{
width: 96px;
overflow: hidden;
display: block;
float: left;
height: 16px;
text-indent: -9999px;
}

.rating_intro{
float: left;
line-height: 19px;
margin-right: 10px;
}

.stars_1{
background: url(images/1_star.gif) no-repeat 0 0;

}

.stars_2{
background: url(images/2_star.gif) no-repeat 0 0;
}
.stars_3{
background: url(images/3_star.gif) no-repeat 0 0;
}
.stars_4{
background: url(images/4_star.gif) no-repeat 0 0;
}
.stars_5{
background: url(images/5_star.gif) no-repeat 0 0;
}

.report_abuse{
position: absolute;
display: block;
bottom: 10px;
right: 12px;
}

form .delete_comment{
font-weight: bold;
float: right;
font-size: 18px; 
}

.alt2{
background: #e6e6e6;
}

a.inline_edit{
position: absolute;
overflow: hidden;
top:30px;
right: 12px;
font-weight: bold;
color: green;
display: block;
}



.error{
color: #E44044;
font-weight: bold;
margin-bottom: 2em;
margin-top: 0;
clear: both;
}

label .error{
margin-bottom: 0;
}

.comments_info {
overflow: hidden;
display: block;

background: url('images/comment_icon_sm.jpg') no-repeat 0 5px;
line-height: 20px;
border-bottom: 1px dotted #7ED3F7;
border-top: 1px dotted #7ED3F7;
padding: 5px 0 5px 25px;
position: relative;
}

.comments_count{
float: left;
line-height: 20px;
width: 100px;
}

.comments_info a{
float: right;
font-weight: bold;
line-height: 20px;
width: 260px;
text-align: right;
}

.comment_form{
background: #f6f6f6;
overflow: hidden;
display: block;
position: relative;
}

.comment_form label span{
width: 300px;
}

.comment_form  label.comment_label{
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}

.comment_form  label.comment_label span{
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.comment_form input.text, .comment_form textarea.text{
border: 3px solid #ccc;
display: block;
clear: both;
float: left;
width: 380px;
margin-top: 0;
}

.comment_form textarea.text{

}

.author_details{
overflow: hidden;
display: block;
border-bottom: 1px dotted #7ED3F7;
margin-bottom: 20px;
font-size: 12px;
padding-bottom: 010px;
}

p.single_rating{
font-size: 12px;
}

.author_details p{
font-size: 12px;
margin-bottom: 0;
margin-top: 10px;
}

.author_details img{
float: left;
margin-right: 20px;

}

div._listings #listings_holder, div._listings #map_holder {
background-color: #7ED3F7;
}

div.arts_listings #listings_holder, div.arts_listings #map_holder{
background-color: #7ED3F7;
}

div.music_listings #listings_holder, div.music_listings #map_holder{
background-color: #78BF4A;
}

div.humanities_listings #listings_holder, div.humanities_listings #map_holder{
background-color: #FECF1A;
}

div.humanities_listings #listings_holder{
border-right: none;
}

div.humanities_listings #listings_holder dt{
border-bottom: 1px solid #3C2415;

}

div.youth_listings #listings_holder, div.youth_listings #map_holder{
background-color: #4DBFBE;
}

div.science_listings #listings_holder, div.science_listings #map_holder{
background-color: #F14D59;
}


#listings_holder .item_a{
} 

#listings_holder .music{
background: green;
border-right: 1px solid #AFDFE5;
}


#listings_holder .music .item_a{

}

#listings_holder img{
border: 2px solid #FFF;

}

#listings_holder dt{
margin: 10px 0 0 0;
padding-top: 10px;
border-bottom: 1px dotted #7ED3F7
}

#listings_holder h3, #listings_holder dd{
padding-bottom: 10px;
overflow: hidden;

}

#listings_holder dd{
overflow: hidden;
display: block;
position: relative;
border-bottom: 10px solid #f2f2f2;
}

#listings_holder dd a, .venue_details li{
word-wrap: break-word;
}

#listings_holder dt, #listings_holder dd{
padding:15px 10px 0 10px;
background: #f2f2f2;
overflow: hidden;
}

.item_a, .item_b{
width: 420px;
background: #f2f2f2;
margin-bottom: 10px;
overflow: hidden;
}

#map_holder, ul.sharing_options{
width: 310px;
float: left;
display: block;
padding: 10px 12px 10px 12px;
position: relative;
}
ul.sharing_options{
clear: both;
}



#map_info_holder{
position: absolute;
overflow: hidden;
display: block;
top:70px;
left:445px;
width: 360px;
height: 500px;
}


#map_info{
overflow: hidden;
position: absolute;
top:0;
}

#map_info.fixed{
position: fixed;
}

#map_holder{

}

#map{
overflow: hidden;
width: 302px;
height: 302px;
position: relative;
border: 4px solid #ffffff;
}


#artform_nav{
overflow: hidden;
margin: 0;
padding: 0;
}

#artform_nav li{
margin-right: 1px;
float: left;
display:inline;
margin-bottom: 0;
width: 88px;
height: 70px;
}

#artform_nav li a{
display: block;
width: 88px;
height: 70px;
text-indent: -9999px;
}

li#arts_tab a{
background: url(../css/images/art_tab.jpg) no-repeat 0 0;
}

li#music_tab a{
background: url(../css/images/music_tab.jpg) no-repeat 0 0;
}

li#science_tab a{
background: url(../css/images/science_tab.jpg) no-repeat 0 0;
}
li#humanities_tab a{
background: url(../css/images/humanities_tab.jpg) no-repeat 0 0;
}
li#youth_tab a{
background: url(../css/images/youth_tab.jpg) no-repeat 0 0;
}

#artform_nav li a:hover, #artform_nav li a.current{
background-position: -88px 0;
}

#artform_note{ 
float: right;
display: block;
width: 320px;
height: 70px;
background: url(../css/images/icon_note.jpg) no-repeat 0 0;
text-indent: -9999px;
margin: 0 0 0 10px;
padding: 0;
}

li.pdf{
background: url(../css/images/pdf.gif) no-repeat 0 0;
padding-left: 22px;
float: right;
}

li.share{
float: left;
}

ul.venue_details{
overflow: hidden;
}

ul.venue_details li{
display: block;
margin-bottom: 0.5em;
border-bottom: 1px dotted #7ED3F7;
overflow: hidden;

}

.comp_listing ul.venue_details li{
border-bottom: none;

}

.venue_details.description{
padding: 10px 0 10px 0;
display: block;

}

.rating_holder{
overflow: hidden;
}

.rating_holder .loading{
float: right;

}

.rating_holder p.rating_note{
float:left;
}

.rating{
float: left;
overflow: hidden;
}

.rating li{
float:left;
display: inline;
}

.rating li a{
width: 23px;
height: 23px;
background: url(../css/images/stars.gif) no-repeat 0 0;
display: block;
text-indent: -9999px;
}

.voted{
color: green;
}

.star-rating li.current-rating{
background: url(../css/images/stars.gif) left bottom;
position: absolute;
height: 24px;
display: block;
text-indent: -9000px;
z-index: 1;
}

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 120px;
	height: 24px;
	position: relative;
	background: url(../css/images/stars.gif) top left repeat-x;	
	float: right;	
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:24px;
	height: 24px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 24;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(../css/images/stars.gif) left center;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:24px;
}
.star-rating a.two-stars{
	left:24px;
}
.star-rating a.two-stars:hover{
	width: 48px;
}
.star-rating a.three-stars:hover{
	width: 72px;
}
.star-rating a.three-stars{
	left: 48px;
}
.star-rating a.four-stars{
	left: 72px;
}	
.star-rating a.four-stars:hover{
	width: 96px;
}
.star-rating a.five-stars{
	left: 96px;
}
.star-rating a.five-stars:hover{
	width: 120px;
}
		


.tube{
width: 25px;
height: 25px;
display: block;
margin-right: 8px;
background: url(../css/images/tube.jpg) no-repeat 0 0;
float: left;
text-indent: -9999px;
}

.bus{
width: 25px;
height: 25px;
display: block;
margin-right: 8px;
background: url(../css/images/bus.jpg) no-repeat 0 0;
float: left;
text-indent: -9999px;
}

.venue_link{
width: 25px;
height: 25px;
display: block;
margin-right: 8px;
background: url(../css/images/web_arrow.jpg) no-repeat 0 0;
float: left;
text-indent: -9999px;
}

.address{
width: 25px;
height: 25px;
display: block;
margin-right: 8px;
background: url(../css/images/map_pin.jpg) no-repeat 0 0;
float: left;
text-indent: -9999px;
}


.comp_listing .tube{
background-image: url(../css/images/tube_yel.jpg);
}

.comp_listing .bus{
background-image: url(../css/images/bus_yel.jpg);
}

.comp_listing .venue_link{
background-image: url(../css/images/web_arrow_yel.jpg);
}

.comp_listing .address{
background-image: url(../css/images/map_pin_yel.jpg);
}


form.admin fieldset.listing_details, form.admin fieldset.listing_image{
padding: 10px;
width: 410px;
float: left;
overflow: hidden;
position: relative;
display: block;
}

form#login_form{
overflow: hidden;
display: block;
padding: 10px 12px;
position: relative;
overflow: hidden;
float: left;
height: 400px;
width: 500px;
}

label.login_label{
overflow: hidden;
display: block;
position: relative;
height: 80px;
}

#login_form fieldset{
display: block;
overflow: hidden;
position: relative;
height: 200px;
}

.login_label span{
clear: both;
display: block;
}

a.cancel{
font-size: 18px;
font-weight: bold;
}

label.login_label input{
clear: both;
overflow: hidden;
display: block;
float: left;
border: 3px solid #ccc;
}

form.admin fieldset label input, form.admin fieldset label span.desc_holder{
clear: left;
width: 390px;
text-align: left;

}

form.admin fieldset label{
text-align: left;
padding: 0;
margin-bottom: 20px;
}



form.admin fieldset label input, #geocode_address{
border: 3px solid #ccc;
margin: 0;
float: left;
padding: 5px;
}

#geocode_address{
width: 275px;
margin-bottom: 10px;
}

form.admin fieldset label input#delete_image{
width: 25px;
height:25px;
display: inline;

}

form.admin fieldset label span{
}

form.admin fieldset label span.delete_image{
float: left;
background: #f6f6f6;
padding: 5px;
border: 1px solid #666666;
width: 390px;
}

.member_delete_preview{
background: #f6f6f6;
padding: 20px;
border: 3px solid #ccc;
}

.confirm_delete{
font-weight: bold;
font-size: 16px;
margin-left: 20px;
}

form.admin fieldset label{
overflow: hidden;
float: left;
}

form.admin fieldset textarea, form.admin fieldset input{
clear: left;
overflow: hidden;
width: 390px;
display: block;
}

fieldset.listing_image{
padding: 10px;
float: left;
}


fieldset.listing_image img{
float: right;
border: 4px solid white;
}

div.publish{
clear: both;

}

div#confirm_entry_holder{
overflow: hidden;
display: block;
position: relative;
background-color: #7ED3F7;
}

#confirm_entry_form{
width: 300px;
float: left;
padding: 10px;
overflow: hidden;
position: relative;
}

#confirm_entry_form li{
margin-bottom: 2em;
margin-top: 2em;
font-weight: bold;
font-size: 110%;

}

div.gmap_infobox{
width: 175px;

}

#terms ul li{
margin-bottom:0.75em;
list-style:disc inside;
padding-left:10px;
}

#contact_form{
color: #000;
width: 326px;
padding: 120px 12px 90px 12px;
background: url(../css/images/contact_top.jpg) no-repeat 0 0;
background-color: #4DBFBE;
position: relative;
float: left;
margin-bottom: 0;
}

form#contact_form fieldset input, form#contact_form fieldset textarea{
width: 300px;
padding-right: 22px;
padding-left: 4px;
}


#contact_form_holder{
background: url(../css/images/contact_bottom.jpg) no-repeat bottom left;
padding-bottom: 30px;
float: left;
display: inline;
margin-top: 0;
width: 350px;
margin-right: 30px;
position: relative;
}

#submit_contact_holder{
position: absolute;
bottom: 10px;
right: 12px;
}

#contact_holder{
overflow: hidden;

}

#contact_details{
padding-top: 150px;
float: left;
display: inline;
width: 350px;
position: relative;
overflow: hidden;
}

#contact_details .link, #contact_details .tel{
padding-top: 1em;

}

.admin_browse{
overflow: hidden;

}

.admin_browse li{
float: left;
margin-right: 10px;

}

#admin_nav{
overflow: hidden;
padding: 5px 10px;
border-top: 5px solid #eee;
border-bottom: 5px solid #eee;
font-weight: bold;
background: #f6f6f6;


}

ul.filter{
overflow: hidden;
background: #f6f6f6;
padding: 10px 12px;
}

.filter li{
display: block;
float: left;
margin-right: 20px;
}

.filter li a{
font-weight: bold;
}

.create_entry{
font-weight: bold;
font-size: 18px;
}

#admin_nav li{
float: left;
margin-right: 10px;
padding-right: 10px;
font-size: 110%;
border-right: 2px solid #ccc;

}

#admin_nav li a.current, .filter li a.current{
color: #333;
font-weight: bold;
text-decoration: underline;
}

#competition_form{
padding: 20px;
margin-bottom: 30px;
}

div.email_preview{
border: 2px solid #f6f6f6;
padding: 20px;
width: 500px;
float: left;
background: #ffffff;
display: block;
overflow: hidden;
}

form.admin_confirm{
float: left;
display: block;
overflow: hidden;
background: #ffffff;
clear: left;

}

div.admin_mailer_holder{
overflow: hidden;
position: relative;

}

form#ml_form{
padding: 15px;
margin: 0;

background-image:none;
background-color: #CCF2FF;
float: left;
}

form#ml_form fieldset label input, form#ml_form fieldset label span.label, form#ml_form label textarea{
width: 600px;
}

form#ml_form fieldset label{
overflow: hidden;

}

form#ml_form fieldset{
overflow: hidden;
width: 600px;
background-color: #CCF2FF;
display: block;
position: relative;
background-image: none; 
}

.ml_submit_holder{
position: relative;
overflow: hidden;
float: left;

}
form#listing_form{
overflow: hidden;
display: block;
position: relative;
padding-bottom: 40px;
margin-bottom: 20px;
}

.winner{
font-size: 125%;
color: fuchsia;

} 

.standard_email_preview{
padding: 10px;
border: 1px dashed #CCCCCC;
margin-bottom: 20px;
background: #f6f6f6;

} 

form fieldset input#userfile{
width: 250px;

} 
div.future_comp_holder{
overflow: hidden;
margin-top: 20px;
position: relative;
display: block;
}

div.future_comp_item, div.future_comp_item_end{
float: left;
display: block;
width: 230px;
height: 230px;
background: #78BF4A;
padding: 10px;
margin: 10px 10px 10px 0;
position: relative;
} 

div.future_comp_item_end{
margin-right: 0;
}

div.future_comp_item img, div.future_comp_item_end img{
padding-bottom: 10px;
}

form#contact_form fieldset label textarea#message{
height: 200px;

}



/* liScroll styles */

.ticker_holder{
position: absolute;
top:400px;
left:-15px;
z-index: 100;
background:  url(../images/news-lh.gif) no-repeat 0 0;
width: 830px;
height: 72px;
padding-right: 5px;
overflow: hidden;
}

.ticker_sub_holder{
height: 72px;
background-image: url(../images/news-rh.gif);
background-repeat: no-repeat;
background-position: right;
overflow: hidden;
display: block;
}

.tickercontainer { /* the outer div with the black border */
border: none;
width: 815px;
/* border-bottom: #0071BC 1px solid; */
border-top: 6px solid #fff;
background: #7ED3F7;
position: relative;
left: 6px;
height: 40px;
margin: 0; 
padding: 0;
border-right: 6px;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 20px;
top: 0px;
width: 780px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 900px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 0 0 0;
padding: 0;
width:250px;
height: 40px;
display: block;
overflow: hidden;
text-indent: -9999px;
}

.free_tix{
background: url(../images/free_tix.gif) 0 0 no-repeat;
}

.free_events{
background: url(../images/free_events.gif) 0 0 no-repeat;
}

.free_movies{
background: url(../images/free_movies.gif) 0 0 no-repeat;
}

.free_shows{
background: url(../images/free_shows.gif) 0 0 no-repeat;
}

.link_item{
border-bottom: 5px solid #ddd;
margin-bottom: 1.5em;
}

img.coming_soon{
margin-bottom: 20px;
}

#comp_panel a{
font-weight: bold;
color: #fff;
text-decoration: underline;
}

#comp_panel a:hover{
color: #333;
}

form#comp_form{
width: 550px;
}

form#comp_form label{
text-align: left;
}

.comp_form_holder{
width: 600px;
display: block;
overflow: hidden;
padding: 20px;

}

.comp_form_holder, .comp_form_holder form{
background-color: #CCF2FF;
}

.comp_form_holder label.text_input span{
clear: both;
width: 250px;
display: block;
margin-bottom: 0;
}

.comp_form_holder label.text_input input, .comp_form_holder textarea{
border: 3px solid #999;
width: 230px;
}

.comp_form_holder label.text_input{
width:250px;
display: block;
margin-right: 40px;
overflow: hidden;
float: left;
text-transform: uppercase;
}

.comp_form_holder legend{
text-transform: uppercase;
}

.comp_form_holder label.radio{
width:100px;
}

.comp_form_holder label.radio span{
width:60px;
display: block;
overflow: hidden;
float: left;
text-transform: uppercase;
}

.comp_form_holder label.radio input{
float: left;
display: block;
width: 20px;
position: relative;
top:8px;
}

.comp_form_holder label.last{
margin-right: 0;
}

.comp_form_holder label input{
float: left;
width: 250px;
}

.comp_form_holder fieldset{
position: relative;
overflow: hidden;
clear: both;
}


.comp_form_holder fieldset.gender{
clear: none;
float: left;
}

.comp_form_holder fieldset.dob{
clear: none;
}


.comp_form_holder label.l_checkbox{
width: 180px;
overflow: hidden;
display: block;
float: left;
}

.comp_form_holder label.l_checkbox span{
float: left;
}

.comp_form_holder label.l_checkbox input{
float: left;
width: 25px;
position: relative;
top:8px;
}

.check_desc{
clear: both;
font-style: italic;
}


.comp_form_holder fieldset.gender, .comp_form_holder fieldset.dob{
width: 250px; margin-right: 40px;
float: left;
display: block;
overflow: hidden;
margin-top: 20px;
}

.comp_form_holder fieldset.dob{
margin-right: 0;
}

.comp_form_holder fieldset.dob span#dates{
padding-left: 0;
margin-left: 0;
float: left;
}


#enter_details{
background: url(images/enter_details.jpg) no-repeat 0 0;
width: 293px;
height:48px;
text-indent: -9999px;
overflow: hidden;
display: block;

}

#event_suggestion{
width: 360px;
}

label.event_suggestion{
margin-top: 20px;
overflow: hidden;
}

label.terms{
position: relative;
overflow: hidden;
margin-top: 20px;
}

/*
#cboxClose{
position: absolute;
top:0;
right: 0;
text-indent: -9999px;
display: block;
width: 30px;
height:30px;
background: url(images/fancy_close.png) no-repeat 0 0;
}
*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#FFF;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#FFF; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


/*
#cboxLoadedContent{
display: block;
border: 1px solid #ff0000;
overflow: hidden;
position: relative;
padding-bottom: 10px;
}
*/