Skip to content
Snippets Groups Projects
Select Git revision
  • develop default protected
  • Ubuntu21Build
  • FixAutogen
  • FixGitignore
  • production
  • feature/zQT
  • feature/Unbundle_view
  • 2.13.0
  • 2.12.0
  • 2.11.6
  • 2.11.5
  • 2.11.4
  • 2.11.3
  • 2.11.2
  • 2.11.1
  • 2.11.0
  • 2.10.2
  • 2.10.1
  • 2.10.0
  • 2.9.0
  • 2.8.0
  • 2.7.1
  • 2.7.0
  • 2.6.1
  • 2.6.0
  • 2.5.2
  • 2.5.1
27 results
Blame History Permalink
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
dev_server.css 23.49 KiB 
/* Colours
Primary colours
#074987 prime1 (from colour picker against logo)
#004869 prime1          pantone 301
#8abbee prime2          pantone 2915
primary supplemental colours
#9fc6ee prime3          75% tint of pantone 2915
#b8d2ef prime4          50% tint of pantone 2915
#cbdced prime5          25% tint of pantone 2915

Secondary colours
Natural world
#b0e3c0 natural1  pantone 332
#ccf284 natural2  pantone 373
#5f8011 natural3  pantone 377
#057a52 natural4  pantone 569
#ddf6a4 natural5  pantone 372
#846d53 natural6  warm gray 9
#ccb376 natural7  pantone 4525
#845d00 natural8  pantone 4495
#621700 natural9  pantone 483
vibrants
#ff7200 vibrant1  pantone 1505
#c3001d vibrant2  pantone 186
#8d0017 vibrant3  pantone 194
#7c004f vibrant4  pantone 2612
*/

@import url("/stylesheets/z-menu.css");

body {
  margin:           0;
  font-family:      Arial, Helvetica, Sans-serif;
  font-size:        10pt;
  padding:          0;
  color:            #808080;
  text-decoration:  none;
  background-color: #fff;
}



tr {
  vertical-align: top;
}

p, td {
  font-family: Arial, Helvetica, Sans-serif;
/*  font-size:   0.9em; */
  color:       #2f4f4f;
}

th {
  font-family: Arial, Helvetica, Sans-serif;
/*  font-size:   0.9em; */
  color:       #074987;
  text-align:  left;
}

ul, ol, div, li, dl, dt, dd {
  font-family: Arial, Helvetica, Sans-serif;
  font-size:   1em;
  color:       #2f4f4f;
}

p {
  margin: 0.6em 0em 0.6em 0em;
}

hr {
  border-top:    0px dotted #2f4f4f;
  border-bottom: 1px dotted #2f4f4f;
  height:        0;
  text-align:    center;
  width:         75%;
}

.quote {
  font-family: Arial, Helvetica, sans-serif;
/*  font-size:   0.9em; */
  color:       #8d0017;
  font-style:  italic;
}
.pressh1 {
  color:       #5a85d6;
  font-weight: bold;
  font-size:   1.2em;
}

.pressh2 {
  color:       #8d0017;
  font-weight: bold;
}

.mediah1 {
  color:       #5a85d6;
  font-weight: bold;
  font-size:   1.6em;
}

.mediah2 {
  color:       #8d0017;
  font-weight: bold;
  font-size:   1.2em;
}

.symbol {
  font-family: symbol;
/*  font-size:   0.9em; */
  color:       #074987;
}

img.map {
  position: absolute;
  left:     0px;
  top:      69px;
  z-index:  1
}

a:link, a:visited {
  color:            #074987;
  text-decoration:  underline;
}

a:hover {
/*  color:           #5a85d6; */
  color:           #ff7200;
  text-decoration: underline;
}

/* IMAGES START */

img {
  border: 0;
}

img.img {
  margin: 5px;
  border: 1px solid #aaaaaa;
}

img.img-nb {
  margin: 5px;
  border: 0;
}

div.figleft, div.figright {
  margin: 5px;
}

div.left, div.figleft {
  float: left;
}

div.right, div.figright {
  float: right;
}

div.figleft p, div.figright p {
  text-align: justify;
  margin:     0;
  color:      #8d0017;
  font-size:  0.75em;
  border:     1px dotted #aaaaaa;
  padding:    0;
}

