﻿#fader 
{
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:1000;
}
#img_loader 
{
     height:780px;
     width:780px;
     background:#eee;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    margin:30px auto 50px;
    position:relative;
    padding:60px 10px 10px 10px;
    text-align:center;
}
.feedback_wrapper {
     background:#eee;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    display:inline-block;
    margin:30px auto 0;
    padding:10px;
}
.feedback_wrapper textarea {
    border:1px solid #ddd;
    width:99%;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-weight:bold;
}
.feedback_image {
    border:3px solid #ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
}
h2 {
    float:none; line-height:2em; }

#img_loader button
{
    float:none;
    margin-bottom:10px;
}
#image_holder 
{
   overflow:hidden;
}
a.cancel 
{
    clear:left;
    font-size:.8em;
}
.instructions
{
 padding-bottom:20px;
}
.instructions h2 
{
    color:#fcfcfc; 
    line-height:1.2em;
    margin-bottom:20px;
}
.instruct_holder
{
    width:300px;
    position:absolute;
    left:50%;
    margin-left:-150px;
}
.type 
{
    float:left;
    clear:left;
    text-transform:uppercase;
    font-size:.7em;
    color:#f9ee8e;
    margin-bottom:6px;
}
.type span
{
    background:#999;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;  
    padding:2px 4px;
    color:#eee;
}
#img_loader h3
{
    color:#666; 
    font-weight:normal;
    font-size:1em;
}
#test_area
{
    position:absolute;
    top:58px;
    left:7px;
    margin:0 auto; 
    border:3px solid #ddd; 
    cursor:pointer; 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:url(../images/pixel.png);
}
	#clone 		{ display:none;position:absolute }
	.test_tag 				 
	{
	    position:absolute; 
	    padding:5px 10px 10px; 
	    background:#212C36; 
	    border:2px solid #fff; 
	    opacity:.9;
	    cursor:default;     
	    -moz-border-radius:5px;
        -webkit-border-radius:5px;
        z-index:20;
        width:150px;
    }
		.test_tag label 	{ float:left; color:#fcfcfc; font-size:13px; font-weight:bold; margin-left:0; }
		.test_tag a			{ float: right; font-size:11px; }
    .test_tag input 
    {
        float:left; 
        clear:both; 
        font-size:1.2em;
        font-weight:bold; 
	    font-family:Calibri, Helvetica, Arial, sans-serif;
        color:#222; 
        border:none; 
	    -moz-border-radius:3px;
        -webkit-border-radius:3px;
        opacity:1;
        background:#fff;
        margin:0 !important;
        margin-top:2px;
        width:150px;
    }
		.handle 			 
		{
		    position:absolute; 
		    width:20px; 
		    height:20px; 
		    background:url(/images/click.png) 0 bottom no-repeat; 
		    cursor:move; 
		    z-index:21;
		}
button.confirmTest {position:absolute;top:10px;right:8px;width:90px;}
#prompt {position:absolute;top:22px;left:8px;font-size:.8em; }
.instruction 
{
    position:absolute; 
    top:48%;
    text-align:center;
    width:100%;
    left:0;
    font-weight:bold;
    color:#444;
    font-size:1.7em;
    float:none;
    border:none;
    background:none;
}

.report, .skip 
{
    display:block;
    position:absolute;
    width:33px;
    height:37px;
    right:-33px;
    background-color:#cfcfcf;
    overflow:hidden;
    text-indent:-9999px;
    -moz-border-radius:0 3px 3px 0;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	margin:0;
	padding:0;
	background-image:url(../images/icon_test_actions.png) !important;
	background-repeat:no-repeat !important;
}
.report:hover, .skip:hover  
{
    background-color:#f5f5f5 !important;
    margin:0;
    padding:0;
    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius:0;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}
.skip { top:10px; background-position:-31px -30px; }
.report { top:50px; background-position:5px -30px; }
.skip:hover { background-position:-31px 7px; }
.report:hover { background-position:5px 7px; }
.report span, .skip span 
{
    visibility:hidden;
}

.keyword { position:absolute;height:20px;width:20px;background:#FF0000;display:none; }
.ui-selected{border:1px solid #ffffff;}
#keywordsBox {background:#fffce3;position:absolute;display:none;text-align:left;}
#JT { z-index:1002; }

.response_input {
    background:#ddd; margin:6px 2px; width:296px; }
.response_input input {
    border:1px solid #ccc; width:285px; color:#333; font-weight:bold; }



