/*
 * DO NOT ADD STYLES TO THIS SHEET.
 * Modify the .scss files inside public/stylesheets/sass/ instead.
 */
.hidden {
  display: none; }

.faded #main {
  padding-bottom: 1em;
  background-color: white;
  /* for non-css3 browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f1f1f1')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white", endColorstr="#f1f1f1");
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, white, #f1f1f1);
  /* for firefox 3.6+ */ }

.button, .btn.green, .btn.blue {
  color: white;
  border: 0;
  font-weight: bold;
  font-size: 1.2em;
  text-shadow: 0 -1px 0 #888888;
  padding: 4px 10px; }

.btn.blue {
  background-color: #949cac;
  /* for non-css3 browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#949cac', endColorstr='#67748f')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949cac", endColorstr="#67748f");
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#949cac), to(#67748f));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #949cac, #67748f);
  /* for firefox 3.6+ */
  box-shadow: 1px 1px 1px #434c56;
  -moz-box-shadow: 1px 1px 1px #434c56;
  -webkit-box-shadow: 1px 1px 1px #434c56;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }
  .btn.blue:hover {
    background-color: #949cac;
    /* for non-css3 browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#949cac', endColorstr='#67748f')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949cac", endColorstr="#67748f");
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#949cac), to(#67748f));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #949cac, #67748f);
    /* for firefox 3.6+ */ }

.btn.green {
  background-color: #c1cd22;
  /* for non-css3 browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1cd22', endColorstr='#57780c')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1cd22", endColorstr="#57780c");
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#c1cd22), to(#57780c));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #c1cd22, #57780c);
  /* for firefox 3.6+ */
  box-shadow: 1px 1px 1px #434c56;
  -moz-box-shadow: 1px 1px 1px #434c56;
  -webkit-box-shadow: 1px 1px 1px #434c56; }

.fitted, #container #upper, #topbar, #banner, #lower #lowerContent {
  width: 980px;
  margin: auto; }

.btn.gray {
  color: #888888; }

.btn.wide {
  width: 5em; }

.btn.wider {
  width: 6em; }

.floated, #activityList .feed_item div.responses .reply, #activityList .feed_item div.responses .like, #rightBar #leaderBoardContainer #userList ul li.user {
  overflow: hidden; }
  .floated > div, #activityList .feed_item div.responses .reply > div, #activityList .feed_item div.responses .like > div, #rightBar #leaderBoardContainer #userList ul li.user > div {
    float: left; }
  .floated > a, #activityList .feed_item div.responses .reply > a, #activityList .feed_item div.responses .like > a, #rightBar #leaderBoardContainer #userList ul li.user > a {
    float: left; }

ul.horizontal, #topbar ul#main_nav, #lower ul#sitemap, #lower #footer ul {
  overflow: hidden; }
  ul.horizontal li, #topbar ul#main_nav li, #lower ul#sitemap li, #lower #footer ul li {
    float: left;
    display: block;
    margin-right: 1.2em; }

* {
  border: 0px;
  margin: 0px;
  outline: none;
  padding: 0px; }

html {
  background: #F3F3F3; }

hr {
  color: #777;
  background-color: #EEE;
  height: 1px;
  width: 105%; }

body, td, div, span, p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0px; }

a:hover, a:link, a:visited {
  text-decoration: none; }

h1, h2, h3 {
  font-weight: bold; }

h1 {
  font-size: 24px;
  padding: 8px 0px; }

h2 {
  font-size: 20px;
  padding: 6px 0px; }

h3 {
  font-size: 16px;
  padding: 4px 0px; }

a:link,
a:visited {
  color: #707783; }

a:hover {
  color: #03B; }

ul, li {
  margin: 0px;
  padding: 0px;
  -webkit-padding-start: 0px;
  list-style-type: none; }

input {
  outline: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px; }

.shrinkWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  overflow: hidden; }

#main {
  margin-top: 1.2em;
  z-index: 200;
  background-color: #FFF;
  -webkit-box-shadow: rgba(255, 255, 255, 0.179688) 0px 1px 0px;
  -moz-box-shadow: rgba(255, 255, 255, 0.179688) 0px 1px 0px;
  box-shadow: rgba(255, 255, 255, 0.179688) 0px 1px 0px;
  background: #FFF;
  position: relative;
  background: #fff; }

#mainContainer {
  width: 960px;
  min-height: 600px;
  margin: 0px auto;
  position: relative;
  overflow: hidden; }

/*
*  Header
*/
#header {
  width: 100%;
  z-index: 300;
  border-bottom: 1px solid #BFBFBF; }

#headerContainer {
  width: 960px;
  margin: 0px auto 20px auto;
  padding-top: 10px;
  height: 90px;
  position: relative; }

#logo {
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 12px;
  width: 200px;
  display: inline; }

#logo img {
  width: 101px;
  height: 94px; }

.tagline {
  font-size: 14px;
  color: #777;
  opacity: .75;
  font-weight: normal;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2);
  display: inline;
  letter-spacing: 0px; }

.tagline .watch {
  color: #F41; }

.tagline .share {
  color: #44CE44; }

.tagline .play {
  color: #44F; }

#headerBar {
  display: inline;
  position: absolute;
  right: 145px;
  top: 38px;
  z-index: 1000; }

.headerTab {
  border: 0px solid #777;
  border-top: 0px solid #FFF;
  display: inline; }

.headerLink a {
  font-size: 15px;
  text-decoration: none;
  color: #666;
  font-weight: bold; }

.headerLink a:hover {
  color: #D93;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.23); }

.headerSpacer {
  padding: 0px 10px;
  display: inline;
  width: 125px; }

#headerSearchContainer {
  width: 350px;
  display: inline;
  position: absolute;
  left: 100px;
  top: 18px; }

#headerSearchbox {
  width: 250px;
  height: 19px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  color: #777;
  font-weight: normal;
  padding: 4px;
  background: white;
  border: 1px solid #BBB;
  float: left;
  font-size: 15px;
  line-height: 15px;
  padding: 3px 5px; }

#headerSearchButton {
  color: #777;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 10px;
  margin: 0px 10px; }

#headeriPhoneBox {
  width: auto;
  display: inline;
  position: absolute;
  right: 0px;
  top: 24px; }

html, body {
  background-color: white; }

#container {
  border-top: 5px solid #b3c628;
  padding-top: 2.2em; }

/*
*	Header
*/
#topbar {
  clear: both;
  overflow: visible;
  position: relative;
  height: 3em; }
  #topbar p.slogan {
    margin-left: 122px;
    margin-top: 10px;
    color: #8f8f8f;
    font-size: 1.2em;
    float: left; }
  #topbar .buttons {
    display: block;
    float: right;
    margin-top: 0.8em; }
  #topbar ul#main_nav {
    margin-top: 0.8em;
    float: right; }
    #topbar ul#main_nav a {
      color: #a7a7a7;
      font-weight: bold;
      font-size: 1.2em; }
    #topbar ul#main_nav a:hover {
      color: #434c56; }

#banner {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: #f5f5f5;
  position: relative; }
  #banner .searchbar {
    border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    background-color: #415261;
    /* for non-css3 browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#415261', endColorstr='#667186')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#415261", endColorstr="#667186");
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#415261), to(#667186));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #415261, #667186);
    /* for firefox 3.6+ */
    height: 3em;
    padding: 1em;
    overflow: visible;
    border-bottom: 1px solid #cfd3dd; }
    #banner .searchbar h1.logo {
      left: 15px;
      position: absolute;
      top: -52px; }
      #banner .searchbar h1.logo a {
        height: 94px;
        width: 101px;
        display: block; }
    #banner .searchbar a.btn {
      float: right;
      margin-top: 0.3em; }
  #banner .searchbar:only-child {
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px; }

/*
*	Footer
*/
#lower {
  width: 99.99%;
  background-color: #f1f1f1;
  border-top: 1px solid #d8d9d9; }
  #lower ul#sitemap {
    padding-top: 1.2em; }
    #lower ul#sitemap li {
      width: 15em; }
      #lower ul#sitemap li a {
        color: #434c56;
        text-decoration: underline;
        font-weight: bold; }
      #lower ul#sitemap li p {
        color: #878787;
        padding-top: 0.5em; }
  #lower #footer {
    padding-top: 1.5em;
    padding-bottom: 2em;
    overflow: hidden;
    color: #434c56; }
    #lower #footer .mobileLinks {
      float: left; }
      #lower #footer .mobileLinks div {
        float: left; }
    #lower #footer .webLinks {
      float: right; }
    #lower #footer .copyright {
      float: left; }
    #lower #footer ul {
      float: left;
      margin-left: 2em; }
    #lower #footer a {
      color: #434c56;
      text-decoration: underline;
      font-weight: bold; }

