body {
  margin: 0 auto;
  padding: 0;
  width: 960px; }

h1, h2, h3 {
  margin: 0; }

#header {
  margin: 0;
  height: 235px;
  position: relative; }
  #header h1 {
    position: absolute;
    top: 25px;
    left: 10px; }
  #header h2 {
    position: absolute;
    bottom: .75em;
    width: 650px;
    font-size: 1.2em; }
    #header h2.join {
      bottom: 100px;
      left: 10px;
      width: 250px; }
      #header h2.join a {
        width: 250px;
        height: 40px;
        display: block; }
  #header form, #header .form {
    position: absolute;
    bottom: 1em;
    right: 5px;
    z-index: 2; }
    #header form input, #header .form input {
      width: 100px; }
  #header ul.menu {
    position: absolute;
    top: 68px;
    left: 20px; }
    #header ul.menu li {
      padding: 0 .35em; }

#main, #flash {
  width: 66.66%;
  overflow: auto;
  float: left; }

#flash {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 1000; }

#breadcrumbs {
  margin-bottom: 1em; }

#flash .wrapper {
  padding: 1em 2em;
  margin: 1em 1em 0 0; }

#main {
  padding-bottom: 2em; }

#side {
  float: right;
  width: 33.2%; }
  #side .wrapper {
    margin: 1em 0 0 1.5em;
    _margin-left: 0; }

#main, #side {
  position: relative; }
  #main .wrapper, #side .wrapper {
    padding: 20px 0;
    _padding: 10px; }
  #main .menu, #side .menu {
    overflow: auto;
    padding-top: 210px;
    font-size: 1.2em;
    margin-bottom: 2em; }
    #main .menu li, #side .menu li {
      padding: 0 .35em; }
  #main .col, #side .col {
    width: 50%;
    float: left;
    overflow: hidden; }
    #main .col .wrapper, #side .col .wrapper {
      padding: 0 1em 0 0; }
  #main .introduction img, #side .introduction img {
    float: left;
    padding-right: 1em; }
  #main .introduction h1 span, #side .introduction h1 span {
    font-size: .5em;
    font-weight: normal; }

#footer {
  clear: both;
  padding-top: 1em;
  border-top: 1px solid Silver; }
  #footer p {
    margin: .5em;
    font-size: .8em; }

div.tabs ul.labels {
  padding: 0;
  margin: 0;
  height: 1.4em; }
  div.tabs ul.labels li {
    float: right;
    padding: 0 .5em;
    line-height: 1.4em;
    margin: 0 .5em -1px 0; }
div.tabs .content {
  clear: both;
  display: none; }
  div.tabs .content.sel {
    display: block; }
  div.tabs .content ol li {
    padding: .5em 0; }

.cabinet {
  overflow: hidden;
  height: 2em;
  position: relative; }
  .cabinet .file {
    position: absolute;
    z-index: 200;
    opacity: 0; }

body {
  font-family: Helvetica, Arial, san-serif;
  font-size: 75%;
  color: #555; }

a {
  color: #626902;
  text-decoration: none; }

img {
  border: none; }

pre, code {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

#people .menu {
  background: url(/images/mockup/people.jpg) no-repeat; }

#projects .menu {
  background: url(/images/mockup/projects.jpg) no-repeat; }

#partners .menu {
  background: url(/images/mockup/paradise_or_bust.jpg) no-repeat; }

#header {
  margin: 0;
  height: 245px;
  position: relative;
  background: url(/images/mockup/header-island.jpg) no-repeat; }
  #header h2.join, #header h1 {
    overflow: hidden;
    text-indent: -1000px; }
  #header form input, #header .form input {
    border: 1px solid #819FB7;
    font-size: .9em; }
  #header ul.menu {
    font-size: 1.2em; }
    #header ul.menu li {
      color: White; }
      #header ul.menu li a {
        color: White; }
        #header ul.menu li a:hover {
          color: Yellow; }

#flash .wrapper {
  background: #eee;
  border: 2px solid Green;
  color: Black; }
#flash.error .wrapper {
  border-color: Red; }

#main h2, #side h2 {
  color: #626902;
  font-size: 1.5em; }
#main h3, #side h3 {
  color: #00558e; }

