* {text-decoration: none; font-size: 1em; outline: none; margin: 0; padding: 0 }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext {font: inherit; white-space: normal }
a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {border-width: 0 }
dfn, i, cite, var, address, em {font-style: normal }
th, b, strong, h1, h2, h3, h4, h5, h6, dt {font-weight: 400 }
caption, th, td {text-align: left }
html {background: #FFF; color: #000; line-height: 1em; font-family: 'Gill Sans', arial, sans-serif }
q {quotes: "\201C" "\201D" "\2018" "\2019" }
ul, ol, dir, menu {list-style: none }
sub, sup {vertical-align: baseline }
a {color: inherit }
font, basefont {color: inherit; font: inherit; font-size: 100% }
center, * [ align ] {text-align: inherit }
s, strike, u {text-decoration: inherit }
img {border: none; margin: 0 }
ol {list-style-type: decimal }
body {background-color: transparent }
tr, th, td {width: auto; height: auto; background-color: transparent; vertical-align: inherit; border: none }
table [ border ], .content table [ border ] {border-collapse: separate; border-spacing: 0 }
nobr {white-space: normal }
marquee {overflow: visible}
blink {text-decoration: none }
html {font-size: 125% }
body {font-size: 50% }
a {text-decoration: underline }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {font-weight: 700 }
cite, em, dfn {font-style: italic }
code, kbd, samp, pre, tt, var, input [ type = 'text' ], input [ type = 'password' ], textarea {font-size: 100%}
pre {white-space: pre }
pre * {font-size: 100%; white-space: pre }
del {text-decoration: line-through }
ins, dfn {border-bottom: 1px solid #000 }
small, sup, sub {font-size: 85% }
big {font-size: 125%; line-height: 80% }
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em }
abbr [ title ], acronym [ title ], dfn [ title ] {cursor: help; border-bottom: 1px dotted #000 }
sup {vertical-align: super }
sub {vertical-align: sub }
blockquote {padding-left: 2.2em }
hr {display: none }
* [ lang |= 'en' ] q:before {content: '\201C' }
* [ lang |= 'en' ] q:after {content: '\201D' }
* [ lang |= 'en' ] q q:before {content: '\2018' }
* [ lang |= 'en' ] q q:after {content: '\2019' }
input, select, button {cursor: pointer }
input [ type = 'text' ], input [ type = 'password' ] {cursor: text }
input [ type = 'hidden' ] {display: none }
.content {font-size: 1.4em; line-height: 1.6em }
.content h1 {font-size: 1.6em; line-height: 1; margin: 1em 0 .5em }
.content h2 {font-size: 1.35em; line-height: 1; margin: 1.07em 0 .535em }
.content h3 {font-size: 1.2em; line-height: 1; margin: 1.14em 0 .57em }
.content h4 {font-size: 1.1em; line-height: 1; margin: 1.23em 0 .615em }
.content h5 {font-size: 1.1em; line-height: 1; margin: 1.33em 0 .67em }
.content h6 {font-size: 1em; line-height: 1; margin: 1.6em 0 .8em }
.content hr {display: block; background: #000; color: #000; width: 100%; height: 1px; border: none }
.content ul {list-style: disc outside }
.content ol {list-style: decimal outside }
.content table {border-collapse: collapse }
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content address, .content table, .content form {margin-bottom: 1.6em }
.content p + p {margin-top: -.8em }
.content fieldset {margin: 1.6em 0; padding: 1.6em }
.content legend {padding-left: .8em; padding-right: .8em }
.content legend {margin-bottom: 1.6em }
.content fieldset {margin-top: 0 }
.content [ class ^= 'content' ] fieldset {margin-top: 1.6em }
.content fieldset > *:first-child {margin-top: 0 }
.content textarea, .content input [ type = 'text' ] {padding: .1em .2em }
.content input {padding: .2em .1em }
.content select {padding: .2em .1em 0 }
.content select [ multiple ] {margin-bottom: .8em }
.content option {padding: 0 .4em .1em }
.content button {padding: .3em .5em }
.content input [ type = 'radio' ] {position: relative; bottom: -.2em }
.content dt {margin-top: .8em; margin-bottom: .4em }
.content ul, .content ol {margin-left: 2.2em }
.content caption, .content form div {padding-bottom: .8em }
.content ul ul, content ol ul, .content ul ol, content ol ol {margin-bottom: 0 }
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important}
#MB_overlay[id] {position: fixed}
#MB_window {position:absolute; border: 3px solid #D9302E; text-align:left; z-index:10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position:relative; height:100%; background: #fff url(/images/wftr/modal-rose.gif) 100% 36px no-repeat}
#MB_header {margin:0; height: 36px; background:#E1322B url('/images/wftr/modal-header-bg.jpg') repeat-x 0 0}
#MB_content {padding: 10px; padding-right: 130px; overflow:auto}
#MB_content .button{ }
#MB_caption {color: #FFF; padding: 15px 0 0 5px; margin: 0; text-align: left}
#MB_utilities{ position:absolute; top: 15px; right: 5px}
#MB_utilities a{ color:#fff; float:right; margin-left:30px; font-size:12px; font-weight:bold; text-decoration: none}
#MB_utilities a:hover{ text-decoration: underline}
#MB_loading {padding: 1.5em; text-indent: -10000px; background: transparent url(/images/spinner.gif) 25% 0 no-repeat}
#MB_window {background-color:#FFFFFF; color:#000}
#MB_caption {font-size:1.2em; font-weight:bold}
.MB_alert {margin: 10px 0; text-align: center}
#MB_window.chart #MB_frame {background: #fff}
#MB_window.chart #MB_content {padding: 10px; padding-right: 10px; overflow:auto}
#framing{ margin: 0 auto; position: relative; width: 946px}
#banner {postion: relative; top: -10px; left: -25px}
#close {clear: both; width: 940px; height: 2px; overflow: hidden; margin-bottom: 15px}
img.right {float: right}
img.left {float: left}
img.welcome {float: left}
#main {float: left; padding: 10px 10px 0 25px; width: 676px; margin-bottom:25px; position:relative}
#welcome-main {float: left; width: 709px; margin-bottom:13px; position:relative; top: 16px; left: 1px}
#main .landing-page{ margin-bottom:0}
#main .clear {clear: both}
#sidebar #shortcuts{ position:absolute; top:-13px; height:31px; left: 1px; font-size: .8em; text-align:right; width:221px; padding-right:15px}
#sidebar #shortcuts a{ text-decoration:none; color:#fff; display:inline}
#masthead {border-top: none; float: left; height: 81px; width: 943px; position: relative; background-color: #fff}
#sidebar {float: left; padding: 70px 10px 25px 20px; width: 195px; clear: right; position:relative; overflow: hidden; margin-bottom:58px}
#sidebar table, #sidebar table tr th,#sidebar table tr td{ background-color:transparent; border:none; font-size:.93em}
#masthead-image {}
#masthead #client-id {position: absolute; top: -3px; left: 730px; text-align: center; width: 231px; z-index: 1000}
#masthead #client-id span {font-size: 1.1em; font-weight: bold; padding: 8px 0 0 0}
div.full_width {margin-top: 40px; clear: both; float: left; width:900px}
div.with_sidebar {margin-top: 40px; padding-right: 25px}
#main-content{ width:100%}
#main-content #logo {margin: 20px 0 10px 330px}
#welcome-options {margin: 5px 0 235px 0; text-align: center; width: 100%}
#main #utilities {position: relative; font-size: 90%; width:150px; text-align:right; float:right; margin-top:15px}
#subnav {font-size: .9em; width: 525px; position: relative; float:left; margin-top:15px; margin-bottom:10px }
#subnav ul li {}
#subnav ul li:before {content: ""}
#subnav ul {list-style: none; margin: 0}
#subnav ul li {display: inline; text-indent: 0}
#footer span, #utilities span, #subnav span {margin: 0 6px}
.content label{ display:block}
.content h1 {clear:both}
.content a, .content a:visited, .content a:active {text-decoration: none; font-family:Arial, sans-serif}
.content a:hover {text-decoration: underline}
.subtitle {display: block; font-size: .5em; font-weight: bold; margin: 5px 0}
.copyright {margin: 0 6px}
#sidebar a, #sidebar a:link {font-size: 1.1em; display: block; margin-bottom:0; font-weight:bold}
#sidebar .custom-pages{width:80%; padding-top:25px}
#footer {clear: both; font-size: 90%; text-align: center; width: 940px; margin-bottom:50px; color: #959595}
#footer ul li {}
#footer ul li:before {content: ""}
#footer ul {list-style: none; margin-bottom: 0}
#footer ul li {display: inline; margin-left: 0; text-indent: 0}
#navigation ul li {}
#navigation ul li:before {content: ""}
#navigation {position: absolute; top: 59px; left: 0; width: 940px; height: 38px; font-size:.9em}
#navigation ul {position: absolute; left: -10px; top: -8px}
#navigation ul, #footer ul, #subnav ul {list-style: none}
#navigation ul li {display: inline; margin-right: 0; text-indent: 0}
#navigation a {font-size: 1.1em; text-align: center; text-decoration: none; color: #FFF; background: url('/images/wftr/nav-divider_versioned_1.0.gif') no-repeat 100% 9px; display:inline; float:left}
.content #navigation a:visited, .content #navigation a:active {text-decoration:none}
.content #navigation span:hover {text-decoration: underline}
#navigation a span {cursor: pointer; display: inline-block; height: 43px; margin: 0; padding: 14px 15px 0 15px; vertical-align: middle}
#navigation a span.two-line {padding-top:5px}
#navigation li a:hover {color: #fff}
#navigation li.active {font-weight: bold; font-size: 1.1em; color: #fff}
#shortcuts{ float:right; margin: 8px 10px}
#navigation #shortcuts a{ float:none; display:inline; background:none}
.content table {padding: 0; margin: 0; border-collapse: collapse; border: 2px solid #CBCBCB; background-color: #FFF}
.content table thead tr th {color: #FFF; text-align: center; padding: 3px 7px; font-weight: bold; font-size: .9em; border-left: none; border-right:none}
.content table tr td {padding: 3px 7px; border-left: 1px solid #CBCBCB}
.content table tbody tr td {font-size: .9em; vertical-align: top; border-bottom: none; border-right: 1px solid #EBEBEB}
.content table {font-size: 100%}
.content table tbody tr.even td {background-color: #FFF}
.content table tbody tr.odd td {background-color: #EBEBEB}
.content table tbody tr.selected td {color: #000}
.content table thead tr th a, .content table thead tr th a:link, .content table thead tr th a:hover, .content table thead tr th a:active, .content table thead tr th a:visited {color: #FFF}
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}
.content div.button a, div.button-row div.center div.button a {float: left; margin: 0; padding: 0 0 0 15px; font-size: 1em; font-weight: bold; text-align: center; color:#D9302E}
div.button a span, div.button-row div.center div.button a span {float: left; height: 24px; padding: 0 15px 0 0; cursor: pointer; color:#fff; font-size: .95em; text-decoration: none}
div.button a:hover, div.button-row div.center div.button a:hover {text-decoration: none; color:#fff}
div.button-row div.center div.link {display: inline; float: left; padding: 6px 50px 0 0}
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: 200px}
table.form-table tbody tr td.right-col {width: 320px}
table.form-table tr.heading {color: #FFF; 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:.2em}
li.inactive_page {cursor:move}
li.active_page {cursor:move}
select, input[type='text'],input[type='password']{ margin-bottom:10px}
div.fieldset {padding: 5px 10px}
p.legend {font-weight: bold}
#help-tip-box {width: 251px; padding:5px; background: #FFF}
#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: 1em; font-weight: bold}
#chart-tip-box {position: absolute; height: 200px}
#chart-tip-box div.top {width: 200px; height: 5px; font-size: 1px}
#chart-tip-box div.main {padding: 0 5px; font-weight: bold; width:190px; font-size: 1.1em}
#chart-tip-box div.bottom {width: 200px; height: 5px}
label.inline {display: inline}
ol.move_items{ list-style-position:inside }
ul.move_items{ list-style-type:none}
ul.move_items li span {padding-left:5px }
ul.move_items li{ cursor:move; padding: 5px; margin-bottom: 1px; background-color: #FFF}
ul.move_items li a{ cursor:hand}
ul.move_items li:hover{ border-bottom: 1px dotted; margin-bottom: 0px}
.content li.selected a{ font-weight:bold; color:#000}
.content li.selected a:hover{ text-decoration: underline}
.dynamic-search{ float:left; height:62px }
.second-criteria{ float:left; margin-top:3px; margin-right:10px }
.second-criteria-label{ margin-left:64px }
.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-{ 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 }
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 }
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}
.error {color: #E00000}
.side-image{ margin-top:0; margin-right:0; margin-left:10px}
#wrapper-sidebar{ position:relative}
#client-id{ position:absolute; right:22px; bottom:40px; z-index:999; display:block}
.promotion-select{ width:200px}
.notes-label, #entry-table label, #other-table label {display:inline}
.content code, .content pre {color: #c33}
table.no-style td.recipe-search-cell{ border-bottom: #3B4F9F}
#dp table {border-color:#CBCBCB;}
#dp table tr td {border-left-color:#CBCBCB;}
#dp table tbody tr td.not-month {background: #EEE}
#dp table tbody tr td.disabled {color: #CCC;}
.overview_graphs {display: block; margin-left: 8px}
div#welcome-swf-image {height: 77px; width: 190px}
div#welcome-swf-swf {margin-left:15px; margin-top: 10px}
.article_content ul, .article_content p ul {}
.article_content {margin-bottom: 25px}
.not-you{ font-size:.55em; font-weight:normal}
.box{ padding:2px 7px; margin-right:2px}
.image-mask{ float:right; margin-right: 0; margin-left: 10px}
.image-border {border: 3px solid #D9302E}
#pdfs ul li{ margin-bottom:25px; border-bottom:1px solid #000}
#pdfs ul li p{ margin-left:12px}
#pdfs ul li span{ margin-right:20px}
.content div#confidentiality-agreement a{ }
.chart-label{ padding:0 3px 3px 0; position:absolute}
.chart-label-main{ border: 2px solid #acacac; padding:5px 15px; background-color:#f9f9f9}
.chart-label-title{ font-size:1.1em; color:#EE312B; font-weight:bold}
.chart-label-text{ font-size:.8em; font-weight:bold}
#welcome-message{ position:absolute; top:3px; left:25px; color:#000}
.not-you{ font-size: 0.7em}
.total_row td, .total_column {font-weight: bold}
#fields_error_header, #fields_error_footer {color:red; font-weight:bold}
table.report_filters, table.report_filters tr, table.report_filters tbody tr td, table.report_filters tr td, table.report_filters tr th {border: none; font-weight: normal}
table.report_filters tr td select#report_filter_promotion {width: 200px; font-size: 11px}
table.report_filters tr td select#report_filter_location {width: 100px; font-size: 11px}
table.report_filters tr td input {width: 100px; font-size: 11px}
select#promotion_id {width: 195px}
#sponsored-by-aarp {position: absolute; top: 21px; left: 740px}
#sponsored-by-aarp a {color: #D9302E; text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold}
#sponsored-by-aarp a:hover {text-decoration: underline}
table#record_summary_table thead tr th {text-align: left;}
#dp table {border: 2px solid #CBCBCB; padding: 0; margin: 0; background-color: #FFF; border-collapse: collapse}
#dp table thead tr th {background-color:#0E5894; color: #FFF; text-align: left; padding: 1px 3px; border-bottom: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
#dp table tfoot tr td {background-color:#0E5894; color: #FFF; text-align: left; padding: 1px 3px; border-top: 1px solid #CBCBCB; font-weight: bold; font-size: 0.85em}
#dp table tr td {padding: 1px 3px; border-left: 1px solid #CBCBCB; text-align: center}
#dp table tbody tr td {font-size: 0.8em}
#dp table tbody tr.even td {background-color: #FFF}
#dp table tbody tr.odd td {background-color: #DFE3F3}
#dp table thead tr th a {color: #FFF}
#dp table tbody tr td.not-month {background: #EEE}
#dp table tbody tr td.disabled {color: #CCC; text-decoration: line-through}
#dp table tbody tr td.selected {background: #3B4F9F; color: #FFF; font-weight: bold; font-size: 0.85em}
#date-nav {clear: both; position: relative}
#date-nav .heading {color: #232371; font-size: 1.1em; font-weight: bold}
#date-nav #cal-icon {padding: 0 5px}
#date-nav div.day-link {float: left; padding: 2px 5px}
div.empty-row {background: #FFF; line-height: 1em; font-size: 1em}
#left-column {clear: both; float: left; width: 330px; border: 0px solid red; padding: 0 10px}
#right-column {float: left; padding: 0 10px; width: 330px; border: 0px solid blue; position: relative}
#entry-table, #other-table {border: none}
.notes-label, #entry-table label, #other-table label {display:inline; width: 100%; font-size: 1em; font-weight: bold; text-align: right}
.notes-label {text-align: left}
#other-table tbody tr td textarea {width: 200px; height: 80px}
#entry-table tbody tr, #other-table tbody tr {border: none}
#entry-table tbody tr td, #other-table tbody tr td {border: none}
#record-save-button {position: absolute; left: 120px; top: 300px}
div.fieldWithErrors input {background: #FCC}
#entry-table td.right-align{ text-align:right}
#entry #date-nav{ clear:none}
table.layout, table.layout thead tr, table.layout tbody tr, table.layout thead tr th, table.layout thead tr td, table.layout tbody tr td {border: none; padding: 0; background: transparent; color: #fff}
table.activity-calendar {border-collapse: collapse; background-color: #FFF; font-family:Arial; font-weight:bold}
.content table.activity-calendar thead tr th {border: 2px solid #fff; background-color: #D9302E; color: #fff; text-align: center; font-size: .85em; font-weight:bold}
.content table.activity-calendar a, .content table.activity-calendar a:link, .content table.activity-calendar a:visited, .content table.activity-calendar a:hover, .content table.activity-calendar a:active {font-size: 1.0em; color: #D9302E}
table.activity-calendar thead tr td.month {font-size: 1.0em; color: #D9302E; padding: 0.4em}
table.activity-calendar thead tr td.totals, div.totals {vertical-align: middle; text-align: right; color: #58595b; padding: 0.4em}
table.activity-calendar thead tr td.totals span.score, table.activity-calendar thead tr td.totals span.goal, div.totals span.goal, div.totals span.score {color: #CE2A25}
table.activity-calendar thead tr td.totals span.green, div.totals span.red {color: #CE2A25}
table.activity-calendar tbody tr td {background: #FFF; border-right: 2px solid #fff; vertical-align: top}
table.activity-calendar tbody tr td.last-cell {border-right: 2px solid #FFF}
table.activity-calendar tbody tr td.today {background: #FFE5AF}
table.activity-calendar tbody tr td.not-eligible {background: #D9302E}
table.activity-calendar tbody tr td.notmonth {background: #FAFAFA}
table.activity-calendar div.day {position:relative; width: 91px; height: 61px; background:#F2F2F2 url(/images/wftr/exercise-bg.gif) no-repeat 0 46px }
table.activity-calendar div.number {position: absolute; right: 0; top: 0}
table.activity-calendar div.record {position: absolute; left: 0; top: 0; font-weight: bold}
table.activity-calendar div.number {padding: 2px 4px; font-size: 1.1em; color: #C0C0C0; font-weight:bold}
table.activity-calendar div.exercise {position:absolute; z-index:1000; left:2px; bottom: -5px; font-size: 1em; color: #CE2A25; font-weight:bold}
table.activity-calendar div.record div {font-size:.9em; height: 57px; width: 87px}
table.activity-calendar td.not-eligible {border: 2px solid #fff}
table.activity-calendar td.not-eligible div.day, table.activity-calendar td.notmonth div.day {background:none}
table.activity-calendar td.notmonth div.record div {border: 2px solid #fff}
table.activity-calendar td.today div.record div {}
table.activity-calendar td div.record div:hover{text-decoration:underline;}
table.activity-calendar div.record div.record-text, table.activity-calendar td.today div.record div.record-text{ line-height:61px; font-size:1.1em; text-align:center; cursor:pointer; font-weight:normal}
.medal{ position: absolute; z-index:1001; top:2px; left:25px}
.medal, .medal img{ cursor:hand; cursor:pointer}
.medal img{ z-index:2000}
#medal-count{ position:absolute; top:65px; right:37px; font-weight:bold; color:#672A25; width:370px; height:60px}
#medal-count .value{ color:#CC7023}
#medal-count img{ margin-left:10px}
#medal-count span{ float:left; margin-left:-6px}
#medal-count #gold-count{ color:#CC7023}
#medal-count #silver-count{ color:#877C7C}
#medal-count #bronze-count{ color:#72382F}
#medal-count div{ margin-left:15px; margin-top:6px}
#medal-count div span{ padding-left:10px}
.rose{ position: absolute; z-index:1001; top:2px; left:15px}
.rose, .rose img{ cursor:hand; cursor:pointer}
.rose img{ z-index:2000}
#rose-count{ background: #fff url('/images/wftr/rose-count-bg.gif') no-repeat 10px 6px; position: relative; top: -10px; left: 110px; width: 350px; height: 57px; border: 1px solid #ACACAC}
#rose-count span#high-count{ color:#000; float:left; margin: 3px 0 0 50px}
#rose-count span#medium-count{ color:#000; float:left; margin: 3px 0 0 50px}
#rose-count span#low-count{ color:#000; float:left; margin: 3px 0 0 50px}
#ex-count{ position: absolute; top: 12px; right: 5px; font-weight: normal; color: #000}
#ex-count .value{ color: #000; font-weight: bold}
table.record-table{ margin-bottom:15px}
#complete-eval {position: relative; top: -28px; left: 298px; margin-bottom: -15px}
#complete-eval a {color: #CE2A25; text-decoration: none}
#complete-eval a:hover {text-decoration: underline}
.editable-goal, .goal{ padding: 5px 0px; width:100%}
.editable-goal:hover, .goal:hover{ border-bottom: 1px dotted}
td.goal-checkbox{ padding-right:0px; padding-top:11px}
.goal-description{ width:500px}
#save_goal table.my-goals{ border:none}
#save_goal table.my-goals td{ border:none; padding-left:0}
table.my-goals h6{ margin:0px}
#sidebar div.sidebar-paging a{ display:inline; font-size:1.0em; margin-left:15px}
#sidebar div.sidebar-paging{ float:right; margin-top:15px}
#sidebar form.profile-change{ float:right; margin-top:10px}
#rankings-table th{ padding:10px 0 10px 0}
#edit-me{ clear:both; width:100%}
#photo-page {position: relative; margin: 0; padding: 0}
#upload-container .left-col {width: 188px; float: left}
#upload-container .right-col {padding: 0 5px; width: 310px; float: left}
#photo-container {clear: both}
#photo-container .left-col {width: 288px; float: left}
#photo-container .right-col {padding: 0 5px; width: 210px; float: left}
#photo-page ul {margin: 5px; padding: 5px 10px}
#photo-page ul li {}
#caption-form {clear: both}
#image-browser {width: 508px; height: 71px; position: relative; overflow: hidden; background-color:#F5D4A8}
#image-viewer {height: 61px; width:550px; padding: 0; margin-bottom:15px; position:relative}
#image-viewer-slider-container{ position:relative; overflow:hidden; height:60px}
#image-viewer-slider{ position:absolute}
#image-viewer p{ margin-left:25px}
.thumbnail-photo {position: relative; top: 0; width: 91px; height: 61px; padding: 0 3px 0 2px; float: left; cursor: pointer; z-index: 98}
.drag-handle {cursor: move; background: #000; color: #FFF; height: 17px; padding-bottom:2px; font-size: 13px; line-height: 8px; width: 91px; position: absolute; left: 2px; top: 49px; z-index: 99; opacity: 0.7; text-align: center; filter:alpha(opacity=70)}
.photo_hover {z-index: 102}
#left-arrow {background: #F5D4A8 url('/images/group/left-arrow.gif') no-repeat 5px 35px; height: 71px; width: 27px; position: absolute; left: 0; top: 0; z-index: 101; cursor: pointer}
#image-viewer img.right-arrow, #image-viewer img.left-arrow {cursor: pointer; float:left; margin-top:20px}
#image-viewer div#image-viewer-slider-container{ float:left}
#drop-box{ float:right; position:relative; background-color:#fff; z-index:100}
#delete-icon {background: url('/images/group/delete-icon.jpg') no-repeat 50px 0px; height: 60px; width: 79px; padding: 0 3px 0 23px; z-index: 100; float:left}
#delete-icon.hover {background: url('/images/group/delete-icon-hover.jpg') no-repeat 50px 0px; z-index: 100}
#selection {border: 2px solid #acacac; width: 283px; height: 190px; position: relative; background: url('/images/group/frame-bg.jpg') repeat-x 0px 0px}
#selected-photo {left: 0; top: 0; position: absolute}
.photo-heading {font-size: 1.1em; font-weight: bold; color: #D9302E}
.txt-caption {width: 283px; height: 40px; position:static}
#thumbnail-loader{ position:absolute; top:0; left:0}
#profile-info{ float:left; margin-left:23px; width:23%}
#profile-stats{ background-color:#FCEDED; float:left; margin-left:0px; font-weight:bold; padding:5px; width:100%; border: solid 1px #D83936}
#roster{ float:left; margin-left:0px; clear:left; width:100%}
#roster h3{ margin-left:0}
#roster span{ margin-left:2px; font-weight:bold}
#profile-nav{ float:left; width: 400px}
#profile-nav span#next-link{ float:left}
#profile-nav span#previous-link{ float:left; padding-right: 10px}
#sidebar tr.current-group td{ background:#D9302E; color:#FFF}
#sidebar .current-group a{ color:#FFF}
div.add-caption{ text-align: right; clear: both; float:left; width:342px; font-size:.85em}
#groups {width: 100%}
div.invitations form div {height:35px;}
.content table.no-style{ border:none; background-color:transparent}
.content table.no-style td{ border:none; padding:0 10px; background-color:transparent}
a.recipe-link, a:link.recipe-link, a:visited.recipe-link {font-size: 1.1em; font-weight: bold; text-decoration:none }
.recipe-heading {font-size: 1.3em; font-weight: bold }
.daily-recipe{ float:left; clear:both; padding-bottom:10px }
.daily-recipe-description{ height:275px; font-size:1.1em; padding-right:10px; padding-bottom:80px}
table.no-style td.title{ font-size:1.1em; padding-bottom:5px}
table.no-style td.recipe-search-cell{ border-bottom: medium solid #624D32; text-align:left; width:195px}
.daily-recipe-image{ height:267px; width:267px; position:relative}
.daily-recipe-image #recipe-image{ position:absolute; top:2px; left:2px; height:265px; width:263px}
.daily-recipe-image a{ padding:0px}
.daily-recipe-image #recipe-mask{ position:absolute; top:0; left:0}
.browse-recipes{ float:left; width:193px; margin-left:15px; font-size:1em; font-weight: bold}
.daily-recipe h3{ margin-top:0px}
.browse-recipes table tbody tr td h5 {text-align: left; font-weight: bold; font-size: 1.1em; margin-top:0px; margin-bottom:0px}
.browse-recipes table tbody tr td{ text-align:center; padding-left:10px; padding-right:10px; border:none}
.browse-recipes table tbody tr td.course-link{ padding-bottom:5px}
#scan_by_course{ padding-top:10px; padding-bottom:10px}
a.search-button img{ margin-top:5px}
.ingredients ul{ padding-left:0px; margin-left:0px; margin-top:0px; list-style-position:inside }
.directions ol{ padding-left:0px; margin-left:0px; margin-top:0px; list-style-position:inside}
.directions ol li{ margin-bottom:5px }
div.fieldset-recipe {margin: 0; padding: 0; width:390px; height:80px; position:relative}
div.fieldset-recipe div.top {padding: 0 15px; width: 230px; height: 10px; overflow: hidden}
div.fieldset-recipe div.main {border:none; padding: 10px 15px; left:0; top:0; position:absolute; z-index:100}
div.fieldset-recipe div.background{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; background-color: #F0A6A5; padding-bottom:10px; opacity:.2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20)}
div.fieldset-recipe div.main p.legend {font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 15px 0}
div.fieldset-recipe div.bottom {width: 250px; height: 20px; overflow: hidden}
.recipe-nav{ float:left; clear:both; margin-bottom:25px}
.recipe-preview{ float:left; clear:both; margin-bottom:20px; width:100%; padding-bottom:10px; border-bottom:1px solid #BFBFBF}
.recipe-preview img {margin: 8px}
.recipe-preview img.recipe-thumbnail{ height:75px; border: 2px solid}
.recipe-preview-image{ float:left; margin:10px }
.recipe-preview-text{ float:left; padding-left: 10px }
.content .recipe-preview-title a{ font-size:1.3em; font-weight:bold}
.recipe-search-textbox{ float:left; padding-top:5px; padding-right:8px; color:white}
#recipe_search{ position:relative}
#searching_recipes{ position:absolute; top:80px; left:38px; text-align:center}
#sidebar #recipe_search_results{ height:400px}
#sidebar #results_list a{ font-size:.9em}
#sidebar #results_list .recipe-search-title{ width:100px; float:left; margin-right:5px}
#sidebar #results_list .recipe-result{ float:left; clear:both; margin-bottom:3px; border-bottom:1px solid #BFBFBF; width:100%}
#sidebar #results_list .recipe-search-thumbnail{ width:50px; float:left}
#sidebar #results_list .recipe-search-thumbnail img{ border:2px solid #D9302E}
div#recent-recipes{ margin-top:15px; margin-bottom:50px}
.content .recent-recipes-list{ margin-bottom:25px}
.content .recent-recipes-list li{ }
.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}
#recipe-image-container{ float:right; position:relative; width:269px; height:269px}
#recipe-image-container span.recipe-mask img, #recipe-image-container span.recipe-mask img{ position:absolute; top:0; left:0; z-index:100; display:block}
.recipe-image{ position:absolute; top:0; left:0; height:264px; width:263px; margin:2px; border:none; z-index:99; display:block}
#welcome-info{ }
#welcome-info-content{ margin-top:25px}
#small-header{ font-size:1.6em; color:#d77d31}
#large-header{ font-size:2.5em; color:#4f6931; line-height:1.0em}
#next-welcome-info{ text-align:right; width:100%; font-weight:bold; color:#D77D31}
div #welcome-image{ position:relative}
div #old-women{ position:absolute; top: 124px; left: 118px}
div #old-women img{ position:absolute; top:0; left:0}
#photo-area{ width:479px; float:left; clear:both}
#photo-frame{ position:relative; background-color:#cbcaca; width:483px}
#bottom-bar{ position:absolute; bottom:1px; left:1px; height:53px; width:100%; background-color:#EBEBEB; z-index:299}
#bottom-bar img.slideshow-control{ margin-top:5px; float:left; cursor:pointer}
#play-button{ position:absolute; left:86px; top: 8px; z-index:102}
#pause-button{ position:absolute; left:60px; top: 8px}
.team-photo{ position:absolute; top:3px; left:3px; width:479px; height:305px}
.team-photo img{ z-index: 3; position:relative}
#team-thumbnails-container{ float:right; margin-top:3px; margin-right:30px}
#team-thumbnails-container .thumbnails{ float:left; height:53px; width:252px; position:relative}
#team-thumbnails-container .thumbnails img{ border: 2px solid #acacac; position:absolute; top:0; cursor:pointer; visibility:visible; z-index:300}
#team-thumbnails-container .thumbnails-page{ position:absolute; width:252px; left:10px; z-index:299}
#team-thumbnails-container .arrow{ float:left; margin-top:10px; cursor:pointer}
#pause-icon,#play-icon{ position:absolute; left:200px; top:115px; z-index:102}
#pause-button:hover, #play-button:hover{ cursor:pointer; cursor:hand}
#photo-caption-container{ margin:10px 0 10px 0; font-size:1.0em; font-weight:bold; text-align:center; position:relative; height:50px}
#photo-caption-container div.caption{ position:absolute; text-align:center; width:100%; left:0; top:0}
#photo-caption-container div.caption #left-quote{ margin-right:10px}
#photo-caption-container div.caption #right-quote{ margin-left:10px}
form#order div.float-only{ float:left}
form#order div.float-with-margin{ float:left;margin-left:12px}
form#order div.float-and-clear{ float:left;clear:left;width:350px}
form#order div.button{ float:right;margin-left:9px;clear:both;margin-bottom:25px}
form#order div.column{ float:left;width:325px}
form#order input, form#order select{ margin:0}
form#order label{ margin-top:10px}
form#order div{ padding-bottom:0}
div.confirm-bottom{ float:left;clear:left;border-top:solid 1px #D9302E;width:100%;padding-top:15px}
div.confirm-bottom div.qty-total{ float:right;text-align:right;margin-bottom:10px}
div.confirm-bottom div.button {float:right;margin-left:9px;clear:right}
div.confirm-info{ float:left;width:215px}
div.confirm-info span.info-header{ color:#D9302E}
div.confirm-info span.info-header a{ font-size: .75em; text-decoration:underline}
.content form div.confirm-fields{ position:relative; padding:0; margin-bottom:.4em}
div.confirm-fields a{ font-size:.75em}
.content form div.confirm-fields input, .content form div.confirm-fields select{ margin:0}
#quantity{ text-align:right}
form#order div.example{ width:225px}
#security_code_help{ width: 200px; height:150px; background-color: #bdbdbd; padding: 5px; background: transparent url('/images/wftr/security-code-bg.gif') no-repeat 0 0; padding:20px 10px; font-size:.9em}
.cal table {border: 2px solid #CBCBCB; padding: 0; margin: 0; background-color: #FFF; border-collapse: collapse}
.cal table thead tr th {background-color:red; 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:red; 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: #DFE3F3}
.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 td.selected {background: #3B4F9F; 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 {}