/*
*
*	Activity Feed
*
*/
.feedContainer {
  border: 0px dashed #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: auto;
  margin: 0px 0px 10px 0px;
  padding: 10px; }

.feedContainer h2 {
  background-image: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/social_icon.png");
  padding-left: 5em;
  height: 4em; }

#activityList li {
  margin: 6px 0px; }

#activityList .feed_item {
  padding: 5px;
  min-height: 70px;
  width: 100%;
  border-bottom: 1px solid #EEE; }

#activityList .feed_item .userImage {
  float: left; }

#activityList .feed_item .userImage img {
  width: 48px;
  /* 73px for big */
  height: 48px;
  border: 1px solid #AAA; }

#activityList .feed_item .content {
  border: 0px solid #7E5;
  height: 100%;
  margin-left: 60px;
  margin-right: 100px;
  position: relative;
  width: auto; }

#activityList .feed_item .name {
  color: #3262CB;
  font-size: 14px;
  font-weight: bold; }

#activityList .feed_item .name a {
  color: #707783; }

#activityList .feed_item .badge {
  float: right; }

#activityList .feed_item .badge img {
  max-width: 45px;
  float: right;
  margin-left: 20px;
  margin-right: 15px; }

#activityList .feed_item .poster {
  float: right; }

#activityList .feed_item .poster img {
  max-width: 40px;
  border: 2px solid #FFF;
  margin-left: 20px;
  margin-right: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD')";
  /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD');
  /* For IE 5.5 - 7 */ }

#activityList .feed_item .message {
  color: #555;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px; }

#activityList .feed_item .ago {
  bottom: 0px;
  right: 0px;
  font-style: normal;
  color: #888;
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 6px; }

#activityList .feed_item .likes_brief,
#activityList .feed_item .replies_brief,
#activityList .feed_item .response_toggle {
  display: inline;
  bottom: 0px;
  right: 0px;
  font-style: normal;
  color: #888;
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 6px; }

#activityList .feed_item .replies_brief {
  margin-left: 20px; }

#activityList .feed_item .response_toggle {
  margin-left: 20px; }

#activityList .feed_item div.responses {
  margin-left: 60px;
  margin-top: 8px;
  width: 70%; }
  #activityList .feed_item div.responses .reply, #activityList .feed_item div.responses .like {
    padding: 4px;
    background-color: #EDEFF4;
    margin-bottom: 3px; }
    #activityList .feed_item div.responses .reply .desc, #activityList .feed_item div.responses .like .desc {
      margin-left: 6px;
      width: 86%; }
    #activityList .feed_item div.responses .reply .stamp, #activityList .feed_item div.responses .like .stamp {
      font-style: normal;
      color: #888;
      font-size: 12px; }
  #activityList .feed_item div.responses form {
    padding: 4px;
    background-color: #EDEFF4;
    overflow: hidden; }
    #activityList .feed_item div.responses form textarea {
      float: left;
      width: 88%;
      height: 32px;
      border: 1px solid #BDC7D8;
      display: block;
      margin-bottom: 4px; }
    #activityList .feed_item div.responses form input {
      background-color: #5B74A8;
      color: white;
      padding: 2px;
      display: block;
      float: right;
      font-size: 12px;
      font-weight: bold;
      margin-right: 3%; }
    #activityList .feed_item div.responses form .photo {
      float: left;
      width: 32px; }

/*
*
*   Search
*
*/
#searchArea {
  position: relative;
  width: 642px;
  margin-left: auto;
  margin-right: auto; }

#searchArea .searchPrompt {
  font-size: 22px;
  color: #EEE; }

#searchButton {
  font-size: 16px;
  line-height: 24px;
  padding: 4px 12px !important;
  margin: 0px; }

#clearButton {
  height: 25px;
  background-color: #DDD;
  color: #555; }

.searchTextBox {
  width: 500px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  font-size: 18px;
  color: #666;
  font-weight: normal;
  background: white;
  border: 2px solid #666666;
  float: left;
  line-height: 18px;
  margin-right: 0.5em;
  padding: 3px 5px; }

/*  Search Results   */
#noResultsAlert {
  color: #555;
  padding: 20px 0px;
  width: 100%;
  font-size: 20px;
  margin: 0px auto;
  text-align: left; }

#noResultsAlert p {
  font-size: 14px;
  padding-top: 6px; }

#searchresults {
  position: absolute;
  z-index: 600;
  width: 510px;
  overflow: visible;
  list-style: none;
  margin: 0px 0px;
  padding: 0px;
  top: 0px;
  border: 2px solid #666666;
  border-top: none;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px;
  background: #FFF;
  display: none; }

#searchresults li {
  list-style-type: decimal;
  padding: 0px;
  cursor: pointer;
  list-style: none; }

/*  Page based result */
#pageSearchResults {
  width: 750px;
  list-style: none;
  padding: 0px;
  margin: 0 auto;
  background-color: transparent;
  position: relative; }

#pageSearchResults li {
  list-style-type: decimal;
  list-style: none; }

#pageSearchResults .matrix {
  height: 1000px;
  width: 92%;
  border: 0px solid #999; }

#pageSearchResults .matrix ul {
  position: absolute; }

#pageSearchResults .matrix li {
  float: left;
  border: 0px solid #999; }

#pageSearchResults .matrix .show {
  width: 280px; }

#pageSearchResults .result {
  border-bottom: 1px solid #666;
  /*border-right: 2px solid #DDD;*/
  /*border-bottom: 2px solid #DDD;*/
  cursor: pointer;
  height: 80px;
  padding: 7px;
  margin: 4px 4px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 80px;
  border: 1px solid #FFF; }

#searchresults .result {
  /*border: 1px solid #DDD;
  /*border-right: 2px solid #DDD;
  border-bottom: 2px solid #DDD;*/
  cursor: pointer;
  height: 80px;
  padding: 0px;
  margin: 4px 4px;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  height: 77px;
  overflow: hidden; }

.result .buttonArea {
  height: auto;
  overflow: hidden;
  padding-top: 10px;
  float: right; }

.result.last {
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px; }

.result.odd {
  background-color: #EEE; }

.searchResultContainer {
  border: 1px solid #FFF;
  margin: 0px;
  margin-bottom: 2px; }

.searchResultContainer.hover {
  -webkit-box-shadow: #2277bb 0px 0px 3px;
  -moz-box-shadow: #2277bb 0px 0px 3px;
  box-shadow: #2277bb 0px 0px 3px;
  border: 1px solid #27D !important;
  background-color: #EEEEF5 !important;
  -webkit-transition-property: all;
  -webkit-transition-duration: 100ms; }

.result .metadata {
  left: 75px;
  color: #888;
  margin-top: 10px;
  display: block;
  position: absolute;
  /*text-shadow: -1px -1px 1px rgba(0, 0, 0, .2), 1px 1px 2px rgba(255, 255, 255, .1);*/
  font-weight: normal; }

.result .metadata .starring {
  font-size: 14px;
  padding-left: 0px;
  width: auto;
  height: 50px;
  overflow: hidden;
  display: block; }

.result .metadata .title {
  font-size: 20px;
  color: #666;
  height: 25px;
  overflow: hidden;
  display: block; }

.result img {
  height: 65px;
  width: 43px;
  margin: 5px;
  margin-left: 13px;
  float: left;
  border: 1px solid #CCC;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 4px;
  -moz-box-shadow:  rgba(0, 0, 0, .25) 1px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 4px;*/
  background-image: -moz-linear-gradient(top, #fdfdfd, #f8f8f8);
  /* FF3.6 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #f8f8f8));
  /* Saf4+, Chrome */ }

#settingsMenu {
  width: 100%;
  display: inline-table;
  margin-top: 15px; }

#settingsMenu .settingsMenuItem {
  margin: 5px 20px 5px 0px;
  padding: 5px 15px;
  font-size: 16px;
  color: #888;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #FFF; }

#settingsMenu .settingsMenuItem.selected {
  background-color: #F5F5FF;
  border: 1px solid #DDDDE4; }

.settingsGroup {
  border: 2px solid #EEE;
  background-color: #DDD;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  margin: 0px 55px 0px 12px;
  font-size: 10px;
  font-weight: bold;
  margin: 10px;
  width: 75%; }

.settingsGroup .selected {
  border: 2px solid #EEE;
  background-color: #CCC; }

.settingsGroup .settingsTable {
  width: 450px; }

.settingsGroup .settingsTable input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  color: #666; }

.small .settingsTable {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  width: 80% !important;
  display: block; }

.small a {
  font-size: 12px; }

.small .settingsTable input[type=text],
.small .settingsTable input[type=password] {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  width: 100% !important;
  color: #666;
  font-size: 12px;
  font-weight: bold; }

form.styled_form {
  width: 90%;
  margin: auto; }
  form.styled_form p {
    margin-bottom: 15px; }
    form.styled_form p label {
      font-size: 16px;
      font-weight: normal;
      margin-top: 5px;
      width: 250px;
      vertical-align: middle; }
    form.styled_form p input[type=submit] {
      font-size: 14px;
      line-height: 18px;
      width: auto; }

#signinContainer {
  height: auto;
  margin: 0;
  position: absolute;
  top: 30px;
  right: 0;
  width: 250px;
  z-index: 800;
  border-color: #415261;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.196875) 0px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.196875) 0px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.196875) 0px 3px 3px; }

#signinTab {
  cursor: pointer;
  padding: 8px 5px;
  color: #a7a7a7;
  font-size: 1.2em;
  margin-right: 0.5em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold; }

#signinPrompt {
  font-size: 15px;
  text-decoration: none;
  font-weight: bold; }

