/*

TRS 4.medium.css

This describes the layout on medium (tablet/netbook) screens

This builds on 2.main.css

 */

/*CHG2008444 McCloud updates*/
/* Buttons can be shown when this css is used */
button.pensionOptionbutton,
button.pensionOptionbuttonActive {
    display: inline-block;
}

table.PensionStatementTable,
table.PensionStatementBox { width: 100%; }

/* General selector overrides ----------------------------------------------- */

th, td { padding: 0.25em; }

/* Page area overrides ------------------------------------------------------ */

div#pageHeader,
div#pageFooter,
div#containment,
div#breadcrumb,
div#pageInnerBody,
div#pageOuterBody,
div#pageBody {
    width: 98%;
    margin: 0 auto;
}

/* Masthead overrides ------------------------------------------------------- */

/* Main navigation overrides ------------------------------------------------ */

div.MenuShimStart,
div.MenuShimEnd { display: none; }

div#mainMenu { font-size: 0.875em; }

span.WelcomeText { display: none; }

/* Breadcrumb overrides ----------------------------------------------------- */

/* Login page-specific overrides -------------------------------------------- */

/* Homepage-specific overrides ---------------------------------------------- */

div#splash {
    border: 2px solid #06c;
    height: 149px;
    background: #e9f5fd url("Images/homepage-splash.png") 100% 100% no-repeat;
    background-size: auto;
    margin: 18px 13px 29px 12px;
    padding: 0;
}

div#splash h1 { 
    font-size: 2em;
    padding: 0.5em 0em 0em 1em;
}

div#infoPanels div { 
    padding-top: 1em;
    float: none;
    border-bottom: 1px solid #06c;
    width: 100%;
    margin: 0;
}

div#infoPanels {
    width: auto;
    margin: 0 auto;
    padding: 0;
}

div#infoPanels > div#infoPanelRight { border: 0; }

div#infoPanels p img {
    display: block;
    margin: 0 auto;
}

div#infoPanels > div > div.ImagePlaceholder { 
    clear: both;
    float: none;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0.5em 0;
    border-width: 2px !important;
}

div#infoPanels div h1 { text-align: center; }


/* Help page-specific overrides --------------------------------------------- */

/* Sidebar overrides -------------------------------------------------------- */

div#outerSideBar,
div#sideBar {
    float: none;
    clear: both;
    width: 98%;
    margin: 0 auto;
    padding: 0;
}

    div#outerSideBar div.StatementAuxInfo,
    div#sideBar div.StatementAuxInfo {
        width: 29%;
        float: left;
        font-size: 0.875em;
    }

        div#outerSideBar div.StatementAuxInfo.First,
        div#sideBar div.StatementAuxInfo.First {
            margin: 0 1% 0 0;
        }

        div#outerSideBar div.StatementAuxInfo.Last,
        div#sideBar div.StatementAuxInfo.Last {
            margin: 0;
            float: right;
        }

/* Main view overrides ------------------------------------------------------ */

div#view {
    clear: both;
    float: none;
    width: 98%;
    padding: 0 1% 0 1%;
    margin: 0 auto;
}

/* Tab controls, containers and content overrides --------------------------- */

/* Table overrides ---------------------------------------------------------- */

/* Form overrides ----------------------------------------------------------- */

/* Modals and popout overrides ---------------------------------------------- */

/* System messeges and errors ----------------------------------------------- */

/* Help bubble overrides ---------------------------------------------------- */

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

div#pageFooter { padding: 0; }