@import url("http://www.otago.ac.nz/css/reset.css");


/*** University of Otago Centre for Neuroendocrinology CSS 2008 ***/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-image:url(../gfx/template/bg.jpg);
	background-repeat: repeat;
	color: #333333;
	margin: 0em;
	padding: 0;
	border: none;
	width: 100%;
}
/* 	background-color: #CCCCCC; */

#contentwrapper { width: 935px; background-color: #ffffff; margin: 0.5em auto 0.5em auto; border: 1px solid #5da5b7; }

.clearall {  clear: both; height: 0; width: 0; border: none; margin: 0; padding: 0; }

/***** HEADER *****/

#contentwrapper #header { margin: 0em; padding: 0em; border: none; width: 100%; height: 156px; white-space: nowrap; }

#header img { padding: 0; margin: 0; border: none 0; }


/***** NAVIGATION *****/

#contentwrapper .navigation {
	width: 100%;
	height: 45px;
	float: left;
	font-size: 1.1em;
	line-height: 45px;
	text-align: left;
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(../gfx/template/navbg.jpg);
	background-repeat: no-repeat;
	
}

#contentwrapper .navigation ul { list-style-type: none; padding: 0em; margin: 0em 0em 0em 3.0em; }
#contentwrapper .navigation ul li { padding: 0em 0.75em 0em 0em; margin: 0em 0em 0em 0.75em; display: inline; border-right: 2px solid #5da5b7;  }
#contentwrapper .navigation ul li a { color: #ffffff; text-decoration: none; }
#contentwrapper .navigation ul li a:hover { text-decoration: underline; color: #00ffff; }

#contentwrapper .navigation ul li.first { margin-left: 0em; }
#contentwrapper .navigation ul li.last { border-right: none; }

#contentwrapper .navigation img { margin: 1.5em 0em 0em 0em; padding: 0; border: none 0; border-bottom: 3px solid #ffffff; }


/***** CONTENT *****/

#contentwrapper #content { width: 100%; margin: 0em 2em 0em 2em; padding: 2.0em 0em 3.0em 0em;}

#content.index { width: 100%; margin: 0em 0em 0em 0em; padding: 2.0em 0em 3.0em 0em; clear: both; }

#content h1 { font-size: 2.3em; font-weight: normal; color: #007b99; border-bottom: 1px solid #007b99; margin: 1.5em 2.0em 1.0em 0.5em;  padding: 0em; }
#content h2 { font-size: 1.8em; color: #000000; padding: 0em; margin: 2.0em 2em 0.7em 0.5em; font-weight: normal; }
#content h2.laboratory { font-size: 1.8em; color: #000000; padding: 0em; margin: 2.0em 0em 0em 0.5em; font-weight: normal; }
#content h3 { font-size: 1.5em; color: #333333; padding: 0.6em 0em 0.6em 0em; margin: 0em 0em 0em 0.5em; font-weight: normal; }
#content h3.first { font-size: 1.5em; color: #333333; padding: 2.0em 0em 0.6em 0em; margin: 0em 0em 0em 0.5em; font-weight: normal; }
#content h3.expertise { font-size: 1.5em; color: #007b99; padding: 2em 0em 0.6em 0em; margin: 0em 0em 0em 0em; font-weight: normal; }

#content h4 { font-size: 1.4em; color: #333333; padding: 0.4em 0em 0.4em 0em; margin: 0em 0em 0em 0.5em; font-weight: bold; }
#content h5 { font-size: 1.4em; color: #000000; padding: 0.7em 0em 0.4em 0em; margin: 0em 0em 0em 0.5em; font-weight: normal; }
#content h6 { font-size: 1.2em; color: #000000; padding: 1em 0em 0em 0em; margin: 0.5em 0em 0em 0.5em; font-weight: 300; }

#content p { font-size: 1.0em; line-height: 1.5em; margin: 0.8em 4.0em 1.2em 1.5em; }
#content p.contactpre { white-space: pre; margin: 0.8em 0em 0em 1.5em; padding: 0em; }
#content p.contactpost { white-space: pre; margin: 0em 0em 1.2em 1.5em; padding: 0em; }
#content p.frontpage { font-size: 1.1em; line-height: 1.8em; margin: 0em 0em 1.0em 0em; font-weight: 100; }
#content p.frontpagefinal { font-size: 1.1em; line-height: 1.8em; margin: 0em 0em 0.8em 0em; font-weight: 100; }
#content p.hide{ border-bottom: none; }
#content p.reference { font-size: 1.0em; line-height: 1.5em; margin: 0.8em 0em 0em 0em; }

