/**
 * @license
 * MyFonts Webfont Build ID 3161263, 2016-01-27T05:40:41-0500
 * MyFonts Webfont Build ID 3172951, 2016-02-17T10:13:28-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MuseoSans-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: MuseoSlab-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700/
 * Copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * Webfont: ThirstySoftRegular by Yellow Design Studio
 * URL: http://www.myfonts.com/fonts/yellow-design/thirsty-soft/regular/
 * Copyright: Copyright (c) 2014 by Yellow Design Studio. All rights reserved.
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3161263
 * Licensed pageviews: 500,000
 *  
 * 
 * Webfont: Museo-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/700/
 * Copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3172951
 * © 2016 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/303caf");
@import url("//hello.myfonts.net/count/306a57");

@font-face {
    font-family: 'MuseoSans-300';
    src: url('webfonts/303CAF_0_0.eot');
    src: url('webfonts/303CAF_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/303CAF_0_0.woff2') format('woff2'),url('webfonts/303CAF_0_0.woff') format('woff'),url('webfonts/303CAF_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MuseoSlab-700';
    src: url('webfonts/303CAF_1_0.eot');
    src: url('webfonts/303CAF_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/303CAF_1_0.woff2') format('woff2'),url('webfonts/303CAF_1_0.woff') format('woff'),url('webfonts/303CAF_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ThirstySoftRegular';
    src: url('webfonts/303CAF_2_0.eot');
    src: url('webfonts/303CAF_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/303CAF_2_0.woff2') format('woff2'),url('webfonts/303CAF_2_0.woff') format('woff'),url('webfonts/303CAF_2_0.ttf') format('truetype');
}

@font-face {
    font-family: 'Museo-700';
    src: url('webfonts/306A57_0_0.eot');
    src: url('webfonts/306A57_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/306A57_0_0.woff2') format('woff2'),url('webfonts/306A57_0_0.woff') format('woff'),url('webfonts/306A57_0_0.ttf') format('truetype');
}


/*** TYPE ***/

h1, h2, h3, h4, h5 {
    font-family: 'MuseoSlab 700','Museo Slab 700','MuseoSlab-700', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #40455f;
    line-height: 1;
    font-weight: 300;
}

a, a:hover, a:visited, a:active {
    color: #0099ff;
}

ul {
    margin-left: 15px;
    margin-bottom: 0px;
}

body {
    background: #e6e6e6;
    color: #666;
    font-family: 'Museo Sans 300','MuseoSans-300', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    min-width: 960px;
    font-size: 12px;
}

hr {
    margin: 5px 0 5px;
}

/*** HEADER ***/

#header {
    background: #fff;
    padding: 5px 0 0 0;
}

#logo {
}

#header .search {
    margin: 11px 10px;
    cursor: pointer;
    float: right;
}

#header .search-box {
    background: #fff;
    padding: 0px;
    float: right;
    width: 100%;
}

    #header .search-box ul {
        height: 100%;
        float: right;
        width: 270px;
        border: 1px solid #e5e5e5;
        margin: 15px 42px 0 0;
        line-height: 1;
    }

        #header .search-box ul li {
            display: inline-block;
        }

            #header .search-box ul li.go {
                float: right;
                padding-right: 10px;
                margin-top: 3px;
            }

                #header .search-box ul li.go input {
                    display: block;
                }


            #header .search-box ul li.text {
                width: 245px;
                padding: 0 0 0 10px;
            }

            #header .search-box ul li input[type='text'] {
                margin: 0;
                font-size: 14px;
                font-style: italic;
                background-color: transparent;
                border: none;
                outline: none;
                width: 100%;
                color: #999;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                padding: 0;
                height: 19px;
            }

#header .tel {
    float: right;
    color: #666;
    margin: 2px 0 0 0;
    line-height: 1;
    padding-top: 13px;
    font-size: 20px;
    font-family: 'Museo Sans 300','MuseoSans-300', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

	#header .tel span {
	    color: #f16078;
	    font-size: 20px;
	    font-family: 'Museo Sans 700','MuseoSans-700', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}

#header .browsealoud {
    float: right;
    color: #000;
    margin: 2px 10px 0 30px;
    line-height: 1;
}

    #header .browsealoud .title {
        float: right;
        clear: right;
    }

    #header .browsealoud div {
        float: right;
    }

    #header .browsealoud .playbtn {
        background: url(/images/Badges/browsealoud.png) no-repeat 0 0;
        height: 33px;
        width: 37px;
        display: block;
        float: right;
    }

    #header .browsealoud .helpbtn {
        background: url(/images/Badges/browsealoud.png) no-repeat 0 0;
        height: 33px;
        width: 39px;
        display: block;
        float: right;
        background-position: -40px 0;
    }

/**** NAV *****/


