/* -------------------------------------------------------------- 
 
   http://github.com/joshuaclayton/blueprint-css/tree/master/blueprint/src/reset.css
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
body { 
  line-height: 1.5; 
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }



/***************************************************************************/
/*                                                                         */
/*            Copyright Andy Stewart  Girls In Football Ltd                */
/*                                    AirBlade Software Ltd                */
/*                                                                         */
/***************************************************************************/



/***************************************************************************/
/*                                                                         */
/*                             General Styles                              */
/*                                                                         */
/***************************************************************************/


/* Font family */
body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h1 {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h2 {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h3 {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h4 {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h5 {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h6 {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
th {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
h2 {
  letter-spacing: 0.1em;
}
textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

/* Typographic scale and vertical baseline rhythm */
body {
  font-size: 12px;
  line-height: 1.4em; /* 16.8px */
}
h1 {
  font-size: 2em; /* 24px */
  line-height: 0.7em; /* body line-height / this font-size */
  margin-top: 0em;
  margin-bottom: 1.4em;
}
h2 {
  font-size: 1em; /* 12px */
  line-height: 1.4em;
  padding: 0.2em;
  margin-top: 0;
  margin-bottom: 1.0em;
}
#banner {
  font-size: 1em; /* 12px */
  line-height: 1.4em;
  padding: 0.2em;
  margin-top: 0;
  margin-bottom: 1.0em;
}
h3 {
  font-size: 1.33em; /* 16px */
  line-height: 1.05em;
  margin-top: 0;
  margin-bottom: 1.05em;
}
.legend {
  font-size: 1.33em; /* 16px */
  line-height: 1.05em;
  margin-top: 0;
  margin-bottom: 1.05em;
}
h4 {
  font-size: 1.17em; /* 14px */
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.2em;
}
h5 {
  font-size: 1.17em; /* 14px */
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.2em;
}
h6 {
  font-size: 1.17em; /* 14px */
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.2em;
}
p {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
ul {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
ol {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
blockquote {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
pre {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
label {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
span {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
table {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
form {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
dl {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
dt {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
dd {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1.4em;
}
cite {
  font-size: 0.917em; /* 10px */
  line-height: 1.53em;
  margin-top: 0;
  margin-bottom: 1.53em;
}
.small {
  font-size: 0.917em; /* 10px */
  line-height: 1.53em;
  margin-top: 0;
  margin-bottom: 1.53em;
}
.hint {
  font-size: 0.917em; /* 10px */
  line-height: 1.53em;
  margin-top: 0;
  margin-bottom: 1.53em;
}
.run-in {
  margin-bottom: 0;
}
#content img {
  font-size: 1em;
  margin-bottom: 1.4em;
}
#leaderboard {
  width: 728px;
  height: 90px;
  margin-bottom: 10.8px;
}
.skyscraper {
  width: 120px;
  height: 600px;
  margin-bottom: 4.8px;
}
.mpu {
  width: 300px;
  height: 250px;
  margin-bottom: 1.57em;  /* based on 12px/1.4em font-size/line-height */
}
.tags {
  line-height: 2.2em;  /* Breaks the vertical baseline rhythm. */
}
.tags span a {
  padding: 0.2em 0.6em;
}

/* Colour and font weight */
body {
  color: #5a5a5a;
}
h1 {
  color: #046a3a;
  font-weight: bold;
}
h2 {
  color: #c8e8ca;
  background: #046a3a url(/images/light_green_block.png) top left repeat-x;
}
h3 {
  color: #ff0066;
  font-weight: bold;
}
.legend {
  color: #ff0066;
  font-weight: bold;
}
h4 {
  color: #5a5a5a;
  font-weight: bold;
}
h5 {
  color: #5a5a5a;
  font-weight: bold;
}
h6 {
  color: #5a5a5a;
  font-weight: bold;
}
cite {
  font-weight: bold;
  font-style: normal;
}
.hot {
  color: #ff0066;
}
.tags span {
  background: #ddd;
  color: #fff;
  margin-right: 0.2em;
}

/* Links */
a:link {
  color: #5a5a5a;
  text-decoration: underline;
}
a:visited {
  color: #5a5a5a;
  text-decoration: underline;
}
a:hover {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
a:active {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
a.hot:link {
  color: #ff0066;
  text-decoration: none;
}
a.hot:visited {
  color: #ff0066;
  text-decoration: none;
}
a.hot:hover {
  color: #fff;
  background: #ff0066;
}
a.hot:active {
  color: #fff;
  background: #ff0066;
}
a.feed {
  background: #fff url(/images/feed-icon.png) center left no-repeat;
  padding-left: 18px;
}
a.feed:hover {
  background: #5a5a5a url(/images/feed-icon.png) center left no-repeat;
}
a.feed:active {
  background: #5a5a5a url(/images/feed-icon.png) center left no-repeat;
}
a img {
  cursor: pointer;
}
a div {
  cursor: pointer;
}
.chosen > a:link {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
.chosen > a:visited {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
.chosen > a:hover {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
.chosen > a:active {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
.actions a:link {
  color: #fff;
  background: #ff0066;
  text-decoration: none;
}
.actions a:visited {
  color: #fff;
  background: #ff0066;
  text-decoration: none;
}
.actions a:hover {
  color: #fff;
  background: #ff0066;
  text-decoration: underline;
}
.actions a:active {
  color: #fff;
  background: #ff0066;
  text-decoration: underline;
}
.tags span a:link {
  color: #fff;
  background: #ddd;
  text-decoration: none;
}
.tags span a:visited {
  color: #fff;
  background: #ddd;
  text-decoration: none;
}
.tags span a:hover {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
.tags span a:active {
  color: #fff;
  background: #5a5a5a;
  text-decoration: none;
}
h1 a:link {
  color: #046a3a;
  background: none;
  text-decoration: none;
}
h1 a:visited {
  color: #046a3a;
  background: none;
  text-decoration: none;
}
h1 a:hover {
  color: #046a3a;
  background: none;
  text-decoration: underline;
}
h1 a:active {
  color: #046a3a;
  background: none;
  text-decoration: underline;
}
h2 a:link {
  color: #c8e8ca;
  background: none;
  text-decoration: none;
}
h2 a:visited {
  color: #c8e8ca;
  background: none;
  text-decoration: none;
}
h2 a:hover {
  color: #fff;
  background: none;
  text-decoration: none;
}
h2 a:active {
  color: #fff;
  background: none;
  text-decoration: none;
}
h3 a:link {
  color: #ff0066;
  text-decoration: none;
}
h3 a:visited {
  color: #ff0066;
  text-decoration: none;
}
h3 a:hover {
  color: #fff;
  background: #ff0066;
}
h3 a:active {
  color: #fff;
  background: #ff0066;
}
.hot a:link {
  color: #ff0066;
  text-decoration: none;
}
.hot a:visited {
  color: #ff0066;
  text-decoration: none;
}
.hot a:hover {
  color: #fff;
  background: #ff0066;
}
.hot a:active {
  color: #fff;
  background: #ff0066;
}
.skill_areas .selected a:link {
  color: #ff0066;
  text-decoration: none;
}
.skill_areas .selected a:visited {
  color: #ff0066;
  text-decoration: none;
}
.skill_areas .selected a:hover {
  color: #fff;
  background: #ff0066;
}
.skill_areas .selected a:active {
  color: #fff;
  background: #ff0066;
}
#twitter_update_list span + a:link {
  color: #ff0066;
  text-decoration: none;
}
#twitter_update_list span + a:visited {
  color: #ff0066;
  text-decoration: none;
}
#twitter_update_list span + a:hover {
  color: #fff;
  background: #ff0066;
}
#twitter_update_list span + a:active {
  color: #fff;
  background: #ff0066;
}
#topnav a:link {
  color: #c8e8ca;
  text-decoration: none;
}
#topnav a:visited {
  color: #c8e8ca;
  text-decoration: none;
}
#topnav a:hover {
  color: #fff;
}
#topnav a:active {
  color: #fff;
}
#footer a:link {
  color: #c8e8ca;
  text-decoration: none;
}
#footer a:visited {
  color: #c8e8ca;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
}
#footer a:active {
  color: #fff;
}

/* Tables (still need cellspacing=0 on table elements) */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table tbody tr.alternate {
  background: #eee;
}
table tbody tr:hover {
  background: #ddd;
}
table th {
  color: #ff0066;
  font-weight: bold;
}
table th {
  padding: 0 1em;
}
table th:first-child {
  padding-left: 0;
}
table th.numeric {
  text-align: center;
  white-space: nowrap;
  padding: 0 0.3em;
}
table th.rightmost {
  text-align: right;
  padding-right: 0.1em;
}
table td {
  padding: 0 1em;
}
table td:first-child {
  padding-left: 0;
}
table td.numeric {
  text-align: center;
  white-space: nowrap;
  padding: 0 0.3em;
}
table td.rightmost {
  text-align: right;
  padding-right: 0.1em;
}
table td span {
  color: #aaaaaa;
}

/* TODO: Forms */
form p {
  margin-bottom: 0.933em;  /* account for 2px border on nested input elements */
  clear: left;
}
form input[type=text] {
  font-size: 1em;
  margin-bottom: 0;
  border: 2px solid #ddd;
}
form input[type=text]:focus {
  background: #eee;
}
form input[type=password] {
  font-size: 1em;
  margin-bottom: 0;
  border: 2px solid #ddd;
}
form input[type=password]:focus {
  background: #eee;
}
form input[type=file] {
  font-size: 1em;
  margin-bottom: 0;
  border: 2px solid #ddd;
}
form input[type=file]:focus {
  background: #eee;
}
form textarea {
  font-size: 1em;
  margin-bottom: 0;
  border: 2px solid #ddd;
}
form textarea:focus {
  background: #eee;
}
form input[type=submit] {
  width: auto;
}
form input[type=submit]:hover {
  cursor: pointer;
}
form em.required {
  color: red;
  font-style: normal;
}
form span.hint {
  display: block;
  margin-left: 13em;  /* 12em / 0.917em */
  width: 350px;
  color: #5a5a5a;
  font-style: normal;
}
form span.addendum {
  margin-left: 0.5em;
}
form fieldset {
  /* The legend element is pretty unstyleable so DIY. */
}
form fieldset div.legend {
  margin-top: 1.05em; /* equals margin-bottom */
}

/* TODO: Lists */
ol {
  list-style-type: none;
}
ol.bulleted {
  list-style-type: disc;
  padding-left: 15px;
}
ol.separated li {
  margin-bottom: 1.4em;
}
ol#twitter_update_list {
  word-wrap: break-word;
}
ul {
  list-style-type: none;
}
ul.bulleted {
  list-style-type: disc;
  padding-left: 15px;
}
ul.separated li {
  margin-bottom: 1.4em;
}
ul#twitter_update_list {
  word-wrap: break-word;
}


/* Other elements */
em {
  font-style: italic;
}

strong {
  color: #ff0066;
}
.bold {
  font-weight: bold;
}

dt {
  text-align: left;
}
dd {
  text-align: left;
}
dt {
  float: left;
  width: 14em;
}
dd {
  margin-left: 25em;
  font-weight: bold;
}
*+html dd {
  margin-left: 16em;
}



/***************************************************************************/
/*                                                                         */
/*                             Overrides                                   */
/*                                                                         */
/***************************************************************************/


#footer {
  text-align: center;
  color: #c8e8ca;
}
#footer ul li {
  display: inline;
  padding-left: 3em;
}
#footer ul li:first-child {
  padding-left: 0;
}

#pages_area h2 {
  clear: both;
}
#pages_area form {
  float: none;
  width: auto;
}
#pages_area form label {
  float: none;  /* IE fix */
  margin-bottom: 0;
  display: block;
  width: 95%;
}
#pages_area form input {
  width: 95%;
}
#pages_area form input[type=submit] {
  width: auto;
  margin-right: -5px;
}
#pages_area object {
  float: left;
  margin: 0 1.4em 0.75em 0;
}
#pages_area embed {
  float: left;
  margin: 0 1.4em 0.75em 0;
}
#pages_area div.biography {
  width: 49%;
  margin-top: 1.4em;
}
#pages_area div.biography img {
  float: left;
  margin-right: 20px;
}
#pages_area p.summary {
  clear: both;
  margin-top: 2.8em;
}
*+html *#pages_area form input[type=submit] {
  margin-right: 0;
}
#pages_area .interview:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#pages_area .story:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#pages_area .tour:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#pages_area .skill:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#pages_area .mpu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#teams_area .ad:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#skills_area .ad:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#stories_area .ad:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html #pages_area .interview {
  height: 1%;
}
* html #pages_area .story {
  height: 1%;
}
* html #pages_area .tour {
  height: 1%;
}
* html #pages_area .skill {
  height: 1%;
}
* html #pages_area .mpu {
  height: 1%;
}
* html #teams_area .ad {
  height: 1%;
}
* html #skills_area .ad {
  height: 1%;
}
* html #stories_area .ad {
  height: 1%;
}
*:first-child+html #pages_area .interview {
  min-height: 1px;
}
*:first-child+html #pages_area .story {
  min-height: 1px;
}
*:first-child+html #pages_area .tour {
  min-height: 1px;
}
*:first-child+html #pages_area .skill {
  min-height: 1px;
}
*:first-child+html #pages_area .mpu {
  min-height: 1px;
}
*:first-child+html #teams_area .ad {
  min-height: 1px;
}
*:first-child+html #skills_area .ad {
  min-height: 1px;
}
*:first-child+html #stories_area .ad {
  min-height: 1px;
}

