html {
  margin: 0;
  padding: 0; }

body {
  margin: 0 0 30px 0;
  padding: 0;
  color: #000000;
  background: #F7F7F7 url("../images/background.jpg") no-repeat top left;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px; }

a img {
  border: none; }

a {
  color: #01b7ff;
  text-decoration: none;
  outline: none; }
  a:hover {
    text-decoration: underline; }

form {
  margin: 0;
  padding: 0; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

ul.description {
  font-size: 140%; }

p.description {
  font-size: 140%; }
p.insignificantdescription {
  font-size: 140%;
  color: #979797; }
p.message {
  font-size: 140%; }

.flasherror {
  padding: 6px 6px 6px 30px;
  margin-bottom: 5px;
  background: #ffe4dd url("../images/exclamation.png") no-repeat 6px 6px;
  border: 1px solid #e2451c;
  color: #af1200;
  font-size: 120%;
  font-weight: bold; }

.flashnotice {
  padding: 6px 6px 6px 30px;
  margin-bottom: 5px;
  background: #FFFFFF url("../images/tick.png") no-repeat 6px 6px;
  border: 1px solid #8cbf29;
  color: #8cbf29;
  font-size: 120%;
  font-weight: bold; }

.flashmessage {
  padding: 6px 6px 6px 30px;
  margin-bottom: 5px;
  background: #FFFFFF url("../images/tick.png") no-repeat 6px 6px;
  border: 1px solid #8cbf29;
  color: #8cbf29;
  font-size: 120%;
  font-weight: bold; }

.flashwarning {
  padding: 6px 6px 6px 30px;
  margin-bottom: 5px;
  background: #fff0cc url("../images/error.png") no-repeat 6px 6px;
  border: 1px solid #d59100;
  color: #a25e00;
  font-size: 120%;
  font-weight: bold; }

.announcement {
  font-size: 100%;
  background: #ddff9c url('../images/megaphone.gif') no-repeat top right;
  padding: 15px 100px 15px 15px;
  color: #436305;
  line-height: 150%;
  margin-bottom: 10px; }
  .announcement span {
    font-weight: bold; }
  .announcement a {
    color: #436305;
    text-decoration: none;
    border-bottom: 1px dotted #8cbf29; }
    .announcement a:hover {
      border-bottom: 1px solid #8cbf29; }

.help {
  font-size: 100%;
  background: #ddff9c url('../images/lifebuoy.gif') no-repeat top right;
  padding: 15px 100px 15px 15px;
  color: #436305;
  line-height: 150%; }

.errors {
  margin: 20px 0;
  border: 2px solid #e2451c;
  padding: 15px 15px 5px 15px;
  background: #ffe4dd;
  color: #e2451c; }
  .errors ul {
    list-style-type: none;
    padding: 0;
    margin: 20px; }
  .errors li {
    padding: 0;
    margin: 0; }

#roundedcorners {
  padding: 0;
  margin: 0;
  height: 10px; }
  #roundedcorners table {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0; }
    #roundedcorners table td {
      padding: 0;
      margin: 0;
      width: 10px;
      height: 10px;
      vertical-align: top; }
      #roundedcorners table td.fill {
        width: 100%;
        background: #dfdfdf; }
      #roundedcorners table td img {
        width: 10px;
        height: 10px; }

.newroundedcorners {
  background: #dfdfdf;
  margin: 0;
  padding: 0;
  height: 10px; }
  .newroundedcorners img {
    margin: 0;
    padding: 0;
    height: 10px;
    width: 10px; }

.newroundedcornersdark {
  background: #484848;
  margin: 0;
  padding: 0;
  height: 10px; }
  .newroundedcornersdark img {
    margin: 0;
    padding: 0;
    height: 10px;
    width: 10px; }

.inv {
  margin: 0;
  padding: 0; }
  .inv img {
    margin: 0;
    padding: 0; }

.invdark {
  margin: 0;
  padding: 0;
  background: #484848; }
  .invdark img {
    margin: 0;
    padding: 0; }

#feedback {
  color: #FFFFFF;
  width: 155px;
  padding-left: 15px;
  padding-right: 10px;
  background: #484848; }
  #feedback a {
    color: #CCC; }
  #feedback hr {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #666666; }

#centercol #border {
  border: 10px solid #dfdfdf;
  border-top: none;
  border-bottom: none;
  background: #dfdfdf; }

#content {
  margin: 0;
  padding: 20px 20px 10px 20px;
  background: #FFFFFF;
  border: 1px solid #979797; }
  #content hr {
    border: none;
    border-top: 1px solid #EEEEEE;
    margin: 15px 0; }
  #content h1 {
    margin: 0;
    padding: 0;
    font-size: 210%;
    font-weight: normal; }
    #content h1 a {
      text-decoration: none;
      color: #FFAE00; }
      #content h1 a:hover {
        color: #FFFFFF;
        background: #FFAE00;
        padding: 0px 6px 0px 6px; }
  #content h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 140%; }
    #content h2 a {
      text-decoration: none;
      color: #ffae00; }
      #content h2 a:hover {
        color: #FFFFFF;
        background: #FFAE00;
        padding: 0px 6px 0px 6px; }
  #content .uldiv {
    background: #daf4ff;
    padding: 5px 0px; }
    #content .uldiv span.number {
      font-size: 170%;
      background: #01b7ff;
      padding: 5px 10px;
      color: #FFFFFF; }
    #content .uldiv span.title {
      font-size: 170%;
      margin-left: 10px; }
    #content .uldiv .right {
      margin: 4px 10px 0 0; }
  #content .lidiv {
    margin: 20px 0 20px 20px; }
  #content .form label {
    font-weight: bold;
    display: block;
    font-size: 140%; }
  #content .form span.description {
    display: block;
    color: #888888;
    width: 250px; }
  #content .form span.check_box_description {
    display: block;
    color: #888888;
    width: 250px;
    margin-left: 25px; }
  #content .form input.field {
    border: 1px solid #cccccc;
    margin-top: 5px;
    padding: 5px;
    font-size: 140%;
    width: 250px; }
  #content .form input.smallfield {
    border: 1px solid #cccccc;
    padding: 2px;
    font-size: 100%;
    width: 125px; }
  #content .form input.button {
    display: block;
    padding: 7px 15px;
    margin: 0; }
  #content .form input.smallbutton {
    display: block;
    margin-top: 10px; }
  #content .form textarea {
    border: 1px solid #cccccc;
    margin-top: 5px;
    padding: 5px;
    width: 93%;
    height: 100px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 16px; }
  #content .form span.check_box {
    font-size: 140%; }
  #content h3 {
    font-size: 100%;
    margin-bottom: 2px; }

