/*****************************************************************************/
/*
/* Common
/*
/*****************************************************************************/

/* Global Reset */

* {
  margin: 0;
  padding: 0;
}

html, body
{
    height: 100%;
    font-weight: normal;
}

body
{
    background-color: white;
    font: 13.34px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    *font-size: 12px;
    text-align: center;
}

table {
  font-size: inherit;
  font: 100%;
}

select,
input,
textarea {
  font: 99% Verdana, Arial, Helvetica, sans-serif;
}

select,
option {
  padding: 0 .25em;
}

input.text {
  padding: 1px 0;
}

optgroup {
  margin-top: .5em;
}

pre,
code {
  font: 115% Monaco, "Courier New", monospace;
  *font-size: 100%;
/*  line-height: 1.5em;*/
}

body * {
  line-height: 1.4em;
}

img {
  border: 0;
}

/* links */

a {
  color: #4183c4; /* blue */
  text-decoration: none;
}

a.action {
  color: #d00; /* red */
  text-decoration: underline;
}

a.action span {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clear {
  clear: both;
}

.sparkline {
  display: none;
}

.right {
  float: right;
}

.left {
  float: left;
}

.hidden {
  display: none;
}

img.help {
  vertical-align: middle;
}

.notification {
  background: #FFFBE2 none repeat scroll 0%;
  border: 1px solid #FFE222;
  padding: 1em;
  margin: 1em;
  font-weight: bold;
}

.warning {
  background: #fffccc;
  font-weight: bold;
  padding: .5em;
  margin-bottom: .8em;
  width: 30em;
}

.error_box {
  background: #FFEBE8 none repeat scroll 0%;
  border: 1px solid #DD3C10;
  padding: 1em;
  font-weight: bold;
}

abbr {
  border-bottom: none;
}

/*****************************************************************************/
/*
/* Common Layout
/*
/*****************************************************************************/

body {
  text-align: center;
}

.site {
  width: 69em;
  margin: 0 auto;
  padding: 0 3em;
  text-align: left;
}

/*****************************************************************************/
/*
/* Extra Syntax
/*
/*****************************************************************************/

.syntax .gc {
  color: #999;
  background-color: #EAF2F5;
}

/*****************************************************************************/
/*
/* Site Alert
/*
/*****************************************************************************/

#site_alert {
  margin-bottom: 1em;
}

    #site_alert p {
      margin: 0 auto;
      width: 85%;
      text-align: center;
      font-weight: bold;
      color: #fff;
      background: #000;
      padding-top: 0.3em;
    }

/*****************************************************************************/
/*
/* Header
/*
/*****************************************************************************/

#header {
  background: #fcfcfc url(/interface/header_bg.png) 0 100% repeat-x;
  height: 6.82em;
  min-width: 75em;
}

  #header a {
    color: #fff;
  }

  #header a:hover {
    text-decoration: none;
  }

  #header .logo {
    padding-top: 1.2em;
    float: left;
  }

  /* menus */

  #header .menus {
    float: right;
    color: #444;
    font-size: 100%;
    margin-top: 3.5em;
  }

    #header .menus a  {
      color: #444;
      margin-left: 0.2em;
      padding: .2em;
    }

    #header .menus a:hover {
      text-decoration: none;
      background-color: #eeeeee;
    }

  /* basic */

  #header.basic {
    border-bottom: 5px solid #ddd;
    margin-bottom: 1em;
  }

  /* userbox */

  #header .userbox {
    background: #EAF2F5;
    border: 1px solid #ddd;
    float: right;
    margin-top: 1.6em;
    width: 25em;
  }

  #header .userbox .box {
    margin: .25em .5em;
  }

    #header .userbox .gravatar {
      float: left;
    }

      #header .userbox .gravatar img {
        border: 1px solid #d0d0d0; /* gray */
        padding: 2px;
        background-color: white;
        margin-right: .7em;
      }

    #header .userbox .top {
      overflow: hidden;
    }

      #header .userbox .top .name {
        float: left;
        overflow: hidden;
        font-weight: bold;
        margin-right: .5em;
        width: 6.5em;
      }

      #header .userbox .top .name a {
        color: #000;
      }

      #header .userbox .top .links {
        font-size: 85%;
        margin-top: .2em;
        float: right;
        text-align: right;
      }

        #header .userbox .top .links a {
          color: #4183c4;
        }

        #header .userbox .top .links a:hover {
          text-decoration: underline;
        }

    #header .userbox .bottom {
      overflow: hidden;
    }
      #header .userbox .inbox {
        float: left;
        margin-top: .7em;
        background: url('/images/modules/inbox/message.png') 0 .1em no-repeat;
        padding-left: 20px;
        cursor: pointer;
      }

        #header .userbox a {
          color: #4183c4; /* blue */
        }

      #header .userbox .bottom .select {
        float: right;
        margin-top: .5em;
      }

/*****************************************************************************/
/*
/* Main
/*
/*****************************************************************************/

#main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -8.6em;
}

.push {
  height: 8.6em;
  padding-bottom: 4em;
}


/*****************************************************************************/
/*
/* Error
/*
/*****************************************************************************/

#error {
  margin-top: 2em;
  text-align: center;
}

  #error h1 {
    font-size: 140%;
    margin-top: 1em;
  }

  #error ul {
    padding-left: 1em;
  }

  #error .status500,
  #error .status404 {
    width: 32em;
    margin: 10px auto;
    text-align: left;
  }

    #error .status500 p,
    #error .status404 p {
      font-weight: bold;
      margin: 10px 0;
    }

  #error .maintenance {
    text-align: center;
  }

    #error .maintenance p {
      text-align: center;
      font-weight: bold;
    }

/*****************************************************************************/
/*
/* Standard Form
/*
/*****************************************************************************/

.standard_form {
  margin: 3em auto 0 auto;
  width: 60em;
  background-color: #eaf2f5;
  padding: 2em 2em 1em 2em;
  border: 20px solid #ddd;
}

  .standard_form h1 {
    font-size: 160%;
    margin-bottom: 1em;
  }

    .standard_form h1 a {
      font-size: 70%;
      font-weight: normal;
    }

  .standard_form p {
    margin: .5em 0;
  }

  .standard_form p.note {
    color: #a00;
  }

  .standard_form form {

  }

    .standard_form form label,
    .standard_form form .label,
    label.standard {
      font-size: 110%;
      color: #666;
      display: block;
      margin: 0;
      margin-top: 1em;
    }

      .standard_form form label a {
        font-size: 90%;
      }

      .standard_form form label.error {
        color: #a00;
      }

    .standard_form form .label label {
      margin: 0;
      color: black;
      font-size: 95%;
    }

      .standard_form form .label span {
        font-size: 90%;
        color: #888;
      }

    .standard_form form input.text,
    .standard_form form textarea {
      padding: 5px;
      border: 1px solid #888;
    }

      .standard_form form input.text {
        font-size: 110%;
      }

      .standard_form form textarea {

      }

      .standard_form form input.submit {
        font-size: 120%;
        padding: .1em 1em;
      }

      .standard_form form label.error input.text,
      .standard_form form label.error textarea {
        border: 1px solid #a00;
        background-color: #f2e1e1;
      }

/*****************************************************************************/
/*
/* Contact Form
/*
/*****************************************************************************/

#contact-form {
  margin-top: 1.3em;
}

  #contact-form td {
    padding: .5em;
  }

  #contact-form input[type='text'],
  #contact-form textarea {
    width: 30em;
  }

/*****************************************************************************/
/*
/* Profile
/*
/*****************************************************************************/

#profile {
  margin: 3em auto 0 auto;
  width: 60em;
}

/*****************************************************************************/
/*
/* Login
/*
/*****************************************************************************/

#login {
  width: 31em;
}

/*****************************************************************************/
/*
/* Forgot Password
/*
/*****************************************************************************/

#forgot_password {
  width: 31em;
}

/*****************************************************************************/
/*
/* Repo Menu
/*
/*****************************************************************************/

#repo_menu {
  background: #eaeaea url(/images/modules/repo_menu/bg.png) 0 0 repeat-x;
  text-align: left;
  overflow: hidden;
}

  #repo_menu ul {
    overflow: hidden;
    background: #f4f4f4 url(/images/modules/repo_menu/tab.png) 0 0 repeat-x;
    border-bottom: 3px solid white;
  }

    #repo_menu ul li {
      background: #f4f4f4 url(/images/modules/repo_menu/tab.png) 0 0 repeat-x;
      float: left;
      list-style-type: none;
      height: 1.6em;
      padding-top: .4em;
      border-right: 2px solid #eee;
      position: relative;
    }

    #repo_menu ul li:hover {
      background: #f4f4f4 url(/images/modules/repo_menu/tab_hover.png) 0 0 repeat-x;
    }

    #repo_menu ul li.active {
      background: white url(/images/modules/repo_menu/tab_active.png) 0 0 repeat-x;
    }

      #repo_menu ul li a {
        padding: 1em 1.25em .3em 1.25em;
        color: #979797;
        font-size: 110%;
      }

      #repo_menu ul li a:hover {
        color: black;
        text-decoration: none;
      }

    #repo_menu ul li.active a {
      color: black;
    }

/*****************************************************************************/
/*
/* Repo Sub Menu
/*
/*****************************************************************************/

#repo_sub_menu {
  height: 2.099em;
  background: #dadada url(/images/modules/repo_sub_menu/bg.png) 0 100% repeat-x;
  margin-bottom: 1.5em;
  line-height: 1.5;
}

  #repo_sub_menu .site {
    padding: .4em 1em 0 1em;
  }

    #repo_sub_menu ul {
      list-style: none;
    }

    #repo_sub_menu li {
      float: left;
      position: relative;
    }

      #repo_sub_menu li ul {
        display: none;
        position: absolute;
        z-index: 1000;
        top: 1em;
        left: 0;
        background-color: #d0d0d0;
        margin-left: 1.7em;
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        padding: .3em;
      }

      #repo_sub_menu li > ul {
        top: auto;
        left: auto;
      }

        #repo_sub_menu li ul li {
          top: auto;
          left: auto;
          float: none;
          min-width: 6em;
        }

          #repo_sub_menu li ul li a {
            margin-left: 0;
            padding: .1em .3em;
            display: block;
          }

      #repo_sub_menu li:hover ul {
        display: block;
      }

    #repo_sub_menu a {
      padding: .3em;
      margin-left: 2em;
      color: black;
    }

    #repo_sub_menu a:hover {
      text-decoration: none;
      background-color: #bbb;
    }

    #repo_sub_menu a.active {
      background-color: #eee;
    }

/*****************************************************************************/
/*
/* Home
/*
/*****************************************************************************/

