/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.*/

 /* For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/* Clearfix - End */
.more {
    font-weight: bold;
    float: right;
    display: inline-block;
}

.dbase_left {
    position: relative;
    width: 30%;
    float: left;
    padding-right: 2%;
}

.dbase_right {
    position: relative;
    width: 60%;
    float: right;
    clear: right;
    margin-left: 1em;
}

.abs_right_35 {
    width: 35%;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 5px;
    padding-left: 10px;
    border-left: 1px solid #cecece;
    height: 90%;
    margin-top: 2%;
    margin-bottom: 5%;
}

.clear_both {
    clear: both;
}

.no_list_style {
    list-style: none;
}

.no_padding {
    padding: 0;
    margin-top: -5px;
}

.dashboard-box {
    position: relative;
    border: 1px solid #cecece;
    padding: 1em;
}

.shaded {
    background: rgba(245, 245, 245, 0.6);
}

.larger_text {
    font-size: 1.2em;
    line-height: 1.8em;
}

.smaller_text {
    font-size: 0.8em;
    line-height: normal;
}

#bank_details {
    font-size: 1em;
    line-height: normal;
    padding-left: 2em;
}

.medium_text {
    font-size: 1em;
    line-height: normal;
}

.padding-top {
    padding-top: 0.5em;
}

.comment-text {
    display: block;
    font-style: italic;
    color: #4c4c4c;
}

.image_shadow {
    border: 1px solid #336699;
    box-shadow: 4px 4px #777;
}

