/*
* 2014 Corporate Web Style (Simply Red) - Internet - Content CSS
* Andrew Dunbar [ECU]
* June 2013
* 
* Modification history:
* 
* 2013-06-21  Andrew Dunbar
*             Created initial file.
* 2013-10-15  Mike Young
*             Added rebrand styles and Bootstrap overrides
* 2014-02-28  Mike Young
*             Added homepage, LP and News LP styles
* 2014-05-16  Mike Young
*             Updated blue-grey colour 
*             Changed LP testimonial heading colour and H3 top margin
* 2014-05-16  Andrew Dunbar
*             Added some default styles for old forms.
* 2014-05-21  Mike Young
*             Added border to dropdown menu on RYP homepage.
* 2014-05-22  Mike Young
*             Increased the text field size for funnelback search on LP pages.
*             Added style fixes for loan form layout (#24637).
*             Added style fixes for scholarship wizard form layout (#112113).
* 2014-05-23  Mike Young
*             Added tablet device only media query to fix style errors on RYP homepage.
* 2014-06-03  Mike Young
*             Updated blockquote styles.
* 2014-06-06  Mike Young
*             Added fix for banner on tablet.
* 2014-06-10  Mike Young
*             Fixed bug on homepage where text moves on banner transition.
* 2014-06-13  Andrew Dunbar
*             Added some form CSS for recaptcha.
* 2014-06-30  Mike Young
*             Added max-width style for blockquote in IE8.
* 2014-07-02  Mike Young
*             Added mid-year countdown styles.
* 2014-07-07  Mike Young
*             Increased top margin on h3.
* 2014-07-09  Mike Young
*             Fixed homepage banner issues, including line-height as per 
*             Google Insights recommendation.
*             Fixed dropdown arrow positioning on phone width homepage for Safari, Chrome, IE.
* 2014-07-11  Mike Young
*             Added font smoothing attribute to fix font anti-aliasing issue for Safari/Chrome.
* 2015-01-22  Andrew Dunbar
*             Added some additional customised form styles when form has 'ecu' class.
* 2015-07-03  Andrew Dunbar
*             Updated reference to 'pie' - to stop loading off Web01.
* 2015-09-15  Mike Young
*             Course calendar styles added for health simulation.
* 2016-08-29  Helen Liu
*             Padding and alignment fix for home page carousel.
* 2016-11-09  Helen Liu
*             Added .lrg class to inherit width of containing element.
*/

/* --------------------------------------------------------------------------------------------- 
START: GENERIC
--------------------------------------------------------------------------------------------- */

html {
    width: auto !important;
    overflow-x: hidden !important;
}

body {
    padding: 0px;
    position: relative;
    line-height: 1.5em;
    background-color: #EEEEEE;
    font-family: Helvetica, arial, sans-serif;
}

a {
    text-decoration: underline;
}

a:hover,
a:focus {
    text-decoration: underline;
}

ul,ol {
    padding: 0 0 0 30px;
}

li {
    line-height: normal;
}

#content-left {
    font-size: 0.75em;
}

#content-2013 li {
    line-height: 20px;
}

hr {
    margin: 13px 0 15px 0;
}

h1,
h2,
h3 {
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    -webkit-font-smoothing: subpixel-antialiased;
}

h1 {
    font-size: 2em;
    color: #93322a;
    margin: 10px 0;
    padding-bottom: 0;
}

h2 {
    font-size: 1.78em;
    color: #93322a;
    margin-top: 0;
}

h2.content-title {
    display: none !important;
}

h2.page-title {
    display: block !important;
}

h3 {
    font-size: 1.4em;
    color: #222;
    margin-top: 15px;
}

h4 {
    font-size: 1.05em;
    margin-bottom: 5px;
}

#container-sub-heading {
    background-color: #fff;
    padding-bottom: 20px;
}

.wrapper-sub-heading {
    background-color: #e5e5e5;
}

#container-sub-heading h1 {
    margin: 0 0 0 15px;
    padding: 11px 0;
    font-size: 1.7em;
    font-family: 'HouschkaProDemiboldRegular',helvetica,arial,sans-serif;
    text-transform: uppercase;
    color: #444;
    -webkit-font-smoothing: subpixel-antialiased;
}

blockquote {
    padding: 15px;
    max-width: 650px;
    background: #F7F7F7;
}

blockquote p {
    color: #545454;
    display: block;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 1.22em;
    font-style: normal;
    line-height: 1.25em;
    -webkit-font-smoothing: subpixel-antialiased;
}

cite {
    color: #333333;
    font-family: 'HouschkaProDemiboldRegular',helvetica,arial,sans-serif;
    font-size: 1.07em;
    font-style: normal;
    -webkit-font-smoothing: subpixel-antialiased;
}

.transition-message {
    margin-top: 10px;
}


@media (max-width:1199px) {

    blockquote {
        max-width: 470px;
    }
    
    .simply-red .row-fluid .span3.flourish-full,
    .simply-red .row-fluid .span9.flourish-hide {
        margin-left: 0;
        width: 100%;
    }

}

@media (max-width:979px) {

    blockquote {
        max-width: 330px;
    }
    
    .simply-red .row-fluid .span3.flourish-full,
    .simply-red .row-fluid .span9.flourish-hide {
        margin-left: 0;
        width: 100%;
    }
    
    .flourish-hide .carousel {
        margin-left: 0!important;
    }

}

@media (max-width:767px) {

    body {
        overflow-x: hidden;
        font-size: 0.85em;
    }
    
    #container-sub-heading {
        padding-bottom: 0;
    }
    
    blockquote {
        max-width: none;
    }
    
    .flourish-hide {
        display: none!important;
    }
    
    .simply-red .row-fluid .span3.flourish-full {
        margin-left: inherit;
        width: inherit;
    }

}

.youtube-embed-iframe {
    border: none;
}

.vr-embed-iframe {
    border: none;
}

.wozza-embed-iframe {
    border: none;
}

.lrg {
    max-width: inherit !important;
}

/* --------------------------------------------------------------------------------------------- 
END: GENERIC
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: HOMEPAGE
--------------------------------------------------------------------------------------------- */

.carousel-inner .item .container {
    position: absolute;
    left: 30px;
    top: 30px;
}

.carousel-inner > .item {
    max-height: 317px;
}