#home {

}

  #home .announce {
    min-width: 75em;
    margin-top: -1em;
    background-color: #fbfbfb;
  }

    #home .announce h1 {
      font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
      font-size: 240%;
      text-align: center;
      font-weight: normal;
      color: #133855;
      padding: .75em 0;
    }

  #home .gateway {
    min-width: 75em;
    overflow: hidden;
    background: #fbfbfb; /* url(/images/modules/home/divider.png) 50% 1.7em no-repeat; */
  }

    #home .gateway .opensource {
      float: left;
      width: 34em;
    }

      /* search */

      #home .search * {
        vertical-align: top;
      }

      #home .search .label {
        color: #777;
        font-size: 100%;
        font-weight: bold;
      }

      #home .search .box input.text {
        width: 16.6em;
        height: 1em;
        font-size: 100%;
        padding: .2em 0 .2em 0;
        border: 3px solid #b4b4b4;
        margin-top: .1em;
      }
      
      #home .search .box input[type=image] {
        width: 3.223em;
        height: 3.223em;
      }

      /* featured */

      #home .featured {
        margin-top: 1.5em;
        background-color: white;
        padding: .4em .5em .4em .5em;
        border: 2px solid #f2f2f2;
        position: relative;
        margin-right: .3em;
      }

        #home .featured img {
          position: absolute;
          left: -2.549em;
          top: 0;
          width: 3.073em;
          height: 4.798em;
        }

        #home .featured .meta {

        }

          #home .featured .meta a {
            color: #369;
          }

          #home .featured .meta .user {
            font-weight: bold;
          }

          #home .featured .meta .repo {
            font-weight: bold;
            font-size: 270%;
            margin-top: -.2em;
          }

          #home .featured .meta .when {
            float: right;
            font-weight: bold;
            color: #c7c7c7;
            font-size: 95%;
          }

        #home .featured .blurb {
          color: #888;
        }

          #home .featured .blurb p {
            font-size: 110%;
          }

          #home .featured .blurb span {
            color: black;
            font-size: 105%;
          }

      /* popular */

      #home .popular {
        margin-top: .5em;
        margin-bottom: 1em;
        padding-top: 1em;
      }

        #home .popular h3 {
          font-size: 105%;
          color: #aaa;
        }

        #home .popular img {
          border: 1px solid #d0d0d0; /* gray */
          padding: 1px;
          background-color: white;
          margin-right: .1em;
          position: relative;
          top: .25em;
        }

        #home .popular a {
          color: black;
        }

          #home .popular ul {
            list-style-type: none;
          }

            #home .popular ul li {
              font-size: 125%;
              color: #888;
            }

              #home .popular ul li a.repo {
                font-weight: bold;
              }

    /* business */

    #home .gateway .business {
      float: right;
      width: 34em;
      background: transparent url(/images/modules/home/briefcases.png) 50% .8em no-repeat;
      text-align: center;
    }

      #home .gateway .business p {
        margin-top: 4.75em;
        font-size: 120%;
        color: #444;
        line-height: 1.5em;
      }

      #home .gateway .business img {
        margin: 2em auto;
        display: block;
      }

    /* stats */

    .stats h1 {
      display: inline;
    }

      .stats h1 a {
        color: #000;
        text-decoration: none;
      }

      .stats h1 a:hover {
        text-decoration: underline;
      }

    .stats h3 {
      padding-left: 0.5em;
      display: inline;
      font-size: 105%;
      color: #aaa !important;
      margin-bottom: .5em;
      border-top: none;
    }

  /* headline */

  #home .headline {
    font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
    margin-bottom: 4.2em;
  }

    #home .headline .words {
      margin-top: 1.5em;
      text-align: center;
    }

    #home .headline .tour {
      margin-top: 3em;
      text-align: center;
    }

  #home .headline h1,
  #home .headline h2 {
    text-align: center;
    font-weight: normal;
  }

    #home .headline h1 {
      font-size: 220%;
      color: #133855;
    }

    #home .headline h2 {
      font-size: 150%;
      color: #133855;
    }

  /* features */

  #home .features {
    border-top: 5px solid #ddd;
    background-color: #edf2f6;
    overflow: hidden;
    padding: 1em 2em 3em 2em;
  }

    #home .features h3 {
      font-size: 150%;
      margin-top: 1em;
    }

    #home .features p {
      font-size: 120%;
      color: #444;
      padding-bottom: 1em;
    }

    #home .features .left {
      margin-left: 7em;
      float: left;
      width: 25em;
    }

    #home .features .right {
      margin-right: 7em;
      float: right;
      width: 25em;
    }

  /* screens */

  #home .screens {
    overflow: hidden;
    border-top: 5px solid #ddd;
    border-bottom: 5px solid #ddd;
    padding: 2em 0 2.5em 0;
  }

    #home .screens .site {
      text-align: center;
      width: 68em;
      margin: 0 auto;
    }

      #home .screens h2 {
        margin-bottom: .5em;
      }

      #home .screens .screenshot {
        float: left;
        text-align: center;
        margin: 0 1em;
        width: 275px;
      }

        #home .screens .screenshot img {
          margin-bottom: .1em;
        }

/*****************************************************************************/
/*
/* Commit
/*
/*****************************************************************************/

#commit {
  overflow: hidden;
}

  #commit .group {
    border-top: 1px solid #bedce7; /* blue */
  }

  #commit .separator {
    padding-top: 1em;
  }

  #commit .envelope {
    border-bottom: 1px solid #bedce7; /* blue */
    border-left: 1px solid #bedce7; /* blue */
    border-right: 1px solid #bedce7; /* blue */
    padding: 0 .7em .7em .7em;
    background: #eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x; /* blue */
    overflow: hidden;
  }

  #commit .envelope.selected {
    background: #fffeeb !important;
  }

    #commit .envelope.selected .machine span {
      border-bottom: 1px dotted #4183c4; /* blue */
    }

    #commit.single_commit .envelope .machine span {
      border-bottom: 1px dotted #4183c4; /* blue */
    }

  #commit .human {
    padding-top: .7em;
    float: left;
    width: 40em;
  }

    #commit .human .refs {
      font-size: 150%;
    }

    #commit .human .message {
      font-size: 80%;
      font-family: Monaco, "Courier New", monospace;
    }

      #commit .human .message a {
        color: #000;
      }

    #commit .human .actor {
      clear: left;
      margin-top: .75em;
    }

      #commit .human .actor .gravatar {
        border: 1px solid #d0d0d0; /* gray */
        padding: 2px;
        background-color: white;
        float: left;
        margin-right: .7em;
      }

      #commit .human .actor .name {
        line-height: 1.5em;
      }

        #commit .human .actor .name a {
          color: #000;
        }

      #commit .human .actor .name span {
        color: #888;
        font-size: 90%;
      }

      #commit .human .actor .date {
        color: #888;
        font-size: 90%;
        line-height: 1em;
      }

  #commit .merge {
    padding-top: .7em;
  }

    #commit .merge a {
      color: #000000;
    }

  #commit .merge .gravatar {
    border: 1px solid #d0d0d0; /* gray */
    padding: 2px;
    background-color: white;
    float: left;
    margin-right: .5em;
  }

  #commit .merge .message {
    margin-top: .2em;
  }

  #commit .machine {
    float: right;
    width: 30em;
    padding: .7em 0 .7em .7em;
    border-left: 1px solid #bedce7; /* blue */
    color: #808080;
    font-family: Monaco, "Courier New", monospace;
    font-size: 0.85em;
    line-height: 1.5em;
  }

  /* oneline */

  #commit .commit_oneline {
    background: #eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x; /* blue */
  }

    #commit .commit_oneline td {
      border-bottom: 1px solid #bedce7; /* blue */
    }

    #commit .commit_oneline .date {
      color: #888;
      width: 1%;
      padding: 0 1em 0 .5em;
      border-left: 1px solid #bedce7; /* blue */
    }

    #commit .commit_oneline .author {
      width: 15%;
    }

    #commit .commit_oneline .gravatar {
      width: 1%;
    }

      #commit .commit_oneline .gravatar img {
        border: 1px solid #d0d0d0; /* gray */
        padding: 1px;
        background-color: white;
        float: left;
        margin-right: .4em;
      }

      #commit .commit_oneline .author a {
        font-weight: bold;
        color: black;
      }

    #commit .commit_oneline .message {
      font-size: 75%;
    }

      #commit .commit_oneline .message a {
        color: black;
      }

    #commit .commit_oneline .commit,
    #commit .commit_oneline .tree {
      width: 1%;
      font-family: Monaco, "Courier New", monospace;
      font-size: 90%;
      color: #808080;
      border-left: 1px solid #bedce7; /* blue */
      padding: .6em .5em;
    }

    #commit .commit_oneline .tree {
      border-right: 1px solid #bedce7; /* blue */
    }

/*****************************************************************************/
/*
/* Fork Queue
/*
/*****************************************************************************/

#integration-branch {
  background: #ffb;
  border: 1px solid #dd9;
  border-bottom: 1px solid #ffb;
  padding: 8px;
  color: #333;
}

  #integration-branch table td {
    padding: .5em .5em 0 0;
  }

    #int-info img {
      position: relative;
      top: -.1em;
    }

