@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,300,300italic,400italic);


html { background-color: black; }

body {

	font-family: "Montserrat","Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

	padding:120px 20px 20px 20px;
	background:#111;
	color:#fff;
}

body.judging_page {
	background-color: #000;
	padding: 0px;
	margin: 0px;
}

textarea {
	font-family: "Montserrat","Noto Sans JP", serif;
	font-weight: 400;
}


p {
	line-height: 24px;
	margin-bottom: 12px;

}

a {

	color:#6cf;
	text-decoration: none;
}

a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}


ul {
	list-style:disc;
	margin-left:30px;

}

ul li {
	line-height:200%;
}

a h1,
a h2,
a h3,
a h4,
a h5 {
	color:#fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-weight:500;
	color:#fff;
}

h1 {
	font-size: 280%;
	line-height: 200%
}

.mega_title {
	font-size:62px !important;
	margin:40px auto;
	text-align:center;
}

h2 {
	font-size: 240%;
	line-height: 200%;
}

h3 {
	font-size: 180%;
	line-height: 180%;
}

h4 {
	font-size: 	120%;
	font-weight: 500;
	line-height: 240%;
}

h5 {
	font-size:80%;
	line-height:150%;
	font-weight: 700;
}

.single-collection h3, .single-collection h4 {
	text-align: center;
}

hr {

	margin:20px 0px 20px 0px;

	border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

strong {
	font-weight:600;
}

i {
	margin: 0px 4px;
}


.tinytext {
	font-size: 80%;
	line-height: 120%;
}

td.tinytext {

}

em {
	font-style:italic;
}

/*  now into my stuff  */

.big_and_friendly {
	padding:20px 0px;
	border-radius:5px;

	margin-bottom:20px;
}

.big_and_friendly ul {
	list-style:disc;
	margin-left:40px;

}

.big_and_friendly ul li {
	display:list-item;
	margin:4px 0px;
}




.pricing {
	text-align:right;
	line-height: 180%;
}

.pricing h3, .pricing h4 {
	text-align:right;
	line-height: 120%;
	margin-top: 10px;
}


.category_price h3 {
	text-align:left;
	vertical-align:top;
}

.category_price {
	display:inline-block;
	width:20%;
	margin-bottom:20px;
	border:1px solid #505b62;
	padding:20px;
}


.payment form {
	text-align:right;
}


a.big_and_friendly {
}





table {
	width:auto;
	display:block;
	margin:0px auto;
	table-layout:fixed;
}



table td {
	padding:4px 18px 4px 0px;
	vertical-align:middle;
	overflow:hidden; white-space:nowrap
}


/* page sections   */




#wrapper {
	width: 1080px;
	margin: 0px auto;
}

#wrapper_large {
	width: 100%;
	margin: 0px auto;
}





#wrapper_wide {

	width: 1320px;
	margin: 0px auto;
}

#header {

	display: block;
}

#logo {
	position:fixed;
	left:20px;
	top:4px;
	z-index:1001;
	height:60px;
	width:40px;
	padding: 0px 0px 0px 0px;
}

#logo img {
	width:60px;
	height:auto;

}

#content {
	padding:0px;
	display: block;

	overflow: visible;
}


.fp_background {

	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}


#footer {
	display: block;
	width: 720px;
	margin: 120px auto 0px auto;
	text-align: center;
	font-size: 10px;
}



/*  photo world cup */

#nav {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	height:120px;
	background:#12659e;
	z-index:999;
	padding-left:140px;
	}


#competition_selector {
	display: block;
	width: 50%;
	margin: 0px auto;
	line-height: 20px;
	height: 30px;
	padding: 10px;

}

#competition_selector input, #competition_selector select {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 8px;
	margin: 0px;
}


#competition_selector input {
margin: 0px !important;
}




#nav ul {
	text-align:left;
	list-style:none;
	padding:0px;
	margin:0px;
}
.top_menu {
	float:left;
}
.bottom_menu {
	float:right;
}



#nav ul li {
	font-weight:600;
	font-size:14px;
	padding:0px;
	display: inline-block;
	position:relative;
	margin:0px 15px 10px 5px;
	line-height:40px;
	cursor:pointer;
}

#nav ul li a, #nav ul li span {
	font-size:16px;
	color:#fff;
	display:inline-block;


	padding:0px 12px 0px 12px;


}

