@charset "utf-8";
/*
Purpose:            These styles apply to all level-10 pages and templates
Last Updated/by:    25 January 2009/Jason Johnstone
*/

/*
Begin styles that apply to all level-10 pages, regardless of layout
*/
a {
    color:#9a0000;
    text-decoration: underline;
}
.right{
    border-left:5px solid #FFF;
    border-bottom:5px solid #FFF;
}
/* ==== body ==== */
body {
    background:#fff url(/images/design/CSSImages/level-10-background.png) repeat-x top left;
}
/* ==== global-navigation ==== */
div#global-navigation {
    position:absolute;
    right:0;
    top:8px;
    z-index:20;
}
/* ==== search ==== */
form#search {
    position:absolute;
    right:10px;
    top:60px;
    text-align:right;
    z-index:30;
}
/* ==== nameplate ==== */
div#nameplate {
    border-bottom:1px solid #cfcfcf;
    height:115px;
}
    div#nameplate h1 {
        background-image:url(/images/design/CSSImages/level-10-logo-trans.png);
        background-repeat:no-repeat;
        height:135px;
        left:10px;
        position:absolute;
        text-indent:-9999em;
        top:10px;
        width:471px;
        z-index:10;
    }
        div#nameplate h1 a {
            display:block;
            height:135px;
            width:471px;
        }
/* ==== text size ==== */
div#text-size-slider-label {
    color:#555;
    font-size:80%;
    position:absolute;
    right:203px;
    top:39px;
}
div#text-size-slider-wrapper {
    position:absolute;
    right:10px;
    top:39px;
    width:180px;
}
/* ==== breadcrumbs ==== */
div#breadcrumbs {
    font-size:90%;
    position:absolute;
    right:10px;
    top:100px;
}
    div#breadcrumbs h6,
    div#breadcrumbs ul,
    div#breadcrumbs li {
        display:inline;
    }
    div#breadcrumbs h6 {
        font-weight:bold;
    }
    div#breadcrumbs ul {
        margin-left:0.25em;
    }
/* ==== page-title ==== */
div#page-title {
    left:35px;
    position:absolute;
    top:160px;
    z-index:30;
}
    div#page-title h2 {
        color:#777;
        font-size:170%;
        font-weight:normal;
    }
/* ==== page-banner ==== */
div#page-banner {
    /* all level-10 pages have a page-banner section but body.banner gets a taller page-banner area. images that appear in the page-banner area are applied by inline styles */
    border-bottom:1px solid #cfcfcf;
    height:110px;
    position:absolute;
    top:116px;
    width:100%;
}
/* ==== main-content ==== */
div#main-content {
    left:10px;
    padding-right:10px;
    position:absolute;
    top:240px;
}
    div#main-content a:hover {
        text-decoration:underline;
    }
    div#main-content h6.byline {
        color:#777;
    }
    div#main-content>:first-child {
        margin-top:0;
    }
    /*div#main-content table {width:100%;}*/
        div#main-content table tr {}
            div#main-content table tr th {
                background-color:#306;
                color:#fff;
            }
            div#main-content table tr td {
                border:1px solid #ccc;
            }
                div#main-content table.no-border tr td {
                    border:none;
                }
    div#main-content h3 {
        background-color:#DFD1EF;
        clear:both;
        line-height:normal;
        padding:0.125em;
    }
    div#main-content h4 {
        background-color:#eee;
        border:1px solid #999;
        border-left:none;
        border-right:none;
        clear:both;
        color:#555;
        font-weight:normal;
        line-height:normal;
        padding:0.125em;
    }
    div#main-content h5 {
        border-bottom:1px solid #ccc;
        color:#639;
        clear:both;
        line-height:normal;
        padding:0.125em;
    }
    /* photo container */
    div#main-content div.photo-container {
        border:1px solid #ccc;
        padding:3px;
    }
        div#main-content div.photo-container div {
            background-color:#333;
        }
            div#main-content div.photo-container div img {}
            div#main-content div.photo-container div span {
                color:#fff;
            }
    /* calendar events */
    div#main-content ul.events,
        div#main-content ul.events li ul {
            list-style-type:none;
            margin:0.5em 0;
    }
        div#main-content ul.events span {
            /*display:block;*/
        }
        div#main-content ul.events span.start-date {
            border-top:1px dotted #639;
            display:block;
            font-size:110%;
            padding:1em 0 0 0.5em;
        }
        div#main-content ul.events span.event-title {
            font-weight:bold;
            padding:0 0 0 3em;
        }
        div#main-content ul.events span.event-start-time,
        div#main-content ul.events span.event-end-time {
            display:inline;
        }
        div#main-content ul.events li ul li ul {
            padding:0 0 0.5em 4.5em;
        }
        div#main-content ul.events li.event-description {
            color:#555;
            font-size:90%;
            margin:0.5em 0;
        }
        div#main-content ul.events li.event-more-information {
            border-left:5px solid #e5e5e5;
            padding:0.25em 0.5em;
        }
        div#main-content ul.events li.event-more-information span {
            display:block;
        }
    div#main-content div.module-video div {
        margin:1em 0;
    }
        div#main-content div.module-video.tiled {
            float:left;
            margin-right:3em;
        }
    div.dialog-syllabus {}
        div.dialog-syllabus ul,
        div.dialog-syllabus ol {
            margin:0 0 1em 2em;
        }
            div.dialog-syllabus ul li {
                list-style-type:square;
                line-height:115%;
            }
        div.dialog-syllabus p {
            line-height:115%;
            margin-bottom:1em;
        }
    span.dialog-trigger {
        color:#c33;
        cursor:pointer;
    }
    span.dialog-trigger:hover {
        text-decoration:underline;
    }
    div.gallery {
        margin:0 auto;
    }