#content blockquote { font-size: 1.0em; line-height: 1.5em; margin-left: 3.0em; }
#content blockquote p { font-size: 1.0em; }

#content ul { font-size: 1.1em; line-height: 1.25em; margin: 0.2em 0em 0.3em 2.0em; list-style-type: circle; }
#content ol { font-size: 1.1em; line-height: 1.25em; margin: 0.2em 0em 0.3em 2.0em; }
#content li { padding: 0em 0em 0.5em 0em; }
#content li ul { font-size: 1.0em; }
#content li ol { font-size: 1.0em; }

#content li.profile { padding: 0em 0em 0.5em 0em; list-style-type: decimal; }

#content ul.expertise { font-size: 1.1em; line-height: 1.25em; margin: 0.2em 0em 0.3em 2.0em; list-style-type: none;  }
#content li.expertise { padding: 0em 0em 0.5em 0em; display: inline; list-style-type: none; }
#content li.expertise ul { font-size: 1.0em; }

#content a { color: #003399; text-decoration: none; }
#content a:hover { color: #003366; text-decoration: underline; }

/* default table css */
#content table { width: 90%; border-collapse: collapse; 
border-top: 1px solid #999999; border-left: 1px solid #999999; margin: 0.2em 5em 3.0em 2em; }
	#content table a { color: #003399; text-decoration: none; }
	#content table a:hover { color: #CC6600; text-decoration: underline; }

#content table th {  font-size: 1.1em; text-align: left; padding: 0.5em; 
border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #e1e1e1; }
#content table td { font-size: 1.1em; line-height: 1.5em; color: #000000; 
border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 0.5em; vertical-align: top; }

#content table tr {}
#content table td h1 { font-size: 1.1em; color: #00FF00; font-weight: bold; }
#content table td h2 { font-size: 1.2em; line-height: 1.5em; padding: 0; margin: 1.0em 0em 0.5em 0em; font-weight: bold; color: #333333; }
#content table td h3 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #333333; }
#content table td h4 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h5 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h6 { font-size: 1.0em; color: #007b99; padding: 0.5em 0em 0.5em 0em; margin: 0em 0em 0em 0em; font-weight: normal; }
#content table td p { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; }
#content table td ul { font-size: 0.8em; line-height: 1.2em; margin: 0.2em 0em 0.5em 0.5em; list-style-type: circle; }
#content table td ol { font-size: 1.0em; }
#content table td li { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 0.5em 2.0em; padding: 0em 0.5em 0.2em 0em; }

#content table.seminar { width: 60%; border-collapse: collapse; 
border-top: 1px solid #999999; border-left: 1px solid #999999; margin: 0.2em 5em 3.0em 2em; }

/* other */

#content p.topofpage { text-align: right; margin: 3.0em 0em 3.0em 0em; color: #ff0000; }

#content .smalltag { color: #666666; font-style: italic; }

#content .image { border-color: #aeaeae; }

#content .legend { color: #666666; font-style: italic; vertical-align: middle; border: none;}

#content .textalignright { text-align: right; }

#content .textaligncentre { text-align: center; }

#content strong { font-weight: bold; }

#content em { font-style: italic; }

#content a.top {font-size: 0.9em; color: #666666; background: url(../gfx/content/top.gif) no-repeat center left; padding: 0.2em 0em 0.2em 1.5em;  }


a.ablink {font-size: 0.8em; background: url(../gfx/content/arrow.gif) no-repeat top right; padding: 0.2em 1.8em 0.2em 1em;  }


/* INDEX PAGE */

#frontimage {float: left; padding: 0em 0em 1em 0em; width: 212px; font-size: 1em; font-style: italic; color: #666666; margin: 0.5em 1em 2.5em 0em; line-height: 2.5em; text-align: center; }  /* important bottom margin controls place of footer */

.caption {font-size: 0.8em; margin: 0.5em 0em 0em 0em; text-align: center; }

#frontpage {float: left; width: 48%; margin: 0.2em 0em 3.5em 1em; padding: 0em;}


/* news */
#content #news {float: right; text-align: left; width: 20%; margin: 0.5em 3em 1em 0.5em; color: #666666;}

