html, body, div, span, applet, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial;
}
body { 
  font: normal 80% Helvetiker, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  background: #a2c9ff url(../images/bg-eyetest.png) repeat-x left top;
} 
#topbar {
	background-color:#003399;
	color:#c5c5c5;
	font-size:70%;
	font-style:italic;
	border-bottom: 1px solid #c5c5c5;
	padding: 2px 0px 1px 0px;
}
#searchhbox {position:absolute;left:450px;top:-10px;z-index:100; width:255px;background-color:#003399;padding-top:14px;padding-left:14px;height:29px;border:2px solid #Ffffff;}
#searchhbox form {padding:0px;margin:0px;}
#searchhbox input {margin:0px;}
.submit {
	background-color: #ccc;
	line-height: 13px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
	margin:0px;
}

.submit:hover {
	background-color: #ddd;
	color: rgb(0, 0, 100);
}

.submit:active {
	border-color: rgb(0, 0, 100);
}

#wrapper,#topmiddle {
  width:832px; 
  margin: 0 auto;
  padding:0;
}
#topmiddle {
  width:762px; 
}
.section {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #FFF;
	background-color:#98cbff;
	-moz-box-shadow: 0px 0px 25px #999;
	-webkit-box-shadow: 0px 0px 25px #999;
	margin: 14px 15px 14px 17px;
	
}
section, header, article, footer,nav {
  display: block;
}
#top_img,#intro,#startbtn {float:left;}
#lang {float:right;}
#intro {width:450px;color:#003399;margin-left:11px;}


#nav {color:#003399;float:left;margin:0px 5px 0px 11px;}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#nav ul li {
	display: inline;
	letter-spacing: .01em;
	padding-bottom:0.4em;
	font-size: 0.9em;
	
}
a {color:#003399;}
a:hover {color:#fff;}
#startbtn {margin-top:15px;}
#startbtn a {
	background-image: url(../images/btn-bg.jpg);
	width:180px;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height:39px;
	color:#fff;
	font-size: 1.3em;
	text-decoration:none;
}
#startbtn span {margin: 8px 0 0 10px}
#startbtn a:hover {
	background-position: 0 -39px;
}
#selectSite ul {margin: 14px 0 0 14px;padding: 0;list-style: none;text-align: left;float:left;}
#selectSite #sv {margin-left: 19px}
#selectSite #jp {margin-left: 19px}
#selectSite a {
	
	width:256px;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height:46px;
	color:#fff;
	font-size: 1.3em;
	text-decoration:none;
}
#goToExam_en a {background-image: url(/images/start-eye-exam-en.png);}
#goToExam_sv a {background-image: url(/images/start-eye-exam-sv.png);}
#goToExam_jp a {background-image: url(/images/start-eye-exam-jp.png);}

#goToForum_en a {background-image: url(/images/goto-eye-forum-en.png);}
#goToForum_sv a {background-image: url(/images/goto-eye-forum-sv.png);}
#goToForum_jp a {background-image: url(/images/goto-eye-forum-jp.png);}

#selectSite span {display:none;}
#selectSite a:hover {
	background-position: 0 -46px;
}


#testinfo > #startbtn { float:right;margin:0;padding-right:41px;}
#testinfo > #startbtn {text-align: left;}
#testinfo > #startbtn span {margin: 10px 0 0 10px;}
#testinfo > #startbtn a {font-size:1.2em;}

#cancelbtn {margin-top:15px;}
#cancelbtn a {
	background-image: url(../images/btn-bg.jpg);
	width:180px;
	background-position: 0px -78px;
	background-repeat: no-repeat;
	display: block;
	height:39px;
	color:#fff;
	font-size: 1.5em;
	text-decoration:none;
}
#cancelbtn span {margin: 8px 0 0 10px}
#cancelbtn a:hover { background-position: 0 -116px;}
#testinfo > #cancelbtn { float:left;margin:0;padding-left:34px;}
#testinfo > #cancelbtn {text-align: left;}
#testinfo > #cancelbtn span {margin: 10px 0 0 35px;}
#testinfo > #cancelbtn a {font-size:1.2em;}