#nav {
    /*z-index: 999;*/
    position: relative;
    background: #fff;
    width: 100%;
    clear: both;
    margin-top: 8px;
    float: right;
}

    #nav .row {
        position: relative;
    }


    #nav .flyout {
        border-left: 1px solid #40455f;
        border-right: 1px solid #40455f;
        border-bottom: 1px solid #40455f;
        border-top: 5px solid #40455f;
    }

    #nav ul {
        padding: 0;
        background: none;
        float: right;
        margin: 0;
        line-height: 1;
    }

    #nav li {
    }

        #nav li a {
            float: left;
            font-size: 14px;
            color: #666;
            padding: 9px 11px;
            font-weight: 300;
        }

        #nav li:last-child {
            background: none;
        }

    #nav ul.nav-bar li.has-flyout div.flyout ul {
        float: left !important;
    }

    #nav > ul > ul {
        top: 32px;
        width: 250px;
        border-radius: 0;
        padding-bottom: 0px;
        border: none;
        border-top: none;
        left: 0px;
        border-top: 5px solid #40455f;
        background: #fff;
    }

    #nav ul ul {
        left: 0px;
    }

        #nav ul ul.flyout.right {
            left: auto;
        }

ul li ul, ul li ol {
    margin-bottom: 0;
    margin-left: 0;
}

.flyout {
    padding: 0;
}

    .flyout.large {
        width: 613px;
    }

#nav ul.nav-bar li.has-flyout div.flyout div.row div.four ul {
    float: left;
}

#nav ul li ul li.sfHover ul {
    left: 220px;
    top: 0px;
    /*z-index: 99;*/
    z-index: 1;
    box-shadow: 0;
}

#nav ul ul li a {
    padding: 10px !important;
    text-transform: none;
    float: none;
}

#nav li:hover a, #nav li a:hover, #nav li:hover ul li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #40455f;
}

ul.flyout li a, .nav-bar li ul li a {
    line-height: 1.3;
}

#nav li:hover ul li a {
    color: #666;
    background-color: #fff;
    background-image: none;
    filter: none;
    color: #666;
}


/** BANNER **/
#banner {
    height: 360px;
    background-color: #ccc;
    position: relative;
}

.page #banner {
    margin-bottom: -360px;
}

#banner #home-banner {
    margin: 0;
    height: 360px !important;
    width: 960px !important;
    overflow: hidden;
}

    #banner #home-banner > div > img {
        max-width: none;
    }

#banner .timer {
    display: none;
}

.orbit-wrapper .slider-nav span {
    top: 37%;
}

    .orbit-wrapper .slider-nav span.right {
        background: url('../media/right.png') no-repeat center;
        width: 26px;
        right: 10px;
    }

    .orbit-wrapper .slider-nav span.left {
        background: url('../media/left.png') no-repeat center;
        width: 26px;
        left: 10px;
    }

#banner .orbit-caption {
    position: absolute;
    top: 0;
    right: 0;
    height: 360px;
    width: 335px;
    background: url(../media/banner-bg.png) repeat;
    padding: 40px 70px 45px 25px;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    #banner .orbit-caption .title {
        font-size: 30px;
        color: #fff;
        font-weight: 300;
        line-height: 1;
        padding-bottom: 37px;
        margin: 0;
    }

    #banner .orbit-caption .info {
        font-size: 21px;
        color: #fff;
        font-weight: 300;
        line-height: 1;
        padding-bottom: 23px;
        margin: 0;
    }

/*** BANNER HEADER CONTENT ***/
.bannerheader {
    margin-bottom: -20px;
}

.projects .inner .cycle {
    height: 166px;
}

.projects .inner {
    height: 239px;
}

/*** MAINCONTENT ***/
#maincontent {
    padding-bottom: 25px;
    position: relative;
    z-index: 30;
}

.home #maincontent {
    margin-top: -25px;
}

#maincontent .maintext a, #maincontent .maintext a:hover, #maincontent .maintext a:visited, #maincontent .maintext a:active {
    text-decoration: underline;
}

#maincontent .squeeze {
    width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}

    #maincontent .squeeze > .row {
        width: 940px;
    }

.home #maincontent .squeeze .row {
    margin-bottom: 20px;
}

    .home #maincontent .squeeze .row .news .row {
        margin-bottom: 0;
    }


#maincontent .squeeze h2 {
    font-weight: bold;
}

#maincontent .squeeze .quick-course-details-box {
    background: #40455f;
    color: #fff;
}


#maincontent .squeeze .qualification {
    display: block;
}

#maincontent .squeeze .menuinner {
    margin-left: -50px;
}

    #maincontent .squeeze .menuinner a {
        margin-bottom: 3px;
    }

        #maincontent .squeeze .menuinner .button, #maincontent .squeeze .menuinner a.button, #maincontent .squeeze .menuinner .nabutton, #maincontent .squeeze .menuinner a.nabutton {
            font-family: 'Museo Sans 300','Museo-Sans-300', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        }

