body {
    background-color: #2A2C39;
    color: #666666;
    font-family: "StoneSans LT", Arial, sans-serif;
    font-size: 0.8em;
    /*line-height: 1.3em;*/
    line-height: 1.27em;
    margin: 0;
}

.position_Relative {
    position: relative;
}

.loginError {
    clear: both;
    line-height: 1em;
    color: #ff0000;
    margin: 5px 0;
}


.mandatoryField {
    color: red;
    padding-right: 2px;
}

.inputDisabled {
    background-color: #F0F0F0;
}

#twitterCarousel {
    margin: 0px;
    position: absolute;
}

    #twitterCarousel li {
        margin: 0;
    }

.logoImgPrint {
    display: none;
}

#tweet_item {
    margin-top: 10px;
    padding: 0 12px;
    position: relative;
}

    #tweet_item ul {
        padding: 0px;
        list-style-type: none;
    }

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

    .ui-carousel > .wrapper p {
        margin-top: 0px;
    }

#googleMapContainer {
    display: block;
    width: 100%;
    height: 400px;
}

img, object, a img {
    border: 0;
    height: auto; /*max-width: 100%;*/
}
/*p {font-size: 0.9em;}*/
a {
    color: #FFFFFF;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.imageLeft {
    float: left;
    padding: 0 15px 10px 0;
}

.imageRight {
    float: right;
    padding: 0 0 10px 15px;
}

/*div {border: blue 1px solid;}*/

/****** Master Styles ******/

/*** Site Wrapper ***/
#siteWrapper {
    margin: 0 auto;
}

.white-panel {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
}

    .white-panel a,
    .white-panel #commPreferencesContainer a {
        color: #5482AB;
    }
/*** Header ***/
#headerContainer {
    /*background-color: #3f4353;
  background-image:url(../images/bg_header.gif);
  background-position: bottom left;
  background-repeat: repeat-x;*/
    background-color: #2a2c39;
    min-height: 200px;
    /*max-width: 100%;*/
    margin: 0;
    padding: 0;
}

#headerContentContainer {
    margin: 0 auto;
    /*padding: 0 20px;*/
    /*max-width: 100%;*/
    width: 960px;
}

#bodyContent.home #trainingContent h2 {
    width: 68%;
    float: left;
    margin-bottom: 4px;
}

#trainingContent .searchBox {
    float: right;
    padding-top: 0;
    clear: none;
    margin-top: -3px;
    padding-bottom: 0;
}

#trainingContent .searchBox {
    border: 1px solid #ABABAB;
}

    #trainingContent .searchBox fieldset {
        width: 207px;
        height: auto;
    }

        #trainingContent .searchBox fieldset input {
        }

            #trainingContent .searchBox fieldset input.searchField {
                width: 80%;
            }

#advertsOuter { /*background: url(../images/bg_advertShort.png) top left no-repeat;*/
    background: #2a2c39;
    width: 100%; /*max-width: 100%;*/
}

#advertsInner { /*padding: 0 4px 0 9px; /*max-width: 100%;*/
}

#advertsContent { /*background: url(../images/bg_advertLong.png) top right no-repeat;*/
    margin: 0 auto; /*padding: 4px 0;*/
    padding: 3px 9px 0 9px; /*max-width: 100%;*/
    width: 942px;
}

#headerContent {
    padding-top: 0.327%;
    width: 99.5%; /*max-width: 100%;*/
    padding-left: 0.52%;
}

.logoImg {
    float: left;
    padding-top: 2.61%;
    padding-bottom: 4.61%; /*max-width: 100%;*/
}

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

.headerLinks {
    float: right;
}

    .headerLinks a {
        padding-left: 25px;
    }

a.forgottenPassword {
    color: #7ca4c8;
    display: block;
    clear: both;
    text-align: right;
}

/*Login Account*/
.evenBookingSum {
    display: block;
}

.EventBox {
    width: 100%;
}

    .EventBox h2 span {
        font-size: 12px;
        color: #666666;
    }

.loginAccount {
    float: right;
    clear: both;
    padding: 10px 0 5px 0;
}

    .loginAccount legend {
        display: none;
    }

    .loginAccount form, .loginAccount a {
        float: left;
        clear: right;
        margin: 0 0 0 7px;
    }

    .loginAccount fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    .loginAccount input {
        border: 1px solid #858585;
        color: #999999;
        float: left;
        height: 14px;
        margin-left: 8px;
        padding: 4px 9px 4px 5px;
    }

.stay-logged-in {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding-top: 2px;
}

#frm_logout p {
    color: #ffffff;
    font-size: 1em;
    display: inline-block;
}

#frm_logout a {
    color: #97a43a;
    float: none;
    border-left: 1px solid #ffffff;
    padding-left: 10px;
    font-size: 1em;
    display: inline-block;
}

#forgotPassword {
}

    #forgotPassword fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    #forgotPassword input {
        display: inline;
        vertical-align: middle;
    }

/*Search Box*/
.searchBox {
    float: right;
    clear: both;
    padding: 20px 0 8px 0;
}

    .searchBox form {
        border: 1px solid #858585;
    }

    .searchBox legend {
        display: none;
    }

    .searchBox fieldset {
        background-color: #FFFFFF;
        border: 0;
        height: 23px;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .searchBox fieldset input {
            background: none;
            border: 0;
            margin: 0;
            padding: 4px 9px;
            vertical-align: middle;
            float: right;
        }

            .searchBox fieldset input.searchField {
                border: 0;
                color: #999999;
                float: left;
                padding: 4px 0 3px 4px;
            }

/*Social Network*/
.socialNetwork {
    float: right;
    padding: 20px 10px 0 0;
}

    .socialNetwork a {
        float: left;
        padding-left: 7px;
    }

/*** End of Header ***/

/*** Main Body ***/

#bodyOuterContainer { /*background: url(../images/bg_body.gif) top left repeat-x #f1f1f1;*/
    background: #c5c5c5; /* max-width: 100%;*/
    min-width: 962px;
}

#bodyInnerContainer {
    margin: 0 auto;
    width: 960px; /*max-width: 100%;*/
}

/*Navigation Bar*/
#navMenu { /*background: url(../images/bg_navBarLeft.gif) bottom left no-repeat #FFFFFF;*/
    background: #FFF;
}

    #navMenu ul { /*background: url(../images/bg_navBarRight.gif) bottom right no-repeat #FFFFFF;*/
        height: 15px;
        margin: 0;
        overflow: hidden;
        padding: 6px 0 8px 0px;
    }

    #navMenu li {
        display: inline;
        list-style: none;
    }

    #navMenu a:link, #navMenu a:visited {
        color: #333333;
        padding: 0.7% 0.75% 0.8% 0.75%; /*text-transform:capitalize;*/
        text-decoration: none;
    }

    #navMenu a:hover, #navMenu a:active, #navMenu a.activeLink {
        color: #FFFFFF;
        background-color: #5482ab;
    }

#bodyContent {
    margin: 0 2% 0 0 auto;
    /*max-width: 100%;*/
    padding: 10px 0 20px;
    width: 100%;
}

/*SideBar*/
#sidebarContainer {
    float: left;
}

.sidebarOuter {
    background: url(../images/bg_sidebarMiddle.gif) top left repeat-y;
    float: left;
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    width: 240px;
}

.sidebarInner {
    background: url(../images/bg_sidebarTop.gif) top left no-repeat;
    width: 240px;
}

.sidebarContent {
    background: url(../images/bg_sidebarBottom.gif) bottom left no-repeat;
    padding: 25px 18px;
    width: 204px;
}

    .sidebarContent a img {
        max-width: 204px;
    }

    .sidebarContent h3 {
        color: #292C39;
        font-size: 1.2em;
        margin-bottom: 15px;
    }

    /*Testimonials*/
    .sidebarContent.testimonials img {
        float: left;
        margin: 0 10px 10px 0;
    }

    .sidebarContent.testimonials p.testimonialName {
        margin: 25px 0 0 0;
    }

.bwiseImg {
    padding-top: 20px;
}

/*SideBar Navigation*/
.sidebarContent ul {
    margin: 0 0 0 -17px;
    padding: 0;
    width: 238px;
}