.carousel-inner .item .container .row > div {
    color: #333;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 1.5em;
    padding: 15px 30px 23px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.banner-2016 .carousel-inner .item .container .row > div {
    padding: 8px 15px 23px 8px;
}    

.banner-2016 .carousel-inner .item .container {
    top: 20px;
}

.carousel-inner .item.background-fill .container .row > div {
    background-color: rgba(17,17,17,0.95);
    color: #fff;
}

.carousel-inner .item .container .row > div h2 {
    text-transform: uppercase;
    font-size: 2.3em;
    font-family: 'HouschkaProDemiBoldRegular',helvetica,arial,sans-serif;
    line-height: 1.05em;
}

.carousel-inner .item.sml-text .container .row > div h2 {
    font-size: 1.9em;
}

.carousel-inner .item.lge-text .container .row > div h2 {

}

.carousel-inner .item .container .row > div p {
    font-size: 0.85em;
    line-height: 1.4em;
    padding-top: 0;
}

.carousel-inner .item .container .row > div .btn {
    font-family: helvetica,arial,sans-serif;
    font-size: 0.65em;
    margin: 10px 0 5px;
}

.promo-banner {
    margin-top: 10px;
}

.promo-banner-sml {
    margin-bottom: 20px;
}

.promo-banner img,
.promo-banner-sml img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button-list .quicklinks-header {
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 1.3em;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 10px;
    padding-top: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.button-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.button-list h3 {
    font-size: 1.25em;
    margin: 0 0 5px 0;
}

.button-list li {
    padding: 5px 0 10px 0;
}

.button-list li:last-child {
    border: 0;
}

.media.feature-news {
    padding: 20px;
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    margin-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.media.feature-news .thumb {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 20px 7px 0;
    padding: 2px;
}

.media.feature-news h3 {
    margin-bottom: 10px;
    font-size: 1.5em;
    color: #333;
}

.media.feature-news .btn {
    margin-top: 5px;
}

.media.feature-news p {
    color: #545454;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 1.15em;
    line-height: 1.5em;
    -webkit-font-smoothing: subpixel-antialiased;
}

.info-for,
.info-about {
    padding: 0;
}

.info-for {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 15px;
    margin: 0 0 10px 0;
}

.info-about {
    margin: 15px 0 10px 0;
}

.info-for li,
.info-about li {
    margin-left: 0;
    list-style: none;
}

.info-for a,
.info-about a {
    color: #035A80;
}

.info-for a:hover,
.info-about a:hover {
    color: #B0112D;
}

.info-for li .icon-chevron-right,
.info-for li .fa-chevron-right,
.info-about li .icon-chevron-right,
.info-about li .fa-chevron-right {
    margin-right: 10px;
    text-decoration: none;
    font-size: 0.75em;
}

.info-for .h3,
.info-about .h3 {
    margin-bottom: 10px;
    font-size: 1.4em;
    list-style: none;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    margin-left: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}

.simply-red-tabs .h3 {
    font-size: 1.3em;
    list-style: none;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    margin-left: 0;
    font-weight: normal;
    -webkit-font-smoothing: subpixel-antialiased;
}

.simply-red-tabs.home.ui-tabs .ui-tabs-nav li a {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.info-for .h3 {
    margin-top: 2px;
}

h3.whats-on,
h3.latest-news {
    margin-top: 0;
}

.event.featured {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.event .date-block {
    background-color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 4px 5px;
    font-weight: bold;
    color: #fff;
    min-width: 30px;
    text-decoration: none;
    text-align: center;
    margin-top: 0;
}

.event.featured .date-block {
    background-color: #A42E25;
}

.event .media-heading {
    margin: 0 0 5px;
    line-height: 17px;
}

.event .date-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.event .date-block ul li {
    line-height: 16px!important;
}

.event .date-block ul li.day {
    font-size: 1.4em;
}

.video-frame-sml {
    display: inline-block;
    margin-right: 10px;
    max-width: 120px;
    position: relative;
}

.video-frame-sml .fa {
    background-color: #000000;
    border-radius: 4px;
    color: #fff;
    font-size: 1em;
    left: 42px;
    opacity: 0.6;
    padding: 6px 15px;
    position: absolute;
    top: 22px;
    z-index: 999;
}

.video-frame-sml img {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

.event .media-body p {
    font-size: 0.90em;
    line-height: 1.3em;
    margin-bottom: 0;
}

.btn.event  {
    margin-top: 20px;
    margin-bottom: 10px;
}

.news-item-block .btn {
    margin-top: 15px;
}

.media.news-item .thumb {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 17px 7px 0;
    padding: 2px;
    max-width: 100px;
}

.btn.all-news {
    margin-top: 15px;
    margin-bottom: 10px;
}

.home-panels p {
    color: #545454;
    font-family: 'droid_serifitalic';
    line-height: 1.5em;
    font-size: 0.95em;
    -webkit-font-smoothing: subpixel-antialiased;
}

.home-panels .span3 > div {
    min-height: 110px;
}

.home-panels .span3 ul {
    list-style: none;
    margin: 0;
    float: left;
    clear: both;
    padding: 0;
}

.home-panels {
    background: -webkit-radial-gradient(top,#f8f7f7,#ffffff);
    background: radial-gradient(at top,#f8f7f7,#ffffff);
    padding-top: 15px;
    margin-top: 25px;
    border-top: 1px solid #E2E2E2;
    margin-bottom: 25px;
}

/* Special */

.media.prof {
    margin-top: 25px;
}

.media.prof .media-body p {
    padding-top: 20px;
    padding-left: 5px;
}


@media (min-width: 1200px) {

    .media.feature-news {
        min-height: 127px;
    }
    
}

@media (max-width: 1199px) {

    .carousel-inner > .item {
        max-height: 251px;
    }
    
    .carousel-inner .item .container .row > div {
        width: 350px;
        padding: 5px 30px 23px 15px;
    }
    
    .banner-2016 .carousel-inner .item .container .row > div {
        padding: 5px 30px 23px 2px;
        width: 300px;
    }
    
    .carousel-inner .item.background-fill .container .row > div {
        padding: 15px 30px 23px 30px;
    }
    
    .carousel-inner .item .container .row > div h2 {
        font-size: 1.5em;
    }
    
    .carousel-inner .item.sml-text .container .row > div h2 {
        font-size: 1.35em;
        line-height: 1.15em;
    }
    
    .carousel-inner .item .container .row > div p {
        font-size: 0.75em;
    }
    
    .carousel-inner .item.top-hundred .container .row > div {
        width: 300px;
    }
    
    .carousel-inner .item.top-hundred .container .row > div h2 {
        font-size: 1.15em;
    }
    
    .media.prof .media-body p {
        padding-top: 5px;
        padding-left: 5px;
    }
    
    .video-frame-sml {
        max-width: 90px;
    }
    
    .video-frame-sml .fa {
        font-size: 0.8em;
        left: 35px;
        padding: 4px 10px;
        top: 17px;
    }
    
}

@media (max-width: 979px) {

    /* Begin fixes for carousel - home page only */
    #asset-id_101 .banner-2016 .carousel-inner .item .container .row > div {
      padding-left: 20px;
      padding-right: 20px;
      width: auto;
      height: 185px;
    }
    /* End fixes for carousel - home page only */

    #asset-id_570673 .simply-red .span3 {
        width: 166px;
    }

    #asset-id_570673 .simply-red .span9 {
        width: 538px;
    }
    
    .container-banner .carousel-inner {
        background-color: #242424;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .row-fluid.lp .container-banner .carousel-inner {
        background-color: transparent;
    }
    
    .carousel-inner > .item {
        height: 215px;
        width: 100%;
        overflow: hidden;
    }
    
    .row-fluid.lp .carousel-inner > .item {
        height: inherit;
    }
    
    .carousel-inner .item .container {
        top: 0;
        width: 100%;
        left: 0;
    }
    
    .carousel-inner .item.background-fill .container .row > div {
        padding: 0 30px;
    }
    
    .carousel-inner .item .container .row > div h2,
    .carousel-inner .item.sml-text .container .row > div h2 {
        line-height: 1.05em;
        color: #F3DD65!important;
    }
    
    .carousel-inner .item .container .row > div h2 {
        font-size: 1.75em;
    }
    
    .carousel-inner .item.sml-text .container .row > div h2 {
        font-size: 1.55em;
    }
    
    .carousel-inner .item .container .row > div {
        height: 215px;
        display: table;
        background-color: transparent;
        padding: 0 30px;
        width: auto;
    }
    
    .carousel-inner .item.background-fill .container .row > div {
        background: none;
    }
    
    .carousel-inner .item .container .row > div p {
        font-size: 0.88em;
        color: #fff;
    }
    
    .carousel-inner > .item > img, 
    .carousel-inner > .item > a > img {
        display: none;
    }
    
    .carousel-inner .item.top-hundred .container .row > div {
        width: inherit;
    }
    
    .row-fluid.lp .carousel-inner > .item > img, 
    .row-fluid.lp .carousel-inner > .item > a > img {
        display: block;
    }
    
    .row-fluid.lp .carousel {
        margin-bottom: 10px;
    }
    
    .carousel-inner .item .container .row > div div {
        display: table-cell;
        height: auto;
        vertical-align: middle;
        width: 100%;
    }
    
    .button-list li a.btn {
        padding-right: 30px;
        position: relative;
        text-align: left;
    }
    
    .button-list li a.btn .icon-chevron-right,
    .button-list li a.btn .fa-chevron-right {
        position: absolute;
        right: 11px;
        top: 11px;
    }
    
    .info-for li, 
    .info-about li {
        margin-left: 15px;
        position: relative;
    }
    
    .info-for li .icon-chevron-right, 
    .info-for li .fa-chevron-right, 
    .info-about li .icon-chevron-right,
    .info-about li .fa-chevron-right {
        left: -10px;
        margin-left: -5px;
        position: absolute;
        top: 5px;
    }
    
    #asset-id_570673 .simply-red .span3.events {
        margin-left: 25px;
        width: 176px;
    }
    
    .span6.news-item-block {
        margin-left: 25px;
        width: 332px;
    }
    
    .event .date-block {
        display: none;
    }
    
    .media.event {
        margin-right: 10px;
    }
    
    .video-frame-sml {
        max-width: 120px;
        margin: 5px 0 5px;
    }
    
    .video-frame-sml .fa {
        font-size: 1em;
        left: 42px;
        padding: 6px 15px;
        top: 22px;
    }

    .home-panels .span3 > div {
        min-height: 135px;
    }
    
    .home-panels .span3 ul {
        padding: 0 0 20px 0;
        list-style: none;
        margin: 0;
        float: left;
        clear: both;
        width: 100%;
    }
    
    .media.prof {
        margin-top: 15px;
    }
    
    .media.prof .media-body p {
        padding-top: 10px;
        padding-left: 0;
    }
    
    .media.prof .media-body {
        clear: both;
    }

}

@media (max-width:767px) {

    /* Begin fixes for carousel - home page only */
    #asset-id_101 .banner-2016 .carousel-inner .item .container .row > div {
      height: 215px;
    }
    /* End fixes for carousel - home page only */

    #asset-id_570673 .simply-red .span3 {
        width: 100%;
    }

    #asset-id_570673 .simply-red .span9 {
        width: 100%;
    }
    
    .button-list li a.btn .icon-chevron-right,
    .button-list li a.btn .fa-chevron-right {
        top: 8px;
    }
    
    .info-for,
    .info-about {
        border: 0;
        margin: 0;
        padding: 5px 0;
    }
    
    .banner-full-width.home {
        margin-bottom: 0;
    }
    
    .carousel-inner .item .container .row > div h2 {
        font-size: 1.65em;
        line-height: 1.05em;
    }
    
    .carousel-inner .item.sml-text .container .row > div h2 {
        font-size: 1.15em;
        line-height: 1.15em;
    }
    
    .carousel-inner .item .container .row > div {
        font-size: 1.3em;
    }
    
    .row-fluid.lp .carousel-inner > .item > img, 
    .row-fluid.lp .carousel-inner > .item > a > img {
        display: none;
    }
    
    .row-fluid.lp .container-banner,
    .row-fluid.lp .carousel-inner,
    .row-fluid.lp .carousel {
        margin: 0;
    }

    .carousel-inner .item .container .row > div .btn {
        font-size: 0.75em;
    }
    
    .span6.news-item-block {
        margin-left: 0;
        width: 100%;
    }
    
    .media.feature-news {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    
    .media.news-item {
        margin-top: 10px;
    }
    
    h3.latest-news {
        margin-bottom: 15px;
        margin-top: 0;
        font-size: 1.5em;
    }
    
    .news-item-block {
        margin-top: 25px;
    }
    
    .media.feature-news .btn {
        padding-bottom: 7px;
        padding-top: 8px;
        font-size: 0.97em;
    }
    
    .button-list li.quicklinks-header,
    h3.whats-on {
        font-size: 1.5em;
        margin-bottom: 15px;
    }
    
    .button-list ul {
        width: 100%;
    }
    
    .button-list li,
    .button-list li.quicklinks-header {
        padding: 0;
        border: 0;
        width: 100%;
        float: left;
    }
    
    .button-list li.quicklinks-header {
        margin-top: 5px;
    }
    
    .button-list li .btn.turquoise {
        margin: 0;
    }
    
    .button-list li .btn {
        text-align: left;
        display: list-item;
        float: none;
        text-align: left;
        vertical-align: middle;
        padding-bottom: 7px;
        padding-top: 8px;
        font-size: 0.97em;
    }
    
    .button-list li .btn.turquoise {
        margin-top: 7px;
    }
    
    .button-list li .btn .icon-chevron-right,
    .button-list li .btn .fa-chevron-right {
        float: right;
        margin-top: 5px;
    }
    
    .simply-red-tabs.home {
        margin-top: 10px;
    }
    
    #content-2013 .info-for li,
    #content-2013 .info-about li {
        font-size: 1.1em;
        margin-top: 3px;
        line-height: 1.55em;
    }
    
    .tabbable.info-for-about {
        border-bottom: 1px solid #ddd;
        margin-top: 20px;
        padding-bottom: 15px;
    }
    
    .tabbable.info-for-about .nav.nav-tabs {
        padding-left: 0;
        margin-bottom: 15px;
    }
    
    .home-panels {
        margin-bottom: 15px;
        padding-top: 20px;
    }
    
    .home-panels h3 {
        font-size: 1.5em;
    }
    
    .home-panels .span3 {
        float: left;
        margin-bottom: 10px;
        width: 45% !important;
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 10px;
    }
    
    .home-panels .span3 > div {
        min-height: 145px;
    }
    
    .home-panels .span3 ul {
        border-bottom: 1px solid #E2E2E2;
    }
    
    .home-panels .span3:nth-child(4) ul,
    .home-panels .span3:nth-child(3) ul {
        border: 0;
    }
    
    .home-panels .btn {
        float: left;
        margin: 0;
    }
    
    .home-panels h3 {
        margin: 3px 0 10px 0;
    }
    
    .video-frame-sml {
        max-width: 240px;
        margin: 5px 10px 5px 0;
    }
    
    .video-frame-sml .fa {
        font-size: 1.7em;
        left: 90px;
        padding: 10px 25px;
        top: 44px;
    }

}

@media (max-width:480px) {

    /* Begin fixes for carousel - home page only */
    #asset-id_101 .banner-2016 .carousel-inner .item .container .row > div {
      height: 240px;
    }
    /* End fixes for carousel - home page only */

    .carousel-inner > .item {
        height: 240px;
    }
    
    .carousel-inner .item .container .row > div h2 {
        font-size: 1.6em;
        line-height: 1.05em;
    }
    
    .carousel-inner .item .container .row > div {
        height: 240px;
        padding: 0 20px;
    }    

}