#nav {
  padding: 5px 15px 1px 10px;
  color: #646464;
  background: #dfdfdf; }
  #nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  #nav li {
    padding: 5px 10px 5px 0px;
    font-size: 120%; }
    #nav li a {
      color: #000000;
      text-decoration: none;
      padding: 5px 10px 5px 0px;
      font-weight: bold; }
      #nav li a:hover {
        color: #01b7ff;
        margin-left: -5px;
        padding: 5px 10px 5px 5px; }
      #nav li a img {
        margin-bottom: -4px; }
  #nav hr {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #cccccc; }
  #nav p {
    padding: 0;
    margin: 5px 0 0 0; }
    #nav p a {
      color: #000000;
      text-decoration: none; }
      #nav p a:hover {
        text-decoration: underline; }
  #nav table td {
    vertical-align: top;
    padding-right: 5px; }
    #nav table td img {
      background: #FFFFFF;
      border: 1px solid #cccccc;
      border-bottom: 1px solid #979797;
      border-right: 1px solid #979797;
      padding: 3px; }
    #nav table td #usernav {
      margin-top: 1px;
      font-size: 80%; }
    #nav table td a {
      color: #646464;
      text-decoration: none; }
      #nav table td a.username {
        color: #000000;
        font-weight: bold; }
      #nav table td a:hover {
        color: #01b7ff;
        text-decoration: underline; }
  #nav #topicnav {
    background: #cccccc;
    margin: 0 0 10px -20px;
    padding: 10px 10px 10px 20px; }

#footer {
  padding: 1px 15px 0px 15px;
  background: #484848;
  color: #CCCCCC; }
  #footer table {
    width: 100%;
    margin: 0 -10px;
    border-spacing: 10px;
    margin-top: -10px; }
  #footer .title {
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 3px;
    border-bottom: 1px solid #888888; }
  #footer td {
    vertical-align: top;
    width: 33%; }
  #footer hr {
    height: 0px;
    border: none;
    border-top: 1px solid #666666;
    margin-right: 20px; }
  #footer a {
    color: #CCCCCC;
    text-decoration: none; }
    #footer a:hover {
      text-decoration: underline; }
    #footer a.external {
      padding-right: 15px;
      background: url('../images/external.png') no-repeat top right; }

