/* Learning Object Creator (LOC) Copyright: University of Southampton Updated: 22 May 2007 rej Updated 23/04/08 gsg */ body { padding: 0; margin: 0; } /* ---( font parameters )------------------------------- */ body, td, th, ul { font-family: "Lucida Grande", Verdana, sans-serif; } h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif; } body { font-size: small; color: #333; } * html body { font-size: x-small; /* for IE5/Win */ font-size: small; /* for other IE versions */ } /*-- ( outer wrapper for whole page ) --*/ #outer { min-width: 500px; border: 1px solid #ccc; margin: 20px; padding: 20px; position:relative; } /* ---( text )------------------------------- */ p { padding: 0; margin: 2px 0 10px 0; } h1 { font-size: 150%; font-weight: normal; border-bottom: 3px solid #6a6a6c; padding: 0 0 10px 0; margin: 0 0 10px 0; color: #6a6a6c; } h2 { font-size: 140%; font-weight: normal; color: #900; padding: 0; margin: 0 0 10px 0; line-height: 1em; } h3 { font-size: 110%; font-weight: normal; padding: 0; margin: 10px 0 40px 0; color: #6a6a6c; } .feedback, .hidefeedback, .help, .hidehelp, .review, .hidereview { cursor: pointer; cursor: hand; border: none; color: #6A6A6C; font-size: 110%; font-family: "Trebuchet MS",Verdana,arial,helvetica,sans-serif; } h4 { font-size: 100%; font-weight: bold; padding: 0; margin: 0; color: #6a6a6c; font-style: italic; } /* ---( links )------------------------------- */ a:link { color: #36f; text-decoration: none; background-repeat: no-repeat; } a:active { color: #f60; text-decoration: underline; } a:visited { color: #969; text-decoration: none; } a:hover { color: #f60; text-decoration: underline; } .instruction a:link { color: #f60; } .feedbackanswer a:link { color: #000; } .feedbackanswer a:visited { color: #000; } /* ---( boxes )------------------------------- */ .activities { clear:both; margin: 5px 0 0 0; padding: 8px 10px 10px 10px; border: 3px solid #ccc; } .activities label { margin: 0 1em 0 2em; padding: 0; } .activities input.cloze, .activities input.yesno { margin: 0 0.5em 0 0.5em; padding: 0; } .feedbackanswer, .helpanswer, .reviewanswer { margin-bottom: 2em;} .reviewbox { clear:both; margin: 10px 0 0px 0; padding: 10px 8px 10px 8px; border: 3px solid #900; } .reviewbox h2 { margin-bottom: 20px; } .instruction { background: url(s1_bg_instruction.gif) #696969 repeat-x; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; margin: 0 0 10px 0; min-height: 120px; height:auto !important; height: 120px; text-align: left; } .instruction img { z-index: 1; } .instruction h2 { color: #fff; font-weight: normal; font-size: 140%; line-height: 1.3em; margin: 10px 10px 0px 80px; padding: 0; } .instruction p { color: #fff; font-weight: normal; font-size: 100%; line-height: 1.3em; margin: 5px 10px 15px 80px; padding: 0; } .instruction img { height: 117px; width: 71px; } /* ---( images )------------------------------- */ .imagebox { float: left; margin: 6px 20px 12px 0px; border: 3px solid #ccc; padding: 3px; position:relative; background: #fff; text-align: center; } .imagebox p { font-size:90%; color: #999; padding: 0; margin: 5px; text-align: center; } /* ---( icons )------------------------------- */ .help, .hidehelp{ font-weight: bold; background:url(s1_icon_help.gif) no-repeat 0% 0%; padding: 0 0 46px 40px; margin: 0 ; } .helpanswer { background: #c00101 url(s1_bg_help.gif) repeat-x; padding: 10px; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; margin: -4px 0 10px 0; color: #fff; } .feedback, .hidefeedback { font-weight: bold; background: url(s1_icon_feedback.gif) no-repeat; padding: 0 0 43px 40px; *padding: 0 0 43px 20px; margin: 0; } .feedbackanswer { background: #e3863a url(s1_bg_feedback.gif) repeat-x; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; padding: 10px; margin: -4x 0 10px 0; color: #fff; } .review, .hidereview { font-weight: bold; background: url(s1_icon_review.gif) no-repeat; padding: 0px 0 52px 40px; *padding: 0px 0 52px 20px; margin: 0; } /* ---( misc )------------------------------- */ #copyrightnotice { border-top: 3px solid #ccc; margin-top: 10px; padding-top: 5px; }