html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.card, .profile-card, .mini-profile-card { *zoom: 1; }
.card:before, .profile-card:before, .mini-profile-card:before, .card:after, .profile-card:after, .mini-profile-card:after { content: ''; display: table; }
.card:after, .profile-card:after, .mini-profile-card:after { clear: both; }
.card .image, .profile-card .image, .mini-profile-card .image { float: left; margin-right: 1.15385em; }
.card .info, .profile-card .info, .mini-profile-card .info { display: block; overflow: hidden; }

.profile-card { margin-bottom: 0.76923em; }
.profile-card .display-name { font-size: 1.38462em; margin-bottom: 0.38462em; }
.profile-card .details { list-style: none; margin: 0; padding: 0; }
.profile-card .description { color: #888888; clear: both; display: inline-block; margin-top: 0.76923em; width: 100%; }

.mini-profile-card { margin-bottom: 1.15385em; }
.mini-profile-card * { vertical-align: top; }

.dropdown { position: relative; }
.dropdown .toggle { cursor: pointer; display: block; }
.dropdown .toggle:after { content: "▼"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.dropdown .toggle:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.dropdown .menu { background: white; border: 1px solid #cccccc; display: none; list-style: none; margin: 0; overflow: hidden; position: absolute; top: 100%; z-index: 1; }
.dropdown .menu li { border-bottom: 1px solid #cccccc; }
.dropdown .menu li:last-child { border-bottom: none; }
.dropdown .menu a { color: #555555; cursor: pointer; display: block; padding: 1.15385em 1.53846em; text-decoration: none; white-space: nowrap; }
.dropdown .menu a:active, .dropdown .menu a:hover { background: #049cdb; color: white; }
.dropdown:hover .menu { display: block; }

label { cursor: pointer; display: block; font-size: 1em; }

input, select, textarea { background: white; border: 1px solid #cccccc; font: inherit; font-size: 1em; padding: 0.61538em; width: 100%; -webkit-border-radius: 0.46154em; -moz-border-radius: 0.46154em; -ms-border-radius: 0.46154em; -o-border-radius: 0.46154em; border-radius: 0.46154em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

select { cursor: pointer; }

input[type=checkbox] { width: auto; }

input[type=submit] { color: black; cursor: pointer; font-weight: bold; background: #e7e7e7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background-image: -webkit-linear-gradient(#eeeeee, #e1e1e1); background-image: -moz-linear-gradient(#eeeeee, #e1e1e1); background-image: -o-linear-gradient(#eeeeee, #e1e1e1); background-image: linear-gradient(#eeeeee, #e1e1e1); -webkit-border-radius: 0.46154em; -moz-border-radius: 0.46154em; -ms-border-radius: 0.46154em; -o-border-radius: 0.46154em; border-radius: 0.46154em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
input[type=submit]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

input[type=file] { background: transparent; }

textarea { min-height: 7.69231em; overflow: auto; resize: vertical; }

.form-row { margin-bottom: 0.76923em; *zoom: 1; }
.form-row:before, .form-row:after { content: ''; display: table; }
.form-row:after { clear: both; }
.form-row:last-child { margin-bottom: 0; }
.form-row p { text-align: center; }
.form-row .error { background-image: none; padding: 0.30769em; }

#recaptcha_area { margin: 0 auto; }

.bar-form, .search-form { margin-bottom: 1.92308em; }
.bar-form .bar, .search-form .bar { border: 1px solid #cccccc; overflow: hidden; position: relative; }
.bar-form label, .search-form label, .bar-form input, .search-form input { border: none; display: block; font-size: 1.15385em; margin: 0; padding: 0.76923em 0.15385em; vertical-align: baseline; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bar-form label, .search-form label, .bar-form input[type=submit], .search-form input[type=submit] { position: absolute; top: 0; }
.bar-form label, .search-form label { left: 0; padding-left: 0.61538em; width: 3.84615em; }
.bar-form input[type=submit], .search-form input[type=submit] { background: #818181; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888888), color-stop(100%, #7b7b7b)); background-image: -webkit-linear-gradient(#888888, #7b7b7b); background-image: -moz-linear-gradient(#888888, #7b7b7b); background-image: -o-linear-gradient(#888888, #7b7b7b); background-image: linear-gradient(#888888, #7b7b7b); color: white; right: 0; width: 4.61538em; }
.bar-form input[type=text], .search-form input[type=text] { padding-left: 3.84615em; padding-right: 4.61538em; width: 100%; }

.search-bar { position: relative; }
.search-bar input[type=text] { padding-right: 2.15385em; }
.search-bar input[type=submit] { background: transparent url('../img/icons/search.png?1352410618') center center no-repeat; background-size: 1.38462em; border: none; height: 1.23077em; margin-top: -0.61538em; position: absolute; right: 0.61538em; text-indent: -999em; top: 50%; width: 1.23077em; z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.search-bar:hover input[type=submit] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.search-form input[type=text] { padding-left: 0.61538em; }

img { max-width: 100%; -webkit-border-radius: 0.15385em; -moz-border-radius: 0.15385em; -ms-border-radius: 0.15385em; -o-border-radius: 0.15385em; border-radius: 0.15385em; }

a { color: #049cdb; cursor: pointer; display: inline-block; text-decoration: none; }
a:hover { text-decoration: underline; }

table { width: 100%; }

.notice, .success, .warning, .error { border: 1px solid; margin: 0.30769em 0; padding: 0.61538em 0.30769em; padding-left: 3.84615em; background-repeat: no-repeat; background-position: 0.30769em center; text-align: justify; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.notice { color: #00529B; background-color: #BDE5F8; background-image: url('../img/icons/info.png?1352410618'); }

.success { color: #4F8A10; background-color: #DFF2BF; background-image: url('../img/icons/check.png?1352410618'); }

.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/icons/attention.png?1352410618'); }

.error { color: #D8000C; background-color: #FFBABA; background-image: url('../img/icons/cancel.png?1352410618'); }

.notification { cursor: pointer; margin: 0 0 1.92308em; }

.section { margin-bottom: 1.53846em; }
.section:last-child { margin-bottom: 0; }

.navbar, .tabs, .metadata { display: block; list-style: none; margin: 0; padding: 0; *zoom: 1; }
.navbar:before, .tabs:before, .metadata:before, .navbar:after, .tabs:after, .metadata:after { content: ''; display: table; }
.navbar:after, .tabs:after, .metadata:after { clear: both; }
.navbar *, .tabs *, .metadata * { vertical-align: baseline; }
.navbar li, .tabs li, .metadata li { float: left; margin: 0; }
.navbar a, .tabs a, .metadata a { display: inline-block; }

.tabs { background: #303030; font-size: 1em; margin-bottom: 1.15385em; padding: 0.30769em; }
.tabs li { margin: 0; }
.tabs li:after { color: black; content: "\00a0·\00a0"; }
.tabs li:last-child:after { display: none; }
.tabs a { color: #888888; margin: 0; padding: 0.30769em 0; }
.tabs a.selected, .tabs a.disabled { color: #eeeeee; cursor: default; font-weight: bold; text-decoration: none; }
.stream-wrapper .tabs { margin-bottom: 0.38462em; }

.metadata { background: none; color: #888888; font-size: 0.92308em; margin: 0.38462em 0 0; padding: 0; }
.metadata li { margin: 0; }
.metadata li:after { color: black; content: "\00a0·\00a0"; }
.metadata li:last-child:after { display: none; }
.metadata a { padding: 0; text-decoration: none; }
.metadata a:hover { text-decoration: underline; }

.pagination { border-top: 1px solid #cccccc; padding: 1.15385em 0; }
.pagination a { background: #e7e7e7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background-image: -webkit-linear-gradient(#eeeeee, #e1e1e1); background-image: -moz-linear-gradient(#eeeeee, #e1e1e1); background-image: -o-linear-gradient(#eeeeee, #e1e1e1); background-image: linear-gradient(#eeeeee, #e1e1e1); border: 1px solid #cccccc; color: black; display: block; text-align: center; padding: 0.61538em; text-decoration: none; -webkit-border-radius: 0.46154em; -moz-border-radius: 0.46154em; -ms-border-radius: 0.46154em; -o-border-radius: 0.46154em; border-radius: 0.46154em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.stream { list-style: none; margin: 0; padding: 0; }
.stream .item { border-bottom: 1px solid #cccccc; display: block; margin: 0; padding: 0.61538em 0; }
.stream .item:last-child { border-bottom: none; }
.stream .item strong { font-size: 1em; }
.stream .item .title { font-size: 1.15385em; margin: 0 0 5px; }
.stream .item .title a { color: #303030; display: block; }
.stream .item .info p { white-space: pre-wrap; word-wrap: break-word; }
.stream .item .item { border: none; font-size: 1em; padding: 0.30769em 0; }

.stream-wrapper .header { background: #eeeeee; display: block; margin-bottom: 0.76923em; padding: 0.30769em; }
.stream-wrapper .header a { font-weight: normal; }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.76923em; }
h1 a, h1 span, h2 a, h2 span, h3 a, h3 span, h4 a, h4 span, h5 a, h5 span, h6 a, h6 span { font-weight: normal; padding: 0; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #cccccc; }

h1 { font-size: 1.38462em; }

h2 { font-size: 1.30769em; }

h3 { font-size: 1.23077em; }

h4 { font-size: 1.15385em; }

h5 { font-size: 1.07692em; }

h6 { font-size: 1.07692em; }

p { font-size: 1em; margin-bottom: 0.61538em; }

.suggestion, .status { color: #888888; }

.status { margin: 0; padding: 0.61538em 0; text-align: center; }

:focus { outline: none; }

html, body { height: 100%; }

body { color: #303030; font: normal normal normal 80%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; }

.wrapper { margin: 0; width: 100%; }

.container { clear: both; margin: 0 auto; padding: 0.76923em; }

#top-wrapper { height: auto !important; height: 100%; margin-bottom: -1.92308em; min-height: 100%; }

#body-wrapper { padding-bottom: 1.92308em; }

#footer-wrapper { height: 1.92308em; margin-top: -1.92308em; position: relative; }

#header { background: #303030; border: 1px solid black; border-top: none; color: white; *zoom: 1; }
#header:before, #header:after { content: ''; display: table; }
#header:after { clear: both; }
#header a { text-decoration: none; }
#header input { border: none; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#header .logo-box { display: block; float: left; }
#header .logo { color: white; display: inline-block; font-family: arial; font-size: 1.53846em; font-weight: bold; line-height: 1.53846em; }
#header .tagline { display: inline-block; color: #e01b1b; font-size: 0.92308em; vertical-align: bottom; }
#header .dropdown { float: right; margin-top: 0.38462em; }
#header .dropdown .toggle { color: white; }
#header .dropdown .toggle:after { content: "≡"; font-size: 2.46154em; }
#header .dropdown .toggle.alert { color: red; text-shadow: 2px 2px 2px black; }
#header .dropdown .menu { right: -0.76923em; }
#header .search-bar { min-width: 19.23077em; }
#header .search-bar input[type=text] { padding-top: 1.15385em; padding-bottom: 1.15385em; }
#header .search-bar input[type=submit] { height: 1.23077em; }

#body { padding-bottom: 1.53846em; padding-top: 1.53846em; }

#footer { background: #eeeeee; border: 1px solid #cccccc; border-bottom: none; height: 100%; text-align: center; }
#footer .copyright { color: #cccccc; font-size: 0.92308em; margin: 0; padding: 0; }
#footer .metadata { display: inline-block; margin: 0; }

.challenge { text-align: center; }
.challenge * { text-align: center; }
.challenge .title { font-size: 1.23077em; font-weight: normal; margin: 0 0 0.38462em; text-transform: capitalize; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }
.challenge table { margin: 1.53846em 0; }
.challenge td { border: 2px ridge #eeeeee; padding: 0.61538em; vertical-align: top; width: 48%; }
.challenge td.highlight { border-color: #ffc40d; }
.challenge .display-name { font-size: 1.38462em; }
.challenge .display-name a { color: #555555; }
.challenge .accepted, .challenge .completed { color: #46a546; }
.challenge .denied { color: red; }
.challenge .pending { color: #888888; }
.challenge .accept-deny-challenge-form input[type=submit] { background: none; border: none; color: #049cdb; display: inline-block; font-weight: normal; padding: 0; margin: 0; text-decoration: underline; width: auto; }
.challenge .upload-workout-form { margin: 1.53846em 0; }
.challenge .upload-workout-form input[type=text], .challenge .upload-workout-form input[type=submit] { font-weight: normal; padding: 0.15385em; }
.challenge .upload-workout-form input[type=file] { border-style: dotted; padding: 0; }

.change-interest-form { margin: 0.76923em 0 0; }
.change-interest-form input[type=submit] { color: white; display: block; background: #0493ce; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #049cdb), color-stop(100%, #048ac2)); background-image: -webkit-linear-gradient(#049cdb, #048ac2); background-image: -moz-linear-gradient(#049cdb, #048ac2); background-image: -o-linear-gradient(#049cdb, #048ac2); background-image: linear-gradient(#049cdb, #048ac2); }
.change-interest-form input[type=submit].following { color: #888888; background: #e7e7e7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background-image: -webkit-linear-gradient(#eeeeee, #e1e1e1); background-image: -moz-linear-gradient(#eeeeee, #e1e1e1); background-image: -o-linear-gradient(#eeeeee, #e1e1e1); background-image: linear-gradient(#eeeeee, #e1e1e1); }

.create-challenge-form .buddies strong { display: block; margin-bottom: 0.38462em; }

.open { color: red; }

.profile-form input[type=file] { border: none; cursor: pointer; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.buddy-form input[type=submit] { background: none; border: none; color: #049cdb; display: inline; margin: 0; padding: 0; width: auto; }
.buddy-form input[type=submit]:hover { text-decoration: underline; }
.buddy-form input[type=submit].buddy { color: #888888; }

.login-form .remember-me { display: none; }

@media screen and (min-width: 600px) { #header .search-bar { min-width: 30.76923em; } }
@media screen and (min-width: 1000px) { body { background: #eeeeee; }
  .container { max-width: 700px; padding: 0.38462em 0; }
  #header-wrapper { background: #292929; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #303030), color-stop(100%, #232323)); background-image: -webkit-linear-gradient(#303030, #232323); background-image: -moz-linear-gradient(#303030, #232323); background-image: -o-linear-gradient(#303030, #232323); background-image: linear-gradient(#303030, #232323); border-bottom: 1px solid black; }
  #header { background: none; border: none; }
  #header .dropdown { margin-top: 0.15385em; }
  #header .dropdown .toggle { display: none; }
  #header .dropdown .menu { background: none; border: none; display: block; position: static; right: 0; }
  #header .dropdown .menu li { border: none; float: left; margin-left: 0.61538em; }
  #header .dropdown .menu li:first-child { margin-left: 0; }
  #header .dropdown .menu a { color: white; display: block; font-size: 1em; padding: 0.30769em 0.76923em; -webkit-border-radius: 0.46154em; -moz-border-radius: 0.46154em; -ms-border-radius: 0.46154em; -o-border-radius: 0.46154em; border-radius: 0.46154em; }
  #header .dropdown .menu a:hover { background: #555555; }
  #header .dropdown .menu a.alert { background: #ffc40d; color: black; }
  #header .search-bar { width: 16.92308em; min-width: inherit; }
  #header .search-bar input[type=text] { padding-top: 0.30769em; padding-bottom: 0.30769em; -webkit-border-radius: 0.46154em; -moz-border-radius: 0.46154em; -ms-border-radius: 0.46154em; -o-border-radius: 0.46154em; border-radius: 0.46154em; }
  #body { background: white; border: 1px solid #cccccc; margin: 2.30769em auto; padding: 1.53846em; -webkit-border-radius: 0.46154em; -moz-border-radius: 0.46154em; -ms-border-radius: 0.46154em; -o-border-radius: 0.46154em; border-radius: 0.46154em; }
  #footer { background: none; border: none; }
  input, select, textarea, .pagination a { padding: 0.30769em; }
  .login-form .remember-me { display: block; }
  .tabs { background: none; border-bottom: 1px solid #cccccc; padding: 0 0.76923em; }
  .tabs li { margin-bottom: -0.07692em; margin-right: 0.38462em; }
  .tabs li:after { display: none; }
  .tabs a { border: 1px solid transparent; color: #555555; display: block; padding: 0.30769em 0.92308em; text-decoration: none; }
  .tabs a:hover, .tabs a.selected, .tabs a.disabled { color: #555555; border-color: #cccccc; border-bottom-color: white; -webkit-border-radius: 0.46154em 0.46154em 0 0; -moz-border-radius: 0.46154em 0.46154em 0 0; -ms-border-radius: 0.46154em 0.46154em 0 0; -o-border-radius: 0.46154em 0.46154em 0 0; border-radius: 0.46154em 0.46154em 0 0; -webkit-box-shadow: 0 -1px 0 #cccccc; -moz-box-shadow: 0 -1px 0 #cccccc; box-shadow: 0 -1px 0 #cccccc; }
  .stream .item { padding: 0.76923em 0; }
  .stream-wrapper .header { background: none; border-bottom: 1px solid #cccccc; font-size: 1.15385em; margin: 0; padding: 0 0 0.61538em; }
  .challenge .title { font-size: 1.69231em; line-height: 1.22727em; }
  .challenge .navbar, .challenge .tabs, .challenge .metadata, .challenge .metadata { font-size: 1.15385em; }
  .profile-card .display-name { font-size: 1.53846em; line-height: 1em; } }
