/* Main layout css for all ordinary pages in the Admin Section*/ /************************* layout ***********************/ body {font-family: Verdana, Arial, geneva, serif; background:#FFFFF0 url(images/background-shade.jpg) repeat-x; color: #306060; font-size: 90%; text-align: center; padding: 0px; margin: 0px;} #pagewrap {position:relative; width: 900px; margin: 12px auto; padding: 0px; background-color: #FFFFFF; text-align: left; border: 2px solid #900000; clear: both; overflow: hidden; border-radius:6px; -moz-box-shadow:2px 2px 2px #A66; -webkit-box-shadow:2px 2px 2px #A66; box-shadow:2px 2px 2px #A66;} #loading {background:#fff;opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */position:fixed;height: 100%;width: 100%;margin: 0;padding-top:200px;z-index: 1000;} #contents-banner {width: 100%; height: 30px; text-align: right; margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #900000; clear:both;} #main_col {margin:6px 0px 0px 0px; padding: 4px; text-align: left; width: 892px; float: right; background-color:#FFFFFF;} #marking{width:780px; margin:8px 0px 10px 50px;} #marking h4.heading-dark{font-size:18px; padding:5px; color:#900000; margin: 0px 0px 15px 4px;} #marking h4.heading-dark .grade{float:right; width:auto; margin: 0px 4px 0px 0px} .candidate{font-size:14px; padding:0px 0px 0px 43x;} .cadnidate-info{font-weight:bold;} .marking-blocks{width:750px; padding:5px; border-bottom:1px solid #900000;} .marking-blocks h4{clear:both; font-size: 0.9em;} .comment{width:550px; float:left;font-size: 0.7em;} .marks{width:195px; float:right;} .placeholder{height:1px; clear:both; } /********************** formatting ******************/ H1, H2, H3, H4, H5 {margin:5px 0px 3px 0px; padding:0px; line-height:130%; font-weight: bold; font-style: normal; color: #900000;} #contents-banner h1{color:#FFFFFF; float:left;} p {margin:0px 0px 6px 0px; padding:0px; line-height:120%;} h1 { font-size: 1.6em; margin:0px;} h2 { font-size: 1.4em; } h2.examtype { font-size: 1.1em; background:#FEE; border:#900000 1px solid; margin:20px 0px 0px 0px; padding:3px;} h2.examtype .h2-link{ float:right;} h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } h5 { font-size: 0.8em; } h6 { font-size: 0.6em; } h4 a { color: #900000; } hr { color: #900000; clear: both; } /***** TABLES *****/ table { margin-left:auto; margin-right:auto; } th, td {font-size: 0.8em;} th { font-weight: bold; } .th-highlighted{background-color: #99AAAA; margin-top: 12px; text-align: left; padding-left: 2px; color: #900000;} .small-table th { font-size: 12px; } .small-table td { font-size: 11px; } .small-table select, .small-table input { font-size: 9px; color:#990000; } .small-table-dark td { font-size:12px; color:#900000; padding:1px 10px 0px 0px; } .SmallFields td {font-size: 9px;} .SmallFields input {font-size: 9px; color:#990000;} .SmallFields select {font-size: 9px; color:#990000;} .GeneralTable { width: 100%; border: thin solid #990000; color: #990000 } .GeneralTable td { font-size: 12px; border-top: thin solid #990000; } .GeneralTable th { font-size: 12px; color: #FFFFFF; background-color: #990000; } /*******************************************************/ form { margin: 0px; padding: 0px; } ul { margin: 0px 0px 12px 20px; padding: 0px; } li { list-style-position: outside; list-style-image: url(/images/icons/reddot.gif); padding: 0px; margin: 0px 0px 4px 5px; } a { color: #CC3333; font-weight: bold; padding: 0px 1px 0px 1px; text-decoration: none; } /* colour options are:: color: #CC3333; color: #3366CC; */ a:hover { color: #0000FF; text-decoration: none;} .small { font-size: 80%; } .generalerror { color: #FF0000; } .highlight { padding: 3px; border: thin none #FF9900; background-color: #FFCC66; color: #FF0000; } .errorline{background:#CC0000;} /* on tutor list page */ .bottomborder TD { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #AAAAAA; font-size: 11px; } .country-title { color: #FFFFFF; background-color: #982A20; } .instrument { font-family: Arial, Helvetica, sans-serif; color: #FFFF99; background-color: #660000; font-size: 18px; } .redborder { border: thin solid #660000; } /*Settings for specific areas of the page*/ #contents-banner p { color:#FFFFFF; padding:5px; } #contents-banner a { color:#FFFFFF; } #contents-banner a:hover { text-decoration:underline;} .done {color: #003399; background-color: #00FF00; } .bordered { border: thin solid #660000; padding: 6px; } /***** COLOURS *****/ .red { color: #FF0000; } .burgundy { color: #982A20; } .green {color: #090; } /***** For Pop-up Pages *****/ #main-wrap { background-color: #FFFFFF; margin:auto; border: thin solid #660000; padding: 6px; } /* ***** Boxes on various pages ****** */ .main-box{border: medium solid #660000;} .contentbox {width: 140px; font-size: 11px; text-align: center; margin: 2px 2px 10px; background-image: url(../images/icons/box-header.gif); background-repeat: no-repeat; background-position: left top; background-color: #FFFFDD; font-weight: bold; } .contentbox p { margin: 0px; padding: 2px; } .contentbox-bodytext { font-size: 9px; font-weight: normal; padding: 2px 0px 4px 0px; margin: 2px 0px 4px 0px;} .contentbox h2 {font-size: 12px; color: #FFFFFF; padding: 12px 1px 0px; font-weight: bolder; margin: 0px;} .contentbox h3 {color: #CC3300; padding: 2px 1px 1px; font-weight: bolder; margin: 0px; font-size: 12px;} .contentbox a {text-decoration: none; font-size: 11px; line-height:130%; color: #900000; font-weight: normal; width: 130px; padding: 3px 0px 4px 0px;} .contentbox a:hover {color: #FFFFFF; text-decoration: none; line-height:130%; background-color: #900000; width: 130px; padding: 3px 0px 4px 0px;} .contentbox hr { width: 30%; } .contentbox-body {color: #900000; padding: 10px 0px 4px 0px; border: 1px solid #900000;} .contentbox p a, .contentbox p a:hover {line-height:130%;padding: 1px 1px 2px 1px;} /* ******************************* */ .generalbox {padding: 0px 0px 5px; border: thin solid #982A20; width: 250px; font-size: 11px; margin: 50px auto; background-color: #FFFFFF; font-weight: bold;} .generalbox h2 {font-size: 14px; text-align:center; color: #FFF; background-color: #982A20; padding: 1px 1px 4px; font-weight: bolder; margin: 0px 0px 4px;} .adminnotesbox {padding: 0px 0px 5px; border: thin solid #982A20; width: 600px; font-size: 11px; text-align:left; margin: 50px auto; background-color: #FFFFFF; font-weight: bold;} .adminnotesbox h2 {font-size: 14px; text-align:center; color: #FFFFFF; background-color: #982A20; padding: 1px 1px 4px; font-weight: bolder; margin: 0px 0px 4px;} .adminnotesbox p {padding: 4px} .boxwrapper-wide {padding: 0px 0px 6px; text-align: left; width: 240px; float: right; margin-top: 2px; margin-bottom: 10px; background-image: url(../images/icons/box-header-wide.gif); background-repeat: no-repeat; background-position: top;} .boxwrapper-wide H2 {font-size: 12pt; text-align: center; color: #FFFFFF; padding: 10px 2px 2px 6px; margin: 0px;} .boxbodywide {color: #900000; background-color: #FFFFDD; padding: 3px 2px 3px 2px; border: thin solid #900000;} .boxbodywide H1 {font-size: 11pt; padding: 8px 4px 0px; margin: 0px;} .boxbodywide p {font-size: 9pt; padding: 4px; margin: 0px;} .boxwrapper-wide-notop {padding: 0px; text-align: center; margin: 2px 100px 10px 100px;} .boxwrapper-wide-notop H2 {font-size: 14pt; text-align: center; padding: 10px 2px 2px 6px; margin: 0px;} .boxwrapper-wide-notop td {font-size: 80%; color: #900000;} .address-card-box {border: thin solid #900000; background-color: #FFFFDD; padding: 0px 0px 6px 0px; text-align: center;} .address-card-box H1 {font-size: 18pt; text-align: left; margin: 0px 0px 10px 0px; padding: 2px 2px 2px 6px; color: #FFFFFF; background-color: #900000;} .address-card-box H2 {font-size: 14pt; text-align: center; padding: 10px 2px 2px 6px; margin: 0px;} .address-card-box H5 {font-size: 14pt; text-align: left; margin: 0px 0px 4px 0px; padding: 1px 1px 1px 6px; color: #FFFFFF; background-color: #900000;} .address-card-box td {font-size: 12px; color: #900000;} .required-shade {background-color: #FFFFAA;} .user-note {font-size: 11px; text-align: left; color: #CC0000; margin: 0px 0px 4px 0px; padding: 2px;} .LinkedName a { color: #306060; text-decoration:none; font-weight: 500;} .LinkedNameBold a {color: #306060; text-decoration:none; font-weight: 700;} .LinkedName a:hover, .LinkedNameBold a:hover {color: #3060FF; text-decoration:underline;} .RedRow {color:#FF0000;} .RedRow .LinkedName a{color:#FF0000;} .ShadedRow {background-color: #FFFFCC;} .RedShadedRow {background-color: #FFFFCC;color:#FF0000;} .RedShadedRow .LinkedName a{background-color: #FFFFCC;color:#FF0000;} /* LISTS */ /* These are for laying out text put into spans, to make it look like a table */ .listwidth00 {width: 300px; color:#900000; font-size:80%; font-weight: bold;} .listwidth01 {width: 100px; color:#900000; font-size:80%;} .listwidth02 {width: 150px; color:#900000; font-size:80%;} .listwidth03 {width: 200px; color:#900000; font-size:80%;} /* over-rides of some formatting for certain part of page */ #contents-banner a {text-decoration: none; padding: 2px; color: #FFFFFF; ;} #contents-banner a:hover {text-decoration: none; color: #900000; background-color: #FFFFDD; padding: 2px;} #left_col p {font-size: 11px; margin:0px; padding:0px; line-height:130%;} #filterbox td, #filterbox th, #filterbox select {font-size: 9pt;} #credit a {text-decoration: none; color: #900000;} /* Added 23/02/2012 */ .small-th {font-size:11px; color:#990000;} table.date-table td{ background:#fffff0; border:1px solid #ccc; } table.date-table tr.highlight td{ border:1px solid #ccc; background: #FFECEC; } #popup-main{ position:relative padding:5px; background:#FFFFFF; text-align:center; } #form-wrap{ width:650px; text-align:center; margin:0 auto 0 auto; } #choose-mark{ width:200px; /*float:left;*/ padding:10px; /*padding-left:100px;*/ margin:0 auto 0 auto; } #choose-point{width:200px; float:right; padding:10px;; margin:0px 100px 0px 0px;} #choose-comment{position:relative; width:645px; clear:both; padding:2px; display:none; text-align:left;} #comments .comment-block{position:relative; clear:both; font-size:80%;} #comments .comment-block p{display:block; width:590px; float:left;} #comments .comment-block a{display:block; width:30px; float:right;} #submit-comment{width:650px; clear:both; padding:2px; margin:10px auto; display:none;} textarea#CommentField{width:100%; color:#300;} #message-p{display:block; position:absolute; right:30px; bottom:0px; color:#FF0000; background-color:#FF0; padding:0px 2px 0px 2px; margin:0px;} div#instruction{clear:both; display:block;} div#submit-comment textarea{font-family:Arial, Helvetica, sans-serif; font-size:15px;} #character-count{display:block; float:right; font-size:11px; padding:0px 6px 0px 0px; font-weight:bold;} .red-text{color:#F00;} .green-text{color:#090;} #CommentTitle{display:block; float:left; font-size:12px; font-weight:bold; padding:0px 0px 0px 6px;} #SaveCommentChk{float:left; font-size:11px; width:400px; text-align:left; margin:0px 4px 4px 4px;} #SaveCommentOpt{float:left; font-size:11px; width:500px; text-align:left; margin:0px 4px 4px 4px; display:none;} #UpdateCommentBtn{float:right; margin:0px 4px 12px 0px;} #MyComments{width:645px; overflow:auto; max-height:120px; border:thin solid #900; margin:0px; padding:0px; text-align:left;} #MyComments p{padding:0px 0px 0px 2px; font-size:11px;} #MyComments a{padding:0px 2px 0px 0px; font-size:11px;} #MyComments p.title{padding:2px; color:#FFF; background-color:#900; text-align:center; font-size:12px; font-weight:bold;} #MyComments .comment-block{position:relative; clear:both; font-size:80%; width:620px;} #MyComments .comment-block p{display:block; width:560px; float:left;} #MyComments .comment-block a{display:block; width:30px; float:right;} #StockComments{width:645px; overflow:auto; max-height:160px; border:thin solid #900; margin:0px; padding:2px 0px 0px 0px; text-align:left;} #StockComments p{padding:0px 0px 2px 6px; font-size:11px;} #StockComments a{padding:0px 2px 2px 0px; font-size:11px;} #StockComments p.MySection{padding:2px 0px 0px 6px; font-size:11px; font-weight:bold;} #StockComments p.title{padding:2px; color:#FFF; background-color:#900; text-align:center; font-size:12px; font-weight:bold;} #StockComments .comment-block{position:relative; clear:both; font-size:80%; width:620px;} #StockComments .comment-block p{display:block; width:560px; float:left;} #StockComments .comment-block a{display:block; width:30px; float:right;} .CentreDiv{text-align:center;} #NotesFromAlan{width:700px; overflow:auto; max-height:300px; border:thin solid #900; margin:10px auto; padding:2px; text-align:left;} #NotesFromAlan h1{font-size:18px; color: #900000;} #NotesFromAlan h2{font-size:14px; color: #900000;} #NotesFromAlan p{font-size:12px; color: #306060;} #BoundaryMarkWarning{position:relative; width:660px; margin:-45px 0px 0px 6px; font-size:13px; color:#080;} .right{text-align:right;} table tr td.comment-cell p{font-size:1.1em;} /**************************************************************/ #login-box{padding: 0px 0px 5px; border: thin solid #982A20; width: 350px; font-size: 16px; margin: 100px auto; background-color: #FFFFFF; font-weight: bold; border-radius:12px; -moz-box-shadow:3px 3px 3px #A66; -webkit-box-shadow:3px 3px 3px #A66; box-shadow:3px 3px 3px #A66;} #login-box h2 {font-size: 18px; text-align:center; color: #982A20; padding: 4px 1px 4px; font-weight: bolder; margin: 4px 0px 4px;} #logged-in-banner {width: 100%; height: 26px; text-align: right; margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #900000; clear:both;} #logged-in-banner h1{color:#FFFFFF; float:left; font-size:16px; padding:4px 0px 0px 10px; margin:0px; line-height:100%;} #logged-in-banner p {color:#FFFFFF; font-size:11px; padding:6px 10px 0px 0px; margin:0px; line-height:100%;} #logged-in-banner a {color:#FFFFFF; margin:0px; line-height:100%;} #logged-in-banner a:hover { text-decoration:none;} #filterbox {width: 880px; margin: 0px; padding: 4px 10px 4px 10px; background-color: #FFFFEE; text-align: right; font-size: 12px; border-bottom:thin solid #900000; height:20px;} #filterbox p{margin:0px; padding:2px; text-align:right;} #filter{float:left;} #print-box{width:310px; float:left; padding:10px; margin:30px 10px 10px 10px; border: 1px solid #900000; background-color:#ffffcc; border-radius:6px; -moz-box-shadow:2px 2px 2px #A66; -webkit-box-shadow:2px 2px 2px #A66; box-shadow:2px 2px 2px #A66;} #print-box H1{font-size: 16px; margin:0px; padding:0px 0px 8px 0px;} #print-box a{font-size: 12px; color: #306060;} #print-box a:hover{font-size: 12px; color: #00f; text-decoration:none;} #checklist-box{width:310px; float:right; padding:10px; margin:30px 10px 10px 0px; border: 1px solid #900000; background-color:#ffffcc; border-radius:6px; -moz-box-shadow:2px 2px 2px #A66; -webkit-box-shadow:2px 2px 2px #A66; box-shadow:2px 2px 2px #A66;} #checklist-box H1{font-size: 16px; margin:0px; padding:0px 0px 8px 0px;} #checklist-box a{font-size: 12px; color: #306060;} #checklist-box a:hover{font-size: 12px; color: #00f; text-decoration:none;} #download-box{padding:5px; margin:0px 0px 20px 0px; border: 1px solid #900000; background-color:#ffffcc; border-radius:6px; -moz-box-shadow:2px 2px 2px #A66; -webkit-box-shadow:2px 2px 2px #A66; box-shadow:2px 2px 2px #A66;} .section-title{display:block; background-color:#900; color:#FFE; padding:2px; margin:8px 0px 0px 0px;} .main-section-title{display:block; background:#ffffcc; color:#900000; padding:2px; margin:12px 0px 0px 0px;} #special-reset{position:absolute; left:400px; bottom:5px;} .error-highlight{border: thin solid #FFFFFF; background-color: #FFCC66; padding: 2px; font-size:80%;} table.download-table a, table.download-table a:hover{font-size: 12px; color: #306060;} /************************** tabs *******************************/ #tabbed-block {position:relative; width:910px; text-align:left; margin:10px 0px 0px 0px; position:relative;} #tabbed-block .body {position:relative; width:710px; min-height:250px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto; top:-1px;} #tabbed-block .body-wide {position:relative; width:830px; min-height:250px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto;} #tabbed-block .body-wide-tutor {position:relative; width:850px; min-height:460px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:hidden;} #tabbed-block .body-long {position:relative; top:-1px; width:884px; margin:0px; padding:4px 1px 1px 4px; float:left; clear:both; overflow:auto; min-height:300px; border:thin #999 solid; z-index:1;} #tabbed-block .body-long td{padding-top:2px;} #tabbed-block .tab {position:relative; width:105px; border-left:thin #999 solid; border-top:thin #999 solid; border-right:thin #999 solid; margin:0px 2px 0px 0px; padding:6px 2px 6px 2px; float:left; border-radius:8px 8px 0px 0px; text-align:center; font-weight:bold; background:#900000; z-index:2;} #tabbed-block .tab a {text-decoration:none; font-size:0.8em; color:#ffffcc;} #tabbed-block .tab a:hover {color:#F60;} #tabbed-block .selected_tab a {text-decoration:none; font-size:0.8em; color:#900000;} #tabbed-block .selected_tab {background-color:#fff; border-bottom:none; z-index:2;} /************** Tabbed Comments Block in Exam Marking ***************************/ #comment-tabbed-block {width:640px; text-align:left; margin:10px 0px 0px 0px; position:relative;} #comment-tabbed-block .tab {position:relative; width:125px; border-left:thin #999 solid; border-top:thin #999 solid; border-right:thin #999 solid; margin:0px 2px 0px 0px; padding:6px 2px 6px 2px; float:left; border-radius:8px 8px 0px 0px; text-align:center; font-weight:bold; background:#900000; z-index:2;} #comment-tabbed-block .body {position:relative; width:640px; height:170px; border:thin #999 solid; margin:0px; padding:4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto; top:-1px; font-size:11px; background:#f9f9ff; z-index:1;} #comment-tabbed-block .tab a {text-decoration:none; font-size:0.8em; color:#ffffcc;} #comment-tabbed-block .tab a:hover {color:#F60;} #comment-tabbed-block .selected_tab a {text-decoration:none; font-size:0.8em; color:#900000;} #comment-tabbed-block .selected_tab {background-color:#fff; border-bottom:none; z-index:2; background:#f9f9ff;} #TabbedComments{text-align:left;} #TabbedComments p{padding:0px 0px 2px 0px; font-size:11px;} #TabbedComments a{padding:0px 2px 2px 0px; font-size:11px;} #TabbedComments .comment-block{position:relative; clear:both; font-size:80%; width:620px;} #TabbedComments .comment-block p{display:block; width:560px; float:left;} #TabbedComments .comment-block a{display:block; width:30px; float:right;} #CommentTip{display:block; text-align:left; font-size:90%; margin:30px; padding: 4px;} /***** Edit Examiner Comments Pop-up *****/ .ExCmtPopBlock{position:relative; width:770px; text-align:left; padding:15px 2px 2px 2px; clear:both; font-size:12px;} .ExCmtPopText{width:500px; float:left; text-align:left;} .ExCmtPopDD{width:280px; float:right; text-align:right;}