/* * 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
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; } /* local search dropdown NOW also in accordian css with a view to deleting database styles VJJ Sept 2016 */ .local-search-dropdown .ui-accordion-header { display: block; font-weight: lighter; font-size: 90%; /*line-height: 1em;*/ padding-left: 2em; background-image: url("/icons/plus-purple.png"); background-repeat: no-repeat; background-position: center left; width: inherit; } .local-search-dropdown .ui-accordion-content { font-size: 95%; 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: .1em; width: inherit; } .local-search-dropdown { font-family: Arial, helvetica, sans-serif; background: transparent; } .local-search-dropdown h1, .local-search-dropdown h2, .local-search-dropdown h3, .local-search-dropdown h4 { color: #585858; background: transparent; border: none; } /* 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; } .width_5_em { width: 5em; } .fill_space { width: 100%; height: 100%; } /* Form and error classes moved to site.css - MCA 16 Nov 2016 */ blockquote { font-style: italic; padding: 0.5em; } blockquote:before { content: '\201C'; /* code equivalent of “ */ } blockquote:after { content: '\201D'; /* code equivalent of ” */ } /* 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: 'Font Awesome 5 Pro'; 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; } .submitLink { font-size: .9em; background-color: transparent; text-decoration: none; border: none; color:#711a8d; cursor: pointer; } a:link.greyLink, a:active.greyLink {color: #435a5f;} :hover.submitLink {color: #d3d3d3;} .pointer { 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; }