#wrapper {
    margin: auto;
    font-size: small;
    padding-bottom: 30px;
}

/* Login */
#loginWrapper
{
    margin: 0 auto;
    font-size: small;
    padding-top: 160px;
    padding-bottom: 100px;
    text-align: center;
}

#loginContent
{
    margin: 0 auto;
}

#loginBanner
{
    margin-bottom: 40px;
}

.loginBannerLogo
{
    display: block;

    margin-left: auto;
    margin-right: auto;
}

#loginPanel
{
    margin: 0 auto;
    width: 322px;
    height: 170px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.loginPanelError
{
    height: 194px !important;
}

#loginContainer
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 26px;
}

.loginField
{
    float: left;

    width: 276px;
    height: 30px;

    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    
    margin-bottom: 14px;
    padding: 0;
    
    -ms-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-transform-origin: 159px 0.5px 0px;
    -moz-transform-origin: 159px 0.5px 0px;
    -ms-transform-origin: 159px 0.5px 0px;
    -o-transform-origin: 159px 0.5px 0px;
    transform-origin: 159px 0.5px 0px;
    
    text-indent: 6px;
}

.loginFieldHidden
{
    float: right;
    width: 1px;
}

/* Chrome - To remove yellow background in text box */
input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* Safari [iPad] - Remove rounded corners */
input[type="submit"] {
    -webkit-appearance: none;
}

