body {margin-top: 2px;}
#main {
width:796px;
margin-right:auto;
margin-left:auto;
}
#titlebar{
width: 796px;
float:left
}
#globalnav
{
width: 796px;
float:left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:.8em;
}
#titlebar_intranet{
border: solid;
border-color: #dddddd;
border-width: 1px;
width: 700px;
height:110px;
/* background-image: url(/~ogy403/newsite/newsite5/images/bg-mother2.jpg); */
background-image: url("/immpact/images/bg-mother3.jpg");
margin-left: auto;
margin-right: auto;
}
#resourcesbar{
border: solid;
border-color: #dddddd;
border-width: 1px;
width: 700px;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
color: #8B8F8E;
font-family: Arial,Helvetica,sans-serif;
font-size: .7em;
}
/* added for toolkit */
#resourcesbartk{
border: solid;
border-color: #000000;
border-width: 1px;
width: 700px;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
color: #8B8F8E;
font-family: Arial,Helvetica,sans-serif;
font-size: .7em;
}
#contentleft {
width:150px;
padding:0px;
float:left;
background:#fff;
margin-bottom:15px;
}
#contentcenter {
width:350px;
float:left;
margin-bottom:15px;
}
#contentcentertoolkit {
width:500px;
float:left;
margin-left:10px;
margin-bottom:15px;
}
#contentcentertoolkit-feedback {
width:570px;
float:left;
margin-left:10px;
margin-bottom:15px;
}
/* this next one gets round the ie6 italics bug which makes italics go outside container and break layout. see http://www.positioniseverything.net/explorer/italicbug-ie.html. It's only used on /resources/eo/references.php */
#contentcenter-refs {
width:350px;
float:left;
overflow:visible ;
}
#contentright {
width:200px;
padding:0px;
float:left;
background:#fff;
margin-bottom:15px;
}
#contentrighttoolkit {
width:150px;
padding:0px;
float:right;
background:#fff;
margin-bottom:15px;
}
#content2cols {
width:550px;
padding:0px;
float:left;
background:#fff;
}
#colsheading {
width:700px;
padding:1px 0px 1px 3px;
margin-top:4px;
float:left;
color: #993D3D;
background-color:#dddddd;
font-family: Arial,Helvetica,sans-serif;
font-size: .7em;
font-weight:bold;
}
.toolkitcolsheading {
width:792px;
padding:1px 0px 1px 3px;
margin-top:2px;
float:left;
color:#5E002C;
border-bottom:1px solid #5E002C;
font-family: Arial,Helvetica,sans-serif;
font-size: .9em;
}
#colsheading .distinguish { font-family: Verdana,Arial,Helvetica,sans-serif;
}
#footer {
padding-top: 6px;
margin-top: 10px;
margin-bottom: 10px;
margin-right:10%;
margin-left:10%;
clear: both;
font-family: "Verdana", sans-serif;
font-size: 0.7em;
}
#intra-footer {
padding: 3px;
margin-top: 10px;
margin-bottom: 3px;
margin-right:10%;
margin-left:10%;
clear: both;
font-family: "Verdana", sans-serif;
font-size: 0.7em;
border-width:1px;
border-style:solid;
border-color:#E6E6E6;
}
/* stuff relating to homepage center block */
/* go back to following stuff from here ++++++++++++++++++++++++++++++++++
.centersmallblock1 div {
margin-right: 159px;
width: 191px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.6em;
}
.centersmallblock2 div {
margin-right: 159px;
width: 191px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.6em;
}
.centersmallblock1{
background: white url("/immpact/images/gps-hand-small.jpg") top right no-repeat;
}
.centersmallblock2{
background: white url("/immpact/images/streetscene.jpg") top right no-repeat;
}
++++++++++++++++++++++++++++++++ to here if you want to stop text under homepage images spilling under image*/
.centersmallblock1 div
{
width: 342px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.7em;
margin-top:4px;
margin-bottom: 4px;
}
/* intranet */
.centersmallblock1 span
{
width: 342px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.6em;
margin-bottom: 4px;
}
.centersmallblock2 div
{
width: 342px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.7em;
}
/* set text colour for homepage center block article headings and Read Mores */
h5 a {
color: #990000;
font-family: Arial,Helvetica,sans-serif;
}
h5 a .distinguish { font-family: Verdana,Arial,Helvetica,sans-serif;
}
.centersmallblock1 a {
color: #990000;
}
.centersmallblock2 a {
color: #990000;
}
.standardverdana a {
color: #990000;
}
/* END stuff related to homepage center block */
/* left col navbar stuff ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#navbar {
width: 140px;
float: left;
font-size: .7em;
margin-top: 5px;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}
#navbartoolkit {
width: 148px;
float: left;
font-size: .7em;
margin-top: 5px;
border-width:1px;
border-style:solid;
border-color:#99CC66;
background:#E1F6CD;
}
form.searchbar{
width: 140px;
float: left;
margin-top: 5px;
margin-bottom: 0;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}
input.searchbar {
border: 1px solid #cccccc;
font-size: .7em;
margin-left:4px;
margin-bottom:4px;
}
/* used in John's SSS package as far as I remember */
input.dontinput {
background-color: #CDCDCD;
}
.tk-mod4-indent
{
font-family: "Verdana", sans-serif;
margin-left: 5px;
margin-top: 4px;
}
ul.navigation, ul.navigation li, ul.navigationtoolkit {
list-style: none;
margin: 0;
padding: 0;
border: 0;
font-family: "Verdana", sans-serif;
}
ul.navigation2, ul.navigation2 li, ul.navigationtoolkit2 {
list-style: none;
margin: 0;
padding-left: 2px;
border: 0;
font-family: "Verdana", sans-serif;
}
ul.navigation3, ul.navigation3 li, ul.navigationtoolkit3 {
list-style: none;
margin: 0;
padding-left: 2px;
border: 0;
font-family: "Verdana", sans-serif;
}
.navigation a, .navigationtoolkit a, {
/* why the underscore in front of height? to get rid of the whitespace around list elements that happens in ie if you use display: block. So we don't want any browser except ie ones to see it. see http://www.hicksdesign.co.uk/journal/ie-whitespace-bug */
/* there is another solution that allows your css to validate as well: remove all space in the code between elements; then display: block doesn't have any whitespace. */
_height: 1em;
display: block;
padding-left: 16px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #555555;
}
.navigation2 a
{
_height: 1em;
display: block;
padding-left: 24px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #5E002C;
}
.navigation3 a
{
_height: 1em;
display: block;
padding-left: 16px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #5E002C;
}
.navigation .tknolinktitle {
/* why the underscore in front of height? to get rid of the whitespace around list elements that happens in ie if you use display: block. So we don't want any browser except ie ones to see it. see http://www.hicksdesign.co.uk/journal/ie-whitespace-bug */
/* there is another solution that allows your css to validate as well: remove all space in the code between elements; then display: block doesn't have any whitespace. */
_height: 1em;
display: block;
padding-left: 16px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #000000;
}
/* used in intranet */
.navigation .smallmargin a {
_height: 1em;
display: block;
padding-left: 26px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #555555;
}
.navigation .bigmargin a {
_height: 1em;
display: block;
padding-left: 36px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #555555;
}
.navigationtoolkit .bigmargin a {
_height: 1em;
display: block;
padding-left: 36px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #555555;
}
.navigation .biggermargin a {
_height: 1em;
display: block;
padding-left: 56px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #949494;
}
.navigation .active, .navigation2 .active, .navigation3 .active
{
background: url("/toolkit/images/ball-active.gif");
background-repeat: no-repeat;
background-position: top left;
color: #EC201F;
}
.navigationtoolkit .active
{
background: url("/~ogy403/toolkit/images/green-circle-active.gif");
background-repeat: no-repeat;
background-position: top left;
color: #005126;
}
.navigation .bigmargin .active
{
background: url("/immpact/images/arrow-active.gif");
background-repeat: no-repeat;
background-position: top left;
color: #990000;
}
.navigationtoolkit .bigmargin .active
{
background: url("/~ogy403/toolkit/images/green-circle-active.gif");
background-repeat: no-repeat;
background-position: top left;
color: #005126;
}
.navigation .biggermargin .active
{
background: url("/immpact/images/arrow-active.gif");
background-repeat: no-repeat;
background-position: top left;
color: #990000;
}
/* used in intranet news from the PI */
.navigation .smallmargin .active
{
background: url("/immpact/images/arrow-active.gif");
background-repeat: no-repeat;
background-position: top left;
color: #990000;
}
/* right col navbar stuff ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.rightnavbar {
width: 178px;
font-size: .7em;
margin-top: 50px;
margin-bottom: 10px;
margin-left:14px;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
font-family: "Verdana", sans-serif;
}
/* take this next one out when John's draft version is no longer a draft version */
.rightnavbar .reddish{
font-size: 1.3em;
color: #FF0000;
}
.rightnavbar a {
/* why the underscore in front of height? see above */
_height: 1em;
display: block;
padding-left: 8px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
color: #949494;
font-family: "Verdana", sans-serif;
}
/* top navbar stuff for resources section*/
.resbartext{
float:left;
padding-left: 10px;
padding-top: 5px;
color:#666666;
}
.resbartext a {
color: #8B8F8E;
text-decoration: none;
}
.resbartextactive a{
float:left;
padding-left: 10px;
padding-top: 5px;
color: #6A0036;
text-decoration: none;
}
/* END NAVBAR STUFF */
/* general stuff++++++++++++++++++++++++++++++++++++++++++++++ */
li.spaceabove
{
margin-top:14px;
}
.standardcontent
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
margin-left:4px;
margin-top:10px;
margin-bottom:10px;
}
.smallcontent
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.7em;
margin-left:4px;
margin-top:14px;
}
.widemargin
{
margin-left:14px;
margin-top:54px;
}
.widemarginintranet
{
margin-left:7px;
margin-top:10px;
}
.widemarginflushtop
{
margin-left:14px;
}
.widemarginflushtoptoolkit
{
margin-left:14px;
color:#000000;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 5px;
margin-bottom: 9px;
}
hr.news {
width: 70%;
text-align: center;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
.popup_4_sss
{
COLOR: #990099;
CURSOR: help;
TEXT-DECORATION: none
}
/* used in Lucia's web survey */
td.yellback
{
background: #FFF799;
}
td.darkyellback
{
background: #FFF04C;
}
td.greenback
{
background:#CCFFCC;
}
td.darkgreenback
{
background:#99FF99;
}
/* next 1 used in intranet and in Lucia's websurvey (possibly in other places too) */
td.greyborder
{
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
width: 348px;
border-collapse: collapse;
}
.yellback
{
background:#FFF799;
}
.blueback
{
background:#CCFFFF;
}
.popup_4_survey
{
COLOR: #002157;
CURSOR: help;
TEXT-DECORATION: none
}
/* used in intranet preview feature (other places?) */
.greytabletext
{
color: #555555;
}
/* ------------------------------------------------------------------------------- */
/* remaining stuff ONLY used in Intranet */
/* next 1 used for extra navigation on the intranet */
.extranav {
width: 140px;
float: left;
margin-top: 5px;
margin-bottom: 0;
font-size: .7em;
border-width:1px;
border-style:dashed;
border-color:#CCCCCC;
}
.leftboxtitletoolkit {
width: 148px;
float: left;
margin-top: 2px;
margin-bottom: 0;
border-width:1px;
border-style:solid;
border-color:#666666;
background-color:#FBEEEE;
}
.leftboxtoolkit {
width: 148px;
float: left;
margin-top: 5px;
margin-bottom: 0;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
font-size: .7em;
}
.leftboxtoolkitheading
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-left:15px;
}
/* used on intranet homepage search rankings box */
.standardcontentintrarhs
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
margin-left:4px;
margin-top:4px;
margin-bottom:4px;
}
/* used on Intranet News page */
.standardcontentnewspage
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.9em;
margin-left:4px;
margin-top:3px;
margin-bottom:3px;
}
/* next 2 used on Intranet homepage page */
.latestnews
{font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.8em;
margin-left:4px;
margin-top:3px;
margin-bottom:3px;
color:#333333;
}
.standardverdana
{font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.7em;
margin-left:0px;
margin-top:3px;
margin-bottom:3px;
color:#333333;
}
/* used on Intranet homepage import long story */
.standardintranethp
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
margin-top:3px;
margin-bottom:3px;
}
/* used on Intranet display rankings on Intranet homepage */
.smallcontentrightintranet
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.7em;
margin-left:3px;
margin-top:2px;
margin-bottom:2px;
}
/* used on Intranet text size message on Intranet homepage */
.textSizeMessage
{font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
margin-left:3px;
margin-top:2px;
margin-bottom:2px;
}
.smallcontentrightintranet a
{
color: #990000;
}
td.shortgreyborder
{
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
width: 220px;
border-collapse: collapse;
}
td.gapgreyborder
{
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color:#CCCCCC;
width: 250px;
border-collapse: collapse;
}
td.shortergreyborder
{
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
border-collapse: collapse;
width:114px;
}
/* used for background of display trips table */
td.shortergreyborder2
{
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
border-collapse: collapse;
width:114px;
background: #F6F5F5;
}
/* used for current trips in display trips table */
td.shortergreyborder3
{
border-width: 1px;
border-style: solid;
border-color:#99CC66;
border-collapse: collapse;
width:114px;
background: #E1F6CD;
}
td.greybordercol1
{
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
}
td.displaystaffname
{
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
width: 313px;
background: #F6F5F5;
}
/* next 2 used in Intranet news section to get blocks to the top */
.contentrightboxed
{
width:198px;
padding:0px;
float:left;
background:#fff;
margin-top:5px;
margin-bottom:2px;
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
}
.boxeditemintranet
{
width:342px;
background:#fff;
margin-top:5px;
border-width: 1px;
border-style: solid;
border-color:#ffcccc;
}
.boxeditemintranet-tk
{
width:446px;
background:#fff;
margin-top:5px;
padding:10px;
border-width: 1px;
border-style: solid;
border-color:#ffcccc;
}
.boxedintragreyborder
{
width:342px;
background:#fff;
margin-top:5px;
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
}
/* used on intranet News index page */
.boxeditemintranetgrey
{
width:342px;
background:#fff;
border-width: 1px;
border-style: solid;
border-color:#F6F5F5;
background: #F6F5F5;
}
/* used on intranet homepage for News import */
.boxeditemintranetdarkgrey
{
width:342px;
background:#fff;
border-width: 1px;
border-style: solid;
border-color:#DDDDDD;
background: #DDDDDD;
}
.boxeditemintranetdarkgrey-tk
{
background:#fff;
border-width: 1px;
border-style: solid;
border-color:#DDDDDD;
background: #DDDDDD;
}
/* used on include rankings, Intranet homepage */
.rightboxedgrey
{
width:196px;
background:#fff;
border-width: 1px;
border-style: solid;
border-color:#F6F5F5;
background: #F6F5F5;
}
/* used on intranet home import long news item to homepage */
.paddingneeded
{
padding-left:5px;
padding-top:9px;
padding-bottom:9px;
}
/* used on additional headline on homepage */
.paddingneeded2
{
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}
.floatright
{
float:right;
}
/* 2 column form for Lucia */
div.row {
float: left;
clear: both;
padding-top: 10px;
width: 540px;
}
div.row span.label-feedback {
float: left;
width: 220px;
text-align: right;
margin-right:10px;
}
div.row span.label2 {
float: left;
width: 130px;
text-align: right;
margin-right:10px;
}
div.row span.formw {
float: left;
text-align: left;
}
.greyback{background-color:#cccccc}