#forkqueue {

}

  #forkqueue .topper {
    overflow: hidden;
  }

  #forkqueue #path {
    overflow: hidden;
    float: left;
  }

    #forkqueue .legend {
      font-size: 100%;
      float: right;
      margin-top: 1.2em;
    }

      #forkqueue .legend .clean {
        border: 1px solid #ccc;
        background: #DEFFDD url(/images/modules/forkqueue/bg_clean.png) 0 100% repeat-x;
        padding: .2em .4em;
        float: right;
      }

      #forkqueue .legend .unclean {
        border: 1px solid #ccc;
        background: #FFD9D9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x;
        padding: .2em .4em;
        float: right;
        margin-left: .8em;
      }

  #forkqueue h2 {
    font-size: 120%;
    margin-bottom: .3em;
    font-weight: normal;
  }

    #forkqueue h2 a.branch {
      font-weight: bold;
    }

  #forkqueue table {
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 2em;
  }

    #forkqueue table tr td {
      background-color: #eaf2f5;
    }

    #forkqueue table tr.clean td {
      background: #DEFFDD url(/images/modules/forkqueue/bg_clean.png) 0 100% repeat-x;
    }

    #forkqueue table tr.unclean td {
      background: #FFD9D9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x;
    }

      #forkqueue table tr.unclean_failure td {
        background: #FFD9D9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x;
        border-bottom: none !important;
      }

      #forkqueue table tr.failure td {
        background: #FFD9D9;
      }

        #forkqueue table tr.failure td div.message {
          background: #FFECEC;
          padding: .5em;
          border: 1px solid #FFCCCC;
          margin-bottom: .3em;
        }

    #forkqueue table th {
      font-weight: normal;
      border-bottom: 1px solid #ccc;
      padding: .3em .6em;
      background-color: #eee;
      font-size: 95%;
    }

      #forkqueue table th select {
        margin-left: 1em;
      }

    #forkqueue table td {
      border-bottom: 1px solid #ccc;
      padding: .3em .6em;
    }

      #forkqueue table td.sha,
      #forkqueue table td.message {
        font-family: Monaco, "Courier New", monospace;
        font-size: 80%;
      }

      #forkqueue table td.checkbox {
        width: 3%;
      }

      #forkqueue table td.sha {
        width: 6%;
      }

      #forkqueue table td.human {
        font-family: Monaco, "Courier New", monospace;
        font-size: 80%;
        width: 4%;
        color: #888;
      }

      #forkqueue table td.author {
        width: 15%;
        font-weight: bold;
      }

        #forkqueue table td.author img {
          vertical-align: middle;
        }

      #forkqueue table td.message a {
        color: black;
      }

        #forkqueue table td.message a:hover {
          text-decoration: underline;
        }

      #forkqueue table td.date {
        width: 12%;
        text-align: right;
      }

      #forkqueue table td.author img {
        border: 1px solid #ccc;
        padding: 1px;
        background-color: white;
      }

      #forkqueue table td.icons {
        width: 3%;
      }

  #forkqueue tr.failure .message h2 {
    text-align: center;
  }

  #forkqueue tr.failure .message p {
    font-size: 130%;
    text-align: center;
    font-weight: bold;
  }

  #forkqueue table.compare {
    border: none;
    margin: 0;
    width: 100%;
  }

    #forkqueue table.compare td {
      padding: 0;
      width: 49.5%;
      border: none;
      background: none !important;
      vertical-align: top;
    }

      #forkqueue table.compare td form {
        text-align: center;
        margin-bottom: .75em;
      }

      #forkqueue table.compare td .confine {
        overflow: auto;
        width: 32.75em;
        border: 1px solid #ccc;
      }

    #forkqueue table.compare td.spacer {
      width: 1%
    }

    #forkqueue table.choice {
      margin: 0;
      border: none;
    }

      #forkqueue table.choice td {
        background: #f8f8f8 !important;
        font-size: 80%;
        vertical-align: middle;
      }

        #forkqueue table.choice td.lines {
          width: 1%;
          background-color: #ececec;
          color: #aaa;
          padding: 1em .5em;
          border-right: 1px solid #ddd;
          text-align: right;
        }

          #forkqueue table.choice td.lines span {
            color: #9F5E5E;
          }

        #forkqueue table.choice td.code {
          background-color: #f8f8ff !important;
          font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
          padding-left: 1em;
        }

          #forkqueue table.choice td.code span {
            color: #888;
          }

          #forkqueue table.choice td.code a {
            color: #7C94AC;
          }

#forkqueue #finalize { text-align: center; }

#forkqueue .instructions {
  border: 1px solid #aaa;
  background: #eee;
  padding: 8px;
  color: #444;
  margin-bottom: 8px;
}

/*****************************************************************************/
/*
/* Invites
/*
/*****************************************************************************/

#invite_link {
  float: right;
  font-size: 14px;
  margin-top: 18px;
  background: #fffeeb;
  padding: 3px 5px;
}

#invitee_box {
  background: #eaf2f5;
  border: 1px solid #bedce7;
  padding: 5px;
  display: none;
}

  #invitee_box div {
    background: #fff;
    border: 1px solid #ccc;
    width: 400px;
  }

  #invitee_box strong {
    margin-top: 5px;
    display: block;
  }

  #invitee_box p {
    margin-bottom:1.5em;
  }

  #invitee_box h3 {
    margin-bottom: 10px;
  }

  #invitee_box span {
    margin-left: 10px;
  }

#invitees {
  list-style: none;
  margin-bottom: 10px;
}

/*****************************************************************************/
/*
/* Path
/*
/*****************************************************************************/

#path {
  font-size: 140%;
  padding: .8em 0;
}

/*****************************************************************************/
/*
/* TOC
/*
/*****************************************************************************/

#toc {
  padding: 1.5em 0;
  font-family: Monaco, "Courier New", monospace;
  font-size: 90%;
}

  #toc ul {
    border-top: 1px solid #eee;
  }

  #toc ul li {
    list-style-type: none;
    padding: .4em 0 .4em 20px;
    border-bottom: 1px solid #eee;
  }

    #toc ul li.added {
      background: white url(/images/modules/toc/added.png) 0 50% no-repeat;
    }

    #toc ul li.removed {
      background: white url(/images/modules/toc/removed.png) 0 50% no-repeat;
    }

    #toc ul li.modified {
      background: white url(/images/modules/toc/modified.png) 0 50% no-repeat;
    }

/*****************************************************************************/
/*
/* Browser
/*
/*****************************************************************************/

#browser {
  margin-bottom: 1em;
}

  #browser table {
    border-top: 1px solid #d8d8d8; /* gray */
    border-left: 1px solid #d8d8d8; /* gray */
    border-right: 1px solid #d8d8d8; /* gray */
    width: 100%;
    font-family: Monaco, "Courier New", monospace;
    font-size: 90%;
  }

    #browser table th {
      text-align: left;
      font-weight: normal;
      background-color: #eaeaea;
      color: #999;
      padding: .5em .3em;
      border-bottom: 1px solid #d8d8d8;
    }

      #browser table .history {
        float: right;
        padding-right: 5px;
      }

    #browser table td {
      background: #f8f8f8 url(/images/modules/browser/row_bg.png) 0 100% repeat-x;
      padding: .5em .3em;
      color: #484848;
      border-bottom: 1px solid #e1e1e1;
    }

      #browser table td.icon {
        width: 1.3em
      }

      #browser table td a.message {
        color: #484848;
      }

      #browser table td span.ref {
        color: #aaa;
      }

/*****************************************************************************/
/*
/* Readme
/*
/*****************************************************************************/

#readme {
  font: 13.34px helvetica, arial, clean, sans-serif;
}

  #readme.announce {
    margin: 1em 0;
  }

  #readme.blob {
    margin-top: -1em;
  }

  #readme span.name {
    font-size: 140%;
    padding: .8em 0;
  }

  /* box */

  #readme div.plain,
  #readme div.wikistyle {
    background-color: #f8f8f8;
    padding: .7em;
    margin-top: .3em;
  }

  #readme.announce div.plain,
  #readme.announce div.wikistyle {
    border: 1px solid #e9e9e9;
  }

    #readme.blob div.plain,
    #readme.blob div.wikistyle {
      border-top: none;
    }

    /* plain formatting */

    #readme div.plain pre {
      font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
      font-size: 85%;
      color: #444;
    }

/*****************************************************************************/
/*
/* File
/*
/*****************************************************************************/

#files {

}

  #files textarea {
    font-family: Monaco, "Courier New", monospace;
    border: 1px solid #dedede; /* gray */
    font-size: 90%;
    background-color: #f8f8ff;
    padding: 5px;
  }

  #files .file {
    border: 1px solid #dedede; /* gray */
    font-family: Monaco, "Courier New", monospace;
    margin-bottom: 1em;
  }

    #files .file .meta {
      overflow: hidden;
      font-size: 90%;
      padding: .5em 1em;
      color: #666;
      background-color: #eaeaea;
      border-bottom: 1px solid #ddd;
    }

      #files .file .meta .info {
        float: left;
      }

        #files .file .meta .info span {
          margin-right: 3em;
        }

    #files .file .meta .actions {
      float: right;
      text-align: right;
    }

      #files .file .meta .actions a {
        margin-left: 2em;
      }

    #files .file .data {
      font-size: 80%;
      overflow: auto;
      background-color: #f8f8ff;
    }

    #files .image {
      padding: 1.2em;
      text-align: center;
    }

      #files .file .data pre, #files .file .line-data {
        font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
        font-size: 115%;
      }

        #files .file .data .highlight {
          padding: 1em 0;
        }

        #files .file .data .highlight .line {

        }

        #files .file .data .highlight div {
          padding-left: 1em;
        }

        #files .file .data .line_numbers {
          background-color: #ececec;
          color: #aaa;
          padding: 1em .5em;
          border-right: 1px solid #ddd;
          text-align: right;
        }

          #files .file .data .line_numbers span,
          #files .file .data .line_numbers a {
            color: #aaa;
            cursor: pointer;
          }

  #files .bubble {
    background: url(/images/modules/commit/off_comment_bubble.png) no-repeat;
    color: white;
    height: 1.4em;
    margin: -0.2em 0 0 -9.6em;
    padding: 0.1em 0.8em 0 0;
    padding-left: 0 !important;
    position: absolute;
    width: 1.5em;
    cursor: pointer;
  }

  #files .bubble.commented {
    background: url(/images/modules/commit/comment_bubble.png) no-repeat;
  }

  #files .meta .bubble {
    font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
    margin: -0.2em 0 0 -3.9em;
    height: 1.5em;
  }

  #files .empty {
    background: none;
  }

    #files .bubble span {
      display: block;
      line-height: 1.4em;
      text-align: center;
    }

/*****************************************************************************/
/*
/* Blame View
/*
/*****************************************************************************/

.blame {
  background-color: #f8f8f8 !important;
}

  .blame table tr td {
    padding: 0.2em 0.5em;
  }

  .blame .commit-date {
    color: #888;
  }

  .blame table tr.section-first td {
    border-top: 1px solid #ddd;
  }

  .blame .line-number {
    background-color: #ececec;
    color: #aaa;
    padding: 0 .5em;
    text-align: right;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  .blame .line-data {
    background-color: #f8f8ff;
    white-space: pre;
  }

/*****************************************************************************/
/*
/* Repos
/*
/*****************************************************************************/

#repos {
  margin-bottom: 1em;
}

#repos h1 {
  font-size: 160%;
}

  #repos h1 a {
    font-size: 70%;
    font-weight: normal;
  }

#repos .repo {
  margin: 1em 0;
  padding: .1em .5em .1em .5em;
}

#repos .public {
  border: 1px solid #d8d8d8;
  background-color: #f0f0f0;
}

