/* New font rules -- http://css-tricks.com/snippets/css/using-font-face/ */

@font-face {
    font-family: 'Open Sans';
    src: url('/boCIR/fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('/boCIR/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/boCIR/fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */ url('/boCIR/fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('/boCIR/fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
    src: url('/boCIR/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/boCIR/fonts/OpenSans-Light.woff') format('woff'), /* Modern Browsers */ url('/boCIR/fonts/OpenSans-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/boCIR/fonts/OpenSans-CondBold.eot'); /* IE9 Compat Modes */
    src: url('/boCIR/fonts/OpenSans-CondBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/boCIR/fonts/OpenSans-CondBold.woff') format('woff'), /* Modern Browsers */ url('/boCIR/fonts/OpenSans-CondBold.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* WARNING: Font locations are hard-coded. EOT fonts are provided only for IE8 support */

body {
    font-family: "Open Sans", "Arial", sans-serif;
    background-color: #fdfdfd; /* #ededed; */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans Condensed', "Arial", sans-serif;
}

.panel-heading {
    font-family: 'Open Sans Condensed', "Arial", sans-serif;
    font-size: 150%;
}

/* Full Screen iFrame?
iframe {
	border: 0; 
	position:absolute; 
	width:100%; 
	height:100%;
	border: none;
	margin: 0;
	padding: 0;
	overflow:hidden; 
	z-index:999999;
}
*/

iframe[seamless] {
    background-color: transparent;
    border: 0px none transparent;
    padding: 0;
    overflow: hidden;
}

/* -- Global CSS Reset - Standardize behavior in browsers --------- */

body, html {
    font-size: 100%;
    padding: 0;
    margin: 0;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    height: auto !important; /* IE8 Fix: solves vertical stretch on responsive images with widths set to 100% */
}

#CIRBadge2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    -webkit-opacity: 1.00;
    opacity: 1.00;
    filter: 0; /* IE 8 Fix -- Poor PNG24 Transparency w/ Opacity support*/
}

#CIRBadge2:hover { /* Add hover effect */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -webkit-opacity: 0.70;
    opacity: 0.70;
    filter: 0; /* IE 8 Fix -- Poor PNG24 Transparency w/ Opacity support*/
}

#CIRLogoPublic {
    width: 100%;
    max-width: 600px;
    max-height: 188px; /* IE8 Fix */
    margin-bottom: 1em; /* Room to breathe */
}

.panel-heading {
    text-align: center; /* Center Panel Headers button */
}

.panel-body {
    text-align: center; /* Center Panel Body (Buttons & Text) */
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.smaller-text {
    font-size: 90%;
}

.smaller-still-text {
    font-size: 80%;
}

.error {
    color: red;
}

.resultInfo {
    text-align: center;
}

label {
    margin: 5px; /* Used to vertically align element to middle with partner element */
    text-align: right;
    font-weight: normal; /* Relax font weight from Bootstrap STRONG default: 600 */
    /* font-family: "Open Sans Condensed", "Arial Narrow"; */
}

th {
    text-align: center;
}

.table-condensed > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.select-btn {
    margin: 3px; /* Add very slight margin to buttons on result tables */
}

.wizard-nav {
    padding: 0.5%;
    text-align: center;
}

.center { /* Quick center for legacy TABLES */
    margin: 0 auto;
}

.text-left {
    text-align: left; /* More traditional TEXT alignment */
}

.bootstrap-select.btn-group, /* Reset Bootstrap Select Margin Bottom */
.bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0px;
}

/* Add more space around SEARCH button. WARNING: Might have unexpected behavior. -- Removed 2/21/14 (added too much space underneath on forms)
input[value=Search] {
  margin-top: 15px;
  margin-bottom: 15px;
} 
*/

.panel-heading { /* Make panel heading more narrow to save space. */
    padding-top: 5px; /* Bootstrap Default: 10px */
    padding-bottom: 5px; /* Bootstrap Default: 10px */
}

.bootstrap-select.btn-group .dropdown-menu li > a { /* Dropdown selects can make blank values too thin & hard to select- make them a minimum height */
    min-height: 1.5em;
}

.navbar {
    border-radius: 0px; /* Square-out NAVbar - Look more modern */
}

.no-margin {
    margin: 0px;
}

.list-group-item.active {
    background-color: #2e4f70;
    border-color: #2e4f70;
}

/* centered columns styles - http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.blueBack {
    background-color: #2e4f70 !important;
    border-color: #2e4f70 !important;
    color: white !important;
}

.stdBack {
    background-color: #f5f5f5;
    border-color: #dddddd;
    color: #333333;
}

/* -- View & Download Files ------------------------------------ */

.red {
    color: red;
}

.green {
    color: green;
}

.cirGreen {
    color: #036A37;
}

.cirBlue {
    color: #133156;
}

/* -- System Status ------------------------------------ */

.statusRed {
    color: #ea3333;
}

.statusYellow {
    color: #f0d700;
}

.statusGreen {
    /* color: #3eea33; -- This green is too neon */
    color: #21bb6f;
}

.statusSpan {
    margin-left: 0.3em;
    font-size: 1.2em;
    vertical-align: -2px;
}

/* -- Summary Pages -------------------------------------------------- */

.summary-table {
    max-width: 800px; /* Container Fit */
    border: 1px solid #DDDDDD; /* Match Bootstrap Colors -- Outside border (not inner borders)*/
}

.displayFieldLabel {
    text-align: left;
    font-weight: bold;

}

.inputField {
    text-align: left;
    word-break: break-all; /* In case we get a very large non-spaced input */
}

/* -- General ----------------------------------------------------- */

.IE7 {
    display: none; /* Hide IE7 Specific Elements */
}

.hidden {
    hidden; /* Hide */
}

.hide {
    display: none; /* Cross-browser hide element */
}

#container {
    padding: 15px; /* Pad the edges of the page slightly -- Setting this to 1% causes a horizontal scroll-bar (below 1200px) with full 12-col rows */
    padding-top: 0px; /* Reset the top padding to reduce menu size */
    padding-bottom: 0px; /* Reset the bottom padding to lock footer to content menu size */
    margin: 0 auto; /* Center the container after setting max-width */
}