#signinTab.selected {
  -webkit-border-bottom-left-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -moz-border-radius-bottomleft: 0px 0px;
  -moz-border-radius-bottomright: 0px 0px;
  background-color: #415261;
  color: #fcfcfc;
  padding: 6px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.296875) 0px 3px 3px; }

/* the signin form */
#signinContainer.floating #signinFieldset {
  padding: 15px; }

#signinFieldset {
  width: 100%;
  height: 100%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0 15px 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #5F5F56;
  position: relative; }

.floating {
  border: 4px solid #CCC;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFF; }

#signinFieldset a:link,
#signinFieldset a:visited {
  font-weight: normal;
  text-decoration: none;
  color: #707783; }

#signinFieldset a:hover {
  text-decoration: none;
  color: #05D; }

#signinFieldset .settingsTable {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  width: 100%; }

#signinFieldset .settingsTable th {
  vertical-align: middle;
  font-weight: normal;
  height: 55px;
  text-align: left;
  width: 170px; }

#signinFieldset .settingsTable input[type=text],
#signinFieldset .settingsTable input[type=password] {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
  padding: 2px;
  padding-left: 5px;
  width: 250px;
  color: #5F5F56;
  font-size: 14px;
  font-weight: normal;
  margin: 2px 0px; }

#signinFieldset .settingsTable .btn {
  width: auto;
  font-size: 14px;
  line-height: 18px; }

#signinFieldset .settingsTable .checkbox {
  width: 15px; }

#signinFieldset .remember {
  padding: 5px;
  width: 100%;
  display: block; }

#signinFieldset .forgot {
  margin: 5px 0px 0px 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal; }

#signinFieldset .forgot a {
  font-weight: normal;
  padding-right: 15px; }

#signinFieldset form .field_error input {
  border-color: #F69696 !important; }

/*
*	Signin form page
*/
#signinPageContainer {
  width: 75%;
  position: relative;
  padding: 5px;
  height: auto;
  margin: 0 auto; }

#signinPageContainer .title {
  font-size: 28px;
  margin-top: 5px;
  font-weight: bold;
  color: #5F5F56;
  padding-bottom: 25px; }

#signinPageContainer .instructions {
  font-size: 16px;
  margin-top: 5px;
  font-weight: normal; }

#signinPageContainer .settingsTable label {
  font-size: 16px;
  margin-top: 5px;
  width: 250px;
  font-weight: normal; }

#signinPageContainer .settingsTable input[type=text],
#signinPageContainer .settingsTable input[type=password] {
  font-size: 16px;
  font-weight: normal;
  height: 25px; }

#signinPageContainer .remember input {
  font-size: 16px;
  font-weight: bold; }

#signinPageContainer .remember label {
  font-size: 16px;
  font-weight: normal; }

#signinPageContainer .forgot a {
  font-size: 16px;
  font-weight: normal;
  padding-right: 25px; }

#showHeader {
  clear: both;
  width: 90%;
  overflow: hidden;
  margin: 0px auto 0 auto;
  padding: 2em 0;
  position: relative;
  background-color: transparent; }

#showHeader .mainImage img {
  height: 200px;
  margin: 0px;
  padding: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD'); }

#showDetails {
  color: #666;
  /* text-shadow: -1px -1px 1px rgba(0, 0, 0, .2), 1px 1px 2px rgba(255, 255, 255, .1); */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: auto;
  padding: 10px; }

#showDetails .secondlevel {
  font-size: 16px;
  min-height: 27px;
  max-height: 65px;
  display: block;
  padding: 3px 0px; }

#showDetails .thirdlevel {
  font-size: 14px;
  min-height: 22px;
  max-height: 60px;
  display: block;
  padding: 3px 0px; }

#showDetails .title .prompt {
  min-height: 40px;
  max-height: 100px; }

#showDetails .showDetailsTable {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  width: 80%; }

#showDetails .showDetailsTable th {
  line-height: 18px;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  width: 100px;
  padding: 3px 0px; }

#showDetails h1,
#showDetails h2,
#showDetails h3 {
  color: #666;
  font-size: 20px;
  font-weight: normal;
  padding: 3px 3px;
  /* text-shadow: -1px -1px 1px rgba(0, 0, 0, .2), 1px 1px 2px rgba(255, 255, 255, .1); */ }

#titleBar {
  color: #434c56;
  width: auto;
  margin: 0 0 10px 0px;
  overflow: hidden;
  max-height: 50px; }
  #titleBar h1 {
    font-size: 32px;
    min-height: 42px;
    max-height: 100px;
    display: inline;
    margin-bottom: 5px;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden; }
  #titleBar .media_type {
    font-size: 32px;
    min-height: 42px;
    max-height: 100px;
    display: inline;
    margin-left: 0.5em;
    margin-bottom: 5px;
    font-weight: normal;
    overflow: hidden; }

#flagMediaPanel {
  position: absolute;
  left: 725px;
  top: 75px;
  width: 160px;
  overflow: hidden; }
  #flagMediaPanel ul {
    float: left;
    margin-right: 10px; }

/* Developers Page */
#web_developers_form {
  margin: 20px auto 0 auto;
  width: 90%; }

#web_developers_form p {
  padding-bottom: 10px;
  overflow: hidden; }

#web_developers_form p.started {
  margin-left: 162px; }

#web_developers_form label {
  display: block;
  float: left;
  font-size: 16px;
  font-weight: normal;
  margin-top: 5px;
  width: 150px;
  border: 0 none;
  margin: 0;
  outline: medium none;
  padding: 0;
  padding-top: 4px; }

#web_developers_form select {
  font-size: 16px;
  border: 1px solid #CCCCCC;
  padding: 2px 2px 2px 5px;
  width: 250px; }

#web_developers_form select option {
  padding: 2px 2px 2px 5px; }

#web_developers_form input[type=text],
#web_developers_form input[type=password] {
  font-size: 16px;
  font-weight: normal;
  height: 25px;
  -moz-border-radius: 4px 4px 4px 4px;
  border: 1px solid #CCCCCC;
  color: #5F5F56;
  font-weight: normal;
  margin: 2px 0;
  padding: 2px 2px 2px 5px;
  width: 250px; }

#web_developers_form input[type=checkbox] {
  margin: 3px 5px 0 10px;
  display: block;
  float: left; }

#web_developers_form textarea {
  font-size: 16px;
  font-weight: normal;
  height: 100px;
  -moz-border-radius: 4px 4px 4px 4px;
  border: 1px solid #CCCCCC;
  color: #5F5F56;
  font-weight: normal;
  margin: 2px 0;
  padding: 2px 2px 2px 5px;
  width: 250px; }

#web_developers_form .platform {
  font-size: 16px;
  float: left;
  font-weight: normal;
  height: 25px;
  padding-top: 5px; }