/* ==== main-navigation ==== */
div#main-navigation {
    display:none; /* hidden by default */
    position:absolute;
    top:240px;
}
/* ==== sidebar ==== */
div#sidebar {
    display:none; /* hidden by default */
    position:absolute;
    right:0;
    top:240px;
}
/* ==== footer ==== */
div#main-content,
div#main-navigation,
div#sidebar {
    padding-bottom:50px;
}
div#footer {
    background-color:#e5e5e5;
    border-top:1px dotted #777;
    bottom:0;
    color:#555;
    font-size:85%;
    height:15px;
    padding:3px;
    position:fixed;
    width:100%;
    z-index:500000;
}
div#footer:hover {}
    div#footer ul {
        float:right;
    }
        div#footer ul li {
            display:inline;
            margin-right:1em;
        }
    div#footer a {
        /* color:#c33 !important; */
    }
    div#footer a:hover {
        text-decoration:underline;
    }
/*
End styles that apply to all level-10 pages, regardless of layout
The styles that follow are applied as necessary by class(es) that are declared in the body tag.
All pages are required to have a main-content section.
*/
/* ==== pages that have a banner image ==== */
body.banner {}
    /* ==== page-title ==== */
    body.banner div#page-title {
        /*left:75px;*/
        /*position:absolute;*/
        top:180px;
        /*z-index:30;*/
    }
        body.banner div#page-title h2 {
            color:#777;
            font-size:350%;
            font-weight:normal;
        }
    /* ==== page-banner ==== */
    body.banner div#page-banner {
        height:185px;
    }
    /* ==== main-content ==== */
    body.banner div#main-content {
        top:320px;
    }
    /* ==== main-navigation ==== */
    body.banner div#main-navigation {
        top:320px;
    }
    /* ==== sidebar ==== */
    body.banner div#sidebar {
        top:320px;
    }
/* ==== pages that have a navigation region ==== */
body.nav {}
    /* ==== main-content ==== */
    body.nav div#main-content {
        left:220px;
    }
    /* ==== main-navigation ==== */
    body.nav div#main-navigation {
        display:block;
        width:200px;
    }
        body.nav div#main-navigation h5 {
            font-size:95%;
            font-weight:bold;
            margin:0 0 0.5em 10px;
        }
        body.nav div#main-navigation ul {
            font-size:90%;
            margin:0 0 1.25em 0;
        }
            body.nav div#main-navigation ul li {}
                body.nav div#main-navigation ul li a {
                    display:block;
                    padding:4px 0 4px 20px;
                    width:180px;
                }
                body.nav div#main-navigation ul li a:hover {
                    background-color:#e5e5e5;
                }
                body.nav div#main-navigation ul li a.current {
                    background-color:#e5e5e5;
                    border-left:10px solid #306;
                    color:#000;
                    padding-left:10px;
                }
                body.nav div#main-navigation ul li ul {
                    margin:0;
                }
                    body.nav div#main-navigation ul li ul li {}
                        body.nav div#main-navigation ul li ul li a {
                            padding:4px 0 4px 35px;
                            width:170px;
                        }
                        body.nav div#main-navigation ul li ul li a.current {
                            padding-left:25px;
                        }