#nav ul li .sub_menu {
	background:#1f74af;
	z-index: 500;
	width:300px;
	position:absolute;
	right:-9999px;
	top:40px;
	padding:10px 0px 10px 0px;

}

.sub_menu li {
	display:block !important;
	text-align:right;
	margin:0px !important;
	padding:0px !important;
}

.sub_menu li a {
	padding:0px 20px 0px 0px

}



#nav ul li:hover .sub_menu {
	right:0px;
}


#nav ul li a {
	display:block;
}

#nav ul li a.current {

	background:#3474a2c;


}

#nav ul li a:hover {
color:#000;
	background:#bedef4;


}

.top_menu ul li a {
	font-size:28px;
}

/*  sone general floaty rules */

.left {
	float:left;
}
.right {
	float:right;
	text-align:right;
	margin-right: 0px !important;
}

a.right {
	margin-left: 8px;
}

.centered {
	text-align:center;
	display:block;
	margin:0px auto;

}


/*  column elements */

.one_third, .two_thirds, .one_half, .one_quarter, .three_quarters {
	display:inline-block;
	vertical-align:top;
	margin:0px;
	padding:0px;
	overflow:hidden
}

.one_quarter {
	width: 24%;
}

.one_third {

	width:33%;

}

.two_thirds {

	width:66%;

}

.one_half {
	width:50%;
}

.three_quarters {
	width: 74%
}





/*  listing elements */




.item,
.add_item {
	padding: 0px 0px;
	margin: 0px 0px 45px 0px;
	border: none;
	border: none;
	/* border-bottom:1px #505b62 solid; */
}


.add_item {
	display: block;
	height: 60px;
	font-size: 32px;
	padding-left: 60px;
	color: #999;
	background: url(/images/icons/add-button.png) no-repeat left top;
}

.entry_category {
	border:1px solid #505b62;
	padding:20px;
	margin-bottom:20px;
}

.profile_pic {
	float: left;
	width: 40px;
	height: 60px;
	margin: 5px;
}

.item h3 {
	margin: 0 0 15px 0;
}


.detail_block {
	display: inline-block;
	font-size: 16px;
	line-height:26px;
	background: #008d95;
	color:#fff;
	padding: 0px 12px 0px 0px;
	margin: 10px 10px 4px 0px;
	border-radius: 3px;
	overflow: hidden;
}

.detail_block .label {
	font-weight: bold;
	background: #004e57;
	color: #fff;
	padding: 5px 8px;
	margin: 0 8px 0 0;
}


.warning {
	background:#da6800 !important;
	text-align:center;
}

.congratulations {
	background:#79a13c !important;
}




.warning a {
	color:#fff;

	text-decoration:underline;
}

.caution {
	background:#f0a910 !important;
	color:#000 !important;
}

.caution h4 {
	color:#000 !important;
}


.warning .label {
	background: #8e043e !important;
}

.grayedout {
	background: #5c5c5c;
}


div.warning, div.congratulations, div.caution, div.edit {
	padding:15px;
}

div.warning h4, div.congratulations h4, div.caution h4, div.edit h4 {
	margin:0px;
	padding:0px;
}



.rank_column {
	display: inline-block;
	width: 180px;
	height: auto;
	vertical-align : top;
	border-right: 1px #fff dotted;
	margin-right: 10px;
}

.image_overlay {
	display:block;
	position: relative;
	height: 112px;
	margin-top: -120px;
	background: rgba(10,10,10,0.70);
	line-height: 22px;
	text-align: right;
	padding: 4px;
}


.button_set {
	margin:15px 0px 10px 0px;
}

.button_set .button {
	margin:10px 10px 10px 10px;
}

.button_set_right {

}

.button_set_centre {
	text-align:center;
}

.detail_set {
	margin:15px 0px 30px 0px;
}

/*
.item .button_set {
	opacity: 0.2;
}

.item:hover .button_set {
	opacity: 1
}
*/

.image_control_medium .button_set {
	opacity: 0.2;
}

.image_control_medium:hover .button_set {
	opacity: 1
}



.button {

	color: #fff;
	text-decoration: none !important;
	display: inline-block;
	font-size: 120%;
	font-weight: 400;

	padding: 5px 10px;
	margin: 0px 10px 4px 0px;
	overflow: hidden;
	cursor:pointer;
		border-radius:3px;
	vertical-align: middle;
}

.bigbutton {
	font-size:22px;
	padding:10px 18px;
	font-weight: 700;
	line-height: 36px;
}



.flag_set {
	margin-top: 10px;
}

.flag {
	display: inline-block;
	margin-right: 20px;
	background: #0d4b6c;
	padding: 0px 12px 0px 0px;
	line-height: 24px;
	border-radius: 3px;
}

.flag_label {
	line-height: 18px;
	background: #0a85c7;
	color: #fff !important;
	text-decoration: none !important;
	display: inline-block;
	font-size: 12px;
	vertical-align:middle;

	padding: 5px 12px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
	border-radius:3px 0px 0px 3px;

}

.flag_delete {
	display: inline-block;
	padding: 2px;
	line-height: 10px;
	font-weight: bold;
	color: #000;
	background: #a9d4eb;
	border-radius: 2px;
	margin-left: 4px;
}

.judging_4 {
	border: 3px solid #d107d0;
}


.judging_3 {
	border: 3px solid #00c128 ;
}

.judging_2 {
	border: 3px solid #689c3b;
}

.judging_1 {
	border: 3px solid #c9152e;
}


.judging_comment {
	background: #222;
	padding: 30px 50px;
	line-height: 200%;
	font-size: 120%;
	border-radius: 4px;

}

.results_comment {
	width: 740px;
	float: right;
}




.big_and_friendly .button {
	font-size: 18px;
}

.button_set .button {
	font-size:16px;
}

.smallbutton {
	font-size:12px;
	padding:4px 7px;
}

.tinybutton {
	font-size:8px;

	padding:3px 6px;
}

.edit {
	background: #689c3b;
}


.alert {
background: repeating-linear-gradient(
  45deg,
  #ff9800,
  #ff9800 10px,
  #fbb34a 10px,
  #fbb34a 20px



);
	color: #000 !important;
	font-weight: 700;
}

.delete {
	background: #c9152e;
	color: #fff;

}


.embedder {
	margin-bottom: 20px;
	width: 90%;
	height: 32px;
	font-size: 75%;
}

.embedder:focus {
	height: 96px;
}

.faded {
	background:#aaa;
}

.active {
	background: #00aa00;
}


.discrete {
	background:#333;
}


.verydiscrete {
	background:#111;
	color: #666 !important;

}

/*  images page */


.compact_dropdown {
	display: inline-block;
}


.compact_dropdown input, .compact_dropdown select {
	margin: 10px 5px !important;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 4px;
}

.image_control, .image_control_medium {
	/* background: url(../images/icons/wait.gif) no-repeat; */
	background-position: center;
}

.entry_image {
	position: relative;
}

.entry_image .title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 6px;
	height: auto;
	background: rgba(0,0,0,0.60);

}

.image_control,
.image_add {
	vertical-align:top;
	text-align: center;
		display: inline-block;
	width: 160px;
	height:200px;
	padding: 0px;
	margin: 0 15px 8px 0;
	border-radius:5px;
/* overflow:hidden; */
}

.image_control_tall {
	height: 260px;
}

.image_control_mega {
	height: 300px;
}



.image_control_medium {
	vertical-align:top;
	text-align: center;
	display: inline-block;

	padding: 0px;
	margin: 0 15px 24px 0;
	border-radius:4px;
	/* overflow:hidden;	*/
}

.quick_image {
	vertical-align:middle;
	display:inline-block;
	width:450px;
}

.float_left {
	float: left;
	display: inline;
}

.quick_image img {
	display:inline-block;
	}

.quick_image  .nametag {
	margin-top:20px;
}


.image_control br {
	height:0px;
}

.image_control .button {
	margin-top:4px;
}

.image_control .entry_image {
	border-radius:6px;
	overflow:hidden;
	display: block;
	margin: 0px 0px 10px 0px;
}

.entry_image {
	max-width: 100%;
	height: auto;
}

.entry_image .icon {
}

.entry_image_large {
	margin-top:80px;
	margin-bottom: 20px;
}

a.image_control {
	cursor:pointer;
}

.image_control .delete, .image_control .edit, .image_control .entry_image .title {
	display:none;
}

.image_control:hover .delete, .image_control:hover .edit {
	display:inline-block;
}

.image_control:hover .entry_image .title {
	display: block;
}


	.video_control {
		text-align: center;
		margin: 0px auto 20px auto;
	}

	.video_control iframe {
		margin: 0px auto 10px auto;
	}

	.video_control .delete, .video_control .edit  {

	}

	.video_control:hover .delete, .video_control:hover .edit {
		display:inline-block;
	}




.tallcontrol {
	height:200px;
}
.image_credit {
	display: block;
	padding: 4px;
	margin: 4px auto;
}

.compo_image_credit {
	position:fixed;
	bottom:8px;
	right:8px;
	color:#fff;
	text-align:right;
}

.compo_image_credit a {
	color:#fff;
}


/* error and message boxes */
.error_box, .message_box {
	font-size:14px;
	line-height:20px;
	text-align:center;
	display:block;
	padding:8px 80px;
	margin:5px 20px 20px 20px;
	background:#8e043e;
	color:#fff;

}


.error_box a {
	color:#c5ac00;
}

#errormessage, #savedmessage {
	display:block;
	width:600px;
	height:50px;
	position:fixed;
	left:50%;
	top:25%;
	margin-left:-300px;
	margin-top:-15px;
	background:rgba(0,0,0,0.8);
	padding:10px;
	border-radius:20px;
	text-align:center;
}

#errormessage {
	background:#8e043e;
}



.message_box {
	background: #689c3b;

}


/* user sections */


.judge_quote {
	display:inline-block;
	width:480px;
	padding:4px;
	margin:0px auto;
}

/* form elements  */


.scrollybox {
	height: 220px;
	padding: 20px;
	overflow-y: scroll;
	background: #333;
}


label {

	font-size:14px;
	display:block;
	margin:18px 0px 6px 0px;
}


label.error {
	background:#8e043e;
	display:block;
	max-width:200px;
	padding:4px 6px;
	margin:0px 0px 10px 8px;
	border-radius:0px 0px 4px 4px;

}



input, select, textarea, .form_end {

	font-weight:300;
	color:#fff;
	background:#22465f;
	font-size:20px;
	padding:8px 12px;
	border:1px solid #22465f;
	border-radius:2px;
}

input {
	cursor:pointer;
}

.big_and_friendly input {
	margin-bottom: 8px;
}

.smallform input,
.smallform label,
.smallform select,
.smallform textarea,
.smallform button,
.smallform fieldset,
.smallform legend,
.smallform datalist {
	     	font-size:14px;
        	padding:4px 8px;
         	margin:0px 0px 10px 0px;
}


.clearform input,
.clearform label,
.clearform select,
.clearform textarea,
.clearform button,
.clearform fieldset,
.clearform legend,
.clearform datalist {
	background: none !important;
	color: #fff;

}

.clearform option,
.clearform optgroup{
	color:#000;
}



input.form_start {

	text-align:right;
	padding-right:3px;
	margin:0px;
}




.smallform {
	font-size:12px;
}


.form_inline {
	display: inline-block;
	padding: 8px 10px;

}


input:focus {
	/* border:1px solid #0e7a8a; */
}

input.error, select.error, textarea.error {
	border:2px solid #8e043e;
	background:#270111;

}

.wideinput {
	width: 75%;
}

.biginput {
	font-size: 300%;
}

input, select {

}

/* CSS Specifically for the Judging form  */




#uploading {
	display:none;
	position:fixed;
	width:400px;
	height:100px;
	margin-left:-200px;
	margin-top:-130px;
	left:50%;
	top:50%;
	border:2px #ccc solid;
	border-radius:12px;
	background:#000;
	opacity:0.8;
}

#uploading div {
	text-align:center;

	font-weight:300;
	font-size:32px;
	display:block;
	width:100%;
	margin:45px auto 0px auto;
}



.terms_box {
	display: block;
	padding: 30px;
	height: 360px;
	overflow-y: scroll;
	width: 80%;
	margin: 20px 0px;
	background:#22465f;
}

.terms_box ol {
	list-style: decimal;
}

.terms_box ol li {
	margin-left: 40px;
	margin-bottom: 10px;

}



/* some gui elements  */
.red_outer_bar {
	display:inline-block;
	background:#543944;
	padding:0px;
	height:18px;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:8px;
	width:100%;
}

.bar_container {

}

.bar_flag {
	display:inline-block;
	float: right;
	padding:2px 0px 0px 0px;
	height:18px;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:5px;
}

a.bar_flag  {
	color:#fff;
}

.green_inner_bar {
	background:#689c3b;
	padding:0px 2px;
	height:18px;
}
.orange_inner_bar {
	background:#bb4814;
	padding:0px 2px;
	height:18px;
}


.gray_inner_bar {
	background:#808080;
	padding:0px 2px;
	height:18px;
}

.blue_inner_bar {
	background:#296673;
	padding:0px 2px;
	height:18px;
}


.bar_text {
	width:97%;
	float:left;
	padding:2px 0px 0px 4px;
	font-weight:bold;


}


.bar_text a {
	float:right;
	margin-left:-40px;
	display:none;
}

.bar_text:hover a {
	display:inline-block;
}

.results_table {

	margin:20px auto 10px auto;
}
.results_table .header {

	font-size:10px;
	text-align:right;
	padding:0px;
	margin:0px;

}


.results_table td {
	text-align:left;
}


/* floating upload form */

.uploadform {
	display:none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background:rgba(0,0,0,0.85);
}

.uploadform_content {

	position:fixed;
	background:#333;
	border:0px solid #fff;

	top:120px;
	bottom: 40px;
	left:100px;
	right:100px;
	padding:40px;
	border-radius:2px;
}


/* homepage! */



.slider-wrapper {
	height:480px;
	overflow:hidden;
	margin:-20px -20px 0px -20px;
	border:none;
}


.nivo-caption {
	font-size:32px;
	font-family: 'museo-sans',​arial,​helvetica,​sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-bottom:40px;
}


.banners {
	display:block;
	height:480px;
}

.banner_short {
	margin:-20px 0px 0px -20px;
	display:block;
	height:240px;
}


.nivo-caption a {
	border:none !important;
}

.thirdblock {
	padding:0px;
	overflow:hidden;
	vertical-align:top;
	width:360px;
	margin:20px;
	display:inline-block !important;
}

.fifthblock {
	padding:0px;
	overflow:hidden;
	vertical-align:top;
	width:240px;
	margin:20px;
	display:inline-block !important;
}


.block_content {

	padding:15px 20px 10px 20px;
}

.block_content h3 {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}


.blocks_wrapper {
text-align:center;
vertical-align:top;
}


.floater {
	background:url(black-fifty.png);
	display:none;
	position:fixed;
	top:5%;
	bottom:5%;
	left:15%;
	right:15%;

	overflow:scroll;
	overflow-x:hidden;


	text-align:left;

}


.pin_content {
	background:rgba(20,20,20,0.85);
	display:none;
	text-align:left;
	width:80%;
	margin:40px auto;
	border-radius:8px;
	padding:40px 0px 40px 0px;

}

.block_pin {

	text-align:center;
}

.pin_visible {
	display:block !important;
	text-align:left;
	padding:40px;	z-index:150 !important;

}



.floater_small {
	background:url(black-fifty.png);
	display:none;
	position:fixed;
	top:30px;
	bottom:30%;
	left:35%;
	right:30px;

	overflow:scroll;
	overflow-x:hidden;


	text-align:left;

}


.floater_pad {
	padding:40px;
}

.column_pad {
	padding:15px;
}

.column_pad img {
	max-width:100%;
}




/*
custom css for the iframe that goes on the login page
*/


.iframebody {
	background:#082d48 !important;
	padding:0px;
}

.iframebody #content, .iframebody #content .big_and_friendly {
	padding:0px !important;

}

.iframebody #content {
	box-shadow:none;
}

.iframebody #wrapper {
	width:100%;
	display:block;
	margin:0px;

}

/*
competition fullpages
 */

.top_centre_container {
	z-index:100 !important;
	text-align:center;
	position:fixed;
	top:20px;
	left:20%;
	right:20%;
}

.top_centre_container h1 {
	font-size:48px;
	text-shadow: 2px 2px 3px rgba(50, 50, 50, 1);
}

.top_centre_container p {
font-size:18px;
text-shadow: 2px 2px 3px rgba(50, 50, 50, 1);
}

.spacer_35 {
	height:35vh;
}

.spacer_75 {
	height:80vh;
	min-height:500px;
}

.spacer_65 {
	height:65vh;
}

.spacer_50 {
	height:50vh;
}

.spacer_25 {
	height:25vh;
}

.spacer_80 {
	height:70vh;
	min-height:550px;
}

.spaced_blocks_wrapper {
	position:relative;
	text-align:center;

	z-index:900 !important;
}


.spaced_blocks {
	text-align: center;
}

.mini_block, .medium_block, .winner_block {

	vertical-align: middle;
	text-align:center;
	display:inline-block;
	width:200px;

	padding:0px;
	margin:10px 20px 40px 10px;
	overflow:hidden;


}

.mini_block {
	background:url(../images/bg-60.png);
}


.mini_block h2 {
	line-height:40px;
	margin:4px 0px;
}




.medium_block, .winner_block {
	width:360px;

}


.winner_block {
	width:360px;

}


.winner_block h3 {
	margin-top:10px;
}

.entrant_details {
	text-align:center;
}

.entrant_portrait {
	display:inline-block;
	vertical-align:top;
	margin:15px 40px 0px 0px;
}

.entrant_portrait img {
	border:2px solid #fff;
}


.entrant_bio {
	text-align:left;
	display:inline-block;
	vertical-align:top;

}

.bio_block {
	display:inline-block;
	margin-right:30px;
}

ul.all_categories {
	list-style:none;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

.all_categories li {
	display:inline-block;
}


.block_button {
		display:inline-block;
		padding:4px 12px;
		margin:10px;
		border-radius:6px;
		font-size:18px;
		font-family: 'museo-sans',​arial,​helvetica,​sans-serif;
		font-weight:bold;
		color:#fff;
		background:#00667b;

}




/* user image galleres */

.full_gallery_image {
	display:block;
	margin:20px auto;
	border:4px solid #fff;
	max-width:100%;
	height:auto;

}

/*  Specific to Judging Pages */


.judging_image {
	 border:3px solid #ffffff;
}



.final_judging img {
	width:100%;
	height:auto;
	margin-bottom:40px;
	display:block;
}


#judging_interface_top {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 150px;
	padding: 10px;
/*	background : rgba(0,0,0,0.2); */
z-index: 9999;

}




#judging_interface_top .judging_buttons {
	display: none;

}


#judging_interface_top:hover .judging_buttons {
	display:block;
}


#image_fullscreen {
	position: absolute;
	top:5px;
	left: 5px;
	right: 5px;
	bottom:5px;
}

#image_scroller {
	position: absolute;
	top:100px;
	left: 100px;
	right: 100px;
	bottom:100px;
	overflow-x: scroll;
	overflow-y: scroll;
	cursor: grab; /* Cursor styling */
}


#image_fullscreen img {

}

#zoom_button {
	position: absolute;
	width: 200px;
	height:200px;
	top:50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 10000;

}

#zoom_button .zoomicon {
	display: none;
	width: 200px;
	height:200px;
	background-color: rgba(20, 20, 20, 0.6);
	border-radius: 20px;
	cursor: pointer;
}

#zoom_button:hover .zoomicon {
	display: block;
}

#zoom_button .zoomicon h1  {
	text-align: center;
	line-height: 200px;
}

#zoom_button .zoomicon h1 i  {
	vertical-align: middle;
	line-height: 200px;
}


#loading {
	padding: 100px;
	position: fixed;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	z-index: 9999;
	background: #000;
}

body.chimp {
	background: #000;
}

.container::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}


.chimpcloser {
	padding: 15px 0 15px 0;
	display: block;
	width: 300px;
	text-align: center;
	cursor: pointer;
	margin-top: 30px;
	background-color: #111111;

}

.chimpcloser h4 {
	text-align: center;
	vertical-align: middle;
}

.chimpcloser i {
	vertical-align: middle;
}





#image_fullscreen .judging_image {
	border:none !important;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

#judging_interface_left {
	position:absolute;
	top:0px;
	left: 0px;
	bottom: 0px;
	width: 500px;
	z-index: 5000;
}

#judging_interface_left:hover .form_elements {
	display: block;
	width: 100%;
	height: 100%;
}


#judging_interface_bottom {
	position:absolute;
	bottom:0px;
	left: 0px;
	right: 0px;
	height: 175px;
	overflow: clip;
	z-index: 8000;

}


.form_elements {
	display: none;
	background: rgba(0,0,0,0.8);
}

#judging_interface_bottom:hover .form_elements {
	display: grid;
	height: 175px;
	grid-template-columns: 60% 40% ;
	column-gap: 40px

}





.form_elements div {
	padding: 20px;
	text-align: left;
}

.form_elements .image_meta {
	text-align: left;

}

.form_elements .score_comments {
	text-align: left;

}

.form_elements .score_inputs  {
	text-align: right;


}

.form_elements .submits  {
	text-align: left;

}

.score_row_inline {
	display:inline-block;
	margin-left: 12px;
	text-align: left;
}

#judging_interface_right {
	position: absolute;
	top:0px;
	bottom: 0px;
	right: 0px;
	width: 400px;
	padding: 20px;
	background: none;
}

.help_section {
	margin-top:80px;
	display: none;
	width: 100%;
	vert-align: middle;


}

#judging_interface_right:hover {
	background: rgba(0,0,0,0.8);
}

#judging_interface_right:hover .help_section {
	display: block;

}


/* moving onto actual form elements on judging page */

.judging_page input, .judging_page select, .judging_page textarea, .judging_page .form_end {
	background: rgba(10,10,10,0.7);
	border: none;
	outline: none;
}

.judging_page input:focus {
	background: rgba(50,50,50,1) !important;
	outline: none;
}


.judging_page .form_end {
	color:#dddddd;
	margin-left: -3px !important;
}

.judging_page .form_start {
margin-right: 0px !important;
}


.judging_page label {
	display: inline-block;
}

.judging_page textarea{
	width: 420px;
	resize:vertical;
}


.home_button {
	position:fixed;
	left:20px;
	top:20px;
	z-index:9999;
}


.award_image {
	display:inline-block;
	padding:5px;
	vertical-align:middle;

}

.award_title {
	text-align: left;
	max-width:280px;
	display:inline-block;
	vertical-align:middle;
}

.award_title h4 {
	font-size: 100%;
}


.image_award {
/*	position:relative;
	top:-80px;
*/
}


/* bulding bar charts */

.graph_container {
	display:block;
	background:#031521;
	border:1px solid #fff;
	margin:30px 0px;
	overflow: visible;
	}

.bar {
	position:relative;
	display:inline-block;
	background:#c5ac00;
	cursor:pointer;
}

.bar_images {
	background:#062032;
	border:1px solid #fff;
	padding:20px;
	position:absolute;
	top:10px;
	left:20px;
	width:400px;
	display:none;
	z-index:999;
}

.bar_images img {
	margin:4px;
}

.bar:hover .bar_images {
	display:block;
}

.slider-wrapper {
	margin-bottom:20px;
}


/* homepage banner  */


.banner {
	display:block;
	position:relative;
	width: 100%;
	height: 640px;

}


.banner .caption {
	position:absolute;
	text-align:center;
	left:20px;
	right:20px;
	top:480px;
	float:left;
	z-index:800;
	height:80px;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
}


.caption h1 {
	margin-bottom:12px;
}

/* home_icon */

.home_icon {
	position:fixed;
	top:15px;
	left:15px;
}

/*  projector display mode */


body.projector {

	background: #000;
	padding: 0px;
	margin: 0px;
}


.fullpage_image {
	display: block;
	position: fixed;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 44px;

	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

}

.fullpage_controls {
	display: block;
	position: fixed;
	height: 34px;
	left: 0px;
	right: 0px;
	bottom: 2px;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


.fullpage_controls .button {
	opacity: 0;

}

.fullpage_controls:hover .button {
	opacity: 1;

}


.fullpage_controls h4 {
	color: #888;
	font-weight: normal;
}



/* magnifier! */


.magnifier-preview.example {
    border: solid 1px #555;
    text-align: center;
    line-height: 30px
}

.magnifier-info {
    float: left;
    border: solid 1px #ccc;
    width: 200px;
    height: 133px;
    clear: left;
    margin-top: -4px
}

.magnifier-thumb-wrapper.demo {
    float: left;
    padding: 0;
    margin: 0;
    top: 1px
}

#preview1 {
    width: 400px;
    height: 267px
}

#preview2 {
    width: 400px;
    height: 267px
}