/* 
------------------------------------
DETAILS:
Title: screen_style.css
Author: Jeff Stratford
URL: 
Created: January 2006
Modified: 25 March 2006
------------------------------------
COLOURS:
 medium blue:       #99CCFF
 light blue:        #CFE7FF
 menu text:         #2A4F6F
 orange:            #FF7500
 page background:   #F0F0F0
 header background: #CED7E4
 
dark blue #334466
blue background #5A76A5
------------------------------------ */


/* --- DEFAULT ELEMENTS ---- */
body {
  margin: 0;
  padding: 0;
  background-color: #F0F0F0;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

html,
body,
#contents {
  min-height: 100%;
  width: 100%;
  height: 100%;
}

html>body,
html>body #contents {
  height: auto;
}

h1,h2,h3 { color: #334466;}

h1 { font-size: 160%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }


/* ---- HEADER ---- */
#header {
  height: 100px;
  background-color: #CED7E4;
  padding: 0.1em 0em 0em 0.5em;
}

#header img.logo {
  float:left;
}

#header img.strap {
  float:right;
}


/* ---- CONTENTS ---- */
#contents {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F0F0F0;
  min-width:950px;
  width:expression(this.parentNode.offsetWidth<=950? 950:'auto');
}

/* ---- CONTENT ---- */
#content {
  margin-right: 27em;
  margin-left: 2em;
  margin-bottom: 3em;
}

#content p.large {
  font-size:135%;
}

#content p,
#content ul {
  line-height: 1.6em;
  font-size: 110%;
  padding-left: 1.2em;
}

#content ul {
  list-style-type: disc;
  margin-left: 3em;
  padding-left: 0;
}

#content li {
  font-size: 100%;
  padding-bottom: 0em;
}

#content ul.padded,
#content li.padded {
  padding-bottom: 1em;
}

#content span.title {
  color: #334466;
  font-weight: bold;
}

#content span.indent {
  padding-left: 1.5em;
}

#content div.indent {
  padding-left: 1.5em;
}

#content fieldset {
  line-height: 1.6em;
  padding: 0em 1.5em 0em 1.5em;
  margin: 0em 1.5em 1em 1.5em;
}

#content fieldset legend {
  font-weight:bold;
  color: #FF6600;
}

#content ul#sitemap {
  list-style-image: url(../images/fold.gif);
}

#content ul#sitemap ul li {
  list-style-image: url(../images/list.gif);
}


/* ---- FOLDING ---- */
#folder ul {
  margin-left: 1.3em;
}

#foldheader {
  cursor:hand;
  font-weight:normal;
  list-style-image:url(../images/fold.gif);
}


#foldinglist {
  list-style-image:url(../images/list.gif);
}



/* ---- JOURNALCONTENT ---- */
#journalcontent {
  float:right;
  margin-right: 0.8em;
  margin-top: 0em;
  margin-bottom:1.5em;
  width: 50em;
}

#journalcontent span.author {
  font-weight: bold;
}

#journalcontent span.species {
  font-style: italic;
}

#journalcontent p.jtitle {
  padding-left: 0em;
  font-size: 110%;
}
#journalcontent p.jabstract {
  margin-left: 1em;
}


/* ----  SIDEBAR ---- */
#sidebar {
  float:right;
  margin-right: 0.8em;
  margin-top: 1em;
  width: 24em;
}




/* ---- FOOTER ---- */
#footer {
  text-align: center;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 2em;
  border-top: 1px solid #AAAAAA;
  background-color:#5A73BD;
  color:white;
}

#footer p {
  margin: 0.1em 0em 0em 0em;
  padding: 0;
}


/* ---- NAVIGATION ---- */
#navigation {
  color: #334466;
  padding-top: 0em;
  padding-right: 1em;
  font-size: 110%;
  font-weight: bold;
  margin-right: 0em;
  margin-left: 0em;
  height: 2em;
  min-width: 770px;
  background-color:#5A73BD;
}

#navigation a,
#navigation a:link,
#navigation a:visited,
#navigation a:hover,
#navigation a:active {
  text-decoration: none;
  border: none;
}

ul#nav a:link,
ul#nav a:visited {
  text-decoration: none;
  font-weight: bold;
  color:white;
}

ul#nav a:hover {
  color: #FF7500;
}

ul#nav {
  list-style: none;
  margin: 0;
  float: left;
  padding: 0em 0em 0em 1em;
}

ul#nav li {
  float: left;
  position: relative;
  text-align: left;
  cursor: default;
}

ul#nav li a {
  display: block;
  background: transparent;
  padding: 0em 2em 0em 1em;
  line-height: 2em;
  height: auto;
  text-decoration: none;
}

ul#nav li ul {
  list-style: none;
  z-index: 1000;
  display: none;
  position: absolute;
  top: 1.9em;
  left: 0.5em;
  width: 15em;
/*  width:auto;*/
  height: auto;
  margin: 0em;
  padding-top: 0em;
  padding-left: 0em;
  border: 1px solid #CCCCCC;
}

ul#nav li:hover ul,
ul#nav li.over ul {
  display: block;
}

ul#nav li ul li {
  margin: 0px;
  padding: 0px;
  height: auto;
}

