﻿/* Move down content because we have a fixed navbar that is 50px tall */
html {
    font-size: 1em;
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 0.85em;
}

h1, .h1 {
    font-size: 2.5em;
    width: 722px;
    height: 92px;
    margin-left: 26px;
    margin-right: 12px;
}

h2, .h2 {
    font-size: 1.85em;
}

h3, .h3 {
    font-size: 1.5em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 0.85em;
}

h6, .h6 {
    font-size: 0.75em;
}

.lead {
    font-size: 1.1em;
}

@media (min-width: 768px) {
    .lead {
        font-size: 1.3em;
    }
}

blockquote,
.panel-title {
    font-size: 1em;
}

pre {
    font-size: 0.85em;
}

legend,
.close,
.carousel-control,
.jumbotron p {
    font-size: 1.3em;
}

.input-group .form-control {
    display: inline-block;
}

output,
.btn,
.dropdown-menu,
.input-group-addon,
.popover,
.popover-title,
.form-control {
    font-size: 1em;
}

.input-sm,
.form-group-sm .form-control,
.form-group-sm .form-control-static,
.dropdown-header,
.progress-bar,
.badge,
.tooltip,
.input-group-addon.input-sm,
.btn-sm,
.btn-group-sm > .btn,
.btn-xs,
.btn-group-xs > .btn,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.pagination-sm > li > a,
.pagination-sm > li > span {
    font-size: 0.85em;
}

.input-lg,
.form-group-lg .form-control,
.form-group-lg .form-control-static,
.input-group-addon.input-lg,
.navbar-brand,
.pagination-lg > li > a,
.pagination-lg > li > span,
.btn-lg,
.btn-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    font-size: 1.15em;
}

.btn {
    background-color: buttonface !important;
    border-color: #808080;
    color: #000;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        font-size: 1.1em;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        font-size: 0.75em;
    }
}

@media screen and (min-width: 768px) {
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 3.8em;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        font-size: 1.85em;
    }
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

input[type="radio"], input[type="checkbox"]{
    margin-left: 12px;
    margin-right: 6px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

caption {
    display: none;
    background-color:#ffffff;
    color:#000000;
}

a {
    color: #2B689C;
}

.btn-danger,
.label-danger,
.progress-bar-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #CC0000;
}

.btn-danger .badge {
    color: #CC0000;
}

.req-mark {
    color: #990000;
    font-size:1.1em;
}

.SessionTimeout {
    width: 600px;
    left: -50px;
}

.SessionTimeOutTitle {
    font-weight: bold;
    font-size: 2.0em;
    color: #990000;
    display: block;
    text-align: center;
}

.SessionTimeOutMessage {
    font-weight: bold;
    font-size: 1.2em;
    color: #990000;
    display: block;
    text-align: center;
}

.SessionBody {
    font-weight: bold;
    font-size: 1.6em;
    color: black;
    display: block;
    text-align: center;
}

.SessionBody1 {
    font-size: 1.2em;
    color: black;
    display: block;
    text-align: center;
}

.importantMessage {
    font-family: Arial;
    font-size: 11pt;
    font-weight: normal;
}
.middleBox {
    padding: inherit;
    text-align: center;
    top: 100px;
}
.CancelButton {
    font-family: Arial;
    border: 1px solid #7D7D7D;
    text-align: center;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -html-border-radius: 5px;
    border-radius: 5px;
    background-color: #EFEBEB;
    padding: 5px 0 5px 0;
    color: #000;
}