/*
*
*	Terms of Service
*
*/
#infoPage {
  color: #443;
  margin: 0px auto; }

#infoPage.narrow {
  width: 800px; }

.legal a {
  color: #06A;
  text-decoration: none; }

.legal .legal-header {
  margin: 18px 0 18px; }

.legal .module {
  margin: 0 0 24px 0; }

.legal .module h2 {
  font-size: 20px;
  margin: 0 0 12px 0; }

.legal .module .module-box {
  background-color: white;
  border: 1px solid #CCC;
  padding: 18px;
  overflow: hidden; }

.legal p {
  font-size: 14px;
  font-weight: normal;
  margin: 10px;
  line-height: 1.5em; }

.legal h1 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
  margin-left: 10px;
  margin-right: 10px; }

.legal h2 {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2em; }

.legal h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px;
  margin-top: 1.5em; }

.legal ol {
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 5px 20px; }

.legal li {
  font-size: 12px;
  font-weight: normal;
  list-style: disc outside none;
  margin: 5px 0 5px 20px; }

.legal ul.plain li {
  font-size: 14px;
  font-weight: normal;
  list-style: disc outside none;
  margin-left: 2em; }

/*
*
*	About us
*
*/
#aboutUs .memberContainer .memberPhoto {
  float: left;
  width: 97px; }

#aboutUs .memberContainer .memberDescription {
  float: right;
  width: 650px;
  font-size: 14px;
  color: #393939; }

#aboutUs .memberContainer .memberDescription p.memberName {
  font-size: 15px;
  font-weight: bold; }

#aboutUs p.description {
  color: #555659;
  font-size: 13px;
  margin: 0;
  margin-bottom: 20px;
  font-weight: bold;
  background-color: #f3f3f3;
  padding: 18px;
  border: 1px solid #eee;
  line-height: 1.7em; }

#aboutUs .memberDescription p {
  color: #555659;
  font-size: 12px;
  line-height: 1.7em;
  margin-bottom: 25px; }

