body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:0.85em;
	line-height:150%;
	background-color:#333;

}

.clearboth{
	clear:both;
}
#banner{
	padding-left:50px;
	background-color:#EFEFEF;
	text-align:left;
	margin:auto;
}
#page{
	text-align:left;
	width:auto;
	margin:auto;

}

a{
	color:yellow;
}

#navigation h1{
	display:block;
	float:left;
	width:285px;
	margin:0 10px;
	height:33px;
	background-image:url(../images/snapshotbrighton.png);
	background-repeat:no-repeat;
	position:relative;
	padding-top:10px;
	text-indent:-8000px;

}

#navigation{
	width:100%;
	float:right;
	background-color:#EFEFEF;

}

#navigation li{
	display:inline;
	position:relative;
	width:120px;
	float:left;
	margin:0px 10px;
}
#navigation li a{
	display:block;
	background-color:#999;
	color:#FFF;
	text-decoration:none;
	padding:5px 0px;
}
#navigation li.here a,#navigation li.expandhere a{
	background-color:#000;
}
#contentarea{
	width:100%;
	margin-top:10px;
	clear:both;
	padding:5px 0;
		color:#FFF;
 	background-color:#000;
}

#maparea{

	float:left;
	border:1px solid #666;
	height:85%;
}

#imagearea, #uploadform{
	position:absolute;
	height:550px;
	background-color:#666;
	top:140px;
	right:0px;

	width:0px;
}

#uploadform{
	color:black;
	top:93px;
	overflow:hidden;
}

#uploadform label{
	white-space:nowrap
}

.pad{
	padding:0 5px 0 5px;
}

.imageholder{
	width:auto;
	float:left;
	margin-right:15px;
	clear:left;
	padding-bottom:1em;
}

.dark{
	background-color:#EFEFEF;
}

div.thumb{
	width auto;
	float:left;
	margin-right:15px;
}
 a img{
 	border:none;
 }

 html{
 	height:100%;
 }

h2{
	font-size:1.1em;
	margin:0;
	padding:10px;
}


 .editable {
 	position:relative;
 }
 .editable .graphictoolbar {
 	position:absolute;
 	top:0px;
 	left:0px;
 }

 label{
		display:block;
		font-weight:bold;
		margin-top:0.3em;
		_margin-left:10px;
		color:#000;

	}

	.biginput{
		width:90%;
		_margin-left:10px;
	}

	textarea{
		width:90%;
		height:100px;
	}

	img.biginput{
		width:auto;

	}

	input{
		display:block;

	}

	legend{

		text-indent:-9000px;
		height:1px;
		overflow:hidden;
		margin:0;
		padding:0;
	}

	fieldset{
		margin:0.5em;
		background-color:#EFEFEF;
		border:none;
		padding:0 0 0.5em 10px;

		_width:97%;
	}

	span.cke_skin_kama{
		border:none !important;
		padding:0px !important;
	}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 90%;
    padding-top:5px;
    padding-bottom:5px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
}

.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius:0px;
background-color:transparent;
border:none;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,.jcarousel-skin-tango .jcarousel-next-horizontal{
	top:25px;
}

/*.photothumb{
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
}*/

.photothumb{
	cursor:pointer;
}

#content1{
	width:67%;
position:absolute;
left:0;
top:150px;
}

.pageblock h2{
	font-size:1.3em;
	font-weight:normal;
	border-bottom:4px solid #666;
	line-height:1.8em;
}

.photodetail{
	color:#FFF;
}
.small{
	font-size:0.8em;
	text-align:right;
	padding-right:10px;
	margin:0px;
}
.photodetail p,.photodetail h2{
	padding:0 10px;
	margin:0;
}

.photothumb{
	width:80px;
}
.thirds{
	width:28%;
	margin:0 2%;
	float:left;

}

.threethirds{
	margin:0 2%;
	width:92%;
}

.thirds h2{
	padding:0.5em 0;
}

a#termslink{
	color:#F0C;
}

#termsholder, #prizeholder{
	width:30%;
	padding:2%;
	position:absolute;
	left:30%;
	top:200px;
	background-color:#FFF;
	border:5px solid #000;
	text-align:left;
}

#prizeholder{
	background-color:#000;
	color:#FFF;
	border-color:#FFF;
}

