#container #content {
    width: 920px;
    float: left;
    padding: 20px;
}

/* Content width: 790px */

#container #content.with_sidebar {
    float: left;
    width: 640px;
    padding: 23px 20px;
}

.content-container {
    float: left;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.w-750 {
    width: 640px;
}
.w-730 {
    width: 620px;
}
.w-510 {
    width: 510px;
}
.w-365 {
    width: 365px;
}

#left.w-510 {
    width: 510px;
}
#left.w-365 {
    width: 310px;
    float: left;
}
#right.w-365 {
    width: 310px;
    float: right;
}
#right.w-390 {
    width: 390px; /* Alternative width for 960. Goes well with a w-510 left */
}

.box {
    float: left;
    padding: 10px;
    margin: 15px 0px;
}
.light-gray {
    background: #eee;
}
.rounded {
    -webkit-border-radius: 6px;
}

/* PROJECT PAGE */

#project-description {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
#project-description h1 {
    font-size: 24px;
}
#project-description p, #project-description ol, #project-description ul {
    font-size: 13px;
    color: #5a6269;
    line-height: 18px;
}
#project-description p:first-child {
    margin-bottom: 3px;
}
#project-description span.read-more, #project-description span.re-collapse {
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 1px #FFF;
}

.repository_meta {
    -webkit-border-radius: 6px;
    width: 640px;
    float: left;
    -moz-border-radius: 6px;
    margin: 0px 10px 20px 0;
    background: #e7e7e7;
    -webkit-box-shadow: 0px 1px #FFF inset;
    border: 1px solid #d5d5d5;
}

.repository_meta h3 img {
    display: inline;
    margin-top: 2px;
    margin-right: 0px;
}

.repository-info {
    width: 610px;
    float: left;
    padding: 15px;
    font-size: 12px;
/*	background: url(../img/repos-bg.png) bottom repeat-x; */
}

.repository_meta h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: normal;
    text-shadow: 0px 1px #FFF;
}

.repository_meta .infobox {
    background: #d9d9d9;
    width: 602px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #c5c5c5;
    font-size: 11px;
    float: left;
    padding: 0px 0px 0px 8px;
    background: url(../img/clone-bg.png) repeat-x;
}

.repository_meta .infobox ul li form strong {
    border-right: 1px solid #cccccc;
    text-shadow: 0px 1px #eee;
    padding: 6px 9px 1px 19px;
    float: left;
    height: 21px;
    font-size: 11px;
    background: url(../images/silk/link.png) no-repeat 0px 7px;
}

.repository_meta .infobox ul li form p {
    float: left;
    text-shadow: 0px 1px #eee;
    margin: 0;
    height: 28px;
}
.repository_meta .infobox ul li form p input[type=radio] {
    position: relative;
    left: -4px;
    top: 1px;
}
.repository_meta .infobox ul li form p.clone_radio {
    border-right: 1px solid #cccccc;
    background: url(../img/clone-url-bg.png) repeat-x;
    padding: 6px 9px 1px 7px;
    height: 21px;
}
.repository_meta .infobox input[type=text] {
    line-height: 20px;
    border: 0;
    background: #FFF;
    /*	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px; */
    /*	padding: 4px 6px; */
    padding:7px 4px 1px 6px;
    height: 20px;
}

.repository_meta .infobox a.clone-help-toggler {
    margin-left: 5px;
    color: #080;
}

.repository_meta .infobox .clone-help-text {
    clear:both;
    padding: 10px 10px 0 10px;
}
.repository_meta .infobox p.clone-copy {
    float: left;
    overflow: hidden;
}

.repository_meta .infobox p.clone-copy.git_http_ssh {
    width: 295px;
}
.repository_meta .infobox p.clone-copy.git_http_ssh input[type="text"] {
    width: 270px;
}

.repository_meta .infobox p.clone-copy.git_http {
    width: 355px;
}
.repository_meta .infobox p.clone-copy.git_http input[type="text"] {
    width: 330px;
}

.repository_meta .infobox p.clone-copy.git_ssh {
    width: 360px;
}
.repository_meta .infobox p.clone-copy.git_ssh input[type="text"] {
    width: 335px;
}

.repository_meta .infobox p.clone-copy.git {
    width: 415px;
}
.repository_meta .infobox p.clone-copy.git input[type="text"] {
    width: 390px;
}

.repository_meta .infobox p.clone-copy.http_ssh {
    width: 350px;
}
.repository_meta .infobox p.clone-copy.http_ssh input[type="text"] {
    width: 325px;
}

.repository_meta .infobox p.clone-copy.http {
    width: 410px;
}
.repository_meta .infobox p.clone-copy.http input[type="text"] {
    width: 385px;
}

.repository_meta .infobox p.clone-copy.ssh {
    width: 415px;
}
.repository_meta .infobox p.clone-copy.ssh input[type="text"] {
    width: 390px;
}

.repository_meta .infobox p.clone-copy {
    width: 470px;
}
.repository_meta .infobox p.clone-copy input[type="text"] {
    width: 445px;
}

.repository_meta .infobox ul li form p label {
    cursor: pointer;
    float: left;
    font-size: 11px;
    line-height: 18px;
    height: 20px;
    padding-left: 5px;
}
.repository_meta .repository-links {
    width: 624px;
    padding: 8px;
    height: 29px;
    float: left;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    background: url(../img/repos-link-bg.png) repeat-x;
}

/* LINKS */

/* Events */

ul.events {
    float: left;
}
ul.events li {
    float: left;
}

/* Round corners with a small bevel
   .events .date {
   background: #eeeeee;
   padding: 7px 8px 4px;
   -webkit-border-radius: 6px;
   border: 1px solid #dfdfdf;
   -webkit-box-shadow: 0px 1px 0px #FFF inset;
   color: #626262;
   font-weight: bold;
   text-shadow: 0px 1px #FFF;
   margin: 0;
   margin-bottom: 9px;
   font-size: 12px;
   }
   */

.events .date {
    background: #e4e4e4;
    padding: 7px 10px 4px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    color: #737373;
    font-weight: bold;
    text-shadow: 0px 1px #FFF;
    margin: 0;
    margin-bottom: 9px;
    font-size: 12px;
}
.events.w-750 .date {
    width: 620px;
}
.events.w-510 .date {
    width: 490px;
}

.events.inline {
    margin-left: 0;
    margin-bottom: 0;
}

.events .event_instances, .events .event_instance {
    margin: 0;
    margin: 0px 0px 0px 5px;
    background: 0 no-repeat;
    float: left;
    padding-bottom: 0px;
    clear: both;
}

.events.inline .event_instance {
    background-image: none !important;
    clear: both;
    margin: 0;
    margin-bottom: 10px;
}
.event_instance.push .event_instance {
    margin-bottom: 0;
}
.events ul.event_instances {
    margin: 5px 0px 10px;
}
.event_instance p {
    margin: 0;
    margin-bottom: 8px;
}

.events .event_instances strong, .events .event_instance strong {
    color: #555;
}

.events .event_instance .event_date {
    float: left;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #898989;
}
.events.w-750 .event_instance .event_date {
    width: 50px;
}
.events.w-510 .event_instance .event_date {
    width: 40px;
}

.events.inline .event_instance .event_date {
    padding-right: 10px;
    margin-bottom: 0;
}
.events.inline.w-750 .event_instance .event_date {
    width: 77px;
}
.events.inline.w-510 .event_instance .event_date {
    width: 40px;
}

.events .event_instance img {
    float: left;
    margin-top: 0 px;
}

.events .event_instance .event_meta p.event_action .commit_message {
    font-size: 11px;
    margin: 0px 0px 0px 5px;
}
.events .event_instance .event_meta .event_action {
    font-size: 12px;
}

.events .event_instance .event_meta {
    margin: 0 0 0px 5px;
    float: left;
}

.events.w-510 .event_instance .event_meta {
    width: 440px;
}
.events.w-750 .event_instance .event_meta {
    width: 450px;
}

.events .event_instance .event_meta .meta_body, .comments .comment .meta_body {
    font-size: 12px;
}
span.changed {
    background: #E0EFCF;
    padding: 1px 2px 1px 2px;
}

.events.inline .event_instance .event_meta {
    margin: 0 0px 20px 112px;
    text-align: left;
}

.events .event_instance.relative .event_meta {
    margin: 0 0px 0 30px;
}
.events .event_instance.relative .relative_date {
    font-size: 11px;
    color: #555;
    float: right;
}

.events.inline .event_instance .event_meta * > p {
    text-align: left;
}

.events .event_instance .event_category {
    float: left;
    min-width: 110px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    height: 16px;
    color: #fff;
    text-indent: -9999px;
    background: #FFF url(../img/events.png) no-repeat;
}
.events .event_instance .event_category.push {
    background-position: 0px 0px;
}
.events .event_instance .event_category.project {
    background-position: 0px -16px;
}
.events .event_instance .event_category.favorite {
    background-position: 0px -32px;
}
.events .event_instance .event_category.merge_request {
    background-position: 0px -48px;
}
.events .event_instance .event_category.comment {
    background-position: 0px -64px;
}
.events .event_instance .event_category.commit {
    background-position: 0px -80px;
}
.events .event_instance .event_category.repository {
    background-position: 0px -96px;
}

.events.inline .event_instance .event_category {
    width: 0;
    display: none;
    margin: 0;
    padding: 0;
}

.events a.event-author {
    color: #666;
}

/* USER PROFILE */

.user-profile {
    float: left;
    width: 490px;
    background: #F8F8F8;
    border: 1px solid #eee;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.user-profile.not-dash {
    background: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #EEE;
}
.user-profile .buttons li {
    margin-bottom: 3px;
    float: left;
}
.user-profile .buttons li a {
    width: 130px;
}
.user-profile .buttons {
    float: right;
    width: 170px;
}

#user_events.w-510 ul.events .event_meta {
    width: 330px;
}
#user_events.w-510 .pagination {
    width: 510px;
}

/* MERGE REQUESTS */

.options {
    float: right;
    background: #F8F8F8;
    padding: 6px 6px 6px 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.options ul li {
    line-height: 20px;
    float: left;
    margin-left: 5px;
}
.options form.button-to div, .options form.button-to div input, .options form.button-to div input[type="submit"] {
    margin-right: 0;
    margin: 0;
}

.options li form.button-to {
    float: left;
    width: auto;
}

.options li form.button-to div,
.options li form.button-to div input,
.options li .repository-link,
.options li .repository-link.favorite a {
    float: left;
}

/* SEARCH PAGE */
.search_bar_results {
    width: 600px;
    float: left;
    margin-bottom: 10px;
}
.search_results {
    width: 640px;
    float: left;
}
.search_bar_results form p input.search-field {
    float: left;
    padding: 9px;
    margin-right: 5px;
}
#search_help {
    width: 300px;
    float: right;
}

.wiki_cloning_instructions {
}

/* Branch graph */
.capillary {
    overflow: hidden;
    white-space: nowrap;
}

.capillary p {
    white-space: normal;
}

#capillary-log.loading {
    height: 50px;
    padding-top: 10px;
    padding-left: 10px;
}

#capillary-log.loading span {
    padding: 0 0 0 12px;
}

.capillary li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.capillary .ref-name {
    background: #ddd;
    color: #4e4e4e;
    border-radius: 4px;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 5px;
}

.capillary .ref-type-tag {
    background: #eeb;
}

.capillary a.ref-name:hover {
    text-decoration: underline;
}

.capillary li .msg {
    color: #696969;
}

.capillary li a:hover {
    text-decoration: underline;
}


/* #############################################
   ################# SIDEBAR ################### */

#container.sidebar-enabled {
    background: url("../img/container-bg310.png") repeat-y;
}

#container #sidebar {
    border-top: 1px solid #e7e7e7;
    width: 240px;
    min-height: 100%;
    float: right;
    padding: 23px 20px;
    color: #555;
}

#container #sidebar:after {
    clear: left;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
}

#container #sidebar .divider {
    height: 1px;
    width: 100%;
    float: left;
    clear: both;
    background: #CCC;
    margin: 10px 0px 10px;
}

#sidebar ul.links.meta li {
    border-bottom: none;
    width: 175px;
}

/* ############# NAVIGATION ########### */