#stories_area .interview:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#stories_area .story:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html #stories_area .interview {
  height: 1%;
}
* html #stories_area .story {
  height: 1%;
}
*:first-child+html #stories_area .interview {
  min-height: 1px;
}
*:first-child+html #stories_area .story {
  min-height: 1px;
}

#pages_area div.interview h3 {
  margin-bottom: 0;
}
#pages_area div.interview {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#pages_area div.interview img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#pages_area div.story {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#pages_area div.story img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#pages_area div.skill {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#pages_area div.skill img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#pages_area div.tour {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#pages_area div.tour img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#stories_area div.interview h3 {
  margin-bottom: 0;
}
#stories_area div.interview {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area div.interview img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#stories_area div.story {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area div.story img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#stories_area div.skill {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area div.skill img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#stories_area div.tour {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area div.tour img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}

#stories_area div.story {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#stories_area .story:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #stories_area .story {
      height: 1%;
}
*:first-child+html #stories_area .story {
      min-height: 1px;
}


#tours_area div.tour {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#tours_area img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#tours_area .tour:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #tours_area .tour {
      height: 1%;
}
*:first-child+html #tours_area .tour {
      min-height: 1px;
}


#products_area ol li {
  padding-left: 1em;
}
#products_area div.product {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#products_area img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#products_area div#banner {
  color: #fff;
  background: #ff0066;
  float: right;
  margin-right: 15em;
  padding-left: 1em;
  padding-right: 1em;
}
#products_area p.buy_now {
  color: #ff0066;
  text-align: right;
}
#products_area p.buy_now img {
  float: right;
  margin-right: 0;
}
#products_area p.buy_now span {
  clear: right;
  float: right;
  font-size: 90%;
  margin-top: -1.4em;
}
#products_area .product:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #products_area .product {
      height: 1%;
}
*:first-child+html #products_area .product {
      min-height: 1px;
}