#repos .private {
  border: 1px solid #f7ca75;
  background-color: #fffeeb;
}

  #repos .repo .title {
    overflow: hidden;
  }

    #repos .repo .title .path {
      float: left;
      font-size: 140%;
    }

      #repos .repo .title .path img {
        vertical-align: middle;
      }

      #repos .repo .title .path .button {
        margin-left: .25em;
        vertical-align: -12%;
      }

      #repos .repo .title .path span a {
        font-size: 75%;
        font-weight: normal
      }

    #repos .repo .title .security {
      float: right;
      text-align: right;
      font-weight: bold;
      padding-top: .3em;
    }

      #repos .repo .title .security * {
        vertical-align: middle;
      }

      #repos .repo .title .security img {
        position: relative;
        top: -1px;
      }

  #repos .repo .meta {
    margin: .2em 0 0 0;
    overflow: hidden;
  }

    #repos .repo .meta table {
      float: left;
      max-width: 48em;
    }

    #repos .repo .meta table td.label {
      color: #888;
      padding-right: .25em;
      vertical-align: top;
    }

    #repos .repo .meta table td span.editarea input {
      margin-top: .5em;
      margin-right: .5em;
    }

    #repos .repo .meta table td textarea {
      display: block;
      clear: right;
    }

    #repos .repo .meta table td.url {
      color: #4183c4; /* blue */
    }

    #repos .repo .meta table td.blank {
      color: #bbb;
    }

  #repos .repo .pledgie {
    float: right;
  }

  #repos .repo .commit {
    border: 1px solid #bedce7; /* blue */
    margin-top: .5em;
    padding: 0 .5em .5em .5em;
    background: #eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x; /* blue */
    overflow: hidden;
  }

    #repos .repo .commit .actor {
      float: left;
      margin-top: .5em;
    }

      #repos .repo .commit .actor .gravatar {
        border: 1px solid #d0d0d0; /* gray */
        padding: 2px;
        background-color: white;
        float: left;
        margin-right: .7em;
      }

      #repos .repo .commit .actor .name {
        line-height: 1.5em;
      }

      #repos .repo .commit .actor .name span {
        color: #888;
        font-size: 90%;
      }

      #repos .repo .commit .actor .date {
        color: #888;
        font-size: 90%;
        line-height: 1em;
      }

    #repos .repo .commit .message {
      float: left;
      padding: .5em 0 .5em .5em;
      margin-left: 2em;
      border-left: 1px solid #bedce7; /* blue */
    }

    #repos .repo .commit .machine {
      float: right;
      width: 30em;
      padding: .5em 0 .5em .5em;
      border-left: 1px solid #bedce7; /* blue */
      color: #808080;
      font-family: Monaco, "Courier New", monospace;
      font-size: 85%;
      line-height: 1.5em;
    }

  #repos .repo .diffs {
    margin-top: .5em;
  }

    #repos .repo .diffs .diff * {
      vertical-align: middle;
    }

    #repos .repo .diffs .diff img {
      position: relative;
      top: -1px;
    }

  .search-match {
    background: #fffccc;
    font-weight: bold;
  }

  .test_hook, .hook_help {
    margin-left: 5px;
    text-decoration: underline;
  }

  #import_repo h3 {
    margin-bottom: .8em;
  }

  #import_repo ul {
    margin-bottom: 2em;
  }

    #import_repo ul li {
      margin: 0 0 .8em 1.5em;
    }

/*****************************************************************************/
/*
/* Service Hooks
/*
/*****************************************************************************/

.service-hook {
  margin: 1.5em 0;
  padding: 1em;
  border: 1px solid #ccc;
  background: #f8f8f8;
  width: 40em;
}

  .service-hook legend {
    font-size: 1.2em;
    font-weight: bold;
  }

  .service-hook label {
    float: left;
    width: 7em;
  }

  .service-hook p {
    margin-top: .5em;
  }

    .service-hook input.text,
    .service-hook input.password {
      border: 1px solid #888;
      width: 33em;
    }

  .service-hook .help_box {
    margin-top: .5em;
    border: 1px solid #eee;
    padding: .8em;
    background: #fff;
  }

    .service-hook .help_box pre {
      font-size: 80%;
    }

/*****************************************************************************/
/*
/* Dashboard
/*
/*****************************************************************************/

#dashboard {
  overflow: hidden;
}

  #dashboard h1 {
    font-size: 160%;
    margin-bottom: .5em;
  }

    #dashboard h1 a {
      font-size: 70%;
      font-weight: normal;
    }

  /* news */

  .news {
    float: left;
    width: 42em;
  }
    .news blockquote {
      color: #666;
    }

    .news h1 {
      margin-bottom: 0;
    }

      .filter, .feed_filter {
        border-bottom: 1px solid #AAAAAA;
        padding-bottom: .25em;
        margin-bottom: 1em;
      }

        .filter li, .feed_filter li {
          clear: none;
          display: inline;
        }

    #dashboard .news .alert {
      padding: 0 0 1em 2em;
      overflow: hidden;
    }

      #dashboard .news .alert .body {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        padding: 0 0 1em 0;
      }

        #dashboard .news .alert .title {
          padding: 0 0 .25em 0;
          font-weight: bold;
        }

          #dashboard .news .alert .title span {
            background-color: #fff6a9;
          }

          #dashboard .news .alert .title .subtle {
            color: #bbb;
          }

        #dashboard .news .alert .gravatar {
          border: 1px solid #d0d0d0; /* gray */
          padding: 2px;
          background-color: white;
          float: left;
          margin-right: .7em;
        }

      #dashboard .news .commit {
        background: url(/images/modules/dashboard/news/commit.png) no-repeat;
      }

      #dashboard .news .commit_comment {
        background: url(/images/modules/dashboard/news/comment.png) no-repeat;
      }

      #dashboard .news .create {
        background: url(/images/modules/dashboard/news/create.png) no-repeat;
      }

      #dashboard .news .git_hub {
        background: url(/images/modules/dashboard/news/site.png) no-repeat;
      }

      #dashboard .news .delete {
        background: url(/images/modules/dashboard/news/delete.png) no-repeat;
      }

      #dashboard .news .pull_request {
        background: url(/images/modules/dashboard/news/pull_request.png) no-repeat;
      }

      #dashboard .news .fork {
        background: url(/images/modules/dashboard/news/fork.png) no-repeat;
      }

      #dashboard .news .fork_apply {
        background: url(/images/modules/dashboard/news/merge.png) no-repeat;
      }

      #dashboard .news .follow {
        background: url(/images/modules/dashboard/news/follow.png) no-repeat;
      }

      #dashboard .news .gist {
        background: url(/images/modules/dashboard/news/gist.png) no-repeat;
      }

      #dashboard .news .guide {
        background: url(/images/modules/dashboard/news/wiki.png) no-repeat;
      }

      #dashboard .news .wiki {
        background: url(/images/modules/dashboard/news/wiki.png) no-repeat;
      }

      #dashboard .news .member_add {
        background: url(/images/modules/dashboard/news/member_add.png) no-repeat;
      }

      #dashboard .news .member_remove {
        background: url(/images/modules/dashboard/news/member_remove.png) no-repeat;
      }

      #dashboard .news .watch_started {
        background: url(/images/modules/dashboard/news/watch_started.png) no-repeat;
      }

      #dashboard .news .watch_stopped {
        background: url(/images/modules/dashboard/news/watch_stopped.png) no-repeat;
      }

      #dashboard .news .delete {
        background: url(/images/modules/dashboard/news/delete.png) no-repeat;
      }

      #dashboard .news .push {
        background: url(/images/modules/dashboard/news/push.png) no-repeat;
        height: auto;
      }

        #dashboard .news .push .commits li {
          margin-left: 3.5em;
          margin-top: 1em;
          list-style-type: none;
        }

        #dashboard .news .push .commits li.first {
          margin-top: 0;
        }

          #dashboard .news .push .commits li .committer {
            padding-left: 0.5em;
          }

          #dashboard .news .push .commits li img {
            border: 1px solid #d0d0d0; /* gray */
            padding: 2px;
            background-color: white;
            float: left;
          }

          #dashboard .news .push .commits li blockquote {
            margin-left: 2.3em;
          }

  /* followers */

  #dashboard .followers {
    float: right;
    width: 35em;
    margin-bottom: 2em;
  }

    #dashboard .followers h1 {
      margin-bottom: 0.3em;
      border-bottom: 1px solid #ddd;
    }

    #dashboard .followers ul {
      list-style-type: none;
    }

      #dashboard .followers ul li {
        display: inline;
      }

      #dashboard .followers ul li img {
        border: 1px solid #d0d0d0;
        padding: 1px;
      }

  /* public news */

  #dashboard .news.public_news {
    float: right;
    width: 35em;
  }

    #dashboard .news.public_news h1 {
      margin-bottom: 0.3em;
      border-bottom: 1px solid #ddd;
    }

  #dashboard .repos {
    float: right;
    clear: right;
    width: 25em;
    margin-bottom: 2em;
  }

    #dashboard .repos h1 {
      margin-bottom: 0;
    }

    #dashboard .repos #repo_filter {
      margin-bottom: 0.6em;
    }

      #dashboard .repos #repo_filter a.filter_selected {
        color: #000;
      }

    #dashboard .repos li {
      list-style: none;
      margin-bottom: 0.25em;
      padding: .1em .5em .1em .5em;
      font-size: 130%;
    }

    #dashboard .watching li {
      font-size: 110%;
    }

    #dashboard .repos img {
      vertical-align: middle;
    }

    #dashboard .repos .public {
      border: 1px solid #d8d8d8;
      background-color: #f0f0f0;
    }

    #dashboard .repos .private {
      border: 1px solid #f7ca75;
      background-color: #fffeeb;
    }

  /* dossier */

  #dashboard .dossier {
    float: left;
    width: 32.18em;
    margin-bottom: 2em;
  }

    #dashboard .dossier .profile {

    }

      #dashboard .dossier .profile .identity {
        overflow: hidden;
      }

        #dashboard .dossier .profile .identity img {
          border: 1px solid #d0d0d0; /* gray */
          padding: 2px;
          background-color: white;
          float: left;
          margin-right: .7em;
        }

        #dashboard .dossier .profile .identity h1 {
          line-height: 56px;
        }

      #dashboard .dossier .profile .buttons {
        margin-bottom: 1.3em;
      }

      #dashboard .dossier .profile .vcard {
        border: 1px solid #888;
        background-color: #F8FFD5;
      }

        #dashboard .dossier .profile .vcard .info {
          font-size: 90%;
        }

        #dashboard .dossier .profile .vcard .field {
          overflow: hidden;
        }

          #dashboard .dossier .profile .vcard .field label {
            float: left;
            margin-right: 1em;
            display: block;
            text-align: right;
            width: 8em;
            color: #777;
            padding: .1em 0;
          }

          #dashboard .dossier .profile .vcard .field div {
            float: left;
          }

          #dashboard .dossier .profile .vcard .field a.action {
            color: #a00;
          }

    #dashboard .projects {
      margin-top: 2em;
      list-style-type: none;
    }
      #dashboard .projects.floated li {
        float: left;
        margin-right: 2em;
      }

      #dashboard .projects .project {
        border: 1px solid #d8d8d8;
        background-color: #f0f0f0;
        margin-bottom: 1em;
        padding: 0 .4em;
      }

      #dashboard .projects .project .title {
        font-size: 140%;
      }

      #dashboard .projects .project .meta {
        margin: .2em 0 0 0;
        font-style: italic;
        color: #888;
      }

      #dashboard .projects .project .graph {
        margin: .5em 0;
      }

        #dashboard .projects .project .graph .bars {
          width: 31.18em;
          height: 20px;
        }

        #dashboard .projects .project .graph img.legend {
          width: 31.18em;
        }

/*****************************************************************************/
/*
/* Inbox
/*
/*****************************************************************************/