#prizeholder .imageholder{
	float:right;
	margin:0px;
	padding-left:20px;
	width:auto;
}

#prizeholder a{
	font-size:1.5em;
}

#ratingform{
	width:30%;
	padding:0 10px 10px 10px;
	position:absolute;
	right:520px;
	top:150px;
	background-color:#FFF;
	border:5px solid #000;
	text-align:center;
}

#ratingform{
	width:60%;
	padding:0 3px 5px 3px;
	position:absolute;
	right:38%;
	top:150px;
	background-color:#FFF;
	border:5px solid #000;
	text-align:left;
}

#ratingform h2{
	padding:3px 0 0px 10px;
	text-align:left;
}

#ratingform form{
	width:30%;

	float:left;
	display:block;
}

#ratingform label{
	text-align:left;
	display:inline;
}
label.field_titlecheckboxlabel{
	display:inline !important;
}
input#agree{
	display:inline !important;
	width:auto;
}

.slider {
	background:#666  no-repeat  0 -5px;
	border-bottom:1px solid #FFF;
	border-top:1px solid #000;
	width:85%;
	height:17px;
	cursor:pointer;
	position: relative;
	float:left;
	margin-top:2px;
}

/* drag handle */
.handle {
	background:#FFF  no-repeat scroll -97px 0;
	border:2px solid red;
	height:25px;
	position:absolute;
	top:-7px;
	width:25px;
	cursor:move;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

input.rangeinput,#ratingform input{
	width:5% !important;
	max-width:15px;
}

#ratingform.listingview{
	display:none;
}

#ratebutton{
	font-size:1.5em;
}

#ratebutton{
	float:left;
	width:9%;
	margin-top:20px;
	height:50px;
}

#ratingform .message{
	font-size:1.2em;
	width:9%;
	float:left;
}

.closebutton{
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	padding:0 5px;
	font-size:0.9em;
	color:#FFF;
	background-color:#000;
	cursor:pointer;
}
#imagearea .pad{
	padding:0;
}
.explanation{
	font-size:0.8em;
	text-align:left;

	margin:0;
}
form .explanation{
	color:#999;
	display:inline;

}

.photospage .submissions li{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:5px;
	padding:0;
	text-align:center;
}

.photospage .submissions li .photothumb{
	width:auto;
}
#pagingnav{
	clear:both;
	text-align:center;
	padding:10px;
}

.bottomleft{
	position:absolute;
	background-color:black;
	width:350px;
	position:absolute;
	bottom:0px;
	padding:5px;
	left:0px;
}

#credits{
	padding-top:15px;
	padding-left:10px;
}
.tumblr_post{
	width:400px;
	height:500px;
	padding:10px;
	background-color:#666;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	list-style-type:none;
}
#twtr-widget-1{
	width:420px;
	height:500px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

ol{
	margin:0;
	padding:0;
}









table.batchchooser, table.detaillist {
	width:100%;
}
table.batchchooser .textright, table.detaillist .textright {
	text-align:right;
}
table.batchchooser td, table.detaillist td, table.batchchooser th, table.detaillist th {
	padding:0px 15px;
}
.batchchooser .sent, .detaillist .sent  {
	color:#006600;
	text-align:right;
}
.batchchooser .queued, .detaillist .queued {
	color:#000000;
	text-align:right;
}
.batchchooser .processing, .detaillist .processing {
	color:#999900;
	text-align:right;
}
.batchchooser .failed, .detaillist .failed {
	color:#660000;
	text-align:right;
}

form.refresh {
	float:right;
}

tr.here {
	background-color:#C1DCD7;
}
.topscroller {
	height:150px;
	overflow:scroll;
}
tbody {
	/*border:thin red solid;*/
}
.topscroller .listingtable a {
	width:100%;
	height:100%;
	display:block;
}

.drawing_with_light #content0{
	width:45%;
	margin-left:2%;
	padding-left:1%;
	float:left;
	
	background-color: #000000;
  	background-color: rgba(0, 0, 0, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC000000',EndColorStr='#CC000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC000000',EndColorStr='#CC000000')"; /* IE8 */
}
#mappage.drawing_with_light #content0,.photospage.drawing_with_light #content0{
	width:95%;
}

#mappage.drawing_with_light #imagearea,#mappage.drawing_with_light #uploadform{
	background-color:black;
}

