/* CSS Document */

body { background: url(../images/profile_r2_c2.jpg) repeat-x; background-color: #03628F; }
#wrapper { margin: 0 auto; }
table { margin: 0 auto; }
td img {display: block; border: none;}
#whiteBack { background: #FFFFFF url(../images/profile-table_r2_c1.jpg) no-repeat; vertical-align: top; }
#content { font-family: Trebuchet MS; width: 100%; height: 385px; vertical-align: top; color: #006699; padding: 15px 10px; overflow: hidden;}
.profileForm { margin: 10px 0; }
h1.soon { margin: 0px 0 8px 15px; font-size: 28px; font-style: italic; font-weight: bold;}
h2.message { margin: 10px 0 8px 40px; font-size: 22px; font-style: italic;  font-weight: bold; color: #0086B3;}
h3.features { margin: 8px 0 8px 15px; font-size: 17px; font-style: italic; text-align: left; font-weight: bold;}
ul.listing { font-weight: normal; margin: 5px; padding-left: 20px; }
ul.listing li, ul.know li { padding-bottom: 8px; }
.clearBoth { clear: both; }
a:link, a:visited, a { color: #006699; }
a:hover { color: #003366; }
TD.dataCol { text-align: center; }
TR.headerRow { text-align: center; background-color: #006699; color: #FFFFFF; }
/* Are all these forwards needed? */
a.forward:link, a.forward { border: none; margin: 10px 20px 0 250px; display: block;}

.forwardButton {  margin: 5px 15px;}
#formTable { font-size: 15px; }
.tier2 { margin-left: 20px; }
.error, .warn { color: #FF0000; font-size: 10px;}
/* BMI styles */
#bmiContent { font-family: Trebuchet MS; width: 100%; height: 100%; vertical-align: top; color: #006699; padding: 15px; }
 .changeGoal { float: right; background: url(../images/form-back.jpg) no-repeat; width: 170px; height: 165px; color:#FFFFFF; padding: 15px 12px; vertical-align: top; margin: 0;}
 FORM#changeWeight { text-align: center; margin: 0 8px 0 0; }
 #bmiTop { background: url(../images/bmi-graph-numbers.jpg) no-repeat bottom left; }
 .bmiBar { width: 515px; padding: 0 10px; float: left; }
 .bmiTitle { float: none; margin: 10px 0 5px 0; }
 #bmiCurrent, #bmiGoal { font-size: 12px; line-height: 13px; font-weight: bold; width: 45px; text-align: center; margin: 0; }
 .red, .redBold { color: #FF0000; }
 .redBold { font-weight: bold; }
 .green, .greenBold { color:#006600; }
 .greenBold { font-weight: bold; }
 TABLE.reportTable { border: 1px solid #333333; border-width: 0 0 1px 1px; }
 .reportTable TD { border: 1px solid #333333; border-width: 1px 1px 0 0; padding: 4px; }
 .report1 { margin: 0 0 10px 0; }
 .footnote {font-size: 12px; }
/*profile form styles */
.mainContainer { width: 800px; margin: 0 auto; }
H1.profileHeading, .profileReportHeading { margin: 0; padding: 0; }
.profileReportHeading { width: 500px; float: left; display: block; }
H2.step { margin: 0; }
H2 {  width: 500px; }
H2.plans { width: 650px; }
a.collapsable, a.collapsable:link,  a.collapsable:hover {
    text-decoration: underline;
	cursor: pointer;
	padding-left: 20px;
	background: url(../images/plus.png); background-repeat:no-repeat; background-position: left;
  }
a.collapsable:active, a.collapsable:visited { background: url(../images/minus.png) no-repeat; background-position: left; }
#dietPlans { padding-left: 15px; }
.sectionTitle { margin: 0; width: 75px; float: left; font-size:18px; }
.profileQuestion, .profileQuestion2 { height: 40px; vertical-align: bottom; margin: 15px 10px;}
.profileQuestion2 { height: 25px; }
.selectMenuLabel { width: 350px; display: block; float: left; }
.selectMenu { margin: 3px 0 0 10px; float: left; }
.finished { font-size: 20px; font-style: italic; }
.forward { margin: 5px 0 0 300px; }
.startButton { float:right; margin: 0 35px; }
.profileContainer_box {
   background: #ffffff;
}
.profileContainer_top div {
   background: url(../images/profileContainer_tl.png) no-repeat top left;
}
.profileContainer_top {
   background: url(../images/profileContainer_tr.png) no-repeat top right;
}
.profileContainer_bottom div {
   background: url(../images/profileContainer2_bl.png) no-repeat bottom left;
}
.profileContainer_bottom {
   background: url(../images/profileContainer2_br.png) no-repeat bottom right;
}
.profileContainer_top div, .profileContainer_top, 
.profileContainer_bottom div, .profileContainer_bottom {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.profileContainer_content{ margin: 0 30px; font-family: Trebuchet MS; color: #006699; overflow: hidden; vertical-align: top; }
.disclaimer, .privacy { font-family: Trebuchet MS; color:#FFFFFF; font-size: 14px; text-align:center; background: url(../images/footer-back.jpg) no-repeat; height: 40px; padding: 10px;}
.privacy { background: url(../images/footer-back-1.jpg) no-repeat; width: 760px; margin: 0 auto; padding 10px 30px 10px 10px;}

/* IE overrides */
#IEroot .topArrow { margin: 1px 0 -5px 0; padding: 0; display: block; width: 25px; }
#IEroot .bottomArrow { margin: -5px 0 -5px 0; padding: 0; display: block; width: 25px; }
#ie6only .bmiBarGraph { margin-bottom: -3px; }
#ie6only #bmiBottom { margin-top: -4px; }
#ie6only .bottomArrow { margin-top: 0px; }