#main {
  border-right: 1px solid Silver; }
  #main .menu li, #main .menu a {
    color: #626902; }

#side .upgrade {
  margin-top: .5em;
  border: 2px solid Orange;
  width: 150px;
  background: yellow;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  #side .upgrade .wrapper {
    margin: 0;
    padding: .5em .5em 0 .5em; }
    #side .upgrade .wrapper h3 {
      text-align: center; }
    #side .upgrade .wrapper ul {
      margin: 0;
      padding-left: 1.5em; }
    #side .upgrade .wrapper p {
      margin: .5em 0; }

div.tabs ul.labels {
  list-style: none; }
  div.tabs ul.labels li {
    border: 1px solid Gray;
    line-height: 1.4em;
    background: #ddd;
    cursor: pointer; }
    div.tabs ul.labels li.sel {
      border-bottom-color: White;
      background: White; }
      div.tabs ul.labels li.sel a {
        color: Black; }
    div.tabs ul.labels li a {
      font-size: .9em;
      color: #00558e;
      text-decoration: none; }
div.tabs .content {
  border-top: 1px solid Gray; }
div.tabs .pic {
  text-align: center; }
  div.tabs .pic img {
    border: 1px solid Silver;
    padding: 2px; }

.error_messages {
  padding: 0 5em 0 1.5em; }
  .error_messages li {
    color: Red;
    list-style: none; }

.col dl .error_messages {
  padding: 0 0 0 0; }

input.has_errors {
  border: 2px solid Red; }

.large {
  font-size: 1.2em; }

.xlarge {
  font-size: 1.6em; }

.desc dt {
  font-weight: bold;
  font-size: 1.2em;
  margin: .75em 0 .5em 0;
  border-bottom: 1px dashed Silver; }
.desc dd {
  margin-left: 1em; }
  .desc dd a {
    text-decoration: underline; }