.navigation {
    float: left;
    border-bottom: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    width: 240px;
    margin-left: -20px;
    background: repeat-x #CCC;
    padding: 18px 20px 18px 20px;
    margin-bottom: 15px;
}

.navigation.multiple {
    margin-top: -22px;
    padding-top: 12px;
    border-top: 1px solid #b4b4b4;
}

/* ################# BUTTONS / LINKS ########### */

#sidebar ul.links.meta li {
    border-bottom: none;
}

#sidebar ul.links li {
    margin-bottom: 0;
}

#sidebar ul.links li {
    width: 240px;
    float: left;
    height: 34px;
    -webkit-box-shadow: inset 0px 1px 0px #EEE;
    -moz-box-shadow: inset 0px 1px 0px #EEE;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    background: #dedede no-repeat 6px 5px;
}

#sidebar ul.links li.double_row {
  height: 60px;
}

#sidebar ul.links li.first {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
}

#sidebar ul.links li.first a:hover {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
}

#sidebar ul.links li.last {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom: 1px solid #b5b5b5;
}

#sidebar ul.links li.last a:hover,
#sidebar ul.links li.double_row.last a.compare_diffs:hover {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom: 1px solid #b5b5b5;
}

#sidebar ul.links li.double_row.last a:hover {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom: 0;
}

#sidebar ul.links li a {
    font-weight: bold;
    color: #555555;
    font-size: 12px;
    text-shadow: 0px 1px #FFF;
    width: 195px;
    float: left;
    display: block;
    line-height: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 10px 9px;
    padding: 8px 10px 4px 35px;
    background-image: url("../images/silk/bullet_go.png");
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* required for Opera */
    -ms-text-overflow: ellipsis; /* required for IE8, allegedly */
}

#sidebar ul.links li a.compare_diffs,
#sidebar ul.links li a.compare_diffs:hover {
  font-weight: normal;
  display: inline;
  background-image: none;
  padding: 2px 10px 2px 35px;
}

#sidebar ul.disable_hover.links li a:hover {
  text-decoration: underline;
  background-color: inherit;
  -webkit-box-shadow: inset 0px 1px 0px #EEE;
  -moz-box-shadow: inset 0px 1px 0px #EEE;
}

#sidebar ul.disable_hover.links li a.compare_diffs:hover {
  text-decoration: underline;
  background-color: inherit;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

#sidebar ul.links li a:hover {
    color: #535353;
    text-shadow: 0px 1px #EEE;
    text-decoration: none;
    background: #cecece no-repeat 10px 9px;
    background-image: url("../images/silk/bullet_go.png");
}

#sidebar ul.links li a:active {
    background-color: #c5c5c5;
    line-height: 23px;
    background-position: 10px 10px;
}

#sidebar ul.links.meta li a {
    font-size: 10px;
    padding: 2px 5px 2px 28px;
    background-position: 5px 2px;
}

#sidebar ul.links.meta li:hover {
    background: inherit;
}

#sidebar ul.links.meta li a:hover {
    color: #390;
    text-decoration: underline;
}

#sidebar ul.options li strong {
    float: left;
}

#sidebar ul.options {
    float: left;
    width: 220px;
    padding: 15px 10px 15px;
}

#sidebar ul.options li {
    margin-bottom: 3px;
    text-align: right;
    padding-bottom: 3px;
    font-size: 12px;
    border-bottom: 1px solid #d9d9d9;
}

/* ########## PROJECT SPECIFIC ########### */

#sidebar > * {
    float: left;
}

#sidebar ul.committers,
#sidebar ul.repository_list {
    width: 240px;
}

#sidebar h1 {
    float: none;
}

#project-meta,
.sidebar-meta {
    float: left;
    width: 240px;
    padding: 15px 0px 15px;
}

#project-meta li,
.sidebar-meta li {
    margin-bottom: 3px;
    text-align: right;
    padding-bottom: 3px;
    font-size: 12px;
    border-bottom: 1px solid #d9d9d9;
}

#project-meta li strong,
.sidebar-meta li strong {
    float: left;
}

#clone-list-container {
    width: 240px;
}

/* SEARCH TIPS */
ul.search-tips li code {
    padding: 0px 3px 0px 0px;
}

#sidebar .licenses dt {
    font-weight: bold;
}

#sidebar .licenses dd li {
    color: #868F97;
    margin: 0 0 .5em;
}

#sidebar .licenses dd {
    color: #868F97;
}


form#new_project {
        float: left;
        width: 610px;
}

.form {
        width: 610px;
        float: left;
        -webkit-border-radius: 6px;
}
form fieldset {
        background: #EEE;
        margin-bottom: 10px;
        padding: 5px 0px 5px;
        float: left;
        width: 610px;
}
form fieldset.messages li {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 10px;
        margin-bottom: 10px;
}
form fieldset.submit {
        padding: 10px;
        width: 590px;
}
form fieldset.submit input[type='submit'] {
        float: right;
}
form li {
        width: 610px;
        float: left;
        padding: 6px 0px;
}

form li .desc li,
form .license-description li {
    float: none;
    margin: 0 0 .5em;
    padding: 0;
    width: auto;
}

form li select + ul.desc {
    margin-top: 1em;
}

/* Prevent floating list items when previewing a wiki page */
#page_preview li {
  float: none;
}
form p.hint {
        font-size: 11px;
}

form li div {
        width: 390px;
        float: right;
        min-height: 25px;
        padding-top: 4px;
}

form li label {
        width: 190px;
        margin-right: 10px;
        float: left;
        padding-left: 10px;
        line-height: 17px;
        padding-top: 6px;
        font-weight: bold;
        margin: 0;
        text-align: right;
        font-size: 13px;
}
#content form p, #content form span, #content form li div p, #content form li div span {
        line-height: 18px;
}
form textarea {
        width: 90%;
}

form legend {
        font-weight: bold;
        font-size:12px;
}

form .required {
        color: #aaa;
        font-size: 10px;
        font-weight: normal;
}

form {
        margin-bottom: 1.5em;
}

form.button-to, form.button-to div {
        display: inline;
}
form.button-to div {
        margin: 0 5px 0 5px;
        text-align: right;
}
form.button-to div input[type='submit'] {
        font-weight: bold;
        color: #ba3e3e;
        font-size: 11px;
        text-shadow: 0px 1px #FFF;
        padding: 2px 6px 2px 6px;
        display: block;
        float: right;
        line-height: 22px;
        height: 26px;
        margin-right: 5px;
        margin-bottom: 1px;
        background: #e8e8e8;
        -webkit-box-shadow: 0px 1px 0px #FFF inset;
        -moz-box-shadow: inset 0px 1px 0px #FFF;
        border: 1px solid #b5b5b5;
        cursor: pointer;
}
form.button-to div input:hover {
        color: #df3333;
        text-shadow: 0px 1px #eaeaea;
        text-decoration: none;
        -webkit-box-shadow: 0px 1px 0px #eaeaea inset;
        -moz-box-shadow: inset 0px 1px 0px #eaeaea;
        background-color:#cdcdcd;
}
form input[type='checkbox'] {
        height: 30px;
        float: left;
        margin: -5px 4px 0px 0px;
}
form input[type='text'], input[type='password'] {
        padding: 6px;
        width: 320px;
        background: #F8F8F8;
        border: 1px solid #ccc;
}
form fieldset.submit li {
        width: 590px;
}
form textarea {
        padding: 6px;
        width: 360px;
        background: #F8F8F8;
        border: 1px solid #ccc;
}
textarea.text {
        height: 60px;
}
textarea.wide {
        width: 360px;
}
textarea.tall {
        height: 300px;
}
textarea.taller {
        height: 500px;
}
textarea.medium {
        width: 450px;
        height: 250px;
}
textarea.fill {
        width: 95%;
}
select {
        width: 200px;
}

input[type='text'], input[type='password'], textarea, select {
        margin: 0px 0 0px 0;
}
form input.compact {
        width: 120px;
}
form input.medium_compact {
        width: 280px;
}
input.compact, select.compact {
        width: 100px;
        margin-right: 5px;
}
input.medium_compact {
        width: 170px;
        margin-right: 5px;
}

input[type='text']:focus, input[type='password']:focus. input.title:focus,
textarea:focus, select:focus {
        border: 1px solid #666;
}

/* embeds the openid image in the text field */
input#openid_url {
        background: url(../images/login-bg.gif) no-repeat;
        background-color: #fff;
        background-position: 0 50%;
        color: #000;
        padding-left: 18px;
}
form div.fieldWithErrors {
        float: none;
        width: auto;
}
.fieldWithErrors {
        margin: 0;
        display: inline-block;
}
form div.fieldWithErrors input, form div.fieldWithErrors textarea, form div.fieldWithErrors select {
        border: 1px solid #eab1b1;
}
form div.fieldWithErrors label {
        color: #b24040;
}
#content div.errorExplanation {
        background: #fbdddd;
        -webkit-border-radius: 6px;
        width: 100%;
        margin: 0 0 10px 0;
        float: left;
        padding: 10px 0px;
}

#content div.errorExplanation h2 {
        font-size: 15px;
        font-weight: bold;
        color: #b24040;
        padding: 0px 10px 0px 10px;
        margin-bottom: 5px;
}
#content div.errorExplanation p {
        padding: 0px 10px;
        margin-bottom: 10px;
        margin-top: 0;
}
#content div.errorExplanation ul {
        margin: 0px 0px 0px 25px;
}
#content .errorExplanation ul li {
        list-style-type: disc;
}

form table.inline-labels td {
        padding-right: 10px;
}
form table.inline-labels th {
        padding-right: 20px;
}
form table.inline-labels td label {
        font-weight: normal;
}

#content form.collaborator_form ul {
        float: left;
        width: 620px;
        padding: 0;
        border: 0;
        margin-bottom: 0px;
}

#content form.collaborator_form li {
        width: auto;
        font-weight: bold;
        background: #CCC;
        padding: 8px 12px;
        margin: 0;
        margin-right: 10px;
        float: left;
        border: 0;
}

#content form.collaborator_form li.selected {
        background: #eee;
        margin: 0;
        margin-right: 10px;
}

#content form.collaborator_form p.tab-content {
        background: #eee;
        padding: 10px;
        width: 620px;
        float: left;
}

#comment-form {
        width: 450px;
        float: left;
}
.help-box.right.help {
        float: right;
        width: 300px;
        margin-bottom: 15px;
}
form.button-to {
        float: right;
        width: 100%;
}
.committer-buttons form {
        width: auto;
}

#merge_request_statuses {
        width: 640px;
}


#sidebar ul.links.navigation li.new_project a {
	background: url("../images/silk/report_add.png") no-repeat 10px 9px;
} 

.pull-box-links #new-project-button a {
	background-image: url("../images/silk/report_add.png");
}
.button.add_link a {
	background-image: url("../images/silk/add.png");
}

.repository-link a, .pull-box-links a, .button a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	color: #555555;
	font-size: 11px;
	text-shadow: 0px 1px #FFF;
	padding: 4px 8px 1px 28px;
	display: block;
	float: left;
	line-height: 20px;
	height: 21px;
	margin-right: 5px;
	margin-bottom: 1px;
	background: #e8e8e8 no-repeat 7px 5px;
	-webkit-box-shadow: 0px 1px 0px #FFF inset;
	-moz-box-shadow: inset 0px 1px 0px #FFF;
	border: 1px solid #b5b5b5;
}
.button.right a {
	float: right;
}

.repository-link a:hover, .pull-box-links a:hover, .button a:hover {
	color: #535353;
	text-shadow: 0px 1px #eaeaea;
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 0px #eaeaea inset;
	-moz-box-shadow: inset 0px 1px 0px #eaeaea;
	background-color:#cdcdcd;
}
.repository-link a:active, .pull-box-links a:active, .button a:active {
	background-color:#c3c3c3;
}

.repository-link.favorite, .repository-link.favorite a {
	float: right;
	margin-right: 0;
}
.repository-link.favorite a.enabled {
	background: #e8e8e8 url("../images/silk/star.png") no-repeat 6px 4px;
}
.repository-link.favorite a.disabled {
	background: #e8e8e8 url("../images/silk/star_deselected.png") no-repeat 6px 4px;
}
.repository-link.favorite a.waiting {
	background: #e8e8e8 url("../images/spinner.gif") no-repeat 6px 4px;
}
.repository-link.favorite a:hover {
	background-color: #cdcdcd;
}