div.figleft img, div.figright img {
  margin: 0;
  border: 1px solid #aaaaaa;
}

div.figleft a, div.figright a {
  color: #8d0017;
}

.figlegend {
  color:      #8d0017;
  font-size:  0.7em;
  border:     dotted 1px #83a4c3;
  text-align: justify;
  padding:    5px;
}

/* IMAGES FINISH  */

.banner {
  font-size:   1.5em;
  text-align:  left;
  color:       #074987;
  margin:      5px 0px 5px 0px;
  padding:     0;
  font-weight: bold;
/*  width:       800px;*/
}

.subhead, a.subhead {
  font-size:   1em;
  text-align:  left;
  color:       #8d0017;
  margin:      0;
  padding:     0;
  font-weight: bold;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color:       #074987;
  padding:     0;
  font-weight: bold;
  margin:      0;
}

h1, .h1 {
  font-size: 2em;
  margin:    5px 0px 5px 0px;
}

h2, .h2 {
  font-size: 1.8em;
}

h3, .h3 {
  font-size: 1.6em;
}

h4, .h4 {
  font-size: 1.4em;
}

h5, .h5 {
  font-size: 1.2em;
}

h6, .h6 {
  font-size: 1.1em;
}

/*** styled lists for pubmedaliser ***/

ul.outer{
  margin:           0px; /*removes indent IE and Opera*/
  padding:          0px; /*removes indent Mozilla and NN7*/
  font-size:        1em;
  list-style-type:  none; /*turns off display of bullet*/
  font-family:      Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border:           1px dotted #83a4c3;
  margin:           0px;
  width:            100%;
}

ul.inner {
  margin:          0px;/*removes indent IE and Opera*/
  padding:         0px;/*removes indent Mozilla and NN7*/
  font-size:       1em;
  list-style-type: none; /*turns off display of bullet*/
  width:           100%;
}

li.pubtext {
  font-size: 1em;
}

td.pubtext {
  margin:  5px;
  padding: 10px;
}

li.pub1, .pub1 {
  font-size:        1em;
  margin:           5px;
  padding:          10px;
  background-color: #e7edf3;
}

li.pub2, .pub2 {
  font-size: 1em;
  margin:    5px;
  padding:   10px;
}

li.header {
  background-color: #c2d2e1;
  color:            #000000;
  padding:          10px;
  margin:           5px;
  text-align:       left;
  font-family:      Arial, Helvetica, sans-serif;
}
/*** styled lists end ***/

.correct {
  font-weight: bold;
/*  font-size:   0.9em; */
}

.error1, .error2 {
  font-weight: bold;
/*  font-size:   0.9em; */
}

.small {
  font-size: 0.8em;
}

.correct {
  color: #4577a5;
}

.error1 {
  color: #ff7200;
}

.error2 {
  color: #7c004f;
}

.tablelisting, a.tablelisting {
/*  color:       #ff7200; */
  color:       #074987;
/*  font-size:   0.8em; */
  text-align:  left;
}

/* begin zebra-tables */
.tabrow1, table.zebra .tabrow1 {
  background-color: #e7edf3;
  color:            #074987;
}

.tabrow2, table.zebra .tabrow2 {
  background-color: #ffffff;
  color:            #074987;
}

table.zebra {
  caption-side: bottom;
}

table.zebra thead th {
  border-bottom: 2px solid black;
}

table.zebra table.zebra thead th {
  border-bottom: 1px solid black;
}

table.zebra table .tabrow1 {
  background-color: #f4f8fd;
  color:            #074987;
}

table.zebra table .tabrow2 {
  background-color: #fff;
  color:            #074987;
}

table.zebra caption, table.zebra tfoot td {
  font-size: 0.9em;
}

table.zebra caption {
  background-color: #eee;
  color: #000;
}
/* end zebra-tables */

.teamleader {
/*  font-size: 1.2em; */
  color:     #074987;
}

.groupleader {
  color:     #4577a5;
}

/*** species stats start ***/

a.species-ftp {
  color:      #ff7200;
/*  font-size:  0.9em;*/
  font-weight: bold;
}