.getstarted {
  background: #01B7FF url('../images/getstarted.png') no-repeat bottom left;
  color: #FFF;
  padding: 10px 20px 20px 20px;
  font-size: 140%;
  font-weight: bold;
  margin-top: 25px;
  border-bottom: 5px solid #000; }

#wrapper1 {
  margin: 30px auto 0px auto;
  width: 950px; }

#wrapper2 {
  position: relative;
  width: 100%; }

#maincol {
  position: relative; }

#leftcol {
  position: relative;
  text-align: right;
  float: left;
  width: 170px  /* for IE5/WIN */;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 150px /* actual value */;
  z-index: 100; }

#rightcol {
  position: relative;
  top: 50px;
  right: -10px;
  float: right;
  width: 200px  /* for IE5/WIN */;
  width: 180px /* actual value */;
  z-index: 99; }

#centercol {
  position: relative;
  padding: 0 170px; }

#bottom {
  position: relative;
  top: 1px;
  width: 608px;
  clear: both;
  margin: 10px 0 0 171px; }

#intro {
  margin: 10px 0 0 0;
  border-bottom: 5px solid #000000; }

#whatsonyourmind {
  background: #EEE;
  padding: 20px;
  margin-bottom: 10px; }
  #whatsonyourmind table {
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
    border-spacing: 0px;
    border-spacing: none; }
  #whatsonyourmind td.field {
    width: 100%;
    border: 2px solid #0084cc;
    border-right: none;
    background: #FFFFFF; }
  #whatsonyourmind td.button {
    border: 2px solid #0084cc;
    border-left: none;
    background: #01B7FF; }
  #whatsonyourmind input.field {
    padding: 0px 0px 0px 8px;
    font-size: 200%;
    font-weight: bold;
    height: 30px;
    border: 0;
    width: 90%;
    outline: 0 none; }
  #whatsonyourmind input.button {
    border-left: none;
    background: #01B7FF;
    padding: 17px 10px 17px 10px;
    outline: 0 none; }
  #whatsonyourmind .examples {
    color: #666666;
    margin: 0;
    padding: 0;
    font-size: 140%; }

#topic_header {
  padding-bottom: 10px; }
  #topic_header .info {
    font-size: 100%;
    color: #979797; }
    #topic_header .info a:hover {
      color: #01b7ff; }
  #topic_header .report {
    margin: -10px 0 30px 0; }
    #topic_header .report a {
      color: #979797; }
      #topic_header .report a:hover {
        color: #01b7ff; }
  #topic_header h3 {
    display: block;
    font-weight: bold;
    color: #000;
    margin-top: 0; }
    #topic_header h3 a {
      font-weight: normal; }
  #topic_header #help_participants {
    margin: 10px 0; }
  #topic_header #help_subscription {
    margin: 10px 0; }
  #topic_header #help_publicurls {
    margin: 10px 0; }
  #topic_header p {
    margin-top: 7px;
    font-size: 140%;
    margin-bottom: 20px; }
    #topic_header p.participants {
      line-height: 240%;
      font-size: 100%; }
      #topic_header p.participants .leave {
        color: #e2451c; }
  #topic_header .subscription {
    font-size: 100%;
    margin-top: -10px;
    margin-bottom: 15px; }
    #topic_header .subscription a {
      color: #979797; }
      #topic_header .subscription a:hover {
        color: #01b7ff; }
    #topic_header .subscription span a {
      color: #01b7ff; }
  #topic_header span img {
    margin-bottom: -3px; }
  #topic_header span a {
    color: #000; }
  #topic_header span.current_author {
    margin-right: 0px;
    padding: 3px 6px;
    background: #FFF1A5;
    border-bottom: 1px solid #D5C21D; }
  #topic_header span.hide {
    margin-right: 2px;
    padding: 3px 6px;
    background: #FFD162;
    border-bottom: 1px solid #CF8F29;
    border-right: 1px solid #CF8F29; }
    #topic_header span.hide a {
      color: #9C4900;
      font-weight: bold; }
      #topic_header span.hide a:hover {
        color: #000; }
  #topic_header span.other_author {
    margin-right: 2px;
    padding: 3px 6px;
    background: #EEE;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD; }
  #topic_header .help {
    margin: 0 0 10px 0; }
  #topic_header .stats {
    float: right;
    width: 100px;
    border: 1px solid #01b7ff;
    padding: 10px;
    margin: -5px -5px 10px 10px; }
    #topic_header .stats span {
      padding: 0;
      margin: 0;
      font-size: 100%;
      color: #888888; }
      #topic_header .stats span img {
        margin-bottom: -4px; }
  #topic_header .share img {
    padding-right: 5px; }
  #topic_header #infobox {
    padding-top: 15px;
    border-top: 1px dotted #979797; }