form .message_list_actions input[type='submit'] {
	font-size: 11px;
	padding: 1px 6px 1px;
	display: inline;
	height: 24px;
}
form input[type='submit'] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	color: #924800;
	font-size: 13px;
	text-shadow: 0px 1px #ffc59b;
	padding: 6px 10px 7px;
	display: block;
	float: left;
	line-height: 20px;
	height: 33px;
	margin-right: 5px;
	margin-bottom: 1px;
	-webkit-box-shadow: 0px 1px 0px #ffc59b inset;
	-moz-box-shadow: inset 0px 1px 0px #ffc59b;
	background-color: #ffb063;
	border: 1px solid #ce7219;
	cursor: pointer;
}
form input.preview[type='button'] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	color: #555;
	font-size: 13px;
	text-shadow: 0px 1px #F8F8F8;
	padding: 6px 10px 7px;
	display: block;
	float: left;
	line-height: 20px;
	height: 33px;
	margin-right: 5px;
	margin-bottom: 1px;
	-webkit-box-shadow: 0px 1px 0px #F8F8F8 inset;
	-moz-box-shadow: inset 0px 1px 0px #F8F8F8;
	background-color: #E1E1E1;
	border: 1px solid #CCC;
	cursor: pointer;
}
form input.cancel[type='button'] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	color: #d7492f;
	font-size: 13px;
	text-shadow: 0px 1px #F8F8F8;
	padding: 6px 10px 7px;
	display: block;
	float: left;
	line-height: 20px;
	height: 33px;
	margin-right: 5px;
	margin-bottom: 1px;
	-webkit-box-shadow: 0px 1px 0px #F8F8F8 inset;
	-moz-box-shadow: inset 0px 1px 0px #F8F8F8;
	background-color: #E1E1E1;
	border: 1px solid #CCC;
	cursor: pointer;
}
form input[type='submit']:hover {
	background: #f49c46;
}
form input[type='button']:hover {
	background: #d1d1d1;
}


/* reset */
/*
  Copyright (c) 2007, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version: 2.3.1
  */

@font-face { font-family: Raleway; src: url('../fonts/raleway_thin.otf'); }

html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
}

body { background: #cfcfcf; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal; }
li { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym { border:0;font-variant:normal; }
sup,sub { line-height:-1px;vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input, textarea, select { font-family:inherit;font-size:inherit;font-weight:inherit; }

/**/
body {
    font-size: 12px;
    line-height: 1.461em;
    background: #2d2d2d;
    color: #4e4e4e;
    /*  font-family: Georgia, Times, "Times new Roman", serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0px 0px 20px 0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    font-weight:  normal;
}

h1 {
    margin: 0;
    font-size: 1.615em;
    line-height: 0.904em;
    margin-bottom: 0.904em;
}

h2 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 12px;
}

h3 {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
}

h4 {
    margin: 0;
    font-size: 1.153em;
    line-height: 1.266em;
    margin-bottom: 1.266em;
}

#content h2.content-header.smaller { font-size: 30px; }

h1.content-header,
h2.content-header,
h3.content-header {
    font-family: Raleway, 'Helvetica Neue', Helvetica, Arial;
}

#content h2.content-header {
    font-size: 36px;
    font-weight: bold;
    margin-top: 8px;
    line-height: 46px;
}

#content h2 { font-size: 24px; }

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
    margin-bottom: 10px;
    color: #3a3a3a;
    font-weight: bold;
    text-shadow: 0px 1px #FFF;
}

#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
    color: #555;
}

#sidebar h2 {
    font-size: 16px;
    margin-bottom: 12px;
}

#sidebar h3 {
    font-size: 14px;
    margin-bottom: 12px;
}

#sidebar h1 a,
#sidebar h2 a,
#sidebar h3 a,
#sidebar h4 a,
#sidebar h5 a,
#sidebar h6 a {
    color: #555;
}

p, ul, blockquote, pre, td, th, label {
    margin: 0;
    color: #696969;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;;
}

p.ingress {
    font-size: 16px;
    line-height: 20px;
}

p.small {
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 15px;
}

table {
    border-collapse: collapse;
    margin-bottom: 15px;
}

code, pre, tt {
    font-size: 95%;
    line-height: 105%;
}

pre {
    white-space: pre-wrap;       /* CSS-3                  */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
    white-space: -pre-wrap;      /* Opera 4-6              */
    white-space: -o-pre-wrap;    /* Opera 7                */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

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

a:hover {
    color: #953100;
    text-decoration: none;
}

a.link_noop {
    color: inherit;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

ol li {
    list-style-type: decimal;
    margin-left: 35px;
}

pre {
    margin-left: 2em;
    margin-right: 2em;
}

pre.no-indent {
    margin-left: 0;
    padding-left: 0;
}

ul li h1,
ul li h2,
ul li h3,
ul li h4 {
    margin-bottom: 0.5em;
}

abbr {
    border-bottom: 1px dotted #333;
}

abbr.timeago {
    border-bottom: none;
}

/* boxes */

.clear {
    clear: both;
    height: 0;
}

.clear_left {
    clear: left;
    height: 0;
}

#wrapper {
    width: 960px;
    margin: 45px auto;
}

#user-nav {
    float: right;
    margin: -22px 15px 4px 0px;
}

#user-nav li {
    display: inline;
    padding-left: 0px;
    margin-left: 25px;
    float: left;
}

#user-nav li a {
    font-family: 'Lucida Grande', Helvetica, Arial;
    font-size: 11px;
    font-weight: 350;
    color: #9c9c9c;
    text-shadow: 0px -1px 0px #000;
}

#user-nav li a:hover {
    color: #e6e6e6;
    text-decoration: none;
}

#user-nav li.secondary.messages {
    background: url('../img/icons/messages_new.png') no-repeat 0px 0px;
    height: 16px;
}

#user-nav li.secondary.messages.unread { background: url('../img/icons/messages_new.png') no-repeat 0px -15px; }
#user-nav li.secondary.messages.unread a { color: #fff; }
#user-nav li.secondary.messages.unread a:hover { color: #9c9c9c; }
#user-nav li.secondary.messages.unread:hover { background-position: 0px 1px; }
#user-nav li.secondary.messages a > span { color: #666; }

#user-nav li.secondary.messages a {
    width: 100%;
    padding-left: 20px;
}

#header {
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    height: 110px;
    width: 960px;

    background-image: url(../img/header-bg.png);
    background-repeat: no-repeat;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.1, rgb(31,31,31)),
        color-stop(0.78, rgb(54,54,54))
    );

    overflow: hidden;
}

#header #logo {
    padding: 10px 0 0 20px;
    line-height: 25px;
    margin: 25px 0px 0px 25px;
    float: left;
    border:0;
}

#header #logo a { color: #666; }

#header #project_title {
    font-size: 39px;
    line-height: 19px;
    margin: 0 0 0px 0;
    padding: 0;
}

#header #project_title  a {
    color: #ccc;
    letter-spacing: 0.05em;
}

/* menu */

#menu {
    float: right;
    padding-top: 73px;
    padding-left: 70px;
    padding-right: 25px;
    text-align: center;
    height: 40px;
}

#menu li {
    display: inline;
    margin-left: 25px;
}

#menu li.secondary {
    margin-right: 5px;
    color: #666;
}

#menu li a {
    font-size: 17px;
    color: #cfcfcf;
    outline: none;
}

#menu li.subtle a { color: #666; margin-left: 10px;}
#menu li.subtle a:hover { color: #92B92D; }
#menu li a:hover { text-decoration: none; }
#menu li a:active { margin-top: 1px; }

#menu li {
    float: left;
    height: 20px;
}

#menu li a {
    height: 20px;
    float: left;
}

#container {
    min-height: 300px;
    float: left;
    background: #FFF;
    width: 960px;
}

#container.in-context-mode {
    border-top: 1px solid #a7afb5;
}

#footer {
    float: left;
    width: 920px;
    padding: 20px;
    font-size: 11px;
    color: #666;
    margin-bottom: 200px;
    clear: both;
    background: #181818;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;
    -webkit-box-shadow: 0px -1px 0px #464646;
    -moz-box-shadow: 0px -1px 0px #464646;
}

#footer a {
    color: #92B92D;
}

#footer h3 {
    color: #5c5b5b;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px -1px #0a0a0a;
}

#footer ul {
    float: left;
    width: 130px;
    margin: -3px 20px 0px 0px;
    overflow: auto;
    border-top: 1px solid #252525;
    padding: 8px 0 20px 0;

}

#footer ul.footer-links li { font-size: 13px; }

#footer ul li a {
    font-size: 11px;
    font-weight: bold;
    color: #989898;
    text-shadow: 0px -1px #0a0a0a;
}

#footer ul li a:hover {
    color: #eeeeee;
    text-decoration: none;
}

#footer ul.legal { margin-top: 5px; }

#footer ul.legal a {
    color: #666;
    font-size: 10px;
}

#footer ul.legal a:hover { color: #92B92D; }

#footer .powered-by {
    float: right;
    width: 100px;
    margin: 40px 0 10px 10px;
    text-align: center;
}

#footer .powered-by img { margin-top: 7px; }

#footer .footer-blurb {
    border-top: 1px solid #333;
    clear: both;
    margin: 0;
    padding: 10px 0 0;
    text-align: right;
}

#footer .footer-blurb a:link,
#footer .footer-blurb a:visited,
#footer .footer-blurb a {
    color: #6e6e6e;
    font-weight: bold;
}

.flash_message {
    background: 0;
    clear: both;
    padding: 7px 8px 5px 8px;
    margin-bottom: 20px;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.flash_message p { margin: 0; }

.flash_message.notice {
    color: #4889ab;
    -webkit-box-shadow: 0px 1px 0px #dfeff7 inset;
    -moz-box-shadow: inset 0px 1px 0px #dfeff7;
    text-shadow: 0px 1px #f3f9fc;
    background-color: #cfe7f3;
    border: 1px solid #bcdae9;
}

.flash_message.success {
    color: #3f713a;
    -webkit-box-shadow: 0px 1px 0px #cbe9c7 inset;
    -moz-box-shadow: inset 0px 1px 0px #cbe9c7;
    text-shadow: 0px 1px #f3f9fc;
    background-color: #ace0a8;
    border: 1px solid #96c17f;
}

.flash_message.success p {
    color: #3f713a;
}

.flash_message.error {
    -webkit-box-shadow: 0px 1px 0px #f2dcdc inset;
    -moz-box-shadow: inset 0px 1px 0px #f2dcdc;
    color: #e83939;
    background-color: #eba8a8;
    border: 1px solid #e69292;
}

.flash_message.error p {
    color: #b24040;
    text-shadow: 0px 1px #fadada;
}

ul.buttons .white-button.small-button { margin: 0 0 5px 10px; }
ul.buttons .white-button.small-button a { padding:2px 5px 2px 10px; }

/* Round corners */
.round-top-5 {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.round-top-10 {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.round-bottom-5 {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.round-5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shadow-2 {
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

/* submenu */
#submenu {
    list-style: none;
    margin: 0;
    padding-top: 11px;
    line-height:100%;
}

#submenu li {
    display: inline;
    margin-right: 20px;
}

#submenu li a {
    float:none;
    font-size: 12px;
    background: #555;
    color: #fff;
    padding: 10px 15px 8px 15px;
}

#submenu li.selected a {
    background: #dee7ed;
    color: #000;
}

#submenu.white li.selected a {
    background: #fff;
}

#submenu li a:hover {
    text-decoration: none;
    background: #92B92D;
    color: #fff;
}

#submenu li.selected a:hover {
    background: #dee7ed;
    color: #000;
}

#submenu.white li.selected a:hover {
    background: #fff;
    color: #000;
}

/* breadcrumbs */

#top-bar {
    width: 955px;
    float: left;
    margin: 0;
    padding-left: 5px;
    height: 30px;
    overflow: hidden;
    background-image: url(../img/breadcrumb-bg.png)!important;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, rgb(173,173,173)),
        color-stop(0.27, rgb(198,198,198))
    );

    border-bottom: 1px solid #adadad;
}