#your-news form textarea {
  width: 95%;
  height: 14em;
}
#your-news form span.hint {
  margin-left: 0;
  width: 100%;
}
#your-skills form textarea {
  width: 95%;
  height: 14em;
}
#your-skills form span.hint {
  margin-left: 0;
  width: 100%;
}

#forums_area table.forums th {
  vertical-align: top;
}
#forums_area table.forums td {
  vertical-align: top;
}
#forums_area table.forums tr:hover {
  background: none;
}
#forums_area table.forums td {
  padding: 0 0 1.4em 1em;
}
#forums_area table.forums td h3 {
  margin-bottom: 0;
}

#topics_area div.post {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#topics_area div.post p {
  margin-left: 60px;
}
#topics_area div.comment {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#topics_area div.comment p {
  margin-left: 60px;
}
#posts_area div.post {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#posts_area div.post p {
  margin-left: 60px;
}
#posts_area div.comment {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#posts_area div.comment p {
  margin-left: 60px;
}
#teams_area div.post {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#teams_area div.post p {
  margin-left: 60px;
}
#teams_area div.comment {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#teams_area div.comment p {
  margin-left: 60px;
}
#comments_area div.post {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#comments_area div.post p {
  margin-left: 60px;
}
#comments_area div.comment {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#comments_area div.comment p {
  margin-left: 60px;
}
#stories_area div.post {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area div.post p {
  margin-left: 60px;
}
#stories_area div.comment {
  padding-bottom: 0.4em;
  border-bottom: 0.0833em solid #ddd; /* 1px */
  margin-bottom: 0.917em;
}
#stories_area div.comment p {
  margin-left: 60px;
}
#comments {
  clear: left;
}

