/* =========================================================
   GLOBAL BASE
   - Affects overall typography and list spacing site-wide
   ========================================================= */
body {
    padding: 0;
    line-height: 1.8em;
}

li {
    line-height: 1.8em;
}

/* =========================================================
   HOME NAVBAR WRAPPER (ABSOLUTE OVERLAY BAR ON HOME)
   - Positions the navbar layer and its dropdowns above content
   - Applies only on pages using #home_navbar_wrapper
   ========================================================= */
#home_navbar_wrapper {
    position: absolute;
    width: 100%;
    z-index: 99999; /* keep above other overlays */
}

    /* Centers nav bar content within the home wrapper */
    #home_navbar_wrapper #nav_bar {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* Ensures dropdown menus appear over other overlays */
    #home_navbar_wrapper .dropdown-menu {
        z-index: 99999;
    }

/* =========================================================
   HOME PAGE MAIN WRAPPER + CAROUSEL
   - Constrains and layers the home body and carousel
   ========================================================= */
#home_wrapper {
    max-width: 1285px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative; /* to anchor absolute children */
}

#main_carousel {
    z-index: -1; /* sits behind overlays */
    max-height: 100%;
    overflow: hidden;
    margin-bottom: 0px;
}

/* =========================================================
   HOME NEWS BANNER (THE SMALL BOX OVER THE HERO AREA)
   - Wrapper positions the news box overlay
   - Inner styles the box itself and sizes variants
   ========================================================= */
#home_news_wrapper {
    width: 100%;
    position: absolute;
    top: 102px;
    z-index: 9999; /* below navbar but above carousel */
}

#home_news {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: rgb(250, 250, 250);
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 15px;
    border: 3px solid rgb(180,180,180);
    border-bottom: 15px solid rgb(180,180,180);
    border: 3px solid rgba(180,180,180,0.70);
    border-bottom: 15px solid rgba(180,180,180,0.70);
    border-top: 0px;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    z-index: 5;
}

.home_news_short {
    height: 25px; /* compact mode height */
}

.home_news_long {
    height: 300px; /* expanded mode height */
}

#home_news_content {
    text-align: center;
    padding-top: 5px;
    overflow: hidden;
    height: 100%;
}

#home_news_drophandler {
    position: relative;
    bottom: 5px;
    width: 20px;
    margin-left: auto;
    margin-right: auto;
}

/* =========================================================
   HOME NAV TILE OVERLAY (BIG BUTTONS OVER THE HERO)
   - Transparent white overlay with tile containers and text
   ========================================================= */
#home_nav_wrapper {
    width: 100%;
    position: absolute;
    top: 40%;
    z-index: 2;
    /*background-color:rgb(255,255,255);
	filter: alpha(opacity=50);*/ /* legacy IE comment */
    background-color: rgba(255,255,255,0.3); /* translucent white veil */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); /* legacy IE */
}

#home_nav_wrapper_ie {
    width: 100%;
    height: 100%;
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); /* legacy IE */
}

#home_nav {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    padding: 0px;
}

#home_nav_alt {
    z-index: 2;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    padding: 0;
}

/* Each tile’s outer container and size */
.home_nav_outer_wrapper {
    position: relative;
    width: 250px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    float: left;
}

/* Alt text styling inside tiles */
.home_nav_content_alt {
    font-family: "Arial Narrow", Arial, Sans-serif;
    font-size: 22px;
    padding: 5px 0 5px 0;
}

    .home_nav_content_alt a {
        color: #FFF; /* high-contrast tile text */
    }

/* The colored tile block (base) */
#home_nav_wrapper .home_nav_content {
    height: 180px;
    width: 250px;
    border-radius: 0px;
    border: 0px;
    text-align: center;
    font-size: 55px;
    line-height: 180px;
    font-family: "Arial Narrow", Arial, Sans-serif;
    color: #FFF;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0px;
    text-decoration: none;
    text-align: center;
    overflow: visible;
}

/* Alternate block that stretches to full tile (duplicate selector kept) */
#home_nav_wrapper .home_nav_content {
    height: 100%;
    width: 100%;
}

    /* Centers inner span text vertically within tile */
    #home_nav_wrapper .home_nav_content span {
        display: inline-block;
        vertical-align: middle;
        line-height: 65px;
    }

/* Tile color variants and hover states (with legacy IE fallbacks) */
.home_nav_content_color1 {
    background-color: rgba(0, 38, 127, 0.48);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7B00267F,endColorstr=#7B00267F); /* legacy IE tint */
}

