﻿@font-face {
    font-family: "SansaPro-Normal";
    font-style: normal;
    src: url("SansaPro-Normal.eot");
    src: url("SansaPro-Normal.eot?#iefix") format("embedded-opentype"),
         url("SansaPro-Normal.woff") format("woff"),
         url("SansaPro-Normal.ttf") format("truetype"),
         url("SansaPro-Normal.svg#SansaPro-Normal") format("svg");
}

@font-face {
    font-family: "SansaPro-Bold";
    font-style: normal;
    src: url("SansaPro-Bold.eot");
    src: url("SansaPro-Bold.eot?#iefix") format("embedded-opentype"),
         url("SansaPro-Bold.woff") format("woff"),
         url("SansaPro-Bold.ttf") format("truetype"),`
         url("SansaPro-Bold.svg#SansaPro-Bold") format("svg");
}

@font-face {
    font-family: "SansaPro-SemiBold";
    font-style: normal;
    src: url("SansaPro-SemiBold.eot");
    src: url("SansaPro-SemiBold.eot?#iefix") format("embedded-opentype"),
         url("SansaPro-SemiBold.woff") format("woff"),
         url("SansaPro-SemiBold.ttf") format("truetype"),
         url("SansaPro-SemiBold.svg#SansaPro-SemiBold") format("svg");
}

@font-face {
    font-family: "AZdelta";
    font-style: normal;
    font-weight: normal;
    src: url("AZdelta.eot");
    src: url("AZdelta.eot?#iefix") format("embedded-opentype"),
         url("AZdelta.woff") format("woff"),
         url("AZdelta.ttf") format("truetype"),
         url("AZdelta.svg#AZdelta") format("svg");
}

body, button, input, select option, textarea {
    color: #3e3e3d;
    font-family: 'SansaPro-Normal', Arial, Helvetica, sans-serif;
    font-size: 13px;
}

body {
    background: url("../images/bck_page.png") no-repeat scroll 0 0/100% rgba(0, 0, 0, 0);
    line-height: 22px;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 { font-size: 16px; }

#wrapper {
    margin: 0 auto;
    width: 1236px;
}

#header {
    float: left;
    height: 236px;
    width: 100%;
}

#logo {
    float: left;
    padding: 22px 0;
    width: 20%;
}

#menu {
    float: left;
    padding: 22px 0;
    width: 80%;
}

a {
    color: #3e3e3d;
    text-decoration: none;
}

a:hover {
    color: #ec6725;
    text-decoration: underline;
}

.menuItem {
    border-right: 1px solid #e2e2e2;
    display: inline;
    float: left;
    height: 20px;
    margin-top: 155px;
    padding-left: 10px;
    padding-right: 10px;
}

.addThis {
    float: left;
    margin-left: 10px;
    margin-top: 155px;
}

.menuItem.first { margin-left: 50%; }

#content {
    background: url("../images/bck_contentTop.png") no-repeat scroll left top white;
    float: left;
    overflow: hidden;
    width: 100%;
}

#jobsFrame {
    float: left;
    margin-top: 30px;
    padding: 25px;
    width: 60%;
}

#infoFrame {
    float: left;
    margin-left: 5%;
    margin-top: 30px;
    padding: 25px;
    width: 25%;
}

.infoItem { }

.infoItem ul {
    margin: 15px 0;
    padding: 0;
}


ul li:before, .jobs > li:before, .infoItem ul li:before {
    font-family: 'AZdelta';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e608";
    text-decoration: none;
    display: inline-block;
    pointer-events: inherit;
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: 7px;
    color: #7c7c7c;
}

.infoItem ul li {
    /*background-image: url("../images/li.png");
    background-position: left 4px;
    background-repeat: no-repeat;*/
    line-height: 25px;
    list-style: none;
    padding: 0 0 0 30px;
    position: relative;
}

.infoItem .infoTitle {
    border-bottom: 1px solid #ec6725;
    border-top: 1px solid #ec6725;
    color: #ec6725;
    display: block;
    font-family: 'SansaPro-SemiBold';
    font-size: 14px;
    line-height: 22px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 10px;
    text-decoration: none;
}

.infoItem p {
    margin: 0;
    padding: 10px 20px 10px 0;
}

.oneLiner {
    border-bottom: 1px solid #ec6725;
    margin-bottom: 40px;
    margin-right: 20px;
}

.clearBoth { clear: both; }

.activeCampus { color: #ec6725 !important; }

.jobTitle, .jobtitle {
    color: #ec6725;
    font-family: 'SansaPro-SemiBold';
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 25px;
}

.departments { }

.departmentTitle {
    color: #ec6725;
    cursor: pointer;
    font-family: 'SansaPro-SemiBold';
    font-size: 16px;
}

.opened { }

.departmentJobList { display: none; }

.spacing { padding-bottom: 15px; }

.departmentTitle span { color: #3f3a8f; }

#footer {
    background: url("../images/bck_contentBottom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    padding-top: 30px;
    width: 100%;
}

#footer a {
    color: #858585;
    text-decoration: none;
}

#footer a:hover {
    color: #858585;
    text-decoration: underline;
}

.copyright {
    float: left;
    margin-left: 30px;
}

.poweredBy {
    float: right;
    margin-right: 30px;
}

.jobs > li {
    /*background-image: url("../images/li.png");
    background-position: left center;
    background-repeat: no-repeat;*/
    line-height: 22px;
    list-style-type: none;
    padding-left: 25px;
}

.jobs { margin: 10px 0; }

.topbutton { float: right; }

.applyButton, .backButton {
    color: #ec6725;
    font-family: 'SansaPro-SemiBold';
    font-size: 16px;
    margin: 10px 20px;
}


ul {
    margin: 15px 0;
    padding: 0;
}

ul li {
    /*background-image: url("../images/li.png");
    background-position: left 4px;
    background-repeat: no-repeat;*/
    line-height: 25px;
    list-style: none;
    padding: 0 0 0 30px;
    position: relative;
}

@media (max-width: 1250px) {    
    #wrapper {
        min-width: 750px;
        width: 100%;
    }

    #logo { margin-left: 10px; }

    #menu { width: 75%; }

    #jobsFrame {
        padding-left: 2%;
        padding-right: 2%;
    }

    #infoFrame {
        margin-left: 0;
        padding-left: 2%;
        padding-right: 2%;
        width: 30%;
    }  
}