.drawing_with_light #content2{
	width:45%;
	float:right;
	margin-right:3%;
	

}

.drawing_with_light fieldset{
	background-color:transparent;
	border:1px solid #ffaa1e;
}


.drawing_with_light legend{
	display:none;
}

.drawing_with_light .field_message{
	color:#fff;
	width:90%;
	float:none !important;
	padding:0;
	
	margin:0;
}

.drawing_with_light h2,.drawing_with_light p{
	margin:0;
	padding:5px 0 0 5px;
}

.drawing_with_light label{
	color:#ffaa1e;
}

body.drawing_with_light {
	background-color:black;
	background-image:url(../images/dwl-bg.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

body.drawing_with_light.nobg{
	background-image:none;
}

.drawing_with_light #contentarea, .drawing_with_light #navigation{
	background:transparent;
}

.drawing_with_light #navigation{
	background-image:url(../media/images/submissions/brightonphotofringe.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:80px;
}

.drawing_with_light #navigation h1{
	background-image:url(../images/drawingwithlight.png);
	background-position:left center;
	height:80px;
	width:320px;
}

body.drawing_with_light h2,body.drawing_with_light a{
	color:#ffaa1e;
	text-shadow: 0px 0px 10px #FFF;
}

.drawing_with_light .pageblock.headline h2{
	border-bottom-width:0px !important;
	font-size:3em !important;
	position:relative;
	top:-0.5em;
}

.drawing_with_light .pageblock.presents h2{
	border-bottom-width:0px !important;
	color:#FFF;
	text-shadow: 0px 0px 5px #FFF;
	
}

.drawing_with_light #navigation li{
	display:inline;
	position:relative;
	width:80px;
	float:left;
	margin:15px 5px 0 5px;
}
.drawing_with_light #navigation li a{
	display:block;
	background-color:#333;
	font-size:1.2em;
	color:#ffaa1e;
	text-decoration:none;
	padding:5px 0px;
	-moz-border-radius: 20px; /* FF1+ */
  	-webkit-border-radius: 20px; /* Saf3-4 */
   border-radius: 20px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.drawing_with_light #navigation li a:hover{
	background-color:#666;
}

.drawing_with_light #navigation li.here a,#navigation li.expandhere a{
	background-color:#ffaa1e;
	color:#000;
	    
}

#mappage.drawing_with_light  .jcarousel-skin-tango{
	position:absolute;
	top:0px;
	left:620px;
	width:30%;
}

.gallery{
	float:left;
	height:170px;
	overflow:hidden;
}

.score{
	width:150px;
	height:400px;
	border:1px solid #666;
	float:left;
	margin:5px;
	position:relative;
	font-size:0.9em;
	overflow:hidden;
}

.drawing_with_light .score{
	height:250px;
}
.score p, .score h3, .score h4{
	margin:0 !important;
	padding:0 5px;
}

.ranking{
	position:absolute;
	background-color:#666;
	top:0;
	left:0;
	padding:3px;
}

.score a{
	display:block;
	text-align:center;
}

#nyroModalContent #content1{
	display:block;
	position:static;
	margin:auto;
	width:300px;
	background-colour:white;
}

#nyroModalContent #content0{
	float:none !important;
}

#nyroModalContent fieldset{
	border:none !important;
}

#nyroModalContent label{
	color:black;
	width:280px;
	float:right;
	clear:right;
	text-align:left;
	margin:0px;
}

#nyroModalContent label.field_title{
	width:300px;
	float:none;
}

#nyroModalContent .formclear{
	clear:both;
}

#nyroModalContent #mainform{
	background-color:white;
}

#nyroModalContent #rating_id_12,#nyroModalContent #rating_id_13,#nyroModalContent #rating_id_14,{
	float:left;
	clear:left;
	width:auto;
}

.rotate_right {
     -moz-transform: rotate(90deg);  /* FF3.5+ */
       -o-transform: rotate(90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
          transform: rotate(90deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */ 
                      M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
                      M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, 
                      sizingMethod='auto expand')"; /* IE8 */
               zoom: 1;
}
.rotate_left {
     -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
          transform: rotate(-90deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */ 
                      M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
                      M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, 
                      sizingMethod='auto expand')"; /* IE8 */
               zoom: 1;
}
