body {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .8em; background-color: #FFFFFF; color: #666666; margin: 0px; text-align:left;} img {display: block; border: 0px;} img.leftImage {float: left; margin: 0px 10px 10px 0px;} img.rightImage {float: right; margin: 0px 0px 10px 10px;} a {text-decoration : underline; color: #028798;} a:hover {text-decoration : none; color : #178C9E;} a.backLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left;} a.backLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.boxLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px;} a.boxLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.topLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: right;} a.topLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.bluelink {color:#0099CC;}; .boxLinkBlank {border: 1px solid #e6e6e6; background-color: #fdfdfd; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px; color: #cfcfcf;} p {margin: 0px 0px 10px 0px;} br {line-height: 7px;} form {margin: 0px;} h1 {font-size: 1.9em; color: #028798; font-weight: bold; display: block; border-width: 0px 0px 2px 0px; border-style: dashed; border-color: #cfcfcf; padding: 0px 0px 5px 0px; margin: 0px 0px 7px 0px; font-style: italic;} h1 .subTitle {font-size: .8em; color: #006AAE;} h2 {font-size: 1.4em; margin: 0px 0px 0px 0px; color: #028798; font-weight: bold;} h3 {font-size: 1.1em; margin: 10px 0px 3px 0px; color: #028798;} h4 {font-size: .9em; margin: 0px 0px 5px 0px; color: #028798;} h5 {font-size: .8em; margin: 0px; color: #028798;} h6 {font-size: .7em; margin: 0px; color: #028798;} .clearAll {clear: both;} .clearLeft {clear: left;} .clearRight {clear: right;} .floatRight {float: right;} .floatLeft {float: left;} .floatLeftPad {float: left; margin: 0px 5px 0px 0px;} .floatRightPad {float: right; margin: 0px 0px 0px 10px;} .centered {text-align: center;} /* MAIN SITE TEMPLATE STYLES */ #siteContainer {width: 994px; background-color: #FFFFFF; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #e5e5e5; margin: 0px auto 10px auto; padding: 0px;} #siteContainer #siteHeaderContainer {width: 994px; height: 124px; background: url(../../media/images/site_header.jpg) no-repeat 0px 0px;} #siteContainer #siteHeaderContainer a.homeLink {width: 300px; height: 125px; display: block; float: left; text-decoration: none;} #siteContainer #siteHeaderContainer #topNavContainer {float: right; margin: 95px 20px 0px 0px;} #siteContainer #siteHeaderContainer #topNavContainer img {display: inline; margin: 0px 5px 0px 0px;} #siteContainer #siteHeaderContainer #topNavContainer a {float: left; color: #999999; text-decoration: none; font-size: .85em; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; font-weight: bold; display: block;} #siteContainer #siteHeaderContainer #topNavContainer a:hover {color: #028798; background-color: #b3dbe0;} #siteContainer #siteHeaderContainer #topNavContainer form {float: left; margin: 0px 2px 0px 10px;} #siteContainer #siteHeaderContainer #topNavContainer input {width: 112px; height: 12px; color: #999999; font-size: .8em; float: left; margin: 0px 2px 0px 10px;} #siteContainer #siteHeaderContainer #topNavContainer input.searchImage {width: 11px; height: 11px; border: none; background: none; float: left; margin: 0px;} #siteContainer #siteHeaderContainer #topNavContainer input.sendImage {width: 12px; height: 12px; border: none; background: none; float: left; margin: 0px;} /* Nav styles */ #siteContainer #navContainer {width: 979px; height: 23px; background: url(../../media/images/nav_bg.gif) repeat-x 0px 0px; padding: 2px 0px 0px 15px; text-align: left; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #e5e5e5; font-size: .9em;} #siteContainer #navContainer #nav a {display: block; float: left; color: #028798; font-weight: bold; text-decoration: none; padding: 0px 5px 0px 5px; border-style: solid; border-width: 0px 2px 0px 0px; border-color: #028798; margin: 3px 0px 0px 0px;} #siteContainer #navContainer #nav a:hover {display: block; color: #177fa8; text-decoration: none;} #siteContainer #navContainer #nav a.last {display: block; float: left; height: 19px; color: #028798; font-weight: bold; text-decoration: none; padding: 0px 5px 0px 5px; border: 0px; margin: 3px 0px 0px 0px;} #siteContainer #navContainer #nav a.last:hover {display: block; color: #177fa8; text-decoration: none;} /* all lists */ #siteContainer #navContainer #nav, #siteContainer #navContainer #nav ul {margin: 0px; padding: 0px; list-style: none;} /* all list items */ #siteContainer #navContainer #nav li {margin-left: 0px; float: left; position: relative; z-index: 10;} /* second-level lists */ #siteContainer #navContainer #nav li ul {position: absolute; width: 240px; left: -999em; padding-top: 4px;} /* second-level lists */ #siteContainer #navContainer #nav li ul li {width: 240px; margin-left: 0px; background-color: #FFFFFF; color: #1C7523; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #56b2be;} /* second-level lists */ #siteContainer #navContainer #nav li ul li a {display: block; width: 230px; border: 0px; padding: 2px 4px 2px 6px; margin: 0px; background-color: #e0f5f3;} #siteContainer #navContainer #nav li ul li a:hover {color: #FFFFFF; background-color: #028798;} #siteContainer #navContainer #nav li ul li a.indent {display: block; width: 220px; border: 0px; padding: 2px 4px 2px 16px; margin: 0px; background-color: #f0f7f6;} #siteContainer #navContainer #nav li ul li a.indent:hover {color: #FFFFFF; background-color: #028798;} #siteContainer #navContainer #nav li ul.lastSub {position: absolute; width: 204px; left: -999em; padding-top: 4px;} #siteContainer #navContainer #nav li ul.lastSub li {width: 204px; margin-left: 0px; background-color: #FFFFFF; color: #1C7523; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #56b2be;} #siteContainer #navContainer #nav li ul.lastSub li a {display: block; width: 194px; border: 0px; padding: 2px 4px 2px 6px; margin: 0px; background-color: #e0f5f3;} #siteContainer #navContainer #nav li ul.lastSub li a:hover {color: #FFFFFF; background-color: #028798;} #siteContainer #navContainer #nav li ul.lastSub li a.indent {display: block; width: 184px; border: 0px; padding: 2px 4px 2px 16px; margin: 0px; background-color: #f0f7f6;} #siteContainer #navContainer #nav li ul.lastSub li a.indent:hover {color: #FFFFFF; background-color: #028798;} /* lists nested under hovered list items */ #siteContainer #navContainer #nav li:hover ul, #siteContainer #navContainer #nav li.sfhover ul {left: -2px; top: 18px;} #siteContainer #navShadow {width: 994px; height: 5px; font-size: 5px; background-color: #EFEFEF; margin: 0px 0px 10px 0px; display: block;} /* Left column styles */ #siteContainer #leftContainer {float: left; width: 183px; margin: 0px 0px 0px 4px; text-align: left; display: inline;} #siteContainer #leftContainer #leftBanner {width: 181px; height: 449px; background: url(../../media/images/lc_bg.jpg) no-repeat 0px 0px; border: 1px solid #e5e5e5; color: #666666;} #siteContainer #leftContainer #leftBanner #textContainer {width: 161px; margin: 10px; font-size: .9em;} #siteContainer #leftContainer #leftBanner #textContainer h2 {color: #028798; font-size: 1.3em; font-weight: bold;} #siteContainer #leftContainer #leftBanner #textContainer ol {color: #028798; font-size: 1.05em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; list-style-position: inside;} #siteContainer #leftContainer #pollContainer {width: 181px; margin: 10px 0px 0px 0px; background-color: #c3e9ed;} #siteContainer #leftContainer #pollContainer form {display: block;} #siteContainer #leftContainer #pollContainer form input.radio {float: left; border: 0px; height: 14px;} #siteContainer #leftContainer #pollContainer form input.submit {float: right; height: 18px; font-size: .8em; margin: 0px 10px 5px 0px; background-color: #e8e8e8;} #siteContainer #leftContainer #pollContainer h2 {width: 171px; background-color: #69cdd5; color: #FFFFFF; display: block; margin: 0px; padding: 2px 0px 2px 10px;} #siteContainer #leftContainer #pollContainer p {margin: 5px 10px 2px 10px;} #siteContainer #leftContainer #pollContainer ul {margin: 0px; padding-left: 5px;} #siteContainer #leftContainer #pollContainer ul li {list-style: none; margin-left: 0px; clear: all;} #siteContainer #leftContainer #pollContainer ul li a {color: #666666; text-decoration: none;} #siteContainer #leftContainer #pollContainer .pollBar {float: left; height: 13px; margin: 0px 2px 2px 10px; border: 1px solid #015368; background-color: #02A3B8;} /* Central column styles */ #siteContainer #centralContainer {float: left; width: 549px; margin: 0px 0px 0px 10px;} /* HOMEPAGE styles */ #siteContainer #centralContainer #homeContent {width: 549px; height: 600px; background-color: #e2e2e2;} #siteContainer #centralContainer #homeContent #homeMainImage {width: 529px; height: 172px; margin: 0px auto 10px auto;} #siteContainer #centralContainer #homeContent .homeHighlightCon {float: left; width: 239px; height: 120px; margin: 0px 0px 10px 10px; background-color: #FFFFFF; text-align: left; padding: 5px 10px 5px 10px; font-size: .9em; display: inline;} #siteContainer #centralContainer #homeContent .homeHighlightCon h2 {font-size: 1.4em; font-weight: bold; color: #028798; display: block; border-width: 0px 0px 2px 0px; border-style: dashed; border-color: #cfcfcf; padding: 0px 0px 5px 0px; margin: 0px 0px 7px 0px; font-style: italic;} #siteContainer #centralContainer #homeContent .homeHighlightCon img {float: left; margin: 0px 12px 0px 0px;} /* Treatment Advisor styles */ #siteContainer #centralContainer #mainContent #treatmentQuestion {border: 1px solid #00A6BE; padding: 5px; margin: 0px 0px 10px 0px; background-color: #F0F8FA; color: #00A6BE; font-size: 1.3em; font-weight: bold;} #siteContainer #centralContainer #mainContent #treatmentAnswer {border: 1px solid #00A6BE; padding: 5px; margin: 0px 0px 10px 0px; background-color: #F0F8FA; color: #00A6BE; font-weight: bold;} #siteContainer #centralContainer #mainContent #treatmentAnswer .treatOpt {float: left; margin: 0px 10px 0px 0px;} #siteContainer #centralContainer #mainContent #treatmentAnswer .treatOpt a {text-decoration: none;} #siteContainer #centralContainer #mainContent #treatmentAnswer .treatOpt a:hover {text-decoration: none;} #siteContainer #centralContainer #mainContent #treatmentAnswer .treatOpt input {border: 0px;} /* Small ad column styles */ #siteContainer #smallAdContainer {float: left; width: 105px; height: 600px; margin: 0px 0px 0px 9px; text-align: left;} #siteContainer #smallAdContainer img {margin: 0px 0px 4px 0px;} #siteContainer #smallAdContainer .generalAdd {width: 105px; height: 147px; background: url(../../media/images/quicklink_bg.gif) no-repeat 0px 0px; margin: 0px 0px 4px 0px;} #siteContainer #smallAdContainer .generalAdd .addText {padding: 5px; font-weight: bold; font-size: .85em;} #siteContainer #smallAdContainer .generalAdd .addText h2 {color: #872023; font-size: 1.6em; font-style: italic; margin: 0px 0px 5px 0px;} #siteContainer #smallAdContainer .generalAdd .addText a {color: #550205; font-size: 1.1em; font-style: italic; margin: 3px 0px 0px 0px; text-decoration: none; display: block;} #siteContainer #smallAdContainer .generalAdd .addText a:hover {text-decoration: underline;} #siteContainer #smallAdContainer .treatmentAdd {width: 105px; height: 147px; background: url(../../media/images/quicklink_bg_treatment.jpg) no-repeat 0px 0px; margin: 0px 0px 4px 0px;} #siteContainer #smallAdContainer .treatmentAdd .addText {padding: 5px; font-weight: bold; font-size: .85em;} #siteContainer #smallAdContainer .treatmentAdd .addText h2 {color: #872023; font-size: 1.6em; font-style: italic; margin: 0px 0px 5px 0px;} #siteContainer #smallAdContainer .treatmentAdd .addText a {color: #550205; font-size: 1.1em; font-style: italic; margin: 3px 0px 0px 0px; text-decoration: none; display: block;} #siteContainer #smallAdContainer .treatmentAdd .addText a:hover {text-decoration: underline;} #siteContainer #smallAdContainer .animationAdd {width: 105px; height: 147px; background: url(../../media/images/quicklink_bg_animation.jpg) no-repeat 0px 0px; margin: 0px 0px 4px 0px;} #siteContainer #smallAdContainer .animationAdd .addText {padding: 5px; font-weight: bold; font-size: .85em;} #siteContainer #smallAdContainer .animationAdd .addText h2 {color: #E10174; font-size: 1.6em; font-style: italic; margin: 0px 0px 5px 0px;} #siteContainer #smallAdContainer .animationAdd .addText a {color: #910024; font-size: 1.1em; font-style: italic; margin: 3px 0px 0px 0px; text-decoration: none; display: block;} #siteContainer #smallAdContainer .animationAdd .addText a:hover {text-decoration: underline;} #siteContainer #smallAdContainer .surveyAdd {width: 105px; height: 147px; background: url(../../media/images/quicklink_bg_survey.jpg) no-repeat 0px 0px; margin: 0px 0px 4px 0px;} #siteContainer #smallAdContainer .surveyAdd .addText {padding: 5px; font-weight: bold; font-size: .85em;} #siteContainer #smallAdContainer .surveyAdd .addText h2 {color: #01559d; font-size: 1.6em; font-style: italic; margin: 0px 0px 5px 0px;} #siteContainer #smallAdContainer .surveyAdd .addText a {color: #01559d; font-size: 1.1em; font-style: italic; margin: 3px 0px 0px 0px; text-decoration: none; display: block;} #siteContainer #smallAdContainer .surveyAdd .addText a:hover {text-decoration: underline;} /* Skyscraper add column styles */ #siteContainer #largeAdColumn {float: left; width: 120px; margin: 0px 0px 0px 10px;} #siteContainer #largeAdColumn #bigAd {width: 120px; height: 452px; margin: 0px 0px 10px 0px;} #siteContainer #largeAdColumn #smallAd {width: 120px; height: 138px;} /* FOOTER */ #siteContainer #footerImage {width: 994px; height: 38px; background: url(../../media/images/site_footer.jpg) no-repeat 0px 0px; padding: 0px 0px 5px 0px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #028798; margin: 10px 0px 0px 0px;} #siteContainer #footerText {font-size: .8em; margin: 7px 0px 10px 0px;} /* general styles */ .factoid {border: 1px solid #00A6BE; padding: 5px; margin: 0px 0px 10px 0px; background-color: #F0F8FA; color: #00A6BE;} .referencelink {font-size: .8em;} .relatedarticles {padding: 5px; margin: 0px 0px 10px 0px;} .relatedarticles h2 {display: block; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #00A6BE; padding: 0px 0px 5px 0px; margin: 0px 0px 7px 0px;} .relatedarticles ul {list-style: disc; margin: 0px 0px 10px 18px;} .smallText {font-weight: normal; font-size: .8em;} .standardText {font-weight: normal; color: #666666;} .blueText {color: #0099CC;} .greenText {color: #028798;} .error {color: #AA0000; font-weight: bold;} #relatedArticles {font-size: 1.2em; color: #028798; font-weight: bold; display: block; border-width: 2px 0px 0px 0px; border-style: dashed; border-color: #cfcfcf; padding: 5px 0px 0px 0px; margin: 7px 0px 0px 0px;} .standardTableTitle {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold;padding: 2px 2px 2px 2px;} .standardTableData {background-color:#F7FDFF;border: 1px solid #C3E7ED;padding:2px 2px 2px 2px;} .fibreTable {width: 520px; margin: 0px; padding: 0px; text-align:center;} .fibreTable .title {float: left; width: 350px; border: 1px solid #C3E7ED; background-color: #F7FDFF; padding: 2px 2px 2px 4px; margin: 0px 2px 2px 0px;font-weight: bold; height: 16px; text-align:left;} .fibreTable .data {text-align:center;border: 1px solid #C3E7ED; background-color: #F7FDFF;padding: 2px 2px 2px 4px; margin: 0px 2px 2px 0px;} .diaryTable {float: left; width:140px; border: 1px solid #C3E7ED; background-color: #F7FDFF; padding: 2px 2px 2px 4px; margin: 0px 2px 2px 0px;font-weight: bold; height: 16px; text-align:left;} .diaryTableData {float: left; width:140px; border: 1px solid #C3E7ED; background-color: #F7FDFF; padding: 2px 2px 2px 4px; margin: 0px 2px 2px 0px;height: 16px; text-align:left;color:#666666;font-weight:normal;} .nform {width: 494px; margin: 0px; padding: 0px; text-align:left;} .nform .formTitle {float: left; width: 150px; border: 1px solid #C3E7ED; background-color: #F7FDFF; padding: 2px 2px 2px 4px; margin: 0px 2px 2px 0px; color: #666666; font-weight: bold; height: 16px; text-align:left;} .nform .formTitleLarge {float: left; width:486px;border: 1px solid #C3E7ED; background-color: #F7FDFF; padding: 2px 2px 2px 4px; margin: 0px 2px 2px 0px; color: #666666; font-weight: bold; text-align:left;} .nform .formData {text-align:left;border: 1px solid #C3E7ED; background-color: #F7FDFF; padding: 2px 2px 2px 4px;font-weight:normal;} .hfSelectedDay { border-width : 1px 1px 0px 1px; border-color : #2d7a9c; border-style : solid; padding : 2px 5px 2px 10px; font-weight : bold; color : #2d7a9c;background-color : #CEEBF7;} .hfBlankCell { border-width : 0px 0px 1px 0px; border-color : #2d7a9c; border-style : solid;} .recipeBlankCell { border-width : 0px 0px 1px 0px; border-color : #2d7a9c; border-style : solid; background-color:#FFFFFF;} .recipeTitleCell { border-width : 1px 1px 0px 1px; border-color : #2d7a9c; border-style : solid; padding : 2px 5px 2px 10px; font-weight : bold; color : #2d7a9c;background-color : #CEEBF7;} .recipeContent { border-width : 1px 1px 1px 1px; border-color : #2d7a9c; border-style : solid; padding : 2px 5px 2px 10px; color : #2d7a9c;background-color : #F0F9FD;} table {margin: 0px 0px 10px 0px; padding: 0px; width: 100%;} table tr td {border: 1px solid #c3e7ed; background-color: #f7fdff; padding: 2px 5px 2px 5px; margin: 2px; vertical-align: top;} table tr td.title {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold;} table tr td.title_right {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold; text-align: right;} table tr td.title_center {border: 1px solid #034F64; background-color: #178C9E; color: #FFFFFF; font-weight: bold; text-align: center;} table tr td.tdCentered {text-align: center;} table tr td.subtitle {border: 1px solid #518694; background-color: #5fb0bc; color: #FFFFFF; font-weight: bold;} table tr td.subtitle_right {border: 1px solid #518694; background-color: #5fb0bc; color: #FFFFFF; font-weight: bold; text-align: right;} table tr td ul {margin: 0px 0px 0px 15px;} /* FORM STYLES */ form {margin: 0px; padding: 0px;} input {background: url(media/images/input_bg.gif) no-repeat 0px 0px; border: 1px solid #9e9e9e; padding: 2px 5px 2px 5px;} input.checkbox {background: none; border: 0px; padding: 0px; margin: 0px;} input.submitButt {width: 40px; border: 1px solid #028798; color: #028798; background: none; background-color: #FFFFFF;} input.submitButtGen {height: 20px; border: 1px solid #028798; color: #028798; background: none; background-color: #FFFFFF; padding: 2px 5px 2px 5px; font-weight: bold; font-size: .9em;} .fieldText {float: left; border: 1px solid #028798; width: 200px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #E6F3D7; color: #028798;} .fieldTextMid {float: left; border: 1px solid #028798; width: 250px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #E6F3D7; color: #028798;} .fieldValue {float: left;} .fieldValuePreview {float: left; border: 1px solid #028798; width: 200px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 5px;} .fieldText_checkbox {float: left; border: 1px solid #028798; width: 480px; margin: 0px 5px 0px 0px; padding: 2px 0px 3px 10px; font-weight: bold; background-color: #E6F3D7; color: #028798;} .fieldText_checkbox INPUT {border-style:none;} #entryForm input {width: 200px;} #entryForm input.checkbox {width: 20px;} #entryForm input.submitButtGen {width: 120px;} #entryForm select {width: 215px;} #entryForm .fieldValuePreview {width: 200px; padding: 2px 5px 2px 5px; border: 1px solid #9e9e9e;} #siteContainer #centralContainer #mainContent .dplink {text-decoration : none;color:#919191;} #siteContainer #centralContainer #mainContent .dplink a {text-decoration : none; color : #919191;} #siteContainer #centralContainer #mainContent .dplink a:hover {text-decoration : none; color : #2d7a9c;} #siteContainer #centralContainer #mainContent .dpcontent {background-color:#000000;margin:31px 0px 0px 0px;padding:15px 15px 15px 15px;background-color:#CEEBF7;height:360px;border-width : 0px 1px 1px 1px; border-color : #2D7A9C;border-style : solid; } #siteContainer #centralContainer #mainContent .dpcontentblock {margin:5px 0px 0px 0px;background-color:#E2F0F6;height:55px;} #siteContainer #centralContainer #mainContent .dptable_left {width:125px;float:left;margin:3px 0px 0px 0px;padding:1px 3px 3px 3px;} #siteContainer #centralContainer #mainContent .dptable_center {width:240px;float:left;margin:3px 0px 0px 10px;padding:1px 3px 3px 3px;} #siteContainer #centralContainer #mainContent .dptable_right {width:70px;margin:3px 0px 0px 1px;float:left;padding:1px 3px 3px 3px;} /* SITEMAP STYLE */ #siteContainer #centralContainer #mainContent #sitemap li {list-style: none; margin: 0px 0px 0px 0px; font-size: 1.3em;} #siteContainer #centralContainer #mainContent #sitemap li ul li {list-style: none; margin: 0px 0px 0px 20px; font-size: .8em;} #siteContainer #centralContainer #mainContent #sitemap li ul li a.indent {margin: 0px 0px 0px 10px;} /* HEALTHCARE PROFESSIONALS TITLE */ #siteContainer #centralContainer #mainContent .healthcaretitle {border-width : 1px 1px 1px 1px; border-color : #028798; border-style : solid; padding : 2px 5px 2px 10px; font-weight : bold; color : #028798;background-color : #D6E5C0;} /* MAIN CONTENT FLASH ANIMATIONS */ #siteContainer #centralContainer #mainContent #flashAnimation {float: left; width: 311px; height: 316px; margin: 0px; padding: 0px;} #siteContainer #centralContainer #mainContent #animTop {float: left; width: 216px; height: 38px; margin: 0px; padding: 0px; background: url(media/images/whatis-digestive-boxtop.gif) -76px 0px;} #siteContainer #centralContainer #mainContent #animMid {float: left; width: 216px; height: 208px; margin: 0px; padding: 0px; background: url(media/images/whatis-digestive-boxmid.gif) -76px 0px;;} #siteContainer #centralContainer #mainContent #animBot {float: left; width: 216px; height: 70px; margin: 0px; padding: 0px; background: url(media/images/whatis-digestive-boxbot.gif) -76px 0px;;} #siteContainer #centralContainer #mainContent .textClass {position : relative; width : 196px; height : 196px; display : none; top : 10px; left : 10px; overflow : auto; color : #000000; scrollbar-darkshadow-color: #293C21; scrollbar-3dlight-color: #293C21; scrollbar-arrow-color: #000000; scrollbar-base-color: #86B474; scrollbar-face-color: #86B474; scrollbar-highlight-color: #86B474; scrollbar-shadow-color: #86B474; scrollbar-track-color: #AACA9E;} #siteContainer #centralContainer #mainContent .plainFlashAnimation {float: left; width: 311px; height: 316px; margin: 0px; padding: 0px;} #siteContainer #centralContainer #mainContent .plainAnimTop {float: left; width: 216px; height: 38px; margin: 0px; padding: 0px; background: url(media/images/whatis-digestive-boxtop.gif) -76px 0px;} #siteContainer #centralContainer #mainContent .plainAnimMid {float: left; width: 216px; height: 208px; margin: 0px; padding: 0px; background: url(media/images/whatis-digestive-boxmid.gif) -76px 0px;;} #siteContainer #centralContainer #mainContent .plainAnimBot {float: left; width: 216px; height: 70px; margin: 0px; padding: 0px; background: url(media/images/whatis-digestive-boxbot.gif) -76px 0px;;} #siteContainer #centralContainer #mainContent .plainTextClass {position : relative; width : 196px; height : 196px; display : none; top : 10px; left : 10px; overflow : auto; color : #000000; scrollbar-darkshadow-color: #293C21; scrollbar-3dlight-color: #293C21; scrollbar-arrow-color: #000000; scrollbar-base-color: #86B474; scrollbar-face-color: #86B474; scrollbar-highlight-color: #86B474; scrollbar-shadow-color: #86B474; scrollbar-track-color: #AACA9E;} /* HEALTH ASSESSMENT STYLES */ #siteContainer #centralContainer #mainContent .redHead {background-color: #ae0803; color: #FFFFFF; font-weight: bold;} #siteContainer #centralContainer #mainContent .redValue {background-color: #ae0803; color: #FFFFFF;} #siteContainer #centralContainer #mainContent .greenHead {background-color: #749901; color: #FFFFFF; font-weight: bold;} #siteContainer #centralContainer #mainContent .greenValue {background-color: #749901; color: #FFFFFF;} #siteContainer #centralContainer #mainContent .amberHead {background-color: #d99a04; color: #FFFFFF; font-weight: bold;} #siteContainer #centralContainer #mainContent .amberValue {background-color: #d99a04; color: #FFFFFF;} #siteContainer #centralContainer #mainContent .orangeHead {background-color: #cf5804; color: #FFFFFF; font-weight: bold;} #siteContainer #centralContainer #mainContent .orangeValue {background-color: #cf5804; color: #FFFFFF;} /* DUAL RELIEF ADVERTORIAL */ #siteContainer #centralContainer #adDualReliefContent {width: 327px; height: 518px; border: 1px solid #e2e2e2; background: url(media/images/advertorial_senokot_dual_relief.jpg) no-repeat 0px 0px; padding: 70px 185px 10px 15px; text-align: left; font-size: 1.1em;} #siteContainer #centralContainer #adDualReliefContent h3 {margin: 0px 0px 20px 0px;} #siteContainer #centralContainer #adDualReliefContent p {font-size: 1.1em; margin: 0px 0px 20px 0px;} /* MAIN SITE styles */ #siteContainer #centralContainer #mainContent {width: 527px; border: 1px solid #e2e2e2; text-align: left; padding: 6px 10px 10px 10px;} #siteContainer #centralContainer #mainContent .footNote {font-size: .85em; font-style: italic;} /* FORM STYLE */ #siteContainer #centralContainer #mainContent .formTitleWide {display: block; border: 1px solid #028798; background-color: #E6F3D7; color: #028798; font-weight: bold; padding: 2px 5px 2px 5px;} #siteContainer #centralContainer #mainContent .formFieldInputWide select {width: 527px; color: #666666;} #siteContainer #centralContainer #mainContent .submitRight input {float: right; width: 60px; height: 20px; border: 1px solid #028798; color: #028798; background: none; background-color: #FFFFFF; padding: 0px; margin: 0px 0px 2px 2px; font-size: .9em;} #siteContainer #centralContainer #mainContent .errorMessage {color: #CC6666; font-weight: bold;} /* IMAGE COLUMNS */ #siteContainer #centralContainer #mainContent .imageCol_padLeft {float: right; width: 100px; margin: 0px 0px 0px 10px;} #siteContainer #centralContainer #mainContent .imageCol_padLeft img {border: 1px solid #e2e2e2; margin: 0px 0px 10px 0px;} #siteContainer #centralContainer #mainContent .imageCol_padRight {float: left; width: 100px; margin: 0px 10px 0px 0px;} #siteContainer #centralContainer #mainContent .imageCol_padRight img {border: 1px solid #e2e2e2; margin: 0px 0px 10px 0px;} /* IMAGE BOX */ #siteContainer #centralContainer #mainContent .image_padLeft {float: right; margin: 0px 0px 0px 10px;} #siteContainer #centralContainer #mainContent .image_padLeft img {border: 1px solid #e2e2e2; margin: 0px 0px 10px 0px;} #siteContainer #centralContainer #mainContent .image_padRight {float: left; margin: 0px 10px 0px 0px;} #siteContainer #centralContainer #mainContent .image_padRight img {border: 1px solid #e2e2e2; margin: 0px 0px 10px 0px;} /* MAIN CONTENT COLUMN */ #siteContainer #centralContainer #mainContent .contentCol {float: left; width: 407px; margin: 0px 0px 0px 0px;} #siteContainer #centralContainer #mainContent #quoteContainer {width: 290px; margin: 0px auto 10px auto;} #siteContainer #centralContainer #mainContent #quoteContainer #speechLeft {float: left; width: 26px;} #siteContainer #centralContainer #mainContent #quoteContainer #quoteContent {float: left; width: 238px; color: #028798; text-align: center; font-size: medium; font-weight: bold;} #siteContainer #centralContainer #mainContent #quoteContainer #speechRight {float: left; width: 26px; position: relative; top: 70%;} #siteContainer #centralContainer #mainContent #quoteContainer_wide {width: 450px; margin: 0px auto 10px auto;} #siteContainer #centralContainer #mainContent #quoteContainer_wide #speechLeft {float: left; width: 26px;} #siteContainer #centralContainer #mainContent #quoteContainer_wide #quoteContent {float: left; width: 390px; color: #028798; text-align: center; font-size: medium; font-weight: bold;} #siteContainer #centralContainer #mainContent #quoteContainer_wide #speechRight {float: left; width: 26px; position: relative; top: 70%;} #siteContainer #centralContainer #mainContent #quoteContainer_small {width: 210px; margin: 0px auto 10px 10px;} #siteContainer #centralContainer #mainContent #quoteContainer_small #speechLeft {float: left; width: 26px;} #siteContainer #centralContainer #mainContent #quoteContainer_small #quoteContent {float: left; width: 158px; color: #028798; text-align: center; font-size: medium; font-weight: bold;} #siteContainer #centralContainer #mainContent #quoteContainer_small #speechRight {float: left; width: 26px; position: relative; top: 70%;} #siteContainer #centralContainer #mainContent .boxout_blue {display: block; width: 339px; background-color: #bfe5f8; color: #0099CC; font-weight: bold; margin: 0px; padding: 4px 8px 0px 8px; text-align: left;} #siteContainer #centralContainer #mainContent .boxout_blue h2 {color: #0099CC;} #siteContainer #centralContainer #mainContent .boxout_blue_footer {width: 355px; height: 50px; background: url(media/images/boxout_standard_blue.gif) no-repeat 0px 0px; margin: 0px;} #siteContainer #centralContainer #mainContent .boxout_blue .table_layout_left {float:left;padding: 2px 2px 2px 2px;margin: 4px 2px 0px 2px;} #siteContainer #centralContainer #mainContent .table_layout_right {float:right;padding: 2px 2px 2px 2px;font-weight:normal;color:#666666;text-align:center;margin: 4px 2px 0px 2px;} #siteContainer #centralContainer #mainContent .boxout_blue .boxout_yellow {display: block; width: 339px; background-color: #fcf7c7; color: #c8b823; font-weight: bold; margin: 0px; padding: 4px 8px 0px 8px; text-align: left;} #siteContainer #centralContainer #mainContent .boxout_yellow h2 {color: #c8b823;} #siteContainer #centralContainer #mainContent .boxout_yellow_footer {width: 355px; height: 50px; background: url(media/images/boxout_standard_yellow.gif) no-repeat 0px 0px; margin: 0px;} #siteContainer #centralContainer #mainContent .boxout_orange {display: block; width: 339px; background-color: #efaa39; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 4px 8px 0px 8px; text-align: left;} #siteContainer #centralContainer #mainContent .boxout_orange h2 {color: #FFFFFF;} #siteContainer #centralContainer #mainContent .boxout_orange a {color: #FFFFFF;} #siteContainer #centralContainer #mainContent .boxout_orange_footer {width: 355px; height: 50px; background: url(media/images/boxout_standard_orange.gif) no-repeat 0px 0px; margin: 0px;} #siteContainer #centralContainer #mainContent .boxout_blue_small {display: block; width: 264px; background-color: #bfe5f8; color: #0099CC; font-weight: bold; margin: 0px; padding: 4px 8px 0px 8px; text-align: left;} #siteContainer #centralContainer #mainContent .boxout_blue_small h2 {color: #0099CC;} #siteContainer #centralContainer #mainContent .boxout_blue_small_footer {width: 280px; height: 50px; background: url(media/images/boxout_standard_blue.gif) no-repeat 0px 0px; margin: 0px;} #siteContainer #centralContainer #mainContent .boxout_blue_full {display: block; width: 479px; background-color: #bfe5f8; color: #0099CC; font-weight: bold; margin: 0px; padding: 4px 8px 0px 8px; text-align: left;} #siteContainer #centralContainer #mainContent .boxout_blue_full h2 {color: #0099CC;} #siteContainer #centralContainer #mainContent .boxout_blue_full_footer {width: 495px; height: 50px; background: url(media/images/boxout_full_blue.gif) no-repeat 0px 0px; margin: 0px;} /* SEARCH RESULTS */ #siteContainer #centralContainer #mainContent .pdfLink {float: left; width: 117px; text-align: center; margin: 0px 2px 10px 0px; border: 1px solid #81cbf2; background-color: #eef7fc; padding: 5px; text-align: center;} #siteContainer #centralContainer #mainContent .pdfLink img {margin: auto;} /* SEARCH RESULTS */ #siteContainer #centralContainer #mainContent .search_resultNum {float: left; width: 30px; text-align: right; margin: 0px 10px 0px 0px;} #siteContainer #centralContainer #mainContent .search_title {display: block;} #siteContainer #centralContainer #mainContent .search_numMatches {margin: 0px 0px 0px 40px; font-size: .9em; font-style: italic;} #siteContainer #centralContainer #mainContent .searchNav {margin: 20px 0px 10px 40px; display: inline-block;} #siteContainer #centralContainer #mainContent .searchNavButt {float: left;} #siteContainer #centralContainer #mainContent .pageNum {float: left; margin: 0px 30px 0px 30px;} /* HIGH FIBRE RECIPE STYLES */ #siteContainer #centralContainer #mainContent .hfSelectedDay {border-width : 1px 1px 0px 1px; border-color : #2d7a9c; border-style : solid; padding : 2px 5px 2px 10px; font-weight : bold; color : #2d7a9c; background-color : #CEEBF7;} #siteContainer #centralContainer #mainContent .hfBlankCell {border-width : 0px 0px 1px 0px; border-color : #2d7a9c; border-style : solid;} #siteContainer #centralContainer #mainContent .hfNormalDay {border : 1px #9cc0d0 solid; border-widthj : 1px; border-color : #9cc0d0 #9cc0d0 #2d7a9c #9cc0d0; border-style : solid; padding : 2px 5px 2px 10px; font-weight : bold; color : #919191; cursor : hand;} #siteContainer #centralContainer #mainContent .hfLink {text-decoration : none;} #siteContainer #centralContainer #mainContent .hfLink a {text-decoration : none; color : #919191;} #siteContainer #centralContainer #mainContent .hfLink a:hover {text-decoration : none; color : #2d7a9c;} #siteContainer #centralContainer #mainContent .hfOverDay {border : 1px #2d7a9c solid; padding : 2px 5px 2px 10px; font-weight : bold; background-color : #CEEBF7; color : #2d7a9c; cursor : hand;} #siteContainer #centralContainer #mainContent .hfContent {border-width : 0px 1px 1px 1px; border-color : #2D7A9C; background-color: #CEEBF7; border-style : solid; padding : 10px 10px 0px 10px;} #siteContainer #centralContainer #mainContent .hfNav {margin: 0px;} /* DIET PLANNER STYLES */ #siteContainer #centralContainer #mainContent .dpnav {margin:0px 0px 0px 0px;background-color:#FFFFFF;} #siteContainer #centralContainer #mainContent .dpselectedday {float:left;width:40px;color : #2d7a9c; background-color : #CEEBF7;border-width : 1px 1px 0px 1px; border-color : #2d7a9c;border-style : solid;padding : 2px 5px 2px 10px;font-weight:bold;} #siteContainer #centralContainer #mainContent .dpblankcell {width:17px;float:left;border-width : 0px 0px 1px 0px; border-color : #2d7a9c;border-style : solid;margin:4px 0px 0px 0px;} #siteContainer #centralContainer #mainContent .dpnormalday {float:left;width:40px;color : #919191; background-color : #FFFFFF;border-width : 1px 1px 1px 1px; border-color : #2d7a9c;border-style : solid;padding : 1px 5px 2px 10px;font-weight:bold;} /*GLOSSARY STYLES*/ #glossarylist LI {list-style:none;font-weight:bold;} #glossarylist LI UL LI {list-style:disc;font-weight:normal;} /*SURVEY STYLES*/ .questionContainer {border: 1px solid #abdde6; background-color: #fdfefe; margin: 0px 0px 10px 0px;} .questionContainer .questionTitle {border-width: 0px 0px 1px 0px; border-style: solid; border-color: #abdde6; font-size: 1.1em; background-color: #cfecf1;} .questionContainer .questionTitle .questionNumber {float: left; width: 100px; font-weight: bold; padding: 3px 6px 3px 6px; background-color: #b5e1ea; color: #007890;} .questionContainer .questionTitle .questionNumberDouble {float: left; width: 100px; height: 32px; font-weight: bold; padding: 3px 6px 3px 6px; background-color: #b5e1ea; color: #007890;} .questionContainer .questionTitle .questionText {float: left; width: 400px; font-weight: bold; padding: 3px 6px 3px 6px; color: #015564;} .questionContainer .question_box {} .questionContainer .question_box select {width: 420px;} .questionContainer .question_box input {border: 0px}