fieldset {
    margin: 10px;
    padding: 10px;
    background-color: #f5f5f5;
}

.modal-body {
    text-align: left; /* For system announcements */
}

.modal-backdrop {
    background: white;
}

.off-white {
    color: #ededed !important;
}

.form-group {
    margin-bottom: 5px;
}

.panel-heading {
    /* font-family: "Open Sans Condensed", "Arial Narrow"; */
}

.fat-padding {
    padding: 4em;
}

.trim-padding {
    padding: 0.25em;
}

.nopadding {
    padding: 0;
}

.homepagetext {
    /*	text-align: right; */
    font-size: 0.8em;
}

.popover {
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 14px;
}

/* -- Glyphicons ------------------------------------------------- */

.glyph-fade {
    margin-left: 1em;
    margin-right: 1em;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s linear;
}

.glyph-fade:hover { /* Add hover effect */
    /* Removed 2/12/14
    opacity: 0.5;
    filter: alpha(opacity=50);
     -webkit-transition: opacity 1s linear;
     */
}

.glyph-accent {
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: #92CEFF;
}

/* -- Circular Buttons ------------------------------------------------- */

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
}

.btn-circle-text {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0 0 0 0;
    font-size: 24px;
    line-height: 1.0;
    border-radius: 20px;
}

.btn-circle-star {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0px 0px 1px 1px;
    font-size: 18px;
    line-height: 1.0;
    border-radius: 20px;
    color: #133156; /* CIR Blue */
}

.btn-circle-heart {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 1px 1px 0px 0px;
    font-size: 18px;
    line-height: 1.0;
    border-radius: 20px;
}