a.species-ftp {
  color:       #ff7200;
/*  font-size:   0.9em;*/
  font-weight: bold;
  font-style:  italic;
}

.species-project {
  color:       #8d0017;
/*  font-size:   0.8em;*/
  white-space: nowrap;
}

a.species-project {
  color:      #057a52;
/*  font-size:  0.8em;*/
}

.species-numbers {
  color:       #8d0017;
/*  font-size:   0.8em; */
  font-weight: bold;
}

/*** species stats end ***/



/*** begin site search box configuration ***/

#searchbox {
  float:right;
  border: 2px solid #074987;
  margin-top:20px;
  margin-right:20px;
  padding: 5px;
  background: #cbdced;
  -moz-border-radius: 8px;
}

/*\*//*/ #searchbox {width: 100px;} /**/ /*IE5 on the mac only */

#searchbox form {
  padding:0;
  margin:0;
}
#searchbox .sitequery {
  font-size: 0.7em;
  color: #8d0017;
  padding: 0;
  margin: 0;
}
#searchbox .searchbutton {
  border: 2px solid;
  border-top-color: #efeaf3;
  border-left-color: #909fc7;
  border-bottom-color: #506816;
  border-right-color: #22408f;
  background-color: #cbdced;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  padding:0px;
  color: #074987;
}

/*** end site search box configuration ***/

.footer {
  border:           1px solid #074987;
  font-size:        0.9em;
  text-align:       left;
  white-space:      nowrap;
  background-color: #cbdced;
  margin:           0px;
  padding:          0px;
  color:            #074987;
}

.footer-text {
  color: #074987;
}

.footer2 {
/*  font-size:  0.9em;*/
  text-align: left;
}

.footer2-text {
  color: #aaaaaa;
}

/*** NAVHEAD START ***/

#navhead {
  border-top:1px solid #22408f;
  background: #074987;
  margin:0px;
  padding:0px;
}

#navhead a {
  font-weight:bold;
  color: #fff;
  text-decoration:none;
  display:block;
  padding:3px 3px 3px 6px;
  margin:0px;
}

/*** NAVHEAD END ***/

/*** NAVIGATOR START ***/

div.navigator {
  padding:0px;
  margin:0px;
}
div.navigator ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  margin-bottom:18px;
  border-bottom:1px solid #22408f;
}
div.navigator li {
  display:block;
  list-style-type:none;
  margin:0px;
  padding:0px;
  border-top:1px solid #22408f;
  background: #cbdced;
  _height:10px; /* IE6 hack to get the right heights */
}
div.navigator li a {
  color: #074987;
  font-weight:bold;
  display:block;
  margin:0px;
  padding:3px 3px 3px 5px;
  text-decoration:none;
  _height:10px; /* IE6 hack to get the right heights */
}

div.navigator li a:hover {
  background-color: #9fc6ee;
  text-decoration:none;
  color: #074987;
}

/*** NAVIGATOR END ***/

/*** BARHEAD START ***/

.barhead, a.barhead, a.barhead:link, a.barhead:visited, a.barhead:hover {
  border:           1px solid #4577a5;
  font-family:      Arial, Helvetica, sans-serif;
  background-color: #4577a5;
  margin:           0;
  padding:          0 0 0 5px;
  display:          block;
  color:            #ffffff;
  font-weight:      bold;
  text-decoration:  none;
  _height:10px; /* IE6 hack to get the right heights */
}

/*** BARHEAD END ***/

/*** NAVIGATOR2 START ***/

div.navigator2 {
  padding:0px;
  margin:0px;
}
div.navigator2 ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  margin-bottom:18px;
  border-bottom:1px solid #22408f;
}
div.navigator2 li {
  display:block;
  list-style-type:none;
  margin:0px;
  padding:0px;
  _height:10px; /* IE6 hack to get the right heights */
  border-top:1px solid #22408f;
  background: #9fc6ee;
}
div.navigator2 li a {
  color: #074987;
  font-weight:bold;
  display:block;
  _height:10px; /* IE6 hack to get the right heights */
  margin:0px;
  padding:3px 3px 3px 5px;
  text-decoration:none;
}