/* --------------------------------------------------------------------------------------------- 
END: HOMEPAGE
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: RYP HOMEPAGE
--------------------------------------------------------------------------------------------- */

.funnelback.course-search .funnelback-searchbox-container {
    margin-bottom: 0;
}

.course-search-adv {
    background-color: #627581; /* WCAG Colour Contrast 7.1, Was #515e66; */
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 2px #414C52 inset;
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    letter-spacing: 0.2px;
    margin: -15px 80px 0 0;
    padding: 6px 12px 0 12px;
    position: relative;
    z-index: 999;
    text-decoration: none;
    z-index: 501;
}

.funnelback.course-search #q {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    line-height: 23px;
    height: 23px;
    margin: 0;
    color: #888888;
    font-size: 0.92em;
    padding: 5px 6px 4px;
}

.funnelback.course-search #q {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
}

.funnelback.course-search .funnelback-searchbox-container {
    min-height: inherit;
    border: 0;
}

.funnelback.course-search .funnelback-searchbox-container form {
    margin-bottom: 0;
}

.funnelback #simply-red-tabs .funnelback-searchbox {
    z-index: 1;
}

.funnelback.course-search .simply-red-tabs.ui-widget-content {
    width: 100%;
    margin-top: 10px;
}

.course-search-adv .icon-chevron-right,
.course-search-adv .fa-chevron-right {
    font-size: 0.85em;
    margin-left: 20px;
}

.funnelback.course-search .ryp-search-col-layout {
    display: table;
}

.funnelback.course-search .ryp-search-col,
.funnelback.course-search .ryp-search-col-wide {
    display: table-cell;
    font-size: 1.2em;
    padding: 20px 0 0 20px;
}

.funnelback.course-search .ryp-search-col {
    width: 23%;
}

.funnelback.course-search .ryp-search-col-wide {
    width: 30%;
}

.funnelback.course-search .ryp-search-col li,
.funnelback.course-search .ryp-search-col-wide li {
    display: table;
}

.funnelback.course-search li.ryp-search-title,
.funnelback.course-search li.ryp-search-title {
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 1.05em;
    margin-bottom: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.funnelback.course-search .ryp-search-col li input,
.funnelback.course-search .ryp-search-col li label,
.funnelback.course-search .ryp-search-col-wide li input,
.funnelback.course-search .ryp-search-col-wide li label {
    display: table-cell;
}

.funnelback.course-search .ryp-search-col li input,
.funnelback.course-search .ryp-search-col-wide li input {
    margin-right: 3px;
}

.simply-red-tabs.ryp.ui-tabs .ui-tabs-nav li a {
    padding-bottom: 0.4em;
    padding-top: 0.4em;
}

#prospectus-download ul {
    list-style: none;
    margin: 5px 0 0 15px;
    padding: 0;
}

#prospectus-download ul li {
    display: inline-block;
    margin: 5px 0;
    width: 49%;
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 4px;
}