#comments_header {
  background: #daf4ff;
  padding: 5px 0px;
  border-bottom: 5px solid #000; }
  #comments_header span.number {
    font-size: 170%;
    background: #01b7ff;
    padding: 5px 10px;
    color: #FFFFFF; }
  #comments_header span.title {
    font-size: 170%;
    margin-left: 10px; }
  #comments_header .right {
    margin: 4px 10px 0 0; }

#add_comment #add_comment_settings {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 10px; }
#add_comment textarea {
  padding: 0;
  margin: 0 0 10px 0;
  border: 1px solid #cccccc;
  border-top: none;
  width: 98%;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 16px;
  padding: 5px; }
#add_comment input {
  padding: 7px 15px;
  margin: 0; }
#add_comment span.radio_button {
  font-size: 140%; }
#add_comment .right {
  margin-top: 5px; }
#add_comment #commentanonymity table td {
  vertical-align: top;
  padding-right: 5px; }
#add_comment #commentanonymity table img {
  margin-top: 2px; }
#add_comment #commentanonymity span.message {
  font-size: 140%; }
#add_comment #commentanonymity span.description {
  color: #979797; }
#add_comment #warning {
  margin-top: 10px;
  font-size: 71%; }
  #add_comment #warning img {
    margin: 0 4px -3px 3px; }
  #add_comment #warning span {
    color: #979797; }
  #add_comment #warning a {
    color: #555555; }

#comments {
  margin-top: 10px; }
  #comments .up {
    margin-bottom: -2px; }
  #comments .down {
    margin-bottom: -4px; }
  #comments .reply {
    margin-bottom: -4px; }
  #comments .comment {
    padding: 5px 0; }
    #comments .comment table {
      width: 100%;
      margin: 0;
      padding: 0;
      border-spacing: 0px; }
      #comments .comment table td {
        vertical-align: top;
        padding: 5px 0; }
        #comments .comment table td.header {
          border-right: 1px dotheated #cccccc; }
        #comments .comment table td.author {
          text-align: right;
          padding-right: 10px;
          width: 100%; }
          #comments .comment table td.author .identifier {
            font-weight: bold; }
          #comments .comment table td.author .email {
            font-size: 80%;
            color: #979797; }
          #comments .comment table td.author .avatar {
            width: 35px;
            padding-left: 15px; }
          #comments .comment table td.author .date {
            font-size: 80%;
            color: #979797; }
          #comments .comment table td.author a {
            color: #000; }
            #comments .comment table td.author a:hover {
              color: #01b7ff; }
        #comments .comment table td.avatar img {
          border: 1px solid #cccccc;
          border-bottom: 1px solid #979797;
          border-right: 1px solid #979797;
          padding: 2px;
          width: 33px;
          height: 33px;
          margin: 0 10px 0 0px;
          background: #FFFFFF; }
        #comments .comment table td.number {
          padding-top: 7px;
          padding-left: 7px;
          color: #979797;
          font-style: italic;
          width: 15px; }
        #comments .comment table td.content {
          padding-left: 10px;
          font-size: 120%;
          width: 300px; }
          #comments .comment table td.content span.stats {
            display: block;
            font-size: 71%;
            padding-top: 5px;
            color: #979797; }
            #comments .comment table td.content span.stats span {
              font-weight: bold;
              color: #000; }
          #comments .comment table td.content p {
            margin: 0 0 10px 0; }
          #comments .comment table td.content ul {
            padding-left: 30px; }
          #comments .comment table td.content ol {
            padding-left: 30px; }

#invite .background {
  border-top: 1px dotted #cccccc; }
#invite .left {
  width: 50%;
  border-right: 1px dotted #cccccc;
  padding-right: 10px; }
  #invite .left #authors {
    height: 350px;
    *margin-left: -20px; }
  #invite .left input {
    *margin-left: -20px; }