#top-bar #searchbox {
    padding: 0px;
    list-style: none;
    padding-top: 3px;
    clear: right;
    float: right;
    width: 185px;
    margin: 0;
}

#top-bar #searchbox .search-field,
#top-bar #searchbox .search-submit {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px -1px 0px #9e9e9e,0px 1px 0px #cdcdcd;
    -moz-box-shadow: 0px -1px 0px #9e9e9e, 0px 1px 0px #cdcdcd;
    color: #757575;
}

#top-bar #searchbox .search-submit {
    color: #aaa;
    display: none;
}

#top-bar #searchbox input {
    margin: 0;
    padding: 4px;
}

#top-bar #searchbox .search-field {
    background: url(../img/icons/search.png) no-repeat 3px 2px #fff;
    padding-left: 20px;
    width: 185px;
    font-size: 11px;
    margin: -1px 4px 0px 2px;
    float: right;
}

#top-bar #searchbox .search-hint {
    display: none;
}

#breadcrumbs{
    float: left;
}

#breadcrumbs li {
    float: left;
    background-repeat: no-repeat;
    background-position: right 0px;
    display: list-item;
    font-family: 'Lucida Grande', Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #2a2b2b;
    padding: 7px 22px 7px 10px;
    text-shadow: 0px 1px 0px #eee;
    background-image: url("../img/breadcrumb-divider.png");
}

#breadcrumbs li a {
    padding-left: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: center left;
    color: #555555;
}

#breadcrumbs li a:hover{
    text-decoration: none;
    color: #953100;;
}

/* Icons used for actions and breadcrums */
li.p > a { background-image: url("../images/silk/report_add.png") !important; }
li.edit_project > a { background-image: url("../images/silk/report_edit.png") !important; }
li.project > a { background-image: url("../images/silk/report.png") !important; }
li.project_personal > a { background-image: url("../images/silk/report_user.png") !important; }
li.project_research > a { background-image: url("../images/silk/report_magnify.png") !important; }
li.user > a { background-image: url("../images/silk/user.png") !important; }
li.group > a { background-image: url("../images/silk/group.png") !important; }
li.edit_group > a { background-image: url("../images/silk/group_edit.png") !important; }
li.repository > a { background-image: url("../images/silk/database.png") !important; }
li.repository.mainline > a { background-image: url("../images/silk/database_star.png") !important; }
li.branch > a { background-image: url("../images/silk/arrow_branch.png") !important; }
li.branch.head > a { background-image: url("../images/arrow_branch_head.png") !important; }
li.tag > a { background-image: url("../images/silk/tag_blue.png") !important; }
li.tree > a { background-image: url("../images/silk/chart_organisation.png") !important; }
li.home > a { background-image: url("../images/silk/house.png") !important; }
li.account > a { background-image: url("../images/silk/user.png") !important; }

li.edit_account > a,
.white-button.edit_account a,
.edit_account a {
    background-image: url("../images/silk/user_edit.png") !important;
}

li.edit_account_password > a,
.white-button.edit_account_password a,
.edit_account_password a {
    background-image: url("../images/silk/lock_edit.png") !important;
}

.show_favorites > a {
    background-image: url("../images/silk/star.png") !important;
}

.delete_account > a {
    background-image: url("../images/silk/user_delete.png") !important;
}

li.new_key > a { background-image: url("../images/silk/key_add.png") !important; }
li.edit_key > a { background-image: url("../images/silk/key_edit.png") !important; }

li.key > a,
.white-button.key a,
.key a {
    background-image: url("../images/silk/key.png") !important;
}

li.zip > a { background-image: url("../images/silk/page_white_zip.png") !important; }
li.gz > a { background-image: url("../images/silk/page_white_compressed.png") !important; }
li.merge_requests > a { background-image: url("../images/silk/arrow_in.png") !important; }
li.clone > a { background-image: url("../images/silk/database_clone.png") !important; }
li.comment_link > a { background-image: url("../images/silk/comment.png") !important; }
li.merge_request > a { background-image: url("../images/silk/arrow_merge.png") !important; }

li.alias > a,
.white-button.alias a,
.alias a {
    background-image: url("../images/silk/vcard.png") !important;
}

li.new_alias > a,
.new_alias a {
    background-image: url("../images/silk/vcard_add.png") !important;
}

li.emails > a,
.emails a {
    background-image: url("../images/silk/email.png") !important;
}

li.new_email > a,
.white-button.new_email a,
.new_email a {
    background-image: url("../images/silk/email_add.png") !important;
}

li.sent_emails > a { background-image: url("../images/silk/email_go.png") !important; }
li.received_emails > a { background-image: url("../images/silk/email_open.png") !important; }
li.all_emails > a { background-image: url("../images/silk/folder.png") !important; }