.helpPosition {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.help-button {
    float: right;
    margin-right: 0.5%;
    margin-bottom: 1.0%;
    font-family: 'Open Sans Condensed', "Arial", sans-serif; /* Added to make (?) more pronounced */
}

.btn-offset {
    float: left;
    width: 80px
}

.btn-fav {
    float: right;
    width: 36px;
    height: 36px;
    padding: 0 0 1px 2px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.0;
    font-size: 18px;
    margin-right: 0.5em;

    margin-top: -5px; /* Temporary Fix -- For Old Layout */
    margin-bottom: 5px;
}

.btn-help {
    float: right;
    width: 36px;
    height: 36px;
    padding: 0 0 1px 2px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.0;
    font-size: 24px;
    font-family: 'Open Sans Condensed', "Arial", sans-serif; /* Added to make (?) more pronounced */

    margin-top: -5px; /* Temporary Fix -- For Old Layout */
    margin-bottom: 5px;
}

.btn-help-header { /* For New Layout */
    margin-top: 0px;
    margin-bottom: 0px;
}

/* -- Login ------------------------------------------------- */

.login_form {
    padding-top: 0.5em; /* Add some padding between the fields when they collapse into Mobile */
    text-align: center; /* Center the Login Button */
    float: right;
    line-height: 200px;
    height: 200px;
}

.form_condense {
    padding-left: 1.0%; /* Compromise: gutters are too large @ desktop resolution but required at mobile size. This looks OK on both. */
    padding-right: 1.0%;
}

.password_field {
    font-family: Arial, sans-serif; /* IE Fix */
}

.login_button {
    margin-top: 0px; /* Align the button with the login fields */
    width: 100%; /* Max the Login button size to fit the 2 columns */
    margin-bottom: 5px; /* Add padding between button and warning message after collapse */
}

#security_message {
    margin-top: 1.0%; /* Pad Security Message */
    z-index: 9997; /* Place warning on top of Carousel (IE Fix) */
}

.narrow-heading {
    padding: 2px;
}

/* -- Public Menu ------------------------------------------------- */

.navbar {
    border-color: #024524;
    background-color: #036a37;
    margin-bottom: 5px; /* Trim space between NAV and carousel */
    font-family: "Open Sans Light"; /* Give a lighter feel to the menu */
}

.navbar-default .navbar-brand {
    color: #ededed;
}

.navbar-default .navbar-nav > li {
    padding: 0px 30px;
}

.navbar-default .navbar-nav > li > a {
    color: #ededed;
}

.navbar-default .navbar-nav > li > a:visited {
    color: #ededed;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #1a9e5d;
}

.navbar-default .navbar-nav > li > a:active {
    color: #65cf9b;
}

}

/* -- Bootstrap Carousel ----------------------------------------------------- */

.carousel-control {
    /* background-image: none !important;  remove background gradients on controls */
}

.carousel {
    background-color: #999;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 400px;
    background-color: #bbb;
}

.carousel img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 400px;
}

#carousel-public {
}

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

html, body {
    height: 100%; /* The html and body elements cannot have any padding or margin. */
    margin: 0px;
}

/* Design for flexible sticky footer */

.Frame {
    display: table;
    width: 100%;
    margin: 0 auto;
}

html > /**/ body .Frame {
    height: 100%;
}

.FrameRow {
    display: table-row;
    height: 1px;
    overflow: hidden;
}

html > body .FrameRow.Expand {
    height: auto;
}

#page {
    max-width: 1400px;
}

#wrap { /* Wrapper for page content to push down footer */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    /*  margin-bottom: -142px;  -- REMOVED to fix IE7 issue -- Replaced with -35 */
    margin-bottom: -35px;
}

#push {
    /* min-height: 1em;				Old --Pad space between footer and wrap */
    min-height: 0em;
}

#footerContainer {
    padding: 0px;
    margin: 0 auto;
}