#inbox {
  overflow: hidden;
}

  #inbox h1 {
    font-size: 160%;
    margin-bottom: .5em;
  }

    #inbox h1 a {
      font-size: 70%;
      font-weight: normal;
    }

  #inbox .actions {
    float: left;
    width: 13em;
    margin-bottom: 2em;
  }

    #inbox .actions h1 {
      color: white;
    }

    #inbox .compose {
      border-bottom: 1px solid #ddd;
      font-size: 120%;
      padding-bottom: .5em;
      margin: .3em 0 1em 0;
    }

      #inbox .actions .compose p a {
        text-decoration: none;
      }

      #inbox .actions .compose p a span {
        text-decoration: underline;
      }

    #inbox .boxes {

    }

      #inbox .boxes .new {
        font-weight: bold;
      }

      #inbox .boxes li {
        padding-bottom: .4em;
      }

    #inbox .actions p img {
      vertical-align: middle;
    }

  #inbox .write {
    width: 54em;
    float: right;
    clear: right;
  }

    #inbox .write h1 {
      border-bottom: 1px solid #aaa;
      padding-bottom: .25em;
      margin: 0;
    }

    #inbox .write form {
      background-color: #EAF2F5;
      padding: .5em 1em 1em 1em;
      border-bottom: 1px solid #ccc;
    }

      #inbox .write .buttons .send {
        padding: 0 2em;
        font-weight: bold;
      }

      #inbox .write .buttons .cancel {
        padding: 0 1em;
      }

      #inbox .write .buttons-top {
        margin-bottom: .3em;
      }

      #inbox .write .buttons-bottom {
        margin-top: .7em;
      }

      #inbox .write .field {
        overflow: hidden;
        margin: .5em 0;
      }

        #inbox .write label {
          width: 4em;
          float: left;
          text-align: right;
          padding-right: .3em;
          vertical-align: middle;
          line-height: 1.7em;
        }

        #inbox .write .field input {
          width: 38em;
          border: 1px solid #ccc;
          font-size: 120%;
          padding: .2em;
        }

      #inbox .write textarea {
        width: 45.95em;
        border: 1px solid #ccc;
        font-size: 110%;
        padding: .2em;
      }

  #inbox .list {
    width: 54em;
    float: right;
    clear: right;
  }

    #inbox .list h1 {
      border-bottom: 1px solid #aaa;
      padding-bottom: .25em;
      margin: 0;
    }

    #inbox .list .item {
      padding: 1em 0 0 2.3em;
      overflow: hidden;
      border-bottom: 1px solid #ccc;
    }

      #inbox .list .unread {
        background-color: #eaf2f5 !important;
      }

      #inbox .list .item .body {
        overflow: hidden;
        padding: 0 0 1em 0;
      }

        #inbox .list .item .del {
          float: right;
          padding-right: .5em;
        }

        #inbox .list .item .title {
          padding: 0 0 .25em 0;
          font-weight: bold;
        }

          #inbox .list .item .title span {
            background-color: #fff6a9;
          }

        #inbox .list .item .gravatar {
          border: 1px solid #d0d0d0; /* gray */
          padding: 2px;
          background-color: white;
          float: left;
          margin-right: .7em;
        }

        #inbox .list .item .details .message a.subject {
          font-weight: bold;
        }

        #inbox .list .item .details .message a.body {
          color: #23486b;
        }

      #inbox .list .pull_request {
        background: url(/images/modules/inbox/pull_request.png) .5em 1em no-repeat;
      }

      #inbox .list .unread.message {
        background: url(/images/modules/inbox/message.png) .5em 1em no-repeat;
      }

      #inbox .list .message {
        background: url(/images/modules/inbox/read_message.png) .5em 1em no-repeat;
      }

/*****************************************************************************/
/*
/* Message
/*
/*****************************************************************************/

#message {
  overflow: hidden;
}

  #message h1 {
    font-size: 160%;
    margin-bottom: .5em;
  }

    #message h1 a {
      font-size: 70%;
      font-weight: normal;
    }

  #message .actions {
    float: left;
    width: 13em;
    margin-bottom: 2em;
  }

    #message .actions h1 {
      color: white;
    }

    #message .compose {
      border-bottom: 1px solid #ddd;
      font-size: 120%;
      padding-bottom: .5em;
      margin: .3em 0 1em 0;
    }

      #message .actions .compose p a {
        text-decoration: none;
      }

      #message .actions .compose p a span {
        text-decoration: underline;
      }

    #message .boxes {

    }

      #message .boxes .new {
        font-weight: bold;
      }

      #message .boxes li {
        padding-bottom: .4em;
      }

    #message .actions p img {
      vertical-align: middle;
    }

  #message .envelope {
    float: right;
    width: 54em;
  }

    #message .envelope h1 {
      border-bottom: 1px solid #aaa;
      padding-bottom: .25em;
      margin: 0;
    }

    #message .envelope .header {
      padding: .75em 0 0 .5em;;
    }

      #message .envelope .header .gravatar {
        border: 1px solid #d0d0d0; /* gray */
        padding: 2px;
        background-color: white;
        float: left;
      }

      #message .envelope .header .info {
        padding: 0 0 0 3.5em;
      }

        #message .envelope .header .info .del {
          float: right;
          padding-right: .5em;
        }

        #message .envelope .header .info .title {
          padding: 0 0 .25em 0;
          font-weight: bold;
        }

        #message .envelope .header .info .title.unread {
          background-color: #eaf2f5 !important;
        }

          #message .envelope .header .info .title span {
            background-color: #fff6a9;
          }

    #message .envelope .body {
      margin: 0 0 1.3em 4em;
      padding: 0 0 1em 0;
      border-bottom: 1px solid #ccc;
    }

    #message .envelope .sent {
      background: #FFFBE2 none repeat scroll 0%;
      border: 1px solid #FFE222;
      padding: 1em;
      font-weight: bold;
    }

    #message .envelope .reply {
      margin: 2em 0 0 4em;
    }

      #message .envelope .reply .cancel {
        padding: 0 1em;
      }

      #message .envelope .reply label {
        font-size: 110%;
        color: #666;
        display: block;
        clear: right;
        margin-top: 1em;
      }

      #message .envelope .reply textarea {
        width: 100%;
        height: 9em;
        border: 1px solid #8496BA;
        margin-bottom: 1em;
      }

/*****************************************************************************/
/*
/* Edit User
/*
/*****************************************************************************/

#edit_user {
  overflow: hidden;
}

  #edit_user h1 {
    font-size: 140%;
    margin-top: 1.5em;
    margin-bottom: .25em;
  }

  .key_editing .object_error{
    font-size: 1.1em;
    color: #fff;
    background-color: #ff0000;
    padding: .1em .3em;
    margin-top: .5em;
  }

  #edit_user .hint,
  #repos .hint {
    font-style: italic;
    color: #888;
    margin: .3em 0;
  }

  #edit_user textarea {
    border: 1px solid #888;
    padding: 4px;
  }

  #edit_user input.text {
    border: 1px solid #888;
    padding: 4px;
  }

  #edit_user .user {
    width: 39em;
    float: left;
  }

    #edit_user .user .info {

    }

    #edit_user .user .emails {

    }

      #edit_user .user .emails .email {
        overflow: hidden;
        list-style-type: none;
      }

        #edit_user .user .emails .email img {
          border: 1px solid #d0d0d0; /* gray */
          padding: 2px;
          background-color: white;
          float: left;
          margin-right: .7em;
        }

        #edit_user .user .emails .email .address {
          font-weight: bold;
          line-height: 40px;
        }

          #edit_user .user .emails .email .address a {
            font-weight: normal;
            color: #a00;
          }

      #edit_user .user .emails .add,
      .keys .add {
        margin: .7em 0;
      }

        #edit_user .user .emails .add #add_email_action a,
        .keys .add #add_key_action a {
          font-weight: bold;
          text-decoration: underline;
        }

    .keys ul{
      list-style: none;
    }
    .key_content{
      display: none;
    }

    #new_key{
      display: none;
    }

    .key_editing textarea {
      width: 32em;
      height: 14em;
      display: block;
      margin-bottom: .7em;
    }

    .keys textarea {
      width: 36em;
      height: 12em;
      display: block;
      margin-bottom: .7em;
    }

    #edit_user .user .password {

    }

      #edit_user .user .password label,
      .keys label,
      #edit_user .user .admin label {
        display: block;
        margin: .5em 0;
        color: #888;
        font-size: 90%;
      }

      #edit_user .user .password input {
        font-size: 100%;
        clear: right;
        display: block;
      }

      #edit_user .user .password input[type=submit] {
        margin-top: 1em;
      }

  #edit_user .plan {
    width: 30em;
    float: right;
    margin-top: 1.5em;
  }

    #edit_user th {
      padding: .15em .4em .15em 0;
    }

    #edit_user .plan_box {
      background: #f2f2f2;
      border: 1px solid #ddd;
      padding: .8em;
    }

    #edit_user #update_plan_status {
      margin-bottom: 1em;
      background: #ffffcc;
    }

      #edit_user #change_plan h3 {
        margin: 0;
      }

      #edit_user #change_plan .plan_cost {
        color: #ff6600
      }

      #edit_user #change_plan table {
        width: 100%;
      }

      #edit_user #change_plan th {
        border-top: 2px solid #666;
        border-bottom: 1px solid #666;
      }

      #edit_user #change_plan td {
        border-bottom: 1px solid #ccc;
      }

      #edit_user #change_plan td, #edit_user #change_plan th {
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 1em;
      }

      #edit_user #change_plan p {
        margin-top: 1em;
      }

    #edit_user #account_disabled_notice {
      background: red;
      color: #fff;
      border: 1px solid #ddd;
      margin-bottom: .8em;
      padding: .8em;
    }

    #edit_user .current {

    }

      #edit_user .current small {
        font-weight: normal;
      }

      #edit_user #update_cc p.error {
        color: #a00;
        font-style: italic;
      }

      #edit_user #update_cc p.legal {
        font-size: .9em;
        margin: .8em 0;
        line-height: 1.5em;
      }

      #edit_user #show_card_box {
        float: right;
        width: 110px;
        font-weight: bold;
        text-align: right;
        margin-top: 3px;
      }

/*****************************************************************************/
/*
/* Watchers
/*
/*****************************************************************************/

#watchers {

}

  #watchers li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.6em;
  }

/*****************************************************************************/
/*
/* Members
/*
/*****************************************************************************/

ul.members {
  list-style: none;
}

  .members li {
    font-size: 110%;
    margin: .4em 1.3em;
    font-weight: bold;
  }

    .members li .gravatar {
      border: 1px solid #d0d0d0; /* gray */
      padding: 1px;
      background-color: white;
      float: left;
      margin-right: 1em;
    }

    .members li div {
      margin-bottom: 0.7em;
    }

/*****************************************************************************/
/*
/* Privacy
/*
/*****************************************************************************/