#skills_area ol li {
  clear: left;
}
#skills_area ol img {
  float: left;
  margin: 0 1.4em 1.4em 0;
}
#skills_area ol h3 {
  margin-bottom: 0;
}
#skills_area div#looks-like object {
  width: 420px;
  height: 336px;
  margin-bottom: 1.4em;
}
#skills_area div#looks-like embed {
  width: 420px;
  height: 336px;
  margin-bottom: 1.4em;
}

#teams_area div.team_members li {
  margin-bottom: 1.2em; /* equals h4 margin-bottom */
}
#teams_area div#find-a-team label {
  margin-bottom: 0;
}
#teams_area div#find-a-team div.mapping {
  float: right;
  width:400px;
}
#teams_area div#find-a-team div.results {
  width: 430px;
}
#teams_area div#find-a-team h2 {
  clear: none;
}
#teams_area div#find-a-team form {
  width: 400px;
  height: 130px;
}
#teams_area div#find-a-team form label {
  width: 95%;
}
#teams_area div#find-a-team form input {
  width: 95%;
}

div.menu {
  position: relative;
  margin-left: 2em;
}
div.actions_menu {
  position: relative;
  z-index: 2;
  padding: 0.5em;
  cursor: pointer;
  color: #fff;
  background: #ff0066;
  text-decoration: none;
}

div.actions {
  display: none;
  position: absolute;
  top: -0.5em;
  right: 0;
  width: 100%;
  min-width: 12em;
  padding: 3em 0.5em 1em 1em;
  background: #ff0066;
  z-index: 1;
  border-top: 1px solid #fff;
}
div.actions hr {
  color: #fff;
  background: #fff;
  height: 1px;
  border: none;
}
div.actions p {
  line-height: 2.1em;  /* 1.5x normal p line-height */
  margin-bottom: 0;
}

#matches_area div.match-show h1 {
  margin-bottom: 0.7em;
}
#matches_area div.match-show h3 {
  margin-bottom: 0;
}
#matches_area tr.match_participation a {
  display: block;
}
#matches_area tr.match_participation select {
  width: auto;
}
#matches_area *#match_participations tr#totals {
  color: #ff0066;
}
#matches_area *#match_participations input {
  width: auto;
}

#members_area table td.icon {
  padding: 0 0.1em;
}
#members_area table td.icon img {
  margin-bottom: 0;
}

.pagination {
  margin-bottom: 1.4em;
  text-align: center;
  padding: 0 0.3em;
  color: #aaaaaa;
}
.pagination a {
  padding: 0 0.5em;
}
.pagination span {
  padding: 0 0.5em;
}
.pagination a:link {
  color: #aaaaaa;
}
.pagination a:visited {
  color: #aaaaaa;
}
.pagination a:hover {
  color: #fff;
}
.pagination a:active {
  color: #fff;
}
.pagination span.current {
  font-weight: bold;
  color: #5a5a5a;
}
.pagination.prev_page {
  margin-right: 1em;
}
.pagination.next_page {
  margin-left: 1em;
}

/* Assume all ads are image ads. */
.ad a:link {
  text-decoration: none;
  background: #fff;
}
.ad a:visited {
  text-decoration: none;
  background: #fff;
}
.ad a:hover {
  text-decoration: none;
  background: #fff;
}
.ad a:active {
  text-decoration: none;
  background: #fff;
}


