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}
#welcome_slides {height:318px}
#welcome-shoes {margin: 0 20px 20px 0; float: left}
#welcome-info {padding-right: 30px}
#nav-primary {margin: 0; font-size: 1.4em; color: #fff; margin-left: 2em; line-height: 20px}
body.l0 #nav-primary {margin: 0; margin-left: 250px; font-size: 1.2em; text-transform: uppercase; width: 360px}
#nav-primary a {color: #fff}
#nav-primary a:hover {color: #f9c33b}
#nav-secondary {width: 300px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.25em; background: none}
#promo {padding: 0 0 0 30px; float: left; width: 308px; height: 410px}
#promo h1 {font-size: 1.8em; line-height: 1.2em; color: #7e0c09}
#promo-logo {margin: 20px 0 0 0}
#slides {position: relative; background: url('/images/walktober/marketing/laptop_screen_versioned_1.0.jpg') no-repeat; float: right; height: 410px; width: 585px}
#features {clear: both; width: 880px; height: 228px; background: url('/images/walktober/marketing/bg_options_table_versioned_1.0.gif') no-repeat; margin: 0 auto}
div.feature {padding: 0 5px 0 15px; width: 203px; float: left}
#container.closed {background: url('/images/welcome/closed-bg.jpg') no-repeat; height: 650px !important; overflow: hidden}
#collect-email {position: absolute; top: 280px; left: 320px; width: 400px}
#campaigns {position: absolute; top: 450px; left: 260px;}
#khph-msg {position: absolute; top: 538px; left: 223px; height: 39px; line-height: 39px; font-size: .9em}
#khph-msg a:link, #khph-msg a:visited, #khph-msg a:active {color: #E24814}
#khph-msg a:hover {color: #000}
#khph-msg div {float: left}
#khph-msg div.slogan {height: 39px; width: 200px; text-align: center}
.confirm {margin: 15px 0 0 125px; font-size: 1.2em; font-weight: bold; color: #E24814}
div.feature p {font-size: 0.9em}
div.feature h4, div.more h4 {margin: 15px 0 5px 0; padding: 0}
div.more h4 {margin-top: 28px}
div.feature img {float: right; margin: 0 0 0 5px}
div.more {float: left; width: 200px; padding: 0 5px}
div.more ul {font-size: 0.9em; list-style: none}
div.more ul li {height: 43px; margin-left: 0}
div.slide, div.final {width: 403px; height: 253px; position: absolute; top: 42px; left: 84px; z-index: 10000}
div.slide img {position: absolute; top: 0px; left: 0px}
div.slide p {font-size: 0.9em; margin: 0; font-weight: bold; color: #fff; position: absolute; bottom: 0; left: 5px; width: 392px}
div.slide p span {color: #f9c33b}
div.final div.left, div.final div.right {position: absolute; top: 120px; width: 200px; text-align: center}
div.final div.left {left: 0}
div.final div.right {right: 0}
*/ div.final div.right {right: 100px}
a.action {color: #ffe69b; font-weight: bold; font-size: 2em; line-height:2em;}
a.action:hover {color: #fff}
div.bg-fade {width: 878px; border: 1px solid #ededa7; background: #fff url('/images/walktober/marketing/bg_fade_versioned_1.0.gif') repeat-x}
div.registration {width: 848px; margin: 15px 30px; padding: 15px}
div.registration div.fieldset {background: transparent; border: none; padding: 0}
#demo {text-align: right}
#demo, #get-started {position: relative; margin: 30px 15px 1em 15px; padding: 0 15px}
#get-started {padding-top: 30px}
#get-started div#intro {position: relative}
#thanks {position: relative; margin: 20px 14px; padding: 0 15px; width: 879px; height: 460px}
#walkers {position: absolute; bottom: 0; left: 0}
#demo-title {position: absolute; top: -20px; left: 351px}
#get-started-title {position: absolute; top: -20px; left: 359px}
#submit-btn {float: right}
#thanks-msg {position: absolute; top: 30px; left: 600px; width: 300px}
#intro {position: absolute; bottom: 475px; left: 25px; color: #495f31; font-size: 1.3em}
#intro sup, sup#attendees {font-size: .6em}
label.validation-failed {color: #e14d03}
input.validation-failed, select.validation-failed {background-color: #fff; border: 1px solid #e14d03}
#dr div.hidden {display: none}
.example {font-size: .9em; color: #495f31}
#notes {font-size: 0.9em; margin: 0 20px}
#khph {position: absolute; bottom: 0; left: 90px; height: 39px; line-height: 39px; margin: 0 50px; background: #fff url('/images/walktober/marketing/khph-tab_versioned_1.0.gif') no-repeat 55px 0}
#khph a:link, #khph a:visited, #khph a:active {color: #fff}
#khph a:hover {color: #000}
#khph div {float: left; padding-right: 5px}
#khph div.slogan {height: 39px; width: 239px; text-align: center}