body {
  margin-top: 5px;
  background: #ffffff url('/images/body_background.jpg') repeat-x 0px 5px; }

form.formatted {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal; }
  form.formatted label {
    width: 150px;
    height: 22px;
    line-height: 22px;
    float: left;
    clear: both;
    margin-bottom: 3px;
    position: relative; }
  form.formatted label.blank {
    clear: none;
    width: auto; }
  form.formatted input {
    float: left;
    margin-bottom: 3px;
    position: relative; }
  form.formatted textarea {
    float: left;
    margin-bottom: 3px; }
  form.formatted select {
    float: left;
    margin-bottom: 3px; }
  form.formatted input[type=submit] {
    margin-left: 150px;
    clear: both; }
  form.formatted .form_row {
    float: left;
    line-height: 22px; }
    form.formatted .form_row select {
      float: none; }
  form.formatted div.back {
    width: 150px;
    float: left; }
  form.formatted input[type=submit].back {
    margin: 0px;
    clear: none; }
  form.formatted select {
    margin-right: 5px; }
  form.formatted img.paperclip_preview {
    margin: 5px; }
  form.formatted .explanation {
    font-size: 8pt;
    color: #777;
    margin-left: 150px;
    clear: both;
    margin-bottom: 4px; }
  form.formatted .error {
    margin-left: 150px;
    font-size: 8pt;
    color: #f00;
    clear: both; }
  form.formatted .remove_link {
    float: right; }

ul.table {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  border-top: 1px solid #eee; }
  ul.table li {
    line-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #eee;
    clear: both; }
    ul.table li .handle {
      width: 50px;
      height: 50px;
      margin-right: 10px;
      float: left;
      text-align: center;
      font-size: 8pt; }
    ul.table li .title {
      width: 430px;
      margin-right: 10px;
      float: left;
      border: 0px; }
      ul.table li .title h1, ul.table li .title h2, ul.table li .title h3, ul.table li .title h4, ul.table li .title h5, ul.table li .title h6 {
        margin: 0px; }
      ul.table li .title h4 {
        font-size: 16px;
        line-height: 18px; }
      ul.table li .title p {
        font-size: 8pt;
        margin: 0px 0px 8px 0px; }
    ul.table li .icons {
      width: 125px;
      float: right; }
      ul.table li .icons p {
        margin: 3px 0px 6px 0px; }
    ul.table li ul.table {
      border: 0px; }

#container {
  width: 1000px;
  margin: 0px auto 0px auto;
  text-align: left;
  position: relative;
  overflow: hidden; }
  #container #header {
    width: 100%;
    height: 138px;
    background: url('/images/header.jpg') no-repeat;
    position: relative;
    margin-bottom: 5px; }
  #container #menu {
    height: 30px;
    position: relative;
    top: -5px; }
    #container #menu ul {
      list-style: none;
      padding: 0px;
      margin: 0px 0px 0px 10px; }
      #container #menu ul li {
        float: left;
        margin: 0px 15px 0px 0px; }
    #container #menu ul.float_right li {
      float: left;
      margin: 0px 0px 0px 15px; }
  #container #content {
    width: 625px;
    margin: 10px 0px 0px 10px;
    float: left;
    display: inline;
    position: relative; }
    #container #content .avatar {
      width: 100px;
      float: right;
      text-align: center;
      margin: 0px 0px 5px 20px;
      position: relative; }
      #container #content .avatar span {
        margin: 0px;
        display: inline-block; }
    #container #content p.admin {
      padding: 2px 3px 4px 3px;
      margin: 1px 0px 3px 0px;
      border: 1px dashed #faa;
      background: #fee;
      text-align: right; }
      #container #content p.admin a {
        color: #ff1a00; }
    #container #content .filters {
      clear: both;
      margin: 0px;
      display: inline; }
    #container #content .project {
      width: 220px;
      float: left;
      margin-right: 20px; }
    #container #content .center {
      width: 385px;
      text-align: left;
      float: left; }
    #container #content #posts .post {
      margin: 10px 0px 10px 0px;
      border-bottom: 1px solid #ddd; }
      #container #content #posts .post .content {
        margin: 5px 0px;
        overflow: hidden; }
    #container #content .published {
      border: 2px dashed #ff1a00;
      color: #ff1a00;
      background: #fee;
      padding: 5px;
      font-weight: normal;
      letter-spacing: 1px;
      margin: 8px 0px; }
    #container #content .comment {
      border-bottom: 1px solid #ddd;
      margin: 5px 0px; }
      #container #content .comment .avatar {
        float: left;
        margin: 0px 20px 5px 0px; }
      #container #content .comment .body {
        width: 500px;
        float: left; }
  #container #sidebar {
    width: 300px;
    margin: 10px 0px 0px 0px;
    float: right;
    position: relative; }
    #container #sidebar form.formatted label {
      width: 100px; }
    #container #sidebar form.formatted input[type=submit] {
      margin-left: 100px; }
    #container #sidebar .box {
      padding: 5px 10px;
      margin-bottom: 15px; }
      #container #sidebar .box h4, #container #sidebar .box h5, #container #sidebar .box h6 {
        margin: 5px 0px; }
      #container #sidebar .box p {
        margin: 0px 0px 10px 0px; }
    #container #sidebar #login_box {
      background: #ff74ca; }
      #container #sidebar #login_box ul {
        list-style: none;
        padding: 0px 10px; }
        #container #sidebar #login_box ul li {
          margin: 2px 0px; }
    #container #sidebar #search_box {
      background: #a7d600; }
    #container #sidebar #calendar {
      background: #eaed13; }
    #container #sidebar #shoutbox {
      background: #a7d600; }
      #container #sidebar #shoutbox #shoutbox_text {
        height: 275px;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0px 0px 10px 0px;
        position: relative; }
        #container #sidebar #shoutbox #shoutbox_text #shoutbox_error {
          background: #fff;
          position: absolute;
          top: 0px;
          width: 100%;
          height: 100%;
          color: #f00;
          font-weight: bold;
          padding: 5px;
          opacity: 0.85; }
        #container #sidebar #shoutbox #shoutbox_text ul {
          list-style: none;
          padding: 0px;
          margin: 0px; }
          #container #sidebar #shoutbox #shoutbox_text ul li.error {
            padding: 5px;
            margin: 5px;
            background: #fee;
            border: 1px dashed #ff1a00;
            color: #f00; }
          #container #sidebar #shoutbox #shoutbox_text ul li.shout {
            margin: 0px 0px 10px 0px;
            clear: both; }
            #container #sidebar #shoutbox #shoutbox_text ul li.shout .admin {
              background: #fee;
              border: 1px dashed #f00;
              margin-bottom: 5px;
              padding: 2px 5px;
              text-align: right; }
              #container #sidebar #shoutbox #shoutbox_text ul li.shout .admin a {
                color: #f00; }
            #container #sidebar #shoutbox #shoutbox_text ul li.shout .cap {
              height: 9px;
              overflow: hidden; }
            #container #sidebar #shoutbox #shoutbox_text ul li.shout .topcap {
              background: url('/images/sb_top.gif'); }
            #container #sidebar #shoutbox #shoutbox_text ul li.shout .bottomcap {
              background: url('/images/sb_bottom.gif'); }
            #container #sidebar #shoutbox #shoutbox_text ul li.shout .content {
              background: url('/images/sb_background.gif');
              position: relative;
              width: 255px; }
              #container #sidebar #shoutbox #shoutbox_text ul li.shout .content .avatar {
                width: 35px;
                height: 35px;
                position: absolute;
                left: 0px;
                bottom: -9px;
                border: 1px solid #eaed13; }
              #container #sidebar #shoutbox #shoutbox_text ul li.shout .content .bubble {
                background: url('/images/sb_bubble.gif') no-repeat;
                width: 8px;
                height: 34px;
                position: absolute;
                bottom: -9px;
                left: 37px; }
              #container #sidebar #shoutbox #shoutbox_text ul li.shout .content .profile {
                font-size: 8pt;
                padding: 0px 5px 0px 52px;
                color: #aaa;
                margin-top: 6px; }
              #container #sidebar #shoutbox #shoutbox_text ul li.shout .content .body {
                padding: 0px 5px 0px 52px;
                overflow: hidden; }
      #container #sidebar #shoutbox #shoutbox_form .avatar {
        width: 35px;
        height: 35px;
        float: left;
        border: 2px solid white; }
      #container #sidebar #shoutbox #shoutbox_form input[type=text] {
        float: right; }
      #container #sidebar #shoutbox #shoutbox_form input[type=submit] {
        margin: 3px 0px;
        float: right;
        font-size: 8pt; }
    #container #sidebar #now_online {
      background: #ff74ca; }
    #container #sidebar #organization {
      background: #a7d600; }
      #container #sidebar #organization img {
        margin: 0px 10px 5px 0px; }
    #container #sidebar #participant {
      background: #a7d600; }
      #container #sidebar #participant #friends .friend_icon {
        width: 45px;
        margin: 2px 1px 2px 1px;
        float: left;
        text-align: center; }
      #container #sidebar #participant #friends .friend_icon.last {
        margin: 0px; }
    #container #sidebar .body {
      padding: 10px 0px; }
    #container #sidebar #new_comment_box {
      border-top: 1px dashed #00739e;
      padding-bottom: 20px; }
    #container #sidebar #attached_files {
      clear: both;
      border-top: 1px dashed #ddd;
      padding: 5px 0px; }
      #container #sidebar #attached_files h5 {
        margin: 0px; }
      #container #sidebar #attached_files ul {
        list-style: none;
        margin: 0px;
        padding: 0px; }
        #container #sidebar #attached_files ul li h4 {
          margin: 0px;
          float: left; }
        #container #sidebar #attached_files ul li .icon {
          width: 20px;
          margin-right: 10px;
          float: left;
          padding-top: 2px; }
  #container #footer {
    text-align: center;
    color: #aaa;
    font-size: 8pt;
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px solid #ddd; }
    #container #footer a {
      color: #999; }
  #container #debug {
    background: #fee;
    border: 1px dashed #f00;
    padding: 5px 10px;
    margin-top: 20px;
    clear: both; }
    #container #debug a {
      color: #f00;
      display: block;
      width: 100%;
      text-align: right;
      text-decoration: none; }