.sidebarContent li {
    list-style: none;
    margin: 3px 0;
    padding: 0;
}

.sidebarContent ul li a, .sidebarContent ul li a:link, .sidebarContent u li a:visited {
    color: #666666;
    display: block;
    font-size: 0.9em;
    text-decoration: none;
    padding: 8px 15px;
}

    .sidebarContent ul li a:hover, .sidebarContent ul li a.active {
        color: #FFFFFF;
        background-color: #5482ab;
    }

/*SideBar Sub Navigation*/
ul.sidebarSubMenu {
}

ul.sidebarSubMenu {
    margin: 3px 0 0 0;
    padding: 0;
    width: 238px;
}

    ul.sidebarSubMenu li {
        list-style: none;
        margin: 3px 0;
    }

        ul.sidebarSubMenu li a, ul.sidebarSubMenu li a:link {
            color: #5482ab;
            padding-left: 35px;
            text-decoration: none;
        }

            ul.sidebarSubMenu li a.active {
                background: #ecf1f5;
                color: #5482AB;
            }

                ul.sidebarSubMenu li a.active.Sub {
                    background: #FFFFFF;
                    color: #666666;
                }

            ul.sidebarSubMenu li a:hover {
                color: #666666;
                background-color: #eef1f6;
            }

/*Sidebar Sub Navigation 3rd Level*/
ul.sidebarSubMenu1 li ul {
    margin: 0;
}

    ul.sidebarSubMenu1 li ul li a, ul.sidebarSubMenu1 li ul li a:link {
        padding-left: 40px;
    }

        ul.sidebarSubMenu1 li ul li a.active {
            background: #ecf1f5;
            color: #5482AB;
        }

/*Sidebar Sub Navigation 4th Level*/
ul.sidebarSubMenu li ul {
    margin: 0;
}

    ul.sidebarSubMenu li ul li a, ul.sidebarSubMenu li ul li a:link {
        padding-left: 60px;
    }

        ul.sidebarSubMenu li ul li a.active {
            background: #ecf1f5;
            color: #5482AB;
        }

/*Main Content*/

.mainContentOuter {
    background: url(../images/bg_contentMiddle.gif) top left repeat-y;
    float: left;
    margin-left: 2%;
    width: 73%;
}

.mainContentInner {
    background: url(../images/bg_contentTop.gif) top left no-repeat;
}

.mainContent {
    background: url(../images/bg_contentBottom.gif) bottom left no-repeat;
    padding: 2.7% 0% 2.7% 3.29%;
}


.wideContentOuter {
    background: url(../images/bg_wideContentMiddle.gif) top left repeat-y;
    float: left;
    margin-left: 2%;
    width: 73%;
}

.wideContentInner {
    background: url(../images/bg_wideContentTop.gif) top left no-repeat;
}

.wideContent {
    background: url(../images/bg_wideContentBottom.gif) bottom left no-repeat;
    padding: 2.7% 0% 2.7% 3.29%;
}

.wideMain {
    margin-right: 2.7%;
    width: 96%;
}



/*Left Side Main Content*/
.leftMain {
    float: left;
    margin-right: 2.7%;
    width: 67%;
}

.mainContent .leftMain img {
    max-width: 450px;
}

.mainContent .leftMain table {
    max-width: 450px;
}

h1 {
    color: #292c39;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.3em; /*text-transform: capitalize;*/
}

h2 {
    color: #5482AB;
    font-size: 1.2em;
    font-weight: normal;
}

h3 {
    color: #5482AB;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 6px 0;
}

/*.highlightTextGreen {color: #7c9600;}*/
.mainContent a, .wideContent a {
    color: #7C9600; /*font-size: 0.9em;*/
}

.mainContent ul, .wideContent ul {
    margin: 0;
    padding-left: 15px;
}

    .mainContent ul li, .wideContent ul li {
        font-size: 0.9em;
        line-height: 1.7em;
        list-style: none outside url("../images/bullet_blue.gif");
        /*padding-left: 10px;*/
    }

/*Fix for Bug 50031*/
/*.mainContent img, .wideContent img {
        max-width: 100%;
    }*/

/*Right Side Main Content*/
.rightMain {
    float: right; /*margin-left: 1.5%;*/
    width: 30.3%;
}

.mainSidebarContent {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 8%;
    padding: 0 7% 8% 7%;
    position: relative;
    width: 86%;
}

    .mainSidebarContent.firstItem {
        padding-bottom: 0;
        height: 199px;
    }

    .mainSidebarContent.lastItem {
        border: none;
        margin: 0;
    }

.rightMain h3 {
    color: #292C39;
    font-size: 1.2em;
}

.mainSidebarContent a {
    color: #5482ab;
    display: block;
    font-size: 0.9em;
    padding: 12px 0 0 0;
    text-decoration: none;
}

    .mainSidebarContent a img {
        vertical-align: middle;
        width: 100%;
    }

.askQuestion form {
    border: 1px solid #dcdcdc;
    margin: 10px 0;
}

.askQuestion legend {
    display: none;
}

.askQuestion fieldset {
    background-color: #FFFFFF;
    border: 0;
    height: 80px;
    margin: 0;
    padding: 0;
}

    .askQuestion fieldset input {
        background: none;
        border: 0;
        color: #666666;
        margin: 0;
        padding: 4px 9px;
        vertical-align: middle;
    }

.mainSidebarContent input {
    border: 1px solid #dcdcdc;
    color: #666666;
    height: 20px;
    width: 95%;
}

.mainSidebarContent input, .mainSidebarContent label {
    margin: 7px 0;
}

.mainSidebarContent textarea {
    border: 1px solid #dcdcdc;
    color: #666666;
    font-family: "StoneSans LT", Arial, sans-serif;
    font-size: 0.9em;
    height: 65px;
    max-height: 65px; /*width: 95%;*/
    max-width: 165px;
    width: 165px;
}

.imageLink {
    position: relative;
    width: 100%;
}

.imageLinkText {
    background: #2a2c39;
    border-top: 1px solid #FFF;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

    .imageLinkText a {
        color: #FFFFFF;
        font-size: 1.3em;
        padding: 5% 9%;
        text-decoration: none;
    }

/*Breadcrumb*/
ul.breadcrumb {
    font-size: 0.88em;
    margin: 0;
    padding: 0;
}

    ul.breadcrumb li {
        background: none;
        display: inline;
        font-size: 1em;
        list-style: none;
        padding: 0;
    }

    ul.breadcrumb a {
        color: #7c9600;
        text-decoration: none;
    }

.breadcrumbDivider {
    color: #7c9600;
}

/*** End of Main Body ***/

/*** Start of Footer ***/
#footer {
    /*background: url(../images/bg_footer.gif) top left repeat-x #2a2d3a;*/
    background-color: #2a2c39;
    clear: both;
    /*max-width: 100%;*/
    margin: 0;
    padding: 0;
}

#footerContent {
    color: #FFFFFF;
    font-size: 0.9em;
    margin: 0 auto;
    /*max-width: 90%;*/
    padding: 10px 15px 20px 15px;
    width: 930px;
}

#footerNav {
    float: left;
}

    #footerNav ul {
        float: left;
        margin: 0;
        padding: 0;
        width: 130px;
    }

    #footerNav li {
        list-style: none;
        padding: 1px 0;
    }

    #footerNav a {
        color: #FFFFFF;
        text-decoration: none;
    }

#footerOther {
    float: right;
}

    #footerOther img {
        padding-top: 0px;
       
    }

#Footer1_imgPaymentCode {
    max-height: 40px;
    margin-right: 1em;
}


.copyright {
    display: block;
    margin-top: 20px;
}

.version {
    display: block;
    padding-top: 30px;
    text-align: right;
}

.powered-by {
    overflow: auto;
}

/*** End of Footer ***/

.clear {
    clear: both;
}


/**** Mobile Related Styles ****/
.mobileSubMenu {
    display: none;
}


/****** Homepage Styles ******/

