body {
    color: #414042;
    font: 16px/26px Helvetica,Helvetica Neue,Arial;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override bootstrap default behaviour to always show the horizontal scroll bar if the 
    table overflows, rather than just on the smallest @media query*/
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
}

/* ------ */
/* Header */
.navbar{
     padding-bottom: 0;
     margin-bottom: 0;
}

.navbar-default {
    background-color: white;
    border:none;  
}

ul.navbar-nav, .navbar-nav{
    float:right;
}

.navbar-toggle {
    z-index:9999;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #cc0066;
}

.main-header-button {
    background-color: #e4e5e6;
    color: #003366;
    margin-left:3px;
    width:100px;
    text-align:center;
}

.main-header-button .selected {
    color:#cc0066 !important;
}

.main-header-button .selected:after {
    border-color: #e4e5e6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid #e4e5e6;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    top: 100%;
    width: 0;
}

.header-logo-container
{
    position:relative;
    width:650px;
}

@media (min-width: 768px) {
    .header-logo-container
    {
        margin-top: -25px;
    }
}

.header-subtitle {    
    color: #0099cc;
    font-size: 1.25em;
    font-weight: lighter;
    position: absolute;
    left: 250px;
    bottom: -13px;
}

.header-link-container{   
    font-size: 1.125em;
    text-decoration: none;
}

.header-link-container > li > a {
    color: #003366 !important;
}

.header-link-container > li > a:hover {
    color: #cc0066 !important;
}

.header-message {
    padding-top: 5px;
    padding-bottom:5px;
    background: #007fa9;
    color: white;
    text-align:center;
}

.header-message > a {
    color:white;
}

.navbar hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* End Header */
/* ---------- */

/* Breadcrumb */

.breadcrumb {    
    background-color: white !important;
    border-radius: 0 !important; 
    margin-bottom: 0 !important;   
}

.breadcrumb > li + li:before {    
    content: ">> ";    
    color: #d8d8d9;
    font-family: arial;
    font-size: 0.875em;
    height: 10px;
    letter-spacing: -2px;
    padding: 0 5px;
    width: 10px;
}

.breadcrumb > .nocrumb:before {    
    content: "" !important;
}

.breadcrumb > .nocrumb > a{    
   color: #cc0066 !important;
}

.breadcrumb > .active {
  color: #414042;
}

.breadcrumb > li > a{
    color: #007fa9;
}

/* End Breadcrumb */

/* ------ */
/* Footer */

footer{
    background: none repeat scroll 0 0 #e4e5e6;
    margin-top:20px;
    padding-top: 10px;
}

.footer-container{  
  background: #007fa9;
  padding-top:15px;
  padding-left:15px;
  padding-bottom:5px;
}

footer a,
footer a:hover,
footer p
{
    color:white;
}

/* End Footer */
/* ---------- */

/* ---------- */
/* Typography */


/* This is interfering with Bootstrap. todo - remove after checking for side effects  */
/* Set width on the form input elements since they're 100% wide by default */
/* 
input,
select,
textarea {
    max-width: 280px; 
}
*/

a {
    color: #cc0066;
    text-decoration: none;
}

.pink{
    color: #cc0066;
}

h1{
    color: #003366;
}

h2, h2.panel-title {
    background: none repeat scroll 0 0 #e4e5e6;
    padding: 15px 10px;
    font-size: 1.25em;
    font-weight: lighter;    
    color: #003366;
}