#footer { /* Set the fixed height of the footer here */

    /* Removed after logo was removed from the bottom: */
    /* min-height: 150px;		*/ /* Visible Size Goal: 35px */
    /* margin-bottom: -115px;	*/ /* Hides bottom-most part of footer */

    min-height: 35px; /* Visible Size Goal: 35px */
    margin-bottom: -0px; /* Hides bottom-most part of footer */

    font-size: 75%;
    font-weight: normal;
    text-align: center;
    padding-top: 0px; /* If > 0 will cause a vertical scrollbar on each page */
    margin-left: 15px; /* Matching the Container */
    margin-right: 15px; /* Matching the Container */
    /* OLD:  max-height: 8em;			/* This ensures at smaller resolutions, the footer grows to accommodate screen size */

    /* CIR Gray: #f5f5f5  CIR Blue: #133156  CIR Light Blue: #92ceff  CIR Green: #036a37  Gray Faded: #ededed  */

    border-top: 4px solid #133156;

    background-color: #133156;

    background-image: -webkit-gradient(
            linear,
            right bottom,
            right top,
            color-stop(0, #133156),
            color-stop(1, #2E4F70)
    );
    background-image: -o-linear-gradient(top, #133156 0%, #2E4F70 100%);
    background-image: -moz-linear-gradient(top, #133156 0%, #2E4F70 100%);
    background-image: -webkit-linear-gradient(top, #133156 0%, #2E4F70 100%);
    background-image: -ms-linear-gradient(top, #133156 0%, #2E4F70 100%);
    background-image: linear-gradient(to top, #133156 0%, #2E4F70 100%);

}

.footerPublic {

    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;

    border-top: 4px solid #036a37 !important;

    background-color: #036a37 !important;

    background-image: -webkit-gradient !important( linear,
right top,
right bottom,
color-stop(0, #036A36),
color-stop(1, #1D8A51) );
    background-image: -o-linear-gradient(bottom, #036A36 0%, #1D8A51 100%) !important;
    background-image: -moz-linear-gradient(bottom, #036A36 0%, #1D8A51 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #036A36 0%, #1D8A51 100%) !important;
    background-image: -ms-linear-gradient(bottom, #036A36 0%, #1D8A51 100%) !important;
    background-image: linear-gradient(to bottom, #036A36 0%, #1D8A51 100%) !important;
}

#footerBadge {
    padding: 1em;
}

.footerPrivate a:link {
    color: #ffffff;
}

/* unvisited link */
.footerPrivate a:visited {
    color: #ffffff;
}

/* visited link */
.footerPrivate a:hover {
    color: #92ceff;
}

/* mouse over link (old: #92ceff) */
.footerPrivate a:active {
    color: #92ceff;
}

/* selected link (old: #92ceff)*/

.footerPublic a:link {
    color: #ffffff;
}

/* unvisited link */
.footerPublic a:visited {
    color: #ffffff;
}

/* visited link */
.footerPublic a:hover {
    color: #47b176;
}

/* mouse over link */
.footerPublic a:active {
    color: #47b176;
}

/* selected link */

div#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#footer li {
    /*
        margin-right: 1.0%;
        margin-left: 1.0%;
    */
    margin-top: 5px; /* Add padding between the text and the top */
    margin-bottom: 5px; /* Add padding between the text and the bottom */
    display: inline-block; /* Note: IE7 Does not support inline-block. Requires conditional stylesheet. */
    text-align: center;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-right: 1px solid white;
}

div#footer li.lastElement {
    border-right: none; /* Remove divider from end of list */
}

div#footer li > a {
    text-decoration: none; /* Remove underline -- Provides a cleaner look */
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s linear;
}

div#footer li > a:hover { /* Add hover effect */
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s linear;
}

.footer-list {
    padding-bottom: 0;
}

/* -- Private Menu ---------------------------------------------------- */

.cbp-hrmenu {
    width: 100%;
    margin-top: 0em; /* Old Default: 2em -- New setting narrows space between top and menu */
    border-bottom: 4px solid #133156;
}

/* general ul style */
.cbp-hrmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
    width: 100%;
    max-width: 70em; /* Max width on inner-menu items */
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.cbp-hrmenu > ul {
    max-width: none; /* No max-width on top-level items */
    text-align: center;
}

.cbp-hrmenu > ul > li {
    display: inline-block; /* Note: IE7 Does not support inline-block. Requires conditional stylesheet. */
}

.cbp-hrmenu > ul > li > a { /* MENU ITEMS */
    font-family: "Open Sans Condensed", "Arial Narrow";
    font-weight: normal; /* Set to 700 for Bold / 400 for Normal / 300 for Light -- Note: 700 looks bad on latest FFx */
    font-size: 120%; /* Set to 160% to increase menu sub-header size */
    padding: 1em 1.75em; /* Default: padding: 1em 2em;*/
    color: #133156;
    display: inline-block; /* Note: IE7 Does not support inline-block. Requires conditional stylesheet. */
    text-decoration: none; /* Remove underline for top-level menu items -- Provides a cleaner look with icons */
    text-transform: uppercase; /* Make menu items ALL CAPS */
}

.cbp-hrmenu > ul > li > a:hover {
    color: #92ceff;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    color: #ededed;
    background: #133156;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    background: #133156;
    width: 100%;
    left: 0;
    z-index: 9998; /* Ensure the menu goes on top of all other page elements */
}

.cbp-hropen .cbp-hrsub {
    display: block;
    padding-bottom: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
    width: 33%;
    float: left;
    padding: 0 2em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
    content: " ";
    display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
    clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
    line-height: 2em;
}

.cbp-hrsub h4 {
    font-family: "Open Sans Light";
    font-weight: normal;
    font-size: 140%; /* Note: Set to 160% to increase menu sub-header size */
    color: #92ceff;
    padding: 2em 0 0.6em;
    margin: 0;
}

/* -- Media Queries -------------------------------------------------------------------------------------- */

@media screen and (max-width: 1300px) {
    .cbp-hrmenu {
        padding: 0;
    }

    .cbp-hrmenu > ul > li > a {
        font-size: 115%; /* Top-Level Menu Item Font */
        padding-left: 1.9em;
        padding-right: 1.9em;
    }

    #CIRBadge2 {
        width: 100%;
        max-width: 100px; /* IE7 Fix */
    }

    #CIR_PublicNav > ul.nav > li > a { /* Public Menu -- Fit all menu items before wrap */
        font-size: 94%;
    }
}

@media screen and (max-width: 1200px) {
    .cbp-hrmenu > ul > li > a {
        font-size: 110%; /* Top-Level Menu Item Font */
        padding-left: 1.8em;
        padding-right: 1.8em;
    }

    #CIRBadge2 {
        width: 90%;
    }

    #CIR_PublicNav > ul.nav > li > a { /* Public Menu -- Fit all menu items before wrap */
        font-size: 88%;
    }
}

@media screen and (max-width: 1100px) {
    .cbp-hrmenu > ul > li > a {
        font-size: 105%; /* Top-Level Menu Item Font */
        padding-left: 1.6em;
        padding-right: 1.6em;
    }

    #CIRBadge2 {
        width: 80%;
    }

    #CIR_PublicNav > ul.nav > li > a { /* Public Menu -- Fit all menu items before wrap */
        font-size: 82%;
    }

    #content {
        font-size: 95%; /* Main Content Font */
    }

    h3 {
        font-size: 140%; /* H3 Font - Normally 150% */
    }

    .breadcrumb {
        font-size: 95%; /* Breadcrumb Font */
    }
}

@media screen and (max-width: 1000px) {
    .cbp-hrmenu > ul > li > a {
        font-size: 100%; /* Top-Level Menu Item Font */
        padding-left: 1.4em;
        padding-right: 1.4em;
    }

    #CIRBadge2 {
        width: 70%;
    }

    #CIR_PublicNav > ul.nav > li > a { /* Public Menu -- Fit all menu items before wrap */
        font-size: 76%;
    }
}