/***Bannner Slider ***/
#bannerContainer {
    background-color: #2a2c39;
    height: 175px;
    width: 960px !important;
    position: relative;
}

    #bannerContainer ul.slider-wrap {
        padding: 0;
        margin: 0;
        height: 175px;
        width: 960px;
    }

        #bannerContainer ul.slider-wrap li {
            padding: 0;
            margin: 0;
            height: 175px;
            width: 960px;
            list-style: none;
        }

    #bannerContainer ul li.slider-wrap img {
        width: 615px;
        float: left;
    }

    #bannerContainer ul.slider-wrap li .slider-content {
        float: right;
        background: #2a2c39;
        width: 312px;
        padding: 20px 15px 15px 15px;
    }

        #bannerContainer ul.slider-wrap li .slider-content p,
        #bannerContainer ul.slider-wrap li .slider-content h1 {
            color: #fff;
        }

        #bannerContainer ul.slider-wrap li .slider-content h1 {
            margin-top: 0;
        }

    #bannerContainer .prevBtn,
    #bannerContainer .nextBtn {
        position: absolute;
        top: 25px;
        display: inline-block;
        text-indent: -9999px;
        width: 18px;
        height: 125px;
        display: none;
    }

    #bannerContainer .prevBtn {
        left: 10px;
        background: url(../images/banner_sliderLeft.png) no-repeat 0 0;
    }

    #bannerContainer .nextBtn {
        right: 355px;
        background: url(../images/banner_sliderRight.png) no-repeat 0 0;
    }

    #bannerContainer .navigation-controls {
        position: absolute;
        bottom: 10px;
        right: 165px;
        float: left;
        width: 160px;
    }

        #bannerContainer .navigation-controls ul.thumbNav {
            float: left;
            padding: 0;
            margin: 0;
            width: 160px;
            height: 20px;
            list-style: none;
        }

            #bannerContainer .navigation-controls ul.thumbNav li {
                float: left;
                margin-right: 5px;
            }

                #bannerContainer .navigation-controls ul.thumbNav li a {
                    display: inline-block;
                    text-indent: -9999px;
                    width: 8px;
                    height: 8px;
                    /*background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;*/
                    background: url(../images/banner_dotInactive.gif) top left no-repeat;
                    border: 0;
                }

                    #bannerContainer .navigation-controls ul.thumbNav li a:hover,
                    #bannerContainer .navigation-controls ul.thumbNav li a.cur {
                        /*background: #A8B538;*/
                        background: url(../images/banner_dotActive.gif) top left no-repeat;
                        border: 0;
                    }


#bannerSlider {
    border-right: 1px solid #FFFFFF;
    float: left;
    height: 175px;
    position: relative;
    width: 63.9583%;
}

#bannerNavigator {
    position: absolute;
    height: 175px;
    width: 614px;
}

#bannerNavigatorLeft {
    position: absolute;
    top: 25px;
    left: 10px;
    width: 2.93159609%;
}

#bannerNavigatorRight {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 2.93159609%;
}

#bannerContent {
    background-color: #2a2c39;
    color: #FFFFFF;
    float: left;
    height: 136px;
    padding: 22px 54px 17px 18px;
    position: relative;
    width: 273px;
}

    #bannerContent h1 {
        color: #FFFFFF;
        margin-top: 0;
    }

#sliderDots {
    bottom: 11px;
    left: 20px;
    position: absolute;
    width: 100px;
}

    #sliderDots img {
        float: left;
        clear: right;
        padding-right: 10px;
    }

.bannerLink {
    background: url(../images/bg_bannerLink.gif) top left no-repeat;
    background-color: #a8b538;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    right: 0;
}


/*** Top Row ***/
#contentTopRowOuter {
    position: relative; /*padding-bottom: 10px;*/
    margin-bottom: 15px;
}

#contentTopRowInner { /*background: url(../images/bg_homeSet1Top.gif) top left repeat-y;*/
    position: relative; /*padding-top: 15px;*/
}

.lt-ie9 #contentTopRowInner {
    background: url(../images/bg_homeSet1Top.gif) top left repeat-y;
    padding-top: 15px;
}

#contentTopRowContent {
    background: url(../images/bg_homeSet1Middle.gif) top left repeat-y;
    border-radius: 10px;
    float: left;
    position: relative; /*padding: 5px 0;*/
}

.lt-ie9 #contentTopRowInner.top-row-wide {
    padding-top: 0;
    background: none;
}

#contentTopRowContent.top-row-wide {
    width: 960px;
    margin: 0 0 15px;
    background-image: url(../images/bg_homeSet1Middle-wide.gif);
}

    #contentTopRowContent.top-row-wide #auditRiskContainer {
        position: absolute;
        right: 0;
        top: 0;
    }

    #contentTopRowContent.top-row-wide .promoText {
        border-top: none;
        padding-bottom: 11px;
    }

    #contentTopRowContent.top-row-wide .topcorners,
    #contentTopRowContent.top-row-wide .bottomcorners {
        display: block;
    }

.lt-ie9 #bodyContent #contentTopRowInner.top-row-wide .audit.contentBox h2 {
    padding-top: 15px;
}

.lt-ie9 #contentTopRowContent {
    height: 265px;
    margin-right: 14px;
}

#contentTopRowContent div {
    float: left;
}

#contentTopRowContent h2 {
    color: #292c39;
    margin: 0;
}

.topcorners {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.bottomcorners {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.lt-ie9 .topcorners {
    display: block;
}

.lt-ie9 .bottomcorners {
    display: block;
}

#trainingContainer {
    width: 708px; /**/
    background: #FFF;
    border-radius: 10px;
    height: auto;
    padding-bottom: 10px;
    position: relative;
}

.lt-ie9 #trainingContainer {
    background: none;
}

#trainingContent {
    padding: 15px 14px 40px 15px;
    position: relative;
    width: 677px;
    min-height: 200px;
    border-radius: 10px 10px 0 0;
    background-color: #FFFFFF;
}

.lt-ie9 #trainingContent {
    min-height: 215px;
    padding-top: 0;
    width: 676px;
}

#bodyContent #trainingContent h2 {
    padding-top: 0;
}

#auditRiskContainer {
    background-color: #292c39;
    float: right;
    margin-left: 0;
    min-height: 267px;
    width: 238px;
    border-radius: 10px;
}

.lt-ie9 #auditRiskContainer {
    min-height: 265px;
    float: left;
    margin-left: -1px;
}

#auditRiskContent {
    padding: 10px 15px;
}

    #auditRiskContent h2 {
        background-color: #FFFFFF;
    }

.contentBox.audit {
    padding-top: 0.5208%;
    padding: 0 16px 5px 17px;
    width: 206px;
    min-height: 248px;
}

.lt-ie9 .contentBox.audit {
    padding: 0 0 5px 0; /*margin-left: 17px;*/ /*float: right;*/
    width: auto;
}

#bodyContent .contentBox.audit h2 {
    margin-left: -17px;
    width: 218px;
    padding: 15px 5px 10px 15px;
    border-radius: 10px 10px 0 0;
}

contentBoxSml.endBox
.lt-ie9 #bodyContent .contentBox.audit h2 {
    padding-right: 5.5px;
    padding-top: 0;
    margin-left: 0px;
}

#bodyContent .contentBox .dateTimeStamp {
    font-size: 0.8em;
    margin-top: 2px;
}

.magazineNews {
    border-bottom: 1px solid #44474e;
    margin: 10px 0 0 0;
    padding-bottom: 10px;
    width: 201px;
}

.lt-ie9 .magazineNews {
    padding-left: 17px;
}

.magazineNews.lastNews {
    border: none;
}

.magazineNews p {
    color: #FFFFFF;
    font-size: 0.9em;
    margin: 0;
}

/*** Middle Row ***/
#contentMiddleRow { /*margin-top: 1.5625%;*/ /*margin-top: 15px;*/
    width: 100%;
    float: left;
    clear: both;
}

.contentBox {
    margin-right: 15px;
    width: 346px;
}

.lt-ie9 .contentBox { /*float: none;*/
}
/*.contentBoxSml {width: 24.7916%;}*/
.contentBox, .contentBoxSml {
    float: left; /*height: 224px;*/
    position: relative;
}

.promoText {
    background-color: #292c39;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 15px 12px 15px;
    border-radius: 0 0 10px 10px;
}

.contentBoxSml .promoText {
    width: 87.4%;
}

.contentBoxSml.endBox .promoText {
    width: 100%;
    border-radius: 0 0 10px 10px;
}