#privacy, #members, #copy_permissions, #deploy_keys {
  margin-bottom: 1.5em;
}

  #privacy ul, #members ul, #copy_permissions ul {
    list-style: none;
  }

  #copy_permissions ul li {
    font-size: 130%;
  }

  #members li {
    font-size: 110%;
    margin: .4em 1.3em;
    font-weight: bold;
  }

    #members li img {
      border: 1px solid #d0d0d0; /* gray */
      padding: 1px;
      background-color: white;
    }

    #members li * {
      vertical-align: middle;
    }

    #members li span {
      font-weight: normal;
      font-size: 91%;
    }

/*****************************************************************************/
/*
/* Directory
/*
/*****************************************************************************/

#directory {

}

#directory.compact {
  width: 50em;
}

  #directory .news {
    width: 100%;
  }

  #directory h1 {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
  }

    #directory .news h1 {
      border-bottom: none;
      margin-bottom: 0;
    }

  #directory .repo {
    width: 100%;
  }

    #directory .repo .gravatar {
      width: 27px;
    }

      #directory .repo .gravatar img {
        border: 1px solid #d0d0d0; /* gray */
        padding: 1px;
        background-color: white;
      }

    #directory .repo .title {
      font-size: 140%;
    }

    #directory .repo .owner,
    #directory .repo .date {
      text-align: center;
    }

    #directory .repo .graph {
      width: 426px;
      vertical-align: top;
      padding-top: .2em;
      text-align: right;
    }

    #directory .repo .desc {

    }

    #directory .repo .sep {
      font-size: 50%;
    }

    #directory .repo .border {
      border-bottom: 1px solid #ddd;
    }

/*****************************************************************************/
/*
/* Guides
/*
/*****************************************************************************/

#guides {

}

  /* index */

  #guides .index {

  }

    #guides h1 {
      margin-bottom: .5em;
    }

    #guides .index ul {
      list-style-type: none;
      font-size: 120%;
    }

      #guides .index ul li {
        padding-left: 1.5em;
        background: white url(/images/modules/guides/book.png) no-repeat;
      }

    #guides .index .new {
      margin-top: 1em;
      border-top: 1px solid #ccc;
      padding-top: .5em;
    }

      #guides .index .new ul li {
        background: white url(/images/modules/guides/book_add.png) no-repeat;
      }

      #guides .index .new ul li a {
        color: #c00;
      }

  /* guide */

  #guides .guide {
    overflow: hidden;
  }

    /* main */

    #guides .guide .main {
      float: left;
      width: 50em;
    }

    /* sidebar */

    #guides .guide .sidebar {
      float: right;
      width: 15em;
      border-left: 4px solid #e6e6e6;
      margin: 2.1em 0 0 0;
      padding-left: 1em;
    }

      #guides .guide .sidebar h3 {
        margin: 0 0 .5em 0;
      }

      #guides .guide .sidebar ul {
        list-style-type: none;
        margin: 0;
        color: #888;

      }

      #guides .guide .sidebar ul li {
        padding-left: 12px;
        background: white url(/images/modules/guides/sidebar/bullet_blue.png) -4px 0 no-repeat;
        margin: .2em 0;
      }

  /* admin */

  #guides .admin {
    clear: both;
    margin-top: 3em;
    border-top: 4px solid #e6e6e6;
    padding-top: .3em;
    overflow: hidden;
  }

  /* write */

  #guides .write {

  }

    #guides .write label {
      font-size: 110%;
      color: #666;
      display: block;
      margin: 1em 0;
    }

    #guides .write input.text,
    #guides .write textarea {
      padding: 5px;
      border: 1px solid #888;
    }

    #guides .write input.text {
      width: 40em;
    }

    #guides .write textarea {
      width: 100%;
      height: 25em;
    }

    #guides .write label span.title {
      color: black;
      font-weight: bold;
    }

    #guides .write .actions input {
      margin-right: 1em;
    }

/*****************************************************************************/
/*
/* Wiki Styles
/*
/*****************************************************************************/

.wikistyle h1 {
  font-size: 170%;
  border-top: 4px solid #aaa;
  padding-top: .5em;
}

.wikistyle h2 {
  font-size: 150%;
  margin-top: 1.5em;
  border-top: 4px solid #e0e0e0;
  padding-top: .5em;
}

.wikistyle h3 {
  margin-top: 1em;
}

.wikistyle p {
  margin: 1em 0;
  line-height: 1.5em;
}

.wikistyle ul {
  margin: 1em 0 1em 1.3em;
}

.wikistyle ol {
  margin: 1em 0 1em 1.5em;
}

.wikistyle blockquote {
  margin: 1em 0;
  border-left: 5px solid #ddd;
  padding-left: .6em;
  color: #555;
}

.wikistyle table {
  margin: 1em 0;
}

  .wikistyle table th {
    border-bottom: 1px solid #bbb;
    padding: .2em 1em;
  }

  .wikistyle table td {
    border-bottom: 1px solid #ddd;
    padding: .2em 1em;
  }

.wikistyle pre {
  margin: 1em 0;
  font-size: 90%;
  background-color: #f8f8ff;
  border: 1px solid #dedede;
  padding: .5em;
  line-height: 1.5em;
  color: #444;
  overflow: auto;
}

  .wikistyle pre code {
    padding: 0;
    font-size: 100%;
    background-color: #f8f8ff;
    border: none;
  }

.wikistyle code {
  font-size: 90%;
  background-color: #f8f8ff;
  color: #444;
  padding: 0 .2em;
  border: 1px solid #dedede;
}

/* console */

.wikistyle pre.console {
  margin: 1em 0;
  font-size: 90%;
  background-color: black;
  padding: .5em;
  line-height: 1.5em;
  color: white;
}

  .wikistyle pre.console code {
    padding: 0;
    font-size: 100%;
    background-color: black;
    border: none;
    color: white;
  }

  .wikistyle pre.console span {
    color: #888;
  }

  .wikistyle pre.console span.command {
    color: yellow;
  }

/*****************************************************************************/
/*
/* Network
/*
/*****************************************************************************/

#network {

}

  #network h2 {
    margin-bottom: .25em;
  }

  #network p {
    font-size: 120%;
    margin: 1em 0;
  }

  #network .repo {
    font-size: 140%;
  }

    #network .repo img {
      vertical-align: middle;
    }

    #network .repo img.gravatar {
      padding-right: 4px;
      padding: 1px;
      border: 1px solid #ccc;
      background-color: white;
    }

    #network .repo span {
      background-color: #FFF6A9;
    }

    #network .repo a.commit {
      color: #888;
      font-size: 80%;
      line-height: 1em;
    }

  /* graph */

  #network .help_actions a {
    font-size: 90%;
  }

  #network #help pre {
    font-size: 80%;
    line-height: 1.2em;
    margin-bottom: 1.5em;
    border: 1px solid black;
    color: #eee;
    background-color: #222;
    padding: 1em;
  }

  #network .notice {
    border: 1px solid #EFCF00;
    background-color: #FFFAD6;
    padding: .5em;
    color: #837200;
    text-align: center;
  }

  #network .up_to_date {
    border: 1px solid #15B100;
    background-color: #D7FFD2 !important;
    color: #0F7D00;
  }

/*****************************************************************************/
/*
/* Facebox
/*
/*****************************************************************************/

.facebox {

}

  .facebox p {
    margin: .5em 0;
  }

  .facebox b {
    background-color: #FFF6A9;
  }

  .facebox ul {
    margin-left: 1em;
  }

  .facebox ol {
    margin-left: 1.5em;
  }

/*****************************************************************************/
/*
/* Pull Request
/*
/*****************************************************************************/

#pull_request {
  width: 35em;
}
  #pull_request ul {
    list-style-type: none;
  }

  #pull_request label.repo span.name {
    font-size: 160%;
  }

    #pull_request label.repo span span.sha {
      color: #aaa;
    }

  #pull_request .label label {
    display: inline;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
  }

  #pull_request .label div{
    margin: .2em; 0;
  }

/*****************************************************************************/
/*
/* Training
/*
/*****************************************************************************/

#training_sections {
  margin-bottom: 1.5em;
  font-size: 110%;
}

  #training_sections h3 {
    margin-top: 2.5em;
  }

  #training_sections img.training_pic {
    float: right;
    padding: 5px;
    margin: 5px 20px;
  }

#training_contact {
  border-top: 1px solid #aaa;
  padding-top: .9em;
}

#training_testimonials {
  border-top: 2px solid #aaa;
  padding: 1.5em;
  background: #eee;
}

  #training_testimonials h1 {
    text-align: center;
    font-size: 150%;
  }

#training_contact h2 {
  text-align: center;
}

.testimony {
  margin: 1em auto;
  font-size: 120%;
  font-style: italic;
  color: #666;
  clear:both;
  max-width: 600px;
  padding: 10px;
}

.testimony .author {
  font-style: normal;
  text-align: right;
  color: #000;
  font-size: 100%;
}

/*****************************************************************************/
/*
/* Plans
/*
/*****************************************************************************/

#plans {
  width: 60em;
  margin: 1em auto 0 auto;
}

  #plans .header {
    background-color: #fffeeb;
    text-align: center;
    padding: .75em;
    margin-bottom: 1.5em;
  }

    #plans .header p {
      margin: .5em 0;
      font-size: 110%;
    }

  #plans table.upper {
    width: 48%;
    font-size: 110%;
    margin: 0 auto;
    margin-bottom: 1em;
  }

  #plans table.lower {
    width: 100%;
    font-size: 110%;
  }

    #plans table th h1 {
      font-size: 140%;
      color: #888;
      padding: .25em .5em 0 .5em;
    }

    #plans table td.plan {
      width: 49%;
    }

      #plans table td.plan div {
        margin: .25em .5em;
        border: 3px solid #ccc;
        background-color: white;
      }

        #plans table tr.last td.plan div {
          margin-bottom: .5em;
        }

      #plans table td.plan h2 {
        padding: .3em;
        background-color: #fffeeb;
        border-bottom: 1px solid #ddd;
        font-size: 140%;
      }

        #plans table td.plan h2 span {
          color: #0a0;
          font-size: 80%;
          position: relative;
          top: -.1em;
        }

        #plans table td.plan h2 a {
          float: right;
        }

      #plans table td.plan ul {
        list-style-type: none;
        text-align: center;
        padding: .5em;
        font-size: 110%;
      }

        #plans table td.plan ul li.minor {
          font-size: 85%;
        }

        #plans table td.plan ul li img {
          position: relative;
          top: .2em;
        }

    #plans table .opensource {
      background-color: #D6FFD2;
    }

      #plans table .opensource h1 {
        color: #738A70;
      }

    #plans table .group {
      background-color: #E9EBFF;
    }

      #plans table .group h1 {
        color: #8283A4;
      }

    #plans table .personal {
      background-color: #fdf;
    }

      #plans table .personal h1 {
        color: #917C91;
      }