#prospectus-download ul li:last-child,
#prospectus-download ul li:nth-last-child(2) {
    border: 0;
    padding: 0;
}

#prospectus-download ul li a {
    text-decoration: none;
    color: #035A80;
}

#prospectus-download ul li a .icon-download-alt,
#prospectus-download ul li a .fa-download {
    margin-right: 10px;
    font-size: 1.1em;
    color: #333;
}

.persona-study {
    background-color: #F7F7F7;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    margin-top: 30px;
}

.persona-study .span6 {
    padding: 10px 20px 15px 0;
}

.persona-study .span6:first-child {
    padding-left: 20px;
}

.persona-buttons p,
.study-area p,
.apps p {
    float: left;
    margin: 3px 0 0 10px;
    color: #545454;
    font-family: 'droid_serifitalic';
    font-size: 0.94em;
    line-height: 1.6em;
    -webkit-font-smoothing: subpixel-antialiased;
}

.persona-buttons ul.dropdown-menu,
.study-area ul.dropdown-menu {
    border: 1px solid #DDDDDD;
}

.persona-buttons ul.dropdown-menu li a,
.study-area ul.dropdown-menu li a {
    border-top: 1px solid #eee;
}

.persona-buttons ul.dropdown-menu li:first-child a,
.study-area ul.dropdown-menu li:first-child a {
    border-top: 0;
}

.persona-buttons ul {
    list-style: none;
}

.persona-buttons ul li {
    float: left;
    margin-right: 14px;
}

.persona-buttons .btn-group.simply-red .dropdown-menu li {
    float: none;
}

.persona-buttons ul li .btn,
.persona-buttons .dropdown-toggle {
    min-width: 150px;
    text-align: left;
}

.persona-buttons .dropdown-toggle .caret {
    float: right;
    margin-top: 9px;
}

@-moz-document url-prefix() { 
  .persona-buttons .dropdown-toggle .caret {
     margin-top: -10px;
  }
}

.persona-buttons .btn-group {
    float: left;
    margin-right: 20px;
}

.study-area .btn-group.simply-red .btn.dropdown-toggle {
    float: none;
    text-align: left;
    display: list-item;
    list-style: none;
}

.study-area .btn-group {
    width: 100%;
    float: left;
}

.study-area .btn-group ul {
    width: 100%;
}

.study-area .btn.dropdown-toggle .caret {
    float: right;
    margin-top: 9px;
}

@-moz-document url-prefix() { 
  .study-area .btn.dropdown-toggle .caret {
     margin-top: -10px;
  }
}

.study-area h3,
.persona-buttons h3,
.apps h3 {
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    margin: 0;
    padding-bottom: 8px;
    float: left;
    -webkit-font-smoothing: subpixel-antialiased;
}

.span3 .button-list li {
    border: 0;
}

.span3 .button-list li.quicklinks-header {
    border-bottom: 1px solid #E2E2E2;
}

.button-list li a {
    width: 180px; 
    text-align:left;
}

.button-list li a .icon-chevron-right,
.button-list li a .fa-chevron-right {
    float: right; 
    margin-top: 5px;
}

.button-list hr {
    margin: 6px 0 9px;
}

.middle-ryp {
    padding-top: 10px;
    margin-bottom: 10px;
}

.contact h3 {
    margin-bottom: 12px;
    margin-top: 0;
}

.contact .social-media {
    clear: both;
    margin-top: 20px;
}

.contact .social-media a > span {
    display: table;
    height: 27px;
    margin-right: 5px;
    text-decoration: none;
    width: 27px;
    float: left;
    margin-bottom: 15px;
}

.contact .social-media a > span .icon-facebook,
.contact .social-media a > span .fa-facebook {
    background-color: #3B5998;
    padding-top: 2px;
}

.contact .social-media a > span .icon-youtube-play,
.contact .social-media a > span .fa-youtube-play {
    background-color: #BB0000;
}

.contact .social-media a > span .icon-twitter,
.contact .social-media a > span .fa-twitter {
    background-color: #00ACED;
}

.contact .social-media a > span > span {
    border-radius: 4px;
    color: #FFFFFF;
    display: table-cell;
    font-size: 1.2em;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    
}

.web-apps .media-body {
    display: table-cell;
    padding: 0 0 0 15px;
    vertical-align: middle;
}

.web-apps .media-body h4 {
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}

.web-apps .media {
    display: table;
    margin-bottom: 20px;
}

.web-apps .media:last-child {
    margin-top: 25px;
}

.web-apps .media-object {
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.lower-ryp {
    background: -webkit-radial-gradient(top,#f8f7f7,#ffffff);
    background: radial-gradient(at top,#f8f7f7,#ffffff);
    padding-top: 20px;
    margin-top: 15px;
    border-top: 1px solid #E2E2E2;
    margin-bottom: 25px;
}

.apps ul {
    list-style: none;
    margin: 0 auto;
    padding: 5px 0 0 0;
    clear: both;
    display: table;
}

.apps ul li {
    width: 113px;
    height: 76px;
    float: left;
    border-left: 1px solid #E2E2E2;
    padding: 5px 15px;
    position: relative;
}

.apps ul li:first-child {
    border: 0;
}

.apps h3 {
    float: none;
    padding-bottom: 2px;
    text-align: center;
}

.apps p {
    float: none;
    text-align: center;
    clear: both;
    margin: 0 0 15px;
}

.apps a .app-hover,
.apps a .app-hover1 {
    background-color: rgba(36, 36, 36, 0.93);
    display: none;
    height: 76px;
    width: 112px;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 99;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    font-family: 'droid_serifitalic';
    font-size: 0.94em;
    padding-top: 10px;
    vertical-align: middle;
    padding: 0;
    text-align: center;
}

.apps a .app-hover span,
.apps a .app-hover1 span {
    display: table-cell;
    height: 76px;
    vertical-align: middle;
    width: 102px;
    padding: 0 5px;
}

.faq {
    padding: 0;
    margin: 0;
}

.faq li {
    margin-left: 20px;
    margin-left: 0;
    list-style: none;
}

.faq li .icon-chevron-right,
.faq li .fa-chevron-right {
    margin-right: 10px;
    text-decoration: none;
    font-size: 0.75em;
}

.faq .h3 {
    margin-bottom: 10px;
    font-size: 1.3em;
    list-style: none;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    margin-left: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}

.lp-search-box {
    position: relative;
    background: #27748a;
    margin-top: 10px;
    padding: 0 20px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-height: 307px;
}

.lp-search-box p {
    color: #fff;
}

.lp-search-box h2 {
    color: #fff;
    margin-top: 0;
    padding-top: 20px;
    margin-bottom: 5px;
}

.lp-search-box h2.browse {
    padding-top: 0;
    padding-bottom: 10px;
}

.lp-search-box hr {
    border-color: #4190a6;
    margin-bottom: 25px;
}

.lp-search-box .search-courses {
    width: 80%;
    margin: 30px auto 0;
    text-align: center;
}

.lp-search-box .funnelback-searchbox-container {
    padding-left: 0;
    border: 0;
    min-height: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin-bottom: 0;
    padding-right: 0;
}

.lp-search-box .funnelback-searchbox {
    background: none;
    border: 0;
    padding: 0;
    position: relative;
}

.lp-search-box .persona-buttons {
    list-style: none;
}

.lp-search-box .funnelback-search-field-wrapper {
    right: 0;
    position: relative;
    margin: 0;
}

.lp-search-box .funnelback-search-field-wrapper input {
    width: 100%;
    box-sizing: border-box;
}

.lp-search-box .funnelback-search-field-wrapper #funnelback-search {
    position: relative;
}

.lp-search-box #funnelback-search-button {
    font-family: 'HouschkaProDemiBoldRegular',Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    height: 37px;
    padding: 10px 8px 10px 12px;
    text-transform: uppercase;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 105px;
    line-height: inherit;
    text-align: left;
    border: 0;
    clear: both;
    position: relative;
}

.lp-search-box #funnelback-search-button:hover {
    background-color: #fff;
}

.lp-search-box .funnelback-search-field-wrapper #funnelback-search {
    font-size: 1.2em;
    padding: 5px 10px;
    width: 100%;
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 35px;
    color: #999;
    background: #fff;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
}

