/*
 * www.biotechnologyonline.gov.au 
 * Author:  Matthew Atcheson
 * Copyright Biotechnology Online 2005  
 * Created: 10/02/2005
 *
 * Version: 1.0
 * Last Updated: 06/04/2005
 */ 
/* ####################### PAGE COLOUR STYLES #####################*/
.pageStyle0 {background:  url("../images/nav/header_hilite_none.gif") top left repeat-x #fff;} /* none */
.pageStyle1 {background:  url("../images/nav/header_hilite_g.gif") top left repeat-x #fff;} /* green */
.pageStyle2 {background:  url("../images/nav/header_hilite_b.gif") top left repeat-x #fff;} /* blue */
.pageStyle3 {background:  url("../images/nav/header_hilite_p.gif") top left repeat-x #fff;} /* purple */
.pageStyle4 {background:  url("../images/nav/header_hilite_o.gif") top left repeat-x #fff;} /* orange */	
.pageStyle5 {background:  url("../images/nav/header_hilite_r.gif") top left repeat-x #fff;} /* red */
.pageStyle6 {background:  url("../images/nav/header_hilite_dg.gif") top left repeat-x #fff;} /* darkgreen */
/* ####################### HEADERS #####################*/
.left_table { width: 240px; }
/* to space site using tables - stops content creep */
hr {visibility: hidden;}
.hr_body {width: 500px; 
			display:none;} 
.hr_footer {width: 750px; } 

.sitemap ul li {margin: 0px;list-style: none; padding: 0px;background:  url("../images/nav/dot_green_2.gif") 0px 5px no-repeat transparent;padding-top: 5px;}
.sitemap ul li a {margin-left: 20px;}
.sitemap ul li.darkgreen, .sitemap ul li.darkgreen ul li {background:  url("../images/nav/dot_red_2.gif") 0px 5px no-repeat transparent;}
.sitemap ul li.purple, .sitemap ul li.purple ul li {background:  url("../images/nav/dot_purple_2.gif") 0px 5px no-repeat transparent;}
.sitemap ul li.blue, .sitemap ul li.blue ul li {background:  url("../images/nav/dot_blue_2.gif") 0px 5px no-repeat transparent;}
.sitemap ul li.orange, .sitemap ul li.orange ul li {background:  url("../images/nav/dot_orange_2.gif") 0px 5px no-repeat transparent;}

div#left_nav {margin: 0px 5px 20px 5px; padding: 0px; border-right: 1px solid #ddd;height: 100%; vertical-align: top;}
div#left_nav ul {list-style: none;margin: 0px;padding: 0px;}
div#left_nav ul li {margin: 0px;margin-left: 0px;padding: 0px;background:  url("../images/nav/dot_green_1.gif") 0px 5px no-repeat transparent;padding-top: 5px;}
div#left_nav ul li ul {background: url(../images/line_10.gif) top left repeat-y #fff;list-style: none;margin-left: 2px;}
div#left_nav ul li ul li {background:  url("../images/nav/dot_green_2.gif") 0px 5px no-repeat transparent;padding-left: 20px;padding-bottom: 2px;}
div#left_nav ul li ul li ul {background: url(../images/line_white.gif) top left repeat-y #fff;list-style: none;}
/*second level nav */
div#left_nav ul li ul li ul li {background:  url("../images/nav/dot_green_5.gif") 0px 10px no-repeat transparent;padding-left: 20px;}
/* Not used */		
div#left_nav ul li ul li ul li.line {background: url(../images/line_blue5.gif) 0px 5px repeat-y #fff;}		
/* level 1 style */
div#left_nav ul li span {margin-left: 20px;font-style: normal;font-weight: bold;}
/* for level 2,3 menu */
div#left_nav a {color: rgb(51, 51, 51);text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;}
/* for level 1 menu */
div#left_nav ul li span a {color: #000000;text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.2em;}
/* for menu hyperlink active menu location*/
div#left_nav a.active {font-weight: bold;}
div#left_nav a:hover {color: rgb(153, 153, 153);}
/* colour switchers */
div#left_nav ul li.red { background:  url("../images/nav/dot_red_1.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.red ul li {background:  url("../images/nav/dot_red_2.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.red ul li ul li {background:  url("../images/nav/dot_red_5.gif") 0px 10px no-repeat transparent;}
div#left_nav ul li.purple { background:  url("../images/nav/dot_purple_1.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.purple ul li {background:  url("../images/nav/dot_purple_2.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.purple ul li ul li {background:  url("../images/nav/dot_purple_5.gif") 0px 10px no-repeat transparent;}
div#left_nav ul li.blue { background:  url("../images/nav/dot_blue_1.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.blue ul li {background:  url("../images/nav/dot_blue_2.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.blue ul li ul li {background:  url("../images/nav/dot_blue_5.gif") 0px 10px no-repeat transparent;}
div#left_nav ul li.orange { background:  url("../images/nav/dot_orange_1.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.orange ul li {background:  url("../images/nav/dot_orange_2.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.orange ul li ul li {background:  url("../images/nav/dot_orange_5.gif") 0px 10px no-repeat transparent;}
div#left_nav ul li.darkgreen { background:  url("../images/nav/dot_red_1.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.darkgreen ul li {background:  url("../images/nav/dot_red_2.gif") 0px 5px no-repeat transparent;}
div#left_nav ul li.darkgreen ul li ul li {background:  url("../images/nav/dot_red_5.gif") 0px 10px no-repeat transparent;}	
/* ####################### HEADERS #####################*/		
/* for left navigation and search */
div#left_content {width: 240px;}
/* for page content */	
div#content {height: 100%;padding: 20px 20px 0px 10px;}
div#content h2 {margin: 0px;padding: 0px;}		

/* ####################### BOX BORDER, LINKS #####################*/       
/* This is used for the Factoids */		
div.boxborder {padding: 5px;margin: 5px;border: 1px solid #339;background-color: #CCF;clear: both;}
div.boxborder p {padding: 10px;margin: 0px;}
/* This is used to format hyperlinks */
p.ilink, p.xlink, p.swf, p.pdf {padding:0px 40px 0px 40px;background: url(../images/icons/webicon.gif) 0px 0px no-repeat transparent;min-height: 32px;clear: left;}
p.pdf {	background: url(../images/icons/pdficon.gif) 0px 0px no-repeat transparent; }
p.swf {	background: url(../images/icons/swficon.gif) 0px 0px no-repeat transparent; }
/* Bug workaround firefox/ie */
div#content>p.pdf {	height: auto; min-height: 32px; }
div#content>p.swf {	height: auto; min-height: 32px; }
div#content>p.xlink { height: auto; min-height: 32px; }
div#content>p.ilink { height: auto; min-height: 32px; }
p.pdf a, p.swf a, p.ilink a, p.xlink a { color: #FF3300; font-weight: bold; text-decoration: none; }
p.swf a, p.ilink a { color: #0099FF; }
p.xlink a{ color: #0099FF; font-weight: normal;}
p.pdf a:hover, p.swf a:hover, p.ilink a:hover, p.xlink a:hover { text-decoration: underline; }

/* ***************************POPUPS STYLES ******************/
.popup_tbl, table#timeline{width: 100%;margin: 0px;padding: 0px;border-collapse: collapse;}
.popup_tbl tr td {border: 1px solid #FF9900; padding: 0px 5px 0px 5px;}
.popup_tbl tr td p { padding: 2px; margin: 0px;}
table#timeline tr td, table#timeline th { border: 1px solid #FF9900; padding: 5px; }
/* Glossary dl dt dd styles*/
div#glossary dl dt {margin: 10px 0px 5px 0px;}
/* could go in popup css*/
ul.nostyle {list-style-type: none;}
/* ####################### IMAGES FORMATING #####################*/
.shadowRight, .shadowLeft, .shadowIn2, .shadowIn3, .shadowIn3.p, .imgCareer{
  display: inline-table;
  /* \*/display:block;/**/
  }
.shadowLeft {float: left;width: 176px;background:url(../images/shadow.gif) right bottom no-repeat;}
.shadowRight {float: right;width: 176px;background:url(../images/shadow.gif) right bottom no-repeat;margin-left: 10px;}
.imgRight {float: right;background:url(../images/shadow.gif) right bottom no-repeat;margin: 10px 0px 0px 10px;}
.shadowIn2 {background:url(../images/corner_bl.gif) left bottom no-repeat;}
.shadowIn3 {padding:0 8px 8px 0;background:url(../images/corner_tr.gif) right top no-repeat;}
.shadowIn3 p {width: 150px;background-color:#F7F7F7;font-size: 0.6em;}
.shadowIn3 p.a {margin: 0px;padding: 0px;}

.image, .imgCareer {margin: 0px;padding: 8px 0px 8px 0px; /* 8px 0px 8px 7px; */background-color: #F7F7F7;border: 1px solid #444;text-align: center;}
.imgCareer {padding: 8px 8px 8px 8px; text-align: left;}
.image p, .imgCareer p {text-align: left;margin: 0px;padding: 2px 0px 0px 7px;}
.imgLink {border:2px;/*border-thickness: 1px;*/ border-color: #999999;border-style: solid;}
.image a {display: block;text-align: center;}
.image a:link { color: #CCCC66; text-decoration: none; }
.image a:visited { color: #CCCC66; text-decoration: none; }
.image a:active { color: #FFFF00; }
.image a:hover { color: #FFFF00; }
.image a:hover .imgLink, image a:active .imgLink {border: 2px; /*border-thickness: 1px;*/border-color: #0099FF;border-style: solid;}
.dropshadow {padding: 5px;border: 1px solid #444;background-color:#F7F7F7;}

div#imgRight {float: right;padding: 5px;margin: 10px 0px 10px 10px;background-color:#F7F7F7;font-size: 0.6em;}

/* IE HACK because table doesn't inherit font sizes */
table tr td p{
	font-size: 80%;
 	voice-family: "\"}\"";
 	voice-family:inherit;
 	font-size: 100%;
}

div#content ul li {
	font-size: 80%;
 	voice-family: "\"}\"";
 	voice-family:inherit;
 	font-size: 100%;
}

table tr td>p {	font-size: 100%; }
table tr td h2{
	font-size: 90%;
 	voice-family: "\"}\"";
 	voice-family:inherit;
 	font-size: 1.2em;
}
table tr td>h2 { font-size: 1.2em; }
div#left_nav a {
	font-size: 70%;
 	voice-family: "\"}\"";
 	voice-family:inherit;
 	font-size: 0.9em;
}
div#left_nav>a { font-size: 0.9em; }
div#left_nav ul li span a {
	font-size: 90%;
	padding-right: 10px;
 	voice-family: "\"}\"";
 	voice-family:inherit;
 	font-size: 1.2em;
}
div#left_nav ul li span>a { font-size: 1.2em; }
div#header_nav ul li a {
	font-size: 70%;
 	voice-family: "\"}\"";
 	voice-family:inherit;
 	font-size: 0.9em;
}
div#header_nav ul li>a { font-size: 0.9em; }

/*# END CONTENTPAGES STYLE SHEET #*/