@media screen and (max-width: 900px) {
    .cbp-hrmenu {
        font-size: 95%; /* Main Menu Font */
    }

    .cbp-hrmenu > ul > li > a {
        font-size: 90%; /* Top-Level Menu Item Font */
        padding-left: 1.2em;
        padding-right: 1.2em;
    }

    #CIRBadge2 {
        width: 60%;
    }

    #CIR_PublicNav > ul.nav > li > a { /* Public Menu -- Fit all menu items before wrap */
        font-size: 70%;
    }

    #content {
        font-size: 90%; /* Main Content Font */
    }

    h3 {
        font-size: 130%; /* H3 Font - Normally 150% */
    }

    .breadcrumb {
        font-size: 90%; /* Breadcrumb Font */
    }
}

@media screen and (max-width: 800px) {
    .cbp-hrmenu {
        font-size: 90%; /* Main Menu Font */
    }

    .cbp-hrmenu > ul > li > a {
        font-size: 90%; /* Top-Level Menu Item Font */
        padding-left: 1.0em;
        padding-right: 1.0em;
    }

    #CIRBadge2 {
        width: 50%;
    }

    #CIR_PublicNav > ul.nav > li > a { /* Public Menu -- Collapse Threshold -- Set font-size to 100% */
        font-size: 90%;
    }

    .col-centered {
        display: block;
        float: none;
        /* reset the text-align */
        text-align: left;
        /* inline-block space fix */
        margin-right: 0;
    }
}