.contentBoxSml.endBox {
    max-width: 238px;
    min-height: 267px;
}

    .contentBoxSml.endBox img {
        border-radius: 10px;
    }

.promoText p {
    font-size: 1.2em;
    margin: 0 0 5px 0;
}

.promoText a p {
    color: #fff;
}

.promoText a {
    font-size: 0.9em;
}

#cphMainContent_imgFirstPromoteBox, #cphMainContent_imgSecondPromoteBox, #cphMainContent_imgThirdPromoteBox {
    width: 100%;
    height: 267px;
    border-radius: 10px;
}

/*** Bottom Row ***/
#contentBottomRowOuter { /*background: url(../images/bg_homeSet3Middle.gif) top left repeat-y;*/
    float: left;
    clear: both;
    margin-top: 15px;
    width: 100%;
    position: relative;
}

#contentBottomRowContent { /*background: url(../images/bg_homeSet3Middle.gif) top left repeat-y;*/
    height: 262px;
    width: 100%;
}

.lt-ie9 #contentBottomRowContent {
    background: url(../images/bg_homeSet3Middle.gif) top left repeat-y;
}

#contentBottomRowContent .contentBox {
    padding: 3px 12px 0 13px;
    width: 320px;
    min-height: 255px;
    margin-right: 16px;
    border-radius: 10px;
    background: #FFF;
}

#contentBottomRowContent .contentBox--promo {
    padding: 0;
    width: 345px;
}

#contentBottomRowContent .contentBoxSml { /*padding: 0 12px 0*/
    ;
    width: 238px;
    min-height: 270px;
    margin-left: 0px;
    border-radius: 10px;
    background: #2A2C39;
}

.lt-ie9 #contentBottomRowContent .contentBox {
    width: 320px;
    margin-right: 16px;
}

.lt-ie9 #contentBottomRowContent .contentBoxSml {
    min-height: 242px;
}

#contentBottomRowContent .contentBox--resources {
    background: #292c39;
    color: #fff;
    min-height: 227px;
    padding-bottom: 40px;
}

.resources__header,
#bodyContent.home .resources__header {
    background: #a8b538;
    border-radius: 8px 8px 0 0;
    color: #fff;
    margin: -3px 0 20px -13px;
    padding: 15px 10px;
    width: 326px;
}

.resources__cta {
    position: absolute;
    bottom: 12px;
}

#bodyContent.home h2 {
    background-color: #FFFFFF;
    color: #292C39;
    margin: 0 0 0 -11px;
    padding: 10px 7px 10px 11px;
    width: 97%;
}
/*.lt-ie9 #bodyContent.home h2 {margin-left: 0; width: auto;}*/
#bodyContent.home .contentBoxSml h2 {
    margin-left: 0;
    width: 220px;
    border-radius: 10px 10px 0 0;
}

.twitterFeed p {
    color: #FFFFFF;
    font-size: 0.9em; /*line-height: 1.2em;*/
    margin-bottom: 0;
}

h3 {
    font-size: 1em; /*margin-bottom: 0;*/
}

#contentBottomRowContent .contentBox p.dateTimeStamp, .twitterFeed p.dateTimeStamp {
    font-size: 0.8em;
    margin-top: 2px;
}

.contentBoxFeed {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

    .contentBoxFeed.lastItem {
        border: 0; /*margin: 0;*/
    }

.contentBoxSml a, .contentBox a {
    color: #a8b538;
}

.contentLink {
    bottom: 10px;
    clear: both;
    margin: 0;
    position: absolute;
}

.lt-ie9 .contentLink {
    padding-left: 17px;
}

.contentLink p {
    margin: 0;
}

/*** Training Dates ***/
.trainingDateTop {
    background: url(../images/bg_trainingMid.gif) top left repeat-y;
    margin: 1% 0;
}

.trainingDateBot {
    background: url(../images/bg_trainingBot.gif) bottom left no-repeat;
}

.trainingDateContent {
    background: url(../images/bg_trainingTop.gif) top left no-repeat;
    padding: 1px 13px;
    width: 305px;
}

.trainingDateTop.right {
    margin-right: 13px;
    clear: left;
}

.trainingDate {
    color: #5482ab;
    font-size: 0.8em;
}

.trainingCourse {
    clear: both;
    padding: 6px 0;
    width: 103%;
}

    .trainingCourse a {
        color: #292c39;
        font-size: 0.9em; /*display: block;*/
    }

        .trainingCourse a img { /*float: right;*/
            vertical-align: middle;
        }

#contentTopRowContent div .trainingEventsLink {
    background-color: #292c39;
    float: none;
    margin-left: -15px;
    padding: 11px 0 11px 20px;
    width: 688px;
    position: absolute;
    bottom: 0px;
    left: 15px;
    border-radius: 0 0 10px 10px;
}

.lt-ie9 #contentTopRowContent div .trainingEventsLink {
    bottom: 0px;
    width: 686px;
}

.trainingEventsLink a {
    color: #97a43a;
}

.class {
    display: inline-block;
    vertical-align: middle;
    width: 285px;
}

#bodyContent .contentBox.audit .contentLink {
    bottom: 0;
}

.lt-ie9 #bodyContent .contentBox.audit .contentLink {
    bottom: 0px;
}

/***** Landing Page *****/
h2.introductionSubheading {
    margin-top: 25px;
}

.qualificationSelection h3 a {
    color: #ffffff; /*padding: 25px 8px*/
}

img.qualificationSelectionAlign {
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

h2.introductionSubheading {
    margin-top: 25px;
}

.qualificationsContainer {
    margin: 25px 0 35px 0;
}

.qualificationSelection {
    background: url(../images/bg_qualificationSelection.gif) top left no-repeat;
    color: #5482ab;
    height: 65px;
    margin-bottom: 15px;
    width: 439px;
    padding: 10px 0 10px 10px;
}

    .qualificationSelection h3 {
        color: #FFFFFF;
        display: inline-block;
        padding-right: 10px;
        text-align: center;
        vertical-align: middle;
        width: 125px;
        margin-bottom: 0;
    }

    .qualificationSelection p {
        display: inline-block;
        margin: 0;
        padding: 0 20px 0 10px;
        vertical-align: middle;
        width: 239px;
    }

    .qualificationSelection a {
        color: #5482AB;
        vertical-align: middle;
    }

    .qualificationSelection .qualificationSelectionArrow {
        float: right;
        margin-top: 28px;
        margin-right: 10px;
    }

/*.pdfLink {font-size: 0.9em; color: #7C9600;}*/

/*Sidebar*/
.owlImg {
    margin-left: -17px;
    margin-top: -19px;
    position: relative;
    max-width: 118%;
    max-height: 118%;
}

.owlImgCorner {
    position: absolute;
    top: -19px;
    right: -1px;
    z-index: 99;
}

/*Training and Events*/
.eventInformation {
    height: 50px;
    margin: 15px 0 0 0;
}

.eventDate {
    background: url("../images/icon_calendar.gif") no-repeat scroll left top transparent;
    display: inline-block;
    height: 43px;
    vertical-align: middle;
    width: 47px;
}

    .eventDate p {
        font-size: 0.8em;
        margin: 0;
        text-align: center;
    }

p.eventMonth {
    color: #FFFFFF;
    text-transform: uppercase;
}

p.eventDay {
    color: #292c39;
    font-weight: bold;
    margin: 4px 0;
}

/*.eventDetails {display: inline-block; vertical-align: middle; padding: 0 0 0 5px; width: 120px;}*/
.eventDetails p {
    margin: 0;
}

/** Courses **/

.eventDetails {
    display: inline-block;
    vertical-align: middle;
}

/** Training & Course Event Details **/
#eventSummaryInformation {
}

    #eventSummaryInformation h2 {
        color: #5482ab;
        font-size: 1.4em;
    }

    #eventSummaryInformation h3 {
        color: #5482ab;
        margin: 10px 0;
    }

    #eventSummaryInformation table {
        margin-bottom: 20px;
        border: none;
    }

    #eventSummaryInformation tr {
        border: none;
    }

    #eventSummaryInformation table th {
        color: #5482ab;
        font-weight: 1.4em;
        font-weight: normal;
        text-align: left;
        width: 75px;
    }

    #eventSummaryInformation table td { /*font-size: 0.9em;*/
        padding-right: 10px;
        border: none;
    }

