/* This is CSS for the Dashboard Page.
 * Include styles that will ONLY be used on this page.
 * coded by: Travis J. Todd
 * on: 8 Dec 2008 */
#body #content {
  padding-bottom: 0; }
#body .new {
  padding-bottom: 12px;
  background: url(/images/layout/sidebar/background.png) repeat-y right top; }
  #body .new #school_promo {
    background: url(/images/layout/school/school-bg.png) repeat;
    padding: 12px; }
    #body .new #school_promo h2 {
      font-size: 180%;
      line-height: 1.2;
      color: #115500;
      font-weight: normal;
      padding: 12px 140px 12px 12px;
      border: none;
      background: #FFF url('/images/layout/school/school-logo-small.png') no-repeat 480px 30px; }
  #body .new #dashboard {
    float: left;
    width: 456px; }
    #body .new #dashboard #flash {
      padding-bottom: 12px; }
  #body .new #profile h1 {
    padding-top: 43px; }
  #body .new #intro p {
    padding: 6px 12px; }
  #body .new h2 {
    padding: 0;
    margin-bottom: 6px;
    font-size: 110%;
    background-color: #dcdacf;
    background-image: url(/images/layout/header/dashboard-corner-right.png);
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #115500; }
    #body .new h2 a {
      display: block;
      padding: 7px 12px 6px 12px;
      color: #222222;
      background-repeat: no-repeat;
      background-position: 0 0;
      padding-left: 34px;
      background-image: url(/images/layout/header/dashboard-corner-left-minus.png); }
    #body .new h2 .hidden {
      background-image: url(/images/layout/header/dashboard-corner-left-plus.png); }
    #body .new h2 #feature-hide {
      display: inline-block;
      padding-right: 0; }
    #body .new h2 .real-link {
      padding-left: 0;
      background: none;
      display: inline-block;
      color: #115500; }
  #body .new #search-results h2 {
    padding-left: 12px;
    font-size: 100%; }
  #body .new #search-results .events {
    border-top: none; }
    #body .new #search-results .events table td {
      padding: 6px 0 3px; }
#body #activity {
  float: right;
  width: 168px;
  overflow: hidden; }
  #body #activity h2 {
    padding: 11px 12px 0;
    background: none;
    border-bottom: none; }
  #body #activity #event_search {
    background: url(/images/layout/sidebar/buckets/felt-bg.png); }
    #body #activity #event_search h2 {
      background: url(/images/layout/sidebar/buckets/felt-top.png) no-repeat 0 0;
      color: #dcdacf; }
    #body #activity #event_search ul li {
      height: 24px;
      overflow: hidden;
      padding-left: 12px;
      margin-bottom: 6px; }
      #body #activity #event_search ul li a:link, #body #activity #event_search ul li a:visited {
        display: block;
        font-weight: bold;
        padding: 4px 0 8px 8px;
        color: #dcdacf;
        background: url(/images/layout/sidebar/buckets/felt-button-clear.png) no-repeat 0 0; }
      #body #activity #event_search ul li a:hover, #body #activity #event_search ul li a:active {
        background-position: 0 -24px;
        text-decoration: none; }
    #body #activity #event_search p {
      padding-bottom: 12px;
      background: url(/images/layout/sidebar/buckets/felt-bottom.png) no-repeat bottom left; }
      #body #activity #event_search p a:link, #body #activity #event_search p a:visited {
        color: #dcdacf; }

#newsfeed {
  padding-bottom: 8px; }
  #newsfeed .newsfeed {
    padding: 5px 0 8px; }
    #newsfeed .newsfeed li {
      padding: 3px 12px; }

