/**************************************************
 * CSS for OrApps - From OrApps css Directory
 **************************************************/

/* Set total width of page body. */
#wrapper, #heading_logo_inner, #nav, #breadcrumbs {
    <!-- width: 1000px;
    4/14/2015 -->
}

/* Debug
#contentFor3Columns, #contentFor2Columns, #sidebar1, #sidebar2
{
  background-color:silver;  
}

html
{

  background-color:#F3F2ED !important;
}
*/


/* Body */
body {
    padding-top: 50px; /* Whatever the height of your navbar is; the
                             default is 50px */
    /* background-color: whitesmoke !important; /*#FFFFFF;*/
    color: #444444;
    font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-size: 9pt;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-align: left;
}

img {
    border-style: none;
}

/* Headings */
/* Default to bootstrap

h1 {
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.185em;
}

h2 {
    color: #707070;
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.185em;
    margin-top:5px;
}

h3 {
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif; 
    font-size: 1.75em;
    font-weight: lighter;
    letter-spacing: 0.03em;
    line-height: 1.333em;
    margin-top:5px;
    margin-bottom:10px;
}

h4 {
    font-size: 1.3em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.2em;
    margin-top:5px;
    margin-bottom: 0px;
}

h3, h4 {
    color: #2668B2;
}


*/

#content {
    background-color: #FFFFFF;
}

/****************************************************
11/5/2018
Global - Define appearance of Controls  
Make them look more modern with theme colors
and rounded corners.

The model came from 
****************************************************/
/* 11/5/2018 - Rounded Corners*/
/*input, textarea {*/
input, textarea {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px silver;
    padding: 5px;
    margin: 2px;
}

/* 11/5/2018 - Submit Button Style */
input[type="submit"] {
    background-color: #408bca;
    color: white;
    padding: 5px 10px 5px 10px;

}

input[type="submit"]:Hover {
    background-color: #2d6cc0;
    color: white;
}

    input[type=checkbox]:not(old),
    input[type=radio ]:not(old) {
        margin-left: 10px;
        font-size: Small;
    }


/***********************************/
/* Anchor that looks like a button */
/***********************************/
.BlueButton {
    background-color: #408bca;
    color: white;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}

    .BlueButton:hover {
        background-color: #2d6cc0;
        color: white;
    }

    .BlueButton:active {
        position: relative;
        top: 1px;
    }
/****************************************************/

/* Heading */
#heading_logo_outer {
    width: 100%;
    background: #2E6CC1;
    color: white;
}

#heading_logo_inner {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: 0px solid yellow;
}
/* Heading Quick Links Box */
#heading_quick_links {
    float: right;
    margin-right: 5px;
    color: silver;
}

    #heading_quick_links a {
        color: white;
        font-weight: bold;
        text-decoration: none;
        font-family: Helvetica,Geneva,sans-serif, Arial;
    }

#heading_red {
    font-size: 12pt;
    color: red;
    font-weight: bold;
}

/* Navigation */
#heading_nav_outer {
    width: 100%;
    background: #003066;
    color: white;
}

#nav {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 2em;
    font-size: 8pt;
    font-weight: bold;
    color: silver;
}

    #nav A:link, #nav A:visited, #nav A:active {
        color: white;
        text-decoration: none;
    }

    #nav A:hover {
        color: #F1AB00;
    }

/* Breadcrumbs */
#breadcrumbsOuter {
    width: 100%;
    background-color: #D7D3C3;
    color: white;
}

#breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 2em;
    color: black;
    font-size: 8pt;
}

    #breadcrumbs ul {
        margin: 0; /*Prevents blank line above.*/
    }

    #breadcrumbs li {
        display: inline;
        padding-right: 20px;
    }

    #breadcrumbs ul li:before {
        content: "\00BB \0020";
    }

    #breadcrumbs a {
        color: black;
    }

/* Section */
#section {
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-size: 2.5em;
    font-weight: normal;
    line-height: 1.185em;
    /* border-bottom:2px solid #EEF1F4; */
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
}

/* --- Content Starts Here --- */

#wrapper {
    margin: 0px auto;
    padding: 0px;
    border: 0;
}