div.navigator2 li a:hover {
  background-color: #cbdced;
  text-decoration:none;
  color: #074987;
}

/*** NAVIGATOR2 END ***/


/*** NAVIGATOR SHOW HIDE START ***/

#nav_tab {
  margin-top: 1px;
  padding:    0px 0px 0px 0px;
}

/*** NAVIGATOR SHOW HIDE END ***/

/* begin WTSI header logo/swoosh/search configuration */

.header tr {
  vertical-align: middle;
 }

td.headerleft {
  background-color: #074987;
}

/* td.headercentre and td.headerright background-image is set in wtsi.pm */
td.headercentre {
  background-position: top right;
}

table.headersearch {
  float:              left;
  background-color:   #cbdced;
  padding:            5px;
  margin:             15px;
  -moz-border-radius: 8px;
  border:             2px #074987 solid;
}

/* end WTSI header logo/swoosh/search configuration */


/* nav dropdowns start */

.nav-dd {
  width:            170px;
  background-color:#f4f8fd;
}

.hide {
  display: none;
}

/* nav dropdowns end */

/* begin portlet configuration */
div.portlet {
  margin-top:       10px;
  border:           1px #8d0017 solid;
  background-color: #f4e6e8;
}

div.portletitem {
  padding:    2px;
  font-size:1em;
}

div.portlethead {
  background-color: #8d0017;
  color:            #ffffff;
  font-weight:      bold;
  padding:          1px;
}

div.portlet ul {
  list-style: none;
  margin:     0;
  padding:    0;
  border:     none;
}

div.portlet li, div.portlet a {
  color:           #8d0017;
  text-decoration: none;
}

div.portlet a:hover {
  color:           #8d0017;
  text-decoration: underline;
}

div.portlet li {
  border-bottom: 1px dotted;
}

/* end portlet configuration */

/* begin jimmac menu configuration */

/* div.menutext, div.menutext a, div.menutext a:visited, div.menubar {
  background-color: #cbdced;
  color:            #074987;
} */

div.menutext {
 /* background-color: #cbdced;*/ /*menubackground colour*/
/*  border-left: 171px solid #cbdced;*/
}

div.menutext, div.menutext a, div.menutext a:visited, div.menubar {
  color:          #074987;
  text-decoration: none;
}

div.submenus a:link, div.submenus a:visited {
  color:          #074987;
  text-decoration: none;
}

div.submenus tr.hi, tr.hi {
  background-color: #b8d2ef;
  text-decoration:   none;
}

div.submenus tr.lo, tr.lo {
  background-color: #cbdced;
  text-decoration:   none;
}

div.submenus a:hover {
  background-color: #074987;
  color:            #ffffff;
}

/* end jimmac menu configuration */

div.newsdec {
  background-color:   #e7edf3;
  -moz-border-radius: 8px;
  margin:             0pt 0pt 0pt 0pt;
  padding:            6pt 6pt 6pt 6pt;
  width:              100%;
  border:             2px #b8d2ef solid;
  overflow:           visible;
}

div.news-bannerdec {
  background-color: #074987;
  color:            #ffffff;
  padding:          0pt 0pt 0pt 6pt;
  margin:           5px 0px 0px 10px;
 /* font-size:        0.9em;*/
  font-weight:      bold;
}

div.genborder {
  background-color:   #e7edf3;
  -moz-border-radius: 8px;
  margin:             0em;
  padding:            1em;
  width:              auto;
  border:             2px #cbdced solid;
  overflow:           visible;
  font-size:          1em;
}

div.genborder-banner {
  background-color: #074987;
  color:            #ffffff;
  padding:          1px 1px 1px 3px;
  margin:           0 0 0 1em;
  font-size:        1em;
  font-weight:      bold;
  width:            20em;
}

/* Things to deprecate */

a.red1, .red1, .chromtab1, .barialr, .arialr, .smarialr, .newsheader, .basecounter, a.figlegend,  td.figlegend a, span.quote a {
  color: #8d0017;
}

.grey1, gray1 {
  background-color: #aaaaaa;
}

tr.h2bg, .barialwbg, td.h2bg, .h2bg {
  background-color: #074987;
}

.h2bg, .barialwbg {
  color: #ffffff;
}
/* rounded boxes - start */

