/*
*  Website:		Mental Health Professionals Network (MHPN)
*  Author:		Angel Web Designs
*  Copyright:	(c) 2013 Mental Health Professionals Network
*
*  Primary Colours:	#af208c - magenta
*                   #339999 - green
*
*  Fonts:   Tisa Sans OT (from Typekit) with fallback to Sans-Serif

*/
/* bootstrap overrides */

html {
    font-size: initial;
}

body 
{
    color: #333;
    font-weight: 300;
}

b,
strong {
    font-weight: 500;
}

a {
    text-decoration: none;
    color: #339999;
}

a:hover, a:focus { color: #a2007d; text-decoration: none; }

img, img a { border: none; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #666;
    font-family: ff-tisa-sans-web-pro;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 23px; /* as per EI comments */
}

h1, .h1 { font-size: 1.9em; margin-top: 55px; }
h2, .h2 { font-size: 1.4em; }
h3, .h3 { font-size: 1.2em; }
h4, .h4 { font-size: 1em; }
h4, .h4 { font-size: 1em; }

h1.topPageTitle { margin-top: 0; }

ul,
ol {
    margin-top: initial;
    margin-bottom: initial;
}

ul
{
    margin: 0;
    padding: 0 30px;
}

ul li {
    list-style-image: url(/Content/Images/chevron-right.png);
}

ol li {
    list-style-image: none;
}

small,
.small {
    color: #999;
}

.modal {
    z-index: 9999;
}

.modal-backdrop {
    z-index: 9990;
}

.container {
    padding: 0 20px;
}

@media (min-width: 768px) {
    .container {
        padding: 0 40px;
    }
}
    
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.jumbotron {
    padding: 0;
    margin-bottom: 0;
    line-height: 1em;
    background-color: #996699; /* purple */
    color: white;
}

    .jumbotron h1 { font-size: 1.4em; margin-top: 23px; }
    .jumbotron h2 { font-size: 1.66em; }

    .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5 {
        font-weight: 700;
        color: inherit;
    }

    .jumbotron p {
        font-size: 1.2em;
        line-height: 1.3em;
    }

    .jumbotron .row {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .jumbotron .btn {
        background-color: transparent;
        margin-top: 40px;
        border: 1px solid #FFF;
        color: #FFF;
        transition-duration: 0.4s;
    }

        .jumbotron .btn:hover {
            background-color: white;
            color: #986699;
            border: 1px solid #986699;
            transition-duration: 0.4s;
    }


#hero.jumbotron {
    min-height: 240px;
    background: transparent url(/Content/Images/carousel-bg-network.jpg) repeat;
    font-family: ff-tisa-sans-web-pro;
}

#hero.jumbotron .btn:hover {
    color: #2c9297;
    border: 1px solid #2c9297;
}

#subsribe-enews.jumbotron {
    background-color: #6699cc;
    margin-top: 60px;
}

    #subsribe-enews.jumbotron .btn:hover {
        color: #6699cc;
        border: 1px solid #6699cc;
    }
     
    
#network-contact.jumbotron {
    background-color: #a2007d;
    margin-top: 0;
}

    #network-contact.jumbotron .btn{
        background-color: #fff;
        color: #a2007d;
        border: 1px solid #a2007d;
    }

    #network-contact.jumbotron .btn:hover {
        color: #fff;
        background-color: #a2007d;
        border: 1px solid #fff;
    }

#upcoming-webinars.jumbotron {
    background-color: #669999;
    margin-top: 0;
}

    #upcoming-webinars.jumbotron .btn{
        background-color: #669999;
        color: #fff;
        border: 1px solid #fff;
    }

    #upcoming-webinars.jumbotron .btn:hover {
        color: #669999;
        background-color: #fff;
        border: 1px solid #669999;
    }

#acknowledgement-country {
    background-color: #996699;
    color: #fff;
    padding: 0.5em 2em;
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
}

    #acknowledgement-country a {
        display: block;
        color: inherit;
    }

        #acknowledgement-country a:hover {
            color: inherit;
        }

        #testimonials {
        background-color: #ccc;
        color: #444;
        padding: 65px 0 70px;
        margin-top: 70px;
        font-family: ff-tisa-sans-web-pro;
    }

#testimonials h2 {
    color: #000;
    font-size: 1.6em;
    font-weight: 700;
    margin: 10px 0 30px;
}

