body {
    font-family: 'Open Sans',Tahoma,serif; color: #333; background: #e1e1e1;
}
a { color: #2297bf; }
h1 { font-size: 30px; }
h2 { font-size: 22px; }
h5 { font-weight: bold; color: #444 }

/* header styles */

header h1, header h2 { 
    font-weight:lighter;
}
header h1 { margin-top: 0; } header h1 strong { letter-spacing:-1px; color: #517590; }
header div.text-nav { margin-top:20px; }
header div.text-nav a { text-decoration: none; color: inherit; display: inline-block; margin-right: 20px; }
  header div.text-nav a:hover { text-decoration:none; }
  header div.text-nav a:last-child { margin-right:0; }
header div.text-nav span.glyphicon { 
    margin-right:5px; vertical-align:central; background: #517590; color:#f7f7f7; padding:5px; border-radius:50%;
}

header nav { background: #517590; text-align:center;  }
header nav a {  padding: 12px 0; text-decoration: none; color: #f3f3f3; font-size: 22px; font-weight:bold; }
    header nav a.active, header nav a:hover { text-decoration: none; color:#f3f3f3; background: #32546f; }
header nav a small { display: block; font-size: 12px; }
div.header { background: #e0e0e0; }
a h1, a h2, a:hover h1, a:hover h2, a:visited h1, a:visited h2 { color: #333; text-decoration: none !important; }

div.heading { border-bottom: 1px solid #eee; }
div.heading h2 { font-weight:normal; margin:15px 10px 15px 0; }

/* body styles */

form.max-width { width: 100%; }
form.mid-width { width: 85%; margin: 0 auto; }

div.content-wrapper { background: #fff; }
div.content-container { padding-top: 20px; padding-bottom: 20px; min-height:350px; }
div.validation-summary-errors { 
    background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b;
    border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px;
}
div.validation-summary-errors ul { list-style-type: none; margin:0; padding:0; }

span.field-validation-error { color: #a94442; }
.umbUploadFile { position:absolute; left:-2500px; }

div.loading { width: 100%; min-height: 100px; background: url(/umbraco/assets/img/loader.gif) no-repeat center center; }

td a { font-size: 0.9em; text-decoration:none; } td a:hover { text-decoration:none; } td a span { font-size: 1.1em; }
span.pipe { display: inline-block; color: #666; }
.clear { clear:both; }

/* footer styles */

footer { padding: 15px 0 40px 0; text-align: center; margin-top: 40px; }

.nav a.active { color:#f7f7f7; background-color: #517590; }
.nav a.active:hover, .nav a.active:focus { color:#f7f7f7; background-color: #517590; }

/* bootstrap overrides */
.table thead tr th { color: #888 }
.btn-primary { background-color: #517590; }
span.field-validation-error { display: block; }
span.help-block { font-size: 0.9em; font-weight: lighter; }
.glyphicon-stack { display:inline-block; width:18px; height:18px; cursor:move; float:left; }
.glyphicon-stack .glyphicon { display:block; width:15px; height:6px; }

#totopNav { font-size:4rem; padding:10px; position:fixed; bottom:10px; right:20px; cursor:pointer; opacity:0.35 }
#totopNav:hover { opacity: 0.75; color:#286090 }

/* modal dialog */
.modal.modal-center .modal-dialog { top: 15%; }
@media (max-width: 768px) {
    .modal.modal-wide-lg .modal-dialog { width: 95%; }
    .modal.modal-wide-md .modal-dialog { width: 95%; }
    .modal.modal-wide-sm .modal-dialog { width: 95%; }
    form.mid-width {
        width: 95%;
    }
}
@media (min-width: 768px) {
    .modal.modal-wide-lg .modal-dialog { width: 90%; }
    .modal.modal-wide-md .modal-dialog { width: 75%; }
    .modal.modal-wide-sm .modal-dialog { width: 60%; }
}