h1, h2, h3, .strong, .error {
   color: #E10073;
   font-weight: bold;
}

h1 {
   margin: 0;
   font-size: 16px;
   text-align: left;
}

h2 {
   margin-top: 0;
   margin-bottom: 0.8em;
   font-size: 14px;
   text-align: left;
   font-style:italic;
}

h2 .loading-indicator {
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   color: #000000;
   margin-left: 1em;
}

.loading-indicator img {
   margin-right: 0.2em;
}

body {
  margin:0;
  padding:0;
  color: #000;
  background: white;
  font-family: Arial, Verdana, Tahoma,  Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
  font-size: 12px;
  min-width: 1040px;
  overflow:auto;
}

body.narrow {
   min-width: 830px;
}

a:link  {border: 0; outline:none; color: #E10073;}
a:visited  {border: 0; outline:none; color: #E10073;}
a:hover  {border: 0; outline:none; color: #E10073;}
a:active  {border: 0; outline:none; color: #E10073;}

a img { border: 0; outline:none;}

a:visited img {border: 0; outline:none;}
a:hover img {border: 0; outline:none;}
a:active img {border: 0; outline:none;}

a.title:link,
a.title:visited {
   color: #E10073;
   background: transparent;
   text-decoration: none;
}

a.title:hover {
   color: #FF73F5;
   background: #000;
   text-decoration: none;
}
a.title:active {
   color: #E10073;
   background: transparent;
   text-decoration: none;
}

.tablecontainer {
   width:98%;
   overflow-y:hidden;
   overflow-x:auto;
   padding:1px;
   margin:2px;
}

table {
   border-collapse:collapse;
   border: 2px solid #E10073;
   table-layout: auto;
   padding:0;
   margin:2px;
   width: auto;
}

#results table {margin:0}

table.plain {
  border:none;
}

img {
  border: 0;
}

img.smack-talk-img {
   margin: 0.2em 0 -0.3em 0.2em;
   padding:0;
}

li.spaced{
   margin-top: 0.5em;
}

.search-return-info {
   text-align: left;
   margin: 0.5em auto;
}

.search-return-info p.last {
   margin-bottom: 0;
}

#search-results-container {
   margin:0 0 1em 0;
   padding:0;
   width:98%;
}

tr {
   padding: 2px 10px;
}

td, th {
  color: #000;
  padding: 2px 5px;
  margin: 0;
  font-family: Arial, Verdana, Tahoma,  Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
}

th {
   color: #FFFFFF;
}

thead {
  font-weight: bold;
  vertical-align: bottom;
  background-color: #E10073;
  color: #FFFFFF;
}

thead a:link {
   color: #FFFFFF;
   background: transparent;
   text-decoration: underline;
}

thead a:visited {
   color: #FFFFFF;
   background: transparent;
   text-decoration: underline;
}

thead a:active {
   color: #FFFFFF;
   background: transparent;
   text-decoration: underline;
}

.number{text-align: right; }

#search-form-container {
   width:41em;
   margin: 0.8em auto 0 auto;
   overflow: auto;
   padding:0;
}

form {margin:0; padding:0;}

.form-input-element{
   float:left;
   width:100%;
   margin-top:0.4em;
   margin-bottom:0;
   white-space: nowrap;
}

form.search-form .checks {
   float: left;
}

form select {
   margin-bottom: 0.6em; /* because the select is a bit tall and i don't want things to look smushed*/
}

form.search-form .buttons {
   margin: 0 auto;
   padding-top:1em;
   overflow: hidden; /* hide v scrollbar weirdness in firefox on osx */
   text-align: center;
   clear:both;
}

form.search-form .button {
   width: 8em;
   margin: 0 1em;
}

form.search-form .faux-label, form.search-form  label {
   float:left;
   width: 8em;
   margin-right: 0.5em;
   text-align:right;
}

form.search-form .faux-label:after, form.search-form  label:after {
   content: ":";
}

/* begin radio check label styling on right instead of left */
.form-input-element .checks label {
   float: left;
   width: auto;
   clear: none;
   display: block;
   text-align: left;
   height: 1.4em;
   padding-top: 0.2em;
   margin-bottom: 0;
}

.form-input-element .checks label:after {
   content: "";
}

.form-input-element .checks input{
   float: left;
   text-align: right;
   width: auto;
}

#gender {margin-left:0.1em}

/* end radio/check label styling on right instead of left */

.form-input-element input.text {
    width:28.5em;
}

.odd {
  background-color: #ddd;
}

.even {
  background-color: #fff;
}

.visible {}
.notvisible {visibility: collapse; display:none}

dt {
   font-weight: bold;
   color: #E10073;
   padding-top: 2em;
}

dd {
   border-bottom: 1px solid #ccc;
   padding-top: 0.5em;
   padding-bottom: 0;
   margin:0;
}

dd.last{
   border-bottom: none;
}

ul.faq li a{
   color: #E10073;
}

.dbupdatemsg, .feedback {
   color: #E10073;
}

.dbupdatemsg {
   clear: both;
 }

.dbupdatemsg, .small {
   font-size: 0.85em;
   padding: 0;
   margin: 0;
}

.very-small {
   font-size: 0.80em;
   padding: 0;
   margin: 0;
}

#footer {
   clear: both;
   width: 100%;
   padding-top: 0.2em;
   margin: 0;
   text-align:center;
   border-top: 1px solid #E10073;
}

#footer p {
   font-size: .9em;
}