.lp-search-box .funnelback-searchbox > .icon-search,
.lp-search-box .funnelback-searchbox > .fa-search {
    cursor: pointer;
    left: 80px;
    position: absolute;
    top: 57px;
    z-index: 99;
}

.lp-search-box .persona-buttons .btn-group {
    float: none;
}

.lp-search-box .persona-buttons .btn-group > a {
    background: #4190a6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    padding: 6px 10px;
    text-decoration: none;
    border: 0;
    outline: none;
}

.lp-search-box .btn-group.open .btn.dropdown-toggle {
    color: #333;
}

.lp-search-box .btn-group.simply-red.open .caret {
    color: #333;
    border-top: 4px solid #333;
}


@media (min-width: 1200px) {
    
    .ryp-special-hide {
        display: table;
    }
    
    .ryp-special-show {
        display: none;
    }
    
}

@media (max-width: 1199px) {

    .persona-study .span6 {
        width: 39%;
    }

    .persona-study .span6:first-child {
        width: 57%;
    }
    
    .persona-buttons ul li .btn,
    .persona-buttons .dropdown-toggle {
        min-width: inherit;
    }
    
    .study-area h3, 
    .persona-buttons h3 {
        padding-bottom: 8px;
    }
    
    .persona-buttons p, 
    .study-area p {
        clear: both;
        margin: 0 0 7px;
    }
    
    .apps ul {
        width: auto;
        margin: 0 auto;
    }
    
    .ryp-special-hide {
        display: none;
    }
    
    .ryp-special-show {
        display: table;
    }
    
    .apps ul li {
        margin: 0 0 10px 0;
    }
    
    .faq li {
        margin-left: 15px;
        position: relative;
    }
    
    .faq li .icon-chevron-right,
    .faq li .fa-chevron-right {
        left: -10px;
        margin-left: -5px;
        position: absolute;
        top: 6px;
    }
    
    .lp-search-box {
        padding: 0 15px 20px;
        min-height: auto;
    }
    
    .lp-search-box .funnelback-searchbox-container {
        padding-top: 5px;
    }
    
    .lp-search-box h2.browse {
        padding-bottom: 5px;
    }
    
    .lp-search-box hr {
        margin: -5px 0 10px;
    }
    
    .lp-search-box h2 {
        font-size: 1.4em;
    }
    
    .lp-search-box ul li a {
        padding: 4px 10px;
        font-size: 0.95em;
    }
    
    .lp-search-box ul {
        padding-top: 0;
    }
    
    .lp-search-box ul li {
        margin: 0 0 8px;
    }

}

@media (max-width: 979px) {

    #asset-id_597205 .simply-red .span3 {
        width: 166px;
    }

    #asset-id_597205 .simply-red .span9 {
        width: 538px;
    }
    
    .funnelback.course-search .ryp-search-col,
    .funnelback.course-search .ryp-search-col-wide {
        padding: 20px 0 0 10px;
    }
    
    #prospectus-download ul li {
        width: 100%;
        padding-bottom: 6px;
    }
    
    #prospectus-download ul li:nth-last-child(2) {
        border-bottom: 1px dashed #E2E2E2;
        padding-bottom: 6px;
    }

    .persona-study .span6,
    .persona-study .span6:first-child {
        width: 48.6188%;
    }

    .persona-buttons .btn-group.simply-red {
        float: left;
        width: 100%;
    }
    
    .persona-buttons .btn-group.simply-red .btn.dropdown-toggle {
        float: none;
        display: list-item;
    }
    
    .persona-buttons ul li a {
        display: list-item;
        float: none;
        list-style-type: none;
    }
    
    .persona-buttons ul li a .icon-chevron-right,
    .persona-buttons ul li a .fa-chevron-right {
        float: right;
        margin-top: 5px;
    }
    
    .persona-buttons .btn-group.simply-red .btn.dropdown-toggle:hover,
    .persona-buttons .btn-group.simply-red .btn.dropdown-toggle:focus {
        list-style-type: none;
    }    
    
    .persona-buttons ul {
        padding: 0;
        width: 100%;
        margin: 0;
    }
    
    .persona-buttons ul li {
        width: 100%;
        margin: 10px 0 0 0;
    }
    
    .study-area .btn-group.simply-red .btn {
        float: none;
    }
    
    .button-list li a.btn .icon-chevron-right,
    .button-list li a.btn .fa-chevron-right {
        top: 5px;
    }
    
    .button-list li a {
        width: auto;
    }
    
    .ryp-special-hide {
        display: table;
    }
    
    .web-apps .media-object {
        max-width: 160px;
    }
    
    .apps .hidden-desktop-sml {
        margin-left: 45px;
    }
    
    .apps ul li:nth-child(4) {
        border: 0;
    }
    
    .ryp-special-show {
        display: none;
    }
    
    .lp-search-box {
        padding: 15px 15px 20px;
        min-height: 180px;
    }
    
    .lp-search-box .funnelback-searchbox-container {
        padding: 0;
    }
    
    .lp-search-box h2 {
        padding-top: 0;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .web-apps .media .pull-left {
        width: 230px;
    }
    
    .persona-buttons .dropdown-toggle {
        width: 120px;
    }
    
    .persona-buttons .btn-group {
        margin-right: 10px;
    }
    
    .persona-buttons .dropdown-toggle .caret,
    .study-area .btn.dropdown-toggle .caret {
        margin-top: 8px;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    .web-apps .media .pull-left {
        width: 145px;
    }

}

@media (max-width: 767px) {

    #asset-id_597205 .simply-red .span3 {
        width: 100%;
    }

    #asset-id_597205 .simply-red .span9 {
        width: 100%;
    }
    
    .funnelback.course-search .simply-red-tabs.ui-widget-content {
        margin-top: 15px;
    }
    
    .simply-red-tabs.home.ui-tabs .ui-tabs-nav li a,
    .simply-red-tabs.ryp.ui-tabs .ui-tabs-nav li a {
        padding: 0.4em 0.85em;
        font-size: 0.9em;
    }
    
    .course-search .simply-red-tabs.ui-tabs .ui-tabs-panel {
        padding: 5px;
    }
    
    .funnelback.course-search .funnelback-searchbox-container form {
        margin-bottom: 0;
    }
    
    .funnelback.course-search #funnelback-search-button {
        width: 90px;
        padding: 0 8px;
    }
    
    .funnelback.course-search #q {
        height: 29px;
    }
    
    .funnelback.course-search .ryp-search-col-layout {
        display: none;
    }
    
    .funnelback.course-search .ryp-search-col,
    .funnelback.course-search .ryp-search-col-wide {
        display: block;
        padding: 20px 0 0 10px;
        width: 100%;
        margin: 0;
    }
    
    .funnelback.course-search li.ryp-search-title, 
    .funnelback.course-search li.ryp-search-title {
        margin-right: 10px;
    }
    
    .funnelback.course-search .ryp-search-col li label, 
    .funnelback.course-search .ryp-search-col-wide li label {
        margin-right: 5px;
    }
    
    .funnelback.course-search .ryp-search-col li input, 
    .funnelback.course-search .ryp-search-col-wide li input {
        margin-right: 0;
    }
    
    .funnelback.course-search .ryp-search-col li input, 
    .funnelback.course-search .ryp-search-col li label, 
    .funnelback.course-search .ryp-search-col-wide li input, 
    .funnelback.course-search .ryp-search-col-wide li label {
        display: inline;
    }
    
    .funnelback.course-search .ryp-search-col li, 
    .funnelback.course-search .ryp-search-col-wide li {
        display: inline-block;
    }
    
    .persona-study {
        margin-top: 25px;
    }

    .persona-study .span6,
    .persona-study .span6:first-child {
        width: 100%;
        padding: 15px;
    }
    
    .persona-buttons ul li {
        margin-top: 7px;
    }
    
    .persona-buttons ul.dropdown-menu li a,
    .study-area ul.dropdown-menu li a {
        padding: 5px 12px;
    }
    
    .study-area h3 {
        padding-top: 15px;
    }
    
    .study-area h3, 
    .persona-buttons h3 {
        padding-bottom: 12px;
    }
    
    .study-area .btn-group {
        margin-bottom: 15px;
    }
    
    .span3 .button-list li.quicklinks-header {
        border: 0;
        margin: 20px 0 8px;
    }
    
    .span3 .button-list li {
        padding: 0;
    }
    
    .button-list li .btn {
        width: auto;
        margin: 7px 0 0 0;
    }
    
    .span6.web-apps {
        margin-top: 25px;
    }
    
    .web-apps .media-body {
        padding: 0;
    }
    
    .web-apps .media {
        margin-bottom: 25px;
    }
    
    .middle-ryp .simply-red-tabs.ryp {
        margin-top: 0;
    }
    
    .span3.contact {
        padding-bottom: 40px;
    }
    
    .ryp-special-show {
        display: table;
    }
    
    .ryp-special-hide {
        display: none;
    }
    
    .lp-search-box {
        padding: 15px 20px 20px;
        margin-bottom: 15px;
        min-height: inherit;
    }
    
    .lp-search-box h2 {
        padding-bottom: 5px;
    }
    
    .lp-search-box h2.browse {
        padding-top: 5px;
    }
    
    .lp-search-box ul li a {
        padding: 8px 12px;
    }
    
    .lp-search-box ul li {
        margin: 15px 4px 8px;
    }
    
    .lp-search-box #funnelback-search-button {
        width: 105px;
        font-size: inherit;
    }
    
    .lp-search-box .persona-buttons .btn-group.simply-red {
        float: none;
    }
    
}