/* Icons used both for events and actions/breadcrums */
li.create_repository > a { background-image: url("../images/silk/database_add.png") !important; }
li.add_project_repository > a { background-image: url("../images/silk/database_add.png") !important; }
li.clone_repository > a { background-image: url("../images/silk/database_clone.png") !important; }
li.add_collaborator > a { background-image: url("../images/silk/group_add.png") !important; }
li.update_repository > a { background-image: url("../images/silk/database_edit.png") !important; }
li.delete_repository > a { background-image: url("../images/silk/database_delete.png") !important; }
li.commit > a { background-image: url("../images/silk/brick.png") !important; }
li.merge_commit > a { background-image: url("../images/silk/arrow_merge.png") !important; }
li.create_project > a { background-image: url("../images/silk/report_add.png") !important; }
li.delete_project > a { background-image: url("../images/silk/report_delete.png") !important; }
li.update_access > a { background-image: url("../images/silk/lock_edit.png") !important; }
private_access { background-image: url("../images/silk/lock.png") !important;}
li.update_project > a { background-image: url("../images/silk/report_edit.png") !important; }
li.new_repository > a { background-image: url("../images/silk/database_add.png") !important; }
li.project_members > a { background-image: url("../images/silk/group.png") !important; }
li.wiki_page > a { background-image: url("../images/silk/book_open.png") !important; }
li.wiki_page_history > a { background-image: url("../images/silk/time.png") !important; }
li.edit_wiki_page > a { background-image: url("../images/silk/page_white_text_edit.png") !important; }
li.wiki_via_git > a { background-image: url("../images/silk/database_clone.png") !important; }
li.new_user > a { background-image: url("../images/silk/user_add.png")!important }
table.tree tr td.file a, li.file > a { background-image: url("../images/silk/page_white_text.png"); }
table.tree tr td.folder a,li.folder > a { background-image: url("../images/silk/folder.png") !important; }
table.tree tr td.cplusplus-file a, li.cplusplus-file > a { background-image: url("../images/silk/page_white_cplusplus.png"); }
table.tree tr td.c-file a, li.c-file > a { background-image: url("../images/silk/page_white_c.png"); }
table.tree tr td.header-file a, li.header-file > a { background-image: url("../images/silk/page_white_h.png"); }
table.tree tr td.java-file a, li.java-file > a { background-image: url("../images/silk/page_white_cup.png"); }
table.tree tr td.exec-file a, li.exec-file > a { background-image: url("../images/silk/page_white_gear.png"); }
table.tree tr td.ruby-file a, li.ruby-file > a { background-image: url("../images/silk/page_white_ruby.png"); }
table.tree tr td.compressed-file a, li.compressed-file > a { background-image: url("../images/silk/page_white_compressed.png"); }
table.tree tr td.image-file a, li.image-file > a { background-image: url("../images/silk/page_white_picture.png"); }
table.tree tr td.submodule a { background-image: url("../images/silk/folder_go.png"); }
li.wiki a { background-image: url('../images/silk/book_open.png'); }
li.memberships a, li.committerships a, li.projectmemberships a { background-image: url('../images/silk/group_gear.png'); }
li.membership a, li.committership a { background-image: url('../images/silk/group_edit.png'); }
li.add_membership a, li.add_commitership a { background-image: url("../images/silk/group_add.png"); }
li.merge_requests a.selected { color: #09460f; }
.with_icons li { padding-bottom: 3px; }

.with_icons li a {
    padding: 3px 0px 3px 23px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.with_icons.inline_icons li a {
    background-image: none !important;
    margin: 0 0 0 5px;
    padding: 0;
}

.with_icons li span a {
    background-image: none;
    padding: 0;
}

.help-box {
    color: #555;
    -webkit-box-shadow: 0px 1px 0px #dfeff7 inset;
    -moz-box-shadow: inset 0px 1px 0px #dfeff7;
    background-color: #cfe7f3;
    border: 1px solid #bcdae9;
    padding: 10px;
}

.help-box h3 {
    text-shadow: 0px 1px #f3f9fc;
    font-weight: bold;
}

.help-box.error {
    border: 1px solid #CBCB9E;
    background: #ffc;
}

.help-box .icon {
    width: 16px;
    height: 16px;
    float: right;
    margin: 0 0 2px 2px;
}

.help-box .icon.help { background: transparent url('../images/silk/help.png') no-repeat 0 0; }
.help-box .icon.error { background: transparent url('../images/silk/error.png') no-repeat 0 0; }
.help-box :last-child { margin-bottom: 0; }

/* Forms */

/* Tables */

table {
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

table.listing {
    width: 100%;
    float: left;
    font-size: 11px;
}

table.listing tr.even td { background: #E8E7E7; }
table.listing tr.odd td { background: #F8F8F8; }
table tr td { padding: 6px 6px; }

table tr th {
    font-weight: bold;
    color: #535353;
    text-shadow: 0px 1px #eee;
    background: url("../img/pullbox-bg.png") repeat-x 0 0;
    border-bottom: 1px solid #bdbdbd;
    padding: 7px 7px 5px 7px;
}

table tr th.first {
    -webkit-border-top-left-radius: 12px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

table tr th.last {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;

}

table.listing td.icon { text-align: center; }
ul.committers_list li { margin-bottom: 2px; }
ul .user { padding-left: 2px; }

/* Repository list */

#sidebar ul.repository_list ul { margin-left: 10px; }
.repository_meta ul.repository_list { margin: 0; }

ul.repository_list li {
    padding-left: 18px;
    margin-bottom: 10px;
}

ul.repository_list li.mainline { background: url("../images/silk/database_star.png") 0 0 no-repeat; }
ul.repository_list li.clone { background: url("../images/silk/database.png") 0 0 no-repeat; }

ul.repository_list .user img,
ul.repository_list .group img,
ul.committers .user img,
ul.committers .group img {
    float: left;
    margin-top: 1px;
}

ul.repository_list .user a,
ul.repository_list .group a,
ul.committers .user a,
ul.committers .group a {
    color: #555;
    margin: 0 0 0 5px;
    padding:0;
    font-size: 11.8px;
}

/* info boxes */

ul.infobox {
    background: #efefef;
    padding: 10px;
    border: 1px solid #ddd;
}

ul.infobox li { margin-bottom: 0; }
ul.infobox li.meta { font-size: 11px; }
table.repository_meta .infobox { padding: 5px; }
.infobox .alt-clone-links { color: #666; }

table.repository_meta .infobox ul {
    padding: 0;
    margin: 0;
}

/* commit info boxes*/
.commit-infobox {
    clear: both;
    margin-top: 20px;
}

.commit-infobox .commit_message { margin: 0; }
.commit-infobox pre.commit_message { margin: 0 0 20px 20px; }
.commit-infobox .commit_message p { margin-top: 0; }

.commit-infobox .commit-meta {
    margin: 10px 1px 0px 5px;
    min-width: 350px;
}

.commit-infobox .commit-meta .people { margin:0; }
.commit-infobox .commit-meta .people small { color: #666; }

.commit-infobox .commit-meta .people .meta {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #666;
    font-size: 12px;
    max-width: 500px;
}

.commit-infobox ul li.avatar div {
    float: left;
    display: inline;
    padding-right: 10px;
    margin-top: 3px;
}

.commit-infobox ul.meta {
    font-size: 12px;
    color: #666;
}

.commit-infobox ul.meta li strong { font-weight: normal; }

.merge_commit_message {
    font-size: 13px;
    margin: 10px;
    margin-bottom: 50px;
}

ul.horizontal li {
    padding-right: 10px;
    margin-left: 0px;
    display: inline;
}

ul.horizontal li > a {
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 22px !important;
    padding-bottom: 2px;
    padding-top: 2px;
}

ul.horizontal.meta li > a { font-size: 11px; }
div.meta-info { text-align: right; }

.meta-info ul.horizontal li > a {
    font-size: 10px;
    background-image: none !important;
    padding: 0 !important;
}

td.meta-info {
    padding: 0 !important;
    text-align: right;
}

.commit_list .commit_item {
    clear:left;
    margin-bottom: 15px;
}

.commit_message, .commit_message p {
    margin-top: 10px;
    margin-left: 10px;
    font: 95%/105%  "Bitstream Vera Sans Mono", Monaco, monospace;
}

.event_instance .commit_message, .event_instance .commit_message p {
    margin: 5px 0 10px 10px;
    line-height: 130%;
}

/*
  Single (inline) commit under a push
  */
.event_instance.push .event_instance {
    margin: 0 0 0 2px;
    width: 90%;
}

.event_instance.push .event_instance img {
    float: left;
    margin-right: 10px;
}

.event_instance.push .event_instance .commit_message { margin-left: 26px; }

.event_instance.push .event_instance .timestamp,
.event_instance.push .commits_in_event .timestamp {
    font-size: 11px;
}

.commit_list .commit_item .commit_message { margin-left: 40px; }

small.commit_message {
    margin: 0;
    font: 85%/95%  "Bitstream Vera Sans Mono", Monaco, monospace;
}

.commit_message.inline, .commit_message.inline p { display: inline; }
.commit_message a { color: #000; }
.commit_message a.sha { text-decoration: underline; }

.gravatar {
    background-color: white;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 10px;
    padding: 2px;
}

.gravatar_tiny {
    background: transparent;
    border: none;
    margin-right: 5px;
}

.commit_list .commit_item .gravatar { margin-top: 5px; }

ul.project_list li {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #dedede;
}

ul.bullet_list li {
    list-style: disc;
    margin-left: 2.5em;
}

.pagination {
    padding: 3px;
    margin: 3px;
    text-align: center;
    width: 600px;
    height: 30px;
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-bottom: 10px;
    float: left;
}

.pagination > * {
    margin-left: -3px;
    background: #e8e8e8 no-repeat 7px 5px;
    -webkit-box-shadow: 0px 1px 0px #FFF inset;
    -moz-box-shadow: inset 0px 1px 0px #FFF;
    border-left: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    border-bottom :1px solid #b5b5b5;
    padding: 6px 10px 6px;
    line-height: 26px;
    height: 23px;
    font-weight: bold;
    color: #555555;
    font-size: 11px;
    text-shadow: 0px 1px #FFF;
    cursor: pointer;
}

.pagination a:hover {
    color: #444444;
    text-shadow: 0px 1px #eaeaea;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px #eaeaea inset;
    -moz-box-shadow: inset 0px 1px 0px #eaeaea;
    background-color:#cdcdcd;
}

.pagination a:active { background-color:#c3c3c3; }

.pagination span.current {
    color: #434343;
    text-shadow: 0px 1px #ffc59b;
    -webkit-box-shadow: 0px 1px 0px #ffc59b inset;
    -moz-box-shadow: inset 0px 1px 0px #ffc59b;
    background-color: #ffb063!important;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.1, #fba34d),
        color-stop(0.78, #ffb063)
    );
}

.pagination span.disabled { color: #bebebe; }
.pagination .prev_page.disabled { background: #e8e8e8 url(../img/arrow-left-disabled.png)  no-repeat 6px 8px; }
.pagination .next_page.disabled { background: #e8e8e8 url(../img/arrow-right-disabled.png) no-repeat 38px 8px; }

.pagination .prev_page {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    background: #e8e8e8 url(../img/arrow-left.png) no-repeat 6px 8px;
    padding-left: 18px;

}

.pagination .next_page {
    border-right: 1px solid #b5b5b5;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    background: #e8e8e8 url(../img/arrow-right.png) no-repeat 38px 8px;
    padding-right: 18px;
}

.section { margin-bottom: 3em; }
ul.path_breadcrumbs { margin: 0 0 5px 0; }

ul.path_breadcrumbs li {
    display: inline;
    margin:0;
    font-size: 11px;
}

/* tags */

ul.tag_list li { float: left; }

.tag_size_3 {
    line-height: 21px;
    margin: 0px 3px 7px 0px;
}

.tag_size_3 a {
    background: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 6px 4px 7px;
    line-height: 21px;
    border: 1px solid #CCC;
    color: #666;
    text-shadow: 0px 1px #FFF;
    font-size: 11px;
    font-weight: bold;
}

.tag_size_3 a:hover { background: #CCC; }
.tag_size_1 { font-size: 1.0em; }
.tag_size_2 { font-size: 1.4em; }
.tag_size_4 { font-size: 1.6em; }
.large_tags .tag_size_1 { font-size: 1.0em; }
.large_tags .tag_size_2 { font-size: 1.3em; }
.large_tags .tag_size_3 { font-size: 1.6em; }
.large_tags .tag_size_4 { font-size: 1.9em; }

/* "un-ready" objects */

.constructing {
    color: #999;
    background: transparent;
}

div.being_constructed p {
    padding: 0;
    padding-top: 2px;
    margin: 0;
    color: #333;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 90%;
}

div.being_constructed {
    text-align:center;
    font-size: 16px;
    padding: 0;
    margin: 20px auto 150px auto;
    width: 500px;
    background: transparent url("../images/dialog_bg_bottom.png") repeat-x left bottom;
}

div.being_constructed div.being_constructed_content {
    padding: 20px;
    border: 2px solid #4e4e4e;
    background: transparent url("../images/dialog_bg_top.png") repeat-x left top;
}

div.being_constructed .spin {
    text-align: center;
    margin: 20px auto 20px auto;
}

div.being_constructed .hint {
    font-size: 11px;
    color: #666;
}

/* auto completions */

.ac_results {
    padding: 0px;
    border: 1px solid #888;
    background-color: #fff;
    overflow: hidden;
}

.ac_results ul {
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}

.ac_results iframe {
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    overflow: hidden;
}
.ac_loading { background : url('../images/spinner.gif') right center no-repeat; }
.ac_over { background-color: #ffb; }

/* project autocompletion */

#project_slug_auto_complete .slug { font-weight: bold; }

#project_slug_auto_complete .title {
    font-style: italic;
    font-size: 10px;
}

/* user login autocompletion */
#user_login_auto_complete  li.committer { height: 32px; }

#user_login_auto_complete li.committer div.image {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

#user_login_auto_complete li.committer div.name {
    font-weight: bold
    font-size: 12px;
    line-height: 1.2em;
}

#user_login_auto_complete li.committer div.email {
    font-size: 10px;
    color:#888;
    margin-top: -5px;
}

span.tag {
    border: 1px solid #999;
    background: #dedede;
    padding: 0 4px 2px 4px;
}

.link_to_more {
    border-top: 1px solid #aaa;
    padding: 2px;
    text-align: center;
}

a.more_info img {
    display: inline;
    margin-right: 3px;
}

table.tree tr td.meta {
    font-size: 85%;
}

table.tree tr td.meta, table.tree tr td.commit_message a {
    color: #444;
}

table.tree tr td.node a {
    padding-left:25px;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}

#site_greeting {
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;
}

#site_intro {
    width: 65%;
    margin: 2em auto 2em auto;
    font-size: 1.5em;
}

#site_intro .hint { font-size: 55%; }
#site_project_list .tag_list { text-align: center; }

ul.tab_menu {
    border-bottom: 1px solid #888;
    list-style: none;
    padding: 3px;
    margin-top: 2em;
    margin-bottom: 1em;
}

ul.tab_menu li {
    display:inline;
    margin-right: 1em;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    padding: 5px;
}

ul.tab_menu.inline_tabs {
    border-bottom: 1px solid #888;
    margin-bottom: 10px;
    width: 50%;
}

ul.tab_menu.inline_tabs li:hover { background: #eee; }
ul.tab_menu li.selected { border-bottom: 2px solid #fff; }
ul.tab_menu li.selected,
ul.tab_menu li.selected a { color: #666; }

#sidebar li.comment {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 15px;
}

#sidebar li.comment:first-child {
    padding-top: 0px;
    border-top: none;
}

#sidebar li.comment:last-child { border-bottom: none; }
#sidebar li.comment .body { padding: 5px 8px 0px 8px; }

#sidebar li.comment .byline {
    font-size: 10px;
    margin-top: -15px;
    float: right;
}

small.hint { font-size: 11px;}
.caps { font-variant: small-caps; }
#sidebar .hint { color: #868F97; }

.info_hint {
    font-size: 95%;
    color: #666;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px dotted #888;
    border-bottom: 1px dotted #888;
}

.info_hint pre { margin-bottom: 5px; }

/* diff mode selector */
ul.mode_selector li {
    display: inline;
    margin-left: 1em;
}

ul.mode_selector { float: right; }
ul.mode_selector li.list_header { font-weight: bold; }
ul.mode_selector li.selected    { border-bottom: 1px solid #666; }

/* Diff rendering */
tr.toggle_diff { border-top: 1px solid #999; }

tr.toggle_diff td {
    background: #ddd;
    padding: 0 5px 2px 5px;
    margin-bottom: 5px;
}

tr.toggle_diff td small { float:right;}
tr.raw_diff td { padding-top: 5px; }
table#codeblob { width: 100%; }
table#codeblob tr td { padding: 0 2px;}

table#codeblob tr td.blame_info {
  white-space: nowrap;
  font-size: 95%;
  background-color: #f8f8f8;
  border-right: 1px solid #ccc;
  border-top: 1px solid #cdcdcd;
  padding: 0 6px;
}
table#codeblob tr td.blame_info.first,
table#codeblob tr td.blame_info.unchanged {
  border-top: none;
}
.blame_info a {
  color: #696969;
}

.blame_info a strong {
  color: #ed6b2b;
  font-weight: normal;
}

td.blame_info img {
  margin-right: 4px;
}

table tr .line-numbers {
    text-align: right;
    vertical-align: top;
    background: #eee;
    color: #777;
    font-size: 92%;
    padding: 0 5px 0 4px;
    width: 35px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #cdcdcd;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -k-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}

table tr .commentable { cursor: pointer; }

table tr.selected-for-commenting td,
table tr.selected-for-commenting td.ins,
table tr.selected-for-commenting td.del,
table tr.selected-for-commenting td.mod {
    background: #ffc none;
}

table tr .ui-selecting,
table tr .ui-selected {
    background-color: #ddd;
    font-weight: bold;
}

table tr td.inline_comments {
    text-align: right;
    vertical-align: top;
    background: #eee;
    color: #777;
    font-size: 92%;
    padding: 0;
    border:none;
    border-right: 1px solid #cdcdcd;
}

table tr td.inline_comments .diff-comment-count {
    background: orange;
    padding: 1px 4px;
    margin: 0 1px;
    background: #222;
    border: 1px solid #eee;
    opacity: 0.7;
    color: #FA8700;
}

table tr td.inline_comments .diff-comment-count:hover {
    background: #FA8700;
    color: #000;
    text-decoration: none;
}

table tr td.code .diff-comments {
    display: none;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background: #888;
    padding: 0;
    margin: 5px 0 0 -2px;
    line-height:100%;
    font-size: 100%;
    white-space: normal;
}

table tr.highlighted td.code {
    background: #ff9;
}

table tr td.code {
    width: 95%;
    padding-left: 10px;
    white-space: pre-wrap;       /* CSS-3                  */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
    white-space: -pre-wrap;      /* Opera 4-6              */
    white-space: -o-pre-wrap;    /* Opera 7                */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background: #fff;
    font: 95%/110% monospace, "Bitstream Vera Sans Mono", Monaco;
    border-right: 1px solid #ccc;
}

table#codeblob tr td.code { border-right: none; }

table tr td.code pre {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

table tr td.unwrapped { white-space: pre; }

table tr td.softwrapped {
    white-space: pre-wrap;       /* CSS-3                  */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
    white-space: -pre-wrap;      /* Opera 4-6              */
    white-space: -o-pre-wrap;    /* Opera 7                */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table tr td.marked { background: #ffc !important; }

table.sidebyside {
    empty-cells: show;
    table-layout: fixed;
}

table.sidebyside tr td.code { padding: 2px; }

table.codediff {
    border: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    font: 95%/105% "Bitstream Vera Sans Mono", Monaco, monospace;
}

table.codediff tr td { padding: 0; }

table.codediff .line-num-cut {
    background: #ccc;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

table.codediff thead .line-numbers,
table.codediff thead { background: #ddd; }
table.codediff td.code { padding-left: 2px; }

table.codediff .cut-line {
    background: #eee;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
}

table.codediff td.hidden del { display:none; }
table.codediff td.del { background: #ffdddd; }
table.codediff td.del span.idiff { background: #F2ACAD; }
table.codediff td.ins { background: #ddffdd; }
table.codediff td.ins span.idiff { background: #BAFBAD; }
table.sidebyside tbody.mod td { background: #fe9; }
table.sidebyside tbody.mod td { background: #fe9; }
table.sidebyside tbody.mod td ins,
table.sidebyside tbody.mod td del { background: inherit; }
table.codediff td.del del { text-decoration: none; }
table.codediff td.ins ins { text-decoration: none; }
table.sidebyside td.del del { background: #ffaaaa; }
table.sidebyside td.ins ins { background: #aaffaa; }
table.codediff col.lines { width: 3em; }

ul.diff_stats {
    font: 95%/105% "Bitstream Vera Sans Mono", Monaco, monospace;
    color: #888;
}

ul.diff_stats small {
    font-size: 10px;
    font-weight: bold;
}

ul.diff_stats small.insertions  { color: #00BF00; }
ul.diff_stats small.deletions   { color: #DC0000; }
#newest_projects, #site_project_list { margin-bottom: 3em; }

#newest_projects ul li {
    margin-left: 5px;
    margin-bottom: 5px;
}

#site_overview {
    margin-bottom: 4em;
    margin-left: auto;
    margin-right: auto;
    width: 888px;
    text-align:center;
}

#site_columns ul,
#site_columns p { text-align: left; }
#site_overview table td,
#site_overview table th { text-align:center; }

#site_overview table td.left, #site_overview table th.left {
    border-right: 1px dotted #ccc;
    padding-right: 10px;
}

#site_overview table td.right,
#site_overview table th.right { padding-left: 10px; }
#site_overview p.create_account_hint { margin-top: 10px; }

/* Comments */

.comments { margin-bottom: 20px; }

.comments .comment {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    width: 80%;
    margin-bottom: 10px;
}

.comments .comment .comment_form {
    padding: 0.4em 0.4em 0.4em 2em;
    margin: 0.4em 0.4em 0.4em 2em;
    width: 60%;
    border: 1px solid #000;
    background-color: #eee;
}
.comments .comment .comment_form h3 { margin: 0; }
.comments .comment .comment_form .default_action { font-weight: bold; }

/* When displaying commits side-by-side, do not display the links to the context*/
.comments.sidebyside .comment.inline .inline_comment_link { display: none; }
.comments .comment.inline .inline_comment_link a { color: #333; }

.comments .comment img {
    max-width: 500px;
    max-height: 500px;
}

.comments .comment .byline {
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
}

.comments .comment .byline .avatar {
    float: left;
    display: inline;
    padding-right: 5px;
}

.comments .comment .byline .permalink a { color: #666; }

.comment .body ul,
.page ol,
.diff-comment .body ul {
    margin-left: 30px;
}

.comment .body ul li,
.diff-comment .body ul li {
    list-style-type: disc;
}

.comment .body ol li,
diff-comment .body ol li {
    list-style-type: decimal;
}

.comment .body h1,
.diff-comment .body h1 {
    margin: 15px 0 10px 0;
    font-size: 140%;
}

.comment .body h2,
.diff-comment .body h2 {
    margin: 15px 0 10px 0;
    font-size: 120%;
}

.comment .body h3,
.diff-comment .body h3 {
    margin: 15px 0 10px 0;
    font-size: 110%;
}

.comment .body h4,
.diff-comment .body h4 {
    margin: 15px 0 10px 0;
    font-size: 105%;
}

.comment .body blockquote,
.diff-comment .body blockquote {
    margin-left: 7px;
    border-left: 3px solid #ccc;
    color: #666;
    padding: 10px;
}

.comment .body pre.diff-comment-context,
.diff-comment .body pre.diff-comment-context {
    margin: 0;
}

.comment .body blockquote p:first-child,
.diff-comment .body blockquote p:first-child {
    margin-bottom: 0;
}

.comment .body blockquote p:last-child,
.comment .body blockquote p:last-child {
    margin-bottom: 0;
}

h2#comments form { float: right; }

h2#comments form label {
    font-size: 11px;
    font-weight: normal;
    color: #000;
}

/* inline diff comments */

.diff-comment .body p { margin-bottom: 5px; }

.diff-comment {
    font-size: 13px;
    font-family: "Helvetica", Arial, sans-serif;
    line-height:100%;
    white-space:normal;
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    background: #fff;
}

.diff-comment:last-child { border-bottom: none; }
.diff-comment .byline { float:left; }

.diff-comment .byline {
    margin-bottom: 0;
    font-size: 11px;
    color: #666;
}

.diff-comment .byline a { color: #666; }

.diff-comment .byline .avatar {
    display: inline;
    padding-right: 5px;
}

.diff-comment .body {
    float:left;
    margin-left: 75px;
    max-width: 550px;
}

.diff-comment .reply {
    float: right;
    margin-right: 20px;
    font-size: 11px;
    color: #666;
    display:none;
}

.diff-comment .timestamp {
    float: right;
    font-size: 11px;
    color: #666;
}

.diff-comment.highlighted { background: #ffd; }

/* Markdown help */

.markdown_help_link {
    float: left;
    padding: 0;
    width: 450px;
}

table.markdown_help {
    margin-top: -20px;
    margin-bottom: 20px;
    font-size: 11px;
    width: 300px;
}

.markdown_help td {
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #ccc;
}

.markdown_help td ul li { list-style: disc; }

.markdown_help td ul, table.markdown_help td ol {
    margin: 0;
    padding: 0;
}

.markdown_help td li {
    padding: 0;
    margin: 0;
    margin-left: 15px;
}

.markdown_help td pre { margin: 0; }

#site #recent_comments {
    width: 48%;
    float: left;
    padding-right: 10px;
    border-right: 1px dotted #dedede;
}

#site #recent_comments p { margin-bottom: 0; }
#site #recent_comments .comment { width: 100%;}
#site #recent_comments .comment .body {
    font-size: 12px;
}

#site #clone_list {
    width: 49%;
    float: right;
}

#site #clone_list ul li.repos {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

#system_message {
    background: #ffc;
    border-bottom: 1px solid #333;
    margin: 0 0 45px;
}

#system_message p {
    text-align: center;
    margin-bottom:0;
    padding: 5px;
}

.project_list_item p {
    margin-top: 0;
    margin-bottom: 0;
}

#left {
    float:left;
    width: 450px;
}

#right {
    float:right;
    width: 450px;
    clear:right;
}

.important_message {
    font-weight: bold;
    color: #9A0000;
}

/* Page */
.page {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.page ul,
.page ol { margin-left: 30px; }
.page ul li { list-style-type: disc; }
.page ol li { list-style-type: decimal; }

.page h1 {
    margin: 15px 0 10px 0;
    font-size: 150%;
}

.page h2,
#content .page h2 {
    margin: 15px 0 10px 0;
    font-size: 135%;
}

.page h3 {
    margin: 15px 0 10px 0;
    font-size: 120%;
}

.page h4 {
    margin: 15px 0 10px 0;
    font-size: 110%;
}

.page blockquote {
    margin-left: 30px;
    background: #eee;
    border: 1px solid #ddd;
    padding: 10px;
}

.repository-description .page {
    margin: 0;
    padding: 0;
}

.repository-description .page > p:last-child { margin-bottom: 0; }

/* Merge Requests */

.merge_request_summary h4 {
    color: #111;
    margin-bottom: 5px;
}

.merge_request_summary .proposal {
    margin: 5px 0 5px 10px;
    font-style: oblique;
}

.merge_request_summary {
    width: 75%;
    padding: 10px;
    border: 1px solid #ffe8cd;
    background-color: #FEFAE6;
    margin-bottom: 20px;
}

.merge-request-reason {
    width: 75%;
    margin: 10px 0 20px 0;
    padding: 10px;
    border: 1px solid #D4D17E;
    background-color: #FEFCAB;
}

.merge-request-reason p:last-child { margin-bottom: 0; }
.merge_request_overview { margin-bottom: 20px; }

.merge_request_overview .meta {
    color: #666;
    font-size: 12px;
    margin-top: 10px;
}

.merge_request_overview .meta .byline .avatar {
    display: inline;
    padding-right: 5px;
}

.recently-closed-merge-requests { margin: 0; }

.merge_request_summary_short {
    margin: 0;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-bottom: 5px;
    font-size: 11px;
}

.merge_request_summary_short a { color: #666;}
.merge_request_summary .byline, .merge_request_summary pre { margin-bottom: 0; }

.merge_request_summary .byline strong {
    float: right;
    margin-top: -20px;
}

.merge_request_summary_short img { display: inline; }

.merge_request_summary .status, .merge_request_summary_short .status {
    float:right;
    color: #888;
    font-size: 11px;
    margin: 0;
}

.merge_request_summary.rejected, .merge_request_summary.merged {
    background: #eee;
    border: 1px solid #ddd;
}

.merge_request_summary.open .status span,
.merge_request_summary_short.open .status span,
.merge-request-reason .open span {
    color: #FF7F00;
}

.merge_request_summary.merged .status span,
.merge_request_summary_short.merged .status span,
.merge-request-reason .merged span {
    color: #48BA1C;
}

.merge_request_summary.rejected .status span,
.merge_request_summary_short.rejected .status span,
.merge-request-reason .rejected span {
    color: #F00;
}

.merge_request_statuses { float: left; }
table.commits_in_event { margin-top: 1em }
table.commits_in_event .avatar { padding-right: 1em }
table.commits_in_event tr .commit_message { margin-bottom: 10px; }

table.select_commits_from_list {
    margin-right: 10px;
    width: 90%;
}

table.select_commits_from_list td li { float: none; }

table.select_commits_from_list th {
    background: #999;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px 3px;
    text-transform: uppercase;
    font-weight: bold;
}

table.select_commits_from_list th.commit_list_status {
    font-weight: normal;
    text-transform: lowercase;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font: 85%/95%  "Bitstream Vera Sans Mono", Monaco, monospace;
}

table.select_commits_from_list tr.commit_row td, tr.selected td {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #ddd;
}

table.select_commits_from_list tr.selected td { background-color: #ffc; }

table.select_commits_from_list td.merge_to_container {
    width: 40px;
    text-align: center;
}

table.select_commits_from_list tr.commit_row td.selection {
    background: url("../images/silk/brick.png") no-repeat center center;
    width: 40px;
}

table.select_commits_from_list tr.selected td.selection {
    background-image: url("../images/silk/brick_add.png");
    background-color: #ffc;
}

table.select_commits_from_list tr.commit_row td.commit-details ul {
    margin: 0;
    padding: 0;
}

table.select_commits_from_list tr.commit_row .commit-details ul li {
    margin-right: 5px;
    display: inline;
}

table.select_commits_from_list tr.commit_row .commit-details ul li img { display: inline; }

table.select_commits_from_list tr.commit_row .commit-details.meta {
    width: 180px;
    vertical-align: top;
}

table.select_commits_from_list tr.commit_row .commit-details.message { vertical-align: top; }
table.select_commits_from_list tr.commit_row .commit-details .commit_message { margin: 0; }
table.select_commits_from_list tr.commit_comments .commit-details.body { vertical-align: top; }

table.select_commits_from_list tr.commit_row.with_comments td.meta,
table.select_commits_from_list tr.commit_comments td.meta {
    border-left: 4px solid #888;
    padding-left: 5px;
}

table.select_commits_from_list tr.commit_comments .commit-details .author a { font-weight:bold; }

table.select_commits_from_list tr.commit_comments .commit-details .author a,
table.select_commits_from_list tr.commit_comments .commit-details .permalink a {
    color: #000;
}

#commit_selection_error {
    border: 1px solid red;
    padding: 1em;
}

#repositories #branches {
    float: right;
    margin: 0 10px 10px 10px;
}

.search_time {
    float: right;
    margin: 0;
}

.search_results strong.highlight {
    background: #ff0;
    font-weight: normal;
}

.search_results strong { font-weight: normal; }

.search_results p,
.search_results h3 {
    margin-bottom: 5px;
}

.search_results .item {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.search_bar input {
    padding: 3px;
    margin:0;
}

.search_bar p { margin-bottom: 2px; }
.search_bar { margin-bottom: 20px; }
#users .infobox { margin-bottom: 20px; }

.commits_by_author_graph {
    float: right;
    margin: 40px 0 10px 10px;
}

.commit_graph {
    text-align:center;
}

/* repository meta (overview page) */

.repository_meta .header {
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
}

.repository_meta .header h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    display: inline;
}

.repository_meta .header h2 {
    font-weight: bold;
    text-shadow: 0px 1px #FFF;
}

.repository_meta .header td h2 img{
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 3px;
}

.repository_meta .repository-description.page {
    margin: 0;
    padding: 0;
}

.repository_meta .meta-links {
    margin: 0 0 10px 0;
    display: block;
}

.repository_meta .meta {
    color: #888;
    width: 33%;
    text-align: center;
}

.repository_meta .infobox ul { margin-bottom: 0; }

.repository_meta .branches ul li strong,
.repository_meta .clone-of ul li strong {
    color: #555;
}

.repository_meta .branches, .repository_meta .clone-of {
    float: left;
    width: 610px;
    margin-top: 8px;
}

.repository_meta .branches ul, .repository_meta .clone-of ul {
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
}

.repository_meta .branches ul li, .repository_meta .clone-of ul li {
    display: inline;
    margin-right: 5px;
}

.repository_meta .branches ul li.head, .repository_meta .clone-of ul li.head {
    font-weight: bold;
    background-color: #EEE;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.feed_icon { margin: 0px 4px -1px 4px; }

/* Wiki Pages */
.wiki-page {
    margin-left: 20px;
    margin-right: 20px;
}

.wiki-page .page-content { max-width: 750px;}

.wiki-page .toc {
    float: right;
    margin: 0 0 10px 10px;
    padding: 10px 10px 10px 0;
    background: #E9F1F6;
    border: 1px solid #ccc;
}

.wiki-page .toc ul { margin-left: 10px;}
.wiki-page .toc ul li { list-style: none; }

.page-meta {
    font-size:11px;
    color: #666;
    float: right;
    padding-bottom: 8px;
}

.page-meta p {
    margin: 0;
    padding: 0;
}

.page-meta .page-actions,
.page-header .page-actions {
    font-size: 11px;
    float: right;
    color: #666;
}

ul.page-actions { margin: 0; }

.page-meta .page-actions li {
    float: left;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #e7e7e7;
    margin: 0px 2px;
    padding: 0 6px;
}

.page-meta .page-actions li {
  color: #535353;
  font-weight: bold;
}

.page-meta .page-actions li  a {
  color: #535353;
  font-weight: normal;
}

.page-history .diff { margin-top: 10px; }

.page-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.page-header h1 {
    font-size: 175%;
    margin:0;
    padding:0;
}

.page-header .page-crumbs {
    margin: 0 0 10px 0;
    font-size: 11px;
}

.page-header .page-crumbs li {
    display: inline;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    list-style-type: none;
}

.page-header .page-crumbs li a { margin-right: 5px;}
.page-header .page-crumbs li.current { color: #666;}

.page {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.page ul, .page ol { margin-left: 30px; }
.page ul li { list-style-type: disc; }
.page ol li { list-style-type: decimal; }

.page h1 {
    margin: 15px 0 10px 0;
    font-size: 150%;
}

.page h2 {
    margin: 15px 0 10px 0;
    font-size: 130%;
}

.page h3 {
    margin: 15px 0 10px 0;
    font-size: 120%;
}

.page h4 {
    margin: 15px 0 10px 0;
    font-size: 110%;
}

.page blockquote {
    margin-left: 30px;
    background: #eee;
    border: 1px solid #ddd;
    padding: 10px;
}

div.archive-download-box {
    background: #eee;
    border: 2px solid #666;
    margin: 10px;
    padding: 10px;
    z-index: 100000;
}

div.archive-download-box .spin {
    text-align: center;
    margin: 10px auto 10px auto;
}

div.archive-download-box h4 { text-align: center; }
div.archive-download-box ul.links { margin-left: 0 !important; }

div.archive-download-box p {
    margin: 0;
    padding: 0;
    text-align: center;
}

/*Styling of EULA*/

.eula {
    padding: 1em 2em;
    max-height: 20em;
    overflow-y: auto;
}

.message_list {
    width: 100%;
    margin-bottom: 0;
}

.message_list th {
    background-color: #CCC;
    font-weight: bold;
}

.message_list .preview {
    font-size: 80%;
    color: #333;
    font-weight: normal;
}

.message_list .unread { font-weight: bold; background-color: #f7ece3; }

.message_list td.timestamp {
    font-size: 11px;
    color: #555;
    text-align: left;
}

.message_list_actions {
    padding: 8px;
    font-size: 12px;
    float: left;
    width: 624px;
    background: #EEE;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}

.message_list_actions p {
    margin: 0;
    padding: 0;
    margin: 4px 14px 0px 0px;
    float: left;
}

.message_list_actions input,
.message_list_actions select { float: left; }
.message_list_actions select { margin: 4px 14px 0px 0px; }

.message_list td.who {
    padding-left: 22px;
    background-position: 2px center;
    background-repeat: no-repeat;
}

.message_list tr.merge_request td.who,
.message_list tr.membership td.who,
.message_list tr.committership td.who {
    background-image: url(../images/silk/server.png);
}

.message_list tr.message td.who {
    background-image: url(../images/silk/comments.png);
}

.message_full {
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0.4em;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 3px 5px rgba(0,0,0,0.5);
}

.message_full .avatar {
    float: left;
    width: 50px;
}

.message_full .message { margin: 0 0 0 50px; }
.message_full .message .body { padding-left: 1em; }

.message .meta {
    color: #555;
    font-size: 12px;
}

.message h2.subject {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
}

/* pull boxes */

/* 510 */
.pull-box-container.pull-box-510 { width: 450px; }

.pull-box-container.pull-box-510 .pull-box-content,
.pull-box-container.pull-box-510 .pull-box-header,
.pull-box-container.pull-box-510 .pull-box-links {
    width: 430px;
}

.pull-box-container.pull-box-510 .pull-box-content ul.events,
.pull-box-container.pull-box-510 .pull-box-content ul.events li {
    width: 430px;
    float: left;
}

.pull-box-container.pull-box-510 .pull-box-content ul.events li div {
    float: left;
    width: 390px;
    margin: 0;
    margin: 0px 0px 0px 5px;
}

.pull-box-container.pull-box-510 .pull-box-content ul.events li div .commit_message p {
    margin: 0;
    line-height: 15px;
}

.pull-box-container.pull-box-365 { width: 310px; }

.pull-box-container.pull-box-365 .pull-box-content,
.pull-box-container.pull-box-365 .pull-box-header,
.pull-box-container.pull-box-365 .pull-box-links {
    width: 290px;
}

.pull-box-container.pull-box-365 .pull-box-content ul.events,
.pull-box-container.pull-box-365 .pull-box-content ul.events li {
    width: 290px;
    float: left;
}

.pull-box-container.pull-box-365 .pull-box-content ul.events li div {
    float: left;
    width: 260px;
    margin: 0px 0px 0px 5px;
}

.pull-box-container.pull-box-365 .pull-box-content ul.events li div .commit_message p {
    margin: 0;
    line-height: 15px;
}

.pull-box-container.pull-box-390 { width: 390px; }

.pull-box-container.pull-box-390 .pull-box-content,
.pull-box-container.pull-box-390 .pull-box-header,
.pull-box-container.pull-box-390 .pull-box-links {
    width: 370px;
}

.pull-box-container.pull-box-390 .pull-box-content ul.events,
.pull-box-container.pull-box-90 .pull-box-content ul.events li {
    width: 370px;
    float: left;
}

.pull-box-container.pull-box-390 .pull-box-content ul.events li div {
    float: left;
    width: 340px;
    margin: 0px 0px 0px 5px;
}

.pull-box-container.pull-box-390 .pull-box-content ul.events li div .commit_message p {
    margin: 0;
    line-height: 15px;
}

.pull-box-container.pull-box-sidebar {
    width: 240px;
}

.pull-box-container.pull-box-sidebar .pull-box-content,
.pull-box-container.pull-box-sidebar .pull-box-header,
.pull-box-container.pull-box-sidebar .pull-box-links {
    width: 220px;
}

.pull-box-container.pull-box-sidebar .pull-box-content ul.events,
.pull-box-container.pull-box-sidebar .pull-box-content ul.events li {
    width: 220px;
    float: left;
}

.pull-box-container.pull-box-sidebar .pull-box-content ul.events li div {
    float: left;
    width: 190px;
    margin: 0px 0px 0px 5px;
}

.pull-box-container.pull-box-sidebar .pull-box-content ul.events li div .commit_message p {
    margin: 0;
    line-height: 15px;
}

.pull-box-container {
    float: left;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #d2d2d2;
}

.pull-box-content {
    background-image: none;
    background-color: #e7e6e7;
}

.pull-box-content {
    padding: 10px 10px 10px 10px;
    background: #e8e7e7;
    float: left;
    border-top: 1px solid #edeced;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}

#sidebar .pull-box-content { background: #F8F8F8; }
.pull-box-content > * { float: left; }

.pull-box-content .filters {
    float: right;
    width: 100%;
    background: #CCC;
    padding: 5px 10px 6px;
    margin: -11px -10px 10px -10px;
}

.pull-box-content .filters ul { float: right; }

.pull-box-content .filters ul li {
    float: left;
    font-size: 11px;
    margin-left: 12px;
}

.pull-box-content .filters ul li a,
.pull-box-content .filters ul li strong {
    color: #555;
}

.pull-box-content .filters ul li a:hover { color: #222; }
.pull-box-content .filters ul li a.current { font-weight: bold; }
.pull-box-content ul { margin-bottom: -2px; }

.pull-box-header {
    background: #c3c3c3 url("../img/pullbox-bg.png") repeat-x 0 0;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-bottom: 1px solid #bdbdbd;
    padding: 6px 10px 13px 10px;
    margin: 0;
    height: 12px;
    float: left;
}

/* PULL BOX HEADER ICONS */
.pull-box-container.favorite .pull-box-header h3 { background: url(../images/silk/star.png) no-repeat 0px 1px; padding-left: 20px; }
.pull-box-container.merge-requests .pull-box-header h3 { background: url(../images/silk/arrow_in.png) no-repeat 0px 1px; padding-left: 20px; }
.pull-box-container.your-projects .pull-box-header h3 { background: url(../images/silk/report.png) no-repeat 0px 1px; padding-left: 20px; }
.pull-box-container.your-repositories .pull-box-header h3 { background: url(../images/silk/database.png) no-repeat 0px 1px; padding-left: 20px; }
.pull-box-container.teams .pull-box-header h3 { background: url(../images/default_group_avatar.png) no-repeat 0px 1px; padding-left: 20px; }

.pull-box-links {
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    padding: 9px 10px 7px;
    height: 29px;
    margin: 10px 0px -12px -10px;
    float: left;
    border-top: 1px solid #eee;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    background: url(../img/repos-link-bg.png) repeat-x;
}

.pull-box-container .pull-box-header h3,
#sidebar .pull-box-container .pull-box-header h3 {
    color: #333;
    text-shadow: 0px 1px 0px #EEE;
    font-size: 12px;
    font-weight: bold;
}

.pull-box h3.pull-box-header a { color: #fff; }
.pull-box.expose { background-image: none; }
.pull-box.expose p,
.pull-box.expose li { font-size: 16px; }
.pull-box.expose li { margin-bottom: 10px; }

/* Dialog boxes */

.dialog-box {
    padding: 0;
    margin: 20px auto 150px auto;
    width: 500px;
    background: transparent url("../images/dialog_bg_bottom.png") repeat-x left bottom;
}

.dialog-box .dialog-box-content {
    padding: 20px;
    border: 2px solid #4e4e4e;
    background: transparent url("../images/dialog_bg_top.png") repeat-x left top;
}

.dialog-box .dialog-box-header {
    background: #4e4e4e url("../images/dialog_header_bg.png") repeat-x;
    color: #fff;
    text-align: center;
    padding: 10px 0 5px 0;
    margin: 0;
}

#project-preview {
    max-height: 200px;
    padding: 10px;
    max-height: 200px;
    overflow-y: scroll;
}

ul#commit_selector li a.current { font-weight: bold; }

table.select_commits_from_list tr.merged td.meta,
table.select_commits_from_list tr.unmerged td.meta,
table.select_commits_from_list tr.unknown-status td.meta {
    background-position: 7px left;
    background-repeat: no-repeat;
    padding-left: 16px;
}

table.select_commits_from_list tr.unmerged td.meta { background-image: url(../images/merge_status/unmerged.png); }
table.select_commits_from_list tr.merged td.meta { background-image: url(../images/merge_status/merged.png); }
table.select_commits_from_list tr.unknown-status td.meta { background-image: url(../images/merge_status/unknown.png); }
#commits_to_be_merged { position: relative; }
#wait_for_commits { position: absolute; }

.please_wait {
    background-color: #fff;
    font-size: 16px;
    border: 2px solid #ccc;
    margin: 20px 20px 20px 0;
    text-align: center;
    padding: 20px 20px;
    width: 50%;
}

.merge_request_statuses table { width: 640px; }

#merge-requests-status-chooser {
    padding: 5px 10px;
    background: #EEE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    float: left;
    margin: 10px 0px;;
    color: #888;
}

#merge-requests-status-chooser ul.horizontal { margin: 0; }
#merge-requests-status-chooser ul.horizontal li { padding-right: 0; }
#merge-requests-status-chooser ul.horizontal li > a { padding-left: 10px !important; }

.merge_request_status {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    background: #EEE;
}

.add-link-container {
    width: 628px;
    float: left;
    text-align: right;
    margin-top: -15px;
    padding: 6px;
    background: #DDD;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

/* Styles for ColorPicker popUp */

#colorpicker {
    position: absolute;
    width: 145px;
    height: 135px;
    overflow: hidden;
    background: #F9F9F9;
    border: 2px #C0C0C0 outset;
    z-index: 1000;
}

#colorpicker-hue-container {
    position: absolute;
    top: 4px;
    left: 120px;
    width: 18px;
    height: 110px;
}

#colorpicker-hue-bg-img {
    width: 100%;
    height: 100%;
}

#colorpicker-hue-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#colorpicker-hue-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 1009;
    cursor: default;
}

#colorpicker-bar {
    text-align: right;
    padding-right: 10px;
}

#colorpicker-close {
    cursor: pointer;
    color: blue;
    font-size: 10px;
    font-family: Tahoma, Helvetica, Sans-Serif;
    font-weight: bold;
}

#colorpicker-div {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100px;
    height: 100px;
    border: 1px solid #666;
}

#colorpicker-bg,
#colorpicker-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    overflow: hidden;
}

#colorpicker-selector {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 11px;
    z-index: 1009;
    margin-top: -6px;
    margin-left: -6px;
    cursor: default;
}

#colorpicker-selector img {
    position: absolute;
    left: 0;
    top: 0;
}

#colorpicker-footer {
    position: absolute;
    top: 114px;
    left: 10px;
    width: 127px;
}

#colorpicker-value { float: left; }

#colorpicker-value,
#colorpicker-value-input {
    font-size: 9px !important;
    font-family: Helvetica, Verdana, Sans-Serif;
    height: 10px;
}

#colorpicker-value-input { width: 40px; }

#colorpicker-okbutton {
    float: right;
    padding: 0 10px;
    background: #3366FF;
    font-size: 10px;
    font-family: Tahoma, Helvetica, Sans-Serif;
    border: 1px solid #666666;
    color: #ffffff;
}

/* Merge request commit selector */

.merge_request_diff_browser{
    margin-bottom: 20px;
    min-width: 800px;
}

#merge_request_diff{
    min-height: 4em;
    padding: 0;
    margin-top: 20px;
}

#merge_request_commit_selector {
    list-style: none;
    margin: 0;
    padding: 0 0 0 30px;
    background-image: url(../images/silver_gradient.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: 23px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-width: 850px;
}

#merge_request_commit_selector .selectable-container {
    width: 720px;
    overflow: hidden;
    height: 23px;
    float: left
}

#merge_request_commit_selector li.single_commit {
    float: left;
    display: block;
    width: 107px;
    height: 23px;
    padding: 2px 0 0 15px;
    margin-left: -30px;
    background-position: top right;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../images/commit_selector.png);
}

#merge_request_commit_selector.large li.single_commit.expander {
    width: 250px;
    padding-left: 25px;
}

#merge_request_commit_selector li:last-child,
#merge_request_commit_selector li:first-child{
    background-image: none; !important
}

#merge_request_commit_selector li:first-child.ui-selected,
#merge_request_commit_selector li:first-child.ui-selecting{
    background-image: url(../images/silver_gradient_inverse.png);
    margin-left: -30px;
    padding-left: 37px;
    border-right: 2px solid #ddd;
    background-repeat: repeat-x;
}

#merge_request_commit_selector li a{
    padding: 0 0 0 15px;
    background-position: -5px 0;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #000;
    margin: 0;
}

#merge_request_commit_selector li.selected_shas{
    padding: 2px 20px;
    float: right;
}

#merge_request_commit_selector li.ui-selected,
#merge_request_commit_selector li.ui-selecting{
    background-image: url(../images/commit_selector_selected.png);
}

#merge_request_commit_selector li.single_commit a:hover {
    text-decoration: none;
    color: #000;
}

#merge_request_commit_selector li.merged a {
    background-image: url("../images/silk/bullet_green.png");
}

