/* LF website tags and structure */
/* Dev notes */
/* This stylesheet includes an implementation of the Holly hack to force IE/Win to not do the extra 3px left-margin for content inside the #content div. Ref: http://www.positioniseverything.net/explorer/threepxtest.html */

/* tags */
body {margin: 0; padding: 0; font-size: 0.8em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #111; background: #fff;}
a {color: #09f; text-decoration: none;}
a:visited {color: #036; text-decoration: none;}
a:hover {color: #e85c00; text-decoration: underline;}
table {margin-bottom: 1px;}
h1 {margin: 0; padding: 0;}
p {margin: 0 0 1em 0;}
h5 {margin: 0.5em 0 0 0; font-size: 1em;}
form {margin: 0; padding: 0;}
form input, form select, form textarea {font-family: verdana, arial, helevetica, sans-serif;}

/* header (global) */
#header {color: #666; font-size: 0.85em; height: 53px;}
#header p {text-align: right; margin: 0 0 1em 0; padding: 0 20px 0 0;}
#header form {text-align: right; margin: 0 1em 1em 0;}
#header form input {font-size: 0.85em;}
#header form input.btnGo {width: 3em; font-size: 11px;}
#header a {color: #999; text-decoration: underline;}
#header a:visited {color: #777;}
#header a:hover {color: #e85c00;}

/* Coloured tab styles */
#tab_patients, #tab_carers, #tab_professionals, #tab_media, #tab_supporters {color: #fff; height: 67px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
#tab_patients img, #tab_carers img, #tab_professionals img, #tab_media img, #tab_supporters img {margin: 0 7px 0 0; border: 0;}
#tab_patients a, #tab_carers a, #tab_professionals a, #tab_media a, #tab_supporters a {width: 100%; display: block;}
#tab_patients {background: #9c0 url(/web/images/nav/bg_patients.jpg) top right no-repeat; border-left: none;}
#tab_patients a {background: url(/web/images/nav/tab_patients.jpg) top left no-repeat;}
#tab_carers {background: #c06 url(/web/images/nav/bg_carers.jpg) top right no-repeat;}
#tab_carers a {background: url(/web/images/nav/tab_carers.jpg) top left no-repeat;}
#tab_professionals {background: #69f url(/web/images/nav/bg_professionals.jpg) top right no-repeat;}
#tab_professionals a {background: url(/web/images/nav/tab_professionals.jpg) top left no-repeat;}
#tab_media {background: #096 url(/web/images/nav/bg_media.jpg) top right no-repeat;}
#tab_media a {background: url(/web/images/nav/tab_media.jpg) top left no-repeat;}
#tab_supporters {background: #639 url(/web/images/nav/bg_supporters.jpg) top right no-repeat;}
#tab_supporters a {background: url(/web/images/nav/tab_supporters.jpg) top left no-repeat;}
#tab_localise {background: #c9c9c9 url(/web/images/nav/bg_localise.jpg) top left no-repeat; color: #333; border-left: 1px solid #fff; width: 180px; border-bottom: 1px solid #fff;}
#tab_localise ul {list-style-type: none; margin: 30px 0 0 10px; padding: 0;}
#tab_localise ul li {display: inline; margin: 0 1em 0 0; padding: 0;}
#tab_localise img {margin: 0 3px 0 0; vertical-align: middle;}
#tab_localise a {color: #333; text-decoration: underline;}
#tab_localise a:visited {color: #555;}
#tab_localise a:hover {color: #000;}

/* topnav_container is the id given to the table cell housing the primary nav */
/* topnav styles are in lf_nav.css */
#topnav_container {background: #fb6400 url(/web/images/nav/bg_primarynav.gif) top left repeat-x;}

/* titlebars (blue title image & long background image */
#titlebar_home {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_canola.jpg) 160px 0px no-repeat;}
#titlebar_business {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_wattle.jpg) 160px 0px no-repeat;}
#titlebar_howtohelp {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_wattle.jpg) 160px 0px no-repeat;}
#titlebar_aboutus {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_wattle.jpg) 160px 0px no-repeat;}
#titlebar_research {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_petridishes.jpg) 160px 0px no-repeat;}
#titlebar_services {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_lilypads.jpg) 160px 0px no-repeat;}
#titlebar_aboutbc {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_bloodcells.jpg) 160px 0px no-repeat;}
#titlebar_news {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_sunsetbeach.jpg) 160px 0px no-repeat;}
#titlebar_patients {margin: 0; padding: 0; background: #9c0 url(/web/images/titlepics/bg_sunflowers.jpg) 160px 0px no-repeat;}
#titlebar_carers {margin: 0; padding: 0; background: #c06 url(/web/images/titlepics/bg_balloons.jpg) 160px 0px no-repeat;}
#titlebar_professionals {margin: 0; padding: 0; background: #99f url(/web/images/titlepics/bg_lab01.jpg) 160px 0px no-repeat;}
#titlebar_media {margin: 0; padding: 0; background: #096 url(/web/images/titlepics/bg_dandelion.jpg) 160px 0px no-repeat;}
#titlebar_supporters {margin: 0; padding: 0; background: #639 url(/web/images/titlepics/bg_lavender.jpg) 160px 0px no-repeat;}
#titlebar_localise {margin: 0; padding: 0; background: #5bf url(/web/images/titlepics/bg_canola.jpg) 160px 0px no-repeat;}
#titleRight {float: right; margin: 0;}

#titlebar_research h2, #titlebar_services h2, #titlebarhome h2, #titlebar_patients h2, #titlebar_carers h2, #titlebar_professionals h2, #titlebar_media h2, #titlebar_supporters h2, #titlebar_localise h2, #titlebar_aboutbc h2, #titlebar_howtohelp h2, #titlebar_news h2, #titlebar_aboutus h2, #titlebar_business h2, #titlebar_home h2 {margin: 0; padding: 0;}

/* Template structural and nav styles */
#container {clear: both; background: url(/web/images/bg_leftcol.jpg) top left repeat-y;}
#container h3 {color: #005ca3; margin: 0 0 0.6em 0; padding: 0 20px 0 0; font-size: 1.5em; font-weight: normal;}
#container_noleftcol {clear: both; margin-bottom: 0;}
#container_noleftcol #home_rightcol {float: right;}

#container2 {background: url(/web/images/bg_rightcol.jpg) top right repeat-y;}

#navSecondary {float: left; width: 160px; margin: 0; padding: 0;}
#navSecondary ul {list-style-type: none; margin: 0; padding: 0 0 0.5em 0; background: #06c url(/web/images/bg_secondarynav_under.jpg) top left repeat-y;}
#navSecondary ul li {margin: 0;}
#navSecondary ul li a {display: block; width: 135px; padding: 3px 5px 3px 20px; color: #fff; font-size: 0.85em; background: #06c url(/web/images/bg_secondarynav.jpg) center left no-repeat; vertical-align: bottom;}
#navSecondary ul li a:hover {background: #09c url(/web/images/bg_secondarynav_over.jpg) center left no-repeat; text-decoration: none;}
#navSecondary ul li a.parent {display: block; width: 135px; padding: 3px 5px 3px 20px; color: #fff; font-size: 0.85em; background: #06c url(/web/images/bg_secondarynavparent.jpg) center left no-repeat; vertical-align: bottom;}
#navSecondary ul li a.parent:hover {background: #09c url(/web/images/bg_secondarynavparent_over.jpg) center left no-repeat; text-decoration: none;}
#navSecondary ul ul {list-style-type: none; margin: 0; padding: 0; background: #00599b url(/web/images/bg_tertiarynav_under.jpg) top left repeat-y;}
#navSecondary ul ul li a {padding: 3px 5px 3px 35px; width: 120px; margin-right: 0; background: #00599b url(/web/images/bg_tertiarynav.jpg) center left no-repeat;}
#navSecondary ul ul li a:hover {background: #005aa5 url(/web/images/bg_tertiarynav_over.jpg) center left no-repeat;}

#panel_donate {clear: both; margin: 1px 0 0 0; background: #d5eeff url(/web/images/bg_donateonline.jpg) top right repeat-y; font-size: 0.85em;}
#panel_donate p, #home_donateonline p {margin: 0 5px 0 10px;}

#rightcol {float: right; width: 180px; margin: 0; padding: 0; color: #555;}
#rightcol h3 {margin: 0; padding: 0;}

#content {margin: 0 200px 1em 180px;}
#content h3, #section_left h3, #content_noleftcol h3 {color: #005ca3; margin: 0 0 0.6em 0; padding: 0 20px 0 0; font-size: 1.5em; font-weight: normal;}
#content h4, #content_noleftcol h4 {color: #005ca3; margin: 0 0 0.25em 0; padding: 0; font-size: 1.1em; font-weight: bold;}
#content p, #content_noleftcol p {margin: 0 0 1em 0; padding: 0;}

/* Hide: only IE-win sees this. \*/
 
* html #content p {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide */

#content_noleftcol {margin: 0 200px 0 10px;}
#content_noleftcol h2 {margin: 0; padding: 8px 0 0 0;}
#content_magazine {margin: 0 200px 1em 405px;}
#content p.quoter, #section_left p.quoter, #section_right p.quoter {text-align: right; font-size: 0.85em; color: #666;}
#content_help {margin: 0; padding: 20px;}
#content_help h2 {color: #005ca3; margin: 0 0 0.6em 0; padding: 0 20px 0 0; font-size: 1.2em; font-weight: bold;}

#breadcrumbs {margin: 0 0 1em 0; padding-top: 1em; color: #999; font-size: 0.85em;}

#cleardiv {clear: both; height: 1em;}
#footer, #footer_home {clear: both; background: url(/web/images/bg_footer.jpg) top left repeat-x; color: #666; font-size: 0.85em; margin: 0 0 1em 0; padding: 0;}
#footer img {border: 0;}
#footer p {padding: 0; margin: 0 180px 1em 160px; }
#footerright {float: right; margin: 0;}
#footer_home p {padding: 40px 0 0 0; margin: 0 180px 1em 160px;}

/* Home page and audience page styles */
#home_mainpic {background: #17a3ff url(/web/images/home/panel1.jpg) top right no-repeat; height: 150px;}
#home_maintext {background: #17a3ff url(/web/images/bg_titlebarhome2.jpg) top right no-repeat; height: 150px;}
#magazine {margin: 0; padding: 0;}
#magazine h2 {margin: 0.5em 0 0.25em 0; padding: 0 20px 0 10px; height: 20px; font-size: 1.3em; color: #ec5f00;}
#magazine h3 {margin: 0; padding: 0 20px 0 10px; font-size: 1em; color: #ec5f00;}
.bltAction {color: #ec5f00; font-weight: bold;}
.feature_item {clear: left; margin-bottom: 1em;}

.feature_item_christmas {margin: 0 20px 1em 20px; padding: 5px; color: #fff; background: #c33c40 url(/web/images/bg_panel_christmas06.gif) top right no-repeat;}
.feature_item_christmas h5 {margin: 0 0 0.5em 0;}
.feature_item_christmas a {color: #fc3;}
.feature_item_christmas a:hover {color: #ff3;}
ul.christmas {list-style-image: url(/web/images/bullet_christmas.gif); margin-left: 115px;}

p.maintext {color: #fff; font-size: 1.25em; margin: 0; padding: 50px 50px 0 20px; letter-spacing: 1px; line-height: 1.3em;}

#home_rightcol {margin: 0; padding: 0; width: 180px; background: #d5eeff url(/web/images/bg_rightcol_home.jpg) top left repeat-y;}
#home_rightcol h3 {margin: 0; padding: 0;}
#home_rightcol ul {margin: 0.5em 10px 1em 26px; padding: 0; list-style-image: url(/web/images/bullet_news.gif); font-size: 0.85em;}
#home_rightcol ul li {margin: 0; padding: 0 0 0.5em 0; clear: both;}
#home_rightcol .thumbnail {border: 0; float: right; margin: 0 0 5px 5px;}
#home_donateonline {margin: 0; width: 180px; height: 150px; background: #d5eeff url(/web/images/bg_donateonlinehome.jpg) top left no-repeat; font-size: 0.85em;}

#mag_left {padding: 0; background: url(/web/images/divider_v.gif) top right repeat-y;}
#mag_right {padding: 0;}

#mag_left p {padding: 0 20px 0 10px;}
#mag_left p.withThumbnail {margin-left: 100px; margin-bottom: 0.5em;}
#mag_left .feature_thumb {float: left; margin: 0 10px 1em 10px;}

#mag_right p {padding: 0 20px 0 0; margin-left: 20px; margin-bottom: 0.5em;}
#mag_right p.withThumbnail {margin-left: 120px; margin-bottom: 0.5em;}
#mag_right h2, #mag_right h3 {padding-left: 20px;}
#mag_right .feature_thumb {float: left; margin: 0 10px 10px 20px;}

#mag_left ul, #mag_right ul, #section_both ul, #section_left ul, #section_right ul, .lstActions {list-style-image: url(/web/images/bullet_orange.gif); margin: 0 20px 1em 40px; padding: 0;}
#mag_left ul.withThumbnail {margin-left: 130px;}
#mag_right ul.withThumbnail {margin-left: 140px;}
#mag_left table, #section_left table {margin: 0 20px 1em 10px; border-bottom: 1px solid #ccc;}
#mag_right table {margin: 0 20px 1em 20px;}
#mag_right td, #mag_left td, #section_left td {font-size: 0.85em; padding: 3px 10px 3px 2px;}

/* Section page styles */
#section_top {margin: 0 20px 0 180px;}
#section_left {margin: 0 0 1em 180px; width: 40%; padding: 0; background: url(/web/images/divider_v.gif) top right repeat-y;}
#section_right {float: right; width: 40%; padding: 0;}
#section_both {margin: 0 0 1em 180px; padding: 0;}

#section_left h4, #section_right h4, #section_both h4 {margin: 0; padding: 0 20px 0 0; font-size: 1.2em; color: #ec5f00;}
#section_right h3 {margin: 0.5em 0 1em 0; padding: 0 20px 0 0; font-size: 1.1em; color: #ec5f00;}

#section_left .feature_thumb, #section_right .feature_thumb {float: left; margin: 0 10px 1em 0;}
#section_left p {padding: 0 20px 0 0;}
#section_right p {padding: 0 20px 0 0;}
#section_both p {padding: 0 20px 0 0;}

#section_left ul.withThumbnail, #section_right ul.withThumbnail {margin-left: 120px;}
#section_left p.withThumbnail {margin-left: 100px; margin-bottom: 0.5em;}
#section_right p.withThumbnail {margin-left: 100px; margin-bottom: 0.5em;}


/* TABLE STYLES for various pages */
th {text-align: left; padding: 3px 10px 3px 2px; border-bottom: 1px solid #999;}
caption {text-indent: -1000px; font-size: 1px; margin: 0;}
.tblTitleGeneric {font-weight: bold; background: #d5efff; padding-left: 2px;}
.tblTitlePatients {font-weight: bold; background: #daef9a; padding-left: 2px;}
.tblTitleCarers {font-weight: bold; background: #e5d7ec; padding-left: 2px;}
.tblMonth {font-weight: bold; color: #666;}
.odd {background: #f0f0f0;}

/* Individual event pages have an 'at a glance' table of details at the top */
#tblEvent {margin: 0 0 1em 0; background: url(/web/images/divider_h.gif) top left repeat-x;}
#tblEvent td {font-size: 0.85em; background: url(/web/images/divider_h.gif) bottom left repeat-x; padding: 3px;}

/* Treatment centre list table */
#tblTreatmentCentre {margin: 0 0 1em 0;}

/* Calendar-style table of events and education programs that appear on magazine-style pages */
#tblCalendar {margin: 0 20px 1em 0;}
#tblCalendar td, #tblTreatmentCentre td {font-size: 0.85em; padding: 3px 10px 3px 3px;}

/* List table of media releases */
#tblMedia {margin: 0 0 1em 0; border-bottom: 1px solid #999;}
#tblMedia td {padding: 3px 30px 3px 3px;}
#tblMedia td p {margin-bottom: 0;}
#tblMedia td ul.lstActions {margin-left: 3em;}

/* List table of research grantess. Is a class, not an ID, since there are 2 separate tables on the one page */
.tblGrantees td {padding: 3px 20px 3px 3px;}







.helptext {display: none;}
.divider {clear: both; height: 3px; font-size: 3px; margin: 0; padding: 0; background: url(/web/images/divider_h.gif) top left repeat-x;}
.divider_news {height: 3px; font-size: 3px; margin: 0; padding: 0; background: url(/web/images/divider_news.gif) top left no-repeat;}

.bltDonate {vertical-align: middle; border: 0; margin: 5px 5px 0.5em 0;}
.footnote {color: #666; margin-top: 2em; font-size: 0.85em;}
.bodypic {float: right; margin: 0 0 1em 2em; color: #036; font-size: 0.85em; font-weight: normal;}

/* Rightcol styles */
#seealso {margin: 0.5em 0 1em 0; padding: 0; list-style-type: none; font-size: 0.85em;}
#seealso li {margin: 0; padding: 0;}
#seealso li a {display: block; background-image: url(/web/images/bullet_seealso.gif); background-position: 7px 4px; background-repeat: no-repeat; padding: 3px 10px 3px 30px; vertical-align: bottom;}
.divider_seealso {height: 3px; font-size: 3px; margin: 0; padding: 0; background: url(/web/images/divider_seealso.gif) top left no-repeat;}

.rightcol_quote {margin: 0; padding: 6px; background: url(/web/images/bg_rightcolquote_open.jpg) top left no-repeat;}
.rightcol_quote p.quote {margin: 20px 0 1em 0; background: url(/web/images/bg_rightcolquote_close.jpg) bottom right no-repeat; font-size: 0.85em; padding: 0 20px;}
.rightcol_quote p.quoter {text-align: right; font-style: normal; font-size: 0.85em;}
.rightcol_getadobe, .rightcol_message, .rightcol_researchanimals {margin: 0; padding: 20px;}
.rightcol_getadobe p, .rightcol_message p, .rightcol_researchanimals p {margin: 0 0 1em 0; padding-bottom: 10px; font-size: 0.85em;}
.rightcol_message img {border: 0;}
.rightcol_researchanimals h4 {margin: 0 0 0.5em 0;}

/* Localise pages styles */
#panel_localise {float: right; width: 530px; background: #e8e8e8 url(/web/images/bg_localise.gif) top left no-repeat; padding: 0 10px 0 10px; margin: -1em 20px 1em 20px;}
#panel_localise p.firstpara {padding: 40px 0 0 0;}
#panel_localise ul {list-style-image: url(/web/images/bullet_orangegrey.gif); padding: 0; margin-left: 2.5em;}
#localise_map {margin: 0 0 0 20px;}
#localise_textlinks {float: right; margin: 40px 10px 0 0;}
#localise_selected {margin: 1em 0 1em 2.5em; padding: 10px; border: 1px solid #aaa;}
#localise_selected p {margin: 0;}
#localise_selected ul {list-style-image: url(/web/images/localise_checked.gif); padding: 0; margin: 0 0 0 16px;}

/* State selection bar above calendar tables for localise, services and events */
#bar_localise {margin: 10px 20px 1em 10px; background: #e8e8e8 url(/web/images/bg_cnr_grey_tl.gif) top left no-repeat; padding: 3px 5px 3px 10px;}
#bar_localise form, #bar_services form, #bar_events form {margin: 0; text-align: right;}
#bar_localise span, #bar_services span, #bar_events span {float: left; margin-right: 20px; padding-top: 3px;}
#bar_localise img, #bar_services img, #bar_events img {border: 0; float: right; margin: 0 0 0 5px;}

#bar_services {margin: 1em 20px 1em 0; background: #e8e8e8 url(/web/images/bg_cnr_grey_tl.gif) top left no-repeat; padding: 3px 5px 3px 10px;}
#bar_events {clear: both; margin: 1em 20px 1em 0; background: #e8e8e8 url(/web/images/bg_cnr_grey_tl.gif) top left no-repeat; padding: 3px 5px 3px 10px;}

/* Information booklet page styles */
#booklet_items img {float: left; margin: 0 10px 10px 0; border: 0;}
#booklet_items img.lang {float: none; margin: 0;}
#booklet_items h4, #booklet_items p {margin-left: 140px;}
#booklet_items ul {margin-left: 120px;}
#booklet_items h4 {margin-top: 1em;}
#booklet_items h5 {margin-left: 140px;}


/* form styles  */
#frmDonation {margin-top: 1em;}
#frmDonation h4 {margin: 1em 0 0.5em 0;}
#frmDonation div {margin: 3px 0; clear: both;}
#frmDonation input, #frmDonation select, #frmDonation textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em;} 
#frmDonation label {float: left; margin: 0 20px 0 0; width: 8em; font-size: 0.85em; font-weight: bold;}
#frmDonation div.mixedChoice {margin: -1em 0 0 8em;}
#frmDonation div.mixedChoice label {font-weight: normal; width: auto; float: none; margin: 0;}
#frmDonation textarea.txtNotReq {width: 20em; margin-left: 1em;}

label.mixedChoiceSub {padding-left: 2.3em; font-weight: normal; width: 100px; float: left; margin: 0;}

#frmTellaFriend {margin-top: 1em;}
#frmTellaFriend div {margin: 3px 0;}
#frmTellaFriend input, #frmTellaFriend select, #frmTellaFriend textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em;} 
#frmTellaFriend label {float: left; margin: 0 20px 0 0; width: 12em; font-size: 0.85em; font-weight: bold;}

.fldShort {width: 6em;}
.fldMedium {width: 15em;}
.fldMediumNotReq {width: 15em; margin-left: 1em;}
.fldLong {width: 20em;}
.fldLongNotReq {width: 20em; margin-left: 1em;}
.btnAction {font-weight: bold; margin: 1em 0 1em 11em; width: auto; padding: 2px;}

/* Various other styles used throughout */
.grey {color: #666;}
.required {width: 2em; color: #f60; font-weight: bold;}
.small {font-size: 0.85em;}
.iconNewWindow {border: 0; margin: 0 0 0 3px;}
.lstSchedule {margin-top: 0; margin-bottom: 1em; list-style-image: url(/web/images/bullet_calendar.gif);}
.lstPDF {list-style-image: url(/web/images/icons/icon_pdf.gif); margin: 0 20px 1em 40px; padding: 0;}
.lstLogos {list-style-type: none; margin: 0 0 1em 0; padding: 0;}
.lstLogos li {display: inline; padding: 0; margin: 0 20px 20px 0;}
.errortext {color: #c00;}
.examplebox {margin-bottom: 1em; padding: 20px; background: #edf8ff; border: 1px solid #ddf1ff;}
.examplebox h4 {font-size: 0.85em;}
.examplebox p {margin-right: 0; padding-right: 0;}

.christmasbox {margin: 0 0 1em 180px; padding: 10px 20px; background: #cc3c40 url(/web/images/bg_christmas06.gif) top right no-repeat; border: 1px solid #b4282c;}
.christmasbox h4 {color: #fff;}
.christmasbox p {margin-right: 0; padding: 0 170px 0 0; color: #fff;}

.schedulebox {margin-bottom: 1em; padding: 20px 20px 20px 70px; background: #edf8ff url(/web/images/bg_schedule.gif) top left no-repeat; border: 1px solid #ddf1ff;}
.booklet_item {margin: 0 0 1em 0; padding-bottom: 1em; background: url(/web/images/divider_h.gif) bottom left repeat-x;}

strong{
font-weight:bold;
}
.pagination {text-align: right; font-size: 0.85em; color: #666;}