#header  {
   clear: both;
   width: 100%;
   border-bottom: 1px solid #E10073;
   padding:0;
}

/* original: 95 x 83 */
.runnersearchheaderlogo {
   float:right;
   margin:-20px auto;
   width:85px;
   height:74px;
   position:relative;
}

.profile-container {
   margin-bottom:0.5em;
   overflow:auto;
}

.personal-profile-data {
   margin-bottom:1em;
}

.challenge-data {
   border: 1px solid #ccc;
   padding: 0 ;
   max-height: 200px;
   overflow: auto;
 }

.noChallenge {
  margin: auto 1em;
}

.top a {
   color: E10073;
   padding:0;
   margin:0;
}

.gear-title {
   text-align: center;
   margin-bottom: 0.8em;
   font-weight:bold;
}

.gear-item {
   padding:0;
   margin-right:10px;
   display: inline;
}


.float-container {
   overflow:auto;
   width:auto;
}

.associated-content {
   margin: 0 auto 0 auto;
   padding-top:0;
}


.disclaimer {
   margin-top: 2em;
   margin-bottom: 2em;
}

ul.links  {
   margin-left: 0;
   padding-left: 0;
}

ul.links li {
   margin-left: 0;
   padding: 0 0.5em;
   border-left: 1px solid #000;
   list-style: none;
   display: inline;
}

ul.links li.first {
   margin-left: 0;
   padding: 0 0.5em 0 0;
   border-left: none;
   list-style: none;
   display: inline;
 }


#footer ul.links {
   display: inline;
   margin-top: 0.5em;
   white-space: nowrap;
 }

#header ul.links {
   margin:0.5em 0;
   white-space: nowrap;
 }

.selectedsectionlink {
   color: #E10073;
}

a.sectionlink:hover {
   color: #E10073;
}
/******************************************************/
/* http://www.tanfa.co.uk/css/layouts/flexi-float.txt */

/* runnersearchwrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#runnersearchwrapper {
   text-align: left;
   width: auto;
   margin: 0;
   padding:1em;
   overflow:visible;
}

#contentfloatholder {/* right faux column tab */
   float: left;
   width: 100%;
   margin-top: 1em; /* same as footer top margin, so dashed borders look ok */
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#centerwrap {
  float:left;
  width: 100%;
  margin: 0;
}

#center {
   padding: 0;
   margin: 0 135px 0 31%;
   height:600px;
   overflow: auto;
   border-right: 1px dashed #E10073;

   position: relative; /* to handle bug in IE 6 and 7.  see http://snook.ca/archives/html_and_css/position_relative_overflow_ie/*/
}

#left {
  float:left;
  width: 30%; /* was 45em; */
  margin: 0 0 0 -100%;
  padding:00;
  height:600px;
  overflow:auto;
  border-right: 1px dashed #E10073;
}

.innertube {
   margin:0 10px 0 0;
   padding:0;
   overflow:auto;
}