#merge_request_commit_selector li.unmerged a {
    background-image: url("../images/silk/bullet_red.png");
}

#merge_request_current_version li.merge_base {
    font-weight: bold;
    background-color: #444;
    color: #ccc;
    font-weight: normal;
    float: left;
    padding: 0 5px 0 10px;
    margin: 2px 40px 0 -25px;
    font-size: 11px;
    width: 50px;
}

#merge_request_commit_selector .ui-selectee { cursor: pointer; }

#merge_request_commit_selector a.ui-selecting,
#merge_request_commit_selector a:hover,
#merge_request_commit_selector a.ui-selected {
    color: #390;
    font-weight: bold;
}

#merge_request_commit_selector #current_shas {
    background-image: url(../images/silk/brick.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 12px;
}

.ui-selectable-helper { border: none !important; }

.file-diff {
    border-bottom: 2px solid #cecece;
    margin-bottom: 10px;
}

.file-diff .header {
    margin: 0;
    background: #eee;
    color: #339900;
    font-size: 13px;
    padding: 5px 0 0px 8px;
    width: 50%;
}

.file-diff .header:hover {
    background: #dedede;
    cursor: pointer;
}

.file-diff .header.open { background: #dedede; }
.file-diff .header span.icon { padding-right: 20px; }
.file-diff .header.open span.icon { background: url('../images/silk/bullet_toggle_minus.png') no-repeat 0 0; }
.file-diff .header.closed span.icon { background: url('../images/silk/bullet_toggle_plus.png') no-repeat 0 0; }
.file-diff .header a,
.file-diff .header a:hover {
  color: #390;
}

.file-diff .diff-stats {
    font-size: 10px;
    color: #666;
    display: inline;
    margin-left: 11px;
}

.file-diff .diff-stats .additions { color: #00BF00; }
.file-diff .diff-stats .deletions { color: #DC0000; }
.file-diff .diff-hunks { position:relative; }
.file-diff .diff-hunks table { margin-bottom: 0; }

#inline_comment_form {
    position: fixed;
    right: 10px;
    top: 30px;
    z-index: 1001;
    width: 600px;
    display:none;
}

#inline_comment_form h2 {
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    padding: 0.4em;
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    margin: 0;
}

#inline_comment_form form,
#inline_comment_form .please_log_in {
    background-color: rgba(255,255,255,0.9);
    padding: 1em 1em 50px 1em;
    border: 2px solid rgba(34,34,34,0.7);
    -moz-border-radius: 0 0 10px 0;
}