.roundedboxedge {
  background-color: #224422;
  color: #ffffff;
}

.roundedboxbg {
  background-color: #e7edf3;
}

/* rounded boxes - end */

a.nounderline {
  text-decoration: none;
}

.white, .barialw, .smarialw, .bsmarialw {
  color: #ffffff;
}

tt, .tt {
  font-family: courier;
  font-size: 1em;
}

sub, sup {
  font-family: Arial, Helvetica, sans-serif;
  font-size:   0.9em;
}

.ismarial {
  font-style: italic;
}

.bsmarialw, .bsmarial {
  font-weight: bold;
}

.blue1, .chromtab2, .chromtab3, .barialb, .arialb, .barhead3 {
  color: #074987;
}

.blue2, .barialb2, .barhead2, .smarialb2 {
  color: #5a85d6;
}

.violet1 {
  background-color: #ffffff;
  text-decoration: none;
}

.violet2, .panel {
/*  background-color: #cbdced;*/
  background-color: #ffffff;
}

.violet3 {
  background-color: #e7edf3;
}


/* news start */

div.news {
  background-color:   #e7edf3;
  -moz-border-radius: 8px;
  margin:             0em;
  padding:            6px;
  width:              18em;
  border:             2px #b8d2ef solid;
  height:             8em;
  overflow:           visible;
}

div.news-banner {
  background-color: #074987;
  color:            #ffffff;
  padding:          0pt 0pt 0pt 6pt;
  width:            100px;
  margin:           5px 0px 0px 10px;
/*  font-size:        8pt;*/
  font-weight:      bold;
}

.news-title {
  color:       #8d0017;
  font-size:   1em;
  font-weight: bold;
  text-align:  left;
}

.news-content {
  color:      #2f4f4f;
  /*font-size:  0.8em;*/
  text-align: left;
}

fieldset {
  border:           #83a4c3 dotted 1px;
  background-color: /*#f4f8fd;*/ #ffffff;
  padding:          0em 0.5em 0.5em 0.5em;
  text-align:       left;
  margin:           0px;
}