#testtabs {margin: 6px 0px 0px 37px;margin-bottom:35px;}
#testtabs a {background-image: url(../images/tab_test_numbers.png);width:19px;background-repeat: no-repeat;display: block;height:19px;color:#fff;font-size: 1.5em;text-decoration:none;}
#testtabs span {display:none;}
#testtabs div {float:left;margin-right:3px;}
#test1 a { background-position: 0px 0px;}
#test1 .active, #test1 a:hover  { background-position: 0px -18px; }
#test2 a { background-position: -21px 0px;}
#test2 .active, #test2 a:hover  { background-position: -21px -18px; }
#test3 a { background-position: -42px 0px;} 
#test3 .active, #test3 a:hover  { background-position: -42px -18px; }

#test4 a { background-position: -63px 0px;} 
#test4 .active, #test4 a:hover  { background-position: -63px -18px; }

#test5 a { background-position: -84px 0px;} 
#test5 .active, #test5 a:hover  { background-position: -84px -18px; }

#test6 a { background-position: -105px 0px;} 
#test6 .active, #test6 a:hover  { background-position: -105px -18px; }

#test7 a { background-position: -126px 0px;} 
#test7 .active, #test7 a:hover  { background-position: -126px -18px; }

#test8 a { background-position: -147px 0px;} 
#test8 .active, #test8 a:hover  { background-position: -147px -18px; }

#test9 a { background-position: -168px 0px;} 
#test9 .active, #test9	 a:hover  { background-position: -168px -18px; }

.bg { background: url(../images/bg-eyebox.png) repeat-y left top; }
.cont { margin: 14px; }
.brd { height:30px; }
.clear {float:none;clear:both;}
.col {float:left;}
.left {width:270px;color:#003399;}
.test {width:550px;color:#003399;}
.result {width:500px;color:#003399;background-color:#fff;padding:1em;border-left:1px solid #485dc5;border-right:1px solid #003399;border-top:1px solid #485dc5;border-bottom:1px solid #003399;}

.mid {padding: 0 0.5em;}
.right {width:470px;padding-left:1em;}
.right2 {width:211px;padding-left:0.2em;}

img {
	border:0px;margin:0;padding:0;
} 
h1 { font-size:1.5em; }
 
h2 {
  font-size: 100%;
  font-style: italic;
}
p { margin:0.5em 0;} 
h1,h2,h3,h4,h5,h6 { margin:0.5em 0 1em 0;} 

#footer {color:#000;font-size:85%;}
#footer a {color:#003399;}
#footer a:h {color:#fff;}

#gbar_b {width:728px; margin:0 auto;}

#testinfo {text-align:center;}
#testinfo a.cancel {font-size:0.85em;color:red;float:left;margin-left:42px;}
#testinfo a.next {font-size:1.4em;color:green;float:right;margin-right:55px;}
#magicbox {background-image:url(../images/bk_table.gif);background-repeat:repeat-x;width:468px;text-align:center;margin-left:37px;display:none;}
#magicbox .img {float:left;}
#magicbox .answer {width:436px;float:left;padding-top:12px;font-size:0.85em;color:#000;font-weight:bold;font-style:italic;}

input {margin: 0 0 1.5em 2em;}
label {margin-left:1.5em;}

.dark {color:#000;}
.good {color:#299526;}
.bad {color:#F00;}
.error {background-color:#ffa9b4;border:1px solid #F00;padding:0.5em;}

.banner1 {position:relative;}
.banner2 {position:absolute;z-index:100;width:250px;left:835px}

.topeyetest {text-decoration:none;color:#fff;} 
ul.twitbox {
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.twitbox li{
	border-bottom:1px dashed #c5c5c5;
	padding: 10px;
	color:#000;
}
ul.twitbox li.mytwitHead {}
ul.twitbox li.mytwitHead a {
	font-size: 1.4em;
	font-weight: bold;
}
ul.twitbox li.mytwitHead img{
	float: left;
	padding-right: 10px;
}
ul.twitbox li a {
	color: #003399;
	text-decoration: none;
}
ul.twitbox li a:hover { text-decoration: underline; }
ul.twitbox span.twhen {
	color: #999999;
	font-family: georgia;
	font-size: 10px;
	font-style: italic;
	padding-top: 5px;
}