/***************************************************************************/
/***************************************************************************/



h2 {
  clear: left;
}
/* For some reason  self-clearing of div.buttons on member show page doesn't work in IE. */
*+html h2.inbox {
  clear: left;
}


ul.jq-ui-autocomplete {
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: left;
  border: 1px solid #aaa;
  font: normal .75em/.75em Verdana, Arial, sans-serif;
  color: #333;
  background-color: #fff;
}
ul.jq-ui-autocomplete li {
  display: block;
  padding: .3em .5em .3em .3em;
  overflow: hidden;
  width: 100%;
}
ul.jq-ui-autocomplete li.active {
  background-color: #3875d7;
  color: #fff;
}


del {
  text-decoration: line-through;
}

img {
  border: none;
}





#logo a {
  display: block;
  text-indent: -3000px;
  background: url(/images/logo_136.png) top left no-repeat;
}
#logo p {
  margin: 10px 0 0 5px;
}

#topnav {
  margin-right: 10px;
}
#topnav ul {
  margin-bottom: 0;
}
#topnav li {
  display: inline;
  margin: 0 0 0 2em;
}
#topnav li.search form {
  display: inline;
  margin: 0;
}
#topnav li.search input {
  width: auto;
}
#topnav li.search input.text {
  border: 1px solid #aaaaaa;
  padding: 2px;
  background: #c8e8ca;
  color: #5a5a5a;
}

#navigation ul {
  padding-left: 20px;
}
#navigation li {
  color: #c8e8ca;
  border-left: 1px solid #c8e8ca;
}
#navigation li a {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
#navigation li a:link {
  color: #c8e8ca;
}
#navigation li a:visited {
  color: #c8e8ca;
}
#navigation li a:hover {
  color: #fff;
}
#navigation li a:active {
  color: #fff;
}
#navigation li.selected {
  color: #046a3a;
  background: url(/images/dark_pink_box_left.png) top left no-repeat;
  border-left: 0;
  font-weight: bold;
  padding-left: 8px;
  padding-bottom: 0px;
}
#navigation li.selected + li {
  border-left: 0;
}
#navigation li.selected a {
  position: relative;
  color: #046a3a;
  background: url(/images/dark_pink_box_right.png) top right no-repeat;
}
#navigation li.selected span.border-override {
  position: absolute;
  background: #fff;
  height: 10px;
  left: 4px;
  right: 4px;
}
#subnavigation:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #subnavigation {
      height: 1%;
}
*:first-child+html #subnavigation {
      min-height: 1px;
}

#subnavigation {
  font-size: 90%;
}
.right {
  float: right;
}

#navigation li {
  float: left;
  display: inline;
  background: transparent;
}
#navigation li:first-child {
  border-left: 0;
}
#navigation li a {
  display: block;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-decoration: none;
  background: transparent;
}
#navigation li.selected {
  position: relative;
}

#content {
  border-right: 4px solid #ff0066;
  border-left: 4px solid #ff0066;
}

#content img.member {
  float: left;
  margin-right: 1.4em;
}



/* Page-specific styles. */

#sign-up {
  text-align: center;
  padding-top: 5em;
}
#sign-up *.feature-a {
  font-size: 130%;
}
#sign-up *.feature-b {
  font-size: 130%;
}
#sign-up *.feature-c {
  font-size: 130%;
}
#sign-up *.feature-d {
  font-size: 130%;
}
#sign-up *.feature-e {
  font-size: 130%;
}
#sign-up *.feature-f {
  font-size: 130%;
}
#sign-up *.feature-g {
  font-size: 130%;
}
#sign-up *.feature-h {
  font-size: 130%;
}
#sign-up *.feature-i {
  font-size: 130%;
}
#sign-up *.feature-j {
  font-size: 130%;
}
#sign-up *.feature-k {
  font-size: 130%;
}
#sign-up *.feature-a { color: #a93cf1; }
#sign-up *.feature-b { color: #fe3430; }
#sign-up *.feature-c { color: #3019ee; }
#sign-up *.feature-d { color: #1eae0c; }
#sign-up *.feature-e { color: #df5702; }
#sign-up *.feature-f { color: #330672; }
#sign-up *.feature-g { color: #d62981; }
#sign-up *.feature-h { color: #57a4f5; }
#sign-up *.feature-i { color: #f75570; }
#sign-up *.feature-j { color: #f335d4; }
#sign-up *.feature-k { color: #cf113c; }
#sign-up h1 {
  text-align: left;
}
#sign-up form {
  padding: 20px 0;
}
#sign-up label {
  float: none;
  width: auto;
  font-weight: normal;
  display: block;
  text-align: center;
}
#sign-up input {
  width: 400px;
  font-size: 180%;
}
#sign-up p.disclaimer {
  margin-top: 2em;
}
#sign-up *.buttons {
  position: relative;
  bottom: 4px;
}
#sign-up *.buttons button {
  display: inline;
  float: none;
}




