/* ------------------------------------------------------------------- University of Nottingham stylesheet: global styles ------------------------------------------------------------------- */ /* Body, general formatting and reusable classes etc -------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr { margin: 0; padding: 0; font-size: 1em; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } body { font:62.5% "Verdana", sans-serif;text-align:center;color:#535353;background-color:#eaeaea;} input, select, textarea { font: 1em "Verdana", sans-serif; vertical-align: bottom; } table {clear:both; border-collapse: collapse; border-spacing: 0; } table th { font-weight: normal; text-align: left; } ul, ol { list-style: none;} .sys_hide { position: absolute; top: 0; left: -9999px; } a {color:#535353;text-decoration:none;} a:hover {color: #8B8B8B;text-decoration:underline;} a:active, a:focus {color:#535353;text-decoration:underline;} /* Print Header - prints header but hides on screen */ #printHeader {display:none;} .sys_hide {display:none;} .clear {clear:both;} /* Main wrapper, header and logo -------------------------------------------------------------------------- */ #wrapper {max-width:1020px;margin:0 auto;background-color:#bbb;background-image:url(/siteelements/images/base/background-page.png);background-repeat:repeat-y;} /* Main menu -------------------------------------------------------------------------- */ #globalNav { clear:both; height:2.7em; text-align:left; background-color:#ffffff; border-top:1px solid #fff;} #globalNav ul { margin:7px 5px; width: 100%;} #globalNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* use clearfix as overflow: hidden breaks rollovers */ /* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */ #globalNav ul li { position: relative; float: left; text-align: left; z-index: 20;} #globalNav ul li a { border-bottom:1px solid #eaeaea; margin-right: 1.5em!important; padding-bottom: .2em; padding-right: 2.5em;} #globalNav ul li ul a { border:0px;} #globalNav .sys_header{display:none;} #globalNav ul li a, #globalNav ul li strong { font-size: 1.1em; font-weight:normal; color: #036; margin: 1px 0 0; display: block; } #globalNav ul li .sys_selected a{border-color: #0099ff; } #globalNav ul li ul { display:none;} #globalNav ul li a:hover { margin-bottom:-0.3em; border-color:#0099ff; text-decoration:none;} #globalNav ul li:hover ul { display:block; position:absolute; top:1em; left:-6px; width:200px; background-color:#fff; border:1px solid #eaeaea; border-top:0px; padding:5px;} #globalNav ul li:hover ul li { height:1.8em; display:block; text-align:left; float:none;} #horizontalNav { clear:both; height:36px; text-align:left; background: #333 url("/siteelements/images/base/background-header-darker.png") repeat-x scroll 0 0; border-top:1px solid #fff;} #horizontalNav ul { margin:9px 5px; width: 100%;} #horizontalNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* use clearfix as overflow: hidden breaks rollovers */ /* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */ #horizontalNav ul li { position: relative; float: left; padding-bottom: 0.1em; text-align: center; z-index: 20;} #horizontalNav ul li a {margin-right: 1em!important; padding-right: 2em;} #horizontalNav ul li ul a {border:0px;} #horizontalNav .sys_header{display:none;} #horizontalNav ul li a, #horizontalNav ul li strong { font-size: 1.1em; font-weight:normal; color: #fff; margin: 1px 0 0; display: block; } #horizontalNav ul li ul {display:none;} #horizontalNav ul li a:hover {text-decoration:underline;} #horizontalNav ul li:hover ul { display:block; position:absolute; top:5px; left:-8px; width:200px; background-color:#464646; padding:6px;} #horizontalNav ul li:hover ul li { margin-bottom: 0.4em; display:block; text-align:left; float:none;} #horizontalNav ul li ul li a:hover{color: #fff; text-decoration:underline;} #container {width:960px;margin:0 auto;background-color:#fff;text-align:left;} #header { text-align:left;background-color:#f8f8f8;background:url(/siteelements/images/base/background-header.png) repeat-x;height:27px;border-bottom:1px solid #fff; position:relative; font-size:1.1em;} #header .sys_left { width: 395px; float: left; } #header .sys_left ul { margin: .8em 0 0 15px; overflow: hidden; } #header .sys_left ul li { margin: 0 1.9em 0 0; font-size: 1.1em; float: left; } #header .sys_left ul li:last-child, #header .sys_left ul li.sys_last { margin: 0; } #header .sys_left ul li a { color: #fff; } #header .sys_left ul li.sys_skip { margin: 0; } #header .sys_left ul li.sys_skip a { position: absolute; top: 0; left: -9999px; } #header .sys_left ul li.sys_skip a:hover, #header .sys_left ul li.sys_skip a:active, #header .sys_left ul li.sys_skip a:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; padding: .6em; font-weight: bold; white-space: nowrap; } #header .sys_right { width: 565px; overflow: hidden; float: right; } #header .sys_right fieldset { float: left; padding: .1em 0 .2em 20px; } #header .sys_right fieldset label { font-size: 1.1em; color: #fff; vertical-align: middle; } #header .sys_right fieldset input { width: 150px; padding: 2px 3px; font-size: 1.1em; vertical-align: middle; background: #ebf0f5; border: 0; color: #666; } #header .sys_right fieldset select { width: 160px; padding: 1px 0; font-size: 1.1em; vertical-align: middle; background: #ebf0f5; border: 0; color: #666; } #header .sys_right fieldset input.sys_submit { width:36px; height:27px; background:transparent url(/SiteElements/Images/Template/Global/hdr-go.png) no-repeat center; text-indent:-9999px; font-size: 0px; line-height: 0; } #logoWrap { background: #f9fafa url(/SiteElements/Images/Template/Global/bg-logo.png) repeat-x bottom left; } #beta{ position: relative; top: 0; float: right; height: 0;} #logo{ width: 960px; margin: 0 auto; text-align: left;} /* Main menu -------------------------------------------------------------------------- */ #menuWrap { background: #e7e7e7 url(/SiteElements/Images/Template/Global/bg-menu.png) repeat-x top left; } #menu { width: 960px; margin: 0 auto; text-align: left; } #menu ul { } #menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* use clearfix as overflow: hidden breaks rollovers */ #menu ul li { position: relative; float: left; text-align: center; z-index: 20; } #menu ul li.sys_m1 { width: 77px; } #menu ul li.sys_m2 { width: 93px; } #menu ul li.sys_m3 { width: 106px; } #menu ul li.sys_m4 { width: 115px; } #menu ul li.sys_m5 { width: 172px; } #menu ul li.sys_m6 { width: 110px; } #menu ul li.sys_m7 { width: 106px; } #menu ul li.sys_m8 { width: 82px; } #menu ul li.sys_m9 { width: 99px; } #menu ul li a, #menu ul li strong { font-size: 1.1em; font-weight: normal; color: #036; margin: 5px 0 0; display: block; } #menu ul li a span, #menu ul li strong span { display: block; padding: .8em 0 .9em; } #menu ul li a span span, #menu ul li strong span span { padding: 0; } /* links that don't go onto two lines */ #menu ul li.sys_m1 a span, #menu ul li.sys_m1 strong span, #menu ul li.sys_m3 a span, #menu ul li.sys_m3 strong span, #menu ul li.sys_m4 a span, #menu ul li.sys_m4 strong span, #menu ul li.sys_m5 a span, #menu ul li.sys_m5 strong span, #menu ul li.sys_m8 a span, #menu ul li.sys_m8 strong span { padding: 1.4em 0 1.5em; } #menu ul li.sys_m1 a span span, #menu ul li.sys_m1 strong span span, #menu ul li.sys_m3 a span span, #menu ul li.sys_m3 strong span span, #menu ul li.sys_m4 a span span, #menu ul li.sys_m4 strong span span, #menu ul li.sys_m5 a span span, #menu ul li.sys_m5 strong span span, #menu ul li.sys_m8 a span span, #menu ul li.sys_m8 strong span span { padding: 0; } /* on states */ #menu ul li#mmOn a, #menu ul li#mmOn strong { margin: 0; border-top: 5px solid #003162; background: #fefeff url(/SiteElements/Images/Template/Global/bg-menu-on1.png) no-repeat center left; } #menu ul li#mmOn a span, #menu ul li#mmOn strong span { background: url(/SiteElements/Images/Template/Global/bg-menu-on2.png) no-repeat center right; } /* rollover states */ #menu ul li#rollover a { background: #f2f2f2 url(/SiteElements/Images/Template/Global/bg-menu-rollover1.png) no-repeat center left; } #menu ul li#rollover a span { background: url(/SiteElements/Images/Template/Global/bg-menu-rollover2.png) no-repeat center right; } /* stop double bars when rollover is next to an 'on' item */ #menu ul li.sys_leftFix a { background: #f2f2f2 url(/SiteElements/Images/template/bg-menu-rollover1-nobar.png) no-repeat center left !important; } #menu ul li.sys_rightFix a span { background: none !important; } /* rollovers */ #menu ul li div.sys_rollover { width: 424px; position: absolute; top: 0; left: -9999px; text-align: left; border: 1px solid #ccc; } .js #menu ul li div.sys_rollover { width: 454px; border: 0; z-index:9999; } #menu ul li:hover div.sys_rollover, #menu ul li.sys_active div.sys_rollover { position: absolute; top: auto; left: auto; } .js #menu ul li:hover div.sys_rollover, .js #menu ul li.sys_active div.sys_rollover { left: -15px; } /* reset */ #menu ul li div.sys_rollover a, #menu ul li div.sys_rollover strong { margin: 0; padding: 0; font-size: 1em; font-weight: normal; display: inline; color: #333; } .js #menu ul li div.sys_rollover .sys_top { position: relative; width: 469px; margin: -15px 0 0 15px; height: 15px; background: url(/SiteElements/Images/Template/Global/bg-rollover-top2.png) no-repeat top right; display: block; } .js #menu ul li div.sys_rollover .sys_shadow { position: relative; background: url(/SiteElements/Images/Template/Global/bg-rollover2.png) no-repeat bottom left; padding: 0 15px 15px; } #menu ul li div.sys_rollover .sys_content { padding: 12px 10px 10px 11px; background: #f3f3f3 url(/SiteElements/Images/Template/Global/bg-rollover-content.png) repeat-x bottom left; } #menu ul li div.sys_rollover .sys_content strong.sys_header { display: block; text-align: right; font-weight: normal; font-size: 1.1em; padding: 0 4px .6em; color: #333; } #menu ul li div.sys_rollover .sys_content .sys_content2 { background: #fff url(/SiteElements/Images/Template/Global/bg-rollover-content2-2.png) no-repeat bottom left; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_content2top { padding: 4px; background: url(/SiteElements/Images/Template/Global/bg-rollover-content2top.png) no-repeat top left; overflow: hidden; } #menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_shadow4 { padding: 0; } #menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade1 { top: 0; left: 0; } #menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade2 { bottom: 0; left: 0; } #menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade3 { top: 5px; left: 0; } #menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade4 { top: 5px; right: 0; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col { width: 188px; padding: 12px 15px 15px; float: left; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader { padding: .2em 0 1em 24px; font-size: 1.2em; color: #036; display: block; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader a { color: #036; background: #fff !important; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader.sys_yellow { background: url(/SiteElements/Images/Template/Global/bg-rollover-hdryellow.png) no-repeat top left; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader.sys_blue { background: url(/SiteElements/Images/Template/Global/bg-rollover-hdrblue.png) no-repeat top left; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col ul { margin: 0 0 0 .6em; font-size: 1.1em; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col ul li { margin: .8em 0 1px; padding: 0 0 0 18px; float: none; position: static; text-align: left; background: url(/SiteElements/Images/Template/Global/bg-rollover-li.png) no-repeat 0 .2em; } #menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col ul li a { color: #369; background: none !important; margin-left:-20px; padding-left:20px; } #menu ul li.sys_rollover div.sys_rollover .sys_content .sys_content2 .sys_col ul li a { color: #369; background: none; } .js #menu ul li.sys_m2 div.sys_rollover .sys_top { width: 331px /* 589 - width of li */; margin: -15px 0 0 108px /* 15 + width of li */; } .js #menu ul li.sys_m3 div.sys_rollover .sys_top { width: 318px /* 589 - width of li */; margin: -15px 0 0 121px /* 15 + width of li */; } .js #menu ul li.sys_m4 div.sys_rollover .sys_top { width: 324px /* 589 - width of li */; margin: -15px 0 0 130px /* 15 + width of li */; } .js #menu ul li.sys_m5 div.sys_rollover .sys_top { width: 267px /* 589 - width of li */; margin: -15px 0 0 187px /* 15 + width of li */; } /* these go to the left of the LI */ #menu ul li.sys_m6:hover div.sys_rollover, #menu ul li#rollover.sys_m6 div.sys_rollover, #menu ul li.sys_m7:hover div.sys_rollover, #menu ul li#rollover.sys_m7 div.sys_rollover, #menu ul li.sys_m8:hover div.sys_rollover, #menu ul li#rollover.sys_m8 div.sys_rollover, #menu ul li.sys_m9:hover div.sys_rollover, #menu ul li#rollover.sys_m9 div.sys_rollover { position: absolute; top: auto; left: auto; right: -15px; } .js #menu ul li.sys_m6 div.sys_rollover .sys_top, .js #menu ul li.sys_m7 div.sys_rollover .sys_top, .js #menu ul li.sys_m8 div.sys_rollover .sys_top, .js #menu ul li.sys_m9 div.sys_rollover .sys_top { background: url(/SiteElements/Images/Template/Global/bg-rollover-top-left.png) no-repeat top left; } .js #menu ul li.sys_m6 div.sys_rollover .sys_top { width: 329px /* 627 - width of li */; margin: -15px 125px 0 0 /* 15 + width of li */; } .js #menu ul li.sys_m7 div.sys_rollover .sys_top { width: 333px /* 627 - width of li */; margin: -15px 121px 0 0 /* 15 + width of li */; } .js #menu ul li.sys_m8 div.sys_rollover .sys_top { width: 357px /* 627 - width of li */; margin: -15px 97px 0 0 /* 15 + width of li */; } .js #menu ul li.sys_m9 div.sys_rollover .sys_top { width: 340px /* 627 - width of li */; margin: -15px 114px 0 0 /* 15 + width of li */; } /* Sub-menu -------------------------------------------------------------------------- */ /* make main nav item blue */ #menu.sys_subMenu ul li#mmOn { margin: 0 0 -4px; } #menu.sys_subMenu ul li#mmOn a, #menu.sys_subMenu ul li#mmOn strong { margin: 0 -4px; position: relative; color: #fff; border: 0; background: url(/SiteElements/Images/Template/Internal/bg-submenu-parent-right.png) no-repeat bottom right; } #menu.sys_subMenu ul li#mmOn a span, #menu.sys_subMenu ul li#mmOn strong span { padding: 0 4px; background: url(/SiteElements/Images/Template/Internal/bg-submenu-parent-left.png) no-repeat bottom left; } #menu.sys_subMenu ul li#mmOn a span span, #menu.sys_subMenu ul li#mmOn strong span span { padding: 0 3px; border-top: 5px solid #003162; background: none; } #menu.sys_subMenu ul li#mmOn a span span span, #menu.sys_subMenu ul li#mmOn strong span span span { border-top: 1px solid #5c85ad; padding: 0 0 4px; background: #369; } #menu.sys_subMenu ul li#mmOn a span span span span, #menu.sys_subMenu ul li#mmOn strong span span span span { border: 0; padding:0.8em 0 0.9em; } #menu.sys_subMenu ul li#mmOn.sys_m1 a, #menu.sys_subMenu ul li#mmOn.sys_m1 strong { width: 85px; } #menu.sys_subMenu ul li#mmOn.sys_m2 a, #menu.sys_subMenu ul li#mmOn.sys_m2 strong { width: 101px; } #menu.sys_subMenu ul li#mmOn.sys_m3 a, #menu.sys_subMenu ul li#mmOn.sys_m3 strong { width: 114px; } #menu.sys_subMenu ul li#mmOn.sys_m4 a, #menu.sys_subMenu ul li#mmOn.sys_m4 strong { width: 123px; } #menu.sys_subMenu ul li#mmOn.sys_m5 a, #menu.sys_subMenu ul li#mmOn.sys_m5 strong { width: 180px; } #menu.sys_subMenu ul li#mmOn.sys_m6 a, #menu.sys_subMenu ul li#mmOn.sys_m6 strong { width: 118px; } #menu.sys_subMenu ul li#mmOn.sys_m7 a, #menu.sys_subMenu ul li#mmOn.sys_m7 strong { width: 114px; } #menu.sys_subMenu ul li#mmOn.sys_m8 a, #menu.sys_subMenu ul li#mmOn.sys_m8 strong { width: 90px; } #menu.sys_subMenu ul li#mmOn.sys_m9 a, #menu.sys_subMenu ul li#mmOn.sys_m9 strong { width: 107px; } #submenuWrap { background: #369 url(/SiteElements/Images/Template/Internal/bg-submenu.png) repeat-x top left; } #submenu { width: 960px; margin: 0 auto; text-align: left; } #submenu ul { overflow: hidden; } #submenu ul li { float: left; text-align: center; } #submenu ul li a, #submenu ul li strong { font-size: 1.1em; color: #fff; display: block; } #submenu ul li#smOn a, #submenu ul li#smOn strong { background: #254a6e url(/SiteElements/Images/Template/Internal/bg-submenu-on.png) repeat-x top left; } #submenu ul li { width: 10%; } #submenu ul li a span, #submenu ul li strong span { display: block; padding: .4em .2em; } /* Borderless images -------------------------------------------------------------------------- */ .sys_imagefloatleft img{ float: left; border: 0; margin: 0 1em 1em 0;} .sys_imagefloatright img{ float: right; border: 0; margin: 1em 0 1em 0;} .sys_imgLeftNoBorder{float: left; margin-right:1em;} .sys_imgRightNoBorder{float: right; margin-left:1em;} /* Footer -------------------------------------------------------------------------- */ #footer .sys_fullWidth{ width:913px;} #footer {width: 960px; clear:both;margin:0 auto;border-top:1px dotted #8B8B8B;padding:5px 0;text-align:left;} #footer ul {margin-left:-0.7em; width:90%;} #footer ul li {border-right:1px solid #8B8B8B;padding:0 .5em 0 .7em;color:#8B8B8B;font-size:1.1em;display:inline;} #footer ul li:last-child, #footer ul li.sys_last {border-right:0px none;} /* ------------------------------------------------------------------- University of Nottingham stylesheet: internal page styles ------------------------------------------------------------------- */ /* Wrappers / breadcrumb -------------------------------------------------------------------------- */ #wrapper #internalWrap {background: none;} #wrapper #internalWrap #secondaryBgImage {background: none;} #wrapper #internalWrap2 {background: none;} #internal { width: 960px; margin: 0 auto; padding: 0 0 2em; text-align: left; } /* breadcrumbs: if some of these margins and padding look a bit mental, it is to cope with a   that the CMS helpfully inserts in this div */ #breadcrumb { clear:both; height:22px; padding-left:3px; padding-top:5px; border-bottom:2px solid #F8F8F8; } #breadcrumb strong.sys_youAreHere { font-size:1.1em; position:absolute; top:0; left:-9999px; } #breadcrumb div { display:inline; vertical-align:middle; } #breadcrumb a { padding:0 10px 0 2px; text-decoration:underline; background: url(/SiteElements/Images/Template/Internal/bg-breadcrumb.png) no-repeat right .5em; } #breadcrumb a:hover, #breadcrumb ol li a:active, #breadcrumb ol li a:focus { text-decoration:none; } #breadcrumb span { padding: 0 10px 0 2px; color:#036; } #breadcrumb strong { font-weight: normal; } /* Page title -------------------------------------------------------------------------- */ #internal #pageTitle{display:none;} #pageTitle, #pageTitleNoIcon {width: 930px;margin-bottom: 2em;position: relative; left: 3em; top: 1.5em;text-align:left;display:block;padding:15px 13px;background-image:none!important;} #pageTitle strong, #pageTitleNoIcon strong {font-weight:normal;} #pageTitle h1, #pageTitleNoIcon h1, #pageTitleNoIcon strong, #pageTitle strong.sys_schoolHeader, #pageTitle strong.sys_dummy, #pageTitleNoIcon strong.sys_dummy, #pageTitleNoIcon strong.sys_SchoolHeader {font-size:3em;color:#036;font-weight:normal;} #pageTitle img.right{position: absolute; top: 0; right: 32px;} /* David's extra heading styles TBC */ #pageTitle strong.sys_schoolHeader_topSmall, #pageTitleNoIcon strong.sys_schoolHeader_topSmall{color:#036; font-size: 1.5em; display: block; margin-top: -0.4em;} #pageTitle strong.sys_schoolHeader_bottomBig, #pageTitleNoIcon strong.sys_schoolHeader_bottomBig{color:#036; font-size: 2.7em; display: block; margin-top: -0.4em;} #pageTitle strong.sys_schoolHeader_topBig, #pageTitleNoIcon strong.sys_schoolHeader_topBig{color:#036; font-size: 2.7em; display: block; margin-top: -0.4em;} #pageTitle strong.sys_schoolHeader_bottomSmall, #pageTitleNoIcon strong.sys_schoolHeader_bottomSmall{color:#036; font-size: 1.5em; display: block; margin-top: 0.1em;} /* Left hand nav -------------------------------------------------------------------------- */ .sys_fullWidth #internalNav{display:none;} #internal #internalNav {width:200px;margin:26px 0 0 0;float:left;background:#036;position:relative;z-index:3;} #internal #internalNav #NavDiv {padding-left:13px;} #internalNav ul {background:#4f4f4f;} #internalNav ul li {border-bottom:1px solid #f6f6f6;} #internalNav ul li:last-child, #internalNav ul li.sys_last {border-bottom:0;} #internalNav ul li a, #internal #internalNav ul li span {text-decoration:none; display:block;color:#fff;font-size:1.1em;padding:.6em .6em .7em;} #internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected a, #internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected span {background-color:#111;font-weight:bold;} /* 2nd level */ #internalNav ul li ul {background:#2c2c2c;} #internalNav ul li ul li {margin:0;border:1px solid #4f4f4f;border-width:1px 0 0;} #internalNav ul li ul li a {padding:.4em 1em .3em;background:none;padding-left: 1.3em;} #internalNav ul li ul li div.sys_currentitem {background:#000 url(/SiteElements/Images/Base/Internal/2ndlevelon-CorpBlue.png) no-repeat center left;font-weight:bold;} /* 3rd level */ #internalNav ul li ul li ul li a {padding-left: 2.2em;} /* 4th level */ #internalNav ul li ul li ul li ul li a {padding-left: 3em;} /* 5th level */ #internalNav ul li ul li ul li ul li ul li a {padding-left: 3.8em;} /* Main content areas -------------------------------------------------------------------------- */ #main { width: 762px; margin: 0 -1px; position: relative; float: left;} .sys_fullWidth #pageTools{ left: 1px;} #pageTools, #toolBar, #pageToolsTab {width: 960px;z-index: 100;left:-199px;background-color:#f6f6f6;height:24px;position:absolute;border-bottom: 1px solid #fff;} #pageTools .sys_btm, #pageToolsTab .sys_btm, #pageToolsTab .sys_inner {margin-right:13px;font-size:1.1em;} #pageTools ul, #pageToolsTab ul {float:right;text-align:right;margin-top:4px;} #pageTools ul li, #pageToolsTab ul li {display:inline;} #pageTools ul.sys_left{float:right; text-align:right;} #pageTools ul.sys_right{float:right; width: 12%; text-align:right;} #pageTools ul.sys_left li, #pageToolsTab ul.sys_left li {margin-right:15px;} #pageTools ul.sys_right li, #pageToolsTab ul.sys_right li {margin-left:10px;} #pageTools li a.sys_t32003, #pageToolsTab li a.sys_t32003 {display:none;} #pageTools ul li ul, #pageToolsTab ul li ul {margin-top:-2px;} #pageTools ul.sys_right li ul li, #pageToolsTab ul.sys_right li ul li {margin-left:1px;} #pageTools div.sys_pressanykey, #pageToolsTab div.sys_pressanykey {display:none; visibility:hidden;} #content {min-height:500px;background-color:#f6f6f6;overflow:hidden;width:712px;font-size: 1.2em;padding: 2.5em 24px 3em;line-height: 1.25;} .sys_fullWidth #content {width:912px; position: relative; left: 1px;} /* general formatting */ #content h1 {font-size: 1.6em;line-height: 1.2em;margin-bottom: 0.9375em;font-weight:normal;} #content h2 {font-size: 1.3em;font-weight:normal;line-height: 1.2em;margin-bottom: 0.9375em;} #content h3 {font-size: 1.2em;font-weight:normal;line-height: 1.2em;margin-bottom: 0.9375em;} #content h4 {font-weight:bold;margin-bottom:0.5em;} #content p {margin-bottom: 1.25em;} #content table p { margin: 0; font-size: 1.1em; color: #666; } #content hr { margin: 1.1em 0 1px; font-size: 1.1em; border: 1px solid #e5e5e5; border-width: 1px 0; background: #fff; color: #fff; height: 0; padding: 1px 0 0; } #content .sys_contentBox { overflow: hidden; } #content .sys_generalrelated { width: 100%; margin: 2em 0 1px 0; background: #f9f9f9 url(/SiteElements/Images/Template/Internal/bg-pubs-1.png) no-repeat top left; } #content .sys_generalrelated div { background: transparent url(/SiteElements/Images/Template/Internal/bg-pubs-2.png) no-repeat scroll right top; } #content .sys_generalrelated div div { background: transparent url(/SiteElements/Images/Template/Internal/bg-pubs-3.png) no-repeat scroll right bottom; } #content .sys_generalrelated div div div { background: transparent url(/SiteElements/Images/Template/Internal/bg-pubs-4.png) no-repeat scroll left bottom; } #content .sys_generalrelated p { padding: 1em;} #content a:link{color: #535353; text-decoration: underline;} #content a:visited {color: #535353; text-decoration: underline;} #main #content a:hover{color: #000; text-decoration: underline;} #content a:active{color: #000!important;} #content ul,#content ol {color:#535353!important; margin:0 0 1em 2em;clear: left;} #content ol {list-style-type:decimal;padding-left: .5em; } #content ul {list-style-type:disc;} #content ul li, #content ol li {padding:0 0 .2em 0;} #content ol li ol li{list-style-type:lower-roman;} #content img.imgBorder, #content .imgBorder img {border: 4px solid #fff;} /* bottom box (schools pages) */ #bottom {width:721px;float:left;font-size:1.1em;background-color:#4f4f4f;color:#fff;border-top:7px solid #036;padding:5px 20px;line-height:1.25em;margin-bottom:40px;} #bottom p {margin-bottom:1em;} #bottom a, #bottom h2 {color:#fff;} #bottom h2 {font-weight:bold;} /* bottom box (full-width pages) */ .sys_fullWidth #bottom {display:none;} /* Reusable elements and mini templates */ /* Hide the dt element in news / events / listings etc. hide titles on images in rotating image widgets */ div.sys_subitem-summary dt, .imgBorder .sys_subitem h3, #SchoolHomeImageRotate_List h3 {display:none;} /* horizontal rules */ hr { width:95%; margin:4px 0 4px 2%; height:1px; color:#F6F6F6; background-color:#F6F6F6; border-top:1px dotted #ACA99C; border-bottom:0px none; clear:both; } hr.clear { background-color:#F6F6F6; border:0 solid #F6F6F6; color:#F6F6F6; } /* atoz control */ /* removed float:left ulzag 24/11/10 */ .sys_atoz-control ul {float:left; width: 100%; margin: 0!important;} .sys_atoz-control ul li{cursor: pointer;padding: .2em 0!important; margin: 0 2px 0 0!important; width: 25px; background-image:none!important; background-color: #003366; display: inline; float: left;text-align: center;} .sys_atoz-control ul li span, .sys_atoz-control ul li a {color: #fff!important; text-decoration: none!important; background-color: #003366;} #wrapper .sys_atoz-control ul li a{cursor: pointer; display:block;} .sys_atoz-control ul li:hover, .sys_atoz-control ul li:hover a, .sys_atoz-control ul li:hover span{text-decoration: none; background-color: #00B1A7;} .sys_atoz-control ul li.sys_selected, .sys_atoz-control ul li.sys_selected a, .sys_atoz-control ul li.sys_selected span { background-color: #000; } .sys_atoz-control ul li.sys_off { padding: 0 .7em; background: none!important; } .sys_atoz-control ul li.sys_prev { float: left; text-transform: lowercase; } .sys_atoz-control ul li.sys_next { float: right; text-transform: lowercase; } .sys_atoz_heading {font-weight:normal; clear:both;margin: 1em 0;color: #00B1A7; font-size: 2.3em; padding: 1em 0 0 0; } .sys_atoz-control .sys_subitem-heading a:link, .sys_atoz-control .sys_subitem-heading a:visited{color: #fff; font-weight: normal!important; text-decoration:none!important;} .sys_atoz-control .sys_subitem-heading a:hover{ text-decoration:underline!important;} #wrapper #siteAZ_List a{color: #000; } #wrapper #siteAZ_List ul li.sys_subitem, #wrapper #AZListing_List .sys_subitem{color: #000; border-bottom: 1px solid #f7f7f7;margin: 0; padding: .3em .1em;font-weight:normal;float:left; clear:both; width: 98%;} #wrapper #siteAZ_List ul li.sys_subalternatingitem, #wrapper #AZListing_List .sys_subalternatingitem{background-color:#eeeeee!important;} #wrapper #siteAZ_List ul li.sys_subitem:hover, #wrapper #AZListing_List .sys_subitem:hover{border-bottom: 1px solid #00B1A7;} /* pagination */ .sys_flickrpager{overflow: hidden; float: left; clear: both; width: 100%; margin-top:1em;} .sys_flickrpager .sys_paginginfo{margin-bottom: 0!important;} .sys_navigation {text-align: center; border-bottom:1px dotted #ACA99C; border-top:1px dotted #ACA99C; margin:.5em 0 1px; overflow:hidden; padding:1em 20px 1em 0;} .sys_flickrpager .sys_navigation span.sys_navigationprevious a:link, .sys_flickrpager .sys_navigation span.sys_navigationnext a:link, .sys_flickrpager .sys_navigation span.sys_navigationprevious a:visited, span.sys_navigationnext a:visited, .sys_flickrpager .sys_navigation .sys_page a, .sys_flickrpager .sys_navigation .sys_ellipsis{border: 2px solid #efefef; background-color: #003366; color: #fff!important; text-align: center; cursor:pointer; padding: .4em 0.7em; text-decoration:none!important;} #wrapper .sys_flickrpager .sys_navigation span.sys_navigationprevious a:hover, #wrapper .sys_flickrpager .sys_navigation span.sys_navigationnext a:hover, #wrapper .sys_flickrpager .sys_navigation span a:hover{background-color: #00B1A7; text-decoration:none;} .sys_flickrpager .sys_navigation span.sys_disabled{background-color: #665C55!important;} .sys_flickrpager .sys_navigation span.sys_disabled, .sys_flickrpager .sys_navigation .sys_selected span{background-color: #000000; color: #ccc!important; font-weight: normal; cursor:auto; padding: .4em 0.7em;};} .sys_flickrpager .sys_navigation .sys_selected span{padding: 0.4em .7em;} /* styles generic to mini templates */ .sys_twoColumns5050, .sys_threeColumns, .sys_twoColumns_7030, .sys_twoColumns_3070, .sys_FaqQuestion, .sys_FaqAnswer, .sys_fourColumns, .sys_fiveColumns, .sys_twoColumns, .sys_twoColumns_1585, .sys_twoColumns_2575, .sys_image-with-heading, .sys_imageWithHeading, #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow{margin-bottom: 3px;overflow: hidden; float:left; clear: both; width: 100%;} /* mini templates column layouts */ /* 2 Columns 50%Fluid */ .sys_twoColumns5050 .sys_one, .sys_twoColumns5050 .sys_two {width: 48%; margin: 0; float: left;} .sys_twoColumns5050 .sys_two{float: right; border-left: 1px dotted #ACA99C; margin: 0; padding: 0 0 0 14px;} .sys_twoColumns5050 .sys_two .sys_twoColumns5050 .sys_two{border:none;} .sys_fullWidth .sys_twoColumns5050 .sys_two{float: right; border-left: 1px dotted #ACA99C; margin: 0; padding: 0 0 0 17px; } /* 2 Columns 50%*/ .sys_twoColumns .sys_one, .sys_twoColumns .sys_two {width: 48%; margin: 0; float: left;} .sys_twoColumns .sys_two{float: right; border-left: 1px dotted #ACA99C; margin: 0; padding: 0 0 0 14px;} .sys_twoColumns_7030 .sys_twoColumns5050 .sys_two, .sys_twoColumns_3070 .sys_twoColumns5050 .sys_two{border: none;} /* 3 Columns 30% */ .sys_threeColumns .sys_one, .sys_threeColumns .sys_two, .sys_threeColumns .sys_three {width: 30.3%; margin: 0; float: left; padding-right: 14px;} .sys_threeColumns .sys_two, .sys_threeColumns .sys_three {border-left: 1px dotted #ACA99C; padding-left: 14px;} .sys_threeColumns .sys_three {padding-right: 0px!important;} .sys_relatedLeft .sys_threeColumns .sys_one, .sys_relatedLeft .sys_threeColumns .sys_two, .sys_relatedLeft .sys_threeColumns .sys_three {padding-right: 10px;} .sys_relatedLeft .sys_threeColumns .sys_two, .sys_relatedLeft .sys_threeColumns .sys_three {padding-left: 10px;} .sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_one, .sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_two, .sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_three {width: 29%; padding-right: 14px;} .sys_twoColumns_7030 .sys_threeColumns .sys_two, .sys_twoColumns_7030 .sys_threeColumns .sys_three {border: none; padding-left: 12px;} .sys_fullWidth .sys_threeColumns .sys_one, .sys_fullWidth .sys_threeColumns .sys_two, .sys_fullWidth .sys_threeColumns .sys_three {width: 31.22%;} /*global food security fix */ .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_one, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {width: 31.8%; padding-right: 7px;} .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {padding-left: 7px;} /* 2 Columns 70% 30% */ .sys_twoColumns_7030 .sys_one_7030, .sys_twoColumns_7030 .sys_two_7030 {margin: 0; float: left;} .sys_twoColumns_7030 .sys_one_7030 {width: 64.7%; padding-right: 14px; border-right: 1px dotted #ACA99C;} .sys_twoColumns_7030 .sys_two_7030 {width: 30.4%; margin: 0; padding: 0 0 0 14px;} .sys_textOverlay .sys_one_7030{border: none;} .sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 {width: 65.5%;} .sys_fullWidth .sys_twoColumns_7030 .sys_two_7030 {width: 31%;} /* 2 Columns 30% 70% */ .sys_twoColumns_3070 .sys_one_3070, .sys_twoColumns_3070 .sys_two_3070{ margin: 0; float: left; } .sys_twoColumns_3070 .sys_one_3070{width: 30.4%; padding-right: 14px;} .sys_twoColumns_3070 .sys_two_3070{width: 65%; margin: 0;border-left: 1px dotted #ACA99C; padding: 0 0 0 14px;} .sys_fullWidth .sys_twoColumns_3070 .sys_one_3070{width: 31.3%;} .sys_fullWidth .sys_twoColumns_3070 .sys_two_3070{width: 65.5%;} /* 2 Columns 15% 85% */ .sys_twoColumns_1585 .sys_one_1585{width: 15%; padding-right: 14px; float: left; } .sys_twoColumns_1585 .sys_two_1585{width: 83%; float: right; margin: 0; padding: 0;} /* 2 Columns 25% 75% */ .sys_twoColumns_2575 .sys_one_2575{width: 25%; padding: 0; float: left; } .sys_twoColumns_2575 .sys_two_2575{width: 73%; padding: 0 0 0 14px; margin: 0; float:right;} .sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 {width: 23.3%; padding: 0 7px 0 0; float:left; border-right:1px dotted #ACA997; margin:0;} .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 {width:75%; padding: 0 0 0 7px; margin: 0; float:left;} /* 4 Columns 25% */ .sys_fourColumns .sys_one, .sys_fourColumns .sys_two, .sys_fourColumns .sys_three, .sys_fourColumns .sys_four{width: 23.45%; margin: 0 14px 0 0; float: left;} .sys_fourColumns .sys_four{margin: 0; float:left;} .sys_fullWidth .sys_fourColumns .sys_one, .sys_fullWidth .sys_fourColumns .sys_two, .sys_fullWidth .sys_fourColumns .sys_three, .sys_fullWidth .sys_fourColumns .sys_four{width: 219.5px; margin: 0 14px 0 0; float: left;} .sys_fullWidth .sys_fourColumns .sys_four{margin: 0; float:left;} /* 5 Columns 25% */ .sys_fiveColumns .sys_one, .sys_fiveColumns .sys_two, .sys_fiveColumns .sys_three, .sys_fiveColumns .sys_four, .sys_fiveColumns .sys_five{width: 18.15%; margin: 0 14px 0 0; float: left;} .sys_fiveColumns .sys_five{margin: 0; float:left;} .sys_fullWidth .sys_fiveColumns .sys_one, .sys_fullWidth .sys_fiveColumns .sys_two, .sys_fullWidth .sys_fiveColumns .sys_three, .sys_fullWidth .sys_fiveColumns .sys_four, .sys_fullWidth .sys_fiveColumns .sys_five{width: 18.74%;} h1.headingBackground, h2.headingBackground, h3.headingBackground, #content .sys_contactDetails h2{min-height: 14px; height: auto;line-height: 14px; clear: both; margin-bottom: 5px!important; font-weight: normal;background-color: #003366; color: #fff!important; padding: 4px;} .sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3, .sys_textOverlay{z-index:1000; background: url(/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png) top left repeat; background-color: none;} .sys_imageWithHeading h1 a, .sys_imageWithHeading h2 a, .sys_imageWithHeading h3 a, h1.headingBackground a, h2.headingBackground a, h3.headingBackground a, h2.headingBackgroundUG a, h3.headingBackgroundUG a, h2.headingBackgroundPG a, h3.headingBackgroundPG a {display:block;color: #fff!important; font-weight: normal!important; text-decoration:none!important;} h2.headingBackgroundUG, h3.headingBackgroundUG {background-color:#CA0064;min-height: 14px; height: auto;line-height: 14px; clear: both; margin-bottom: 5px!important; font-weight: normal; color: #fff!important; padding: 4px;} h2.headingBackgroundPG, h3.headingBackgroundPG {background-color:#0FA056;min-height: 14px; height: auto;line-height: 14px; clear: both; margin-bottom: 5px!important; font-weight: normal; color: #fff!important; padding: 4px;} #wrapper #content a.bgArrowRight, #wrapper #content a.bgArrowDown, #wrapper #content a.bgTwitter, #wrapper #content a.bgFacebook, #wrapper #content a.bgFoursquare, #wrapper #content a.bgLinkedin, #wrapper #content a.bgYouTube, #wrapper #content a.bgVideo, #wrapper #content a.bgArrowRightLarge, #wrapper #content a.bgPinterest{text-decoration:none;float:left; width: 100%; clear:both; margin-bottom: 4px;font-weight: normal;color: #fff; background-color: #00B1A7;background-position: 99% 50%; background-repeat:no-repeat; padding: 8px 0px 10px 4px;} #wrapper #content a.bgArrowRightLarge{padding: 16px 0px 22px 4px;font-size: 1.4em; line-height: 1.2em;} #wrapper #content a.bgArrowRight:hover, #wrapper #content a.bgArrowDown:hover, #wrapper #content a.bgTwitter:hover, #wrapper #content a.bgLinkedin:hover, #wrapper #content a.bgFacebook:hover, #wrapper #content a.bgFoursquare:hover, #wrapper #content a.bgYouTube:hover, #wrapper #content a.bgVideo:hover, #wrapper #content a.bgArrowRightLarge:hover, #wrapper #content a.bgPinterest:active, #wrapper #content a.bgArrowRight:active, #wrapper #content a.bgArrowDown:active, #wrapper #content a.bgTwitter:active, #wrapper #content a.bgLinkedin:active, #wrapper #content a.bgFacebook:active, #wrapper #content a.bgFoursquare:active, #wrapper #content a.bgYouTube:active, #wrapper #content a.bgVideo:active, #wrapper #content a.bgArrowRightLarge:active, #wrapper #content a.bgPinterest:active{background-color: #000; color: #fff; text-decoration:none;} #content a.bgArrowRight{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-right.png");} #content a.bgArrowDown{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-down.png");} #content a.bgTwitter{background-image: url("/siteelements/images/icons/bg/bg-icon-twitter-bird.png");} #content a.bgFacebook{background-image: url("/siteelements/images/icons/bg/bg-icon-facebook.png");} #content a.bgFoursquare{background-image: url("/siteelements/images/icons/bg/bg-foursquare.png");} #content a.bgLinkedin{background-image: url("/siteelements/images/icons/bg/bg-icon-linkedin.png");} #content a.bgYouTube{background-image: url("/siteelements/images/icons/bg/bg-icon-youtube.png");} #content a.bgVideo{background-image: url('/siteelements/images/icons/bg/bg-icon-video-camera.png');} #content a.bgArrowRightLarge{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-right-large.png");} #content a.bgPinterest{background-image: url("/siteelements/images/icons/bg/bg-icon-pinterest.png");} #wrapper #content a.bgPDF-left, #wrapper #content a.bgMSword-left, #wrapper #content a.bgMSexcel-left, #wrapper #content a.bgPadlock-left{background-position:0 50%; background-repeat:no-repeat; padding: 0 0 0 20px;} #content a.bgPDF-left{background-image: url("/siteelements/images/icons/bg/bg-icon-pdf-16x16.png");} #content a.bgMSword-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msword-16x16.png");} #content a.bgMSexcel-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msexcel-16x16.png");} #content a.bgPadlock-left{background-image: url("/siteelements/images/icons/bg/bg-padlock-16x16.png");} #content a.download{background: url("/SiteElements/Images/Base/Internal/iconDownloadGrey.png") no-repeat 100% 50%; width: 100%; height: 45px;display:block;line-height: 44px; font-weight:bold;} #content a.download:hover{background-image: url("/SiteElements/Images/Base/Internal/iconDownloadGrey.png");} #wrapper #content a.bgArrowRight, #wrapper #content a.bgArrowDown, #wrapper #content a.bgTwitter, #wrapper #content a.bgFacebook, #wrapper #content a.bgYouTube, #wrapper #content a.bgVideo, #wrapper #content a.bgArrowRightLarge{text-decoration:none;float:left; width: 100%; clear:both; margin-bottom: 4px;font-weight: normal;color: #fff; background-color: #00B1A7;background-position: 99% 50%; background-repeat:no-repeat; padding: 8px 0px 10px 4px;} #wrapper #content a.bgArrowRightLarge{padding: 16px 0px 22px 4px;font-size: 1.4em; line-height: 1.2em;} #wrapper #content a.bgArrowRight:hover, #wrapper #content a.bgArrowDown:hover, #wrapper #content a.bgTwitter:hover, #wrapper #content a.bgFacebook:hover, #wrapper #content a.bgYouTube:hover, #wrapper #content a.bgVideo:hover, #wrapper #content a.bgArrowRightLarge:hover{background-color: #000; color: #fff; text-decoration:none;} #content a.bgArrowRight{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-right.png");} #content a.bgArrowDown{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-circle-down.png");} #content a.bgTwitter{background-image: url("/siteelements/images/icons/bg/bg-icon-twitter-bird.png");} #content a.bgFacebook{background-image: url("/siteelements/images/icons/bg/bg-icon-facebook.png");} #content a.bgYouTube{background-image: url("/siteelements/images/icons/bg/bg-icon-youtube.png");} #content a.bgVideo{background-image: url('/siteelements/images/icons/bg/bg-icon-video-camera.png');} #content a.bgArrowRightLarge{background-image: url("/siteelements/images/icons/bg/bg-icon-arrow-right-large.png");} #wrapper #content a.bgPDF-left, #wrapper #content a.bgMSword-left, #wrapper #content a.bgMSexcel-left, #wrapper #content a.bgPadlock-left{background-position:0 50%; background-repeat:no-repeat; padding: 0 0 0 20px;} #content a.bgPDF-left{background-image: url("/siteelements/images/icons/bg/bg-icon-pdf-16x16.png");} #content a.bgMSword-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msword-16x16.png");} #content a.bgMSexcel-left{background-image: url("/siteelements/images/icons/bg/bg-icon-msexcel-16x16.png");} #content a.bgPadlock-left{background-image: url("/siteelements/images/icons/bg/bg-padlock-16x16.png");} /* mini templates H1s, H2s and H3s with images and text overlay All fixed widths */ .sys_imageWithHeading{position: relative;} .sys_imageWithHeading a{color: #fff; font-weight: bold!important;} .sys_imageWithHeading img{z-index:1; border: 4px solid #fff;} .sys_fullWidth .sys_imageWithHeading img{z-index:1; border: 5px solid #fff;} .sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground .sys_imageWithHeading img{border:none;} .sys_boxWithGreyBackground .sys_imageWithHeading h1, .sys_boxWithGreyBackground .sys_imageWithHeading h2, .sys_boxWithGreyBackground .sys_imageWithHeading h3, .sys_boxWithGreyBackground .sys_imageWithHeading h4{left: 0!important; top: 0;} .sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3{z-index:2; padding:4px 8px 4px 4px!important; margin: 0!important; color: #fff!important; position: absolute; top: 4px; right: 4px; background: url(/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png) repeat 0 0; display: block; font-weight: normal;} .sys_H1-2line-image-920px-textOverlay img, .sys_H1-image-920px-right img{border: none!important;} .sys_H1-image-714px-right h1, .sys_H1-image-920px-right h1, .sys_H1-image-466px-right h1, .sys_H1-image-714px-textOverlay h1, .sys_H1-2line-image-714px-textOverlay h1, .sys_H1-2line-image-920px-textOverlay h1{z-index:100; top: 20px; right: 4px; font-size: 2.6em!important;padding-bottom: .3em!important;} .sys_H1-image-714px-textOverlay .sys_textOverlay, .sys_H1-image-920px-textOverlay .sys_textOverlay, .sys_H1-2line-image-714px-textOverlay .sys_textOverlay, .sys_H1-2line-image-920px-textOverlay .sys_textOverlay{width: auto;z-index:100;color: #fff; background: url(/SiteElements/Images/Base/Internal/bg-textOverlay-black.png) repeat 0 0; position: absolute; color: #fff; padding: .5em; left:4px; bottom:11px; z-index:1000;} .sys_H1-image-714px-textOverlay .sys_textOverlay, .sys_H1-image-920px-textOverlay .sys_textOverlay{bottom:-2px;} .sys_H1-image-920px-right h1{right: 0px;} .sys_H2-image-208px-left h2, .sys_H3-image-208px-left h3{z-index:100; font-size:1.2em!important;text-align: left!important; left: 4px; top: 4px; right: auto; padding-bottom: .45em; max-width:196px;} .sys_H2-image-208px-left, .sys_H3-image-208px-left{max-width: 218px;} .sys_H1-image-714px-textOverlay h1, .sys_H1-image-920px-textOverlay h1{z-index:1000;right: 4px;} .sys_H1-2line-image-714px-textOverlay h1, .sys_H1-2line-image-920px-textOverlay h1{width: 100%; background: none!important;} .sys_H1-2line-image-714px-textOverlay h1 span.sys_grey, .sys_H1-2line-image-920px-textOverlay h1 span.sys_grey{padding:4px 8px .2em 4px!important;position: absolute; right: 1px; width: auto; background-image: url(/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png)!important;} .sys_H1-2line-image-920px-textOverlay h1 span.sys_grey{right: -5px; } .sys_H1-2line-image-714px-textOverlay h1 span.sys_normal,.sys_H1-2line-image-920px-textOverlay h1 span.sys_normal{ padding:4px 8px .4em 4px!important; position: absolute; right: 1px; top: 1.8em; text-align: right; background: url(/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png) repeat 0 0;} .sys_H1-2line-image-920px-textOverlay h1 span.sys_normal{right: -5px;} #wrapper #content .sys_textOverlay a{color: #fff;} .sys_textOverlay h2{background: none!important; position: relative; font-weight: normal; margin: 0 0 .6em 0!important;} .sys_textOverlay .nextCaseStudy{position: absolute; display:block; bottom: 10px; right:10px; text-align:right; color: #ffffff!important;} .sys_H1-image-714px-right, .sys_H1-2line-image-714px-textOverlay, .sys_H1-image-920px-right, .sys_H1-2line-image-920px-textOverlay {height: 335px;} .sys_H2-image-208px-left p{position: absolute; top: 40px; left: 10px; color: #fff; font-size: 1.1em;} #content .sys_H2-image-130px-left h2{left: 4px!important; top: 4px;font-size: 1.2em;} /* Search results page - results */ #genericSearchResults_List{font-size: 1.1em;} #genericSearchResults_List .sys_thumbnail span, #genericSearchResults_List .js div.sys_thumbnail, #genericSearchResults_List .sys_thumbnail, #genericSearchResults_List div.sys_thumbnail{float: left;} #genericSearchResults_List .sys_icon, #genericSearchResults_List .sys_thumbnail span{display:none;} #genericSearchResults_List img{display:none;} #genericSearchResults_List .sys_subitem{float: left;} #genericSearchResults_List h3.sys_subitem-heading a{font-size: 0.8em!important; color: #336699!important;float: left; width: 100%;} #genericSearchResults_List dt.sys_search-url, #genericSearchResults_List dt.sys_search-description{display:none;} #genericSearchResults_List dd.sys_search-url{color: #ccc;float: left; width: 100%;} #genericSearchResults_List dd.sys_search-description{float: left; width: 100%;} #genericSearchResults_List .sys_noresults{background:none; border: none; font-size: 1em;margin: 0; padding: 0;} #genericSearchResults_List .sys_noresults ul{} #genericSearchResults_List .sys_noresults ul li{border: none;} h2.sys_search-title{background: none!important; float: left; width: 100%; font-size: 1.5em!important;} /* Search box - general size */ .sys_search-query-control{margin: 0; background: none; padding: 0; } .sys_search-label{padding: 0; margin: 0; display:none;} #content #genericSearchControl_SearchTextBox{padding: 2px; margin:0; width: 140px!important;} #content #genericSearchControl_SearchButton, #content .sys_button{background-image:none;border: 1px solid #efefef; background-color: #036; color: #fff; text-align: center; font-weight: bold; cursor:pointer; padding: 0.1em; margin: 0;} #content #genericSearchControl_SearchButton:hover, #content .sys_button:hover{background-color: #000!important;} .sys_FaqQuestion, .sys_FaqQuestionShowHide, .sys_moreInformation, .sys_importantInformation, .sys_FaqAnswer, .sys_FaqAnswerShowHide{width: 90%;min-height: 2em; padding: 6px 0 0 30px; margin-bottom: .5em;background: url(/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png) 0 8px no-repeat;} .sys_moreInformation{background-image: url(/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png);} .sys_importantInformation{background-image: url(/SiteElements/Images/Base/Internal/bg-exclamation-CorpBlue.png);} .sys_FaqQuestion,.sys_FaqQuestionShowHide {background-image: url(/SiteElements/Images/Base/Internal/bg-faq-question-CorpBlue.png);font-weight: bold; } .sys_FaqAnswer,.sys_FaqAnswerShowHide{background-image: url(/SiteElements/Images/Base/Internal/bg-faq-answer-CorpBlue.png); margin-bottom: 1em;} .sys_FaqAnswer p, .sys_FaqAnswerShowHide p{margin: 0;} .sys_FaqAnswer table{font-size: 0.9em;} blockquote{margin: 0;} blockquote.sys_blockquoteMiniTemplate { margin: 0; padding: 0 1.6em; background: url(/SiteElements/Images/Base/Internal/bg-blockquoteOpen-CorpBlue.png) no-repeat top left; float: left; clear: left; display: block; width: 92%;} blockquote.sys_blockquoteMiniTemplate span { display: block; background: url(/SiteElements/Images/Base/Internal/bg-blockquoteClose-CorpBlue.png) no-repeat bottom right; padding-right: 1em;} blockquote.sys_blockquoteAltpadding,blockquote.sys_blockquoteAlt,div.sys_studentProfilesQuotes, p.FauxBlockquote { padding: 1em; background-color: #efefef; } blockquote.sys_blockquoteAlt span, div.sys_studentProfilesQuotes span, p.FauxBlockquote span { display: block; } /* releated content */ .sys_relatedLeft, .sys_relatedRight{margin: 0; float: left;} .sys_relatedLeft { width: 65%; padding-right: 1.9%;border-right: 1px dotted #ACA99C;} .sys_relatedRight { width: 30.4%; margin: 0; padding: 0 0 0 2%;} .sys_relatedRight h2 { margin: 1.5em 0 1px; } .sys_relatedRight h2:first-child, #internal #content .sys_relatedRight h2.sys_first { margin: .8em 0 10px; } /* related links mini template */ .sys_relatedLinks h2 { margin: 1.5em 0 1px; } .sys_relatedLinks h2:first-child, #content .sys_relatedLinks h2.sys_first { margin: .4em 0 1em 0; } img.floatLeft{float: left; margin-right: .3em;} img.floatRight{float: right; margin-left: .3em;} .sys_rss-link a, .sys_atom-link a{background:url("/SiteElements/Images/Icons/iconfeed12x12.png") no-repeat scroll left center transparent;margin-left: 1.2em;padding-left: 1.1em; text-decoration: none!important; height: 18px; line-height: 18px;} .sys_atom-link a{background:url("/SiteElements/Images/Icons/iconfeedAtom12x12.png") no-repeat scroll left center transparent;} .sys_rss-link a:hover, .sys_atom-link a:hover{text-decoration: underline!important;} #content .sys_boxWithDottedBorder, #content .sys_boxWithDarkBackground, #content .sys_videoBox, #content .sys_contactDetails, #content .sys_boxWithGreyBackground, #content .sys_boxWithWhiteBackground, #content .sys_box98pxHeight{padding: .5em; margin-bottom: .5em;float:left; width: 95%; clear:both;} #content .sys_boxWithGreyBackground, #content .sys_boxWithGreyBackground h1, #content .sys_boxWithGreyBackground h2, #content .sys_boxWithGreyBackground h3, #content .sys_boxWithGreyBackground h4, #content .sys_boxWithGreyBackground li, #content .sys_boxWithGreyBackground a, #content .sys_videoBox, #content .sys_videoBox h1, #content .sys_videoBox h2, #content .sys_videoBox h3, #content .sys_videoBox h4, #content .sys_videoBox li, #content .sys_videoBox a, #content .sys_contactDetails, #content .sys_contactDetails h1, #content .sys_contactDetails h2, #content .sys_contactDetails h3, #content .sys_contactDetails h4, #content .sys_contactDetails li, #content .sys_contactDetails a, #content .sys_boxWithDarkBackground, #content .sys_boxWithDarkBackground h1, #content .sys_boxWithDarkBackground h2, #content .sys_boxWithDarkBackground h3, #content .sys_boxWithDarkBackground h4, #content .sys_boxWithDarkBackground li, #content .sys_boxWithDarkBackground a{color: #fff;} #main #content .sys_boxWithGreyBackground a:hover, #main #content .sys_videoBox a:hover, #main #content .sys_contactDetails a:hover, #main #content .sys_boxWithDarkBackground a:hover{color: #ccc;} #main #content .sys_boxWithGreyBackground h1.headingBackground, #main #content .sys_boxWithGreyBackground h2.headingBackground, #main #content .sys_boxWithGreyBackground h3.headingBackground, #main #content .sys_boxWithGreyBackground h4.headingBackground{background-color: #000;} .sys_boxWithDottedBorder{border: 1px dotted #ACA99C; background-color: #fff;} .sys_box98pxHeight{border: 5px solid #fff; background-color: #f6f6f6;} .sys_boxWithDarkBackground{background-color:#003366;} .sys_boxWithGreyBackground{background-color:#4f4f4f;} .sys_boxWithWhiteBackground{background-color:#ffffff;} .sys_videoBox{background-color:#4f4f4f;} .sys_boxWithGreyBackground .sys_twoColumns .sys_one, .sys_boxWithGreyBackground .sys_twoColumns .sys_two{padding: 0; width: 49%; border: none;} .sys_fullWidth .sys_fourColumns .sys_boxWithGreyBackground{padding:0;} .sys_videoBox{background-color:#4f4f4f;} .sys_videoBoxTitle {z-index: 1000; background-color: #333333; position: absolute; padding: .4em; font-size: 1.3em;} .sys_videoBox .sys_one_7030 {z-index: 0; width:314px; min-height: 200px; padding: 0; border: none;position: relative;} .sys_videoBox .sys_two_7030 {width: 124px; padding: 0 8px;} .sys_fullWidth .sys_fourColumns .sys_box98pxHeight{height: 86px; width: 204px; overflow:hidden;} /* mini template contact details */ #content .sys_contactDetails{ padding: 0; overflow: hidden; background-color: #333333; color: #fff; } #content .sys_contactDetails a{color: #fff;} #content .sys_contactDetails p { margin: 0;} #content .sys_contactDetails div.sys_left {float: left;padding: .3em;} #content .sys_contactDetails div.sys_right {float: right; text-align: left;padding: .3em;} #content table th, #content table td {border-collapse: collapse; padding: .4em .6em; vertical-align: top; } #content table thead th, #content table tbody th {color:#003366; font-weight:bold;} #content table td .tableRowHighlight{background-color: #ccc; display: block;} #content table th, #content table tr, #content table tr td, #content table.genericTable th, #content table.genericTable tr, #content table.genericTable tr td{border: 1px solid #ccc; margin: 0;} #content table, #content table.genericTable{margin-bottom: 1em 0; width: 100%;} /* Removed display:block; to fix an issue ulzgw 03/06/10 - /GEP/news-events/internal-workshops/index.aspx */ #content table caption, #content table.genericTable caption{font-size: 1.2em; text-align: left; padding: .5em 0;} #content table caption p, #content table.genericTable caption p{margin: 0; padding: 0;} #content table caption strong, #content table.genericTable caption strong{font-weight:normal;} #content table.genericTable tbody tr.sys_alt td { background-color: #dedede;} #content table.genericTable tr .tableRowHighlight{ background: #efefef; padding: 0;} #content table.genericTable tr .tableRowHighlight span{padding: .4em .6em;} #content table.genericTable .tableRowHighlight td{ background: #efefef; padding: .4em .6em;} #content div table.genericTable{font-size: 1em;} /* added this line of code to fix text size in tables within mini templates ulzgw 01/06/10 example here /finance/guidesforms/index.aspx */ /* forms */ div#F1_Panel_1{float:left; clear:both; width: 96%; margin-bottom: .5em;} #xmlform_panel{float:left; clear:both; width: 96%; margin-bottom: .5em;} #content fieldset, #content #xmlform_panel fieldset {float:left; width: 100%;margin: 2em 0; padding: 1em 0; border-bottom: 3px double #e5e5e5; } #content #xmlform_panel div{float: left;width: 100%; margin-bottom: .4em;} #content #xmlform_panel fieldset.sys_radios{width: 100%;} #content #xmlform_panel fieldset legend{float:left;position: relative; left: 0; z-index: 1000;} #content #xmlform_panel fieldset.sys_radios .sys_formlegend{} #content #xmlform_panel fieldset.sys_radios label{margin-left: 25%;clear:both; width:auto; margin-bottom: .3em;} #content #xmlform_panel fieldset.sys_radios label input{margin-right: .3em; } #content #xmlform_panel p.sys_formlegend{ width: 27%; margin: 0; float: left; padding: 0;} #content fieldset p{float:left; clear:both; width: 100%;} #content legend, #content #xmlform_panel legend { position: relative; color: #666; font-weight: bold; margin: 0; padding-bottom: .5em; } #content p.sys_requiredInfo img { vertical-align: text-top; } #content span.sys_required{ visibility: visible!important; color: #ff0000!important; padding-left: 10px; margin-left: 6px;} #content ul.sys_errorInfo li { background: none; padding: 0; color: #df0c0c; } #content label.label { width: 27%; margin: 0; float: left; padding: 0;} #content p label.label, #content #xmlform_panel label{float:left; width: 27%; margin: 0; padding: 0;} #content table label{font-size: 1em;} #content table.radio{margin-top: -21px; margin-left: 27%; width:69%; background:none;} #content table.checkbox{margin-top: -34px; margin-left: 27%; width:69%;background:none;} #content span.checkbox{float: left; margin: 0; width:70%;} #content .checkbox{float: left; margin: 0; width:72%;} #content .radio input {border: 0; } #content .checkbox input {float:left; margin: 0 .5em 0 0;} #content .checkbox label{} #content input.button, #content #SendToAFriend_ButtonContainer input, #content input#login, #content p.submit input{padding:0.5em 1em;background-color: #003366; color: #fff; text-align: center; font-weight: bold; cursor:pointer;} #container #content #xmlform_BtnSubmit, #container #content input#F1_ButtonSubmit_Finish, #container #content input#F1_Button_Finish, #container #content input#F1_ResetButton{background-image:none;background-color: #003366; padding:0.7em 1.2em; color: #fff; text-align: center; font-weight: bold; cursor:pointer;} #container #content input.button:hover, #container #content #SendToAFriend_ButtonContainer input:hover, #container #content input#login:hover, #container #content p.submit input:hover, #container #content #xmlform_BtnSubmit:hover, #container #content input#F1_ButtonSubmit_Finish:hover, #container #content input#F1_Button_Finish:hover, #container #content input#F1_ResetButton:hover {background-color: #000000!important; color: #fff;} #content input.button:active, #content #SendToAFriend_ButtonContainer input:active, #content input#login:active, #content p.submit input:active{background-color: #000000;} #content input, #content select, #content textarea, #content #xmlform_panel input {float:left; padding: 2px 3px; margin-left: 1em; vertical-align: middle; color: #666; border: 1px solid #dfdfdf;} #content input, #content select, #content textarea, #content #xmlform_panel input {float:none;} #content input.sys_error, #content select.sys_error, #content textarea.sys_error { border: 1px solid #df0c0c; } #content input.sys_error.sys_active, #content select.sys_error.sys_active, #content textarea.sys_error.sys_active { border: 1px solid #000; } #content input.sys_active, #content select.sys_active, #content textarea.sys_active, #content #xmlform_panel input.sys_active { border: 1px solid #a8a8a8; } #content strong.sys_error { margin: .1em 0 0 150px; clear: both; color: #df0c0c; display: block; font-size: 1.1em; } /* form styling for new form control - ulzgw 08-02-2012 */ #content .sys_cms-form-control{border-top: 1px dashed #ccc;padding-top: .5em;font-family:verdana;} #content .sys_cms-form-control ul{padding: 0;} #content .sys_cms-form-control.sys_labels-top fieldset legend{margin-bottom: .3em; padding: 0;width: 100%;float:left; clear:both;} #content .sys_cms-form-control.sys_labels-top fieldset legend span{position: relative; width: 100%;padding: 0;margin: 0;} #content .sys_cms-form-control.sys_labels-left fieldset legend{width: 31%;float:left; clear:none;} #content .sys_cms-form-control.sys_labels-left fieldset legend span{position: relative; width: 100%;margin: 0; padding: 0;} #content .sys_cms-form-control .sys_instructions{font-size: 1em;} #content .sys_cms-form-control .sys_sectionbreak{border-left: 4px solid #4f4f4f; margin: 1em 0; padding-left: .3em;} #content .sys_cms-form-control .sys_sectionbreak-header{font-weight:normal;font-size: 1.4em; line-height: 1.4em;} #content .sys_cms-form-control .sys_sectionbreak-text{} #content .sys_cms-form-control ul.sys_cms-form-body{margin: 0;} #content .sys_cms-form-control .sys_cms-form-item {} #content .sys_cms-form-control fieldset{padding: 0;margin: 0; border:none;} #content .sys_cms-form-control .sys_cms-form-validationsummary{padding: .3em;border:2px solid #cc0000; margin: 1em 0 0 0; background-color: #fbe5e5; color: #000;} #content .sys_cms-form-control .sys_cms-form-validationsummary li{margin: .3em 0;color: #000;} /* #content .sys_cms-form-control .sys_fieldcontent{width: 96%;} removed to fix form issue */ #content .sys_cms-form-control label, #content .sys_cms-form-control input, #content .sys_cms-form-control select, #content .sys_cms-form-control textarea{font-family:verdana; margin: 0;} #content .sys_cms-form-control textarea{margin: 0; width: 370px;} #content .sys_cms-form-control .sys_fieldcontent span{} #content .sys_cms-form-control .sys_fieldcontent span label{margin-left: .5em;} #content .sys_cms-form-control .sys_buttons button{font-size: 1.3em;padding: .3em 1em;background-color: #003366; color: #fff;cursor:pointer;} #content .sys_cms-form-control .sys_buttons button:hover{background-color: #000;} #content .sys_cms-form-control .sys_radio span input, #content .sys_cms-form-control .sys_checkbox span input{margin-top: 2px;float:left; clear:none;} #content .sys_cms-form-control .sys_radio span label, #content .sys_cms-form-control .sys_checkbox span label{float:left; clear:none;padding: 0;} #content .sys_cms-form-control.sys_labels-left .sys_fieldcontent{} #content .sys_cms-form-control.sys_labels-left .sys_fieldcontent{padding: 0;} #content .sys_cms-form-control.sys_labels-left .sys_fieldlabel{left: 0;padding: 0;} /* Staff lookup */ #content .sys_stafflistsection table{border: none;} #peopleprofile .imgBorderRight {float:right;width:120px;} #peopleprofile .ui-helper-clearfix {clear:both;} #lookup-personal-details ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } li#staffprofile-address, li#staffprofile-telephone, li#staffprofile-fax, li#staffprofile-email {width:40%;float:left;} #content .sys_stafflistsection table{margin-top: 1em;} #content .sys_stafflistsection table th {background-color:#F6F6F6;font-size: 1em;font-weight:bold;color:#036;padding-left: 0;} #content .sys_stafflistsection table tr.sys_stafflistsectionheader{padding-bottom: 1em;} #content .sys_stafflistsection table tr.sys_stafflistsectionheader th {background-color:#efefef;color:#036;border-top:1px dotted #8B8B8B; border-bottom:1px dotted #8B8B8B; } #content #lookup-personal-details li { padding-left:20px; } #peopleprofile .sys_vcard ul li#vcard { background: url(/SiteElements/Images/Template/Internal/PeopleLookup/vcard.png) no-repeat scroll left 0.2em; padding-left:20px; } #peopleprofile .sys_vcard ul li#back { background: url(/SiteElements/Images/Template/Internal/bg-ul-back.png) no-repeat scroll left 0.2em; padding-left:20px; } #peopleprofile ul li#staffprofile-address { background:url("/SiteElements/Images/Template/Internal/PeopleLookup/address.png") no-repeat scroll left top transparent; } #peopleprofile ul li#staffprofile-telephone { background:url("/SiteElements/Images/Template/Internal/PeopleLookup/telephone.png") no-repeat scroll left top transparent; } #peopleprofile ul li#staffprofile-fax { background:url("/SiteElements/Images/Template/Internal/PeopleLookup/fax.png") no-repeat scroll left top transparent; } #peopleprofile ul li#staffprofile-email { background:url("/SiteElements/Images/Template/Internal/PeopleLookup/email.png") no-repeat scroll 0 50% transparent; } #peopleprofile ul li#staffprofile-url { background:url("/SiteElements/Images/Template/Internal/PeopleLookup/worldlink.png") no-repeat scroll left top transparent; } /* Search */ .sys_search-control h1{float:left; width: 100%; clear:both;} .sys_search-control .sys_subitem {line-height:1.5em; margin:2em 0;} .sys_search-control .sys_subitem-heading {display: block; clear: both; margin: 0!important;} #content .sys_search-control h3 a:link, #content .sys_search-control h3 a:visited {color: #369;} .sys_search-control .sys_greyRoundedBox {border: 1px dotted #ACA99C; background-color: #fff; padding: 0.8em 2.5em; margin: 2em auto 0; width:25em;} .sys_search-control .sys_greyRoundedBox label{padding: 0; line-height:1.8em;} .sys_search-control input{padding: 2px; border-color: #333;} #content .sys_search-control .sys_greyRoundedBox input.sys_submit{ border:1px solid #fff; background-color:#036; color: #fff; text-align: center; font-weight: bold; cursor:pointer;} #content .sys_search-control .sys_greyRoundedBox input.sys_submit:hover{background-color:#000; } .sys_search-control dd.sys_search-url{color: green;} .sys_search-control div.sys_flickrpager{margin-top: 3em;} .sys_search-control .sys_keymatches {margin-top:2em; background-color:#eee; padding:1em; position:relative;} .sys_search-control .sys_keymatches p {float:right; background-color:#036; color:#fff; line-height:1.3em; margin-bottom:0.5em; font-size:1.2em; padding:4px; position:absolute; top:0px; right:0px;} #content .sys_search-control .sys_keymatches dt a {text-decoration:none; color:#369;} .sys_search-control div.sys_noresults{margin-top: 2em;} #internal #content .sys_search-control p.sys_resultsExplanation{margin-top: 2em; font-style: italic; color: black;} /* Styles for Mini Templates */ #content div.sys_miniTemplateImageLayouts { display:block; width: 100%; margin: 0 0 1em 0; clear: both; float: left;} #content div.sys_mt-ImageFloatLeft{} #content div.sys_mt-ImageFloatLeft div.sys_mt-left {float:left; margin-right: 1em;} #content div.sys_mt-ImageFloatLeft div.sys_mt-left img{margin: 0;} #content div.sys_mt-ImageFloatLeft div.sys_mt-left .imgBorder img{margin: 0; border: 4px solid #fff;} #content div.sys_mt-ImageFloatLeft div.sys_mt-left .sys_imageCaption{clear:left; margin: 0; padding: 0;} #content div.sys_mt-ImageFloatLeft div.sys_mt-right{margin:0 10px 5px 0;} #content div.sys_mt-ImageFloatLeft div.sys_mt-right ul, #content div.sys_mt-ImageFloatLeft div.sys_mt-right ol{position: relative; left: 1.6em;clear:right;} #content div.sys_mt-ImageFloatLeft div.sys_mt-right ul li, #content div.sys_mt-ImageFloatLeft div.sys_mt-right ol li{background:none; padding-left: 0;} #content div.sys_mt-ImageFloatLeft p.FauxBlockquote {float: left; clear: left; display: block;} #content div.sys_mt-ImageFloatRight{} #content div.sys_mt-ImageFloatRight div.sys_mt-right {float:right;margin-left: 1em;} #content div.sys_mt-ImageFloatRight div.sys_mt-right img{float:left; margin: 0; margin-left: 1em;} #content div.sys_mt-ImageFloatRight div.sys_mt-right .imgBorder img{border: 4px solid #fff; } #content div.sys_mt-ImageFloatRight div.sys_mt-right .sys_imageCaption{clear:left;margin: 0; padding: 0 10px;} #content div.sys_mt-ImageFloatRight div.sys_mt-left{margin:5px 0 5px 0;} /* changed from clear:right to clear:left - ag */ #content div.sys_mt-ImageFloatRight div.sys_mt-left ul, #content div.sys_mt-ImageFloatRight div.sys_mt-left ol{position: relative; left: 1.6em;clear:left;} #content div.sys_mt-ImageFloatRight div.sys_mt-left ul li, #content div.sys_mt-ImageFloatRight div.sys_mt-left ol li{background:none; padding-left: 0;} #content div.sys_mt-ImageFloatRight div.sys_mt-left .FauxBlockquote{ clear:left;margin: 0; padding: .5em;} .sys_miniimagelayouts{float: left; display:block; width: 100%; margin: 0 0 1em 0;} .sys_miniimagelayouts img{border: 0;} .sys_minileftcolimages {float: left; width: 18%;} .sys_minirightcoltext{float: left; width: 79%; margin: -4px 0 0 0.5em;} .sys_minileftcoltext{float: left; width: 79%; margin: 0 0.5em 0 0;} .sys_minirightcolimages{float: right; width: 18%;} .sys_miniTemplateImageLayouts{display:block; width: 100%; margin: 0 0 1em 0;} .sys_miniTemplateImageLayouts .sys_ImageFloatLeft img, .sys_miniTemplateImageLayouts .sys_ImageFloatLeft .imgBorder, .sys_miniTemplateImageLayouts .sys_ImageFloatLeft .imgBorder span.sys_holder{float: left; margin: 0 1em 0 0;} .sys_miniTemplateImageLayouts .sys_ImageFloatRight img, .sys_miniTemplateImageLayouts .sys_ImageFloatRight .imgBorder, .sys_miniTemplateImageLayouts .sys_ImageFloatRight .imgBorder span.sys_holder {float: right; margin: 0 0 1em 0;} .sys_miniTemplateImageLayouts .imgBorder img{margin: 0;} .sys_imageCaption { text-align:center; color:#999; } .sys_floatRight30{float:right; width: 30%; margin-left: 1em;} .sys_floatRight40{float:right; width: 40%; margin-left: 1em;} .sys_floatLeft30{float:left; width: 30%; margin-right: 1em;} .sys_floatLeft40{float:left; width: 40%; margin-right: 1em;} /* tabs */ #content ul.sys_tabs, #content div.sys_events-tabs-control ul { margin: 1em 0 0; border-bottom: 1px solid #999; overflow: hidden; list-style-type:none;} #content ul.sys_tabs li, #content div.sys_events-tabs-control li { background-image:none; float: left; background-color: #999; margin: 0 5px 0 0; padding: 0; } #content div.sys_events-tabs-control li.sys_first{display: none;} /*#internal #content ul.sys_tabs li a, */ #content ul.sys_tabs li strong, #content ul.sys_tabs li span, #content div.sys_events-tabs-control li a { float: left; color: #fff; cursor: pointer; background-image: none; padding: 7px 1.6em 5px; } #content div.sys_events-tabs-control li a:hover{background-color: #003366;} #content ul.sys_tabs li.sys_on, #content div.sys_events-tabs-control li.sys_selected { padding: 0; } /*#internal #content ul.sys_tabs li.sys_on a, */ #content ul.sys_tabs li.sys_on strong, #content ul.sys_tabs li.sys_on span, #content div.sys_events-tabs-control li.sys_selected a { color: #fff; background-color: #003366; background-image: none; padding: 7px 1.6em 5px; } #content ul.sys_tabs li.ui-tabs-selected{ background-image: none; padding: 0;} #content ul.sys_tabs li.ui-tabs-selected strong, #content ul.sys_tabs li.ui-tabs-selected span{ background-image: none; padding: 7px 1.6em 5px; color: #fff; } #content ul.sys_tabs li.ui-tabs-selected a { color: #fff; } #content div.ui-tabs-hide { position: absolute; left: -9999em; width: 715px; } #content .sys_tabContent { background: #fdfdfd url(/SiteElements/Images/Template/Internal/bg-tabs-content.png) repeat-x top left; padding: .7em 18px 1.8em; border: 1px solid #e5e5e5; border-width: 0 1px 1px; } #content .sys_tabContent.sys_top { margin: 1em 0 1px; border-width: 1px; } #content .sys_questionBox {clear: both; margin: 0 0 40px; padding-top: 33px;} #content .sys_questionBoxTop { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 1px; background: #ebebeb url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-questionBoxInner.gif) repeat-x left top; position: relative; padding: 5px 0;} #content .sys_questionBoxTop img {position: absolute; top: -11px;} #content .sys_questionBoxTop p.moreInfo {text-align: right; margin: 0; padding: 0 15px 0 0;} #content .sys_questionBoxTop p.moreInfo a {background-image: url(/SiteElements/Images/Template/Internal/bg-ul.png); background-position: 0 0.2em; } #content .sys_questionBoxInner { border: 1px solid #e5e5e5; padding: 10px 15px 10px; background: #ebebeb url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-questionBoxInner.gif) repeat-x left top; } #content .sys_questionBoxInner p {color: #333333; } /* shared styles on current and prospective students pages*/ #internal #content .sys_searchBoxInner { border: 2px solid #cccc00; padding: 4px 4px 3px; width: 432px; } #internal #content #postgradContent .sys_searchBoxInner { border-color: #0FA056; } #internal #content .sys_searchBoxInner ul { list-style-type:none; margin: 0; border-right: 1px solid #fff; border-left: 1px solid #fff;} #internal #content .sys_searchBoxInner ul li { border-top: 1px solid #fff; padding: 5px; margin: 0 0 1px; background: #f6f6f6 url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-li-searchBoxInner.gif) repeat-x left bottom; } #internal #content .sys_searchBoxInner ul li a {display: block; width: 100%; height: 100%;} #internal #content .sys_searchBoxInner fieldset{margin: 0; padding: 0;} #internal #content .sys_searchBoxInner input {margin: 0;vertical-align: middle; margin-bottom: .1em; width: 148px;} #internal #content .sys_searchBoxInner input.sys_submit {width: 30px;} #content .sys_searchBoxWrapper { clear: left; margin-bottom: 27px; width: 444px; } #content .sys_searchBoxWrapper h3 { background: url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-searchBoxWrapper.gif) no-repeat left bottom; margin: 0; padding: 5px 15px 5px 25px; font-size: 1.2em; text-align: right; } #content #postgradContent .sys_searchBoxWrapper h3 {background-image: url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-postgrad-searchBox.gif); } #content #postgradContent .sys_searchBoxWrapper .sys_header3 {background-image: url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-postgrad-searchBoxNew.png); background-repeat:no-repeat; } #content #postgradContent .sys_searchBoxWrapper .sys_header3 ul#sys_tabs { margin-left:16px; line-height:28px; display:inline; font-size:1em; } #content #postgradContent .sys_searchBoxWrapper .sys_header3 ul#sys_tabs li { background-image:none; display:inline; } #content #postgradContent .sys_searchBoxWrapper .sys_header3 li { padding-left:10px; } #content #postgradContent .sys_searchBoxWrapper .sys_header3 li a { color:#0FA056; text-decoration:none; font-weight:normal;} #content #postgradContent .sys_searchBoxWrapper .sys_header3 li.ui-tabs-selected a {color:#fff; text-decoration:none; background-color: #0FA056; padding:0px 2px 1px 2px;} #content #postgradContent .sys_searchBoxWrapper .sys_header3 li.sys_tabborderright { border-right:1.5px solid #0FA056; padding-right:10px; } #content #postgradContent .sys_searchBoxWrapper .sys_header3 .sys_prospectivefind { color:#fff; font-weight:bold; margin-left:10px; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug {background-image: url(/SiteElements/Images/Template/Internal/ProspectiveStudents/bg-h3-searchBoxWrapperNew.png); background-repeat:no-repeat; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug ul#sys_tabsug { margin-left:30px; line-height:28px; display:inline; font-size:1em; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug ul#sys_tabsug li { background-image:none; display:inline; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug li { padding-left:10px; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug li a { color:#CA0064; text-decoration:none; font-weight:normal;} #content #undergradContent .sys_searchBoxWrapper .sys_header3ug li.ui-tabs-selectedug a { color:#CA0064; text-decoration:underline; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug li.sys_tabborderrightug {padding-right:10px; } #content #undergradContent .sys_searchBoxWrapper .sys_header3ug .sys_prospectivefindug { color:#fff; font-weight:bold; margin-left:10px; } #content #siteAZ_List ul li{background:none; padding: 0; margin: .4em 0;} #content #siteAZ_List ul li .sys_subitem-summary{display:none;} /* Mini Template - generalPersonalProfile */ .sys_generalPersonProfile{float: left; width: 100%; clear: left; margin-bottom: 1.5em;} .sys_generalPersonProfileName{font-weight: bold; margin-bottom: .4em;} .sys_generalPersonProfileImage{float: left; width: 110px; height: 140px;} .sys_generalPersonProfileImage .imgBorder{position: relative; top: -16px;} .sys_generalPersonProfileReadFullProfile{float: right; text-align: right; text-decoration:underline; cursor:pointer; background: url("/SiteElements/Images/Base/Internal/bg-downArrowGrey.png") no-repeat center right transparent; padding-right: 12px;} .sys_generalPersonProfileReadFullProfile:hover{ cursor:pointer; color:#000;} .sys_generalPersonProfileHide{float: left; width: 100%;} .sys_GenericQuestionShowHide{cursor:pointer; background: url("/SiteElements/Images/Base/Internal/bg-downArrowGrey.png") no-repeat center right transparent; padding-right: 12px;} /* Student Profile / Quote */ .sys_StudentProfileQuote {width: 100%; float: left; display: block; clear:both; margin: 0; border: 1px dotted #ACA99C; background-color: #fff;} .sys_StudentProfileQuote .sys_SPQtop {display:none;} .sys_StudentProfileQuote .sys_SPQleft {float: left; margin-right: 1em;} #content .sys_StudentProfileQuote .sys_SPQleft .imgBorder{margin: 0;} .sys_StudentProfileQuote .sys_SPQmiddle {float: left; display: block; padding: 1em;} .sys_StudentProfileQuote .sys_SPQright {} .sys_StudentProfileQuote .sys_SPQbottom { display:none;} .sys_StudentProfileQuote .sys_SPQname {font-weight:bold; } .sys_StudentProfileQuote .sys_SPQsubject{margin-bottom: 10px; } .sys_StudentProfileQuote .sys_SPQlink a:hover {text-decoration:underline; } .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_bl {} .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_br {} .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_tl {} .sys_StudentProfileQuote .sys_StudentProfileQuote .sys_tr {} .js #internal #content .sys_StudentProfileQuote .sys_SPQleft {position: relative; top:0; left:0; } #MediaGallery_List div.sys_subitem { float:left; margin:0 20px 30px 0; text-align:center;} #MediaGallery_List div.sys_subitem.sys_row-start{clear: left;} #MediaGallery_List div.sys_subitem.sys_row-end{clear: right;} #MediaGallery_List div.sys_subitem .sys_thumbnail img{border: 4px solid #fff;} #MediaGallery_List div.sys_subitem .sys_subitem-heading{font-size: 1em;} #MediaGallery_List div.sys_mediagallery-summary {display:none;} /* blog styles added by ulzgw 30/11/2010 */ #BlogList_List{} #BlogList_List .sys_subitem{width: 100%;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px dotted #ACA99C;} #BlogList_List .sys_subitem-heading {width: 100%; float:left; clear:both;margin: 0; text-decoration:underline; padding: .3em 0;} #BlogList_List .sys_subitem-summary{} #BlogList_List dt.sys_blogs-comments, #BlogList_List dt.sys_blogs-datepublished, #BlogList_List dt.sys_blogs-author, #BlogList_List dt.sys_clickabletaglist, #BlogList_List dd.sys_blogs-comments, #BlogList_List dd.sys_clickabletaglist{display:none;} #BlogList_List dd.sys_blogs-datepublished, #BlogList_List dd.sys_blogs-author, #BlogList_List dd.sys_clickabletaglist{} #GenericListNoTitle_List .sys_subitem-heading{display:none;} #GenericListWithScroll_List, #GenericListWithScrollTwo_List{overflow-y: scroll; height: 210px; font-size: 0.9em;} #GenericListWithScroll_List .sys_subitem, #GenericListWithScrollTwo_List .sys_subitem {border-bottom: 1px dotted; padding: 10px 0 0 0;} #GenericListNoScroll_List .sys_subitem, #GenericListNoScrollTwo_List .sys_subitem {border-bottom: 1px dotted; padding: 10px 0 0 0; font-size: 0.9em;} /* generic image layout styles ulzgw 23-03-2012 */ #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow, #content .sys_image-with-heading {position:relative;} #content .sys_imageWithTextOverlay, #content .sys_imageWithHoverText, #content .sys_imageWithCaptionBelow, #content .sys_image-with-heading {margin-bottom: 3px;position:relative;float:left; width: auto;} #content .sys_imageWithTextOverlay img, #content .sys_imageWithHoverText img, #content .sys_imageWithCaptionBelow img, #content .sys_image-with-heading .sys_image img{border:4px #fff solid;} #content .sys_image-with-heading .sys_image {font-size: 2em; color: #000;} #content .sys_imageWithTextOverlay .sys_textOverlay, #content .sys_imageWithHoverThumbnail span, #content .sys_image-with-heading .sys_textoverlay{width: auto;z-index:100;color: #fff; background: url(/SiteElements/Images/Base/Internal/bg-textOverlay-black.png) repeat 0 0; position: absolute; color: #fff; padding: .5em; left:4px; right: 4px; bottom:4px;} #content .sys_imageWithTextOverlay .sys_textOverlay a, #content .sys_imageWithHoverThumbnail span a, #content .sys_image-with-heading .sys_textoverlay a{color: #fff;} #content .sys_imageWithTextOverlay .sys_textOverlay a:hover, #content .sys_imageWithHoverThumbnail span a:hover, #content .sys_image-with-heading .sys_textoverlay a:hover{text-decoration:none; color: #fff;} /* mini template image with text overlay ulzgw 23-03-2012 */ #content .sys_imageWithTextOverlay .sys_textOverlay div {padding: 4px 0;} #content .sys_imageWithTextOverlay .sys_textOverlay p{margin-bottom: 0;} #content .sys_imageWithTextOverlay .sys_textOverlay p, #content .sys_imageWithTextOverlay .sys_textOverlay h2, #content .sys_imageWithTextOverlay .sys_textOverlay h3, #content .sys_imageWithTextOverlay .sys_textOverlay h4{color: #fff; font-weight:normal;} #content .sys_imageWithTextOverlay .sys_textOverlay a:link, #content .sys_imageWithTextOverlay .sys_textOverlay a:visited{color: #fff;} #content .sys_imageWithTextOverlay .sys_textOverlay a:hover {text-decoration: none;} /* mini template image with hover text overlay ulzgw 23-03-2012 */ #content .sys_imageWithHoverThumbnail span{visibility: hidden;} #content .sys_imageWithHoverThumbnail span p, #content .sys_imageWithHoverThumbnail span h2, #content .sys_imageWithHoverThumbnail span h3, #content .sys_imageWithHoverThumbnail span h4{margin: 0!important; color: #fff; font-size: 1em!important;} #content .sys_imageWithHoverText:hover span{visibility: visible; left: 0px; z-index: 50;} /* mini template image with caption below ulzgw 23-03-2012 */ #content .sys_imageWithCaptionBelow .sys_imagePosition{float: left; width: 100%;} #content .sys_imageWithCaptionBelow .sys_imageCaption {position: relative;} #content .sys_imageWithCaptionBelow .sys_imageCaption div {padding: 0;} #content .sys_imageWithCaptionBelow .sys_imageCaption p{margin: 0; padding: 0; clear: both;} /* Image heading with image style - generic mini template for all headings over images of all sizes - 09/03/2012 */ #wrapper #content .sys_image-with-heading{z-index:10;} #wrapper #content .sys_image-with-heading, #wrapper #content .sys_image-with-heading a{color: #fff;} #content .sys_image-with-heading .sys_image .sys_generic_list-control{} #content .sys_image-with-heading .sys_image {position: relative;} #content .sys_two_3070 .sys_image-with-heading .sys_image, #content .sys_one_7030 .sys_image-with-heading .sys_image{min-height: 90px;} #content .sys_image-with-heading .sys_heading{color: #fff; background: url(/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png) repeat 0 0; position: absolute; color: #fff; text-align: right; right:4px; top:1em;z-index:100;} #content .sys_image-with-heading .sys_twolines{background-image: none;} #content .sys_image-with-heading .sys_twolines .sys_heading1stline{background-image: url(/SiteElements/Images/Base/Internal/bg-textOverlay-CorpBlue.png);margin-bottom: .3em;} #content .sys_image-with-heading .sys_twolines .sys_heading2ndline{background-image: url(/SiteElements/Images/Base/Internal/bg-textOverlay-darkGrey.png);position: absolute; right: 0;} /*#content .sys_image-with-heading .sys_heading h1{font-size: 2.3em;} #content .sys_image-with-heading .sys_heading h1 a{font-size: 0.9em;} #content .sys_image-with-heading .sys_heading h2{font-size: 2em;} #content .sys_image-with-heading .sys_heading h2 a{font-size: 1em;} #content .sys_image-with-heading .sys_heading h3{font-size: 1.2em;} #content .sys_image-with-heading .sys_heading h3 a{font-size: 1em;} #content .sys_image-with-heading .sys_heading h4{font-size: 1.2em;} #content .sys_image-with-heading .sys_heading h4 a{font-size: 1em;} #content .sys_image-with-heading .sys_heading h5{font-size: 1.2em;} #content .sys_image-with-heading .sys_heading h5 a{font-size: 1em;}*/ #content .sys_image-with-heading .sys_heading.sys_left{left: 4px; right: auto; text-align:left;} #content .sys_threeColumns .sys_image-with-heading .sys_heading h1, #content .sys_fourColumns .sys_image-with-heading .sys_heading h1, #content .sys_fiveColumns .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h1, #content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1{font-size: 1.5em;} #content .sys_threeColumns .sys_image-with-heading .sys_heading h2, #content .sys_sys_fourColumns .sys_image-with-heading .sys_heading h2, #content .sys_sys_fiveColumns .sys_image-with-heading .sys_heading h2, #content .sys_one_3070 .sys_image-with-heading .sys_heading h2, #content .sys_two_7030 .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h2, #content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h2, #content .sys_fourColumns .sys_image-with-heading .sys_heading h2, #content .sys_fiveColumns .sys_image-with-heading .sys_heading h2, #content .sys_fiveColumns .sys_image-with-heading .sys_heading h1, #content .sys_fourColumns .sys_image-with-heading .sys_heading h1{font-size: 1.2em;} #content .sys_threeColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_sys_fourColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_sys_fiveColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_3070 .sys_twoColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_3070 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_7030 .sys_twoColumns .sys_image-with-heading .sys_heading h1 a, #content .sys_twoColumns_7030 .sys_twoColumns5050 .sys_image-with-heading .sys_heading h1 a{font-size: 1.2em;} #wrapper #content .sys_image-with-heading .sys_heading h1, #wrapper #content .sys_image-with-heading .sys_heading h2, #wrapper #content .sys_image-with-heading .sys_heading h3, #wrapper #content .sys_image-with-heading .sys_heading h4, #wrapper #content .sys_image-with-heading .sys_heading h5{margin: 0; z-index: 5; font-weight:normal; color: #fff;padding:2px 5px 5px 3px;} #wrapper #content .sys_image-with-heading .sys_heading h1 a, #wrapper #content .sys_image-with-heading .sys_heading h2 a, #wrapper #content .sys_image-with-heading .sys_heading h3 a, #wrapper #content .sys_image-with-heading .sys_heading h4 a, #wrapper #content .sys_image-with-heading .sys_heading h5 a{text-decoration: underline; color: #fff;} #wrapper #content .sys_image-with-heading .sys_heading a{display:block;} #wrapper #content .sys_image-with-heading .sys_heading a:hover{text-decoration:none;} /* what's new list and generic list - both unordered lists*/ #content .sys_whats_new-control ul,#content .sys_generic_list-control ul{padding: 0; margin: 0;} #content .sys_whats_new-control ul li,#content .sys_generic_list-control ul li{padding: 0; list-style-type:none;padding-bottom: .3em;margin-bottom: .3em;border-bottom: 1px solid #ccc;} #content .sys_whats_new-control ul li a,#content .sys_generic_list-control ul li a{text-decoration:none; display:block;} #content .sys_whats_new-control ul li:hover,#content .sys_generic_list-control ul li:hover{border-color: #000; text-decoration:none;} #content .sys_whats_new-control ul li a:hover,#content .sys_generic_list-control ul li a:hover{text-decoration:none!important;} #content .sys_whats_new-control .sys_subitem-heading, #content .sys_generic_list-control .sys_subitem-heading{font-size: 1em;margin: 0;} #content .sys_whats_new-control .sys_subitem-summary dd.sys_whats_new-type{display:none;} #content .sys_whats_new-control .sys_subitem-summary dd.sys_whats_new-releasedate, #content .sys_generic_list-control .sys_generic_list-releasedate{color: #665C55; font-size: 0.8em;} #content .sys_tools-control, #content .sys_standardlist-title, #content .sys_generic_list-control{width: 100%;float:left; display:block; font-size: 1em; font-weight:bold;} #content .sys_rss-link a, #content .sys_atom-link a{background:url("/SiteElements/Images/Icons/iconfeed12x12.png") no-repeat 0 50%;margin-left: 1.2em;padding-left: 1.1em; text-decoration:none;} #content .sys_atom-link a{background-image: url("/SiteElements/Images/Icons/iconfeedAtom12x12.png");} #content .sys_standardlist-title span a{font-weight:normal; border-bottom: 1px solid #ccc;} #content .sys_standardlist-title span a:hover{border-color: #000;text-decoration:none!important;} #wrapper #content .sys_subitem{float:left; clear:both; width: 100%;padding-left: 0;} #wrapper #content .sys_subitem{margin-bottom: .5em;} #content .sys_standard-list .sys_first{padding-top: 0; margin-top: .5em;} #content .sys_standard-list .sys_subitem .sys_subitem-heading {margin: 0;} #wrapper #content .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_subitem .sys_generic_list-subheading a{display:block;color: #454545!important; font-weight:normal!important; text-decoration:underline!important;} #content .sys_news-control .sys_subitem .sys_news-subheading a, #content .sys_events-control .sys_subitem .sys_events-subheading a{font-size: 0.9em;} #wrapper #content .sys_standard-list .sys_subitem .sys_subitem-heading a:hover, #wrapper #content .sys_standardminicombo ul.sys_itemslist li a:hover{text-decoration:none!important;color: #000!important;} #content .sys_standard-list .sys_subitem .sys_thumbnail{display:block;margin-left: .7em; float:right;} #content .sys_generic_list-control .sys_subitem .sys_thumbnail{float:right;} #content .sys_standard-list .sys_subitem .sys_thumbnail img{border: 1px solid #ddd;} #content .sys_subitem .sys_subitem-summary dt.sys_generic_list-description, #content .sys_subitem .sys_subitem-summary dt.sys_events-description, #content .sys_subitem .sys_subitem-summary dt.sys_events-location, #content .sys_subitem .sys_subitem-summary dt.sys_events-date, #content .sys_subitem .sys_subitem-summary dt.sys_news-description, #content .sys_subitem .sys_subitem-summary dt.sys_events-time, #content .sys_subitem .sys_subitem-summary dt.sys_news-datepublished{display:none;} #content .sys_subitem .sys_subitem-summary dl{margin: 0;} #content .sys_subitem .sys_subitem-summary dd.sys_events-date, #content .sys_subitem .sys_subitem-summary dd.sys_news-datepublished, #content .sys_subitem .sys_subitem-summary dd.sys_events-time, #content .sys_subitem .sys_subitem-summary dd.sys_events-location, #content .sys_subitem .sys_subitem-summary dd.sys_generic_list-description, #content .sys_subitem .sys_subitem-summary dd.sys_generic_list-releasedate{padding-bottom: .5em;font-weight:normal!important;} #content .sys_subitem .sys_subitem-summary dd.sys_events-description, #content .sys_subitem .sys_subitem-summary dd.sys_news-description{margin: .4em 0;font-weight:normal;} #wrapper #content .sys_subitem .sys_subitem-heading a{padding: .3em 0;} #wrapper #content #noalternate_List .sys_subalternatingitem{background: none;} #wrapper #content .sys_subalternatingitem, #wrapper #content ul.sys_publicationsListing li.sys_alt{background-color: #DDDDDD; padding: 0;} #wrapper #content .sys_standard-list .sys_subalternatingitem{padding: 0;} #content .sys_standardminicombo ul.sys_itemslist{list-style-type:none;margin: 0;} #content .sys_standardminicombo ul.sys_itemslist li{margin-bottom: .7em;} #content .sys_standardminicombo ul.sys_itemslist li a{text-decoration:none;} ul.sys_publicationsListing{padding: 0.3em 0;} ul.sys_publicationsListing li{list-style-type:none; margin: 1em 0; } #wrapper #content .imgBorderRight .sys_subalternatingitem, #wrapper #content .imgBorderRight .sys_subitem{margin: 0; padding: 0;border:none; background:none;} #content .sys_boxWithGreyBackground .sys_subitem{border-bottom: 1px dashed #999;padding: .5em 0;} #content .sys_boxWithGreyBackground .sys_subitem:first-child{padding-top: 0;} #content .sys_boxWithGreyBackground .sys_subitem:last-child{border:0;} #wrapper #content .sys_boxWithGreyBackground .sys_subalternatingitem{background:none; border-top:none; border-bottom: 1px dashed #999; padding: 0;} #wrapper #content .sys_boxWithGreyBackground .sys_subalternatingitem:last-child{} #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-date, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-datepublished, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-time, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-location, #content .sys_boxWithGreyBackground .sys_subitem dd.sys_generic_list-releasedate, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_events-description, #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-summary dd.sys_news-description, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_generic_list-description{font-weight:normal; color: #fff;} #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_subitem-heading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_news-subheading a, #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_generic_list-subheading a{color: #fff!important;font-weight:normal;} #wrapper #content .sys_boxWithGreyBackground .sys_subitem a:hover{text-decoration:none!important;color: #ccc!important;} #wrapper #content .sys_boxWithGreyBackground .sys_subitem .sys_events-subheading a{font-size: 0.85em;} /* Events calendar styles - site wide */ #content .sys_events{clear:both; float:left; width: 100%;} #content .sys_events .sys_search-options{background-color: #efefef;border-top: 1px solid #ddd;border-bottom: 2px solid #ddd;margin: 1em 0;} #content .sys_events .sys_search-options div{margin: .5em .7em;} #content .sys_events .sys_search-options div div{margin: 0;} #content .sys_events .sys_datarepeatercontrol { width:100%;float:left; } #content .sys_events div.sys_events-tools-control { font-size:1em; font-weight:normal; margin:0.8em 0 1px; } #content .sys_events div.sys_events-tools-control a { color:#333333; } #content .sys_events .sys_button-subscribe-rss {display:inline; background:transparent url(/SiteElements/Images/Icons/iconfeed12x12.png) no-repeat scroll left center;padding-left:16px; margin-right: 1em;} #content .sys_events .sys_button-subscribe-atom { display:inline; background:transparent url(/SiteElements/Images/Icons/iconfeedAtom12x12.png) no-repeat scroll left center;padding-left:16px; } #content .sys_events .sys_button-subscribe-calendar {display:none; /*display:inline;*/ margin-left:400px; } #content .sys_events .sys_button-subscribe-calendar a { background:transparent url(/SiteElements/Images/Icons/ical12x12.gif) no-repeat scroll left center; padding-left:16px; } #content .sys_events .sys_groupheader {padding-bottom: .2em;font-weight:normal;margin: 1.5em 0 .5em; font-size: 1.5em;} #content .sys_events .sys_subitem {float: left; width: 100%; padding:0; background-color:#F7F7F7; font-size: 1em; margin-bottom: 1em;} #content .sys_events .sys_subitem-heading{font-size: 1.1em; padding-bottom: 4px;float: left; clear: both; display: block; width: 100%; margin: 0;} #content .sys_events .sys_subitem-heading a:link, #content .sys_events .sys_subitem-heading a:visited{text-decoration: none; font-weight:bold!important; font-size: 0.9em;} #wrapper #content .sys_events .sys_subitem-heading a:hover{text-decoration:none!important; border-color: #000;} #content .sys_events div.sys_thumbnail {float:right; margin-left:5px;} #content .sys_events dt.sys_events-date, #content .sys_events dt.sys_events-description, #content .sys_events dt.sys_events-time {display:none;} #content .sys_events dt.sys_events-location {display:none; margin: 0; border} #content .sys_events dd.sys_events-description {margin:10px 0;} #content .sys_search-options{margin-top: .5em;width: 100%;float:left; clear:both;} #content .sys_search-options .sys_search-row, #content .sys_search-options .sys_button-row, #content .sys_search-options .sys_keywords-row{margin: 0; float: left;} #content .sys_search-options .sys_button-row input{margin-top: 1.5em;float:left; width: 80px;border: 2px solid #efefef; background-color: #000; color: #fff!important; text-align: center; cursor:pointer; padding: 0.3em .5em;} #main #content .sys_search-options .sys_button-row input:hover{background-color: #00B1A7!important; background-image:none;} #content .sys_search-options label {padding: 0; float: left; display: block; min-height: 20px; line-height: 20px;} #content .sys_search-options .sys_datepicker, #content .sys_search-options .sys_datepicker, #content .sys_search-options .sys_keywords-row input{margin: 0; border:1px solid #ddd; padding: .2em; float: left; display: block; clear: both; min-height:1.5em; line-height: 1.5em; width: 180px;} #content .sys_events .sys_events-tabs-control ul li a{background-color: #454545;} /* events page */ #content .sys_events-record dt{font-weight: bold; width: 120px; font-size: 1.1em; float: left; margin-bottom: 1em; padding: 0; clear: left;} #content .sys_events-record dd{width: 580px; float: left; display:inline;margin-bottom: 1em;} #content .sys_events-record dt.sys_events-locations, #content .sys_events-record dt.sys_events-description { display:none; } #content .sys_events-record dd.sys_events-date ul { list-style:none; margin: 0; float: left;} #content .sys_events-record dd.sys_events-date ul li { background-image:none; padding:0; margin-right: 5em;} #content .sys_events-record dd.sys_events-description {margin-top:1.5em; border-top:1px solid #ccc; padding-top:2.5em; float: left; width: 100%;} #content .sys_events-record dd.sys_events-category, #content .sys_events-record dt.sys_events-category {display:none;} #content .sys_events-record dd.sys_events-contact{ margin-bottom: 2px;} #content .sys_events-record dd.sys_events-date ul{position: relative; } /* news page */ #content .sys_record-image-control{border: 4px solid #fff;float:right; margin-left: 1em; margin-bottom: 1em;} #content .sys_record-image-control img{} #content .sys_record-image-control-caption{border-top: 2px solid #fff; margin: 0;background-color: #000; color: #fff; padding: .3em;} #content .sys_news-posted-date{font-size: 0.9em; font-weight:bold;} /* Tabs for events calendar and people pages - ulzgw 22/05/2012 */ #content ul.sys_tabs, #content div.sys_tabsfilter-control ul {margin: 1em 0 0; border-bottom: 2px solid #000; overflow: hidden; list-style-type:none;} #content ul.sys_tabs li, #content div.sys_tabsfilter-control li {background-color: #ccc;float: left; margin: 0 .2em 0 0; padding: 0;} #content ul.sys_tabs li span{float:left; padding: 0!important;background:none!important;} #content ul.sys_tabs li a, #main #content div.sys_tabsfilter-control li a {background-color: #ddd;background-image:none; text-decoration:none;float: left; color: #000; cursor: pointer;padding: 7px 1.6em 5px;} #main #content ul.sys_tabs li a:hover, #main #content div.sys_tabsfilter-control li a:hover{background-color: #00B1A7; color: #fff;} #content ul.sys_tabs li.sys_on a, #content div.sys_tabsfilter-control li.sys_selected a, #content ul.sys_tabs li.ui-tabs-selected a, #main #content div.sys_events-tabs-control li.sys_selected a{color: #fff; background-color: #000;} #content ul.sys_tabs li.ui-tabs-selected {background:none;} #content div.ui-tabs-hide { position: absolute; left: -9999em; width: 715px; } /* media gallery - ulzgw 31/05/2012 */ .sys_mediagallery-control{float:left; width: 100%; clear:both;} #wrapper .sys_mediagallery-control .sys_subitem{height: auto!important; width: auto!important;float:left; clear:none!important;margin: 0 1em 1em 0;} .sys_mediagallery-control .sys_subalternatingitem{background: none;} .sys_mediagallery-control .sys_subitem .sys_thumbnail img{border: 4px solid #fff;} .sys_mediagallery-control .sys_subitem:hover .sys_thumbnail img{border-color: #ddd;} #wrapper .sys_mediagallery-control .sys_subitem .sys_subitem-heading, #wrapper .sys_mediagallery-control .sys_mediagallery-summary, #wrapper .sys_mediagallery-control .sys_icon{display: none;} /* styles for folder images banner */ #FolderImagesBanner714_bannerwrapper{width: 714px; max-height:335px;} #FolderImagesBanner466_bannerwrapper{width: 466px; max-height:335px;} #FolderImagesBanner920_bannerwrapper{width: 920px; max-height:335px;} .sys_banner-wrapper img{border: 0!important;}