/*****************************************************************************/
/*
/* Pricing
/*
/*****************************************************************************/

#pricing {
  width: 60em;
  margin: 3em auto 0 auto;
}

  #pricing h1 {
    font-size: 140%;
    text-align: center;
    margin-bottom: 1em;
  }

  #pricing h2 {
    font-size: 140%;
    text-align: center;
    margin-top: 1em;
  }

  #pricing table {
    width: 100%;
    background-color: #ddd;
    font-size: 110%;
  }

    #pricing table th.features {
      width: 22%;
    }

    #pricing table th {
      background-color: #FEFEB4;
      text-align: center;
      font-size: 130%;
      padding: .3em;
      width: 13%;
    }

      #pricing table th span {
        display: block;
        font-size: 75%;
        color: #090;
        padding: .3em 0;
      }

    #pricing table td {
      background-color: white;
      padding: .3em;
      text-align: center;
    }

      #pricing table td.feature {
        text-align: right;
        padding-right: .5em;
      }

        #pricing table td.feature img {
          vertical-align: middle;
        }

      #pricing table tr.best-for {
        font-size: 0.7em;
      }

        #pricing table tr.best-for td.feature {
          font-size: 1.5em;
        }

  #pricing .legend {
    color: #aaa;
    font-size: 90%;
    margin-top: .4em;
    text-align: right;
  }

  #pricing h2 {
    border-top: 2px solid #eee;
  }

#pricing-faq {
  margin-top: 2em;
}

  #pricing-faq p {
    margin-bottom: 1.7em;
    font-size: 1.1em;
  }

#plans #fi-pricing td, #plans #fi-pricing th {
  border-bottom:1px solid #ccc;
}

#plans #fi_form td {
  padding:5px;
}

/*****************************************************************************/
/*
/* Posts
/*
/*****************************************************************************/

#posts {
  margin-top: 2em;
  overflow: hidden;
}

  #posts .list {
    float: left;
    width: 41em;
  }

    #posts li.post {
      list-style-type: none;
      margin-bottom: 2em;
    }

    /* title */

    #posts h2 {
      font-size: 190%;
    }

    #posts h3 {
      margin: 1em 0 .5em 0;
    }

    /* meta */

    #posts .meta {

    }

      #posts .meta .who_when {
        font-size: 130%;
      }

        #posts .meta .who_when img, img.who_when {
          vertical-align: middle;
          padding: 1px;
          border: 1px solid #ccc;
          position: relative;
          top: -1px;
        }

        #posts .meta .who_when .author a {
          color: #94bfea;
          font-weight: bold;
        }

        #posts .meta .who_when .published {
          color: #ccc;
        }

      #posts .meta .respond {
        margin: .3em 0;
        padding-left: 25px;
        background: transparent url(/images/modules/posts/bubble.png) 0 50% no-repeat;
        font-size: 110%;
      }

        #posts .meta .respond a {
          color: #cbb698;
        }

    /* body */

    #posts .entry-content {
      font-size: 110%;
      margin-top: 1em;
    }

      #posts .entry-content blockquote {
        padding-left: 1em;
        color: #666;
      }

      #posts .entry-content p {
        margin: 1em 0;
      }

      #posts .entry-content pre {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        font-size: 90%;
        padding: .5em;
      }

        #posts .entry-content pre code {
          background-color: #f8f8f8;
          font-size: 95%;
        }

      #posts .entry-content code {
        font-size: 90%;
        background-color: #ddd;
        padding: 0 .2em;
      }

      #posts .entry-content img {
        margin: 1em 0;
        padding: 0.3em;
        border: 1px solid #ddd;
      }

      #posts .entry-content ul {
        margin-left: 1em;
      }

    /* comments */

    li.comments {
      list-style-type: none;
    }

      .comments ul {
        list-style-type: none;
      }

        .comments ul li {
          border: 1px solid #ddd;
          background-color: #eee;
          padding: 1em;
          margin: 1em 0;
        }

          .comments ul li .header {

          }

            .comments ul li .header img.gravatar {
              vertical-align: middle;
              padding: 1px;
              border: 1px solid #ccc;
            }

            .comments ul li .header .person {
              font-size: 120%;
              font-weight: bold;
            }

            .comments ul li .header .date {
              font-size: 110%;
              font-weight: bold;
              color: #bbb;
              padding-left: .5em;
            }

          .comments ul li .body {
            margin-top: .5em;
          }

    /* sidebar */

    #posts .sidebar {
      float: right;
      width: 26em;
      position: relative;
      top: -10px;
    }

      #posts .sidebar .rss {
        text-align: center;
      }

      #posts .sidebar .others {
        border-top: 2px solid #444;
        margin-top: .3em;
        padding-top: 1em;

      }

        #posts .sidebar .others ul {
          list-style-type: none;
        }

          #posts .sidebar .others li {
            padding: .5em 0;

          }

            #posts .sidebar .others li a {
              font-size: 140%;
              line-height: 1em;
            }

            #posts .sidebar .others .meta {
              color: #888;
            }

  /* form */

  #new_comment {
    background-color: #EAF2F5;
    border: 1px solid #a9e0f5;
    padding: 0 1em;
    color: #6e92a0;
  }

    #new_comment  p {
      margin: 1em 0;
    }

    #new_comment label {
      display: block;
    }

      #new_comment label span {
        font-size: 90%;
        color: #aaa;
      }

        #new_comment label span a {
          color: #aaa;
          text-decoration: none;
        }

    #new_comment textarea,
    #new_comment input.text {
      border: 1px solid #aaa;
      font-size: 110%;
      padding: .2em;
    }

    #new_comment textarea {
      width: 35.0em !important;
    }

/*****************************************************************************/
/*
/* Code Search
/*
/*****************************************************************************/

#code_search {
  margin-bottom: 2em;
}

  #code_search .search {
    padding-top: .2em;
    background: #d5d5d5 url(/images/modules/home/search_bg.png) repeat-x;
    height: 7em;
  }

    #code_search .search .site {
      width: 53em;
      padding-top: 1.15em;
    }

      #code_search .search .site * {
        vertical-align: middle;
      }

      #code_search .search .label {
        color: #777;
        font-size: 110%;
        font-weight: bold;
      }

      #code_search .search .box {

      }

        #code_search .search .box span {
          font-size: 130%;
          padding-top: .3em;
        }

        #code_search .search .box input.text {
          height: 1.4em;
          font-size: 130%;
          padding-top: .3em;
          padding-left: .3em;
          border: 2px solid #b4b4b4;
        }

        #code_search .search .box select {
          font-size: 120%;
        }

          #code_search .search .box select option {
            padding-left: .5em;
            margin: .2em 0;
          }

#code_search_instructions {
  margin: 2em 7em 0 7em;
}

  #code_search_instructions table {
    border: 4px solid #eee;
    width: 94%;
  }

    #code_search_instructions th {
      padding: 1em;
      border-right: 1px solid #ddd;
      background-color: #eee;
    }

    #code_search_instructions td {
      padding: 1em;
      border-bottom: 1px solid #eee;
    }

    #code_search_instructions td code {
      font-size: 90%;
    }

#code_search_results {

}

  #code_search_results .header {
    border-top: 1px solid #b8d1e3;
    background-color: #DDEAF3;
    padding: .3em .7em;
    overflow: hidden;
    margin-bottom: 1.3em;
  }

    #code_search_results .header .title {
      font-weight: bold;
      float: left;
    }

    #code_search_results .header .info {
      float: right;
      color: #444;
    }

  #code_search_results .results_and_sidebar {
    overflow: hidden;
  }

    #code_search_results .results {
      float: left;
      width: 52em;
    }

      #code_search_results .results .result {
        margin-bottom: 1.5em;
      }

        #code_search_results .results .result .title {
          font-size: 110%;
        }

          #code_search_results .results .result .title span {
            color: #999;
            font-size: 80%;
            font-weight: normal;
            position: relative;
            top: -.1em;
          }

        #code_search_results .results .result .snippet {
          font-family: Monaco, "Courier New", monospace;
          font-size: 75%;
          background-color: #f8f8ff;
          border: 1px solid #dedede;
          padding: .5em;
          line-height: 1.5em;
          color: #444;
        }

          #code_search_results .results .result .snippet em {
            background-color: #FAFFA6;
            padding: .1em;
          }

    #code_search_results .sidebar {
      float: right;
      width: 15em;
      border-left: 1px solid #DDEAF3;
      padding-left: 1em;
    }

      #code_search_results .sidebar h2 {
        margin-bottom: 0;
      }

      #code_search_results .sidebar h3 {
        margin-top: .5em;
      }

      #code_search_results .sidebar ul {
        list-style-type: none;
        margin-bottom: 1em;
      }

        #code_search_results .sidebar ul li {
          color: #888;
        }

/*****************************************************************************/
/*
/* Tour
/*
/*****************************************************************************/

#tour {
  margin-top: 2em;
}

  #tour .site {
    width: 67.62em;
  }

  #tour .movie {
    padding: 1px;
    background-color: #ddd;
    border: 1px solid #bbb;
  }

    #tour .movie img {
      width: 898px;
      height: 395px;
    }

  #tour .sections {
    overflow: hidden;
    margin-top: 2em;
  }

    #tour .sections .section {
      width: 22.5em;
      float: left;
    }

      #tour .sections .section h2 {
        font-size: 200%;
      }

      #tour .sections .section ul {
        list-style-type: none;
        font-size: 140%;
      }

        #tour .sections .section ul li {
          line-height: 1.5em;
          color: #aaa;
          padding-left: 1.1em;
          background: transparent url(/images/modules/tour/play_bullet.png) 0 45% no-repeat;
        }

          #tour .sections .section ul li a {
            color: black;
            text-decoration: underline;
          }

  #tour .signup {
    text-align: center;
    margin-top: 4em;
  }

/*****************************************************************************/
/*
/* Pagination
/*
/*****************************************************************************/

.pagination {
  padding: .3em;
  margin: .3em;
}

.pagination a {
  padding: .1em .3em;
  margin: .2em;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #369;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #369;
  color: #000;
}

.pagination span.current {
  padding: .1em .3em;
  margin: .2em;
  border: 1px solid #369;
  font-weight: bold;
  background-color: #369;
  color: #FFF;
}

.pagination span.disabled {
  padding: .1em .3em;
  margin: .2em;
  border: 1px solid #eee;
  color: #ddd;
}