#news h2 {
	font-size: 1.2em; 
	font-weight: normal; 
	color: #666666;
	border-top:  1px solid #5da5b7;
	background-color: #f7f4f2;
	margin: 0em 0em 0em 0em;
	padding: 0.25em 0em 0.25em 0.5em;
}
#news ul { border-top:  1px solid #cccccc; list-style-type: none; margin: 0em 0em 0em 0em; padding: 0.5em 0em 0em 0em;  background-color: #f7f4f2; border-bottom: 1px solid #cccccc;}
#news ul li { padding: 0.5em 0em 0.5em 0.5em; border-bottom: 1px solid #cccccc; font-size: 0.9em; line-height: 1.5em; margin: 0em 0em 0em 0em; }
#news ul li.last { border-bottom: none;}

#news img { border: 1px solid #666666; margin: 0em auto 0em 1em; }
#news p { margin: 0em 0em 0.8em 0em; font-size: 0.9em; }
#news p.caption {text-align: center; font-size: 0.8em; }
#news p.title { font-weight: bolder;}
#news p a { color: #666666; text-decoration: none; }
#news p a:hover { text-decoration: underline; }

#news p.info a { color: #0099FF; text-decoration: none; }
#news p.info a:hover { text-decoration: underline; }

/* PI PAGES */

.profile_personal {float: left; width: 230px; text-align: left; margin: 0em 2em 0em 1em;}

.profile_research {float: left; width: 63%; margin: 0em 1em 0em 1em;}

/* pi showcase table css */

#content table.pi { width: 90%; border: none; margin: 0em 5em 0em 0em; }
#content table td.pi { font-size: 1.1em; line-height: 1.0em; color: #000000; border: none; padding: 0em 1em 1em 0em; vertical-align: top; }
#content table td.showcase { font-size: 1.1em; line-height: 1.0em; color: #000000; border: none; padding: 0em 0.5em 0em 0.5em; vertical-align: top; }
#content table td.showcase li { height: 237px; width: 240px; margin: 1px; float: left; display: block; list-style-type: none; }
#content table td.showcase li a img { border: none; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
#content table td.showcase li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; }


/* showcase */
#content .showcase { font-size: 1.1em; line-height: 1.0em; color: #000000; border: none; padding: 0em 0.5em 0.2em 0.5em; vertical-align: top; }
#content .showcase li { height: 237px; width: 250px; margin: 1px; float: left; display: block; list-style-type: none; }
#content .showcase li a img { border: none; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
#content .showcase li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; }

/* staff listed on pi pages */

#staff { clear: left; float: inherit; text-align: left; margin: 0; padding: 0; }
#staff h5 { font-size: 1.4em; color: #000000; padding: 1em 0em 0.4em 0em; margin: 0em 0em 0em 0.5em; font-weight: normal; }
#staff h6 { padding: 0px 0 1px 0; border-bottom: 1px solid #e6dce6; margin-bottom: 2px;}
#staff p {font-size: 90%; line-height: 1.2;}
#staff p.staff {margin-top: 0.5em; margin-bottom: 0.6em; line-height: 1.2; background: #f7f4f2; padding: 2px; margin-bottom: 2px; }
#staff .staff a { margin-top: 0.5em; margin-bottom: 0.6em; line-height: 1.2; background: #f7f4f2; padding: 2px; margin-bottom: 2px; color: #333333; }
#staff .staff a:hover { text-decoration: underline; }

#staff table.minimal {font-size: 100%;  border: none; width: 90%; padding: 0; margin: 0em 0em 0em 0.5em; border-collapse: collapse; }
#staff table.minimal td { padding-right: 8px; margin: 0; border: none;}

/* edit for rc page */
#staff h5.edit { font-size: 1.4em; color: #000000; padding: 0em 0em 0.4em 0em; margin: 1.5em 0em 0em 0.5em; font-weight: normal; }
#staff p.edit { font-size: 1.0em; line-height: 1.5em; margin: 0.8em 0em 1.0em 0.8em; }
#publications h5.edit { font-size: 1.4em; color: #000000; padding: 0em 0em 0.4em 0em; margin: 1.0em 0em 0em 0.5em; font-weight: normal; }


/* publications on pi pages and papers pages */