.home_nav_content_color2 {
    background-color: rgba(0, 38, 127, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C000267F,endColorstr=#C000267F); /* legacy IE tint */
}

.home_nav_content_color1_hover {
    -moz-opacity: 0.2; /* old Firefox */
    opacity: 0.2; /* modern browsers */
    filter: alpha(opacity=20); /* legacy IE */
    /*background-color: rgba(0, 38, 127, 0.10);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1000267F,endColorstr=#1000267F); */ /* legacy IE commented */
}

.home_nav_content_color2_hover {
    -moz-opacity: 0.2; /* old Firefox */
    opacity: 0.2; /* modern browsers */
    filter: alpha(opacity=20); /* legacy IE */
    /*background-color: rgba(0, 38, 127, 0.20);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2000267F,endColorstr=#2000267F); */ /* legacy IE commented */
}

/* Floating info banner near tiles (gold label) */
.home_nav_info_wrapper {
    position: relative;
    width: auto;
    height: auto;
    white-space: nowrap;
    position: relative;
    width: auto;
    height: auto;
    /*background-color: rgb(206,157,0);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FDCA22,endColorstr=#D8FDCA22); /* legacy IE */
    background-color: rgba(206,157,0,0.85);
    color: rgb(50, 50, 50);
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-style: italic;
    font-size: 36px;
    display: none;
    overflow: visible;
    z-index: 99999;
    line-height: 42px;
    padding: 10px 20px 0px 20px;
}

/* Left/right-aligned info segments */
#home_nav_info1, #home_nav_info2 {
    float: left;
}

#home_nav_info3, #home_nav_info4 {
    float: right;
}

/* =========================================================
   GLOBAL PAGE WRAPPERS (ALL PAGES)
   - Main container, logo strip, footer styles
   ========================================================= */
#main_wrapper {
    max-width: 1285px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/subpageBanners-Rotman-Atrium.jpg) 50% 0 no-repeat; /* page banner */
}

#logo_bar {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px;
    padding-bottom: 22px;
}

#footer {
    max-width: 1285px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-top: 3px;
    background-color: rgba(0, 38, 127, 1);
    background-color: rgb(0, 38, 127);
    font-size: 10px;
    min-height: 15px;
    color: white;
}

#footer_home {
    bottom: 0px;
    width: 100%;
    max-width: 1285px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 3px;
    background-color: rgba(0, 38, 127, 1);
    background-color: rgb(0, 38, 127);
    font-size: 10px;
    min-height: 15px;
    color: white;
    padding-left: 0px;
    padding-right: 0px;
}

/* =========================================================
   NAV BAR (SHARED)
   - Bar coloring, link styling, dropdown chrome
   ========================================================= */
#nav_bar {
    max-width: 1285px;
    min-height: 62px;
    background-color: rgb(0, 38, 127);
    background-color: rgba(0, 38, 127, 0.85);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D800267F,endColorstr=#D800267F); */ /* legacy IE (commented) */
    overflow: visible;
}

/* Brand (logo) placement in navbar */
.navbar .brand {
    padding: 0;
    margin-left: 0;
    padding-bottom: 11px;
}

/* =========================================================
   PAGE BODY WRAPPERS (CONTENT AREA)
   - Column + content container beneath the header
   ========================================================= */
#col_wrapper {
    max-width: 1285px;
    margin-top: 167px; /* leaves space for header/hero */
    padding: 0;
}

#content_wrapper {
    max-width: 1157px;
    padding-left: 20px;
    padding-right: 23px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/content-bg.png) 0 0 no-repeat; /* For IE 6 and 7 */
    min-height: 600px;
}

/* =========================================================
   MENU/DROPDOWN DETAILS
   - Font size of dropdown items
   ========================================================= */
.dropdown-menu li a {
    font-size: 15px;
}

/* =========================================================
   NAV WRAPPER LAYOUT (CENTERING + WIDTHS, MasterPage)
   - Centers nav chrome and sets inner max widths
   ========================================================= */
.nav_wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background-color: #FFF;
    background-color: rgba(0, 0, 0, 0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000267F,endColorstr=#0000267F); /* legacy IE (commented) */
    zoom: 1;
    border: 0px solid #FFF;
    background-image: none;
    border: none;
    max-width: 1245px;
    padding: 0;
}

.nav_wrapper_inner {
    max-width: 986px;
    padding-top: 20px;
}

#nav_bar .nav_wrapper {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000267F,endColorstr=#0000267F);  /* legacy IE (commented) */
}

/* Inner navbar chrome and link styling */
.navbar-inner {
    margin-top: 11px;
    zoom: 1;
}

#nav_bar .navbar .nav > li > a {
    color: white;
    outline: 0;
    text-shadow: none;
    font-size: 17px;
    padding-left: 5px;
    padding-right: 5px;
}

