body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ddd;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px;
    background-color: #ddd;
}

@media (max-width: 767px) {
    body {
        padding-top: 80px;
    }
}
@media (min-width: 1200px) {
    body {
        background-color: #d0d0d0;
    }

    .body-content {
        -webkit-box-shadow: 12px 0 15px -1px #999, -12px 0 8px -1px #999;
        box-shadow: 12px 0 15px -1px #999, -12px 0 8px -1px #999;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-bottom-left-radius: 20px;
        -ms-border-bottom-left-radius: 20px;
        -o-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-bottom-right-radius: 20px;
        -ms-border-bottom-right-radius: 20px;
        -o-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
        -webkit-border-top-left-radius: 20px;
        -moz-border-top-left-radius: 20px;
        -ms-border-top-left-radius: 20px;
        -o-border-top-left-radius: 20px;
        border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-top-right-radius: 20px;
        -ms-border-top-right-radius: 20px;
        -o-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
    }
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.width100 {
    width: 100%;
}

hr {
    border: none;
    height: 1px;
    color: #bbb; /* old IE */
    background-color: #bbb; /* Modern Browsers */
}

.image-large {
    float: right;
    margin-right: 35px;
    margin-bottom: 20px;
    max-width: 400px;
    max-height: 300px;
}
img.lightbox-image-large {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    max-width: 400px;
    max-height: 300px;
}

.image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 300px;
    max-height: 225px;
}
img.lightbox-image {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    max-width: 300px;
    max-height: 225px;
}

a.lightbox-image-link {
    display: inline-block;
    padding: 4px;
    background-color: #ccc;
    line-height: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

a, a:hover {
    color: #333
}

.container > .navbar-header {
    background-image: url("Images/logo-mobile.png");
    background-repeat: no-repeat;
}

.navbar-toggle {
    background-color: #999;
    margin-top: 10px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #999;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #999;
}

.navbar-inverse .navbar-nav > a {
  color: #ffffff;
  background-color: #333;
}

.navbar-inverse .navbar-nav > li > a {
    color: #333;
}

.menu {
    vertical-align: top;
    width: 180px;
    padding-right: 15px;
}

.logo-small {
    position: fixed;
    top: 0;
    display: none;
}

.main {
    vertical-align: top;
}

@media (min-width: 768px) {
    .main {
        padding-left: 20px;
        border-left: #bbb solid 1px;
    }
}

.nowrap {
    white-space: nowrap;
}

.navbar {
    background-color: #d0d0d0;
}

.navbar-brand {
  padding: 8px 8px 8px 12px;
}

h2 {
    margin-top: 10px;
}

a > img {
    border: none;
}

.field-validation-error
{
    color: #f00;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #f00 !important;
    background-color: #fee !important;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #f00;
    text-align: center;
}
.validation-summary-valid
{
    display: none;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-top-7 {
    padding-top: 7px;
}

textarea {
    height: 150px;
}