/* General Styles */
body {
    background-color: white;
}

.bg-lighter-gray {
    background-color: #EDEDED;
}

.bg-light-gray {
    background-color: #DFDFDF;
}

.bg-gray {
    background-color: #CCCCCC;
}

.bg-green {
    background-color: #339999;
}

.bg-pattern-light-grid {
    background-image: url('/Content/Images/NavBG.png');
}

.bg-pattern-light-grid .container { padding-bottom: 0; }

.bg-carousel {
    background-image: url('/Content/Images/carousel-bg-network.jpg');
}


focus {
    outline: 0;
}

small {
    line-height: 16px;
}

p {
    margin: 1em 0;
}

.main-content {
    margin-bottom: 40px;
}

.preview-watermark {
    font-size: 5em;
    font-weight: bold;
    color: rgba(255, 0, 0, 0.25);
    position: absolute;
    left: 50%;
    margin-left: -2em;
    margin-top: auto;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    z-index: 9999;
}

/*
.wrapper
{
    width: 1020px;
    background-color: #fff;
    margin: 0 auto;
}
*/

/*.inner
{
     padding: 10px 40px;
}*/

.pagination {
    margin: 10px 0 10px 0;
    font-size: 1.2em;
}

.navbar {
    padding: 20px 0;
    color: #333;
}

#topPromotionContainer .container {
    padding: 1em;
    text-align: center;
}

    #topPromotionContainer a {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
    }


    @media(max-width: 1000px) {
        #topPromotionContainer a {
            font-size: 13px;
        }
    }


#headerNavBar {
    float: none;
    height: 40px;
}

    #headerNavBar ul {
        float: right;
        font-family: "open-sans";
        font-size: 0.65em;
        list-style-position: outside;
        list-style-type: none;
        margin: 0;
        padding: 0;

    }

        #headerNavBar ul li {
            float: left;
            line-height: 40px;
            padding: 0 0 0 23px;
            margin: 0;
            list-style-image: none;
        }

            #headerNavBar ul li a {
                color: #7f7f7f;
                text-decoration: none;
                border-bottom: 0;
                text-transform: uppercase;
            }

            #headerNavBar ul li a:hover {
                color: #AB0070;
            }

            #headerNavBar .search-box {
                display: none;
            }

            #headerNavBar .search-icon {
                line-height: 40px;
                color: #AB0070;
            }

            #headerNavBar .search-icon:hover {
                cursor: pointer;
            }

        @media (max-width: 767px)
        {
            #headerNavBar ul {
                float: none;
                text-align: center;
            }

            #headerNavBar ul li {
                float: none;
                display: inline;
            }

            #headerNavBar .search-icon { display: none; }

        }

        @media (max-width: 590px) {
            #topMenuContainer { display: none; }
        }

    #headerNavBar .searchBoxContainer {
        width: 150px;
        display: none;
        float: left;
        margin-right: 10px;
    }

    #headerNavBar input[type="text"] {
        width: 100%;
        padding: 0 10px;
        height: 38px;
        font-size: 1.1em;
    }

    #headerNavBar .watermark {
        color: #B5B1B5;
    }

#phone {
    padding: 10px;
}

.navbar-brand#full img
{
    width: 150px;
}

.navbar-brand#mini { display: none; }

 @media (max-width: 480px) {
    .navbar-brand#full  { display: inline; } /* changed to not show  mini version*/
    .navbar-brand#full img {
        width: 130px
    }
    /*.navbar-brand#mini  { display: inline; }*/
}

.navbar-brand
{
    padding: 0;
}

a.navbar-brand { border-bottom: 0;}

/*** Menu -- design mobile first and then override for the desktop version */

.navbar {
    margin-bottom: 0;
    border: none;
    padding: 20px 0 0;
}

.navbar-toggle {
    background-color: #a2007d;
    color: #fff;
    width: auto!important;
    border: 0;
    font-weight: bold;
    padding: 8px 17px;
    margin-bottom: 33px;
    margin-right: 0;
    margin-top: 0;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    background-color: #a2007d;
    color: #fff;
    z-index: 9999;
    top: 57px;
    width: 265px;
    right: 0;
    overflow: hidden;
}

.navbar-nav
{
    margin: 0;
    font-family: "open-sans";
    font-size: 0.94em;
    font-weight: 600; /* semi bold */    
    padding: 0;
}