@media (max-width: 480px) {

    .lp-search-box .funnelback-searchbox-wrapper {
        margin: 0;
    }

}

/* --------------------------------------------------------------------------------------------- 
START: RYP HOMEPAGE
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: LANDING PAGE
--------------------------------------------------------------------------------------------- */

.lp h3 {
    background-color: #4B575F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 3px 12px;
    font-size: 1.35em;
    margin-bottom: 20px;
    margin-top: 0;
}

.lp .no-header h3 {
    background-color: transparent;
    border-radius: 4px;
    color: #333333;
    font-size: 1.45em;
    margin-bottom: 10px;
    padding: 0;
}

.lp h3.latest-news {
    background-color: #545454;
}

.lp-block .media.news-item .thumb,
.lp-block .media.testimonial .thumb {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 17px 0 0;
    padding: 2px;
    max-width: 100px;
}

.lp-block .btn {
    float: right;
    margin-top: 25px;
    margin-bottom: 10px;
}

.lp-block .date-block {
    background-color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 13px 8px;
    font-weight: bold;
    color: #fff;
    min-width: 30px;
    text-decoration: none;
    text-align: center;
    margin-top: 0;
    font-size: 1.6em;
    margin-right: 20px;
}

.lp .date-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lp .date-block ul li {
    line-height: normal!important;
}

.lp .date-block ul li.day {
    font-size: 1.7em;
    margin-bottom: -5px;
}

.lp ul,
.lp ol {
    margin-left: 5px;
}

.lp-block {
    border-bottom: 1px solid #EEEEEE;
    margin: 0 0 10px;
    padding-bottom: 10px;
    float: left;
}

.row-fluid.lp {
    margin-bottom: 10px;
}

.row-fluid.lp .span6 > div {
    clear: both;
    width: 100%;
}

.row-fluid.lp .lp-block > img {
    margin-bottom: 20px;
}

.icon-rss,
.fa-rss {
    margin-left: 5px;
}

.btn.rss-link {
    margin-right: 10px;
}

.lp-block iframe {
    max-width: 100%;
}

.library-adv-search {
    margin-top: 23px;
}

#asset-id_11129 .lp-block .container-askus {
    margin-top: 0;
}


@media (max-width:979px) {

    .funnelback .search-lp #funnelback-search-button {
        width: 75px;
    }

    .search-lp .funnelback-search-field-wrapper {
        right: 88px;
    }

    .funnelback .search-lp .funnelback-searchbox-wrapper {
        margin: 0 0 0 101px;
    }

}

@media (max-width:767px) {
    
    /* This needs to be added to global.css */
    #content-2013.simply-red {
        padding: 0 15px 15px 15px;
    }
    
    .lp-intro {
        margin-bottom: 20px;
    }
    
    .lp-block {
        margin-bottom: 20px;
        float: none;
    }

    .lp .date-block {
        float: left;
        font-size: inherit;
        padding: 8px 4px 5px;
        margin-right: 15px;
    }
    
    .lp .date-block ul li.day {
        font-size: 1.4em;
        margin-bottom: 0;
    }
    
    .lp .date-block ul li {
        line-height: 16px !important;
    }
    
    .lp .media {
        margin-top: 10px;
    }
    
    .lp h3 {
        clear: both;
        margin-top: 0;
    }
    
    .lp .btn {
        margin-top: 15px;
        float: none;
    }
    
    .lp .media.testimonial .thumb {
        border: 0 none;
        float: left;
        height: 0;
        width: 28px;
    }
    
    .lp .testimonial .icon-quote-left,
    .lp .testimonial .fa-quote-left {
        right: 0;
        top: 0;
    }
    
    .lp .testimonial .quote-arrow {
        left: 17px;
        top: 22px;
    }
    
}

/* --------------------------------------------------------------------------------------------- 
END: LANDING PAGE
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: NEWS LANDING PAGE
--------------------------------------------------------------------------------------------- */

.lp .media.hover-item.desktop {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin: 0;
}

.lp .media.news-item.desktop p {
    margin: 0;
}

.lp h3 {
    background-color: #4B575F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 3px 12px;
    font-size: 1.35em;
    margin-bottom: 20px;
}

.lp h3.latest-news {
    margin-bottom: 10px;
    background-color: #545454;
}

.lp h3.related-news {
    margin-bottom: 10px;
}

.lp h3.social-news {
    margin-bottom: 10px;
}

.lp h3.testimonials {
    margin-bottom: 10px;
    background-color: #0f6077;
}

.lp .media.news-item.related h4 {
    font-weight: normal;
} 

.lp .news-item .social > span {
    display: table;
    height: 36px;
    margin-right: 6px;
    text-decoration: none;
    width: 36px;
}

.lp .news-item .social > span > span {
    background-color: #3B5998;
}