#maincontent .squeeze .menubox {
    border: solid 1px #e5e5e5;
    padding: 13px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

    #maincontent .squeeze .menubox h2 {
        color: #666;
        margin-top: 0;
    }

    #maincontent .squeeze .menubox ul {
        list-style: none;
        margin-left: 0;
        margin-bottom: 0;
    }

    #maincontent .squeeze .menubox p {
        margin-bottom: 0;
    }

    #maincontent .squeeze .menubox ul label {
        display: inline;
        padding-left: 5px;
    }

#maincontent .squeeze .smallpagebox {
    padding: 10px;
    border: solid 1px #e5e5e5;
    width: 50%;
    float: left;
}

#maincontent .squeeze .largepagebox {
    padding: 10px;
    border: solid 1px #e5e5e5;
    width: 100%;
}

#maincontent .shareribbon {
    float: right;
    border: solid 1px #e5e5e5;
    margin-right: -50px;
    padding: 5px;
    background-color: #fff;
    width: 144px;
}

    #maincontent .shareribbon .addthis_share_label {
        float: left;
        margin-top: 2px;
    }

#maincontent .action {
    background-color: #86cbe6;
    height: 52px;
    border-right: 1px solid #FFF;
}

#maincontent .smaction {
    background-color: #86cbe6;
    height: 40px;
    border-right: 1px solid #FFF;
}

    #maincontent .action:last-child, #maincontent .smaction:last-child {
        border-right: none;
    }

#maincontent .action h3 a {
    color: #fff;
    width: 100%;
    font-family: 'Museo 700', 'Museo-700', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#maincontent .smaction h3 a {
    color: #fff;
    width: 100%;
    font-family: 'Museo Sans 300','MuseoSans-300', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#maincontent .action h3 {
    font-size: 21px;
    font-weight: 300;
    margin: 14px 0 0 0;
    line-height: 1;
    color: #FFF;
    text-align: center;
}

#maincontent .smaction h3 {
    font-size: 21px;
    font-weight: 300;
    margin: 8px 0 0 0;
    line-height: 1;
    color: #FFF;
    text-align: center;
}

#maincontent .search-box {
}

    #maincontent .search-box ul {
        height: 100%;
        float: right;
        width: 100%;
        border: 1px solid #e5e5e5;
        margin: 9px 0 0 0;
        line-height: 1;
        background: #fff;
    }

        #maincontent .search-box ul li {
            display: inline-block;
        }

            #maincontent .search-box ul li.go {
                float: right;
                padding-right: 10px;
                margin-top: 3px;
            }

                #maincontent .search-box ul li.go input {
                    display: block;
                }


            #maincontent .search-box ul li.text {
                width: 400px;
                padding: 3px 0 0 10px;
            }

            #maincontent .search-box ul li input[type='text'] {
                margin: 0;
                font-size: 20px;
                font-style: italic;
                background-color: transparent;
                border: none;
                outline: none;
                width: 100%;
                color: #999;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                padding: 0;
                height: 30px;
            }

#maincontent .actionbox {
    padding: 0 20px 0 20px;
}

.description {
    padding: 10px 0 10px 15px;
}

.arrow {
    padding: 0px 10px 0 0;
}

/*** HOME PAGE ***/

.box .notification {
    background: #fff;
    padding: 20px 20px 0px 20px;
    position: relative;
    border: 1px solid #cd3332;
    font-size: 17px;
}

    .box .notification p, .box .notification a {
        font-size: 17px;
    }

/** news area **/
#maincontent .news > .inner {
    background: #fff;
    padding: 18px 20px 0px 20px;
}

    #maincontent .news > .inner h3 {
        margin: 0 0 20px 0;
    }

#maincontent .news .blog-item {
    margin-bottom: 25px;
    font-size: 14px;
    min-height: 165px;
}

    #maincontent .news .blog-item .inner {
        padding: 0 20px 0 0;
    }

    #maincontent .news .blog-item h4 {
        font-size: 21px;
        margin: 0 0 10px 0;
    }

    #maincontent .news .blog-item .five {
        width: 43%;
    }

    #maincontent .news .blog-item .seven {
        width: 57%;
    }

    #maincontent .news .blog-item .date, .date {
        font-weight: 700;
        margin-bottom: 0;
        color: #40455f;
    }

    #maincontent .news .blog-item .intro {
        margin: 0;
        line-height: 1.3;
    }

    #maincontent .news .blog-item .share {
        float: right;
    }

        #maincontent .news .blog-item .share span span {
            margin: 0 2px;
            padding: 0;
            width: 16px;
        }

#maincontent .relatedcoursesbox {
    color: #fff;
    padding: 10px 32px 10px 13px;
    text-decoration: none;
    background: #40455f;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background-clip: padding-box;
}

    #maincontent .relatedcoursesbox h2 {
        color: #fff;
        margin-top: 0;
    }

    #maincontent .relatedcoursesbox ul {
        list-style: none;
        margin-left: 0;
        margin-bottom: 0;
    }

        #maincontent .relatedcoursesbox ul li a {
            color: #fff;
            text-decoration: underline;
        }

#maincontent .authorposts a, #maincontent .authorposts a:hover, #maincontent .authorposts a:visited, #maincontent .authorposts a:active {
    color: #0099ff !important;
}