table.messages {
  border: 1px solid Silver;
  width: 98%; }
  table.messages th {
    text-align: left;
    background: black;
    color: White;
    padding: .25em .5em; }
  table.messages tr.unread {
    font-weight: bold; }
  table.messages tr.read {
    background-color: #eee; }
  table.messages td {
    border-bottom: 1px solid Silver;
    padding: .25em .5em;
    vertical-align: top; }

.search_term_0 {
  background: Yellow; }

.search_term_1 {
  background: Pink; }

.search_term_2 {
  background: Orange; }

.search_term_3 {
  background: Silver; }

.search_term_4 {
  background: Aqua; }

.search_term_5 {
  background: Beige; }

.order_failed {
  background: Pink; }

.order_pending {
  background: #FFDD7D; }

.order_success {
  background: #80FF00; }

.author {
  margin-top: 2px;
  overflow: auto;
  line-height: 1.3em; }
  .author img {
    width: 24px;
    padding: 2px;
    margin: -2px 5px 2px 0;
    border: 1px solid Silver;
    float: left; }
  .author .date {
    display: block; }

.blog {
  position: relative; }
  .blog img {
    padding: 2px;
    margin: 0 .5em .5em 0; }
    .blog img.no_border {
      border: none; }
    .blog img.left_border {
      border: 1px solid Silver;
      float: left; }
  .blog .blog_body {
    font-size: 1.2em;
    line-height: 1.3em; }
  .blog .blog_body small, .blog .blog_preview small {
    float: right;
    margin: -1em 1em 0 0; }

.blogs .even, .blogs .odd {
  float: left;
  width: 48%; }
.blogs .odd {
  clear: left;
  margin-right: 10px; }

.featured .blog h2 {
  margin-right: 250px; }
  .featured .blog h2 a {
    color: Maroon; }
.featured .blog .preview_image {
  float: right;
  margin: -4em 0 0 5px;
  height: 100%;
  display: block;
  padding: 0 5px;
  text-align: center; }
  .featured .blog .preview_image img {
    height: 150px;
    border: none;
    float: none; }

ul.tags {
  padding: 0;
  float: left;
  text-align: center; }

.tags li, .tags .tag {
  text-align: center;
  background: url(/images/button_blue.gif) no-repeat;
  line-height: 21px;
  width: 90px;
  list-style: none; }
  .tags li.red, .tags .tag.red {
    background-image: url(/images/button_red.gif); }
  .tags li.green, .tags .tag.green {
    background-image: url(/images/button_green.gif); }
  .tags li.brown, .tags .tag.brown {
    background-image: url(/images/button_brown.gif); }
  .tags li.forest, .tags .tag.forest {
    background-image: url(/images/button_forest.gif); }
  .tags li.purple, .tags .tag.purple {
    background-image: url(/images/button_purple.gif); }
  .tags li.sel, .tags .tag.sel {
    background-position: 0 -21px; }
  .tags li input, .tags .tag input {
    display: none; }

ul.unlist, ul.slide {
  list-style: none;
  padding: 0;
  margin: 0; }
ul.horizontal li {
  float: left; }
ul.mini {
  padding: 0 2em; }
ul.slide {
  padding-top: 1em; }
  ul.slide li {
    width: 90px;
    _width: 80px;
    text-align: center;
    float: left;
    border: 1px solid Silver;
    margin: 0 3px 3px 3px; }
    ul.slide li img {
      display: block;
      padding: 4px 4px 1em 4px; }
    ul.slide li span {
      height: 2em;
      _height: 2.5em;
      display: block; }
    ul.slide li p {
      height: 3em;
      _height: 5em;
      margin: 0; }

.sec {
  border-bottom: 1px solid Silver;
  overflow: auto;
  margin-bottom: 2em;
  padding-bottom: 1em; }

.box {
  border: 1px solid Silver;
  margin-bottom: 2em;
  padding: .5em; }
  .box img {
    border: none;
    padding: 2px; }

.dot {
  border-bottom: 1px dashed Silver;
  overflow: auto;
  padding-bottom: 5px;
  margin-top: 5px; }

.sub {
  padding-left: 2em; }

.preview {
  color: #7497b3; }
  .preview .title {
    display: block;
    color: #00558e; }
  .preview a.title:hover {
    color: #626902; }
  .preview .desc {
    display: block;
    color: Gray; }
  .preview .author, .preview .count {
    color: #7497b3; }
  .preview a.author:hover, .preview a.count:hover {
    color: #00558e; }

dl dt {
  padding: .25em 0; }
dl dd.full, dl.collapse dd.full {
  padding-left: 0;
  margin-left: 0;
  clear: left;
  text-align: center; }
dl.collapse dt {
  width: 100px;
  min-height: 1em;
  clear: left;
  float: left; }
dl.collapse dd {
  margin: 0 0 1em 100px; }
  dl.collapse dd.full {
    marging: 0 0 1em 1em; }

.col dl.collapse dd input, .col dl.collapse dd select.full {
  width: 190px;
  _width: 175px; }
.col dl.collapse dd.full input, .col dl.collapse dd.full select {
  width: inherit; }
.col dl.collapse dd input.custom {
  width: auto; }

.right {
  float: right; }

.left {
  float: left;
  margin-right: 3px; }

img.thumb {
  border: 1px solid Silver;
  padding: 2px; }

.darr {
  display: none; }

.tree_sel .rarr {
  display: none; }
.tree_sel .darr {
  display: inline; }

.rss {
  background: url(/images/rss.gif) no-repeat 0 3px;
  padding: 5px 0 5px 20px; }

.inset {
  float: right;
  overflow: auto;
  margin-right: 10px; }
  .inset img {
    width: 300px; }

.smaller {
  font-size: 0.8em; }

.clear {
  clear: both; }

#side {
  margin: 0 0 0 -1px;
  position: relative; }
  #side .submenu li {
    padding: 3px 0;
    margin: 0;
    width: 32.9%;
    text-align: center;
    background: #7497b3;
    border-right: 1px solid White;
    border-bottom: 1px solid White; }
    #side .submenu li a {
      color: White; }
    #side .submenu li ul {
      display: none;
      position: absolute;
      width: 99%;
      left: 0;
      margin: 4px 0 0 0;
      *margin-top: 2px;
      padding: 0;
      background: #b1defb; }
      #side .submenu li ul li {
        background: #b1defb;
        border: none; }
    #side .submenu li:hover, #side .submenu li.CSStoHighlight {
      background: #00558e;
      border-bottom-color: #b1defb; }
      #side .submenu li:hover a, #side .submenu li.CSStoHighlight a {
        font-weight: bold; }
      #side .submenu li:hover ul, #side .submenu li:hover ul.CSStoShow, #side .submenu li.CSStoHighlight ul, #side .submenu li.CSStoHighlight ul.CSStoShow {
        display: block; }
        #side .submenu li:hover ul li, #side .submenu li:hover ul.CSStoShow li, #side .submenu li.CSStoHighlight ul li, #side .submenu li.CSStoHighlight ul.CSStoShow li {
          width: 100%;
          _width: 316px;
          text-align: left;
          background: #b1defb; }
          #side .submenu li:hover ul li .sub, #side .submenu li:hover ul li .main, #side .submenu li:hover ul.CSStoShow li .sub, #side .submenu li:hover ul.CSStoShow li .main, #side .submenu li.CSStoHighlight ul li .sub, #side .submenu li.CSStoHighlight ul li .main, #side .submenu li.CSStoHighlight ul.CSStoShow li .sub, #side .submenu li.CSStoHighlight ul.CSStoShow li .main {
            display: block;
            border-bottom: 1px dashed White;
            margin: 0 1em;
            padding: 5px; }
            #side .submenu li:hover ul li .sub a.sub, #side .submenu li:hover ul li .main a.sub, #side .submenu li:hover ul.CSStoShow li .sub a.sub, #side .submenu li:hover ul.CSStoShow li .main a.sub, #side .submenu li.CSStoHighlight ul li .sub a.sub, #side .submenu li.CSStoHighlight ul li .main a.sub, #side .submenu li.CSStoHighlight ul.CSStoShow li .sub a.sub, #side .submenu li.CSStoHighlight ul.CSStoShow li .main a.sub {
              display: inline;
              border: none;
              margin: 0;
              padding-left: 2em; }
          #side .submenu li:hover ul li small a, #side .submenu li:hover ul.CSStoShow li small a, #side .submenu li.CSStoHighlight ul li small a, #side .submenu li.CSStoHighlight ul.CSStoShow li small a {
            font-weight: normal;
            font-size: 1em; }
          #side .submenu li:hover ul li a, #side .submenu li:hover ul.CSStoShow li a, #side .submenu li.CSStoHighlight ul li a, #side .submenu li.CSStoHighlight ul.CSStoShow li a {
            color: Gray;
            font-weight: Bold; }
            #side .submenu li:hover ul li a.sub, #side .submenu li:hover ul.CSStoShow li a.sub, #side .submenu li.CSStoHighlight ul li a.sub, #side .submenu li.CSStoHighlight ul.CSStoShow li a.sub {
              padding-left: 2em;
              font-weight: normal; }
            #side .submenu li:hover ul li a.unavailable, #side .submenu li:hover ul.CSStoShow li a.unavailable, #side .submenu li.CSStoHighlight ul li a.unavailable, #side .submenu li.CSStoHighlight ul.CSStoShow li a.unavailable {
              color: White; }
            #side .submenu li:hover ul li a:hover, #side .submenu li:hover ul.CSStoShow li a:hover, #side .submenu li.CSStoHighlight ul li a:hover, #side .submenu li.CSStoHighlight ul.CSStoShow li a:hover {
              color: #00558e; }