#inline_comment_form form input[type=submit] { font-weight: bold; }
#inline_comment_form form .progress { color: #333; }

.file-diff-controls {
    float: right;
    color: #888;
    margin-right: 5px;
}

.merge_request_diff_loading_indicator {
    text-align: center;
    color: #888;
    font-size: 12px;
}

.merge_request_diff_browser #large_commit_selector {
    padding: 20px;
    margin-bottom: 10px;
    background: #fff url('../images/silver_gradient.png') repeat-x bottom left;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display:none;
    clear:both;
}

/* changable selection */

#merge_request_version {
    float:right;
    margin: 3px 10px 0 0;
    background: #444;
    color: #ccc;
    font-size: 11px;
    padding: 0 8px;
}

#merge_request_version:hover {
    background: #999;
    color: #333;
}

/* The summary of a version (commits etc.) */

.merge_request_commit_summary {
    font-weight: bold;
    color: #444;
    padding: 1px 5px;
    border: 1px solid #ddd;
    border-top: none;
    margin-top: -1px;
    background-color: #efefef;
    font-size: 11px;
}

.merge_request_commit_summary .sha { background-color: #E0EFCF; }

ul.changable-selection-options {
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #888;
}

ul.changable-selection-options li {
    margin: 0;
    padding: 2px 5px 2px 5px;
    border-bottom: 1px solid #888;
}

ul.changable-selection-options li:hover { background: #ccc; }

/* hover bubbles */
.hover-bubble-content {
    display:none;
    position:absolute;
    top: 2px;
    left: 0;
    width: 325px;
    height: 50px;
    background: transparent url('../images/hover-bubble-bg.png') bottom center;
    padding: 0 0 10px 0;
    margin: 0;
    color: #efefef;
}

.hover-bubble-content p {
    margin: 8px 10px 0 10px;
    padding: 0;
    font-size: 11px;
}

#commit-diff-container { margin-bottom: 20px; }

.link-spinner {
    margin-left: 20px;
    display: none;
}

/* Style the headers when searching */

#repo_search { width: 260px; }

.searching form {
    background-image: url(/images/spinner.gif);
    background-position: 95% 7px;
    background-repeat: no-repeat;
}

#repo_search form {
    position: relative;
    width: 260px;
    height: 30px;
    margin:0;
}

#repo_search input.search {
    border: 1px solid #bbb;
    -moz-border-radius: 10px;
    background: #fff url(/images/silk/zoom.png) 4px 50% no-repeat;
    -webkit-border-radius: 10px;
    padding-left: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    z-index: 9;
    margin:0;
}