#maincontent .links {
    display: block;
    height: 70px;
}


    #maincontent .links .left {
        padding: 25px 0px 25px 10px;
    }

    #maincontent .links .right {
        padding: 25px 10px 25px 0px;
    }

/*** FOOTER ***/


#footer {
    background: url(../media/footer-bg.jpg) repeat-x #666;
    color: #fff;
    padding: 0 0 10px 0;
    position: relative;
}

    #footer p {
        font-size: 12px;
    }

    #footer a:hover {
        text-decoration: underline;
    }

    #footer .row .row {
        margin: 0;
    }

    #footer .links {
        padding-left: 0;
        position: relative;
        top: -20px;
        z-index: 500;
    }

        #footer .links .panel {
            background: #959595;
            padding: 7px 18px;
            margin: 0;
            border: none;
            position: relative;
        }

            #footer .links .panel li {
                display: inline-block;
                margin: 0;
                padding: 0;
            }

                #footer .links .panel li a {
                    color: #fff;
                    line-height: 1;
                    font-size: 14px;
                    padding: 0 10px 0 0;
                }

        #footer .links .footer-links {
            padding: 30px 18px 0 0;
        }

            #footer .links .footer-links li {
                display: inline-block;
                padding-right: 10px;
                color: #fff;
                font-size: 12px;
            }

                #footer .links .footer-links li.cpy {
                    padding-right: 23px;
                }

                #footer .links .footer-links li:last-child {
                    padding-right: 0;
                }

                #footer .links .footer-links li a {
                    color: #fff;
                    font-size: 12px;
                }

    #footer #accessibility {
        list-style-type: none;
        width: 100%;
        clear: both;
        margin: 0;
        float: left;
    }

        #footer #accessibility li {
            float: left;
            display: inline-block;
        }

            #footer #accessibility li.right {
                float: right;
            }

                #footer #accessibility li.right span {
                    font-size: 18px;
                }

        #footer #accessibility #smallertype {
            font-size: 0.8em;
            color: #FFF;
            font-weight: bold;
            margin-left: 7px;
        }

        #footer #accessibility #regulartype {
            font-size: 1.2em;
            color: #fff;
            font-weight: bold;
        }

        #footer #accessibility #biggertype {
            font-size: 1.4em;
            color: #fff;
            font-weight: bold;
        }

        #footer #accessibility input {
            border: 1px solid;
            display: inline-block;
            font-weight: bold;
            margin: 0 3px 0 0;
            padding: 5px 3px;
            text-decoration: none;
            cursor: pointer;
        }

        #footer #accessibility .theme_original {
            background: none repeat scroll 0 0 #FFFFFF;
            border-color: #0001FF;
            color: #000099;
        }

        #footer #accessibility .theme_blue {
            background: none repeat scroll 0 0 #66CCFF;
            border-color: #0001FF;
            color: #000099;
        }

        #footer #accessibility .theme_hivis {
            background: none repeat scroll 0 0 #000000;
            border-color: #000000;
            color: #FFFF00;
        }

        #footer #accessibility .theme_soft {
            background: none repeat scroll 0 0 #CCCC99;
            border-color: #010166;
            color: #000099;
        }

    #footer .social-links {
        padding: 20px 18px 0 0;
        list-style-type: none;
        line-height: 1;
    }

        #footer .social-links li {
            padding-right: 8px;
            line-height: 1;
            display: inline-block;
        }

            #footer .social-links li.last {
                padding: 0;
            }

            #footer .social-links li a {
                display: block;
                float: left;
            }

                #footer .social-links li a img {
                    display: block;
                }

                #footer .social-links li a:hover img {
                    opacity: 0.5;
                }

.ie8 #footer .social-links li a {
    width: 32px;
    height: 32px;
}





.tabs dd.active, .tabs li.active {
    margin: 0;
    border: none;
    color: #000;
}

    .tabs dd.active a, .tabs li.active a {
        border: none;
        color: #000;
        font-weight: bold;
    }

.tabs dd, .tabs li {
    color: #fff;
}

    .tabs dd a, .tabs li a {
        color: #fff;
        display: block;
        font-size: 12px;
        height: auto;
        line-height: 1;
        padding: 15px 24px 15px 24px;
    }

        .tabs dd a, .tabs li a:last-child {
            color: #fff;
            display: block;
            font-size: 12px;
            height: auto;
            line-height: 1;
            padding: 15px 24px 15px 24px;
        }

ul.tabs-content {
    margin: 0 10px;
    padding: 15px 10px;
    background: #fff;
}

.tweets p {
    margin: 0;
}

/* COMMON */

.squeeze {
    width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}

    .squeeze > .row {
        width: 940px;
    }

.box.push {
    margin-bottom: 20px;
}

.page .box {
    margin: 0 20px 23px 20px;
    padding: 15px 20px 23px 20px;
    border: solid 1px #e5e5e5;
    background: #fff;
    width: 900px;
    position: relative;
    min-height: 280px;
}