.sIFR-alternate {
  display: none; }

h2.destroy {
  line-height: 1.2em;
  width: 98%; }

#errorExplanation {
  color: Red; }

.tribecredits span.number {
  font-weight: bold;
  font-size: 200%; }
.tribecredits li {
  padding: 3px; }
.tribecredits dl.stats {
  font-weight: bold; }
  .tribecredits dl.stats dt {
    margin-top: 5px; }
  .tribecredits dl.stats dd {
    margin: 0;
    font-size: 150%;
    color: #000;
    padding-left: 5px; }
.tribecredits code {
  font-size: 1.1em; }

.calendar {
  margin: 10px 0 0 0; }
  .calendar td {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid White; }

.calendar th.month {
  font-size: 1.2em;
  text-decoration: underline;
  padding-bottom: .5em; }

.calendar tr.dayName th {
  background: Silver;
  color: White; }

.calendar tr.dayName abbr {
  border: none; }

.calendar tr.dayName th.Mon, .calendar tr.dayName th.Wed, .calendar tr.dayName th.Sat {
  color: Black;
  background: White;
  border: 1px solid Silver; }

.calendar td.capacity_rest a {
  background: #7497B3;
  color: White; }

.calendar td.capacity_0 a {
  background: #6FBE44;
  color: #84CC8E; }

.calendar td.capacity_1 a {
  background: #82C341;
  color: #A2D07E; }

.calendar td.capacity_2 a {
  background: #A0CC3C;
  color: #BADEA5; }

.calendar td.capacity_3 a {
  background: #BED634;
  color: #CEE4A4; }

.calendar td.capacity_4 a {
  background: #DDE126;
  color: #DDE5A1; }

.calendar td.capacity_5 a {
  background: #F3DA1B;
  color: #F6E7A0; }

.calendar td.capacity_6 a {
  background: #F1A921;
  color: #F4C9A1; }

.calendar td.capacity_7 a {
  background: #EF7E23;
  color: white; }

.calendar td.capacity_8 a {
  background: #EE5924;
  color: white; }

.calendar td.capacity_9 a {
  background: #ED3324;
  color: white; }

.calendar td.capacity_10 a, .calendar td.capacity_11 a, .calendar td.capacity_12 a {
  background: #ED3324;
  color: white; }

table.calendar td a {
  margin: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  position: relative;
  cursor: text;
  display: block; }
  table.calendar td a span.day {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.25em;
    line-height: 1.25em;
    border-right: 1px solid White;
    border-bottom: 1px solid White;
    color: Black;
    background: White;
    opacity: 0.3;
    filter: alpha(opacity=50);
    font-size: .8em; }
  table.calendar td a span.capacity {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 1.7em;
    text-align: center;
    display: none; }
    table.calendar td a span.capacity small {
      font-size: 0.5em;
      display: block; }
  table.calendar td a:hover {
    border-color: Black; }
    table.calendar td a:hover span.capacity {
      display: block; }

#calendar_month .links {
  list-style: none;
  padding: 0;
  text-align: right; }

#calendar_month .links li {
  display: inline; }

.otherMonth {
  color: Silver; }

#calendar_month #key p {
  width: 300px;
  margin: 0;
  font-style: italic; }

.calendar_date_select {
  color: white;
  border: #777 1px solid;
  display: block;
  width: 196px;
  z-index: 1000; }
  .calendar_date_select .weekdays td {
    font-weight: bold;
    background-color: #aaa;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    color: white !important; }
  .calendar_date_select .cds_time, .calendar_date_select .cds_buttons {
    text-align: center;
    padding: 5px 0px;
    background-color: #555; }
  .calendar_date_select .cds_buttons {
    background-color: #E7E8E8;
    border-top: 1px solid #777;
    border-bottom: 1px solid black; }
  .calendar_date_select .cds_footer {
    background-color: black;
    padding: 3px;
    font-size: 12px;
    text-align: center; }
  .calendar_date_select table {
    margin: 0px;
    padding: 0px; }
  .calendar_date_select .cds_header {
    background-color: #ccc;
    border-bottom: 2px solid #aaa;
    text-align: center; }
    .calendar_date_select .cds_header input.prev {
      width: 22px;
      float: left; }
    .calendar_date_select .cds_header input.next {
      width: 22px;
      float: right; }
    .calendar_date_select .cds_header input select.month {
      width: 95px; }
    .calendar_date_select .cds_header input select.year {
      width: 56px; }
  .calendar_date_select input, .calendar_date_select select {
    height: 21px;
    font-size: 13px; }
  .calendar_date_select td {
    font-size: 12px;
    width: 24px;
    height: 21px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff; }
    .calendar_date_select td.weekend {
      background-color: #eee;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd; }
    .calendar_date_select td.selected {
      background-color: #777; }
    .calendar_date_select td.hover {
      background-color: #ccc; }
    .calendar_date_select td.today {
      border: 1px dashed #999; }
    .calendar_date_select td div {
      color: #000; }
      .calendar_date_select td div.other {
        color: #ccc; }
      .calendar_date_select td div.selected div {
        color: white; }
    .calendar_date_select td .days td {
      border-bottom: 1px solid #ddd; }