ul#nav ul li a {
  display: block;
  background: #5A73BD;
  padding: 3px 5px 4px 5px;
  width: 15em;
/*  width:auto;*/
  text-indent: 0;
  line-height: 1.3;
  height: auto;
  text-decoration: none;
  border-bottom: 1px solid #B3BBC2;
  overflow: hidden;
}

ul#nav ul li a:hover {
  background-color: #CED7E4;
  color: #FF7500;
}


/*
 +----------------------------------------------------------------------+
 || Boxit
 +----------------------------------------------------------------------+
*/
.boxit {
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,255,255);
}

.boxit p {
	line-height: 1.4em;
	padding: 0.3em 0.2em 0.3em 0.5em;
	margin: 0em 0em 0em 0em;
/*	background-color: rgb(255,255,0);*/
}

.boxit .title {
	clear: both;
	display: block;
	margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.3em 0.4em;
	font-weight: bold;
	color: rgb(50,50,50);
	font-size: 1.1em;
}

.boxit .grey {
	background-color: rgb(220,220,220);
}

.boxit .blue {
	background-color: rgb(187,211,247);
}

.boxit .yellow {
	background-color: rgb(255,236,128);	
}

.boxit .green {
	background-color: rgb(204,255,204);
}

.boxit .red {
	background-color: rgb(255,200,200);
}

.icon,
.boxit .title img {
	vertical-align:middle;
	border-width: 0;
}







/* ---- TABLE ---- */
table {
  font-size: 1em;
  border-collapse: collapse;
}

caption {
  font-size: 1.1em;
  background-color: #B0C4DE;
  color: #33517A;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 2px;
  border: 1px solid #828282;
}

th {
  font-weight: bold;
  text-decoration: none;
  padding: 4px;
  text-align: left;
}

.data th {
  background-color: #DDDDDD;
  border-bottom: 1px solid #999999;
  border-top:  1px solid #999999;
}

tr.odd { background-color: #FFFFFF; }

tr.even { background-color: #F3F3F3; }

th.hilite,
td.hilite {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  color: #000000;
  background-color: #CBDCED;
}

.data tr:hover,
.data tr.hilite {
  color: #000000;
  background-color: #CBDCED;
}

td {
  text-align: left;
  padding: 4px;
}

td.total {
  background-color: #B0C4DE;
  border-top: thin solid Blue;
  font-weight: bold;
  color: Blue;
}

td.right,
th.right { text-align: right; }

/* to centre align a column or row */
.center { text-align: center; }


/* ---- FORMS ---- */
form .loginbox {
  float: left;
  width: 250px;
}

input,
select,
textarea {
  font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
}

form .entryerror {
  font-weight: bold;
  color: #FF0000;
}

form fieldset {
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
}

/* close button to close browser window */
.closewindow {
  float: right;
  border: 1px solid #CCCCCC;
  background-color: #DDDDDD;
  padding: 3px;
  color: #33517A;
  font-weight: bold;
}

/* format code i.e. echo sql statement */
pre,
code {
  font-size: 1.1em;
  font-weight: normal;
  font-family: Courier New, Courier, mono;
}

/* Identifies an abbreviation with a dashed blue underline */
/* Note abbr tag is not as interoperatible */
acronym,
abbr {
  border-bottom: 1px dashed #115E94;
  cursor: help;
}


/* ---- CALENDAR ---- */
.clmonth { width: 100%;}

.clmonth th {
  padding: 2px 8px 2px 8px;
  background-color: #DDDDDD;
  width: 14%;
  border-right: 1px solid #CCCCCC;
}

.clmonth td {
  border: 1px solid #DDDDDD;
  padding: 4px;
  vertical-align: top;
}

.clmonth td.unactive { background-color: #F3F3F3; }

.clmonth td.today { border: 2px dashed #FFA500; }

/* Underlines Accesskey Letter */
.akey { text-decoration: underline; }

/* Change colour of hyperlink when mouse hovers over link */
.clmonth a:hover {
  color: #FFA500;
  text-decoration: none;
  cursor: pointer;
  }

img { border: 0; }

.strong { font-weight: bold; }

.filter { text-align: right; }


/* ---- IMAGES ---- */
.photo {
  display: block;
  border: #d6cfe6 1px solid; 
  padding: 2px;
  background-color: #ffffff;
}

.imageright {
  margin: 5px 0px 5px 5px;
  float: right;
}

.imageleft {
  width: 200px;
  margin: 5px 10px 5px 0px;
  float: left;
}

.imagecentre {
  width: 500px;
  margin: 5px 5px 5px 5px;
  float: none;
  align: center;
}


/* ---- LINKS ---- */
a:link,
a:visited {
  text-decoration: none;
  font-weight: normal;
  color:#2A4F6F;
}

a:hover {
  text-decoration: underline;
  font-weight: normal;
  color:#778899;
}

.external {
  font-weight:bold;
/*  background :transparent url(../images/ext.gif) no-repeat right center;*/
  padding-right:12px;
}

.popup {
  font-weight:bold;
/*  background :transparent url(../images/pop.gif) no-repeat right center;*/
  padding-right:12px;
}