.navbar-nav li
{
    display: block;
    padding: 0 23px;
}

    .navbar-nav li a {
        display: block;
        color: #fff;
        border-bottom: 1px solid #b13f97;
        padding: 18px 0;
        height: auto;
    }

    .navbar-nav li a:hover { color: #ccc; background-color: #a2007d; }

    .navbar-nav > li.currentmenu a {
        border-bottom: 1px solid #b13f97;
    }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #ccc;
    background-color: #a2007d;
    border-bottom: 1px solid #b13f97; /* this is all here to override Bootstrap */
}

@media (min-width: 768px)
{
    .navbar-collapse {
        position: relative;
        background-color: transparent;
        color: #666;
        top: 0;
        right: 0;
        width: auto;
        margin-left: 150px; /* don't cover the logo */
    }

    .navbar-nav > li {
        list-style-image: none;
        padding: 20px 20px 0 20px;
        margin: 0;
        float: none;
        display: inline-block;
    }

    .navbar-nav > li:first-child 
    {
        padding-left: 20px;
    }

        .navbar-nav > li.dropdown.open {
            background-color: #A3007D;
            color: #ffffff;
        }

            .navbar-nav > li.dropdown.open ul.dropdown-menu {
                background-color: #A3007D;
                font-size: 1em;
                color: #ffffff;
                padding: 20px 20px 20px 20px;
                border: none;
                min-width: 220px;
            }
                .navbar-nav > li.dropdown.open ul.dropdown-menu li {
                    list-style-image: none;
                }

                .navbar-nav > li.dropdown.open ul.dropdown-menu > li a {
                    padding: 10px 0 10px 0;
                    height: initial;
                }

                    .navbar-nav > li.dropdown.open ul.dropdown-menu > li a:hover {
                        background-color: #A3007D;
                        background-image: none;
                    }

    .navbar-nav li a {
        text-decoration: none;
        border-bottom: 0;
        padding: 0;
        margin: 0;
        color: #666;
        display: inline-block;
        height: 60px;
    }

    .navbar-nav > li.dropdown.open a {
        color: #ffffff;
    }

    .navbar-nav > li a:hover {
        
    }

    .navbar-nav > li.dropdown.open a:hover {
        border-bottom: none;
    }

    .navbar-nav > li.currentmenu a {
        border-bottom: 5px solid #af208c;
    }

    .navbar-nav > li.phone {
        color: #AB0070;
        margin-right: 0;
    }

    .navbar-right .dropdown-menu {
        left: 0;
        right: 0;
    }

    
    .navbar-nav li a:hover {
        color: #666;
        background-color: transparent;
        border-bottom: 5px solid #999;
    }
 
    navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus
    {
        border: none;
    }
}

@media (min-width: 768px) and ( max-width: 991px) {
    .navbar-nav > li {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Form */
.navbar-form
{
    margin: 12px 0;
    padding: 0 20px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-form .form-group { margin: 0; }

.navbar-form .form-control { border: 0; color: #a2007d; font-weight: 500; width: 100%; }

.navbar-form .form-control::-webkit-input-placeholder { color: #a2007d; font-family: ff-tisa-sans-sc-web; font-weight: 500; }


/**** End Menu ****/

.heading
{
    height: 240px;
    overflow: hidden;
    margin-bottom: 60px;
}

.heading .img-container {
    overflow: hidden;
    height: 240px;
    position: absolute;
    width: 100%;
    background-image: url(/Content/Images/headings/hdg-standard.jpg);
    background-repeat: repeat-x;
    background-size: auto;
}

    .heading#find-network-heading .img-container {
        background-image: url(/Content/Images/headings/hdg-green-gradient.jpg);
        background-repeat: repeat-x;
        background-size: auto;
    }
    
    .heading#webinar-heading .img-container {
        background-image: url(/Content/Images/headings/hdg-orange-gradient.jpg);
        background-repeat: repeat-x;
        background-size: auto;
    }

    .heading#register-heading .img-container {
        background-image: url(/Content/Images/headings/hdg-desk.jpg);
        background-position: 0% 84%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .heading#news-heading .img-container {
        background-image: url(/Content/Images/headings/hdg-pink-gradient.jpg);
        background-repeat: repeat-x;
        background-size: auto;
    }

    body.contact .heading .img-container {
        background-image: url(/Content/Images/headings/hdg-contact.jpg);
        background-repeat: repeat-x;
        background-size: auto;
    }

    body.participate .heading .img-container {
        background-image: url(/Content/Images/headings/hdg-participate.jpg);
        background-repeat: repeat-x;
        background-size: auto;
    }

.heading h2, .heading h1 {
    margin-top: 0;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.heading h3 {
    margin-top: 0;
    margin-bottom: 14px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.heading .container {
    padding-top: 68px;
}

.banner {
    overflow: hidden;
}

.banner-250x250 {
    width: 250px;
    height: 250px;
    max-width: 250px;
    max-height: 250px;
}

/*** Home page feature message ***/

#homepage-featuremsg {
    margin-top: 40px;
    margin-bottom: 15px;
}

    #homepage-featuremsg p {
        font-size: 1.3em;
        line-height: 1.4em;
        
        color: #666;
        text-rendering: optimizeLegibility;
        font-family: ff-tisa-sans-web;
        font-weight: 300;
        letter-spacing: -.25px;
    }

#contact {
    background-color: #dfdfdf;
    color: #000;
    font-size: 0.8em;
    line-height: 1.6em;
    padding: 70px 0 30px; 
}


    @media (max-width: 767px) {
        #contact {
            padding-top: 45px;
        }
    }