#publications {float: left; text-align: left; margin: 0em 5em 1em 0em; padding: 0; clear: both; }
#publications h5 { font-size: 1.4em; color: #000000; padding: 0em 0em 0.4em 0em; margin: 1.5em 0em 0em 0.5em; font-weight: normal; }
#publications a {font-size: 0.9em; background: url(../gfx/content/arrow.gif) no-repeat center right; padding: 0.2em 1.5em 0.2em 0em;  }
#publications a.top {font-size: 0.9em; color: #666666; background: url(../gfx/content/top.gif) no-repeat center left; padding: 0.2em 0em 0.2em 1.5em;  }
#publications p { font-size: 1.0em; line-height: 1.5em; margin: 0.8em 0em 1.0em 0.8em; }
#publications p.best {background-color: #f3f2f1; font-size: 1.0em; line-height: 1.5em; margin: 0.8em 0em 0em 0.8em; }
#publications p.besttext {background-color: #f3f2f1; font-size: 1.1em; line-height: 1.5em; margin: 0em 0em 1.0em 0.8em; padding: 1em 0em 0em 0em; font-style: italic; color: #000000; }

/* pi text */

#content h1.profile { font-size: 2.3em; font-weight: normal; color: #007b99; border-bottom: 1px solid #007b99; margin: 1.5em 2.0em 1.0em 0.5em;  padding: 0em; }
#content h2.profile { font-size: 1.8em; color: #000000; padding: 0em; margin: 2.0em 0em 0.7em 0.5em; font-weight: normal; }
#content h2.profile { font-size: 1.8em; color: #000000; padding: 0em; margin: 2.0em 0em 0em 0.5em; font-weight: normal; }
#content h3.profile { font-size: 1.5em; color: #333333; padding: 0.6em 0em 0.6em 0em; margin: 0em 0em 0em 0.5em; font-weight: normal; }
#content h3.profile { font-size: 1.5em; color: #333333; padding: 2.0em 0em 0.6em 0em; margin: 0em 0em 0em 0.5em; font-weight: normal; }
#content h4.profile { font-size: 1.4em; color: #333333; padding: 0.4em 0em 0.4em 0em; margin: 0em 0em 0em 0.5em; font-weight: bold; }
#content h5.profile { font-size: 1.4em; color: #000000; padding: 0.7em 0em 0.4em 0em; margin: 0em 0em 0em 0em; font-weight: normal; }
#content h6.profile { font-size: 1.2em; color: #000000; padding: 1em 0em 0em 0em; margin: 0.5em 0em 0em 0em; font-weight: 300; }

#content p.profile { font-size: 1.0em; line-height: 1.5em; margin: 0.8em 0em 1.0em 0em; }
#content p.contactpre { white-space: pre; margin: 0.8em 0em 0em 0em; padding: 0em; }
#content p.contactpost { white-space: pre; margin: 0em 0em 1.2em 0em; padding: 0em; }

/* STAFF PAGES table css */

#stafflist .ph { background: url(../gfx/content/ph.png) no-repeat center left; padding: 0.2em 1.5em 0.2em 1.5em;  }
#stafflist .email { background: url(../gfx/content/email.png) no-repeat center left; padding: 0.2em 1.5em 0.2em 1.5em;  }
#stafflist {margin: 0em 5em 1em 0em; }
#stafflist a.top {font-size: 0.9em; color: #666666; background: url(../gfx/content/top.gif) no-repeat center left; padding: 0.2em 0em 0.2em 1.5em;  }


#content table.stafflist { width: 100%; table-layout: inherit; border-collapse: collapse; border: none; margin: 2.0em 0em 3.0em 0em; }
#content table.stafflist th { font-size: 1.2em; text-align: left; padding: 0.5em 0.5em 1em 0.5em; font-weight: 300; color: #007b99; background-color:#ffffff; border: none; }
#content table.stafflist tr { border: none; }
#content table.stafflist td { font-size: 1.0em; line-height: 1.2em; color: #000000; border-top: 1px solid #666666; border-bottom: none; border-left: none; border-right: none; vertical-align: top; margin: 0.2em 0em 0.2em 0em; }
#content table.stafflist tr.odd { background-color: #f7f4f2;}

/***** Contact Us page layout ******/

#content #contactleft {float: left; width: 25%;}
#content #contactright {float: left; line-height: 1.5em; margin: 0em 0em 5em 0em; padding: 0em 0em 2em 0em; width: 50%; }
#content #contactleft img {border: none; margin: 1em 0em 0em 0em; }
#content #contactright table.contact {float: left; margin: 1em 5em 1em 1em; padding: 0em 0em 0.5em 0em; line-height: 1.0em; border-collapse: collapse; border: none;}
#content #contactright table.contact td {border: none; padding: 0em 0em 0.5em 0em;}
#content #contactright table.contact tr {border: none; padding: 0em 0em 0.5em 0em;}
#content h5.contact { font-size: 1.5em; color: #333333; padding: 0em; margin: 0em 0em 0.5em 0.5em; font-weight: normal; line-height: 1.0em;}