.pdf_small {
    padding-left: 20px;
    background-image: url("images/pdficon_small.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.pdf_large {
    padding-left: 40px;
    background-image: url("images/pdficon_large.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.centered,
.centred {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*
 Made redundant by site.css

 .right {
    text-align: right;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.pad_5 {
    padding: 5px;
}
*/
.pad_5_bottom {
    padding-bottom: 5px;
}

.pad_5_top {
    padding-top: 8px;

}
.pad_5_box {
    padding: 5px;
    border: solid #cecece 1px;
}

.pad_40_left {
    padding-left: 40px;
}

.line_height {
    line-height: 1.5em;
}

.margin_bottom {
    margin-bottom: .5em;
}

.margin_top {
    margin-top: .5em;
}
.bordered {
    padding: 3px;
    border: solid #cecece 1px;
}

/* Sub section navigation - Start */

.navElement {
    width: 323px;
    padding: 5px;
    margin: 0;
    float: left;
    overflow: hidden;
}

.navElement a img.nav-arrow {
    /* Remove box around arrow in IE */
    text-decoration: none;
    border: none;
}

.nav-arrow {
    vertical-align: middle;
    padding: 2px;
}

.greyed-out {
    color: #9b9b9b;
}

/*
* Formatting for pre-formatted text (content entered by an editor)
*/
.formatted-text {
    padding: 0.5em;
}

.formatted-text p,
.formatted-text ol,
.formatted-text ul {
    padding-bottom: 0.5em;
    margin: 0;
}

.formatted-text ol,
.formatted-text ul {
    padding-left: 2em;
}

/*
* Formatting to get around the problems caused by TinyMCE wrapping <p> tags around everthing
*/

.cmsText > p {
    font-size: 1.3em;
    line-height: 1;
}

.hidden-text {
    display: none;
}

.sectionHeader {
    padding: 0.3em 0.3em 0.3em 0;
}

.sectionHeader .expand-all-button {
    float: left;
    cursor: pointer;
}

.subSectionHeader {
    position: relative;
    background-color: rgba(245, 245, 245, 0.6);
    border-bottom: 1px solid #cecece;
    padding: 0.3em;
    margin: 0.5em 0 0 0;
    min-height: 2em;
}

.subSectionHeader .expand-button {
    float: left;
    cursor: pointer;
}

.updatesBox {
    position: relative;
    background-color: #f6f6f6;
/*  background-color: #dcffd8;  */
    border-bottom: 1px solid #cecece;
    padding: 0.5em;
    margin: 0.5em 0 0 0;
    min-height: 2em;
}

.updatesBox .expand-button {
    float: left;
}

/* Sub section navigation - End */
/* Local Search box - Start */
.local-search {
    height: 35px;
    width: 250px;
    border: solid 1px #aaa;
    background: #fff;
    margin-top: 8px;
    margin-right: 5px;
    padding-right: 0px;
}

form.local-search .jq_watermark {
    width: 205px;
    height: 31px;
    border: none;
}

.local-search-query {
    float: left;
    border: none;
    margin: 5px 3px 0 3px;
    width: 250px;
    height: 28px;
    font-size: 1.3em;
    background: transparent;
}

.local-search-submit {
    float: right;
    width: 32px;
    height: 34px;
    background: url(images/search_button.png) no-repeat transparent;
    border: none;
    cursor: pointer;
}

/* We use similar styles for local-search-dropdown menu - used for categories in training */

.side_menu {
   width: 250px;
    float: left;
    margin-top: 10px;
}

.local-search-dropdown .ui-accordion-header {
    display: block;
    font-weight: lighter;
    font-size: 1.1em;
    line-height: 1em;
    padding-left: 2em;
    background-image: url("/icons/add1.png");
    background-repeat: no-repeat;
    background-position: center left;
    width: inherit;
}

.local-search-dropdown .ui-accordion-content  {
    padding: 0;
    margin: 0;
}

.local-search-dropdown .ui-accordion-content  a  {
    background-color: transparent;
    font-weight: lighter;
    display: inline-block;          /* MCA 21 Sept 2015 - was just block */
    color: #7A1E99;
    padding: 5px;
    width: inherit;
}

/*
div.local-search-dropdown {
    position: relative;
    height: 35px;
    width: 230px;
    border: solid 1px #aaa;
    background: transparent;
    margin: 8px 0px;
    padding-right: 0;
    z-index: 99;

}

.local-search-dropdown li, .ui-accordion-content li {
    position: relative;
    line-height: 1.7;
    margin: 10px 0 0 0;
}

.local-search-dropdown > ul {
    margin: 0;
    padding: 0;
}

li.menu_top {
    margin:0;
    padding: 0;
    text-indent: 10px;
}

.local-search-dropdown ul {
    list-style-type: none;
    width: 100%;
    padding: 3px 1px 3px 0px;

}

.local-search-dropdown ul ul {
    position: absolute;
    display: none;
    margin: 0;
}

.local-search-dropdown ul li:hover > ul {
    position: absolute;
    display: block;
    background-color: #336699; /**#336699;**/
/*
}

.local-search-dropdown ul ul li a {
    color: #fff;
    font-size: 12pt;

}
*/
/* Local Search Box - End */
/* Search Form - Start */
#search-form1 {
    background-color: rgba(245, 245, 245, 0.6);
    border: 1px solid #777777;
    padding: 10px;
}

#search-results-loading {
    position: relative;
    margin-top: 7em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}

/* Search Form - End */
/* Search filter settings - Start */
.filter-selected {
    font-weight: bold;
}

.filter-unselected {
    font-weight: normal;
}

.filter-count {
    font-weight: bold;
    color: #333;
    padding-left: 5px;
    display: inline !important;
}

.ellipsis_text,
.threedots_ellipsis {
    display: inline !important;
}

/* Search filter settings - End */

.width_5_percent {
    width: 5%;
}

.width_10_percent {
    width: 10%;
}
.width_15_percent {
    width: 15%;
}

.width_20_percent {
    width: 20%;
}

.width_25_percent {
    width: 25%;
}

.width_30_percent {
    width: 30%;
}
.width_40_percent {
    width: 40%;
}
.width_45_percent {
    width: 45%;
}
.width_50_percent {
    width: 50%;
}
.width_60_percent {
    width: 60%;
}

.width_65_percent {
    width: 65%;
}

.width_2_em {
    width: 2em;
}

.fill_space {
    width: 100%;
    height: 100%;
}



/*
* Layout for simple input forms - see forgot_password_3.php for example usage
* also for messages
*/

label.normal {
    float: left;
    width: 30%;
}

label.tight {
    float: left;
    width: 20%;
}

.simple_form p {
    position: relative;
    padding: 0.25em;
}

.simple_form input {
    padding: 0.25em;
}

.response_form input[readonly], .response_form textarea[readonly] {
    border: 0;
}

label.error, .error_message {
    padding: 0;
    color: #ff0000;
}

label.error:before, .error_message:before {
    /* Use font awesome fa-certificate */
    font-family: 'FontAwesome';
    content: "\f0a3";
}

.success, .success_message {
    color: #228b22;
}

.success:before, .success_message:before {
    /* Use font awesome fa-check */
    font-family: 'FontAwesome';
    content: "\f00c";
}

.normal_message {
    padding: 0;
}

.warning_message {
    color: darkorange;
}

.warning_message:before {
    /* Use font awesome fa-exclamation-triangle */
    font-family: 'FontAwesome';
    content: "\f071";
}

input.error {
    background-color: pink;
}

.delete_symbol:before {
    /* Use font aweseome fa-times */
    font-family: 'FontAwesome';
    content: "\f00d";
    color: #ff0000;
}


blockquote {
    font-style: italic;
    padding: 0.5em;
}

blockquote:before {
    content: '\201C'; /* code equivalent of &ldquo; */
}

blockquote:after {
    content: '\201D'; /* code equivalent of &rdquo; */
}

/* Styles for displaying course details */

.course_display h2 {
    padding: 1em 0 0 0;
}
.course_display h3 {
    padding: 0.5em 0 0 0;
}

.width_800 {
    width: 800px;
}

.margin_right_0 {
    margin-right: 0;
}

/*
* basket styles
*/
.addToBasketForm {
    display: inline-block;
}

.addToBasketButton {
 /*   background: url("/training/images/cart_add.png") no-repeat transparent; */
    cursor: pointer;
}

.addToBasketButton:before {
    /* Use font aweseome fa-cart-plus */
    font-family: 'FontAwesome';
    content: "\f217";
    color: #7A1E99;
}


.captcha1 {    /* image layout for captcha image */
   margin-bottom: -3px;
}

.captcha2 {          /* Hidden field for captcha honeypot */
    display: none;
}

.relative {
    position: relative;
}

.top_right {
    position: absolute;
    top: 0;
    right: -15px;
}

.col_20_percent {
    width: 19%;
    height: 100%;
}

.col_80_percent {
    width: 77%;
    height: 100%;
}

.margin_left_25_percent {
    margin-left: 25%;
}

.margin_left_80_percent {
    margin-left: 80%;
}

/*
* Button style for enquiryForm
*/
.enquiryForm {
    display: inline-block;
}

.enquiryFormButton {
    width: 36px;
    height: 36px;
    border: none;
    padding: 2px;
    margin: 1px;
    background: url("/training/images/email.png") no-repeat transparent;
    cursor: pointer;
}

/*.enquiryFormButton:before {
     Use icon-font checkmark symbol
    font-family: 'icomoon';
    content: "\e60c";
    color:  limegreen;
}*/

.highlight {
    background-color: yellow;
}

.training-submit {
    width: 62px;
    height: 64px;
    background: /*url(images/search_button.png) no-repeat transparent;*/ paleturquoise;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.input[type=submit] {padding:5px 15px; background:#ccc; border:0 none;
    cursor:pointer;
 }

.ui-front {
    z-index: 9999;   /* make sure dialog boxes go over the top of the menu bar */
}

/* plain_list sets list styles back to something like their normal style to override some other styles we don't always want */

.plain_list {
    list-style-position: outside;
    padding-left: 1.1em;
}

.plain_list li {
    font-size: 1.2em;
    line-height: 1.7em;
}