#contact h4 { color: #000; font-size: 1.14em; margin-top: 0; }

#contact h5 { color: #000; font-weight: 300; display: inline; }

#contact #quickLinks a { font-family: ff-tisa-sans-web-pro; }

#contact .btn-subscribe {
    font-family: ff-tisa-sans-web;
    background-color: #2f838e;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.85em;
    margin-top: 20px;
    border: 0;
    text-align: center;
    color: #FFF;
    padding: 10px 40px 10px 40px;
    transition-duration: 0.4s;
}

    #contact .btn-subscribe:hover {
        background-color: white;
        color: #2f838e;
        transition-duration: 0.4s;
    }

#socialLinks a { border: 0; }

#socialLinks img {
    padding-left: 11px;
    margin-top: 10px;
}

#sponsorLogos {
    margin: 50px 0 45px;
}

    #sponsorLogos .col {
        float: left;
    }

    #sponsorLogos a {
        padding-right: 0;
        border: none;
    }

        #sponsorLogos a img {
            max-width: 200px;
            max-height: 89px;
        }

#footer {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 60px;
}

#footerMenu ul {
    padding: 0;
    float: right;
    list-style-type: none;
}

    #footerMenu ul li {
        list-style-image: none;
        display: inline;
        padding: 0 0 0 18px;
        margin: 0;
    }

        .footerMenu a, #footerMenu ul li a {
            border-bottom: 0;
            text-transform: uppercase;
            font-family: ff-tisa-sans-web-pro;
            font-weight: 700;
            color: #fff;
        }

            .footerMenu a:hover, #footerMenu ul li a:hover {
                text-decoration: underline;
            }

@media (max-width: 767px) {

    #footerMenu ul {
        margin-top: 30px;
        float: none;
    }

    #footerMenu ul li {
        padding: 0 18px 0 0;
    }

}

/*** Front Page ***/

.frontpage h1 {
    font-weight: 700;
}

/*.frontpage h3 {
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    text-rendering: optimizeLegibility;
}*/

.facts-figures {
    font-size: 1.05em;
    font-weight: 300;
    line-height: 1.4em;
    font-family: ff-tisa-sans-web;
}

.facts-figures ul {
    margin: 0;
    padding: 0 30px;
}

.facts-figures ul li {
    list-style-image: url(/Content/Images/chevron-right-green.png);
    padding-left: 5px;
    margin: 1em 0em;
}

/*carousel*/
.carousel-indicators {
    display: none;
}

.carousel-inner > .next, .carousel-inner > .prev {
    /*width: 80%;*/
}

.carousel a:hover {
    text-decoration: none;
    border-bottom: 0;
}

#front-page-slideshow .carousel-control {
    z-index: 15;
}

#front-page-slideshow .carousel-control {
    z-index: 15;
}

    #front-page-slideshow .carousel-control.left {
        background-image: none;
        width: 5%;
    }

    #front-page-slideshow .carousel-control.right {
        background-image: none;
        width: 5%;
    }

