﻿

@media all
  {
body {
    padding-top: 90px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}
    #page-one, .footer, .page-break { display:none; }
  }

@media print
  {
    body {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 210mm;
    height: 297mm;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#page-one, .footer, .page-break   
    { 
    display: block;
    color:red; 
    font-family:Arial; 
    font-size: 16px; 
    text-transform: uppercase; 
    }
 
.page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: 210mm;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }

  .page-break
    {
    page-break-before:always;
    } 
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}


.btn-default {
    background-color: #e6b6b6;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}


a {
    outline: 0 !important;
}

h2.anchor {
    /*padding-top: 60px; */
}

h2 {
    color: #66000C;
}


ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Bullet list styling*/
li.ste {
    padding-left: 1em;
    text-indent: -.9em;
}

    li.ste:before {
        font-size: 16pt;
        content: "• ";
        color: #4A0066;
        vertical-align: middle;
    }


.img-responsive.img-centre {
    margin: 0 auto;
}

/* Body background gradient */
.bkgradient {
    padding-top: 60px;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, rgba(172, 189, 206, 0.31), #D9DDE0);
}

/*Top (fixed) navbar styling */
.navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 10px;
    font-size:  larger;
    text-decoration-style: solid;    
}

.navbar {
    min-height: 40px;
}

.navbar-brand {
    height: 30px;
    padding: 9px 10px 0px;
}

.model-table-cell {
    height: 25px;
    width: 180px;
    padding: 5px 25px 6px 5px;
}

.model-table-cell-print {
    height: 25px;
    width: 180px;
    padding: 5px 25px 6px 5px;
    font-weight: normal;
}

.model-table-cell-content {
    height: 25px;
    width: 250px;
    padding: 0px 25px 2px 5px;
}


.dropdown-menu > li > a:hover {
    background-color: #006642;
}

/*Flexslider (carousel) styling */
.flexslider {
    outline: 0 !important;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #cfcfcf, #fafafa);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cfcfcf), to(#fafafa));
    background-image: -webkit-linear-gradient(top, ##cfcfcf, #fafafa);
    background-image: -o-linear-gradient(top, #cfcfcf, #fafafa);
    background-image: linear-gradient(to bottom, #cfcfcf, #fafafa);
    background-repeat: repeat-x;
}

    .flexslider .slides img {
        width: 300px;
        float: left;
        padding: 0px;
        margin: 10px;
        border: solid 15px white;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

.flex-direction-nav a:before {
    font-size: 30px;
    color: #4a0066;
}

.flex-control-paging li a {
    background: rgba(102,0,12,0.4);
}

    .flex-control-paging li a:hover {
        background: rgba(102,0,12,0.7);
    }

    .flex-control-paging li a.flex-active {
        background: rgba(102,0,12,0.9);
    }

/*Styling for quoted text including large quotation marks*/
blockquote {
    padding: 50px 20px 0px 15px;
    border-left: none;
}

    blockquote p {
        font-size: 16px;
    }

    blockquote small {
        color: #999999;
        display: inline;
        padding-top: 20px;
        line-height: 20px;
        font-size: 85%;
        text-align: right;
    }

    blockquote .fa-quote-left, .fa-quote-right {
        color: #4a0066;
        opacity: .5;
    }

    blockquote p {
        color: #333333;
    }

.fa.ste {
    color: #664F00;
}

/*Styling for fixed footer */
#footer {
    position: absolute;
    bottom: 0;
    width: 100%; /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}


/*
Top Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
It allows dropdown items to be shown on hovering over the top-level item.
The Bootstrap CSS is unchanged.
*/
@media (min-width: 768px) {
    .navbar-nav .open ul {
        display: none;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background: none;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #969696;
        background: none;
    }

    .navbar-nav .hovernav:hover > .dropdown-menu {
        display: block;
    }
}

/*
    Nav Sidebar which works as per the Bootstrap Docs sidebar
    */
/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    /* all links */
    .bs-docs-sidebar .nav > li > a {
        color: #999;
        border-left: 2px solid transparent;
        padding: 4px 20px;
        font-size: 13px;
        font-weight: 400;
    }

    /* nested links */
    .bs-docs-sidebar .nav .nav > li > a {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 30px;
        font-size: 12px;
    }

    /* active & hover links */
    .bs-docs-sidebar .nav > .active > a,
    .bs-docs-sidebar .nav > li > a:hover,
    .bs-docs-sidebar .nav > li > a:focus {
        color: #4a0066;
        text-decoration: none;
        background-color: transparent;
        border-left-color: #4a0066;
    }
    /* all active links */
    .bs-docs-sidebar .nav > .active > a,
    .bs-docs-sidebar .nav > .active:hover > a,
    .bs-docs-sidebar .nav > .active:focus > a {
        font-weight: 700;
    }
    /* nested active links */
    .bs-docs-sidebar .nav .nav > .active > a,
    .bs-docs-sidebar .nav .nav > .active:hover > a,
    .bs-docs-sidebar .nav .nav > .active:focus > a {
        font-weight: 500;
    }

    /* hide inactive nested list */
    .bs-docs-sidebar .nav ul.nav {
        display: none;
    }
    /* show active nested list */
    .bs-docs-sidebar .nav > .active > ul.nav {
        display: block;
    }

    /*Styling to allow the sidebar nav to scroll with the the page and attach beneath the top nav bar */
.affix-top, .affix {
    position: static;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 30px;
    }

    #sidebar.affix {
        position: fixed;
        top: 70px;
    }
}


/*Header formatting to account for fixed horizontal navbar at top of page */
.MainContent {
    margin-top: 40px;
}

.group, .subgroup {
    padding-top: 40px;
    margin-top: -40px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*body > .container {
    padding: 60px 15px 60px;
}*/

.container .text-muted {
    margin: 20px 0;
}

#footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.tagline-bar .tagline {
    display: inline-block;
    padding: 10px 0;
}
.tagline-bar {
    background: #013f6e;
    padding: 10px 0;
    color: #fff;
    font-size: 34px;
    line-height: 34px;
    font-family: 'Open Sans', sans-serif;
}