.lp .news-item .social > span .icon-facebook,
.lp .news-item .social > span .fa-facebook {
    border-radius: 4px;
    color: #FFFFFF;
    display: table-cell;
    font-size: 1.5em;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.social-join {
    font-family: 'droid_serifitalic', serif;
    color: #888;
    font-size: 0.95em;
    padding-top: 8px;
    float: right;
    -webkit-font-smoothing: subpixel-antialiased;
}

/* --------------------------------------------------------------------------------------------- 
START: NEWS LANDING PAGE
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: COURSE SEARCH
--------------------------------------------------------------------------------------------- */

.toggle-content-block ul {
    padding: 0;
    margin: 15px 0 15px 12px;
}


@media (max-width:1199px) {

    iframe.half-col-youtube {
        height: 188px;
        width: 333px;
    }

}

@media (max-width:979px) {

    iframe.half-col-youtube {
        height: 148px;
        width: 262px;
    }

}

@media (max-width:767px) {
    
    iframe.half-col-youtube {
        height: 240px;
        width: 425px;
        margin-top: 20px;
    }
    
    .toggle-content-block ul li {
        padding-bottom: 5px;
    }

}

@media (max-width:480px) {
    
    iframe.half-col-youtube {
        height: 240px;
        width: 100%;
        margin-top: 20px;
    }

}

/* --------------------------------------------------------------------------------------------- 
END: COURSE SEARCH
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: COUNTDOWN
--------------------------------------------------------------------------------------------- */

.container-banner .mid-year-countdown,
.container-banner .tisc-countdown {
    position: absolute;
    right: 40px;
    top: 125px;
}

.row-fluid.lp .span6 .countdown-container,
.row-fluid.lp .span6 .apply-container {
    background-color: #abd7de;
    padding: 20px 30px 13px;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;
    margin-bottom: 10px;
}

.row-fluid.lp .span6 .tisc.countdown-container {
    background-color: #f3cf88;
    margin-top: 15px;
}

.row-fluid.lp .span6 .apply-container.postgrad {
    background-color: #c5e6c7;
    margin-top: 15px;
}

.row-fluid.lp .span6 .apply-container.research {
    background-color: #cbdbe9;
    margin-top: 15px;
}

.row-fluid.lp .span6 .apply-container.international {
    background-color: #bddde6;
    margin-top: 15px;
}

.lp .countdown-container h3 {
    font-size: 1.85em;
    text-align: center;
    background-color: transparent;
    color: #333;
    margin: inherit;
    padding: 0;
}

.lp .apply-container h3 {
    font-size: 1.85em;
    text-align: center;
    background-color: transparent;
    color: #333;
    margin: inherit;
    padding: 0;
    font-family: "HouschkaProMediumRegular",helvetica,arial,sans-serif;
    text-transform: uppercase;
}

.lp .countdown-container p {
    text-align: center;
}

.lp .apply-container p {
    font-family: "HouschkaProMediumRegular",helvetica,arial,sans-serif;
    font-size: 1.15em;
    line-height: 1.45em;
    margin: 20px 0 20px;
    text-align: center;
}

.row-fluid.lp .span6 .btn.countdown,
.container-banner .btn.countdown {
    background: #008ca3;
    color: #fff;
    margin: 20px 0 10px;
    float: right;
}

.lp .apply-container .postgraduate-icon,
.lp .apply-container .research-icon,
.lp .apply-container .international-icon {
    display: table;
    margin: 20px auto 0;
}

.row-fluid.lp .span6 .tisc.countdown-container .btn.countdown,
.container-banner .tisc.countdown-container .btn.countdown {
    background: #d98f00;
}

.row-fluid.lp .span6 .apply-container .btn.countdown {
    background: #44954a;
    display: table;
    float: none;
    margin: 0 auto 20px;
}

.row-fluid.lp .span6 .apply-container.research .btn.countdown {
    background: #5996c9;
}

.row-fluid.lp .span6 .apply-container.international .btn.countdown {
    background: #27748a;
}

.container-banner .btn.countdown {
    float: left;
}

.row-fluid.lp .span6 .btn.countdown:hover,
.container-banner .btn.countdown:hover,
.row-fluid.lp .span6 .tisc.countdown-container .btn.countdown:hover,
.container-banner .tisc.countdown-container .btn.countdown:hover,
.row-fluid.lp .span6 .apply-container.research .btn.countdown:hover,
.row-fluid.lp .span6 .apply-container.international .btn.countdown:hover {
    background: #e6e6e6;
    color: #333;
}

.row-fluid.lp .span6 .mid-year-countdown,
.row-fluid.lp .span6 .tisc-countdown {
    margin: 20px auto 5px;
    display: table;
    width: auto;
}

.mid-year-countdown div,
.tisc-countdown div {
    float: left;
    background-color: #fff;
    padding: 30px 30px 15px;
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 4.5em;
    max-width: 65px;
    margin: 0 7px;
}

.container-banner .mid-year-countdown div,
.container-banner .tisc-countdown div {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 12px 15px 12px;
    font-size: 3.5em;
}

.mid-year-countdown div span,
.tisc-countdown div span {
    font-family: 'HouschkaProMediumRegular',helvetica,arial,sans-serif;
    font-size: 0.32em;
    text-transform: uppercase;
    clear: both;
    display: block;
    margin-top: 30px;
    color: #333;
    background: #f4ee7d;
    text-align: center;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tisc-countdown div span {
    color: #d98f00;
}

.container-banner .mid-year-countdown div span,
.container-banner .tisc-countdown div span {
    margin-top: 5px;
}


@media (max-width: 1200px) {

    .container-banner .mid-year-countdown,
    .container-banner .tisc-countdown {
        max-width: 180px;
        top: 37px;
    }
    
    .mid-year-countdown div,
    .tisc-countdown div {
        font-size: 3em;
        padding: 15px 7px 4px;
        margin: 0 5px;
    }
    
    .container-banner .mid-year-countdown div,
    .container-banner .tisc-countdown div {
        font-size: 3.4em;
        padding: 10px 12px 10px;
        margin: 5px;
        min-width: 55px;
    }
    
    .mid-year-countdown div span,
    .tisc-countdown div span {
        margin-top: 8px;
    }

}

@media (max-width: 979px) {

    .container-banner .mid-year-countdown,
    .container-banner .tisc-countdown {
        display: none;
    }
    
    .row-fluid.lp .span6 .countdown-container {
        padding: 15px 14px 8px;
    }
    
    .row-fluid.lp .span6 .mid-year-countdown,
    .row-fluid.lp .span6 .tisc-countdown {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    .mid-year-countdown div,
    .tisc-countdown div {
        font-size: 3.7em;
        padding: 20px 10px 8px;
        margin: 7px;
        display: inline-block;
        float: none;
    }
    
    .mid-year-countdown div span,
    .tisc-countdown div span {
        margin-top: 15px;
    }
    
    .container-banner .btn.countdown {
        background: #0f6077;
    }

}

@media (max-width: 767px) {

    .row-fluid.lp .span6 .countdown-container,
    .row-fluid.lp .span6 .apply-container {
        float: none;
        margin-top: 20px;
    }
    
    .row-fluid.lp .span6 .mid-year-countdown,
    .row-fluid.lp .span6 .tisc-countdown {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    .lp .countdown-container h3 {
        margin-top: 0;
        margin-bottom: inherit;
    }
    
    .row-fluid.lp .span6 .countdown-container .btn.countdown {
        float: none;
        display: table;
    }
    
    .row-fluid.lp .span6 .btn.countdown {
        float: none;
        margin: 20px auto 10px;
        display: inline-block;
    }

}

/* --------------------------------------------------------------------------------------------- 
END: COUNTDOWN
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: FUTURE STUDENTS GENERIC
--------------------------------------------------------------------------------------------- */

.fs-event-content {
    padding-left: 10px;
}

.fs-event-content h3 {
    font-family: inherit;
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

h3.month-title {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 25px;
    padding: 3px 10px;
}

/* --------------------------------------------------------------------------------------------- 
END: FUTURE STUDENTS GENERIC
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: SPEAKING OF ECU
--------------------------------------------------------------------------------------------- */

.speaking-of-ecu ul.nav.nav-tabs.nav-stacked {
    margin: 20px 0;
    padding: 0;
}

.speaking-of-ecu ul.nav.nav-tabs.nav-stacked li a {
    border: 0!important;
    color: #333;
    font-family: "HouschkaProBoldRegular",helvetica,arial,sans-serif;
    font-size: 1em;
    padding: 3px 10px 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.speaking-of-ecu ul.nav.nav-tabs.nav-stacked li a:hover {
    background: #eee;
}

.speaking-of-ecu ul.nav.nav-tabs.nav-stacked li a:focus {
    outline: none;
    background: transparent;
}

.speaking-of-ecu ul.nav.nav-tabs.nav-stacked li a.active {
    background: #eee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #93322a;
    padding: 3px 10px 2px;
}

.speaking-of-ecu .toggle-content-block {
    display: none;
}

.speaking-of-ecu .toggle-content-block:first-child {
    display: block;
}

.speaking-of-ecu ul.nav.nav-tabs.nav-stacked li a .icon-chevron-right,
.speaking-of-ecu ul.nav.nav-tabs.nav-stacked li a .fa-chevron-right {
    margin-right: 10px;
}

.speaking-of-ecu .no-header h3 {
    font-size: 1.9em;
    line-height: 1.5em;
}

.speaking-of-ecu .span8 p {
    font-family: "HouschkaProMediumRegular",helvetica,arial,sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
}

.speaking-of-ecu .feature {
    margin: 25px 0 5px;
}

.speaking-of-ecu .feature .pull-left {
    padding: 0 40px;
}

.speaking-of-ecu .feature,
.speaking-of-ecu .media h4 {
    font-family: "HouschkaProMediumRegular",helvetica,arial,sans-serif;
}

.speaking-of-ecu .media h4 {
    margin-bottom: 0;
    font-weight: normal;
}

.speaking-of-ecu .feature p:first-child {
    font-size: 1.2em;
    line-height: 1.5em;
}

.speaking-of-ecu .media p.type {
    font-family: "HouschkaProBoldRegular",helvetica,arial,sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal;
}

@media (max-width:767px) {
    
    .speaking-of-ecu .media .pull-left {
        margin-bottom: 0;
        float: left;
    }
    
    .speaking-of-ecu .media.feature .pull-left {
        margin-bottom: 20px;
        float: none;
    }
    
    .speaking-of-ecu .media .media-body {
        margin-bottom: 25px;
    }
    
    .speaking-of-ecu .media.feature .media-body {
        margin-bottom: 0;
    }
    
    .speaking-of-ecu .span4 .media,
    .speaking-of-ecu .span6 .media {
        margin-top: -7px;
    }

}

/* --------------------------------------------------------------------------------------------- 
END: SPEAKING OF ECU
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: COURSE CALENDAR
--------------------------------------------------------------------------------------------- */

.course-calendar .event .media-body p {
    font-size: inherit;
}

.course-calendar > ul {
    padding-left: 0;
    margin-left: 10px;
}

.course-calendar > ul > h4 {
    margin-bottom: 10px;
}

.course-calendar > ul > ul {
    margin-left: 0;
    padding-left: 20px;
}

.course-calendar > ul > ul .media-body h4 {
    margin-top: 0;
}

.course-calendar .event .date-block {
    padding: 12px 4px 9px;
}

/* --------------------------------------------------------------------------------------------- 
END: COURSE CALENDAR
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: FORMS - NEW BOOTSTRAP
--------------------------------------------------------------------------------------------- */

.ecu-forms .well {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 443px;
    padding: 8px 35px 8px 14px;
}

.ecu-forms .well .icon-star {
    margin-top: -1px;
    margin-right: 5px;
}

.ecu-forms legend {
    position: absolute;
    left: -99999px;
}

.ecu-forms h3 {
    border-bottom: 1px #666666 dashed;
    padding-bottom: 15px;
    padding-top: 15px;
}

.ecu-forms p {
    margin-top: 20px;
}

.form-horizontal .help-block {
    margin-bottom: 10px;
}

.ecu-forms label {
    font-size: 1em;
    color: black;
    font-weight: bold;
}

.ecu-forms label.checkbox {
    font-weight: normal;
}

.ecu-forms input {
    font-size: 1em;
}

.ecu-forms textarea {
    min-width: 65%;
    min-height: 100px;
}

.ecu-forms .icon-star,
.ecu-forms .fa-star {
    margin-left: 10px;
    font-size: 0.8em;
    color: #666666;
}

.ecu-forms input[type="button"],
.ecu-forms input[type="submit"],
.ecu-forms button {
    margin-top: 30px;
    min-width: 150px;
}

.ecu-forms input[type="text"],
.ecu-forms input[type="password"],
.ecu-forms input[type="datetime"],
.ecu-forms input[type="datetime-local"],
.ecu-forms input[type="date"],
.ecu-forms input[type="month"],
.ecu-forms input[type="time"],
.ecu-forms input[type="week"],
.ecu-forms input[type="number"],
.ecu-forms input[type="email"],
.ecu-forms input[type="url"],
.ecu-forms input[type="search"],
.ecu-forms input[type="tel"],
.ecu-forms input[type="color"],
.ecu-forms .uneditable-input {
    font-size: 1.0em;
}

.ecu-forms label.xSubmit
{
    position: absolute;
    left: -99999px;
}

.ecu-forms .control-group {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ecu-forms .captcha {
    margin-top: 20px;
}

.ecu-forms.form-inline input[type="button"], 
.ecu-forms.form-inline input[type="submit"], 
.ecu-forms.form-inline button {
    margin-top: 0;
}

/* --------------------------------------------------------------------------------------------- 
END: FORMS - NEW BOOTSTRAP
--------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- 
START: FORMS - OLD HTML
--------------------------------------------------------------------------------------------- */

#globalForm2Col label {
    font-size: 1em;
    color: black;
    font-weight: bold;
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px;
    margin-right: 15px;
}

#globalForm2Col input[type="button"],
#globalForm2Col input[type="submit"],
#globalForm2Col button {
        margin-top: 30px;
        min-width: 150px;
}

#globalForm2Col h3
{
    border-bottom: 1px #666666 dashed;
    padding-bottom: 15px;
    padding-top: 15px;
}

#globalForm2Col .form-required-star {
    margin-left: 10px;
    font-size: 1.3em;
    color: red;
}

#globalForm2Col input[type="text"],
#globalForm2Col input[type="password"],
#globalForm2Col input[type="datetime"],
#globalForm2Col input[type="datetime-local"],
#globalForm2Col input[type="date"],
#globalForm2Col input[type="month"],
#globalForm2Col input[type="time"],
#globalForm2Col input[type="week"],
#globalForm2Col input[type="number"],
#globalForm2Col input[type="email"],
#globalForm2Col input[type="url"],
#globalForm2Col input[type="search"],
#globalForm2Col input[type="tel"],
#globalForm2Col input[type="color"],
#globalForm2Col .uneditable-input {
    border-radius: 4px;
    color: #555555;
    font-size: 1.0em;
    height: 20px;
    line-height: 20px;
    padding: 4px 6px;
}

#globalForm2Col textarea {
    min-height: 150px;
    min-width: 350px;
}

#globalForm2Col #xSubmit {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    padding: 5px 12px 4px;
    background: none repeat scroll 0 0 #627581;
    color: #FFFFFF;
}

#globalForm2Col .callout-dashed {
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 19px;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;   
}

