/* Minification failed. Returning unminified contents. (7456,6): run-time error CSS1035: Expected colon, found '{' : run-time error CSS1062: Expected semicolon or closing curly-brace, found '' */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/superfish/arrows-ffffff.png') no-repeat -10px 0px; /* -100px 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -0px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -0px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/superfish/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* Icon font */ @font-face { font-family: 'RedactorFont'; src: url('redactor-font.eot'); } @font-face { font-family: 'RedactorFont'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } /* =Selection -----------------------------------------------------------------------------*/ .redactor_box ::selection { background: #ffff9e; } .redactor_box ::-moz-selection { background: #ffff9e; } .redactor_box img::selection { background: transparent; } .redactor_box img::-moz-selection { background: transparent; } /* BOX */ .redactor_box { position: relative; overflow: visible; background: #fff; } .redactor_box iframe { display: block; margin: 0; padding: 0; border: 1px solid #eee; } .redactor_box textarea { position: relative; display: block; overflow: auto; margin: 0; padding: 0; width: 100%; outline: none; border: none; background-color: #222; box-shadow: none; color: #ccc; font-size: 13px; font-family: Menlo, Monaco, monospace, sans-serif; resize: none; } .redactor_box textarea:focus { outline: none; } .redactor_box, .redactor_box textarea { z-index: auto !important; } .redactor_box_fullscreen { z-index: 99 !important; } #redactor_modal_overlay, #redactor_modal, .redactor_dropdown { z-index: 100 !important; } /* AIR */ body .redactor_air { position: absolute; z-index: 502; } /* FULLSCREEN */ body .redactor_box_fullscreen { position: fixed; top: 0; left: 0; width: 100%; } /* LINK TOOLTIP */ .redactor-link-tooltip { position: absolute; z-index: 49999; padding: 10px; line-height: 1; display: inline-block; background-color: #000; color: #555 !important; } .redactor-link-tooltip, .redactor-link-tooltip a { font-size: 12px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; } .redactor-link-tooltip a { color: #ccc; margin: 0 5px; text-decoration: none; } .redactor-link-tooltip a:hover { color: #fff; } /* IMAGE BOX */ #redactor-image-box img { width: 100%; } .redactor_editor { position: relative; overflow: auto; margin: 0 !important; padding: 10px 20px; padding-bottom: 5px; outline: none; background: none; background: #fff; box-shadow: none !important; white-space: normal; border: 1px solid #eee; } .redactor_editor:focus { outline: none; } .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre, .redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5, .redactor_editor h6 { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; } .redactor_editor code, .redactor_editor pre { font-family: Menlo, Monaco, monospace, sans-serif; } .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre { font-size: 14px; line-height: 1.6em; } .redactor_editor a { color: #15c !important; text-decoration: underline !important; } .redactor_editor .redactor_placeholder { color: #999 !important; display: block !important; } /* TYPOGRAPHY */ .redactor_editor object, .redactor_editor embed, .redactor_editor video, .redactor_editor img { max-width: 100%; width: auto; } .redactor_editor video, .redactor_editor img { height: auto; } .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre { margin: 0; margin-bottom: 10px !important; border: none; background: none !important; box-shadow: none !important; } .redactor_editor iframe, .redactor_editor object, .redactor_editor hr { margin-bottom: 15px !important; } .redactor_editor blockquote { margin-left: 1.5em !important; padding-left: 0 !important; color: #777; font-style: italic !important; } .redactor_editor ul, .redactor_editor ol { padding-left: 2em !important; } .redactor_editor ul ul, .redactor_editor ol ol, .redactor_editor ul ol, .redactor_editor ol ul { margin: 2px !important; padding: 0 !important; padding-left: 2em !important; border: none; } .redactor_editor dl dt { font-weight: bold; } .redactor_editor dd { margin-left: 1em; } .redactor_editor table { border-collapse: collapse; font-size: 1em !important; } .redactor_editor table td { padding: 5px !important; border: 1px solid #ddd; vertical-align: top; } .redactor_editor table thead td { border-bottom: 2px solid #000 !important; font-weight: bold !important; } .redactor_editor code { background-color: #d8d7d7 !important; } .redactor_editor pre { overflow: auto; padding: 1em !important; border: 1px solid #ddd !important; border-radius: 3px !important; background: #f8f8f8 !important; white-space: pre; font-size: 90% !important; } .redactor_editor hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; } /* HEADERS */ .redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5, .redactor_editor h6 { margin-top: 0 !important; padding: 0 !important; background: none; color: #000; font-weight: bold; } .redactor_editor h1 { font-size: 36px !important; line-height: 1.111em !important; margin-bottom: .15em !important; } .redactor_editor h2 { font-size: 30px !important; line-height: 1.111em !important; margin-bottom: .25em !important; } .redactor_editor h3 { font-size: 24px !important; line-height: 1.333em !important; margin-bottom: .2em !important; } .redactor_editor h4 { font-size: 18px !important; line-height: 1.5em !important; margin-bottom: .2em !important; } .redactor_editor h5 { font-size: 1em !important; line-height: 1.6em !important; margin-bottom: .25em !important; } .redactor_editor h6 { font-size: .8em !important; line-height: 1.6em !important; text-transform: uppercase; margin-bottom: .3em !important; } /* TOOLBAR */ .redactor_toolbar { position: relative; top: 0; left: 0; margin: 0 !important; padding: 0 !important; list-style: none !important; font-size: 14px !important; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 1 !important; background: #fff; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 3; } .redactor_toolbar:after { content: ""; display: table; clear: both; } .redactor_toolbar.redactor-toolbar-overflow { overflow-y: auto; height: 29px; white-space: nowrap; } .redactor_toolbar.redactor-toolbar-external { z-index: 999; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } body .redactor_air .redactor_toolbar { padding-right: 2px !important; } .redactor_toolbar li { vertical-align: top; display: inline-block; margin: 0 !important; padding: 0 !important; outline: none; list-style: none !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .redactor_toolbar li a { display: block; color: #333; text-align: center; padding: 9px 10px; outline: none; border: none; text-decoration: none; cursor: pointer; zoom: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .redactor_toolbar li a:hover { outline: none; background-color: #1f78d8; color: #fff; } .redactor_toolbar li a:hover i:before { color: #fff; } .redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act { outline: none; background-color: #ccc; color: #444; } .redactor_toolbar li a.redactor-btn-image { width: 14px; height: 14px; background-position: center center; background-repeat: no-repeat; } .redactor_button_disabled { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } .redactor_button_disabled:hover { outline: none; background-color: transparent !important; cursor: default; } .redactor_toolbar li a.fa-redactor-btn { display: inline-block; padding: 9px 10px 8px 10px; line-height: 1; } .redactor_toolbar.redactor-toolbar-typewriter { box-shadow: none; background: rgba(240, 240, 240, 0.9); } .redactor_toolbar.redactor-toolbar-typewriter li a:hover { outline: none; background-color: #1f78d8; color: #fff; } .redactor_toolbar.redactor-toolbar-typewriter li a:active, .redactor_toolbar.redactor-toolbar-typewriter li a.redactor_act { outline: none; background-color: #ccc; color: #444; } .re-icon { font-family: 'RedactorFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .re-icon i:before { position: relative; font-size: 14px; } .re-video:before { content: "\e600"; } .re-unorderedlist:before { content: "\e601"; } .re-undo:before { content: "\e602"; } .re-underline:before { content: "\e603"; } .re-textdirection:before { content: "\e604"; } .re-fontcolor:before { content: "\e605"; } .re-table:before { content: "\e606"; } .re-redo:before { content: "\e607"; } .re-quote:before { content: "\e608"; } .re-outdent:before { content: "\e609"; } .re-orderedlist:before { content: "\e60a"; } .re-link:before { content: "\e60b"; } .re-horizontalrule:before { content: "\e60c"; } .re-italic:before { content: "\e60d"; } .re-indent:before { content: "\e60e"; } .re-image:before { content: "\e60f"; } .re-fullscreen:before { content: "\e610"; } .re-normalscreen:before { content: "\e611"; } .re-formatting:before { content: "\e612"; } .re-fontsize:before { content: "\e613"; } .re-fontfamily:before { content: "\e614"; } .re-deleted:before { content: "\e615"; } .re-html:before { content: "\e616"; } .re-clips:before { content: "\e617"; } .re-bold:before { content: "\e618"; } .re-backcolor:before { content: "\e619"; } .re-file:before { content: "\e61a"; } .re-alignright:before { content: "\e61b"; } .re-alignment:before, .re-alignleft:before { content: "\e61c"; } .re-alignjustify:before { content: "\e61d"; } .re-aligncenter:before { content: "\e61e"; } .re-gallery:before { content: "\e61f"; } /* Toolbar classes */ .redactor_format_blockquote { padding-left: 10px; color: #666 !important; font-style: italic; } .redactor_format_pre { font-family: monospace, sans-serif; } .redactor_format_h1, .redactor_format_h2, .redactor_format_h3, .redactor_format_h4, .redactor_format_h5 { font-weight: bold; } .redactor_format_h1 { font-size: 30px; line-height: 36px; } .redactor_format_h2 { font-size: 24px; line-height: 36px; } .redactor_format_h3 { font-size: 20px; line-height: 30px; } .redactor_format_h4 { font-size: 16px; line-height: 26px; } .redactor_format_h5 { font-size: 14px; line-height: 23px; } .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h1, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h3, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h4, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h5 { font-size: 1em; line-height: 1.6em; text-transform: uppercase; } .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2 { font-size: .85em; } /* Typewriter */ .redactor_editor.redactor-editor-typewriter { background: #f5f5f5 !important; padding: 25px 50px !important; } .redactor_editor.redactor-editor-typewriter div, .redactor_editor.redactor-editor-typewriter p, .redactor_editor.redactor-editor-typewriter ul, .redactor_editor.redactor-editor-typewriter ol, .redactor_editor.redactor-editor-typewriter table, .redactor_editor.redactor-editor-typewriter dl, .redactor_editor.redactor-editor-typewriter blockquote, .redactor_editor.redactor-editor-typewriter pre, .redactor_editor.redactor-editor-typewriter h1, .redactor_editor.redactor-editor-typewriter h2, .redactor_editor.redactor-editor-typewriter h3, .redactor_editor.redactor-editor-typewriter h4, .redactor_editor.redactor-editor-typewriter h5, .redactor_editor.redactor-editor-typewriter h6 { font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif; font-size: 18px !important; line-height: 1.5em !important; margin-bottom: 1.5em !important; } .redactor_editor.redactor-editor-typewriter h2 { font-size: 14px !important; } .redactor_editor.redactor-editor-typewriter h1, .redactor_editor.redactor-editor-typewriter h2, .redactor_editor.redactor-editor-typewriter h3, .redactor_editor.redactor-editor-typewriter h4, .redactor_editor.redactor-editor-typewriter h5, .redactor_editor.redactor-editor-typewriter h6 { text-transform: uppercase; } .redactor_editor.redactor-editor-typewriter a { color: #000 !important; text-decoration: underline !important; } /* WYM */ .redactor_editor.redactor_editor_wym { padding: 10px 7px 0 7px !important; background: #f6f6f6 !important; } .redactor_editor.redactor_editor_wym div, .redactor_editor.redactor_editor_wym p, .redactor_editor.redactor_editor_wym ul, .redactor_editor.redactor_editor_wym ol, .redactor_editor.redactor_editor_wym table, .redactor_editor.redactor_editor_wym dl, .redactor_editor.redactor_editor_wym pre, .redactor_editor.redactor_editor_wym h1, .redactor_editor.redactor_editor_wym h2, .redactor_editor.redactor_editor_wym h3, .redactor_editor.redactor_editor_wym h4, .redactor_editor.redactor_editor_wym h5, .redactor_editor.redactor_editor_wym h6, .redactor_editor.redactor_editor_wym blockquote { margin-top: 0; margin-bottom: 5px !important; padding: 10px !important; border: 1px solid #e4e4e4 !important; background-color: #fff !important; z-index: 0; } .redactor_editor.redactor_editor_wym blockquote:before { content: ''; } .redactor_editor.redactor_editor_wym img { position: relative; z-index: 1; } .redactor_editor.redactor_editor_wym div { border: 1px dotted #aaa !important; } .redactor_editor.redactor_editor_wym pre { border: 2px dashed #e4e4e4 !important; background-color: #f8f8f8 !important; } .redactor_editor.redactor_editor_wym ul, .redactor_editor.redactor_editor_wym ol { padding-left: 2em !important; } .redactor_editor.redactor_editor_wym ul li ul, .redactor_editor.redactor_editor_wym ol li ul, .redactor_editor.redactor_editor_wym ul li ol, .redactor_editor.redactor_editor_wym ol li ol { border: none !important; } /* DROPDOWN */ .redactor_dropdown { position: absolute; top: 28px; left: 0; padding: 10px; width: 200px; background-color: #fff; box-shadow: 0 1px 5px #bbb; font-size: 13px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; line-height: 21px; } .redactor-toolbar-typewriter .redactor_dropdown { font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif; background-color: #f5f5f5; } .redactor_separator_drop { padding: 0 !important; border-top: 1px solid #ddd; font-size: 0; line-height: 0; } .redactor_dropdown a { display: block; padding: 3px 5px; color: #000; text-decoration: none; } .redactor_dropdown a:hover { background-color: #dde4ef; color: #444 !important; text-decoration: none; } /* MODAL */ #redactor_modal_overlay { position: fixed; top: 0; left: 0; margin: auto; width: 100%; height: 100%; background-color: #000 !important; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #redactor_modal { position: fixed; top: 50%; left: 50%; padding: 0; background: #fff; color: #000; font-size: 12px !important; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } #redactor_modal header { padding: 20px 30px 5px 30px; font-size: 16px; } #redactor_modal section { padding: 20px 30px; } #redactor_modal label { display: block !important; float: none !important; margin: 10px 0 3px 0 !important; padding: 0 !important; font-size: 12px !important; } #redactor_modal footer:after { content: ""; display: table; clear: both; } #redactor_modal footer div { float: left; } #redactor_modal input[type="radio"], #redactor_modal input[type="checkbox"] { position: relative; top: -1px; } #redactor_modal input[type="text"], #redactor_modal input[type="password"], #redactor_modal input[type="email"], #redactor_modal textarea { position: relative; z-index: 2; margin: 0; padding: 1px 2px; height: 23px; border: 1px solid #ccc; border-radius: 1px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; color: #333; font-size: 13px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 1; -moz-transition: border 0.3s ease-in; transition: border 0.3s ease-in; } #redactor_modal textarea { display: block; margin-top: 4px; line-height: 1.4em; } #redactor_modal input:focus, #redactor_modal textarea:focus { outline: none; border-color: #5ca9e4; box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; } #redactor_modal_close { position: absolute; top: 5px; right: 3px; width: 20px; height: 20px; color: #999; font-size: 26px; cursor: pointer; } #redactor_modal_close:hover { color: #000; } .redactor_input { width: 99%; font-size: 14px; } .redactor_modal_box { overflow: auto; margin-bottom: 10px; height: 350px; } #redactor_image_box { overflow: auto; margin-bottom: 10px; height: 270px; } #redactor_image_box_select { display: block; margin-bottom: 15px !important; width: 200px; } #redactor_image_box img { margin-right: 10px; margin-bottom: 10px; max-width: 100px; cursor: pointer; } #redactor_tabs { margin-bottom: 18px; } #redactor_tabs a { display: inline-block; margin-right: 2px; padding: 4px 14px; border: 1px solid #d2d2d2; border-radius: 3px; background: #fff; color: #000; text-decoration: none; line-height: 1; } #redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act { border-color: #eee; color: #999 !important; text-decoration: none !important; } .redactor_modal_btn_hidden { display: none; } #redactor_modal footer button { position: relative; width: 100%; padding: 10px 16px; margin: 0; outline: none; border: none; background-color: #ddd; color: #000; text-align: center; text-decoration: none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 1; cursor: pointer; } #redactor_modal footer button:hover { color: #777; background: none; background: #bbb; text-decoration: none; } #redactor_modal footer button.redactor_modal_delete_btn { background: none; color: #fff; background-color: #b52525; } #redactor_modal footer button.redactor_modal_delete_btn:hover { color: rgba(255, 255, 255, 0.6); background-color: #881b1b; } #redactor_modal footer button.redactor_modal_action_btn { background: none; color: #fff; background-color: #2461b5; } #redactor_modal footer button.redactor_modal_action_btn:hover { color: rgba(255, 255, 255, 0.6); background-color: #1a4580; } /* Drag and Drop Area */ .redactor_droparea { position: relative; margin: auto; margin-bottom: 5px; width: 100%; } .redactor_droparea .redactor_dropareabox { position: relative; z-index: 1; padding: 60px 0; width: 99%; border: 1px dashed #ddd; background: #fff; text-align: center; } .redactor_droparea .redactor_dropareabox, .redactor_dropalternative { color: #555; font-size: 12px; } .redactor_dropalternative { margin: 4px 0 2px 0; } .redactor_dropareabox.hover { border-color: #aaa; background: #efe3b8; } .redactor_dropareabox.error { border-color: #dcc3c3; background: #f7e5e5; } .redactor_dropareabox.drop { border-color: #e0e5d6; background: #f4f4ee; } /* =ProgressBar -----------------------------------------------------------------------------*/ #redactor-progress { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; height: 10px; } #redactor-progress span { display: block; width: 100%; height: 100%; background-color: #3d58a8; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; background-size: 40px 40px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /* SIZES CAN BE OVERWRITTEN, BUT MOST OF ALL THEY'RE DONE IN EMS */ * { margin:0; padding:0; } a, button, input[type=submit] { cursor:pointer; } a.underline { text-decoration: underline; } fieldset { border:0; outline: 0 none; } button { cursor:pointer; } a.nolinkcursor { cursor:default !important; } .left { float:left; } .right { float:right; } .clear { clear:both; } .nobullets { list-style:none; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } .noleftmargin { margin-left: 0 !important; } .norightmargin { margin-right: 0 !important; } .addverticalmargin { margin:40px 0 !important; } .addtopmargin { margin-top:80px !important; } .addbottommargin { margin-bottom:80px !important; } .reducedOpacity { opacity:0.7; } .fadeinonload { opacity:0; } .padding-10 {padding:10px;} .padding-20 {padding:20px;} .padding-30 {padding:30px;} .padding-40 {padding:40px;} .padding-50 {padding:50px;} .padding-60 {padding:60px;} .padding-70 {padding:70px;} .padding-80 {padding:80px;} .padding-90 {padding:90px;} .padding-100 {padding:100px;} .borderradius-5 {border-radius:5px;} .borderradius-10 {border-radius:10px;} .borderradius-15 {border-radius:15px;} .borderradius-20 {border-radius:20px;} .borderradius-25 {border-radius:25px;} .borderradius-30 {border-radius:30px;} .borderradius-40 {border-radius:40px;} .borderradius-50 {border-radius:50px;} .borderradius-60 {border-radius:60px;} .borderradius-70 {border-radius:70px;} .borderradius-80 {border-radius:80px;} .borderradius-90 {border-radius:90px;} .borderradius-100 {border-radius:100px;} .marginhorizontal-0 {margin-left:0;margin-right:0;} .marginhorizontal-10 {margin-left:10px;margin-right:10px;} .marginhorizontal-20 {margin-left:20px;margin-right:20px;} .marginhorizontal-30 {margin-left:30px;margin-right:30px;} .marginhorizontal-40 {margin-left:40px;margin-right:40px;} .marginhorizontal-50 {margin-left:50px;margin-right:50px;} .marginhorizontal-60 {margin-left:60px;margin-right:60px;} .marginhorizontal-70 {margin-left:70px;margin-right:70px;} .marginhorizontal-80 {margin-left:80px;margin-right:80px;} .marginhorizontal-90 {margin-left:90px;margin-right:90px;} .marginhorizontal-100 {margin-left:100px;margin-right:100px;} .marginvertical-0 {margin-top:0;margin-bottom:0;} .marginvertical-10 {margin-top:10px;margin-bottom:10px;} .marginvertical-20 {margin-top:20px;margin-bottom:20px;} .marginvertical-30 {margin-top:30px;margin-bottom:30px;} .marginvertical-40 {margin-top:40px;margin-bottom:40px;} .marginvertical-50 {margin-top:50px;margin-bottom:50px;} .marginvertical-60 {margin-top:60px;margin-bottom:60px;} .marginvertical-70 {margin-top:30px;margin-bottom:70px;} .marginvertical-80 {margin-top:40px;margin-bottom:80px;} .marginvertical-90 {margin-top:50px;margin-bottom:90px;} .marginvertical-100 {margin-top:60px;margin-bottom:100px;} .marginall-0 {margin:0;} .marginall-10 {margin:10px;} .marginall-20 {margin:20px;} .marginall-30 {margin:30px;} .marginall-40 {margin:40px;} .marginall-50 {margin:50px;} .marginall-60 {margin:60px;} .marginall-70 {margin:70px;} .marginall-80 {margin:80px;} .marginall-90 {margin:90px;} .marginall-100 {margin:100px;} .container, .pagesection { zoom:1; } .container:after, .pagesection:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .handwriting * {font-family:'Comic Sans MS', Cursive, Sans-Serif !important; font-size:110%;line-height:1.3em !important;font-weight:normal;color:#999 !important;} /* to get over AddThis fullscreen */ .redactor_box_fullscreen { z-index: 9999997 !important; } body .redactor_air { position: absolute; z-index: 9999998 !important; } body .redactor_dropdown, .redactor-link-tooltip { z-index:9999998 !important; } div#redactor_modal {position:relative;z-index:9999999 !important;border-radius:5px;overflow:hidden;} div#redactor_modal_close { background:#ccc; color:#fff; border-radius:0 4px 0 5px; font-size:24px; font-weight:bold; padding:5px 10px; position:absolute; top:0;right:0; line-height:24px; text-transform:uppercase; margin:0; height:auto; width:auto; } div#redactor_modal_close:hover { background:#c00; color:#fff; } /* LIST STYLE TO EMULATE TABLE LAYOUT */ .emulatetable { list-style:none; } .emulatetable .label { display:block; float:left; clear:left; text-align:right; } .emulatetable .value { display:block; float:left; text-align:left; } .emulatetable:after, .enulate-table li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .emulatetable, .emulatetable li { zoom:1; } /* COLOUR IMAGES ON HOVER */ .colourimageonhover a img, a.colourimageonhover img { /*filter: url(filters.svg#grayscale); Firefox 3.5+ */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ opacity:0.8; } .colourimageonhover a:hover img, a.colourimageonhover:hover img { filter: none; -webkit-filter: grayscale(0); opacity:1; } .pagination { display: inline-block; padding-left: 0; margin: 0 0 20px 0; border-radius: 4px; box-shadow: 0 0 1px 1px rgba(0,0,0, 0.1); float:right; /* always want this?! */ } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #690; border-color: #690; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; } /* CORE .ITEMS - ALWAYS APPLICABLE */ ul.items { clear:both; padding:0; font-size:0.9em; list-style:none; margin-bottom:50px; } ul.items>li { clear:both; position:relative; padding:0; margin:0; } ul.items>li, ul.items>li .item-links, ul.items>li .item-content { zoom:1; } ul.items>li:after, ul.items>li .item-links:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.items>li h3 { margin:0 0 1em 0; font-size: 1em; font-weight:bold; text-shadow: 1px 1px #eee; } ul.items h3 span.meta { float:right; } ul.items .item-content p { text-align: justify; margin:1em 0 0 0; } ul.items .item-image { float:left; margin:2em 1em; } ul.items .item-image>img { border:1px solid #ccc; border-radius: 5px; width:90px; height:90px; } ul.items .item-content { position: relative; zoom:1; margin:2em 1em 2em 120px; } ul.items>li ul.item-links { list-style:none; margin:1.5em 0 0 0; padding:0; } ul.items>li ul.item-links>li { list-style:none; float:left; margin: 0 2em 0 0; } ul.items>li ul.item-links.right>li { margin-right:0; margin-left:2em; } ul.items>li ul.item-links>li>a { font-weight:bold; color:#690; } /* LINKPERITEM */ ul.items.linkperitem>li { padding:0; } ul.items.linkperitem>li>a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.items.linkperitem>li>a { background:transparent; /*padding:2em 0.5em;*/ padding:1px; color:#777; zoom:1; display:block; } ul.items.linkperitem>li>span.emulatelink { background:transparent; /*padding:2em 0.5em;*/ color:#777; zoom:1; display:block; } ul.items.linkperitem.colourimageonhover>li>span.emulatelink img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ opacity:0.8; } ul.items.linkperitem>li>a:hover { background:#efefef; color:#666; background: rgb(255,255,255); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,251,235,1) 42%, rgba(232,246,210,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(42%,rgba(245,251,235,1)), color-stop(100%,rgba(232,246,210,1))); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f6d2',GradientType=1 ); } ul.items.linkperitem.deactivatedlinks>li>a:hover { background:transparent; cursor:default; } ul.items.linkperitem>li>a:hover h3, ul.items.linkperitem>li>a:hover h3 .main { color:#690; } /* LINKSWITHINCONTENT */ ul.items.linkswithincontent h3 a { margin:0 0 1em 0; font-size: 1em; color:#777; font-weight:bold; text-shadow: 1px 1px #eee; } ul.items.linkswithincontent h3 a:hover { color:#690; } ul.items.linkswithincontent h3 span.meta { font-weight:normal; text-shadow: none; } /* USERS */ ul.userprofiles {} ul.userprofiles li.rolesasclasses {opacity:0.5;} ul.userprofiles li.rolesasclasses.ActiveUser {opacity:1;} ul.userprofiles li.rolesasclasses.ActiveUser.Admin a h3 { color:#f90; } ul.userprofiles li.rolesasclasses.ActiveUser.Admin a:hover h3 { color:#f90; } ul.userprofiles h3 .meta {float:right;font-weight:normal;color:#999;text-shadow:none;} /* UPDATEDISPLAYORDER - JQUERY SORTABLE LISTS TO ARRANGE THE ORDER OF ITEMS IN A CATEGORY */ /* overflow auto fix to stop jquery sortable bug - items being displayed at an offset equal to the page scroll padding stops a scrollbar appearing after applying above - though I'm not quite sure why it does margin set to minus couteracts the padding. what a tangled web we weave. */ ul.items.updatedisplayorder { overflow:auto;padding:30px 0;margin-top:-30px; } ul.items.updatedisplayorder li.updatedisplayorder-placeholder { height:10px; opacity:0.5; background:#690; border-radius:10px; } ul.items.updatedisplayorder>li>a:hover { background:#fff; } ul.items.updatedisplayorder li.ui-sortable-helper { box-shadow:0 0 5px 2px rgba(0,0,0,0.2); border-radius:5px; opacity:0.8; } ul.items.updatedisplayorder li.ui-sortable-helper a { border-radius:5px; } /* DELETABLEITEMS - E.G. CONTACT FORM AND SEARCH LISTS. SIMPLE LINK DOES AJAX DELETE FROM THE LIST ITSELF */ ul.items.deletableitems>li a.delete { color:#f90; text-decoration:none; } ul.items.deletableitems>li a.delete:hover { color:#c00; text-decoration:none; } /* MINI .ITEMS - E.G. FOR SHOWING DRAG & DROP CATEGORIES / AUTHORS IN EDITING SUITE */ ul.items-mini { width:614px; margin-left:-10px; } ul.items-mini:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.items-mini>li { width:auto; margin:10px; float:left; /*or display:inline-block;*/ border-radius:5px; box-shadow:0 0 2px 2px rgba(0,0,0,0.05); clear:none; } ul.items-mini.linkperitem>li a { padding:5px 7px 5px 5px; /* don't know why, just looks better */ } ul.items-mini>li>a { border-radius:5px; } ul.items-mini>li>a .item-image { margin:0; } ul.items-mini>li>a .item-image img { width:30px; height:30px; border:0; } ul.items-mini>li>a .item-content { /* 45px float:left;*/ display:table-cell; vertical-align:middle; height:32px; } ul.items-mini>li>a .item-content h3 { margin:0; line-height:32px; padding:0 10px; } .tabbed ul.items-mini>li>a .item-image { position:absolute; } .tabbed ul.items-mini>li>a .item-image img { width:30px; height:30px; } .tabbed ul.items-mini>li>a .item-content { padding-left:40px; } .tabbed ul.items-mini>li>a .item-content h3 { } /* PAGINATION FOR PAGED LISTS */ .pagination-container { clear:both; margin:40px 0 20px; } .pagination-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } /* INFINITE SCROLL LISTS */ .infinitescroll ul.items li.infinitescroll-nomoreresults { font-size:16px; text-align:center; font-weight:bold; height:60px; line-height:60px; color:#ccc; } .infinitescroll ul.items li.infinitescroll-loading { height:100px; background:url(/core/images/loading-graphics/loading-fp.gif) no-repeat center; } /* NO RESULTS */ ul.items>li.listitemsnoresults { } ul.items>li.listitemsnoresults h3 { font-size:14px; color:#690; } /*#pagebody select, #pagebody textarea, #pagebody input[type="text"], #pagebody input[type="url"], #pagebody input[type="password"], #pagebody input[type="date"], #pagebody input[type="email"], #pagebody input[type="tel"], #pagebody input[type="file"], #pagebody input[type="datetime"], #pagebody input[type="number"] */ select, textarea, input[type="text"], input[type="url"], input[type="password"], input[type="date"], input[type="email"], input[type="tel"], input[type="file"], input[type="datetime"], input[type="number"] { font:1.1em calibri, "trebuchet ms", arial,verdana, sans-serif; color:#666; line-height:24px; border:1px solid #eee; border-radius:5px; padding:5px 9px; box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); } #pagebody select, #pagebody input[type="text"], #pagebody input[type="url"], #pagebody input[type="password"], #pagebody input[type="date"], #pagebody input[type="email"], #pagebody input[type="tel"], #pagebody input[type="file"], #pagebody input[type="datetime"], #pagebody input[type="number"] { /*height:24px;*/ } .section select, .section input[type="text"], .section input[type="url"], .section input[type="password"], .section input[type="datetime"], .section input[type="date"], .section input[type="number"], .section input[type="tel"], .section input[type="email"], .section textarea { width:250px; font:1.1em calibri, "trebuchet ms", arial,verdana, sans-serif; background:#f6f4f4; color:#666; line-height:24px; border:1px solid #ddd; border-radius:5px; padding:0 5px; } textarea {height:80px;} textarea.small {height:50px;} textarea.medium {height:80px;} textarea.large {height:120px;} textarea.jHtmlArea { width:570px; height:200px; } .redactor, .redactor-maxi, .redactor-mini, .redactor-public {display:none;} select { padding:7px 7px 7px 9px; height:38px; } input[type="checkbox"],#content input[type="radio"] { width:15px; } button, input[type="submit"] { font-size:14px; padding:10px; } label.error { color:#044060; } input[type="text"].error, input[type="url"].error, input[type="password"].error, input[type="date"].error, input[type="datetime"].error, input[type="tel"].error, input[type="email"].error, input[type=number].error, textarea.error, select.error, input[type="text"].input-validation-error, input[type="url"].input-validation-error, input[type="password"].input-validation-error, input[type="date"].input-validation-error, input[type="datetime"].input-validation-error, input[type="tel"].input-validation-error, input[type="email"].input-validation-error, input[type=number].input-validation-error, textarea.error, select.input-validation-error { background:#fcc; background:#fff4ef; background: #fffdfd; background: -moz-linear-gradient(-45deg, #fffdfd 0%, #fef9f8 33%, #fcf0ee 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fffdfd), color-stop(33%,#fef9f8), color-stop(100%,#fcf0ee)); background: -webkit-linear-gradient(-45deg, #fffdfd 0%,#fef9f8 33%,#fcf0ee 100%); background: -o-linear-gradient(-45deg, #fffdfd 0%,#fef9f8 33%,#fcf0ee 100%); background: -ms-linear-gradient(-45deg, #fffdfd 0%,#fef9f8 33%,#fcf0ee 100%); background: linear-gradient(135deg, #fffdfd 0%,#fef9f8 33%,#fcf0ee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdfd', endColorstr='#fcf0ee',GradientType=1 ); } input[type="text"].valid, input[type="url"].valid, input[type="password"].valid, input[type="date"].valid, input[type="datetime"].valid, input[type="tel"].valid, input[type="email"].valid, input[type=phone].valid, input[type=number].valid, textarea.valid, select.valid { background:#a6ff9a; background:#fbffef; background: #fdfff9; background: -moz-linear-gradient(-45deg, #fdfff9 0%, #f8fded 33%, #ecf8d0 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdfff9), color-stop(33%,#f8fded), color-stop(100%,#ecf8d0)); background: -webkit-linear-gradient(-45deg, #fdfff9 0%,#f8fded 33%,#ecf8d0 100%); background: -o-linear-gradient(-45deg, #fdfff9 0%,#f8fded 33%,#ecf8d0 100%); background: -ms-linear-gradient(-45deg, #fdfff9 0%,#f8fded 33%,#ecf8d0 100%); background: linear-gradient(135deg, #fdfff9 0%,#f8fded 33%,#ecf8d0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfff9', endColorstr='#ecf8d0',GradientType=1 ); } span.field-validation-error { display:block; color:#c00; font-weight:normal; margin-top:10px; border-left:3px solid #c00; padding-left:10px; } div.errorMessages { background:#ff3; color:#000; border:1px solid #000; border-radius:5px; margin:20px 10px; padding:0; } div.errorMessages ul { margin:0; padding:0; } /* VALIDATION SUMMARY (E.G. LOGIN) */ .validation-summary-errors { padding:10px; margin:40px 0 20px; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); border-radius:5px; background:#900; } .validation-summary-errors ul { padding:0;margin:0;list-style:none; } .validation-summary-errors ul>li { color:#fff; margin:0;padding:0; } select.ui-datepicker-year { border:1px solid #fff;border-radius:3px; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; } ul.defaultformstyle { margin:20px 0; padding:0; list-style:none; } ul.defaultformstyle>li { margin:0 0 30px 0; padding:0; width:660px; } .tabbed ul.defaultformstyle>li { width:610px; } ul.defaultformstyle>li:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.defaultformstyle>li.twoitemsperrow { width:310px; } .tabbed ul.defaultformstyle>li.twoitemsperrow { width:285px; } ul.defaultformstyle>li.twoitemsperrow.firstitem { margin-right:10px; float:left; } ul.defaultformstyle>li.twoitemsperrow.seconditem { margin-left:10px; float:right; } ul.defaultformstyle>li>div.label { margin-bottom:0.5em; } ul.defaultformstyle>li div.label>label, ul.defaultformstyle>li label {color:#777;font-weight:bold;font-size:0.9em;} /* padding disallowed on select, so add 18px (allowing 2px for border) */ ul.defaultformstyle>li div.field { } input[type=radio], input[type=checkbox] { width:auto !important; } /*trouble is, this targets checkboxes and radios also - hence rule above */ ul.defaultformstyle>li div.field input, ul.defaultformstyle>li div.field textarea { width:640px; } ul.defaultformstyle>li div.field select { width:658px; } .padding-10 ul.defaultformstyle>li div.field input, .padding-10 ul.defaultformstyle>li div.field textarea { width:620px; } .padding-10 ul.defaultformstyle>li div.field select { width:638px; } .padding-20 ul.defaultformstyle>li div.field input, .padding-20 ul.defaultformstyle>li div.field textarea { width:600px; } .padding-20 ul.defaultformstyle>li div.field select { width:618px; } .tabbed ul.defaultformstyle>li div.field input, .tabbed ul.defaultformstyle>li div.field textarea { width:590px; } .tabbed ul.defaultformstyle>li div.field select { width:608px; } ul.defaultformstyle>li.twoitemsperrow div.field input, ul.defaultformstyle>li.twoitemsperrow div.field textarea { width:290px; } ul.defaultformstyle>li.twoitemsperrow div.field select { width:308px; } .padding-10 ul.defaultformstyle>li.twoitemsperrow div.field input, .padding-10 ul.defaultformstyle>li.twoitemsperrow div.field textarea { width:280px; } .padding-10 ul.defaultformstyle>li.twoitemsperrow div.field select { width:298px; } .padding-20 ul.defaultformstyle>li.twoitemsperrow div.field input, .padding-20 ul.defaultformstyle>li.twoitemsperrow div.field textarea { width:270px; } .padding-20 ul.defaultformstyle>li.twoitemsperrow div.field select { width:288px; } .tabbed ul.defaultformstyle>li.twoitemsperrow div.field input, .tabbed ul.defaultformstyle>li.twoitemsperrow div.field textarea { width:265px; } .tabbed ul.defaultformstyle>li.twoitemsperrow div.field select { width:283px; } ul.defaultformstyle>li.twofieldsperitem div.field { width:320px; } .padding-10 ul.defaultformstyle>li.twofieldsperitem div.field { width:310px; } .padding-20 ul.defaultformstyle>li.twofieldsperitem div.field { width:300px; } .tabbed ul.defaultformstyle>li.twofieldsperitem div.field { width:295px; } ul.defaultformstyle>li.twofieldsperitem div.field input, ul.defaultformstyle>li.twofieldsperitem div.field textarea { width:300px; } ul.defaultformstyle>li.twofieldsperitem div.field select { width:318px; } .padding-10 ul.defaultformstyle>li.twofieldsperitem div.field input, .padding-10 ul.defaultformstyle>li.twofieldsperitem div.field textarea { width:290px; } .padding-10 ul.defaultformstyle>li.twofieldsperitem div.field select { width:308px; } .padding-20 ul.defaultformstyle>li.twofieldsperitem div.field input, .padding-20 ul.defaultformstyle>li.twofieldsperitem div.field textarea { width:280px; } .padding-20 ul.defaultformstyle>li.twofieldsperitem div.field select { width:298px; } .tabbed ul.defaultformstyle>li.twofieldsperitem div.field input, .tabbed ul.defaultformstyle>li.twofieldsperitem div.field textarea { width:275px; } .tabbed ul.defaultformstyle>li.twofieldsperitem div.field select { width:293px; } ul.defaultformstyle>li.twofieldsperitem div.field.firstfield { float:left; margin-right:10px; } ul.defaultformstyle>li.twofieldsperitem div.field.secondfield { float:right; margin-left:10px; } ul.defaultformstyle>li p.comment { color:#aaa; font-size:0.9em; padding:0; line-height:1.4em; } ul.defaultformstyle li.twoitemsperrow.buttonitem {padding-top:32px;} /* no label, but align with t'other that has */ .defaultformstyle input[type=checkbox].checkboxasbutton, ul.defaultformstyle input[type=checkbox].checkboxasbutton, .tabbed ul.defaultformstyle div.field input[type=checkbox].checkboxasbutton { width:auto; } .defaultformstyle button, ul.defaultformstyle button { border:1px solid #fff; } .defaultformstyle button.green, ul.defaultformstyle button.green { color:#fff; text-shadow:-1px -1px rgba(55, 81, 22, 0.5); background: rgb(153,204,0); background: -moz-linear-gradient(-45deg, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: linear-gradient(135deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } .defaultformstyle button.orange, ul.defaultformstyle button.orange { color:#fff; text-shadow:-1px -1px 1px rgba(104, 81, 23, 0.5); background: rgb(255,204,0); background: -moz-linear-gradient(-45deg, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: linear-gradient(135deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } .defaultformstyle button.large, ul.defaultformstyle button.large { font-size:32px; padding:15px 30px; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); border-radius:10px; } ul.defaultformstyle button.medium, ul.defaultformstyle button.medium { font-size:18px; padding:10px 10px; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); border-radius:5px; } .defaultformstyle button.small, ul.defaultformstyle button.small { font-size:14px; padding:5px 10px; box-shadow:0 0 1px 1px rgba(0,0,0,0.1); border-radius:3px; } /* ul.defaultformstyle>li.twofieldsperitem div.field input.firstfield, ul.defaultformstyle>li.twofieldsperitem div.field textarea.firstfield, ul.defaultformstyle>li.twofieldsperitem div.field select.firstfield { float:left; margin-right:20px; } ul.defaultformstyle>li.twofieldsperitem div.field input.secondfield, ul.defaultformstyle>li.twofieldsperitem div.field textarea.secondfield, ul.defaultformstyle>li.twofieldsperitem div.field select.secondfield { float:right; margin-left:20px; } #ui-datepicker-div {z-index:999 !important;} /* ******************************************************************************************************************************************************** HOMEPAGE CONTENT ******************************************************************************************************************************************************** */ /* HOMEPAGE SPLASH */ #homepagesplash { height:300px; background:url(/customisation/images/path-h300.jpg) no-repeat center; /*margin:0 -30px 0 -30px;*/ -moz-box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.3); } #homepagesplash div.centeredsection { height:250px; } #homepagesplash-signup-text { width:760px; height:3em; position:absolute; top:1.6em; right:-94px; /*font-size:27px;*/ font-size:24px; font-weight:bold; color:#000;opacity:0.7; display:block; text-align: center; text-shadow: 0px 1px 0.94px rgba(0, 0, 0, 0.3); } #homepagesplash-signup-text span.webzen-icon { width:48px; height:48px; margin-right:3px; display:inline-block; background: url("/customisation/images/webzen-icons/zen-homepage.png") no-repeat left; vertical-align:middle; } a#homepagesplash-signup-button { position: absolute; top:104px; right:190px; display:inline-block; font-size:18px; padding:10px 12px; text-align:center; border:1px solid #777; border-radius:10px; /*padding-left:45px; background-image:url(/customisation/images/webzen-icons/zen-h32-fff.png);*/ background-position:7px 7px; background-repeat:no-repeat; box-shadow:0 0 4px 2px rgba(0,0,0,0.2); } a#homepagesplash-signup-button:hover { -moz-box-shadow: 0 -1px 6px 1px rgba(49, 100, 150,0.3); -webkit-box-shadow:0 -1px 6px 1px rgba(49, 100, 150,0.3); box-shadow: 0 -1px 6px 1px rgba(49, 100, 150,0.3); } #homepagesplash p.message { width:700px; height:3em; position:absolute; top:0; right:-79px; font-size:30px; font-weight:bold; color:#444; display:block; text-align: center; text-shadow: 0px -1px 6px rgba(0, 0, 0 ,0.2); } /* HOMEPAGE TABS */ div#homepagetabs { position:relative; /*top:-91px;*/ top:-120px; margin-bottom:-120px; /*height:240px; height:400px;*/ height:675px; width:621px; background:url(/customisation/images/parchment-white.jpg);background:#fff; border-bottom:0px solid #eee; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.3); border-radius:10px; } div#homepagetabs ul#homepagetabs-tabs { list-style:none; height:51px; border-radius: 10px 10px 0 0; /*box-shadow: 0px -3px 3px 3px rgba(0,0,0,0.3);*/ padding:0;margin:0; border-bottom:5px solid #eee; } div#homepagetabs ul#homepagetabs-tabs>li { float:left; width:207px; padding:0;margin:0; } div#homepagetabs ul#homepagetabs-tabs>li>a { list-style:none; font-weight:bold; display:block; text-align:left; padding:5px 5px 5px 48px; line-height:40px; font-size:15px; opacity:1; border:1px solid #fff; border-width:1px 0 0 0; color:#fff; /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/ background-image:url("/customisation/images/webzen-icons/zen-h24-fff.png"); background-repeat:no-repeat; background-position:16px 13px; } div#homepagetabs ul#homepagetabs-tabs>li>a:hover { opacity:1 } div#homepagetabs ul#homepagetabs-tabs>li.leftend>a { border-radius: 10px 0 0 0; border-width:1px 1px 0 1px; } div#homepagetabs ul#homepagetabs-tabs>li.rightend>a { border-radius: 0 10px 0 0; border-width:1px 1px 0 1px; } div#homepagetabs ul#homepagetabs-content { list-style:none; position:relative; height:623px; padding:0px; /*20px*/ border:1px solid #eee; border-bottom:none; border-top:none; border-radius:0 0 10px 10px; } div#homepagetabs ul#homepagetabs-content>li { position:absolute; /*top:20px;*/ display:none; width:579px; margin-top:-5px; height:583px; padding:20px; overflow:hidden; } div#homepagetabs ul#homepagetabs-content>li>img { float:left; width:220px; /*border-radius:10px 10px 0 0;*/ border-radius:5px; box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.3); border:1px solid #ccc; } div#homepagetabs ul#homepagetabs-content>li .textbox { float:left; width:335px; margin: 0 0 0px 20px; } div#homepagetabs ul#homepagetabs-content>li a.more { position:absolute; bottom:0;right:0; display:block; padding:10px; color:#fff; border-radius:10px 0; font-weight:bold; } div#homepagetabs ul#homepagetabs-content h2 { margin: 10px 0; font-size:16px; } div#homepagetabs ul#homepagetabs-content p { color:#777; text-align: justify; line-height:1.7em; } div#homepagetabs ul#homepagetabs-content ul.items { clear:both; padding-top:20px; } ul#homepagetabs-content li a.textlink { text-decoration:underline; } ul#homepagetabs-content li.homepagetabs-tabtheme-red { border-top:5px solid #900; } ul#homepagetabs-content>li.homepagetabs-tabtheme-red a.more { background:#900; } ul#homepagetabs-content li.homepagetabs-tabtheme-orange { border-top:5px solid #f90; } ul#homepagetabs-content>li.homepagetabs-tabtheme-orange a.more { background:#f90; } ul#homepagetabs-content li.homepagetabs-tabtheme-green { border-top:5px solid #690; } ul#homepagetabs-content>li.homepagetabs-tabtheme-green a.more { background:#690; } ul#homepagetabs-content li.homepagetabs-tabtheme-red h2 a { color:#900; } ul#homepagetabs-content li.homepagetabs-tabtheme-orange h2 a { color:#f90; } ul#homepagetabs-content li.homepagetabs-tabtheme-green h2 a { color:#690; } ul#homepagetabs-tabs a.homepagetabs-tabtheme-red { background-color:#900; } ul#homepagetabs-tabs a.homepagetabs-tabtheme-orange { background-color:#f90; } ul#homepagetabs-tabs a.homepagetabs-tabtheme-green { background-color:#690; } /*ul#homepagetabs-content li.homepagetabs-tabtheme-red a.colouredbutton { background:#900; } ul#homepagetabs-content li.homepagetabs-tabtheme-orange a.colouredbutton { background:#f90; } ul#homepagetabs-content li.homepagetabs-tabtheme-green a.colouredbutton { background:#690; }*/ ul#homepagetabs-content li.homepagetabs-tabtheme-red a.textlink { color:#900; } ul#homepagetabs-content li.homepagetabs-tabtheme-orange a.textlink { color:#f90; } ul#homepagetabs-content li.homepagetabs-tabtheme-green a.textlink { color:#690; } /* HOMEPAGE CONTACT */ a#homepage-contact { } a#homepage-contact:hover { } /* HOMEPAGE VIDEO BOX */ #homepage-video { opacity:0.3; border-radius:10px; border:10px solid #000; overflow:hidden; } /* HOMEPAGE ABOUT US BOX */ .boxedsection { border:1px solid #eee; border-radius: 10px; color:#333; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ /* background: url(/customisation/images/black-parchment-paper-texture.jpg); background:#fff; */ } #fpintro { padding:20px; width:960px; margin:50px 0; background:url(/customisation/images/parchment-white.jpg); /*background:url(/customisation/images/parchment-black.jpg);*/ } #fpintro h2 { margin:0 0 20px; } #fpintro h2 a { color:#690; } #fpintro h2 a .right { color:#f90; } /* HOMEPAGE WEBZEN */ /*#homepage-webzen { height:460px; width:540px; float:left; border:1px solid #ccc; background:#e7e7e7 url(/customisation/images/canvas.jpg); font-family:Merienda; padding:20px; border-radius:10px; }*/ #homepage-webzen { height:460px; width:540px; float:left; border:1px solid #ccc; background: #222 url(/customisation/images/black-parchment-paper-texture.jpg); font-family:Merienda; padding:20px; border-radius:10px; } #homepage-webzen h2 {color:#fff;margin:0 0 2em;} #homepage-webzen h3 {color:#690;} #homepage-webzen .content {color:#ccc;} #homepage-webzen li .meta {float:none;margin-left:0;} /* HOMEPAGE LOGO CYCLER */ div#homepage-logocycler { width:580px; z-index: 1; display:none; } /* lOGO CYCLER - NESTED UL */ ul#homepage-logocycler-container { /*margin-bottom:20px; margin-top:-20px;*/ margin-top:70px; opacity:0; padding:0 30px; width:280px; height:120px; } ul.logocycler-container { list-style:none; border-top:0px solid #ccc; z-index: 1; margin:0; padding:0; position:relative; } ul.logocycler-container li { z-index: 1; margin:0; padding:0; position:absolute; } ul.logocycler-container li.left { left:30px; } ul.logocycler-container li.right { right:30px; } ul.logocycler-container li.top { top:0; } ul.logocycler-container li.bottom { bottom:0; } ul.logocycler { position: relative; list-style:none; border:0px solid #ccc; z-index: 1; padding:0; margin:0; } ul.logocycler li { position:absolute; /*width:100%; height:100%;*/ z-index: 1; padding:0; margin:0; } ul.logocycler li img { /*width:100%; height:100%; */ } ul.logocycler.wide.h25 img, ul.logocycler.wide.h25 { height:25px;width:50px; } ul.logocycler.wide.h50 img, ul.logocycler.wide.h50 { height:50px;width:100px; } ul.logocycler.wide.h90 img, ul.logocycler.wide.h90 { height:90px;width:180px; } ul.logocycler.wide.h100 img, ul.logocycler.wide.h100 { height:100px;width:200px; } ul.logocycler.square.h25 img, ul.logocycler.square.h25 { height:25px;width:25px; } ul.logocycler.square.h50, ul.logocycler.square.h50 { height:50px;width:50px; } ul.logocycler.square.h90, ul.logocycler.square.h90 { height:90px;width:90px; } ul.logocycler.square.h100, ul.logocycler.square.h100 { height:100px;width:100px; } ul.logocycler.first {} ul.logocycler.second {} ul.logocycler.third {} ul.logocycler.fourth {} /* POLL - temporarily out of action, but would like to use soon */ div.poll ul.items h3 { margin:0 0 20px; font-size:16px; } div.poll ul.result {} div.poll ul.result li { clear:both; margin-bottom:10px; min-height:14px; font-size:12px; } div.poll ul.result li span.title { width:75px; float:left; margin-right:5px; display:block; text-align: right; font-size:12px; } div.poll ul.result li span.graphic { display:block; height:14px; float:left; border-radius:0 5px 5px 0; } div.poll ul.result li span.score { width:30px; float:right; color:#666; display:block; } div.poll ul.vote { margin:20px 0 0; } div.poll ul.vote li { display:inline-block; } div.poll ul.vote li a { color:#fff; font-size:12px; border-radius:5px; border:1px solid #ccc; display:block; padding:5px; } /* CUSTOMISATION .ITEMS */ ul.items { color:#666; clear:both; padding:0; font-size:0.9em; list-style:none; margin-bottom:50px; } ul.items>li { clear:both; position:relative; border-top:1px solid #eee; /*padding:20px 0; */ padding:0; margin:0; } ul.items>li, ul.items>li .item-links, ul.items>li .item-content { zoom:1; } ul.items>li:after, ul.items>li .item-links:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.items>li h3 { margin:0 0 1em 0; font-size: 1em; color:#777; font-weight:bold; text-shadow: 1px 1px #eee; } ul.items .item-content p { text-align: justify; margin:1em 0 0 0; /*margin:1.5em 0 0 0 ;*/ } ul.items .item-image { float:left; margin:2em 1em; } ul.items .item-image>img { border:1px solid #ccc; border-radius: 5px; width:90px; height:90px; } ul.items .item-content { position: relative; zoom:1; margin:2em 1em 2em 120px; } ul.items>li ul.item-links { list-style:none; margin:1.5em 0 0 0; padding:0; } ul.items>li ul.item-links>li { list-style:none; float:left; margin: 0 2em 0 0; } ul.items>li ul.item-links.right>li { margin-right:0; margin-left:2em; } ul.items>li ul.item-links>li>a { font-weight:bold; color:#690; } /* LINKPERITEM */ ul.items.linkperitem>li { padding:0; } ul.items.linkperitem>li>a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.items.linkperitem>li>a { background:transparent; /*padding:2em 0.5em;*/ padding:1px; color:#777; zoom:1; display:block; } ul.items.linkperitem>li>span.emulatelink { background:transparent; /*padding:2em 0.5em;*/ color:#777; zoom:1; display:block; } ul.items.linkperitem.colourimageonhover>li>span.emulatelink img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ opacity:0.8; } ul.items.linkperitem>li>a:hover { background:#efefef; color:#666; background: rgb(255,255,255); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,251,235,1) 42%, rgba(232,246,210,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(42%,rgba(245,251,235,1)), color-stop(100%,rgba(232,246,210,1))); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,251,235,1) 42%,rgba(232,246,210,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f6d2',GradientType=1 ); } ul.items.linkperitem.deactivatedlinks>li>a:hover { background:transparent; cursor:default; } ul.items.linkperitem>li>a:hover h3, ul.items.linkperitem>li>a:hover h3 .main { color:#690; } /* LINKSWITHINCONTENT */ ul.items.linkswithincontent h3 a { margin:0 0 1em 0; font-size: 1em; color:#777; font-weight:bold; text-shadow: 1px 1px #eee; } ul.items.linkswithincontent h3 a:hover { color:#690; } ul.items.linkswithincontent h3 span.meta { font-weight:normal; text-shadow: none; } /* USERS */ ul.userprofiles {} ul.userprofiles li.rolesasclasses {opacity:0.5;} ul.userprofiles li.rolesasclasses.ActiveUser {opacity:1;} ul.userprofiles li.rolesasclasses.ActiveUser.Admin a h3 { color:#f90; } ul.userprofiles li.rolesasclasses.ActiveUser.Admin a:hover h3 { color:#f90; } ul.userprofiles h3 .meta {float:right;font-weight:normal;color:#999;text-shadow:none;} /* UPDATEDISPLAYORDER - JQUERY SORTABLE LISTS TO ARRANGE THE ORDER OF ITEMS IN A CATEGORY */ /* overflow auto fix to stop jquery sortable bug - items being displayed at an offset equal to the page scroll padding stops a scrollbar appearing after applying above - though I'm not quite sure why it does margin set to minus couteracts the padding. what a tangled web we weave. */ ul.items.updatedisplayorder { overflow:auto;padding:30px 0;margin-top:-30px; } ul.items.updatedisplayorder li.updatedisplayorder-placeholder { height:10px; opacity:0.5; background:#690; border-radius:10px; } ul.items.updatedisplayorder>li>a:hover { background:#fff; } ul.items.updatedisplayorder li.ui-sortable-helper { box-shadow:0 0 5px 2px rgba(0,0,0,0.2); border-radius:5px; opacity:0.8; } ul.items.updatedisplayorder li.ui-sortable-helper a { border-radius:5px; } /* DELETABLEITEMS - E.G. CONTACT FORM AND SEARCH LISTS. SIMPLE LINK DOES AJAX DELETE FROM THE LIST ITSELF */ ul.items.deletableitems>li a.delete { color:#f90; text-decoration:none; } ul.items.deletableitems>li a.delete:hover { color:#c00; text-decoration:none; } /* MINI .ITEMS - E.G. FOR SHOWING DRAG & DROP CATEGORIES / AUTHORS IN EDITING SUITE */ ul.items-mini { width:614px; margin-left:-10px; } ul.items-mini:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.items-mini>li { width:auto; margin:10px; float:left; /*or display:inline-block;*/ border-radius:5px; box-shadow:0 0 2px 2px rgba(0,0,0,0.05); clear:none; } ul.items-mini.linkperitem>li a { padding:5px 7px 5px 5px; /* don't know why, just looks better */ } ul.items-mini>li>a { border-radius:5px; } ul.items-mini>li>a .item-image { margin:0; } ul.items-mini>li>a .item-image img { width:30px; height:30px; border:0; } ul.items-mini>li>a .item-content { /* 45px float:left;*/ display:table-cell; vertical-align:middle; height:32px; } ul.items-mini>li>a .item-content h3 { margin:0; line-height:32px; padding:0 10px; } .tabbed ul.items-mini>li>a .item-image { position:absolute; } .tabbed ul.items-mini>li>a .item-image img { width:30px; height:30px; } .tabbed ul.items-mini>li>a .item-content { padding-left:40px; } .tabbed ul.items-mini>li>a .item-content h3 { } /* PAGINATION FOR PAGED LISTS */ .pagination-container { clear:both; margin:40px 0 20px; } .pagination-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } /* INFINITE SCROLL LISTS */ .infinitescroll ul.items li.infinitescroll-nomoreresults { font-size:16px; text-align:center; font-weight:bold; height:60px; line-height:60px; color:#ccc; } .infinitescroll ul.items li.infinitescroll-loading { height:100px; background:url(/core/images/loading-graphics/loading-fp.gif) no-repeat center; } /* NO RESULTS */ ul.items>li.listitemsnoresults { } ul.items>li.listitemsnoresults h3 { /*font-size:14px; color:#690;*/ color:#999; font-size:13px; } ul.items>li.listitemsnoresults .item-image { margin:1em; } ul.items>li.listitemsnoresults .item-image>img { width:30px; height:30px; } ul.items>li.listitemsnoresults .item-content { margin:1.5em 1em 1em 50px; } /* MAIN LINKS & SUPERFISH DROPDOWNS */ #nav { background:#333; } ul#mainlinks { height:40px; list-style:none; font-size:13px; z-index:9; padding:0; } ul#mainlinks li { border-right:1px solid #000; border-left:1px solid #555; position:relative; line-height:1em; margin:0; } ul#mainlinks li.first { /*border-left:none;*/ } ul#mainlinks li.last { /*border-right:none;*/ } ul#mainlinks ul { list-style:none; padding:0; position:absolute; border-bottom:1px solid #666; } ul#mainlinks>li { display:inline-block; float:left; /*width:141px;*/ width:123px; } ul#mainlinks>li a { display:block; line-height:20px; text-align:center; background:#333; color:#eee; padding:10px; font-weight:normal; text-shadow: 1px 1px 1px #444; text-shadow:none; } ul#mainlinks>li a span.meta { display:block; font-weight:normal; opacity:0.6; float:none; margin-left:0; text-shadow:none; text-shadow: 1px 1px 1px #444; } ul#mainlinks li.highlight a, ul#mainlinks li.rightend.highlight a { color:#9c0; } ul#mainlinks li a:hover, ul#mainlinks li.rightend a:hover, ul#mainlinks li.selected>a { background:#000; background:#690; color:#fff; } ul#mainlinks li.highlight a:hover { color:#fff; } ul#mainlinks>li>ul { left:-1px; box-shadow:2px 2px 3px rgba(0,0,0,0.3); border-top:1px solid #555; display:none; } ul#mainlinks>li>ul li {border-top:0px solid #fff;} ul#mainlinks>li.last>ul { /*left:-144px; right:0px;*/ left: -127px; } ul#mainlinks>li.sublinkstoleft>ul { left: -126px; } ul#mainLinks>li.sublinkstoleft>ul>li>ul, ul#mainlinks>li.subsublinkstoleft>ul>li>ul { left: -252px; border-left:none; border-right:2px solid #690; box-shadow:-2px 2px 2px rgba(0,0,0,0.3); } ul#mainLinks>li.sublinkstoleft>ul>li>ul>li, ul#mainlinks>li.subsublinkstoleft>ul>li>ul>li { width:247px; } ul#mainlinks>li>ul li {width:248px;} ul#mainlinks>li>ul>li a { text-align:left; } ul#mainlinks>li>ul>li a:hover {} ul#mainlinks>li>ul>li>ul { position:absolute; left:249px; top:-1px; border-top:1px solid #555; border-left:2px solid #690; right:0; width:249px; box-shadow:2px 2px 3px rgba(0,0,0,0.3); } /* ul#mainlinks>li.sublinkstoleft>ul>li>ul { left: -252px; border-left:none; border-right:2px solid #690; box-shadow:-2px 2px 2px rgba(0,0,0,0.3); } ul#mainlinks>li.sublinkstoleft>ul>li>ul>li { width:247px; }*/ ul#mainlinks>li.last>ul>li>ul { /*left:-287px;*/ right:0; box-shadow:-2px 2px 2px rgba(0,0,0,0.3); } /* LAYOUT OVERVIEW */ html, body { height:100%; } body { width:100%; min-width:1200px; /* overflow-x:hidden;*/ } #bodywrapper { min-height:100%; position:relative; } .centeredsection { width:1000px; min-width:1000px; margin:auto; position:relative; } #header { background:#000; /*background:#222 url(/customisation/images/parchment-black.jpg);*/ /*background: rgb(0,0,0); background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(57,59,63,1) 32%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(32%,rgba(57,59,63,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(57,59,63,1) 32%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(57,59,63,1) 32%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(57,59,63,1) 32%,rgba(0,0,0,1) 100%); background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(57,59,63,1) 32%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); */ background: #303030; background: -moz-linear-gradient(-45deg, #303030 0%, #040404 46%, #000000 50%, #030303 53%, #191919 76%, #121212 87%, #090909 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#303030), color-stop(46%,#040404), color-stop(50%,#000000), color-stop(53%,#030303), color-stop(76%,#191919), color-stop(87%,#121212), color-stop(100%,#090909)); background: -webkit-linear-gradient(-45deg, #303030 0%,#040404 46%,#000000 50%,#030303 53%,#191919 76%,#121212 87%,#090909 100%); background: -o-linear-gradient(-45deg, #303030 0%,#040404 46%,#000000 50%,#030303 53%,#191919 76%,#121212 87%,#090909 100%); background: -ms-linear-gradient(-45deg, #303030 0%,#040404 46%,#000000 50%,#030303 53%,#191919 76%,#121212 87%,#090909 100%); background: linear-gradient(135deg, #303030 0%,#040404 46%,#000000 50%,#030303 53%,#191919 76%,#121212 87%,#090909 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#090909',GradientType=1 ); } #header .centeredsection { height:140px; } #pagebody { background:#fff; /*min-height:300px;*/ padding:40px 0; } #pagebody .centeredsection { } #megafooter { background:#000 /*url(/customisation/images/parchment-black.jpg)*/; padding-bottom:0px; color:#bbb; border-top:5px solid #000; border-bottom:5px solid #000; overflow:hidden; } #megafooter .centeredsection { position:relative; margin-top:50px; z-index:1; } div#megafooter img#megafooterbackground { opacity:0.1; z-index:0; position:absolute; /*top:0;left:0; height:100%; */ } #footer { background:#333; position:absolute; bottom:0px; width:100%; } #footer .centeredsection { height:50px; } #footer div { line-height:50px; color:#fff; } /* HEADER SECTION */ #logo { display:block; width:300px; height:60px; background-image:url('/customisation/images/fp-logo/discover-your-web-potential/logo-300x60.png'); position:absolute; top:40px; left:0px; } #headersearch { float:right; margin-top:70px; z-index:99999999999; } #headersearch input { padding:8px 8px 8px 13px; font-size:14px; border-radius:10px 0 0 10px; box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.6); width:60px; outline: none; } #headersearch button { padding:8px 15px; font-size:14px; border-radius:0 10px 10px 0; } #headersearch input.expandingsearchbox-input-off { color:#666; background-color:#555; border:0px solid #999; } #headersearch input.expandingsearchbox-input-on { color:#f90; background-color:#555; border:0px solid #f90; box-shadow:inset 0 0 2px 1px #f90; } #headersearch button.expandingsearchbox-button { opacity:1; } #headersearch button.expandingsearchbox-button-off { color:#ccc; background-color:#555; border:0px solid #999; font-weight:normal; } #headersearch button.expandingsearchbox-button-on { color:#fff; background-color:#ccc; border:0px solid #ccc; background: rgb(255,170,79); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,170,79,1) 0%, rgba(255,123,15,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,170,79,1)), color-stop(100%,rgba(255,123,15,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa4f', endColorstr='#ff7b0f',GradientType=0 ); /* IE6-9 */ } #expandingsearchbox-label {color:#f90;margin-right:10px;font-size:14px;} ul#headersearch-suggestedresults {display:none;} ul#headerevents { position:absolute; bottom:35px; left:410px; height:40px; width: 410px; padding:0;margin:0; list-style:none; display:none; /*background:#333; border:1px dotted #666; border-radius:5px;*/ } ul#headerevents>li { position:absolute; height:40px; line-height:20px; width: 400px; margin:0;padding:0; } ul#headerevents>li a { display:block; font-size:14px; opacity:1; text-align:center; color:#999; font-weight:bold; } ul#headerevents>li a:hover { color:#fff; opacity:1; } ul#headerevents>li>a>span.title { float:left; font-weight:normal; } ul#headerevents>li>a>span.date { /*float:left; margin-right:20px;*/ width:100%;display:block; color:#690; text-align:left; } ul#headerevents>li>a>span.price { float:left; margin-right:20px; color:#f90; display:none; } ul#headerlinks { position:absolute; top:0; left:410px; padding:0;margin:0; list-style:none; height:30px; } ul#headerlinks>li { float:left; padding:0;margin:0 1px 0 0; line-height:13px; } ul#headerlinks>li>a { padding:8px 20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); font-weight:bold; text-align:center; display:block; color:rgba(255,255,255,1); opacity:0.8; font-size:13px; } ul#headerlinks>li.first>a { border-radius:0 0 0 5px; } ul#headerlinks>li.last>a { border-radius:0 0 5px 0; } ul#headerlinks>li>a:hover { opacity:1; } ul#headerlinks>li.login>a { background:#f90; } ul#headerlinks>li.logout>a { background:#f90; } ul#headerlinks>li.signup>a { background:#666; } ul#headerlinks>li.contact>a { background:#690; } /* CONTENT SECTION but don't forget about cmscontentcontainer, which styles user input such as bullets and headings */ #maincontent {position:relative;} div.snippit ul.socialmediaprofilelinks { list-style:none; height:50px; padding:0; } div.snippit ul.socialmediaprofilelinks>li { float:left; margin:0 20px; } ul.socialmediaprofilelinks>li>a { display:block; height:50px; text-indent:200%; overflow:hidden; white-space: nowrap; opacity:0.5; } ul.socialmediaprofilelinks>li>a:hover {opacity:1;} ul.socialmediaprofilelinks>li.google>a { background:url('/customisation/images/socialmediaicons/h50/google.png'); background-position:-7px 0; width:93px; margin-left:3px; } ul.socialmediaprofilelinks>li.linkedin>a { background:url('/customisation/images/socialmediaicons/h50/linkedin.png'); width:100px; } ul.socialmediaprofilelinks>li.twitter>a { background:url('/customisation/images/socialmediaicons/h50/twitter.png'); width:50px; } div.snippit { margin:30px 0; border-left:1px dotted #ccc; padding: 0 0 0 10px; list-style:none; border-top:0px solid #eee; border-bottom:0px solid #eee; overflow:auto; font-style:normal; /*font-size:0.9em;*/ } div.snippit.contactus h2 { margin:1em 0 2em; } div.snippit img, div.snippit a img { display:inline-block; margin-right:10px; width:40px;height:40px; border-radius:5px; border:1px solid #ccc; vertical-align:middle; } div.snippit.contactus img, div.snippit.contactus a img { margin-right:10px; width:60px;height:60px; } div.snippit p {/*display:inline-block;*/} div.snippit ul { padding-left:30px; list-style:disc; } div.snippit ul li { margin:10px 0; } div.snippit p.publicationinfo-text {font-weight:bold;font-size:0.9em;} div.snippit p.pagedescription {font-style:italic;} /* .infobeforepagecontent { border-left:1px dotted #ccc; margin-bottom:20px; padding:5px; } .infobeforepagecontent p { margin:10px; } .infoafterpagecontent { margin:50px 0; } */ div.cmsvenue-googlemaps iframe { padding:0; margin:0; margin-bottom:-5px; } div.cmsvenue-googlemaps { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); padding:10px; } /* added boxshadow class */ /* MEGAFOOTER SECTION */ div#megafooter {position:relative;} div#megafooter h2 { color:#f90; margin:0 0 20px; font-size:16px; } div#megafooter-address .emulatetable { } div#megafooter-address .emulatetable .label { width:35px; margin-right:10px; text-align: left; } div#megafooter-address .emulatetable .value { width:200px; font-weight:bold; } div#megafooter-googlemaps a { color:#690; } #megafooter-logo { width:300px; height:60px; /* background:url(/customisation/images/fp-logo/black-bg-greyline/fp-h60.png); NOW IN APP SETTINGS SO SET INLINE IN VIEW background:url(/customisation/images/fp-logo/release-your-web-potential/logo-300x60.png);*/ display:block; margin-bottom:40px; } #megafooter ul.items.splititemswithbar>li{ border-top-color:#333; } ul.pageheadingelements { float:right; width:180px; margin:0 0 0 30px; padding:0; list-style:none; } ul.pageheadingelements li.image img, ul.pageheadingelements li.image a img {width:100%;} ul.pageheadingelements.width-60 {width:60px;} ul.pageheadingelements.width-90 {width:90px;} ul.pageheadingelements.width-120 {width:120px;} ul.pageheadingelements.width-180 {width:180px;} ul.pageheadingelements.width-240 {width:240px;} ul.pageheadingelements>li { margin:0 0 30px 0; padding:0; color:#aaa; position:relative; clear:both; } ul.pageheadingelements>li.image { float:right; } ul.pageheadingelements>li.image.userprofile { width:90px; height:90px; } ul.pageheadingelements>li.image>img, ul.pageheadingelements>li.image>a>img { border:1px solid #ccc; border-radius:5px; box-shadow:0 0 1px 1px rgba(0,0,0, 0.1); width:240px;height:240px; } ul.pageheadingelements>li.image.userprofile img { width:90px;height:90px; } ul.pageheadingelements>li.image>p.caption { color:#aaa; margin:0 5px 5px; text-align:justify; font-size:0.9em; } ul.pageheadingelements>li.links { } ul.pageheadingelements>li.links>ul { margin:0;padding:0; list-style:none; } ul.pageheadingelements>li.links>ul>li { margin:0 0 10px; padding:0; } ul.pageheadingelements>li.links>ul>li>a { padding:8px 10px; display:block; text-align:center; border-radius:5px; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); text-shadow:1px 1px 1px rgba(0,0,0,0.6); font-size:13px; } ul.pageheadingelements>li.links>ul>li>a:hover { box-shadow:0 0 2px 0px rgba(0,0,0,0.1); } /* SIDEBAR SECTION */ ul#sidebar { list-style:none; } ul#sidebar>li { margin-bottom:40px; margin-top:0; } ul#sidebar>li.phonenumber a { display:block; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); border-radius:5px; padding:20px; font-size:18px; color:#fff; text-shadow:1px 1px rgba(70, 109, 23, 0.8); /*background: #434343; background: -moz-linear-gradient(-45deg, #434343 0%, #4e4e4e 12%, #5a5a5a 25%, #3e3e3e 39%, #272727 50%, #000000 51%, #0f0f0f 60%, #262626 76%, #191919 91%, #111111 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#434343), color-stop(12%,#4e4e4e), color-stop(25%,#5a5a5a), color-stop(39%,#3e3e3e), color-stop(50%,#272727), color-stop(51%,#000000), color-stop(60%,#0f0f0f), color-stop(76%,#262626), color-stop(91%,#191919), color-stop(100%,#111111)); background: -webkit-linear-gradient(-45deg, #434343 0%,#4e4e4e 12%,#5a5a5a 25%,#3e3e3e 39%,#272727 50%,#000000 51%,#0f0f0f 60%,#262626 76%,#191919 91%,#111111 100%); background: -o-linear-gradient(-45deg, #434343 0%,#4e4e4e 12%,#5a5a5a 25%,#3e3e3e 39%,#272727 50%,#000000 51%,#0f0f0f 60%,#262626 76%,#191919 91%,#111111 100%); background: -ms-linear-gradient(-45deg, #434343 0%,#4e4e4e 12%,#5a5a5a 25%,#3e3e3e 39%,#272727 50%,#000000 51%,#0f0f0f 60%,#262626 76%,#191919 91%,#111111 100%); background: linear-gradient(135deg, #434343 0%,#4e4e4e 12%,#5a5a5a 25%,#3e3e3e 39%,#272727 50%,#000000 51%,#0f0f0f 60%,#262626 76%,#191919 91%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#111111',GradientType=1 );*/ background: #91ab0f; background: -moz-linear-gradient(-45deg, #91ab0f 0%, #5f860a 50%, #466c00 51%, #69910b 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#91ab0f), color-stop(50%,#5f860a), color-stop(51%,#466c00), color-stop(100%,#69910b)); background: -webkit-linear-gradient(-45deg, #91ab0f 0%,#5f860a 50%,#466c00 51%,#69910b 100%); background: -o-linear-gradient(-45deg, #91ab0f 0%,#5f860a 50%,#466c00 51%,#69910b 100%); background: -ms-linear-gradient(-45deg, #91ab0f 0%,#5f860a 50%,#466c00 51%,#69910b 100%); background: linear-gradient(135deg, #91ab0f 0%,#5f860a 50%,#466c00 51%,#69910b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ab0f', endColorstr='#69910b',GradientType=1 ); } /*ul#sidebar>li.phonenumber a { -webkit-animation: glow 1s infinite alternate; -moz-animation: glow 1s infinite alternate; -ms-animation:glow 1s infinite alternate; -o-animation:glow 1s infinite alternate; animation: glow 1s infinite alternate; }*/ ul#sidebar>li.phonenumber a:hover { text-shadow: 0 0 8px #fff; } ul#sidebar>li.calltoaction { } ul#sidebar>li.calltoaction a { display:block; padding:20px 10px; border-radius:10px; font-size:18px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); text-align:center; color:#fff; background: rgb(153,204,0); background: -moz-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: radial-gradient(ellipse at center, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } ul#sidebar>li.calltoaction a:hover { box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); background: rgb(255,204,0); background: -moz-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: radial-gradient(ellipse at center, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } ul#sidebar>li.calltoaction a { -webkit-animation: glow 1s infinite alternate; -moz-animation: glow 1s infinite alternate; -ms-animation:glow 1s infinite alternate; -o-animation:glow 1s infinite alternate; animation: glow 1s infinite alternate;/**/ } /* @-webkit-keyframes glow { to { text-shadow: 0 0 20px #fff; font-weight:bold; } } */ @-webkit-keyframes glow { 0% { text-shadow: 0 0 0; } 20% { text-shadow: 0 0 4px #fff;} 40% { text-shadow: 0 0 8px #fff;} 60% { text-shadow: 0 0 12px #fff;} 80% { text-shadow: 0 0 16px #fff;} 100% { text-shadow: 0 0 20px #fff; } } @-moz-keyframes glow { 0% { text-shadow: 0 0 0; } 20% { text-shadow: 0 0 4px #fff;} 40% { text-shadow: 0 0 8px #fff;} 60% { text-shadow: 0 0 12px #fff;} 80% { text-shadow: 0 0 16px #fff;} 100% { text-shadow: 0 0 20px #fff; } } @-o-keyframes glow { 0% { text-shadow: 0 0 0; } 20% { text-shadow: 0 0 4px #fff;} 40% { text-shadow: 0 0 8px #fff;} 60% { text-shadow: 0 0 12px #fff;} 80% { text-shadow: 0 0 16px #fff;} 100% { text-shadow: 0 0 20px #fff; } } @keyframes glow { 0% { text-shadow: 0 0 0; } 20% { text-shadow: 0 0 4px #fff;} 40% { text-shadow: 0 0 8px #fff;} 60% { text-shadow: 0 0 12px #fff;} 80% { text-shadow: 0 0 16px #fff;} 100% { text-shadow: 0 0 20px #fff; } } li.privacypolicy { background: #000 url(/customisation/images/parchment-black.jpg); border-radius:10px; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); } li.privacypolicy h2 { background:#333; padding:10px;margin:0; border-radius:10px 10px 0 0; font-size:13px; } li.privacypolicy h2 a { color:#fff; text-decoration:none; display:block; } li.privacypolicy h2 a .right { color:#ccc; } li.privacypolicy div.content {margin:10px;} li.privacypolicy p { color:#ccc; text-align:justify; margin:10px; line-height:1.7em; font-size:0.9em; } li.privacypolicy a.readmore {color:#f90;text-decoration:underline;display:block;margin:10px;padding-bottom:20px;} li.privacypolicy a.button {margin:30px;display:block;line-height:30px;} a#sidebar-discoverwebzen { height:182px; width:300px; border-radius:5px; position:relative; display:block; } a#sidebar-discoverwebzen>ul.bg { position:relative; list-style:none; height:182px; width:300px; margin:0;padding:0; border-radius:5px; } a#sidebar-discoverwebzen>ul.bg>li { position:absolute; height:182px; width:300px; margin:0;padding:0; border-radius:5px; } a#sidebar-discoverwebzen>ul.bg>li>img { border-radius:5px; } a#sidebar-discoverwebzen>span.caption { position:absolute; width:300px; bottom:0; left:0; z-index:6; background:rgba(0,0,0, 0.7); color:#fff; border-radius:0 0 5px 5px; } a#sidebar-discoverwebzen>span.caption h3 { margin:10px;padding:0; font-size:14px; color:#ddd; background:url(/customisation/images/webzen-icons/zen-h22-f90.png) right 0px top 0px no-repeat; } a#sidebar-discoverwebzen>span.caption.hover h3 { color:#fff; } a#sidebar-discoverwebzen>span.caption p { margin:10px;padding:0; font-size:13px; color:#eee; } a#sidebar-discoverwebzen>span.caption .showonhover { display:none; } a#sidebar-discoverwebzen>span.caption .showalways { } /* CMS LINK LISTS - USED IN SIDEBAR - RENAME THIS CLASS */ .cmslinkset { background:#fcfcfc; border-radius:5px; border:1px solid #eee; margin-bottom:20px; } .cmslinkset h2 { margin:0 ; padding:10px; text-shadow:1px 1px rgba(0,0,0, 0.1); color:#666; font-size:15px; } .cmslinkset h2>a { color:#666; font-size:15px; } .cmslinkset ul.items { margin:0; } .cmslinkset ul.items li { margin:0; } .cmslinkset ul.items li a { color:#690; display:block; padding:10px; } .cmslinkset ul.items.linkperitem li a:hover { background:#f3f3f3; color:#f90; } .cmslinkset ul.items>li a h3 .main {color:#777;} .cmslinkset ul.items>li a:hover h3 .main {color:#690;} /* and for cp... */ .cmslinkset.controlpanel { background:#333; border-radius:10px; border:2px solid #000; margin-bottom:20px; overflow:hidden; background: #444444; background: -moz-linear-gradient(-45deg, #444444 0%, #111111 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#444444), color-stop(100%,#111111)); background: -webkit-linear-gradient(-45deg, #444444 0%,#111111 100%); background: -o-linear-gradient(-45deg, #444444 0%,#111111 100%); background: -ms-linear-gradient(-45deg, #444444 0%,#111111 100%); background: linear-gradient(135deg, #444444 0%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111111',GradientType=1 ); } .cmslinkset.controlpanel h2 { text-shadow:1px 1px rgba(255, 255, 255, 0.1); color:#fff; background:#000; } .cmslinkset.controlpanel h2, .cmslinkset.controlpanel h2>a, .cmslinkset.controlpanel h2 span.meta a { color:#fff; font-size:13px; } .cmslinkset.controlpanel h2 span.meta, .cmslinkset.controlpanel h2 a span.meta { color:#ccc; font-weight:normal; display:block; padding-top:10px; } .cmslinkset.controlpanel ul.items { } .cmslinkset.controlpanel ul.items li { border-top:1px solid #444; } .cmslinkset.controlpanel ul.items li a { color:#ccc; text-shadow:1px 1px #000; } .cmslinkset.controlpanel ul.items.linkperitem li a:hover { background:#000; color:#fff; } .cmslinkset.controlpanel ul.items>li a h3 .main {color:#777;} .cmslinkset.controlpanel ul.items>li a:hover h3 .main {color:#690;} .cmslinkset.controlpanel ul#colouredzen { float:right; position:relative; height: 22px; width:22px; list-style:none; padding:0;margin:0; display:none; background-image:url(/customisation/images/webzen-icons/zen-h22-fff.png); } .cmslinkset.controlpanel ul#colouredzen li { position:absolute; height: 22px; width:22px; padding:0;margin:0; } .cmslinkset.controlpanel ul#colouredzen li img { height: 22px; width:22px; opacity:0.8; } /* *************************************************************************************************************************************** COMPARISON TABLES *************************************************************************************************************************************** */ a#enquirebutton { display:inline-block; padding:20px; text-align:center; color:#aaa; border-radius:10px; border:0px solid #efefef; } a#enquirebutton:hover { box-shadow:0 0 2px 2px rgba(0,0,0,0.05); } table.comparisontable { border-collapse:collapse; font-size:1em; color:#777; box-shadow:0 0 3px 3px rgba(0,0,0,0.05); /* overflow fucked up. cant do this :( border-radius:10px; */ overflow:hidden; overflow:visible; } table.comparisontable, table.comparisontable th, table.comparisontable td { border: 1px solid #eee; } table.comparisontable th, table.comparisontable td { padding:20px; } table.comparisontable td { vertical-align:middle; text-align:center; } table.comparisontable th { font-weight:bold; font-size:0.9em; color:#777; } table.comparisontable thead { background:#fff; border-radius:10px 10px 0 0; overflow:hidden; } table.comparisontable tr.idealfor td { text-align:left; padding:10px; } table.comparisontable tr.packagetypedescription td { padding:10px; text-align:left; } .floatedthead { padding-bottom:5px; overflow:visible !important; } .floatedthead thead { box-shadow:0 2px 2px 2px rgba(0,0,0,0.1); } #hideinfoiconswhenscrollingwithfixedthead { height:150px; width:46px; background:url(/customisation/images/websitepackageicons/infoiconhider.png) repeat-x; position:absolute; left:-50px; top:0px; } .comparisontable.floatThead-table {box-shadow:none;} table.comparisontable thead th { text-align:center; vertical-align:bottom; font-size:110%; } table.comparisontable thead th.enquire { text-align:center; vertical-align:middle; font-size:110%; } table.comparisontable tbody th { text-align:right; position:relative; } table.comparisontable thead th a, table.comparisontable tfoot th a { display:block; } table.comparisontable thead th span.price, table.comparisontable tfoot th span.price { opacity:0.7; font-size:90%; display:block; margin-top:20px; } table.comparisontable tbody th.qrcode { background:url(/customisation/images/websitepackageicons/qrcode-op60.jpg) no-repeat 20px 20px; } table.comparisontable tbody th.icon { padding-top:40px; } table.comparisontable tbody th.icon.google { background:url(/customisation/images/websitepackageicons/google-55x20.jpg) 10px 10px no-repeat; } table.comparisontable tbody th.icon.socialmedia { background:url(/customisation/images/websitepackageicons/socialmedia.jpg) 10px 10px no-repeat; } table.comparisontable tbody th.icon.email { background:url(/customisation/images/websitepackageicons/email.jpg) 10px 10px no-repeat; } table.comparisontable tbody th.icon.windowsserver { background:url(/customisation/images/websitepackageicons/windowsserver-113x20.jpg) 10px 10px no-repeat; } table.comparisontable td.detail { text-align:left; vertical-align:top; } table.comparisontable td.yes, table.comparisontable td.no, table.comparisontable td.number, table.comparisontable td.text { height:40px; } table.comparisontable td.yes, table.comparisontable td.no { text-indent:-10000px; } table.comparisontable img.infoicon { height:20px; width:20px; vertical-align:middle; position:absolute; left:-40px; } table.comparisontable div.moreinfo { display:none; position:absolute;top:80%;left:-40px; padding:10px; background:#fff; border:1px solid #eee; z-index:99; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); color:#777; border-radius:10px; font-weight:normal; text-align:left; width:700px; max-width:700px; } table.comparisontable td.yes { background: url(/core/images/comparisontable/yes-80x53.jpg) no-repeat center; } table.comparisontable td.no { background: url(/core/images/comparisontable/no-80x53.jpg) no-repeat center; } table.comparisontable td.alert { color:#f90; } /* table.comparisontable td.number { color: #690; font-size:30px; font-weight:bold; font-family:"Comic Sans MS", cursive, sans-serif; }*/ table.comparisontable td.number { font-size:30px; font-weight:bold; font-family:"Comic Sans MS", cursive, sans-serif; } table.comparisontable td.text { font-size:18px; font-weight:bold; } table.comparisontable td.number.off, table.comparisontable td.text.off { color: #c00; } table.comparisontable td.number.on, table.comparisontable td.text.on { color: #690; } /* GRAPHICS */ #serviceplans-description { width:370px; float:right; padding-left:40px; padding-top:120px; position:relative; } #serviceplans-description a.button.enquirenow { display:inline-block; margin:25px 0 50px; font-size:16px; } #enquireServiePackageBtn { position:absolute; top:-20px; } #serviceplans-description h2 { color:#690; margin-top:2em; } hr.serviceplan-linebr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 2em 0 1em; padding: 0; } #serviceplans-boosterpacks { clear:left; } #serviceplans-graphic-container { position:relative; width:560px; height:720px; float:left; background:url(/customisation/images/service-plan-graphic.jpg) no-repeat 110px 20px; } #serviceplans-graphic-container span#bigcog-gear-up { position:absolute; top:300px; left:352px; font-size:26px; font-weight:bold; color:#EEE; } #serviceplans-graphic-container span#bigcog-to { position: absolute; top: 332px; left: 393px; font-size: 20px; font-weight: bold; color: #EEE; } #serviceplans-graphic-container span#bigcog-web-success { position: absolute; top: 360px; left: 323px; font-size: 26px; font-weight: bold; color: #EEE; } #serviceplans-graphic-container span.label { font-size:19.5px; font-weight:bold; font-family:Calibri, Verdana, Sans-Serif; position:absolute; opacity:0.7; } #serviceplans-graphic-container span#social-media { top:0px; right:160px; color:#690; } #serviceplans-graphic-container span#video-production { top:65px; right:385px; color:#666; } #serviceplans-graphic-container span#photography { top:253px; right:450px; color:#c00; } #serviceplans-graphic-container span#seo { top:385px; right:440px; color:#0081b0; } #serviceplans-graphic-container span#copywriting { top:510px; right:350px; color:#7e7e7e; } #serviceplans-graphic-container span#web-mot-analysis { top:585px; right:240px; color:#f90; } /* GRAPH #graph-container { width:1000px; height:1000px; position:relative; } #graph-mainaxes { width:960px; height:960px; border: 1px solid #ccc; border-width:0 0 1px 1px; position:absolute; top:0;right:0; } ul#graph-axispoints-vertical { position:absolute; top:0;left:35px; height:960px; width:5px; list-style:none; padding:0; margin:0; } ul#graph-axispoints-vertical>li { border-bottom:1px solid #ccc; height:79px; width:5px; padding:0; margin:0; } ul#graph-axislabels-vertical { width:35px; height:960px; padding-top:40px; list-style:none; padding:0; margin:0; position:absolute; bottom:40px; left:0; } ul#graph-axislabels-vertical>li { height:80px; line-height:80px; width:35px; padding:0; margin:0; text-align:center; vertical-align:middle; display:table-cell; float:left;clear:left; } ul#graph-axispoints-horizontal { position:absolute; bottom:35px;left:35px; width:960px;height:5px; list-style:none; padding:0; margin:0; overflow:auto; } ul#graph-axispoints-horizontal>li { width:80px; border-right:1px solid #ccc; width:79px; height:5px; padding:0; margin:0; display:block; float:left; } ul#graph-axislabels-horizontal { height:35px; width:960px; padding-left:40px; list-style:none; padding:0; margin:0; position:absolute; bottom:0; overflow:auto; left:40px; } ul#graph-axislabels-horizontal>li { height:35px; line-height:35px; width:80px; padding:0; margin:0; display:block; float:left; text-align:center; } */ #at4-whatsnext { border-radius:5px 0 0 0; background:#690; color:rgba(255,255,255,0.9); } #at4-whatsnext a { color:#fff; } #at4-whatsnext .at-whatsnext-content-inner h6 { color:#fff; font-size:14px; } #at4-whatsnext .at-whatsnext-content-inner small { color:rgba(225,255,255,0.8); } #at4-recommended .at4-recommended-item { border-radius:5px; overflow:hidden; box-shadow:0 0 3px 3px rgba(0,0,0,0.6); border:1px solid #999; margin:0 30px; } #at4-recommended { border-top:2px solid #999; background: #5b5b5b; background: -moz-linear-gradient(-45deg, #5b5b5b 0%, #0a0a0a 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5b5b5b), color-stop(100%,#0a0a0a)); background: -webkit-linear-gradient(-45deg, #5b5b5b 0%,#0a0a0a 100%); background: -o-linear-gradient(-45deg, #5b5b5b 0%,#0a0a0a 100%); background: -ms-linear-gradient(-45deg, #5b5b5b 0%,#0a0a0a 100%); background: linear-gradient(135deg, #5b5b5b 0%,#0a0a0a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#0a0a0a',GradientType=1 ); } #at4-recommended h3.at-recommended-label { color:#ccc; font-size:22px; text-shadow:1px 1px #000; margin:30px 0 50px; } body span.at-follow-label { color:#999; font-size:14px; line-height:24px; font-weight:bold; } .redactor_toolbar { /* blacks background: #45484d; background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); background: -o-linear-gradient(top, #45484d 0%,#000000 100%); background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); background: linear-gradient(to bottom, #45484d 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); background: #888c94; background: -moz-linear-gradient(top, #888c94 0%, #616161 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888c94), color-stop(100%,#616161)); background: -webkit-linear-gradient(top, #888c94 0%,#616161 100%); background: -o-linear-gradient(top, #888c94 0%,#616161 100%); background: -ms-linear-gradient(top, #888c94 0%,#616161 100%); background: linear-gradient(to bottom, #888c94 0%,#616161 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888c94', endColorstr='#616161',GradientType=0 ); */ background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); } .redactor_toolbar li a { /*color:#ccc; */ } .redactor_toolbar li a:hover { background-color:#f90; color:#fff; } .tabbed div.tabbed-content .redactor_editor h2, .redactor_editor h2 { color:#690; font-size:1em; /*margin:2em 0 1em !important;*/ line-height: 1.5em; font-family: Arial, Sans-Serif; } .tabbed ul.defaultformstyle > li div.field .redactor_box textarea { width:610px; border-radius:0; } #redactor_modal button {border-radius:0;box-shadow:none;} #redactor_modal button.redactor_modal_action_btn {background:#690 !important;} #redactor_modal button.redactor_btn_modal_close {} * {font-family: Arial, Helvetica, sans-serif;} body { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; color:#777; } .ui-widget { /*font-family: Verdana,Arial,sans-serif; font-size: 1.1em/*{fsDefault};*/ font-family: Arial, Helvetica, sans-serif; font-size:1em; } a { text-decoration: none; color:#690; } a:hover { color:#f90; } a.underline { text-decoration: underline; } p, li { line-height: 2em; /*margin-top:1em;*/ margin:1em 0; } input[type=checkbox] {cursor:pointer;} .smallertext {font-size:0.9em !important;} abbr { cursor:help; } h1 { margin: 0 0 40px 0; font-size:1.7em; color:#690; } h2 { color:#690; font-size:1.1em; margin:4em 0 1em; line-height: 1.5em; } h2.subheading {margin-top:-20px;color:#999;} h3 { color:#666; margin:2.5em 0 0.5em; font-size:1em; line-height: 1.5em; } h4 { color:#f90; margin:2em 0 1.5em; line-height: 1.5em; } ol, ul {padding-left:30px;} ol { margin:2em 0 2em 2em; } ol>li { line-height:1.5em; margin:1em 0; } fieldset {display:block;clear:both;margin:10px 0 40px;} .highlight-colour1 {color:#669900 !important;} .highlight-colour2 {color:#ff9900 !important;} /* ******************************************************************************************************************************************************** CMS CONTENT - WRITTEN BY CLIENT IN CMS ******************************************************************************************************************************************************** */ .cmscontentcontainer, .cmscontentcontainer p { color:#666; text-align:justify; /* these 2 lines match default p settings */ line-height: 2em; margin:1em 0 0 0; } .cmscontentcontainer blockquote { color:#888; text-align:justify; /* these 2 lines match default p settings */ line-height: 2em; margin:1em 0 0 2em; font-style:italic; } .cmscontentcontainer a { text-decoration:underline; } .cmscontentcontainer img {border-radius:5px;} ol.withbullets, .cmscontentcontainer ol { list-style:decimal; } ul.withbullets, .cmscontentcontainer ul { list-style:disc; } ol.withbullets, ul.withbullets, .cmscontentcontainer ul, .cmscontentcontainer ol { margin:1em 0 3em; padding-left:3em; } ol.withbullets>li, ul.withbullets>li, .cmscontentcontainer ul>li, .cmscontentcontainer ol>li { margin:1em 0; text-align:left; } .redactor_editor img, .cmscontentcontainer img { margin:2em auto !important; } .redactor_editor img.right, .cmscontentcontainer img.right { margin:2em 0 2em 2em !important; } .redactor_editor img.left, .cmscontentcontainer img.left { margin:2em 2em 2em 0 !important; } .redactor_editor aside, .cmscontentcontainer aside { padding:20px; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); border-radius:5px; margin:30px 0; background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #fafafa 50%, #f7f7f7 51%, #ffffff 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#fafafa), color-stop(51%,#f7f7f7), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(-45deg, #ffffff 0%,#fafafa 50%,#f7f7f7 51%,#ffffff 100%); background: -o-linear-gradient(-45deg, #ffffff 0%,#fafafa 50%,#f7f7f7 51%,#ffffff 100%); background: -ms-linear-gradient(-45deg, #ffffff 0%,#fafafa 50%,#f7f7f7 51%,#ffffff 100%); background: linear-gradient(135deg, #ffffff 0%,#fafafa 50%,#f7f7f7 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); } .redactor_editor aside.left, .cmscontentcontainer aside.left { width:270px; float:left; margin:1em 2em 1em 0; } .redactor_editor aside.right, .cmscontentcontainer aside.right { width:270px; float:right; margin:1em 0 1em 2em; } .redactor_editor aside.alignwithheading, .cmscontentcontainer aside.alignwithheading { margin-top:4em; } .redactor_editor aside h3, .cmscontentcontainer aside h3 { margin:0 0 20px; color:#f90; } .redactor_editor aside p, .cmscontentcontainer aside p { margin:10px 0 0; } /* DISPLAY NAME VALUE PAIRS IN A LIST, FLOATING LEFT TO FIT AS MANY AS POSS INTO AREA / LIST ITEM E.G. EVENTCOST: �10, VENUE: MYHOUSE, DATE: 21-01-14 */ span.informationitem, ul.items span.informationitem { display:inline-block; margin-right:30px; } /* FEATURE - INFO BOXES IN LONGER ARTICLES, SHOULD BE USED AS PART OF CMS */ .feature { float:right; clear:right; width:220px; color:#666; margin:0 0 30px 30px; padding:10px; box-shadow:0 0 2px 2px rgba(0,0,0, 0.1); border-radius:10px; overflow: hidden; } .feature h3 { background:#690; color:#fff; padding:10px; margin:-10px -10px 10px -10px; border-radius:10px 10px 0 0; } .feature p { color:#666; text-align: justify; } /* SOCIAL LOGINS LIST */ .texteditorbox fieldset.externalloginslist, fieldset.externalloginslist { margin-top:20px; margin-bottom:0; margin: 20px -10px 0 -10px; /*text-align:center;*/ } .padding-20 fieldset.externalloginslist { margin-right:-13px; margin-left: -13px; } fieldset.externalloginslist button { height:60px; cursor: pointer; border-radius:5px; box-shadow: 0 0 1px 1px rgba(0,0,0, 0.1); background-color:#fff; display:inline-block; background-repeat:no-repeat; background-position: center; clear:none !important; margin:8px !important; float:none !important; /* opacity:0.8; filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); } fieldset.externalloginslist button:hover { filter: none; -webkit-filter: grayscale(0); opacity:1;*/ } .padding-20 .externalloginslist button { margin:0 13px 15px 0; } .externalloginslist button#sociallogins_google { background-image:url(/customisation/images/brand-logos/wide/h50/google.png); width: 110px; } .externalloginslist button#sociallogins_linkedIn { background-image:url(/customisation/images/brand-logos/wide/h50/linkedIn.png); width: 110px; } .externalloginslist button#sociallogins_twitter { background-image:url(/customisation/images/brand-logos/wide/h50/twitter.png); width: 110px; } .externalloginslist button#sociallogins_yahoo { background-image:url(/customisation/images/brand-logos/wide/h50/yahoo.png); width: 110px; } .externalloginslist button#sociallogins_stackexchange { background-image:url(/customisation/images/brand-logos/wide/h50/stackexchange.png); width: 110px; } .externalloginslist button#sociallogins_Facebook { background-image:url(/customisation/images/brand-logos/wide/h50/Facebook.png); width: 110px; } /* THEME-COLOURED BACKGROUNDS AND ELEMENTS - SOME NO LONGER IN USE, BUT WHICH?! */ .text-red {color:#900 !important;} .text-green {color:#690 !important;} .text-orange {color:#f90 !important;} .text-white {color:#fff !important;} .text-grey {color: #999 !important;} .bg-black {background: #000 !important;} .bg-red {background:#900 !important;} .bg-orange {background:#f90 !important;} .bg-green {background:#690 !important;} .bg-white {background:#fff !important;} .bg-black-rgba {background:rgba(0, 0, 0, 0.7) !important;} .bg-red-rgba {background:rgba(153, 0, 0, 0.8) !important;} .bg-orange-rgba {background:rgba(255, 153, 0, 0.8) !important;} .bg-green-rgba {background:rgba(102, 153, 51, 0.8) !important;} .bg-white-rgba {background:rgba(255, 255, 255, 0.8) !important;} .headingicon {line-height:40px;} .headingicon img {height:30px;width:30px;padding:5px;border-radius:5px;box-shadow:0 0 2px 2px rgba(0,0,0, 0.1);} .headingicon img.right {float:right;margin-left:20px;} .headingicon img.left {float:left;margin-right:20px;} .status-colour.success {color:#690 !important;} .status-colour.warning {color:#f90 !important;} .status-colour.error {color:#900 !important;} .status-background.success, .status-background.on {background:#690 !important;} .status-background.off {background:#999 !important;} .status-background.warning {background:#f90 !important;} .status-background.error {background:#900 !important;} .boxshadow {box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);} .hiddenonpageload {display:none;} /* REASONS TO SIGN UP ON WEBZEN PAGE */ ul#webzenbenefits {list-style:none;padding:0;margin:0;margin:30px 0;} ul#webzenbenefits li {padding:30px 0 30px 120px;position:relative;margin:0;border-top:1px solid #eee;} ul#webzenbenefits li div.item-image {width:120px;position:absolute;top:40px;left:0;} ul#webzenbenefits li div.item-image img {width:120px;border-radius:5px;box-shadow:0 0 2px 2px rgba(0,0,0,0.1);} ul#webzenbenefits li div.item-content {/*width:500px;*/} ul#webzenbenefits li h2 {margin:0 0 10px 20px;line-height:32px;color:#690;font-size:0.95em;} ul#webzenbenefits li h2 .meta {/*margin-left:20px;*/float:right;opacity:0.7;font-weight:normal;} ul#webzenbenefits li p {margin:10px 20px 0 20px;} ul#webzenbenefits.webzenuserhomepage li a h2 {color:#690;font-size:0.9em;} ul#webzenbenefits.webzenuserhomepage li a h2 .meta {margin-left:10px;float:right;color:#f90;} ul#webzenbenefits.webzenuserhomepage li p {color:#777;} /* DROP SHADOW BOX, AS USED FOR LOGIN REQUIRED, ADDING COMMENTS, ADDING A FORUM POST, DELEGATE BOOKING WIDGET, ETC ** i think .... don't we now have a .boxshadow class? *** */ .dropshadowbox { box-shadow:0 0 2px 2px rgba(0,0,0, 0.1); border-radius:5px; padding:10px; } /* SNEAKY SEARCH FORM - tucked away behind a toggling link at the top of searchable lists (e.g. contact forms) */ #sneakysearchform { position:relative; } #sneakysearchform input { width:450px; } a#sneakysearchform-toggletrigger { color:#bbb; } a#sneakysearchform-toggletrigger:hover { color:#690; } #sneakysearchform .clearsearch { color:#bbb; position:relative; top:-32px; left:425px; } #sneakysearchform .clearsearch:hover { color:#f90; } /* NOW USING BLOCKUI FOR SYTLES: OVERLAY ELEMENTS THAT REQUIRE USER TO BE LOGGED IN - GIVE THEM A SNEAKY PREVIEW OF THE CONTENT BUT MAKE IT UNUSABLE .overlayforunregisteredusers-container { position:relative; } .overlayforunregisteredusers { opacity:0.7; background:#fff; position:absolute; width:100%; z-index:9; } #askanexpert-ask-overlayforunregisteredusers {height:600px;} */ /* CLICK ME TO GO TO TOP OF PAGE */ a#topofpage { width:64px; height:64px; position:fixed; bottom:30px; right:30px; display:block; z-index:99; background:url(/customisation/images/top-of-page/top-of-page-999.png); opacity:0.5; } /* SEPARATE ITEMS ON A PAGE - E.G. COMMENTS FROM ACTUAL NEWS ARTICLE */ hr.splitter { clear:both; height:0; border-top:1px dashed #ccc; margin:40px 0; } /* TABBED - USED FOR EDITING SUITE AND OTHER TABBED CONTENT (E.G. HOME PAGE OF EVENTS, WITH A TAB FOR EACH CATEGORY) */ .tabbed { border:1px solid #eee; opacity:0; clear:both; overflow:auto; padding-bottom:40px; margin-top:30px; } .tabbed ul.tabbed-tabs { min-height:40px; margin-bottom:10px; list-style:none; border:1px solid #ccc; /**/background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#e3e3e3 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#e3e3e3 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#e3e3e3 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e3e3',GradientType=0 ); /* cancelled cos andrea didn't like it :( background: #92c200; background: -moz-linear-gradient(top, #92c200 0%, #516c00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c200), color-stop(100%,#516c00)); background: -webkit-linear-gradient(top, #92c200 0%,#516c00 100%); background: -o-linear-gradient(top, #92c200 0%,#516c00 100%); background: -ms-linear-gradient(top, #92c200 0%,#516c00 100%); background: linear-gradient(to bottom, #92c200 0%,#516c00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c200', endColorstr='#516c00',GradientType=0 ); */ } .tabbed ul.tabbed-tabs:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .tabbed ul.tabbed-tabs li a { line-height:40px; display:block; padding:0 10px; font-size:13px; font-weight:bold; color:#666; color:#fff; text-shadow: 0 0 2px rgba(0,0,0, 0.1); } .tabbed ul.tabbed-tabs li { height:40px; } .tabbed.withprimarytab li { margin-top:10px; } .tabbed.withprimarytab li.primarytab { height:50px; line-height:50px; margin-top:0; } .tabbed.withprimarytab li.primarytab a { font-size:110%; padding:10px 15px 0; } .tabbed ul.tabbed-tabs li.ui-state-default { color:rgba(255, 255, 255, 0.6); /*background: #92c200; background: -moz-linear-gradient(top, #92c200 0%, #516c00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c200), color-stop(100%,#516c00)); background: -webkit-linear-gradient(top, #92c200 0%,#516c00 100%); background: -o-linear-gradient(top, #92c200 0%,#516c00 100%); background: -ms-linear-gradient(top, #92c200 0%,#516c00 100%); background: linear-gradient(to bottom, #92c200 0%,#516c00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c200', endColorstr='#516c00',GradientType=0 ); */ background: #6b8e00; background: -moz-linear-gradient(top, #6b8e00 0%, #3b4e00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b8e00), color-stop(100%,#3b4e00)); background: -webkit-linear-gradient(top, #6b8e00 0%,#3b4e00 100%); background: -o-linear-gradient(top, #6b8e00 0%,#3b4e00 100%); background: -ms-linear-gradient(top, #6b8e00 0%,#3b4e00 100%); background: linear-gradient(to bottom, #6b8e00 0%,#3b4e00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b8e00', endColorstr='#3b4e00',GradientType=0 ); } .tabbed ul.tabbed-tabs li.ui-state-default a { color:rgba(255, 255, 255, 0.6); } .tabbed ul.tabbed-tabs li.ui-state-default a:hover { color:rgba(255, 255, 255, 0.8); /*outline-color:#fff; border-color:#fff;*/ } .tabbed ul.tabbed-tabs li a { color:#fff; text-shadow: 0 0 2px rgba(0,0,0, 0.1); } .tabbed ul.tabbed-tabs li.ui-state-active { background:#fff; } .tabbed ul.tabbed-tabs li.ui-state-active a, .tabbed ul.tabbed-tabs li.ui-state-active a:hover { color:#690; outline:none; } .tabbed div.tabbed-content { /*padding:20px;*/ clear:both; } .tabbed div.tabbed-content h2 { margin:0 0 20px 0; /*color:#aaa;*/ } .tabbed div.tabbed-content h3 { /*color:#690;*/ margin-bottom:-0.5em; } .tabbed div.tabbed-content h2 a { color:#aaa; } .tabbed .redactor_editor h2 { color:#690; } .tabbed .redactor_editor h2 a { color:#690; } .tabbed div.tabbed-content p.heading { margin:50px 0 20px 0; color:#f90; font-size:1em; font-weight:bold; } .tabbed div.tabbed-content h2.addtopmargin { margin:80px 0 20px 0; } .tabbed div.tabbed-content h3 a {color:#999;} .tabbed div.tabbed-content h3 a:hover {color:#f90;} .tabbed fieldset { margin:0; display:block; clear:both; } .tabbed button.editingsuite-savebutton-top { position:absolute; top:10px;right:10px; } .tabbed button.editingsuite-savebutton-bottom { } .tabbed .ajaxreturnmessagecontainer { font-weight:bold; } /* WHERE DO THESE WIDGETS APPLY TO? THEY WERE NEXT TO .TABBED IN CSS */ .ui-widget input, .ui-widget textarea {font-size: 1.1em;font-family: calibri, "trebuchet ms", arial,verdana, sans-serif;} .ui-widget-content {color:#777;} .ui-widget-content a {color:#690;} .ui-widget-content a:hover {color:#f90;} /*.ui-tabs {position:inherit;}*/ /* ASSOCIATED ITEMS - IN EDITING SUITE, DRAG AND DROP TO EDIT CATEGORIES, AUTHORS AND TAGS HOW DO THESE INTERACT WITH MINI-HTMLITEM LISTS (lists.css)? */ ul.associateditems { /* empty lists have no height. therefore give both lists a min-height so that items can still be dragged into them min-height:30px; border-left:1px dotted #ccc; padding-left:10px; */ } ul.associateditems.available>li { opacity:0.6; } ul.associateditems .ui-state-highlight { width:100px; height:40px; background:#F4FBE9; box-shadow:none; border:1px solid #eee; } /* .SECTION AND .PAGESECTION CLASSES - NOT QUITE SURE WHERE THESE ARE USED. SOME MAY NOT BE AT ALL Result: .pagesection are used on home page to contain news items.
*/ div.section { margin:40px 0; } div.section h2 { color:#777; font-size:1.4em; margin-bottom:10px; } div.section h3 { color:#777; font-size:1.1em; } div.section p { text-align: justify; } div.section.left { clear:left; } div.section.right { clear:right; } .pagesection {padding-bottom:5px;} .pagesection.wide { width:620px; width:660px; } .pagesection.medium { width:480px; } .pagesection.narrow { width:300px; } .pagesection.fullwidth { width:1000px; } .pagesection.homepage h2 { margin:0 0 10px; /* if() on master layout is just to add the class for this. Maybe we can get rid of it. */ } .pagecontentitem { margin-bottom:50px; } .pagecontentitem p { text-align:justify; } /* BUTTON LINKS - CAN PROB DITCH MOST OF THESE? WE CURRENTLY HAVE SOME JS FADING BG-COL ON .BUTTON ul.buttonlinks OR a.button */ a.button, .button, .buttonlinks a, button { /* default to medium - small and large below*/ font-size:16px; font-weight:bold; padding:7px 15px; border-radius:7px; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2); color:#fff; text-align:center; box-shadow:0 0 1px 1px rgba(0,0,0,0.2); background:#690; border:0; } a.button.reversecolours, .button.reversecolours, .buttonlinks.reversecolours a { background: rgb(166,216,0); background: -moz-linear-gradient(top, rgba(166,216,0,1) 0%, rgba(145,174,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,216,0,1)), color-stop(100%,rgba(145,174,0,1))); background: -webkit-linear-gradient(top, rgba(166,216,0,1) 0%,rgba(145,174,0,1) 100%); background: -o-linear-gradient(top, rgba(166,216,0,1) 0%,rgba(145,174,0,1) 100%); background: -ms-linear-gradient(top, rgba(166,216,0,1) 0%,rgba(145,174,0,1) 100%); background: linear-gradient(to bottom, rgba(166,216,0,1) 0%,rgba(145,174,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d800', endColorstr='#91ae00',GradientType=0 ); } a.button.lowcontrast, .button.lowcontrast, .buttonlinks.lowcontrast a { background:#777; text-shadow: 1px 1px 1px rgba(0,0,0, 0.5); } a.button:hover, .button.hover, .buttonlinks a:hover, button:hover { box-shadow:0 0 0px 1px rgba(0,0,0,0.2); background:#690; } a.button.reversecolours:hover, .button.reversecolours.hover, .buttonlinks.reversecolours a:hover { background: rgb(255,170,79); background: -moz-linear-gradient(top, rgba(255,170,79,1) 0%, rgba(255,123,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,170,79,1)), color-stop(100%,rgba(255,123,15,1))); background: -webkit-linear-gradient(top, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); background: -o-linear-gradient(top, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); background: -ms-linear-gradient(top, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); background: linear-gradient(to bottom, rgba(255,170,79,1) 0%,rgba(255,123,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa4f', endColorstr='#ff7b0f',GradientType=0 ); } .button.small, a.button.small, a.colouredbutton.small, .buttonlinks.small a { font-size:13px; padding:3px 6px; border-radius:5px; box-shadow:0 0 1px 1px rgba(0,0,0, 0.2); } .button.medium, a.button.medium, a.colouredbutton.medium, .buttonlinks.medium a { font-size:16px; font-weight:bold; padding:7px 15px; border-radius:7px; box-shadow:0 0 2px 2px rgba(0,0,0, 0.2); } .button.large, a.button.large, a.colouredbutton.large, .buttonlinks.large a { font-size:20px; font-weight:bold; padding:10px 20px; border-radius:10px; box-shadow:0 0 2px 2px rgba(0,0,0, 0.2); } /* color set with bg-red etc. */ a.colouredbutton { color:#fff; font-weight: bold; text-align:center; display:block; border-radius:5px; } a.colouredbutton:hover { opacity:0.7; } /* USED TO SELECT STUFF THEY'RE INTERESTED IN WHEN SIGNING UP. STOPPED USING IT, BUT WILL IN THE FUTURE */ ul.megacheckboxset { zoom:1; list-style:none; padding:0; margin:0; } ul.megacheckboxset:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.megacheckboxset>li { padding:0; display:inline-block; margin:30px 20px 30px 0; } ul.megacheckboxset.singlecolumn li { display:block; } ul.megacheckboxset.doublecolumn li { display:inline-block; width:45%; float:left; } ul.megacheckboxset input[type=checkbox] { width:1.5em !important; height:1.5em !important; line-height:1.5em; vertical-align: top; margin-top:0.5em; margin-right:10px; } ul.megacheckboxset label { display:inline-block; } input[type=checkbox].megacheckbox { width:1.5em !important; height:1.5em !important; line-height:1.5em; margin-right:10px; vertical-align: middle; } /* TRANSFORM RADIO BUTTONS / CHECKBOXES INTO JQUERY BUTTONSETS - NOT SURE WHERE THESE ARE USED - SIGNUP FORM / EMAIL OPTIONS FOR ADVICE FORUM */ .ajaxbuttonset, ul.buttonset { list-style:none; padding:0; margin:15px 0; } .defaultformstyle>li>ul.ajaxbuttonset, .defaultformstyle>li>ul.buttonset { margin:0; } .defaultformstyle>li>ul.ajaxbuttonset>li, .defaultformstyle>li>ul.buttonset>li { margin:0; } ul.ajaxbuttonset>li, ul.buttonset>li { display:inline-block; } ul.ajaxbuttonset>li>label, ul.buttonset>li>label { } ul.ajaxbuttonset>li>label.ui-state-active, ul.buttonset>li>label.ui-state-active { background:#690; color:#fff; } ul.ajaxbuttonset>li>input, ul.buttonset>li>input { /*width:0 !important;*/ position: absolute; /*top: -9999999px; - no cos jumps to top of viewport when clicked */ opacity:0; } ul.ulasbuttonset { zoom:1; list-style:none; padding:0; margin:0; } ul.ulasbuttonset:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul.ulasbuttonset>li { padding:0; display:inline-block; margin:10px 10px 10px 0; } ul.ulasbuttonset input {visibility:hidden;position:absolute;} ul.ulasbuttonset label { box-shadow:0 0 1px 1px rgba(0,0,0,0.2); border:1px solid #fff; border-radius:5px; color:#999; font-weight:normal; padding:5px; font-size:12px; } ul.ulasbuttonset label.selected { color:#fff; background:#690; box-shadow:none; border:1px solid #ccc; } /* then there's this... is this old hat? */ ul.jquerybuttonset { list-style:none; } ul.jquerybuttonset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.jquerybuttonset>li { float:left; } ul.jquerybuttonset>li input[type="radio"], ul.jquerybuttonset>li input[type="checkbox"] { width:0; } ul.jquerybuttonset label.ui-state-active { color:#fff; background:#690; } /* BIG NUMBERS AND WORDS WITHIN PARAGRAPHS - E.G. THERE ARE <10> DELEGATES BOOKED ON THIS EVENT */ .highlighttextwithintext { font-size:16px; padding:0 5px; position:relative; top:1px; font-weight:bold; } .highlighttextwithintext.orange { color:#f90; } .highlighttextwithintext.green { color:#690; } /* LINK THEMING - DO WE STILL USE THIS? WHERE? COULD BE OVERHAULED OR REPLACED WITH A BETTER SYSTEM - used on event booking button */ a.linktheme-diagonal { color:#fff; background: rgb(153,204,0); background: -moz-linear-gradient(-45deg, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: linear-gradient(135deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } a.linktheme-diagonal:hover { color:#fff; background: rgb(255,204,0); background: -moz-linear-gradient(-45deg, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: linear-gradient(135deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } a.linktheme-vertical { color:#fff; background: rgb(153,204,0); background: -moz-linear-gradient(top, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: linear-gradient(to bottom, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=0 ); } a.linktheme-vertical:hover { color:#fff; background: rgb(255,204,0); background: -moz-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: linear-gradient(to bottom, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=0 ); } a.linktheme-radial { color:#fff; background: rgb(153,204,0); background: -moz-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: radial-gradient(ellipse at center, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } a.linktheme-radial:hover { color:#fff; background: rgb(255,204,0); background: -moz-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: radial-gradient(ellipse at center, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } /* remove above and replace with: */ .fptheme-diagonal { color:#fff; background: rgb(153,204,0); background: -moz-linear-gradient(-45deg, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: linear-gradient(135deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } .fptheme-diagonal:hover { color:#fff; background: rgb(255,204,0); background: -moz-linear-gradient(-45deg, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: linear-gradient(135deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } .fptheme-vertical { color:#fff; background: rgb(153,204,0); background: -moz-linear-gradient(top, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-linear-gradient(top, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: linear-gradient(to bottom, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=0 ); } .fptheme-vertical:hover { color:#fff; background: rgb(255,204,0); background: -moz-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-linear-gradient(top, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: linear-gradient(to bottom, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=0 ); } .fptheme-radial { color:#fff; background: rgb(153,204,0); background: -moz-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: radial-gradient(ellipse at center, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } .fptheme-radial:hover { color:#fff; background: rgb(255,204,0); background: -moz-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: radial-gradient(ellipse at center, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } /* TAG LISTS */ ul.tags { list-style:none; padding:10px 0; } ul.tags li { float:left; margin:0 15px 15px 0; } ul.tags li a { padding:6px; display:block; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color:#fff; font-weight:bold; border-radius:5px; background: rgb(153,204,0); background: -moz-linear-gradient(-45deg, rgba(153,204,0,1) 0%, rgba(102,153,0,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(153,204,0,1)), color-stop(100%,rgba(102,153,0,1))); background: -webkit-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); background: linear-gradient(135deg, rgba(153,204,0,1) 0%,rgba(102,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#669900',GradientType=1 ); } ul.tags li a:hover { color:#fff; background: rgb(255,204,0); background: -moz-linear-gradient(-45deg, rgba(255,204,0,1) 0%, rgba(249,144,15,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,204,0,1)), color-stop(100%,rgba(249,144,15,1))); background: -webkit-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); background: linear-gradient(135deg, rgba(255,204,0,1) 0%,rgba(249,144,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f9900f',GradientType=1 ); } /* EMOTICONS - SPRITE STYLES - can be span or link */ .emoticon { display:inline-block; height:33px; width:33px; background:url(/customisation/images/emoticon-set-1.png); } .emoticon.hugegrin {background-position:0px 0px;} .emoticon.smile {background-position:-33px 0px;} .emoticon.wink {background-position:-67px 0px;} .emoticon.unhappy {background-position:-101px 0px;} .emoticon.shocked {background-position:-135px 0px;} .emoticon.stumped {background-position:-169px 0px;} .emoticon.spannered {background-position:-203px 0px;} .emoticon.cool {background-position:-237px 0px;} .emoticon.grin {background-position:-271px 0px;} .emoticon.scowl {background-position:0px -34px;} .emoticon.tongue {background-position:-33px -34px;} .emoticon.blush {background-position:-67px -34px;} .emoticon.cry {background-position:-101px -34px;} .emoticon.evilgrin {background-position:-135px -34px;} .emoticon.innocent {background-position:-169px -34px;} .emoticon.ninja {background-position:-203px -34px;} .emoticon.geek {background-position:-237px -34px;} .emoticon.star {background-position:-271px -34px;} .emoticon.question {background-position:0px -67px;} .emoticon.exclamation {background-position:-33px -67px;} .emoticon.lightbulb {background-position:-67px -67px;} .emoticon.arrowright {background-position:-101px -67px;} .emoticon.heart {background-position:-135px -67px;} ul#emoticonselector { padding:10px; margin:0; position:absolute; top:50px; border:1px solid #ccc; width:620px; background:rgba(255,255,255, 0.9); z-index:9; list-style:none; border-radius:5px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); } ul#emoticonselector li {margin:0;padding:0;line-height:1em;} ul#emoticonselector li {margin:3px;} #statusupdater-emoticonselector {position:absolute;top:30px;left:30px;cursor:pointer;} /* SEARCHFORITEMANDSELECT - SELECT USERS (OR OTHER MODULE ITEMS) FROM AN INPUT BOX */ fieldset.searchforitemandselect { margin-bottom:-40px; } ul.searchforitemandselect-searchresultlist { list-style:none; position:absolute; background:rgba(255, 255, 255, 0.8); box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2); z-index:999; display:none; border-radius:5px; overflow:hidden; } ul.searchforitemandselect-searchresultlist>li { border-top:1px solid #ccc; } ul.searchforitemandselect-searchresultlist>li>a { display:block; color:#999; padding:5px; } ul.searchforitemandselect-searchresultlist>li>a:hover { background:#eee; color:#666; } /*ul.searchforitemandselect-searchresultlist>li img { width:50px; float:left; border:1px solid #ccc; } */ /* TEXT EDITOR BOX - GOES WITH texteditorhtmlitemrevisor.js */ .texteditorbox { /* margin:30px 0;*/ } .texteditorbox h2 { margin-top:0; } .texteditorbox p { /*margin-top:10px;*/ } .texteditorbox fieldset /* coontains all ajax options etc */ { margin:0; } .texteditorwithimagewrapper { position:relative; } .texteditorwithimagewrapper .image { /*float:left;*/ position:absolute; top:0px; left:0px; width:50px; } .texteditorwithimagewrapper .image img { width:50px;height:50px; border-radius:5px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); } .texteditorwithimagewrapper .image .selectemoticon { width:50px;height:50px; display:block; border-radius:5px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); text-align:center; cursor:pointer; background: #f9fcf7; background: -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); background: -webkit-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); background: -o-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); background: -ms-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); background: linear-gradient(to bottom, #f9fcf7 0%,#f5f9f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); } .texteditorwithimagewrapper .image .selectemoticon .emoticon { margin-top:9px; } .texteditorwithimagewrapper .texteditor { } .texteditorwithimagewrapper .texteditor.withimage { /*float:right; width:530px;*/ margin-left:70px; } .texteditorwithimagewrapper .texteditor.withoutimage { margin-left:0; } .texteditorbox button { clear:both; float:right; margin-top:10px; } #htmlitemrevisor-editarea { background:rgba(255, 255, 255, 0.9); padding:20px; box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2); border-radius:10px; position:absolute; right:0;left:0; z-index:9; } a#comment-revisionarea-cancel { padding:10px; } .popuptexteditor-texteditor { padding:20px; box-shadow:0 0 4px 4px rgba(0,0,0,0.2); position:absolute; left:0; width:600px; z-index:999999; border-radius:5px; background:rgba(255, 255, 255, 0.9); } ul.items .redactor_box p { margin: 0; /*ul.items .item-content p = 1em top*/ } .ui-draggable {cursor:move;} .ui-draggable .redactor_box {cursor:text;} .ui-draggable .a {cursor:pointer;} .ui-draggable button {cursor:pointer;} /* all styles of editor: html, property and more...*/ .popupeditorbox { padding:20px; box-shadow:0 0 4px 4px rgba(0,0,0,0.2); position:absolute; left:0; width:600px; z-index:999999; border-radius:5px; background:rgba(255, 255, 255, 0.95); } /* popuppropertyeditorbasic */ .popuppropertyeditorbasic input.value {width:480px;/*padding:9px 9px;*/} .popuppropertyeditorbasic button.save {float:right;} .popupeditorbox a.close { position:absolute; top:0;right:0; padding:1px 10px; border-radius:0 5px 0 5px; background:#ccc; color:#fff; font-size:16px; font-weight:bold; display:inline-block; } .popupeditorbox a.close:hover { background:#c00; } .popupeditorbox h2.title {margin-top:0;} /* LIST STYLE TO EMULATE TABLE LAYOUT */ .emulatetable>li { margin-bottom:20px; } .emulatetable .label { margin-right:10px; font-weight:bold; width:80px; } .emulatetable .value {} .tabbed-content .profileimage, img.editingsuite-itempageimage { width:90px; height:90px; float:right; margin:0 0 30px 30px; border-radius:5px; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); } /* CREATE CONTENT LIST FOR ADMIN, LOGGED IN */ ul#createcontent { list-style:none; padding:0; margin:40px 0; } ul#createcontent>li { padding:10px; margin:0; border-top:1px solid #eee; } ul#createcontent>li>img { height:45px; width:45px; display:inline-block; margin-right:45px; vertical-align:middle; } ul#createcontent>li>a { display:inline-block; margin-right:30px; width:200px; line-height:45px; } /* ADMINALERTSCROLLER */ .cmslinkset.adminalertscroller { border-radius:10px; border:0px solid #000; margin-bottom:20px; overflow:hidden; /*background: #959595; background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); background: -webkit-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); background: -o-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); background: -ms-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); background: linear-gradient(135deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 );*/ background: #fe6512; background: -moz-linear-gradient(-45deg, #fe6512 0%, #b44204 50%, #973601 51%, #d84d02 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fe6512), color-stop(50%,#b44204), color-stop(51%,#973601), color-stop(100%,#d84d02)); background: -webkit-linear-gradient(-45deg, #fe6512 0%,#b44204 50%,#973601 51%,#d84d02 100%); background: -o-linear-gradient(-45deg, #fe6512 0%,#b44204 50%,#973601 51%,#d84d02 100%); background: -ms-linear-gradient(-45deg, #fe6512 0%,#b44204 50%,#973601 51%,#d84d02 100%); background: linear-gradient(135deg, #fe6512 0%,#b44204 50%,#973601 51%,#d84d02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6512', endColorstr='#d84d02',GradientType=1 ); } ul#adminalertscroller-scroller { position:relative; list-style:none; margin:0; height:100px; } ul#adminalertscroller-scroller>li { position:absolute; top:0;left:0; margin:0; padding:20px; line-height:1em; display:none; font-size:13px; } ul#adminalertscroller-scroller>li>a { display:block; height:60px; width:248px; } ul#adminalertscroller-scroller>li span { display:block; margin-top:10px; } ul#adminalertscroller-scroller>li span.title { color:#fff; margin-top:0; font-weight:bold; } ul#adminalertscroller-scroller>li span.info1 { color:rgba(255,255,255,0.7); } ul#adminalertscroller-scroller>li span.info2 { font-style:italic; color:rgba(255,255,255,1); } ul#adminalertscroller-scroller>li span.itemtype { font-size:42px; position:absolute; bottom:20px; right:0px; color: rgba(255,255,255,0.2); } ul#adminalertscroller-links { list-style:none; margin:0; padding:0; display:none; } ul#adminalertscroller-links>li { margin:0; padding:0; border:0; border-top:1px solid rgba(255,255,255, 0.4); } ul#adminalertscroller-links>li>a { display:block; padding:10px; color:#fff; } ul#adminalertscroller-links>li>a:hover { background:rgba(0,0,0,0.2); } /* FONTS, DEFAULT STYLES AND SIZES */ body { } p { } li { } /* LOGO AND HEADER */ /* HEADINGS */ h1 { color:#690; } h2 { color:#690; } /* UL.ITEMS */ ul.items { color:#666; } ul.items>li { border-top:1px solid #eee; } ul.items>li h3 { color:#777; } /* HTMLPAGE: HEADING ELEMENTS */ /* TABBED ITEMS (INC EDITING SUITE) */ /* status updates for team */ #megafooter ul.statusupdates>li { border-top:1px solid #333; } #megafooter ul.statusupdates>li h3 a { font-weight:bold; color:#fff; text-shadow:none; } ul.statusupdates>li h3 span.meta { float:right; font-weight:normal; } #megafooter ul.statusupdates>li h3 span.meta { font-weight:normal; color:#690; display:block; float:none; } ul.items.statusupdates li .item-image {position:relative;} ul.items.statusupdates li span.emoticon { position:absolute; top:40px;left:40px; opacity:1; border:0; width:33px; } ul.items.statusupdates>li .item-content { margin-left:105px; } ul.items.statusupdates>li .item-image img { border-radius:5px; border:1px solid #ccc; height:60px;width:60px; } ul.items.statusupdates>li h3 { text-shadow:none; color:#999; margin:0 0 10px; } ul.items.statusupdates>li ul.item-links { float:right; } #megafooter ul.statusupdates .cmscontentcontainer, #megafooter ul.statusupdates .cmscontentcontainer p {color:#ccc;} #megafooter ul.statusupdates .cmscontentcontainer a {color:#fff;} ul.statusupdates ul.texteditorhtmlrevisorlinks { margin:0; padding:0; list-style:none; } ul.statusupdates ul.texteditorhtmlrevisorlinks li { margin-right:20px; margin-bottom:0; display:inline-block; } ul.statusupdates ul.statusupdates-socialmediaicons { list-style:none; margin:0; padding:0; float:right; } ul.statusupdates ul.statusupdates-socialmediaicons>li { margin-left:20px; display:inline-block; } ul.statusupdates ul.statusupdates-socialmediaicons>li>a { width:24px; height:24px; display:block; opacity:0.4; text-indent:100%; overflow:hidden; } ul.statusupdates ul.statusupdates-socialmediaicons>li>a:hover { color:#fff; opacity:1; } ul.statusupdates ul.statusupdates-socialmediaicons>li.twitter>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/twitter_black.png); } ul.statusupdates ul.statusupdates-socialmediaicons>li.linkedin>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/linkedin_black.png); } ul.statusupdates ul.statusupdates-socialmediaicons>li.google>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/google_plus_black.png); } ul.statusupdates ul.statusupdates-socialmediaicons>li.facebook>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/facebook_black.png); } ul.statusupdates ul.statusupdates-socialmediaicons>li.pinterest>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/pinterest_black.png); } ul.statusupdates ul.statusupdates-socialmediaicons>li.flickr>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/flickr_black.png); } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li>a { opacity:0.6; } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li>a:hover { opacity:1; } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li.twitter>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/twitter_white.png); } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li.linkedin>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/linkedin_white.png); } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li.google>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/google_plus_white.png); } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li.facebook>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/facebook_white.png); } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li.pinterest>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/pinterest_white.png); } #megafooter ul.statusupdates ul.statusupdates-socialmediaicons>li.flickr>a { background:url(/core/images/socialmediaicons/blackandwhite/sq24/flickr_white.png); } img#updateprofile-currentprofileimage { float:right; border-radius:5px; box-shadow:0 0 2px 2px rgba(0,0,0,0.2); height:90px; width:90px; margin-top:3em; } ul#updateprofile-selectimage { list-style:none; clear:both; padding:0; margin: 0 -10px -10px -10px; } ul#updateprofile-selectimage:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } ul#updateprofile-selectimage>li { float:left; margin:10px; } ul#updateprofile-selectimage>li>a>img { width:55px; height:55px; border-radius:5px; box-shadow:0 0 1px 1px rgba(0,0,0,0.1); cursor:pointer; } div#updateprofile {} #updateprofile-uploadownform {display:none;} .updateprofile h3 { color:#777; margin:40px 0 0; font-size:15px; } .updateprofile p strong { margin-right:10px; } .updateprofile a.updateprofilelink { border-bottom:1px dotted #777; display:inline-block; color:#777; margin-right:10px; } input#updateprofile-uploadimage-file { width:300px; display:inline-block; margin-right:20px; } button#updateprofile-uploadimage-button { display:inline-block; } body { } ul.items.askanexpert-threads .item-image>img, ul.items.askanexpert-posts .item-image>img { width:60px; height:60px; } ul.items.askanexpert-threads .item-content, ul.items.askanexpert-posts .item-content { margin-left:80px; } ul.items.askanexpert-posts h3 span.meta { float:right; font-weight:normal; text-shadow:none; } ul.items.askanexpert-threads>li.isawaitingstaffresponse-True {} ul.items.askanexpert-threads>li.isawaitingstaffresponse-False {} ul.items.askanexpert-threads>li.isopen-True { /*background-image:url('/Customisation/Images/item-icons/32/booked.png'); background-position: top right; background-repeat:no-repeat;*/ } ul.items.askanexpert-threads>li.isopen-False {} ul.items.askanexpert-threads>li.isrecommended-True {} ul.items.askanexpert-threads>li.isrecommended-False {} ul.items.askanexpert-threads>li.highlightthread { border-left:2px dotted #f90; } p.casestudypages-quotee {margin-top:-30px;margin-bottom:30px;font-weight:bold;} /* CONTACT FORMS */ ul.contactforms {} ul.contactforms h3 .meta {float:right;} /* does this actually do owt? ul.items.eventdatedelegates li.bookingstatus-Booked {} ul.items.eventdatedelegates li.bookingstatus-Cancelled {opacity:0.6;} */ ul.items.eventdelegatebooking li.bookingstatus.Booked {} ul.items.eventdelegatebooking li.bookingstatus.Cancelled {opacity:0.3;} /* EVENTPAGES */ ul.items.eventpages li>a h3 span.meta { float:right; font-weight:normal; color:#666; text-shadow:none; } /* EVENTDATES */ ul.items.eventdates li>a h3 span.meta { float:right; font-weight:normal; color:#666; text-shadow:none; } /* EVENT VENUE PAGES */ ul.items.eventvenuepages>li h3 span.meta { float:right; color:#999; text-shadow:none; font-weight:normal; } /* EVENT RELATED SHIT */ #eventbookingwidget {clear:both;padding-top:1em;} #eventbooking {margin-bottom:80px;} .eventbookingform { overflow:hidden; position:relative; } .eventbookingform h2 { margin:0 0 20px; color:#f90; } .eventbookingform img.profileimage { float:left; width:60px;height:60px; border-radius:5px; } .eventbookingform div.content { padding:0 0 0 80px ; } .eventbookingform a.actionlink { padding:5px 10px; font-weight:bold; display:inline-block; border-radius:5px; margin-top:10px; } a.actionlink.loading { background-image:url(/core/images/loading-graphics/loading-10.gif) !important; background-color:transparent !important; background-position:center !important; background-repeat: no-repeat !important; box-shadow:none; } a.viewall { text-align:center; display:inline-block; color:#fff; margin:0 0 20px 20px; padding:5px; border-radius:5px; box-shadow:0 0 2px 2px rgba(0,0,0,0.1); } /* EXPERTISEPAGES */ ul.items.expertisepages li>a h3 span.meta { float:right; font-weight:normal; color:#666; text-shadow:none; } /* ITEMPAGECOMMENTS */ ul.items.itempagecomments .item-image>img { width:60px; height:60px; } ul.items.itempagecomments .item-content { margin-left:80px; } ul.items.itempagecomments h3 span.meta { float:right; font-weight:normal; text-shadow:none; } ul.items.itempagecomments li.noitemsyet h3 {margin-top:20px;} body { } body { } body { } ul.items.sitewidesearches h3 span.meta {float:right;} /* SITEWIDE SEARCH FORM */ form#sitewidesearch { margin:10px; } form#sitewidesearch input#sitewidesearch-searchterm { width:600px; } form#sitewidesearch ul#searchareas-checkboxlist { list-style:none; } form#sitewidesearch ul#searchareas-checkboxlist>li { float:left; margin:10px 10px 0 0; width:145px; } form#sitewidesearch ul#searchareas-checkboxlist>li>input[type=checkbox] { } form#sitewidesearch ul#searchareas-checkboxlist>li>label { color:#999; margin:0 10px 0 5px; } /* TEAMMEMBERPAGES */ ul.items.teammemberpages li>a h3 span.roleincompany { float:right; } span.socialprofileexampleid { font-weight:bold; margin: 0 6px; body { } ul.items.updatepages p.publishdate { font-style:italic; } /* UPDATE CATEGORY PAGES */ ul.items.updatecategorypages>li h3 span.meta { float:right; color:#999; text-shadow:none; font-weight:normal; } div.homepage-newssection ul.items.updatepages .item-image { float:left; margin:2em 1em 0.5em; } div.homepage-newssection ul.items.updatepages .item-content { margin-left:0; } div.homepage-newssection ul.items.updatepages .cmscontentcontainer { clear:left; }