/* Holly Hack Targets IE Win only \*/
* html  fieldset {border: #83a4c3 solid 1px;}
        fieldset {border: #83a4c3 dotted 1px;}
/* end of Holly hack */

legend {
  border:           #83a4c3 solid 1px;
  background-color: #f4f8fd;
  color:            #074987;
  padding:          2px 4px 2px 4px;
  font-weight:      bolder;
  text-decoration:  none;
  font-family:      Arial,Helvetica,Sans-Serif;
  margin-top:       0px;
}

/* Holly Hack Targets IE Win only \*/
* html  legend {margin-top: 10px;}
        legend {margin-top: 0px;}
/* end of Holly hack */

legend.info {
  border:           #c6808b solid 1px;
  background-color: #f4e6e8;
  color:            #8d0017;
}

fieldset.news-long {
  border:           #83a4c3 dotted 1px;
  background-color: /*#f4f8fd;*/ #ffffff;
  padding:          0em 0.5em 0.5em 0.5em;
  width:            500px;
  text-align:       left;
  margin:           10px;
}

/* Holly Hack Targets IE Win only \*/
* html  fieldset.news-long {border: #83a4c3 solid 1px;}
        fieldset.news-long {border: #83a4c3 dotted 1px;}
/* end of Holly hack */

legend.news-long {
  border:           #83a4c3 solid 1px;
  background-color: #f4f8fd;
  color:            #074987;
  padding:          2px;
  font-weight:      bolder;
  text-decoration:  none;
  font-family:      Arial,Helvetica,Sans-Serif;
  margin-top:       0px;
}

/* Holly Hack Targets IE Win only \*/
* html  legend.news-long {margin-top: 10px;}
        legend.news-long {margin-top: 0px;}
/* end of Holly hack */

fieldset ul, fieldset ol {
  padding:     0em;
  margin:      0.5em 0 0.5em 1.5em;
}

fieldset ul li {
  list-style:  url(/icons/prime2/arrow.l.gif) disc;
}

fieldset ul li li {
  list-style:  url(/icons/natural1/arrow.l.gif) disc;
}

fieldset ul li, fieldset ul li li, fieldset ol li, fieldset ul li li {
  padding:     0em;
  margin:      0em;
}


/* Holly Hack Targets IE Win only \*/
* html  fieldset li {margin: 0 0 0 1em;}
        fieldset li {margin: 0em;}
/* end of Holly hack */

fieldset h1, fieldset h2, fieldset h3, fieldset h4, fieldset h5, fieldset h6 {
  font-size:   1em;
  font-weight: bold;
  margin:      0em;
}

fieldset h1, fieldset h1 a:link, fieldset h1 a:visited, fieldset h1 a:hover {
  color:       #8d0017;
}

fieldset h2, fieldset h2 a:link, fieldset h2 a:visited, fieldset h2 a:hover {
  color:       #074987;
}

fieldset h3, fieldset h3 a:link, fieldset h3 a:visited, fieldset h3 a:hover {
  color:       #057a52;
}

fieldset h4, fieldset h4 a:link, fieldset h4 a:visited, fieldset h4 a:hover {
  color:       #ff7200;
}

fieldset h5, fieldset h5 a:link, fieldset h5 a:visited, fieldset h5 a:hover {
  color:       #c3001d;
}

fieldset h6, fieldset h6 a:link, fieldset h6 a:visited, fieldset h6 a:hover {
  color:       #7c004f;
}
/*
fieldset p {
    margin:      0em;
}
*/
fieldset th {
  text-align: left;
}

fieldset.small {
  font-size:   0.9em;
}

fieldset textarea {
  font-family:      Arial,Helvetica,Sans-Serif;
  font-size: 1em;
  float: right;
  width: 23em;
}

.input {
  font-family:      Arial,Helvetica,Sans-Serif;
  font-size: 1em;
  float: right;
  width: 23em;
}

/* news end */

/* seminars start */

div.seminars {
  background-color:   #e7edf3;
  -moz-border-radius: 8px;
  margin:             0pt 0pt 0pt 0pt;
  padding:            2pt 6pt 6pt 6pt;
  width:              194pt;
  border:             2px #b8d2ef solid;
  height:             100pt;
  overflow:           visible;
}

div.seminars-banner {
  background-color: #074987;
  color:            #ffffff;
  padding:          0pt 0pt 0pt 6pt;
  margin:           5pt 100pt 0pt 10pt;
 /* font-size:        0.9em;*/
  font-weight:      bold;
}

fieldset.seminars {
  border:           #83a4c3 dotted 1px;
  background-color: /*#f4f8fd;*/ #ffffff;
  padding:          0em 0.5em 0.5em 0.5em;
  width:            250px;
  text-align:       left;
  margin:           0px;
}

/* Holly Hack Targets IE Win only \*/
* html  fieldset.seminars {border: #83a4c3 solid 1px;}
        fieldset.seminars {border: #83a4c3 dotted 1px;}
/* end of Holly hack */

a.seminars-title, a.faculty-title {
  color:       #8d0017;
  /*font-size:   0.9em;*/
  font-weight: bold;
  text-align:  left;
}

.seminars-content {
  color:      #2f4f4f;
  /*font-size:  0.8em;*/
  text-align: left;
}

a.seminars-list, a.faculty, td.faculty {
  color:      #ff7200;
  /*font-size:  0.9em;*/
  font-weight: bold;
  text-align: left;
}

/* seminars end */

div.quote-box {
  float: left;
  width: 200px;
  background-color: #d8f1e0;
  padding: 5px;
  margin: 5px 5px 5px 0px;
}

div.quote-box h6 {
  /*font-size:   0.9em;*/
  color:       #5f8011;
  padding:     8px 0 0 0;
  font-weight: bold;
  margin:      0;
  text-transform: capitalize;
}

div.quote-box p {
  /*font-size:   0.8em;*/
  padding:     0;
  margin:      0;
}

.announcement, a.announcement {
  border:           #c6808b solid 1px;
  background-color: #f4e6e8;
  color:            #8d0017;
  padding:          5px;
  font-weight:      bold;
  font-size:        1.5em;
  text-align:       center;
}
/*
a.announcement {
  color:            #8d0017;
}
*/
a.wpresent, .wpresent {
  color:            #ff7200;
  border:           #83a4c3 solid 1px;
  background-color: #f4f8fd;
  padding:          2px;
  margin:           2px 2px 2px 2px;
  /*font-size:        0.7em;*/
}

.wpresentact {
  color:            #ff7200;
  border:           #83a4c3 solid 1px;
  background-color: #b8d2ef;
  font-weight:      bold;
  padding:          2px;
  margin:           2px;
}

a.wpresent:hover {
  color:            #ff7200;
  border:           #83a4c3 solid 1px;
  background-color: #b8d2ef;
  font-weight:      bold;
}

/* begin cross-browser coloured fake-fieldsets */
div.fieldset {
  position:   relative;
  margin-top: 1em;
}

div.fieldset div.content {
  padding:          0.75em;
  overflow:         auto;
  display:          table-cell;
  border:           1px solid #074987;
  background-color: white;
}


div.fieldset div.legend {
  position:         absolute;
  top:              -0.5em;
  margin-left:      1em;
  white-space:      nowrap;
  display:          table-cell;
  padding:          0 0.2em 0 0.2em;
  font-weight:      bolder;
  z-index:          1;
  border:           black 1px solid;
  background-color: white;
}

div.fieldset div.content img {
  position:       relative;
  padding-bottom: 0.5em;
}

* html div.fieldset div.legend { width: 100px; }

/* end cross-browser coloured fake-fieldsets */


/* new css for tableless div version */

#nav_bar {
  background-color: #cbdced;
  height: 17px;
}

#nav_bar img {
  vertical-align: middle;
  margin-top:1px;
  margin-left:3px;
}

#collapseHEAD {
  background: url(http://wwwdev.sanger.ac.uk/header-icons/swoosh/default.gif) no-repeat top left;
  height:66px;
}

#collapseHEAD img {
  float:left;
}

#sidebar {
  width:172px;
}

#sidebar img.img {
  margin: 0px;
  border: 0px;
}

div#navblock {
  position:absolute;
  top:83px;
  left:0px;
  width:20px;
}