/* Self-clearing.  Add elements as need be. */
form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.team_membership:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.league_membership:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html form {
  height: 1%;
}
* html div.buttons {
  height: 1%;
}
* html dl {
  height: 1%;
}
* html .team_membership {
  height: 1%;
}
* html .league_membership {
  height: 1%;
}
*:first-child+html form {
  min-height: 1px;
}
*:first-child+html div.buttons {
  min-height: 1px;
}
*:first-child+html dl {
  min-height: 1px;
}
*:first-child+html .team_membership {
  min-height: 1px;
}
*:first-child+html .league_membership {
  min-height: 1px;
}



/* Flash. */

.flash {
  clear: both;
  padding: 1em;
  margin-bottom: 2em;
  width: 94%;
}
.flash.notice {
  border: 1px solid green;
  background: #c8e8ca url(/images/icons/tick.png) 7px center no-repeat;
  padding-left: 2.5em;
}
.flash.info {
  border: 1px solid green;
  background: #c8e8ca url(/images/icons/tick.png) 7px center no-repeat;
  padding-left: 2.5em;
}
.flash.error {
  border: 1px solid red;
  background: #fcecec url(/images/icons/exclamation.png) 7px center no-repeat;
  padding-left: 2.5em;
}
.flash.warn {
  border: 1px solid red;
  background: #fcecec url(/images/icons/exclamation.png) 7px center no-repeat;
  padding-left: 2.5em;
}


/* cf CSS Mastery: http://www.cssmastery.com
 * cf Wufoo: http://particletree.com/features/rediscovering-the-button-element/
 */

/* BUTTONS/LINKS FOR FORMS */

.buttons a {
  display: block;
  float: left;
  margin: 0 7px 0 0;
  background-color: #f5f5f5; /* ghost grey */
  border: 1px solid #dedede; /* ash grey */
  border-top: 1px solid #eee; /* ghost-ash grey */
  border-left: 1px solid #eee; /* ghost-ash grey */
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #565656; /* heavy grey */
  cursor: pointer;
  padding: 5px 10px 6px 7px; /* Links */
}
.buttons button {
  display: block;
  float: left;
  margin: 0 7px 0 0;
  background-color: #f5f5f5; /* ghost grey */
  border: 1px solid #dedede; /* ash grey */
  border-top: 1px solid #eee; /* ghost-ash grey */
  border-left: 1px solid #eee; /* ghost-ash grey */
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #565656; /* heavy grey */
  cursor: pointer;
  padding: 5px 10px 6px 7px; /* Links */
}
.buttons button {
  width: auto;
  overflow: visible;
  padding: 4px 10px 3px 7px; /* IE6 */
}
.buttons button[type] {
  padding: 5px 10px 5px 7px; /* Firefox */
  line-height: 17px; /* Safari */
}
*:first-child+html button[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
}
.buttons button img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
}
.buttons a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
}

/* BUTTONS: STANDARD */

button:hover {
  background-color: #dff4ff; /* pale baby blue */
  border: 1px solid #c2e1ef; /* baby blue */
  color: #336699; /* warm mid blue */
}
.buttons a:hover {
  background-color: #dff4ff; /* pale baby blue */
  border: 1px solid #c2e1ef; /* baby blue */
  color: #336699; /* warm mid blue */
}
.buttons a:active {
  background-color: #6299c5; /* cool mid blue */
  border: 1px solid #6299c5; /* cool mid blue */
  color: #fff; /* white */
}

/* BUTTONS/LINKS: POSITIVE */

button.positive {
  color: #529214; /* welsh grass green */
}
.buttons a.positive {
  color: #529214; /* welsh grass green */
}
.buttons a.positive:hover {
  background-color: #E6EFC2; /* pale olive green/yellow */
  border: 1px solid #C6D880; /* olive green */
  color: #529214; /* rich mid green */
}
button.positive:hover {
  background-color: #E6EFC2; /* pale olive green/yellow */
  border: 1px solid #C6D880; /* olive green */
  color: #529214; /* rich mid green */
}
.buttons a.positive:active {
  background-color: #529214; /* rich mid green */
  border: 1px solid #529214; /* rich mid green */
  color: #fff; /* white */
}

/* BUTTONS/LINKS: NEGATIVE */

.buttons a.negative {
  color: #d12f19;
}
button.negative {
  color: #d12f19;
}
.buttons a.negative:hover {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #d12f19;
}
button.negative:hover {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #d12f19;
}
.buttons a.negative:active {
  background-color: #d12f19;
  border: 1px solid #d12f19;
  color: #fff;
}

.buttons {
  margin-bottom: 1.4em;
}


#join_a_team {
  font-weight: bold;
  text-decoration: none;
}
#join_a_team:hover {
  cursor: pointer;
}
#join_a_team img {
  position: relative;
  top: 3px;
  padding-right: 3px;
  margin-bottom: 0;
}
#join_a_league {
  font-weight: bold;
  text-decoration: none;
}
#join_a_league:hover {
  cursor: pointer;
}
#join_a_league img {
  position: relative;
  top: 3px;
  padding-right: 3px;
  margin-bottom: 0;
}
#add_a_team {
  font-weight: bold;
  text-decoration: none;
}
#add_a_team:hover {
  cursor: pointer;
}
#add_a_team img {
  position: relative;
  top: 3px;
  padding-right: 3px;
  margin-bottom: 0;
}