.carousel {
    height: 270px;
}

    .carousel .carousel-inner {
        padding: 0;
        top: 25%;
    }

        .carousel .carousel-inner .item {
        }

        .carousel .carousel-inner > .item h2 {
            color: #fff;
            font-size: 3em;
            font-style: italic;
            font-weight: 400;
            line-height: 1.2em;
            padding: 0 10%;
            margin: 0;
            text-align: left;
        }

        .carousel .carousel-inner .carousel-caption {
            left: 0;
            right: 0;
            padding: 2% 10% 0 10%;
            text-shadow: none;
            position: relative;
            bottom: 0;
        }



    .carousel p.text {
        color: #fff;
        font-size: 2.3em;
        font-style: italic;
        line-height: 1.2em;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .feature-box h3 {
        font-size: 1.3em;
        font-family: ff-tisa-sans-web-pro;
        text-align: center;
    }

    .feature-box .image {
        text-align: center;
    }

    .feature-box img {
        height: 55px;
    }

    .feature-box .fullimage img {
        height: auto;
        max-width: 100%;
        max-height: 290px;
    }

    .feature-box p {
        font-size: 1.06em;
        line-height: 1.2em;
    }

        .feature-box p.text {
            margin: 0 0 1em 0;
            text-align: center;
        }

    .feature-box a {
        text-decoration: none;
        border-bottom: 0;
        color: #339999;
    }

        .feature-box a:hover {
            text-decoration: underline;
        }

@media (min-width: 480px) and (max-width: 767px) {

        .feature-box img {
            float: left;
        }

        .feature-box h3 , .feature-box .text {
            margin-left: 80px!important;
            text-align: left!important;
        }

}

@media (min-width: 768px) {
    .feature-box {
        height: 260px;
    }
}

.newsArticle ul li:first-child {
    padding-top: 0;
}

#quote {
    text-align: center;
    color: #555;
    padding: 15px;
    background-color: #ccc;
    font-size: 0.9em;
}

.quoteAuthor {
    color: #999;
}

/***** Staff Profiles *****/
#staffProfiles .item {
    margin-bottom: 20px;
    color: #555;
}

#boardProfiles #staffProfiles .item {
    /*    width: 285px;*/
}

#staffProfiles img {
    margin-bottom: 20px;
    width: 205px;
}

#staffProfiles .name {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #a2007d;
    text-transform: lowercase;
    font-family: ff-tisa-sans-sc-web;
    font-weight: 500;    
}

#staffProfiles .title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-transform: lowercase;
    color: #666;
    font-family: ff-tisa-sans-sc-web;
    font-weight: 500;    
}

#staffProfiles .details {
    font-size: 15px;
    line-height: 21px;
}

#staffProfiles .details a {
    color: #a2007d;
    border-bottom: 1px dotted #a2007d;
}

.searchResults {
    margin: 1em 0 0;
    padding: 0;
    list-style-type: none;
}

    .searchResults li {
        list-style-image: none;
        margin-bottom: 1em;
    }

        .searchResults li img {
            display: none;
        }

.searchResultsFlag {
    background-color: #339999;
    color: #fff;
    padding: 2px 5px;
    font-size: .7em;
    margin-left: 5px;
}


/***** Site-wide pagination ******/

.pagination {
    float: right;
    font-size: 0.9em;
}