/* Sidebars */
#sidebar1 {
    text-align: left;
    width: 100%;
}

#sidebar2 {
    float: right;
    text-align: left;
    width: 260px;
}

#sidebar1 ul {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
    font-weight: normal;
    font-size: 1em;
}

#sidebar1 li {
    list-style: none;
    margin: 0;
    padding: 0.15em;
    border-top: 1px solid gray;
}

#sidebar1 a {
    text-decoration: none;
    color: #2D6CC0; /* #2D6CC0 */
}

    #sidebar1 a:hover {
        color: #2D6CC0; /* #F1AB00 */
    }

.reverseHeadingSidebar {
    border: 1px solid silver;
    color: white;
    background-color: #2D6CC0;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-weight: bold;
}

.reverseHeading {
    border: 1px solid silver;
    color: white;
    background-color: #5088BD;
    font-size: 1.5em;
    line-height: 2em;
    text-align: center;
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-weight: bold;
}

#splashImage {
    float: left;
    text-align: left;
    border: 0px solid yellow;
}

/* Should equal body width less sidebar1 */
#contentFor2Columns {
    float: left;
    text-align: left;
    width: 800px;
    border: 0px solid yellow;
}

/* Should equal body width less sidebar1 and 2 */
#contentFor3Columns {
    float: left;
    text-align: left;
    width: 540px;
}

/* Inner padding for content. */
.contentInnerPadding {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

#footer {
    background-color: #F3F2ED;
    font-size: 9pt;
    clear: both;
    text-align: center;
}




/* Other */

.pictureRight {
    float: right;
    border: 1px solid silver;
    margin-left: 10px;
    text-align: center;
    padding: 3px;
}

/***********************************/
/* Anchor that looks like a button */
/***********************************/
/*Note: Surrond anchors with span or div.*/
/* White Button */
.tabButton1 a:link, .tabButton1 a:visited, .tabButton1 a:active {
    position: relative;
    margin: 0;
    padding: 0px 5px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #2E3A6C;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border: 1px solid #2E3A6C;
    background-color: white;
}

.XXXtabButton1 a:hover /*Note when used as a selected tab, better not to have a hover color.
{
background-color:#2E3A6C;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

/* White Button */
.tabButton2 a {
    display: block;
}

.tabButton2 a:link, .tabButton2 a:visited, .tabButton2 a:active {
    margin: 0;
    padding: 0px 5px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: white; /*color:#2E3A6C;*/
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border: 1px solid #2E3A6C;
    background-color: #2D6CC0;
    height: 100%
}