.btn {
  display: inline-block;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  color: #555;
  vertical-align: baseline;
  margin: 0px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 6px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #d1cdba;
  background: #f6f5ea;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbf6), to(#e8e5d4));
  background: -moz-linear-gradient(top, #fbfbf6, #e8e5d4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbf6', endColorstr='#e8e5d4'); }

.btn:hover {
  text-decoration: none;
  background: #f1efde;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeecdf), to(#e8e5d4));
  background: -moz-linear-gradient(top, #eeecdf, #e8e5d4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeecdf', endColorstr='#e8e5d4'); }

.btn:active {
  position: relative;
  top: 0px;
  background: #f6f5ea;
  background: -webkit-gradient(linear, left top, left bottom, from(#e8e5d4), to(#fbfbf6));
  background: -moz-linear-gradient(top, #e8e5d4, #fbfbf6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e5d4', endColorstr='#fbfbf6'); }

.buttonChar {
  font-size: 22px;
  line-height: 16px;
  padding: 5px; }

.green {
  color: #fff;
  border: solid 1px #64991e;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.green:hover {
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top, #6b9d28, #436b0c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }

.green:active {
  color: #a9c08c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
  background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); }

.btn a, .btn a:visited {
  color: #1e90de;
  text-decoration: none; }

.btn a:hover {
  color: #1e90de; }

.btn:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
  border: solid 1px #BBB; }

/* GREY */
.green a, .green a:visited {
  color: #fff;
  text-decoration: none; }

.green a:hover {
  color: #fff; }

.grey {
  color: #666;
  border: solid 1px #CCC;
  background: #CCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dddddd));
  background: -moz-linear-gradient(top, #ebebeb, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#DDDDDD'); }

.grey:hover {
  background: #D5D5D5; }

.grey:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ebebeb));
  background: -moz-linear-gradient(top, #dddddd, #ebebeb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#EBEBEB'); }

.grey a, .grey a:visited {
  color: #666;
  text-decoration: none; }

.grey a:hover {
  color: #666; }

.grey:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
  border: solid 1px #BBB; }

/* YELLOW */
.yellow {
  color: #444;
  border: solid 1px #FFC100;
  background: #F7E48F;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7e48f), to(#ffcc00));
  background: -moz-linear-gradient(top, #f7e48f, #ffcc00);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7E48F', endColorstr='#FFCC00'); }

.yellow:hover {
  background: #F7E48F; }

.yellow:active {
  background: #FFCC00; }

.yellow:focus {
  -webkit-box-shadow: #c8c828 0px 0px 4px;
  -moz-box-shadow: #c8c828 0px 0px 4px;
  box-shadow: #c8c828 0px 0px 4px;
  border: solid 1px #EFB100; }

.yellow a, .yellow a:visited {
  color: #444;
  text-decoration: none; }

.yellow a:hover {
  color: #444; }

/* CLEAR */
.clear {
  color: #666;
  border: solid 1px #FFF;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
  background: -moz-linear-gradient(top, white, white);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF'); }

.clear:hover {
  background: #FFF; }

.clear:active {
  background: #FFF; }

.clear a, .clear a:visited {
  color: #444;
  text-decoration: none; }

.clear a:hover {
  color: #FFF; }

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/
/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p {
  margin: 0;
  padding: 0; }

form.formtastic fieldset {
  border: 0; }

form.formtastic em, form.formtastic strong {
  font-style: normal;
  font-weight: normal; }

form.formtastic ol, form.formtastic ul {
  list-style: none; }

form.formtastic abbr, form.formtastic acronym {
  border: 0;
  font-variant: normal; }

form.formtastic input, form.formtastic textarea, form.formtastic select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

form.formtastic input, form.formtastic textarea, form.formtastic select {
  font-size: 100%; }

form.formtastic legend {
  white-space: normal;
  color: #000; }

/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic ul.errors {
  color: #cc0000;
  margin: 0.5em 0 1.5em 25%;
  list-style: square; }

form.formtastic ul.errors li {
  padding: 0;
  border: none;
  display: list-item; }

/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset.buttons {
  padding-left: 25%; }

form.formtastic fieldset.buttons li {
  float: left;
  padding-right: 0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset {
  display: inline-block; }

form.formtastic fieldset:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

html[xmlns] form.formtastic fieldset {
  display: block; }

* html form.formtastic fieldset {
  height: 1%; }

/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li {
  margin-bottom: 1.5em; }

/* clearfixing the li's */
form.formtastic fieldset > ol > li {
  display: inline-block; }

form.formtastic fieldset > ol > li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

html[xmlns] form.formtastic fieldset > ol > li {
  display: block; }

* html form.formtastic fieldset > ol > li {
  height: 1%; }

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li label {
  display: block;
  width: 25%;
  float: left;
  padding-top: .2em; }

form.formtastic fieldset > ol > li > li label {
  line-height: 100%;
  padding-top: 0; }

form.formtastic fieldset > ol > li > li label input {
  line-height: 100%;
  vertical-align: middle;
  margin-top: -0.1em; }

/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li fieldset {
  position: relative; }

form.formtastic fieldset > ol > li fieldset legend {
  position: absolute;
  width: 95%;
  padding-top: 0.1em;
  left: 0px; }

form.formtastic fieldset > ol > li fieldset legend span {
  position: absolute; }

form.formtastic fieldset > ol > li fieldset legend.label label {
  position: absolute; }

form.formtastic fieldset > ol > li fieldset ol {
  float: left;
  width: 74%;
  margin: 0;
  padding: 0 0 0 25%; }

form.formtastic fieldset > ol > li fieldset ol li {
  padding: 0;
  border: 0; }

/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-hints {
  color: #666;
  margin: 0.5em 0 0 25%; }

/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-errors {
  color: #cc0000;
  margin: 0.5em 0 0 25%; }

form.formtastic fieldset > ol > li ul.errors {
  color: #cc0000;
  margin: 0.5em 0 0 25%;
  list-style: square; }

form.formtastic fieldset > ol > li ul.errors li {
  padding: 0;
  border: none;
  display: list-item; }

/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.string input {
  max-width: 74%; }

form.formtastic fieldset > ol > li.password input {
  max-width: 13em; }

form.formtastic fieldset > ol > li.numeric input {
  max-width: 74%; }

/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.text textarea {
  width: 74%; }

/* HIDDEN OVERRIDES
The dual declarations are required because of our clearfix display hack on the LIs, which is more
specific than the more general rule below. TODO: Revist the clearing hack and this rule.
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden,
html[xmlns] form.formtastic fieldset ol li.hidden {
  display: none; }

/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.boolean label {
  padding-left: 25%;
  width: auto; }

form.formtastic fieldset > ol > li.boolean label input {
  margin: 0 0.5em 0 0.2em; }

/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.radio fieldset ol {
  margin-bottom: -0.6em; }

form.formtastic fieldset > ol > li.radio fieldset ol li {
  margin: 0.1em 0 0.5em 0; }

form.formtastic fieldset > ol > li.radio fieldset ol li label {
  float: none;
  width: 100%; }

form.formtastic fieldset > ol > li.radio fieldset ol li label input {
  margin-right: 0.2em; }

/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.check_boxes fieldset ol {
  margin-bottom: -0.6em; }

form.formtastic fieldset > ol > li.check_boxes fieldset ol li {
  margin: 0.1em 0 0.5em 0; }

form.formtastic fieldset > ol > li.check_boxes fieldset ol li label {
  float: none;
  width: 100%; }

form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input {
  margin-right: 0.2em; }

/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.date fieldset ol li,
form.formtastic fieldset > ol > li.time fieldset ol li,
form.formtastic fieldset > ol > li.datetime fieldset ol li {
  float: left;
  width: auto;
  margin: 0 .3em 0 0; }

form.formtastic fieldset > ol > li.date fieldset ol li label,
form.formtastic fieldset > ol > li.time fieldset ol li label,
form.formtastic fieldset > ol > li.datetime fieldset ol li label {
  display: none; }

form.formtastic fieldset > ol > li.date fieldset ol li label input,
form.formtastic fieldset > ol > li.time fieldset ol li label input,
form.formtastic fieldset > ol > li.datetime fieldset ol li label input {
  display: inline;
  margin: 0;
  padding: 0; }

/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset > ol > li p.inline-hints { color:#333; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(<8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset {
  display: block; }

form.formtastic fieldset > ol > li {
  display: block; }

form.formtastic fieldset ol li.hidden {
  display: none; }

form.formtastic * {
  color: #5F5F56;
  font-size: 16px;
  font-weight: normal; }
form.formtastic fieldset.buttons {
  padding-left: 15%; }
form.formtastic fieldset ol li > label {
  padding-top: 11px;
  width: 15%; }
form.formtastic fieldset ol select {
  margin-top: 11px;
  margin-left: 5px;
  border: 1px solid #ccc; }
form.formtastic fieldset ol li.string input, form.formtastic fieldset ol li.numeric input {
  width: 50%; }
form.formtastic fieldset ol li.text textarea {
  width: 50%; }
form.formtastic fieldset ol input, form.formtastic fieldset ol textarea {
  padding: 5px;
  margin: 5px;
  border: 1px solid #CCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
form.formtastic fieldset ol textarea {
  height: 3em; }
  form.formtastic fieldset ol textarea.large {
    height: 6em; }

/*
*
*  Scrolling Show/Movie List 
*
*/
.scrollingList {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 5px;
  height: 720px;
  /* background: white url(/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/main_bg.png) no-repeat 100% 0%; */ }

.scrollingListTitle {
  position: absolute;
  padding: 6px;
  left: 50px;
  top: -10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #999;
  width: 350px; }

.scrollingListTitle hr {
  color: #AAA;
  background-color: #DDD;
  height: 1px; }

.scrollingListFrame {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  position: relative; }

.scrollingListTape {
  height: 100%;
  width: 3000px;
  left: 0px;
  position: absolute;
  overflow: hidden; }

.page {
  width: 900px;
  height: 100%;
  float: left;
  display: block; }

.page li {
  float: left;
  position: relative;
  list-style: none; }

.show:hover {
  -webkit-box-shadow: #2277bb 0px 0px 2px;
  -moz-box-shadow: #2277bb 0px 0px 2px;
  box-shadow: #2277bb 0px 0px 2px;
  background-color: #EEEEF5 !important; }

.show {
  border: 0px solid #999;
  height: 180px;
  margin: 5px 25px;
  padding: 15px 10px;
  width: 150px; }

.show img {
  height: 140px;
  width: 90px;
  margin: 0px 25px;
  padding: 0px;
  border: 7px solid #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=1, Strength=4, Direction=150, Color='#DDDDDD')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=1, Strength=4, Direction=150, Color='#DDDDDD'); }

.show .metadata {
  color: #DDD;
  height: 37px;
  width: 100%;
  display: block;
  /* text-shadow: -1px -1px 1px rgba(0, 0, 0, .2), 1px 1px 2px rgba(255, 255, 255, .1); */
  position: relative;
  margin-top: 5px; }

.show .metadata .title {
  font-size: 14px;
  color: #555;
  width: 100%;
  font-weight: bold;
  overflow: hidden;
  text-align: center; }

.show .metadata .starring {
  font-size: 12px;
  height: auto;
  overflow: hidden;
  padding-top: 10px; }

.show .metadata .buttonArea {
  height: auto;
  overflow: hidden;
  padding-top: 10px;
  bottom: 5px; }

/*
*	Common styles to Show and User
*/
.mainImage {
  float: left;
  padding-right: 45px;
  overflow: visible;
  margin-left: 3px; }

#leftBar {
  float: left;
  width: 60%;
  margin-right: 40px;
  margin-bottom: 40px; }

#rightBar {
  float: right;
  width: 35%;
  margin-left: 0px;
  margin-bottom: 40px; }

#rightBar h2 {
  padding: 3px;
  padding-top: 9px; }

.fb_plugin {
  padding: 0 10px; }

/*
*	Check-in container
*/
#checkinContainer {
  overflow: visible;
  float: left; }

#checkinContainer #checkinForm {
  overflow: hidden; }

#checkinContainer #disabledCover {
  display: none; }

#checkinContainer .disabledOverlay {
  background: #F5FBED;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5fbed), to(#f1f4ea));
  background: -moz-linear-gradient(top, #f5fbed, #f1f4ea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5FBED', endColorstr='#F1F4EA'); }

#checkinContainer .disabledMessage {
  text-align: center;
  width: 64%;
  margin: 48px 79px;
  position: absolute;
  padding: 3% 3%;
  top: 0px;
  left: 0px;
  color: #555;
  font-weight: bold;
  font-size: 16px;
  opacity: 1.0;
  border: 1px solid #FFCC00;
  background-color: #FFFFC8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

#checkinContainer .textArea {
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  padding: 4px; }

#checkinContainer .textArea .title {
  font-size: 18px;
  font-weight: bold;
  color: #333; }

#checkinContainer .textArea .sub {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 4px;
  color: #444; }

#checkinContainer .textArea .sub a {
  font-size: 12px;
  font-weight: bold;
  color: #707783; }

#checkinContainer textarea {
  border: 1px solid #DDD;
  padding: 10px;
  color: #666;
  font-size: 16px;
  resize: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 478px !important;
  min-width: 478px !important;
  max-width: 478px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

#checkinContainer label {
  color: #666;
  font-size: 14px; }

#checkinContainer div.submit {
  margin: 1em 0; }
  #checkinContainer div.submit > input {
    font-weight: bold;
    display: block;
    float: left; }

#checkinContainer .controlsArea {
  float: left;
  margin-top: 2px;
  margin-left: 1.2em;
  overflow: hidden; }

#checkinContainer .buttonBar {
  position: relative;
  width: auto;
  height: 40px;
  text-align: left;
  display: inline-block; }

#checkinContainer .checkinButton {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  padding-left: 20px;
  padding-right: 20px; }

#checkinContainer .twitterToggleOn {
  background: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/tw.png") no-repeat 50% center;
  background-position: center center;
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

#checkinContainer .facebookToggleOn {
  background: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/fb.png") no-repeat 50% center;
  background-position: center center;
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

#checkinContainer .twitterToggleOff {
  background: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/tw_off.png") no-repeat 50% center;
  background-position: center center;
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

#checkinContainer .facebookToggleOff {
  background: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/fb_off.png") no-repeat 50% center;
  background-position: center center;
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

#checkinContainer .toggle {
  width: 16px;
  height: 16px;
  padding: 0px 0px;
  display: inline-table;
  cursor: pointer;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

#checkinContainer .untoggled {
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

#checkinContainer .facebook, #checkinContainer .twitter, #checkinContainer .secret {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #e9e9e9;
  color: #434c56;
  float: left;
  margin-right: 1em;
  overflow: visible; }
  #checkinContainer .facebook input, #checkinContainer .twitter input, #checkinContainer .secret input {
    margin-right: 0.6em;
    margin-top: 4px;
    display: block;
    float: left; }
  #checkinContainer .facebook > div, #checkinContainer .twitter > div, #checkinContainer .secret > div {
    float: left; }

#checkinContainer .facebook, #checkinContainer .twitter {
  padding: 7px 0.5em; }

#checkinContainer .secret {
  padding: 5px 10px 5px 5px;
  font-weight: bold; }
  #checkinContainer .secret label {
    color: #434c56;
    display: block;
    float: left;
    padding-top: 0.2em; }
  #checkinContainer .secret input {
    margin-top: 5px; }

#checkinContainer .toggled {
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
  background-color: #E3E7DD;
  /*
  background-color: #EEE;
  background: -webkit-gradient(linear, left top, left bottom, from(#96E8F0), to(#A2F8FF));  
  background: -moz-linear-gradient(top,  #96E8F0,  #A2F8FF);  
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#96E8F0', endColorstr='#A2F8FF');
  */
  -webkit-transition-property: all;
  -webkit-transition-duration: 200ms; }

/*
*
*	Show details page
*
*/
/*
*
*	User details page
*
*/
#userHeader {
  clear: both;
  float: none;
  width: 100%;
  height: 220px;
  width: 90%;
  margin: 30px auto 0 auto; }

#userLeftBar {
  float: left;
  width: 60%;
  margin-right: 40px; }

#userRightBar {
  float: left;
  width: 30%;
  margin-left: 40px; }

#userHeader .mainImage img {
  height: 100px;
  width: 100px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #CCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* For IE 8 */
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD')"; */
  /* For IE 5.5 - 7 */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD'); */ }

#userDetails {
  width: auto;
  height: 120px;
  color: #434c56;
  /* text-shadow: -1px -1px 1px rgba(0, 0, 0, .2), 1px 1px 2px rgba(255, 255, 255, .1); */
  display: block;
  width: 75%; }

#userDetails .name {
  font-size: 36px;
  line-height: 40px;
  max-height: 100px;
  display: block;
  margin-botom: 5px;
  font-weight: bolder; }

#userHeader .statsBar {
  display: block;
  margin-botom: 5px;
  height: 60px;
  width: 100%; }

#userHeader .stat {
  font-size: 56px;
  color: #BFBFB6;
  margin-left: 15px;
  padding: 5px 0px;
  display: inline;
  font-weight: bolder; }

