/* Copyright 2012 Andrew Davey, eLanguages, Modern Languages, University of Southampton - A.Davey@soton.ac.uk - All rights reserved */
*{margin:0;padding:0;}
body{font-size:small;color:#000;}
* html body{font-size:x-small;f\ont-size:small;}
body,p,ul{font-family:"Trebuchet MS",Verdana,arial,helvetica,sans-serif;}
input.tm,select,textarea{margin-top:2px;}
object,img{margin:5px 0 -5px 0;}
h1,h2,h3{font-family:arial,helvetica,sans-serif;border:none!important;background:transparent!important;}
h1{font-size:190%;font-weight:bold;margin:5px 0 20px 0;color:#000;border-bottom:5px solid #3482d9!important;}
h2{font-size:155%;font-weight:normal;margin:1em 0 0.1em 0;color:#000;}
h3{font-size:120%;font-weight:800;font-variant:small-caps;margin:15px 0;color:#000;letter-spacing:0.1em;}
#refbox h3{font-size:155%;font-weight:normal;font-variant:normal;margin:12px 0 20px 0;color:#000;}
.inob{padding-bottom:20px;}
a:link,a:active,a:visited,a:hover{color:#5d5e5d;text-decoration:underline;font-weight:bold;}
body{background:#3482d9;}
.cll{padding:0;margin:-1px 0 -3px 0;}
#outer{background:url(archilogo.gif) no-repeat 20px 5px #fff;padding:56px 20px 12px 20px;min-width:500px;border:5px solid #000;margin:20px;position:relative;}
.imagebox{float:left;margin:0 25px 30px 0;background:#fff;border:2px solid #000;padding:7px;position:relative;}
.imagebox p{font-size:90%;padding:0;margin:5px;text-align:center;}
.activities,.reviewbox{border-radius:5px;clear:both;background:url(archins.gif) #fff repeat-x;padding:10px 0 0 0;margin-bottom:10px;margin-top:10px;display:block;border:2px solid #000;}
.activities h2,.reviewbox h2{margin:0;padding:10px 20px;}
.activities p{padding:0 20px 20px 20px;}
.activities label{margin:0 1em;padding:0;}
.activities label.clll{margin:0;}
.activities input{margin-right:0.5em;}
.activities input.cloze,.activities input.yesno{margin:0 0.5em 0 0.5em;padding:0;}
.activities option{padding-right:0.5em;}
.activities h3{background-color:#fff;display:_inline-block;}
.instruction{background:url(archins.gif) repeat-x;border-top:2px solid #3482d9;border-bottom:3px solid #3482d9;margin:10px 0 10px 0;min-height:80px;height:auto!important;height:80px;}
.inst{z-index:1;float:left;margin-left:12px;}
.instruction h2{margin:10px 10px 0 70px;padding:0;font-size:140%;}
.instruction p{margin:5px 10px 15px 70px;padding:0;}
.feedback,.hidefeedback,.help,.hidehelp,.review,.hidereview{border:none;color:#000;font-size:120%;font-weight:bold;letter-spacing:0.1em;font-family:arial,helvetica,sans-serif;}
.help,.hidehelp,.feedback,.hidefeedback{padding:15px 10px 15px 50px;*padding:15px 10px 15px 15px;margin:-15px 0 5px 10px;}
.help,.hidehelp{background:url(archihelp.gif) no-repeat left center;*padding:15px 10px 15px 20px;margin-top:0;}
.feedback{background:url(archiplus.gif) no-repeat left center;}
.hidefeedback{background:url(archiminus.gif) no-repeat left center;}
.helpanswer,.feedbackanswer{margin:0 20px 16px 20px;border:1px solid #555;background:url(archifb.gif) #e6e6e6 repeat-x;}
.helpanswer p,.feedbackanswer p{margin:10px;padding:0;color:#000;}
.reviewbox button{display:_inline-block;width:100%;text-align:left;}
.reviewbox p{padding:10px;background:url(archins.gif) #fff repeat-x;border-top:2px solid #3482d9;}
.review{padding:15px 10px 24px 65px;}
.hidereview{padding:15px 10px 24px 65px;}
.review,.hidereview{background:url(archrev.gif) no-repeat 10px 12px;margin:-10px 0 0 0;}
.reviewanswer{margin:10px;}
#refbox{margin-top:20px;border-top:5px solid #737373;}
#refbox h3{font-size:140%;}
#refbox p{margin-left:20px;}
#copyrightnotice{border-top:5px solid #737373;margin:10px 0 -10px 0;padding:5px 0 0 0;}
.aud{border:1px solid #000;padding:0;margin:0 0 12px 0;width:242px;height:34px;*width:240px;*height:32px;}.audn{border:1px solid #000;}
.red{color:#c00;font-weight:bold;}
.black{color:#000;}
.blue{color:#00c;font-weight:bold;}
.hlbox,.hlboxa,.hlboxi{background-color:#fff;color:#000;padding:12px 0;}
.hlbox{margin:12px 10px 12px 20px;}
.hlboxi{margin:0 20px 16px 20px;font-weight:bold;}
.hlboxa{margin:0 20px;font-weight:bold;}
.hlboxb{background-color:#fff;color:#000;margin: 0 20px 20px 20px;padding:12px 0 0 0;border:1px solid #000;}
#yscore{border:1px solid #000;padding:1px 6px;margin-left:6px;font-weight:bold;}
table{border:1px solid #000;border-collapse:collapse;margin:0 20px 20px 20px;}
td,th{border:1px solid #000;text-align:center;width:12em;background:transparent;}td{padding:2px 6px;font-weight:normal;}th{font-weight:bold;}.sma{width:4.5em;text-align:left;padding-left:2px;}.smb{width:7em;}.smt{width:90%;background:#fff;border:2px;}.smc{width:100%;border:2px;}.smd{width:50%;text-align:left;vertical-align:top;}.bga{font-weight:bold;}.ta1{width:10%;}.ta2{width:20%;}.ta3{width:30%;}.ta4{width:40%;}.ta5{width:50%;}.ta6{width:60%;}.ta7{width:70%;}.ta8{width:80%;}.ta9{width:90%;}.ta9{width:90%;}.pdc{padding:1px 4px;}