/*Homepage*/
@media screen and (min-width: 985px) {
    .Desktop { display: block; }
    .Home { background: url('/~/media/Images/OPI/Marketing/Layout/flash_gradient.ashx') repeat-x; padding: 20px; }

        .Home .LeftColumn { float: left; width: 216px; padding-right: 10px; }
            .Home .LeftColumn .LeftColumnTop { background-image: url('/~/media/Images/OPI/Marketing/Layout/menu_top.ashx'); background-repeat: no-repeat; height: 31px; }
            .Home .LeftColumn .EmptyContainerControl { background-color: #DDE2DA; padding: 0 5px 0 20px; }
                .Home .LeftColumn .EmptyContainerControl p { margin: 0; padding: 6px; }
            .Home .LeftColumn .LeftColumnBottom { background-image: url('/~/media/Images/OPI/Marketing/Layout/menu_bottom.ashx'); background-repeat: no-repeat; height: 34px; }

        .Home .RightColumn .Top { margin-left: 215px; padding-left: 20px; }
        .Home .RightColumn .Bottom { padding: 10px; }
}
/* Global */
@media all and (min-width : 0px) and (max-width: 984px) {

    .table-bordered-body table, .table-bordered-body thead, .table-bordered-body tbody, .table-bordered-body th, .table-bordered-body td, .table-bordered-body tr { display: block; }

    .table-bordered-body td { /* Behave  like a "row" */ border: none; position: relative; padding-left: 10px; }
  
}

/* Mobile */
@media only screen and (max-width : 320px) {

    a {  color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 22px; }

    h3 { font-size: 16px; }

    h4 { font-size: 16px; }

    h5 { font-size: 14px; }

    h6 {  font-weight: 700; }

    /*  ============  HEADER  ================  */

    .HeaderLayout { background: url('/~/media/Images/OPI/Marketing/Layout/header_gradient.ashx') repeat-x; }

    /*  ============  NAVIGATION  ================  */

    .NavigationControl .header-nav .header-menu { background-color: #89a06a; }

        .NavigationControl .header-nav .header-menu .header-tabs ul { }

        .NavigationControl .header-nav .header-menu .header-tabs li { font: bold 14px Arial, Verdana, sans-serif; display: inline; }

        .NavigationControl .header-nav .header-menu .header-tabs a { font: bold 14px Arial, Verdana, sans-serif; float: left; color: #899c6d; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundleft.ashx') no-repeat left top; }

            .NavigationControl .header-nav .header-menu .header-tabs a .tabs { float: right; display: block; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundright.ashx') no-repeat right top; }

    /*  ============  FOOTER  ================  */

    .Footer { color: white; }
        .Footer a { color: white;  }
}

/* Mobile Wide Screen */
@media only screen and (min-width : 321px) and (max-width : 480px) {
    a {  color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 22px; }

    h3 { font-size: 16px; }

    h4 { font-size: 16px; }

    h5 { font-size: 14px; }

    h6 {  font-weight: 700; }

    /*  ============  HEADER  ================  */

    .HeaderLayout { background: url('/~/media/Images/OPI/Marketing/Layout/header_gradient.ashx') repeat-x; }

    /*  ============  NAVIGATION  ================  */

    .NavigationControl .header-nav .header-menu { background-color: #89a06a; }

        .NavigationControl .header-nav .header-menu .header-tabs ul { }

        .NavigationControl .header-nav .header-menu .header-tabs li { font: bold 14px Arial, Verdana, sans-serif; display: inline; }

        .NavigationControl .header-nav .header-menu .header-tabs a { font: bold 14px Arial, Verdana, sans-serif; float: left; color: #899c6d; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundleft.ashx') no-repeat left top; }

            .NavigationControl .header-nav .header-menu .header-tabs a .tabs { float: right; display: block; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundright.ashx') no-repeat right top; }


    /*  ============  FOOTER  ================  */

    .Footer { color: white; }
        .Footer a { color: white;  }
}

/* Tablet */
@media only screen and (min-width : 481px) and (max-width : 600px) {

    a {  color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 22px; }

    h3 { font-size: 16px; }

    h4 { font-size: 16px; }

    h5 { font-size: 14px; }

    h6 {  font-weight: 700; }

    /*  ============  HEADER  ================  */

    .HeaderLayout { background: url('/~/media/Images/OPI/Marketing/Layout/header_gradient.ashx') repeat-x; }

    /*  ============  NAVIGATION  ================  */

    .NavigationControl .header-nav .header-menu { background-color: #89a06a; }

        .NavigationControl .header-nav .header-menu .header-tabs ul { }

        .NavigationControl .header-nav .header-menu .header-tabs li { font: bold 14px Arial, Verdana, sans-serif; display: inline; }

        .NavigationControl .header-nav .header-menu .header-tabs a { font: bold 14px Arial, Verdana, sans-serif; float: left; color: #899c6d; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundleft.ashx') no-repeat left top; }

            .NavigationControl .header-nav .header-menu .header-tabs a .tabs { float: right; display: block; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundright.ashx') no-repeat right top; }


    /*  ============  FOOTER  ================  */

    .Footer { color: white; }
        .Footer a { color: white;  }
}

/* Tablet Wide Screen */
@media only screen and (min-width : 601px) and (max-width: 768px) {

    a {  color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 22px; }

    h3 { font-size: 16px; }

    h4 { font-size: 16px; }

    h5 { font-size: 14px; }

    h6 {  font-weight: 700; }


    /*  ============  HEADER  ================  */

    .HeaderLayout { background: url('/~/media/Images/OPI/Marketing/Layout/header_gradient.ashx') repeat-x; }

    /*  ============  NAVIGATION  ================  */

    .NavigationControl .header-nav .header-menu { background-color: #89a06a; }

        .NavigationControl .header-nav .header-menu .header-tabs ul { }

        .NavigationControl .header-nav .header-menu .header-tabs li { font: bold 14px Arial, Verdana, sans-serif; display: inline; }

        .NavigationControl .header-nav .header-menu .header-tabs a { font: bold 14px Arial, Verdana, sans-serif; float: left; color: #899c6d; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundleft.ashx') no-repeat left top; }

            .NavigationControl .header-nav .header-menu .header-tabs a .tabs { float: right; display: block; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundright.ashx') no-repeat right top; }


    /*  ============  FOOTER  ================  */

    .Footer { color: white; }

        .Footer a { color: white;  }
}

/* Tablet Wide Screen */
@media only screen and (min-width : 769px) and (max-width: 984px) {
    a {  color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 22px; }

    h3 { font-size: 16px; }

    h4 { font-size: 16px; }

    h5 { font-size: 14px; }

    h6 {  font-weight: 700; }

    /*  ============  HEADER  ================  */

    .HeaderLayout { background: url('/~/media/Images/OPI/Marketing/Layout/header_gradient.ashx') repeat-x; }

    /*  ============  NAVIGATION  ================  */

    .NavigationControl .header-nav .header-menu { background-color: #89a06a; }

        .NavigationControl .header-nav .header-menu .header-tabs ul { }

        .NavigationControl .header-nav .header-menu .header-tabs li { font: bold 14px Arial, Verdana, sans-serif; display: inline; }

        .NavigationControl .header-nav .header-menu .header-tabs a { font: bold 14px Arial, Verdana, sans-serif; float: left; color: #899c6d; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundleft.ashx') no-repeat left top; }

            .NavigationControl .header-nav .header-menu .header-tabs a .tabs { float: right; display: block; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundright.ashx') no-repeat right top; }

    /*  ============  FOOTER  ================  */

    .Footer { color: white; }

        .Footer a { color: white;  }
}

/* Desktop */
@media screen and (min-width: 985px) {

    body { margin: auto auto; background-color: #fff; color: Black; font-family: Arial,Helvetica,sans-serif;  }

    a {  color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 22px; }

    h3 { font-size: 16px; }

    h4 { font-size: 16px; }

    h5 { font-size: 14px; }

    h6 {  font-weight: 700; }

    .Frame { margin: auto auto; width: 985px; border-color: #B9CE88; border-width: 1px; border-style: solid;  }

    /*  ============  HEADER  ================  */

    .HeaderLayout { background: url('/~/media/Images/OPI/Marketing/Layout/header_gradient.ashx') repeat-x; }

    /*  ============  NAVIGATION  ================  */

    .NavigationControl .header-nav .header-menu { background-color: #89a06a; height: 37px; }

        .NavigationControl .header-nav .header-menu .header-tabs ul { margin: 0; padding: 0; list-style: none; height: 25px; float: right; }

        .NavigationControl .header-nav .header-menu .header-tabs li { font: bold 14px Arial, Verdana, sans-serif; display: inline; margin: 0 1px 0 0; padding: 0; }

        .NavigationControl .header-nav .header-menu .header-tabs a { font: bold 14px Arial, Verdana, sans-serif; float: left; color: #899c6d; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundleft.ashx') no-repeat left top; margin: 11px 3px 0 0; padding: 0 0 1px 3px; text-decoration: none; }

            .NavigationControl .header-nav .header-menu .header-tabs a .tabs { float: right; display: block; background: #edeeed url('/~/media/Images/OPI/Marketing/Layout/roundright.ashx') no-repeat right top; padding: 7px 9px 3px 6px; cursor: pointer; background-color: transparent; }

    /*  ============  CONTENT  ================  */

    .OneColumnV2SubLayout .EmptyPageControl { padding: 10px; }

    /*  ============  FOOTER  ================  */

    .Footer { color: white; margin: 0; clear: both;  padding: 5px 0 15px 0; text-align: center; background-color: #89a06a; }

        .Footer p {  margin: 10px 0 0 0; }

        .Footer a { color: white;  }

        .Footer .footer-network-links { width: 975px; text-align: center; padding-top: 8px; }
}