/* 
Style Sheet for www.mcri.edu.au
Created by: Jason Elliott
Date created: 22 Nov 2006

TABLE OF CONTENTS

	SITE-WIDE DEFAULTS
	FOOTER BACKGROUND IMAGE
	HEADER BACKGROUND IMAGE
	TABLE STYLES
	LINK STYLES
	FONT STYLES
	LIST STYLES
	IMAGE STYLES
	BROWSER HACKS

Notes:

See the external stylesheet called "common-structure.css" for structural elements including layout and top menu 

More specific styles for sub-sections of the website are defined in other *.CSS files. These are named after the top-menu 
tab section they apply to eg. "news-events.css" or the page itself (eg. "home.css")

*/


/*  --------- HEADER BACKGROUND IMAGE --------- */
/* Use BODY tag ID to select the correct "header image" for the selected page (depends on the top-menu selection) */

#header-image {
  float:right;
  width:322px;
  height:128px;
  border:0px solid #0000FF;
  background-position:bottom center;
  background-repeat:no-repeat;
}

#main-body-text {
  border:0px solid green;
  width:555px;
  background-color:#FFFFFF;
  background-image:url('http://www.ironxs.com.au/media/ironXS-logo-banner-X-tail.gif');
  background-position:top right;
  background-repeat:no-repeat;  
}

#main-text {
  padding-top:3px;
  background-image:none;
  background-color:#FFFFFF;
}

#home #header-image { 
  background-image:url('http://www.ironxs.com.au/media/header-trio.gif');
}

#what-is-haem #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-header-image-1.gif');
}

#symptoms #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-header-image-2.gif');
}

#prevention #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-L.gif');
}

#genetics #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-K.gif');
}

#test-results #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-E.gif');
}

#insurance #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-header-image-1.gif');
}

#contact-us #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-header-image-1.gif');
}

#disclaimer #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-header-image-2.gif');
}

#the-team #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-header-image-2.gif');
}

#brush-test #header-image { 
  background-image:url('http://www.ironxs.com.au/media/Doctor-I.gif');
}

.left-text-panel {
  float:left;
  width:430px;
}

* html .left-text-panel {
  width:462px;
}

.right-photo-panel {
  float:right;
  width:126px;
}

.top-border-dotted {
  background-image:url('http://www.ironxs.com.au/media/horizontal-dots.gif');
  background-repeat:repeat-x;
  background-position:left top; 
}

.bottom-border-dotted {
  background-image:url('http://www.ironxs.com.au/media/horizontal-dots.gif');
  background-repeat:repeat-x;
  background-position:left bottom;  
}

.left-border-dotted {
  background-image:url('http://www.ironxs.com.au/media/vertical-dots.gif');
  background-repeat:repeat-y;
  background-position:left top;  
}

.right-border-dotted {
  background-image:url('http://www.ironxs.com.au/media/vertical-dots.gif');
  background-repeat:repeat-y;
  background-position:right top;  
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.clear {
  clear:both;
}

/*  --------- TABLE STYLES ---------	*/

.tblCaptionedPhotos {
  margin:15px 0;
  border:0px solid #999999;
}

.tblCaptionedPhotos TD {
  width:120px;
  border:0px solid #999999;
  vertical-align:top;
  text-align:left;
  font-size:11px;
  font-weight:normal;
  padding-right:10px;
  padding-bottom:2px;
}

.tblCaptionedPhotos TD IMG {
  display:block;
  position:relative;
  top:3px;
  left:-2px;
  margin-bottom:0px;
}

/* Tables with stars and links arranged around a central photo  */

.tblCentralPhoto TD {
  color:#002E67;
  font-family:arial,helvetica,verdana;
  font-weight:bold;
  font-size:13px;
}

.tblCentralPhoto TD {
  color:#002E67;
  font-family:arial,helvetica,verdana;
  font-weight:bold;
  font-size:13px;
}

.tblCentralPhoto TD A {
  color:#002E67;
  text-decoration:none; 
  padding-bottom:2px;
  padding-left:22px;
  border:0px solid green;
  background-image:url('http://www.ironxs.com.au/media/bullet-star-pink.gif');
  background-repeat:no-repeat;
  background-position:left top;  
}

.tblCentralPhoto TD A:hover {
  color:#5B82B2;
  text-decoration:none; 
}

.table-1 {
  border-collapse:collapse; 
}

.table-1 TD {
  padding:1px 2px;
  border:1px solid #d7d7d7; 
  vertical-align:top;
}

.table-1 TH {
  padding:1px 2px;
}

.table-1 TD.break {
  padding:1px 2px;
  border:none; 
}

.table-1 TD.section {
  font-size:13px;
  font-weight:bold;
}

.table-2 {
  border:none; 
}

.table-2 TD {
  padding:1px 2px;
  vertical-align:top;
}

.table-2 TD.td-label {
  font-weight:bold;
}


/* ---------- LINK STYLES (SEE NAVIGATION SECTION FOR MORE LINK STYLES)  ---------- */

A { 
  color:#00A4D2;
  text-decoration:none; 
}

A:hover {
  color:#C1E5EF;
  text-decoration:underline; 
}

A SPAN { 
  color:#00A4D2;
}

#breadcrumbs { 
  font-size:10px;
  color:#FF7446; 
}