#right {
   float:left;
   width: 130px;
   height:600px;
   margin: 0 0 0 -130px;
   padding: 0.5em 0;
}


#search-tips .search-term {
   color: #E10073;
   font-weight:bold;
}

ul {
   list-style-image: url(/nikeplus/images/bullet2.gif);
   list-style-type:square;
}

ul.plain {
   list-style-type: none;
   list-style-image: none;
   margin-left: 0;
   padding: 0 0.5em;
}

ul.trashtalk {
   list-style-type: square;
   list-style-image: none;
   margin-left: 0 1em;
   margin-top:0;
}

ul.plain li {
   margin-bottom: 1em;
}

ul.plain li ul li {
   margin-bottom: 0;
}

ul li ul {
   list-style-image: none;
}

li {
   margin:0.5em 0;
}

li ul li {
   margin:0;
}

ul.trademarks {
   margin-top: 2em;
   margin-left: 0;
   padding-left: 0;
}

ul.trademarks li {
   margin-left: 0;
   padding: 0 0.2em;
   list-style: none;
   display: inline;
}

.quote {
   margin: 0 3em;
 }

 .important {
   color: #E10073;
 }

 .visibility-toggle {
   float:right;
   margin-right: 0;
 }

 .visibility-toggle:after {
    content: " ]";
 }

.visibility-toggle:before {
    content: "[ ";
 }

#challenge-detail .label{
   float:left;
   width: 6.5em;
   margin-right: 1em;
   text-align:right;
   font-weight:bold;
}

#challenge-detail .label:after {
    content: ":";
 }

#challenge-detail .information {
   margin: 0 0 0 7.5em;
}
.challenge-image {
   text-align: center;
   margin-top: 1em;
 }

.section, .section-first {
   clear: both;
   padding:0;
   margin: 0;
   width:100%;
   overflow:auto;
 }

.section {
   margin-top: 2em;
}

.section-first {
   margin-top: 0;
}
.highlight {
   background-color: #E10073;
   font-weight: bold;
   color: #FFFFFF;
 }

.challenge-subinfo {
   margin-top: 1em;
   clear:both;
}

.inner-popup-form-container {
   background-color:#E8E8E8;
   border: 1px solid black;
   position:absolute;
   top:1.6em;
   left:0;
   z-index:10000;
   width:150%;
   text-align:center;
   padding: 0.2em;
}

.popup-form-container {
   position:relative;
   display:inline;
 }

 form.popup-form {
   margin: 0;
 }

 form.popup-form .button {
   width: 4em;
   margin: 0;
 }

 .load-status-container {
    position:relative;
    overflow:auto;
    width:100%
    height:100%;
 }

.inner-load-status-container {
    background-color:#FFFFFF;
    position:absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:10000;
    opacity: .75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75; /* older Gecko-based browsers */
 }

.strikethru { text-decoration: line-through;}

/********************************************
/* START: currently only used on country list */
#results{
   float: left;
   border: 2px solid #E10073;
   margin-bottom: 1em;
   margin-top: 0;
   max-height:600px;
   overflow: auto;
   padding:0;
}

#results tbody.scrollable {
   height:570px;
   overflow-x:hidden;
   overflow-y: auto;
}

#results tbody.scrollable tr td:last-child {
   padding-right: 2.5em;
}

/********************************************
 * Nike+ User Level Colors
 *******************************************/
.plusLevel0{background-color: #FFFF00 }
.plusLevel1{background-color: #FF8040 }
.plusLevel2{background-color: #00FF00 }
.plusLevel3{background-color: #0000FF; color: #FFFFFF }
.plusLevel4{background-color: #CC00FF; color: #FFFFFF }
.plusLevel5{background-color: #000000; color: #FFFFFF }


/********************************************
 * Menu Background (see sprites.css)
 *******************************************/

ul#navmenu li .selectedhome,
ul#navmenu li .selectediphoneapps,
ul#navmenu li .selectedwidgets,
ul#navmenu li .selectedrunnersearch,
ul#navmenu li .selectedgreasemonkey,
ul#navmenu li .selectedforums,
ul#navmenu li a{
   display: block;
   float: left;
   height: 34px;
   background-image: url(/images/menuspriteswhite.png);
   text-indent: -9999px;
}