/*Colours for the five schools in Regent's College*/ /*!RBS Grey #353E4F */ /*!RAC Maroon #611329 */ /*!WGSL Green #004439 */ /*!SOSAC Red #D0070F */ /*!EBSL Blue #010C66 */ /* ----- Referenceline ----- */ #referenceline { color: #fff; font-size: 105%; font-variant: normal; font-weight: normal; height:24px; padding-top: 6px; } #referenceline div { width: 936px; margin: 0px auto; padding-left: 7px; padding-right:7px; } #referenceline div.row span.left { float: left; text-align: left; font-weight: normal; color: #fff; width: 25%; padding-left:10px; } #referenceline div.row span.right { float: right; text-align: right; font-weight: normal; color: #fff; width: 70%; padding-right:10px; } /* ----- Container----- */ #container { width: 936px; margin: 0px auto; padding-bottom: 20px; } /* ----- Top Container----- */ #top-container { margin: 0px; display:block; height:8em; } #top-right { float: right; text-align:left; margin-top:5px; padding-top:5px;} #top-logo { padding-left: 7px; float: left; padding-top:0px;} /* ----- MENU CODE ----- */ #menu-container { background: url('../../../../images/bg_menuradiant.gif') no-repeat right bottom; } #menu-container a { background: url('../../../../images/tab_left_blue.gif') no-repeat left top;} #menu-container a span { line-height: 2.5em; padding: 0px 1.8em 0px 1.0em; background: url('../../../../images/tab_right_blue.gif') no-repeat right top; color: #005480;} #menu-container ul { padding-left: 7px; margin: 0; } #menu-container li { float: left; } #menu-container a { float: left; padding: 0 0 0 5px; text-decoration: none; outline: none; } #menu-container a span { display: block; font-weight: bold; } #menu-container a:hover, #menu-container .current a { background-position: 0% -151px; text-decoration: underline;} #menu-container a:hover span, #menu-container .current a span { color: #fff; background-position: 100% -151px; text-decoration: underline;} #menu-container a:active { outline: none; } #menu-container .current a { border: 0; text-decoration: none; } #menu-container .current a span { text-decoration: none; } /* ----- SUB MENU CODE ----- */ #submenu-container { min-height: 2.5em; color: #ffffff; background: url('../../../../images/bg_submenu_blue.gif') no-repeat; background-color:#005480; clear:both;} #submenu-container a span { line-height: 2.5em;} #submenu-container a { color: #fff; text-decoration: none;} #submenu-container a:hover {text-decoration: underline;} #submenu-container ul { margin: 0; padding-left: 1em; } #submenu-container li { display: inline; padding: 0 1em 0 1em; border-right: 1px solid #fff; } #submenu-container p { padding: 0 0 0 2em; margin: 0; line-height: 2.5em;} #empty {height: 2.5em;} #submenu-container .current a { font-weight: bold; } /* ----- Search box ----- */ #search-form {} #top-right {margin-top:1em;} #top-grey {margin:0px; padding:0px;} #top-grey {clear:both;} #top-grey li a {font-size:0.9em;} #top-grey li { display: inline; padding-right:5px; border-right: 1px solid #676767; } #top-grey {clear:both; margin-left:215px;padding-top:2px;} #top-grey li { display: inline; padding-right:5px; border-right: 1px solid #676767; } #top-green {float: left; margin:4px 0; padding:0px;} #top-green li {margin-top:0px; padding-top:0px;} #top-green li { display: inline; padding: 0 1em; } #top-green li.last, #top-grey li.last, #submenu-container li.last { border: none; } /* ----- Header Search ----- */ #searchBox { padding-left:2px; margin-right:4px; float:left;} #searchBox input{padding-top: 4px; font-size: 1.1em; width:170px !important; height: 1.5em !important; float:left; border: 1px solid #dadada; padding-left:2px;} #searchBox a.Button img {float:left;margin-top:0.4em;margin-left:4px;} /* ----- Generic Code WebSite Wide----- */ #contentAreaMain{height: 109px; margin: 0px; height:252px; overflow:hidden;margin-top:4px; padding:5px 10px 0px 10px; margin-bottom:15px;} #content-container { padding-top: 2px; } #content-image { padding-top: 3px; } #content-home { float: left; width: 260px; } #contentAreaMain h1{margin:0px; padding:0px;} .boxtext ul { margin-bottom: 0; } #content-container ul { margin-left: 0; } #content-container ul li {color:#333333; padding-left: 1.5em; background: url('../../../../images/icon_arrow.gif') no-repeat 0px 4px; } #content-container ol { list-style: decimal; } /* ----- COLUMNS & BOXES ----- */ #wide-left { float: left; width: 713px; } #narrow-left { float: left; width: 219px; } #equal-left { float: left; width: 460px; padding-top: 3px; } #equal-ContentArea{ float: left; width: 910px; padding-top: 3px;} #nav-left { float: left; margin: 4px 1.5em 0 0; width: 200px;} #nav-left a {text-decoration: none;} #nav-left a:hover {text-decoration: underline;} #toolbar { float: left; width: 490px; margin-top:2px;} #middle { float: left; width: 490px; font-weight:120%;} #middle{margin-top:0px; padding-top:0px;} #middle h1, #middle h2,#middle h3 ,#middle h4, #middle h5{margin-top:0px;margin-bottom:10px; padding-top:5px;} #middle_full {float:left; width:705px; font-weight:120%; margin-top:2px;border:none;} #wide-right { float: right; width: 713px; } #wide-right #content-image { text-align: right; } #narrow-right { float: right; width: 219px; } #equal-right { float: right; width: 460px;} #equal-right .vertical-grey { margin-right: 2px; } #nav-right { float: left; margin: 0 0 0 5px; width: 200px; } .homebox { padding: 4px 0 0 1.0em; height: 240px;} .narrow-long { background: url('../../../../images/bg_narrowcolumnbox.gif') no-repeat;} .narrow-long .boxtext { background: url('../../../../images/bg_narrowcolumnbox_bt.gif') bottom right no-repeat;} .narrow-long-quote { background: url('../../../../images/bg_narrowcolumnbox_quote.gif') no-repeat;} .narrow-long-quote .boxtext { background: url('../../../../images/bg_narrowcolumnbox_bt_quote.gif') bottom right no-repeat;} .narrow-long-quote _self {padding: 1.0em 0.5em;} .narrow-short { height: 109px; margin: 1em 0; background: url('../../../../images/bg_greyradiant.gif') repeat-x top left; } .vertical-grey { float: left; width: 151px; height: 237px; margin: 0.5em 0; background: url('../../../../images/bg_greybox.gif') no-repeat; } .equal-short { height: 130px; width: 460px; margin: 4px 0; background: url('../../../../images/bg_greyradiant.gif') repeat-x; } .equal-small { width: 252px; height: 109px; margin: 8px 0; background: url('../../../../images/bg_greyradiant.gif') repeat-x; } .nav-box { width: 198px; margin-bottom: 5px; background :url('../../../../images/bg_greyradiant.gif') repeat-x; border: solid 1px #E7E7E7; } .boxtext { padding: 1em 1.0em; } .boximage { padding: 0 6px; } .narrow-short .boxtext, .equal-short .boxtext { padding: 0.5em 0.5em; } .vertical-grey .boxtext { height: 106px; } .boxtext h2, _self { margin: 0 2px 0em 2px;} /* ----- CLASSES ----- */ .text-grey { color: #353E4F; } .text-maroon { color: #611329; } .text-green { color: #0F2A25; } .text-red { color: #D0070F; } .text-blue { color: #010C66; } .text-black { color: #000000; } /* ----- HEADINGS & PARAGRAPHS ----- */ #content-home h1 { display: none; } .nav-box .h2 { padding: 0.5em; margin: 0; font-size: 1.1em; font-weight: bold; } /* ----- ContentArea Print menu ----- */ ul#tools { float: left; margin: 0; padding-top:2px;padding-bottom:17px;} ul#tools li { display: block; } ul#tools li.print { background: url('../../../../images/icon_print.gif') no-repeat 4px 2px; padding-left: 25px; } ul#tools li.pdf { background: url('../../../../images/icon_pdf.gif') no-repeat 4px 2px; padding-left: 25px; } /* ----- Breadcrumbs ----- */ ul#breadcrumb { list-style: none; float: left; margin: 0; padding-top:2px;padding-bottom:17px;} ul#breadcrumb li { display: inline; background: none;padding-left: 0px; font-size: 0.8em; } /* ----- Page Footer ----- */ #footer { float:left;background: url('../../../../images/bg_bottom.gif') 0px 0px no-repeat; margin:0px; padding:0px;height:50px; width:940px;} #footer ul { margin: 0; padding:0px; min-heigh:1%; padding-top:22px; padding-left:5px;} #footer li { float: left; display: block; margin-top: 0.3em; padding: 0 1.2em; line-height: 1.1em; border-left: 1px solid #676767; } #footer li.first { padding-left: 0; border: none; } #footer div{margin-top:20px;padding-right:10px;} #footer a {text-decoration: none;} #footer a:hover {text-decoration: underline;} /* ----- LINKS ----- */ a, a:visited, a:focus { color: #676767; text-decoration: underline; } a:hover, #top-green a, #top-grey a { text-decoration: none; } #top-green a:hover, #top-grey a:hover { text-decoration: underline; } /* ----- Link to Colleges ----- */ #school-keywords{width:220px;} #school-form {margin-top:10px !important;} #school-field_dd{width:182px; float:left; margin-right:5px;border: 1px solid #dadada !important; height:18px !important; margin-left:5px;} #school-submit_button {width:20px; float:left; margin-top:1px;} /* ----- Advanced Search PAGE----- */ #advancedSearchArea table table table{border:0px solid #E7E7E7; background:none} #advancedSearchArea table table{border:0px solid #E7E7E7;} #advancedSearchArea table{border:1px solid #E7E7E7;background :url('../../../../images/bg_greyradiant.gif') repeat-x;} /* ----- Course Finder----- */ .coursesubmit{width:45px; margin-left:150px; margin-top:10px; width:44px height:20px; display:block;} #coursefindersimple span{font-weight:bolder; margin-top:3px;} #coursefindersimple input{margin-bottom:5px !important;} #coursefindersimple{} /* ----- News Articles----- */ UL.ArticleIndex .ArticleBody a{overflow: hidden; height:35px; display:block;} UL.ArticleIndex .ArticleTitle {font-weight:bold; font-size:110%;} UL.ArticleIndex {list-style:none; margin:0px;} UL.ArticleIndex LI {padding-bottom:0.5em;} /* ----- TABLES ----- */ table.courses { border-collapse: collapse; border: 1px solid #E7E7E7; } table.courses caption { color: #fff; background-color: #F99B3B; border: 1px solid #F99B3B; margin: 4px 0 0 -0.1em; padding: 3px 3px 1px 3px; font: 1.2em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } table.courses th { line-height: 1.6em; text-align: left; font-weight: bold; } table.courses td { line-height: 1.6em; text-align: left; border-top: 1px solid #E7E7E7; } /* ----- FORMS ----- */ .fieldset { border: none; margin: 0 0 15px; padding: 10px; } .fieldset p { clear: left; margin-top: 1em; } .fieldset label { float: left; width: 180px; } .fieldset input, .fieldset select, .fieldset textarea { display: block; width: 530px; margin-left: 180px; } .fieldset select { width: 536px; } .fieldset button { margin-top: 10px; } .small { width: 150px !important; } select.small { width: 156px !important; } select.coursefinder { width: 197px !important;} input.multiple { width: 510px !important; } select.multiple { width: 516px !important; } .required { color: #a11a78; } .radio { float: left !important; display: inline !important; margin-left: 0 !important; font-weight: normal; } input.radio { width: auto !important; } label.radio { padding: 3px 10px 0 0; width: auto !important; } .normal { font-weight: normal; white-space: normal; line-height: normal; } .selected { width: 504px; white-space: normal; margin-left: 180px; padding: 5px; border: 1px dotted #CDCDCD; } /* ----- Menu Spacer----- */ #toolbarSpacer{height:25px;} /***** INCREASING fONT SIZE oF CONTENT AREA *****/ #equal-right #contentAreaMain p, #equal-right #contentAreaMain li, #equal-right #contentAreaMain a, #equal-right #contentAreaMain div {} #equal-right #contentAreaMain {font-size: 1.2em;} #equal-right #contentAreaMain h1 {font-size: 1.45em;} #middle p, #middle li, #middle a, #middle div {} #middle {font-size:1.2em;} #middle h1 {font-size: 1.45em;} #contentAreaMain #toolbar ul li a, #middle #toolbar ul li a{} #equal-right h1, #equal-right h2, #equal-right h3, #equal-right h4, #equal-right #contentAreaMain h2, #equal-right #contentAreaMain h3, #equal-right #contentAreaMain h4, #equal-ContentArea h1, #equal-ContentArea h2, #equal-ContentArea h3, #equal-ContentArea h4, #middle h2, #middle h3, #middle h4 { padding-bottom:4px;margin-bottom:0px;} .homebox h2{ padding-bottom:4px;margin-bottom:0px;} #equal-right #contentAreaMain img, #equal-ContentArea img, .homebox img, #middle img{padding-bottom:10px; } /* ------ CUSTOM CONTROLS - POLEMARK ------ */ #Template_CourseFinder_lblSubject { line-height: 1.8em; } #Template_CourseFinder_ddlSubject { font-size: 1em; width: 197px; } #Template_CourseFinder_lblCourse { line-height: 1.8em; } #Template_CourseFinder_ddlCourse { font-size: 1em; width: 197px; } .coursesubmit {margin-bottom:20px; margin-top:10px; margin-right:3px; width:44px; height:16px; display:block;} /* ----- Adjust line height on small text requested by JP 17/09/07 ----- */ .boxtext { padding: 1em 1.0em; line-height: 1.2em;} .boxtext h2 { line-height:1.8em;} .boxtext p { padding-bottom: 0.6em; color:#666;} .boxtext ul { line-height:1.6em;} .homebox { line-height:1.2em;} /*Leftnav Selection Styles */ /* All Level Styles*/ ul#leftnav { margin-bottom: 10px; list-style: none;} ul#leftnav a {background-repeat:no-repeat; text-decoration: none;} ul#leftnav a:hover {text-decoration: underline;} ul#leftnav li { line-height: 20px; margin: 0px; padding: 0px; background:none; } ul#leftnav li a { display:block; margin: 0px; padding: 0px; } /* Level 0 Styles */ ul#leftnav li.L0hcsel {background: url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em;} ul#leftnav li.L0ncsel {background: url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em;} /* IE8 Rendering fixes made here. 21-Oct-2009, J.Pittock */ /* defines level 0 bullet for children */ ul#leftnav li.L0hc {background: url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em; clear:both;} ul#leftnav li.L0hc a {margin: 0 0 0 0px; padding: 0 0 0 20px; } /* defines level 0 bullet for no children */ ul#leftnav li.L0nc {background: url('../../../../images/icon_arrow.gif') no-repeat 0px 0.5em; clear:both;} ul#leftnav li.L0nc a {margin: 0 0 0 0px; padding: 0 0 0 20px;} /* defines level 0 bullet for children if selected page */ ul#leftnav li.L0hcsel a {margin: 0 0 0 0px; padding: 0 0 0 20px; font-weight: bold;} ul#leftnav li.L0ncsel a {margin: 0 0 0 0px; padding: 0 0 0 20px; font-weight: bold;} /* Level 1 Styles */ ul#leftnav li.L1hc {background: url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both;} ul#leftnav li.L1nc {background: url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both;} ul#leftnav li.L1hcsel {background: url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both;} ul#leftnav li.L1ncsel {background: url('../../../../images/icon_arrow.gif') no-repeat 20px 0.5em; clear:both;} ul#leftnav li.L1hc a {margin: 0 0 0 0px; padding: 0 0 0 40px;} ul#leftnav li.L1nc a {margin: 0 0 0 0px; padding: 0 0 0 40px;} ul#leftnav li.L1hcsel a {margin: 0 0 0 0px; padding: 0 0 0 40px; font-weight: bold;} ul#leftnav li.L1ncsel a {margin: 0 0 0 0px; padding: 0 0 0 40px; font-weight: bold;} /* Level 2 Styles */ ul#leftnav li.L2hc {background: url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both;} ul#leftnav li.L2nc {background: url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both;} ul#leftnav li.L2hcsel {background: url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both;} ul#leftnav li.L2ncsel {background: url('../../../../images/icon_arrow.gif') no-repeat 40px 0.5em; clear:both;} ul#leftnav li.L2hc a {margin: 0 0 0 0px; padding: 0 0 0 60px;} ul#leftnav li.L2nc a {margin: 0 0 0 0px; padding: 0 0 0 60px;} ul#leftnav li.L2hcsel a {margin: 0 0 0 0px; padding: 0 0 0 60px; font-weight: bold;} ul#leftnav li.L2ncsel a {margin: 0 0 0 0px; padding: 0 0 0 60px; font-weight: bold;} /* ----- A HREF Arrows----- .courseFinder p a, .vertical-grey a{ display:inline-block; padding-right:10px; background: url('../../../../images/icon_arrow.gif') no-repeat right bottom; } .vertical-grey li a{background:none;}*/ /* WideContent template */ #middle-wide {width: 690px;} #middle-wide {margin-top:0px; padding-top:0px;} #middle h1, #middle h2,#middle h3 ,#middle h4, #middle h5{margin-top:0px;margin-bottom:10px; padding-top:5px;} #middle-wide h1, #middle-wide h2, #middle-wide h3 ,#middle-wide h4, #middle-wide h5 {margin-top:0px;margin-bottom:10px; padding-top:5px;} #middle-wide p, #middle-wide li, #middle-wide a, #middle-wide div {} #middle-wide {font-size:1.2em;} #middle-wide h1 {font-size: 1.45em;} #middle-wide #toolbar ul li a{} #middle-wide h2, #middle-wide h3, #middle-wide h4 { padding-bottom:4px;margin-bottom:0px;} #middle-wide img{padding-bottom:10px; } /* -- Fixes added to make up for non-standard CSS between sites!! -- */ /* -- October 16th 2007 JP -- */ /* ------------------------------------------------------------------*/ #middle a, #wide-left a, #wide-right a, .boxtext h2 a, #equal-right a {color:#005480; text-decoration:none;border-bottom:1px dotted #005480;} #middle a:hover, #wide-left a:hover, #wide-right a:hover, .boxtext h2:hover a, #equal-right a:hover {color:#005480; text-decoration:none; border-bottom:1px solid #005480;} .boxtext h2 { line-height:1.4em; font-size:1.2em; font-weight:normal; padding-bottom:2px;} UL.ArticleIndex .ArticleBody a {overflow: hidden; height:35px; display:block;} .ArticleBody a {color:#565051 !important } .ArticleBody a {text-decoration:none; border:none !important } .ArticleBody a:hover {text-decoration:none; border-bottom:1px solid #611329 !important} .ArticleBody b {color:#565051; font-weight:normal;} /* Module Plug-in Style Sheets */ /* JP September 2007 */ .moduleDisplayTable tbody tr { } .moduleDisplayTable tbody tr td { border:0px; padding:9px; margin:5px; border-bottom:1px dotted #CCC; } .moduleData { vertical-align:top; } .moduleField { font-weight:bold; color:#333333; width:120px; white-space:nowrap; vertical-align:top; }