div#navblock.expanded {
  width:187px;
}

div#navblock.collapsed {
  width:20px;
}

#login_box {
  border:1px solid #22408f;
  background: #cbdceb;
  padding:3px 3px 3px 13px;
}

#login_box .field{
  margin-bottom:3px;
  width:130px;
}

#navigation {
  padding:0px;
  margin:0px;
  margin-bottom:1em;
  border-bottom:1px solid #22408f;
  border-left:1px solid #22408f;
  border-right:1px solid #22408f;
  background: #e7edf3;
}
#navigation img {
  padding:0px;
  margin:0px;
}

#collapseFOOT {
  clear:both;
  font-size: 0.8em;
  font-family: Arial,Helvetica,Sans-serif;
  padding:5px 0px;
  margin:10px 3px 3px 3px;
  color:#888;
  border-top:1px solid #eee;
}

#collapseFOOT #contact {
  padding:3px;
}

#collapseFOOT #contact p {
  margin: 1px;
  padding: 0px;
  display:inline;
}

#collapseFOOT #contact #email {
  float:right;
}

#collapseFOOT #legal {
  padding: 2px 0px 0px 0px;
  margin: auto;
  text-align:center;
  width:99%;
}

#collapseFOOT #legal p {
  color: #aaa;
  display:inline-block;
  padding: 0;
  margin: 0;
}
#collapseFOOT #legal .left {
  float:left;
  width:33%;
  text-align:left;
}
#collapseFOOT #legal .middle {
  text-align:center;
}
#collapseFOOT #legal .right {
  text-align:right;
  width:33%;
  float:right;
}

#navtab {
  position:absolute;
  top:40px;
  right:0px;
  margin:0px;
  padding:0px;
}

div#main {
/* nothing in here, but I think it has to be here to
  allow the collapsed and expanded classes */
  margin-left: 20px;
  padding:     0.5em 1em 1em 1em;
}

div#main.collapsed {
  margin-left:188px;
}

div#main.expanded {
  margin-left:20px;
}

div#content {
  min-height:  400px;
}

/* end new css for tableless div version */