/* SECTION NOTE*/
/* general page ids and classes used on most pages */

/* Used to contain the entire page. width can be set here. margin settings also go here */
#agi-page {
    background: transparent url(/bma/sitewide/page-back.jpg) no-repeat center top;
    text-align: center;
    width: 100%;
}

#agi-display {
    text-align: center;
    width: 100%;
}

#agi-wrapper {
    margin:0 auto;
    text-align: left;
    width: 933px;
}

/* agi-main will contain the divs that make up the bulk of content of a page between the header and footer divs */
#agi-main-overlay {
    background: #ffffff url(/bma/sitewide/main-back.jpg) repeat-y  0 0;
    width: 933px;
}

#agi-main {
    padding: 0 15px 10px 15px;
    width: 903px;
}

/* clear fix for floats,
duplicated"form li:after" */
#agi-main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

/* agi-rail handles what is generally known as left rail navigation */
#agi-lrail {
    display: inline;
    float: left;
    padding-left:5px;
    width: 190px;
}

#agi-railbottom {
    font-size: 0.75rem;
}

/* agi-content is where the bulk of content of a page exists between the left rail and right side ad */
#agi-content {
    display: inline;
    float: left;
    margin: 0 0 0 9px;
    position:relative;
    width: 530px;
}

/* agi-bar handles what is generally known as right rail or ad bar */
#agi-rrail {
    float: right;
    text-align: center;
    width: 160px;
}

/* Clears previous styles */
.agi-clear {
    clear: both;
    font-size: 0px;
    line-height:0px;
}

@media screen and (max-width: 900px) {
    body[class^="page-help_"] #agi-main {
        width: 94%;
    }

    body[class^="page-help_"] #agi-lrail {
        padding-left: 0;
        width: 30%;
    }

    body[class^="page-help_"] #agi-lrail .agi-rail-content h3 {
        font-size: 1em;
    }

    body[class^="page-help_"] #agi-rail li {
        margin: 4% 8% 12%;
    }

    body[class^="page-help_"] #agi-helpcontent h2,
    body[class^="page-help_"] #agi-helpcontent .help-head {
        font-size: 1.2em;
        line-height: auto;
    }


    body[class^="page-help_"] #agi-rail .agi-rail-content input[name=FAQ_search] {
        width: 62% !important;
    }

    body[class^="page-help_"] #agi-rail .agi-rail-content .agi-formclean {
        float: left;
    }

    body[class^="page-help_"]  #agi-helpcontent h1 {
        line-height: 1em;
        padding: 5px 0 10px;
    }

    body[class^="page-help_"]  #agi-helpcontent #agi-answer {
        margin: 0 0 30px;
    }
}

@media only screen and (max-device-width: 767px) {
    body[class^="page-help_"] #agi-helpcontent h1 {
        border-bottom: 1px solid #9EBBD1;
        font-size: 1.25rem;
        font-weight: bold;
        margin: 4% 1.38% 4% 1.38%;
        padding-bottom: 2.7%;
    }

    body.legal #main h3 {
        font-size: 0.875rem;
    }
}