/* Collapse Menu in List Form - Removed 2/11/14 */

/* Collapse inner Menu Columns */
@media screen and (max-width: 36em) {
    .cbp-hrmenu .cbp-hrsub-inner > div {
        width: 100%;
        float: none;
        padding: 0 2em;
    }
}

/* -- Breadcrumbs -------------------------------------------------- */

.breadcrumb {
    margin-bottom: 0px; /* Override Normal 20px margin for more condensed look */
}

.breadcrumb > li { /* Hard-code this value: remove to revert to Bootstrap Default behavior */
    /* font-family: "Open Sans Condensed", "Arial Narrow"; */
    color: #cccccc;
}

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

/* -- Login Page -------------------------------------------------- */

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.formContainer {
    margin: 0 auto; /* Center this div */
    padding: 15px; /* inner padding - some room to breathe */
    max-width: 500px;
}

.warningText {
    margin: 0 auto; /* Center this div */
    padding: 10px; /* inner padding - some room to breathe */
    max-width: 800px;
}

.logoSplash {
    margin: 0 auto; /* Center this div */
    padding: 10px; /* inner padding - some room to breathe */
    max-width: 600px;
}

/* -- Legacy --------------------------------------------- */

.scrollTable {
    overflow: auto;
    max-height: 450px;
    width: 100%;
    border: 1px solid #eeeeee;
}

#selectBox { /* When managing Roles */
    width: 100%;
}

/* JQuery Overlays ----------------------------------- */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2em !important; /* 2.2em in JQuery UI too large */
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 1em !important; /* 2.2em in JQuery UI too large */
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em !important; /* 1em 2.2em; in JQuery UI too large */
    border-top: 0;
    /* overflow: auto; */
    overflow: hidden !important; /* IE Fix */
}

.ui-tabs-panel {
    padding-left: 1em !important; /* JQuery UI too large */
}

.ui-accordion-header { /* Bootstrap fix -- JQuery UI too large */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* JQuery Accordion keyborad access script  ------------- */
#
.collapse p {
    padding: 0 10px 1em
}

.collapse {
}

#switch, .switch {
    margin-bottom: 5px;
    text-align: right
}

#
.expand {
    padding-bottom: .75em
}

.expand {
}

/* JQuery MultiSelect ----------------------------------- */
.multiSelect {
    width: 230px;
    border: solid 1px #BBB;
    background: #FFF url(/boCIR/img/dropdown.gif) right center no-repeat;
    padding: 2px 4px;
    padding-right: 31px;
    display: inline;
}

.multiSelect.hover {
    background: url(/boCIR/img/dropdown_hover.gif) right center no-repeat;
}

.multiSelect.active,
.multiSelect.focus {
    border: inset 1px #000;
}

.multiSelect.active {
    background: url(/boCIR/img/dropdown_active.gif) right center no-repeat;
}

.multiSelectOptions {
    min-width: 230px; /* Set MIN window width */
    max-width: 500px; /* Set window width size MAX */
    max-height: 300px; /* Set window height size MAX */
    white-space: nowrap;

    margin-top: -1px;
    border: solid 1px #B2B2B2;
    background: #FFF;

    overflow: auto; /* Enable Scrollbar */
    overflow-x: hidden; /* Hide Horizontal Scroll */
}

.multiSelectOptions LABEL {
    padding: 2px 5px;
    display: block;
}

.multiSelectOptions LABEL.checked {
    background: #E6E6E6;
}

.multiSelectOptions LABEL.selectAll {
    border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
    background: #CFCFCF;
}