/***** float clearing for boxes *****/
.group:after /*, .inner:after*/ {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .group /*, * html .inner*/ /* IE6 */ {
    height: 1%;
}

*:first-child + html .group /*, *:first-child+html .inner*/ /* IE7 */ {
    min-height: 1px;
}

.clearboth {
    clear: both;
}

/**** Custom form styles (where not already customised in Bootstrap) ***/
label
{
    font-weight: 500;
}

.form-horizontal .radio, .form-horizontal .checkbox
{
    min-height: 0;   /* overriding bootstrap */
}

.required-warning
{
    color: #999;
    font-size: 0.9em;
    line-height: 1em;
}

.error
{
    color: #f00;
}

/**** Dialog box customisations ***/
.ui-widget-overlay {
    background: #ccc;
    opacity: .7;
    filter: Alpha(Opacity=70);
}

.ui-widget-header {
    background: transparent none;
    border: none;
}

.ui-icon-closethick {
    background-image: url("/Content/Images/dialog-close.png") !important;
    background-position: 0 0;
}

.ui-icon.ui-icon-closethick {
    width: 38px;
    height: 38px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent none;
    border: none;
    margin-top: -34px;
    margin-right: 0;
    width: 38px;
    height: 38px;
}

    .ui-dialog .ui-dialog-titlebar-close:focus {
        border: none !important;
        outline: none;
    }

.ui-dialog iframe.ui-dialog-content {
    padding: 0;
    height: 550px !important;
    width: 100% !important;
}

body.popup {
    padding: 0 1em;
}

.popup-heading {
    margin-top: 0;
}

.popup-close-btn {
    vertical-align: middle;
    float: right;
}

    .popup-close-btn img {
        padding-top: 3px;
    }

/* ------------------
 styling for the tables 
   ------------------   */


#hor-minimalist-a {
    font-family: "ff-tisa-sans-web",sans-serif;
    font-size: 12px;
    background: #fff;
    margin: 0 0 45px 0;
    width: 480px;
    border-collapse: collapse;
    text-align: left;
}

    #hor-minimalist-a th {
        font-size: 14px;
        font-weight: normal;
        color: #339999;
        padding: 10px 8px;
        border-bottom: 2px solid #339999;
    }

    #hor-minimalist-a td {
        color: #888888;
        padding: 9px 8px 0 8px;
    }

    #hor-minimalist-a tbody tr:hover td {
        color: #333399;
    }


#hor-minimalist-b {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    background: #fff;
    margin: 0 0 45px 0;
    width: 480px;
    border-collapse: collapse;
    text-align: left;
}

    #hor-minimalist-b th {
        font-size: 14px;
        font-weight: normal;
        color: #339999;
        padding: 10px 8px;
        border-bottom: 2px solid #339999;
    }

    #hor-minimalist-b td {
        border-bottom: 1px solid #ccc;
        color: #888888;
        padding: 6px 8px;
    }

    #hor-minimalist-b tbody tr:hover td {
        color: #333399;
    }


#ver-minimalist {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #ver-minimalist th {
        padding: 8px 2px;
        font-weight: normal;
        font-size: 14px;
        border-bottom: 2px solid #339999;
        border-right: 30px solid #fff;
        border-left: 30px solid #fff;
        color: #339999;
    }

    #ver-minimalist td {
        padding: 12px 2px 0 2px;
        border-right: 30px solid #fff;
        border-left: 30px solid #fff;
        color: #888888;
    }


#box-table-a {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #box-table-a th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        background: #FFFFFF;
        border-top: 4px solid #339999;
        border-bottom: 1px solid #fff;
        color: #339999;
    }

    #box-table-a td {
        padding: 8px;
        background: #F7F7F7;
        border-bottom: 1px solid #fff;
        color: #888888;
        border-top: 1px solid transparent;
    }

    #box-table-a tr:hover td {
        background: #EDEDED;
        color: #339999;
    }


#box-table-b {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: center;
    border-collapse: collapse;
    border-top: 7px solid #339999;
    border-bottom: 7px solid #339999;
}

    #box-table-b th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        background: #F7F7F7;
        border-right: 1px solid #339999;
        border-left: 1px solid #339999;
        color: #339999;
    }

    #box-table-b td {
        padding: 8px;
        background: #F7F7F7;
        border-right: 1px solid #339999;
        border-left: 1px solid #339999;
        color: #888888;
    }


#hor-zebra {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #hor-zebra th {
        font-size: 14px;
        font-weight: normal;
        padding: 10px 8px;
        color: #339999;
    }

    #hor-zebra td {
        padding: 8px;
        color: #888888;
    }

    #hor-zebra .odd {
        background: #F7F7F7;
    }


#ver-zebra {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #ver-zebra th {
        font-size: 14px;
        font-weight: normal;
        padding: 12px 15px;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        color: #339999;
    }

    #ver-zebra td {
        padding: 8px 15px;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        color: #888888;
    }

.vzebra-odd {
    background: #ffffff;
}

.vzebra-even {
    background: #F7F7F7;
}

#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children {
    border-bottom: 1px solid #339999;
}

#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action {
    background: #FFFFFF;
    border-bottom: 1px solid #a4c1bf;
}


