*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
.clear { clear: both; }
.hide { display: none; }
p { margin: 0em 0 1.2em 0; }
a img { border: none; }
.overflow { overflow: hidden; width: 100%; }
acronym { border-bottom: none; }

body { background: #72A1B5; color: #333; font: normal 12px Arial, Helvetica, sans-serif; }

body #site .printonly { display: none; }

/* --------- General Content -------- */
a { color: #0093d0; text-decoration: none; }
a:hover { color: #06a; }
ul, ol { margin: 0 0 1.2em 2.2em; }
.sIFR-flash { outline: none; }

div.frame { position: absolute; width: 400px; padding: 0; }

hr { background-color: #e3eef2; color: #e3eef2; height: 1px; margin: 0 0 10px 0; border: none; }

object, embed { outline: none; }

img.align-left { float: left; }
img.align-right { float: right; }

tr.align-left, tr.align-right, td.align-left, td.align-right, th.align-left, th.align-right { float: none; }

/* --------- Main Layout ---------- */
#site { background: #c1dfec url(/images/sitebg.gif) top left repeat-x; width: 100%; }
body.admintoolbaropen #site { margin-top: 40px; }

#container { width: 960px; margin: 0 auto; overflow: hidden; padding: 0 0 10px 0; }

#sitecontent { width: 100%; overflow: hidden; padding: 10px 0 0 0; }

#leftcontent { float: left; width: 710px; overflow: hidden; }
#leftcontent #leftcolumn { float: left; width: 460px; overflow: hidden; }
#leftcontent #rightcolumn { float: right; width: 240px; overflow: hidden; }

#rightcontent { float: right; width: 240px; }

#herointro { width: 710px; height: 290px; margin: 0 0 10px 0; outline: none; }

.cms_page .editable { min-height: 20px; }

/* ---------- Footer ---------- */
#footer { background:url(/images/footer_repeat.gif) top left repeat-x #72a1b5; color:#dae6ea; line-height:1.3em; font-size:11px; }
#footer .inner { width: 960px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
#footer .copyright { float: right; width: 300px; height: 90px; position: relative; }
#footer .copyright .text { text-align: right; margin-right: 108px; }
#footer .copyright a.logo { float: right; display: block; width: 93px; height: 48px; background: url(/images/footer-wwa.gif) 0px 0px no-repeat; }
body #footer .copyright a:hover { background-position: 0px -60px !important; }
#footer .copyright a span { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; }
#footer .copyright .siteby { position: absolute; top: 60px; right: 0px; width: 200px; overflow: hidden; }
#footer .copyright .siteby a.cleverstarfish { float: left; display: block; width: 78px; height: 23px; background: url(/images/footer-starfish.gif) 0px 0px no-repeat; }
#footer .copyright .siteby a.madpilot { float: right; display: block; width: 101px; height: 27px; background: url(/images/footer-madpilot.gif) 0px 0px no-repeat; }
#footer #sitemap { float: left; width: 600px; overflow: hidden; font-weight: bold; }
#footer #sitemap a { font-weight: normal; }
#footer #sitemap a:hover { color: #fff; }
#sitemap div { float: left; width: 140px; }
#footer a { color: #376376; text-decoration: none; }

/* ---------- Header ---------- */
#header { width:100%; height:100px; }
#header h1#wwa-logo { width: 204px; height: 100px; float: left; }
#header h1#wwa-logo a { width: 204px; height: 100px; display: block; background: url(/images/wwa-logo.gif) 0px 0px no-repeat; }
#header h1#wwa-logo a span { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; }

/* ---------- Jump Boxes ---------- */
#panelbutton-newsletter { margin: -4px 0 7px 0; }
#panelbutton-newsletter a { display: block; height: 78px; width: 240px; background: url(/images/newsletter-signup.gif) 0px 0px no-repeat; overflow: hidden; text-indent: -9999em; outline: none; }
#panelbutton-newsletter a:hover, #panelbutton-newsletter a:focus { background-position: 0px -80px; }

#startshopping { margin: 7px 0; }
#kilometres-walked { background:url(/images/kilometres_walked.gif) top left no-repeat; width:240px; height:140px; color:#888; position: relative; margin: 0 0 10px 0; outline: none; }
#kilometres-walked #kms { position: absolute; width: 200px; height: 30px; top: 67px; left: 21px; margin:0; padding:0 }
#kilometres-walked #kms span { float: left; width: 20px; height: 30px; display: block; background: url(/images/kilometres_walked_num.gif) 0px 0px no-repeat; text-indent: -9999em; overflow: hidden; }

#kilometres-walked #kms span.number-0 { background-position: 0px 0px; }
#kilometres-walked #kms span.number-1 { background-position: 0px -30px; }
#kilometres-walked #kms span.number-2 { background-position: 0px -60px; }
#kilometres-walked #kms span.number-3 { background-position: 0px -90px; }
#kilometres-walked #kms span.number-4 { background-position: 0px -120px; }
#kilometres-walked #kms span.number-5 { background-position: 0px -150px; }
#kilometres-walked #kms span.number-6 { background-position: 0px -180px; }
#kilometres-walked #kms span.number-7 { background-position: 0px -210px; }
#kilometres-walked #kms span.number-8 { background-position: 0px -240px; }
#kilometres-walked #kms span.number-9 { background-position: 0px -270px; }

#site #kilometres-walked #kms span.white-number { background-image: url(/images/kilometres_walked_num2.gif); }

#kilometres-walked #perday { position: absolute; bottom:20px; width:240px; text-align:center; }

#panel-funfacts { width: 240px; margin: 0 0 10px 0; }
#panel-funfacts .funfacts-text { background:url(/images/funfacts-bg.gif) top left no-repeat; text-align:center; padding: 15px; color: #43788e; font: italic 13px/1.4em Arial, Helvetica, sans-serif; }
#panel-funfacts a#more_fun_facts { width: 240px; height: 30px; background: url(/images/funfacts-button.gif) 0px 0px no-repeat; outline: none; display: block; text-indent: -9999em; overflow: hidden; }
#panel-funfacts a#more_fun_facts:hover, #panel-funfacts a#more_fun_facts:focus { background-position: 0px -30px; }
#panel-funfacts a#more_fun_facts:active { background-position: 0px -60px; }

#panel-testimonials .testimonials-text { line-height: 1.4em; }
#panel-testimonials .testimonials-text cite { font-weight: bold; text-align: right; display: block; padding: 5px 0 0 0; color: #43788e; }

#panel-testimonials-list blockquote { text-align: left; }
#panel-testimonials-list cite { text-align: right; font-weight: bold; color: #43788E; font-style: italic; display: block; }

#panel-testimonials-list .panel-related textarea { width: 676px; height: 90px; padding: 5px; margin: 0 0 5px 0; }
#panel-testimonials-list .panel-related fieldset { margin: 0; clear: none; }
#panel-testimonials-list .panel-related fieldset.buttons { width: auto; float: left; }
#panel-testimonials-list .panel-related button { float: left; }
#panel-testimonials-list .panel-related .checkbox_group { margin-left: 160px; }
#panel-testimonials-list .panel-related .checkbox_group label { margin: 0; padding: 5px 0 0 0; }

#bottom-ads { width: 980px; overflow: hidden; }
#bottom-ads div { float: left; margin: 0 10px 0 0; }
.pic-push {  }

.clear { clear:both; }
#search { float: right; width: 200px; height: 40px; }
#search label { display: none; }
#search input { height: 16px; width: 150px; background: url(/images/nav/searchfield.gif) 0px 0px no-repeat; margin: 7px 0 0 0; padding: 5px; border: none; color: #888; font-size: 12px; float: left; }
#search input:hover, #search input:focus, #search input:active { background-position: 0px -40px; color: #444; }
#search button { background: url(/images/nav/searchbutton.gif) 0px 0px no-repeat; height: 40px; width: 38px; padding: 0; margin: 0; border: none; cursor: pointer; float: right; outline: none; }
#search button:hover, #search button:focus { background-position: 0px -40px; }
#search button:active { background-position: 0px -80px; }
#search button span { position: absolute; margin-left: -9999em; }

#sponsor { float:right; margin:20px 8px 0 0; }

/* ---------- User/Login Panel ---------- */
#login-panel { width: 420px; height: 70px; background: url(/images/login_panel.gif) 0px 0px no-repeat; float: right; margin: 20px 0 0 0; }
#login-panel .inner { padding: 8px; }
#login-panel .login-panel-avatar { float: left; width: 52px; height: 52px; border: 1px solid #cadde6; }
#login-panel .login-panel-details { margin-left: 64px; }
#login-panel .login-panel-details .welcome-greeting { color: #43788e; font-size: 14px; padding: 4px 0 4px 0; }

#login-panel .login-panel-buttons { float: right; width: 80px; }
#login-panel .login-panel-buttons a { width: 80px; height: 25px; display: block; outline: none; background-position: 0px 0px; background-repeat: no-repeat; }
#login-panel .login-panel-buttons a:hover, #login-panel .login-panel-buttons a:focus { background-position: 0px -25px; }
#login-panel .login-panel-buttons a:active { background-position: 0px -50px; }
#login-panel .login-panel-buttons a.button-passport { background-image: url(/images/button-userpanel-passport.gif); margin-bottom: 5px; }
#login-panel .login-panel-buttons a.button-logout { background-image: url(/images/button-userpanel-logout.gif); }
#login-panel .login-panel-buttons a span { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; }

#login-panel form#loginform ol { position: relative; }
#login-panel form#loginform li { margin: 0; padding: 0; }
#login-panel form#loginform li.field-username { position: absolute; top: 0px; left: 0px; width: 160px; height: 24px; }
#login-panel form#loginform li.field-password { position: absolute; top: 28px; left: 0px; width: 160px; height: 24px; }
#login-panel form#loginform li.button { position: absolute; top: 0px; left: 164px; width: 80px; height: 53px; }
#login-panel form#loginform li.rememberme { position: absolute; top: 10px; left: 270px; width: 120px; height: 20px; }
#login-panel form#loginform li.rememberme input { margin-right: 0.5em; }
#login-panel form#loginform li.forgotpassword { position: absolute; top: 30px; left: 270px; width: 120px; height: 20px; }

#login-panel form#loginform li input.text { background: url(/images/userpanel-input.gif) 0px 0px no-repeat; width: 152px; height: 16px; padding: 4px; margin: 0; border: none; color: #bdc5c9; }
#login-panel form#loginform li input.text:hover, #login-panel form#loginform li input.text:focus { background-position: 0px -30px; color: #444; }

#login-panel form#loginform li.button button { background: url(/images/formbutton-memberlogin.gif) 0px 0px no-repeat; width: 80px; height: 53px; display: block; cursor: pointer; border: none; padding: 0; margin: 0; }
#login-panel form#loginform li.button button:hover, #login-panel form#loginform li.button button:focus { background-position: 0px -60px; }
#login-panel form#loginform li.button button:active { background-position: 0px -120px; }
#login-panel form#loginform li.button button span { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; display: block; }

/* ---------- Navigation / Menu ---------- */
#nav { width: 960px; overflow: hidden; background: url(/images/menubg.gif) 0px 0px no-repeat; }
#nav ul, #nav li { margin:0; padding:0; list-style:none; }
#nav li { float:left; }
#nav li a { height:40px; display:block; background: url(/images/nav/home.gif) 0px 0px no-repeat; outline: none; }
#nav li#nav-index a { background-image: url(/images/nav/home.gif); width:65px; }
#nav li#nav-about-us a { background-image: url(/images/nav/about_us.gif); width:87px; }
#nav li#nav-articles a { background-image: url(/images/nav/articles.gif); width:85px; }
#nav li#nav-community a { background-image: url(/images/nav/community.gif); width:102px; }
#nav li#nav-contact a { background-image: url(/images/nav/contact.gif); width:85px; }
#nav li#nav-corporate a { background-image: url(/images/nav/corporate.gif); width:99px; }
#nav li#nav-challenges a { background-image: url(/images/nav/walking_challenges.gif); width:164px; }
#nav li#nav-faqs a { background-image: url(/images/nav/faq.gif); width:50px; }

body #container #nav ul li a:hover, body #container #nav ul li a:focus, body #container #nav ul li:hover a { background-position: 0px -40px; }
body #container #nav ul li a.active { background-position: 0px -80px; }
body #container #nav ul li a.active:hover, body #container #nav ul li a.active:focus, body #container #nav ul li:hover a.active { background-position: 0px -120px; }
body #container #nav ul li a:active { background-position: 0px -120px; }
body #container #nav ul li:hover li a { background-image: none; }

#nav li a span { position: absolute; margin-left: -999em; }
#nav li li a span { position: inherit; margin-left: auto; }
#nav li ul { position: absolute; left: -999em; z-index: 999; }
#nav li:hover ul { left: auto; }
#nav li ul li { float: none; width: 210px; }
body #container #nav ul li li a { color: #fff; font-size: 14px; line-height: 30px; height: 30px; padding-left: 10px; width: 200px; background-image: none; background: #0f9aea; }
body #container #nav ul li li a:hover { background: #087be0; text-decoration: none; }

/* ---------- Noticeboard ---------- */
#noticeboard { width:710px; height:500px; background:url(/images/noticeboard.jpg) top left no-repeat; position: relative; z-index:9; }
#board-messages { position: absolute; top:90px; left: 100px; font-size:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#000; }
#board-trophy { }
#board-announcements { position: absolute; left: 229px; top:107px; width:210px; font-weight:bold; }
#board-announcements ul, #board-announcements li { list-style:none; margin:0; padding:0; width:210px; line-height:21px; }
.announce-date { float:right; color:#888; }
#board-announcements ul { height:171px; }
#board-challenges { position: absolute; left: 487px; top:96px; text-align:center; font-weight:bold; height:197px; }
#board-challenges ul, #board-challenges li { margin:0; padding:0; list-style:none; line-height:21px; width:190px; }
#board-challenges ul { height:174px; }
#board-challenges a { color:#3d8e2c; }
#board-photos { }

/* ---------- member Navigation / Menu ---------- */
#membernav { margin-top: 10px; }
#membernav ul, #membernav li { padding:0; margin:0; list-style:none; height:50px; }
#membernav li { float:left; }
#membernav li a { height:50px; display:block; outline: none; }
#membernav li a span { position: absolute; left: -999em; }
#membernav li#member-noticeboard a { background:url(/images/membernav/noticeboard.gif) 0px 0px no-repeat; width:125px; }
#membernav li#member-virtualmap a { background:url(/images/membernav/virtualmap.gif) 0px 0px no-repeat; width:100px; }
#membernav li#member-leaderboard a { background:url(/images/membernav/leaderboard.gif) 0px 0px no-repeat; width:108px; }
#membernav li#member-trophyroom a { background:url(/images/membernav/trophyroom.gif) 0px 0px no-repeat; width:108px; }
#membernav li#member-wakingbuddies a { background:url(/images/membernav/walkingbuddies.gif) 0px 0px no-repeat; width:128px; }
#membernav li#member-messages a { background:url(/images/membernav/messages.gif) 0px 0px no-repeat; width:93px; }
#membernav li#member-calendar a { background:url(/images/membernav/calendar.gif) 0px 0px no-repeat; width:91px; }
#membernav li#member-charts a { background:url(/images/membernav/charts.gif) 0px 0px no-repeat; width:75px; }
#membernav li#member-wellnesscentre a { background:url(/images/membernav/wellnesscentre.gif) 0px 0px no-repeat; width:132px; }
body #site #container #membernav li a:hover, body #site #container #membernav li a:focus { background-position: 0 -50px; }
body #site #container #membernav li a:active, body #site #container #membernav li a.active { background-position: 0 -100px; }

/* ---------- Bastic Form Styling --------- */
#container ol.formlist, #container ul.formlist { list-style: none; margin: 0; padding: 0; }
#container ol.formlist li, #container ul.formlist li { list-style: none; margin: 0; padding: 2px 0; }

table { margin:10px 0; }
table td, table th { padding:3px; }

fieldset { border: 0px; margin: 0 0 20px 0; }
fieldset.nomargin { margin: 0; padding: 0; }
legend { font-size:1.1em; font-weight:bold; color:#43788E; margin:0 0 10px 0; padding:0; }
#site fieldset h4 { font-size:1.1em; font-weight:bold; color:#43788E; margin:0 0 10px 0; padding:0; }
#site fieldset.advanced { border: 1px solid #A2C8D8; background: #DAECF4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; padding: 10px; }
#site fieldset.advanced h4 { cursor: pointer; background: url(/images/cms/up2.gif) top right no-repeat; }
body #site fieldset.folded h4 { cursor: pointer; margin: 0; background-image: url(/images/cms/down2.gif); }
label, .label { display: block; clear: both; }
label img { vertical-align:top; }
label span.text_label, .label span.text_label { height:1.4em; line-height:1.4em; float: left; width: 10em; }
label span.text_label_wide { height:1.4em; line-height:1.4em; float: left; }
label span.text_label_block { height: auto; line-height: 1.4em; float: none; width: auto; display: block; }
fieldset.checkbox_group label { margin-bottom: 0; margin-left: 9em; }
fieldset.checkbox_group span.text_label { float:none; width:auto; }
/*input, select, textarea { font-family: inherit; font-size: 100%; border: 1px #c6c6c6 solid; height: 1.4em; padding: 0.30em; background-image: url(/images/input-background.png); background-repeat: repeat-x; background-color: #f3f3f3; width: 30em; }*/
input, select, textarea { font: 100% Arial, Helvetica, sans-serif; color: #313f48; padding: 4px; margin-bottom: 5px; }
textarea { height:auto; }
/*select { height: 2.1em; width: 31em; }*/
input[type=hidden] { border: 0 none; background-image: none; background-color: transparent; padding: 0; margin: 0; }
input[type=file] { height: 2em; padding: 0; font-size: 1.11em; }
input[type=radio], input[type=checkbox] { height: auto; width: auto; padding: 0; border: 0 none; background-image: none; background-color: transparent; padding: 0; margin: 2px 5px 0 0; float: left; }
textarea { height: 10em; }
form fieldset .forgotten_password { margin-left: 10em; }
span.mceEditor { margin-bottom: 10px; }
fieldset.membership_info fieldset label{ margin-left: 0px; }
fieldset.membership_info fieldset { padding-left: 0px; }
fieldset.optional_info label span.text_label { width: auto; margin-bottom: 4px; }
fieldset select{ width:213px; }
#user_login { float: left; }
button#availability { float: left; margin: 0 1em; }
input.text-disabled, input[type=text][disabled] { border: 1px solid #ddd; border-top: 1px solid #ccc; color: #aaa; background: #f8f8f8; }

button { font: 100% Arial, Helvetica, sans-serif; background: transparent url(/images/formbutton-smallwide.gif) no-repeat 0 0; border: none; color: #4F5F69; cursor: pointer;
display: block; font-weight: bold; height: 25px; width: 150px; text-shadow: 0px 1px 0px #ecf6fa; }
button:hover, button:focus { background-position: 0 -26px; color: #313F48; }
button:active { background-position: 0 -52px; color: #313f48; }
body button.disabled, body button[disabled=disabled] { color: #888; text-shadow: 0px 1px 0px #fff; background-position: 0px -90px; cursor: default; }

.default { color: #bdc5c9; }
fieldset.hidden { display: none; }
span.footnote { color: #828282; font-size: 90%; display: block; clear: left; padding-bottom: 8px; }

.note { color: #888; font-size: 11px; }

.fieldnote { font-size: 11px; color: #888; font-style: italic; }
#container ol.formlist li input, #container ul.formlist li input, #container ol.formlist li select, #container ul.formlist li select { margin: 0; }

/* ---------- Admin Nav Toolbar Administrator ---------- */
#adminnav { padding: 0; margin: 0; background: url(/images/adminnav.gif) bottom left repeat-x #444; height: 40px; position: fixed; left: 0; right: 0; top: 0; z-index: 30000;}
#adminnav ul { padding: 0; margin: 0 auto 0 auto; list-style: none; height: 40px; width: 960px; }
#adminnav ul li { margin: 0; padding: 0; float: left; list-style: none; height: 40px; }
#adminnav ul li a { color: #aaa; display: block; float: left; padding: 12px; height: 16px; background: transparent; }
#adminnav ul li a:hover, #adminnav ul li:hover a { color: #fff; background: url(/images/adminnav.gif) 0px -40px repeat-x; text-decoration: none; }
#adminnav ul li:hover li a { background-image: none; }
#adminnav ul li ul { position: absolute; left: -9999em; z-index: 999; margin: 0; padding: 0; top: 40px; width: 200px; background: #222; height: auto; }
#adminnav ul li:hover ul { left: auto; }
#adminnav ul li ul li { float: none; margin: 0; padding: 0; height: auto; }
body #adminnav ul li ul li a { display: block; padding: 4px; float: none; color: #aaa; }
body #adminnav ul li ul li a:hover { background: #333; }

/* ---------- Sitemap ---------- */
div.sitemap ol { padding:0; margin: 0; }
div.sitemap ol li { padding:0; margin:0; list-style: none; }
div.sitemap ol li { margin: 0 0 0 1em; }
div.sitemap ol li.draft a { color: #888; }

fieldset.radio_group.page_parent ol { padding:0; margin: 0 0 0 1em; }
fieldset.radio_group.page_parent ol li { padding:0; margin:0; list-style: none; }
fieldset.radio_group label { margin: 0; }
fieldset.radio_group label span.text_label { float: none; width: auto; }

fieldset.radio_group_inline { width: 100%; overflow: hidden; }
fieldset.radio_group_inline label { float: left; margin: 0 20px 0 10px; clear: none; }
fieldset.radio_group_inline label span.text_label { width: auto; }

fieldset.radio_group_indent { width: 100%; overflow: hidden; }
fieldset.radio_group_indent label { float: none; margin: 0 0 0 10px; }
fieldset.radio_group_indent label span.text_label { float: none; width: auto; }

div.challenge-map { width: 640px; height: 480px; overflow: hidden; background-color: #ddd; background-repeat: no-repeat; background-position: top left; border: 2px solid #0093D0; }
div.challenge-map img.map { display: none; }
div.challenge-map img.waypoint { position: relative; }
div.bubble { position: absolute; z-index: 25; margin: 0; padding: 0; }
div.bubble div.canvas { margin: 0; padding: 0; }
div.bubble div.html { margin: 0; background-color: #FFF; padding: 1em; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }
div.bubble div#image_container { float: left; border: 1px solid #ddd; width: 64px; height: 64px; margin-right: 1em; text-align: center; }
div.bubble h1 { margin: 0; padding: 0; font-size: 120%; }
div.bubble p { margin: 0; padding: 0; }
div.bubble a.close { float: right; }
div.waypoint.editor fieldset { border: 0 none; margin: 0; padding: 0; }
div.waypoint.editor legend { display: none; }
div.waypoint.editor span.text_label { width: 4em; float: none; }
div.waypoint.editor label { float: none; display: inline; }
label#waypoint_name_label { display: block; }
label#waypoint_description_label { display: block; clear: left; margin-top: 1em; }
div.waypoint.editor input#waypoint_name { width: 12em; }
div.waypoint.editor input#waypoint_goal_date { width: 8em; }
div.waypoint.editor input#waypoint_quantity { width: 3em; }
div.waypoint.editor textarea { width: 18em; height: 3em; }
div.waypoint.overlay { background-color: #000; z-index: 20; width: 640px; height: 480px; position: absolute; }
div.waypoint.editor label.advanced { display: block; cursor: pointer; background-repeat: no-repeat; background-image: url(/images/cms/down.gif); background-position: top right; }
div.waypoint.editor label.advanced.folded { background-image: url(/images/cms/up.gif); }
div.waypoint.editor label.advanced span.text_label { display: block; width: auto; }
div.waypoint.editor label.advanced.folded textarea { display: none; }
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { display: inline; margin: 0 0.5em; }
ul.tabs li a.active { border-bottom: 2px solid #0093D0; }
fieldset.buttons { margin-left: 10em; clear:both; }
fieldset.wizard { margin-left: 0; }
fieldset.wizard .next { float: right; }
fieldset.wizard .previous { float: left; }

.panel-related fieldset.wizard { margin: 0; padding: 0; }

.panel-related fieldset.wizard a.button,
.panel-related fieldset.wizard button { background: url(/images/button-wizard.gif) 0px 0px no-repeat; display: block; width: 140px; height: 35px; text-align: center; margin: 0; padding: 0; font-weight: bold; color: #4f5f69; }
.panel-related fieldset.wizard a.button:hover, .panel-related fieldset.wizard a.button:focus,
.panel-related fieldset.wizard button:hover, .panel-related fieldset.wizard button:focus { background-position: 0px -40px; color: #313f48; }
.panel-related fieldset.wizard a.button:active,
.panel-related fieldset.wizard button:active { background-position: 0px -80px; }
.panel-related fieldset.wizard a.button-diabled { background-position: 0px -120px; }
.panel-related fieldset.wizard a.button span { display: block; width: 140px; text-align: center; padding: 9px 0 0 0; }

img.left { float: left; margin: 0 1em 0 0; }
img.right { float: right; margin: 0 0 0 1em; }
br.clear { clear: both; margin: 0; padding: 0; }

fieldset.buttons button { background: url(/images/formbutton-smallwide.gif) 0px 0px no-repeat; border: none; width: 150px; height: 25px; display: block; cursor: pointer; outline: none; font-weight: bold; color: #4f5f69; }
fieldset.buttons button:hover, fieldset.buttons button:focus { background-position: 0 -26px; color: #313f48; }
fieldset.buttons button:active { background-position: 0 -52px; color: #313f48; }

body #site button.button-huge, body #site a.button-huge { background: url(/images/button-huge.gif) 0px 0px no-repeat; border: none; width: 240px; height: 33px; display: block; cursor: pointer; outline: none; font-weight: bold; color: #4f5f69; font-size: 14px; text-shadow: 0px 1px 0px #ebf4f8; }
body #site a.button-huge { text-align: center; }
body #site a.button-huge span { display: block; padding-top: 7px; }
body #site button.button-huge:hover, body #site fieldset.buttons button.button-huge:focus,
body #site a.button-huge:hover, body #site fieldset.buttons a.button-huge:focus { background-position: 0 -34px; color: #313f48; }
body #site button.button-huge:active, body #site a.button-huge:active { background-position: 0 -68px; color: #313f48; }


/* --------- General Content Boxes/Styling ---------- */
.panel { margin-bottom: 10px; }
.panel .panel-breadcrumb { background: url(/images/panel-full-breadcrumb.gif) left top no-repeat; padding: 8px 10px 10px 10px; color: #69b; font-size: 11px; }
.panel .panel-breadcrumb .inner, .panel .panel-breadcrumb-float .inner { width: 100%; overflow: hidden; }
.panel .panel-breadcrumb .sep, .panel .panel-breadcrumb-float .sep { font-size: 14px; }

.panel .panel-breadcrumb-float { background: url(/images/panel-breadcrumb-float-large.gif) left top no-repeat; padding: 6px 10px 0 10px; color: #69b; font-size: 11px; height: 24px; }

.panel .panel-head { background: url(/images/panel-full-head.gif) 0px 0px no-repeat; height: 40px; }
.panel .panel-head h2 { float: left; font-size: 15px; font-weight: normal; color: #fff; margin: 10px 0 0 10px; }
.panel .panel-head h3 { float: left; font-size: 14px; font-weight: normal; color: #fff; margin: 12px 0 0 10px; }

.panel .panel-subhead { background: url(/images/panel-full-head.gif) 0px -80px no-repeat; height: 34px; margin: -1px 0 0 0; }
.panel .panel-subhead h3 { float: left; font-size: 12px; font-weight: normal; color: #fff; margin: 6px 0 0 10px; letter-spacing: -1px; width: 250px; }
/*.panel h3.sifr-related { float: left; }*/

.panel-head a { width: 100px; height: 40px; float: right; display: block; text-indent: -9999em; overflow: hidden; outline: none; background-position: 0px 0px; background-repeat: no-repeat; }
.panel-head a:hover, .panel-head a:focus { background-position: 0px -40px; }
.panel-head a:active { background-position: 0px -80px; }

.panel .panel-content { background: url(/images/panel-full-content.gif) left bottom no-repeat; padding: 10px; }
.panel .panel-content .inner { width: 100%; overflow: hidden; }
body #site .panel .panel-content-topline { border-top: 1px solid #97c4d8; }

.panel .panel-salespitch { background-color: #fff; border-left: 1px solid #97c4d8; border-right: 1px solid #97c4d8; border-bottom: 1px solid #97c4d8; width: 708px; overflow: hidden; }
.panel .panel-salespitch .inner { overflow: visible; padding: 10px; width: auto; }

.panel .panel-precontent { border: 1px solid #a2c8d8; border-top: none; background: #daecf4; padding: 10px; color: #4f5f69; }
.panel .panel-precontent .inner { width: 100%; overflow: hidden; }

.panel .panel-related { background: url(/images/panel-full-related.gif) left bottom no-repeat; padding: 10px; }
.panel .panel-related .inner { overflow: hidden; width: 100%; }
.panel .panel-related ul { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; }
.panel .panel-related ul li { list-style: none; margin: 0 0 0 10px; padding: 2px 0 2px 12px; background: url(/images/related-raquo.gif) 0px 7px no-repeat; float: left; width: 300px; }

.panel-categories .panel-content ul { list-style: none; margin: 0; padding: 0; }
.panel-categories .panel-content ul li { list-style: none; margin: 0 0 0 5px; padding: 2px 0 2px 12px; background: url(/images/related-raquo.gif) 0px 7px no-repeat; }

.panel a.panel-button-readmore { background: url(/images/panel-small-readmore-green.gif); display: block; width: 100%; height: 30px; outline: none; margin-top: -1px; }
.panel a.panel-button-readmore:hover, .panel a.panel-button-readmore:focus { background-position: 0px -30px; }
.panel a.panel-button-readmore:active { background-position: 0px -60px; }
.panel a.panel-button-readmore span { display: block; width: 100%; height: 30px; text-indent: -9999em; overflow: hidden; }

body .panel-full ul.panel-tabs { height: 37px; background: #0980c4 url(/images/panel-tabs-bg.gif) top left no-repeat; color: #fff; font-size: 14px; padding: 3px 0 0 3px; display: block; cursor: pointer; list-style: none; margin: 0; }
body .panel-full ul.panel-tabs li { float: left; width: 175px; height: 25px; background: url(/images/panel-tabs-large-active.gif) 0px 500px no-repeat; text-align: center; line-height: 11px; padding: 12px 0 0 0; list-style: none; margin: 0 1px 0 0; }
body .panel-full ul.panel-tabs li a, body .panel-full ul.panel-tabs li a:hover { color: #fff; }
body .panel-full ul.panel-tabs li.current { background-position: top left; color: #4f5f69; }
body .panel-full ul.panel-tabs li.current a { color: #4f5f69; }

body .panel-full ul.panel-tabs.challenge-editor li { width: 100px;}

body #site .panel-full ul.link-tabs li { height: 37px; padding-top: 0px; }
body #site .panel-full ul.link-tabs li a { display: block; width: 100%; height: 25px; padding-top: 12px; }

/* --- Wide Panel --- */
body .panel-wide .panel-breadcrumb { background-image: url(/images/panel-wide-breadcrumb.gif); }
body .panel-wide .panel-head { background-image: url(/images/panel-wide-head.gif); }
body .panel-wide .panel-content { background-image: url(/images/panel-wide-content.gif); }
body .panel-wide .panel-related { background-image: url(/images/panel-wide-related.gif); }
body .panel-wide .panel-head h2 { width: 750px; }
body .panel-wide .panel-breadcrumb-float { background: url(/images/panel-breadcrumb-float-wide.gif) left top no-repeat; }
body .panel-wide .panel-subhead { background-image: url(/images/panel-wide-head.gif); }

/* --- Full Panel --- */
body .panel-full .panel-breadcrumb { background-image: url(/images/panel-full-breadcrumb.gif); }
body .panel-full .panel-head { background-image: url(/images/panel-full-head.gif); }
body .panel-full .panel-content { background-image: url(/images/panel-full-content.gif); }
body .panel-full .panel-related { background-image: url(/images/panel-full-related.gif); }
body .panel-full .panel-head h2 { width: 500px; }
body #site .panel-full .shorter-title h2 { width: 460px; }
body .panel-full .panel-breadcrumb-float { background: url(/images/panel-breadcrumb-float-full.gif) left top no-repeat; }
body .panel-full .panel-subhead { background-image: url(/images/panel-full-head.gif); }

/* --- Large Panel --- */
body .panel-large .panel-breadcrumb { background-image: url(/images/panel-large-breadcrumb.gif); }
body .panel-large .panel-head { background-image: url(/images/panel-large-head.gif); }
body .panel-large .panel-content { background-image: url(/images/panel-large-content.gif); }
body .panel-large .panel-related { background-image: url(/images/panel-large-related.gif); }
body .panel-large .panel-breadcrumb-float { background: url(/images/panel-breadcrumb-float-large.gif) left top no-repeat; }
body .panel-large .panel-subhead { background-image: url(/images/panel-large-head.gif); }

/* --- Half Panel --- */
body .panel-half .panel-breadcrumb { background-image: url(/images/panel-half-breadcrumb.gif); }
body .panel-half .panel-head { background-image: url(/images/panel-half-head.gif); }
body .panel-half .panel-content { background-image: url(/images/panel-half-content.gif); }
body .panel-half .panel-related { background-image: url(/images/panel-half-related.gif); }
body .panel-half .panel-subhead { background-image: url(/images/panel-half-head.gif); }

/* --- Small Panel --- */
body .panel-small .panel-breadcrumb { background-image: url(/images/panel-small-breadcrumb.gif); }
body .panel-small .panel-head { background-image: url(/images/panel-small-head.gif); }
body .panel-small .panel-content { background-image: url(/images/panel-small-content.gif); }
body .panel-small .panel-related { background-image: url(/images/panel-small-related.gif); }
.panel-small .panel-head h2 { width: 180px; }
body .panel-small .panel-subhead { background-image: url(/images/panel-small-head.gif); }

/* --- Exceptions --- */
body #container .noroundbottom .panel-content { background-image: none; background-color: #fff; border-left: 1px solid #97c4d8; border-right: 1px solid #97c4d8; border-bottom: 1px solid #97c4d8; }
body #container .hasbreadcrumb .panel-head { background-position: 0px -80px; }
body #container .articleheader .panel-head { background-position: 0px -120px; border-bottom: 1px solid #087fc3; height: auto; width: 100%; overflow: hidden; padding-top: 0.0001em; }
body #container #panel-smarthelp .panel-head { background-image: url(/images/heading-small-green.gif); }
body #container #panel-smarthelp .panel-head a.updown { background-image: url(/images/heading-small-green-updown.gif); }

body #site .panel-full .panel-head-full h2 { width: 690px; }

/* ----- Up/Down Panel Controls ----- */
.panel .panel-head a.updown { background: url(/images/heading-small-blue-updown.gif) 0px 0px no-repeat; float: right; width: 43px; height: 40px; overflow: hidden; text-indent: -9999em; outline: none; }
body .panel .panel-head a.updown-square { background-image: url(/images/heading-small-blue-updown-square.gif); }
.panel.closed .panel-content { display: none; }
span.icons { display: block; padding-bottom: 1em; }
span.icons span.icon { width: 64px; height: 64px; display: block; float: left; border: 2px solid #70a1d5; text-align: center; vertical-align: center; margin-right: 2px; margin-top: 2px; background-color: #FFF; }
span.icons span.icon.selected { border: 4px solid #39a8e9; margin-top: 0px; }

.panel .panel-head a.updown:hover,
.panel .panel-head a.updown:focus { background-position: 0 -40px; }
#container .collapsed .panel-head a.updown { background-position: 0 -80px; }
#container .collapsed .panel-head a.updown:hover,
#container .collapsed .panel-head a.updown:focus { background-position: 0 -120px; }
#container .collapsed .panel-head { background-position: 0px -40px; }
#container .collapsed .panel-content, #container .collapsed .panel-expand { display: none }

/* ---------- Panel Table Styling ---------- */
.panel-table { border-left: 1px solid #a2c8d8; }
.panel-table table { background: #fff; width: 100%; border-collapse: collapse; border-spacing: 0px; margin: 0; }
.panel-table table th, .panel-table table td { padding: 4px; border-bottom: 1px solid #a2c8d8; border-right: 1px solid #a2c8d8; }
.panel-table table thead th, .panel-table table thead td { background: #daecf4; color: 48819b; font-weight: bold; color: #518ba5; }
.panel-table table tfoot th, .panel-table table tfoot td { background: #daecf4; }
.panel-table table tbody th, .panel-table table tbody td { background: #fff; }
body #site .panel .panel-table table tfoot td { border-top: 1px solid #A2C8D8; }

/* ----- Table Admin Users ----- */
.panel-table table.table-adminusers .col-edit,
.panel-table table.table-adminusers .col-delete { text-align: center; }
#admin-user-list .panel-head .add-user { background: url(/images/heading-adminadduser.gif) 0px 0px no-repeat; display: block; width: 140px; height: 40px; overflow: hidden; text-indent: -9999em; outline: none; float: right; }
#admin-user-list .panel-head .add-user:hover, .panel-head .add-user:focus { background-position: 0px -40px; }
#admin-user-list .panel-head .add-user:active { background-position: 0px -80px; }

form.right-search { width: 400px; overflow: hidden; float: right; }
form.right-search label { float: left; width: 275px; overflow: hidden; }
form.right-search label span.text_label { width: 115px; line-height: normal; height: auto; padding: 6px 0 0 0; text-align: right; display: block; float: left; }
form.right-search label input { width: 140px; margin: 0; padding: 5px; float: right; }
form.right-search button { float: right; margin: 0; }

form.right-search fieldset.checkbox_group { width: 100%; overflow: hidden; margin: 0; padding: 0 0 6px 0; line-height: normal; }
form.right-search fieldset.checkbox_group label { width: 100px; float: right; margin: 0; padding: 0; clear: none; text-align: center; }
form.right-search fieldset.checkbox_group label input { display: block; width: auto; height: auto; float: none; padding: 0; margin: 0 auto; }
form.right-search fieldset.checkbox_group label .text_label { display: block; text-align: center; width: 100%; }

/* ---------- User Admin Detail --------- */
#panel-useradmin table.userdetails { border: none; border-right: 1px solid #A2C8D8; }
#panel-useradmin table.userdetails td { padding: 0; }
#panel-useradmin table.userdetails td table { border-right: none; border-bottom: none; }
#panel-useradmin table.userdetails td table td { padding: 4px; text-align: left; }

.panel-related .related-buttons a.button {  padding: 0; margin: 0 10px 0 0; border: 0; background: url(/images/formbutton-small-panelsub.gif) 0px 0px no-repeat; width: 120px; height: 30px; color: #4f5f69; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; text-shadow: #eef4f7 0px 1px 0px; outline: none; display: block; float: left; outline: none; }
.panel-related .related-buttons a.button span { display: block; width: 100%; padding: 6px 0 0 0; }

.panel-related .related-buttons button {  padding: 0 0 2px 0; margin: 0 10px 0 0; border: 0; background: url(/images/formbutton-small-panelsub.gif) 0px 0px no-repeat; width: 120px; height: 28px; color: #4f5f69; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; text-shadow: #eef4f7 0px 1px 0px; outline: none; display: block; float: left; outline: none; }

.panel-related .related-buttons a.button:hover, 
.panel-related .related-buttons a.button:focus,
.panel-related .related-buttons button:hover, 
.panel-related .related-buttons button:focus { background-position: 0px -30px; }
.panel-related .related-buttons a.button:active,
.panel-related .related-buttons button:active { background-position: 0px -60px; }

body #site .panel-related .related-buttons .next { float: right; margin: 0 0 0 10px; }
body #site .panel-related .related-buttons .previous { float: left; margin: 0 10px 0 0; }

.panel-related .related-buttons button.wide { padding: 0; margin: 0; background: url(/images/button-related-wide.gif) 0px 0px no-repeat; color: #4f5f69; font-weight: bold; text-align: center; border: none; width: 150px; height: 30px; display: block; }
.panel-related .related-buttons button.wide:hover, .panel-related .related-buttons button.wide:focus { background-position: 0px -30px; outline: none; color: #313f48; }
.panel-related .related-buttons button.wide:active { background-position: 0px -60px; outline: none; }

.panel-related .related-buttons .or-cancel { display: block; float: left; padding: 6px 0 0 0; margin: 0 10px 0 0; }

/* ----- Table Admin ----- */
 .panel-head .add-new { color:#fff; /*background: url(/images/heading-adminaddnew.gif) 0px 0px no-repeat;text-indent: -9999em;*/ display: block; width: 140px; height: 40px; overflow: hidden; outline: none; float: right; }

/* ----- Category Faux (CSS) Table. Won't work in IE. This is so reordering works (Drop and Drag fails on a table) ------- */
.panel-table .table-challenges, .panel-table .table-waypoints { background: #fff; width: 100%; border-collapse: collapse; border-spacing: 0px; margin: 0; }
.panel-table .table-challenges div.row, .panel-table .table-waypoints div.row { border-collapse: collapse; display: table; table-layout: fixed; margin: 0; padding: 0; }
.panel-table .table-challenges div.row div.col, .panel-table .table-waypoints div.row div.col { display: table-cell; padding: 4px; border-bottom: 1px solid #a2c8d8; border-right: 1px solid #a2c8d8; vertical-align: middle; }

.panel-table .table-challenges li, .panel-table .table-waypoints li { height: auto; display: block; cursor: move; }

.panel-table .table-challenges div.row.header div.col,
.panel-table .table-waypoints div.row.header div.col { background: #c2dfec url(/images/leaderboard-table-head.gif) 0px 0px repeat-x; color: #48819b; font-weight: bold; color: #518ba5; }

.panel-table .table-challenges .col-edit,
.panel-table .table-challenges .col-delete { text-align: center;width: 66px; }
.panel-table .table-challenges .col-name { width: 80%; }

.panel-table .table-waypoints .col-image { width: 55px;text-align: center; }
.panel-table .table-waypoints .col-name { width: 450px; }
.panel-table .table-waypoints .col-edit,
.panel-table .table-challenges .col-delete { text-align: center;width: 66px; }
.panel-table .table-challenges .col-name { width: 80%; }

.panel-table .table-waypoints .col-image { width: 55px;text-align: center; }
.panel-table .table-waypoints .col-name { width: 450px; }
.panel-table .table-waypoints .col-edit,
.panel-table .table-waypoints .col-units,
.panel-table .table-waypoints .col-delete { text-align: center; width: 66px; }

/* ---------- General/Default Panel Styling ---------- */
.panel-content .message { margin: 0 10px 10px 10px; padding: 5px; background: #fffbcc; border: 1px solid #e6db55; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; color: #000; margin-top: 0px; margin-top: 0px; }
.panel-content .error { margin: 0 10px 10px 10px; padding: 5px; background: #911; border: 1px solid #600; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; color: #fff; }
body #container .panel-content .error p { margin: 0 0 .5em 0; padding: 0; }
body #container .panel-content .error ul { margin: 0 0 .5em 10px; padding: 0; }
body #container .panel-content .error ul li { margin: 0; padding: 0 0 0 15px; background: url(/images/error-bullet.gif) 0px 5px no-repeat; }

.panel-content h2, .panel-content h3, .panel-content h4, .panel-content h5 { color: #43788E; margin: 0 0 8px 0; }
.panel-content h2 { font: normal 18px Arial, Helvetica, sans-serif; }
.panel-content h3 { font: normal 16px Arial, Helvetica, sans-serif; }
.panel-content h4 { font: normal 14px Arial, Helvetica, sans-serif; }
.panel-content h5 { font: bold 12px Arial, Helvetica, sans-serif; }

.underh3 { margin: -8px 0 8px 0; }

/* ---------- Panel Related/Breadcrumb Form Buttons ---------- */
body .panel-breadcrumb form button, body .panel-related form button { padding: 0 0 2px 0; margin: 0 0 0 4px; border: 0; background: url(/images/formbutton-small-panelsub.gif) 0px 0px no-repeat; width: 120px; height: 30px; color: #4f5f69; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }

body .panel-breadcrumb form button:hover, body .panel-breadcrumb form button:focus, 
body .panel-related form button:hover, body .panel-related form button:focus { background-position: 0px -30px; outline: none; color: #313f48; }
body .panel-breadcrumb form button:active, body .panel-related form button:active { background-position: 0px -60px; outline: none; }

/* ----- Quick Log Walk Panel ----- */
#quick-log .panel-content { width: 100%; padding: 0 0 10px 0; }
#quick-log .panel-content form .error { margin-left: 0px; margin-right: 0px; }

ul.panel-tabs { height: 37px; background: #0980c4 url(/images/panel-tabs-bg.gif) top left no-repeat; color: #fff; font-size: 11px; padding: 3px 0 0 3px; display: block; cursor: pointer; list-style: none; margin: 0 0 10px 0; }
#quick-log ul.panel-tabs li { float: left; width: 78px; height: 31px; background: url(/images/panel-tabs-active.gif) 0px 500px no-repeat; text-align: center; line-height: 11px; padding: 6px 0 0 0; list-style: none; margin: 0; }
#quick-log ul.panel-tabs li.current { background-position: top left; color: #4f5f69; }
#quick-log form { padding: 0 10px; }
#quick-log form li { clear: both; margin: 0; padding: 0 0 8px 0; width: 100%; overflow: hidden; }
#quick-log form label { color:#4f5f69; font-weight:bold; clear:left; margin: 0; padding: 2px 0 0 0; }
#quick-log form label.long { width:60px; display:block; float:left; }
#quick-log form input { width: 90px; padding: 2px; margin: 0; float: left; font: 12px Arial, Helvetica, sans-serif; color: #313f48; }
#quick-log form select { color: #313f48; font: 12px Arial, Helvetica, sans-serif; width: 220px; margin: 0 0 3px 0; padding: 3px; }
#quick-log form button { padding: 0 0 4px 0; margin: 0; background: url(/images/formbutton-small.gif) 0px 0px no-repeat; color: #4f5f69; font-weight: bold; text-align: center; border: none; width: 120px; height: 29px; display: block; }
#quick-log form button:hover, #quick-log form button:focus { background-position: 0px -30px; outline: none; color: #313f48; }
#quick-log form button:active { background-position: 0px -60px; outline: none; }
body #quick-log form button.disabled, body #quick-log form button[disabled=disabled] { color: #888; text-shadow: 0px 1px 0px #fff; background-position: 0px -90px; cursor: wait; }


#quick-log form button.small { padding: 0 0 4px 0; margin: 0; background: url(/images/formbutton-smaller.gif) 0px 0px no-repeat; color: #4f5f69; font-weight: bold; text-align: center; border: none; width: 90px; height: 29px; display: block; float:right; }
#quick-log form button.small:hover, #quick-log form button.small:focus { background-position: 0px -30px; outline: none; color: #313f48; }
#quick-log form button.small:active { background-position: 0px -60px; outline: none; }
body #quick-log form button.small.disabled, body #quick-log form button[disabled=disabled] { color: #888; text-shadow: 0px 1px 0px #fff; background-position: 0px -90px; cursor: wait; }


#quick-log form li.activitytype label { display: block; float: none; line-height: normal; margin: 0; padding: 0 0 4px 0; }
#quick-log form li.duration { line-height: 21px; }
#quick-log form li.duration input { width: 40px; margin-right: 5px; }
#quick-log form li.intensity select { width: 160px; }
#quick-log #intensity_notes { font-size: 0.9em; line-height: normal; padding: 3px 0 0 0; }
#quick-log form li.equivalentsteps { line-height: 21px; }
#quick-log form li.equivalentsteps label { float: left; padding: 0; margin: 0 10px 0 0; }
#quick-log .summarytitle { text-align: center; padding: 10px 0; font-size: 14px; }
#quick-log table.summarytable { width: 238px; margin: 0 1px 10px 1px; padding: 0; border-spacing: 0px; }
#quick-log table.summarytable td, #quick-log table.summarytable th { margin: 0; padding: 3px 4px; border-top: 1px solid #a2c8d8; }
#quick-log table.summarytable thead th { background: #daecf4; font-weight: bold; }
#quick-log table.summarytable tfoot td { font-weight: bold; }
#quick-log table.summarytable .time { color: #888; }

#quick-log a.seecomplete { display: block; width: 220px; height: 29px; font-weight: bold; background: url(/images/button-medium-wide.gif) 0px 0px no-repeat; outline: none; cursor: pointer; text-align: center; color: #43788e; text-shadow: #eef4f7 0px 1px 0px; margin: 0 0 0 10px; }
#quick-log a.seecomplete span { display: block; width: 100%; padding: 6px 0 0 0; }
#quick-log a.seecomplete:hover, #quick-log a.seecomplete:focus { background-position: 0px -30px; color: #313f48; }
#quick-log a.seecomplete:active { background-position: 0px -60px; color: #313f48; }

#quick-log .panel-head a.smart_help_private { background: url(/images/smarthelp-member-head.gif) 0px 0px no-repeat; width: 40px; height: 40px; display: block; outline: none; float: right; }
#quick-log .panel-head a.smart_help_private:hover, #quick-log .panel-head a.smart_help_private:focus { background-position: 0px -40px; }
#quick-log .panel-head a.smart_help_private:active { background-position: 0px -80px; }
#quick-log .panel-head h2 { width: 140px; }

/* ---------- Helpers, Notices, Errors and Messages --------- */
.helper { margin: 0 0 10px 0; }
.helper div { padding: 10px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; font-weight: bold; }
.helper .error { background: #911; border: 1px solid #700; color: #fff; }
.helper .notice { background: #fff; border: 1px solid #97c4d8; }
.helper .welcome { background: #fff; border: 1px solid #97c4d8; color: #4F5F69; font-weight: normal; }

/* --------- Article Styling ---------- */
#article-types { width: 100%; overflow: hidden; }
#article-types .row { width: 100%; overflow: hidden; }
#article-types a { width: 340px; height: 120px; display: block; color: #81adbf; background: url(/images/articles-featurearticles.jpg) 0px 0px no-repeat; margin: 10px 0 0 0; font-size: 11px; line-height: normal; }
#article-types a:hover { color: #3b7086; background-position: 0px -120px; }
#article-types a .title { display: block; float: right; width: 1px; height: 1px; overflow: hidden; }
#article-types a .description { display: block; padding: 45px 0 0 15px; }
#article-types a.article-type-featurearticles { background-image: url(/images/articles-featurearticles.jpg); float: left; }
#article-types a.article-type-recipes { background-image: url(/images/articles-recipes.jpg); float: right; }
#article-types a.article-type-fitnesstools { background-image: url(/images/articles-fitnesstools.jpg); float: left; }
#article-types a.article-type-faq { background-image: url(/images/articles-faq.jpg); float: right; }
			
/* --- Article List --- */
.articleitem { width: 100%; overflow: hidden; border-top: 1px solid #ddd; padding: 10px 0 0 0; margin: 10px 0 0 0; }
.firstarticle { border: none; margin: 0; padding: 0; }
.articleitem .articleimage { width: 120px; float: left; overflow: hidden; }
.articleitem .articleimage a img { border: 1px solid #4a7b09; border-bottom: none; display: block; }
.articleitem .articleimage a span { display: block; width: 120px; height: 22px; background: url(/images/button-readarticle.gif) 0px 0px no-repeat; outline: none; overflow: hidden; text-indent: -9999em; }
.articleitem .articleimage a:hover span, .articleitem .articleimage a:focus span { background-position: 0px -22px; }
.articleitem .articleimage a:active span { background-position: 0px -44px; }
.articleitem .articledetail { margin: 0 0 0 130px; }
.articleitem .articledetail h3 { font-size: 14px; line-height: normal; margin: 0 0 6px 0; }
.articleitem .articledetail .recipe-info { font-size: 11px; margin: 0 0 6px 0; }

/* --- Recipe List --- */
.recipeitem { width: 100%; overflow: hidden; border-top: 1px solid #ddd; padding: 10px 0 0 0; margin: 10px 0 0 0; }
.firstrecipe { border: none; margin: 0; padding: 0; }
.recipeitem .recipeimage { width: 120px; float: left; overflow: hidden; }
.recipeitem .recipeimage a img { border: 1px solid #4a7b09; border-bottom: none; display: block; }
.recipeitem .recipeimage a span { display: block; width: 120px; height: 22px; background: url(/images/button-readrecipe.gif) 0px 0px no-repeat; outline: none; overflow: hidden; text-indent: -9999em; }
.recipeitem .recipeimage a:hover span, .recipeitem .recipeimage a:focus span { background-position: 0px -22px; }
.recipeitem .recipeimage a:active span { background-position: 0px -44px; }
.recipeitem .recipedetail { margin: 0 0 0 130px; }
.recipeitem .recipedetail h3 { font-size: 14px; line-height: normal; margin: 0 0 6px 0; }
.recipeitem .recipedetail .recipe-info { font-size: 11px; margin: 0 0 6px 0; }
#recipe .panel-precontent img { border: 1px solid #A2C8D8; }

/* --------- FAQ Styling ---------- */
ul#faqlist { margin: 0; padding: 0; list-style: none; }
ul#faqlist li { margin: 0 0 10px 0; padding: 0 0 10px 0; list-style: none; border-bottom: 1px solid #ddd; }
ul#faqlist li:last-child { margin: 0; padding: 0; border: none; }
ul#faqlist li .question { font-size: 14px; }
ul#faqlist li .question .question-q { font-weight: bold; float: left; width: 20px; }
ul#faqlist li .answer { padding: 8px 0 0 20px; }
ul#faqlist li .answer .answer-a { float: left; width: 20px; font-weight: bold; font-size: 14px; }
ul#faqlist li .answer .answer-text { margin-left: 20px; }

/* --------- Form Buttons --------- */
fieldset.login button { padding: 0 0 2px 0; margin: 0 0 0 4px; border: 0; background: url(/images/formbutton-smallwide.gif) 0px 0px no-repeat; width: 150px; height: 26px; color: #4f5f69; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }

fieldset.login button:hover, fieldset.login button:focus { background-position: 0px -26px; outline: none; color: #313f48; }
fieldset.login button:active { background-position: 0px -52px; outline: none; }
fieldset.login button[disabled], fieldset.login button.disabled { background-position: 0px -78px; color: #888; }

select[disabled] { color: #BDC5C9; }
body #container .hasbreadcrumb .panel-head { background-position: 0px -80px; }

div.warning { display: none; }
div.frontend.overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #FFF; z-index: 99; }
div.frontend div.frame { position: absolute; top: 50%; left: 50%; width: 400px; margin-left: -200px; margin-top: -100px; overflow: hidden; }

div.frontend div.frame img.loading { position: absolute; display: block; top: 50%; left: 50%; right: 50%; margin-left: -63px; margin-top: 11px; }

/* --------- User Passport ---------- */
#userpassport { width: 710px; height: 775px; background: url(/images/passport/bg.gif) 0px 80px no-repeat; margin: 0 0 10px 0; color: #222; }
#userpassport .passport-tabs { width: 710px; height: 80px; background: url(/images/passport/tabs.gif) 0px 0px no-repeat; position: relative; }
#userpassport .active-details { background-position: 0px 0px; }
#userpassport .active-history { background-position: 0px -80px; }
#userpassport .passport-tabs a.tab-details { display: block; width: 345px; height: 40px; position: absolute; left: 7px; top: 18px; }
#userpassport .passport-tabs a.tab-history { display: block; width: 345px; height: 40px; position: absolute; right: 13px; top: 18px; }
#userpassport .passport-tabs a span { width: 1px; height: 1px; display: block; overflow: hidden; text-indent: -9999em; }

body #site #sitecontent .passport-walking-history .passport-tabs { height: 65px; }
body #site #sitecontent .passport-walking-history .passport-content { background: url(/images/passport/tabs.gif) 0px -145px no-repeat; position: relative; }
body #site #sitecontent .passport-walking-history a.challenge-history { position: absolute; top: 275px; right: 25px; }

#passport-history { outline: none; }

body #site #sitecontent .passport-walking-history .passport-page-bottom { margin-top: 62px; }

#userpassport label { color: #775839; font-weight: bold; clear: none; }
#userpassport h3 { font: normal 18px Georgia, "Times New Roman", Times, serif; color: #422911; margin: 0 0 10px 0; }

#userpassport .passport-page-top { margin: 0 38px 0 35px; height: 282px; position: relative; overflow: hidden; }
#userpassport .passport-page-top-wide { margin: 0 13px 0 7px; height: 282px; position: relative; overflow: hidden; }
#userpassport .passport-page-bottom { margin: 47px 33px 0 35px; height: 329px; position: relative; overflow: hidden; }

#userpassport a.button-large { position: absolute; background: url(/images/passport/passport-button-l.gif) 0px 0px no-repeat; width: 200px; height: 34px; text-align: center; font-weight: bold; color: #664c33; text-decoration: none; display: block; }
#userpassport a.button-large:hover, #userpassport a.button-large:focus { background-position: 0px -34px; }
#userpassport a.button-large:active { background-position: 0px -68px; }
#userpassport a.button-large span { width: 100%; padding: 9px 0 0 0; display: block; }

#userpassport .passport-page-top a.button-large { bottom: 0px; right: 0px; }
#userpassport .passport-page-bottom a.button-large { top: 0px; right: 0px; }

/* ---- Personal Details ----- */
#userpassport #passport-personaldetails .avatar { float: left; width: 130px; overflow: hidden; }
#userpassport #passport-personaldetails .avatar .image { width: 130px; height: 130px; background: url(/images/passport/avatar.gif) 0px 0px no-repeat; text-align: center; margin: 0 0 10px 0; }
#userpassport #passport-personaldetails .avatar .image img { margin: 5px; }
#userpassport #passport-personaldetails .avatar a.button { background: url(/images/passport/passport-button-s.gif) 0px 0px no-repeat; width: 130px; height: 24px; text-align: center; font-weight: bold; color: #664c33; text-decoration: none; display: block; }
#userpassport #passport-personaldetails .avatar a.button:hover,
#userpassport #passport-personaldetails .avatar a.button:focus { background-position: 0px -24px; }
#userpassport #passport-personaldetails .avatar a.button:active { background-position: 0px -48px; }
#userpassport #passport-personaldetails .avatar a.button span { width: 100%; padding: 4px 0 0 0; display: block; }

#userpassport #passport-personaldetails .details { margin: 0 0 0 150px; }
#userpassport #passport-personaldetails .details .row { height: 60px; }
#userpassport #passport-personaldetails .details .row label { display: block; margin: 0 0 4px 0; }
#userpassport #passport-personaldetails .details .row .field-small { float: left; width: 140px; }
#userpassport #passport-personaldetails .details .row .field-large { float: left; width: 200px; }
#userpassport #passport-personaldetails .details .row .field-super { float: left; width: 340px; }
#userpassport #passport-personaldetails .details .row .field-postal { float: left; width: 200px; }
#userpassport #passport-personaldetails .details .field-content { font-size: 14px; }
#userpassport #passport-personaldetails .details .field-content-small { font-size: 12px; }
#userpassport #passport-personaldetails .details .field-postal .field-content { font-size: 12px; }

/* ---- Advanced Prefs / Membership Info / User Stats ----- */
#userpassport .passport-page-bottom .row { width: 100%; overflow: hidden; padding: 0 0 4px 0; }
#userpassport .passport-page-bottom label { float: left; width: 140px; padding: 0 0 4px 0; }

#userpassport #passport-advancedprefs h3 { padding: 10px 0 5px 0; }

#userpassport #passport-advancedprefs { height: 140px; position: relative; }
#userpassport #passport-advancedprefs .left-col { float: left; width: 340px; }
#userpassport #passport-advancedprefs .right-col { margin: 0 0 0 350px; }
#userpassport #passport-advancedprefs .right-col label { width: 170px; }

#userpassport #passport-membershipinfo { position: absolute; left: 0px; bottom: 0px; height: 170px; width: 310px; }
#userpassport #passport-membershipinfo label { width: 100px; }

#userpassport #passport-userstats { position: absolute; right: 0px; bottom: 0px; height: 170px; width: 310px; }
#userpassport #passport-userstats label { width: 100px; }

#userpassport a.button-med { background: url(/images/passport/passport-button-m.gif) 0px 0px no-repeat; width: 200px; height: 24px; text-align: center; font-weight: bold; color: #664c33; text-decoration: none; display: block; margin: 10px 0 0 0; }
#userpassport a.button-med:hover, #userpassport a.button-med:focus { background-position: 0px -24px; }
#userpassport a.button-med:active { background-position: 0px -48px; }
#userpassport a.button-med span { width: 100%; padding: 4px 0 0 0; display: block; }

/* ----- Flash ----- */
#trophyroomflash { outline: none; }
div.payment-type { display: none; }
div.payment-type.selected { display: block; }

/* ---------- Challenge Pages ---------- */
body #site .panel-salespitch img.left { float: left; margin: 0 10px 0 -10px; }
body #site .panel-salespitch img.right { float: right; margin: 0 -10px 0 10px; }

.panel-related a.button-signup-huge { background: url(/images/button-signup-huge.gif) 0px 0px no-repeat; width: 220px; height: 61px; display: block; outline: none; float: left; }
.panel-related a.button-signup-huge:hover, .panel-related a.button-signup-huge:focus { background-position: 0px -70px; }
.panel-related a.button-signup-huge:active { background-position: 0px -140px; }

.panel-related a.button-tour-link { background: url(/images/button-guidedtour3.gif) 0px 0px no-repeat; width: 313px; height: 23px; display: block; outline: none; float: right; margin: 18px 80px 0 0; }
.panel-related a.button-tour-link:hover, .panel-related a.button-tour-link:focus { background-position: 0px -40px; }
.panel-related a.button-tour-link:active { background-position: 0px 0px; }

.panel-related a.button-signup-huge span, .panel-related a.button-tour-link span { width: 1px; height: 1px; overflow: hidden; display: block; text-indent: -9999em; }

body #site ol.guides { list-style: none; margin: 0; padding: 0; }
body #site ol.guides li { list-style: none; margin: 0; padding: 0 0 0 28px; background: url(/images/filetype-txt.gif) 4px 2px no-repeat; }
body #site ol.guides li.pdf { background-image: url(/images/filetype-pdf.gif); }
body #site ol.guides li.doc { background-image: url(/images/filetype-doc.gif); }
body #site ol.guides li.xls { background-image: url(/images/filetype-xls.gif); }
body #site ol.guides li h3 { margin: 0; padding: 0 0 4px 0; }
body #site ol.guides li p { font-size: 11px; }

/* ---------- Challenge Join Form ---------- */
#challenge-join form fieldset.turbo_boost {  }

#challenge-join form a#participant_turbo_boost_button { width: 232px; height: 56px; display: block; background-image: url(/images/button-turboboost.png); background-repeat: no-repeat; outline: none; float: left; }

.turbo-text {}
.turbo-text img { float: left; margin-top: 5px; }
.turbo-text .inner-text { margin: 0 6px 0 54px; }

#challenge-join fieldset.buttons { margin: 0; }

#challenge-join form a.smart_help { margin: 32px 0 0 10px; }
#challenge-join form a.turbobutton-normal { background-position: 0px 0px; }
#challenge-join form a.turbobutton-normal:hover,
#challenge-join form a.turbobutton-normal:focus { background-position: 0px -70px; }
#challenge-join form a.turbobutton-normal:active { background-position: 0px -140px; }
#challenge-join form a.turbobutton-active { background-position: 0px -210px; }
#challenge-join form a.turbobutton-active:hover,
#challenge-join form a.turbobutton-active:focus { background-position: 0px -280px; }
#challenge-join form a.turbobutton-active:active { background-position: 0px -350px; }

#challenge-join form a#participant_turbo_boost_button span { visibility: hidden; }

#challenge-join form #standard_goal .text_label { font-weight: bold; color: #62737c; }
#challenge-join form #turbo_boosted_goal .text_label { font-weight: bold; color: #d36503; }
#challenge-join form .radioindent { padding-left: 10px; }
#challenge-join form input#participant_custom_target { width: 120px; margin-left: 20px; }
#challenge-join form span.footnote { display:inline; padding-left:5px; }
#challenge-join form label.trophy { float:left; width:330px;clear:none;margin-bottom:10px; }
#challenge-join form label.trophy input{ margin-top:25px;float:left; }
#challenge-join form label.trophy span.text_label { float:left; width:220px; padding:5px 10px;height:auto; }
#challenge-join form label.trophy img { float:left;}

#challenge-join form strong.turbo { color: #d36503; }

#challenge-join .turboboost-panel { background: url(/images/panel-turboboost-top.gif) 0px 0px no-repeat; width: 688px; margin: 0 0 10px 0; color: #4F5F69; }
#challenge-join .turboboost-panel .inner { background: url(/images/panel-turboboost-bottom.gif) bottom left no-repeat; padding: 10px 10px 0px 10px; width: 668px; overflow: hidden; }

#challenge-join .turboboost-panel .text { margin: 0 10px 0 260px; padding-top: 10px; }

/* ----- Challenge Categories ----- */
#challenge-categories .panel-half { float: left; width: 350px; }
#challenge-categories .panel-left { float: left; }
#challenge-categories .panel-right { float: right; }
#challenge-categories .panel .panel-button { margin: -1px 0 0 0; }
#challenge-categories .panel .panel-button a { background: url(/images/challenge-category-button.gif) 0px 0px no-repeat; text-align: center; width: 100%; height: 30px; overflow: hidden; outline: none; display: block; color: #4f5f69; font: bold 12px Arial, Helvetica, sans-serif; text-shadow: #eef4f7 0px 1px 0px; }
#challenge-categories .panel .panel-button a:hover, #challenge-categories .panel .panel-button a:focus { background-position: 0px -30px; color: #313F48; }
#challenge-categories .panel .panel-button a:active { background-position: 0px -60px; }
#challenge-categories .panel .panel-button a span { display: block; text-align: center; padding: 7px 0 0 0; }
#challenge-categories .panel .panel-content { height: 120px; padding: 0; }
#challenge-categories .panel .panel-content .inner { padding: 10px; width: auto; height: 95px; }
#challenge-categories .panel .category-image img { float: right; margin: 10px 10px 0 0; }

#challenge-categories .scheme_1 .panel-head { background-image: url(/images/panel-half-head-1.gif); }
#challenge-categories .scheme_2 .panel-head { background-image: url(/images/panel-half-head-2.gif); }
#challenge-categories .scheme_3 .panel-head { background-image: url(/images/panel-half-head-3.gif); }
#challenge-categories .scheme_4 .panel-head { background-image: url(/images/panel-half-head-4.gif); }
#challenge-categories .scheme_5 .panel-head { background-image: url(/images/panel-half-head-5.gif); }
#challenge-categories .scheme_6 .panel-head { background-image: url(/images/panel-half-head-6.gif); }
#challenge-categories .scheme_7 .panel-head { background-image: url(/images/panel-half-head-7.gif); }
#challenge-categories .scheme_8 .panel-head { background-image: url(/images/panel-half-head-8.gif); }
#challenge-categories .scheme_9 .panel-head { background-image: url(/images/panel-half-head-9.gif); }
#challenge-categories .scheme_10 .panel-head { background-image: url(/images/panel-half-head-10.gif); }
#challenge-categories .scheme_11 .panel-head { background-image: url(/images/panel-half-head-11.gif); }
#challenge-categories .scheme_12 .panel-head { background-image: url(/images/panel-half-head-12.gif); }
#challenge-categories .scheme_13 .panel-head { background-image: url(/images/panel-half-head-13.gif); }
#challenge-categories .scheme_14 .panel-head { background-image: url(/images/panel-half-head-14.gif); }
#challenge-categories .scheme_15 .panel-head { background-image: url(/images/panel-half-head-15.gif); }
#challenge-categories .scheme_16 .panel-head { background-image: url(/images/panel-half-head-16.gif); }

/* ----- Challenge Listing ----- */
#challenge-list { margin: 0; }
#challenge-list a.challenge, #challenge-list div.challenge { width: 340px; height: 120px; display: block; float: left; background: url(/images/challenge-button-6.gif) 0px 0px no-repeat; overflow: hidden; }
#challenge-list a.challenge:hover { background-position: 0px -120px; }
#challenge-list a.challenge:hover .challenge-title, 
#challenge-list a.challenge:hover .challenge-description { color: #fff; }
#challenge-list a.challenge:hover .challenge-image img { border-color: #0165a3; }
#challenge-list .challenge .challenge-image { float: right; padding: 9px 9px 0 9px; }
#challenge-list .challenge .challenge-image img { border: 1px solid #a2c8d8; }
#challenge-list .challenge .challenge-content { display: block; padding: 10px; }
#challenge-list .challenge .challenge-title { color: #43788e; font: bold 14px Arial, Helvetica, sans-serif; }
#challenge-list .challenge .challenge-description { font-size: 11px; color: #42565e; display: block; padding: 3px 0 0 0; }
body #site #challenge-list .challenge-left { float: left; }
body #site #challenge-list .challenge-right { float: right; }
#challenge-list .overflow { padding: 10px 0 0 0; }

#challenge-category .scheme_1 .panel-head,
#virtualmap-page .scheme_1 .panel-head { background-image: url(/images/panel-full-head-1.gif); }
#challenge-category .scheme_2 .panel-head,
#virtualmap-page .scheme_2 .panel-head { background-image: url(/images/panel-full-head-2.gif); }
#challenge-category .scheme_3 .panel-head,
#virtualmap-page .scheme_3 .panel-head { background-image: url(/images/panel-full-head-3.gif); }
#challenge-category .scheme_4 .panel-head,
#virtualmap-page .scheme_4 .panel-head { background-image: url(/images/panel-full-head-4.gif); }
#challenge-category .scheme_5 .panel-head,
#virtualmap-page .scheme_5 .panel-head { background-image: url(/images/panel-full-head-5.gif); }
#challenge-category .scheme_6 .panel-head,
#virtualmap-page .scheme_6 .panel-head { background-image: url(/images/panel-full-head-6.gif); }
#challenge-category .scheme_7 .panel-head,
#virtualmap-page .scheme_7 .panel-head { background-image: url(/images/panel-full-head-7.gif); }
#challenge-category .scheme_8 .panel-head,
#virtualmap-page .scheme_8 .panel-head { background-image: url(/images/panel-full-head-8.gif); }
#challenge-category .scheme_9 .panel-head,
#virtualmap-page .scheme_9 .panel-head { background-image: url(/images/panel-full-head-9.gif); }
#challenge-category .scheme_10 .panel-head,
#virtualmap-page .scheme_10 .panel-head { background-image: url(/images/panel-full-head-10.gif); }
#challenge-category .scheme_11 .panel-head,
#virtualmap-page .scheme_11 .panel-head { background-image: url(/images/panel-full-head-11.gif); }
#challenge-category .scheme_12 .panel-head,
#virtualmap-page .scheme_12 .panel-head { background-image: url(/images/panel-full-head-12.gif); }
#challenge-category .scheme_13 .panel-head,
#virtualmap-page .scheme_13 .panel-head { background-image: url(/images/panel-full-head-13.gif); }
#challenge-category .scheme_14 .panel-head,
#virtualmap-page .scheme_14 .panel-head { background-image: url(/images/panel-full-head-14.gif); }
#challenge-category .scheme_15 .panel-head,
#virtualmap-page .scheme_15 .panel-head { background-image: url(/images/panel-full-head-15.gif); }
#challenge-category .scheme_16 .panel-head,
#virtualmap-page .scheme_16 .panel-head { background-image: url(/images/panel-full-head-16.gif); }

#challenge-category .scheme_1 #challenge-list a.challenge { background-image: url(/images/challenge-button-1.gif); }
#challenge-category .scheme_2 #challenge-list a.challenge { background-image: url(/images/challenge-button-2.gif); }
#challenge-category .scheme_3 #challenge-list a.challenge { background-image: url(/images/challenge-button-3.gif); }
#challenge-category .scheme_4 #challenge-list a.challenge { background-image: url(/images/challenge-button-4.gif); }
#challenge-category .scheme_5 #challenge-list a.challenge { background-image: url(/images/challenge-button-5.gif); }
#challenge-category .scheme_6 #challenge-list a.challenge { background-image: url(/images/challenge-button-6.gif); }
#challenge-category .scheme_7 #challenge-list a.challenge { background-image: url(/images/challenge-button-7.gif); }
#challenge-category .scheme_8 #challenge-list a.challenge { background-image: url(/images/challenge-button-8.gif); }
#challenge-category .scheme_9 #challenge-list a.challenge { background-image: url(/images/challenge-button-9.gif); }
#challenge-category .scheme_10 #challenge-list a.challenge { background-image: url(/images/challenge-button-10.gif); }
#challenge-category .scheme_11 #challenge-list a.challenge { background-image: url(/images/challenge-button-11.gif); }
#challenge-category .scheme_12 #challenge-list a.challenge { background-image: url(/images/challenge-button-12.gif); }
#challenge-category .scheme_13 #challenge-list a.challenge { background-image: url(/images/challenge-button-13.gif); }
#challenge-category .scheme_14 #challenge-list a.challenge { background-image: url(/images/challenge-button-14.gif); }
#challenge-category .scheme_15 #challenge-list a.challenge { background-image: url(/images/challenge-button-15.gif); }
#challenge-category .scheme_16 #challenge-list a.challenge { background-image: url(/images/challenge-button-16.gif); }

#challenge-category .scheme_1 #challenge-list a.challenge:hover .challenge-image img { border-color: #b7013e; }
#challenge-category .scheme_2 #challenge-list a.challenge:hover .challenge-image img { border-color: #990167; }
#challenge-category .scheme_3 #challenge-list a.challenge:hover .challenge-image img { border-color: #890d9b; }
#challenge-category .scheme_4 #challenge-list a.challenge:hover .challenge-image img { border-color: #5a0992; }
#challenge-category .scheme_5 #challenge-list a.challenge:hover .challenge-image img { border-color: #34078c; }
#challenge-category .scheme_6 #challenge-list a.challenge:hover .challenge-image img { border-color: #0165a3; }
#challenge-category .scheme_7 #challenge-list a.challenge:hover .challenge-image img { border-color: #018ca8; }
#challenge-category .scheme_8 #challenge-list a.challenge:hover .challenge-image img { border-color: #01a48a; }
#challenge-category .scheme_9 #challenge-list a.challenge:hover .challenge-image img { border-color: #01a554; }
#challenge-category .scheme_10 #challenge-list a.challenge:hover .challenge-image img { border-color: #689c01; }
#challenge-category .scheme_11 #challenge-list a.challenge:hover .challenge-image img { border-color: #9c9c01; }
#challenge-category .scheme_12 #challenge-list a.challenge:hover .challenge-image img { border-color: #9e6b01; }
#challenge-category .scheme_13 #challenge-list a.challenge:hover .challenge-image img { border-color: #9c3501; }
#challenge-category .scheme_14 #challenge-list a.challenge:hover .challenge-image img { border-color: #9c0101; }
#challenge-category .scheme_15 #challenge-list a.challenge:hover .challenge-image img { border-color: #3a3a3a; }
#challenge-category .scheme_16 #challenge-list a.challenge:hover .challenge-image img { border-color: #5f5f5f; }

#challenge-category a.button-enter-challenge, 
#challenge-category span.button-enter-challenge { width: 240px; height: 50px; display: block; overflow: hidden; outline: none; background-position: 0px 0px; background-repeat: no-repeat; }
#challenge-category a.button-enter-challenge:hover, #challenge-category a.button-enter-challenge:focus { background-position: 0px -50px; }
#challenge-category a.button-enter-challenge:active { background-position: 0px -100px; }

#challenge-category .button-enter-challenge span { width: 240px; height: 50px; display: block; overflow: hidden; text-indent: -9999em; background: url(/images/buttontext-enterchallenge.png) top left no-repeat; }
#challenge-category .button-enter-challenge span.resume { background-image: url(/images/buttontext-resume.png); }
#challenge-category .button-enter-challenge span.preregister { background-image: url(/images/buttontext-preregister.png); }
#challenge-category .button-enter-challenge span.comingsoon { background-image: url(/images/buttontext-comingsoon.png); }
#challenge-category .button-enter-challenge span.unavailable { background-image: url(/images/buttontext-unavailable.png); }

body #site #challenge-category span.button-disabled { background: url(/images/button-challenge-disabled.gif) 0px 0px no-repeat; cursor: help; }
body #site #challenge-category span.button-disabled:hover, 
body #site #challenge-category span.button-disabled:focus, 
body #site #challenge-category span.button-disabled:active { background-position: 0px 0px; }

#challenge-category span.challenge-disabled-note { display: block; font-style: italic; color: #444; font-weight: bold; width: 240px; padding: 5px 0 0 0; text-align: center; }

#challenge-category .scheme_1 a.button-enter-challenge { background-image: url(/images/button-challenge-1.gif); }
#challenge-category .scheme_2 a.button-enter-challenge { background-image: url(/images/button-challenge-2.gif); }
#challenge-category .scheme_3 a.button-enter-challenge { background-image: url(/images/button-challenge-3.gif); }
#challenge-category .scheme_4 a.button-enter-challenge { background-image: url(/images/button-challenge-4.gif); }
#challenge-category .scheme_5 a.button-enter-challenge { background-image: url(/images/button-challenge-5.gif); }
#challenge-category .scheme_6 a.button-enter-challenge { background-image: url(/images/button-challenge-6.gif); }
#challenge-category .scheme_7 a.button-enter-challenge { background-image: url(/images/button-challenge-7.gif); }
#challenge-category .scheme_8 a.button-enter-challenge { background-image: url(/images/button-challenge-8.gif); }
#challenge-category .scheme_9 a.button-enter-challenge { background-image: url(/images/button-challenge-9.gif); }
#challenge-category .scheme_10 a.button-enter-challenge { background-image: url(/images/button-challenge-10.gif); }
#challenge-category .scheme_11 a.button-enter-challenge { background-image: url(/images/button-challenge-11.gif); }
#challenge-category .scheme_12 a.button-enter-challenge { background-image: url(/images/button-challenge-12.gif); }
#challenge-category .scheme_13 a.button-enter-challenge { background-image: url(/images/button-challenge-13.gif); }
#challenge-category .scheme_14 a.button-enter-challenge { background-image: url(/images/button-challenge-14.gif); }
#challenge-category .scheme_15 a.button-enter-challenge { background-image: url(/images/button-challenge-15.gif); }
#challenge-category .scheme_16 a.button-enter-challenge { background-image: url(/images/button-challenge-16.gif); }

#challenge-category .panel-tabs-color,
#virtualmap-page .panel-tabs-color { background-repeat: repeat-x; background-position: bottom left; }

#challenge-category .scheme_1 .panel-tabs-color,
#virtualmap-page .scheme_1 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-1.gif); background-color: #65011d; }
#challenge-category .scheme_2 .panel-tabs-color,
#virtualmap-page .scheme_2 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-2.gif); background-color: #6a0046; }
#challenge-category .scheme_3 .panel-tabs-color,
#virtualmap-page .scheme_3 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-3.gif); background-color: #4e015a; }
#challenge-category .scheme_4 .panel-tabs-color,
#virtualmap-page .scheme_4 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-4.gif); background-color: #35015a; }
#challenge-category .scheme_5 .panel-tabs-color,
#virtualmap-page .scheme_5 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-5.gif); background-color: #1f015a; }
#challenge-category .scheme_6 .panel-tabs-color,
#virtualmap-page .scheme_6 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-6.gif); background-color: #004e7e; }
#challenge-category .scheme_7 .panel-tabs-color,
#virtualmap-page .scheme_7 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-7.gif); background-color: #00697e; }
#challenge-category .scheme_8 .panel-tabs-color,
#virtualmap-page .scheme_8 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-8.gif); background-color: #007e69; }
#challenge-category .scheme_9 .panel-tabs-color,
#virtualmap-page .scheme_9 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-9.gif); background-color: #007e3f; }
#challenge-category .scheme_10 .panel-tabs-color,
#virtualmap-page .scheme_10 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-10.gif); background-color: #4d7600; }
#challenge-category .scheme_11 .panel-tabs-color,
#virtualmap-page .scheme_11 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-11.gif); background-color: #767600; }
#challenge-category .scheme_12 .panel-tabs-color,
#virtualmap-page .scheme_12 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-12.gif); background-color: #764f00; }
#challenge-category .scheme_13 .panel-tabs-color,
#virtualmap-page .scheme_13 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-13.gif); background-color: #762700; }
#challenge-category .scheme_14 .panel-tabs-color,
#virtualmap-page .scheme_14 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-14.gif); background-color: #780000; }
#challenge-category .scheme_15 .panel-tabs-color,
#virtualmap-page .scheme_15 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-15.gif); background-color: #222; }
#challenge-category .scheme_16 .panel-tabs-color,
#virtualmap-page .scheme_16 .panel-tabs-color { background-image: url(/images/panel-tabs-bg-16.gif); background-color: #454545; }


body #site #challenge-category .panel .panel-tabs-color li,
body #site #virtualmap-page .panel .panel-tabs-color li { background: none; height: 24px; width: 174px; border: none; }

body #site #challenge-category .panel .panel-tabs-color li.current,
body #site #virtualmap-page .panel .panel-tabs-color li.current { background: #fff; height: 24px; width: 172px; margin: 0 2px 0 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; border: 1px solid #000; border-bottom: none; color: #333; }

body #site #challenge-category .scheme_1 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_1 .panel-tabs-color li.current { border-color: #65011d; }
body #site #challenge-category .scheme_2 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_2 .panel-tabs-color li.current { border-color: #6a0046; }
body #site #challenge-category .scheme_3 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_3 .panel-tabs-color li.current { border-color: #4e015a; }
body #site #challenge-category .scheme_4 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_4 .panel-tabs-color li.current { border-color: #35015a; }
body #site #challenge-category .scheme_5 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_5 .panel-tabs-color li.current { border-color: #1f015a; }
body #site #challenge-category .scheme_6 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_6 .panel-tabs-color li.current { border-color: #004e7e; }
body #site #challenge-category .scheme_7 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_7 .panel-tabs-color li.current { border-color: #00697e; }
body #site #challenge-category .scheme_8 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_8 .panel-tabs-color li.current { border-color: #007e69; }
body #site #challenge-category .scheme_9 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_9 .panel-tabs-color li.current { border-color: #007e3f; }
body #site #challenge-category .scheme_10 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_10 .panel-tabs-color li.current { border-color: #4d7600; }
body #site #challenge-category .scheme_11 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_11 .panel-tabs-color li.current { border-color: #767600; }
body #site #challenge-category .scheme_12 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_12 .panel-tabs-color li.current { border-color: #764f00; }
body #site #challenge-category .scheme_13 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_13 .panel-tabs-color li.current { border-color: #762700; }
body #site #challenge-category .scheme_14 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_14 .panel-tabs-color li.current { border-color: #780000; }
body #site #challenge-category .scheme_15 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_15 .panel-tabs-color li.current { border-color: #222; }
body #site #challenge-category .scheme_16 .panel-tabs-color li.current,
body #site #virtualmap-page .scheme_16 .panel-tabs-color li.current { border-color: #454545; }

#challenge-category .scheme_1 .panel-tabs-color li,
#virtualmap-page .scheme_1 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-1.gif); background-color: #65011d; }
#challenge-category .scheme_2 .panel-tabs-color li,
#virtualmap-page .scheme_2 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-2.gif); background-color: #6a0046; }
#challenge-category .scheme_3 .panel-tabs-color li,
#virtualmap-page .scheme_3 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-3.gif); background-color: #4e015a; }
#challenge-category .scheme_4 .panel-tabs-color li,
#virtualmap-page .scheme_4 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-4.gif); background-color: #35015a; }
#challenge-category .scheme_5 .panel-tabs-color li,
#virtualmap-page .scheme_5 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-5.gif); background-color: #1f015a; }
#challenge-category .scheme_6 .panel-tabs-color li,
#virtualmap-page .scheme_6 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-6.gif); background-color: #004e7e; }
#challenge-category .scheme_7 .panel-tabs-color li,
#virtualmap-page .scheme_7 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-7.gif); background-color: #00697e; }
#challenge-category .scheme_8 .panel-tabs-color li,
#virtualmap-page .scheme_8 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-8.gif); background-color: #007e69; }
#challenge-category .scheme_9 .panel-tabs-color li,
#virtualmap-page .scheme_9 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-9.gif); background-color: #007e3f; }
#challenge-category .scheme_10 .panel-tabs-color li,
#virtualmap-page .scheme_10 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-10.gif); background-color: #4d7600; }
#challenge-category .scheme_11 .panel-tabs-color li,
#virtualmap-page .scheme_11 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-11.gif); background-color: #767600; }
#challenge-category .scheme_12 .panel-tabs-color li,
#virtualmap-page .scheme_12 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-12.gif); background-color: #764f00; }
#challenge-category .scheme_13 .panel-tabs-color li,
#virtualmap-page .scheme_13 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-13.gif); background-color: #762700; }
#challenge-category .scheme_14 .panel-tabs-color li,
#virtualmap-page .scheme_14 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-14.gif); background-color: #780000; }
#challenge-category .scheme_15 .panel-tabs-color li,
#virtualmap-page .scheme_15 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-15.gif); background-color: #222; }
#challenge-category .scheme_16 .panel-tabs-color li,
#virtualmap-page .scheme_16 .panel-tabs-color li { background-image: url(/images/panel-tabs-bg-16.gif); background-color: #454545; }

#challenge-category .panel .panel-head a.headbutton-tellafriend { background-position: 0px 0px; background-repeat: no-repeat; width: 135px; height: 40px; display: block; float: right; outline: none }
#challenge-category .panel .panel-head a.headbutton-tellafriend:hover, 
#challenge-category .panel .panel-head a.headbutton-tellafriend:focus { background-position: 0px -40px; }
#challenge-category .panel .panel-head a.headbutton-tellafriend:active { background-position: 0px -80px; }
#challenge-category .panel .panel-head a.headbutton-tellafriend span { width: 135px; height: 40px; display: block; text-indent: -9999em; overflow: hidden; }

#challenge-category .scheme_1 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-1.gif); }
#challenge-category .scheme_2 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-2.gif); }
#challenge-category .scheme_3 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-3.gif); }
#challenge-category .scheme_4 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-4.gif); }
#challenge-category .scheme_5 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-5.gif); }
#challenge-category .scheme_6 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-6.gif); }
#challenge-category .scheme_7 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-7.gif); }
#challenge-category .scheme_8 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-8.gif); }
#challenge-category .scheme_9 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-9.gif); }
#challenge-category .scheme_10 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-10.gif); }
#challenge-category .scheme_11 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-11.gif); }
#challenge-category .scheme_12 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-12.gif); }
#challenge-category .scheme_13 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-13.gif); }
#challenge-category .scheme_14 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-14.gif); }
#challenge-category .scheme_15 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-15.gif); }
#challenge-category .scheme_16 .panel-head a.headbutton-tellafriend { background-image: url(/images/heading-tellafriend-16.gif); }

/* ---------- Virtual Map Full Width Headers ------------ */
#site .scheme_1 .panel-head-wide { background-image: url(/images/panel-wide-head-1.gif); }
#site .scheme_2 .panel-head-wide { background-image: url(/images/panel-wide-head-2.gif); }
#site .scheme_3 .panel-head-wide { background-image: url(/images/panel-wide-head-3.gif); }
#site .scheme_4 .panel-head-wide { background-image: url(/images/panel-wide-head-4.gif); }
#site .scheme_5 .panel-head-wide { background-image: url(/images/panel-wide-head-5.gif); }
#site .scheme_6 .panel-head-wide { background-image: url(/images/panel-wide-head-6.gif); }
#site .scheme_7 .panel-head-wide { background-image: url(/images/panel-wide-head-7.gif); }
#site .scheme_8 .panel-head-wide { background-image: url(/images/panel-wide-head-8.gif); }
#site .scheme_9 .panel-head-wide { background-image: url(/images/panel-wide-head-9.gif); }
#site .scheme_10 .panel-head-wide { background-image: url(/images/panel-wide-head-10.gif); }
#site .scheme_11 .panel-head-wide { background-image: url(/images/panel-wide-head-11.gif); }
#site .scheme_12 .panel-head-wide { background-image: url(/images/panel-wide-head-12.gif); }
#site .scheme_13 .panel-head-wide { background-image: url(/images/panel-wide-head-13.gif); }
#site .scheme_14 .panel-head-wide { background-image: url(/images/panel-wide-head-14.gif); }
#site .scheme_15 .panel-head-wide { background-image: url(/images/panel-wide-head-15.gif); }
#site .scheme_16 .panel-head-wide { background-image: url(/images/panel-wide-head-16.gif); }

/* ----- Challenge Admin ----- */
span.swatches { display: block; padding-bottom: 5px; width: 100%; overflow: hidden; }
span.swatches span.swatch { display: block; width: 24px; height: 24px; cursor: pointer; border: 1px solid #000; margin-top: 1px; margin-right: 2px; float: left; background-position: -10px -10px; }
span.swatches span.swatch:hover { border: 2px solid #000; width: 22px; height: 22px; }
span.swatches span.selected { border: 3px solid #000; width: 20px; height: 20px; }
#scheme_1 { background-image: url(/images/panel-half-head-1.gif); }
#scheme_2 { background-image: url(/images/panel-half-head-2.gif); }
#scheme_3 { background-image: url(/images/panel-half-head-3.gif); }
#scheme_4 { background-image: url(/images/panel-half-head-4.gif); }
#scheme_5 { background-image: url(/images/panel-half-head-5.gif); }
#scheme_6 { background-image: url(/images/panel-half-head-6.gif); }
#scheme_7 { background-image: url(/images/panel-half-head-7.gif); }
#scheme_8 { background-image: url(/images/panel-half-head-8.gif); }
#scheme_9 { background-image: url(/images/panel-half-head-9.gif); }
#scheme_10 { background-image: url(/images/panel-half-head-10.gif); }
#scheme_11 { background-image: url(/images/panel-half-head-11.gif); }
#scheme_12 { background-image: url(/images/panel-half-head-12.gif); }
#scheme_13 { background-image: url(/images/panel-half-head-13.gif); }
#scheme_14 { background-image: url(/images/panel-half-head-14.gif); }
#scheme_15 { background-image: url(/images/panel-half-head-15.gif); }
#scheme_16 { background-image: url(/images/panel-half-head-16.gif); }

/* ---------- Challenge History ---------- */
#challenge-history .panel-precontent { position:relative; min-height:20px; padding:12px 10px 8px; border-bottom:none;  }
#challenge-history .panel-precontent h3 { font-size:14px; float: left; }
#challenge-history .active-challenge .panel-precontent h3 { width: 250px; }
#challenge-history .stopped-challenge .panel-precontent h3 { width: 400px; }
#challenge-history .buttons { width: auto; right:0px; top:5px; position:absolute; }
#challenge-history a.button { width: 140px; height: 30px; overflow: hidden; display: block; float: right; text-indent: -9999em; background-position: 0px 0px; background-repeat: no-repeat; margin: 0 6px 0 0; outline: none; }
#challenge-history a.button:hover, #challenge-history a.button:focus { background-position: 0px -30px; }
#challenge-history a.button:active { background-position: 0px -60px; }
#challenge-history a.button-pause { background-image:url(/images/button-virtualmap-pausechallenge.gif); }
#challenge-history a.button-adjust { background-image:url(/images/button-adjust-goal.gif); }
#challenge-history a.button-restart { background-image:url(/images/button-virtualmap-restartchallenge.gif); }
#challenge-history a.button-resume { background-image:url(/images/button-virtualmap-resumechallenge.gif); float:right; }
#challenge-history a.button-quit { background-image:url(/images/button-virtualmap-quitchallenge.gif); }
#challenge-history a.button-his-map { background-image:url(/images/button-chall-history-map.gif); float:right; }
#challenge-history a.button-his-leaderboard { background-image:url(/images/button-chall-history-leaderboard.gif); float:right; }
#challenge-history table, #challenge-history table th, #challenge-history table td { border: none; text-align:left; }
#challenge-history table th { padding-left:10px; }
#challenge-history table td.center, #challenge-history table th.center { text-align:center; }
#challenge-history table { border:1px #A2C8D8 solid; }

#challenge-history .team-attitude .panel-precontent { padding-left: 34px; background-image: url(/images/history-ta.gif); background-repeat: no-repeat; background-position: 7px 5px; }

#challenge-history table th.align-left, #challenge-history table td.align-left { text-align: left; }
#challenge-history table th.align-right, #challenge-history table td.align-right { text-align: right; }
#challenge-history table th.align-center, #challenge-history table td.align-center { text-align: center; }

/* ---------- Payment Proccess ---------- */
.panel-payment .panel-sub-head { background: #0980C4 url(/images/panel-tabs-bg.gif) 0px 0px repeat-x; width: 100%; overflow: hidden; }
.panel-payment .panel-sub-head .payment-step { float: left; color: #5aaad7; padding: 10px 0 10px 20px; width: 210px; }
.panel-payment .panel-sub-head .payment-step .step-num { font-size: 14px; display: block; }
.panel-payment .panel-sub-head .payment-step .step-name { font-size: 11px; display: block; font-weight: bold; }
body .panel-payment .panel-sub-head .active { color: #fff; }

.user-payment-summary { margin: 0 0 1.2em 0; }
.user-payment-summary ol { list-style: none; margin: 0; padding: 0; }
.user-payment-summary ol li { list-style: none; margin: 0; padding: 0 0 4px 0; width: 100%; overflow: hidden; }
.user-payment-summary ol li .label { float: left; width: 80px; font-weight: bold; }
.user-payment-summary ol li .field { }
.user-payment-summary .membership-count { padding: 0 0 4px 0; }

.panel-payment fieldset select { width: auto; }

#pay_by_credit_card .text_label { float: left; line-height: 1.4em; height: 2.4em; width: 10em; }

/* Admin */
#panel-payments-admin .panel-precontent h4 { float: left; margin: 0 30px 0 0; }
#panel-payments-admin .panel-precontent .filteropt { float: left; margin: 0 10px 0 0; }
#panel-payments-admin .panel-precontent .filteropt-right { float: right; margin: 0; }
#panel-payments-admin .panel-precontent .filteropt-right label { float: left; }
#panel-payments-admin .panel-precontent .filteropt-right button { float: right; width: 120px; background-image: url(/images/formbutton-small-panelsub.gif); height: 29px; padding: 0 0 2px 0; margin: 0 0 0 10px; }
#panel-payments-admin .panel-precontent .filteropt-right button:hover,
#panel-payments-admin .panel-precontent .filteropt-right button:focus { background-position: 0 -30px; }
#panel-payments-admin .panel-precontent .filteropt-right button:active { background-position: 0 -60px; }
#panel-payments-admin .panel-precontent .filteropt .text_label { width: auto; }
#panel-payments-admin .panel-precontent .filteropt input { margin-bottom: 0; }

#panel-payments-admin select { margin-bottom: 0; }

/* --------- Smart Help Buttons ---------- */
a.smart_help { background-position: 0px 0px; background-repeat: no-repeat; height: 20px; width: 20px; display: inline-block; overflow: hidden; text-indent: -9999em; }
a.smart_help_public { background-image: url(/images/smarthelp-public.gif); }
a.smart_help_private { background-image: url(/images/smarthelp-member.gif); }
a.smart_help_editable { background-position: 0 -30px; width: 31px; }

/* ---------- Registration ----------- */
#panel-register button.button-registernow { background: url(/images/button-registernow.gif) 0px 0px no-repeat; width: 200px; height: 33px; display: block; padding: 0; margin: 0; border: none; outline: none; }
#panel-register button.button-registernow:hover, #panel-register button.button-registernow:focus { background-position: 0px -34px; }
#panel-register button.button-registernow:active { background-position: 0px -68px; }
#panel-register button.button-registernow span { display: block; width: 180px; height: 33px; text-indent: -9999em; overflow: hidden; }
#panel-register input[type=text], #panel-register input[type=password],#panel-register select { width: 34em; }
#panel-register input#user_stride_length_as_string { width: 10em; }
#country_flag { display: none; margin-top: 7px; }
#panel-register .register-header { width: 710px; height: 151px; background: url(/images/join-header.gif) 0px 0px no-repeat; position: relative; }
#panel-register .register-header h3 { display: none; }
#panel-register .register-header .text { padding: 45px 20px 0 310px; color: #57778c; }
#register-image { display: block; position: absolute; z-index: 10000; top: 238px; left: 50%;  background: url(/images/join-header-img.gif) 0px 0px no-repeat; width: 72px; height: 120px; margin: 0 0 0 -517px; }

/* ---------- Payment Proccess ---------- */
.panel-payment .panel-sub-head { background: #0980C4 url(/images/panel-tabs-bg.gif) 0px 0px repeat-x; width: 100%; overflow: hidden; }
.panel-payment .panel-sub-head .payment-step { float: left; color: #5aaad7; padding: 10px 0 10px 20px; width: 210px; }
.panel-payment .panel-sub-head .payment-step .step-num { font-size: 14px; display: block; }
.panel-payment .panel-sub-head .payment-step .step-name { font-size: 11px; display: block; font-weight: bold; }
body .panel-payment .panel-sub-head .active { color: #fff; }

.user-payment-summary { margin: 0 0 1.2em 0; }
.user-payment-summary ol { list-style: none; margin: 0; padding: 0; }
.user-payment-summary ol li { list-style: none; margin: 0; padding: 0 0 4px 0; width: 100%; overflow: hidden; }
.user-payment-summary ol li .label { float: left; width: 80px; font-weight: bold; }
.user-payment-summary ol li .field { }
.user-payment-summary .membership-count { padding: 0 0 4px 0; }

.panel-payment fieldset select { width: auto; }

.panel-payment .card-types { margin-left: 10em; width: 300px; overflow: hidden; padding: 3px 0; }
.panel-payment .card-types .card-type { float: left; clear: none; width: 100px; display: block; }
#container .panel-payment .card-types .card-type input { margin: 0 5px 0 0; }

.panel-payment button.button-completeregistration { background: url(/images/button-completeregistration.gif) 0px 0px no-repeat; width: 200px; height: 33px; display: block; padding: 0; margin: 0; border: none; outline: none; }
.panel-payment button.button-completeregistration:hover, .panel-payment button.button-completeregistration:focus { background-position: 0px -34px; }
.panel-payment button.button-completeregistration:active { background-position: 0px -68px; }
.panel-payment button.button-completeregistration span { display: block; width: 180px; height: 33px; text-indent: -9999em; overflow: hidden; }

.panel-payment button.button-paypal { background: url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif) 0px 0px no-repeat; width: 145px; height: 42px; display: block; padding: 0; border: none; outline: none; margin: 0 auto; }
.panel-payment button.button-paypal span { display: block; width: 180px; height: 29px; text-indent: -9999em; overflow: hidden; }

.panel-payment .cost { font-size: 14px; color: #43788E; }
body #container .panel-payment .payment-methods li { padding: 4px 0; }
body #container .panel-payment .payment-methods li input { margin: 5px 0 0 0; }

/* --------- Smart Help Buttons ---------- */
a.smart_help { background-position: 0px 0px; background-repeat: no-repeat; height: 20px; width: 20px; display: inline-block; overflow: hidden; text-indent: -9999em; }
a.smart_help_public { background-image: url(/images/smarthelp-public.gif); }
a.smart_help_private { background-image: url(/images/smarthelp-member.gif); }
a.smart_help_editable { background-position: 0 -30px; width: 31px; }

/* ---------- Leaderboard Plaques ---------- */
/* ----- All Users ----- */
#leaderboards-milestones .panel-plaques { background: url(/images/panel-full-related.gif) left bottom no-repeat; width: 100%; overflow: hidden; }
#leaderboards-milestones .panel-plaques .plaque { background: url(/images/leaderboard-trophy-bg.jpg) 0px 0px no-repeat; width: 344px; height: 368px; float: left; position: relative; }
#leaderboards-milestones .panel-plaques .plaque-all { float: left; margin: 8px 0 8px 8px; }
#leaderboards-milestones .panel-plaques .plaque-user { float: right; margin: 8px 8px 8px 0; }

#leaderboards-milestones .panel-plaques .plaque-all .head { left: 30px; top: 24px; position: absolute; background: url(/images/leaderboard-trophy-dropdown.gif) 0px 0px no-repeat; width: 284px; height: 54px; text-align: center; cursor: pointer; outline: none; }
#leaderboards-milestones .panel-plaques .plaque-all .head .head-title { font-size: 12px; font-weight: bold; color: #85410c; padding: 9px 0 0 0; }
#leaderboards-milestones .panel-plaques .plaque-all .head .head-steps { font-size: 14px; font-weight: bold; color: #85410c; }
#leaderboards-milestones .panel-plaques .plaque-all .head:hover, 
#leaderboards-milestones .panel-plaques .plaque-all .head-hover { background-position: 0px -60px; }
body #site #leaderboards-milestones .panel-plaques .plaque-all .head-down { background-position: 0px -120px; }
#leaderboards-milestones .panel-plaques .plaque-all .drop-down { background: #f6bd52; border: 1px solid #76541e; border-top: none; width: 278px; position: absolute; left: -9999px; top: 78px; overflow: hidden; z-index: 90; }
body #site #leaderboards-milestones .panel-plaques .plaque-all .drop-down-visible { left: 32px; }
#leaderboards-milestones .panel-plaques .plaque-all .drop-down .col { float: left; width: 139px; text-align: center; line-height: 1.6em; padding: 6px 0 12px 0; }
#leaderboards-milestones .panel-plaques .plaque-all .drop-down .col a { color: #85410c; font-weight: bold; }
#leaderboards-milestones .panel-plaques .plaque-all .drop-down .col a:hover { color: #fff; }

#leaderboards-milestones .panel-plaques .plaque-all .users { width: 266px; position: absolute; left: 40px; top: 78px; }
#leaderboards-milestones .panel-plaques .plaque-all .users .user { background: url(/images/leaderboard-trophy-silver.png) 0px 0px no-repeat; width: 130px; height: 44px; float: left; margin: 1px 0 0 2px; text-align: center; line-height: normal; cursor: default; }
#leaderboards-milestones .panel-plaques .plaque-all .users .user .user-name { font-size: 12px; font-weight: bold; color: #444; margin: 5px 0 0 0; }
#leaderboards-milestones .panel-plaques .plaque-all .users .user .user-date { font-size: 11px; font-weight: normal; color: #666; }

#leaderboards-milestones .panel-plaques .plaque-all a.view-all { background: url(/images/leaderboard-trophy-allusers.gif) 0px 0px no-repeat; position: absolute; top: 305px; left: 80px; width: 184px; height: 44px; display: block; outline: none; }
#leaderboards-milestones .panel-plaques .plaque-all a.view-all:hover, 
#leaderboards-milestones .panel-plaques .plaque-all a.view-all:focus { background-position: 0px -50px; }
#leaderboards-milestones .panel-plaques .plaque-all a.view-all span { display: block; overflow: hidden; text-indent: -9999em; width: 1px; height: 1px; }

/* ----- Current Users ----- */
#leaderboards-milestones .panel-plaques .plaque-user .head { left: 30px; top: 24px; position: absolute; background: url(/images/leaderboard-trophy-nextmilestone.gif) 0px 0px no-repeat; width: 284px; height: 54px; text-align: center; }
#leaderboards-milestones .panel-plaques .plaque-user .head .head-title { font-size: 12px; font-weight: bold; color: #85410c; padding: 9px 0 0 0; }
#leaderboards-milestones .panel-plaques .plaque-user .head .head-steps { font-size: 14px; font-weight: bold; color: #85410c; }

#leaderboards-milestones .panel-plaques .plaque-user .milestones { width: 266px; position: absolute; left: 40px; top: 78px; }
#leaderboards-milestones .panel-plaques .plaque-user .milestones .milestone { background: url(/images/leaderboard-trophy-silver.png) 0px 0px no-repeat; width: 130px; height: 44px; float: left; margin: 1px 0 0 2px; text-align: center; line-height: normal; cursor: default; }
#leaderboards-milestones .panel-plaques .plaque-user .milestones .milestone .milestone-name { font-size: 12px; font-weight: bold; color: #444; margin: 5px 0 0 0; }
#leaderboards-milestones .panel-plaques .plaque-user .milestones .milestone .milestone-date { font-size: 11px; font-weight: normal; color: #666; }

#leaderboards-milestones .panel-plaques .plaque-user a.view-all { background: url(/images/leaderboard-trophy-allmilestones.gif) 0px 0px no-repeat; position: absolute; top: 305px; left: 80px; width: 184px; height: 44px; display: block; outline: none; }
#leaderboards-milestones .panel-plaques .plaque-user a.view-all:hover, 
#leaderboards-milestones .panel-plaques .plaque-user a.view-all:focus { background-position: 0px -50px; }
#leaderboards-milestones .panel-plaques .plaque-user a.view-all span { display: block; overflow: hidden; text-indent: -9999em; width: 1px; height: 1px; }

/* ---------- Styled Table ---------- */
body #site .panel-table-styled table { border: 1px solid #A2C8D8; border-top: none; }
body #site .panel-table-styled table td { border: none; text-align: center; color: #444; }
body #site .panel-table-styled table thead th { background: #c2dfec url(/images/leaderboard-table-head.gif) 0px 0px repeat-x; border-right: none; border-bottom: 1px solid #A2C8D8; text-align: center; font-weight: bold; }
body #site .panel-table-styled table thead th.small { font-size: 11px; line-height: normal; }
body #site .panel-table-styled table tr.odd td { background: #eef6f9; }
body #site #container .panel-table-styled table tr.active-row td { background: #56c0fe; color: #fff; }
body #site .panel-table-styled table tr.total-row td {font-weight: bold; }
body #site .panel-table-styled table tr.zero-row td { color: #aaa; }
body #site .panel-table-styled table td.nodata { color: #aaa; }
body #site #container .panel-table-styled table tr.current-user td { color: #fff; font-weight: bold; background: #56c0fe; }
body #site .panel-table-styled table th.align-left, body #site .panel-table-styled table td.align-left { text-align: left; }
body #site .panel-table-styled table th.align-right, body #site .panel-table-styled table td.align-right { text-align: right; }
body #site .panel-table .overflow-table { overflow: auto; border-right: 1px solid #A2C8D8; border-bottom: 1px solid #A2C8D8; }
body #site .panel-table .overflow-table table { border-left: none; border-right: none; border-bottom: none; }

/* ---------- Challenge Guides ---------- */
ol.guide-list { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; }
ol.guide-list li { margin: 0 0 10px 0; padding: 0 10px 0 30px; list-style: none; background-position: 5px 5px; background-repeat: no-repeat; float: left; width: 300px; }
ol.guide-list li .guide-description { font-size: 11px; color: #666; }

ol.guide-list li.filetype-pdf { background-image: url(/images/filetype-pdf.gif); }
ol.guide-list li.filetype-doc, ol.guide-list li.filetype-docx { background-image: url(/images/filetype-doc.gif); }
ol.guide-list li.filetype-txt, ol.guide-list li.filetype-rtf { background-image: url(/images/filetype-txt.gif); }
ol.guide-list li.filetype-xls, ol.guide-list li.filetype-csv { background-image: url(/images/filetype-xls.gif); }

/* ---------- Sidebar Buttons ---------- */
a#button-side-jointoday { background: url(/images/button-jointoday.png) 0px 0px no-repeat; width: 240px; height: 101px; display: block; outline: none; text-indent: -9999em; overflow: hidden; margin: -6px 0 0 0; }
a#button-side-jointoday:hover, a#button-side-jointoday:focus { background-position: -260px -0px; }

a#button-walkingchallenges { background: url(/images/button-walkingchallenges.png) 0px 0px no-repeat; width: 240px; height: 100px; display: block; outline: none; text-indent: -9999em; overflow: hidden; margin: 0; }
a#button-walkingchallenges:hover, a#button-walkingchallenges:focus { background-position: -260px -0px; }

a#button-side-shop { background: url(/images/button-shop.png) 0px 0px no-repeat; width: 240px; height: 100px; display: block; outline: none; text-indent: -9999em; overflow: hidden; margin: 0px 0 5px 0; }
a#button-side-shop:hover, a#button-side-shop:focus { background-position: -260px -0px; }

a#button-side-wellnesscentre { background: url(/images/button-side-wellnesscentre.gif) 0px 0px no-repeat; width: 240px; height: 80px; display: block; outline: none; text-indent: -9999em; overflow: hidden; margin: 0 0 10px 0; }
a#button-side-wellnesscentre:hover, a#button-side-wellnesscentre:focus { background-position: 0px -90px; }

a#button-side-passport { background: url(/images/button-side-passport.gif) 0px 0px no-repeat; width: 240px; height: 80px; display: block; outline: none; text-indent: -9999em; overflow: hidden; margin: 0 0 10px 0; }
a#button-side-passport:hover, a#button-side-passport:focus { background-position: 0px -90px; }

a#button-side-fitnesstools { background: url(/images/button-side-fitnesstools2.gif) 0px 0px no-repeat; width: 240px; height: 80px; display: block; outline: none; text-indent: -9999em; overflow: hidden; margin: 0 0 10px 0; }
a#button-side-fitnesstools:hover, a#button-side-fitnesstools:focus { background-position: 0px -90px; }

/* ---------- Walking Charts ---------- */
#walking-charts .panel .panel-precontent form .drop-down { float: left; margin-right: 5px;  }
#walking-charts .panel .panel-precontent form .drop-down label { font-weight: bold; }
#walking-charts .panel .panel-precontent form .drop-down select { width: auto; margin-right: 5px; }

#walking-charts .panel .panel-precontent form button { margin-top: 14px; }
#walking-charts .panel-precontent a.smart_help { margin-top: 14px; }

/*#walking-charts .panel .panel-precontent form .drop-down select#walkingchart-select-date-month { width: 90px; float: left; margin-right: 0 }
#walking-charts .panel .panel-precontent form .drop-down select#walkingchart-select-date-week { width: 90px; float: left; margin-right: 0 }
#walking-charts .panel .panel-precontent form .drop-down select#walkingchart-select-date-year { width: 60px; margin-right: 0 }

#walking-charts .panel .panel-precontent form .drop-down:last-child select#walkingchart-select-date-month { width: 110px; }
#walking-charts .panel .panel-precontent form .drop-down:last-child select#walkingchart-select-date-week { width: 110px; }
#walking-charts .panel .panel-precontent form .drop-down:last-child select#walkingchart-select-date-year { width: 70px; }*/

#walking-charts .panel .panel-head h2 { width: 460px; }

.panel-precontent form button { float: left; margin-right: 5px; width: 100px; font-weight: bold; color: #313f48; text-shadow: #E6F2F8 0px 1px 0px; height: 25px; background: url(/images/button-datachange.gif) 0px 0px no-repeat; }
.panel-precontent form button:hover, .panel-precontent form button:focus { background-position: 0px -25px; }
.panel-precontent form button:active { background-position: 0px -50px; }
.panel-precontent form select { float: left; margin-right: 5px; }

.panel-precontent a.smart_help { float: right; }

/* ---------- Wellness Centre ---------- */
body #site #wellness-centre .panel .welcome-text { padding: 2px 0 0 60px; background: url(/images/wellnesscentre-icon.gif) 0px 0px no-repeat; width: 240px; }

body #site #wellness-centre .panel .panel-head { background-image: url(/images/panel-head-wellnesscentre-new.gif); }
body #site #wellness-centre .panel .panel-head h2 { width: auto; }
body #site #wellness-centre .panel .panel-precontent { background: #bae4a3; border-color: #88be69; color: #58704a; }
body #site #wellness-centre .panel .panel-content { border-color: #88be69; }

body #site #wellness-centre .panel .panel-form { background-color: #d7edcc; border-left: 1px solid #88be69; border-right: 1px solid #88be69; border-bottom: 1px solid #88be69; color: #58704A; }
body #site #wellness-centre .panel .panel-form .inner { padding: 10px; }
body #site #wellness-centre .panel .panel-subhead { background: url(/images/panel-head-wellnesscentre-small.gif) 0px -1px no-repeat; height: 34px; }
body #site #wellness-centre .panel .panel-table-styled { background: #d8eecc; padding: 0; border-color: #88be69; }
body #site #wellness-centre .panel .panel-table-styled table { border: none; background: none; }
body #site #wellness-centre .panel .panel-table-styled table thead tr th { border-color: #88be69; background: url(/images/wellnesscentre-table-head.gif) 0px 0px repeat-x; color: #58704a; }
body #site #wellness-centre .panel .panel-table-styled table td { color: #58704a; background: none; }
body #site #wellness-centre .panel .panel-table-styled table tr.odd td { background: #e8f4e2; }

body #site #wellness-centre .panel .panel-precontent form { float: right; width: 380px; }
body #site #wellness-centre .panel .panel-precontent form label { font-weight: bold; }
body #site #wellness-centre .panel .panel-precontent form .drop-down { float: left; width: auto; margin: 0 10px 0 0; }
body #site #wellness-centre .panel .panel-precontent form .drop-down select { width: auto; min-width: 100px; margin: 0; }
body #site #wellness-centre .panel .panel-precontent form button { float: left; margin: 15px 0 0 0; }

#wellness-centre .panel .panel-head a { float: right; width: 100px; height: 40px; background-position: 0px 0px; outline: none; }
#wellness-centre .panel .panel-subhead a { float: right; width: 100px; height: 34px; background-position: 0px -1px; outline: none; }

#wellness-centre .panel .panel-head a:hover, #wellness-centre .panel .panel-head a:focus { background-position: 0px -40px; }
#wellness-centre .panel .panel-head a:active { background-position: 0px -80px; }
#wellness-centre .panel .panel-head a span { width: 1px; height: 1px; overflow: hidden; display: block; text-indent: -9999em; }

#wellness-centre .panel .panel-head a.headbutton-new { background-image: url(/images/heading-wellnesscentre-new-square.gif); width: 169px; }
#wellness-centre .panel .panel-head a.headbutton-print { background-image: url(/images/heading-wellnesscentre-print.gif); width: 85px; }

#wellness-centre .panel .panel-subhead a:hover, #wellness-centre .panel .panel-subhead a:focus { background-position: 0px -36px; }
#wellness-centre .panel .panel-subhead a:active { background-position: 0px -71px; }
#wellness-centre .panel .panel-subhead a span { width: 1px; height: 1px; overflow: hidden; display: block; text-indent: -9999em; }

#wellness-centre .panel .panel-subhead a.headbutton-download { background-image: url(/images/heading-wellnesscentre-download.gif); width: 144px; }
#wellness-centre .panel .panel-subhead a.headbutton-edit { background-image: url(/images/heading-wellnesscentre-edit.gif); width: 117px; }
#wellness-centre .panel .panel-subhead a.headbutton-delete { background-image: url(/images/heading-wellnesscentre-delete.gif); width: 131px; }

body #site #wellness-centre button.button { background-image: url(/images/formbutton-smallwide-wellnesscentre-small.gif); color: #58704A; text-shadow: 0px 1px 0px #e0f3d7; width: 100px; }
body #site #wellness-centre button.button:hover, body #site #wellness-centre fieldset.buttons button.button:focus { color: #58704A; }
body #site #wellness-centre button.button:active { color: #58704A; }

#wellness-centre #wellnesscentre-logdata form { width: 100%; overflow: hidden; }
#wellness-centre #wellnesscentre-logdata h4 { float: left; width: 100px; padding: 5px 0 0 0; }
#wellness-centre #wellnesscentre-logdata label { float: left; width: auto; clear: none; margin: 0 10px 0 0; }
#wellness-centre #wellnesscentre-logdata label input { margin: 0; }
#wellness-centre #wellnesscentre-logdata label span.text_label { float: left; width: auto; margin: 0 10px 0 0; padding: 5px 0 0 0; }
#wellness-centre #wellnesscentre-logdata fieldset { float: left; width: 250px; clear: none; margin: 0; }
#wellness-centre #wellnesscentre-logdata fieldset button { float: left; }
#wellness-centre #wellnesscentre-logdata fieldset .or-cancel { display: block; float: left; padding: 5px 0 0 0; margin: 0 0 0 10px; }

#wellness-centre ul.date-selector, #wellness-centre ul.date-selector ul, #wellness-centre ul.date-selector li { margin: 0; padding: 0; list-style: none; position: relative; }
#wellness-centre .panel-head ul.date-selector { list-style: none; float: left; display: block; height: 26px; margin: 7px 10px 0 0; padding: 0; z-index: 60; }
#wellness-centre .panel-head ul.date-selector li.selector { list-style: none; display: block; height: 26px; margin: 0 5px 0 0; padding: 0; float: left; z-index: 600; }
#wellness-centre .panel-head ul.date-selector li.selector > a { padding: 5px 27px 5px 7px; text-indent: 0; float: none; display: block; width: auto; height: auto; background: url(/images/wellnesscentre-selector-bg.gif) top right no-repeat; border-left: 1px solid #5a9339; color: #fff; font-size: 14px; }
#wellness-centre .panel-head ul.date-selector li.selector ul { background: #8ac369; z-index: 6000; left: -9999px; position: absolute; }
#wellness-centre .panel-head ul.date-selector li.selector ul li { background: #8ac369; z-index: 6000; }
#wellness-centre .panel-head ul.date-selector li.selector li a { background: #8ac369; text-indent: 0; overflow: visible; float: none; display: block; padding: 2px 6px; height: auto; width: auto; color: #fff; z-index: 600; }
#wellness-centre .panel-head ul.date-selector li.selector li a:hover { background: #5a9339; }

#wellness-centre .panel-head ul.date-selector li.scale-selector a { width: 70px; }
#wellness-centre .panel-head ul.date-selector li.scale-selector ul { width: 105px; }

#wellness-centre .panel-head ul.date-selector li.month-selector a { width: 70px; }
#wellness-centre .panel-head ul.date-selector li.month-selector ul { width: 105px; }

#wellness-centre .panel-head ul.date-selector li.week-selector a { width: 70px; }
#wellness-centre .panel-head ul.date-selector li.week-selector ul { width: 105px; height: 260px; overflow: auto; }

#wellness-centre .panel-head ul.date-selector li.year-selector a { width: 40px; }
#wellness-centre .panel-head ul.date-selector li.year-selector ul { width: 75px; }

#wellness-centre .panel-head ul.date-selector li:hover ul,
#wellness-centre .panel-head ul.date-selector li.hover ul { left: auto; position: absolute; }

#wellness-centre .nocharts { float: right; padding: 15px 0 0 0; width: 380px; text-align: center; font-weight: bold; }

/* ---------- Walking Buddies ---------- */
#panel-walkingbuddies .panel-head a.headbutton-addmember { background: url(/images/heading-walkingbuddy-newmember3.gif) 0px 0px no-repeat; width: 145px; height: 40px; float: right; outline: none; overflow: hidden; display: block; text-indent: -9999em; }
#panel-walkingbuddies .panel-head a.headbutton-addmember:hover, #panel-walkingbuddies .panel-head a.headbutton-addmember:focus { background-position: 0px -40px; }
#panel-walkingbuddies .panel-head a.headbutton-addmember:active { background-position: 0px -80px; }

#panel-walkingbuddies .welcome-text { background: url(/images/walkingbuddies-icon.gif) 10px 0px no-repeat; padding: 0 0 0 100px; line-height: 1.5em; min-height: 81px; color: #4F5F69; }

/* ----------- Admin Header Buttons ---------- */
.panel .panel-head a.add-challenge { background-image: url(/images/heading-admin-newchallenge.gif); width: 152px; }
.panel .panel-head a.add-article { background-image: url(/images/heading-admin-newarticle.gif); width: 130px; }
.panel .panel-head a.add-recipe { background-image: url(/images/heading-admin-newrecipe.gif); width: 134px; }
.panel .panel-head a.add-category { background-image: url(/images/heading-admin-newcategory.gif); width: 147px; }
.panel .panel-head a.add-activity { background-image: url(/images/heading-admin-newactivity.gif); width: 136px; }
.panel .panel-head a.add-new { background-image: url(/images/heading-admin-new.gif); width: 136px; }

/* ---------- Challenge Editor Admin ----------- */
.panel-head a.panel-head-link { background-position: 0px 0px; background-repeat: no-repeat; display: block; float: right; width: 90px;  height: 40px; overflow: hidden; text-indent: -9999em; outline: none; }
.panel-head a.panel-head-link:hover, .panel-head a.panel-head-link:focus { background-position: 0px -40px; }
.panel-head a.panel-head-link:active { background-position: 0px -80px; }

body .panel-head a.add-waypoint { background-image: url(/images/heading-newwaypoint.gif); width: 138px; }
body .panel-head a.add-email { background-image: url(/images/heading-newemail.gif); width: 118px; }
body .panel-head a.add-question { background-image: url(/images/heading-newquestion.gif); width: 134px; }
body .panel-head a.add-guide { background-image: url(/images/heading-newguide.gif); width: 118px; }

form.admin-search { width: 100%; overflow: hidden; }
form.admin-search fieldset { margin: 0; padding: 0; }

form.admin-search fieldset.searchbox { float: right; width: 300px; }
form.admin-search fieldset.searchbox label { float: left; }
form.admin-search fieldset.searchbox label input { width: 160px; padding: 5px; margin: 1px 0 0 0; }
form.admin-search fieldset.searchbox label span.text_label { display: none; }
form.admin-search fieldset.searchbox button { float: right; }

form.admin-search fieldset.filters { float: left; padding: 5px 0 0 5px; }
form.admin-search fieldset.filters label { float: left; width: auto; margin: 0 20px 0 0; clear: none; }
form.admin-search fieldset.filters label span.text_label { width: auto; }

form.admin-search fieldset.filters label span.text_label { width: auto; }

/* ---------- Sidebar Feature Promotion Ads ----------- */
.panel-sidead { margin: 0 0 10px 0; }
.panel-sidead .panel-sidead-head { background-position: 0px 0px; background-repeat: no-repeat; width: 240px; height: 115px; text-indent: -9999em; }
.panel-sidead .panel-sidead-body { background: url(/public/images/panelbody-small.gif) bottom left no-repeat; padding: 10px; }
.panel-sidead .panel-sidead-body .inner { width: 100%; overflow: hidden; }

/* ---------- Virtual Map ---------- */
#virtualmap-page { width: 100%; overflow: hidden; }
#virtualmap-page #virtualmap-bottom { width: 100%; overflow: hidden; }

#virtualmap-page .panel-wide .panel-map { background: url(/images/panel-wide-related.gif) bottom left no-repeat; padding: 7px; }
#virtualmap-page .panel-wide .panel-map .inner { width: 100%; overflow: hidden; }

.flashmap-buttons { width: 100%; overflow: hidden; padding: 6px 0 0 0; }
.flashmap-buttons a.button-virtualmap { width: 140px; height: 30px; overflow: hidden; display: block; float: left; text-indent: -9999em; background-position: 0px 0px; background-repeat: no-repeat; margin: 0 6px 0 0; outline: none; }
.flashmap-buttons a.button-virtualmap:hover, .flashmap-buttons a.button-virtualmap:focus { background-position: 0px -30px; }
.flashmap-buttons a.button-virtualmap:active { background-position: 0px -60px; }

#virtualmap-page .flashmap-buttons a.button-virtualmap-pause { background-image:url(/images/button-virtualmap-pausechallenge.gif); }
#virtualmap-page .flashmap-buttons a.button-virtualmap-resume { background-image:url(/images/button-virtualmap-resumechallenge.gif); }
#virtualmap-page .flashmap-buttons a.button-virtualmap-restart { background-image:url(/images/button-virtualmap-restartchallenge.gif); }
#virtualmap-page .flashmap-buttons a.button-virtualmap-quit { background-image:url(/images/button-virtualmap-quitchallenge.gif); }

.flashmap-buttons a.button-pacer { width: 140px; height: 30px; overflow: hidden; display: block; float: right; text-indent: -9999em; background: url(/images/button-virtualmap-pacer.gif) 0px 0px no-repeat; outline: none; }

#virtualmap-page .flashmap-buttons a.button-pacer-off { background-position: 0px 0px; }
#virtualmap-page .flashmap-buttons a.button-pacer-off:hover, #virtualmap-page .flashmap-buttons a.button-pacer-off:focus { background-position: 0px -30px; }
#virtualmap-page .flashmap-buttons a.button-pacer-off:active { background-position: 0px -60px; }

#virtualmap-page .flashmap-buttons a.button-pacer-on { background-position: 0px -90px; }
#virtualmap-page .flashmap-buttons a.button-pacer-on:hover, #virtualmap-page .flashmap-buttons a.button-pacer-on:focus { background-position: 0px -120px; }
#virtualmap-page .flashmap-buttons a.button-pacer-on:active { background-position: 0px -150px; }

#virtualmap-page .stat-columns { width: 100%; overflow: hidden; }
#virtualmap-page .stat-columns ul.column { float: left; width: 340px; margin: 0; padding: 0; list-style: none; }
#virtualmap-page .stat-columns ul.column li { list-style: none; margin: 0; padding: 3px 0; width: 100%; overflow: hidden; }
#virtualmap-page .stat-columns ul.column li strong { float: left; width: auto; }
#virtualmap-page .stat-columns ul.column li .value { display: block; margin-left: 150px; }

#virtualmap-page .stat-message { font-size: 14px; text-align: center; padding: 12px 0 4px 0; font-style: italic; }

#detail_movers_panel .movers-top { width: 100%; overflow: hidden; }
#detail_movers_panel .movers-top .text { float: left; width: 360px; }
#detail_movers_panel .movers-top .table { float: right; width: 300px; border: none; }
#detail_movers_panel .movers-top .table table { border-top: 1px solid #A2C8D8; }

#detail_movers_panel .bottom-table .table { border: 1px solid #A2C8D8; }
#detail_movers_panel .bottom-table .table .th { background: url(/images/leaderboard-table-head.gif) top left repeat-x; border-bottom: 1px solid #A2C8D8; color: #518BA5; text-align: center; padding: 8px 0; }
#detail_movers_panel .bottom-table .table .td { height: 70px; text-align: center; }

#detail_movers_panel .bottom-table { width: 100%; overflow: hidden; }

#detail_movers_panel .bottom-table .total { float: left; width: 160px; overflow: hidden; }
#detail_movers_panel .bottom-table .weeks { margin-left: 160px; width: 520px; overflow: auto; }
#detail_movers_panel .bottom-table .weeks .weeks-inner { width: auto; overflow: visible; }
#detail_movers_panel .bottom-table .weeks .table { border: none; width: 100%; overflow: hidden; }
#detail_movers_panel .bottom-table .weeks .table .col { border: 1px solid #A2C8D8; border-left: none; float: left; width: 103px; }

#detail_movers_panel .bottom-table .total .improvement { color: #4d7389; font: 30px Georgia, "Times New Roman", Times, serif; padding-top: 14px; }

#detail_movers_panel .bottom-table .weeks .table .col .steps { padding: 7px 0; }
#detail_movers_panel .bottom-table .weeks .table .col .improvement { color: #4d7389; font: 18px Georgia, "Times New Roman", Times, serif; }
#detail_movers_panel .bottom-table .weeks .table .col .label { color: #8aaabc; font-size: 10px; }

#ta-virtualmap-page .stat-columns { width: 670px; margin-left: 10px; margin-bottom: 10px; }

#ta-virtualmap-page .challenge-progress { width: 100%; overflow: hidden; padding: 5px 0 15px 0; }
#ta-virtualmap-page .challenge-progress .zero { float: left; color: #666; text-align: left; padding-top: 2px; }
#ta-virtualmap-page .challenge-progress .hundred { float: right; color: #666; text-align: right; padding-top: 2px; }
#ta-virtualmap-page .challenge-progress .progress { margin: 0 0 0 40px; width: 610px; height: 20px; background: url(/images/stats-progressbar.gif) 0px 0px no-repeat; }
#ta-virtualmap-page .challenge-progress .progress .progress-inner { width: 610px; height: 20px; background: url(/images/stats-progressbar.gif) 0px -20px no-repeat; }
#ta-virtualmap-page .challenge-progress .progress-number { width: 650px; margin: 0 0 0 20px; }
#ta-virtualmap-page .challenge-progress .progress-number span.number { display: block; text-align: center; width: 40px; padding: 2px 0 0 0; font-weight: bold; }

#ta-virtualmap-page .ta-dailysteps { float: right; width: 200px; }
#ta-virtualmap-page .ta-dailysteps .header { background: #DAEDF4; padding: 6px; color: #4f5f69; border: 1px solid #97c4d8; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
#ta-virtualmap-page .ta-dailysteps .steps { height: 140px; overflow: auto; border: 1px solid #97c4d8; border-top: none; }
#ta-virtualmap-page .ta-dailysteps .steps .steps-inner { padding: 6px; }
#ta-virtualmap-page .ta-dailysteps .steps .steps-inner div { padding: 0 0 4px 0; }
#ta-virtualmap-page .ta-dailysteps .steps .steps-inner div strong { float: left; width: 60px; }


/* ---------- Calendars ---------- */

#calendar .week { background-color:#DAECF4; color:#518BA5; font-weight:bold; }
#calendar .panel-table table.calendar thead th { line-height:30px; width:130px; }
#calendar .panel-table table.calendar thead th.week { font-size:10px; width:30px; }
#calendar .panel-table table.calendar tbody td { width:130px; padding:0; }
#calendar table.calendar td .day { height:100px; position:relative; overflow:hidden; }
#calendar table.calendar td .dayheader { position:absolute; top:0; left:0; width:130px; height:25px; }
#calendar table.calendar td .dayheader a { background:url(/images/dayheader_blue.gif) no-repeat top left; display:block; height:25px; position:absolute; }
#calendar table.calendar td .dayheader a span { font-weight:bold; font-size:14px; }
#calendar table.calendar td .dayheader a.left { line-height:22px; color:#fff; padding: 0 5px; width: 95px; left:0; }
#calendar table.calendar td .dayheader a.arrow { width:25px; right:0; background-position: -105px 0px; }
#calendar table.calendar td .dayheader a:hover { background-position: 0px -25px; }
#calendar table.calendar td .dayheader a.arrow:hover { background-position: -105px -25px; }
#calendar table.calendar td .dayheader a:active { background-position: 0px -50px; }
#calendar table.calendar td .dayheader a.arrow:active { background-position: -105px -50px; }

.panel-head a.print { background: url(/images/heading_print.gif) 0px 0px no-repeat; display: block; width: 90px; height: 40px; overflow: hidden; text-indent: -9999em; outline: none; float: right; }
.panel-head a.print:hover, .panel-head a.print:focus { background-position: 0px -40px; }
.panel-head a.print:active { background-position: 0px -80px; }

.panel-head a.download-csv { background: url(/images/heading-downloadcsv-square.gif) 0px 0px no-repeat; display: block; width: 145px; height: 40px; overflow: hidden; text-indent: -9999em; outline: none; float: right; }
.panel-head a.download-csv:hover, .panel-head a.download-csv:focus { background-position: 0px -40px; }
.panel-head a.download-csv:active { background-position: 0px -80px; }

.panel-head a.print_square { background: url(/images/heading_printsquare.gif) 0px 0px no-repeat; display: block; width: 90px; height: 40px; overflow: hidden; text-indent: -9999em; outline: none; float: right; margin: 0 0 -5px 0; }
.panel-head a.print_square:hover, .panel-head a.print_square:focus { background-position: 0px -40px; }
.panel-head a.print_square:active { background-position: 0px -80px; }

.panel .panel-head a.tellafriend { background: url(/images/heading-tellafriend.gif) 0px 0px no-repeat; display: block; width: 135px; height: 40px; overflow: hidden; text-indent: -9999em; outline: none; float: right; margin: 0 0 -5px 0; }
.panel .panel-head a.tellafriend:hover, .panel .panel-head a.tellafriend:focus { background-position: 0px -40px; }
.panel .panel-head a.tellafriend:active { background-position: 0px -80px; }

#calendar .week { background-color:#DAECF4; color:#518BA5; font-weight:bold; }
#calendar .panel-table table.calendar thead th { line-height:30px; width:130px; }
#calendar .panel-table tabl.calendare thead th.week { font-size:10px; width:30px; }
#calendar .panel-table table.calendar tbody td { width:130px; padding:0; }
#calendar table.calendar td.day { height: 100px; vertical-align: top; text-align: left; z-index: 200; }
#calendar table.calendar td.today { background: #c8e0eb; }

#calendar table.calendar td.day .day-header { width: 100%; height: 25px; background: url(/images/calendar-day-header.gif) 0px 0px repeat-x; }

#site #calendar table.calendar td.day-status-sick .day-header { background-position: 0px -25px; }
#site #calendar table.calendar td.day-status-injury .day-header { background-position: 0px -50px; }
#site #calendar table.calendar td.day-status-holiday .day-header { background-position: 0px -75px; }
#site #calendar table.calendar td.day-status-rest .day-header { background-position: 0px -100px; }

#calendar table.calendar td.day .day-header a.day-number { width: 90px; display: block; padding: 4px 0 4px 6px; float: left; background: url(/images/calendar-detail.gif) 80px 4px no-repeat; }
#calendar table.calendar td.day .day-header a.day-number:hover { background-position: 80px -26px; }
#calendar table.calendar td.day .day-header a.day-number .num { float: left; font-size: 14px; font-weight: bold; color: #fff; display: block; }
#calendar table.calendar td.day .day-header a.day-number .status { float: left; font-size: 11px; font-weight: normal; color: #fff; padding: 1px 0 0 5px; display: block; }

#calendar table.calendar td.day .day-header .day-menu { width: 27px; height: 25px; display: block; float: right; overflow: visible; z-index: 200; }
#calendar table.calendar td.day .day-header .day-menu a.day-menu-drop { width: 27px; height: 25px; display: block; float: right; background: url(/images/calendar-dropdown.gif) 0px 0px no-repeat; overflow: hidden; text-indent: -9999em; outline: none; }
#calendar table.calendar td.day .day-header .day-menu a.day-menu-drop:hover { background-position: 0px -25px; }
#calendar table.calendar td.day .day-header .day-menu a.day-menu-drop:active, #calendar table td.day .day-header .day-menu-active a.day-menu-drop { background-position: 0px -50px; }

#site #calendar table.calendar td.day-status-sick .day-header .day-menu a.day-menu-drop { background-image: url(/images/calendar-dropdown-sick.gif); }
#site #calendar table.calendar td.day-status-injury .day-header .day-menu a.day-menu-drop { background-image: url(/images/calendar-dropdown-injury.gif); }
#site #calendar table.calendar td.day-status-holiday .day-header .day-menu a.day-menu-drop { background-image: url(/images/calendar-dropdown-holiday.gif); }
#site #calendar table.calendar td.day-status-rest .day-header .day-menu a.day-menu-drop { background-image: url(/images/calendar-dropdown-rest.gif); }

#calendar table td.day .day-header .day-menu ul { background: #444; color: #fff; position: absolute; left: -9999em; width: 120px; list-style: none; margin: 24px 0 0 -93px; padding: 0; z-index: 1000; }
#calendar table td.day .day-header .day-menu ul li { list-style: none; margin: 0px; padding: 0; z-index: 1200; }

#site #calendar table td.day .day-header .day-menu-active ul { left: auto; }

#site #calendar table td.day .day-header .day-menu ul li { text-align: center; }
#site #calendar table td.day .day-header .day-menu ul li a { display: block; padding: 2px; color: #ccc; }
#site #calendar table td.day .day-header .day-menu ul li a:hover, 
#site #calendar table td.day .day-header .day-menu ul li a:focus { color: #fff; }

body #container #calendar table td.day .day-header .day-menu-active a { background-position: 0px -50px; }

#calendar table td.day .day-contents { padding: 8px 8px 0 8px; height: 66px; color: #4f5f69; font-size: 11px; overflow: hidden; }

#calendar table td .day-contents .logged { width: 100%; overflow: hidden; margin: 0 0 8px 0; }
#calendar table td .day-contents .logged .name { float: left; text-align: left; }
#calendar table td .day-contents .logged .val { float: right; text-align: right; }

#calendar table td .day-contents .status { display: block; width: 100%; overflow: hidden; margin: 0 0 8px 0; cursor: help; }
#calendar table td .day-contents .activity { width: 100%; overflow: hidden; margin: 0 0 8px 0; }
#calendar table td .day-contents .icon { float: left; }
#calendar table td .day-contents .label { text-align: center; clear: none; line-height: normal; }

#calendar .panel-head .calendar-month { width: 500px; overflow: visible; float: left; height: 40px; }
#calendar .panel-head .calendar-month h2 { width: 240px; float: left; text-align: center; margin: 0 ; padding: 0; }

#calendar .panel-head .calendar-month a.month-nav-prev { background-image: url(/images/calendar-nav-prev-square.gif); }
#calendar .panel-head .calendar-month a.month-nav-next { background-image: url(/images/calendar-nav-next.gif); }

#calendar .panel-head .calendar-month a.month-nav { width: 50px; height: 40px; float: left; }

#calendar .half-stat { width: 49%; float: left; text-align: center; }
#calendar .half-stat h3 { margin: 0; padding: 0; }
#calendar .half-stat .date { font-size: 14px; color: #4f5f69; }
#calendar .half-stat .steps { font-weight: bold; color: #4f5f69; padding: 4px 0 0 0; }

#calendar .third-stat { width: 33%; float: left; text-align: center; }
#calendar .third-stat h3 { margin: 0; padding: 0; }
#calendar .third-stat .date { font-size: 14px; color: #4f5f69; }
#calendar .third-stat .steps { font-weight: bold; color: #4f5f69; padding: 4px 0 0 0; }

#calendar .third-stat a.button { background: url(/images/button-wizard.gif) 0px 0px no-repeat; display: block; width: 140px; height: 35px; text-align: center; padding: 0; font-weight: bold; color: #4f5f69; margin: 15px 0 0 80px; }
#calendar .third-stat a.button:hover, #calendar .third-stat a.button:focus { background-position: 0px -40px; color: #313f48; }
#calendar .third-stat a.button:active { background-position: 0px -80px; }
#calendar .third-stat a.button-diabled { background-position: 0px -120px; }
#calendar .third-stat a.button span { display: block; width: 140px; text-align: center; padding: 9px 0 0 0; }

#calendar .panel-head a.smart_help_private { background: url(/images/smarthelp-member-head.gif) 0px 0px no-repeat; width: 40px; height: 40px; display: block; outline: none; float: right; }
#calendar .panel-head a.smart_help_private:hover, #calendar .panel-head a.smart_help_private:focus { background-position: 0px -40px; }
#calendar .panel-head a.smart_help_private:active { background-position: 0px -80px; }

#calendar .hide-help { display: none; }

#calendar .panel-head select { float: left; color: #fff; background: #31ACF3; font-size: 14px; border: 1px solid #0a93e6; border-top-color: #0980C4; border-bottom-color: #6ACDFF; margin: 6px 0 0 6px }

#calendar span.calendar-for { display: block; float: left; background: url(/images/calendar-title.gif) top right no-repeat; width: 100px; height: 40px; text-indent: -9999em; overflow: hidden; }

#calendar ul.date-selector, #calendar ul.date-selector ul, #calendar ul.date-selector li { margin: 0; padding: 0; list-style: none; position: relative; }
#calendar .panel-head ul.date-selector { list-style: none; float: left; display: block; height: 26px; margin: 7px 10px 0 0; padding: 0; z-index: 60; }
#calendar .panel-head ul.date-selector li.selector { list-style: none; display: block; height: 26px; margin: 0 5px 0 0; padding: 0; float: left; z-index: 600; }
#calendar .panel-head ul.date-selector li.selector > a { padding: 5px 27px 5px 7px; text-indent: 0; float: none; display: block; width: auto; height: auto; background: url(/images/calendar-datepicker-bg.gif) top right no-repeat; border-left: 1px solid #0980c4; color: #fff; font-size: 14px; }
#calendar .panel-head ul.date-selector li.selector ul { background: #0c8dd7; z-index: 6000; left: -9999px; position: absolute; }
#calendar .panel-head ul.date-selector li.selector ul li { background: #0c8dd7; z-index: 6000; }
#calendar .panel-head ul.date-selector li.selector li a { background: #0c8dd7; text-indent: 0; overflow: visible; float: none; display: block; padding: 2px 6px; height: auto; width: auto; color: #fff; z-index: 600; }
#calendar .panel-head ul.date-selector li.selector li a:hover { background: #0980c4; }

#calendar .panel-head ul.date-selector li.month-selector a { width: 70px; }
#calendar .panel-head ul.date-selector li.year-selector a { width: 40px; }

#calendar .panel-head ul.date-selector li.month-selector ul { width: 105px; }
#calendar .panel-head ul.date-selector li.year-selector ul { width: 75px; }

#calendar .panel-head ul.date-selector li:hover ul,
#calendar .panel-head ul.date-selector li.hover ul{ left: auto; position: absolute; }

#calendar .panel-content, #calendar .panel-table, #calendar .panel-subhead { z-index: 1; }

/* ---------- Day Detail Pop Up ---------- */
.frame .panel-head { height: 25px; background: url(/images/calendar-day-header.gif) 0px 0px repeat-x; position: relative; border: 1px solid #A2C8D8; border-bottom: none; }

.frame .panel-head .day-number { width: 200px; display: block; padding: 4px 0 4px 6px; float: left; }
.frame .panel-head .day-number .num { float: left; font-size: 14px; font-weight: bold; color: #fff; display: block; }
.frame .panel-head .day-number .status { float: left; font-size: 11px; font-weight: normal; color: #fff; padding: 1px 0 0 5px; display: block; }

.frame .panel-head a.close { float: right; height: 25px; width: 0px; display: block; background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; padding-left: 27px; }
.frame .panel-head a.close span { width: 25px; height: 27px; display: block; text-indent: -9999em; overflow: hidden; }
.frame .panel-head a.close:hover, .frame .panel-head a.close:focus { background-position: 0px -25px; }
.frame .panel-head a.close:active { background-position: 0px -50px; }

.frame .panel-head a.close { background-image: url(/images/calendar-close.gif); }

.frame table tbody td, .frame table thead th { padding: 4px; line-height: normal; border-bottom: 1px solid #A2C8D8; }
.frame table tbody tr.totalrow td { border-bottom: none; font-weight: bold; }
.frame table tbody td span.time { color: #888; }

.frame .panel-content { background: #fff;  border: 1px solid #A2C8D8; border-top: none; padding: 10px; }
.frame .panel-related { background: #DAECF4;  border: 1px solid #A2C8D8; border-top: none; padding: 10px; }
.frame .panel-content .inner, .frame .panel-related .inner { width: 100%; overflow: hidden; }

.frame .panel-content, .frame .panel-table { max-height: 300px; overflow: auto; }

.frame .panel-related a.button { padding: 6px 0 0 0; margin: 0; background: url(/images/button-related-wide.gif) 0px 0px no-repeat; color: #4f5f69; font-weight: bold; text-align: center; border: none; width: 150px; height: 23px; display: block; }
.frame .panel-related a.button:hover, .frame .panel-related a.button:focus { background-position: 0px -30px; outline: none; color: #313f48; }
.frame .panel-related a.button:active { background-position: 0px -60px; outline: none; }

body .frame .panel-related a.button-extra-wide { background-image: url(/images/button-related-extra-wide.gif); width: 180px; }

body .frame .panel-related a.button, body .frame .panel-related button { margin-right: 10px; }

body .frame .logo-message { background: url(/images/overlay-logo.gif) 5px 0px no-repeat; padding-left: 60px; }

.frame .event-info { width: 100%; overflow: hidden; padding: 0 0 10px 0; }
.frame .event-info img { float: left; }
.frame .event-info .description { margin-left: 42px; padding: 2px 0 0 0; }
.frame .event-info .description .link { font-size: 11px; }

/* ---------- Sidebar Challenge Category Promo Boxes ---------- */
.panel-sidepromo { width: 240px; }
.panel-sidepromo .panel-head-promo { width: 100%; height: 115px; display: block; overflow: hidden; text-indent: -9999em; background-position: 0px 0px; background-repeat: no-repeat; }
.panel-sidepromo .panel-head-promo h3 { display: block; overflow: hidden; text-indent: -9999em; width: 1px; height: 1px; }
.panel-sidepromo-passport .panel-head-promo { background-image: url(/images/sidead-passport.gif); }
.panel-sidepromo-wellnesscentre .panel-head-promo { background-image: url(/images/sidead-wellnesscentre.gif); }
.panel-sidepromo-calendar .panel-head-promo { background-image: url(/images/sidead-calendar.gif); }
.panel-sidepromo-trophyroom .panel-head-promo { background-image: url(/images/sidead-trophyroom.gif); }
.panel-sidepromo-milestones .panel-head-promo { background-image: url(/images/sidead-milestones.gif); }
.panel-sidepromo-walkingbuddies .panel-head-promo { background-image: url(/images/sidead-walkingbuddies.gif); }
.panel-sidepromo-leaderboards .panel-head-promo { background-image: url(/images/sidead-leaderboards.gif); }
.panel-sidepromo-charts .panel-head-promo { background-image: url(/images/sidead-charts.gif); }
.panel-sidepromo-virtualmap .panel-head-promo { background-image: url(/images/sidead-virtualmap.jpg); }

/* ---------- Paging ----------- */
body #site #container .paging a, 
body #site #container .paging span { margin: 0 1px 1px 0; padding: 0.2em 0.5em; list-style: none; float: left; line-height: normal; text-align: center; border: 1px solid #daecf4; color: #97c4d8; cursor: default; }
body #site #container .paging span.nextprev { border: 1px solid #b9d8e6; }
body #site #container .paging a { color: #0093d0; border: 1px solid #71b6dc; cursor: pointer; }
body #site #container .paging a:hover { color: #06a; border: 1px solid #2b9dde; }
body #site #container .paging span.current { color: #fff; border: 1px solid #2b9dde; background: #2b9dde; font-weight: bold; }
body #site #container .paging a.nextprev { font-weight: bold; }

/* ---------- Contact ----------- */
#contact_details ul { list-style: none; margin-left: 0px; padding: 0; }
#contact_details li { line-height: 20px; margin-bottom: 5px; padding-left: 30px; position: relative; }
#contact_details li img { left: 0px; position: absolute; top: 0px; }

/* ---------- Messages Styling ---------- */
.panel table#table-messages { border-bottom: none; }
.panel table#table-messages tr.message td { border-bottom: 1px solid #A2C8D8; }
.panel table#table-messages tr.read td { background: #eef6f9; }
.panel table#table-messages tr.unread td { background: #fff; font-weight: bold; }

.panel .panel-head a.reply-message { background-image: url(/images/heading-reply.gif); width: 98px; }

.panel .panel-premessage { background:#fff url(/images/panel-premessage.gif) bottom left repeat-x; border: 1px solid #A2C8D8; border-top: none; color:#4F5F69; padding:10px; }

/* --------- Link List --------- */
ul#link_list { list-style: none; margin: 0; padding: 0; }
ul#link_list li { list-style: none; margin: 0; padding: 10px 0 0 0; border-top: 1px solid #ddd; }
ul#link_list li.first { border-top: none; padding-top: 0; }
ul#link_list li .links { padding: 0 0 0 20px; }
ul#link_list li .links .link { margin: 0 0 10px 0; }
ul#link_list li .links .link .link-title { font-size: 14px; }
ul#link_list li .links .link .link-title .toolbox { font-size: 11px; }

/* ---------- Waypoint Page ---------- */
#site #waypoint-flash-outer { background: url(/images/waypoint-header.jpg) bottom left no-repeat; }
#site #waypoint-flash { outline: none; margin-bottom: -3px; }
#site #waypoint-panel .panel-head { background-image: url(/images/panel-full-head-waypoint.gif); }
#site #waypoint-panel .panel-waypoint-content { background: url(/images/waypoint-bg.jpg) top left repeat-y; border: none; padding: 0; width: 710px; }
#site #waypoint-panel .panel-waypoint-content .inner-waypoint-content { background: url(/images/waypoint-section-bg.jpg) top left repeat-y; }
#site #waypoint-panel .panel-waypoint-content .inner-waypoint-content .waypoint-section { padding: 0 25px 0 25px; color: #685745; line-height: 1.4em; }
#site #waypoint-panel .panel-waypoint-content .inner-waypoint-content .waypoint-section .inner { width: 100%; overflow: hidden; }
#site #waypoint-panel .panel-waypoint-content .inner-waypoint-content .waypoint-section-top { background:url(/images/waypoint-section-top.gif) top left no-repeat; width: 710px; height: 15px; }
#site #waypoint-panel .panel-waypoint-content .inner-waypoint-content .waypoint-section-div { background:url(/images/waypoint-section-div.gif) top left no-repeat; width: 710px; height: 35px; }
#site #waypoint-panel .panel-waypoint-content .inner-waypoint-content .waypoint-section-bottom { background:url(/images/waypoint-section-bottom.gif) top left no-repeat; width: 710px; height: 20px; }
#site #waypoint-panel h3, #site #waypoint-panel h4, #site #waypoint-panel h5 { color: #331f0a; font-family: "Segoe Print", "Comic Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: normal; }
#site #waypoint-panel h3 { font-size: 22px; }
#site #waypoint-panel h4 { font-size: 18px; }
#site #waypoint-panel h5 { font-size: 14px; }

/* --------- Community Page ---------- */
#community-blocks { width: 100%; overflow: hidden; }
#community-blocks .row { width: 100%; overflow: hidden; }
#community-blocks a { width: 340px; height: 120px; display: block; color: #81adbf; background: url(/images/articles-featurearticles.jpg) 0px 0px no-repeat; margin: 10px 0 0 0; font-size: 11px; line-height: normal; }
#community-blocks a:hover { color: #3b7086; background-position: 0px -120px; }
#community-blocks a .title { display: block; float: right; width: 1px; height: 1px; overflow: hidden; }
#community-blocks a .description { display: block; padding: 45px 0 0 15px; }
#community-blocks a.community-block-forum { background-image: url(/images/community-forum.jpg); float: left; }
#community-blocks a.community-block-blog { background-image: url(/images/community-blog.jpg); float: right; }
#community-blocks a.community-block-newsletter { background-image: url(/images/community-newsletter.jpg); float: right; }
#community-blocks a.community-block-testimonials { background-image: url(/images/community-testimonials.jpg); float: left; }
#community-blocks a.community-block-links { background-image: url(/images/community-links.jpg); float: left; }

/* --------- Fitness Tools Page ---------- */
#fitnesstools-blocks { width: 100%; overflow: hidden; }
#fitnesstools-blocks .row { width: 100%; overflow: hidden; }
#fitnesstools-blocks a { width: 340px; height: 120px; display: block; color: #81adbf; background: url(/images/fitnesstools-bmi.png) 0px 0px no-repeat; margin: 10px 0 0 0; font-size: 11px; line-height: normal; }
#fitnesstools-blocks a:hover { color: #3b7086; background-position: 0px -120px; }
#fitnesstools-blocks a .title { display: block; float: right; width: 1px; height: 1px; overflow: hidden; }
#fitnesstools-blocks a .description { display: block; padding: 45px 0 0 15px; }
#fitnesstools-blocks a.fitnesstools-block-bmi { background-image: url(/images/fitnesstools-bmi.png); float: right; }
#fitnesstools-blocks a.fitnesstools-block-bmr { background-image: url(/images/fitnesstools-bmr.png); float: left; }
#fitnesstools-blocks a.fitnesstools-block-hr { background-image: url(/images/fitnesstools-hr.png); float: right; }
#fitnesstools-blocks a.fitnesstools-block-rft { background-image: url(/images/fitnesstools-rft.png); float: right; }
#fitnesstools-blocks a.fitnesstools-block-sl { background-image: url(/images/fitnesstools-sl.png); float: left; }
#fitnesstools-blocks a.fitnesstools-block-wthr { background-image: url(/images/fitnesstools-wthr.png); float: left; }
#fitnesstools-blocks a.fitnesstools-block-wp { background-image: url(/images/fitnesstools-wp.png); float: left; }
#fitnesstools-blocks a.fitnesstools-block-bs { background-image: url(/images/fitnesstools-bs.png); float: right; }

/* ---------- Search Results ---------- */
#search-results form .text_label { width: 60px; padding: 3px 0 0 3px; }
#search-results form label { float: left; margin-right: 10px; clear: none; }
#search-results form button.search { float: left; }
#search-results ol { font-size: 14px; color: #888; }
#search-results ol li { margin: 0 0 15px 0; }
#search-results ol li p { font-size: 12px; margin: 0; padding: 0; color: #444; }
#search-results ol li .toolbox { font-size: 11px; margin: 0; padding: 0; color: #444; }
#search-results ol li h3 { font-size: 14px; margin: 0 0 2px 0; padding: 0; }

fieldset.search label .text_label { width: 60px; padding: 3px 0 0 3px; }
fieldset.search label { float: left; margin-right: 10px; clear: none; }
fieldset.search button.search { float: left; }

/* ---------- Full Stats Page ---------- */
#fullstats-page .panel-general-stats .step-total { float: left; }
#fullstats-page .panel-general-stats .step-total .caption { font-size: 14px; color: #666; text-align: center; padding: 0 0 6px 0; }
#fullstats-page .panel-general-stats .step-total .post-it { background: url(/images/stats-postitbg.gif) 0px 0px no-repeat; width: 239px; height: 79px; padding-top: 10px; text-align: center; }

#fullstats-page .panel-general-stats .step-total .post-it .steps { font-size: 20px; font-family: "Comic Sans MS", cursive; }
#fullstats-page .panel-general-stats .step-total .post-it .distance { font-size: 14px; font-family: "Comic Sans MS", cursive; margin-top: -6px; }

#fullstats-page .panel-general-stats .best-month { float: left; width: 210px; margin-left: 10px; padding-top: 20px; }
#fullstats-page .panel-general-stats .best-month .caption { margin-left: 80px; padding: 4px 0 0 0; }
#fullstats-page .panel-general-stats .best-month .calendar { background: url(/images/stats-calendar-month.gif) 0px 0px no-repeat; width: 74px; height: 57px; text-align: center; float: left; }
#fullstats-page .panel-general-stats .best-month .calendar .month { text-transform: uppercase; text-shadow: #8b2f25 0px 1px 0px; color: #fff; font-size: 11px; font-weight: bold; padding-top: 7px; }
#fullstats-page .panel-general-stats .best-month .calendar .year { text-transform: uppercase; text-shadow: #fff 0px 1px 0px; color: #222; font-size: 11px; font-weight: bold; padding-top: 3px; }

#fullstats-page .panel-general-stats .best-day { float: left; width: 210px; margin-left: 10px; padding-top: 10px; }
#fullstats-page .panel-general-stats .best-day .caption { margin-left: 80px; padding: 14px 0 0 0; }
#fullstats-page .panel-general-stats .best-day .calendar { background: url(/images/stats-calendar-day.gif) 0px 0px no-repeat; width: 73px; height: 78px; text-align: center; float: left; }
#fullstats-page .panel-general-stats .best-day .calendar .month { text-transform: uppercase; text-shadow: #305d8e 0px 1px 0px; color: #fff; font-size: 11px; font-weight: bold; padding-top: 7px; }
#fullstats-page .panel-general-stats .best-day .calendar .day { text-transform: uppercase; text-shadow: #fff 0px 1px 0px; color: #222; font-size: 24px; font-weight: bold; margin-top: -1px; }
#fullstats-page .panel-general-stats .best-day .calendar .year { text-transform: uppercase; text-shadow: #fff 0px 1px 0px; color: #222; font-size: 11px; font-weight: bold; margin-top: -3px; }

#fullstats-page .stat-columns { width: 100%; overflow: hidden; }
#fullstats-page .stat-columns ul.column { float: left; width: 340px; margin: 0; padding: 0; list-style: none; position: relative; }
#fullstats-page .stat-columns ul.column li { list-style: none; margin: 0; padding: 3px 0; width: 100%; overflow: hidden; }
#fullstats-page .stat-columns ul.column li strong { float: left; width: auto; }
#fullstats-page .stat-columns ul.column li .value { display: block; margin-left: 150px; }
#fullstats-page .stat-message { font-size: 12px; text-align: center; padding: 12px 0 4px 0; font-style: italic; color: #888; }

#fullstats-page .challenge-progress { width: 100%; overflow: hidden; padding: 5px 0 15px 0; }
#fullstats-page .challenge-progress .zero { float: left; color: #666; text-align: left; padding-top: 2px; }
#fullstats-page .challenge-progress .hundred { float: right; color: #666; text-align: right; padding-top: 2px; }
#fullstats-page .challenge-progress .progress { margin: 0 0 0 40px; width: 610px; height: 20px; background: url(/images/stats-progressbar.gif) 0px 0px no-repeat; }
#fullstats-page .challenge-progress .progress .progress-inner { width: 610px; height: 20px; background: url(/images/stats-progressbar.gif) 0px -20px no-repeat; }
#fullstats-page .challenge-progress .progress-number { width: 650px; margin: 0 0 0 20px; }
#fullstats-page .challenge-progress .progress-number span.number { display: block; text-align: center; width: 40px; padding: 2px 0 0 0; font-weight: bold; }

body #container #fullstats-page .stat-columns a.leaderboard-link { float: left; display: block; width: 110px; height: 20px; text-align: center; background: url(/images/link-leaderboard.gif) 13px 23px no-repeat; font-size: 11px; font-weight: bold; padding-top: 70px; margin-left: 80px; }
body #container #fullstats-page .stat-columns a.charts-link { float: left; display: block; width: 110px; height: 20px; text-align: center; background: url(/images/link-charts.gif) 26px 0px no-repeat; font-size: 11px; font-weight: bold; padding-top: 70px; margin-left: 0px; }

/* --------- Sign In / Login page ----------- */
body #site .signinpage-text { float: right; background: url(/images/signinpage-text.gif) 0px 0px no-repeat; width: 306px; height: 48px; margin: 30px 40px 0 0; padding: 0; position: relative; }
body #site .signinpage-text .alt-text { display: none; }
body #site .signinpage-text a { display: block; background-position: 0px 0px; background-repeat: no-repeat; position: absolute; bottom: 0px; height: 17px; text-indent: -9999em; overflow: hidden; }
body #site .signinpage-text a.tour-link { background-image: url(/images/signinpage-text-link1.gif); width: 136px; left: 57px; }
body #site .signinpage-text a.register-link { background-image: url(/images/signinpage-text-link2.gif); width: 92px; right: 0px; }
body #site .signinpage-text a:hover { background-position: 0 -30px; }


.panel .errors { display: block; color: #fff; border: 1px solid #700; padding: 10px; background: #911; margin: 0 0 10px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
.panel .errors ul, .panel .errors ol { margin-bottom: 0; }

.related-note { font-size: 11px; color: #69b; }

div#loader.frame div.panel-body {
  background-color: #FFF;
  text-align: center;
  padding: 5em;
  border: 1px solid #A2C8D8;
}

div#loader.frame div.panel-head {
  display: none;
}

/* ---------- Calculators ---------- */
#fitness-tools .panel-content  .inner { color:#4f5f69; }
#fitness-tools .left-col { float: left; width: 340px; }
#fitness-tools .right-col { margin: 0 0 0 350px; }
* html #fitness-tools .right-col { width: 335px; overflow:hidden; }
#fitness-tools .result { font-size:1.2em; text-align:center; line-height:normal; }
#fitness-tools form .text_label { font-weight:bold; }
#fitness-tools form button { margin-top:10px; }
#fitness-tools .label.radio_group { height:30px; overflow:hidden; }
#fitness-tools .label.radio_group label { clear:none; float:left; padding-right:20px; }
#fitness-tools .radio { margin-top:0px; }
#fitness-tools .horizontal label, #fitness-tools .horizontal .text_label, #fitness-tools .horizontal .label { float:left; clear:none; padding-right:20px; }
#fitness-tools .horizontal .text_label { width:auto; }

#fitness-tools .buttons button { float: left; margin-right: 10px; }

#fitness-tools .metric-imperial-switch  { height:30px; margin-bottom:15px; width:220px; overflow:hidden; }
#fitness-tools .metric-imperial-switch a { display:block; height:30px; width:110px; float:left; overflow:hidden; text-indent:-9999px; cursor:pointer; }
#fitness-tools .metric { background:url(/images/button-metricimperial.png) 0px 0px no-repeat; }
#fitness-tools .imperial { background:url(/images/button-metricimperial.png) -110px 0px no-repeat; }
#fitness-tools .metric-imperial-switch a.metric:hover, #fitness-tools .metric-imperial-switch a.metric:focus { background-position: 0px -30px; }
#fitness-tools .metric-imperial-switch a.metric:active, #fitness-tools .metric-imperial-switch a.metric.active { background-position: 0px -60px; }
#fitness-tools .metric-imperial-switch a.imperial:hover, #fitness-tools .metric-imperial-switch a.imperial:focus { background-position: -110px -30px; }
#fitness-tools .metric-imperial-switch a.imperial:active, #fitness-tools .metric-imperial-switch a.imperial.active { background-position: -110px -60px; }

#fitness-tools ol.stride-list { margin-bottom:0px; }
#fitness-tools ol.stride-list li { width:300px; padding-bottom:10px; } 
#fitness-tools ol.stride-list li.left-col { clear:both; }

#fitness-tools .heart-rate-form button { float:right; margin: 0 0 0 10px; height: 28px; width: 120px; background-image: url(/images/formbutton-small.gif); }
#fitness-tools .heart-rate-form button:hover, #fitness-tools .heart-rate-form button:focus { background-position: 0px -30px; }
#fitness-tools .heart-rate-form button:active { background-position: 0px -60px; }
#fitness-tools .panel-content.related p { font-style:italic; color:#888; }
#fitness-tools .heart-rate-form label { line-height: 1.4em; }
.heart-rate #fitness-tools .panel-table-styled table td.big  { font-size: 14px; text-align:center; }
.heart-rate #fitness-tools .panel-table-styled table span.big { font-size:12px; display:block; }
.heart-rate #fitness-tools .panel-table-styled table td { padding:10px; font-size: 11px; }
.heart-rate #fitness-tools .panel-table-styled table th, 
.heart-rate #fitness-tools .panel-table-styled table td { text-align:left; padding-left:10px; }
.heart-rate #fitness-tools .panel-table-styled table th.center { text-align:center; }

#fitness-tools .waist-to-hip-form label .text_label { width:150px; }
#fitness-tools .waist-to-hip-form label { padding-bottom:20px; }
.waist-to-hip #fitness-tools .panel-table-styled { margin-bottom:10px; border-left :none; border-top:1px solid #A2C8D8; }
.waist-to-hip #fitness-tools .panel-table-styled table th { border-top: none; }
.waist-to-hip #fitness-tools .panel-table-styled table th, #fitness-tools .waist-to-hip .panel-table-styled table td { padding:7px; }
#fitness-tools table td.active { background: #56c0fe !important; color: #fff !important; }

.rockport-fitness #fitness-tools .panel-table-styled table th, .rockport-fitness #fitness-tools .panel-table-styled table td { padding:5px 3px; }
#fitness-tools .panel-related { font-size:11px; color: #4f5f69; }
.rockport-fitness #fitness-tools .minutes { padding-left:135px; }
.rockport-fitness #fitness-tools .seconds { padding-left:37px; }
ul.raquo { margin-left:0px; padding-left:10px; }
ul.raquo li { list-style: none; margin: 0px; padding: 2px 0 10px 15px; background: url(/images/raquo.gif) 0px 7px no-repeat; float: left; width: 300px; }
.rockport-fitness #fitness-tools .float-box { }
.rockport-fitness #fitness-tools .float-box .box { float: left; margin: 0 3px 0 0; }
.rockport-fitness #fitness-tools .float-box .box input { margin: 0; }
.rockport-fitness #fitness-tools .float-box .box .note { display: block; line-height: normal; font-size: 11px; color: #888; text-align: center; }

.basal-metabolic-rate #fitness-tools .horizontal .text_label, .basal-metabolic-rate #fitness-tools .text_label { width:100px; padding-right:0px; }
.basal-metabolic-rate #fitness-tools .result { width:150px; float:left; }
.basal-metabolic-rate #fitness-tools .result span.footnote { clear:none; }
.basal-metabolic-rate #fitness-tools .left-col { border-right: 1px solid #A2C8D8; width:320px; padding:10px; }
.basal-metabolic-rate #fitness-tools .right-col { padding:10px; margin: 0 0 0 340px; }
.basal-metabolic-rate #fitness-tools .panel-precontent.cols { padding:0px; }

.body-mass-index #fitness-tools .panel-table.panel-table-styled { margin-bottom:10px; border-left:none; }
.body-mass-index #fitness-tools .panel-table-styled table { border-top:1px solid #A2C8D8 !important; margin: 1px 0 0 0; }
.body-mass-index #fitness-tools .panel-table-styled table td { padding:7px; text-algn:left; }
.body-mass-index #fitness-tools .bmi-body { background: url(/images/bmi-body.gif) no-repeat; height: 466px; width:222px; position:relative; left:20px; }
.body-mass-index #fitness-tools #ft_bmi { background: #DAECF4; border: none; margin: 6px 0 0 0; font-size: 18px; padding: 0; }
.body-mass-index #fitness-tools #ft_bmi_rating { color: #313F48; }
.body-mass-index #fitness-tools form button { margin-left:44px; margin-top: 5px; }
.body-mass-index #fitness-tools .left-col { padding-bottom:20px; }
.body-mass-index #fitness-tools .metric-imperial-switch { margin-left:20px; }
.body-mass-index #fitness-tools input { border: 1px solid #A2C8D8; font-size:14px; font-weight:bold; text-align:center; width:60px; }
.body-mass-index #fitness-tools label .text_label { width:auto; float:none; }
.body-mass-index #fitness-tools label { position:absolute; font-size:11px; }
.body-mass-index #fitness-tools label.bmi { width:70px; font-weight:bold; text-align:center; top:75px; left:65px; }
.body-mass-index #fitness-tools label.weight { width:160px; font-weight:normal; text-align:center; top:433px; left:20px; }
.body-mass-index #fitness-tools label.height { width:100px; font-weight:normal; text-align:left; top:75px; left:177px; }
.body-mass-index #fitness-tools label.height .text_label { display:block; width:70px; text-align:center; }

#trophyroomflash { margin-bottom: 10px; }
.chart-wrapper { background: url(/images/chartload.gif) 300px 50px no-repeat; height: 400px; width: 677px; }
#trophyroomflash { margin-bottom: 10px; }

fieldset.chart { float: left; margin-right: 10px; }
div.chart_descriptions div.chart_unit { display: none; }
div.autocomplete { position:absolute; width:250px; background-color:white; border:1px solid #6699BB; margin:0; padding:0; }
div.autocomplete ul { list-style-type:none; margin:0; padding:0; }
div.autocomplete ul li.selected { background-color: #6699BB; color: #fff; }
div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }

body #site #challenge-join label.stepgoal { margin: 0 0 15px 0; }
body #site #challenge-join label.nomargin { margin: 0; }
body #site #challenge-join label.stepgoal input { margin-top: 6px; }
body #site #challenge-join label.stepgoal input#participant_custom_target { margin: 0; }
body #site #challenge-join label.stepgoal .stepgoal-text { margin-left: 25px; display: block; }
body #site #challenge-join label.stepgoal .stepgoal-text .footnote { display: block; padding: 0; }
body #site #challenge-join fieldset.line-top { padding: 20px 0 0 0; border-top: 1px solid #eee; }

div.panel-precontent dl dt { float: left; width: 12em; clear: left; font-weight: bold }
#admin-challenge-stats div.panel-precontent tbody.trophy-count td { text-align: center; }
#admin-challenge-stats .panel-precontent table { float: right; margin:0; }
#admin-challenge-stats .panel-precontent dl { float: left; width: 50%; }
#admin-challenge-stats .panel-head a.download-csv { margin-right: 1px; }

.panel-precontent .form-row { width: 100%; overflow: hidden; padding-bottom: 10px; }
.panel-precontent .form-row .form-item { float: left; margin-right: 15px; }
.panel-precontent .form-row .form-item label { clear: none; }
.panel-precontent .form-row .form-item label .text_label { display: block; width: auto; float: none; }
.panel-precontent fieldset.toprightbutton { float: right; }
.panel-precontent fieldset.toprightbutton button, .panel-precontent fieldset.toprightbutton a { float: right; }

body #admin-user-list.panel-full .panel-head h2 { width: 400px; }


/****************** devbox ******/
div.server-devbox { 
	position: fixed;
	width:134px;
	height:134px;
	top: 0px;
	left:0px;
	background: url('/images/devbox.png') left top no-repeat; 
	z-index: 9999;
} 

div.server-devbox.first { width:21px;}

div.server-devbox.second { 
	height:100px;
	margin-left: 41px;
	background-position: -41px 0px;
	width:90px;
}

div.server-devbox.third { 
	margin-left: 21px;
	background-position: -21px 0px;
	height: 115px;
	width: 20px;
}