html {
  background-color: #c1deef; }

body {
  background-color: #c1deef;
  font-size: 1.00em; }

img {
  border: 0; }

.hr_div {
  border-bottom: 1px solid #CCC;
  margin: 0.8em; }

.important {
  color: red; }

.flash_message {
  margin-bottom: 0.8em;
  background-color: #ffffdd; }
  .flash_message .notice {
    color: #333333; }
  .flash_message .warning {
    color: red; }

.formbox {
  padding: 1em;
  border: 1px solid #bbb;
  width: 40em;
  -moz-border-radius-topleft: 0.8em;
  -moz-border-radius-topright: 0.8em;
  -moz-border-radius-bottomleft: 0.8em;
  -moz-border-radius-bottomright: 0.8em;
  -webkit-border-top-left-radius: 0.8em;
  -webkit-border-top-right-radius: 0.8em;
  -webkit-border-bottom-left-radius: 0.8em;
  -webkit-border-bottom-right-radius: 0.8em; }

label.error {
  color: red; }

.error_messages {
  background-color: #FCA; }

.semiwhite {
  background-color: white; }

h1, h2, h3 {
  font-family: "Palatino", "Times", "Times New Roman", "Georgia", serif;
  font-size: 2em;
  margin-top: 2em;
  margin-bottom: 0em; }

h2, h3 {
  font-size: 1.5em; }

h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0.5em; }

.small {
  font-size: 0.8em; }

.leafbox {
  padding: 2em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-bottom-right-radius: 1em; }

.boombox {
  padding: 10px;
  margin: 0px;
  position: relative; }
  .boombox .heading, .boombox h1, .boombox h2, .boombox h3 {
    display: block;
    padding: 2px;
    font-size: 1.2em;
    background: #F9F7ED none repeat scroll 0 0;
    border-bottom: 1px dotted #BBBBBB;
    margin: 0.3em 0 0.3em;
    color: #212121;
    font-weight: normal;
    text-align: left; }


.list_item {
  margin-bottom: 0.5em;
  line-height: 1.1em;
  position: relative; }
  .list_item .title {
    font-family: "Verdana";
    text-decoration: none; }
  .list_item .link {
    color: gray; }
  .list_item .description {
    font-size: 0.9em;
    color: gray; }
    .list_item .description * {
      color: gray; }
  .list_item .creator {
    color: #555;
    font-size: 0.8em; }
  .list_item .created {
    color: gray;
    font-size: 0.7em; }
  .list_item.post {
    border: 1px solid #dfeadf;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #dfeadf;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-top-right-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc; }
    .list_item.post:hover {
      background-color: #e8eadf; }
    .list_item.post .right_outside {
      position: absolute;
      top: 4px;
      right: -14em;
      vertical-align: top; }
    .list_item.post .post_info {
      width: 11em; }
    .list_item.post .tabbel_body {
      position: relative; }
  .list_item.list {
    padding: 0.1em;
    margin-bottom: 0em;
    margin-left: -0.5em; }
    .list_item.list h1 {
      font-size: 1.5em;
      padding-left: 0.3em; }
      .list_item.list h1 a {
        text-decoration: none;
        color: #333333; }
        .list_item.list h1 a:visited {
          color: #333333; }
    .list_item.list .list_control {
      padding-left: 0.5em; }
      .list_item.list .list_control .list_configure, .list_item.list .list_control .list_expand {
        cursor: pointer; }
    .list_item.list .list_contents {
      margin-left: 0.5em;
      padding-left: 1.0em;
      border-left: 2px solid #BBC;
      margin-bottom: 1em;
      margin-top: 1.0em;
      -moz-border-radius-topright: 1em;
      -moz-border-radius-bottomleft: 1em;
      -webkit-border-top-right-radius: 1em;
      -webkit-border-bottom-left-radius: 1em; }
  .list_item .collapsed, .list_item .hovershow {
    display: none; }
  .list_item:hover .hovershow {
    display: inline; }
  .list_item:hover div.hovershow {
    display: block; }

.post {
  position: relative;
  padding: 1em;
  background-color: #dfeadf;
  border: 1px solid #bbb;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc; }
  .post hr {
    border: none;
    border-bottom: 1px dotted gray; }
  .post .content {
    margin-top: 1em;
    margin-bottom: 1em; }
  .post .creator {
    color: #555;
    font-size: 0.8em; }
  .post .created, .post .comment_count {
    font-style: italic;
    color: gray;
    font-size: 0.7em; }
  .post .post_info {
    margin-bottom: 1em; }

.top_right {
  position: absolute;
  top: 4px;
  right: 4px;
  vertical-align: top; }

.comments {
  margin-bottom: 1em; }

.comment {
  padding: 1em;
  padding-top: 0.1em;
  margin-bottom: 0.5em;
  border-left: 5px solid #ccc;
  background-color: #fcfcfc; }
  .comment .creator {
    color: #555;
    font-size: 0.8em; }
  .comment .created {
    font-style: italic;
    color: gray;
    font-size: 0.7em; }

.survey_content {
  padding: 1em;
  background-color: #ded;
  border: 1px solid #aaa;
  margin-bottom: 1em;
  width: 40em;
  -moz-border-radius-topleft: 0.8em;
  -moz-border-radius-topright: 0.8em;
  -moz-border-radius-bottomleft: 0.8em;
  -moz-border-radius-bottomright: 0.8em;
  -webkit-border-top-left-radius: 0.8em;
  -webkit-border-top-right-radius: 0.8em;
  -webkit-border-bottom-left-radius: 0.8em;
  -webkit-border-bottom-right-radius: 0.8em; }

.survey_answer {
  padding: 1em;
  background-color: #eed;
  margin-bottom: 1em;
  border: 1px solid #bbb;
  width: 40em;
  -moz-border-radius-topleft: 0.8em;
  -moz-border-radius-topright: 0.8em;
  -moz-border-radius-bottomleft: 0.8em;
  -moz-border-radius-bottomright: 0.8em;
  -webkit-border-top-left-radius: 0.8em;
  -webkit-border-top-right-radius: 0.8em;
  -webkit-border-bottom-left-radius: 0.8em;
  -webkit-border-bottom-right-radius: 0.8em; }
  .survey_answer .name {
    color: #966; }

.tabbel_header a {
  color: #777;
  font-size: 0.8em; }
.tabbel_header a.selected {
  color: black; }
.tabbel_header img {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7; }

.tabbel_body {
  cursor: default; }
  .tabbel_body.popup {
    position: absolute;
    background-color: #cdd;
    margin: 0.5em;
    z-index: 100;
    border: 0.5em solid gray;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-bottomright: 1em;
    -webkit-border-top-left-radius: 1em;
    -webkit-border-top-right-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -webkit-border-bottom-right-radius: 1em; }

.back_to_list {
  display: block;
  background-color: white;
  padding: 1em;
  margin-bottom: 1em; }
  .back_to_list a {
    font-family: "Palatino", "Times", "Times New Roman", "Georgia", serif;
    font-size: 1.8em;
    text-decoration: none; }
    .back_to_list a:visited {
      color: #333333; }

.user_name {
  font-weight: bold; }