.page .nobannerbox {
    margin: 0 20px 23px 20px;
    padding: 15px 20px 23px 20px;
    border: solid 1px #e5e5e5;
    border-top: none;
    background: #fff;
    width: 900px;
    position: relative;
    min-height: 600px;
}


.box .inner {
    background: #fff;
    padding: 15px 20px 23px 20px;
    position: relative;
}

    .box .inner h3 {
        font-size: 21px;
        font-weight: 300;
        margin: 0 0 15px 0;
        line-height: 1;
        color: #58595a;
    }

    .box .inner h4 a, .box .inner h4 a:hover, .box .inner h4 a:visited, .box .inner h4 a:active {
        color: #86cbe6;
        font-family: 'Museo Sans 500','MuseoSans-500', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    .box .inner > img {
        display: block;
    }

.box .button.alignbottom {
    position: absolute;
    bottom: 23px;
}

.cta.red .inner {
    background: #d42626;
}

    .cta.red .inner:hover {
        background: #a40000;
    }

.cta.purple .inner {
    background: #7d267d;
}

    .cta.purple .inner:hover {
        background: #520052;
    }

.cta.blue .inner {
    background: #26a8ff;
}

    .cta.blue .inner:hover {
        background: #007acc;
    }

.cta .inner {
    padding: 16px 19px 9px 19px;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.cta h3 {
    color: #fff;
    font-size: 28px;
    margin: 0 0 8px 0;
}

.cta p {
    margin: 0;
}

.cta .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -24px;
}

.cta .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.static {
    position: static;
}

.relative {
    position: relative;
}

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


form.custom div.custom.dropdown.open ul {
    max-height: 200px;
    overflow-y: auto;
    min-width: 175px;
}

form input[type="submit"] {
    cursor: pointer;
    display: inline-block;
    border: none;
    color: #fff;
    padding: 8px 32px 8px 13px;
    text-decoration: none;
    margin: 0;
    font-family: Museo 700,'Museo-700',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 100;
    font-size: 16px;
    background: url(../media/button-arrow.png) no-repeat 155px #0095f8;
    text-align: left;
}

    form input[type="submit"]:hover {
        background: url(../media/button-arrow.png) no-repeat 155px #86cbe6;
    }

#maincontent .maintext a.button, #maincontent .maintext a.button:hover {
    text-decoration: none;
}

.button, a.button, .nabutton, a.nabutton {
    cursor: pointer;
    display: inline-block;
    border: none;
    color: #fff;
    text-decoration: none;
    background: #40455f;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background-clip: padding-box;
    font-family: 'MuseoSlab 700','Museo Slab 700','MuseoSlab-700', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.button, a.button {
    padding: 10px 32px 10px 13px;
}

.nabutton, a.nabutton {
    padding: 10px 13px 10px 13px;
}

.button:after {
    background: url(../media/button-arrow.png) no-repeat right center;
    height: 100%;
    width: 9px;
    content: '\0020';
    display: block;
    position: absolute;
    bottom: 0;
    right: 12px;
}

.ie9 .button, .ie9 .nabutton {
    filter: none;
}

.button:hover, .nabutton:hover {
    text-decoration: none;
    color: #fff;
    background: #40455f;
}

.button.fullwidth, .nabutton.fullwidth {
    width: 100%;
    text-align: left;
}

/*-- pink button --*/
#maincontent .maintext a.pinkButton, #maincontent .maintext a.pinkButton:hover {
    text-decoration: none;
}

.pinkButton {
    width: auto;
    background: #2ba6cb;
    border: 1px solid #1e728c;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

.pinkButton, a.pinkButton {
    cursor: pointer;
    display: inline-block;
    border: none;
    color: #fff;
    text-decoration: none;
    background: #ee617a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background-clip: padding-box;
}

.pinkButton, a.pinkButton {
    padding: 10px 32px 10px 13px;
}

    .pinkButton:after, a.pinkButton:after {
        background: url(../media/button-arrow.png) no-repeat right center;
        height: 100%;
        width: 9px;
        content: '\0020';
        display: block;
        position: absolute;
        bottom: 0;
        right: 12px;
    }

.ie9 .pinkButton {
    filter: none;
}

.pinkButton:hover {
    text-decoration: none;
    color: #fff;
    background: #ee617a;
}

.pinkButton.fullwidth {
    width: 100%;
    text-align: left;
}
/*-- pink button --*/

/*-- Red button --*/
#maincontent .maintext a.redButton, #maincontent .maintext a.redButton:hover {
    text-decoration: none;
}

