/*Reset styles - Thanks Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
/*background: transparent;*/ /*commented to allow mootools tool tips to work in IE*/
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
html, body{font: 12px/1.5 "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";}
body {background:url(/images/bg.jpg) repeat-x top;}
a {color:#000033; cursor:pointer;}
p {color:#000033;}
h1 {background:#f4fee6; padding:1px 3px 1px 8px; font-size:17px; font-weight:bold; color:#000033; margin-bottom:20px;}
strong{ font-weight:bold;}
.red{color:#cc0000;}
.green{color:#006600;}
a.howTo{color:#000033; font-size:9px; text-decoration:none; font-weight:normal;}
#pageContainer{width:770px; margin:0 auto; }
.logo {float:left; margin:0 0 0 15px;}
/* Menu styles */
/* Slidding Doors technique for tabs */
/* Global navigation - located at the very top of the totaller */
#global{float:left; font-size:11px; margin:0; padding:6px 0 0 0; list-style:none; height:33px; width:100%;}
#global li {float:left; background:url("../images/topnav_blue_lhs.gif") no-repeat left top; margin:0; padding:0 2px 0 6px;}
#global a {float:left; display:block; background:url("../images/topnav_blue_rhs.gif") no-repeat right top; padding:8px 10px 2px 6px; text-decoration:none; font-weight:bold; color:#000033; height:27px!important; height:; /* This fixes a big with IE and also provide proper height in Safari */}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#global a {float:none;}
/* End IE5-Mac hack */
#global a:hover {color:#fff;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#secondLevelNav a, #secondLevelNav .tab a {float:none;}
/* End IE5-Mac hack */
#secondLevelNav a:hover, #secondLevelNav .tab a:hover, #secondLevelNav .fav a:hover, #secondLevelNav .usu a:hover {color:#4c7411; }
/* Active styles for global navigation */
body#home #global .home {background-image:url("../images/topnav_white_lhs.gif");}
body#home #global .home a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#my_progress #global .profile {background-image:url("../images/topnav_white_lhs.gif");}
body#my_progress #global .profile a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#details #global .profile {background-image:url("../images/topnav_white_lhs.gif");}
body#details #global .profile a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#totaller_daily_summary #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#totaller_daily_summary #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#totaller_food_itens #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#totaller_food_itens #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#totaller_exercise #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#totaller_exercise #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#totaller_meals #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#totaller_meals #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#totaller_editMeals #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#totaller_editMeals #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#totaller_create_meals #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#totaller_create_meals #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#favorites_meals #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#favorites_meals #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#favorites_foodItems #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#favorites_foodItems #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#favorites_exercise #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#usuals_meals #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#usuals_meals #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#usuals_foodItems #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#usuals_foodItems #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#usuals_exercise #global .totaller {background-image:url("../images/topnav_white_lhs.gif");}
body#usuals_exercise #global .totaller a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#portion #global .portion {background-image:url("../images/topnav_white_lhs.gif");}
body#portion #global .portion a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#help #global .help {background-image:url("../images/topnav_white_lhs.gif");}
body#help #global .help a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#takeatour #global .takeatour {background-image:url("../images/topnav_white_lhs.gif");}
body#takeatour #global .takeatour a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#login #global .logout, body#details.registrationPage #global .logout {background-image:url("../images/topnav_white_lhs.gif");}
body#login #global .logout a, body#details.registrationPage #global .logout a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
body#logOut #global .logout {background-image:url("../images/topnav_white_lhs.gif");}
body#logOut #global .logout a {background-image:url("../images/topnav_white_rhs.gif"); color:#4c7411; padding-bottom:5px;}
#global .logout a{color:#000033;}
#global .logout a:hover{color:#fff;}
/* Second Level Navigation */
#secondLevelNav{ float:right; width:470px; height:33px; margin-top: 20px;}
/* all lists */
#secondLevelNav, #secondLevelNav ul {padding: 0; list-style: none; line-height: 1;}
#secondLevelNav .sub {display: block; width: 6.4em; border:1px solid white; margin:-4px 0 0 0!important; margin:0; padding:2px 4px 6px 4px; background:#ffaf35; text-decoration:none;}
/* all list items */
#secondLevelNav li{float: left;}
/* second-level lists */
#secondLevelNav li ul {position: absolute; width: 6.4em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
.navSpacer {height:37px!important; height:33px; width:0;}
.marLeft{margin-left:-10px;}
/* third-and-above-level lists */
#secondLevelNav li ul ul {margin: -18px 0 0 86px!important; margin: -22px 0 0 86px;}
#secondLevelNav li:hover ul ul, #secondLevelNav li:hover ul ul ul, #secondLevelNav li.sfhover ul ul, #secondLevelNav li.sfhover ul ul ul {left: -999em;}
/* lists nested under hovered list items */
#secondLevelNav li:hover ul, #secondLevelNav li li:hover ul, #secondLevelNav li li li:hover ul, #secondLevelNav li.sfhover ul, #secondLevelNav li li.sfhover ul, #secondLevelNav li li li.sfhover ul {left: auto;}
/* these styles control the favourites and usual tabs */
#secondLevelNav li.fav {float:left; background:url("../images/2nd_level_nav_lhs.gif") no-repeat left top; margin:0; padding:0 2px 0 9px;}
#secondLevelNav a.fav {float:left; display:block; background:url("../images/2nd_level_nav_rhs.gif") no-repeat right top; padding:15px 0px 5px 0; text-decoration:none; font-weight:bold; color:#000033; width:68px; height:13px /* This fixes a big with IE */}
#secondLevelNav li.usu {float:left; background:url("../images/2nd_level_nav_lhs.gif") no-repeat left top; margin:0; padding:0 2px 0 9px;}
#secondLevelNav a.usu {float:left; display:block; background:url("../images/2nd_level_nav_rhs.gif") no-repeat right top; padding:15px 0px 5px 0; text-decoration:none; font-weight:bold; color:#000033; width:68px; height:13px /* This fixes a big with IE */}
#secondLevelNav li.tab { float:left; background:url("../images/2nd_level_nav_lhs.gif") no-repeat left top; margin:0; padding:0 2px 0 6px;}
#secondLevelNav a.tab {float:left; display:block; background:url("../images/2nd_level_nav_rhs.gif") no-repeat right top; padding:15px 6px 5px 0; text-decoration:none; font-weight:bold; color:#000033; height:13px; /* This fixes a big with IE */}
/*Classes for the second level navigation on the profile page*/
#secondLevelNav li.tab_details, #secondLevelNav li.tab_progress{float:left; background:url("../images/2nd_level_nav_lhs.gif") no-repeat left top; margin:0; padding:0 2px 0 9px;}
#secondLevelNav a.tab_details, #secondLevelNav a.tab_progress {float:left; display:block; background:url("../images/2nd_level_nav_rhs.gif") no-repeat right top; padding:15px 8px 5px 0; text-decoration:none; font-weight:bold; color:#000033; height:13px; /* This fixes a big with IE */}
#secondLevelNav a.tab_details:hover, #secondLevelNav a.tab_progress:hover{color:#4c7411;}
/*Change the color on the second level nav*/
body#details #secondLevelNav li.tab_details, body#my_progress #secondLevelNav li.tab_progress {background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#details #secondLevelNav a.tab_details, body#my_progress #secondLevelNav a.tab_progress {background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#totaller_daily_summary #secondLevelNav li.daily_summary{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#totaller_daily_summary #secondLevelNav a.daily_summary{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#totaller_food_itens #secondLevelNav li.food_itens{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#totaller_food_itens #secondLevelNav a.food_itens{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#totaller_exercise #secondLevelNav li.exercise{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#totaller_exercise #secondLevelNav a.exercise{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#totaller_meals #secondLevelNav li.meals{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#totaller_meals #secondLevelNav a.meals{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#totaller_create_meals #secondLevelNav li.meals{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#totaller_create_meals #secondLevelNav a.meals{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#favorites_meals #secondLevelNav li.fav{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#favorites_meals #secondLevelNav a.fav{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#favorites_foodItems #secondLevelNav li.fav{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#favorites_foodItems #secondLevelNav a.fav{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#favorites_exercise #secondLevelNav li.fav{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#favorites_exercise #secondLevelNav a.fav{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#usuals_meals #secondLevelNav li.usu{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#usuals_meals #secondLevelNav a.usu{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#usuals_foodItems #secondLevelNav li.usu{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#usuals_foodItems #secondLevelNav a.usu{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
body#usuals_exercise #secondLevelNav li.usu{background:url("../images/2nd_level_nav_active_lhs.gif") no-repeat left top;}
body#usuals_exercise #secondLevelNav a.usu{background:url("../images/2nd_level_nav_active_rhs.gif") no-repeat right top; color:#FFF;}
/* end */
/* styles for calendar */
#calendarContainer {width:111px; height:120px; float:right; margin:0;}
#calendarContainer a{ text-decoration:none;}
.calendar {background:#f7efe5; font-size:10px; position:relative;}
.calendar th{border:1px solid #fff; background:#ab600f; color:#fff; text-align:center;}
.calendar td{border:1px solid #fff; text-align:center; font-size:9px; width:14px; line-height:14px;}
.calendar td.selected{background:#ddd4cb;}
.calendar td.selected a{color:#f00;}
.month{width:111px; text-align:center;}
.month td{border:none; text-align:center; width:103px; background:#ebd9c5;}
.month td.leftArrows{border:none; padding-left:2px; width:4px;}
.month td.rightArrows{border:none; padding-right:2px; width:4px;}
/* styles for contentArea */
#contentArea {width:770px; margin-top:70px; float:left;}
#contentArea h1 a{font-size:.6em; font-weight:bold; color:#8d011c;}
#contentArea h1 a.mealName{font-size:15px; color:#4c7411; margin:0 10px; text-decoration:none; cursor:default;}
#contentArea h1 a.howTo{position:absolute;top:270px;left:50%;margin-left:240px;padding-left:20px;width:140px;height:25px; font-weight:700;}
#contentArea h1 a.howTo img{display:none;}
#contentArea h1 input{background:#fff; border-top:1px solid #e4e2de; border-left:1px solid #e4e2de; font-size:11px; font-weight:bold; margin-right:10px; width:150px; height:17px;}
#contentArea h1 a.whatIs{font-size:10px; float:right; width:150px; margin-top:-20px; color:#333333; text-decoration:underline; text-align:right;}
#contentArea p.whatIs{width:754px; border:1px solid #d3cdab; padding:10px; margin-bottom:10px;}
#global span.poweredby{display:block; width:205px; height: 24px; background:none; float:right; padding:0; margin:0;}
#global span.poweredby a{text-indent:-10000px; overflow:hidden; width:205px; height: 24px; background:url(../images/powered_by_logo.gif) no-repeat 10px 5px; padding:0; margin:0;}
/*Footer styles*/
#footer{width:760px; float:left; border-top:1px solid #d1cfa9; margin-top:20px; padding-top:15px;}
#footer h3{display:none;}
#footer ul{width:770px; text-align:center; margin-bottom:5px;}
#footer ul li{display:inline; padding:0;}
#footer ul li a{color:#46863c; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer p{text-align:center;}
/* Tips Css */
.tool-tip {color: #fff; width:280px; z-index: 13000;}
.tool-title {font-weight: bold; font-size: 11px; margin: 0; color: #ffaf35; padding: 8px 8px 4px; background: url(bubble.png) top left;}
.tool-text {font-size: 11px; padding: 4px 8px 8px;background: url(bubble.png) bottom right;}
.optionalField { color: #FF0000; font-size: 16px; font-weight: bold; }
.optionalFieldText { color: #FF0000; font-size: 10px; font-weight: normal; }