h3{
    font-weight: bold;
    font-size: 1.25em;  
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.subheading {
    font-size: 0.75em;
    line-height: normal;
}
/* End Typography */
/* -------------- */

/* --------------- */
/* Icon Specifics */
.iconstable {
    display: table;
}

.iconsrow {
    display: table-row;
    vertical-align: middle;
}

.iconscell {
    display: table-cell;
    vertical-align: middle;
}

.iconscell a, .iconscell a:hover {
    color: #003366;
    font-weight: bold;
}

.iconsbutton {
    border: medium none;
    color: transparent;
    font-size: 0;
    height: 50px;
    padding: 0;
    margin: 0 10px 0 10px;
    width: 50px;
    display: inline-block;
}

.linkedin-link {
    background: url("Images/linkedin-icon.png") no-repeat scroll center center #003366;
}

.twitter-link {
    background: url("Images/twitter-icon.png") no-repeat scroll center center #003366;
}

.blog-link {
    background: url("Images/blog-icon.png") no-repeat scroll center center #003366;
}


.info {
    background: url("Images/information-icon-white.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 21px;
    width: 22px;
    margin-right:10px;
}

/* End Icon Specifics */
/* ------------------- */

/* --------------------------- */
/* Borders to separate columns */
/* Todo - different offsets for different widths (@media queries)? */

.border-left, .border-right { position: relative; }
.border-left:before, .border-right:after {
    position: absolute;
    content: '';
    width: 0px;
    border-left: 1px solid #aaa;
    height: 100%;
    top: 0px;
}
.border-left:before { left: -0px; }
.border-right:after { right: -1px; }

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

/* End Borders to separate columns */
/* ------------------------------- */

/* --------------- */
/* Search criteria */
.searchCriteria {
    font: 12px Helvetica,Helvetica Neue,Arial;
}

.searchCriteria .radio {
    font-weight: normal;
}

.searchCriteria .checkbox {
    font-weight: normal;
}

.searchBox{   
    margin-top:40px;
    background-color: #F7F7F7;
    padding-top: 20px;
    padding-bottom: 20px;
}

.searchBox div h4{
    margin-top: 0;
}

/* End Search criteria */
/* ------------------- */

/* --------------- */
/* Search filters */
.searchFilters {
    font: 12px Helvetica,Helvetica Neue,Arial;
}

.searchFilters .radio {
    font-weight: normal;
}

.searchFilters .checkbox {
    font-weight: normal;
}

.table-verticalscroll {
    height: 255px;
    overflow-y: auto;
}

.table-verticalscroll table {
    margin-bottom: 0px;
}

#ui-datepicker-div {
    z-index: 100 !important;
}
/* End Search filters */
/* ------------------- */

/* --------------- */
/* Search summary */
.searchSummary {
    font: 12px Helvetica,Helvetica Neue,Arial;
}

.alignRight {
    text-align: right;
}

/* End Search summary */
/* ------------------- */


/* --------------- */
/* Search results */
.searchResults {
    font: 12px Helvetica,Helvetica Neue,Arial;
}

.searchResults table {
    color: #000;
}

.searchResults .emphasise {
    color: #000;
    font-weight: bold;
}

.searchResults .form-inline > * {
    margin-left: 5px;
}

.searchResults .formLabel {
    margin: 4px 0px 0px 0px;
}

.searchResults .checkbox {
    font-weight: normal;
}

.searchResults .dropdown-menu {
    padding: 5px;
}

.searchResults .row {
    margin-top: 5px;
}

.searchResults .pagination {
    margin: 0;
}
/* End Search results */
/* ------------------- */

/* ----------------------------- */
/* columns of same height styles */
.row-same-height {
    display: table;
    width: 100%;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}
/* end columns of same height styles */
/* --------------------------------- */

/* --------------- */
/* Common Searches */

@media (min-width: 768px) {
    .commonSearchBox-top {
        background-color: #cc0066;
        color: white;   
        width:100%;
    }

    .commonSearchBox-top img {
        width: 100%;
        position: relative;
    }

    .commonSearchBox-top h3 {
        background: none repeat scroll 0 0 #FFFFFF;
        opacity: 0.75;
        top: -10px;
        position: absolute;
        padding: 10px 10px 10px 10px;
        width: 100%;
        color: #cc0066;
    }

    .commonSearchBox-bottom {
        background-color: #cc0066;
        border-right: 15px solid white;
        border-left: 15px solid white;
        padding-left:0;
        padding-right:0;
     } 

    .commonSearchBox-bottom a {
        color: white;
        font-size: 14px;
    }       
}

.commonSearchBox-bottom ul {
    padding-top: 10px;
    list-style-type: none;
    padding-left:15px;
    padding-right:15px;
}

.commonSearchBox-bottom ul li {            
    line-height:20px;
    margin-bottom: 11px;
}

/* End Common Searches */
/* ------------------- */