.redButton {
    width: auto;
    background: #ee617a;
    border: 1px solid #ee617a;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

.redButton, a.redButton {
    cursor: pointer;
    display: inline-block;
    border: none;
    color: #fff;
    text-decoration: none;
    background: #ee617a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background-clip: padding-box;
}

.redButton, a.redButton {
    padding: 10px 32px 10px 13px;
}

    .redButton:after, a.redButton:after {
        background: url(../media/button-arrow.png) no-repeat right center;
        height: 100%;
        width: 9px;
        content: '\0020';
        display: block;
        position: absolute;
        bottom: 0;
        right: 12px;
    }

.ie9 .redButton {
    filter: none;
}

.redButton:hover {
    text-decoration: none;
    color: #fff;
    background: #ee617a;
}

.redButton.fullwidth {
    width: 100%;
    text-align: left;
}
/*-- red button --*/


.clearfix {
    zoom: 1;
}

    .clearfix:after {
        clear: both;
    }

    .clearfix:before, .clearfix:after {
        content: '\0020';
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        width: 0;
    }

/* Custom Forms ---------------------- */
form.custom div.custom.dropdown {
    height: 38px;
}

    form.custom div.custom.dropdown ul {
        max-height: inherit;
    }



.page-image {
    float: right;
    padding-bottom: 20px;
    padding-left: 20px;
}

.clearfix {
    display: block;
}

.responsive, .tour {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .responsive iframe, .tour iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/**  lightbox carousel  **/

#page_lightbox_container {
    margin-top: 10px;
    margin-bottom: 10px;
}

#lightbox {
    /*width: 608px;*/
    outline: none;
}

    #lightbox .carousel-control {
        overflow: hidden;
        display: inline-block;
        width: 23px;
        height: 79px;
        float: left;
        border: 0;
        text-indent: -9999px;
        background-color: transparent;
        cursor: pointer;
        font-size: 0;
        display: block;
        line-height: 0;
    }

    #lightbox .carousel-previous {
        background-image: url(../images/back-arrow-bw.png);
        background-repeat: no-repeat;
        background-position: left center;
        margin-right: 2px;
    }

        #lightbox .carousel-previous:hover {
            background-image: url("../images/back-arrow-bw.png");
            background-position: left center;
            background-repeat: no-repeat;
            -moz-opacity: .5;
            opacity: 0.50;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            cursor: pointer;
        }

    #lightbox .carousel-control:hover {
        background-color: transparent;
    }

    #lightbox .carousel-next {
        background-image: url(../images/next-arrow-bw.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

        #lightbox .carousel-next:hover {
            background-image: url("../images/next-arrow-bw.png");
            background-position: right center;
            background-repeat: no-repeat;
            -moz-opacity: .5;
            opacity: 0.50;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            cursor: pointer;
        }

    #lightbox .carousel .disabled, .carousel .disabled:hover {
        -moz-opacity: .1;
        opacity: 0.10;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        cursor: default;
    }

    #lightbox .carousel-wrap {
        width: 530px;
        float: left;
    }

        #lightbox .carousel-wrap ul {
            margin-left: 0;
        }

            #lightbox .carousel-wrap ul li {
                float: left;
                display: inline-block;
                width: 130px;
                height: 75px;
                overflow: hidden;
                position: relative;
            }

                #lightbox .carousel-wrap ul li .thumb-description {
                    font-size: 0.7em;
                    line-height: 1.1em;
                    display: block;
                    padding-top: 5px;
                    padding-left: 0;
                    padding-right: 5px;
                    color: #000;
                }

/* carousel pagination*/
#page_lightbox_container .center-wrap {
    float: left;
    left: 50%;
    position: relative;
    zoom: 1;
}

    #page_lightbox_container .center-wrap div {
        border: 0 none;
        display: block;
        float: left;
        height: 15px;
        left: -50%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
        padding-top: 10px;
        position: relative;
    }

    #page_lightbox_container .center-wrap a {
        cursor: pointer;
        background: #DBDBDB;
        display: block;
        float: left;
        margin: .8em .4em 0 .2em;
        -moz-border-radius: 2em;
        -webkit-border-radius: 2em;
        border-radius: 2em;
        color: #DBDBDB;
        overflow: hidden;
        width: .7em;
        height: .7em;
        text-indent: -9999px;
        margin-top: 0;
    }

        #page_lightbox_container .center-wrap a.active {
            background: #999;
        }

/* courses */
.quick-course-details {
    float: left;
    width: 32%;
    margin-bottom: 0px;
    margin-left: 1%;
}

.kis-widget {
    padding-left: 4px;
    padding-top: 5px;
    width: 624px;
    overflow: hidden;
}


.applyBtn {
    display: block;
    padding-bottom: 20px;
}

    .applyBtn .button.fullwidth {
        float: right;
        width: 150px;
    }

blockquote {
    margin: 0;
    padding: 0;
    border: 0;
}