.course-detail-item {
    margin: 0 0 6px;
}

    .course-detail-item:after {
        content: "";
        width: 100%;
        height: 0;
        clear: both;
        display: block;
    }

    .course-detail-item p {
        margin: 0;
        padding-top: 5px;
    }

    .course-detail-item ul {
        margin: 6px 0;
    }

/*Search Result*/
#searchContainer {
    margin-top: 28px;
}

.searchResult {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 25px;
    padding-bottom: 18px;
}

    .searchResult h2, .searchResult h2 a {
        color: #7C9600;
        font-size: 1em;
        margin: 0;
        text-align: left;
    }

        .searchResult h2 span {
            float: left;
            margin-right: 10px;
        }

        .searchResult h2 a:hover, .searchResult a:hover {
            text-decoration: underline;
        }

    .searchResult p {
        margin-bottom: 0;
    }

    .searchResult a {
        color: #7C9600;
        display: block;
        font-size: 0.9em;
        text-align: right;
    }

.filterByDate {
    margin: 10px 0;
    float: left;
}

#returnedResultContainer {
    padding: 0 0 30px 0;
}

#resourcesSearchOptions {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

    #resourcesSearchOptions .searchBox {
        float: left;
        margin-bottom: 5px;
        padding-top: 0;
        width: 70%;
    }

        #resourcesSearchOptions .searchBox fieldset {
            width: auto;
        }

        #resourcesSearchOptions .searchBox form {
            border: 1px solid #dcdcdc;
        }

        #resourcesSearchOptions .searchBox input {
            font-size: 0.9em;
            padding-top: 3px;
        }

    #resourcesSearchOptions #filterSortBy select {
        width: 30%;
        padding: 2px;
        border: 1px solid #DCDCDC;
        color: #999;
    }

    #resourcesSearchOptions .searchBox input[type="text"] {
        width: 80%;
    }

    #resourcesSearchOptions #filterSortBy .radio {
        background: none;
        padding: 2px;
    }

#eventsSearchOptions {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

    #eventsSearchOptions .searchBox {
        float: left;
        margin-bottom: 5px;
        padding-top: 0;
        width: 75%;
    }

        #eventsSearchOptions .searchBox fieldset {
            width: auto;
        }

        #eventsSearchOptions .searchBox form {
            border: 1px solid #dcdcdc;
        }

        #eventsSearchOptions .searchBox input {
            font-size: 0.9em;
            padding-top: 3px;
        }

            #eventsSearchOptions .searchBox input[type="text"] {
                width: 80%;
            }

    #eventsSearchOptions #filterSortBy {
        width: 100%;
    }

#filterSortBy select {
    width: 51%;
    padding: 2px;
    border: 1px solid #DCDCDC;
    color: #999;
}

#eventsSearchOptions option {
    color: #999999;
}

#filterSortBy {
    clear: both;
    float: left;
    font-size: 0.9em;
    width: 100%;
}

    #filterSortBy .radio {
        background: url(../images/radioBtn.gif) center left no-repeat;
        padding: 0 10px 0 16px;
        display: inline-block;
        cursor: pointer;
    }

        #filterSortBy .radio.Active {
            background: url(../images/radioBtn_selected.gif) center left no-repeat;
        }

    #filterSortBy label {
        padding-right: 5px;
    }

p.searchFor {
    margin-top: 0;
    font-size: 1.1em;
}

.returnedResult p {
    margin: 0;
}

.searchPageLinks a {
    color: #666666;
    font-size: 0.9em;
    padding: 0 6px;
}
/*.searchPageLinks a.active {color: #5482ab; text-decoration: underline;}*/

.searchPageLinks p {
    display: inline;
    padding-right: 10px;
}

/*Training Search Result*/
.searchResult.training h2 a, .showAllResults a {
    color: #7C9600;
    font-size: 0.9em;
}

/** Members **/
#memberUpdates {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    margin: 20px 0 30px 0;
    padding: 15px 0 20px 0;
}

p.joinInstitute {
    margin: 30px 0;
}

    p.joinInstitute a {
        color: #7D9700;
    }

#memberUpdates h2 {
    color: #5482AB;
    font-size: 1.1em;
}

.updateSummary {
    padding: 8px 0;
}

    .updateSummary h3 a {
        color: #7d9700;
        font-size: 0.9em;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .updateSummary p {
        margin-bottom: 0;
        margin-top: 5px;
    }

a.findOutMore {
    color: #7D9700;
    font-size: 0.9em;
    padding-top: 0;
}

/*Member Profile*/
#memberProfile {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    #memberProfile dl {
        float: left;
        margin-bottom: 35px;
        width: 100%;
    }

    #memberProfile dt, #memberProfile dd {
        display: inline-block;
        margin: 5px 0;
        padding: 0;
        font-size: 0.9em;
    }

    #memberProfile dt {
        clear: both; /*float: left;*/
        text-align: right;
        width: 28%;
    }

    #memberProfile dd { /*float: right;*/
        margin: 0 0 0 5%;
        text-align: left;
        width: 61%;
        color: #999;
        word-wrap: break-word;
    }

        #memberProfile dd option {
            color: #999999;
        }

        #memberProfile dd select {
            color: #999;
        }

        #memberProfile dd select {
            font-family: "StoneSans LT", Arial, sans-serif;
            width: 100%;
            font-size: 1em;
            border: 1px solid #DCDCDC;
            margin-left: -3px;
            padding: 5px;
        }

        #memberProfile dd input {
            font-family: "StoneSans LT", Arial, sans-serif;
            width: 100%;
            font-size: 1em;
            color: #999999;
            border: 1px solid #DCDCDC;
        }

        #memberProfile dd input {
            padding: 6px 0 6px 6px;
        }

    #memberProfile dt input {
        margin: 0;
    }

    #memberProfile dt.dtHeader {
        color: #5482AB;
        font-size: 1.1em;
        margin: 20px 0 25px 0;
    }

/*Member Contact*/
#memberContact {
    margin-bottom: 30px;
    float: left;
}

.memberContactDetails {
    clear: both;
}

    .memberContactDetails h2 {
        color: #5482AB;
        display: block;
        font-size: 1.1em;
        margin: 20px 0 0 0;
    }

a.cantFindEmployer {
    display: block;
    margin: 8px 0;
    margin-left: 0 !important;
}

.memberContactDetails dl {
    float: left;
    width: 100%;
}

.memberContactDetails dt, .memberContactDetails dd {
    margin: 0 0 0 1%;
    padding: 3px 0;
    font-size: 0.9em;
    display: inline-block;
    vertical-align: middle;
}

.memberContactDetails dt {
    clear: both; /*float: left;*/
    text-align: right;
    width: 30%;
}

.memberContactDetails dd { /*float: right;*/
    margin-left: 3%;
    text-align: left;
    width: 63%;
    color: #999999;
}

    .memberContactDetails dd select, .memberContactDetails dd input, .memberContactDetails dd textarea {
        font-family: "StoneSans LT", Arial, sans-serif;
        width: 100%;
        font-size: 1em;
        color: #999999;
        border: 1px solid #DCDCDC;
    }

        .memberContactDetails dd input[type=radio],
        .memberContactDetails dd input[type=checkbox] {
            width: auto;
        }

.memberContactDetails.preferredPostal h2 {
    float: left;
    margin: 20px 0;
}

.memberContactDetails.preferredPostal dl {
    clear: right;
    float: none;
    padding: 20px 0;
}

.memberContactDetails.preferredPostal dt, .memberContactDetails.preferredPostal dd {
    clear: right;
    float: left;
    margin: 0 0 0 10px;
    padding-top: 0;
    width: auto;
}

.memberContactDetails.preferredPostal #filterSortBy {
    color: #999999;
    font-size: 1em;
}

.memberContactDetails .phone_short {
    width: 40px;
    margin-right: 5px;
}

.memberContactDetails .phone_long {
    width: 120px;
}


#PostCodeLookup-search-results > label {
    display: block;
    padding: 10px 0;
}

#PostCodeLookup-address-select-list {
    width: 100%;
}

