/*Stylesheet CG Main v1.6.0*/ /*class for title text acronyms - PB*/ .acronym { border-bottom: 1px dotted #333; cursor: help; } /* this is for controlling the size of the expander triangle for the
coding for HTML5 expandable lists - PB*/ summary::-webkit-details-marker { font-size:15px } /*Main*/ body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; color: #003366; margin: 0 auto; padding-top: 30px; padding-left:50px; padding-right:50px; } /*customised version of
line - a dotted border in grey blue*/ hr { border-top: 2px dotted #8399b1; color: #fff; background-color: #fff; height: 1px; width:100%; } .ital{ padding-left: 3.9em; line-height:1.4em; } .ital i{ font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #003366; font-size:1.1em; line-height: 1.4em; font-style:italic; } p { font-size: 1.0em; line-height: 1.4em; margin-top: 1em; margin-bottom: 1em;} /*Unordered Lists*/ ul { line-height: 1.4em;} ul li{ margin-bottom:0.5em;} ul ul li{ margin-bottom:0em;} ul ol li{ margin-bottom:0em;} ul ul ol li{ margin-bottom:0em;} ul ol ul li{ margin-bottom:0em;} ul ol ol li{ margin-bottom:0em;} /*Ordered Lists*/ ol { line-height: 1.4em; list-style-type: decimal;} ol li{ margin-bottom:1em;} ol ol { list-style-type: lower-alpha;} ol ol li{ margin-bottom:1em;} ol ul li{ margin-bottom:0em;} ol ol ol { list-style-type: lower-roman;} ol ol ol li{ margin-bottom:0em;} ol ol ul li{ margin-bottom:0em;} ol ul ul li{ margin-bottom:0em;} ol ul ol li{ margin-bottom:0em;} h1 { font-size: 1.5em;} /*h2 { font-size: 1.375em; padding-top: 2em; }*/ h3 { line-height: 1.375em; font-size: 1.375em; margin-bottom: 0px; margin-top: 1.0em; } h4 { font-size: 1.1em; margin-bottom: 0em; font-weight: bold; margin-top: 2em; color:#215389;border-bottom: 1px solid; border-color: #B9CCDC; } h5 { font-size:1em; color:#003366; font-weight: bold; margin-bottom: 5px; margin-top: 10px; } h6 { font-size: 0.875em;} img { margin-top:0px; margin-bottom:0px;} img.leftalign { float: left; padding-right: 20px;} img.leftalignExtra { float: left; padding-right: 40px;} img.rightalign { float: right; padding-left: 20px; margin-top:0px;} /*Links*/ a:link{ text-decoration:underline; } a:visited { text-decoration:underline; } a:hover { } a:active { } p.caption { font-size: 0.875em; font-weight: normal; color: #2B6BB3; } span.mediacaption { font-size: 0.875em; font-weight: bold;} .caption { font-size: 0.875em; font-weight: normal; color: #2B6BB3;} /*Tables*/ /* table { /*table fix to allow for Quirks mode in WebCT - do not delete*/ background-color: transparent; color: #000000; font-family: verdana, helvetica, arial, sans-serif; font-size: 1em; */ table.unbordered { padding: 2px; margin:0px;} table.unbordered th { padding: 8px;} table.unbordered td { padding: 8px;} table.bordered { border: 1px #A3A49D solid; border-collapse: collapse; padding: 2px; margin-top:15px; /*width: 100%;*/} table.bordered th { border: 1px #A3A49D solid; background:#e5e5e5; padding: 8px;} table.bordered td { border: 1px #A3A49D solid; padding: 8px;} /*Graphic Formats*/ div.boxtext { border: 2px; background:#e5e5e5; padding-left:1em; padding-right: 1em; padding-top: 10px; padding-bottom: 10px; margin-top: 1.5em; margin-left: 0em; margin-right: 0em; margin-bottom: 1.5em; /*min-height:70px;height:auto!important;height:50px;*/ } div.boxtext p { padding-left:1em; padding-right:1.2em; } div.boxtext ol { line-height: 1.4em; padding-right:1.5em; list-style-type: decimal; text-align:justify; } div.boxtext ul { line-height: 1.4em; padding-left:3em; padding-right:1.5em; text-align:justify; } div.boxtext h3 { font-size: 1.3em; font-weight: bold; line-height: 1.2em; padding-top: 5px; border-bottom:none; padding-bottom:0px; margin-top: 1em; padding-left:1em; } div.boxtext h4 { font-size: 1.1em; margin-bottom: 0em; font-weight: bold; margin-top: 10px; margin-left:1em; margin-bottom:10px; color:#215389; border-bottom: 1px solid; border-color: #B9CCDC; } /*-----------------------------------------------------------------------------*/ div.paneltext { border: 1px solid #a8bed5; background:#Fff; padding-left: 3.9em; padding-right: 1em; padding-top: 0px; padding-bottom: 1.2px; margin-top: 1.5em; margin-left: 0em; margin-right: 0em; margin-bottom: 1.5em; min-height:70px;height:auto!important;height:50px; background-image: url(buttons/bluegreybar.png); background-repeat: repeat-y; background-position: 0px 10px;} div.paneltext p { margin-top: 1em; margin-bottom: 1.1em; } div.paneltext .quotetext{ padding-left: 1.6em; padding-right: 1.5em; text-align:justify; } div.paneltext h3{ font-size: 1.4em; font-weight: bold; line-height: 1em; border-bottom: 0px; padding-top: 0px; padding-bottom:0px; margin-top: 1em; margin-bottom:0.7em;} div.paneltext ol { line-height: 1.4em; list-style-type: decimal; } div.paneltext ol ol { line-height: 1.4em; list-style-type: lower-alpha; } div.paneltext ul { line-height: 1.4em; } /*------------------------------------------------------------------------------*/ /*---cgDefinition - GREY BACKGROUND WITH BORDER - use for DEFINITIONS -------------------------------------*/ div.definition { border: 1px solid #dddddd; background:#f6f6f6; margin-top: 1em; margin-bottom: 1em; margin-left:0em; text-align: justify; padding-top:2px; padding-left: 1.5em; padding-right:1.5em; padding-bottom:5px; } div.definition .paneltext{ margin-left: 1.1em; } div.definition p { padding-top:.4em; } div.definition i { padding-top:.4em; } div.definition ol { line-height: 1.4em; list-style-type: decimal; padding-top:0em; } div.definition ol ol { line-height: 1.4em; list-style-type: lower-alpha; padding-top:.4em; } div.definition ul { line-height: 1.4em; padding-top:.4em; } div.definition ul ul { line-height: 1.4em; padding-top:.4em; } div.definition h3 { font-size: 1.1em; font-weight: bold; line-height: 1.4em; border-bottom:none; } div.definition ital{ font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #003366; font-size:1.1em; line-height: 1.4em; font-style:italic; } div.definition h4 { font-size: 1.1em; margin-bottom: 0em; font-weight: bold; padding-top: 0px; padding-bottom:2px; margin-bottom: 0px; /*margin-left:5px;*/ color:#215389; border-bottom: 1px solid; border-color: #B9CCDC; } div.definition H5{ padding-top: 10px; } div.definition .paneltext{ margin-left: 1.1em; padding-left:5.0em; padding-top:0px; margin-top: 01em; margin-bottom: 1.1em; padding-bottom:20px; } /*---------------------------------------------------------------------*/ div.quotetext { margin-top:0em; margin-bottom:0em; margin-left: 0em; margin-right: 0em; text-align: justify; padding-top:0px; padding-bottom:0px; padding-left: 1.4em; padding-right: 2em; border-left: 0px solid #ccc; border-top: 0px solid #ccc; /*background-color: #f7f7f7;*/ } div.quotetext p { color: #003366; font-size:1em; line-height: 1.4em; font-style:normal; } div.quotetext img { padding-left:20px; padding-top:20px; padding-bottom:20px; } div.quotetext i { font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #003366; font-size:1.1em; line-height: 1.4em; font-style:italic; } div.quotetext i ol { font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: 1.4em; font-size:1.1em; list-style-type: decimal; } div.quotetext i ul { font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: 1.4em; font-size:1.1em; } /*------------------------------------------------------------------------*/ /* Hides from IE5-mac \*/ * html div {height: 1%;} /* End hide from IE5-mac */ pre.literal { font-size: 1.0em;} /*Questions*/ table.question { font-family: Verdana, Helvetica, Arial, sans-serif; width: 95%; padding: 0px; margin-top:1em; margin-bottom:1em;} td.qnum { background-color: #B7B7B7; font-size: 2em; color: #FFFFFF; text-align: left; width: 0.7em;} td.qbody { font-size: 1em; line-height: 0.8em; padding-left:0.9em; padding-right:0px;} table.qinput { width: 100%; padding: 0px 0px 0px 8px; font-size: 1em; line-height: 1.4em;} #feedback { margin: 8px; padding: 8px; position: static; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.2em; position: static;} #feedback p, #feedback ul, #feedback ol, #feedback table { font-size: 1em;} .Qfeedbackgeneric { display: none; background-color: #bfd5ea; border: 1px #666666 solid; line-height: 1.2em; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; margin:1.5em 0.8em 1.2em 0em;} .Qfeedbackcorrect { display: none; background-color: #c1e8bd; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px #666666 solid; line-height: 1.2em; margin:1.5em 0.8em 1.2em 0em;} .Qfeedbackincorrect { display: none; background-color: #ffcccc; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px #666666 solid; line-height: 1.2em; margin:1.5em 0.8em 1.2em 0em;} .Qfeedbackcorrect-chb2 { display: none; background-color: #c1e8bd; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; line-height: 1.2em;} .Qfeedbackincorrect-chb2 { display: none; background-color: #ffcccc; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; line-height: 1.2em;} .Qfeedbacksaved { display: none; background-color: #ffcc99; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px #666666 solid; line-height: 1.2em;} #feedback TABLE { font-size: 1em} /*Popups*/ #popup { margin: 8px; padding: 8px; position: static; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.0em; line-height: 1.2em;} /*Header*/ #header { background:transparent;} #header h1 { display: none; } #header a:link, #header a:hover, #header a:visited, #header a:active { background:transparent;} /*Logo*/ #logo { position: absolute; top:0px; left:0px;} /*Index*/ #index { font-size: 1em; list-style-type: none; padding: 0px 0px 10px 0px;} #index a:link, #index a:visited { color: #535449; padding-top: 0.1em; padding-bottom: 3px; text-decoration: none;} #index a:hover { text-decoration: underline;} #index h2 { font-size: 1.2em; padding-top: 20px; padding-left: 30px; margin: 2px 0px 0px; border-top: 0px #b9ccdc solid;} #index ol { padding-left: 35px; line-height: 2.8em; list-style-type: none; margin-top: 12px;} #index ol li{ margin-top: 10px;} #index ol ol { list-style-type: none; margin-left: 30px; margin-bottom: 0px; margin-top: 0px;} #index ol ol li{ margin-top: 0px;} #index ol.section { margin-left: 30px; line-height: 1.5em;} #index ol.section ol { padding-left: 15px; line-height: 1.5em;} /*Table of Contents*/ /*applies to whole of panel*/ td#maintable-toc { padding:0; border-bottom: 1px solid #cccccc; background-color: #DDDDDB; } td#maintable-content { padding:0; border-bottom: 1px solid #cccccc;} #toc { height: 100%; font-size: 1em; padding-top:2px; padding-bottom:0px; margin-top:2px; margin-left:0px; margin-right:0px; margin-bottom:15px;} #toc h2 { font-size: 1.2em; border-bottom:#ffffff 2px solid; margin-top:0px; margin-bottom:2px; padding-left: 9px; padding-bottom:8px; padding-top:4px;} #toc a:link, #toc a:visited { display: block; color: #535449; text-decoration: none;} #toc a:hover { text-decoration: underline;} #toc li { padding-left: 10px; padding-right: 10px; text-align: left;} #toc #toc-title {} #toc ol { margin-left: 0px; margin-bottom: 0px; list-style-type: none; padding-left: 0px;} #toc ol li { border-bottom:2px #ffffff solid; margin:0px; padding-top: 0.5em; padding-bottom: 0.5em;} #toc ol ol { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 0.85em; list-style-type: none; padding-left: 1em; padding-top: 0.4em; padding-bottom: 0.4em;} #toc ol ol li { padding-top: 0.1em; padding-bottom: 0.5em; line-height: 1.3em; border: 0px;} #toc ol.section { margin-top:0em; list-style-type: none;} #toc ol.section ol { list-style-type: none;} div.currentpage { font-weight: bold;} li.currentpage { font-weight: bold;} /*Main Content*/ #main-content-withtoc { margin-left: 12px; margin-right: 10px; margin-bottom: 18px; padding: 0px;} #main-content-notoc { margin-left: 12px; margin-right: 10px; margin-bottom: 18px; padding: 0px;} /*Page title at top*/ #main-content-withtoc h2 { display:none; /*font-size: 1em; font-weight: bold; margin-right:0px; margin-bottom:5px; margin-top:0px; color:#fff; padding-top: 1px; padding-left:5px; padding-bottom: 20px; background: url(buttons/greybar.png); background-repeat:repeat-x;*/ } #main-content-notoc h2 { display:none; /*font-size: 1em; font-weight: bold; margin-right:0px; margin-bottom:5px; margin-top:0px; color:#fff; padding-top: 1px; padding-left:5px; padding-bottom: 20px; background: url(buttons/greybar.png); background-repeat:repeat-x;*/ } /*Footer*/ #footer-withtoc { padding-left:6px; padding-right: 6px; margin-top: 10px; margin-bottom: 0px; padding-top: 4px; padding-bottom: 15px; font-size: 0.8em; position: static; text-align: center; } /* Hides from IE5-mac \*/ * html #footer-withtoc {height: 1%;} /* End hide from IE5-mac */ #footer-notoc { padding-left:6px; padding-right: 6px; margin-top: 10px; margin-bottom: 0px; padding-top: 4px; padding-bottom: 15px; font-size: 0.8em; position: static; text-align: center; } /* Hides from IE5-mac \*/ * html #footer-notoc {height: 1%;} /* End hide from IE5-mac */ #header a:hover, #header a:visited, #header a:active { background:transparent; } #footer a:link, #footer-withtoc a:link { background:transparent; } #bottom-nav { padding-left: 10px; padding-top: 4px; padding-bottom: 4px; padding-right: 10px; position: absolute; right: 10px; bottom: 10px;} .floatright { float: right; margin-top: 10px; margin-left: 10px; display: inline;} .floattopright { float: right; margin-top: 0px; margin-left: 10px; display: inline;} /*Longdescriptions*/ #longdesc { margin: 10px;}