.more-link {
  border-top: 1px dotted #dcdacf; }

.news {
  padding-bottom: 8px; }
  .news .story {
    padding: 6px 0 6px 12px;
    border-bottom: 1px dotted #dcdacf; }
    .news .story .toggle_link {
      float: right;
      width: 12px;
      height: 12px; }
      .news .story .toggle_link a {
        display: block;
        height: 100%;
        text-indent: -9999px;
        background-image: url(/images/layout/icons/minus-beige.png);
        background-repeat: no-repeat;
        background-position: 0 0; }
    .news .story .plus a {
      background-image: url(/images/layout/icons/plus-beige.png); }
    .news .story .image {
      float: left;
      border-right: 11px solid #FFF; }
      .news .story .image .avatar {
        margin: 0; }
    .news .story .article {
      padding-right: 24px; }
      .news .story .article .heading h3 a:link, .news .story .article .heading h3 a:visited, .news .story .article .heading h3 a:hover, .news .story .article .heading h3 a:active {
        color: #222222; }
      .news .story .article .heading h4 {
        font-weight: normal;
        color: #bfbba6; }
      .news .story .article .exerpt {
        color: #89877E; }
      .news .story .article .location {
        color: #bfbba6; }
      .news .story .article .address {
        color: #222222; }
      .news .story .article .details .date {
        float: left;
        height: 39px;
        background-image: url('/images/layout/backgrounds/date-box.png');
        background-repeat: no-repeat;
        border-right: 8px solid #fff; }
        .news .story .article .details .date .month, .news .story .article .details .date .day {
          float: left;
          width: 38px;
          text-align: center;
          text-transform: uppercase; }
        .news .story .article .details .date .month {
          font-size: 90%;
          color: #fff; }
        .news .story .article .details .date .day {
          clear: left;
          font-size: 150%;
          color: #666666;
          margin-top: -3px; }
      .news .story .article p {
        padding-left: 0;
        padding-right: 0; }
  .news .more-link {
    border-top: none; }

#feature .story .article {
  padding-right: 12px; }

#forum {
  background: #dcdacf; }
  #forum #forum-list {
    padding: 0 12px; }
    #forum #forum-list li {
      clear: both;
      padding-top: 6px; }
      #forum #forum-list li .avatar {
        float: left;
        margin: 3px 6px 6px 0; }
      #forum #forum-list li .post {
        float: right;
        display: block;
        width: 112px; }
        #forum #forum-list li .post .user a:link, #forum #forum-list li .post .user a:visited {
          color: #222222; }

.profile-progress-bar {
  background: #bed779;
  border: 1px #b6d069 #dcdad0;
  padding: 8px 10px;
  margin-bottom: 6px;
  height: 1%; }
  .profile-progress-bar p {
    padding: 0;
    margin: 0;
    font-weight: bold;
    padding-left: 6px;
    color: #115500; }

#hand {
  padding-bottom: 12px; }
  #hand .played div, #hand .unplayed div {
    float: left;
    width: 33px;
    height: 48px;
    margin-left: 6px;
    text-indent: -9999px; }
  #hand .played .spades, #hand .unplayed .spades {
    background-image: url(/images/cards/big/s.png); }
  #hand .played .clubs, #hand .unplayed .clubs {
    background-image: url(/images/cards/big/c.png); }
  #hand .played .hearts, #hand .unplayed .hearts {
    background-image: url(/images/cards/big/h.png); }
  #hand .played .diamonds, #hand .unplayed .diamonds {
    background-image: url(/images/cards/big/d.png); }
  #hand .played .back, #hand .unplayed .back {
    background-image: url(/images/cards/big/back.png); }
  #hand .played .ace, #hand .unplayed .ace {
    background-position: 0 0; }
  #hand .played .king, #hand .unplayed .king {
    background-position: 198px 0; }
  #hand .played .queen, #hand .unplayed .queen {
    background-position: 165px 0; }
  #hand .played .jack, #hand .unplayed .jack {
    background-position: 132px 0; }
  #hand .played .ten, #hand .unplayed .ten {
    background-position: 99px 0; }
  #hand .played .nine, #hand .unplayed .nine {
    background-position: 66px 0; }
  #hand .played .eight, #hand .unplayed .eight {
    background-position: 33px 0; }
  #hand .played .seven, #hand .unplayed .seven {
    background-position: 0 48px; }
  #hand .played .six, #hand .unplayed .six {
    background-position: 198px 48px; }
  #hand .played .five, #hand .unplayed .five {
    background-position: 165px 48px; }
  #hand .played .four, #hand .unplayed .four {
    background-position: 132px 48px; }
  #hand .played .three, #hand .unplayed .three {
    background-position: 99px 48px; }
  #hand .played .two, #hand .unplayed .two {
    background-position: 66px 48px; }
  #hand .thanks, #hand #hand_form {
    float: right;
    width: 250px; }
    #hand .thanks p, #hand .thanks input, #hand #hand_form p, #hand #hand_form input {
      padding: 8px 12px;
      border: 1px solid #448833;
      background: #115500;
      color: #dcdacf; }
    #hand .thanks input, #hand #hand_form input {
      margin-top: 3px;
      font-weight: bold;
      font-size: 110%; }
    #hand .thanks .help_link, #hand #hand_form .help_link {
      display: block;
      padding: 2px 0 0 28px;
      font-size: 90%; }

#winner {
  padding: 18px 0 0 0;
  background: url('/images/layout/backgrounds/rounded-corner-sm-top.png') no-repeat left 6px; }
  #winner #winners {
    padding-bottom: 12px;
    margin-bottom: 8px;
    background: url('/images/layout/backgrounds/rounded-corner-sm-bottom.png') no-repeat left bottom; }
    #winner #winners img {
      vertical-align: top; }
    #winner #winners #yesterday, #winner #winners #today {
      width: 225px; }
      #winner #winners #yesterday dl dd, #winner #winners #yesterday dl dt, #winner #winners #today dl dd, #winner #winners #today dl dt {
        float: left; }
      #winner #winners #yesterday dl dd, #winner #winners #today dl dd {
        clear: both;
        padding-right: 6px; }
    #winner #winners #yesterday p {
      padding-left: 0; }
    #winner #winners #today dl {
      padding-left: 12px; }