/* Learning Object Creator (LOC) - Copyright: Andrew Davey, eLanguages, Modern Languages, University of Southampton - A.Davey@soton.ac.uk */
* {padding: 0;margin: 0;}
object {margin:2px 0 0 0;}
.inst {float: left;margin-right: 10px;}
h1, h2, h3{border:none !important;}
h1 {background:url(uni_soton_tx.gif) no-repeat 100%;}
body {font-size: small;color: #474747;margin-bottom: 20px;}
* html body {font-size: x-small;f\ont-size: small;}
body, p, ul {font-family: Verdana, sans-serif;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;}
h1 {font-size: 190%;font-weight: bold;padding-right: 260px;margin: 5px 0 20px 0;color: #004964;}
h2 {font-size: 155%;font-weight: normal;margin: 12px 0 5px 15px;color: #0686b5;padding: 0;margin: 0 0 10px 20px;}
p {margin: 0 0 0 12px;}
#refbox h3 {font-size: 155%;font-weight: normal;font-variant: normal;margin: 12px 0px 12px 0px;color: #0686b5;}
a:link, a:active, a:visited, a:hover {color: #004964;font-weight: bold;text-decoration: underline;}
.instruction a:link, .instruction a:visited, .reviewbox a:link, .reviewbox a:visited {color: #f96;font-weight: bold;text-decoration: underline;}
.helpanswer a:link, .helpanswer a:visited, .feedbackanswer a:link, .feedbackanswer a:visited {color: #f96;font-weight: bold;text-decoration: underline;}
body {background:#004964;}
#outer {min-width:640px;margin:20px 20px 0 20px;padding:20px 20px 12px 20px;position:relative;background:#fff;display:inline-block;}
.imagebox {float: left;margin: 0 20px 20px 0;*margin: 0 20px 0 0;border: 3px solid #ccc;padding: 5px;position: relative;}
.imagebox p {font-size: 85%;padding: 0;margin: 6px 0 1px 0;*margin: 3px 0 0 0;color: #666;text-align: center;}
.act {clear: both;background-color: #0686b5;margin: 20px 0 0 0;padding: 8px 20px 8px 20px;position: relative;color: #fff;}
.activities {clear: both;padding: 12px 0 4px 0;margin: 0 0 20px 0;position: relative;background-color:#ccc;_display:inline-block;}
.activities h2 {background-color: #0686b5;margin: 0 0 16px 0;padding: 8px 20px 8px 20px;position: relative;color: #fff;}
.activities p {padding: 0px 20px 12px 20px;margin: 0;}
.activities label {padding: 0;}
.activities input {margin-right: 8px;}
.activities input.cloze, .activities input.yesno {margin: 0 8px 0 8px;padding: 0;}
.activities option {padding-right: 8px;}
.activities h3 {font-size: 110%;font-weight: normal;padding: 0;margin: 10px 0 40px 0;color: #fff;}
.reviewbox {clear: both;padding: 4px; 0 4px 0;margin: 20px 0 8px 0;position: relative;background-color: #0686b5;_display: inline-block;}
.instruction {padding: 0 10px 10px 10px;background: url('s5_bg_instruction.gif') #004b66 repeat-x top;margin: 0 0 10px 0;}
.instruction h2 {background-color: transparent;padding: 10px;margin:0;font-size: 140%;}
.instruction p {color: #fff;background-color: transparent;margin: 0;padding: 0 0 10px 0;}
.feedback, .hidefeedback, .help, .hidehelp, .review, .hidereview {display: block;cursor: pointer;cursor: hand;border: 0;text-align:left;font-size: 120%;font-weight: bold;font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;padding: 0 0 14px 44px;color: #07a;}
.help, .hidehelp, .review, .hidereview {margin: 12px 20px 20px 20px;}
.feedback, .hidefeedback {margin: -4px 20px 20px 20px;background: url(s5_icon_fb.gif) no-repeat;}
.help, .hidehelp {background: url(s5_icon_help.gif) no-repeat 0% 0%;}
.helpanswer, .feedbackanswer{margin: -20px 20px 20px 20px;padding: 10px 10px 10px 0px;zoom:1;background-color: #69696b;color:#fff;}
.helpanswer p, .feedbackanswer p {margin: 0 20px;padding: 0;background-color: transparent;}
.reviewbox button {background-color: #0686b5;text-align: left;color: #fff;}
.review, .hidereview {font-size: 115%;font-weight: bold;font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;margin:2px 20px 0px 20px;padding: 0 0 32px 64px;*padding: 0 0 30px 64px;background: url(s5_icon_review.gif) no-repeat;}
.reviewanswer {margin: -12px 0 0 0;padding: 0 20px 8px 20px;color: #fff;zoom:1;}
.reviewanswer p {padding: 10px 10px 10px 0px;margin: 0;display: inline-block;}
.reviewbox h2 {background-color: #0686b5;margin: 0;padding: 4px 20px;position:relative;color:#fff;}
#refbox {margin: 16px 0 0 0;border-top: 2px solid #0686b5;border-bottom:2px solid #0686b5;padding-bottom:12px;}
#refbox h3 {font-size: 130%;margin-bottom:2px;}
#refbox p {margin-left: 20px;font-size: 85%;}
#copyrightnotice {margin: 4px 0 0 0;padding: 8px 150px 10px 0;clear: both;background: url(uni_soton_tx.gif) no-repeat 100%}
/*Nifty Corners Cube CSS by Alessandro Fulciniti The following classes are added dynamically by javascript,and their use should be avoided in the markup */
b.niftycorners,b.niftyfill{display:block}b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;overflow:hidden;border-style:solid;border-width: 0 1px}/*normal*/b.r1{margin: 0 3px;border-width: 0 2px}b.r2{margin: 0 2px}b.r3{margin: 0 1px}b.r4{height: 2px}b.rb1{margin: 0 8px;border-width:0 2px}b.rb2{margin: 0 6px;border-width:0 2px}b.rb3{margin: 0 5px}b.rb4{margin: 0 4px}b.rb5{margin: 0 3px}b.rb6{margin: 0 2px}b.rb7{margin: 0 1px;height:2px}b.rb8{margin: 0;height:2px}b.rs1{margin: 0 1px}/*transparent inside*/b.t1{border-width: 0 5px}b.t2{border-width: 0 3px}b.t3{border-width: 0 2px}b.t4{height: 2px}b.tb1{border-width: 0 10px}b.tb2{border-width: 0 8px}b.tb3{border-width: 0 6px}b.tb4{border-width: 0 5px}b.tb5{border-width: 0 4px}b.tb6{border-width: 0 3px}b.tb7{border-width: 0 2px;height:2px}b.tb8{border-width: 0 1px;height:2px}b.ts1{border-width: 0 2px}