#content #pilist ul {list-style-type: none; display: inline; float: left; margin: 0em 0em 1em 0em; }
#content #pilist ul li {list-style-type: none; margin: 0.5em 0.5em 1em 0.5em; }
#content #pilist ul.details {list-style-type: none; float: inherit; display: block; margin: 1.5em 0em 1em 0em; padding: 2em 0em 0em 1em; min-height: 8em; }
#content #pilist ul.details li {margin: 0em; padding: 0em; }
#content #pilist p {margin: 0em; padding: 0em;}
#content #pilist noscript {margin: 0em; }
#content #left {float: left; width: 47%;}
#content #right {float: left; width: 53%;}

/****** FOOTER *****/

#footer {
	font-size: 0.9em;
	line-height: 3em;
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 100%;
	height: 35px;
	background-image:url(../gfx/template/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
 }

#footer div { float: left; margin: 0; padding: 0; }

#footer .contacts { color: #cccccc;	}

#footer .contacts ul { }
#footer .contacts ul li { display: inline; list-style-type: none; margin: 1em 0.5em 1em 2em; padding: 1.5em 0em 1.5em 0em; font-size: 0.9em; }
#footer .contacts ul li.first { display: inline; list-style-type: none; margin: 0em 0.5em 0em 1.5em; font-size: 0.8em; letter-spacing: 0.1em; display: inline; list-style-type: none; text-align: left; color: #0099FF;  }
#footer .contacts ul li.last { display: inline; list-style-type: none; margin: 0em 0.5em 0em 4.5em; font-size: 0.8em; letter-spacing: 0.1em; display: inline; list-style-type: none; text-align: left; color: #0099FF;  }

#footer .contacts ul li a { color: #cccccc; text-decoration: underline; }
#footer .contacts ul li a:hover { color: #ffffff; text-decoration: none; }

#footer .noprint { }


/* PAPERS PAGES - navigation at top */

#papers {
  clear: left;
  float: inherit;
  text-align: left;
  margin: 0em;
  padding: 0em;
  }
  
#papers table.minimal {font-size: 100%; border: none; width: 90%; padding: 0; margin: 0em 5em 1em 0em; border-collapse: collapse; }
#papers table.minimal td { padding-right: 4px; margin: 0; border: none;}

#papers .year {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  background: #f7f4f2; 
  padding: 1px;
  text-align: center;
  color: #333333;
}

#papers .year a {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  background: #f7f4f2; 
  padding: 1px;
  text-align: center;
  color: #333333;
}

#papers .year a:hover {
  text-decoration: underline;
}

#papers .selected {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  background: #f7f4f2; 
  padding: 1px;
  text-align: center;
  color: #007b99;
}

#papers .selected a {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  background: #f7f4f2; 
  padding: 1px;
  text-align: center;
  color: #007b99;
}

#papers .selected a:hover {text-decoration: underline;}
#papers a { color: #003399; text-decoration: none; }
#papers a:hover { color: #003366; text-decoration: underline; }

.super { position: relative; bottom: 0.5em; font-size: 0.8em; }

.sub { position: relative; top: 0.3em; font-size: 0.8em; }

/* VISITORS TABLE */

#content table.visitor { width: 90%; border-collapse: collapse; border-top: 1px solid #999999; border-left: 1px solid #999999; margin: 0.2em 5em 3.0em 0em; }

#content table.visitor th {  font-size: 1.1em; text-align: left; padding: 0.5em; 
border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #e1e1e1; }
#content table.visitor td { font-size: 1.1em; line-height: 1.5em; color: #000000; 
border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 0.5em; vertical-align: top; }

#content table tr.visitor  {}

/* image table css */
#image table { width: 90%; border-top: 0px; border-left: 0px; font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 1em 0.5em 1em; }
#image table th { font-size: 1.0em; text-align: center; padding: 0.5em; border: none; background: #e1e1e1; }
#image table td { font-size: 1.0em; line-height: 1.5em; color: #000000; border: none; padding: 0.5em; vertical-align: top; }
#image table td.photo { font-size: 1.0em; line-height: 1.5em; color: #000000; border: none; padding: 1.5em 0.5em 0.5em 0.5em; vertical-align: middle; }
#image table tr { text-align: center; border: none; }