.memberContactDetails #PostCodeLookup-search-error-message .field-validation-error {
    margin-left: 0;
}

.memberContactDetails.work {
    position: relative;
}

a.cantFindEmployer #popupHelp {
    background: url(../images/popup_cantFindEmployer.png) top left no-repeat;
    color: #FFFFFF;
    font-size: 1em;
    height: 107px;
    padding: 8px 10px;
    position: absolute;
    left: 0px;
    bottom: 27px;
    visibility: hidden;
    width: 159px;
}

a.cantFindEmployer:hover #popupHelp {
    visibility: visible;
}

.memberContactDetails dd fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.memberContactDetails dd legend {
    display: none;
}

.memberContactDetails dd input, .memberContactDetails dd textarea {
    padding: 6px 0 6px 6px;
}

.memberContactDetails dt input, .memberContactDetails dt textarea {
    margin: 0;
}

.memberContactDetails dd select {
    padding: 3px;
    margin-right: 5px;
    width: 48.5%;
}

.memberContactDetails dt.addressLabel {
    vertical-align: top;
    padding: 8px 0 0 0;
}
/*.memberContactDetails dd address {font-style: normal; line-height: 2em; clear: left;}*/
.memberContactDetails dd.address p {
    font-size: 1em;
    margin: 3px 0;
}

/*Communication Preferences*/
#commPreferencesContainer {
    border-top: 1px solid #e8e8e8;
    margin-top: 30px;
    padding-top: 20px;
}

    #commPreferencesContainer a {
        font-size: 0.9em;
        margin: 0px 0px 0px 12px;
        clear: both;
        white-space: nowrap;
    }

    #commPreferencesContainer label p a {
        margin-left: 0;
    }

    #commPreferencesContainer .fr {
        float: right;
        clear: none;
    }

.commPreferences {
    float: left;
    margin: 10px;
}

    .commPreferences input {
        float: left;
    }

.group-title {
    margin: 2em 0 -20px;
}

.commPreferences label {
    float: left;
    font-size: 1.0em;
    margin-left: 10px;
    /*width: 380px;*/
}

    .commPreferences label p {
        margin: 0;
    }

.commPreferencesleft {
    display: table-cell;
    vertical-align: top;
}

.commPreferencesright {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

/** Resources Search Filter **/
#resourcesSearchFilter { /*border-bottom: 1px solid #e8e8e8;*/
    padding-bottom: 25px;
}

    #resourcesSearchFilter h2 {
        color: #5482AB;
        font-size: 1.1em;
    }

    #resourcesSearchFilter a {
        color: #A8B538;
        font-size: 0.9em;
    }

    #resourcesSearchFilter .searchBox {
        float: left;
        width: 84%;
    }

        #resourcesSearchFilter .searchBox form {
            border: 1px solid #dcdcdc;
        }

        #resourcesSearchFilter .searchBox input {
            font-size: 0.9em;
            padding-top: 3px;
        }

#searchResources {
    margin: 15px 0;
    width: 100%;
}

.searchResources, .filterFields {
    width: 212px;
}

    .filterFields select {
        clear: both;
        display: block;
        margin: 15px 0;
        width: 100%;
    }

.searchButton {
    background: none;
    border: none;
    color: #A8B538;
    font-size: 0.9em;
}

.searchButtonHover {
    background: none;
    border: none;
    cursor: pointer;
    color: #A8B538;
    font-size: 0.9em;
    float: left;
    padding: 22px 0 0 10px;
}

.resourcesSearchField {
    border: 0 !important;
    color: #999999;
    float: left !important;
    padding: 4px 0 3px 4px !important;
    width: 83%;
}

/*Resources Seach Result*/
.searchResult.resources h2 a {
    color: #7C9600;
    font-size: 0.9em;
    padding-left: 0px;
}

.searchResult.resources p {
    padding-left: 0px;
}

.searchResult.resources img {
    float: left;
}

#testimonialImg {
    float: left;
    padding: 10px 10px 10px 0;
}

/** Training & Events Landing **/
#futureCourses {
    margin-bottom: 30px;
}

    #futureCourses h2 {
        color: #5482AB;
        font-size: 1.1em;
    }

    #futureCourses .searchBox {
        float: left;
        padding-top: 5px;
    }

        #futureCourses .searchBox form {
            border: 1px solid #dcdcdc;
        }

        #futureCourses .searchBox input {
            font-size: 0.9em;
            padding-top: 3px;
        }

            #futureCourses .searchBox input[type="text"] {
                width: 80%;
            }

    #futureCourses .pagination {
        margin-top: 20px;
    }


.courseSummary, .studentCourseSummary {
    background-color: #F7F7F7;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px;
}

#futureCourses .courseSummary h2 {
    display: inline;
    margin: 5px 0 0 0;
    float: left;
    width: 100%;
}

.courseSummary p, .studentCourseSummary p {
    margin-bottom: 0;
    margin-top: 5px;
}

.courseSummary a {
    color: #7d9700;
    font-size: 0.85em;
}

p.courseLocation {
    display: inline;
    float: left;
}

/*Downloads Widget*/
.mainSidebarContent a.downloadLink {
    color: #7C9600;
    font-size: 0.9em;
    padding: 7px 0 15px 0;
}

/**Content Widgets**/
.contentWidgets {
    float: left;
    margin: 40px 0 10px 0;
    width: 100%;
}

.contentWidgetsBox {
    margin-bottom: 20px;
    position: relative;
    width: 48%;
}

    .contentWidgetsBox .promoText {
        width: 85.3%;
    }

    .contentWidgetsBox a {
        color: #A8B538;
    }

/*** Services - Regional ***/
.leftMain.regional img {
    padding: 0 0 10px 10px;
}

#regionalIntro {
    padding-bottom: 15px;
}

#regionalNews {
    border-top: 1px solid #E8E8E8;
    margin: 0px 0 30px 0;
    padding: 15px 0 5px;
}

    #regionalNews h2 {
        color: #5482AB;
        font-size: 1.1em;
    }

    #regionalNews .newsSummary { /*padding: 8px 0;*/
    }

        #regionalNews .newsSummary a {
            color: #7D9700;
            display: block;
            font-size: 0.9em;
            margin-bottom: 10px;
            margin-top: 0;
        }

        #regionalNews .newsSummary p {
            margin-top: 5px;
        }

#regionalEvents {
    border-top: 1px solid #E8E8E8;
    margin: 0px;
    padding: 15px 0 20px;
}

    #regionalEvents h2 {
        color: #5482AB;
        font-size: 1.1em;
    }

    #regionalEvents .eventSummary {
        border-bottom: 1px solid #E8E8E8;
        margin-bottom: 10px;
    }

        #regionalEvents .eventSummary h3 a {
            color: #7D9700;
            font-size: 0.9em;
            margin-bottom: 5px;
            margin-top: 0;
        }

        #regionalEvents .eventSummary p {
            margin-top: 5px;
        }

/*** General Search Results ***/
#generalSearchFilter {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 25px;
}

    #generalSearchFilter input, #generalSearchFilter select {
        border: 1px solid #dcdcdc;
    }

.timestamp {
    font-size: 1.2em;
}

/*Event Booking Form and Ask the Technical Team Form*/
#form, #eventBooking {
    border-top: 1px solid #e8e8e8;
    margin-top: 15px;
    padding-top: 5px;
}

#genericForm, #eventBookingForm {
    float: left;
    width: 100%;
}

    #genericForm dt, #eventBookingForm dt, #genericForm dd, #eventBookingForm dd {
        padding: 3px 0;
        display: inline-block;
    }

    #genericForm dt, #eventBookingForm dt {
        clear: both; /*float: left;*/
        font-size: 0.9em;
        text-align: right;
        width: 28%;
        vertical-align: top;
    }

    #genericForm dd, #eventBookingForm dd {
        margin-left: 3%;
        text-align: left;
        width: 66%;
        vertical-align: middle;
    }

.asterisk {
    color: #7C9600;
}

dd#HIA input {
    height: 25px;
}

#genericForm input, #eventBookingForm input,
#genericForm select, #eventBookingForm select,
#genericForm textarea, #eventBookingForm textarea {
    clear: right;
    border: 1px solid #dcdcdc; /*height: 20px;*/
    padding: 4px;
    width: 100%;
}
/*.formInputGM {margin-left: 10px;}*/
#genericForm select, #eventBookingForm select {
    width: 103%;
}

