/* New home page styles */

body {text-align: center}
#page {background: #FFF url(/internet/main/publishing.nsf/AttachmentsByTitle/home-back-2.gif/$FILE/home-back-2.gif) 0 -500px repeat; width: 100%; min-width: 970px; max-width: 1210px; margin: 0 auto; text-align: left}
/* Fix IE6 min-width issue */
* html #page {
	width: 970px /* fallback value */;
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1200 ? "1180px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 994 ? "966px" : "99.7%"));
}

#footer {background: #FFF; margin:5px 0pt;padding:0 0 10px 0}
#main_cntnt {padding: 0; margin: 18px 0 0 0; width: 100%;font-size: 1.2em;}
#container{ padding: 0; margin: 0; width: 100%;}

/* General layout of content areas */
#left {width: 66%; float: left; margin: 0; padding: 0}
#right {width: 34%; float: left; margin: 0; padding: 0}
#leftcol, #centrecol {padding: 0;width:50%;float: left;margin: 0;}
#rightcol {width: 100%;padding: 0;margin: 0;}

/* Box layouts */
#topic {background: #DEE4F2 url(/internet/main/publishing.nsf/AttachmentsByTitle/topic-back.gif/$FILE/topic-back.gif) 0 0 repeat; border: 1px solid #9AB0E4}
#news, #calendar, .other, #rss {border: 1px solid #CCC;padding: 0;background: #FFF;}
#welcome {margin: 0 9px 0 18px; height: 75px}
#news {margin: 0 9px 0 18px; padding-bottom: 16px;}
#calendar {margin: 0 9px 18px 9px; padding-bottom: 16px;}
#rss {margin: 0 9px 18px 18px; border-top: 0; padding: 8px 12px}
/* These two styles allows .other widgets to be moved into any column without reworking the CSS */
#right .other {margin: 0 18px 18px 9px; clear:right}
#left .other {margin: 0 9px 18px 9px;}
#calendar div, .other div {margin: 0 12px 0}
#news div {margin: 0 12px 0}
.item {padding-top: 8px; display: block; clear: left; overflow: auto}
.item img {background: #FFF; float: left; margin: 2px 10px 2px 0; border: 1px solid #6D6D6D; padding: 2px}
#news .main {border-bottom:1px dotted #CCCCCC;padding-bottom: 12px}

/* FOR IE6 TO FIX FLOAT DROP */
* html #leftcol, * html #centrecol {width: 49%}
* html #calendar {margin: 0 0 18px 9px;}
* html .other {margin: 0 18px 18px 5px}

/* Text styles */
#main_cntnt p.mainsum {margin: -3px 0 8px 0; font-size: 0.95em}
#main_cntnt p.mainsum a {text-decoration: underline}
#related {text-align: center}
#main_cntnt p {margin: 0; font-size: 0.95em}
#main_cntnt ul {margin: -5px 8px 12px 14px; padding: 0}
#main_cntnt ul li {padding: 0; margin: 0; font-size: 0.95em}
#related h2 {text-align: left}
h2 {letter-spacing: 2px;padding:6px 8px;color: #FFF;text-transform: uppercase;margin: 0;padding-left: 10px;font-size: 1em;margin: 12px}
#news h2, #calendar h2 {margin: 12px 12px 0}
#left h2 {background: #262869 url(/internet/main/publishing.nsf/AttachmentsByTitle/h2-back.gif/$FILE/h2-back.gif) 0 0 repeat;}
#right h2, #left .other h2 {background: #606060 url(/internet/main/publishing.nsf/AttachmentsByTitle/h2-back-grey.gif/$FILE/h2-back-grey.gif) 0 0 repeat;text-transform: none;}
#main_cntnt p.date {margin:0 0 0 0;padding:0;text-transform:uppercase;color: #9F212F;font-size: 0.85em;}
h3 {margin: 0; padding: 0;line-height: 1.6em;font-size: 0.95em;}
#main_cntnt .other ul li {list-style-type: none;}
#main_cntnt .other ul li a {background: url(/internet/main/publishing.nsf/AttachmentsByTitle/arrow-blue.gif/$FILE/arrow-blue.gif) left center no-repeat;padding-left: 18px;margin-left: 0;}

/* Link styles */
#container a {color: #262869; text-decoration: none}
#container a:hover {color:#336699;text-decoration:underline;}
#container a.more, #container a.more:active, #container a.more:visited {color: #FFF;float: right;margin-top: -37px;margin-right: 23px;padding-right: 17px;font-size: 0.9em; background: url(/internet/main/publishing.nsf/AttachmentsByTitle/arrow-white.gif/$FILE/arrow-white.gif) center right no-repeat;}
#container a.more:hover {color: #fff}
#container #news a.more, #container #calendar a.more {margin-top: -25px}
a#mediasub {background: url(/internet/main/publishing.nsf/AttachmentsByTitle/email-icon.jpg/$FILE/email-icon.jpg) left center no-repeat;margin-left: -1px;padding: 2px 0 2px 21px;}
a#feed {background: url(/internet/main/publishing.nsf/AttachmentsByTitle/rss.gif/$FILE/rss.gif) left center no-repeat; padding: 1px 0 0 20px;}
#container h2 a {color: #FFF}
#container h2 a:hover {color: #FFF; text-decoration: underline}

/* 'News' styles */
.main {border-top: 0}
#news .main  h3 {font-size: 1.15em; line-height: 1.4em}

/* 'Featured' styles */
#featured .highlight {margin: 10px 12px 0;background: #E4E4E4;padding: 10px 12px;border-top: 1px dotted #CCC}
#featured .highlight h3 {color: #9F212F;font-size: 1.15em;margin-bottom: 3px;
}
#main_cntnt #featured .highlight a {color: #9F212F;}
#main_cntnt #featured .highlight a:hover {color: #9F212F; text-decoration: underline}

/* 'Topic' styles */
#topic select {font-size: 0.9em; margin: 0 12px 0 12px;}
#topic p {font-size: 0.9em; margin: 5px 12px;}
#topic h2 {background: none; padding: 0; margin: 12px 12px 0 12px; font-size: 0.95em; background: none; color: #262869; text-transform: uppercase}
h1 {margin-top: 0}
.searchbutton {width: 30px}

/* 'Publications' styles */
#main_cntnt #pubs ul li {line-height: 1.4em;margin-bottom: 5px;}
#main_cntnt #pubs ul li a {background: url(/internet/main/publishing.nsf/AttachmentsByTitle/doc.gif/$FILE/doc.gif) left 3px no-repeat;display: block;padding-left: 15px;margin-left: 0;}

/* Styles for highlighting current workflow item */
#news .curr, #featured .curr {background: #FFFF80; padding: 10px; margin-bottom: 0}
.error_home {position:absolute;left:150px; right: 150px;top:200px;border:1px dotted #000;background:#FFFF80;padding:30px; width: 230%}
html>body .error_home {width: auto}
.error_home h1 {background: none}
.error_home table td {background: #FFF}

/* Feature pane/containers */
#page {background-position: 0 -200px}
#featurePane, #featurePane * { margin: 0; padding: 0; }
#featurePane {background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC;margin: 0 9px 18px 18px;overflow:hidden;}

/* Main features */
#featureMain {  margin: 0pt;  position: relative;  float: left;  overflow: hidden;  width: 67%;height: 294px} /* Height for non-JS */
#featureMain img {border: none;}
#featureMain .cont {  left: 0pt;  top: 35px;  padding: 15px;  border: 1px solid rgb(0, 0, 0);  background: none repeat scroll
    0pt 0pt rgb(0, 0, 0);  opacity: 0.8;  filter: alpha(opacity = 80);  width: 200px;  position: absolute;}
#featureMain .cont h2, #featureMain .cont h2 a {background: none repeat scroll 0% 0% transparent; text-transform: none; color: yellow; letter-spacing: -0.3;font-family: arial, verdana, sans-serif; font-size: 1.2em;color: yellow;}
#featureMain .cont h2 a:hover, #featureMain .cont h2 a:active, #featureMain .cont h2 a:focus {color: yellow}
#featureMain .cont p {color: rgb(255, 255, 255); line-height: 1.4em; margin-top: 5px;}
.feature {  float: left; width: 520px; position: relative;}
#featureContainer {  position: absolute;  top: 0pt;  width: 5000px;  left: 0pt;  overflow: hidden; background: #EEE}
#loading {background: url("/internet/main/publishing.nsf/AttachmentsByTitle/ajax-loader.gif/$FILE/ajax-loader.gif") no-repeat 0 0 transparent; display: block; width: 32px; height: 32px; position: absolute; left: 50%; top: 40%; display: none}

/* Supplementary */
#featureSupp { float: right; margin: 0 0 -1px 0; width: 33%; }
#featureSupp .feat:hover {background: #FFF;display:block}
#featureSupp .feat { display:block;background: #EEE; border: 1px solid rgb(204, 204, 204); margin: -1px; padding: 10px 10px 10px 10px; overflow: hidden; clear:left}
#featureSupp h2 { background: none repeat scroll 0 0 transparent; font-size: 0.9em; letter-spacing: 0; line-height: 1.4em; margin-bottom: 3px; text-transform: none;font-weight:bold; margin-left: 57px}
#featureSupp h2 a, #featureSupp h2 a:link, #featureSupp h2 a:visited {color: #262869}
#featureSupp h2 a:hover, #featureSupp h2 a:focus, #featureSupp h2 a:active {color: #336699}
#featureSupp img {float: left; margin: 0 10px 0 2px; border: none; }

/* Feature nav */
#featureNav { bottom: 20px;  left: 0;  position: absolute;  z-index: 1000;opacity:0.8;filter: alpha(opacity = 80); display:none}
#featureNav ul li {float:left; list-style-type:none;text-transform:uppercase}
#featureNav li a {display: block; font-family: arial; margin: 0; font-size: 1em; padding: 3px 9px}
/* Nums */
#featureNav li a.next, #featureNav li a.next:link, #featureNav li a.next:visited {color: #FFF; background:#000;}
#featureNav li a.next:hover, #featureNav li a.next:active, #featureNav li a.next:focus, #featureNav li a.this, #featureNav li a.this:link, #featureNav li a.this:visited {text-decoration:none;background: #FFF; color: #000; font-weight: bold}
/* Play/Pause */
#featureNav li a.play, #featureNav li a.play:link, #featureNav li a.play:visited {text-decoration:none; padding-right:22px;width:3em; text-align:right; color: #FFF; background:url("/internet/main/publishing.nsf/AttachmentsByTitle/control.gif/$FILE/control.gif") no-repeat right -10px #000;}
#featureNav li a.play:hover, #featureNav li a.play:active, #featureNav li a.play:focus {text-decoration:none;color: #000; background-color: #FFF; background-position: right -46px;text-align:right}
#featureNav li a.pause, #featureNav li a.pause:link, #featureNav li a.pause:visited {text-decoration:none;padding-right:22px;width:3em; text-align:right; color: #FFF; background:url("/internet/main/publishing.nsf/AttachmentsByTitle/control.gif/$FILE/control.gif") no-repeat right 8px #000;}
#featureNav li a.pause:hover, #featureNav li a.pause:active, #featureNav li a.pause:focus {text-decoration:none;color: #000; background-color: #FFF; background-position:right -28px; text-align:right}

/* Overrides */
h1 {background: none}
#topic select {font-size:1em}
#container .rs_skip {margin: 0 18px 0 0; height: 75px}

/* Calendar external links */
#main_cntnt #calendar h3 a[href^="http"] {
  background: url("/internet/yourhealth/publishing.nsf/AttachmentsByTitle/external.gif/$FILE/external.gif") no-repeat scroll right center transparent;
  padding-right: 15px;
}

/* FOI */
#foi img {float:left; margin: 0 0 0 10px;}
#foi div.border {border-top: 1px dotted #CCC;padding: 10px 0 4px 0}
#foi h3, #foi p {margin-left: 155px;}