#nav_bar .navbar .divider-vertical {
    height: 14px;
    margin-top: 14px;
    border-left: 0;
}

#nav_bar .navbar .search-query {
    max-width: 80px;
    max-height: 20px;
}

/* Active/open dropdown background handling */
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: rgba(0, 0, 0, 0.00);
}

/* Dropdown panel chrome and pointer triangles */
#nav_bar .dropdown-menu {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 2px solid rgba(204, 204, 204, 0.5);
    max-width: 375px;
    top: 93%;
}

.navbar .nav > li > .dropdown-menu:after {
    top: -15px;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-left: 15px solid transparent;
}

.navbar .nav > li > .dropdown-menu:before {
    top: -17px;
    border-right: 18px solid transparent;
    border-bottom: 17px solid rgb(204, 204, 204);
    border-bottom: 17px solid rgba(204, 204, 204, 0.5);
    border-left: 18px solid transparent;
}

/* =========================================================
   BREADCRUMBS & SIDE BAR
   ========================================================= */
.breadcrumb {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    border: none;
    background-color: transparent;
}

.side_bar .nav-list {
    margin-top: 20px;
    padding-left: 8px;
    padding-right: 8px;
}

    .side_bar .nav-list > li {
        line-height: 1.5em;
    }

    .side_bar .nav-list > p {
        font-size: 12px;
        line-height: 18px;
    }

    .side_bar .nav-list .nav-header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-size: 18px;
        color: white;
        background-color: rgb(255,115,0,0.75);
        background-color: rgba(255,115,0,0.75);
        text-transform: capitalize;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
        margin-bottom: 15px;
    }

/* =========================================================
   CAROUSELS (HOME + GALLERIES)
   ========================================================= */
#homeCarousel .carousel-inner {
    max-height: 1000px;
    margin-top: 20px;
}

#galleryCarousel .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

#galleryCarousel2 .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

#galleryCarousel3 .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

#galleryCarousel4 .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

#galleryCarousel5 .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

#galleryCarousel6 .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

#galleryCarousel7 .carousel-inner {
    height: 450px;
    margin-top: 20px;
}

/* =========================================================
   HOME TITLE STRIP OVERLAY
   - Dark translucent bar under page title on home/hero
   ========================================================= */
#home_title_back {
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.70);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B4000000,endColorstr=#B4000000); /* legacy IE */
    width: 100%;
    max-height: 110px;
}

.home_title {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
    letter-spacing: normal;
    font-stretch: narrower;
    text-rendering: optimizelegibility;
}

/* =========================================================
   ACCORDIONS (FAQ/CASES/COMPONENTS)
   ========================================================= */
#accordion_comp .accordion-group {
    border: 0px;
}

#accordion_cases .accordion-group {
    border: 0px;
}

.accordion-group i {
    vertical-align: baseline;
    margin-right: 6px;
}

/* =========================================================
   CALENDAR BLOCK
   ========================================================= */
#calendar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    min-height: 370px;
    border: 1px solid #CCC;
    border-left: 0;
    border-right: 0;
}

/* =========================================================
   GENERAL CONTENT & IMAGE WRAPPERS
   ========================================================= */
.content_area {
    padding-left: 3px;
}

.head_pic {
    background-color: #FFF;
    padding: 4px;
    border: 1px solid #CCC;
    height: auto;
}

#management .head_pic {
    width: 190px;
    max-width: none !important;
}

.about_body {
    padding-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.about_body_content {
    margin-top: 10px;
}

.about_hl {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #CCC;
    width: 100%;
}

.alumni_thumbnail {
    margin-bottom: 15px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alumni_body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

/* =========================================================
   FAQ ACCORDION
   ========================================================= */
#accordion_faq .accordion-group {
    border: 0px;
}

/* =========================================================
   POST CONTROL BAR (TOP BLACK OVERLAY)
   ========================================================= */
#post_control {
    width: 100%;
    margin: 0px;
    z-index: 9999;
    background-color: #000;
    opacity: 0.45;
    min-height: 40px;
    top: 0px;
    left: 0px;
}

    #post_control form {
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0px;
    }

        #post_control form label {
            color: #EEE;
            margin-right: 10px;
            margin-left: 10px;
        }

/* Login box centered card */
#login_box {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 500px;
}

/* Error highlight for inputs within post control */
#post_control .input_error {
    background-color: #FFB7B7;
}

/* Table cell padding in explorer/listing UIs */
#explorer_wrapper td {
    padding: 5px 10px;
}

/* =========================================================
   SCORE TABLES / LINKS
   ========================================================= */
.detailLink {
    display: block;
    min-width: 60px;
}

.ScoreTable {
    line-height: 1.3em;
}

.ScoreHeaderRow {
    font-size: small;
}