.quote {
    position: relative;
    margin: 0;
    color: #fff;
    background: #ededed;
    border: 1px solid #ececec;
    padding-bottom: 10px;
}

    .quote p {
        border: 0;
        margin: 10px;
        padding-left: 20px;
    }

    .quote .text .quoteicon {
        margin: 10px 0px -20px 10px;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(/static/images/Quote.png) no-repeat;
        width: 28px; /* Width of new image */
        height: 26px; /* Height of new image */
        padding-left: 28px; /* Equal to width of new image */
    }

    .quote .text .quoteicon {
        background: url(/static/images/Quote.png) no-repeat;
    }

    .quote .right {
        padding-top: 50px;
        padding-left: 5px;
    }

    .quote .text .arrowicon {
        float: left;
    }

    .quote:after {
        content: "";
        position: absolute;
        bottom: -50px;
        left: 50px;
        border-width: 0 20px 50px 0px;
        border-style: solid;
        border-color: transparent #ededed;
        display: block;
        width: 0;
    }


    .quote + p {
        margin: 15px 0 2em 85px;
        font-style: italic;
    }




/* tabs */
/*default tab styling*/
.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-tabs-nav {
    font-size: 100%;
}

.ui-tabs-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .ui-tabs-nav:after {
        clear: both;
        content: " ";
        display: block;
    }

    .ui-tabs-nav li {
        border-right: 1px solid #D5D5D5;
        border-top: 1px solid #D5D5D5;
        border-left: 1px solid #D5D5D5;
        float: left;
        margin-right: 5px;
    }

    .ui-tabs-nav a, .ui-tabs-nav a span {
        display: block;
    }

        .ui-tabs-nav a span {
            padding: 0 10px;
        }


    .ui-tabs-nav .ui-tabs-active a, .ui-tabs-nav .ui-tabs-selected a {
        background: #40455f;
        color: #fff;
        margin-top: 0;
        position: relative;
        top: 1px;
        z-index: 2;
    }

    .ui-tabs-nav a {
        background: #fff;
        color: #86cbe6;
        margin: 0;
        outline: 0 none;
        padding-left: 0;
        font-size: 0.8em;
        text-decoration: none;
        white-space: nowrap;
    }


    .ui-tabs-nav a {
        color: #000;
    }

    .ui-tabs-nav .ui-tabs-active a, .ui-tabs-nav .ui-tabs-selected a {
        background: #40455f;
        color: #fff;
    }

    .ui-tabs-nav a span {
        height: 20px;
        min-height: 20px;
        padding-top: 4px;
    }

    .ui-tabs-nav li a {
        font-size: 12px;
        line-height: 1.6em;
        padding: 5px 5px;
    }

* > .ui-tabs-nav a span {
    height: auto;
    width: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    cursor: text;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {
    cursor: pointer;
}

.ui-tabs-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #D5D5D5;
    padding: 10px 0 0 0;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

* html .ui-tabs-nav {
    display: inline-block;
}

:first-child + html .ui-tabs-nav {
    display: inline-block;
}

/* Course tabs*/

.tab-box {
    padding: 15px 20px 23px 20px;
    border: solid 1px #e5e5e5;
    border-top: none;
}



/* news room */
/*news categories year tabs*/
.newstabs {
    list-style: none;
    color: #000000;
    margin-top: 20px;
    position: relative;
    display: block;
    width: 100%;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    font-size: 100%;
}

    .newstabs li {
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        float: left;
        background: #EFEFEF;
    }

        .newstabs li a {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.6em;
            padding: 8px 10px;
        }

    .newstabs .selected a {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #000000;
        margin-top: 0;
        position: relative;
        top: 0;
        padding-top: 1px;
        z-index: 2;
    }

    .newstabs.ui-tabs.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs.ui-tabs-nav li.ui-state-disabled a, .ui-tabs.ui-tabs-nav li.ui-state-processing a {
        cursor: text;
    }

    .newstabs.ui-tabs.ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer;
    }

/* pager  */
.pager {
    margin-top: 0;
    padding-top: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
}

    .pager ul li {
        float: left;
        display: inline-block;
        color: #000;
        margin-left: 10px;
    }

        .pager ul li:last-child {
            float: left;
            display: inline-block;
            color: #000;
            margin-left: 0;
        }

        .pager ul li:first-child {
            float: left;
            display: inline-block;
            color: #000;
            margin-left: 0;
        }

.pagerButton, .nextPreviousButton {
    color: #000;
    margin-left: 10px;
    text-decoration: none;
}

.currentPage {
    color: #000;
    margin-left: 10px;
    text-decoration: none;
    font-weight: bold;
}

/* honey pot field*/
#enquiryForm #message, .enquiryForm #message, #alumniRegistration #message, .form #message, #enquiryModal #message {
    display: none;
}

#alumniRegistration .small, .form .small {
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    padding-left: 10px;
}

.whoswho-profile-list {
    list-style: none;
}

/* profile */
.profile-pic {
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 10px;
}
/* in page menus */
.customitem {
    float: left;
    width: 50%;
}

.customitem3 {
    float: left;
    width: 33%;
}

.customitem4 {
    float: left;
    width: 25%;
}

    .customitem p, .customitem3 p, .customitem4 p {
        text-align: center;
    }


/*course search page sidebar*/




