#next, #next-page, #up, #down, #help { 
-webkit-touch-callout: none; 
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* defaults for html */
html
{
    height: 100%;
}

/* defaults for link */
a:link,a:visited,a:hover,a:active
{
	text-decoration:none;
	color:#0099cc;
}

/* defaults for body */
body
{
	font-family: Optima, Arial, sans-serif;
	overflow: auto;
	text-align: center;
}

img.centerit
{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}

img, a img { border: none; }

div#instr_max, div#instr_main, div#trials
{
	margin-top: 20px;
	width: 50%;
	margin: auto;
}
div#task1, div#task2 { text-align: left; }
div#studyinfo, div#result_text, div#thank_you, div#task1, div#task2, div#results2
{
	width: 50%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-size: 15px;
}
div#studyinfo
{
	width: 65% !important;
}
div#progress
{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#history, div#lang
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#tech
{
	padding: 15px;
	font-size: 14px;
	font-family: Optima, Arial, sans-serif;
	width: 560px;
	height: 100px;
	color: #999;
}
#ajax_working
{
	position: relative;
	z-index: 300;
}
#ajax_working img 
{
	width: 30px;
	height: 30px;
}

div#text
{
	text-align: center;
}

div#info
{
	width: 100% !important;
	border-top: 2px dotted #366;
}

div#top
{
	margin-top: 20px;
	text-align: center;
}

div#middle
{
	position: absolute;
	top: 30%;
	left: 30%;
	width: 40%;
	text-align: center;
}

.separator {
	margin-top: 10px;
	margin-bottom: 20px;
	height: 10px;
	clear: both;
	display: block;
	width: 100%;
	border-top: 2px dotted #366;
}

INPUT {
	font-family: sans-serif;
	font-weight: bold; 
}

div#lower
{
	position: relative;
	text-align: center;
}
div#left
{
	position: absolute;
	width: 45%;
	top: 5px;
	padding-bottom: 10px;
}

div#right
{
	position: absolute;
	width: 45%;
	right: 0px;
	top: 5px;
	padding-bottom: 10px;
}

div#bottom
{
	position: relative;
	left: 25%;
	width: 50%;
}

div#easel, div#easel2
{
	overflow: hidden;
	bottom: 0px;
}

div#buttons
{
	width: 100%;
    position: fixed;
    bottom: 30px;
}

div#canvas
{
	overflow: hidden;
	bottom: 0px;
	height: 100%;
}

#header { width: 65%; margin: 0 auto; display: none; }

#logo {
	float: left;
	margin-top: 30px;
	margin-bottom: 15px;
}

#next, #next-page
{
	background: url("images/next.png");
	height: 60px;
	width: 101px;
	display: block;
}

#next
{
	float: right;
	margin-right: 40px;
}

#next-page
{
	position: fixed;
	bottom: 30px;
	right: 30px;
}

#next:active, #next-page:active
{
	background: url("images/next2.png");
}

#up
{
	background: url("images/up.png");
	height: 60px;
	width: 60px;
	display: block;
	float: left;
	margin-left: 30px;
}

#up:active
{
	background: url("images/up2.png");
}

#down
{
	background: url("images/down.png");
	height: 60px;
	width: 60px;
	display: block;
	float: right;
	margin-right: 40px;
}

#down:active
{
	background: url("images/down2.png");
}

#help
{
	background: url("images/help.png");
	height: 60px;
	width: 60px;
	display: block;
	float: left;
	margin-left: 30px;
}

#help:active
{
	background: url("images/help2.png");
}

#share_text { float:right; margin-top:15px; font-size: 13px; color:#888; }
#results_share { margin-top: 0px; margin-bottom: 25px;}
#results_share_text { display: inline; margin-right: 20px; font-size: 20px; color:#888; margin-bottom: 10px; vertical-align: 75%}
#share_this { clear:right; float: right; margin-top: 5px; display:none; }
#header_share { clear:right; float: right; margin-top: 5px; display:none; }

.span_link { text-decoration:none; color:#0099cc; }
.span_link:hover { cursor: pointer; }

label.error { font-weight: bold; float:right; font-size: 12px; color: red;}

/* hackish results2 style, as this css incompatible with litw.css */
#results2 {
	text-align: left;
}

#results2 > p:first-child, #results2 > p:last-child {
	text-align: center;
}

.st_facebook_hcount {
	width: 200px;
}