.tabButton2 a:hover {
    background-color: #2E3A6C;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/*********************************/
/* Tab Buttons - Horizontal List */
/*********************************/
ul.TabButtonsHorizontal1 {
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
}

.TabButtonsHorizontal1 li {
    display: inline;
    list-style-type: none;
}

.TabButtonsHorizontal1 a {
    padding: 0px 10px;
}

    .TabButtonsHorizontal1 a:link, .TabButtonsHorizontal1 a:visited {
        color: #fff;
        background-color: #2D6CC0;
        text-decoration: none;
    }

    .TabButtonsHorizontal1 a:hover {
        color: #fff;
        background-color: #2E3A6C;
        text-decoration: none;
    }

/*********************************/
/* Article Name and Block */

/*.articleTitle_OLD {
  color:#3C8FD5;
  font-size:2em;
  font-weight:normal;
}*/

.articleTitle {
    border: 1px solid silver;
    color: white;
    background-color: #3073ad; /*#2D6CC0;*/
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
}

.article {
    border: 2px solid #D3DAE2;
    padding: 3px;
    margin-bottom: 15px;
}


.Warning, .warning {
    color: white;
    font-size: 9pt;
    font-weight: Normal;
    background-color: Maroon; /* FFCCCC Light red. */
    padding: 0px;
    margin: 0px;
    display: block;
}

.WarningGreen {
    color: white;
    font-size: 9pt;
    font-weight: Normal;
    background-color: Green;
    padding: 0px;
    margin: 0px;
    display: block;
}

/* Use for text over input fields. */
.Prompt, .prompt {
    font-size: 8pt;
    padding-top: 5px;
    font-weight: bold;
    color: #02507E; /*<---Dark Blue.  Original was Maroon;*/
}
/* Prompt Horizontal - Reverse color with small spacing between blocks. */
.PromptH {
    font-weight: bold;
    color: White;
    background-color: #2D6CC0;
    border: 1px solid silver;
    display: inline-block;
    width: 15em;
    margin-bottom: 5px;
    padding: 3px;
}


.border {
    padding: 5px;
    margin: 5px;
    border: 1px solid navy;
    background: #F8F9FB;
}


.NormalText {
    font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    font-size: 9pt;
    font-weight: normal;
}


/***********************************************************************************/
/* SPA Headings */
.SPABoxOuter {
    border: 1px solid black;
    width: 300px;
    margin: 0px auto;
    text-align: left;
    border-radius: 15px;
}

.SPABoxHeading {
    font-weight: bold;
    font-size: 12pt;
    background-color: #2D6CC0;
    color: white;
    width: 100%;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.SPABoxInnerText {
    text-align: left;
    padding: 3px;
}






/******************************************************************
4/14/2015  SF
The current version of Bootstrap (3) does not include a 
Second Level Menu Nav. Include the following CSS to
enable it to work.

http://php.quicoto.com/bootstrap-3-second-level-menu-nav/
******************************************************************/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }


/****************************
Bootstrap Overrides
*****************************/
.xxxglyphicon {
    color: #003066; /* Midnight blue. */
}

.xxxbtn-primary {
    background-color: #003066;
    background-image: linear-gradient(to bottom, #044792 0px, #003066 100%);
    background-repeat: repeat-x;
}

.xxxbtn-info, panel-info {
    background-color: blue;
    background-image: linear-gradient(to bottom, #69e 0px, #2d6cc0 100%);
    background-repeat: repeat-x;
}

.xxxpanel-info > .panel-heading {
    background-image: linear-gradient(to bottom, #69e 0px, #2d6cc0 100%);
    background-repeat: repeat-x;
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {
}

h2 {
}

h3 {
}

h4 {
}

.pictureRight {
}

.reverseHeading {
}

.reverseHeadingSidebar {
}

.tabButton1 {
}

.tabButton2 {
}

.warning {
}

/***********************************************
            AJAX Fixes
************************************************/

/* Fix for Ajax Tabs when used with Bootstrap. */
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    height: 25px !important;
}

/* Fix for Ajax Gridview where columns have no padding and other things. */
.BootstrapGridviewFix th, .BootstrapGridviewFix td {
    padding: 5px !important; /* Fix column padding. */
}

a {
    text-decoration: underline;
}

.BootstrapGridviewFixPaging {
    text-decoration: underline; /* Fix no underline on paging.*/
}




/***********************************************
 Fix for Ajax Gridview pager.  6/9/2015
    http://forums.asp.net/t/1616278.aspx?Having+trouble+using+css+page+to+style+GridView+pagerstyle
    Add this to the gridview:
    <PagerStyle CssClass="pager" />
************************************************/
.pager a {
    border: 0px solid #EDF5FF; 
    color: #0067A5;
    text-decoration: underline;
    padding: 2px 5px;
}

.pager span {
    background-color: #0067A5;
    border: 2px solid #DBEAFF;
    color: #FFFFFF;
    padding: 2px 5px;
}


.pager a:hover {
    color: #1E90FF;
}




/***************************************
     For ModalPopupExtender 
***************************************/
.modalLabel {
    border: 1px solid Gray;
    background-color: WhiteSmoke;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}


/*Labels don't need protection, but this class will make a 
label look like a protected textbox.  (From Intranet) */
.ProtectedLabel {
    background-color: #EFEFEF; /*#EFEFEF A light gray;*/
    color: #2F2F2F;
    border: 1px solid silver; /* For when applied to labels. */
    padding: 2px;
}

/* Use for panels that appear for a selection. (From Intranet) */
.PopUpPanel {
    position: absolute;
    border: 3px solid Maroon; /* #507CD1; */
    background-color: whitesmoke; /*#FFFFE0;  #EFF3FB;*/
    padding: 10px; /*visibility:hidden;   /* Added 5/22/2008 for PopUpExtender  Ok? */
}