/*****************************************************************************/
/*
/* Commit Comments
/*
/*****************************************************************************/
#commit_comments {
}

  #commit_comments h1 {
    margin-bottom: 0.1em;
  }

  #commit_comments .inner {
    height: 22em;
    overflow: auto;
  }

  #commit_comments .inner form {
    padding-bottom: 1em;
  }

  #comments pre,
  #commit_comments pre {
    font-family: Monaco, "Courier New", monospace;
    font-size: 90%;
    background-color: #f8f8ff;
    border: 1px solid #dedede;
    padding: .5em;
    line-height: 1.5em;
    color: #444;
  }

    #comments pre code,
    #commit_comments pre code {
      font-family: Monaco, "Courier New", monospace;
      padding: 0;
      font-size: 100%;
      background-color: #f8f8ff;
      border: none;
    }

  #comments code,
  #commit_comments code {
    font-family: Monaco, "Courier New", monospace;
    font-size: 90%;
    background-color: #f8f8ff;
    color: #444;
    padding: 0 .2em;
    border: 1px solid #dedede;
  }

  #commit_comments ul {
    list-style-type: none;
  }

    #commit_comments ul li.nopad {
      padding: 0;
    }

    #commit_comments ul li {
      border-top: 1px solid #ddd;
      padding-top: 1em;
    }

    #commit_comments ul li.first {
      border-top: none;
    }

      #commit_comments ul li p {
        padding-left: 1em;
        font-family: Monaco, "Courier New", monospace;
        font-size: 90%;
      }

      #commit_comments ul li textarea {
        font-family: Monaco, "Courier New", monospace;
        font-size: 92%;
      }

/*****************************************************************************/
/*
/* Downloads
/*
/*****************************************************************************/

ul#downloads {
  list-style-type: none;
  text-align: center;
}

  ul#downloads li {
    display: inline;
  }

#other_downloads {
  border-top: 1px solid #ddd;
  padding-top: 0.5em;
}

  #other_downloads ul {
    list-style-type: none;
    width: 8em;
    float: left;
    clear: right;
  }

/*****************************************************************************/
/*
/* Popup
/*
/*****************************************************************************/

.popup .standard_form {
  margin-top: 0;
  padding: 0;
  border: 0;
  width: 35em;
}

  .popup .standard_form .clean_list {
    list-style-type: none;
  }

  .popup .standard_form h1 {
    background: #ddd;
    padding: 0.5em 0.6em;
  }

    .popup .standard_form h1 .links {
      font-size: 0.6em;
      float: right;
      font-weight: none;
      margin-top: -0.4em;
    }

    .popup .standard_form h1 .links a {
      font-size: 1em;
    }

  .popup .standard_form .pull_request_inside, .popup .standard_form .inner {
    padding: 0 1em 0.5em 1em;
  }

  .popup .standard_form .actions {
    border-top: 1px solid #ddd;
    padding: 0.5em;
  }

    .popup .standard_form .actions label {
      clear: none;
      display: inline;
      padding-left: 1em;
    }

#facebox .popup .content, #facebox .popup .loading {
  padding: 0.5em;
}

#facebox .nopad .content, #facebox .popup .nopad {
  padding: 0;
}

#facebox .footer {
  padding: 0.3em 1em;
}

#facebox .tip {
  width: 500px;
  padding: 1em;
}

#facebox .body {
  padding: 0;
}

/*****************************************************************************/
/*
/* Tooltips
/*
/*****************************************************************************/

.tool-tip {
  color: #fff;
  width: 350px;
  z-index: 13000;
}

.tool-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #9FD4FF;
  padding: 8px 8px 4px;
  background: url(/images/modules/tooltip/bubble.png) top left;
}

.tool-text {
  font-size: 11px;
  padding: 4px 8px 8px;
  background: url(/images/modules/tooltip/bubble.png) bottom right;
}

.custom-tip {
  color: #000;
  width: 130px;
  z-index: 13000;
}

.custom-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #3E4F14;
  padding: 8px 8px 4px;
  background: #C3DF7D;
  border-bottom: 1px solid #B5CF74;
}

.custom-text {
  font-size: 11px;
  padding: 4px 8px 8px;
  background: #CFDFA7;
}

/*****************************************************************************/
/*
/* Services
/*
/*****************************************************************************/

#services {
}

  #services .test_hook {
    margin-top: .5em;
  }

/*****************************************************************************/
/*
/* Privacy Policy / Terms of Service
/*
/*****************************************************************************/

#privacy_terms {
}

  #privacy_terms h1 {
    margin-bottom: 0.3em;
  }

  #privacy_terms h2 {
    margin-top: 1em;
  }

  #privacy_terms ul, #privacy_terms ol {
    margin-left: 1.4em;
  }

  #privacy_terms p {
    margin-bottom: 1em;
  }

/*****************************************************************************/
/*
/* Languages
/*
/*****************************************************************************/

#languages .popular {
  border-top: 5px solid #f4f4f4;
  background-color: #fdfdfd;
  overflow: hidden;
  margin-top: 2.4em;
  margin-bottom: 1em;
  padding-top: 1em;
}

  #languages .popular.compact {
    margin-top: 0;
  }

  #languages .popular h3 {
    font-size: 105%;
    color: #aaa;
    margin-bottom: .5em;
  }

  #languages .popular .site .left img {
    border: 1px solid #d0d0d0; /* gray */
    padding: 1px;
    background-color: white;
    margin-right: .1em;
    position: absolute;
    top: .25em;
    left:0;
  }

  #languages .popular a {
    color: black;
  }

    #languages .popular ul {
      list-style-type: none;
    }

      #languages .popular ul li {
        line-height: 1.6em !important;
        font-size: 125%;
        color: #888;
        padding-left:1.6em;
        position:relative;
     }

        #languages .popular ul li a.repo {
          font-weight: bold;
        }

  #languages .popular .left {
    margin-left: 14em;
    float: left;
    width: 27em;
  }

  #languages .popular.compact .left {
    margin-left: 0;
    float: left;
    width: 25em;
    padding-bottom: 2em;
  }

  #languages .popular.compact .left.row {
    clear: left;
  }

  #languages .all_languages {
    padding-right: 3em;
    text-align: right;
  }

/*****************************************************************************/
/*
/* Language Breakdown Table
/*
/*****************************************************************************/

#language_table {
  border: 1px solid #eee;
}

  #language_table th {
    background: #f0f0f0;
    padding: 0.5em;
  }

  #language_table td {
    padding: 0.5em;
  }

  #language_table tr.dark {
    background: #fafafa;
  }


  
.SearchContainer .divSearch
{
	float:right;
	margin:0;
	padding:0;
}
  
.divSearch
{
	background:url("/interface/search-right.gif") no-repeat top right;
	width:220px!important;
}

.divSearch form
{
	background:url("/interface/search-left.gif") no-repeat top left;
	float:left;
	padding:0px 6px 1px;
	margin:0;
}
.divSearch form fieldset
{
	border:none;
	margin:0px;
	padding:0px;
	float:left;
}
.divSearch form input
{
	background:none;
	border:0;
	color:#fff;
	overflow:visible;
	cursor:pointer;
	font-weight:bold;
	font-size:69%;
	padding:2px 0px 0px 10px;
	margin:0px;
	float:right;
}

.divSearch form input#search
{
	cursor:text;
	width:144px;
	font-weight:normal;
	padding:3px 0px 3px 0px;
	float:left;
	overflow:hidden;
	color:#666;
}
.divSearch form input#search:hover
{
	color:#666;
}



.tableodd {background: #F0F0F0;	cursor:pointer; }
.tableeven {background: #fafafa; cursor:pointer; }
.tablehighlight {background: #FFCC88; cursor:pointer; }





/* ----------------  Main  ---------------- */

#Main
{
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	border: 1px solid #555;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -8.6em;
}

#Main .Ads
{
    background-color: #000;
    height: 6.82em;
    min-width: 75em;
    margin-bottom: 0em;
}

#Main .Menu
{
    text-align: center;
    background: #fcfcfc url(/interface/header_bg.png) 0 100% repeat-x;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 6.82em;
    margin-top: 0em;
    margin-bottom: 0em;
}

#Main .Announce
{
    min-width: 75em;
    margin-top: 0em;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
}

#Main .Announce h1
{
/*    font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;*/
    font-size: 150%;
    text-align: center;
    font-weight: normal;
    color:  #133855;
    padding: .75em 0;
}


#Main .Graph
{
    min-width: 75em;
    margin-top: 0em;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}


#Main .Stats
{
    background: #fff;
    width: 100%;
    margin-bottom: 0em;
    border-bottom: 1px solid #ddd;
}

#Main .Stats h1
{
/*    font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;*/
    font-size: 240%;
    text-align: center;
    font-weight: normal;
    color:  #133855;
    padding: .75em 0;
}

/* ----------------  RandomCriteriaStats  ---------------- */

#Main .RandomCriteriaStats
{
    float: none;
    background: #f6f6f6; /* eee */
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0em;
}

#Main .RandomCriteriaStats h1
{
    font-size: 200%;
    text-align: center;
    font-weight: bold;
    color:  #133855;
    padding: .75em 0;
}

#Main .RandomCriteriaStats h2
{
    font-size: 130%;
    text-align: center;
    color:  #133855;
    padding: .75em 0;
}

/* ----------------  RandomReview  ---------------- */

#Main .RandomReview
{
    float: none;
    background: #f6f2ed;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0em;
}

#Main .RandomReview h1
{
    font-size: 200%;
    text-align: center;
    font-weight: bold;
    color:  #133855;
    padding: .75em 0;
}

#Main .RandomReview h2
{
    font-size: 130%;
    text-align: center;
    color:  #133855;
    padding: .75em 0;
}

/* ----------------  News  ---------------- */

#Main .News
{
    text-align: center;
    padding-top: 0em;
    background-color: #edf2f6;
    padding: 2em 0em 2em 5em;
    border-bottom: 1px solid #ddd;
    margin: 0em auto;
    font-size: 120%;
    color: #666;
    display: block;
    text-align: left;
    color: black;
    margin-top: 0em;
}

/* ----------------  Testimonials  ---------------- */

#Main .Testimonials
{
  text-align: center;
  padding-top: 0em;
  background-color: #edf2f6;
  padding: 2em 2em 4em 2em;
  border-bottom: 1px solid #ddd;
}

#Main .Testimonials blockquote
{
    margin: 2em auto;
    font-size: 120%;
    font-style: italic;
    color: #666;
  }

#Main .Testimonials blockquote span
{
    display: block;
    text-align: right;
    color: black;
    margin-top: 0em;
}

#Main .Testimonials p
{
    font-size: 120%;
}

/* ----------------  Content  ---------------- */

#Main .Content
{
    padding: 2em 2em 2em 2em; /* haut, right , bas, left  */
    text-align: left;
}

/* ----------------  Bubble  ---------------- */

#Main .Bubble
{
    color: #fff;
    font-size: 6pt;
}


/* ----------------  Foot  ---------------- */

#Main #Foot
{
    color: #cadcea;
}

#Main #Foot a
{
    color: white;
    text-decoration: underline;
}

#Main #Foot .Menu
{
    overflow: hidden;
    background: #bbccd9 url(/interface/footer_bg.png) 0 0 repeat-x;
    padding: 2em 0 0em 0;
}

#Main #Foot .Support
{
    color: #fff;
}



.votecounter
{
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    cursor:pointer;
}