/*************************************************
YOR Health Body Challenge CSS
By:Derek Youssi

Tweaking Tips:
-- FireFox Only Tweaks:(html>body format)
html>body #IDTag {padding-top:12px;}

-- IE Only Tweaks:(use expressions)
#IDTag {height:expression('30');}

*************************************************/

/**************** GLOBAL STYLES ***************/
html{margin:0; height:100%; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin-top:0px; border:none;}
body{margin:0px; height:100%; background-color:#01245c; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin-top:0px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;}
form{height:100%;}
rootDiv{ height:100%;}
a{ color:#49ceff;}
table td{vertical-align:top;}
.rootTbl{width:100%; height:100%}
.rootTbl td{vertical-align:top;}
.sideColL{ width:50%; background-image:url(../images/bg-LeftCol2.gif); background-position:right; background-repeat:repeat-y;}
.sideColR{ width:50%; background-image:url(../images/bg-RightCol2.gif); background-position:left; background-repeat:repeat-y;}
.sideColTbl{ width:100%; height:100%;}
.middleCol{vertical-align:top; width:892px; background-image:url(../images/bg_grad1.gif); background-repeat:repeat-y;}
.homeLColTop{height:381px; background-image:url(../images/bg-TopBar.gif); background-position:top; background-repeat:repeat-x; background-color:#01245c;}
.homeRColTop{height:381px; background-image:url(../images/bg-TopBar.gif); background-position:top; background-repeat:repeat-x; background-color:#01245c;}
.homeLCol{height:353px; background-image:url(../images/bg-LeftCol1.gif); background-position:right; background-repeat:no-repeat;}
.homeRCol{height:353px; background-image:url(../images/bg-RightCol1.gif); background-position:left; background-repeat:no-repeat;}
.homeLColBtm{background-image:url(../images/bg-LeftCol2.gif); background-position:right; background-repeat:repeat-y;}
.homeRColBtm{background-image:url(../images/bg-RightCol2.gif); background-position:left; background-repeat:repeat-y;}
.bulletList, .bulletList li{ padding-top:10px; line-height:20px;}
.centeredTable{margin-left:auto; margin-right:auto;}
.subContentHolder{ padding-top:19px; width:100%; height:100%;}

/*************** FONTS ***********/
.BlueFont1, .BlueFont1 a{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.BlueFont1 a:hover{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}
.BlueFont2, .BlueFont2 a{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.BlueFont2 a:hover{color:#2e75ad; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
.BlueFont3, .BlueFont3 a{color:#004481; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.BlueFont3 a:hover{color:#004481; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
.GoldFont14{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#a18d44;}
.GoldFont18{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#a18d44;}
.AquaFont14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#00b5cc ;}
.headerMain{font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight:bold; color:#f2e09e; line-height:26px;}
.headerMainSmall{font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; color:#f2e09e; line-height:26px;}
.header1{ color:#fbf5bf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; font-style:italic;}
.header2{ color:#fbf5bf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.header3lightBlue{ color:#498ec0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.header4lightBlue{ color:#498ec0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.header3darkBlue{ color:#004481; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.finePrint{color:#fbf5bf; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px;}
.ValidatorAsterisk{color:Red; font-size:14px; font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif;}
.ValidatorText{color:#FF0000 !important; font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.ValidatorText2{color:#FF0000 !important; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.ValidatorText3{color:#FF0000 !important; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.greenFont1{ color:#5ad951; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.linkLightBlue, .linkLightBlue a{ color:#498ec0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.linkLightBlue a:hover{ color:#498ec0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
.linkOnWhite a:hover{ color:#498ec0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}

.calculatorGray{color:#d7d7d7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.calculatorBlue{color:#38bdea; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}


/*************** TOP SECTION REDO ***********/
.TopNavDiv{height:98px; width:892px; background-image:url(../images/bg_logoNav_home2.jpg); background-repeat:no-repeat; background-position:top;}
.TopNavDivSub{height:330px; width:892px; background-image:url(../images/bg_sub_headPiece.jpg); background-repeat:no-repeat; background-position:top;}

/*************** TOP BAR ***********/
.topBarTd1{width:617px; height:25px; padding-bottom:5px; padding-top:8px; padding-right:6px; text-align:right;}
.topBarTd1LoggedIn{width:835px; height:25px; padding-bottom:5px; padding-top:8px; padding-right:6px; text-align:right;}
.topBarTd2{width:112px; text-align:right; vertical-align:top; padding-top:6px; padding-right:7px;}
.topBarTd3{width:106px; text-align:right; vertical-align:top; padding-top:6px; padding-right:4px;}
.topBarTd4{width:57px; vertical-align:top; padding-top:5px;}


.flagTd{ width:892px; height:24px; text-align:right;}

/*************** LOGO NAV ***********/
.loginRowOn{height:38px; width:892px; background-image:url(../images/bg_logoNav_loginOn.jpg); background-repeat:no-repeat;}
.loginRowOff{height:38px; width:892px; background-image:url(../images/bg_logoNav_loginOff.jpg); background-repeat:no-repeat;}
.logoNavTbl{width:892px; height:98px;}
.logoNavTbl, .logoNavTbl a{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; text-decoration:none;}
.logoNavTbl a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; text-decoration:underline;}
.logoNavLeftTd{height:74px; width:310px; padding-left:5px;}
.navMiddleSpacer{width:280px;}
.logoNavRightTd{}

/*************** HOME PAGE ***********/
.homeBgSlice1{width:47px; height:24px; background-image:url(../images/bg_slice_home_01.gif);}
.homeBgSlice2{width:47px; height:24px; background-image:url(../images/bg_slice_home_02.gif);}
.homeBgSlice3{width:47px; height:285px; background-image:url(../images/bg_slice_home_03.gif); background-repeat:repeat-y;}
.homeBgSlice4{width:47px; height:285px; background-image:url(../images/bg_slice_home_04.gif); background-repeat:repeat-y;}
.homeBgSlice5{width:47px; height:32px; background-image:url(../images/bg_slice_home_05.gif);}
.homeBgSlice6{width:47px; height:32px; background-image:url(../images/bg_slice_home_06.gif);}
.homeBgSlice7{width:892px; height:48px; background-image:url(../images/bg_slice_home_07.gif); background-position:top; background-repeat:no-repeat;}
.homeBluPanelTbl{width:892px; height:189px;}
.homeBluPanelTd1{width:53px; height:189px; background-image:url(../images/bg_slice_home_08.gif);}
.homeBluPanelTd2{width:786px; height:189px; background-image:url(../images/bg_slice_home_10.gif);}
.homeBluPanelTd3{width:53px; height:189px; background-image:url(../images/bg_slice_home_09.gif);}
.homeBluPanelTd4{height:29px; background-image:url(../images/bg_slice_home_11.gif);}

/*************** SUBPAGE MASTER ***********/
.subHeadPieceTbl{ width:892px; height:368px; background-image:url(../images/bg_sub_headPiece.jpg); background-position:top; background-repeat:no-repeat;}
.subTopBarTd1{width:612px; height:32px; padding-top:8px; padding-right:6px; text-align:right;}
.subTopBarTd2{width:218px; background-image:url(../images/bg-loginBoxes.gif); background-repeat:no-repeat; 
	text-align:right; vertical-align:top; padding-top:4px; padding-right:5px;}
.subTopBarTd3{width:57px; vertical-align:top; padding-top:5px;}
.subFlagTd{ width:892px; height:23px; text-align:right; padding-right:0px;}
.subNavTbl{width:892px; height:74px;}
.subContentHolder{ padding-top:30px; width:100%;}

/*************** SPLASH PAGE ***********/
.splash_Body{background-color: #01245c; height: 100%;}
.splash_mainTable{margin-left:auto; margin-right:auto; height:100%;}
.splash_mainTableSideStripes{width:1px; background-color:#0158a7;}
.splash_mainTable_CenterCol{vertical-align:top; width:706px; background-image:url(../images/bg_splashGrad.gif); background-position:top;}
.splash_td01{width:98px;}
.splash_td02{width:518px; height:293px; background-image:url(../images/img_splashLogo.jpg);}
.splash_td02_es{width:518px; height:293px; background-image:url(../images/es/img_splashLogo.jpg);}
.splash_td03{width:90px;}
.splash_td04{background-image:url(../images/bg_splash_slice_01.jpg); width:706px; height:57px;}
.splash_td04_es{background-image:url(../images/es/bg_splash_slice_01.jpg); width:706px; height:57px;}
.splash_stayInformedTD{background-image:url(../images/bg_splash_slice_02.jpg); width:82px; height:268px;}
.splash_td05{background-image:url(../images/bg_splash_slice_03.jpg); width:82px; height:268px;}
.splash_rulesHdr{background-image:url(../images/bg_splash_slice_05.jpg); width:706px; height:75px;}
.splash_rulesHdr_es{background-image:url(../images/es/bg_splash_slice_05.jpg); width:706px; height:75px;}
.splash_td06{background-image: url(../images/bg_splash_slice_10.jpg); background-repeat:repeat-y; width: 82px;}
.splash_td07{background-image: url(../images/bg_splash_slice_07.jpg); background-repeat:no-repeat; width:82px; height: 141px; background-position:top;}
.splash_td08{background-image: url(../images/bg_splash_slice_11.jpg); background-repeat:repeat-y; width: 82px;}
.splash_td09{background-image: url(../images/bg_splash_slice_08.jpg); background-repeat:no-repeat;
                  width:82px; height: 141px; background-position:top;}
.splash_td10{background-image:url(../images/bg_splash_slice_12.jpg); height:32px;}
.splash_btmCopyRight{padding-top:10px; text-align:center; background-color:#00316b;}
.splash_btmLinks{ padding-top:5px; padding-bottom:15px; text-align:center; background-color:#00316b;}

.splash_panel1Td{background-image:url(../images/bg_splash_slice_04.jpg); width:542px; height:268px; vertical-align:top;}
.splash_panel2Td{width: 542px; background-image: url(../images/bg_splash_slice_09.jpg); background-repeat: repeat-x;
                  background-position: top; background-color: #00346e; padding-top:20px; padding-bottom:20px; padding-left:12px; padding-right:12px;}
.splash_panel1Tbl{ width:542px; height:268px;}
.splash_panel1_td1{ width:225px; padding-left:13px;}
.splash_panel1_td2{ padding-right:13px; text-align:right; font-weight:bold; font-size:12px; padding-top:4px;}
.splash_panel1_td3{ padding-bottom:9px; padding-top:22px; padding-left:13px;}
.splash_panel1_td4{ vertical-align:bottom; padding-bottom:10px; padding-left:13px; padding-right:13px; text-align:center;}
.splash_panel1_td5{ width:194px;}
.splash_itemSpacer{ height:10px;}
.splash_prizeTbl{ margin-left:auto; margin-right:auto;}
.splash_prizeTbl TD{ padding-top:7px; text-align:center; padding-left:15px; padding-right:15px;}
.splash_validWarningTd{ text-align:center; vertical-align:middle;}

.splash_RulesDetailTD{ padding-left:25px; padding-right:25px; padding-top:25px; padding-bottom:20px;}


/*************** PHOTO EXAMPLES PAGE ***********/
.photoEx_tbl{ width:788px; height:378px; background-image:url(../images/bg_photoExample.jpg); background-repeat:no-repeat; background-position:top;}
.photoEx_tblHldr{ width:788px; background-image:url(../images/bg_photoExample2.jpg); background-repeat:repeat-y; margin-left:auto; margin-right:auto;}
.photoEx_btmTd{ width:788px; height:38px; background-image:url(../images/bg_photoExample3.jpg); background-repeat:no-repeat; background-position:bottom;}
.photoEx_topSpcr{ padding-top:28px;}
.photoEx_picTD{ width:166px; height:265px; text-align:center;}
.photoEx_txtTD{ width:166px; text-align:center; padding-bottom:10px; padding-top:10px;}
.photoEx_picSpacer{ width:15px;}
.photoEx_picSpacerL{width:40px;}
.photoEx_picSpacerR{width:39px;}

.PhotoTable{ width: 154px;}
.PhotoTableProgressive{}
.PhotoProgSpacer{ width:11px;}
.PhotoTable td{text-align:center;}
.PhotoUploadTable{width:350px;}
.PhotoUploadTable td{text-align:center;}
.PhotoFormLeftTD{ width:150px; vertical-align:middle !important; text-align:right !important;}
.PhotoFormRightTD{ width:200px; vertical-align:middle !important; text-align:left !important;}
.PhotoInfoTD{ padding-left:5px; padding-right:5px; width: 154px;}
.PhotoInfoRepeaterTBL{ padding-left:5px; padding-right:5px; width: 154px; float:left;}
.PhotoInfoProgressiveTD{width:672px; padding-left:5px; padding-right:5px;}
.PhotoTitle{ height: 30px; vertical-align:middle !important; text-align:center;}
.PhotoImg{ height: 199px; vertical-align:middle !important; text-align:center;}
.PhotoBtn1{ height: 26px; vertical-align:middle !important; text-align:center;}
.PhotoSpacer{ height: 10px;}


/*************** SIGNUP PAGE ***********/
.newUserTbl{ width:386px; height:280px; background-image:url(../images/bg_signup_slice_02.jpg); background-repeat:repeat-x;}
.newUserTbl td{ text-align:center;}
.signupSlice_01{ width:15px; background-image:url(../images/bg_signup_slice_01.jpg); background-repeat:no-repeat;}
.signupSlice_03{ width:11px; background-image:url(../images/bg_signup_slice_03.jpg); background-repeat:no-repeat;}
.signupSlice_07{ width:360px; height:17px; background-image:url(../images/bg_signup_slice_07.jpg); background-position:bottom; background-repeat:no-repeat;}

.signupTd_01{ height:52px; vertical-align:middle;}


/*************** LOGIN PAGE ***********/
.loginMsgTable{text-align:center; margin-left:auto; margin-right:auto;}
.loginBoxTbl{width:356px; height:159px; background-image:url(../images/bg_login_loginBox.jpg); margin-left:auto; margin-right:auto;}
.loginBoxTopSpacer{height:28px;}
.loginBoxLeftTD{ width:40%; height:30px; text-align:right; vertical-align:middle; padding-right:10px;}
.loginBoxRightTD{ width:60%; height:30px; vertical-align:middle; text-align:left; padding-right:30px;}
.loginBoxBtnTD{ text-align:center; height:20px; padding-top:10px;}

/*************** FORM STYLES ***********/
.formLabelTD{ text-align:right;}
.formFieldTD{ text-align:left;}


/*************** COMMUNITY ***********/
.comListPhotoTdOn{ background-color:Green;}
.comListPhotoTdOff{ background-color:Red;}
.comListJournalTdOn{ background-color:Green;}
.comListJournalTdOff{ background-color:Red;}
.comListGoalTdOn{ background-color:Green;}
.comListGoalTdOff{ background-color:Red;}

.viewCommentLink, .viewCommentLink a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#498ec0; text-decoration:none;}
.viewCommentLink a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#498ec0; text-decoration:underline;}
.leaveCommentLink, .leaveCommentLink a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#498ec0; text-decoration:none;}
.leaveCommentLink a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#498ec0; text-decoration:underline;}
.commentsItemSpacer{height:40px;}
.commentsItemSpacerSm{ height:20px;}

/*--------------- PROFILE COMMENTS -----------------*/
.commentTD{ border-bottom: 1px solid #d5eafa;  padding: 10px 0px 10px 0px; width:90%;}
.commentTD2{ border-bottom: 1px solid #d5eafa;  padding: 10px 2px 10px 0px;}
.commentControlsTD{ border-bottom: 1px solid #d5eafa;  padding: 10px 2px 10px 0px; width:10%; height:50%; text-align:center; vertical-align:middle;}

.mainEntryBlueBox{ background-color:#ecf7ff; border: 1px solid #d5eafa;  padding: 4px 8px 0px 8px;}
.mainEntryTextTD{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#02255d; padding: 6px 0px 6px 0px}

/*--------------- BMI CALCULATOR -----------------*/
.BmiCalcTbl{width:240px; height:278px; text-align:center; background-image:url(../images/img_calculator.jpg); margin-left:auto; margin-right:auto;}
.BmiCalcLegendTbl{ float:right; padding:10px 5px 25px 25px;}
.BmiCalcLegendTbl td{ text-align:center; padding:0px 4px 2px 4px; background-color:#ebebeb; border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:3px;}
.bmiCalcResultContainers{padding: 8px 12px 20px 12px;}

/*  -- Dynamic Drive tooltip skinning -- */
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #3a81ad;
padding: 2px 0px 2px 0px;
text-align:center;
background-color: #1d5087;
visibility: hidden;
font-size:9px;
vertical-align:middle;
z-index: 100;}