/*list item styling for newsroom, search results*/
.list-item {
    width: 100%;
    padding-bottom: 10px;
    display: block;
    color: #000;
    padding-top: 10px; /* 	border-bottom-width: 1px; 	border-bottom-style: solid; 	border-bottom-color: #999999; */
}

    .list-item .level {
        float: left;
        color: #909090;
        line-height: 1.6em;
        width: 100%;
    }

    .list-item .attendance {
        float: left;
        line-height: 1.6em;
    }

    .list-item:first {
        color: #000000;
        display: block;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 20px;
        width: 100%;
    }

    .list-item .list-thumb {
        display: inline-block;
        margin-right: 10px;
        padding-bottom: 25px;
        float: left;
    }

.courseinfo {
    float: left;
    width: 140px;
}

.course-basic-info {
    float: left;
    width: 460px;
}

.course-more-info {
    clear: left;
}

.youtubeOverlay {
    margin-top: -480px;
}

.list-item .list-title {
    display: block;
    margin-top: 0px;
}

.Courses ul .list-item .list-title a {
    line-height: 1.6em;
    border: 0px;
}

.list-item .list-date {
    display: block;
}

.list-item .list-excerpt {
    display: block;
}

.list-item ul li {
    float: left;
}

.bc-arrow {
    vertical-align: bottom;
    padding-right: 5px;
    padding-left: 5px;
}


/* search results*/
.search-tabs {
    border-bottom: 1px solid #40455f;
    border-left: 1px solid #40455f;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 100%;
    list-style: none;
}

    .search-tabs li {
        border-right: 1px solid #40455f;
        border-top: 1px solid #40455f;
        float: left;
    }

        .search-tabs li a {
            background: #40455f;
            color: #fff;
            font-size: 0.8em;
            margin: 0;
            outline: 0 none;
            padding: 8px;
            text-decoration: none;
            white-space: nowrap;
            display: block;
        }

            .search-tabs li a.Active {
                background: none repeat scroll 0 0 #FFFFFF;
                color: #000000;
                margin-top: 0;
                position: relative;
                top: 1px;
                z-index: 2;
            }

.searchresult-icon {
    display: inline-block;
    margin-right: 10px; /* padding-bottom: 40px; no teaser to padding needed*/
    margin-top: 5px;
    float: left;
    height: 32px;
}

.searchresult-icon-rounded {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    float: left;
}

.list-icon {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    float: left;
}

#accordion h3, .accordion h3, #accordion h3 a, .accordion h3 a {
    color: #fff !important;
}

.ui-accordion-header {
    cursor: pointer;
    border: none;
    color: #fff;
    padding: 10px 32px 10px 13px;
    text-decoration: none;
    background: #40455f;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background-clip: padding-box;
}

fieldset ol, fieldset ul {
    list-style: none;
}

.small {
    color: #666666;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
}

.social-icon {
    padding-top: 5px;
}

.StagingAlert {
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.search-curator-message .blueBox {
    color: #fff;
    padding: 10px 32px 10px 13px;
    text-decoration: none;
    background: #86cbe6;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background-clip: padding-box;
}

    .search-curator-message .blueBox h2 {
        color: #fff;
        margin-top: 0;
    }

.search-curator-message ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.search-curator-message .blueBox ul li a, .search-curator-message .blueBox a {
    color: #fff;
    text-decoration: underline;
}

.enquiryLnkBottomRight {
    width: 200px;
    height: 30px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: #86cbe6;
    padding: 10px 32px 10px 13px;
}

    .enquiryLnkBottomRight a {
        color: #fff;
    }

.inteq {
    padding-top: 15px;
}

    .inteq .checkbox {
        float: right;
    }

.category_clearing {
    color: #40455f;
    font-size: 17px;
    margin-bottom: 5px;
}

.chkLabel {
    display: inline;
    color: #40455f;
}
/*cookie notification*/
.cookie-law {
    bacKground: #F2F2F2;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.ClearingPopup p {
    line-height: 1;
    font-weight: 300;
    font-size: 14px;
}

@media print {
    body {
        width: 100%;
        margin: 0;
        float: none;
        background: #fff url(none);
    }

    .noprint {
        display: none;
    }

    body {
        color: #000;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #000;
    }

    h1 {
        font-size: 250%;
    }

    h2 {
        font-size: 175%;
    }

    h3 {
        font-size: 135%;
    }

    h4 {
        font-size: 100%;
        font-variant: small-caps;
    }

    h5 {
        font-size: 100%;
    }

    h6 {
        font-size: 90%;
        font-style: italic;
    }

    .ui-tabs-nav {
        display: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: block !important;
    }

    .ui-tabs .ui-tabs-panel {
        display: block !important;
    }

    .tab-box {
        border: none !important;
    }

    #accordion h3, .accordion h3, #accordion h3 a, .accordion h3 a {
        color: black !important;
    }

    .ui-accordion-header {
        padding: 0;
    }

    .shareribbon {
        display: none !important;
    }

    #accordion > * {
        display: block !important;
    }

    #accordion h3, .accordion h3, #accordion h3 a, .accordion h3 a {
        color: black !important;
    }

    .page .nobannerbox {
        border: none !important;
    }
}