/* Fix styles for student current jobs tables
   http://192.168.3.2:8116/employment/student_current_jobs
 */
.views-field-field-student-job-rate-of-pay
{
    width: 10%;
}

.views-field-field-number-of-positions
{
    width: 10%;
}

.views-field-field-student-work-study
{
    width: 15%;
}



/* To fix slider navigation arrows showing half-size problem.
*/
.flex-direction-nav a{
    width: 30px;
    height: 55px;
}


span.glyph {
    font: 1em'FontAwesome';
    text-transform: none;
    width: 1em;
    display: inline-block;
}


div.search-tool-wrapper-header {
    display: inline-block;
    float: right;
    margin: 0;
    margin-top: 14px;
}

form.sb_wrapper {
    display: inline-block;
    padding:0;
/*
    width: 450px;
*/
    max-width: 450px;
    position: relative;
    float: left;
}
body.not-front form.sb_wrapper {
  width: 440px;
}

form.sb_wrapper p {
    margin: 0;
}
/*
form.sb_wrapper p,

form.sb_wrapper p .sb_input {
    width: 80%;
}
*/




div.search-help {
    margin: 21px 0 0 .5em;
    position: relative;
    float: left;
}
div.search-help a {
    font-size: 1.5em;
    color: #3498db;
    color: #2980b9;
    /*color: #95a5a6;*/
}
div.search-help a:hover + #tooltip {
    display: block;
}
div.search-help #tooltip {
    display: none;
    position: absolute;
/*
    top: -208px;
*/
    left: -586px;
    color: #fff;
    z-index: 100;
}
body.responsive-layout-narrow div.search-help #tooltip {
  left: -456px;
}
body.not-front div.search-help #tooltip {
  top: 24px;
  left: -575px;
}

div.search-help #tooltip div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(55,55,55,.95);
    width: 600px;
    display: block;
    padding: 1em;
}
body.front div.search-help #tooltip:after  {
    content: "";
    background: none;
    display: block;
    margin-left: 332px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(55,55,55,.95);
}
body.front.responsive-layout-narrow div.search-help #tooltip:after  {
  margin-left: 452px;
}
body.not-front div.search-help #tooltip:before  {
  content: "";
  background: none;
  display: block;
  margin-left: 571px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid rgba(55,55,55,.95);
}

div.search-help #tooltip div p:last-child {
    margin-bottom: 0;
}











.sb_wrapper input[type="text"] {
    height: 46px;
    font-size: 1em;
    background: #fefefe;

}
.sb_wrapper input[type="text"],
span.sb_dropdown{
   /* border:1px solid #fff;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    -box-shadow:1px 1px 3px #555;*/
    outline:none;
    padding:6px 5px 6px 20px;
    float:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
span.sb_dropdown{
    background: #ecf0f1;
    background: #F9f9f9;
    position: absolute;
    top: 40px;
    list-style:none;
    padding: 5px;
    width: 100%;
    z-index: 1000;
    border: 1px solid #666;
    border-top-width: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.sb_dropdown > li {
    display: block;
    margin: .25em 0 0 .5em;
}
ul.sb_dropdown > li span.search-type {
    font-weight: bold;
    float: left;
    width: 32%;
    text-align: right;
}
ul.sb_dropdown > li ul {
    float: left;
    padding: 0;
    margin: 0 0 .5em;
}
ul.sb_dropdown > li ul li {
    list-style-type: none;
    float: left;
    margin-left: 2em;
}
ul.sb_dropdown > li ul li a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* padding: .25em .5em; */
    color: #333;
    position: relative;
    text-decoration: none;
}
ul.sb_dropdown > li ul li a:before {
    content: "\00a0";
    margin-right: .25em;
    color: #B10202;
    width: 1em;
    font-weight: bold;
    position: absolute;
    left: -.75em;
}
ul.sb_dropdown > li ul li a:hover,
ul.sb_dropdown > li ul li a.active {
    color: #B10202;
    border-radius: 3px;
}
ul.sb_dropdown > li ul li a.active:before {
    content: "\2713";
}
span.sb_up,
span.sb_down{
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 42px;
    background-color: #f2f2f2;
    background: #8DB8CD;
    background: #B10202;
    background: #c0392b;
    background: #95a5a6;
    z-index: 10;
    -moz-box-shadow: 1px 0px 1px #ddd;
    -webkit-box-shadow: 1px 0px 1px #ddd;
    -box-shadow: 1px 0px 1px #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
span.sb_up{
    background-image:url(../images/up.png);
}
span.sb_down{
    background-image:url(../images/down.png);
}
/*
input.sb_search[type="submit"]{
    font-family: 'FontAwesome';
    font-size: 2em;
    position: absolute;
    top: 2px;
    right: 2px;
    height:36px;
    width:46px;
    padding: 0;
}
*/





/*
.webform-flex {
    display: flex;
    flex-direction: row;
}


.webform-flex--container {
    display: flex;
    flex-direction: row;
}
*/


/* apply no style for list bullets. */
.list-no-style {
    list-style-type: none;
}



/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item .description {
  font-size: 0.85em;
}
label {
  display: block;
  font-weight: bold;
    text-transform: none;
}
label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
  vertical-align: middle;
}
.marker,
.form-required {
  color: #f00;
    text-transform: none;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}




/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}




