@import "/javax.faces.resource/css/styles-common.css.seam?ln=original-layout&nocache=1583747261708&nocache=1583747261708";

/* Element Defaults.  Need table to prevent browser agent css from overriding */
table { font-size: inherit; color: inherit;}

/* Element Defaults.  Keep UI-Widget in line with body*/
html { min-height: 100%; height: auto;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; line-height: 1.25em; height: 100%; color: black}
li { margin: 10px 12px; }

/* Layout */
#document { width: 100%; float: left;}

/** Main menu **/
.mainMenu { text-align: center; float: left; width: 100%; clear:both;}
.mainMenuMenuBar {}
.mainMenuMenuBar.ui-menubar { text-align: center;}
.mainMenuMenuBar .ui-menu-list { display: inline-block;}
.mainMenuMenuBar .ui-menu-list .ui-menuitem { padding-left: 25px; font-size: 14px; font-weight: bold;}
/** Submenu.  Have to set the font-size to 13, please do not change as it causes issues on IE/Firefox with menu items dissappearing **/
.subMenu {clear: both; font-size: 13px;}

#pageErrors { width:100%; text-align:center;}
#footer { border-left: 1px solid #C3BBB6; border-right: 1px solid #C3BBB6; border-bottom: 1px solid #C3BBB6; background-color: #fff; margin-left: auto; margin-right: auto;  clear:both; overflow: hidden; z-index: 0;}
#footerContent { padding: 10px; }

/** Main Page Area. Overflow:hidden required to cause it to clear to get background color.  There is a repeating image in the document that gives**/
#sidebar { float: left;	width: 210px;}
#sidebarContent { padding: 10px;}
#content { float: left;  padding-bottom: 100px} /** Padding added so dropdowns don't flow into footer **/

/** Defined in other layouts, needed here **/
.card { clear: both}

/** Some overrides to the primefaces widgets as they are often a little skewed **/
/** Previous had a font size = small set for the .ui-widget but somehow this caused menubars to screw up on IE, so had to revert. **/
/** Really strange **/
/** Added padding to ui-selectonemenu so that it is visible on longer selected items **/
.ui-widget { font-family: Verdana, Arial, Helvetica, sans-serif; }
.ui-selectonemenu  { padding-right: 15px}
.ui-selectonemenu-item  { font-size: smaller}
.ui-accordion .ui-accordion-content { padding: 1em 1em;}

/** Growl **/
.ui-growl { top:200px; right:20px; }

/** Team roster overrides **/
.teamRoster tbody td { font-size: smaller}


@media (max-width:1000px){
    #sidebar { display: none; width: 210px; z-index: 20; float: left; position:absolute; background-color: white; border: 1px solid black;}
    #mainPageArea{width: 100%; border: none; background-image: none; background-color: white; clear:both; overflow: scroll;}
    .mainMenu {display: none}
    .header {height:50px}
    .headerLogo { position:absolute; top:1px; left:50px; height:48px; width:48px;}
    .headerQuickFind {width:100%; clear:both; padding-top: 10px; z-index: 99; background: #0b59a2; }
    .headerQuickFind .ui-autocomplete {display: block; width: 100%; z-index: 99; }
    .headerQuickFind .ui-autocomplete input {width: 95%; padding: 10px; }
    .mainContentInner {margin: 10px;}
    .mainContent {width: 100%}
    .mobileCurrentMenuButton {float: left; margin-left: 10px; margin-top: 10px}
    .mobileHomeMenuButton { position:absolute; float: right; right: 10px; top:10px}
    .mobileHide {display:none}
    .subMenu { display:none; width: 200px; float: left; position:absolute; z-index: 20;}
    .subMenu li.ui-menuitem {display: block; width:200px}
    .mainMenu { display:none; width: 200px; right: 1px; position:absolute; z-index: 20;}
    .mainMenu li.ui-menuitem {display: block; width:200px}
}
@media (min-width:1001px){
    .header {min-width: 1000px;}
    .mainMenu { min-width: 1000px;}
    #footer {width: 1000px;}
    #mainPageArea {width: 1000px; }
    #content {width: 790px;}

    #mainPageArea { background-image: url("/javax.faces.resource/images/content-background.gif.seam?ln=common-layout&nocache=1583747261708&nocache=1583747261708"); background-repeat: repeat-y; background-color: white; border: 1px solid #C3BBB6; clear:both; overflow: hidden; margin-left: auto; margin-right: auto;}

    .mobileOnly {display:none}

    /** Header.  Overflow:hidden required to cause it to clear to get background color. **/
    .header { width: 100%; min-width: 1000px; clear:both;height: 150px; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; }
    .headerLogo { position:absolute; top:1px; left:5px; height:150px; width:175px; z-index: 10;}
    .headerStatus { float: right; text-align: right; font-weight: bold; color: white; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; text-align: right; padding-right: 15px; width: 100%; height: 150px; padding-top: 0px}
    .headerStatus a { color: white; text-decoration: none;}
    .headerUserActions { padding-top: 10px; padding-right: 10px}
    .headerUserNotifications { position: absolute; bottom: 10px; right: 30px}
    .headerQuickFind .ui-autocomplete input {width: 500px}
    .headerQuickFind { padding-top: 10px; padding-right: 25px}
    .mainContentInner {margin: 20px;}
}