/*
#globalForm2Col input[type="checkbox"],
#globalForm2Col input[type="radio"] {
    min-height: 20px;
    padding-left: 20px;
    display: block;
}
*/

#globalForm2Col div.block {
    margin: 0px 0px 20px 160px;
    clear: both;
}

#globalForm2Col div.block label {
    clear: right;
    display: inline;
    float: none;
    font-weight: normal;
    line-height: 2em;
    margin-left: 10px;
    text-align: left;
    vertical-align: bottom;
}

#globalForm2Col div.block input[type="checkbox"] {
    vertical-align: top;
}

/* Form fixes */

form#loans h3,
form#loans fieldset div {
    clear: both;
}

form#form_wizard label {
    font-size: 1em;
    color: black;
    font-weight: bold;
    float: left;
    text-align: left;
    width: 160px;
    margin-right: 15px;
}

form#form_wizard td {
    padding: 5px;
}


/* --------------------------------------------------------------------------------------------- 
END: FORMS - OLD HTML
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: SOCIAL CIRCLE
--------------------------------------------------------------------------------------------- */

.social-circle ul {
    margin-bottom: 20px;
}

.social-circle li {
    list-style-type: none;
    margin-bottom: 5px;
}

.social-circle i {
    font-size: 1.5em; 
    margin-right: 5px;
}

.lp .social-circle h3 {
    background: transparent;
    color: #222;
    font-size: 1.4em;
    padding-left: 0;
}

.social-circle-updates .feedItem {
    margin-bottom: 20px;
}

.social-circle-updates .time {
    color: #767676;
}

.social-circle ul {
    margin: 0 0 25px;
    padding: 0;
}

.social-circle li {
    font-size: 1.1em;
}

.social-circle-updates .feedItem {
    margin: 20px 0;
}

.social-circle .fa-facebook-square {
    color: #3b5998;
}

.social-circle .fa-youtube-square {
    color: #bb0000;
}

.social-circle .fa-linkedin-square {
    color: #017bb6;
}

/* --------------------------------------------------------------------------------------------- 
END: SOCIAL CIRCLE
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: IE8 AND HIGHER
--------------------------------------------------------------------------------------------- */

html.lt-ie9 blockquote {
    max-width: 580px;
}

html.lt-ie9 .countdown-container,
html.lt-ie9 .mid-year-countdown,
html.lt-ie9 .mid-year-countdown div,
html.lt-ie9 .row-fluid.lp .span6 .btn.countdown {
    behavior: url('/c/pie');
    position: relative;
}

html.lt-ie9 .container-banner .mid-year-countdown {
    position: absolute;
    top: 110px;
}

html.lt-ie9 .carousel-inner .countdown.item.sml-text .container .row > div h2 {
    font-size: 1.6em!important;
}

html.lt-ie9 .container-banner .countdown .span4 {
    width: 310px;
}

html.lt-ie9 .mid-year-countdown div,
html.lt-ie9 .tisc-countdown div {
    margin: 0 7px;
    padding: 20px 10px 8px;
    font-size: 3.2em;
    max-width: 65px;
}

html.lt-ie9 .container-banner .mid-year-countdown div,
html.lt-ie9 .container-banner .tisc-countdown div {
    padding: 10px 14px 10px;
}

.container-banner .mid-year-countdown div span,
.container-banner .tisc-countdown div span {
    margin-top: 3px;
}

/* --------------------------------------------------------------------------------------------- 
END: IE8 AND HIGHER
--------------------------------------------------------------------------------------------- */

/* END ****************************************************************************************/