/* Additional class for web forms. */
.fieldset_webform {
    border: 1px solid blue;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.rtecenter {
    text-align: center;
}

.font-red {
    color: red;
}




/* div tag ids for front page search box tabs / drop-down menu.
*/
@media (max-width: 1000px) {
    #search-tabs-list {
        display: none;
    }

    #search-tabs-menu {
        display: block;
    }
}


@media (min-width: 1001px) {
    #search-tabs-list {
        display: block;
    }

    #search-tabs-menu {
        display: none;
    }
}

#search-tabs-list {
    width: 100%;
    max-width: 100%;
}

/* Style for front page search box, drop-menu.
*/
/*
#search-tabs-select, option {
    display: block;
    padding: 0 15px;
    color: #444;
    height: 40px;
    line-height: 40px;
    background-color: #F2F2F2;
    font-size: 14px;
    font-weight: bold;
}
*/

.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}


.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-css option {
    display: block;
/*
    padding: 15px 15px 15px 15px;
*/
    padding: 6px 10px 6px 10px;
    color: #444;

/*
    height: 30px;
    line-height: 30px;
*/

/*
    font-size: 16px;
*/
/*
    font-weight: bold;
*/

}



/*
    Front page events styles.
*/
.panel-content-events .views-row .views-field-created{
    float: left;
    padding: 5px 15px 5px 15px;
    background-color: #284f6e;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 15px 15px 15px;
}
.panel-content-events .views-row .views-field-created h5{
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    font-weight: lighter;
    font-stretch: extra-condensed;
    font-family: sans-serif;
    line-height: .75;
}
.panel-content-events .views-row .views-field-created h6{
    padding: 0px;
    margin: 0px;
    line-height: .5;
    margin-top: -10px;
    text-transform: uppercase;
}
.panel-content-events .views-field-body{
    min-height: 110px;
}



/* Header logo. */
.header-logo {
    width: 40%;
}



@media (max-width: 767px) and (min-width: 480px) {
    .container, #header.full-header .container, .container-fullwidth {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}




@media (max-width: 767px) and (min-width: 480px) {
    .container, #header.full-header .container, .container-fullwidth {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}


@media (max-width: 767px) and (min-width: 240px) {
/* fix for top bar search box, for mobile devices. */
    #block-subpage-search {
        width: 100%;
        max-width: 100%;
    }
    form.sb_wrapper {
        width: 100%;
        max-width: 100%;
    }
    .search-help {
        display: none;
    }
}



/* for Staff Directory display */
.field--label-inline .field__label,
.field--label-inline .field__items,
.field--label-inline .field__item
{
  display: inline;
}
/* Field display */
.field .field__label {
  font-weight: bold;
    width: 12em;
    min-width: 10em;
}
.field--label-inline .field__label,
.field--label-inline .field__items
{
  float:left; /*LTR*/
}
.field--label-inline
{
    padding-top: 5px;
/*
    padding-bottom: 10px;
*/
}


/* fix for Staff Directory display, by divisions/departments */
table {
    width: 100%;
}
table.cols-0 caption{
    font-weight: bold;
    font-size: 18px;
}



/* For each logo image on top header, main and branch sites. */
#site-branding__logo--speccol {
    width: 480px;
}
#site-branding__logo--speccol img {
    width: 480px;
    padding-top: 25px;
}

.static-header {
    padding-bottom: 20px;
}


#site-branding__logo--hsl {
    width: 480px;
}
#site-branding__logo--hsl img {
    width: 480px;
}


#site-branding__logo--tdrl {
    width: 480px;
}
#site-branding__logo--tdrl img {
    width: 480px;
    padding-top: 10px;
}

#site-branding__logo--arch {
    width: 480px;
}
#site-branding__logo--arch img {
    width: 480px;
    padding-top: 10px;
}



/* Student Job application, button */
.ee-seethem {
    border-bottom: 0px;
}
.ee-seethem a {
    color: #fff;
    background: #b80000;
    padding: 8px;
}



/* Webform file upload button. Must show up to allow for uploading. */
.js-hide.js-form-submit {
    display: block;
}



/* Webform composite element box */
div.webform-multiple-table table tr td {
    margin: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}