#userHeader .statlabel {
  font-size: 14px;
  color: #5F5F56;
  font-weight: bold;
  padding: 0px;
  margin-left: -10px;
  display: inline;
  width: 100px; }

#userHeader .ago {
  font-size: 14px;
  color: #666;
  font-weight: normal;
  padding: 0px; }

#userHeader .buttonBar {
  margin: 10px 0px;
  margin-left: 100px;
  height: 20px; }

/* Section Title */
.section, .feedContainer h2, #trendingList h2 {
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 18px;
  color: #434c56; }
  .section strong, .feedContainer h2 strong, #trendingList h2 strong {
    display: block;
    font-weight: bolder;
    font-size: 18px; }
  .section h1, .feedContainer h2 h1, #trendingList h2 h1, .section h2, .feedContainer h2 h2, #trendingList h2 h2, .section h3, .feedContainer h2 h3, #trendingList h2 h3 {
    padding: 3px 3px; }
  .section hr, .feedContainer h2 hr, #trendingList h2 hr {
    color: #d8d9d9;
    margin-top: 0.2em; }

/*
*
*	Trending list
*
*/
#trendingList {
  border: 0px dashed #999;
  width: auto;
  height: auto;
  margin: 0px auto 10px 0px;
  padding: 10px;
  padding-right: 0px;
  overflow: visible; }

#trendingList h2 {
  background-image: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/track_icon.png");
  padding-left: 5em;
  height: 4em; }

#trendingList .trendingListItem {
  margin: 0px 0px;
  display: block;
  position: relative;
  margin-left: -20px;
  padding: 15px 0px; }

#trendingList .part {
  float: left; }

#trendingList .image img {
  width: 80px;
  border: 4px solid #FFF;
  margin-left: 15px;
  margin-right: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD')";
  /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD');
  /* For IE 5.5 - 7 */ }

#trendingList .number {
  color: #888;
  font-size: 46px;
  font-weight: bolder;
  padding: 0px 2px;
  text-align: right;
  color: #999;
  width: 50px;
  	/*
  	background: #EEF;
  	color: #49D;
  	border: 1px solid #CDF;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;	
  	border-radius: 5px;
  
  	width: 35px;
  	text-shadow: 0px -1px 0px rgba(0, 0, 100, .15), 1px 1px 0px rgba(200, 200, 255, 1.0);
  	
  	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2Ff), to(#EEF));
  	background: -moz-linear-gradient(top, #F7EAB8,  #FEE18A);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7EAB8', endColorstr='#FEE18A');	
  	*/ }

#trendingList .metadata {
  padding: 0px 5px;
  color: #888;
  max-width: 190px; }

#trendingList .metadata .title {
  font-size: 19px; }

#trendingList .metadata .watching {
  font-size: 14px;
  line-height: 2em; }

#trendingList .metadata .followMatrix {
  padding: 0px !important;
  padding-top: 8px !important;
  width: 150px !important; }

/*
*
*	Badges matrix
*
*/
#badgesList {
  border: 0px dashed #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: auto;
  height: auto;
  margin: 0px auto 10px 0px;
  padding: 10px;
  padding-right: 0px;
  overflow: hidden; }

#badgesList h1,
#badgesList h2,
#badgesList h3 {
  color: #666;
  font-size: 20px;
  font-weight: normal;
  padding: 3px 3px; }

#badgesList .badge {
  float: left;
  margin-right: 4px; }

#badgesList .badge img {
  width: 50px;
  height: 50px; }

/*
*
*	Following common styles
*
*/
.followButton {
  font-size: 16px;
  min-width: 85px; }

.followSuccess {
  font-size: 16px;
  text-align: left;
  color: #999;
  font-weight: bolder;
  border: solid 1px #DDD !important;
  cursor: default !important; }

.spinningFollow {
  width: 85px;
  cursor: default !important; }

.matrix {
  margin: 6px 0px;
  overflow: auto; }

.followMatrix {
  width: auto;
  height: auto;
  margin: 0px auto 0px 0px;
  padding: 10px;
  padding-right: 0px;
  overflow: hidden; }

.followMatrix hr {
  background-color: #DDD; }

.followMatrix h1,
.followMatrix h2,
.followMatrix h3 {
  color: #666;
  font-size: 20px;
  font-weight: normal;
  padding: 3px 3px; }

.followMatrix .profilepic {
  float: left;
  margin-right: 4px; }

.followMatrix .profilepic img {
  width: 30px;
  height: 30px;
  border: 1px solid #AAA; }

/*
*
*	Followers/Following Pages
*
*/
h3.title {
  color: #666666;
  font-size: 18px; }

#followList {
  width: 610px;
  float: left; }

#findPrompt {
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: right; }

#findPrompt h1 {
  color: #666;
  font-size: 32px;
  line-height: 45px; }

#findPrompt h2 {
  color: #666;
  font-size: 1.3em; }

#searchFriendsForm h2 {
  color: #666;
  font-size: 26px; }

#searchFriendsForm {
  margin: 20px 50px;
  text-align: left !important; }

#searchFriendsForm input[type=text] {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
  padding: 6px;
  padding-left: 10px;
  width: 350px;
  color: #5F5F56;
  font-size: 14px;
  font-weight: normal;
  margin-top: 4px; }

#searchFriendsForm h3 {
  color: #666;
  font-size: 18px; }

#followSidebar {
  width: 250px;
  margin-left: 80px;
  margin-bottom: 0px;
  float: left; }

#followSidebar .controls {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  color: #666;
  margin-bottom: 30px; }

#followSidebar .controls p {
  padding: 0px 12px 15px 12px;
  font-size: 14px; }

#followSidebar a:link,
#followSidebar a:visited {
  color: #707783; }

#followSidebar a:hover {
  color: #05D; }

#followSidebar h3 {
  background: #E0E0E0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  font-size: 16px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  padding: 0px 10px; }