/* The resetter */
#repo_search .reset {
    font-size: 70%;
    color: #390;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 40px;
    z-index: 10;
}

#sidebar .permission-explanations { width: 100%; }

.permission-explanations h4,
#sidebar .permission-explanations h4 {
    margin-bottom: 10px;
}

dl.explanation { margin-bottom: 10px; }
dl.explanation dt { font-weight: bold; }

dl.explanation dd {
    padding-left: 20px;
    background: transparent url('../images/silk/bullet_green.png') no-repeat 2px 0;
}

.user-profile { margin-bottom: 20px; }
.user-profile .avatar { float:left; }

.user-profile .profile-data {
    float:left;
    margin-left: 20px;
    color: #555;
}

.user-profile .profile-data h1 {
    font-size: 22px;
    margin-bottom: 10px;
}

.user-profile .profile-data h1 a {
    margin-left: 2px;
}

.user-profile .profile-data .details {
    float:left;
    margin-left:0;
}

.user-profile ul.buttons {
    padding:0;
    float:right;
}

body#users .events .date {
    background:transparent url("../images/silver_fade.png") repeat-x 0 0;
    color:#444444;
}

body#users #new-project-button { float: left; }

body#users h2.activities small {
    font-size: 12px;
    color: #666;
}

.diagnostic-true-indicator {
    color: green;
}
.diagnostic-false-indicator {
    color: red;
}