#genericForm textarea, #eventBookingForm textarea {
    height: 52px;
}

#genericForm fieldset {
    border: 0;
    padding-left: 0;
}

#genericForm legend {
    color: #5482AB;
    font-size: 1.2em;
    margin: 2px 0 8px;
    padding: 0;
    float: left;
}

#genericForm .customFormField span {
    display: inline-block;
    margin: 5px 0;
}

#genericForm input {
    display: block;
}

    #genericForm input.error {
        border: 2px solid red;
    }

    #genericForm input[type=checkbox] {
        border: none;
        float: left;
        vertical-align: middle;
        width: auto;
    }

#genericForm .customFormField {
    clear: both;
    margin: 5px 0;
}

    #genericForm .customFormField.preferences {
        float: left;
        width: 400px;
    }

        #genericForm .customFormField.preferences span {
            float: none;
            margin: 1px 0;
        }

/*Pagination*/

.pagination {
    float: right;
}

    .pagination a {
        color: #7C9600;
        padding: 4px;
    }

        .pagination a.active {
            color: #666666;
        }

    .pagination span span {
        font-weight: bold;
        color: #666;
    }

.numactive { /*border-left: 1px solid #000; padding-left: 5px;*/
}

.numPaging { /*border-left: 1px solid #000;*/
}
/*Key Facts*/

.keyFactsTitle {
    color: #5482AB;
}
/*News Feed*/
#newsContainer {
    margin-top: 28px;
}

.newsSummary {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .newsSummary h2, .newsSummary h2 a {
        font-size: 0.95em;
        margin: 0;
        text-align: left;
    }

        .newsSummary h2 a:hover, .newsSummary a:hover {
            text-decoration: underline;
        }

    .newsSummary p {
        margin: 4px 0;
    }

    .newsSummary a {
        display: block;
        font-size: 0.9em;
        text-align: right;
    }

#regionalIntro {
    padding-bottom: 15px;
}

/** Generic table **/
table {
    border-collapse: collapse;
    border-left: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
    font-size: 0.9em;
}

tr {
}

td {
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding: 5px 15px;
}

.tableHeading {
    background-color: #5582ab;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    padding: 5px 15px;
}

/** Reset Password form **/

div.formRow {
    clear: both;
}

p.label {
    float: left;
    margin: 0;
    text-align: right;
    width: 140px;
    padding-top: 7px;
}

p.input {
    float: right;
    margin: 0;
    width: 300px;
    margin-bottom: 5px;
}

    p.input input {
        width: 85%;
        padding: 4px 0 3px 4px;
    }

span.contourIndicator {
    color: red;
}

/** Button style **/
a.VLEButton {
    background-color: #5482ab;
    display: block;
    font-size: 0.9em;
    padding: 5px;
    text-decoration: none;
    width: 170px;
    border: none;
    color: #ffffff;
    text-align: center;
}

/** Subscription table style **/

.subscriptionTable {
    width: 100%;
    border: none;
}

    .subscriptionTable thead {
        color: #5482AB;
        display: block;
        padding-bottom: 10px;
        font-weight: bold;
    }

    .subscriptionTable td {
        border: none;
        padding: 5px 10px 5px 0;
    }

    .subscriptionTable .subscriptionTCs {
        display: block;
        margin-top: 20px;
        cursor: pointer;
    }

.subscriptionDetail {
    width: 75%;
}

.subscriptionTable .subscriptionTotal {
    text-align: right;
    font-weight: bold;
    padding-right: 30px;
}

.subscriptionTotalValue {
    font-weight: bold;
}

.mainContent .subscribeButton {
    cursor: pointer;
    text-align: center;
    background-color: #5482ab;
    display: block;
    float: right;
    font-size: 0.9em;
    padding: 5px;
    text-decoration: none;
    width: 170px;
    border: none;
    color: #ffffff;
    margin-right: 10px;
    margin-top: 15px;
}

.paymentNottification p {
    color: #ff0000;
}

fieldset.paymentNottification {
    border-color: #c5c5c5;
}

.pnlNotificationMessage {
    margin-top: 20px;
    margin-bottom: 20px;
}

/** Training & Events listings page **/
.studentCourseSummary a {
    font-size: 1em;
}

/* Sidebar Sponsors */

.sidebarSponsors {
}

    .sidebarSponsors span {
        display: block;
        border-top: 1px solid #c5c5c5;
        margin: 10px 0 10px 0;
        padding: 10px 0 0 0;
    }

        .sidebarSponsors span.title {
            border-top: none;
            font-size: 1.6em;
            color: #292c39;
            margin: 0 0 5px 0;
            padding: 0 0 5px 0;
        }

        .sidebarSponsors span.first {
            border-top: none;
        }

    .sidebarSponsors img {
        display: block;
        margin: 10px 0;
    }


/* Contour overrides */

.field-validation-error {
    display: block;
    margin: 0;
}

.contour .contourFieldSet legend,
.contour .contourPageName {
    color: #5482AB;
    font-size: 1.2em !important;
    font-weight: normal;
    line-height: 1.5em !important;
    display: block;
}

.contour label.fieldLabel {
    font-weight: normal !important;
    display: block;
    width: 140px;
    float: left;
    clear: left;
    text-align: right;
    padding: 10px 0 0 0;
}

    .contour label.fieldLabel + div {
        width: 280px;
        margin-left: 10px;
        float: left;
    }

.contour select {
    width: 280px;
    padding: 5px;
    margin-left: 10px;
    float: left;
}

.contour .checkbox label.fieldLabel {
    float: right;
    clear: right;
    text-align: left;
    width: 400px;
    margin-top: 2px;
    margin-bottom: 8px;
    font-weight: normal;
}

    .contour .checkbox label.fieldLabel + div {
        width: auto;
        float: none;
    }

        .contour .checkbox label.fieldLabel + div input[type='checkbox'] {
            float: left;
            margin-top: 12px;
        }

        .contour .checkbox label.fieldLabel + div .field-validation-error {
            margin-top: 8px;
        }

.contour .checkboxlist input, .contour .radiobuttonlist input, .contour .checkbox input {
    position: relative;
}

.contour span.radiobuttonlist label {
    width: 230px;
    margin-top: -1.27em;
    margin-left: 30px;
    margin-bottom: 8px;
    display: inline-block;
}

.contour .contourField.postcode .postcode_contourfieldtype {
    width: 95px;
    display: inline-block;
}

.contour .address_contourfieldtype {
    height: 95px;
    font-family: Arial;
}

.contour-button,
.btn {
    background: #5482ab;
    border: none;
    color: #fff;
    font-size: 0.9em;
    padding: 5px 20px;
    float: left;
    margin: 7px 0 0 7px;
}

.contour-button {
    float: none;
}

.contour input[type="submit"] {
    background-color: #5482ab;
    display: block;
    float: right;
    font-size: 0.9em;
    padding: 5px;
    text-decoration: none;
    width: 170px;
    border: none;
    color: #ffffff;
}

.contour select {
    max-width: 410px;
}

.message {
    clear: both;
    display: block;
    margin: 15px 0 5px;
    padding: 5px;
    border: 1px solid;
    font-size: 12px;
    border-radius: 3px;
}

.message-info {
    border-color: #eed24d;
    background: #fff7d1;
}

.message-loading {
    border-color: #63bfd5;
    background: #d1f6ff;
}

.message-error {
    border-color: #ff0000;
    background: #FFF5F5;
    white-space: pre-wrap;
    width: 550px;
}

#member-loading-message {
    display: none;
}

#member-can-login-message {
    display: none;
}

.message .loader {
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    top: -2px;
}

.membercontactedit .link,
.memberprofileedit .link {
    display: inline-block;
    background: #5482ab;
    border: none;
    color: #fff;
    font-size: 0.9em;
    padding: 5px 20px;
    margin: 0 0 5px 145px;
}

.contourField input[readonly],
.contourField textarea[readonly] {
    background: #ddd;
    cursor: default;
}






.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}






/*  Membership Renewal */