/* ==== pages that have a sidebar region ==== */
body.sidebar {}
    /* ==== main-content ==== */
    body.sidebar div#main-content {
        padding-right:270px;
    }
    /* ==== sidebar ==== */
    body.sidebar div#sidebar {
        /*background-color:#e5e5e5;*/
        display:block;
        position:absolute;
        width:250px;
    }
        body.sidebar div#sidebar h5 {
            background:#639 url(/images/design/CSSImages/sidebar-header-background.png) repeat-x left bottom;
            color:#fff;
            font-size:110%;
            font-weight:bold;
            padding:3px;
        }
        body.sidebar div#sidebar p,
        body.sidebar div#sidebar ul,
        body.sidebar div#sidebar ol {
            font-size:95%;
            line-height:120%;
            margin:5px 5px 15px 5px;
        }
        body.sidebar div#sidebar li {}
        body.sidebar div#sidebar a{}
        body.sidebar div#sidebar a:hover {
            text-decoration:underline;
        }
        body.sidebar div#sidebar img {
            background-color:#fff;
            /*border:1px solid #777;*/
            padding:3px;
            margin:6px;
            /*width:230px;*/
        }
        body.sidebar div#sidebar a.button,
        body.sidebar div#sidebar button,
        body.sidebar div#sidebar input[type="submit"],
        body.sidebar div#sidebar input[type="reset"],
        body.sidebar div#sidebar input[type="button"] {
            background: #eee; /* Old browsers */
            background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
            background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
            background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
            background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
            background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
            background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
            border: 1px solid #aaa;
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
            padding: 4px 12px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: #444;
            display: inline-block;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
            text-shadow: 0 1px rgba(255, 255, 255, .75);
            cursor: pointer;
            margin-bottom: 20px;
            line-height: 21px;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        body.sidebar div#sidebar a.button:hover,
        body.sidebar div#sidebar button:hover,
        body.sidebar div#sidebar input[type="submit"]:hover,
        body.sidebar div#sidebar input[type="reset"]:hover,
        body.sidebar div#sidebar input[type="button"]:hover {
            color: #222;
            background: #ddd; /* Old browsers */
            background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
            background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
            background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
            background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
            background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
            background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
            border: 1px solid #888;
            border-top: 1px solid #aaa;
            border-left: 1px solid #aaa;
        }
        body.sidebar div#sidebar a.button:active,
        body.sidebar div#sidebar button:active,
        body.sidebar div#sidebar input[type="submit"]:active,
        body.sidebar div#sidebar input[type="reset"]:active,
        body.sidebar div#sidebar input[type="button"]:active {
            border: 1px solid #666;
            background: #ccc; /* Old browsers */
            background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
            background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
            background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
            background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
            background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
            background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
        }
        body.sidebar div#sidebar .button.full-width,
        body.sidebar div#sidebar button.full-width,
        body.sidebar div#sidebar input[type="submit"].full-width,
        body.sidebar div#sidebar input[type="reset"].full-width,
        body.sidebar div#sidebar input[type="button"].full-width {
            width: 100%;
            padding-left: 0 !important;
            padding-right: 0 !important;
            text-align: center;
        }
        body.sidebar div#sidebar form {
            margin-bottom: 20px;
        }
        body.sidebar div#sidebar fieldset {
            margin-bottom: 20px;
        }
        body.sidebar div#sidebar input[type="text"],
        body.sidebar div#sidebar input[type="password"],
        body.sidebar div#sidebar input[type="email"],
        body.sidebar div#sidebar textarea,
        body.sidebar div#sidebar select {
            border: 1px solid #ccc;
            padding: 6px 4px;
            outline: none;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #777;
            margin: 0;
            width: 210px;
            max-width: 100%;
            display: block;
            margin-bottom: 20px;
            background: #fff;
        }
        body.sidebar div#sidebar select {
            padding: 0;
        }
        body.sidebar div#sidebar input[type="text"]:focus,
        body.sidebar div#sidebar input[type="password"]:focus,
        body.sidebar div#sidebar input[type="email"]:focus,
        body.sidebar div#sidebar textarea:focus {
            border: 1px solid #aaa;
            color: #444;
            -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
            box-shadow:  0 0 3px rgba(0,0,0,.2);
        }
        body.sidebar div#sidebar textarea {
            min-height: 60px;
        }
        body.sidebar div#sidebar label,
        body.sidebar div#sidebar legend {
            display: block;
            font-weight: bold;
            font-size: 13px;
        }
        body.sidebar div#sidebar select {
            width: 220px;
        }
        body.sidebar div#sidebar input[type="checkbox"] {
            display: inline;
        }
        body.sidebar div#sidebar label span,
        body.sidebar div#sidebar legend span {
            font-weight: normal;
            font-size: 13px;
            color: #444;
        }
        body.sidebar div#sidebar div#widget-feedback-form div {
            margin:0.5em;
        }
        body.sidebar div#sidebar div.widget-custom-button {
            margin-bottom:2em;
        }
            body.sidebar div#sidebar div.widget-custom-button a.custom-button {
                border:1px solid #ccc;
            }
        body.sidebar div#sidebar div.widget-generic,
        body.sidebar div#sidebar div.widget-video,
        body.sidebar div#sidebar div.widget-give-to-sfa,
        body.sidebar div#sidebar div#widget-feedback-form,
        body.sidebar div#sidebar div.widget-contact-information,
        body.sidebar div#sidebar div.widget-calendar-feed,
        body.sidebar div#sidebar div.widget-internships-j4j {
            background-color:#e5e5e5;
            margin-bottom:2em;
            padding-bottom:0.5em;
        }
        body.sidebar div#sidebar div.widget-calendar-feed .event + .event {
            border-top: 1px solid #ccc;
            margin-top:0.5em;
            padding-top:0.5em;
        }
        body.sidebar div#sidebar div.widget-calendar-feed .event-title {
            display:block;
            font-weight:bold;
        }
        body.sidebar div#sidebar div.widget-calendar-feed .event-date {

        }
        body.sidebar div#sidebar div#slideshow a#slideshow-show span {
            background-image:url(/images/design/CSSImages/button-view-photos-trans.png);
            background-repeat:no-repeat;
            cursor:pointer;
            cursor:hand;
            height:22px;
            left:68px;
            position:absolute;
            text-indent:-9999em;
            top:95px;
            width:105px;
        }