/* ------------------------------------- Index Background and wrapper Accessibility Header and Main Navigation Content Footer Form styles Tabular Data ----------------------------------------*/ /* Background and wrapper */ #wrapper {background:url(../images/bkd_shadow.gif) bottom repeat-x #fff; margin:5px auto; padding:0 5px 20px 5px; width:760px;} /* Accessibility */ .hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* Header and Main Navigation */ /* Header */ #header {height:60px; position:relative;} /* New def from Spring added by Tanmoy on 03/09/2009 */ #header h1 {position:absolute; top:0px; left:15px;} #header p {color:#b5b5b5; font-size:0.9em; position:absolute; top:15px; right:15px;} /* new def from Spring 5/02/08 */ #header ul {color:#695088; list-style-type:none; margin:0; position:absolute; top:35px; left:270px; width:230px;} /*#header ul {color:#695088; list-style-type:none; margin:0; position:absolute; top:35px; left:270px; width:1000px;}*/ #header ul li {display:inline; margin-right:10px;} #header ul li a {color:#695088;} #header form {position:absolute; top:35px; right:5px;} #header form label {color:#9c83bc; float:left; font-size:1.1em; margin:0 5px 0 0;} #header form input {border:1px solid #9c83bc; color:#9c83bc; float:left; font-size:1em; margin:0 5px 0 0; width:90px;} #header form input.btn {border:none; color:#9c83bc; float:left; font-size:1.1em; width:28px;} /* Main Navigation */ /* defining generic layout */ ul#navigation {background:url(../images/bkd_nav.gif) bottom repeat-x #9c83bc; list-style-type:none; margin:0; min-height:22px; padding:0;} ul#navigation li {float:left;} ul#navigation li a {color:#fff; display:block; font-size:1em; font-weight:bold; padding:6px 4px 6px 4px; text-decoration:none;} ul#navigation li a.home {padding:0;} /* defining the section colours */ #home ul#navigation li a {color:#fff; display:block; font-size:1em; font-weight:bold; text-decoration:none;} #home ul#navigation, #home ul#navigation li a:hover.home {background-color:#3ab8db;} #home ul#navigation li a:hover {background:#2691af url(../images/bkd_white.gif) bottom repeat-x;} #home ul#navigation li a#current {background-color:#2691af;} #home ul#navigation li a.homehover {background:url(../images/homehover.gif) no-repeat 0px 0px; height:25px; width:45px; padding:0;} #home ul#navigation li a.homehover:hover, #home ul#navigation li #current a.homehover {background:url(../images/homehover.gif) no-repeat 0px -25px; height:25px; width:45px; padding:0;} #home ul#navigation li a.homehover span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} #scheme1 ul#navigation, #scheme1 ul#navigation li a:hover.home {background-color:#3ab8db;} #scheme1 ul#navigation li a:hover {background-color:#695088;} #scheme1 ul#navigation li a#current {background-color:#695088;} #scheme1 ul#navigation li a.homehover {background:url(../images/homehover1.gif) no-repeat 0px 0px; height:25px; width:45px; padding:0;} #scheme1 ul#navigation li a.homehover:hover, #scheme1 ul#navigation li #current a.homehover {background:url(../images/homehover1.gif) no-repeat 0px -25px; height:25px; width:45px; padding:0;} #scheme1 ul#navigation li a.homehover span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} #scheme2 ul#navigation, #scheme2 ul#navigation li a:hover.home {background-color:#3ab8db;} #scheme2 ul#navigation li a:hover {background-color:#670547;} #scheme2 ul#navigation li a#current {background-color:#670547;} #scheme2 ul#navigation li a.homehover {background:url(../images/homehover2.gif) no-repeat 0px 0px; height:25px; width:45px; padding:0;} #scheme2 ul#navigation li a.homehover:hover, #scheme2 ul#navigation li #current a.homehover {background:url(../images/homehover2.gif) no-repeat 0px -25px; height:25px; width:45px; padding:0;} #scheme2 ul#navigation li a.homehover span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} #scheme3 ul#navigation, #scheme3 ul#navigation li a:hover.home {background-color:#3ab8db;} #scheme3 ul#navigation li a:hover {background-color:#2691af;} #scheme3 ul#navigation li a#current {background-color:#2691af;} #scheme3 ul#navigation li a.homehover {background:url(../images/homehover3.gif) no-repeat 0px 0px; height:25px; width:45px; padding:0;} #scheme3 ul#navigation li a.homehover:hover, #scheme3 ul#navigation li #current a.homehover {background:url(../images/homehover3.gif) no-repeat 0px -25px; height:25px; width:45px; padding:0;} #scheme3 ul#navigation li a.homehover span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* Secondary Navigation */ /* defining generic layout */ #emptynav {height:100px;} #navhead, #navhead a {display:block; margin:0 5px 5px 5px;} #secnav .current {text-decoration:underline;} /* Top level */ #secnav {float:left; padding:20px 0 65px 0; width:155px;} #secnav ul {color:#fff; list-style-type:none; width:155px;} #secnav ul li {background:url(../images/arrow1.gif) 1em 0.5em no-repeat; color:#fff; clear:both; margin:0 0 2px 0px; width:145px;} #secnav ul li a {color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:10px; padding:2px 0 2px 10px; width:125px;} /* Second level */ #secnav ul li ul { margin:5px 0px 5px 0px; width:155px;} #secnav ul li ul li {background-image:none; width:125px;} #secnav ul li ul li a {padding-left:20px; width:125px;} /* RP: third level menu items will have darker blue text on light blue bg rather then white on light blue bg */ #scheme3 #secnav ul li ul li a {color:#017a9b; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:10px; padding:2px 0 2px 10px; width:125px;} /* section specific colours */ #home #secnav {background:url(../images/bkd_secnav3.gif) bottom left no-repeat #2691af ;} #scheme1 #secnav {background:url(../images/bkd_secnav.gif) bottom left no-repeat #9c83bc ;} #scheme1 #secnav ul li ul {background-color:#9c83bc;} #scheme1 #navhead, #scheme1 #navhead a {color:#9c83bc;} #scheme2 #secnav {background:url(../images/bkd_secnav2.gif) bottom left no-repeat #cfa5c1 ;} #scheme2 #secnav ul li ul {background-color:#CFA5C1;} #scheme2 #navhead, #scheme2 #navhead a {color:#CFA5C1;} #scheme3 #secnav {background:url(../images/bkd_secnav3.gif) bottom left no-repeat #2691af ;} #scheme3 #secnav ul li ul {background-color:#b7e9f7;} #scheme3 #navhead, #scheme3 #navhead a {color:#b7e9f7;} /* Added by Raquel Paiaya (SAIC) :the bottom section after the curve at the left hand navigation */ #scheme1 #secnavbottom {background: #9c83bc; width:155px; height:600px;} #scheme2 #secnavbottom {background: #CFA5C1; width:155px; height:600px;} #scheme3 #secnavbottom {background: #b7e9f7; width:155px; height:600px;} /* Content */ /* Homepage */ #maincontenthm {float:left; margin:0; width:590px;} #flashpanel {height:224px; margin:0 0 4px 0; padding:0; width:590px;} /* RP: took out the widths from both panela and panelb as this is causing alignment problems in Portal */ .panela {background:#bfc7d2; float:left; margin:0 5px 0 0; min-height:181px;} .panelb {background:#9680b7; float:left; margin:0 0 0 0; position:relative; min-height:181px;} .panela div {float:right; padding:8px; width:85px; } .panelb div {padding:8px;} .panelb p, .panelb h2 {color:#fff;} .panelb .img {position:absolute; bottom:0;} /* Content wrappers */ #scheme1 #content {background:url(../images/bkd_col1.gif) repeat-y; border-top:6px solid #695088;} #scheme2 #content {background:url(../images/bkd_col2.gif) repeat-y; border-top:6px solid #670547;} #scheme3 #content {background:url(../images/bkd_col3.gif) repeat-y; border-top:6px solid #2691af;} /* Main copy area */ /* RP: increased the width from 420 ro 430 px and also took out the float left as it is leaving a big gap between the left nav and maincontent */ #maincontent {margin:7px 0 0 7px; width:430px;} .copysection {margin:10px;} .divider {background:url(../images/bkd_divider.gif) repeat-x; height:29px; width:420px;} /* Feature panels */ .panel {clear:both; height:90px; margin-bottom:0px;} .panel div {float:left; width:180px;} .panel h2 {padding:5px 0 0 5px; margin-bottom:0;} .panel h3 {padding:5px 0 0 5px; margin-bottom:0;} .panel p {padding:0px 0 3px 5px; margin-top:0px;} #home .panel {background:#b7e9f7;} #scheme1 .panel {background:#cfbfe3;} #scheme2 .panel {background:#dfc0d5;} #scheme3 .panel {background:#b7e9f7;} /* RHS help panels */ #helpcol {float:right; width:161px;} .downloads {background-color:#3ab8db; padding:8px 5px 15px 8px;} .smlink {color:#fff; display:block; font-size:0.9em;} /* RP Changed the paddingbottom from 20px to 2px */ #links {background-color:#ebf6f9; padding-bottom:2px;} #links h4 {background-color:#cbe7ef; padding:5px 5px 5px 10px;} #links div {background-color:#ebf6f9; border-bottom:1px solid #cbe7ef; color:#3ab8db; font-weight:normal; padding:2px 5px 2px 10px;} #links strong {color:#5b616a;} #links a {color:#695088; display:block; font-weight:normal; } /* RP Changed the paddingbottom from 20px to 2px */ #news {background-color:#ebf6f9; padding-bottom:2px;} #news h4 {background-color:#cbe7ef; padding:5px 5px 5px 10px;} /* RP: removed the border-bottom:1px solid #cbe7ef as the border appears at the bottom of the region as supposed to after each news item */ /* also changed the padding from padding:5px 5px 5px 10px to padding:5px 5px 5px 3px */ #news div {background-color:#ebf6f9; color:#3ab8db; font-weight:normal; padding:5px 5px 5px 3px;} #news a {color:#695088; display:block; font-weight:normal; } /* Footer and quote */ #footer {border-top:1px solid #dce6e9; margin-top:5px; padding:3px 0; position:relative;} #footer ul {list-style-type:none;} #footer ul li {color:#3ab8db; display:inline; margin-right:5px;} #footer ul li a {color:#3ab8db; font-weight:normal; text-decoration:none;} #footer ul li.copyright {position:absolute; right:0px;} .quote {color:#3ab8db; font-style:italic; margin:auto; text-align:center; width:770px;} .quote p {color:#3ab8db; font-style:italic; text-align:center;} /* Form styles */ form {} form div {} form label {} form input {} form textarea {} form select {} form input.btn {} form input:focus {} form .error {} /* Contact Page */ form#contact {font-size:1em;} form#contact input, form#contact textarea, form#contact select {border:1px solid #9c83bc; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1em;} form#contact textarea.wide {height:90px; width:100%;} form#contact textarea.medium {height:90px; width:200px;} form#contact div.row {margin:0 0 8px 0;} form#contact div.row label {display:block;} form#contact div.row input {width:200px;} form#contact div.radio {margin:0 0 8px 0;} form#contact div.radio input {float:left; margin-right:8px;} form#contact div.radio label {float:left; margin-right:20px;} form#contact div.row .button {border:1px; height:22px; width:75px;} /* Quick Links drop-down */ /* reduced the height from 74px to 65px so there is no big space between footer and the looking for */ form#lookingfor {background:url(../images/bkd_lookingfor.gif) no-repeat; border-top:1px solid #fff; height:65px; padding:8px; width:145px;} form#lookingfor label {} form#lookingfor select {border:none; width:145px;} /* Tabular Data*/ table.info {border-collapse:collapse; margin:10px 0; padding:0; text-align:left;} table.info .band {background-color:#cfbfe3; border:2px solid #fff; color:#695088; padding:8px; width:70px;} table.info th {background-color:#cbe7ef; border:2px solid #fff; color:#5b616a; padding:8px; text-align:left; vertical-align:bottom; width:70px;} table.info td {background-color:#cbe7ef; border:2px solid #fff; color:#5b616a; padding:8px; width:70px;}