#one-column-emphasis {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #one-column-emphasis th {
        font-size: 14px;
        font-weight: normal;
        padding: 12px 15px;
        color: #339999;
    }

    #one-column-emphasis td {
        padding: 10px 15px;
        color: #888888;
        border-top: 1px solid #F7F7F7;
    }

.oce-first {
    background: #EDEDED;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

#one-column-emphasis tr:hover td {
    color: #339999;
    background: #f4f4f4;
}


#newspaper-a {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #339999;
}

    #newspaper-a th {
        padding: 12px 17px 12px 17px;
        font-weight: normal;
        font-size: 14px;
        color: #339999;
        border-bottom: 1px dashed #339999;
    }

    #newspaper-a td {
        padding: 7px 17px 7px 17px;
        color: #888888;
    }

    #newspaper-a tbody tr:hover td {
        color: #339999;
        background: #F2F2F2;
    }


#newspaper-b {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #339999;
}

    #newspaper-b th {
        padding: 15px 10px 10px 10px;
        font-weight: normal;
        font-size: 14px;
        color: #339999;
    }

    #newspaper-b tbody {
        background: #F7F7F7;
    }

    #newspaper-b td {
        padding: 10px;
        color: #888888;
        border-top: 1px dashed #fff;
    }

    #newspaper-b tbody tr:hover td {
        color: #339999;
        background: #E0E0E0;
    }


#newspaper-c {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #339999;
}

    #newspaper-c th {
        padding: 20px;
        font-weight: normal;
        font-size: 13px;
        color: #339999;
        text-transform: uppercase;
        border-right: 1px dashed #339999;
        border-top: 1px solid #339999;
        border-left: 1px dashed #339999;
        border-bottom: 1px solid #339999;
    }

    #newspaper-c td {
        padding: 10px 20px;
        color: #888888;
        border-right: 1px dashed #339999;
    }


#rounded-corner {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #rounded-corner thead th.rounded-company {
        background: #e2e2e2 url('../Images/table-images/left.png') left -1px no-repeat;
    }

    #rounded-corner thead th.rounded-q4 {
        background: #e2e2e2 url('../Images/table-images/right.png') right -1px no-repeat;
    }

    #rounded-corner th {
        padding: 8px;
        font-weight: normal;
        font-size: 13px;
        color: #339999;
        background: #e2e2e2;
    }

    #rounded-corner td {
        padding: 8px;
        background: #F7F7F7;
        border-top: 1px solid #fff;
        color: #888888;
    }

    #rounded-corner tfoot td.rounded-foot-left {
        background: #F7F7F7 url('../Images/table-images/botleft.png') left bottom no-repeat;
    }

    #rounded-corner tfoot td.rounded-foot-right {
        background: #F7F7F7 url('../Images/table-images/botright.png') right bottom no-repeat;
    }

    #rounded-corner tbody tr:hover td {
        background: #FFF;
    }


#background-image {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    background: url('../Images/table-images/blurry.png') 330px 59px no-repeat;
}

    #background-image th {
        padding: 12px;
        font-weight: normal;
        font-size: 14px;
        color: #339999;
    }

    #background-image td {
        padding: 9px 12px;
        color: #888888;
        border-top: 1px solid #fff;
    }

    #background-image tfoot td {
        font-size: 11px;
    }

    #background-image tbody td {
        background: url('../Images/table-images/back.png');
    }

    * html #background-image tbody td {
        /* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/table-images/back.png',sizingMethod='crop');
        background: none;
    }

    #background-image tbody tr:hover td {
        color: #339999;
        background: none;
    }


#gradient-style {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

    #gradient-style th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        background: #EFEFEF url('../Images/table-images/gradhead.png') repeat-x;
        border-bottom: 1px solid #fff;
        color: #339999;
    }

    #gradient-style td {
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #888888;
        border-top: 1px solid #fff;
        background: #F7F7F7 url('../Images/table-images/gradback.png') repeat-x;
    }

    #gradient-style tfoot tr td {
        background: #F7F7F7;
        font-size: 12px;
    }

    #gradient-style tbody tr:hover td {
        background: #E0E0E0 url('../Images/table-images/gradhover.png') repeat-x;
        color: #339999;
    }


#pattern-style-a {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    background: url('../Images/table-images/pattern.png');
}

    #pattern-style-a thead tr {
        background: url('../Images/table-images/pattern-head.png');
    }

    #pattern-style-a th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #339999;
    }

    #pattern-style-a td {
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #888888;
        border-top: 1px solid transparent;
    }

    #pattern-style-a tbody tr:hover td {
        color: #339999;
        background: #fff;
    }


#pattern-style-b {
    font-family: ff-tisa-sans-web, Sans-Serif;
    font-size: 12px;
    margin: 0 0 45px 0;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    background: url('../Images/table-images/patternb.png');
}

    #pattern-style-b thead tr {
        background: url('../Images/table-images/patternb-head.png');
    }

    #pattern-style-b th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #339999;
    }

    #pattern-style-b td {
        padding: 8px;
        border-bottom: 1px solid #fff;
        color: #888888;
        border-top: 1px solid transparent;
    }

    #pattern-style-b tbody tr:hover td {
        color: #339999;
        background: #cdcdee;
    }

/*** Standard sidebar styles ***/