.mainContent .payment-options {
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
}

    .mainContent .payment-options li {
        background: none;
        list-style: none;
        margin: 0 0 5px;
    }

.payment-options .payment-amount {
    font-weight: bold;
}

.payment-options .payment-info {
    color: #999;
    display: block;
    margin: -4px 0 0;
    padding: 0 0 0 21px;
    line-height: 1;
    padding-top: 5px;
    white-space: nowrap;
}

.payment-options li * {
    display: inline-block;
    vertical-align: middle;
}

.payment-options input {
    margin: 0 5px 2px 0;
    padding: 0;
}




/*  Direct Debit Sign Up */

.footer-small,
.header-small,
.dd-content {
    margin: 10px auto;
    width: 960px;
}

.header-small {
    background: #2A2C39;
}

.dd-page .logoImg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dd-header-address {
    float: right;
    font-size: 12px;
    line-height: 1.2;
    padding: 15px 0 0;
    text-align: right;
    color: #fff;
}

.dd-page h1 {
    margin: 0 0 30px;
}

.footer-small {
    width: 930px;
    padding: 10px 15px 50px;
}

.dd-content {
    background: #fff;
    padding: 40px 50px;
    width: 860px;
}

.dd-page #bodyOuterContainer {
    padding: 20px 0;
}

.dd-logo {
    float: right;
    margin: 0 0 20px 40px;
    width: 155px;
}

.dd-intro {
    margin: 0 0 30px;
    white-space: pre-wrap;
}

.dd-form-section {
    border: 0;
    margin: 0;
    padding: 1px 0 0;
}

.dd-form-row {
    margin: 0 0 10px;
}

.dd-radio-row {
    margin: 0 0 5px;
}

.dd-form-label {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

    .dd-form-label em {
        color: #ff0000;
    }

.dd-form-group,
.dd-form-input,
.dd-form-readonly {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

    .dd-form-readonly.wide {
        width: 465px;
    }

.dd-form input[type=radio],
.dd-form .dd-radio label {
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.dd-form .dd-radio label,
.dd-form .dd-radio input {
    margin-bottom: 5px;
}

.dd-form .dd-radio label {
    padding-top: 2px;
}

.dd-error {
    width: 250px;
    margin: 3px 0 0 6px;
    display: inline-block;
    vertical-align: top;
    color: #ff0000;
}

.dd-error-summary {
    display: block;
    text-align: right;
    color: #ff0000;
    margin: 0 0 10px;
}

    .dd-error-summary ul {
        display: none;
    }

.dd-form-action {
    padding: 0 0 0 254px;
    margin: 0 0 20px;
}

    .dd-form-action .btn {
        float: none;
        margin: 0;
    }

.dd-msg-success {
    color: #60C030;
    display: inline-block;
    margin: 2px 0 0 10px;
}

.verify-loader {
    position: relative;
    left: 5px;
    top: 5px;
}

.dd-actions {
    padding: 20px 0 0;
    text-align: right;
}

.dd-actions-top {
    float: right;
    padding: 0 0 20px;
}

.dd-btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: none;
    padding: 10px 20px;
    color: #fff;
    background: #7c7c7c;
    cursor: pointer;
}

.lt-ie8 .dd-btn {
    margin-left: 10px;
}

.dd-btn:hover {
    opacity: 0.95;
}

button.dd-btn {
    padding-top: 0;
    padding-bottom: 0;
    height: 39px;
}

.dd-btn:before,
.dd-btn:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: baseline;
    margin-top: 2px;
    margin-bottom: -3px;
    background: url(../images/btn-sprite.png) no-repeat 0 100px;
}

.dd-btn:before {
    margin-right: 12px;
    margin-left: -8px;
}

.dd-btn:after {
    margin-left: 12px;
    margin-right: -8px;
}

.dd-btn-positive {
    background-color: #5482ab;
}

.dd-btn-negative {
    background-color: #bdbdbd;
    color: #777;
}

.dd-btn-proceed:before,
.dd-btn-finish:before {
    display: none;
}

.dd-btn-print:after,
.dd-btn-edit:after,
.dd-btn-cancel:after {
    display: none;
}

.dd-btn-proceed:after {
    background-position: 0 0;
}

.dd-btn-finish:after {
    background-position: 0 -50px;
}

.dd-btn-edit:before {
    background-position: 0 -100px;
}

.dd-btn-print:before {
    background-position: 0 -150px;
}

.dd-btn-cancel:before {
    background-position: 0 -200px;
}

.dd-btn-link {
    display: inline-block;
    vertical-align: middle;
    color: #7c7c7c;
    text-decoration: underline;
    margin: 0 20px;
}

.lt-ie8 .dd-btn,
.lt-ie8 .dd-form-group,
.lt-ie8 .dd-form-input,
.lt-ie8 .dd-form-readonly,
.lt-ie8 .dd-form input[type=radio],
.lt-ie8 .dd-form .dd-radio label,
.lt-ie8 .dd-confirmation-left,
.lt-ie8 .dd-confirmation-right {
    display: inline;
    zoom: 1;
}




.dd-confirmation {
    padding: 20px;
    border: 2px solid #ccc;
    margin: 30px 0 0;
}

.dd-confirmation-left,
.dd-confirmation-right {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 -5px 0 0;
}

.dd-confirmation-right {
    margin-left: 4%;
}

.dd-confirmation-label {
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 0 11px;
}

.dd-confirmation-value {
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

.dd-confirmation-disclaimer {
    font-weight: bold;
}

.dd-confirmation-logo {
    width: 140px;
    float: right;
    margin: 0 0 20px 20px;
}

.dd-confirmation-intro {
    display: block;
    font-weight: bold;
    margin: 0 0 35px;
    padding: 9px 0 0;
}

.dd-confirmation-su-number {
    margin: 0 0 30px;
}

.dd-instruction-detail strong {
    display: block;
}

.dd-instruction-title {
    margin: 50px 0 10px;
    display: block;
    font-weight: bold;
}

.dd-instruction-label,
.dd-instruction-amount {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    padding: 0 5% 0 0;
    margin: 0 -5px 10px 0;
}

.dd-instruction-label {
    width: 25%;
}

.dd-instruction-company {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px;
    font-weight: bold;
}




.toggle-guarantee {
    color: #5482ab;
    cursor: pointer;
}

.dd-page .toggle-guarantee {
    float: left;
    margin: -34px 0 0;
}

.dd-guarantee {
    border: 20px solid #eee;
    margin: 20px 0;
    padding: 15px 20px;
}

.dd-guarantee-logo {
    float: right;
    width: 130px;
}

.dd-guarantee-title {
    color: #000;
    font-weight: bold;
}

.dd-guarantee-list {
    padding: 0 0 0 20px;
    margin: 20px 0;
}

    .dd-guarantee-list li {
        margin: 0 0 10px;
    }

        .dd-guarantee-list li ul {
            margin-top: 10px;
            padding-left: 25px;
        }

.download-link {
    display: inline-block;
    margin: 0 0 15px 13px;
    padding: 4px 0 5px 32px;
    background: url(/images/ico-download.png) no-repeat 0 0;
}

.wideMain .download-link {
    float: right;
    margin: 17px 0 0;
}

.download-link:hover {
    text-decoration: underline;
}

.basket-header-control {
    display: inline-block;
    padding: 5px 10px;
    border: solid 1px #000;
    margin-top: 18px;
    background-color: #fff;
    color: #000;
    float: right;
}

    .basket-header-control span {
        font-weight: bold;
        padding-right: 5px;
    }

.table {
    border: 0;
    width: 100%;
    font-size: inherit;
}

    .table th,
    .table td {
        border: 0;
        border-bottom: 1px solid #c5c5c5;
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

    .table p:first-child {
        margin-top: 0;
    }

    .table p:last-child {
        margin-bottom: 0;
    }

.tableRowGrey th, .tableRowGrey td {
    background-color: #f2f2f2;
}

.tableRowRed th, .tableRowRed td {
    background-color: #E9D1D9;
}

.tableRowBlue th, .tableRowBlue td {
    background-color: #D2EEF4;
}

.loginButton {
    background: #5482ab;
    border: none;
    color: #fff;
    padding: 5px 30px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100px;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
}

.sml-pbox-w {
    width: 231px !important;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */