/* Less Framework 4
http://lessframework.com
License: http://creativecommons.org/licenses/MIT/ */


/* Resets
------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}

a img {
border: 0;
}
 br {
	line-height:24px;
}

/* Typography presets
------------------ */
h1 {
font-size: 48px;
line-height: 72px;
margin-bottom: 36px;
color: #343A4A;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
h2 {
font-size: 32px;
line-height: 48px;
color: #343A4A;
margin-bottom: 24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
h3 {
font-size: 24px;
line-height:24px;
color: #EA4839;
font-weight: bold;
margin-bottom: 24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
h4 {
font-size: 20px;
line-height:12px;
color: #343A4A;
font-weight: bold;
margin-bottom: 36px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
#equal
{
	text-align:center; 
	padding-top: 0px; 
	padding-bottom:24px; 
	font-weight: bold;
}
#equal a {
	cursor: pointer;
}
.twitter {
	margin-top:-32px;
	margin-bottom: 12px;
}
.img_a, #credits a { border: 0;}
#credits { float: right; margin-top: -40px;}
div #preload { display: none; }
#suggest {
	margin-top: -12px;
}
#suggest_question {
	border: 1px SOLID #888888; 
	padding-left: 6px;
	padding-right: 6px;
	width: 298px; 
	height: 24px; 
	font-size: 16px; 
	margin-bottom: 16px;
}
#suggest_question:focus {
	border: 1px SOLID #EA4839; 
	width: 298px; 
	height: 24px; 
	font-size: 16px; 
	margin-bottom: 16px;
}
#results_links {
	margin-top: -24px;
	margin-bottom: 48px;
}
#social {
	margin-top: 64px;
	margin-bottom:24px;
}
#instructions
{
	font-size: 16px;
	line-height: 48px;
	background: url('/static/images/instructions_bg.png') no-repeat;
 	background-position: 0px 8px;
	width: 395px;
	padding-left: 10px;
	color:#20242F; 
	position: absolute; 
	margin-top:-93px; 
	right: 0;
	text-align: right;
	padding-top:19px;
	font-weight: bold;
	font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-shadow:#FFFFFF 0 1px 1px;
}
.st
{
	position: absolute;
	margin-left: 0px;
	margin-top: -60px;
}
#results {
	font-size: 16px;
	line-height: 48px;
	color:#20242F; 
	text-align: right;
	padding-right: 12px;
	margin-top:-30px;
	font-weight: bold;
	font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-shadow:#FFFFFF 0 1px 1px;
}
#current_results {
	margin-top:24px;
	margin-bottom: 24px;
}
.statistics h3 {
	margin-bottom:0px;
	margin-top: 0px;
	line-height: 36px;
}
.statistics {
	margin-top: -12px;
}
#instructions h4 {
	font-size: 16px;
	padding-right: 144px;
	margin: 0;
}
#instructions a
{
	border-bottom:0px dotted #FFFFFF;
	cursor: pointer;
	margin-top:-1px;
}
.normal, body {
font: 16px/24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
}
.small {
font-size: 12px;
line-height: 24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
color: #525252;
}

a {
color: #20242F;
text-decoration: none;
border-bottom:1px dotted #20242F;
}
a:hover {
color:#EA4839;
}
a:active {
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #20242F;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
label, input[type=button], input[type=submit], button {
cursor: pointer;
}
strong, th {
font-weight: bold;
}
.red{ color: #EA4839; }
td, td img {
vertical-align: middle;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
textarea {
overflow: auto;
}
.ie6 legend, .ie7 legend {
margin-left: -7px;
}
.hidden {
display: none;
visibility: hidden;
}
.clear {
clear: both;
}
/* Selection colours (easy to forget) */

::selection {
background: #C7C9B4;
}
::-moz-selection {
background: #C7C9B4;
}
img::selection {
background: transparent;
}
.blue
{
	color:#343A4A;
}
img::-moz-selection {
background: transparent;
}
#most, #least {
	margin-bottom: 48px;
	height: 360px;
}
.lb {
	border: 0px;
	line-height: 0px;
}
.lb img {
	border: 1px SOLID #888888;
}
.img_und 
{
	display: inline;
	font-size: 10px;
}
body {
-webkit-tap-highlight-color: #C7C9B4;
}
a:link {
-webkit-tap-highlight-color: #C7C9B4;
}

/* Navigation */
header {
position: relative;
width: 896px;
}
nav {
width: 620px;
height: 48px;
float: right;
}
nav ul {
list-style: none;
float: right;
}
nav ul li {
display: inline;
margin-left: 24px;
font-weight: bold;
line-height: 28px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
#content_bottom li {
	line-height: 24px;
}
/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */

#container {
	position: absolute;
}
#content_top {
	position: relative;
	width: 896px;
	padding: 48px 48px 24px;
	color: rgb(80,80,80);
	margin: 0 auto;
}
#content_bottom {
	position: relative;
	width: 896px;
	padding: 0px 48px 96px;
	color: rgb(80,80,80);
	margin: 0 auto;
}
#team_container
{
	padding: 48px 0px 48px;
	margin-top:24px;
	margin-bottom: 48px;
	height: 1128px;
	width: 100%;
	background-color: #DFDFDF;
	-moz-box-shadow:inset 0 0 12px #20242F;
   	-webkit-box-shadow:inset 0 0 12px #20242F;
   	box-shadow:inset 0 0 12px #20242F;
}
#team {
	position: relative;
	width: 908px;
	color: rgb(80,80,80);
	margin: 0 auto;
}
#question {
	text-align:left;
	padding-left: 24px;
	padding-right: 24px;
	border: 1px solid #CCC;
	cursor: pointer;
	width: 618px;
	margin-left: 92px;
}
#question h2 {
	margin-bottom: 0px;
}
.ranking_img {
	line-height: 0px;
}
#other_questions {
	display: inline;
	margin-top:20px;
	border: 0;
	float: right;
}
#project_intro {
	font-weight: normal;
	color: #20242F;
}
.project_intro_strong {
	font-weight: bold;
	color: #EA4839;
}
#voting_box {
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 2px 4px #c7c7c7;
	-webkit-box-shadow: 0px 2px 4px #c7c7c7;
	box-shadow: 0px 2px 4px #c7c7c7;
	background: #FFFFFF;
	margin-bottom:48px;
}
#voting_box h2 {
	margin-bottom: 0px;
}
#report_left, #report_right {
	color: #c7c7c7;
	font-size: 12px;
	cursor: pointer;
}
#report_left {
	color: #c7c7c7;
	text-align: left;
	margin-left: 24px;
}
#report_right {
	color: #c7c7c7;
	float: right;
	text-align: right;
	margin-right: 24px;
}
.questions {
	z-index: 9999;
	position: absolute;
	width: 760px;
	display:none;
	list-style-type: none;
}
.questions li {
	margin-top: -1px;
	text-align:left;
	padding-left: 24px;
	padding-right: 24px;
	border: 1px solid #CCC;
	background: url('/static/images/bg80.png') repeat;
	cursor: pointer;
	margin-left: 92px;
}
.questions li:hover {
	background-color: #FFFFFF;
}

.questions li a {
	font-size: 26px;
	line-height: 48px;
	color: #343A4A;
	font-weight: bold;
	font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-shadow:#FFFFFF 0 1px 1px;
	text-decoration:none; 
	display:block;
	border: 0;
}

.questions li a:hover {
	color: #EA4839;
}

header {
	display: block;
	height: 108px;
}
#banner {
margin: 0 0 24px -48px;
}
#logo {
width: 226px;
height: 120px;
text-decoration:none;
border-bottom:0px dotted #FFFFFF;
}
#key_1 {
	position: absolute;
	left: 201px;
	bottom: 168px;
	z-index: 999;
	cursor: pointer;
}
#key_2 {
	position: absolute;
	left: 620px;
	bottom: 168px;
	z-index: 999;
	cursor: pointer;
}
#alert {
overflow: hidden;
z-index: 999;
width: 100%;
text-align: center;
position: fixed;
top: 0;
left: 0;
background-color: rgb(238,180,75);
height: 0;
color: #fff;
font-size: 24px;
line-height: 36px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
opacity: .9;
}
#alert a:hover
{
	color: rgb(60,97,158);
}
/* Article */
article p, article pre {
margin-bottom: 24px;
line-height: 24px;
}
article code {
overflow: auto;
display: block;
}
article {
position: relative;
padding-bottom: 48px;
}
/* Section */
section h3 {
line-height: 48px;
}

#leftColumnHalf, .leftColumnHalf {
width: 436px;
float: left;
}
#skip
{
	margin-bottom:24px;
}
#rightColumnHalf, .rightColumnHalf {
width: 436px;
padding-left: 24px;
float: left;
}
#bottomRow {
	margin-top: 384px;
	width: 896px;
	float: left;
}
#rightColumn344 {
	width: 344px;
	float: right;
}
#left436 {
	width: 436px;
	float: left;
	margin: 24px 0 24px;
}
#right436 {
	width: 436px;
	float: right;
	margin: 24px 0 24px;
}
#topRowsf {
	/*background: url('/static/images/trans.png');*/
	width: 896px;
	overflow: hidden;
	position: absolute;
	margin-bottom:24px;
	z-index:999;
	top: 0;
}
#topRowsf.fixed {
	position: fixed;
}

#press
{
 	color: #cccccc;
 	margin-left: 35px;
}

#moredetail {
	left: 0px;
	width: 896px;
	position: absolute;
}
#fullColumn, .fullColumn {
	width: 896px;
	float: left;
}
.projectright {
	width: 296px;
	display: block;
	float: left;
	padding-left: 24px;
}
.projectleft {
	width: 528px;
	display: block;
	float: left;
	padding-right: 23px;
}
.dotted_right {
	border-right: 1px solid #CCCCCC;
}
.longdiv {
	
	height:25px;
	Background: url('/static/images/longdiv.jpg');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-position:-20px 0px;
	margin-top:15px;
}
#results_dropdown {
padding: 24px;
}
#center712, .center712 {
width: 712px;
margin-left: 92px;
margin-right: 92px;
}
#right804, .right804 {
width: 804px;
margin-left: 92px;
margin-right: 0px;
}
#panoLeft, #pano {
width: 432px;
height: 308px;
}
#map_canvas {
width: 432px;
height: 308px;
}
#map_canvas_436 {
width: 436px;
height: 264px;
float: left;
}
#pano_436 {
width: 436px;
height: 264px;
float: right;
}
.map_canvas_712 {
width: 712px;
height: 480px;
}
.map_canvas_896 {
width: 896px;
height: 576px;
}
.map_canvas_620 {
width: 620px;
height: 384px;
margin-top: 24px;
}
.googleelement {
width: 432px;
height: 308px;
margin-bottom: 24px;
padding: 1px;
float: left;
border: 1px solid rgb(218,218,218);
}
.googleelement344 {
width: 344px;
height: 216px;
margin-bottom: 24px;
float: right;
}
.one_third {
width: 282px;
display: block;
}
.one_third_lf {
	width: 344px;
	display: block;
}
.half {
	width: 436px;
	display: block;
	margin-bottom: 24px;
}
.not_final {
margin-right: 24px;
float: left;
}
.final {
float: right;
}
.two_third {
width: 528px;
display: block;
}
#exparea {
	margin-bottom: 24px;
}
#sf {
  position: relative;
}

.panoThumb { 
    position: relative; 
    width: 160px;
    height: 120px; 
	float: left;
	margin-bottom: 18px;
	cursor: pointer;
    /* apply background-image url inline on the element since it is part of the content */
    background: transparent url() no-repeat center center;
}
.panoThumb:hover {
	cursor: pointer;
}
.panoThumb a { 
    display: none;
    position: absolute; 
    top: 0px;  /* position in bottom right corner, assuming image is 16x16 */
    left: 0px; 
    width: 16px; 
    height: 16px; 
	cursor: hand;
    background: transparent url(/static/images/icons/x_remove.gif) no-repeat 0 0;
	/* for IE */
	  filter:alpha(opacity=40);
	  /* CSS3 standard */
	  opacity:0.4;
}
.panoThumb .imageUpdating { 
    display: none;
    position: absolute; 
    top: 0px;  /* position in bottom right corner, assuming image is 16x16 */
    left: 0px; 
    width: 160px; 
    height: 120px; 
    background: #fff url(/static/images/loader.gif) no-repeat center center;
	/* for IE */
	  filter:alpha(opacity=70);
	  /* CSS3 standard */
	  opacity:0.7;
}
.imageUpdating:hover {
	display: none;
}
.panoThumb:hover a { 
    display: block;
	cursor: pointer;
}
.panoThumb:hover a:hover { 
    /* for IE */
	  filter:alpha(opacity=100);
	  /* CSS3 standard */
	  opacity:1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.banner {
	margin: 0 -48px 24px;
	padding: 23px 48px 23px;
	width: 896px;
	background-color: #f4f4f4;
	border-bottom: 1px solid rgb(218,218,218);
	border-top: 1px solid rgb(218,218,218);
}
#awardsTable
{
	margin:0;
}
#awardsTable p
{
	margin:0;
	padding:0;
	vertical-align:top;
}
#awardsTable td
{
	vertical-align:top;
	padding:0 12px 0;
}
#awardsTable .small
{
	line-height:24px;
}
/* Footer */
footer {
border-top: 1px solid #CCCCCC;
padding: 24px 0 0;
margin-top: 48px;
}
#leftLink, #rightLink {
	display: block;
	width: 406px;
	height: 298px;
	float: left;
	position: absolute;
	z-index:100;
	text-decoration:none;
	border: #888888 solid 1px;
}
#leftLink {
	margin-left: 24px;
}

#rightLink:hover, #leftLink:hover {
	cursor: pointer;
	width: 406px;
	height: 298px;
	border: #EA4839 solid 1px;	
}

#pano_left, #pano_right {
	margin-top:2px;
	margin-left:2px;
	width: 432px;
	height: 308px;
	float: left;
}




/* Table */

.tableleft {
margin-bottom: 24px;
text-align: left;
}
.tablecenter {
margin-bottom: 24px;
text-align: center;
}
#uibuttons {
	margin-bottom: 24px;
	text-align: center;
}
	/* Admin CSS */
	.tableleft {
text-align: left;
}
	.tablecenter {
margin-bottom: 24px;
text-align: center;
}
	#uibuttons {
margin-bottom: 24px;
text-align: center;
}
	table {
border-collapse: collapse;
width: 100%;
border-spacing: 0;
display: table;
margin-bottom:24px;
}
	colgroup {
display: table-column-group;
}
	table td {
border-bottom: 1px solid rgb(218,218,218);
height: 23px;
padding: 0 24px;
}
	table tr:last-child td {
border-bottom: 0;
height: 24px;
}
	table tr:first-child td {
border-top: 0;
height: 24px;
}
	table td:first-child {
border-right: 1px solid rgb(218,218,218);
}
	td, th {
display: table-cell;
}
	table tr:hover {
background: #f4f4f4;
}
	.tablecenter tr:first-child:hover {
background: none;
}
	tbody {
display: table-row-group;
}
form table td {
	height: 71px;
}
form table tr:last-child td{
	height: 72px;
}
form table tr:first-child td{
	height:72px;
}
table tr td:last-child{
	border-right:0;
}
table tr td
{
	border-bottom:0;
}
#awards tr:hover {
background: #fff;
}
.descfield {
	vertical-align:top;
	height: 120px;
}
	ul.ulthumb {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 436px;
}
	ul.ulthumb li {
margin: 0 24px 24px 0;
padding: 0;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
		width: 68px;
height: 48px;
}
	ul.ulthumb li img {
width: 64px;
height: 44px; /* Set the small thumbnail size */
		-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
		border: 1px solid rgb(218,218,218);
padding: 1px;
position: absolute;
left: 0;
top: 0;
}
	ul.ulthumb li img.hover {
border: none; /* Get rid of border on hover */
}