#invite .right {
  padding: 0 10px 0 15px;
  width: 43%; }
  #invite .right h2 {
    margin-bottom: 0; }
  #invite .right hr {
    padding: 0;
    margin: 0; }
  #invite .right a {
    font-weight: bold;
    text-decoration: none; }
  #invite .right img {
    margin: 10px 0 10px 0; }
  #invite .right .contact_name {
    font-weight: bold;
    text-decoration: none;
    color: #000; }
  #invite .right #frame {
    margin-top: 5px;
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cccccc;
    padding: 5px; }
#invite p {
  font-size: 100%;
  margin-bottom: 10px; }
  #invite p .error {
    color: #e2451c; }
#invite .clear {
  padding: 5px; }
#invite input.submit {
  margin-top: 10px; }

.threads {
  margin: 15px 0 15px 0; }
  .threads table {
    border-spacing: 0px;
    width: 100%; }
    .threads table td {
      padding-right: 20px;
      vertical-align: topid; }
      .threads table td.number {
        color: #cccccc;
        width: 18px;
        text-align: right;
        font-style: italic;
        vertical-align: top;
        padding-top: 3px; }
        .threads table td.number a {
          color: #979797; }
          .threads table td.number a:hover {
            color: #01b7ff; }
      .threads table td.responses {
        width: 15%;
        vertical-align: top;
        padding-top: 3px; }
        .threads table td.responses img {
          margin-bottom: -4px; }
      .threads table td.view {
        width: 10%;
        vertical-align: top;
        padding-top: 3px; }
      .threads table td .title a {
        color: #000;
        font-weight: bold;
        font-size: 120%; }
      .threads table td .description_link {
        font-size: 100%;
        font-weight: normal; }
      .threads table td .date {
        color: #979797;
        display: block; }
      .threads table td .description {
        color: #979797; }

#top {
  text-align: right;
  padding: 10px 5px; }

#abuse {
  font-size: 140%;
  background: #dfdfdf;
  padding: 10px 20px; }
  #abuse span {
    font-family: monospace;
    font-weight: bold; }

#editprofileform .form {
  margin: 30px 0 0px 0; }
#editprofileform img {
  border: 1px solid #cccccc;
  border-bottom: 1px solid #979797;
  border-right: 1px solid #979797;
  padding: 3px;
  margin-right: 10px; }
#editprofileform table {
  margin: 0 0 10px 0;
  border-spacing: 0; }
  #editprofileform table td {
    vertical-align: top; }
#editprofileform input.filefield {
  font-size: 80%; }
#editprofileform .filefield {
  border: none; }


#nest {
  float: right;
  margin: 25px 25px 0 0; }

#colouregg {
  float: right;
  margin: 0px 50px 0 0; }

.bigavatar {
  border: 1px solid #cccccc;
  padding: 5px; }

#team {
  margin-top: 10px;
  font-size: 140%; }
  #team img {
    padding: 3px;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #979797;
    border-right: 1px solid #979797; }
  #team p {
    margin: 0;
    padding: 0; }
  #team td {
    vertical-align: top;
    padding-right: 10px; }
  #team span.name {
    font-weight: bold;
    display: block; }
  #team span.title {
    font-style: italic;
    display: block;
    color: #979797; }
  #team .team_details {
    font-size: 80%;
    margin: 5px 0 30px 10px; }

#team {
  font-size: 140%; }
  #team span.name {
    font-weight: bold;
    display: block; }
  #team span.title {
    font-style: italic;
    display: block;
    color: #979797; }

#team_details {
  font-size: 110%;
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: 30px; }

.why {
  font-size: 120%;
  line-height: 200%; }
  .why .hl1 {
    font-size: 140%;
    background: #ddff9c;
    padding: 5px 5px; }
    .why .hl1 span {
      border-bottom: 5px solid #8cbf29;
      padding: 5px 5px; }
  .why .hl2 {
    font-size: 140%;
    background: #daf4ff;
    padding: 5px 5px; }
    .why .hl2 span {
      border-bottom: 5px solid #01b7ff;
      padding: 3px 5px; }
  .why .hl3 {
    font-size: 140%;
    background: #ffe4dd;
    padding: 5px 5px; }
    .why .hl3 span {
      border-bottom: 5px solid #e2451c;
      padding: 3px 5px; }

.logos {
  border-spacing: 0;
  border-spacing: none;
  margin: 20px 0 10px 0; }
  .logos td {
    vertical-align: top;
    padding: 10px;
    padding-right: 50px; }