#existing_teams {
  border: 2px solid #0c9545;
  background: #c8e8ca;
  margin-left: 12em;
  margin-bottom: 1em;
  padding: 1em;
  width: 350px;
}
#existing_teams ul {
  margin-bottom: 1em;
}
#existing_teams li {
  padding-left: 2em;
}
.notifications p.checkbox input {
  margin-left: 2em;
}
.notifications p.checkbox label {
  float: none;
  margin-left: 1em;
}

form.new_match select {
  width: auto;
}
form.edit_match select {
  width: auto;
}
form#match_participations {
  clear: left;
}

#message {
  display: none;
}
#message p.spinner {
  display: none;
}


.clear {
  clear: both;
}


.middle.left li {
  width: 300px;
  float: left;
}



body {
  text-align: center;
  margin: 15px 0;
  padding: 0;
}
body div#wrapper {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}
body div#wrapper div.blocky {
  margin-bottom: 15px;
  float: left;
  width: 900px;
}
body div#wrapper div#header {
  float: left;
  padding: 10px 0px 10px 10px;
  width: 890px;
}
body div#wrapper div#header div#logo {
  float: left;
  width: 136px;
}
body div#wrapper div#header div#logo a {
  height: 69px;
}
body div#wrapper div#header div#topnav {
  float: right;
}
body div#wrapper div#header div#leaderboard {
  float: right;
  margin: 5px 10px;
}
body div#wrapper div#header object#leaderboard {
  float: right;
  margin: 5px 10px;
}
body div#wrapper div#navigation {
  float: left;
  width: 890px;
  padding: 5px 5px 0 5px;
}
body div#wrapper div#content-bg {
  float: left;
  width: 900px;
}
body div#wrapper div#content-bg-top {
  float: left;
  width: 900px;
}
body div#wrapper div#content {
  float: left;
  width: 860px;
  padding: 10px;
  padding-top: 20px;
  margin: 0 6px 0;
  min-height: 600px;
}
body div#wrapper div#content div#sidebar {
  padding-top: 7.5em;
  float: right;
  width: 30%;
}
body div#wrapper div#content div#sidebar div.gutter {
  padding-left: 20px;
}
body div#wrapper div#content div#sidebar h2 {
  clear: none;
}
body div#wrapper div#content div#main {
  padding-top: 2em;
  clear: both;
}
body div#wrapper div#content div#main div.primary {
  width: 294px;
  margin: 0 5px;
}
body div#wrapper div#content div#main div.secondary {
  width: 120px;
}
body div#wrapper div#content div#main div.middle {
  margin: 0 5px;
  width: 600px;
}
body div#wrapper div#content div#main div.major {
  width: 420px;
}
body div#wrapper div#content div#main div.two-thirds-excluding-secondary {
  width: 540px;
}
body div#wrapper div#content div#main div.one-third-excluding-secondary {
  width: 180px;
  margin: 0 10px;
}
body div#wrapper div#content div#main div.all-bar-one-secondary {
  width: 720px;
}
body div#wrapper div#content div#main div.most-viewed-stories {
  float: left;
  /*
  margin-left: 120px;
  */
  margin-left: 5px;
  width: 350px;
}
body div#wrapper div#content div#main div.other-recent-stories {
  float: right;
  width: 350px;
}
body div#wrapper div#content div#main div#match_details {
  width: 70%;
  float: left;
}
body div#wrapper div#content div#main div#match_review {
  width: 29%;
  float: right;
}
body div#wrapper div#footer {
  clear: both;
  padding: 10px 0 0 0;
}
*+html div#wrapper div#footer {
  padding-bottom: 5px;
}

body#sign_ups_area div#wrapper div#content div#main {
  clear: left;
}
body#sessions_area div#wrapper div#content div#main {
  clear: left;
}
body#members_area div#wrapper div#content div#main {
  clear: left;
}
*+html div#content #sidebar {
  margin-top: 1em;
}

.left {
  float: left;
}
.right {
  float: right;
}
div.buttons .right {
  float: right;
}
div.buttons .left {
  float: left;
}


body {
  background: url(/images/pale_green_fade_transparent.png) top left repeat-x;
}
* html body {
  background: #eeeeee;
}
#wrapper {
  background: transparent;
}

.blocky {
  background: transparent url(/images/green_box_bottom.png) bottom left no-repeat;
}
#header {
  background: transparent url(/images/green_box_top.png) top left no-repeat;
}
#navigation {
  background: transparent url(/images/green_box_short_top.png) top left no-repeat;
}
#content-bg {
  background: #046a3a url(/images/pink_box_bottom.png) 6px bottom no-repeat;
  padding-bottom: 10px;
}
#content-bg-top {
  background: #046a3a url(/images/pink_box_top.png) 6px top no-repeat;
  padding-top: 10px;
}
#content {
  background: #fff;
}
#footer {
  background: #046a3a;
}
#header {
  font-size: 85%;
  color: #c8e8ca;
}