#followHeader {
  height: 20px;
  font-size: 28px;
  margin-top: 25px;
  font-weight: bold;
  color: #5F5F56;
  padding-bottom: 25px;
  width: 60%; }

#followList .friend {
  /*border: 1px solid #DDD;
  /*border-right: 2px solid #DDD;
  border-bottom: 2px solid #DDD;*/
  border: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  background-color: #FFF;
  padding: 0px;
  margin: 15px 4px;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden; }

div.loading {
  font-size: 1.5em;
  color: #666666; }

div.loading img {
  padding-right: 8px; }

p.unconnected {
  font-size: 1.3em;
  padding-bottom: 15px; }

.friend {
  overflow: hidden; }

.friend .userImage {
  float: left;
  width: 8em; }

.friend .buttonArea {
  height: auto;
  width: 200px;
  margin-top: 5px;
  overflow: hidden; }

.friend .metadata {
  left: 10px;
  color: #888;
  display: block;
  position: relative;
  float: left;
  font-weight: normal;
  width: 300px;
  overflow-x: hidden; }

.friend .metadata a:link,
.friend .metadata a:visited {
  color: #707783; }

.friend .metadata a:hover {
  color: #05D; }

.friend .metadata .about {
  font-size: 14px;
  padding-left: 0px;
  overflow: hidden;
  display: block; }

.friend .metadata strong {
  font-weight: bold; }

.friend .metadata p.ago,
.friend .metadata p.stat {
  width: 80%;
  padding: 4px 0 4px 0; }

.friend .metadata .name {
  font-size: 20px;
  color: #666;
  width: 200px;
  height: 25px;
  overflow: hidden;
  display: block; }

.friend a img {
  height: 65px;
  width: 65px;
  margin: 5px;
  margin-left: 13px;
  border: 1px solid #CCC;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 4px;
  -moz-box-shadow:  rgba(0, 0, 0, .25) 1px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 4px;*/
  background-image: -moz-linear-gradient(top, #fdfdfd, #f8f8f8);
  /* FF3.6 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #f8f8f8));
  /* Saf4+, Chrome */ }

#followSidebar h2 {
  border-bottom: 2px solid #F4F4F4;
  height: 51px;
  background-color: #FFF;
  position: relative;
  overflow: auto; }

#followSidebar h2:hover {
  background-color: #EEF; }

#followSidebar .title {
  color: #666;
  font-size: 20px;
  font-weight: normal;
  line-height: 51px;
  padding-left: 65px; }

#followSidebar .largeIcon img {
  position: absolute;
  left: 20px;
  top: 10px; }

#followSidebar .largeIcon.selected {
  background-color: #BFBFBF;
  border-bottom: 2px solid #BFBFBF; }

#followSidebar p.invite {
  font-size: 1.3em; }

/* Invite Form */
#mainContainer {
  overflow: hidden; }

#inviteContent {
  padding: 20px 0 10px 0;
  float: left;
  width: 610px; }

#inviteContent p {
  font-size: 1.3em; }

form#invite-form textarea {
  margin-top: 15px;
  border: 1px solid black;
  width: 450px;
  height: 80px;
  display: block;
  font-size: 1.3em;
  margin-bottom: 15px; }

/*
*
*	Activity Feed
*
*/
.feedContainer {
  border: 0px dashed #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: auto;
  margin: 0px 0px 10px 0px;
  padding: 10px; }

.feedContainer h2 {
  background-image: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/social_icon.png");
  padding-left: 5em;
  height: 4em; }

#activityList li {
  margin: 6px 0px; }

#activityList .feed_item {
  padding: 5px;
  min-height: 70px;
  width: 100%;
  border-bottom: 1px solid #EEE; }

#activityList .feed_item .userImage {
  float: left;
  width: 48px;
  height: 48px; }

#activityList .feed_item .userImage img {
  width: 48px;
  height: 48px;
  border: 1px solid #AAA; }

#activityList .feed_item .content {
  border: 0px solid #7E5;
  height: 100%;
  margin-left: 60px;
  margin-right: 100px;
  position: relative;
  width: auto; }

#activityList .feed_item .name {
  color: #3262CB;
  font-size: 14px;
  font-weight: bold; }

#activityList .feed_item .name a {
  color: #707783; }

#activityList .feed_item .badge {
  float: right; }

#activityList .feed_item .badge img {
  max-width: 45px;
  float: right;
  margin-left: 20px;
  margin-right: 15px; }

#activityList .feed_item .poster {
  float: right; }

#activityList .feed_item .poster img {
  max-width: 40px;
  border: 2px solid #FFF;
  margin-left: 20px;
  margin-right: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD')";
  /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(OffX=-1, OffY=0, Strength=3, Direction=150, Color='#DDDDDD');
  /* For IE 5.5 - 7 */ }

#activityList .feed_item .message {
  color: #555;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px; }

#activityList .feed_item .ago {
  postion: absolute;
  bottom: 0px;
  right: 0px;
  font-style: normal;
  color: #888;
  font-size: 11px;
  padding-top: 4px; }

#rightBar .feedContainer h2 {
  padding: 0 0 0 5em; }

#rightBar .admin ul {
  margin-top: 1em;
  margin-left: 2em; }
  #rightBar .admin ul li {
    font-size: 1.2em;
    list-style-type: square; }

#rightBar .adminBox {
  border: 2px solid #FEE;
  padding: 10px;
  margin-bottom: 10px; }

#rightBar .fanclub h2 {
  background-image: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/fanclub/fanclub_icon.png");
  padding: 0 0 0 4.5em; }
#rightBar .fanclub p {
  padding-top: 1em;
  line-height: 1.4em; }
#rightBar .fanclub ul {
  margin-top: 1em;
  margin-left: 2em; }
  #rightBar .fanclub ul li {
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: square; }
    #rightBar .fanclub ul li a {
      font-size: 1.3em;
      font-weight: bold; }

#rightBar .synopsis h2 {
  background-image: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/synopsis_icon.png");
  padding: 0 0 0 4.5em; }
#rightBar .synopsis p {
  padding-top: 1em;
  line-height: 1.4em;
  font-size: 1.2em; }

#rightBar .featured h2 {
  background-image: url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/podcast_icon.png");
  height: 4em; }
#rightBar .featured h3 {
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0.5em;
  line-height: 0.7em;
  color: #434c56; }
#rightBar .featured .featuredItem {
  margin-top: 20px;
  overflow: hidden; }
  #rightBar .featured .featuredItem .image {
    float: left;
    width: 100px; }
  #rightBar .featured .featuredItem .content {
    width: 200px;
    float: right; }
    #rightBar .featured .featuredItem .content img {
      vertical-align: middle; }
    #rightBar .featured .featuredItem .content h4 {
      padding-top: 0; }
    #rightBar .featured .featuredItem .content p {
      padding-bottom: 10px;
      padding-left: 3px; }
    #rightBar .featured .featuredItem .content p.summary {
      color: #888888; }

#rightBar #leaderBoardContainer h2 {
  padding: 0 0 0 5em;
  height: 4em; }
#rightBar #leaderBoardContainer #userList ul {
  margin-top: 1em; }
  #rightBar #leaderBoardContainer #userList ul li.user {
    padding: 0.5em 0.5em; }
    #rightBar #leaderBoardContainer #userList ul li.user a, #rightBar #leaderBoardContainer #userList ul li.user .rank {
      font-size: 1.2em;
      font-weight: bold; }
    #rightBar #leaderBoardContainer #userList ul li.user .rank {
      width: 2em;
      margin-right: 1em;
      color: #434c56; }
    #rightBar #leaderBoardContainer #userList ul li.user .points {
      font-size: 1.2em;
      float: right; }
  #rightBar #leaderBoardContainer #userList ul li.ellipsis {
    padding: 0.5em 0.5em;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em; }
  #rightBar #leaderBoardContainer #userList ul li.user.highlighted {
    background-color: #D2D6E1; }
  #rightBar #leaderBoardContainer #userList ul li:nth-child(even) {
    background-color: #f1f1f1; }

/*
*
*	Notifications
*
*/
#notificationBar {
  height: auto;
  padding: 5px 0px; }