.loginButton
{
    width: 280px;
    height: 30px;

    font-size: 12px;
    font-weight: 700;
    font-family: 'Verdana Bold', 'Verdana';
    
    margin-bottom: 24px;
    
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.loginButton:hover
{
    border: none;
}

#loginError
{
    text-align: left;

    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
}

.loginPanelError .loginField
{
    margin-bottom: 12px;
}

.loginPanelError #loginError
{
    margin-bottom: 12px;
}

/* Authentication Master */
#loginFooter
{
    text-align: center;
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    width: 100%;
}

/*.loginFooterLogo  
{
    display: block;
    margin-left: auto;
    margin-right: auto;

    margin-bottom: 12px;
}*/

.copyright
{
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
}

/* Used in SessionLogout */
#logoutPanel
{
    margin: 0 auto;
    width: 322px;
    height: 170px;
}

#logoutContent
{
    margin-bottom: 12px;
}

/* Banner */
#bannerPanel
{
    width: 100%;
    height: 50px;
}

#bannerLogo
{
    float: left;
    margin-top: 8px;
    margin-left: 16px;
}

.bannerLogo
{
    display: block;
}

.topspace
{
    width: 100%;
    float: left;
}

/* Auxiliary Menu */
#auxiliaryMenu 
{
    float: right;

    margin-right: 16px;
}

.quickLink
{
    float: right;
    width: auto;

    padding-top: 16px;
    margin-left: 30px;

    font-family: Verdana, Arial, Sans-serif;
    font-size: 13px;
}

.quickLinkMenu
{
    float: right;
    padding-top: 8px;
    cursor: default;
    text-align: left;
    position: relative;
    z-index: 1;

     margin-left: 30px;

    font-family: Verdana, Arial, Sans-serif;
    font-size: 13px;
}

.quickLinkMenu a:hover
{
    text-decoration: none;
}

.quickLinkPanel {
    z-index: 1000;
    overflow: auto;

    font-family: Verdana, Arial, Sans-serif;
    font-size: 13px;

    -ms-border-top-right-radius: 2px;
    border-top-right-radius: 2px;

    -ms-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;

    -ms-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.quickLinkMenuHeader {
    display: block;
    cursor: pointer;
    text-decoration: none;
    padding: 7px 8px 7px 8px;
    white-space: nowrap;
    height: 18px;

    -ms-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    
    -ms-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}

.quickLinkMenuText 
{
    float: left;    
}

.quickLinkMenuImage
{
    margin-top: 6px;
    margin-left: 6px;

    float: right;
}

.quickLinkMenuItem a
{
    display: block;
    cursor: pointer;
    text-decoration: none;
    padding: 6px 16px 6px 16px;
    white-space: nowrap;
}

.quickLinkMenuItemSelected a
{
    font-weight: bold;
}

.helpLink 
{
    display: block;
}

.profileLink 
{
    display: block;
}

/* Zone Resize */
.zoneResize 
{
    padding-left: 8px;
    padding-right: 8px;
}

.resizeImage {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    cursor: pointer;
}

.zoneResizeHidden {
    width: 0;
}

#widthResize
{
    margin-right: 0;
    display: none;
}

#textResize
{
    margin-right: 0;
    display: none;
}

#Themes
{
    margin-right: 0;
    display: none;
}

#heightResize
{
    margin-right: 0;
}

#textSmall, #textMedium, #textLarge, #width1024, #width1280, #widthFull, #Black, #Blue, #heightIncrease, #heightDecrease, #heightAuto, #landingPage
{
    float: right;
    padding: 0 1px 0 8px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: transparent none no-repeat;
}

/* Control Panel */
.controlPanel
{
    width: 100%;
    float: right;
}

/* Menu */
#menuPanel
{
    overflow-x: auto;
    width: 100%;
}

.menuStyle
{
    float: left;
    width: 90%;
}

.staticMenuItemStyle
{
    padding: 4px 8px 4px 8px;
    height: 40px;
}

.dynamicMenuItemStyle 
{
    padding: 4px 8px 4px 8px;
    height: 32px;
}

/* Navigation Menu */
#navHeader
{
    cursor: pointer;
    float: left;
    padding: 8px 16px 4px 16px;
}

#navPanel
{
    border-top: none;
    overflow: auto;
    z-index: 1000;
    width: auto !important;
}

#navPanel a
{
    text-decoration: none;
}

.parentNode
{
    padding: 4px 16px 4px 16px;
    font-weight: bold;
    overflow: auto;
    cursor: pointer;
    height: 32px;
}

.siblingNode
{
    padding: 4px 16px 4px 16px;
    overflow: auto;
    height: 32px;
    cursor: pointer;
}

.childNode
{
    padding: 6px 16px 6px 24px;
    height: 20px;
    overflow: auto;
    cursor: pointer;
}

.navImage 
{
    display: block;    
}

.navText 
{
    padding: 6px 0 0 8px;
}

.childNavText 
{
    padding: 0 0 0 8px;
}

/* Page Title */
#pageTitle
{
    height: 30px;
    overflow: hidden;
    font-size: 24px;
}

.pageTitle 
{
    margin-left: 16px;
}

.pageResize
{
    float: right;
    margin-top: 8px;
}

.pageResize input
{
    border: none;
}


/* Popup Page */
#popupPageTitle 
{
    height: 32px;    
}

.wizard #popupPageTitle 
{
    height: 28px;    
}

.popupPageTitle
{
    padding-left: 8px;
    padding-top: 4px;
    float: left;
    font-size: 20px;
}

.wizard .popupPageTitle
{
    font-size: 16px;
    padding-top: 0;
}

.popupPanelHeader
{
    height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.popupHomeLink
{
    padding: 6px 4px 0px 0px;
    float: right;
    font-weight: lighter;
}

/* Popup Dialog Titlebar */
.ui-widget-header, .ui-dialog .ui-dialog-titlebar 
{
    padding-left: 8px;
}

/* Content Area */
.centerBkg
{
    padding: 0;
    margin: 0;
}

.contentPad
{
    padding: 0 0 0 0;
}

/* Footer */
.bottomBkg
{
    padding: 0;
    margin: 0;
}

#bottomPanel
{
    margin: 0 auto;
    position: absolute;
    display: block;
    height: 30px;
    bottom: 0;
    width: 100%;
}

#copyrightStyle
{
    margin: 5px;
}

.noWrapRightJustify
{
    text-align: right;
}

#layout 
{
    margin-bottom: 4px;    
}

#contextZone .contentZone
{
    margin-left: 1px;
    margin-right: 1px;
}