form label {
  float: left;
  width: 12em;
  font-weight: bold;
}
form input {
  width: 350px;
}
form select {
  width: 350px;
}
form textarea {
  width: 350px;
}
form p {
  position: relative;
}
form p.error {
  border-left: 3px solid red;
  padding-left: 3px;
  left: -6px;
}
form p.checkbox label {
  width: auto;
  font-weight: bold;
  float: none;
}
form p.checkbox input {
  width: auto;
}
form p.radio label {
  width: auto;
  font-weight: bold;
  float: none;
}
form p.radio input {
  width: auto;
}
form div.team_membership {
  vertical-align: top;
}
form div.team_membership select {
  vertical-align: top;
}
form div.team_membership input {
  vertical-align: top;
}
form div.team_membership span {
  vertical-align: top;
}
form div.team_membership span span {
  width: 350px;
  padding-right: 4px;
  display: inline-block;
}
form div.team_membership span select {
  width: auto;
}
form div.league_membership {
  vertical-align: top;
}
form div.league_membership select {
  vertical-align: top;
}
form div.league_membership input {
  vertical-align: top;
}
form div.league_membership span {
  vertical-align: top;
}
form div.league_membership span span {
  width: 350px;
  padding-right: 4px;
  display: inline-block;
}
form div.league_membership span select {
  width: auto;
}
form#search {
  float: none;
}
form#search label {
  float: none;
  width: auto;
  display: block;
}
form#search input {
  width: 15em;
}
form#search input#p {
  width: 7em;
}
form#search select {
  width: auto;
}
form#login label {
  width: 400px;
}
form#login input {
  width: 400px;
}
form#login input {
  font-size: 2em;
}
form#login input.button {
  width: auto;
  font-size: 100%;
}
form#login label {
  margin-bottom: 0;
  font-weight: bold;
  /* IE7-compatible: */
  float: none;
  display: block;
}
form#login p {
  margin-bottom: 2.8em;
}
form#login p.checkbox label {
  display: inline;
}
form#login p.checkbox input {
  width: auto;
}
form#new_comment textarea {
  width: 100%;
  height: 5.6em;
}
form#new_comment span.hint {
  margin-left: 0;
}
form#new_comment div.buttons button {
  float: right;
}
form#new_post textarea {
  width: 100%;
  height: 5.6em;
}
form#new_post span.hint {
  margin-left: 0;
}
form#new_post div.buttons button {
  float: right;
}
form.new_story select {
  width: auto;
}
form.edit_story select {
  width: auto;
}
form.new_tour select {
  width: auto;
}
form.edit_tour select {
  width: auto;
}
form.new_tour p.radio {
  padding-left: 12em;
}
form.edit_tour p.radio {
  padding-left: 12em;
}
form#new_member p.error {
  margin-bottom: 40px;
}
form#new_member p.error *.hint {
  display: none;
}
form#new_member span.feedback {
  display: block;
  margin-left: 12em;
  top: 2em;
  left: 0;
  margin-bottom: 1em;
}
form.new_review label {
  margin-bottom: 0;
}
form.new_review input {
  width: 98%;
}
form.new_review textarea {
  width: 98%;
}
form.new_review textarea {
  height: 600px;
}
form.new_review span.hint {
  margin-left: 0;
}
form.new_review button {
  float: right;
}
form.new_review span.feedback {
  background: none;
  margin-left: 0;
  left: 0;
  padding-left: 0;
  position: relative;
}
form.edit_review label {
  margin-bottom: 0;
}
form.edit_review input {
  width: 98%;
}
form.edit_review textarea {
  width: 98%;
}
form.edit_review textarea {
  height: 600px;
}
form.edit_review span.hint {
  margin-left: 0;
}
form.edit_review button {
  float: right;
}
form.edit_review span.feedback {
  background: none;
  margin-left: 0;
  left: 0;
  padding-left: 0;
  position: relative;
}
#message form p.button input {
  width: auto;
}
#message form textarea {
  height: 10em;
}
.error-summary {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
  border: 1px solid red;
  padding-top: 1.32em;
  padding-left: 1.4em;
  padding-right: 1.4em;
  width: 460px;
  background: #fcecec;
}
.error-summary h3 {
  color: #ff0066;
}
.feedback {
  position: absolute;
  margin-left: 13em;
  left: 350px;
  font-weight: bold;
  color: red;
  padding-left: 20px;
  background: url(/images/icons/error.png) no-repeat left center;
}
* html.feedback {
  width: 10em;
}
.inline {
  display: inline;
}
#pages_area form p.checkbox label {
  display: inline;
  width: auto;
}
#pages_area form p.checkbox input {
  display: inline;
  width: auto;
}
#members_area form input[type=checkbox] {
  width: auto;
}
#search_area select {
  width: auto;
}
#search_area input.text {
  width: 200px;
}
#search_area input[type=radio] {
  width: auto;
  margin-left: 2em;
}
#search_area input[type=radio]:first-child {
  margin-left: 0;
}


#map {
  text-align: center;
  font-family: verdana;
  font-size: small;
}
#map p.loading {
  position: relative;
  top: 200px;
}
#map p.loading img {
  position: relative;
  top: 3px;
}