{ /* Remove this line and the last line to enable this CSS on your site */

/* Common properties: */
.navbar-inner {
    background-color: #333; /* header color */
}
.intranetextra-link {
    color: #aaa !important; /* header icon color */
}
.content-title {
    color: #fff; /* title color */
    font-size: 36px; /* title size */
}

.media-sets {
    background: #fff; /* body background */
    margin: 1% 4% 4%; /* body content alignment */
}

/* Search button: */
.navbar-search .main-search-btn {
    background-color: rgb(21,165,223) !important; /* search button color */
    color: #fff; /* button text color */
    padding: 6px 12px;  /* button padding */
    font-size: 14px;  /* button text size */
    font-weight: normal;  /* button text style */
    text-transform: uppercase;  /* button text in ALL CAPS */
    line-height: 1;  /* button text lineheight */
    text-align: center;  /* button text alignment */
    border: 0;  /* button border */
    border-top-right-radius: 4px;  /* button rounded corner */
    border-bottom-right-radius: 4px; /* button rounded corner */
}

/* Upload button and register button: */
.btn-primary {
    color: #ffffff; /* button text color */
    background-color: #333;  /* upload button color */
    border-color: #fff; /* button border color */
    border-radius: 4px; /* button rounded corner */
    border: 2px solid; /* button border */
    text-transform: uppercase; /* button text in ALL CAPS */
    
} 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #b4b3b3; /* button on hover text color */
    background-color: #000; /* button on hover color */
    border-color: #b4b3b3; /* button on hover border color */
} 
 .navbar-fixed-top .btn-upload {
    padding: 3px 14px;  /* top bar button spacing */
    height: 30px; /* top bar button height */
}  

/* Disabled button: */
.btn-primary:disabled {
   color: #b4b3b3 !important;  /* button text color */
   background-color: #666 !important;  /* button color */
   border-radius: 4px !important;  /* button rounded corner */
   border: 2px solid #7a7a7a !important;  /* button border */
   text-transform: uppercase !important;  /* button text in ALL CAPS */ 
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
   color: #b4b3b3 !important;  /* button text color */
   background-color: #666 !important;  /* button color */
   border-radius: 4px !important;  /* button rounded corner */
   border: 2px solid #7a7a7a !important;  /* button border */
   text-transform: uppercase !important;  /* button text in ALL CAPS */ 
}

/* Archive box styles */
.media-set-elem {
    margin: 14px; /* box margin */
    background: #333 !important; /* box color */

}
.media-set-elem-in .title {
    background-color: rgba(0, 0, 0, 0.7); /* title field background */
    color: #999; /* title color */
    font-size: 16px; /* title size */
    padding: 14px 16px; /* title field padding */
    text-transform: uppercase; /* title in ALL CAPS */
 
}
.media-set-elem-in {
    background-size: 350px 200px;
    height: 200px;  /* box height */
    width: 350px; /* width */
}

} /* Remove this line and the first line to enable this CSS on your site */