.notice {
  border-top: 1px solid #F7E48F;
  border-bottom: 1px solid #FEDB5B;
  color: #BD861D;
  background: #F7E48F;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7eab8), to(#fee18a));
  background: -moz-linear-gradient(top, #f7eab8, #fee18a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7EAB8', endColorstr='#FEE18A'); }

.error {
  border-top: 1px solid #F69696;
  border-bottom: 1px solid #F57A72;
  color: #A64846;
  /* background: url('/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/close.png') no-repeat; */
  background: #FAC2BE;
  background: -webkit-gradient(linear, left top, left bottom, from(#facece), to(#f69696));
  background: -moz-linear-gradient(top, #fac2be, #f69486);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAC2BE', endColorstr='#F69486'); }

#notificationBar .message {
  width: 550px;
  margin: 10px auto;
  position: relative;
  overflow: auto; }

#notificationBar .title {
  line-height: 16px;
  font-size: 16px;
  font-weight: normal;
  width: 400px;
  float: left;
  text-align: left;
  margin: 5px; }

#notificationBar .noticeButton {
  font-size: 16px !important;
  line-height: 16px !important;
  color: #8D460D !important;
  margin: 0px 30px !important;
  width: 50px;
  float: left; }

#announcementBox, #activationBox {
  width: 75%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 3px solid #cfd3dd;
  color: #434c56;
  padding: 1em;
  margin: 0 auto 1em auto;
  width: 694px;
  background-color: #f1f1f1; }
  #announcementBox .message, #activationBox .message {
    overflow: hidden; }
  #announcementBox h2, #activationBox h2 {
    font-weight: bold;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 8px; }
  #announcementBox .title, #activationBox .title {
    font-size: 16px;
    float: left;
    width: 80%; }
  #announcementBox .btn, #activationBox .btn {
    position: relative;
    top: -26px;
    float: right; }
  #announcementBox a, #activationBox a {
    color: #888888; }
  #announcementBox a:hover, #activationBox a:hover {
    text-decoration: underline; }

#activationBox {
  margin-top: 1em;
  background-color: #ffeeee;
  border-color: #aa0033; }
  #activationBox h2 {
    color: #aa0033; }

/*
*
*	Signup message
*
*/
#homepageSignupMessage {
  width: 900px;
  height: 140px;
  margin: 20px auto;
  padding: 20px 30px;
  color: #464;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.5em;
  position: absolute;
  top: 0px;
  left: 0px;
  /*
  	
  background: #F0F6EA;
  height: auto;
  border: 2px solid #A7CAB5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  
  background: #F6F9EE;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5FAF0), to(#F0F6EA));
  background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
  
  */
  background: url(/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/callout_fade_flat.png) no-repeat 0% 0%; }

.short {
  background: url(/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/callout_fade_short_flat.png) no-repeat 0% 0% !important; }

#homepageSignupMessage a {
  color: #464;
  font-weight: bold; }

#homepageSignupMessage a:hover {
  color: #464;
  font-weight: bold;
  text-decoration: underline; }

#homepageSignupMessage .strong {
  color: #789A85;
  display: inline;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1.5em;
  opacity: 1; }

#homepageSignupMessage .joinButton {
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  color: #000;
  line-height: 20px;
  opacity: .7;
  width: 150px;
  padding: 6px 10px;
  white-space: nowrap; }

#homepageSignupMessage .joinButton a {
  color: #000;
  text-shadow: -1px -1px 1px #ffe880;
  text-decoration: none; }

#mainContainer.media * {
  color: #5F5F56;
  font-size: 16px;
  font-weight: normal; }
#mainContainer.media p {
  padding-bottom: 20px; }
#mainContainer.media #formContainer {
  margin-left: 50px; }
#mainContainer.media h1 {
  font-size: 28px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px; }
  #mainContainer.media h1 a {
    font-size: inherit;
    font-weight: inherit; }

/*
*
*		Administration 
*
*/
.tagsContainer {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0px;
  line-height: 30px; }

.addBtn {
  line-height: 10px; }

.tagItem {
  padding: 7px 10px;
  margin: 6px 7px 6px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #888;
  line-height: 20px;
  white-space: nowrap; }

.tagItem.red {
  border: 1px solid #FAA;
  background-color: #FEE;
  color: #D66; }

.tagItem.blue {
  border: 1px solid #AAF;
  background-color: #EEF;
  color: #66D; }

.newTag {
  padding: 2px;
  font-size: 14px;
  border: 1px solid #DDD; }

.removeTag {
  cursor: pointer; }

#mediaList {
  max-height: 600px;
  width: 100%;
  overflow: auto; }

listNav {
  margin: 0 0 10px; }

.ln-letters {
  overflow: hidden; }

.ln-letters a {
  font-size: 1.5em;
  display: block;
  float: left;
  padding: 2px 6px;
  border: 1px solid silver;
  border-right: none;
  text-decoration: none; }

.ln-letters a.ln-last {
  border-right: 1px solid silver; }

.ln-letters a:hover,
.ln-letters a.ln-selected {
  background-color: #eaeaea; }

.ln-letters a.ln-disabled {
  color: #ccc; }

.ln-letter-count {
  text-align: center;
  font-size: 0.8em;
  line-height: 1;
  margin-bottom: 3px;
  color: #336699; }

/*
*
*		The Grid System
*
*/
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 10px; }

.last {
  margin-right: 0; }

.span-1 {
  width: 30px; }

.span-2 {
  width: 70px; }

.span-3 {
  width: 110px; }

.span-4 {
  width: 150px; }

.span-5 {
  width: 190px; }

.span-6 {
  width: 230px; }

.span-7 {
  width: 270px; }

.span-8 {
  width: 310px; }

.span-9 {
  width: 350px; }

.span-10 {
  width: 390px; }

.span-11 {
  width: 430px; }

.span-12 {
  width: 470px; }

.span-13 {
  width: 510px; }

.span-14 {
  width: 550px; }

.span-15 {
  width: 590px; }

.span-16 {
  width: 630px; }

.span-17 {
  width: 670px; }

.span-18 {
  width: 710px; }

.span-19 {
  width: 750px; }

.span-20 {
  width: 790px; }

.span-21 {
  width: 830px; }

.span-22 {
  width: 870px; }

.span-23 {
  width: 910px; }

.span-24 {
  width: 950px;
  margin-right: 0; }

.append-1 {
  padding-right: 40px; }

.append-2 {
  padding-right: 80px; }

.append-3 {
  padding-right: 120px; }

.append-4 {
  padding-right: 160px; }

.append-5 {
  padding-right: 200px; }

.append-6 {
  padding-right: 240px; }

.append-7 {
  padding-right: 280px; }

.append-8 {
  padding-right: 320px; }

.append-9 {
  padding-right: 360px; }

.append-10 {
  padding-right: 400px; }

.append-11 {
  padding-right: 440px; }

.append-12 {
  padding-right: 480px; }

.append-13 {
  padding-right: 520px; }

.append-14 {
  padding-right: 560px; }

.append-15 {
  padding-right: 600px; }

.append-16 {
  padding-right: 640px; }

.append-17 {
  padding-right: 680px; }

.append-18 {
  padding-right: 720px; }

.append-19 {
  padding-right: 760px; }

.append-20 {
  padding-right: 800px; }

.append-21 {
  padding-right: 840px; }

.append-22 {
  padding-right: 880px; }

.append-23 {
  padding-right: 920px; }

.prepend-1 {
  padding-left: 40px; }

.prepend-2 {
  padding-left: 80px; }

.prepend-3 {
  padding-left: 120px; }

.prepend-4 {
  padding-left: 160px; }

.prepend-5 {
  padding-left: 200px; }

.prepend-6 {
  padding-left: 240px; }

.prepend-7 {
  padding-left: 280px; }

.prepend-8 {
  padding-left: 320px; }

.prepend-9 {
  padding-left: 360px; }

.prepend-10 {
  padding-left: 400px; }

.prepend-11 {
  padding-left: 440px; }

.prepend-12 {
  padding-left: 480px; }

.prepend-13 {
  padding-left: 520px; }

.prepend-14 {
  padding-left: 560px; }

.prepend-15 {
  padding-left: 600px; }

.prepend-16 {
  padding-left: 640px; }

.prepend-17 {
  padding-left: 680px; }

.prepend-18 {
  padding-left: 720px; }

.prepend-19 {
  padding-left: 760px; }

.prepend-20 {
  padding-left: 800px; }

.prepend-21 {
  padding-left: 840px; }

.prepend-22 {
  padding-left: 880px; }

.prepend-23 {
  padding-left: 920px; }