body {
  margin: 0px;
  padding: 0px;
  background: #fff url(images/bg.jpg) no-repeat;
  font-family: Helvetica;
  -webkit-text-size-adjust: none;
}

body.landscape #browser {
  min-height: 268px;
}

#browser {
  min-height: 416px;
  width: 320px;
  position: absolute;
text-align: center;
}


.pristato {color: #a3b3c6; font-size: 12px; clear: both; padding-top: 5px;}

.argerai {color: #a3b3c6; font-size: 17px; width: 200px; margin: 0 auto 80px auto;}


.button	
{	
	display: block;		    
	line-height: 46px;	 
	width: 150px;			
	font-size: 20px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

 
.black	
{
	border-width: 0px 14px 0px 14px;
	color: #fff;
	text-shadow: #000 0px 1px 1px;	
	-webkit-border-image: url(images/grayButton.png) 0 14 0 14;
	margin: 3px auto;	
}

.iq {font-size: 14px; color: #aaa;}

.iqlist {font-size: 17px; float: right; margin-right: 15px;}

#header {
    position: relative;
    left: 0px;
    top: 0px;
    height: 44px;
    width: auto;
    font-family: Helvetica;
    font-weight: bold;
	margin-bottom: 15px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
    font-size: 17px;
	background-color: #0c2449;
    -webkit-border-image: url(images/header.png) 0 1 0 1 stretch stretch;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
line-height: 44px;
}

a.back {width: 58px; padding-left: 5px; text-align: center; font-size: 12px; color: white; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; background: url(images/back.png) no-repeat; height: 30px; line-height: 30px; float: left; text-decoration: none; margin-top: 7px; margin-left: 7px; position: absolute;}

a.time_ok, a.time_bad {width: 65px; text-align: center; font-size: 12px; color: white; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; background: url(images/time_ok.png) no-repeat; height: 30px; line-height: 30px; left: 245px; text-decoration: none; margin-top: 7px; position: absolute;}

a.time_bad {background: url(images/time_bad.png) no-repeat;}

#question_photo 
{
	padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:17px;		 
	
	min-height: 135px;
	padding-left: 155px;
	padding-right: 10px;
	padding-top: 20px;
	text-align: left;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	
	width: 135px;
	background-color: white;       
	background-repeat: no-repeat;
	background-position: center left;
	
	border-width: 1px;		       
	border-style:solid ;
	border-color:#123053;
	
	-webkit-border-radius: 8px;
	
}

#question_photo_2 
{
	padding: 0;	   
	margin-top:0;
	margin-right:0px;
	margin-left: 0px;
	margin-bottom:0px;		 
	
	min-height: 135px;
	padding-left: 155px;
	padding-right: 10px;
	padding-top: 20px;
	text-align: left;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	
	width: 110px;
	background-color: white;       
	background-repeat: no-repeat;
	background-position: center left;
	
	border-width: 0px;		       
	border-style:solid ;
	border-color:#123053;
	
	-webkit-border-radius: 8px;
	
}

#question_photo_3 
{
	padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:17px;			 
	
	min-height: 80px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	text-align: left;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	
	min-width: 135px;
	background-color: white;       
	background-repeat: no-repeat;
	background-position: center left;
	
	border-width: 0px;		       
	border-style:solid ;
	border-color:#123053;
	
	-webkit-border-radius: 8px;
	
}

#question_photo_4 
{
	padding: 0;	   
	margin-top:0;
	margin-right:0px;
	margin-left: 0px;
	margin-bottom:0px;		 
	
	min-height: 135px;
	padding-left: 155px;
	padding-right: 0px;
	padding-top: 20px;
	text-align: left;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	
	width: 115px;
	background-color: white;       
	background-repeat: no-repeat;
	background-position: center left;
	
	border-width: 0px;		       
	border-style:solid ;
	border-color:#ffffff;
	
	-webkit-border-radius: 8px;
	
}

#question
{
	padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:17px;		 
	
	padding: 12px 0px 12px 15px;
	text-align: left;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	
	width: 285px;
	background-color: white;       
	background-repeat: no-repeat;
	background-position: center left;
	
	border-width: 1px;		       
	border-style:solid ;
	border-color:#123053;
	
	-webkit-border-radius: 8px;
	
}

ul#list 
{	   
	padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:17px;		 
	
	text-align: left;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	
	width: 300px;
	background-color: white;       
	
	border-width: 1px;		       
	border-style:solid ;
	border-color:rgb(217,217,217);
	
	-webkit-border-radius: 8px;		 
}


#list li
{	
	list-style-type: none;	
	border-top-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:14px;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	padding-left:15px;	
}

#list_2 li
{	
	list-style-type: none;	
	border-top-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:14px;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	padding-left:15px;		
}


#list li:first-child 
{
	border-top:0;    
}


#list a  
{
	display: block;  
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 9px;
	padding-left: 13px;
	margin-top: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	margin-left: -13px;	 
	text-decoration: none;
	color:black;
}


#list .showArrow 
{  
	margin-right:10px;		
	padding-right:16px;	   
	background-image: url(images/chevron.png); 
	background-repeat: no-repeat;
	background-position: right; 
}


#list .secondary	
{
	font-weight:normal;		
	float:right;		     
	margin-right:10px;	  
}



#list .secondaryWArrow 
{
	display:block;		 /* Set the secondary content to be a block	 */
	font-weight:normal; 
	float:right;
	color: #324F85;		 /* sets the color of the link */
}


#list .secondaryWLink /* Used for secondary text that is a link */
{
	font-weight:normal;		
	float:right;		  
	margin-right:10px;	  
	color: #324F85;		 /* sets the color of the link */
}








ul#answerlist 
{	   
	padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:17px;		 
	
	text-align: left;
	
	font-size:14px;
	line-height: 18px;
	font-family: Helvetica;
	color:black;
	
	width: 300px;
	background-color: white;       
	
	border-width: 1px;		       
	border-style:solid ;
	border-color:rgb(217,217,217);
	
	-webkit-border-radius: 8px;		 
}


#answerlist li
{	
	list-style-type: none;
	position: relative;	
	border-top-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding-top:10px;		  
	padding-right:105px;		 
	padding-bottom:14px;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	padding-left:15px;	
}


#answerlist li:first-child 
{
	border-top:0;    
}




#answerlist .secondary	
{
	font-weight:normal;		
	float:right;		     
	margin-right:10px;	  
}

.answer { font-weight: bold; position: absolute; left: 200px; margin-top: 10px; font-size: 14px; width: 90px; text-align: center; line-height: 18px;  color: #808080; top:50%; margin-top: -18px;}
.yessure {margin-top: -9px; color: #008620;}
.yes {margin-top: -9px; color: #8ecd34;}
.no {margin-top: -9px; color: #ff6559;}
.nosure {margin-top: -9px; color: #c60000;}

.verygood {color: #008620; float: right; font-weight: bold;}
.good {color: #8ecd34; float: right; font-weight: bold;}
.normal {color: #d4af00; float: right; font-weight: bold;}
.bad {color: #ff6559; float: right; font-weight: bold;}
.verybad {color: #c60000; float: right; font-weight: bold;}


#spider, #save {background-color: white;       

border-width: 1px;		       
border-style:solid ;
border-color:rgb(217,217,217);

padding: 10px 0 0 0;	   
margin-top:0;
margin-right:10px;
margin-left: 10px;
margin-bottom:17px;

-webkit-border-radius: 8px;}

#spider img {width: 298px; height: 335px;}


#save { font-size: 17px; text-align: left; padding-left: 15px; }

#save input {font-size: 17px; font-family: helvetica; margin-top: 14px; width: 250px; color: #666;}

h1 {text-align: left; color: white; font-size: 15px; margin-left: 10px;}


ul#toplist 
{	   
	padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:17px;		 
	
	text-align: left;
	
	font-size:14px;
	line-height: 18px;
	font-family: Helvetica;
	color:black;
	
	width: 300px;
	background-color: white;       
	
	border-width: 1px;		       
	border-style:solid ;
	border-color:rgb(217,217,217);
	
	-webkit-border-radius: 8px;		 
}


#toplist li
{	
	list-style-type: none;
	position: relative;	
	border-top-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding-top:10px;		  
	padding-right:15px;		 
	padding-bottom:14px;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	padding-left:15px;	
}


#toplist li:first-child 
{
	border-top:0;    
}

div#footer {clear: both; text-align: left;  float: left; margin: 20px 20px 20px 20px; padding: 13px 5px 40px 5px; font-size: 11px; color: #a9a9a9; border-top: 1px solid #dddddd; width: 280px;}

#footer a {font-size: 11px; color: #a9a9a9; text-decoration: none;}
#footer a:hover {text-decoration: underline;}