#breadcrumbs A { 
  font-size:10px;
  color:#FF7446;
  text-decoration:none; 
}

#breadcrumbs A:hover { 
  color:#FBC1AD; 
  text-decoration:underline;
}

#footer A {
  color:#A8A59A;
  text-decoration:none;
}

#footer A:hover {
  color:#A8A59A; 
  text-decoration:underline;
}

.btn-container {
  text-align:right;
}

.btn-admin {
  padding:2px 5px; 
  margin-left:5px;
  border:1px solid #ff9900;
}

.btn-admin A {
  text-decoration:none; 
  color:#ff9900;
}

.btn-admin A:hover {
  text-decoration:underline; 
  color:#F9E0BB;
}

A.admin {
  text-decoration:none; 
  color:#ff9900;
}

A.admin:hover {
  text-decoration:underline; 
  color:#F9E0BB;
}

/*
#video-wrapper .video-box {
  width:223px; 
  height:177px; 
}

#video-wrapper .video-box A IMG {
  z-index:1;
}

#video-wrapper .video-box .play-btn-overlay a {
  text-indent:-9000px;
  position:absolute;
  left:42px;
  top:47px; 
  z-index:2;
  background:transparent url("http://www.ironxs.com.au/media/video-img-swaps") no-repeat -3px -102px;
}

#video-wrapper .video-box .play-btn-overlay a:hover { 
  background-position:-173px -102px;
}
*/
  
/* ---------- FONT STYLES ---------- */

BODY, DIV, TD, TH, UL, OL, LI, SPAN {
  color:#0052A1;
  font-family:arial,helvetica,verdana;
  font-size:12px;
}

H1 {
  font-family:arial,helvetica,verdana;
  font-size:28px;
  font-weight:normal;
  color:#FF00B3;
  margin-top:8px;
  margin-bottom:8px;
}


H2 {
  font-family:arial,helvetica,verdana;
  font-size: 14px; 
  font-weight:bold;
  color:#FE5E23;
  margin-top:8px;
  margin-bottom:8px;
}

#left-nav H2 A {
  color:#FE5E23;
}

#left-nav H2 A:hover {
  color:#F9A181;
}

#left-nav UL LI {
  margin-bottom:6px;
}

H2.star {
  color:#FF00B3;
  font-family:arial,helvetica,verdana;
  font-weight:bold;
  font-size:13px;
  padding-bottom:5px;
  padding-left:30px;
  text-decoration:none; 
  background-image:url('http://www.ironxs.com.au/media/bullet-star-pink.gif');
  background-repeat:no-repeat;
  background-position:left top;  
}

H2.star A {
  color:#FF00B3;
}

H2.star A:hover {
  color:#FA82D6;
}
  
H3 {
  font-size:12px; 
  color:#0052A1;
  font-weight:bold;
  margin-top:8px;
  margin-bottom:8px;
}
		
P {
  margin-top:8px;
  margin-bottom:8px;
  text-align:left;
}

TH {
  font-size:12px;
  text-align:left;
  font-weight:bold;
}

.snippet {
  font-size:11px;
  color:#919BB7;
}

.highlight { 
  color:#F00; 
  font-weight:bold;
  background-color:#f6f6f6; 
}

.failureMsg {
  color:#FF0000;
  font-weight:bold;
  font-size:12px;
}

.successMsg {
  color:#FE5E23;
  font-weight:bold;
  font-size:12px;
}

.quote-style {
  font-style:italic;
  color:#919BB7;
}

blockquote {
  margin:15px 0 15px 25px;
} 

.indent {
  padding-bottom:5px;
  padding-left:30px;
}

/* ---------- LIST STYLES ---------- */

UL {
  list-style-type:none;
}

OL {
  margin:10px 0 15px 25px;
}

/* DEFAULT list - light blue text, dark blue dash */

UL {
  margin-top:10px;
  margin-bottom:15px;
}

UL LI {
  margin-bottom:3px;
  padding-left:15px; 
  background-image:url("http://www.ironxs.com.au/media/bullet-blue-dash.gif");
  background-repeat:no-repeat;
  background-position:7px 5px;   
}

* html UL LI {
  background:url("http://www.ironxs.com.au/media/bullet-blue-dash.gif") no-repeat 5 7;
}

/* STYLE 1 - orange heading, light blue text & blue arrow at root level; blue text & dark blue dash at sublevels */	

