#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #999!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; background-color: #fff; height: 100%}
#MB_header {margin: 0; padding: 0}
#MB_content {padding: 6px .75em; overflow: auto}
#MB_utilities {position: absolute; right: 50px; top: 5px; font-size: 0.75em}
#MB_utilities.menu ul {position: relative}
#MB_utilities.piped li {border-left: 1px solid #fff; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; text-shadow: #000 0 1px 0}
#MB_utilities.menu a {color: #fff }
#MB_utilities.menu a:hover {color: #f9c33b}
#MB_caption {text-shadow: #000 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; font-weight: bold; font-size: 100%}
#MB_close {display: block; position: absolute; right: 0px; top: 5px; padding: 0px 10px; font-weight: bold; text-decoration: none; text-shadow: #000 0 1px 0; color: #fff}
#MB_close:hover {background: transparent; text-decoration: underline}
#MB_loading {padding: 1.5em; text-indent: -10000px; background: #fff url(/images/spinner.gif) 50% 0 no-repeat}
#MB_frame {padding-bottom: 1px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_window {background-color: #fff; color: #000; -webkit-box-shadow: 0 8px 32px #000; -moz-box-shadow: 0 0 32px #000; box-shadow: 0 0 32px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_content {border-top: 1px solid #F9F9F9}
#MB_header {background: #fff url(/images/overlay-header-bg.gif) repeat-x; height: 44px}
#MB_caption {color: #fff}
#MB_close {color: #fff}
.MB_alert {margin: 10px 0; text-align: center}
html {font-size: 100%}
body {background: #ECECEC url('/images/masthead-background_versioned_1.0.gif') repeat-x left top; margin: 0; padding: 0; font-family: Arial, Sans-Serif; font-size: 0.75em; line-height: 1.5em}
img.photo {padding: 0}
table {font-size: 100%}
#container {background: #ECECEC url('/images/content-background_versioned_1.0.gif') repeat-y 45px top; margin: 0 auto; padding: 0; width: 950px; position: relative}
h1 {font-family: 'Arial Black', Arial, Sans-Serif; font-weight: bold}
h1 {background: url('/images/h1-underscore_versioned_1.0.gif') no-repeat left bottom; padding: 10px 0 17px 0; line-height: 1em; font-size: 2em; color: #232371}
#heading h1 {padding: 10px 0 17px 0}
.subtitle {color: #0077C7; font-family: Arial, sans-serif; font-size: 60%; display: block}
h2 {font-size: 1.25em; color: #0077C7}
h3 {font-size: 1.15em; color: #0077C7}
h4 {font-size: 1.1em; color: #232371}
.overview_graphs {font-size: .80em; font-weight: bold; color: #232371 }
div.sidebar strong {color: #FFF}
.subhead {font-size: 1.1em; font-weight: bold; color: #0077C7}
a {font-size: 1em; color: #0077C7; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: none }
#masthead {background: #ECECEC url('/images/masthead-background_versioned_1.0.gif') repeat-x left top; height: 95px}
#logo {float: left; margin: 0; padding: 18px 20px 0 50px; width: 187px; text-align: left}
#logo img {border: none}
#announcement {position: absolute; top: 92px; left: 90px}
#announcement, #announcement a {color: #777}
#announcement a {font-weight: bold}
#navigation {background: #ECECEC url('/images/masthead-background_versioned_1.0.gif') repeat-x 0 -63px; float: right; line-height: 1em; font-size: 1.1em; width: 90%; margin-top: 5px; margin-right: 50px; position:relative; z-index:90}
#navigation ul {float: right; margin: 0; padding: 0; list-style: none}
#navigation ul li {display: inline}
#navigation a {float: left; background: url("/images/tab-left_versioned_1.0.gif") no-repeat 0 -71px; margin: 0; padding: 0 0 0 6px; font-size: 12px; color: #232371; text-align: center}
#navigation a span {float: left; display: block; background: url("/images/tab-right_versioned_1.0.gif") no-repeat 100% -71px; height: 26px; padding: 3px 6px 0 0; cursor: pointer; font-weight: bold}
#navigation li.active a {background-position: 0 -1px}
#navigation li.active a span {background-position: 100% -1px}
#navigation a:hover {background-position: 0% -36px; text-decoration: none}
#navigation a:hover span {background-position: 100% -36px}
#navigation li.active a:hover span {background-position: 100% -1px}
#navigation li.active a:hover {background-position: 0% -1px}
#navigation li.active a:hover span {background-position: 100% -1px}
#sub-navigation {padding: 0}
#sub-navigation a {padding: 0 8px}
#sub-navigation ul {margin: 0; padding: 0; list-style: none}
#sub-navigation ul li {display: inline; color: #ECECEC}
ul li.selected a {font-size: 1.2em; color: #B4D011}
#welcome-area {float: left; width: 67%; margin-top: 40px; position:relative}
#welcome {font-weight: bold; font-style: italic; color: #FFF; float: right; width:92%; right:60px; bottom:0; position:absolute; text-align:right}
#welcome p {margin: 0}
#welcome a {font-style: normal; font-weight: bold; font-size: 1em; color: #B2D5EC}
#auth {float: right; margin-left: 25px}
#auth a {font-style: normal; font-weight: bold; font-size: 1em; color: #B2D5EC}
#heading {clear: both; float: left; width: 550px; padding: 0 25px 0 90px; border-right: 2px solid #ECECEC}
#org-logo {float: left; padding: 0 45px 0 0; width: 196px; text-align: center}
#header {clear: both; background: #ECECEC url('/images/header-background_versioned_1.0.gif') no-repeat 45px top; margin: 0; width: 950px; height: 25px}
#footer {clear: both; background: #ECECEC url('/images/footer-background_versioned_1.0.gif') no-repeat 45px top; margin: 0 auto; padding: 27px 0 5px 0; width: 950px; height: 20px; font-size: 0.9em; text-align: center}
#footer a {color: #000}
#footer a:hover {color: #FFF}
#main-content {clear: both; float: left; width: 550px; padding: 8px 25px 1px 90px; border-right: 2px solid #ECECEC; position: relative}
#utilities {position: absolute; top: -20px; right: 31px; width: 200px; text-align: right}
#side-bar {float: left; padding-left: 15px; width: 210px}
#side-bar ul {list-style-type: square; padding: 0 0 0 25px; margin: 0}
#side-bar ul li {color: #000; padding: 3px 0}
#heading {border: none}
.error {color: #E00000}
label {display: block}
label.inline {display: inline}
div.button-row {width: 100%; text-align: center; margin: 0 auto}
div.button-row div.center {text-align: center; width: 50%; margin: 0 auto}
div.button-row div.center div.button {display: inline; float: left}
div.button a, div.button-row div.center div.button a {float: left; background: url("/images/button-left_versioned_1.0.gif") no-repeat 0 0; margin: 0; padding: 0 0 0 27px; font-size: 1em; font-weight: bold; color: #232371; text-align: center}
div.button a span, div.button-row div.center div.button a span {float: left; background: url("/images/button-right_versioned_1.0.gif") no-repeat 100% 0; height: 25px; padding: 7px 27px 0 0; cursor: pointer}
div.button a:hover span, div.button-row div.center div.button a:hover span {background-position: 100% -32px}
div.button a:hover, div.button-row div.center div.button a:hover {background-position: 0% -32px; text-decoration: none}
div.button a:hover span, div.button-row div.center div.button a:hover span {background-position: 100% -32px}
div.button-row div.center div.link {display: inline; float: left; padding: 6px 50px 0 0}
div.fieldset {margin: 0; padding: 0; width: 538px}
div.fieldset div.top {background: url('/images/reg-fieldset-top_versioned_1.0.gif') no-repeat left top; padding: 0 15px; width: 508px; height: 20px; overflow: hidden}
div.fieldset div.main {background: url('/images/reg-fieldset-background_versioned_1.0.gif') repeat-y left top; padding: 0 15px; width: 508px}
div.fieldset div.main p.legend {font-size: 1.2em; font-weight: bold; color: #232371; margin: 0; padding: 0 0 15px 0}
div.fieldset div.bottom {background: url('/images/reg-fieldset-bottom_versioned_1.0.gif') no-repeat left top; padding: 0 15px 15px 15px; width: 508px; height: 20px; overflow: hidden}
div.reg-header {width: 508px; padding: 0 15px 15px 15px; text-align: center}
#help-tip-box {margin: 0; padding: 0; width: 251px}
#help-tip-box div.top {background: url('/images/help-tip-top_versioned_1.0.gif') no-repeat left top; margin: 0; padding: 0 10px; width: 231px; height: 20px}
#help-tip-box div.main {background: url('/images/help-tip-background_versioned_1.0.gif') repeat-y left top; margin: 0; padding: 0 10px; width: 231px}
#help-tip-box p {margin: 0; padding: 1em 0}
#help-tip-box div.main p.legend {margin: 0; padding: 0; font-size: 1em; font-weight: bold; color: #232371}
#help-tip-box div.bottom {background: url('/images/help-tip-bottom_versioned_1.0.gif') no-repeat left top; margin: 0; padding: 0 10px; width: 231px; height: 20px}
#chart-tip-box {position: absolute; filter: alpha( opacity = 60); opacity: 0.60}
#chart-tip-box div.top {background: url('/images/chart-infobox-top_versioned_1.0.gif') left top no-repeat; width: 200px; height: 5px; font-size: 1px}
#chart-tip-box div.main {background: #2E8FD1; padding: 0 5px; font-weight: bold; color: #FFF; width: 190px}
#chart-tip-box div.bottom {background: url('/images/chart-infobox-bottom_versioned_1.0.gif') left top no-repeat; width: 200px; height: 5px}
#upload-msg {width: 450px; padding: 0 0 0 40px; font-size: 1.1em; font-weight: bold}
#preview-wrapper {width: 450px; padding: 0 0 0 40px}
#upload-wrapper {width: 450px; padding: 40px 0 0 40px}
#upload-wrapper label {color: #232371; font-size: 1.1em; font-weight: bold}
#login {position: absolute; left: 377px; top: 4px; width: 523px; margin: 0; padding: 0; font-size: 1em}
#login div.top {margin: 0; padding: 5px 10px; width: 503px; background: url('/images/login-top_versioned_1.0.gif') no-repeat left top}
#login div.bottom {margin: 0; padding: 0 10px 5px 10px; width: 503px; height: 22px; background: url('/images/login-bottom_versioned_1.0.gif') no-repeat left top}
#login div.bottom div.left {float: left}
#login div.bottom div.left input.email {border: 1px solid #B4D011; margin: 0; padding: 0 2px; height: 16px; width: 148px; font-size: 0.85em}
#login div.bottom div.left input.password {border: 1px solid #B4D011; margin: 0; padding: 0 2px; height: 16px; width: 62px; line-height: 12px; font-size: 0.85em}
#login div.bottom div.button {float: left; margin: 0; padding: 0 5px}
#login div.bottom div.right {float: right; text-align: right; white-space: nowrap; padding: 0 5px; margin: 0}
#login div.bottom div.right input.remember {margin: 0; padding: 0 2px}
.sidebar {background: #232371 url('/images/sidebar-background_versioned_1.0.gif') repeat-x left bottom; color: #FFF; padding: 0 5px; border: 1px solid #232371}
table {border: 2px solid #CBCBCB; padding: 0; margin: 0; background-color: #FFF; border-collapse: collapse}
table thead tr th {background: #232371 url('/images/table-header_versioned_1.0.gif') repeat-x left top; color: #FFF; text-align: left; padding: 3px 7px; border-bottom: 1px solid #CBCBCB; font-weight: bold; font-size: 1.1em}
table tr td {padding: 3px 7px; border-left: 1px solid #CBCBCB}
table tbody tr td {font-size: 1em; vertical-align: top}
table tbody tr.even td {background-color: #FFF}
table tbody tr.odd td {background-color: #D9EBF7}
table tbody tr.selected td {background-color: #B4D011; color: #000}
table thead tr th a {color: #FFF}
table.form-table {border: none}
table.form-table tbody tr td {border: none}
table.form-table tfoot tr td {border: none}
table.form-table label {font-weight: bold; color: #232371}
table.form-table tbody tr td.left-col {width: 200px}
table.form-table tbody tr td.right-col {width: 320px}
table.form-table tr.heading {background: #232371 url('/images/table-header_versioned_1.0.gif') repeat-x left top; color: #FFF; text-align: left; padding: 3px 7px; border-bottom: 1px solid #CBCBCB; font-weight: bold; font-size: 1.1em}
table.report_filters td {border: none}
p.graph-legend {text-align: right}
p.graph-legend span.box {padding: 0 4px; border: 1px solid #232371}
p.graph-legend span.label {padding: 0 2px}
#options {margin-top: 12px; padding: 0}
#options a {padding: 0 8px}
#options ul {margin: 0; padding: 0; list-style: none}
#options ul li {display: inline; color: #ECECEC}
#options ul li.selected a {font-size: 1.2em; color: #B4D011}
select.ddl215 {width: 215px}
input.text215 {width: 215px}
input.text50 {width: 50px}
input.text80 {width: 80px}
img.overview {width: 170px; height: 120px; border: none}
img.chart {border: none}
table tbody tr.removing td {background-color: #ffff33}
div.bar {float: left; height: 12px; background: #0077C7; border: 1px solid #232371}
p.flash-upgrade {padding: 8px; border: 1px dotted #CBCBCB}
span.first {font-style: italic; font-size: 1.1em; color: #232371; font-weight: bold}
ol.move_items {list-style-position: inside }
.move_items li span {padding-left: 5px }
.move_items li {background-color: #FFF; margin-bottom: 5px; cursor: move; padding: 5px; margin-bottom: 1px; margin-left: -20px }
.move_items li a {cursor: hand}
.move_items li:hover {border-bottom: 1px dotted; margin-bottom: 0px }
.dynamic-search {float: left; height: 52px }
.second-criteria {float: left; margin-top: 3px; margin-right: 10px }
.second-criteria-label {margin-left: 73px }
.search-textbox {float: left; margin-top: 3px; margin-right: 10px}
.clear-link {float: left; margin-left: 10px; margin-top: 10px}
.search-feedback {float: right; margin-top: 25px}
.paged-navigation {margin-top: 10px; width: 300px}
.nav-container {float: left; clear: both; width: 300}
.paged-link {margin-right: 5px}
.page-size {float: right; margin-top: 10px }
.sorting_feedback {position: absolute; background-color: #202A79; color: white; font-size: 1.4em; filter: alpha( opacity = .75); -moz-opacity: .75; padding: 10px; font-weight:bold }
div.page-options {float: right; padding: 0 0 5px 15px}
div.clear-left {clear: left}
div.paging-rules {display: block}
.add-button {margin-left: 20px }
table.layout {border: none}
table.layout thead tr th, table.layout tbody tr td, table.layout tfoot tr td {border: none; padding: 0; margin: 0}
table.layout tbody tr.stats td {vertical-align: top; padding: 3px 0}
table.layout tbody tr td.stats {color: #232371; font-weight: bold; padding: 0 5px; white-space: nowrap; vertical-align: bottom}
td.step-image {width: 100px; height: 100px; text-align: center}
ul.left-aligned-bullets li, ol.left-aligned-bullets li {margin-left: -2em}
textarea {font-family: Arial, sans-serif; font-size: 1em}
input.disabled {}
input.required, textarea.required {}
input.validation-failed, textarea.validation-failed {}
input.validation-passed, textarea.validation-passed {}
.validation-advice {color: #E00000}
.custom-advice {color: #E00000}
.not-you {font-size: .5em; font-weight: normal}
#tool-tip {position: absolute; left: 100px; top: 100px; z-index: 9000; background: url('/images/tool-tip.gif') no-repeat; width: 253px; height: 66px; text-align: center; font-weight: bold}
#close-tool-tip {position: absolute; top: 21px; right: 9px}
#team_nav_tab {border: none}
select#promotion_id {width: 190px}
#searching_recipes {clear: both}
#results_list {z-index: 100000}
table.report_filters {width: 50px; font-size: 11px}
#notifications {border: 1px solid #D2E0E9; background-color: #D8E5ED; font-size: 1.1em; font-family: Arial, sans-serif}
#unread_count {background-color: #1F2C7A; color: #fff; font-weight: normal; font-size: .9em; border: 2px solid #B2D018; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
#notifications span {border-bottom: 1px dashed #276193}
#notifications span {background-color: #fff}
#notifications span.even {background-color: #E6F0B1}
#notifications div.header {background-color: #276193; color: #fff; font-weight: bold}
#notifications div.header a {color: #EE1D25 }
#notifications span.last {border: none}
#navigation #notifications_tab{ position:relative; height:26px; width:17px; overflow:hidden; background-color:#fff}
#navigation #notifications_tab span{ float:right; display:inline-block}
#navigation #notifications_tab.open span{ width:96%}
#navigation #notifications_tab.open:hover{ background: url("/images/tab-left_versioned_1.0.gif") no-repeat 0 -71px}
#navigation #notifications_tab.open:hover span{ background: url("/images/tab-right_versioned_1.0.gif") no-repeat 100% -71px}
#unread_count {text-align: center; width: 12px; position:absolute; right:-7px; top:11px}
#notifications {width: 20px; font-size:.8em; position:absolute; right:0; top:16px; height:20; overflow:hidden; z-index:90; border-top:none}
#notifications a{ background:none; color:#2E8FD1; float:none; font-size:1em; padding:0; text-align:inherit}
#notifications div.container{ padding:0; width:137px}
#notifications div.container span{ padding: 5px 5px; position: relative; width:127px; display:inline-block}
.chart-label{ padding:0 3px 3px 0; position:absolute}
.chart-label-main{ border: 2px solid #acacac; padding:5px 15px; background-color:#fff}
.chart-label-title{ font-size:1.1em; color:#222674; font-weight:bold}
.chart-label-text{ font-size:.8em; font-weight:bold}
span.date {font-size: .8em; font-weight: normal; color:#666666}
div.weigh-in-msg {border: 1px solid #19408f; padding: 4px}
div.nutrireward-x-axis-container{ margin-top: 10px; padding-right: 3px; float: left; width: 42px}
div.nutrireward-x-axis-top-label{ text-align: right; vertical-align: middle; margin-top: 7px; padding-top: 50px; height: 24px}
div.nutrireward-x-axis-second-from-top-label{ text-align: right; vertical-align: middle; padding-top: 27px; height: 64px}
div.nutrireward-x-axis-third-from-top-label{ text-align: right; vertical-align: middle; padding-top: 27px; height: 90px}
div.nutrireward-x-axis-fourth-from-top-label{ text-align: right; vertical-align: middle; padding-top: 0px; height: 54px}
div.nutrireward-x-axis-fifth-from-top-label{ text-align: right; vertical-align: middle; padding-top: 0px; height: 17px}
div#chart-tip-box {position:absolute; height: 28px; width: 238px; top: 20px; left: 468px; z-index: 9999; opacity:.6; filter: alpha(opacity=60)}
div.nutrireward-bars-container {background-image: url('/images/nutrireward-background.gif'); background-repeat: no-repeat; background-color: transparent; height: 366px; width: 718px; position: relative; vertical-align: bottom; float:left; overflow: hidden}
div.nutrireward-bar {width: 101px; position: relative; padding-top: 16px; float: left; margin-top: 43px}
img.nutrireward-bar-piece {float: left; clear: left}
div.nutrireward-bar-fill {float: left; width: 101px; height: 336px; position: relative; overflow: visible}
img.nutrireward-bar-cap {position: absolute}
div.nutrireward-days-container {clear: left; margin-left: 35px}
div.nutrireward-day{ float:left; clear: none; font-weight: bold; width: 101px; text-align: center}
.recipe-link {font-size: 1.1em; font-weight: bold}
.recipe-heading {font-size: 1.3em; font-weight: bold; color: #232371}
.daily-recipe{ float:left; clear:both; border-bottom: medium solid #b4d011; padding-bottom:10px }
.daily-recipe-description{ float:left; width:150px; margin-right:15px }
.daily-recipe-image{ float:left; width:175px; height:250px; overflow: hidden}
.browse-recipes{ float:left; width:175px; margin-left:25px }
.browse-recipes table tbody tr td.title {text-align: left; font-weight: bold; color: #232371}
.browse-recipes table tbody tr td{ text-align:center}
.video-recipe{ float:left; clear:both; margin-top:10px; width:100% }
.video-recipe div{ float:left }
.weekly-recipe{ width:400px; margin-left:15px }
.weekly-recipe p.recipe-heading{ margin-top:0px }
.recipe-image{ border:3px solid #b4d011; height:250px; width:250px; margin:5px; clear: both}
.ingredients ul{ padding-left:0px; margin-left:24px; margin-top:0px; list-style-position:inside }
.ingredients ul li{ margin-left: -2em}
.directions ol{ padding-left:0px; margin-left:24px; margin-top:0px; list-style-position:inside}
.directions ol li{ margin-bottom:5px; margin-left: -2em}
div.fieldset-recipe {margin: 0; padding: 0; width: 260px}
div.fieldset-recipe div.top {background: url('/images/recipe/recipe-fieldset-top_versioned_1.0.gif') no-repeat left top; padding: 0 15px; width: 230px; height: 10px; overflow: hidden}
div.fieldset-recipe div.main {background: url('/images/recipe/recipe-fieldset-main_versioned_1.0.gif') repeat-y left top; padding: 0 15px; width: 230px}
div.fieldset-recipe div.main p.legend {font-size: 1.2em; font-weight: bold; color: #232371; margin: 0; padding: 0 0 15px 0}
div.fieldset-recipe div.bottom {background: url('/images/recipe/recipe-fieldset-bottom_versioned_1.0.gif') no-repeat left top; padding: 0 15px 15px 15px; width: 250px; height: 20px; overflow: hidden}
.recipe-nav{ float:left; clear:both}
.recipe-preview{ float:left; clear:both; margin-bottom:20px; width:100%; border-bottom: 2px solid #ECECEC; padding-bottom:10px }
.recipe-preview img {margin: 8px}
.recipe-preview img.recipe-thumbnail{ height:75px; border: 2px solid #b4d011}
.recipe-preview-image{ float:left; margin:10px }
.recipe-preview-text{ float:left; padding-left: 10px }
.recipe-preview-title{ font-size:1.3em; font-weight:bold }
img.thumbnail {height: 60px; width: 60px; border: 1px solid #81c25e; margin-right: 5px}
div#results_list {float: left; z-index: 10000}
div#recipe-container img.photo {border: 2px solid #81c25e; margin-right: 5px}
div#results_list img.photo {height: 40px; width: 40px; border: 1px solid #81c25e; margin-right: 5px}
div#results_list td {vertical-align: top}
div#results_list table {border: none}
div#results_list table tbody tr.recipe td {padding: 5px 0}
div#results_list table tbody tr td {border: none}
.recipe-search-textbox{ float:left}
.recent-recipes-list{ margin-top:0px }
.recipe-upload{ float:left; clear:both; margin-top:25px}
.ingredient-cell{ padding-left:20px}
.recipe-order ul{ list-style-type:none }
.recipe-date-col{ margin-right:20px}
div.empty-row {background: #FFF; clear: both; line-height: 1em; font-size: 1em}
div.dbl-empty-row {background: #FFF; clear: both; line-height: 3em; font-size: 1em}
#entry-form .header {clear: both; color: #0077C7; font-size: 1em; font-weight: bold; text-align: center}
#left-column {clear: both; float: left; width: 350px; border-right: 2px solid #CCE7F5; padding: 0 0 0 10px}
#right-column {float: left; padding: 0 10px; width: 330px; border: 0px solid blue; position: relative}
#entry-table {border: none}
#entry label {display: inline}
.notes-label, #entry label {color: #232371; width: 100%; font-size: 1em; font-weight: bold; text-align: left}
.notes-label {text-align: left}
div#options-content-left textarea {width: 145px; height: 60px}
div#options-content-right input {width: 40px}
#entry-table tbody tr {border: none}
#entry-table tbody tr td {border: none}
#record-save-button {position: absolute; left: -15px; top: 270px}
#entry-table tbody tr td.nutrisum-score {color: #0077C7; font-size: 1.75em; font-weight: bold; text-align: right; width: 35px}
td.input {color: #232371; font-size: 1em; text-align: right; width: 35px}
#ns-points-line {position: relative; top: -4px; text-align: right}
div.fieldWithErrors input, div.fieldWithErrors textarea {background: #FCC}
td#score-label {width: 100%; padding: 0 0 0 8px}
#scoring {clear: both; width: 350px}
#scoring .row {clear: both; cursor: pointer}
#scoring .row a {padding-left: 8px; font-weight: bold; color: #0077C7}
#scoring .row a#help_link_breakfast {position: relative; top: 23px}
#scoring .row a#help_link_grains {position: relative; top: 23px}
#scoring .row a#help_link_produce {position: relative; top: 28px}
#scoring .row a#help_link_water {position: relative; top: 23px}
#scoring .row a#help_link_no_snack {position: relative; top: 20px}
#scoring .plus_sign {float: left; background: url('/images/record/plus-sign_versioned_1.0.gif') no-repeat top left; width: 25px; height: 50px}
#scoring .plus_sign_selected {background-position: 0 -50px}
#scoring .breakfast {float: left; background: url('/images/record/breakfast_versioned_1.0.gif') no-repeat top left; width: 44px; height: 44px}
#scoring .breakfast_hover {background-position: 0 -44px}
#scoring .breakfast_selected {background-position: 0 -88px}
#scoring .breakfast_sel_hover {background-position: 0 -132px}
#scoring .grains {float: left; background: url('/images/record/grains_versioned_1.0.gif') no-repeat top left; width: 46px; height: 46px}
#scoring .grains_hover {background-position: 0 -46px}
#scoring .grains_selected {background-position: 0 -92px}
#scoring .grains_sel_hover {background-position: 0 -138px}
#scoring .veg {float: left; background: url('/images/record/veg_versioned_1.0.gif') no-repeat top left; width: 50px; height: 50px}
#scoring .veg_hover {background-position: 0 -50px}
#scoring .veg_selected {background-position: 0 -100px}
#scoring .veg_sel_hover {background-position: 0 -150px}
#scoring .fruit {float: left; background: url('/images/record/fruit_versioned_1.0.gif') no-repeat top left; width: 50px; height: 50px}
#scoring .fruit_hover {background-position: 0 -50px}
#scoring .fruit_selected {background-position: 0 -100px}
#scoring .fruit_sel_hover {background-position: 0 -150px}
#scoring .water {float: left; background: url('/images/record/water_versioned_1.0.gif') no-repeat top left; width: 32px; height: 46px}
#scoring .water_hover {background-position: 0 -46px}
#scoring .water_selected {background-position: 0 -92px}
#scoring .water_sel_hover {background-position: 0 -138px}
#scoring .no_snack {float: left; background: url('/images/record/no-snack_versioned_1.0.gif') no-repeat top left; width: 40px; height: 40px}
#scoring .no_snack_hover {background-position: 0 -40px}
#scoring .no_snack_selected {background-position: 0 -80px}
#scoring .no_snack_sel_hover {background-position: 0 -120px}
#options-box {}
#options-box div.top {background: url('/images/record/options-top_versioned_1.0.gif') left top no-repeat; width: 327px; height: 18px; font-size: 1px}
#options-box div#options-content-left {float: left; border-left: 1px solid #7FC4E7}
#options-box div#options-content-right {float: left; border-right: 1px solid #7FC4E7; line-height: 20px}
#options-box div#options-content-right div.other-options {height: 30px}
#options-box div.content {background: #F1F9FC; color: #000; padding-left: 10px; width: 153px; height: 90px}
#options-box div.bottom {background: url('/images/record/options-bottom_versioned_1.0.gif') left top no-repeat; width: 327px; height: 14px; clear: both}
#complete-eval {position: relative; top: -80px; left: 270px; margin-bottom: -35px; width: 130px}
#complete-eval a {color: red; text-decoration: none}
#complete-eval a:hover {text-decoration: underline}
#scale{ position:relative; margin: 0 0 25px 0; height:200px}
span#id {width:209px; height:200px; display:inline-block}
#scale:hover{ cursor:pointer; cursor:hand}
#scale img{ position:absolute; border: none}
.measurement{ top:100px; position:absolute}
div#bg {height: 200px; width: 209px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/scale/scale_versioned_1.0.png')}
html > body div#bg {background: url('/images/scale/scale_versioned_1.0.png') no-repeat}
.top-copy{ position:absolute; left:44px; top:12px}
#lbs{ left:64px}
#kg{ left:74px}
.pos1{ left:39px; top:38px}
.pos2{ left:61px; top:38px}
.pos3{ left:83px; top:38px}
.pos4{ left:105px; top:38px}
.pos5{ left:127px; top:38px}
.pos6{ left:149px; top:38px}
div.cal table.cal-table {border: 2px solid #CBCBCB; padding: 0; margin: 0; background-color: #FFF; border-collapse: collapse}
div.cal table.cal-table thead tr th {background: #232371 url('/images/table-header_versioned_1.0.gif') repeat-x left top; color: #FFF; text-align: left; padding: 1px 3px; border-bottom: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
div.cal table.cal-table tfoot tr td {background: #232371 url('/images/table-header_versioned_1.0.gif') repeat-x left top; color: #FFF; text-align: left; padding: 1px 3px; border-top: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
div.cal table.cal-table tr td {padding: 1px 3px; border-left: 1px solid #CBCBCB; text-align: center}
div.cal table.cal-table tbody tr td {font-size: 0.8em}
div.cal table.cal-table tbody tr.even td {background-color: #FFF}
div.cal table.cal-table tbody tr.odd td {background-color: #D9EBF7}
div.cal table.cal-table thead tr th a {color: #FFF}
div.cal table.cal-table tbody tr td.not-month {background: #EEE}
div.cal table.cal-table tbody tr td.disabled {color: #CCC; text-decoration: line-through}
div.cal table.cal-table tbody tr td.selected {background: #B4D011; color: #000; font-weight: bold; font-size: 0.85em}
#date-nav {clear: both; position: relative}
#date-nav .heading {color: #232371; font-size: 1.5em; font-weight: bold}
#date-nav #cal-icon {padding: 0 5px}
#date-nav span.day-link {padding: 0 5px}
.cal{z-index:500}
.cal table {border: 2px solid #CBCBCB; padding: 0; margin: 0; background-color: #FFF; border-collapse: collapse}
.cal table thead tr th {background-color:#445B2A; color: #FFF; text-align: left; padding: 1px 3px; border-bottom: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
.cal table tfoot tr td {background-color:#445B2A; color: #FFF; text-align: left; padding: 1px 3px; border-top: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
.cal table tr td {padding: 1px 3px; border-left: 1px solid #CBCBCB; text-align: center}
.cal table tbody tr td {font-size: 0.8em}
.cal table tbody tr.even td {background-color: #FFF}
.cal table tbody tr.odd td {background-color: #C3CFB5}
.cal table thead tr th a {color: #FFF}
.cal table tbody tr td.not-month {background: #EEE}
.cal table tbody tr td.disabled {color: #CCC; text-decoration: line-through}
.cal table tbody tr.odd td.disabled {color: #FFF}
.cal table tbody tr.odd td.not-month {color: #CCC}
.cal table tbody tr td.selected {background: #DC8940; color: #FFF; font-weight: bold; font-size: 0.85em}
.widgToolbar a {display: block; width: 27px; height: 23px; overflow: hidden; background-repeat: no-repeat; text-indent: -1000em; text-decoration: none}
.widgToolbar a:hover {background-position: 0 -27px}
.widgToolbar a:active {background-position: 0 -54px}
ul.widgToolbar li {}
ul.widgToolbar li:before {content: ""}
ul.widgToolbar {list-style: none; margin: 0; padding: 0}
ul.widgToolbar li {display: inline; margin-left: 5px; text-indent: 0}
.widgToolbar li.on a, .widgToolbar li.on a:hover {background-position: 0 -54px}
.widgToolbar li.widgEditButton {}
.widgButtonBold {background-image: url(/images/widgEditor/widgeditor_button_bold.gif)}
.widgButtonHTML {background-image: url(/images/widgEditor/widgeditor_button_html.gif)}
.widgButtonImage {background-image: url(/images/widgEditor/widgeditor_button_image.gif)}
.widgButtonItalic {background-image: url(/images/widgEditor/widgeditor_button_italic.gif)}
.widgButtonUnderline {background-image: url(/images/widgEditor/widgeditor_button_italic.gif)}
.widgButtonLink {background-image: url(/images/widgEditor/widgeditor_button_link.gif)}
.widgButtonOrdered {background-image: url(/images/widgEditor/widgeditor_button_ordered.gif)}
.widgButtonUnordered {background-image: url(/images/widgEditor/widgeditor_button_unordered.gif)}
.widgSource a {background-image: url(/images/widgEditor/widgeditor_button_empty.gif); cursor: default}
.widgSource li.on a, .widgSource li.on a:hover {background-position: 0 0}
.widgSource .widgButtonHTML {background-image: url(/images/widgEditor/widgeditor_button_html.gif)}
.widgSource .widgButtonHTML:hover {cursor: pointer}
.widgToolbar {background-color: #F5F5F5; background-repeat: repeat-x; list-style: none; height: 32px; margin: 0; padding: 0 0 0 2px; border: 1px solid #CCCCCC}
* html .widgToolbar {width: auto}
.widgToolbar li {display: inline; float: left; width: 23px; height: 23px; margin-top: 2px; margin-left: 7px; line-height: 21px}
.widgIframe {clear: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
.widgContainer textarea.widgEditor {clear: left; border-top-width: 1px; padding: 0}
.widgEditSelect {position: relative; top: 4px; left: 6px}
.widgContainer {}
#fields_error_header, #fields_error_footer {color:#f00; font-weight:bold}
div#setup_field_table_container table {font-size: 0.9em}
table.stats table.stats thead tr, table.stats tbody tr, table.stats tfoot tr, table.stats thead tr th, table.stats thead tr td, table.stats tbody tr td, table.stats tfoot tr td, table.stats tfoot tr th, div#stats_report_filters table div#stats_report_filters table thead tr, div#stats_report_filters table tbody tr, div#stats_report_filters table tfoot tr, div#stats_report_filters table thead tr th, div#stats_report_filters table thead tr td, div#stats_report_filters table tbody tr td, div#stats_report_filters table tfoot tr td, div#stats_report_filters table tfoot tr th {border: none; background: none; padding: 3px 5px; color: #000; font-size: 0.9em}
table.stats, div#stats_report_filters table {border: 2px solid #ebebeb}
table.report_filters {border: none}
tr#tr_report_filters th {font-size: 1.25em}
table.report_filters select#report_filter_promotion {width: 150px; font-size: 11px}
table.report_filters select#report_filter_location {width: 100px; font-size: 11px}
table.report_filters input {width: 100px; font-size: 11px}
div.stats_section {padding-bottom: 1em; clear: both}
div.stat_chart, div.stat_prompt, div.stat_value{display:inline}
div.chart-legend table div.chart-legend table thead tr, div.chart-legend table tbody tr, div.chart-legend table tfoot tr, div.chart-legend table thead tr th, div.chart-legend table thead tr td, div.chart-legend table tbody tr td, div.chart-legend table tfoot tr td, div.chart-legend table tfoot tr th {padding: 3px 5px; font-size: 0.9em}
.multi_separator {clear:both}