.sidebar ul#widgets
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidebar ul#widgets > li
{
    list-style-image: none;
    margin-bottom: 30px; /* as per EI comments */
}

@media (max-width: 479px) {

    .sidebar ul#widgets > li {
        float: left;
        width: 50%;
        margin-bottom: 1.5em;
    }

}

.sidebar ul#widgets #categoriesList
{
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}

.sidebar ul#widgets #categoriesList li { margin-bottom: 0; list-style-image: none; }

.sidebar ul#widgets li .socialLinks {
    display: block;
    margin-top: 8px;
}

.sidebar ul#widgets h3 {
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: ff-tisa-sans-web;
    margin: 0;
}

.sidebar ul#widgets a { border-bottom: 0; }

/*** Panel special styles - used for sidebar widgets ****/
.panel {
    margin-bottom: 30px;
}

.panel-default {
    border-color: #999; 
}

.panel-default > .panel-heading {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: ff-tisa-sans-web;
    color: #fff;
    background-color: #999;
}

.panel-orange {
    border-color: #f90;
}

.panel-orange > .panel-heading {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: ff-tisa-sans-web;
    color: #fff;
    background-color: #f90;
}

.panel-group .panel { margin-top: 0.8em;}
.panel-title { font-size: 1em; }
.panel-title > a { border-bottom: 0; }

.ui-widget {
    font-family: inherit;
}

.accordion .ui-accordion-header
{
    color: #339999;
    font-weight: 300;
	font-size: 1em;
	background: url(/Content/Images/accordian_bg_plus.png) no-repeat;
	background-position: left 0.35em;
	padding-left: 1em;
}

.accordion .ui-accordion-header.ui-state-active
{
    background: url(/Content/Images/accordian_bg_minus.png) no-repeat;
    background-position: left 0.35em;
}

.accordion .ui-accordion-header:hover
{
    cursor: pointer;
}

.accordion .ui-state-focus { outline: none; }

.accordion .ui-accordion-content {
    padding: 0 0 0 1em;
}

    .accordion .ui-accordion-content ul {
        padding-left: 0;
        list-style-position: inside;
        margin-top: 1em;
    }

.addthis_toolbox a{
    border-bottom: none;
}


/*** Scroll to top functionality ***/
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

.large-buttons {
    margin: 3em 0;
}

.large-buttons .btn {
    width: 80%;
    white-space: normal;
    min-height: 104px;
    padding-top: 26px;
    margin-bottom: 20px;
}

.large-buttons .btn-primary {
    background-color: #399;
    color: #fff;
    border: 1px solid #399;
}

.large-buttons .btn-primary:hover {
    background-color: #fff;
    color: #399;
    border: 1px solid #399;
}

/**** Special form customisations ****/
#divAreasOfSpecialty {
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 20px;
    background-color: #fff;
}

.tooltip {
    font-size: 13px;
}

.btn-tooltip {
    color: #fff;
    background-color: #333;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    border-radius: 7px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    cursor: pointer;
    font-size: 10px;
}

.btn-tooltip:hover, .btn-tooltip:focus {
    color: #fff;
    text-decoration: none;
}


/***** combo box ******/
.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    border-radius: 0 4px 4px 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 4px 0 0 4px;
}

/***** Network Meetings listing *****/

.network-meeting-accordion .ui-accordion-header {
    margin-top: 1.5em;
}

.network-meeting-heading {
    color: #b51783;
    width: 4em;
    display: inline-block;
}

.network-meeting-register-link {
    margin-left: 30px;
}