.list1 H2 {
  color:#FE5E23;
  font-weight:bold;
  font-size:12px; 
  margin-bottom:6px;
}

.list1 UL LI {
  font-size:12px; 
  padding-left:10px;
  background:url("http://www.ironxs.com.au/media/bullet-3-blue-dots.gif") no-repeat 0 5px; 
  margin-bottom:6px;
}

.list1 UL A {
  font-size:12px; 
  color:#00A4D2;
  text-decoration:none; 
}

.list1 UL A:hover {
  color:#A2D2DF;
  text-decoration:underline; 
}

/* sublevel for list style 1 */

.list1 UL UL {
  margin-top:5px;
  margin-bottom:5px;
}

.list1 UL UL LI {
  font-size:11px; 
  margin-bottom:3px;
  padding-left:10px; 
  background-image:url("http://www.ironxs.com.au/media/bullet-blue-dash.gif");
  background-repeat:no-repeat;
  background-position:0px 5px;   
}

* html .list1 UL UL LI {
  background:url("http://www.ironxs.com.au/media/bullet-blue-dash.gif") no-repeat 0 7;
}

.list1 UL UL A {
  font-size:11px; 
  color:#0052A1;
  text-decoration:none; 
}

.list1 UL UL A:hover {
  color:#94BCE2;
  text-decoration:underline; 
}


/* STYLE 2 - orange arrow and grey text */	

.list2 {
  font-size:11px;
  margin:8px 0;
}

.list2 UL LI {
  font-size:11px;
  padding-left:10px;
  margin-bottom:2px;
  background:url("http://www.ironxs.com.au/media/bullet-3-orange-dots.gif") no-repeat 0 5px; 
}

.list2 UL LI A {
  color:#919BB7;
  text-decoration:none; 
}

.list2 UL LI A:hover {
  color:#A6B0CC;
  text-decoration:underline; 
}


/* STYLE 3 - Very similar to List style 1, except always light blue text on all levels
  (orange heading, blue arrow at root level, dark blue dash at sublevels, light blue text at all levels) */	

.list3 H2 {
  color:#FE5E23;
  font-weight:bold;
  font-size:11px; 
  margin-bottom:6px;
}

.list3 UL LI {
  font-size:11px; 
  padding-left:10px;
  background:url("http://www.ironxs.com.au/media/bullet-3-blue-dots.gif") no-repeat 0 5px; 
  margin-bottom:6px;
}

.list3 UL A {
  font-size:11px; 
  color:#00A4D2;
  text-decoration:none; 
}

.list3 UL A:hover {
  color:#A2D2DF;
  text-decoration:underline; 
}

/* sublevel for list style 3 */

.list3 UL UL {
  margin-top:5px;
  margin-bottom:5px;
}

.list3 UL UL LI {
  font-size:11px; 
  margin-bottom:3px;
  padding-left:10px; 
  background-image:url("http://www.ironxs.com.au/media/bullet-blue-dash.gif");
  background-repeat:no-repeat;
  background-position:0px 5px;   
}

* html .list3 UL UL LI {
  background:url("http://www.ironxs.com.au/media/bullet-blue-dash.gif") no-repeat 0 7;
}

.list3 UL UL A {
  font-size:11px; 
  color:#00A4D2;
  text-decoration:none; 
}

.list3 UL UL A:hover {
  color:#A2D2DF;
  text-decoration:underline; 
}

#tblGenes {
  border:1px dashed #FE5E23;
  width:555px;
  margin:20px 0;
}

#tblGenes TD {
  width:33%;
  font-size:11px;
  vertical-align:top;
  padding:8px;
}

#tblGenes TH {
  width:33%;
  font-size:12px;
  font-weight:bold;
  color:#FE5E23;
  text-align:center;
  vertical-align:middle;
  padding:8px;
}

#tblGenes TD IMG {
  display:block;
  margin-bottom:5px;
}

#tblCheckBrushTest {
  width:100%;
}

#tblCheckBrushTest TD IMG {
  display:block;
  margin-bottom:10px;
}

#search-field INPUT {
  color:#5888A1;
  width:107px;
  font-size:11px;
}

.selected-menu-item {
  font-weight:bold;
}

/* ---------- IMAGE STYLES ---------- */

A IMG {
  border:0;
}

#label-search {
  margin-right:5px;
}

#btn-go {
  margin-left:5px;
}

IMG.page-title {
  display:block;
  margin-top:12px;
  margin-bottom:12px;
}

IMG.align-right {
  float:right;
  margin-left:15px;
  margin-bottom:10px;
}

.right-photo-panel IMG {
  display:block;
  float:right;
  margin-bottom:15px;
}

.logo-column IMG {
  margin-bottom:10px;
}

IMG.img-float-right {
  float:right;
  margin-left:15px;
  margin-bottom:10px;
}

.logo-banner {
  display:block;
  margin-top:10px
}