div.menu {position: relative; float: left}
div.menu ul, div.piped ul {list-style: none}
div.menu ul li {float: left}
div.menu ul li a {display: block; text-decoration: none}
div.piped li {border-left: 1px solid; margin: 0.1em .5em 0.1em -.5em; padding: 0.1em .5em 0.1em .5em}
div.piped {overflow: hidden}
div.masked-image {position: relative; float: right; margin: 0 0 20px 20px; height: 253px; width: 265px}
div.masked-image img{ position: absolute; z-index: 10}
div.masked-image div.mask {position: absolute}
div.masked-image div.mask, div.masked-image div.mask img {z-index: 11}
label.block-label {display: block}
div.button {height: 20px}
div.button a {float: left; line-height: 20px; height: 20px; padding-left: 10px; background: url('/images/walktober/left-half-button_versioned_1.0.gif') no-repeat; cursor: pointer}
div.button a span{ float: left; padding-left: 5px; padding-right: 15px; background: url('/images/walktober/right-half-button_versioned_1.0.gif') no-repeat top right}
div.button a:link,div.button a:visited,div.button a:active {color: #fff}
div.button a:hover {color: #ffe39b}
table.layout, table.layout thead tr, table.layout tbody tr, table.layout tfoot tr, table.layout thead tr th, table.layout thead tr td, table.layout tbody tr td, table.layout tfoot tr td, table.layout tfoot tr th {border: none; padding: 0; background: none; color: inherit}
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;}
table.form-table tbody tr td.left-col {width: 20%}
table.form-table tbody tr td.right-col {}
table.form-table tr.heading {color: #000; text-align: left; padding: 3px 7px; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #CBCBCB}
table.form-table tr.heading th {padding: 0.1em}
h1.page-title span.subtitle {display: block; padding: 0; margin: -0.7em 0}
h2.subtitle{ margin-top:0px;}
.content ul {margin-left: 0.3em}
.content ol {margin-left: 0.5em}
.content ul li, .content ol li {margin-left: 1em}
* html body {text-align: center}
#container {text-align: left; min-height: 575px; height: auto !important; overflow: auto}
#footer, #container {width: 940px; position: relative; margin: 0 auto}
#footer {clear: both; text-align: center; padding: 1em 0}
#footer ul li {display: inline; padding: 10px}
#main, #sidebar {clear: both}
#primary,#secondary {position: relative; float: left}
* html #primary,* html #secondary {display: inline}
body.l0 #header, body.m0 #header {height: 78px}
body.l1 #header, body.l3 #header {height: 87px}
#logo {position: relative; float: left}
#client-logo {position: relative; float: right; width: 232px; margin: 9px 0 0 0; text-align: center}
body.l1 #main {padding: 0 30px 25px; overflow:auto}
body.l3 #main {padding: 0 30px 15px; overflow:hidden}
body.l1 #sidebar {padding: 20px}
#group-info, #solo-info {float: left; position: relative}
#group-info {width: 460px; padding: 0 20px 0 0}
#solo-info {width: 430px; padding: 0 30px 0 0}
#group-info img, #solo-info img {float: left; margin: 0 20px 0 0}
#shortcuts, #utilities {float: right}
#welcome-message {display: block; float: left; margin-right: 25px}
#subnav {padding: 15px 30px; margin-bottom: 0.5em}
#nav {height: 26px}
#nav-secondary {width: 232px; height: 26px; z-index:1}
#nav-primary {height: 26px; width: 708px}
#nav-primary ul li a, #nav-secondary ul li a {margin: 0 0 0 8px}
#nav-primary ul li a {padding: 0 0 0 4px}
#nav-secondary ul li a {padding: 0 10px 0 0}
body.l0 #primary {width: 940px}
body.l0 #secondary {display: none}
body.l1 #primary {width: 708px}
body.l1 #secondary {width: 232px; float: right}
body.l3 #primary {width: 940px}
body.l3 #secondary {display: none}
#promotion_id {width: 180px}
body.equal #container {overflow: hidden; padding-bottom: 0}
body.equal #primary,body.equal #secondary {margin-bottom: -32767px; padding-bottom: 32767px}
* html body.equal #container {padding-bottom: 0}
#footer {margin-bottom: 0}
@media all and (min-width: 0px) {body.l2 #secondary {left: .5em}
body.equal #primary,body.equal #secondary {padding-bottom: 0!important; margin-bottom: 0!important}
body.equal #primary[id^="primary"]:before,body.equal #secondary[id^="secondary"]:before {content: ''; display: block; background: inherit; padding-top: 32767px!important; margin-bottom: -32767px!important; height: 0}
}
#notification_tab{ position:absolute; left:5px; top:2px}
#unread_count{ position:absolute; left:10px; top:-3px; text-align:center; width:12px}
#notifications{ width:222px; position:absolute; left:2px; top:20px}
#notifications div{ padding: 5px 5px; width:212px; position:relative}
#notifications div.header a{ position:absolute; right:3px; top:2px}
.paged-navigation{ margin-top:10px; width:300px}
.nav-container{ float:left; clear:both; width:300px}
.paged-link{ margin-right:5px; float:left}
.page-size{ float:right; margin-top:10px }
.page{ float:left; margin-right:5px}
.page a{ padding:0; float:left}
.page span.left-border{ float:left}
.page span.right-border{ float:left}
.page span.number{ float:left; text-align:center; display:inline-block; height:20px; line-height:20px; cursor:pointer}
span.elipses{ float:left; margin:7px 5px 0 0}
.paged-link a.arrows{ margin-right:5px; display:inline-block; margin-top:4px}
body {background: #f5f1f2 url('/images/walktober/body_background_versioned_1.1.jpg') repeat-x 0 0; font-family: 'Trebuchet MS', Arial, sans-serif}
input[type='text'], input[type='password'], textarea {font-family: 'Trebuchet MS', Arial, sans-serif}
.error {color: #f00}
div.masked-image div.mask {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/walktober/tip-mask_versioned_1.0.png", sizingMethod='scale'); height: 253px; width: 265px}
div.masked-image div.mask img {filter:alpha(opacity=0)}
#container {background: #fff; border: 1px solid #d4d9d4; border-top: none}
#nav, #nav-primary, body.l3 #nav-secondary {background: url('/images/walktober/nav_background_versioned_1.0.gif') repeat-x}
#nav-secondary {background: url('/images/walktober/nav_sidebar_background_versioned_1.0.gif') repeat-x}
#nav-primary ul li a {text-transform: uppercase}
.piped ul li {border-left: 1px solid #495f31}
ul.navlist li a {font-size: 0.9em}
ul.navlist li.active a {font-size: 1em; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #f9c33b}
#footer {font-size: 1.2em}
#nav-sidebar ul li a {font-size: 1em}
a, a:link, a:visited, a:hover, a:active {text-decoration: none; color: #f37322}
a:hover {color: #495f31}
#subnav {font-size: 1em}
#subnav ul li.active a {font-size: 1.1em; font-weight: bold; padding-bottom: 3px; color: #000; border-bottom: 1px solid #495f31}
#subtabs {display: none; margin-bottom: 1em}
#welcome-message {color: #495f31; font-weight: bold; display: block}
#welcome-message a.not-you {font-weight: normal; font-size: 0.8em}
div.menu ul li, #welcome-message {font-size: 1.3em}
#nav-primary ul li a, #nav-secondary ul li a {text-decoration: none; line-height: 22px; color: #fff}
h1.page-title span.subtitle {font-size: 0.6em; color: #7e0c09}
#nav-primary ul li.active a, #nav-primary ul li a:hover, #nav-secondary ul li a:hover {color: #f9c33b}
#secondary {background: url('/images/walktober/bg-sidebar_versioned_1.0.gif') repeat}
#container.welcome #secondary {background: #fff url('/images/walktober/bg-welcome-sidebar_versioned_1.0.gif') repeat-y}
a.button,a.button:link,a.button:visited,a.button:active {line-height: 24px; font-size: 1em; color: #fff; cursor: pointer}
a.button:hover {color: #efbb00}
a.button div {text-align: center; text-transform: uppercase; letter-spacing: 1px}
div.button-row {clear: both}
div.button-row div.link, div.button-row div.button {float: left}
div.button-row div.link {padding-right: 20px}
.content {font-size: 1.4em; line-height: 1.7em }
.content h1 {font-size: 1.7em; color: #495f31}
.content h2 {color: #7e0c09}
.content h3 {font-size: 1.35em; color: #495f31}
.content h4 {color: #7e0c09}
.content hr {background: #495f31; color: #495f31}
.content th {background: #7e0c09; color: #fff; font-weight: bolder; font-size: 1.1em}
.content table tr.odd td {background: #fff}
.content table tr.even td {background: #f9f5ed}
#secondary {color: #fff}
#secondary a, #secondary a:link, #secondary a:visited, #secondary a:active {color: #ffe39b}
#secondary a:hover {color: #f9c33b}
#secondary h1, #secondary h3, #secondary h5 {color: #f9c33b}
#secondary h2, #secondary h4, #secondary h6 {color: #ffe39b}
.chart-label{ padding:0 3px 3px 0; position:absolute}
.chart-label-main{ border: 2px solid #acacac; padding:5px 15px; background-color:#f9f5ed}
.chart-label-title{ font-size:1.1em; color:#495f31; font-weight:bold}
.chart-label-text{ font-size:.8em; font-weight:bold}
fieldset {background: #f9f5ed; border: 1px solid #495f31}
legend {font-size: 1.1em; font-weight: bold; color: #7e0c09}
div.fieldset {background: #f9f5ed; border: 1px solid #495f31; padding: 1em; margin: 1em 0}
div.fieldset p.legend {margin: 0.3em 0; font-size: 1.2em; font-weight: bold; color: #7e0c09}
.validation-advice, .custom-advice {color: #a00}
#help-tip-box {width: 251px; padding:5px; background: #fff; font-size: 1.2em}
#help-tip-box p {margin: 0; padding: 1em 0}
#help-tip-box div.main {width: 240px; padding: 5px; margin: 0; padding: 0 10px; width: 231px; background: #fff}
#help-tip-box div.main p.legend {margin: 0; padding: 0; font-size: 1.2em; font-weight: bold}
#help-tip-box {border: 2px solid #495f31}
#help-tip-box div.main p.legend {color: #495f31}
#notifications{ border:1px solid #E2EFE0; background-color:#E2EFE0; -webkit-border-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; font-size:1.1em; font-family: Arial,sans-serif}
#unread_count{ background-color:#EE1D25; color:#fff; font-weight:normal; font-size:1.1em; border: 2px solid #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
#notifications div{ border-bottom: 1px dashed #708A6C}
#notifications div.odd{ background-color:#fff}
#notifications div.header{ background-color:#708A6C; color:#fff; font-weight:bold}
#notifications div.header a{ color:#FCA73A; font-size:1.2em; font-weight:bold}
#notifications div.last{ border:none; -webkit-border-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px}
#sent.error, #main.min-ht {height: 300px}
.page span.number{ border-top:1px solid #7E0C09; border-bottom:1px solid #7E0C09; background-color:#FBFBD9}
.page span.current{ color:#fff; background-color: #7E0C09}
div.trek-tweet {font-size: 0.85em; cursor: pointer}
div.trek-tweet span.disabled-link, div.trek-tweet a, div.trek-tweet a:link, div.trek-tweet a:visited, div.trek-tweet a:active, div.trek-tweet a:hover {color: #00aeef; text-decoration: none}
div.tweets-body {position: relative; overflow: hidden; padding: 5px 0; width:192px; height: 130px; background: #fff}
div.tweets-list {overflow: hidden}
div.tweet {padding: 5px; color: #4e4d4f; border-bottom: 2px solid #f3f2d1}
div.tweet img {vertical-align: bottom}
div.tweet span.meta {color: #777; font-size: 0.8em; white-space: nowrap}
div.tweet a:hover {text-decoration: underline}
div.trek-tweet div.even {background: #fcfbdf}
#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; font-size: 1.5em}
#MB_close:hover {background: transparent; color: #f9c33b}
#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-color: #7e0c09; border-bottom: 1px solid #7e0c09}
#MB_caption {color: #fff}
#MB_close {color: #fff}
#MB_close:hover {color: #f9c33b}
.MB_alert {margin: 10px 0; text-align: center}
div#activity.masked-image {position: relative; float: right; margin: 0 0 20px 20px; width: 282px; height: 216px}
div#activity.masked-image img{ position: absolute; z-index: 10}
div#activity.masked-image div.mask {position: absolute}
div#activity.masked-image div.mask, div#activity.masked-image div.mask img {z-index: 11}
div#activity.masked-image div.mask {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/activities/mask_versioned_1.0.png", sizingMethod='scale'); width: 282px; height: 216px}
div#activity.masked-image div.mask img {filter:alpha(opacity=0)}
div.recipe-mask, div.recipe-browse {position: relative; float: left; height: 315px}
div.recipe-mask {width: 438px}
div.recipe-browse {padding: 0 10px 0 15px}
div.recipe-browse table tr td {text-align: center; padding: 5px}
div.recipe-mask img.photo {width: 240px; height: 240px}
div.recipe-mask img.photo {position: absolute; z-index: 10; top: 0; right: 0}
div.recipe-mask div.mask {position: absolute}
div.recipe-mask div.mask, div.recipe-mask div.mask img {z-index: 11}
div.recipe-mask div.mask {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/walktober/recipe/mask_versioned_1.0.png", sizingMethod='scale'); height: 260px; width: 438px}
div.recipe-mask div.mask img {filter:alpha(opacity=0)}
div.preview div.title {font-weight: bold; font-size: 1.2em; color: #7e0c09}
div.recipe-mask div.preview div.title {padding: 0 5px 0 0}
div.recipe-mask div.preview div.desc {padding: 5px 5px 7px 0}
div.recipe-mask div.preview {position: absolute; top: 10px; left: 0; height: 241px; width: 190px; z-index: 12; overflow: hidden}
div.recipe-preview {min-height: 100px; height: auto !important; height: 100px}
div.recipe-preview div.photo img.thumbnail {height: 80px; width: 80px; border: 2px solid #495f31; margin: 10px 0 10px 20px}
div.recipe-preview {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #495f31}
div#recipe-container div.info {background: #f9f5ed; border: 1px solid #495f31; padding: 10px 20px; width: 330px}
div#recipe-container div.info div.servings {text-transform: uppercase; color: #7e0c09}
div#recipe-container img.photo {border: 2px solid #495f31; height: 250px; width: 250px; margin: 10px 0px 10px 20px}
div#results_list img.photo {height: 40px; width: 40px; border: 1px solid #495f31; margin-right: 5px}
div#results_list td {vertical-align: top}
div#results_list table tbody tr.recipe td {border-bottom: 1px solid #495f31; padding: 5px 0}
div#results_list a {font-size: 0.9em}
div#recipe_search input#query {width: 100px}
div#recipe_search div.button {float: right}
div#recipe_search_results, div#searching_recipes {clear: both}
#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}
form.post-form textarea{ float:left; width:575px; height:75px}
form.post-form div.button{ float:right; margin-top:60px}
#wall_posts{ float:left; width:100%}
div.wall-post{ width:100%; float:left; border-bottom: 1px solid #EDDFB0; margin-bottom:10px; padding-bottom:10px; position:relative}
div.wall-post img{ float:left; width:5%}
div.wall-post .poster{ float:left; margin-left:1%; width:94%; font-weight:bold; font-size:1.1em}
div.wall-post .comment{ float:left; margin-left:1%; width:94%}
div.wall-post .actions{ position:absolute; right:10px; top:0; font-size:.8em}
.storefront-products-list {padding-left: 33px; padding-top: 33px; float: left}
.storefront-products-item{ padding: 5px; margin-right: 33px; width: 440px; float:left; clear:both; display:inline; height: 105px}
.storefront-products-item div{ height: 13px}
.product-image-container{ float:left; margin-right: 25px}
.product-image{ width: 90px; height: 90px}
.product-info-container{ float:left; display: inline; width: 325px}
.product-image-big {}
.product-name{ font-weight: bold}
.product-description{ }
.cart-button-message{ margin-left: 10px; color: #ff0000}
.sidebar-cart-items h6 {margin-bottom: 0; margin-top: 0}
.sidebar-cart-items hr {margin-top: 8px; margin-bottom: 8px}
.sidebar-cart-item-price {padding-left: 20px}
#cart_message {color: #ff0000}