/* ================================================================================================================== */ /* Project: Template 40 */ /* Color: light blue */ /* Version: 0.2 */ /* Date: 23-09-2013 */ /* Author: pan (original by jbe) */ /* ================================================================================================================== */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&subset=latin-ext,latin); /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* Custom logo color */ #rbcSystemIdentifierLogo { color:#65b24b !important; } /* ========================================================================== Links ========================================================================== */ /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ================================================================================================================== */ /* iCheck plugin flat skin - dark/light */ /* ================================================================================================================== */ #wrapper .icheckbox_flat, #wrapper .iradio_flat { display: block; margin: 2px 10px 0 0; padding: 0; width: 20px; height: 20px; border: none; cursor: pointer; float: left !important; } /* @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #wrapper .icheckbox_flat, #wrapper .iradio_flat { -webkit-background-size: 176px 22px; background-size: 176px 22px; } }*/ #wrapper .icheckbox_flat, #wrapper .iradio_flat { background: url("../img/icheck/light/flat.png") no-repeat; } #wrapper .icheckbox_flat { background-position: 0 0; } #wrapper .icheckbox_flat.checked { background-position: -22px 0; } #wrapper .icheckbox_flat.disabled { background-position: -44px 0; cursor: default; } #wrapper .icheckbox_flat.checked.disabled { background-position: -66px 0; } #wrapper .iradio_flat { background-position: -88px 0; } #wrapper .iradio_flat.checked { background-position: -110px 0; } #wrapper .iradio_flat.disabled { background-position: -132px 0; cursor: default; } #wrapper .iradio_flat.checked.disabled { background-position: -154px 0; } /* Retina support */ /* @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #wrapper .icheckbox_flat, #wrapper .iradio_flat { background-image: url("../img/icheck/light/flat@2x.png"); -webkit-background-size: 176px 22px; background-size: 176px 22px; } }*/ /* ================================================================================================================== */ /* DropKick theme /* ================================================================================================================= */ #main .dk_container { width: 100%; height: 40px; background-color: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-size: 1em; font-weight: 700; color: #959595; margin: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ outline: 0; } #main .dk_container a { width: 100% !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ cursor: pointer; text-decoration: none; } #main .dk_toggle { height: 40px; line-height: 1.81818em; color: #959595; padding: 7px 45px 7px 10px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; font-weight: 700; color: #959595; overflow: hidden; } #main .dk_toggle:after { position: absolute; top: 45%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #959595; } /* Applied when the dropdown is focused */ /* Applied whenever the dropdown is open */ #main .dk_open { /** Help: Dropdown menu is covered by something Try setting this value higher */ z-index: 10; } /* The outer container of the options */ #main .dk_options { background: #fefefe; /* Removes transparent background on iOS5+ scroll */ -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ z-index: 50; } #main .dk_options a { font-size: 1em; line-height: 1.81818em; font-weight: 700; padding: 4px 10px; color: #959595; text-decoration: none; } #main .dk_options a:hover, #main .dk_options .dk_option_current a { background: #ebebeb; color: none; text-decoration: none; } #main .dk_options .disabled { cursor: default; } #main .dk_options .disabled a { color: #aaa; } #main .dk_options .disabled:hover, #main .dk_options .disabled:hover a { cursor: default; } /* Inner container for options, this is what makes the scrollbar possible. */ #main .dk_options_inner { list-style: none; width: 100% !important; background: #fefefe; max-height: 250px; border: 1px solid #d7d7d7; color: #959595; margin: 0px; padding: 0px; overflow: auto; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ #main { /* Hides only dropkick instances */ /* nativeMobile override */ } #topBar .dk_container { font-size: 0.857em; margin: 7px 0px 0px 0px; float: right; width: 220px; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dadada; background: #fff; outline: 0; } #topBar .dk_container a { width: 100% !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ cursor: pointer; text-decoration: none; text-align: left; font-size: 12px; } #topBar .dk_toggle { height: 25px; line-height: 1.0625em; padding: 7px 6px 4px 9px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; font-weight: 400; color: #909090; overflow: hidden; } #topBar .dk_toggle:after { position: absolute; top: 10px; right: 9px; content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #959595; } #topBar .dk_open { /** Help: Dropdown menu is covered by something Try setting this value higher */ z-index: 10; } #topBar .dk_options { background: #fefefe; /* Removes transparent background on iOS5+ scroll */ -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ z-index: 50; } #topBar .dk_options a { font-size: 12px; line-height: 1.81818em; font-weight: 400; padding: 2px 9px; color: #909090; text-decoration: none; } #topBar .dk_options a:hover, #topBar .dk_options .dk_option_current a { background: #ebebeb; color: none; text-decoration: none; } #topBar .dk_options .disabled { cursor: default; } #topBar .dk_options .disabled a { color: #aaa; } #topBar .dk_options .disabled:hover, #topBar .dk_options .disabled:hover a { cursor: default; } #topBar .dk_options_inner { list-style: none; width: 100% !important; background: #fefefe; max-height: 250px; border: 1px solid #d7d7d7; color: #959595; margin: 0px; padding: 0px; overflow: hidden; } #topBar .dk_container { display: none; float: left; } #topBar .dk_container a { outline: 0; } #topBar .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow: hidden; } #topBar .dk_open { position: relative; } #topBar .dk_open .dk_options { display: block; } #topBar .dk_open .dk_label { color: #909090; } #topBar .dk_options { display: none; margin-top: -1px; position: absolute; left: -1px; width: 100%; } #topBar .dk_options a, #topBar .dk_options a:link, #topBar .dk_options a:visited { display: block; } #topBar .dk_options_inner { overflow: hidden; position: relative; display: block !important; -webkit-overflow-scrolling: touch; } #topBar .dk_container select { position: absolute; top: -99999em; visibility: hidden; } #topBar .dk_mobile { position: relative; } #topBar .dk_mobile select { display: block; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; opacity: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .lt-ie9 #main .dk_container { background: url("../img/lightlime/ie_input.png") repeat; } .lt-ie9 #languageSelect .dk_container { background: #fff; } .lt-ie9 #languageSelect .dk_toggle { padding: 5px 6px 0px 9px !important; } .lt-ie9 #languageSelect .dk_options_inner { overflow: hidden; } .lt-ie9 #languageSelect .dk_options_inner li { height: 28px !important; } .lt-ie9 #languageSelect .dk_options { margin-top: 0px; } .lt-ie9 #languageSelect .dk_options a { line-height: 24px !important; } .lt-ie9 #main .dk_options_inner { overflow: hidden; } .lt-ie9 #main .dk_options { margin-top: -1px; } .lt-ie9 #main .columnWide .dk_container { width: 578px !important; } .lt-ie9 #main .boxFulltext .dk_container, .lt-ie9 #main .boxFulltext .dk_toggle { width: 190px !important; } /* ================================================================================================================== */ /* Helper classes */ /* ================================================================================================================== */ /* Prevent callout */ .nocallout { -webkit-touch-callout: none; } .pressed { background-color: rgba(0, 0, 0, 0.7); } /* A hack for HTML5 contenteditable attribute on mobile */ textarea[contenteditable] { -webkit-appearance: none; } /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */ .gifhidden { position: absolute; left: -100%; } /* Image replacement */ .ir { background-color: transparent; background-repeat: no-repeat; border: 0; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /** Clearfix helper Used to contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } .cleaner { display: block; clear: both; visibility: hidden; overflow: hidden; width: 100%; height: 0; line-height: 0; margin: 0; padding: 0; } /* ================================================================================================================== */ /* WYSIWYG */ /* ================================================================================================================== */ /* WYSIWYG + HTML EMBED WIDGET ====================================================================================== */ #wrapper .widgetWysiwyg, #wrapper .rbcWidgetArea { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; line-height: 20px; } /* BLOCKQUETE + HR ================================================================================================== */ #wrapper blockquote { margin: 35px 0px 35px 0px; padding: 35px 35px 35px 35px; font-style: italic; background: url("../img/lightlime/black_transparent_50.png") repeat; background: rgba(0, 0, 0, 0.1); border: 1px solid #D6D6D6; color: #717171; } #wrapper blockquote .widgetTitle p { padding: 0px; margin: 0px; } #wrapper blockquote p:last-child { margin: 0px; } #wrapper blockquote h1, #wrapper blockquote h2 { padding: 0px 0px 14px 0px !important; background: none !important; } .lt-ie9 #wrapper blockquote { padding-bottom: 0px; } #wrapper hr { display: block; height: 1px; margin: 0 15px 0 0; padding: 0px; border-top: 1px solid #c1c1c1; } /* LINK COLOR ======================================================================================================= */ a, a:visited { color: #8ab000; text-decoration: underline; } a:hover { color: #8ab000; text-decoration: none; } /* HEADINGS ========================================================================================================= */ #wrapper h1 { color: #717171; font-size: 1.875em; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; line-height: 1.2em; margin: 0px; padding: 0 0 57px 0; background: url("../img/lightlime/header_delimiter.png") no-repeat 0px bottom transparent; background-size: 100% 32px; } #wrapper h2 { color: #717171; font-size: 1.875em; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; line-height: 1.2em; margin: 0px; padding: 0 0 57px 0; background: url("../img/lightlime/header_delimiter.png") no-repeat 0px bottom transparent; background-size: 100% 32px; } #wrapper h3 { color: #717171; font-size: 1.75em; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; line-height: 1.28571em; margin: 0 0 14px 0; padding: 0px; } #wrapper h4 { color: #717171; font-size: 1.5625em; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; line-height: 1.44em; margin: 0 0 14px 0; padding: 0px; } #wrapper h5 { color: #717171; font-size: 1.375em; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; line-height: 1.63636em; margin: 0 0 14px 0; padding: 0px; } #wrapper h6 { color: #717171; font-size: 1.25em; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; line-height: 1.8em; margin: 0 0 14px 0; padding: 0px; } #wrapper h1 a, #wrapper h2 a, #wrapper h3 a, #wrapper h4 a, #wrapper h5 a, #wrapper h6 a { text-decoration: underline; } #wrapper h1 a:hover, #wrapper h2 a:hover, #wrapper h3 a:hover, #wrapper h4 a:hover, #wrapper h5 a:hover, #wrapper h6 a:hover { text-decoration: none; } #wrapper .columnNarrow h1, #wrapper .columnNarrow h2 { padding: 0 0 37px 0 !important; background: url("../img/lightlime/box_delimiter.png") no-repeat 0px bottom transparent !important; text-transform: uppercase; font-size: 1.25em; background-size: 100% 20px !important; } @media screen and (max-width: 767px) { #wrapper .columnNarrow h1, #wrapper .columnNarrow h2 { background: url("../img/lightlime/header_delimiter.png") no-repeat 0px bottom transparent !important; background-size: 100% 20px !important; } } /* PARAGRAPH ======================================================================================================== */ #wrapper p { margin: 0 0 30px 0; padding: 0px; line-height: 1.25em; } #wrapper .columnNarrow p { margin: 0 0 15px 0; font-size: 14px; } #wrapper .columnWide .widget p:last-child { margin: 0px; } /* LISTS ============================================================================================================ */ #wrapper ul, #wrapper ol { margin: 0 0 15px 0; padding: 0 0 0 32px; } #wrapper ul { list-style-type: disc; } #wrapper ul li { padding: 0px 0px 5px 0px; } #wrapper ul ul, #wrapper ul ol, #wrapper ol ul, #wrapper ol ol { margin: 0px; } #wrapper dd { margin: 0px 0px 0px 16px; } #wrapper nav ul, #wrapper nav ol { list-style: none; list-style-image: none; margin: 0px; padding: 0px; } #wrapper dl { margin: 0px 0px 16px 0px; } #wrapper dl dt { margin-bottom: 0.5em; font-weight: bold; } #wrapper dl dd { margin: 0px 0px 0px 8px; } /* TABLE ============================================================================================================ */ #wrapper table { width: 100%; border-collapse: collapse; border: none; text-align: left; display: inline-table; margin: 0 0 15px 0; table-layout: fixed; } #wrapper td, #wrapper th { padding: 7px 10px; text-align: left; font-weight: normal; border-bottom: 1px solid #666666; } #wrapper th, #wrapper thead td { font-weight: 700; } #wrapper table.basic { border: 0; } #wrapper table.basic td, #wrapper table.basic th { border: none; background-color: transparent; } #wrapper table.modernTable th, #wrapper table.modernTable thead td, #wrapper table.modernTable td { background: url("../img/lightlime/black_transparent_10.png") repeat; background: rgba(0, 0, 0, 0.1) !important; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; color: #717171; font-weight: 400; } #wrapper table.withHeader th, #wrapper table.withHeader thead td { background: url("../img/lightlime/black_transparent_30.png") repeat; background: rgba(0, 0, 0, 0.3) !important; border-top: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; color: #fff; font-weight: 700; } .lt-ie8 table td { border-top: none !important; } .lt-ie8 table { border-top: 1px solid #8d8d8d !important; } /* RESPOSIVE TABLE ================================================================================================= */ #wrapper .table-responsive { width: 100%; margin: 0 0 2em 0; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wrapper .table-responsive::-webkit-scrollbar { width: 6px; height: 6px; } #wrapper .table-responsive::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.05); } #wrapper .table-responsive::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); } #wrapper .table-responsive::-webkit-scrollbar-button { width: 0; height: 0; display: none; } #wrapper .table-responsive::-webkit-scrollbar-corner { background-color: transparent; } #wrapper .table-responsive table { border-collapse: collapse; border: none; margin: 0; table-layout: auto; } /* IMG ============================================================================================================= */ #wrapper img { max-width: 100%; height: auto !important; padding: 0px; margin: 20px; } .rbcContentHeaderDelButton img { margin: 0px !important; } /* ================================================================================================================== */ /* LAYOUT */ /* ================================================================================================================== */ html { margin: 0px; padding: 0px; height: 100%; } body { /*background: url("../img/lightlime/groovepaper.png") repeat;*/ color: #717171; margin: 0px; padding: 0px; min-height: 100%; height: 100%; font-size: 16px; line-height: 1.4; -webkit-font-smoothing: antialiased; } #wrapper { font-family: "Open Sans", sans-serif; font-weight: 400; background: none; width: 100%; min-height: 100% !important; margin-bottom: -72px; line-height: 1.75em; overflow: hidden; position: relative; } @media screen and (max-width: 560px) { #wrapper { margin-bottom: -92px; padding-bottom: 70px; } } @media screen and (max-width: 420px) { #wrapper { margin-bottom: -110px; padding-bottom: 70px; } } @media screen and (max-width: 360px) { #wrapper { margin-bottom: -152px; padding-bottom: 70px; } } #wrapper #main { position: relative; overflow: hidden; margin: 0px; padding: 0px; padding-bottom: 70px; } @media screen and (max-width: 420px) { #wrapper #main { padding-bottom: 100px; } } #wrapper #main #mainContent { width: auto; max-width: 960px; margin: auto; text-align: left; padding: 30px 20px 40px 20px; } #wrapper .rbcSafeModeBlock { font-family: sans-serif; font-weight: normal; } #wrapper .rbcSafeModeBlock p { margin: 0 0 0 25px; padding: 4px; line-height: 1.5em; } #wrapper .rbcWaitingTextArea { font-family: sans-serif; font-weight: normal; line-height: 2em; } #wrapper .rbcWaitingTextArea img { margin: 0; } #wrapper .rbcContentBlock { overflow: visible !important; } /*************/ /* HEADER + LOGO + SLOGAN =========================================================================================== */ #wrapper #header { top: 0; left: 0; height: auto; padding: 0px; font-family: "Open Sans", sans-serif; position: relative; overflow: visible; } #wrapper #header #topBar { width: 100%; height: auto; min-height: 35px; padding-bottom: 6px; background: url("../img/lightlime/groovepaper.png") repeat; border-bottom: 1px solid #c2c2c2; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7); } #wrapper #header #topBarContent { width: auto; max-width: 960px; height: 100%; margin: 0 auto; text-align: center; padding: 0px 20px 0px 20px; } #wrapper #header #headerMain { height: auto; /*background: url("../img/lightlime/light_grey_floral_motif.png") repeat; border-bottom: 1px solid #d7d7d7; */padding-bottom: 20px; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(235, 235, 235, 0.1); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 0px 0px 7px 0px rgba(235, 235, 235, 0.1); /* FF3.5 - 3.6 */ box-shadow: inset 0px 0px 7px 0px rgba(235, 235, 235, 0.1); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper #header #headerContent { width: auto; max-width: 960px; height: auto; margin: 0 auto; text-align: left; padding: 10px 20px 10px 20px; } #wrapper #header #navMenu { width: 60%; max-width: 600px; height: auto; float: right; padding: 0 0 0 0; } @media screen and (max-width: 767px) { #wrapper #header #navMenu { position: absolute; padding: 0px; width: 100%; max-width: 100%; z-index: 20; background: #8ab000; height: auto; left: 0px; -webkit-box-shadow: 0 0 8px 0 black; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 0 8px 0 black; /* FF3.5 - 3.6 */ box-shadow: 0 0 8px 0 black; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } } #wrapper #header #navMenu.mobileMenu { position: absolute; padding: 0px; width: 100%; max-width: 100%; z-index: 20; background: #8ab000; height: auto; left: 0px; -webkit-box-shadow: 0 0 8px 0 black; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 0 8px 0 black; /* FF3.5 - 3.6 */ box-shadow: 0 0 8px 0 black; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper #header .mobileMenu { display: none; position: absolute; padding: 0px; width: 100%; max-width: 100%; z-index: 20; background: #8ab000; height: auto; left: 0px; -webkit-box-shadow: 0 0 8px 0 black; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 0 8px 0 black; /* FF3.5 - 3.6 */ box-shadow: 0 0 8px 0 black; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper #header #navButton { width: 48px; height: 48px; background: #8ab000 url("../img/lightlime/mmenu_buttons.png") no-repeat; background-position: left top; position: absolute; top: 80px; right: 20px; display: block; text-indent: -999em; -webkit-border-radius: 3px; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 3px; /* FF3.5 - 3.6 */ border-radius: 3px; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper #header #navButton:hover { background-position: left -48px; } #wrapper #header #searchButton { width: 48px; height: 48px; background: #8ab000 url("../img/lightlime/mmenu_buttons.png") no-repeat; background-position: left -96px; position: absolute; top: 80px; right: 78px; display: block; text-indent: -999em; -webkit-border-radius: 3px; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 3px; /* FF3.5 - 3.6 */ border-radius: 3px; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper #header #searchButton:hover { background-position: left -144px; } #wrapper #header #titleZone { float: left; width: 35%; padding: 30px 0px 30px 00px; } @media screen and (max-width: 800px) { #wrapper #header #titleZone { width: 35%; } } @media screen and (max-width: 767px) { #wrapper #header #titleZone { width: 75%; } } @media screen and (max-width: 480px) { #wrapper #header #titleZone { width: 60%; } } @media screen and (max-width: 380px) { #wrapper #header #titleZone { width: 50%; } } #wrapper #header #logoZone { float: left; width: auto; height: auto; padding: 0px 0px 0px 0px; text-align: left; overflow: hidden; max-width: 100%; max-height: 85px; } @media screen and (max-width: 380px) { #wrapper #header #logoZone { max-height: 100px; } } @media all and (max-width: 480px) { #wrapper #header #logoZone { max-height: 70px; } } @media all and (max-width: 380px) { #wrapper #header #logoZone { max-height: 100px; } } #wrapper #header #logoZone img { border: none; -webkit-box-shadow: 0 0 0 0; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 0 0 0; /* FF3.5 - 3.6 */ box-shadow: 0 0 0 0; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper #header #logoZone #logo { font-size: 2.2em; font-weight: bold; margin: 0; padding: 0 0 0; line-height: 1.2em; display: block; clear: both; } @media all and (max-width: 480px) { #wrapper #header #logoZone #logo { font-size: 1.8em; } } @media all and (max-width: 320px) { #wrapper #header #logoZone #logo { font-size: 1.4em; } } #wrapper #header #logoZone #logo span, #wrapper #header #logoZone #logo a { display: block; color: #525252; text-decoration: none; } #wrapper #header #logoZone #logo span span, #wrapper #header #logoZone #logo span a, #wrapper #header #logoZone #logo a span, #wrapper #header #logoZone #logo a a { padding-top: 0px; display: table-cell; vertical-align: middle; color: #525252; text-decoration: none; } #wrapper #header #motoZone { max-height: 40px; overflow: hidden; max-width: 100%; float: none; clear: both; padding-top: 15px; margin-bottom: 5px; } @media screen and (max-width: 380px) { #wrapper #header #motoZone { padding-right: 10px; } } #wrapper #header #moto { font-size: 14px; text-align: left; line-height: 20px; color: #717171; } /* ILLUSTRATION ===================================================================================================== */ #wrapper #illustration { overflow: visible; max-height: 360px; margin: 0 auto; max-width: 1000px; width: 100%; position: relative; text-align: center; padding: 0px 20px 10px 20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #wrapper #illustration #illustrationImgWrapper { max-width: 960px; max-height: 360px; width: 100%; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #wrapper #illustration img { width: 100%; height: auto; padding: 0px; margin: 0px; border: 5px solid #fff; -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); /* FF3.5 - 3.6 */ box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .noTitleImage #illustration { display: none; } .noTitleImage #headerMain { padding-bottom: 0px !important; } .lt-ie8 #wrapper #illustration { z-index: -1; width: 960px !important; } .lt-ie8 #wrapper #illustration #illustrationImgWrapper { width: 960px !important; } .lt-ie8 #wrapper #illustration img { width: 950px !important; } /* FOOTER =========================================================================================================== */ #footerCover { width: 100%; font-size: 0.7em; line-height: 1.7em; position: relative; border-top: 1px solid #c6c6c6; height: 70px; } @media screen and (max-width: 560px) { #footerCover { height: 90px; } } @media screen and (max-width: 420px) { #footerCover { height: 108px; } } @media screen and (max-width: 360px) { #footerCover { height: 150px; } } #footerCover #footerText { border-top: 1px solid #FFF; width: 100%; height: 100%; position: relative; font-size: 0.92em; line-height: 2.0em; background-color: rgba(0, 0, 0, 0.1); } #footerCover #footerText #footerTextContent { width: auto; max-width: 960px; height: 45px; margin: 0 auto; text-align: center; padding: 25px 20px 0 20px; overflow: hidden; } @media screen and (max-width: 880px) { #footerCover #footerText #footerTextContent { padding-top: 25px; height: auto; } } @media screen and (max-width: 420px) { #footerCover #footerText #footerTextContent { padding-top: 10px; height: auto; } } #footerCover #footerText #footerTextContent #credits { float: left; width: 50%; overflow: hidden; max-height: 21px; } @media screen and (max-width: 880px) { #footerCover #footerText #footerTextContent #credits { float: left; width: 100%; padding-bottom: 10px; overflow: hidden; } } #footerCover #footerText #footerTextContent #sysLinks { float: right; width: 50%; } @media screen and (max-width: 880px) { #footerCover #footerText #footerTextContent #sysLinks { display: none; float: left; width: 100%; } } .lt-ie9 #footerCover { background: url("../img/lightlime/black_transparent_05.png") repeat; } .lt-ie9 #footerCover #credits { max-height: 22px !important; } #copyright { text-align: left; float: left; font: normal 14px 'PT Sans', sans-serif; color: #717171; } #copyright:after { content: "|"; padding: 0px 10px 0px 10px; color: #afafaf; font: normal 14px 'PT Sans', sans-serif; } #copyright a { color: #8ab000; text-decoration: none; } #copyright a:hover { color: #8ab000; text-decoration: underline; } #signature { font: normal 14px 'PT Sans', sans-serif; color: #717171; text-align: left; } #signature a { color: #8ab000; text-decoration: none; } #signature a:hover { color: #8ab000; text-decoration: underline; } ul.systemNav { margin: 0; padding-left: 0px; list-style: none; display: block; float: right; } @media screen and (max-width: 880px) { ul.systemNav { float: left; padding-bottom: 10px; } } ul.systemNav li { margin: 0 30px 0 0px; padding: 0 0 0 16px; float: left; text-align: left; } @media screen and (max-width: 360px) { ul.systemNav li { margin-right: 0px; float: none; } } ul.systemNav li:first-child { margin-left: 0px; } ul.systemNav li:last-child { margin-right: 0px; } ul.systemNav li a { color: #717171; text-decoration: none; font: normal 14px 'PT Sans', sans-serif; } ul.systemNav li a:hover { text-decoration: underline; } ul.systemNav .homepage { background: url("../img/lightlime/var_dark_sys_icon.png") no-repeat scroll 0 1px transparent; padding-left: 20px; } @media screen and (max-width: 360px) { ul.systemNav .homepage { padding-left: 22px; } } ul.systemNav .print { background: url("../img/lightlime/var_dark_sys_icon.png") no-repeat scroll 0 -29px transparent; padding-left: 22px; } @media screen and (max-width: 560px) { ul.systemNav .print { display: none; } } ul.systemNav .rss { background: url("../img/lightlime/var_dark_sys_icon.png") no-repeat scroll 0 -60px transparent; padding-left: 20px; } @media screen and (max-width: 360px) { ul.systemNav .rss { padding-left: 22px; } } ul.systemNav .sitemap { background: url("../img/lightlime/var_dark_sys_icon.png") no-repeat scroll 0 -89px transparent; } @media screen and (max-width: 360px) { ul.systemNav .sitemap { padding-left: 22px; } } /* LANGUAGE SWITCH ================================================================================================== */ #wrapper #lang { margin: 0px; padding: 0px; width: auto; float: left; } @media screen and (max-width: 340px) { #wrapper #lang { clear: both; margin: 0 auto; } } #wrapper #lang #languageSelect ul { display: none; } #wrapper #lang #languageSelect #languageSelectBody { margin-top: 0px; padding-top: 1px; text-align: right; } #wrapper #lang #languageSelect #languageSelectBody #languageFlags { text-align: center; float: left; padding-top: 9px; } #wrapper #lang #languageSelect #languageSelectBody #languageFlags a { background: none no-repeat; display: inline-block; float: left; height: 16px; margin: 0 0 0 7px; padding: 0; text-decoration: none; width: 16px; } #wrapper #lang #languageSelect #languageSelectBody #languageFlags a:first-child { margin-left: 0px; } #wrapper #lang #languageSelect #languageSelectBody #languageList { display: block; text-align: right; font: normal 13px 'PT Sans', sans-serif; color: #909090; padding-top: 11px; } #wrapper #lang #languageSelect #languageSelectBody #languageList .separator { display: none; } #wrapper #lang #languageSelect #languageSelectBody #languageList a { text-decoration: none; padding: 0 5px; color: #383838; display: inline-block; } #wrapper #lang #languageSelect #languageSelectBody #languageList a:hover { color: #b2b2b2; text-decoration: none; } #wrapper #lang #languageSelect #languageSelectBody #languageList .rbcSelectedLanguage { color: #b2b2b2; text-decoration: underline; } #wrapper #lang #languageSelect #languageSelectBody #languageList .rbcSelectedLanguage:hover { color: #b2b2b2; text-decoration: underline; } /* VIEW SELECT ====================================================================================================== */ /* COLUMNS ========================================================================================================== */ #wrapper.mainZoneOnLeft .defaultLayout .columnWide { width: 64.58%; max-width: 620px; margin: 0 6.25% 0 0; float: left; } @media screen and (max-width: 880px) { #wrapper.mainZoneOnLeft .defaultLayout .columnWide { width: 59%; max-width: 620px; margin: 0 6.25% 0 0; } } @media screen and (max-width: 767px) { #wrapper.mainZoneOnLeft .defaultLayout .columnWide { width: 100%; max-width: 767px; } } #wrapper.mainZoneOnLeft .defaultLayout .columnNarrow { width: 29.16%; max-width: 280px; margin: 0px; float: right; } @media screen and (max-width: 880px) { #wrapper.mainZoneOnLeft .defaultLayout .columnNarrow { width: 34.74%; max-width: 280px; margin: 0px; } } @media screen and (max-width: 767px) { #wrapper.mainZoneOnLeft .defaultLayout .columnNarrow { width: 100%; max-width: 767px; } } #wrapper.mainZoneOnRight .defaultLayout .columnWide { width: 64.58%; max-width: 620px; margin: 0 0 0 6.25%; float: right; } @media screen and (max-width: 880px) { #wrapper.mainZoneOnRight .defaultLayout .columnWide { width: 59%; max-width: 620px; margin: 0; } } @media screen and (max-width: 767px) { #wrapper.mainZoneOnRight .defaultLayout .columnWide { width: 100%; max-width: 767px; clear: both; } } #wrapper.mainZoneOnRight .defaultLayout .columnNarrow { width: 29.16%; max-width: 280px; margin: 0px; float: left; } @media screen and (max-width: 880px) { #wrapper.mainZoneOnRight .defaultLayout .columnNarrow { width: 34.74%; max-width: 280px; margin: 0px; } } @media screen and (max-width: 767px) { #wrapper.mainZoneOnRight .defaultLayout .columnNarrow { width: 100%; max-width: 767px; clear: both; } } #wrapper .fullWidth .defaultLayout .columnWide { width: 100%; clear: both; } .columnNarrow .widget { width: 100%; max-width: 280px; background-color: rgba(0, 0, 0, 0.05); padding: 20px 20px 15px 20px !important; margin: 0px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } @media screen and (max-width: 767px) { .columnNarrow .widget { width: 100%; max-width: 767px; clear: both; } } .lt-ie9 .columnNarrow .widget { background: url("../img/lightlime/black_transparent_05.png") repeat; } .lt-ie8 .columnNarrow .widget { width: 240px !important; } .lt-ie8 .columnWide { width: 620px !important; } .rbcContentBlockDragHandler img { border: none !important; } /* ================================================================================================================== */ /* MENU */ /* ================================================================================================================== */ #wrapper .menuWrapper { max-width: 600px; } @media screen and (max-width: 752px) { #wrapper .menuWrapper { max-width: 100%; } } #wrapper .menuWrapper ul.menu { float: right; display: block; text-align: left; font-size: 0.75em; max-width: 600px; margin: 0 0 25px 0; padding: 0; list-style: none; height: auto; } #wrapper .menuWrapper ul.menu li { display: block; position: relative; float: left; padding: 0; margin: 0 0 5px 0; height: 36px; min-height: 17px; line-height: 31px; white-space: nowrap; } #wrapper .menuWrapper ul.menu li a { color: #525252; display: block; height: 30px; height: 100% !important; position: relative; z-index: 99; text-decoration: none; padding: 0px 20px; margin: 0; font-size: 15px; } #wrapper .mobileMenu .menuWrapper { max-width: 100%; } #wrapper .mobileMenu .menuWrapper ul.menu { width: 100% !important; clear: both !important; height: auto !important; max-width: 100% !important; } #wrapper .mobileMenu .menuWrapper ul.menu li { width: 100% !important; clear: both !important; float: none !important; line-height: 42px !important; height: auto !important; min-height: 58px !important; font-size: 18px !important; } #wrapper .mobileMenu .menuWrapper ul.menu li a { color: #ffffff !important; width: 100% !important; clear: both !important; float: none !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block !important; padding: 8px 15px 8px 15px; line-height: 42px !important; font-size: 18px !important; min-height: 58px !important; z-index: 10 !important; } #wrapper .mobileMenu .menuWrapper .selected { background: none !important; } #wrapper .mobileMenu .menuWrapper .activeSelected { background: rgba(255, 255, 255, 0.3) !important; } @media screen and (max-width: 752px) { .no-js #navMenu { margin-top: -60px !important; margin-bottom: 120px !important; } } @media screen and (max-width: 752px) { .no-js #wrapper .menuWrapper ul.menu { background: #00b0e0 !important; width: 100% !important; clear: both !important; height: auto !important; max-width: 100% !important; } .no-js #wrapper .menuWrapper ul.menu li { width: 100% !important; clear: both !important; float: none !important; line-height: 42px !important; height: auto !important; min-height: 58px !important; font-size: 18px !important; } .no-js #wrapper .menuWrapper ul.menu li a { color: #ffffff !important; width: 100% !important; clear: both !important; float: none !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block !important; padding: 8px 15px 8px 15px; line-height: 42px !important; font-size: 18px !important; min-height: 58px !important; z-index: 10 !important; } .no-js #wrapper .menuWrapper .selected { background: none !important; } .no-js #wrapper .menuWrapper .activeSelected { background: rgba(255, 255, 255, 0.3) !important; } } /***** HOVER AKTIVNI POLOZKY MENU SE SUMBENU ****/ #wrapper.DARK ul.menu > li.activeSelected.withSubmenu:hover { background: url("../img/lightlime/submenu_arrow.png") no-repeat scroll 50% 30px transparent; } @media screen and (max-width: 752px) { #wrapper.DARK ul.menu > li.activeSelected.withSubmenu:hover { background: none; } } #wrapper.DARK .mobileMenu ul.menu > li.activeSelected.withSubmenu:hover { background: none; } /***** HOVER NEAKTIVNI POLOZKY MENU SE SUMBENU ****/ #wrapper.DARK ul.menu > li.withSubmenu:hover, #wrapper.DARK ul.menu > li.touched { background: url("../img/lightlime/submenu_arrow_inactive.png") no-repeat scroll 50% 30px transparent; } @media screen and (max-width: 752px) { #wrapper.DARK ul.menu > li.withSubmenu:hover, #wrapper.DARK ul.menu > li.touched { background: none; } } #wrapper.DARK .mobileMenu ul.menu > li.withSubmenu:hover { background: none; } /***** TEXT DECORATION OF HOVERED ELEMENTS 1ST LEVEL MENU ***/ #wrapper ul.menu > li > a:hover, #wrapper ul.menu > li:hover > a, #wrapper ul.menu > li.activeSelected > a, #wrapper ul.menu > li.selected > a, #wrapper ul.menu > li > a.touched { text-decoration: none; } /****** COLORS OF HOVERED ELEMENTS 1ST LEVEL MENU ****/ #wrapper ul.menu > li > a:hover, #wrapper ul.menu > li:hover > a, #wrapper ul.menu > li > a.touched { color: #8ab000; } @media screen and (max-width: 752px) { #wrapper ul.menu > li > a:hover, #wrapper ul.menu > li:hover > a, #wrapper ul.menu > li > a.touched { background: none; } } #wrapper .mobileMenu ul.menu > li > a:hover, #wrapper .mobileMenu ul.menu > li:hover > a, #wrapper .mobileMenu ul.menu > li > a.touched { background: none; } /****** ACTIVE MENU ITEM 1ST LEVEL *****/ #wrapper #navMenu:not(.mobileMenu) ul.menu > li.activeSelected > a, #wrapper #navMenu:not(.mobileMenu) ul.menu > li.selected > a { display: inline-block; background: url("../img/lightlime/menu_button.png"), url("../img/lightlime/menu_button.png"); background-repeat: no-repeat, no-repeat; background-position: right -40px, left top; color: #ffffff !important; } @media screen and (max-width: 752px) { #wrapper #navMenu:not(.mobileMenu) ul.menu > li.activeSelected > a, #wrapper #navMenu:not(.mobileMenu) ul.menu > li.selected > a { width: 100%; background: none; clear: both; z-index: 10 !important; } } #wrapper .mobileMenu ul.menu > li.activeSelected > a, #wrapper .mobileMenu ul.menu > li.selected > a { display: inline-block; background-repeat: no-repeat, no-repeat; background-position: right -40px, left top; color: #ffffff !important; } @media screen and (max-width: 752px) { #wrapper .mobileMenu ul.menu > li.activeSelected > a, #wrapper .mobileMenu ul.menu > li.selected > a { width: 100%; background: none; clear: both; z-index: 10 !important; } } #wrapper div#navMenu:not(.mobileMenu) ul > li:hover > ul, #wrapper div#navMenu:not(.mobileMenu) ul > li.touched > ul { display: block; } #wrapper div#navMenu:not(.mobileMenu) ul ul > li:hover > ul, #wrapper div#navMenu:not(.mobileMenu) ul ul > li.touched > ul { display: block; } #wrapper div#navMenu:not(.mobileMenu) ul ul ul > li:hover > ul, #wrapper div#navMenu:not(.mobileMenu) ul ul ul > li.touched > ul { display: block; } /*====================================================================================================================== SECOND LEVEL MENU ======================================================================================================================*/ #wrapper .mobileMenu li.withSubmenu:hover ul { display: none; } #wrapper ul.menu ul { display: none; position: absolute; z-index: 100; margin: 0; padding: 0; top: 35px; border-style: solid; border-width: 1px; border-color: #7EA000; -webkit-border-radius: 3px; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 3px; /* FF3.5 - 3.6 */ border-radius: 3px; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ background: #8ab000 url("../img/lightlime/submenu_top.png") no-repeat left -1px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); /* FF3.5 - 3.6 */ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ width: 178px; min-height: 17px; height: auto; word-wrap: break-word; } @media screen and (max-width: 752px) { #wrapper ul.menu ul { display: none; clear: both; position: relative !important; background: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: none; box-shadow: none; border-radius: 0px; width: 100%; top: 0; left: 0px !important; min-height: 42px; line-height: 42px; } } #wrapper .mobileMenu ul.menu ul { display: none; clear: both; position: relative !important; background: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: none; box-shadow: none; border-radius: 0px; width: 100%; top: 0; left: 0px !important; min-height: 42px; line-height: 42px; } #wrapper ul.menu ul li { display: block; width: 178px; height: auto !important; min-height: 17px; margin: 0 0 0 0 !important; background: transparent url("../img/lightlime/submenu_item_bg.png") repeat-x left bottom; white-space: normal !important; } @media screen and (max-width: 752px) { #wrapper ul.menu ul li { background: none; padding: 0px !important; } } #wrapper ul.menu ul li:hover { background: rgba(255, 255, 255, 0.3) url("../img/lightlime/submenu_item_bg.png") repeat-x left bottom; } @media screen and (max-width: 752px) { #wrapper ul.menu ul li:hover { background: none !important; } } #wrapper ul.menu ul li:last-of-type { background: none !important; } #wrapper ul.menu ul li:last-of-type:hover { background: rgba(255, 255, 255, 0.3) !important; } @media screen and (max-width: 752px) { #wrapper ul.menu ul li:last-of-type:hover { background: none !important; } } #wrapper .mobileMenu ul.menu ul li { background: none; padding: 0px !important; } #wrapper .mobileMenu ul.menu ul li:hover { background: none !important; } #wrapper ul.menu ul li a { display: block; height: auto !important; color: #ffffff !important; margin: 0; float: none; position: static; border: 0; line-height: 18px !important; font: normal 13px 'PT Sans', sans-serif !important; background: url("../img/lightlime/submenu_bullet.png") no-repeat 10px 12px; line-height: 33px; padding: 8px 15px 8px 24px !important; width: 139px; } #wrapper ul.menu ul li a:hover { text-decoration: underline; } @media screen and (max-width: 752px) { #wrapper ul.menu ul li a { color: #ffffff !important; font-size: 18px !important; line-height: 42px !important; background: none; width: 100% !important; padding: 8px 15px 8px 35px !important; z-index: 10 !important; } #wrapper ul.menu ul li a:hover { color: #ffffff !important; text-decoration: none; } } #wrapper .mobileMenu ul.menu ul li a { color: #ffffff !important; font-size: 18px !important; line-height: 42px !important; background: none; width: 100% !important; padding: 8px 15px 8px 35px !important; z-index: 10 !important; } #wrapper .mobileMenu ul.menu ul li a:hover { text-decoration: none; } /************** A HOVER ********/ #wrapper ul.menu ul li.activeSelected { text-decoration: underline; } @media screen and (max-width: 752px) { #wrapper ul.menu ul li.activeSelected { text-decoration: none; } } #wrapper ul.menu ul ul li:hover > a, #wrapper ul.menu ul ul li.activeSelected > a, #wrapper ul.menu > li > ul > li > ul li:hover > a, #wrapper ul.menu ul ul li > a.touched { text-decoration: underline; color: #000000 !important; } @media screen and (max-width: 752px) { #wrapper ul.menu ul ul li:hover > a, #wrapper ul.menu ul ul li.activeSelected > a, #wrapper ul.menu > li > ul > li > ul li:hover > a, #wrapper ul.menu ul ul li > a.touched { text-decoration: none; } } #wrapper ul.menu ul li a:hover, #wrapper ul.menu ul li.activeSelected > a, #wrapper ul.menu > li > ul > li:hover > a, #wrapper ul.menu ul li a.touched { display: block; margin: 0; text-decoration: underline; color: #000000 !important; } @media screen and (max-width: 752px) { #wrapper ul.menu ul li a:hover, #wrapper ul.menu ul li.activeSelected > a, #wrapper ul.menu > li > ul > li:hover > a, #wrapper ul.menu ul li a.touched { text-decoration: none; } } #wrapper #navMenu ul.level1 { background: #8ab000 !important; } #wrapper #navMenu ul.level2 { background: #8ab000 !important; } #wrapper #navMenu ul.level2 li.withSubmenu { padding-bottom: 0px !important; } /*====================================================================================================================== THIRD LEVEL MENU ======================================================================================================================*/ #wrapper ul.menu ul ul { word-wrap: break-word; top: -2px; } @media screen and (max-width: 752px) { #wrapper ul.menu ul ul { left: 0px !important; top: 0px !important; } } #wrapper ul.menu ul ul li { padding: 0px 0px 0px 55px; } @media screen and (max-width: 752px) { #wrapper ul.menu ul ul li a { line-height: 42px; padding: 8px 15px 8px 55px !important; color: #ffffff !important; z-index: 10 !important; } } #wrapper .mobileMenu ul.menu ul ul { left: 0px !important; top: 0px !important; } #wrapper .mobileMenu ul.menu ul ul li a { line-height: 42px; padding: 8px 15px 8px 55px !important; color: #ffffff !important; z-index: 10 !important; } #wrapper #navMenu ul.level3 { padding-left: 0px !important; width: 178px; overflow: hidden; background: none; } @media screen and (max-width: 752px) { #wrapper #navMenu ul.level3 { width: 100%; } } #wrapper .mobileMenu ul.level3 { padding-left: 0px !important; overflow: hidden; background: #8ab000 !important; width: 100%; } #wrapper .mobileMenu ul.level3 li a { padding-left: 20px !important; } #wrapper ul.level3 li:hover { background: none !important; } #wrapper ul.menu ul.level3 li:last-of-type:hover { background: rgba(255, 255, 255, 0.3) !important; } @media screen and (max-width: 752px) { #wrapper ul.menu ul.level3 li:last-of-type:hover { background: none !important; } } #wrapper .mobileMenu ul.menu ul.level3 li:last-of-type:hover { background: none !important; } #wrapper div#navMenu:not(.mobileMenu) ul.level3 li:last-of-type:hover { background: none !important; } /*====================================================================================================================== FOURTH LEVEL MENU ======================================================================================================================*/ #wrapper ul.menu ul ul ul { word-wrap: break-word; top: auto; left: auto; position: static; margin: 0; padding: 0; border: 0 !important; display: block; background: none; -webkit-box-shadow: none; box-shadow: none; } #wrapper ul.menu ul ul ul li { padding-left: 20px !important; } #wrapper .mobileMenu ul.menu ul ul ul li a { padding-left: 55px !important; } #wrapper .mobileMenu ul.level4, #wrapper .mobileMenu ul.level5, #wrapper .mobileMenu ul.level6 { background: #8ab000 !important; } #wrapper div#navMenu:not(.mobileMenu) ul.level4 { background: none !important; } #wrapper #navMenu:not(.mobileMenu) ul.level3, #wrapper #navMenu:not(.mobileMenu) ul.level4, #wrapper #navMenu:not(.mobileMenu) ul.level5, #wrapper #navMenu:not(.mobileMenu) ul.level6 { padding-top: 0px !important; } #wrapper #navMenu:not(.mobileMenu) ul ul ul ul li { padding-top: 0px !important; } #wrapper .mobileMenu ul.menu ul ul ul li { padding-left: 0px !important; } #wrapper .mobileMenu ul.menu ul ul ul li a { padding-left: 80px !important; } #wrapper .mobileMenu ul.menu ul ul ul ul li a { padding-left: 95px !important; } #wrapper .mobileMenu ul.menu ul ul ul ul ul li a { padding-left: 110px !important; } #wrapper .mobileMenu ul.menu ul ul ul ul ul ul li a { padding-left: 125px !important; } /*====================================================================================================================== MOBILE MENU SPECIALS ======================================================================================================================*/ /****** MOBILE MENU ARROWS ******/ #wrapper #navMenu ul.menu li a.menuArrow { position: absolute; right: 0px; top: 0px; width: 56px !important; height: 56px !important; margin: 0; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; z-index: 50; } #wrapper #navMenu a.menuArrow.down:after { position: absolute; top: 28px; right: 22px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #373a3c; border-bottom: none; } #wrapper #navMenu a.menuArrow.up:after { position: absolute; top: 28px; right: 22px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #373a3c; border-top: none; } /*********** 3RD LEVEL LI HOVER *******/ /*********** MOBILE MENU ACTIVE ITEM *******/ .mobileMenu .activeSelected { background: #8ab000 !important; } /*********** MOBILE MENU LEVEL3 UL *******/ #wrapper .mobileMenu ul.level3 { padding-left: 20px; width: 100% !important; overflow: hidden; } #wrapper .mobileMenu ul.level3 li { width: 100%; } /*********** MOBILE MENU LEVEL3 UL LI A *******/ #wrapper .mobileMenu ul.menu ul ul li a { line-height: 42px; padding: 8px 15px 8px 55px !important; color: #ffffff !important; z-index: 10 !important; } ul.level3 li, ul.level4 li, ul.level5 li { background: none !important; } #wrapper .mobileMenu ul.level3 li:hover, #wrapper .mobileMenu ul.level4 li:hover, #wrapper .mobileMenu ul.level5 li:hover { background: none !important; } /*====================================================================================================================== ADMIN HELPER CLASSES ======================================================================================================================*/ .menuWrapper .rbcContentBlock { overflow: visible !important; } .previewMenu { padding-top: 52px !important; } .editorMenu { padding-top: 23px !important; } /*====================================================================================================================== NO JS ======================================================================================================================*/ .no-js #wrapper #navMenu { position: relative; } @media screen and (max-width: 752px) { .no-js #wrapper #navMenu { display: block !important; position: relative !important; top: 0px; left: 0px; } } @media screen and (max-width: 752px) { .no-js #wrapper #navMenu ul { display: block !important; } } .no-js #wrapper div#navMenu:not(.mobileMenu) ul.level1 { left: -36px !important; } .no-js #wrapper div#navMenu:not(.mobileMenu) ul.level2 { left: 176px !important; } @media screen and (max-width: 752px) { .no-js #wrapper div#navMenu:not(.mobileMenu) ul.level1 { left: 0 !important; } .no-js #wrapper div#navMenu:not(.mobileMenu) ul.level2 { left: 0 !important; } } /*====================================================================================================================== IE STYLES ======================================================================================================================*/ .lt-ie9 ul.menu > li.selected > a { background: #3f5000; } .lt-ie9 ul.menu > li.selected > a:hover { background: #3f5000; } .lt-ie9 #wrapper img { width: 100% !important; max-width: 999px !important; } .lt-ie9 #wrapper #header #logoZone { width: 100% !important; } .lt-ie9 #wrapper ul.menu > li.activeSelected > a { background: #3f5000; } .lt-ie9 #wrapper ul.menu li.activeSelected ul li a, .lt-ie9 #wrapper ul.menu li.activeSelected ul ul li a { background: url("../img/lightlime/submenu_bullet.png") no-repeat 10px 12px; } .lt-ie9 #wrapper ul.menu ul { border: none; } .lt-ie9 #wrapper ul.menu ul li { background: none; } .lt-ie9 #wrapper ul.menu ul li a { padding: 0px 15px 0px 24px !important; } .lt-ie8 #wrapper ul.menu li ul { z-index: 5000; } .lt-ie8 #wrapper ul.menu li a { display: inline-block; } .lt-ie9 #wrapper div#navMenu ul > li:hover > ul, .lt-ie9 #wrapper div#navMenu ul > li.touched > ul { display: block; } .lt-ie9 #wrapper div#navMenu ul ul > li:hover > ul, .lt-ie9 #wrapper div#navMenu ul ul > li.touched > ul { display: block; } .lt-ie9 #wrapper div#navMenu ul ul ul > li:hover > ul, .lt-ie9 #wrapper div#navMenu ul ul ul > li.touched > ul { display: block; } #wrapper #navMenu:not(.mobileMenu) ul.menu li ul li ul li ul li a { padding-top: 0px !important; background-position: 10px 4px; } #wrapper .mobileMenu ul.menu ul li.activeSelected { background: rgba(255, 255, 255, 0.3) !important; } /* ================================================================================================================== */ /* ARTICLES */ /* ================================================================================================================== */ #wrapper .widgetArticles { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetArticles .widgetTitle h2 { color: #717171; text-align: left; font-weight: 700; padding: 0px 0px 57px 0px; margin: 0px; } #wrapper .widgetArticles .boxArticles { background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; margin: 0px 0px 25px 0px; padding: 0px 0px 30px 0px; overflow: hidden; } #wrapper .widgetArticles .boxArticles .boxTitle h3 { font-size: 1.4375em; font-weight: 700; margin: 0px; padding: 0px; } #wrapper .widgetArticles .boxArticles .boxTitle h3 a { font-weight: 700 !important; text-decoration: none; } #wrapper .widgetArticles .boxArticles .boxTitle h3 a:hover { text-decoration: underline !important; } #wrapper .widgetArticles .boxArticles .wrapperDate { color: #939393; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 0.8125em; margin: 2px 0px 0px 0px; padding: 0px 0px 1px 20px; background: url("../img/lightlime/icon_clock.png") no-repeat scroll 0px 6px transparent; } #wrapper .widgetArticles .boxArticles .wrapperText { font-size: 1em; font-family: "Open Sans", sans-serif; text-align: justify; line-height: 20px; margin: 20px 0px 0px 0px; } #wrapper .widgetArticles .boxArticles .noText { margin: 0px !important; } #wrapper .widgetArticles .wrapperArchive { float: right; text-align: right; margin: 4px 0px 0px 15px; font-size: 0.875em; background: url("../img/lightlime/icon_archive.png") no-repeat 13px 7px; } @media all and (max-width: 480px) { #wrapper .widgetArticles .wrapperArchive { float: none; clear: both; margin-right: 0px; margin-left: 0px !important; text-align: left; background: url("../img/lightlime/icon_archive.png") no-repeat 0px 7px; } } #wrapper .widgetArticles .pagingInfo { float: right; margin: 4px 0px 0px 0px; } @media all and (max-width: 480px) { #wrapper .widgetArticles .pagingInfo { float: none; clear: both; margin: -1px 0px 10px 0px; } } #wrapper .columnWide .widgetArticles .wrapperArchive a { padding-left: 34px; font-size: 16px !important; } @media all and (max-width: 480px) { #wrapper .columnWide .widgetArticles .wrapperArchive a { padding-left: 24px !important; } } #wrapper .columnNarrow .widgetArticles { margin-bottom: 40px; } #wrapper .columnNarrow .widgetArticles .boxArticles { background: none; width: 100%; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; margin: 0px 0px 0px 0px; } #wrapper .columnNarrow .widgetArticles .boxArticles .boxTitle h3 { font-size: 16px !important; font-weight: 700 !important; } #wrapper .columnNarrow .widgetArticles .boxArticles .boxTitle h3 a { font-weight: 700 !important; text-decoration: underline; } #wrapper .columnNarrow .widgetArticles .boxArticles .boxTitle h3 a:hover { text-decoration: none; } #wrapper .columnNarrow .widgetArticles .boxArticles .wrapperDate { color: #9a9a9a; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 12px !important; margin: 0px 0px 4px 0px !important; padding-left: 18px !important; background: url("../img/lightlime/box_icon_clock.png") no-repeat scroll 0px 8px transparent !important; } #wrapper .columnNarrow .widgetArticles .boxArticles .wrapperText { font-size: 0.875em !important; text-align: left !important; color: #717171; padding: 0px 0px 10px 0px; margin: 5px 0px 0px 0px !important; line-height: 18px; } #wrapper .columnNarrow .widgetArticles .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; font-size: 1.25em; padding-bottom: 45px; } #wrapper .columnNarrow .widgetArticles .pagingInfo { width: 100%; font-size: 0.875em; float: none; margin-top: 0px; text-align: center; } #wrapper .columnNarrow .widgetArticles .wrapperArchive { text-align: left; height: 55px; width: 100%; margin-top: -10px; font-size: 0.875em; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; } #wrapper .columnNarrow .widgetArticles .wrapperArchive a { background: url("../img/lightlime/icon_archive.png") no-repeat 0px 2px; padding-left: 22px; } .lt-ie9 .widgetArticles .wrapperArchive { padding-left: 0px !important; margin-left: 0px !important; } .noArticleDelimiter { background: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } /* ================================================================================================================== */ /* ARTICLES DETAIL */ /* ================================================================================================================== */ #wrapper .widgetArticlesDetial { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetArticlesDetial .wrapperDate { color: #939393; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 0.8125em; margin: 2px 0px 20px 0px; padding: 0px 0px 1px 20px; background: url("../img/lightlime/icon_clock.png") no-repeat scroll 0px 6px transparent; float: left; } #wrapper .widgetArticlesDetial .wrapperContent { background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; margin-bottom: 20px; line-height: 20px; padding-bottom: 30px; } #wrapper .columnWide .widgetArticlesDetial .widgetTitle { color: #717171; text-align: left; font-weight: 700; padding: 0px; margin: 0px; } #wrapper .columnWide .widgetArticlesDetial .widgetTitle h1 { text-transform: none; } /* ================================================================================================================== */ /* CONTACT */ /* ================================================================================================================== */ #wrapper .widgetContact { margin: 0px; padding-bottom: 25px !important; overflow: hidden; line-height: 1.3em; font-size: 0.875em; } @media screen and (max-width: 980px) { #wrapper .widgetContact { padding: 20px !important; padding-bottom: 15px !important; } } #wrapper .widgetContact .widgetContent { overflow: hidden; } #wrapper .widgetContact .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; font-size: 1.25em; color: #717171; text-align: left; padding: 0px 0px 40px 0px; margin: 0px; } #wrapper .widgetContact .contactCompany { font-size: 1.0625em; display: block; font-weight: 700; padding: 0px; } #wrapper .widgetContact .contactAddress { display: block; background: url("../img/lightlime/contact_icon_address.png") no-repeat 0px 0px; color: #717171; margin: 22px 0 0; padding: 0px 0px 0px 22px; } #wrapper .widgetContact .contactPhone, #wrapper .widgetContact .contactEmail { display: block; font-weight: 400; color: #717171; margin: 22px 0 0; padding: 15px 15px 15px 74px; } #wrapper .widgetContact .contactPhone { background: url("../img/lightlime/contact_icon_phone.png") no-repeat 0px 2px; padding: 0px 0px 0px 25px; } #wrapper .widgetContact .contactEmail { background: url("../img/lightlime/contact_icon_mail.png") no-repeat 0px 5px; padding: 0px 0px 0px 25px; } #wrapper .widgetContact .contactEmail a { color: #8ab000; text-decoration: none; font-weight: 400; } #wrapper .widgetContact .contactEmail a:hover { color: #8ab000; text-decoration: underline; } #wrapper .widgetContactForm { margin: 0px 0px 25px 0px; padding: 20px 30px 30px 30px; font-weight: 700; background: rgba(0, 0, 0, 0.05); color: #717171; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } #wrapper .widgetContactForm .widgetTitle h2 { color: #717171; font-weight: 700; text-transform: none; } #wrapper .widgetContactForm .widgetContent { /* .contactFormButton { margin: 0px!important; }*/ } #wrapper .widgetContactForm .widgetContent fieldset { border: none; margin: 0px; padding: 0px; color: #717171; } #wrapper .widgetContactForm .widgetContent .wrapperInput { margin: 0 0 25px 0; } #wrapper .widgetContactForm .widgetContent .wrapperInput label { width: 100%; margin: 0 0 10px 0px; font-weight: 600; display: inline-block; word-break: break-all; } #wrapper .widgetContactForm .widgetContent .wrapperInput label.wrong { color: #fe5342; } #wrapper .widgetContactForm .widgetContent .wrapperInput input.wrong { border: 1px solid #fe5342; } #wrapper .widgetContactForm .widgetContent input[type="text"], #wrapper .widgetContactForm .widgetContent input[type="date"], #wrapper .widgetContactForm .widgetContent input[type="email"], #wrapper .widgetContactForm .widgetContent input[type="password"], #wrapper .widgetContactForm .widgetContent textarea, #wrapper .widgetContactForm .widgetContent select { width: 100%; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 7px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .widgetContactForm .widgetContent textarea { height: 200px; } #wrapper .widgetContactForm .widgetContent .wrapperInputButton { margin: 0px; } #wrapper .widgetContactForm .widgetContent .wrapperInputButton input[type="submit"], #wrapper .widgetContactForm .widgetContent .wrapperInputButton input[type="button"], #wrapper .widgetContactForm .widgetContent .wrapperInputButton input[type="reset"], #wrapper .widgetContactForm .widgetContent .wrapperInputButton button { -webkit-border-radius: 0px !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 0px !important; /* FF3.5 - 3.6 */ border-radius: 0px !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ font-size: 1em; line-height: 1.81818em; color: #3f5000; height: 40px; font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/button_arrow.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 97% 14px, left top; display: inline-block; padding: 5px 10px 6px; text-decoration: none; line-height: 1; text-shadow: 0 1px 0px #92B900; border-left: 1px solid #87AD00; border-right: 1px solid #87AD00; position: relative; cursor: pointer; } #wrapper .widgetContactForm .widgetContent .wrapperInputButton input[type="submit"]:hover, #wrapper .widgetContactForm .widgetContent .wrapperInputButton input[type="button"]:hover, #wrapper .widgetContactForm .widgetContent .wrapperInputButton input[type="reset"]:hover, #wrapper .widgetContactForm .widgetContent .wrapperInputButton button:hover { background-position: left -40px; background-position: 97% 14px, left -40px; } #wrapper .widgetContactForm .widgetContent .error { color: #fe5342; font-weight: 700; margin: 0 0 15px 0; } #wrapper .widgetContactForm .widgetContent .formError { margin-top: 10px; color: #fe5342; } #wrapper .widgetContactForm .widgetContent .formError h3 { color: #fe5342; font-size: 1.125em; font-weight: 700; padding-left: 46px; padding-top: 5px; background: url("../img/lightlime/icon_error.png") no-repeat 6px 2px transparent; min-height: 22px; } #wrapper .widgetContactForm .widgetContent .msgSent { margin: 10px 0px 0px 0px; padding-left: 60px; color: #8dc800; background: url("../img/lightlime/icon_success.png") no-repeat 6px 2px transparent; } /* ================================================================================================================== */ /* DISCUSSION */ /* ================================================================================================================== */ #wrapper .widgetDiscussion { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetDiscussion .widgetTitle h2 { text-transform: none; font-weight: 700; color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; } #wrapper .widgetDiscussion .widgetContent { margin-bottom: 60px; } #wrapper .widgetDiscussion .pagingInfo { float: right; margin: 4px 0px 0px 0px; } #wrapper .widgetDiscussion .wrapperBacklink { float: right; text-align: right; font-size: 0.875em; margin-bottom: 30px; } .wrapperBacklink { float: none; text-align: left; font-size: 1em; margin-bottom: 30px; } #wrapper .columnWide .boxDiscussion { background: none; margin: 0 0 25px 90px; padding: 0 0 0 30px; border-left: 5px solid #d3d3d3; overflow: hidden; } #wrapper .columnWide .boxDiscussion .boxTitle h3 { font-size: 1.4375em; font-weight: 700; font-family: "Open Sans", sans-serif; margin: 0 0 5px 0; padding: 0px; color: #717171; } #wrapper .columnWide .discussionPostDelimiter { display: none !important; } #wrapper .columnWide .discussionPostDelimiter:last-of-type { display: block !important; border: none; height: 2px; width: 100%; background: url("../img/lightlime/delimiter.gif") repeat-x left top; margin: 30px 0px 25px 0px; } #wrapper .columnWide .discussionLevel-1 { margin: 0 0 25px 0; } #wrapper .columnWide .discussionLevel-2 { margin: 0 0 25px 34px; } #wrapper .columnWide .discussionLevel-3 { margin: 0 0 25px 68px; } #wrapper .columnWide .discussionPostInfo { font-size: 1em; line-height: 1.625em; font-family: "Open Sans", sans-serif; font-weight: 300; margin: 0 0 20px; } #wrapper .columnWide .discussionPostText { margin: 0 0 0 0; padding: 0px; overflow: hidden; line-height: 20px; } #wrapper .columnWide .discussionPostDate { color: #939393; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 0.8125em; margin: 0px 0px 20px 0px; padding: 0px 0px 1px 20px; background: url("../img/lightlime/icon_clock.png") no-repeat scroll 0px 0px transparent; } #wrapper .columnWide .discussionPostAuthor { color: #939393; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 0.8125em; margin: 0px 20px 20px 0px; padding: 0px 20px 1px 20px; background: url("../img/lightlime/icon_user.png") no-repeat scroll 0px 0px transparent; } #wrapper .columnWide .discussionPostReply { margin: 20px 0px 0px 0px; } #wrapper .columnWide .discussionPostReply a { text-decoration: none; font-weight: 700; padding: 0 0 0 17px; background: url("../img/lightlime/arrow_right.png") no-repeat scroll 0px 3px transparent; } #wrapper .columnWide .discussionPostReply a:hover { text-decoration: underline; } #wrapper .columnWide .discussionForm { margin: 0px 0px 25px 0px; padding: 20px; overflow: hidden; background: rgba(0, 0, 0, 0.05); color: #717171; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } #wrapper .columnWide .discussionForm h2 { color: #717171; font-weight: 700; text-transform: none; } #wrapper .columnWide .discussionForm .error { color: #fe5342; font-weight: 700; margin: 0 0 15px 0; } #wrapper .columnWide .discussionForm .formError { margin-top: 10px; color: #fe5342; } #wrapper .columnWide .discussionForm .formError li { padding-left: 14px; } #wrapper .columnWide .discussionForm .formError h3 { color: #fe5342; font-size: 1.125em; font-weight: 700; padding-left: 46px; padding-top: 5px; background: url("../img/lightlime/icon_error.png") no-repeat 6px 2px transparent; min-height: 22px; } #wrapper .columnWide .discussionForm fieldset { border: none; margin: 0px; padding: 0px; color: #717171; } #wrapper .columnWide .discussionForm .wrapperInput { margin: 0 0 25px 0; } #wrapper .columnWide .discussionForm .wrapperInput label { width: 100%; margin: 0 0 10px 0px; font-weight: 600; display: inline-block; word-break: break-all; } #wrapper .columnWide .discussionForm .wrapperInput label.wrong { color: #fe5342; } #wrapper .columnWide .discussionForm .wrapperInput input[type="text"], #wrapper .columnWide .discussionForm .wrapperInput input[type="date"], #wrapper .columnWide .discussionForm .wrapperInput input[type="email"], #wrapper .columnWide .discussionForm .wrapperInput input[type="password"], #wrapper .columnWide .discussionForm .wrapperInput textarea, #wrapper .columnWide .discussionForm .wrapperInput select { width: 100%; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 3px 15px 0px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .columnWide .discussionForm .wrapperInput textarea { height: 200px; padding: 10px 15px 0px 15px !important; } #wrapper .columnWide .discussionForm .wrapperInputButton { margin: 0px; } #wrapper .columnWide .discussionForm .wrapperInputButton input[type="submit"], #wrapper .columnWide .discussionForm .wrapperInputButton input[type="button"], #wrapper .columnWide .discussionForm .wrapperInputButton input[type="reset"], #wrapper .columnWide .discussionForm .wrapperInputButton button { -webkit-border-radius: 0px !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 0px !important; /* FF3.5 - 3.6 */ border-radius: 0px !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ font-size: 1em; line-height: 1.81818em; color: #3f5000; height: 40px; font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/button_arrow.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 97% 14px, left top; display: inline-block; padding: 5px 10px 6px; text-decoration: none; line-height: 1; text-shadow: 0 1px 0px #92B900; border-left: 1px solid #87AD00; border-right: 1px solid #87AD00; position: relative; cursor: pointer; } #wrapper .columnWide .discussionForm .wrapperInputButton input[type="submit"]:hover, #wrapper .columnWide .discussionForm .wrapperInputButton input[type="button"]:hover, #wrapper .columnWide .discussionForm .wrapperInputButton input[type="reset"]:hover, #wrapper .columnWide .discussionForm .wrapperInputButton button:hover { background-position: left -40px; background-position: 97% 14px, left -40px; } #wrapper .columnWide .discussionForm .discussionFormButton { margin: 0px !important; } #wrapper .columnWide .pagingAndInfo { text-align: center; margin-top: -29px; } #wrapper .columnWide .noPagingButInfo { text-align: left; margin-top: -29px; } #wrapper .columnWide .noInfoButPaging { text-align: right; margin-top: -29px; } #wrapper .columnWide .noPagingAndInfo { text-align: left; margin-top: -11px !important; } #wrapper .columnWide .widgetDiscussion .pagingInfo { float: right; margin: 4px 0px 0px 0px; } @media all and (max-width: 520px) { #wrapper .columnWide .widgetDiscussion .pagingInfo { float: none; } } @media all and (max-width: 520px) { #wrapper .columnWide .widgetDiscussion .paging { float: none; margin: 5px 0 15px 0px; } } @media all and (max-width: 520px) { #wrapper .columnWide .widgetDiscussion .wrapperNewFormLink { float: none; margin: -10px 0 5px 0px; text-align: left; } } /* ========== NARROW BOX STYLES ======================================================================================*/ #wrapper .columnNarrow { /* FORM */ } #wrapper .columnNarrow .widgetDiscussion { margin: 0px 0px 40px 0px; padding: 20px; overflow: hidden; } #wrapper .columnNarrow .widgetDiscussion .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; font-size: 1.25em; padding: 0px 0px 40px 0px; margin: 0px !important; } #wrapper .columnNarrow .widgetDiscussion .widgetContent { margin-bottom: 50px; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion { background: none; margin: 0 0 15px 20px; padding: 0 0 0 20px; border-left: none; border-left: 3px solid #d3d3d3; overflow: hidden; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion .boxTitle h3 { font-size: 16px !important; font-weight: 700; font-family: "Open Sans", sans-serif; margin: 0 0 5px 0; padding: 0px; color: #717171; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostText { margin: 0 0 0 0; overflow: hidden; width: 100%; font-size: 0.875em !important; text-align: left !important; color: #717171; padding: 0px 0px 0 0px; line-height: 18px; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostInfo { font-size: 1em; line-height: 1.625em; font-family: "Open Sans", sans-serif; font-weight: 300; margin: 0 0 10px; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostReply { margin-top: 10px; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostReply a { font-size: 14px; text-decoration: none; font-weight: 700; padding: 0px 0 0 20px; background: url("../img/lightlime/arrow_right.png") no-repeat scroll 0px 2px transparent; } #wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostReply a:hover { text-decoration: underline; } #wrapper .columnNarrow .widgetDiscussion .discussionPostDate { color: #9a9a9a; background: url("../img/lightlime/box_icon_clock.png") no-repeat scroll 0px 0px transparent; font-weight: 700; padding: 0px 0px 0px 18px; font-size: 12px !important; } #wrapper .columnNarrow .widgetDiscussion .discussionPostAuthor { color: #9a9a9a; background: url("../img/lightlime/box_icon_user.png") no-repeat scroll 0px 0px transparent; font-weight: 700; padding: 0px 0px 0px 20px; margin-right: 15px; font-size: 12px !important; } #wrapper .columnNarrow .widgetDiscussion .discussionLevel-1 { margin: 0 0 20px 0 !important; border: none !important; padding-left: 0px !important; } #wrapper .columnNarrow .widgetDiscussion .discussionLevel-2 { margin: 0 0 20px 0px !important; border-left: 3px solid #d3d3d3; padding-left: 20px; } #wrapper .columnNarrow .widgetDiscussion .discussionLevel-3 { margin: 0 0 20px 10px !important; border-left: 3px solid #d3d3d3; padding-left: 20px; } #wrapper .columnNarrow .widgetDiscussion .discussionLevel-4 { margin: 0 0 20px 20px !important; border-left: 3px solid #d3d3d3; padding-left: 20px; } #wrapper .columnNarrow .widgetDiscussion .discussionPostDelimiter { display: none; } #wrapper .columnNarrow .widgetDiscussion .discussionPostDelimiter:last-of-type { display: block; border: none; height: 15px; width: 100%; background: url("../img/lightlime/box_delimiter.png") no-repeat left top; background-size: 100% 15px !important; margin: 15px 0px 0px 0px; } #wrapper .columnNarrow .widgetDiscussion .noDiscussionDelimiter { display: none !important; } #wrapper .columnNarrow .widgetDiscussion .pagingInfo { font-size: 0.8125em; clear: both; margin-top: 0px; width: 100%; text-align: center; } #wrapper .columnNarrow .widgetDiscussion .wrapperArchive { font-size: 0.8125em; padding-left: 22px; background: url("../img/lightlime/icon_archive.png") no-repeat 0px 7px; margin-top: 0px; } #wrapper .columnNarrow .widgetDiscussion .msgNotFound { font-size: 14px; } #wrapper .columnNarrow .discussionForm h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; font-size: 1.25em; padding: 0px 0px 57px 0px; margin: 0px !important; } #wrapper .columnNarrow .discussionForm .boxDiscussionForm { margin: 0 0 5px 0; padding: 0px; overflow: hidden; color: #717171; background: none !important; border: none !important; } #wrapper .columnNarrow .discussionForm .error { color: #fe5342; font-weight: 700; margin: 0 0 15px 0; } #wrapper .columnNarrow .discussionForm .formError { margin-top: 10px; line-height: 18px !important; color: #fe5342; } #wrapper .columnNarrow .discussionForm .formError li { padding-left: 12px; } #wrapper .columnNarrow .discussionForm .formError .formErrorMessage, #wrapper .columnNarrow .discussionForm .formError .formErrorColumnName { font-size: 13px; } #wrapper .columnNarrow .discussionForm .formError h3 { color: #fe5342; font-size: 0.9375em; font-weight: 700; padding-left: 46px; padding-top: 5px; background: url("../img/lightlime/icon_error.png") no-repeat 6px 2px transparent; min-height: 22px; } #wrapper .columnNarrow .discussionForm ul.formError { padding: 0 0 0 33px !important; } #wrapper .columnNarrow .discussionForm fieldset { border: none; margin: 0px; padding: 0px; color: #717171; } #wrapper .columnNarrow .discussionForm label { font-weight: 700; font-size: 0.875em; } #wrapper .columnNarrow .discussionForm .wrapperInput { margin: 0 0 10px 0; } #wrapper .columnNarrow .discussionForm .wrapperInput label { width: auto !important; margin: 0 0 0 0; font-weight: 700; display: inline-block; word-break: break-all; } #wrapper .columnNarrow .discussionForm .wrapperInput label.wrong { color: #fe5342; } #wrapper .columnNarrow .discussionForm .wrapperInput .inlineLabel { width: auto !important; margin: 0 0 10px 0; font-weight: 400 !important; display: inline-block; word-break: break-all; } #wrapper .columnNarrow .discussionForm .wrapperInput input[type="text"], #wrapper .columnNarrow .discussionForm .wrapperInput input[type="date"], #wrapper .columnNarrow .discussionForm .wrapperInput input[type="email"], #wrapper .columnNarrow .discussionForm .wrapperInput input[type="password"], #wrapper .columnNarrow .discussionForm .wrapperInput textarea, #wrapper .columnNarrow .discussionForm .wrapperInput select { width: 100%; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 3px 15px 0px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .columnNarrow .discussionForm .wrapperInput textarea { height: 120px; padding: 10px 15px 0px 15px !important; } #wrapper .columnNarrow .discussionForm .wrapperInput input.wrong, #wrapper .columnNarrow .discussionForm .wrapperInput textarea.wrong { border: 1px solid #fe5342; } #wrapper .columnNarrow .discussionForm .choicesGroup { margin-bottom: 10px; } #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputCheckbox, #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputRadio { margin: 0px 0px 0px 0px !important; } #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputCheckbox label, #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputRadio label { float: left; margin: 0px; font-weight: 700; width: auto; } #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputCheckbox .iradio_flat, #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputCheckbox .icheckbox_flat, #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputRadio .iradio_flat, #wrapper .columnNarrow .discussionForm .choicesGroup .wrapperInputRadio .icheckbox_flat { margin: 5px 0 0 0; } #wrapper .columnNarrow .discussionForm .wrapperInputButton { margin: 15px 0 0 0 !important; } #wrapper .columnNarrow .discussionForm .wrapperInputButton input[type="submit"], #wrapper .columnNarrow .discussionForm .wrapperInputButton input[type="button"], #wrapper .columnNarrow .discussionForm .wrapperInputButton input[type="reset"], #wrapper .columnNarrow .discussionForm .wrapperInputButton button { -webkit-border-radius: 0px !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 0px !important; /* FF3.5 - 3.6 */ border-radius: 0px !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ font-size: 1em; line-height: 1.81818em; color: #3f5000; height: 40px; font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/button_arrow.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 94% 14px, left top; display: inline-block; padding: 5px 10px 6px; text-decoration: none; line-height: 1; text-shadow: 0 1px 0px #92B900; border-left: 1px solid #87AD00; border-right: 1px solid #87AD00; position: relative; cursor: pointer; } #wrapper .columnNarrow .discussionForm .wrapperInputButton input[type="submit"]:hover, #wrapper .columnNarrow .discussionForm .wrapperInputButton input[type="button"]:hover, #wrapper .columnNarrow .discussionForm .wrapperInputButton input[type="reset"]:hover, #wrapper .columnNarrow .discussionForm .wrapperInputButton button:hover { background-position: left -40px; background-position: 94% 14px, left -40px; } #wrapper .columnNarrow .wrapperNewFormLink { margin-top: 11px; text-align: center; } .noDiscussionForm { margin-bottom: -11px !important; } .onlyDiscussionFormLink { margin-top: 11px !important; } .lt-ie9 #wrapper .columnWide .discussionForm, .lt-ie9 #wrapper .columnNarrow .discussionForm { background: url("../img/lightlime/black_transparent_05.png") repeat; } .lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput input[type="text"], .lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput input[type="date"], .lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput input[type="email"], .lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput input[type="password"], .lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput select, .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="text"], .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="date"], .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="email"], .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="password"], .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput select { padding-top: 9px !important; background: url("../img/lightlime/ie_input.png") repeat; } .lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput textarea, .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput textarea { background: url("../img/lightlime/ie_textarea.png") repeat; } .lt-ie9 #wrapper .columnWide .discussionForm { margin-top: 0px !important; } .lt-ie9 #wrapper .columnWide .widgetDiscussion .discussionForm { margin-top: 40px !important; } .lt-ie9 #wrapper .columnNarrow .widgetDiscussion .discussionForm { margin-top: 40px !important; } .lt-ie9 #wrapper .columnNarrow .discussionForm { background: none !important; } .lt-ie9 #wrapper .widgetDiscussion .widgetContent { margin: 0px 0px 0px 0px !important; } .lt-ie8 #wrapper .columnWide .discussionForm .wrapperInput input[type="text"], .lt-ie8 #wrapper .columnWide .discussionForm .wrapperInput input[type="date"], .lt-ie8 #wrapper .columnWide .discussionForm .wrapperInput input[type="email"], .lt-ie8 #wrapper .columnWide .discussionForm .wrapperInput input[type="password"] { width: 548px !important; height: 30px !important; padding-top: 10px !important; } .lt-ie8 #wrapper .columnWide .discussionForm .wrapperInput select { width: 548px !important; height: 32px !important; padding-top: 8px !important; } .lt-ie8 #wrapper .columnWide .discussionForm .wrapperInput textarea { width: 548px !important; height: auto; } .lt-ie8 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="text"], .lt-ie8 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="date"], .lt-ie8 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="email"], .lt-ie8 #wrapper .columnNarrow .discussionForm .wrapperInput input[type="password"] { width: 208px !important; height: 30px !important; padding-top: 10px !important; } .lt-ie8 #wrapper .columnNarrow .discussionForm .wrapperInput select { height: 32px !important; padding-top: 8px !important; } .lt-ie8 #wrapper .columnNarrow .discussionForm .wrapperInput textarea { width: 208px !important; height: auto; } .lt-ie8 #wrapper .columnNarrow .discussionForm .boxDiscussionForm { margin-bottom: -20px !important; } .lt-ie8 #wrapper .columnNarrow .pagingInfo { float: none !important; } .lt-ie8 #wrapper .columnNarrow .wrapperNewFormLink { margin-top: 0px !important; } /* ================================================================================================================== */ /* FULLTEXT */ /* ================================================================================================================== */ #wrapper .widgetFulltext { margin: 0px 0px 60px 0px; padding: 0px; } #wrapper .widgetFulltext h1 { padding-bottom: 15px !important; } #wrapper .widgetFulltext .boxFulltext { margin: 0px 0px 25px 0px; padding: 10px 20px 20px 20px; overflow: visible; background: rgba(0, 0, 0, 0.05); color: #717171; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } #wrapper .widgetFulltext .boxFulltext fieldset { border: none; margin: 0px; padding: 0px; color: #717171; } #wrapper .widgetFulltext .boxFulltext input[type="text"], #wrapper .widgetFulltext .boxFulltext input[type="date"], #wrapper .widgetFulltext .boxFulltext input[type="email"], #wrapper .widgetFulltext .boxFulltext input[type="password"], #wrapper .widgetFulltext .boxFulltext textarea, #wrapper .widgetFulltext .boxFulltext select { width: 190px; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 7px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } @media screen and (max-width: 1040px) { #wrapper .widgetFulltext .boxFulltext input[type="text"], #wrapper .widgetFulltext .boxFulltext input[type="date"], #wrapper .widgetFulltext .boxFulltext input[type="email"], #wrapper .widgetFulltext .boxFulltext input[type="password"], #wrapper .widgetFulltext .boxFulltext textarea, #wrapper .widgetFulltext .boxFulltext select { width: 100%; } } #wrapper .widgetFulltext .boxFulltext .wrapperInput { width: auto; float: left; margin: 0px 20px 0px 0px; } @media screen and (max-width: 1040px) { #wrapper .widgetFulltext .boxFulltext .wrapperInput { width: 100%; } } #wrapper .widgetFulltext .boxFulltext .wrapperInput:last-child { margin: 35px 0px 0px 0px; } @media screen and (max-width: 1040px) { #wrapper .widgetFulltext .boxFulltext .wrapperInput:last-child { margin: 20px 0px 0px 0px; } } #wrapper .widgetFulltext .boxFulltext .wrapperInput label { width: 100%; line-height: 28px; font-weight: 600; margin: 0 0 7px 0; padding: 0px; display: block; } #wrapper .widgetFulltext .boxFulltext .wrapperInputSelect { width: 190px; } @media screen and (max-width: 1040px) { #wrapper .widgetFulltext .boxFulltext .wrapperInputSelect { width: 100%; margin-top: 15px; } } #wrapper .widgetFulltext .wrapperInputButton input { -webkit-border-radius: 0px !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 0px !important; /* FF3.5 - 3.6 */ border-radius: 0px !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ font-size: 1em; line-height: 1.81818em; color: #3f5000; height: 40px; font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; width: 159px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/button_arrow.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 94% 14px, left top; display: inline-block; padding: 5px 20px 6px; text-decoration: none; line-height: 1; text-shadow: 0 1px 0px #92B900; border-left: 1px solid #87AD00; border-right: 1px solid #87AD00; position: relative; cursor: pointer; } @media screen and (max-width: 1040px) { #wrapper .widgetFulltext .wrapperInputButton input { width: 100%; background-position: 97% 14px, left top; } } #wrapper .widgetFulltext .wrapperInputButton input:hover { background-position: left -40px; background-position: 97% 14px, left -40px; } #wrapper .widgetFulltext .widgetHeader { padding: 30px; margin: 0 0 30px 0; background: url("../img/lightlime/image-bg.png") repeat #3f5000; } #wrapper .widgetFulltext .widgetTitle h1 { color: #717171; font-weight: 700; background: none !important; text-transform: none; } #wrapper .widgetFulltext .widgetContent { margin: 0px; padding: 0px; } #wrapper .widgetFulltext .pagingInfo { float: right; margin: 4px 0px 0px 0px; } @media all and (max-width: 600px) { #wrapper .widgetFulltext .pagingInfo { float: none; } } #wrapper .widgetFulltext .searchUri { font-size: 1em; padding: 0px 0px 15px 25px; background: url("../img/lightlime/icon_link.png") no-repeat 0px 6px; } #wrapper .widgetFulltext .searchText { line-height: 18px; } #wrapper .widgetFulltext .searchSize { margin-top: 25px; color: #9c9c9c; line-height: 18px; } #wrapper .widgetFulltext .boxFulltextResult { background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; margin: 0 0 25px 0; padding: 0 0 25px 0; overflow: hidden; } #wrapper .widgetFulltext .boxFulltextResult .boxTitle h3 { font-size: 1.4375em; font-weight: 700; margin: 0 0 10px 0; padding: 0px; } #wrapper .widgetFulltext .boxFulltextResult .boxTitle h3 a { font-weight: 700; text-decoration: none; color: #717171 !important; } #wrapper .widgetFulltext .boxFulltextResult .boxContent { font-size: 1em; } #topBar #fulltextForm { font-size: 0.857em; margin: 8px 0px 0px 0px; float: right; width: 220px; height: 24px; -webkit-border-radius: 3px; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 3px; /* FF3.5 - 3.6 */ border-radius: 3px; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ border: 1px solid #dadada; background: #fefefe; } @media screen and (max-width: 500px) { #topBar #fulltextForm { float: left; margin: 8px 0px 4px 0px; } } #topBar #fulltextForm #fulltextSearch { margin: 0px; padding: 0px; } #topBar #fulltextForm #fulltextSearchText { margin: 0; padding: 4px 6px 4px 9px; float: left; height: 18px; width: 178px; background-color: transparent; border: 0; color: #909090; font: normal 12px 'PT Sans', sans-serif; } #topBar #fulltextForm #fulltextSearchText::-webkit-input-placeholder { /* WebKit browsers */ color: #909090; } #topBar #fulltextForm #fulltextSearchText:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909090; } #topBar #fulltextForm #fulltextSearchText::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909090; } #topBar #fulltextForm #fulltextSearchText:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #909090; } #topBar #fulltextForm #fulltextSearchButton { float: left; border: 0; padding: 0; margin: 1px 0px 0px 0px; background: url("../img/lightlime/fulltext-form-search-icon.png") no-repeat scroll 0px 0px transparent; width: 22px; height: 22px; } #topBar #fulltextForm #fulltextSearchButton:hover { background-position: 0px -22px; } #mobileSearch { position: absolute; top: 0px; left: 0px; height: 58px; width: 100%; background: url("../img/lightlime/groovepaper.png") repeat; border-bottom: 1px solid #c2c2c2; z-index: 1000; padding: 0px 20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: none; } #mobileSearch #fulltextForm { font-size: 0.857em; margin: 8px auto; float: right; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 40px; -webkit-border-radius: 3px; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 3px; /* FF3.5 - 3.6 */ border-radius: 3px; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ border: 1px solid #dadada; background: #fefefe; } @media screen and (max-width: 500px) { #mobileSearch #fulltextForm { float: left; margin: 8px 0px 4px 0px; } } #mobileSearch #fulltextForm #fulltextSearch { margin: 0px; padding: 0px; } #mobileSearch #fulltextForm #fulltextSearchText { margin: 0; padding: 1px 6px 0px 14px; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 40px; background-color: transparent; border: 0; color: #909090; font: normal 18px 'PT Sans', sans-serif; } @media all and (max-width: 980px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 90%; } } @media all and (max-width: 680px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 88%; } } @media all and (max-width: 560px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 86%; } } @media all and (max-width: 490px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 84%; } } @media all and (max-width: 440px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 82%; } } @media all and (max-width: 400px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 78%; } } @media all and (max-width: 360px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 76%; } } @media all and (max-width: 320px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 74%; } } @media all and (max-width: 290px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 72%; } } @media all and (max-width: 280px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 70%; } } @media all and (max-width: 260px) { #mobileSearch #fulltextForm #fulltextSearchText { width: 68%; } } #mobileSearch #fulltextForm #fulltextSearchText::-webkit-input-placeholder { /* WebKit browsers */ color: #909090; } #mobileSearch #fulltextForm #fulltextSearchText:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909090; } #mobileSearch #fulltextForm #fulltextSearchText::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909090; } #mobileSearch #fulltextForm #fulltextSearchText:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #909090; } #mobileSearch #fulltextForm #fulltextSearchButton { float: right; border: 0px; padding: 0px; margin: 0px; background: url("../img/lightlime/fulltext-form-search-icon-big.png") no-repeat scroll 0px 0px transparent; background-size: 40px; width: 40px; height: 40px; } #mobileSearch #fulltextForm #fulltextSearchButton:hover { background-position: 0px -40px; } .lt-ie9 .boxFulltext { background: url("../img/lightlime/black_transparent_05.png") repeat; } .lt-ie9 .boxFulltext .wrapperInputButton { margin-right: 0px !important; margin-top: 35px !important; } .lt-ie9 .boxFulltext input[type="text"], .lt-ie9 .boxFulltext input[type="date"], .lt-ie9 .boxFulltext input[type="email"], .lt-ie9 .boxFulltext input[type="password"], .lt-ie9 .boxFulltext textarea, .lt-ie9 .boxFulltext select { width: 190px !important; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 7px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ padding-top: 9px !important; background: url("../img/lightlime/ie_input.png") repeat; } @media screen and (max-width: 1040px) { .lt-ie9 .boxFulltext input[type="text"], .lt-ie9 .boxFulltext input[type="date"], .lt-ie9 .boxFulltext input[type="email"], .lt-ie9 .boxFulltext input[type="password"], .lt-ie9 .boxFulltext textarea, .lt-ie9 .boxFulltext select { width: 100%; } } /* ================================================================================================================== */ /* FORM FORMATTER */ /* ================================================================================================================== */ #wrapper .columnWide .widgetFormFormatter { margin: 0px 0px 60px 0px; padding: 20px; background: rgba(0, 0, 0, 0.05); color: #717171; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; word-break: break-all; } #wrapper .columnWide .widgetFormFormatter .widgetTitle h2 { color: #717171; font-weight: 700; } #wrapper .columnWide .widgetFormFormatter .widgetContetnt { margin: 0px; padding: 0px; overflow: hidden; } #wrapper .columnWide .widgetFormFormatter form { margin: 0px; padding: 0px; display: block; } #wrapper .columnWide .widgetFormFormatter fieldset { margin: 0px; padding: 0px; border: none; } #wrapper .columnWide .widgetFormFormatter .wrapperInput { margin: 0 0 25px 0; } #wrapper .columnWide .widgetFormFormatter .wrapperInput label { width: 100%; margin: 0 0 10px 0px; font-weight: 600; display: inline-block; word-break: break-all; } #wrapper .columnWide .widgetFormFormatter .wrapperInput label.wrong { color: #fe5342; } #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="text"], #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="date"], #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="email"], #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="password"], #wrapper .columnWide .widgetFormFormatter .wrapperInput textarea, #wrapper .columnWide .widgetFormFormatter .wrapperInput select { width: 100%; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 2px 15px 0px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .columnWide .widgetFormFormatter .wrapperInput textarea { height: 200px; padding: 10px 15px 0px 15px !important; } #wrapper .columnWide .widgetFormFormatter .wrapperInput input.wrong, #wrapper .columnWide .widgetFormFormatter .wrapperInput textarea.wrong { border: 1px solid #fe5342; } #wrapper .columnWide .widgetFormFormatter .choicesGroup { margin-bottom: 15px; margin-top: 5px; } #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputCheckbox, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputRadio { margin: 0 0 3px 0 !important; } #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputCheckbox label, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputRadio label { float: left; margin: 0 0 0 15px; font-weight: 400; width: 90%; } @media all and (max-width: 480px) { #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputCheckbox label, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputRadio label { width: 85%; } } @media all and (max-width: 480px) { #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputCheckbox label, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputRadio label { width: 75%; } } #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputCheckbox .iradio_flat, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputCheckbox .icheckbox_flat, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputRadio .iradio_flat, #wrapper .columnWide .widgetFormFormatter .choicesGroup .wrapperInputRadio .icheckbox_flat { margin: 5px 0 0 0; } #wrapper .columnWide .widgetFormFormatter .groupLabel { font-weight: 700; } #wrapper .columnWide .widgetFormFormatter .wrapperInputButton { margin: 0px; } #wrapper .columnWide .widgetFormFormatter .wrapperInputButton input[type="submit"], #wrapper .columnWide .widgetFormFormatter .wrapperInputButton input[type="button"], #wrapper .columnWide .widgetFormFormatter .wrapperInputButton input[type="reset"], #wrapper .columnWide .widgetFormFormatter .wrapperInputButton button { -webkit-border-radius: 0px !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 0px !important; /* FF3.5 - 3.6 */ border-radius: 0px !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ font-size: 1em; line-height: 1.81818em; color: #3f5000; height: 40px; font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/button_arrow.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 97% 14px, left top; display: inline-block; padding: 5px 10px 6px; text-decoration: none; line-height: 1; text-shadow: 0 1px 0px #92B900; border-left: 1px solid #87AD00; border-right: 1px solid #87AD00; position: relative; cursor: pointer; } #wrapper .columnWide .widgetFormFormatter .wrapperInputButton input[type="submit"]:hover, #wrapper .columnWide .widgetFormFormatter .wrapperInputButton input[type="button"]:hover, #wrapper .columnWide .widgetFormFormatter .wrapperInputButton input[type="reset"]:hover, #wrapper .columnWide .widgetFormFormatter .wrapperInputButton button:hover { background-position: left -40px; background-position: 97% 14px, left -40px; } #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput { clear: both; position: relative; overflow: hidden; } #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput .fileInputBase { position: absolute; top: 0; left: 0; width: auto !important; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput input[type="file"] { width: 20px !important; } #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput a.button { float: left; font-size: 1em; color: #3f5000; font-size: 1em; text-transform: uppercase; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/file_icon.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 15px 13px, left top; height: 40px; width: auto; line-height: 40px; padding: 0 15px 0 40px; border: none; font-weight: 700; display: inline-block; cursor: pointer; text-decoration: none; text-align: left; margin-right: 15px; text-shadow: 0 1px 0px #92B900; } #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput a.button:hover { background-position: left -40px; background-position: 15px 13px, left -40px; text-decoration: none; } @media screen and (max-width: 480px) { #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput a.button { clear: both; } } #wrapper .columnWide .widgetFormFormatter .wrapperInputTextInput .fileInput .fileInputText { display: inline-block; padding: 0px; margin: 6px 0 0 0; word-break: break-all; } #wrapper .columnWide .widgetFormFormatter .error { color: #fe5342; font-weight: 700; margin: 0 0 15px 0 !important; } #wrapper .columnWide .widgetFormFormatter .formError { color: #fe5342; } #wrapper .columnWide .widgetFormFormatter .formError h3 { color: #fe5342; font-size: 1.125em; font-weight: 700; padding-left: 46px; padding-top: 5px; background: url("../img/lightlime/icon_error.png") no-repeat 6px 2px transparent; min-height: 22px; } #wrapper .columnWide .widgetFormFormatter .formSuffixLinks { margin: 18px 0 0 0; } #wrapper .columnWide .widgetFormFormatter .formSuffixLinks a { color: #8ab000; margin: 0 10px 0 0; float: none; text-decoration: underline; } #wrapper .columnWide .widgetFormFormatter .formSuffixLinks a:hover { color: #8ab000; text-decoration: none; } #wrapper .columnWide .widgetFormFormatter .formSuffixLinks a:last-of-type { float: right; margin: 0 0 0 0; float: right; width: auto; } @media all and (max-width: 560px) { #wrapper .columnWide .widgetFormFormatter .formSuffixLinks a:last-of-type { float: left; width: 100%; } } .lt-ie8 .columnWide .formSuffixLinks a { float: left !important; } .lt-ie8 .columnNarrow .formSuffixLinks a { float: none !important; } #wrapper .rbcFormSuccessInfo { margin: 30px 0 0; padding: 30px; overflow: hidden; background: rgba(0, 0, 0, 0.05); color: #717171; } #wrapper .rbcFormSuccessInfo .widgetTitle h2 { color: #717171; text-transform: uppercase; } #wrapper .columnNarrow .widgetFormFormatter { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ word-break: break-all; margin-bottom: 40px; padding-bottom: 20px !important; } #wrapper .columnNarrow .widgetFormFormatter p { font-size: 0.875em; } #wrapper .columnNarrow .widgetFormFormatter .widgetTitle h2 { color: #717171; font-weight: 700; padding-bottom: 40px; text-transform: uppercase; font-size: 1.25em; } #wrapper .columnNarrow .widgetFormFormatter .widgetContetnt { margin: 0px; padding: 0px; overflow: hidden; } #wrapper .columnNarrow .widgetFormFormatter form { margin: 0px; padding: 0px; display: block; } #wrapper .columnNarrow .widgetFormFormatter fieldset { margin: 0px; padding: 0px; border: none; } #wrapper .columnNarrow .widgetFormFormatter label { font-weight: 700; font-size: 0.875em; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput { margin: 0 0 10px 0; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput label { width: auto !important; margin: 0 0 0 0; font-weight: 700; display: inline-block; word-break: break-all; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput label.wrong { color: #fe5342; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput .inlineLabel { margin: 0 0 10px 0; font-weight: 400 !important; display: inline-block; word-break: break-all; width: 90%; } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetFormFormatter .wrapperInput .inlineLabel { width: 85%; } } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetFormFormatter .wrapperInput .inlineLabel { width: 75%; } } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="text"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="date"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="email"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="password"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInput textarea, #wrapper .columnNarrow .widgetFormFormatter .wrapperInput select { width: 100%; height: 40px; background: rgba(201, 201, 201, 0.25); font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; color: #959595; padding: 2px 15px 0px 15px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #d7d7d7; outline: none; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* FF3.5 - 3.6 */ box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.05); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput textarea { height: 120px; padding: 10px 15px 0px 15px; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input.wrong, #wrapper .columnNarrow .widgetFormFormatter .wrapperInput textarea.wrong { border: 1px solid #fe5342; } #wrapper .columnNarrow .widgetFormFormatter .choicesGroup { margin-bottom: 10px; } #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputCheckbox, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputRadio { margin: 0px !important; } #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputCheckbox label, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputRadio label { float: left; margin: 1px 0px 0px 10px !important; font-weight: 700; width: auto; max-width: 90%; } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputCheckbox label, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputRadio label { max-width: 85%; } } @media all and (max-width: 320px) { #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputCheckbox label, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputRadio label { max-width: 80%; } } #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputCheckbox .iradio_flat, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputCheckbox .icheckbox_flat, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputRadio .iradio_flat, #wrapper .columnNarrow .widgetFormFormatter .choicesGroup .wrapperInputRadio .icheckbox_flat { margin: 5px 0 0 0; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton { margin: 15px 0 0 0 !important; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="submit"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="button"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="reset"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton button { -webkit-border-radius: 0px !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-border-radius: 0px !important; /* FF3.5 - 3.6 */ border-radius: 0px !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ font-size: 1em; line-height: 1.81818em; color: #3f5000; height: 40px; font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/button_arrow.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 94% 14px, left top; display: inline-block; padding: 5px 20px 6px; text-decoration: none; line-height: 1; text-shadow: 0 1px 0px #92B900; border-left: 1px solid #87AD00; border-right: 1px solid #87AD00; position: relative; cursor: pointer; } @media screen and (max-width: 767px) { #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="submit"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="button"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="reset"], #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton button { background-position: 97% 14px, left top; } } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="submit"]:hover, #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="button"]:hover, #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="reset"]:hover, #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton button:hover { background-position: left -40px; background-position: 94% 14px, left -40px; } @media screen and (max-width: 767px) { #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="submit"]:hover, #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="button"]:hover, #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton input[type="reset"]:hover, #wrapper .columnNarrow .widgetFormFormatter .wrapperInputButton button:hover { background-position: left -40px; background-position: 97% 14px, left -40px; } } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput { clear: both; position: relative; overflow: hidden; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput .fileInputBase { position: absolute; top: 0; left: 0; width: auto !important; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput input[type="file"] { width: 20px !important; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput a.button { float: left; font-size: 1em; color: #3f5000; font-size: 1em; text-transform: uppercase; background: url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: left top; background: url("../img/lightlime/file_icon.png") no-repeat, url("../img/lightlime/button_submit_box_bg.png") repeat-x; background-position: 15px 13px, left top; height: 40px; width: auto; line-height: 40px; padding: 0 15px 0 40px; border: none; font-weight: 700; display: inline-block; cursor: pointer; text-decoration: none; text-align: left; margin-right: 15px; text-shadow: 0 1px 0px #92B900; } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput a.button:hover { background-position: left -40px; background-position: 15px 13px, left -40px; text-decoration: none; } @media screen and (max-width: 480px) { #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput a.button { clear: both; } } #wrapper .columnNarrow .widgetFormFormatter .wrapperInputTextInput .fileInput .fileInputText { display: inline-block; clear: both; word-break: break-all; margin: 6px 0 0 0px; padding: 8px 0 0 0; } #wrapper .columnNarrow .widgetFormFormatter .error { color: #fe5342; font-weight: 700; margin: 0 0 15px 0 !important; } #wrapper .columnNarrow .widgetFormFormatter .formError { color: #fe5342; } #wrapper .columnNarrow .widgetFormFormatter .formError h3 { color: #fe5342; font-size: 1.125em; font-weight: 700; padding-left: 46px; padding-top: 5px; background: url("../img/lightlime/icon_error.png") no-repeat 6px 2px transparent; min-height: 22px; } #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks { margin: 15px 0 0 0; font-size: 14px; } #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a { color: #8ab000; text-decoration: underline; margin: 0px !important; float: none; clear: both; width: 100%; } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a { float: none; width: auto; } } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a { float: none; width: 100%; } } #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a:hover { color: #8ab000; text-decoration: none; } #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a:last-of-type { float: none; width: 100%; } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a:last-of-type { float: right; width: auto; } } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetFormFormatter .formSuffixLinks a:last-of-type { float: left; width: 100%; } } .columnNarrow .formSuffixLinks a { display: block; float: left !important; width: 95% !important; } /*============= IE STYLES ============================================================================================*/ .lt-ie9 #wrapper .columnWide .widgetFormFormatter, .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter { background: url("../img/lightlime/black_transparent_05.png") repeat; } .lt-ie9 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="text"], .lt-ie9 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="date"], .lt-ie9 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="email"], .lt-ie9 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="password"], .lt-ie9 #wrapper .columnWide .widgetFormFormatter .wrapperInput select, .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="text"], .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="date"], .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="email"], .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="password"], .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput select { padding-top: 9px !important; background: url("../img/lightlime/ie_input.png") repeat; } .lt-ie9 #wrapper .columnWide .widgetFormFormatter .wrapperInput textarea, .lt-ie9 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput textarea { padding-top: 9px !important; background: url("../img/lightlime/ie_textarea.png") repeat; } .lt-ie8 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="text"], .lt-ie8 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="date"], .lt-ie8 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="email"], .lt-ie8 #wrapper .columnWide .widgetFormFormatter .wrapperInput input[type="password"] { width: 548px !important; height: 30px !important; padding-top: 10px !important; } .lt-ie8 #wrapper .columnWide .widgetFormFormatter .wrapperInput select { width: 508px !important; height: 32px !important; padding-top: 8px !important; } .lt-ie8 #wrapper .columnWide .widgetFormFormatter .wrapperInput textarea { width: 548px !important; height: auto; } .lt-ie8 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="text"], .lt-ie8 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="date"], .lt-ie8 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="email"], .lt-ie8 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput input[type="password"], .lt-ie8 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput select { width: 210px !important; height: 30px !important; padding-top: 10px !important; } .lt-ie8 #wrapper .columnNarrow .widgetFormFormatter .wrapperInput textarea { width: 210px !important; height: auto; } .lt-ie8 #wrapper input[type="submit"], .lt-ie8 #wrapper input[type="button"], .lt-ie8 #wrapper input[type="reset"], .lt-ie8 #wrapper button { border: none !important; line-height: 40px; padding-top: 8px !important; } textarea { resize: none !important; } label { word-break: break-all; word-wrap: break-word; } .lt-ie9 .fileInput a.button { padding: 0px 15px 0px 15px !important; } /* ================================================================================================================== */ /* NAVIGATOR */ /* ================================================================================================================== */ #wrapper #breadcrumbs { width: auto; max-width: 960px; color: #717171; margin: 0 auto; margin-top: 2px; padding: 20px 20px 0px 20px; line-height: 22px; } #wrapper #breadcrumbs #breadcrumbsContent { width: 100%; margin: 0 auto; overflow: hidden; } #wrapper #breadcrumbs #navigator { margin: 0px; padding: 0px; } #wrapper #breadcrumbs #pageNavigator { margin: 0; padding: 0; word-spacing: 4px; } #wrapper #breadcrumbs #pageNavigator p { margin: 0px; } #wrapper #breadcrumbs a, #wrapper #breadcrumbs a:visited { color: #8ab000; text-decoration: underline; } #wrapper #breadcrumbs a:hover { text-decoration: none; } #wrapper #navCurrentPage { color: #717171; } #wrapper .emptyBreadcrumbs { display: none !important; min-height: 5px; padding-bottom: 0; } #wrapper .emptyBreadcrumbs #breadcrumbsContent { min-height: 5px; } #wrapper .noDis { display: none; } /* ================================================================================================================== */ /* FAQ */ /* ================================================================================================================== */ #wrapper .widgetFaq { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetFaq .widgetTitle h2 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; text-transform: none; font-weight: 700; } #wrapper .widgetFaq .boxFaq { background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; margin: 0 0 20px 0; padding: 0 0 3px 0; overflow: hidden; } #wrapper .widgetFaq .boxFaq .boxTitle h3 { font-size: 1.4375em; font-weight: 700; font-family: "Open Sans", sans-serif; margin: 0px; padding: 0 0 20px 0; color: #8ab000; cursor: pointer; } #wrapper .widgetFaq .boxFaq .boxContent { line-height: 20px; } #wrapper .widgetFaq .boxFaq .boxContent p:last-child { margin-bottom: 22px; } #wrapper .widgetFaq .boxFaq .boxToggle { display: none; margin: 15px 0 0 0; padding: 0px; overflow: hidden; } #wrapper .widgetFaq .pagingInfo { float: right; margin: 4px 0px 0px 0px; } @media all and (max-width: 600px) { #wrapper .widgetFaq .pagingInfo { float: none; } } #wrapper .columnNarrow .widgetFaq { margin: 0px 0px 40px 0px; padding: 20px; overflow: hidden; font-size: 0.875em; } #wrapper .columnNarrow .widgetFaq .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; font-size: 1.25em; padding: 0px 0px 40px 0px; margin: 0px !important; } #wrapper .columnNarrow .widgetFaq .boxTitle h3 { font-size: 16px !important; font-weight: 700 !important; text-align: left; } #wrapper .columnNarrow .widgetFaq .boxTitle h3 a { font-weight: 700 !important; text-decoration: underline; } #wrapper .columnNarrow .widgetFaq .boxTitle h3 a:hover { text-decoration: none; } #wrapper .columnNarrow .widgetFaq .boxFaq { float: left; margin: 0 0 0px 0; padding: 0 0 18px 0; width: 100%; overflow: hidden; text-align: center; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; } #wrapper .columnNarrow .widgetFaq .boxFaq:last-of-type { margin-bottom: 0px !important; } #wrapper .columnNarrow .widgetFaq .boxContent { width: 100%; font-size: 14px !important; text-align: left !important; color: #717171; padding: 0px 0px 0px 0px; line-height: 18px; } #wrapper .columnNarrow .widgetFaq .boxContent p:last-child { margin-bottom: 20px; } #wrapper .columnNarrow .widgetFaq .wrapperListing { margin: 0 0 0 0; padding: 5px 0px 0px 0px; overflow: hidden; } #wrapper .columnNarrow .widgetFaq .pagingInfo { font-size: 13px !important; clear: both; margin-top: 0px; width: 100%; text-align: center; margin-bottom: 0px; } #wrapper .columnNarrow .widgetFaq .wrapperArchive { font-size: 13px !important; padding-left: 22px; background: url("../img/lightlime/icon_archive.png") no-repeat 0px 7px; margin-top: 0px; } #wrapper .columnNarrow .widgetFaq .msgNotFound { margin-bottom: 5px !important; } .noFaqDelimiter { background: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } .noFaqPadding { padding-bottom: 5px !important; } .lastFaqParagraph { padding-top: 10px !important; padding-bottom: 5px !important; margin-bottom: 0px !important; } /* ================================================================================================================== */ /* PHOTOGALLERY */ /* ================================================================================================================== */ #wrapper .widgetPhotogallery { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetPhotogallery .widgetTitle h2 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; font-weight: 700; } #wrapper .widgetPhotogallery .wrapperListing { background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; margin: 0 0 25px 0; padding: 10px 0px 10px 0px; overflow: hidden; } #wrapper .widgetPhotogallery div.photogallery { margin: 0 auto; padding: 0px; display: block; width: 100%; } #wrapper .widgetPhotogallery .pagingInfo { float: right; margin: 4px 0px 0px 0px; } @media all and (max-width: 540px) { #wrapper .widgetPhotogallery .pagingInfo { float: none; margin: -1px 0px 10px 0px; } } #wrapper .widgetPhotogallery .photo { float: left; text-decoration: none; padding: 0px 0px 30px 0px; } #wrapper .widgetPhotogallery .photo a { overflow: hidden; font-size: 85%; cursor: pointer; font-weight: normal; text-align: center; text-decoration: none; position: relative; display: block; margin: 0 auto; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .widgetPhotogallery .photo span.img { position: relative; display: block; background: black; padding: 0px; margin: 0 auto; } #wrapper .widgetPhotogallery .photo span.img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #wrapper .widgetPhotogallery .photo .imgHover { position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); display: none; } #wrapper .widgetPhotogallery .photo .imgHover:hover { display: block; } #wrapper .widgetPhotogallery .photo .imgHoverZoom { width: 100%; height: 100%; background: url("../img/lightlime/gallery_zoom.png") no-repeat; background-position: 50% 50%; overflow: hidden; display: block; text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #wrapper .widgetPhotogallery .photo span.imgTitle { line-height: 1.375em; overflow: hidden; display: block; color: #fff; width: 100%; height: 100%; text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #wrapper .widgetPhotogallery .photo:hover span.imgTitle { color: #8ab000; } .lt-ie8 .widgetPhotogallery span.img span { position: absolute !important; top: 50%; } .lt-ie8 .widgetPhotogallery span.img span img { position: relative !important; top: -50% !important; left: -50% !important; } .lt-ie9 .imgHover { background: url("../img/lightlime/white_transparent_90.png") repeat !important; } .lt-ie8 #wrapper .widgetPhotogallery200 .imgTitle { width: 170px !important; height: 185px !important; } .lt-ie8 #wrapper .widgetPhotogallery200 span.img { width: 204px !important; height: 204px !important; } .lt-ie8 #wrapper .widgetPhotogallery118 .imgTitle { width: 108px !important; height: 113px !important; } .lt-ie8 #wrapper .widgetPhotogallery118 span.img { width: 122px !important; height: 122px !important; } #wrapper .widgetPhotogallery200 .photo { width: 50%; /* @media all and (max-width: 840px) { float: left!important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33%!important; margin: 0 auto!important; } */ } #wrapper .widgetPhotogallery200 .photo a { width: 200px; height: 200px; } @media all and (max-width: 767px) { #wrapper .widgetPhotogallery200 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 50% !important; margin: 0 auto !important; } } @media all and (max-width: 620px) { #wrapper .widgetPhotogallery200 .photo { float: none !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 100% !important; margin: 0 auto !important; } } #wrapper .widgetPhotogallery200 .photo span.img { width: 200px; height: 200px; } #wrapper .widgetPhotogallery200 .photo .imgTitle { font-size: 1em; padding: 15px 15px 0px 15px; } #wrapper .widgetPhotogallery200 .photo .imgHover { width: 200px; height: 200px; } #wrapper .widgetPhotogallery118 .photo { width: 33.3%; /* @media all and (max-width: 840px) { float: left!important; text-decoration: none; padding: 0px 0px 30px 0px; width: 25%!important; margin: 0 auto!important; }*/ } #wrapper .widgetPhotogallery118 .photo a { width: 118px; height: 118px; } @media all and (max-width: 1000px) { #wrapper .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33.3%; margin: 0 auto !important; } } @media all and (max-width: 767px) { #wrapper .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33.3% !important; margin: 0 auto !important; } } @media all and (max-width: 559px) { #wrapper .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 50% !important; margin: 0 auto !important; } } @media all and (max-width: 429px) { #wrapper .widgetPhotogallery118 .photo { float: none !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 128px !important; margin: 0 auto !important; } } @media screen and (max-width: 320px) { #wrapper .widgetPhotogallery118 .photo { float: none !important; width: 100%; margin: 0 auto !important; } } #wrapper .widgetPhotogallery118 .photo span.img { width: 118px; height: 118px; } #wrapper .widgetPhotogallery118 .photo .imgTitle { padding: 5px 5px 0px 5px; font-size: 0.875em; } #wrapper .widgetPhotogallery118 .photo .imgHover { width: 118px; height: 118px; } #wrapper .widgetPhotogallery .bx-controls { position: relative; padding: 20px 0 0 0; height: 20px; } #wrapper .widgetPhotogallery .bx-controls a { width: 60px; height: 60px; display: block; position: absolute; overflow: hidden; text-indent: -999em; } #wrapper .widgetPhotogallery .bx-controls .bx-prev { background: url("../img/lightlime/photo-buttons.png") no-repeat 0 0; left: 0px; top: 0px; } #wrapper .widgetPhotogallery .bx-controls .bx-prev:hover { background: url("../img/lightlime/photo-buttons.png") no-repeat 0 -120px; } #wrapper .widgetPhotogallery .bx-controls .bx-next { background: url("../img/lightlime/photo-buttons.png") no-repeat 0 -60px; right: 0px; top: 0px; } #wrapper .widgetPhotogallery .bx-controls .bx-next:hover { background: url("../img/lightlime/photo-buttons.png") no-repeat 0 -180px; } /*====== COLUMN NARROW ===============================================================================================*/ #wrapper .columnNarrow .widgetPhotogallery { margin: 0px 0px 40px 0px; padding: 20px; overflow: hidden; } #wrapper .columnNarrow .widgetPhotogallery .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; font-size: 1.25em; padding: 0px 0px 40px 0px; margin: 0px !important; } #wrapper .columnNarrow .widgetPhotogallery .wrapperListing { background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; margin: 0 0 0 0; padding: 10px 0px 20px 0px; overflow: hidden; } #wrapper .columnNarrow .widgetPhotogallery .pagingInfo { font-size: 0.875em; clear: both; margin-top: 0px; width: 100%; text-align: center; } #wrapper .columnNarrow .widgetPhotogallery .wrapperArchive { text-align: left; height: 55px; width: 100%; margin-top: -10px; font-size: 0.875em; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; } #wrapper .columnNarrow .widgetPhotogallery .wrapperArchive a { background: url("../img/lightlime/icon_archive.png") no-repeat 0px 2px; padding-left: 22px; } #wrapper .columnNarrow div.photogallery .photo { float: none; margin: 0 auto; } #wrapper .columnNarrow .widgetPhotogallery118 .photo { width: 100%; /* @media all and (max-width: 840px) { float: left!important; text-decoration: none; padding: 0px 0px 30px 0px; width: 25%!important; margin: 0 auto!important; }*/ } #wrapper .columnNarrow .widgetPhotogallery118 .photo a { width: 118px; height: 118px; } @media all and (max-width: 1000px) { #wrapper .columnNarrow .widgetPhotogallery118 .photo { width: 100% !important; } } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33.3% !important; margin: 0 auto !important; } } @media all and (max-width: 559px) { #wrapper .columnNarrow .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 50% !important; margin: 0 auto !important; } } @media all and (max-width: 429px) { #wrapper .columnNarrow .widgetPhotogallery118 .photo { float: none !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 128px !important; margin: 0 auto !important; } } #wrapper .columnNarrow .widgetPhotogallery118 .photoP1, #wrapper .columnNarrow .widgetPhotogallery118 .photoP2, #wrapper .columnNarrow .widgetPhotogallery118 .photoP3, #wrapper .columnNarrow .widgetPhotogallery118 .photoP0 { margin: 0px auto; } #wrapper .columnNarrow .widgetPhotogallery118 .imgHover { width: 118px; height: 118px; } #wrapper .columnNarrow .widgetPhotogallery200 .photo { width: 100%; /* @media all and (max-width: 840px) { float: left!important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33%!important; margin: 0 auto!important; }*/ } #wrapper .columnNarrow .widgetPhotogallery200 .photo a { width: 200px; height: 200px; } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetPhotogallery200 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 50% !important; margin: 0 auto !important; } } @media all and (max-width: 689px) { #wrapper .columnNarrow .widgetPhotogallery200 .photo { float: none !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 210px !important; margin: 0 auto !important; } } #wrapper .columnNarrow .widgetPhotogallery200 .photoP1, #wrapper .columnNarrow .widgetPhotogallery200 .photoP2, #wrapper .columnNarrow .widgetPhotogallery200 .photoP3, #wrapper .columnNarrow .widgetPhotogallery200 .photoP0 { margin: 0px auto; } #wrapper .columnNarrow .widgetPhotogallery200 .imgHover { width: 200px; height: 200px; } /********** ADDED *************/ .fullWidth .columnWide .widgetPhotogallery118 .photo { width: 20% !important; /* @media all and (max-width: 840px) { float: left!important; text-decoration: none; padding: 0px 0px 30px 0px; width: 20%!important; margin: 0 auto!important; }*/ } .fullWidth .columnWide .widgetPhotogallery118 .photo a { width: 118px; height: 118px; } @media all and (max-width: 1000px) { .fullWidth .columnWide .widgetPhotogallery118 .photo { width: 20% !important; } } @media all and (max-width: 960px) { .fullWidth .columnWide .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 20% !important; margin: 0 auto !important; } } @media all and (max-width: 767px) { .fullWidth .columnWide .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33.3% !important; margin: 0 auto !important; } } @media all and (max-width: 559px) { .fullWidth .columnWide .widgetPhotogallery118 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 50% !important; margin: 0 auto !important; } } @media all and (max-width: 429px) { .fullWidth .columnWide .widgetPhotogallery118 .photo { float: none !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 128px !important; margin: 0 auto !important; } } .fullWidth .columnWide .widgetPhotogallery118 .photoP1, .fullWidth .columnWide .widgetPhotogallery118 .photoP2, .fullWidth .columnWide .widgetPhotogallery118 .photoP3, .fullWidth .columnWide .widgetPhotogallery118 .photoP0 { margin: 0px auto; } .fullWidth .columnWide .widgetPhotogallery118 .imgHover { width: 118px; height: 118px; } .fullWidth .columnWide .widgetPhotogallery200 .photo { width: 25% !important; /* @media all and (max-width: 840px) { float: left!important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33%!important; margin: 0 auto!important; }*/ } .fullWidth .columnWide .widgetPhotogallery200 .photo a { width: 200px; height: 200px; } @media all and (max-width: 960px) { .fullWidth .columnWide .widgetPhotogallery200 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 33% !important; margin: 0 auto !important; } } @media all and (max-width: 767px) { .fullWidth .columnWide .widgetPhotogallery200 .photo { float: left !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 50% !important; margin: 0 auto !important; } } @media all and (max-width: 689px) { .fullWidth .columnWide .widgetPhotogallery200 .photo { float: none !important; text-decoration: none; padding: 0px 0px 30px 0px; width: 210px !important; margin: 0 auto !important; } } .fullWidth .columnWide .widgetPhotogallery200 .photoP1, .fullWidth .columnWide .widgetPhotogallery200 .photoP2, .fullWidth .columnWide .widgetPhotogallery200 .photoP3, .fullWidth .columnWide .widgetPhotogallery200 .photoP0 { margin: 0px auto; } .fullWidth .columnWide .widgetPhotogallery200 .imgHover { width: 200px; height: 200px; } .noGalleryDelimiter { background: none !important; padding-bottom: 10px !important; margin-bottom: 0px !important; } .noPhotoTitle { padding-bottom: 10px !important; } #slideshowControl { cursor: pointer; cursor: hand; } .no-js #slideshowControl { display: none !important; } /* ================================================================================================================== */ /* PHOTOGALLERY DETAIL */ /* ================================================================================================================== */ #wrapper .widgetPhotogalleryDetail { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; background: none; color: #fff; } #wrapper .widgetPhotogalleryDetail .widgetTitle h1 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; text-transform: none; } #wrapper .widgetPhotogalleryDetail .widgetContent { max-width: 800px; margin: 0 auto; text-align: center; } #wrapper .widgetPhotogalleryDetail img { border: 5px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); /* FF3.5 - 3.6 */ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .widgetPhotogalleryDetail .wrapperNav { margin: 0px; } #wrapper .widgetPhotogalleryDetail .wrapperNav table { width: 100%; margin: 0 0 30px; } #wrapper .widgetPhotogalleryDetail .wrapperNav table td { border: none; padding: 0px; } #wrapper .widgetPhotogalleryDetail .wrapperNav table td.after { text-align: right; } #wrapper .widgetPhotogalleryDetail .wrapperNav .control { text-align: center; } #wrapper .widgetPhotogalleryDetail .wrapperNav .before a { padding: 0px 0px 0px 14px; background: url("../img/lightlime/arrow_left.png") no-repeat left 8px; } #wrapper .widgetPhotogalleryDetail .wrapperNav .after a { padding: 0px 14px 0px 0px; background: url("../img/lightlime/arrow_right.png") no-repeat right 8px; } #wrapper .widgetPhotogalleryDetail .wrapperNav #slideshowControl { padding: 0px 0px 0px 23px; background: url("../img/lightlime/icon_slideshow.png") no-repeat left 8px; } #wrapper .widgetPhotogalleryDetail .wrapperNav a { font-size: 1em; display: inline-block; color: #8ab000; text-decoration: underline; margin: 0px; } @media all and (max-width: 500px) { #wrapper .widgetPhotogalleryDetail .wrapperNav a { height: 40px; font-size: 1em; line-height: 2.5em; padding: 0 20px; } } @media all and (max-width: 370px) { #wrapper .widgetPhotogalleryDetail .wrapperNav a { height: 34px; font-size: 0.875em; line-height: 2.42857em; padding: 0 10px; } } #wrapper .widgetPhotogalleryDetail .wrapperNav a:hover { text-decoration: none; } #wrapper .widgetPhotogalleryDetail .wrapperImage { text-align: center; margin: 0 0 30px; } #wrapper .widgetPhotogalleryDetail .wrapperBacklink { text-align: left; float: right; } #wrapper .widgetPhotogalleryDetail .wrapperBacklink a { background: url("../img/lightlime/icon_gallery.png") no-repeat left 8px !important; padding: 0px 0px 0px 20px; } #wrapper .widgetPhotogalleryDetail .rbcTags { margin: 0 0 30px 0px; padding: 0 0 0 0px; display: block; float: left; } #wrapper .widgetPhotogalleryDetail .rbcTags h4 { float: left; margin: 0 7px 0 0; font-size: 0.875em; line-height: 0.875em; font-family: "Open Sans", sans-serif; font-weight: 700; color: #939393; padding: 10px 0px 3px 22px; background: url("../img/lightlime/icon_tags.png") no-repeat left 8px; } #wrapper .widgetPhotogalleryDetail .rbcTags h4 a { color: #939393; text-decoration: none; } #wrapper .widgetPhotogalleryDetail .rbcTags h4 a:hover { color: #8ab000; text-decoration: none; } #wrapper .widgetPhotogalleryDetail .rbcTags .tags { float: right; margin: 0px; padding: 5px 0px 0px 0px; font-size: 0.875em; max-width: 360px; text-align: left; line-height: 18px !important; } #wrapper .widgetPhotogalleryDetail .rbcTags .tags span { display: inline; color: #939393; padding: 2px 2px; } #wrapper .widgetPhotogalleryDetail .rbcTags .tags a { display: inline-block; color: #939393; background: none; margin: 0 3px; text-decoration: none; } #wrapper .widgetPhotogalleryDetail .rbcTags .tags a:hover { color: #8ab000; background: none; text-decoration: none; } #wrapper .columnWide .widgetPhotogalleryDetail .widgetTitle h1 { background: url("../img/lightlime/header_delimiter.png") no-repeat left bottom transparent; background-size: 100% 32px !important; } #wrapper .columnWide .widgetPhotogalleryDetail .wrapperImage { background: url("../img/lightlime/header_delimiter.png") no-repeat left bottom transparent; background-size: 100% 25px !important; padding: 0px 0px 57px 0px; margin: 0px; } /* ================================================================================================================== */ /* POLLS */ /* ================================================================================================================== */ #wrapper .columnWide .widgetPolls { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .columnWide .widgetPolls .widgetTitle h2 { color: #717171; text-transform: none; text-align: left; font-weight: 700; padding: 0px 0px 60px 0px; margin: 0px; } #wrapper .columnWide .widgetPolls .boxTitle { position: relative; padding: 0 0 0 0; } #wrapper .columnWide .widgetPolls .boxTitle h4 { text-align: left; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 1.125em; margin: 0px; padding: 0 0 14px 0; } #wrapper .columnWide .widgetPolls .boxTitle span { background: url("../img/lightlime/polls.png") no-repeat 0 0; width: 26px; height: 22px; display: block; position: absolute; bottom: 14px; right: 15%; } #wrapper .columnWide .widgetPolls .boxContent { margin: 0 0 10px 0; } #wrapper .columnWide .widgetPolls .boxContent .pollQuestion { font-size: 0.9375em; margin: 0 0 0 0; } #wrapper .columnWide .widgetPolls .boxContent .pollQuestion a { text-decoration: underline; font-weight: 700; } #wrapper .columnWide .widgetPolls .boxContent .pollQuestion a:hover { text-decoration: none; } #wrapper .columnWide .widgetPolls .boxContent .pollbarWrapper { background-color: rgba(0, 0, 0, 0.08); height: 10px; width: 100%; display: inline-block; margin: 0px; padding: 0px; line-height: 0px; } #wrapper .columnWide .widgetPolls .boxContent .pollbarWrapper .pollbar { margin: 0px; padding: 0px; width: auto; height: 10px; display: inline-block; background: url("../img/lightlime/poll_bar.png") repeat-x 0 0; } #wrapper .columnWide .widgetPolls .pollNumber { color: #afafaf; padding-left: 5px; } #wrapper .columnWide .widgetPolls .msgVoted { text-align: center; font-size: 0.9375em; color: #afafaf; text-align: left; margin: 0px 0px 5px 0px; } #wrapper .columnNarrow .widgetPolls { margin: 0px 0px 40px 0px; padding: 20px; overflow: hidden; } #wrapper .columnNarrow .widgetPolls .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; font-size: 1.25em; padding: 0px 0px 40px 0px; margin: 0px !important; } #wrapper .columnNarrow .widgetPolls .boxTitle { position: relative; padding: 0 0 0 0; } #wrapper .columnNarrow .widgetPolls .boxTitle h4 { text-align: left; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 1em; margin: 0px; padding: 0 0 14px 0; } #wrapper .columnNarrow .widgetPolls .boxTitle span { background: url("../img/lightlime/polls.png") no-repeat 0 0; width: 26px; height: 22px; display: block; position: absolute; bottom: 14px; right: 15%; } #wrapper .columnNarrow .widgetPolls .boxContent { margin: 0 0 10px 0; } #wrapper .columnNarrow .widgetPolls .boxContent .pollQuestion { font-size: 0.875em; margin: 0 0 0 0; } #wrapper .columnNarrow .widgetPolls .boxContent .pollQuestion a { text-decoration: underline; font-weight: 700; } #wrapper .columnNarrow .widgetPolls .boxContent .pollQuestion a:hover { text-decoration: none; } #wrapper .columnNarrow .widgetPolls .boxContent .pollbarWrapper { background-color: rgba(0, 0, 0, 0.08); height: 10px; width: 100%; display: inline-block; margin: 0px; padding: 0px; line-height: 0px; } #wrapper .columnNarrow .widgetPolls .boxContent .pollbarWrapper .pollbar { margin: 0px; padding: 0px; width: auto; height: 10px; display: inline-block; background: url("../img/lightlime/poll_bar.png") repeat-x 0 0; } #wrapper .columnNarrow .widgetPolls .pollNumber { color: #5d5d5d; padding-left: 5px; } #wrapper .columnNarrow .widgetPolls .msgVoted { text-align: center; font-size: 0.875em; color: #5d5d5d; text-align: left; margin: 0px 0px 5px 0px !important; } .lt-ie9 #wrapper .columnWide .pollbarWrapper, .lt-ie9 #wrapper .columnNarrow .pollbarWrapper { background: url("../img/lightlime/ie_poll_bg.png") repeat; } /* ================================================================================================================== */ /* PRODUCTS */ /* ================================================================================================================== */ #wrapper .widgetProducts { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; color: #717171; } #wrapper .widgetProducts .widgetTitle h2 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px 0px 5px 0px; } #wrapper .widgetProducts .widgetTitle .pagingInfo { float: right; margin: 4px 0px 0px 0px; font-size: 1.125em; line-height: 2em; color: #8ab000; } #wrapper .widgetProducts .wrapperListing { margin: 0 auto; } #wrapper .widgetProducts .boxProducts { float: left; margin: 0 0 30px 0; padding: 0 0 14px 0; width: 100%; overflow: hidden; background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; } #wrapper .widgetProducts .boxImage { float: left; text-align: center; margin: 0px 30px 20px 0px; max-width: 118px; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } @media all and (max-width: 480px) { #wrapper .widgetProducts .boxImage { float: none; clear: both; margin: 0 auto 20px auto; } } #wrapper .widgetProducts .boxImage a { display: inline-block; margin: 0px; padding: 0px; text-decoration: none; } #wrapper .widgetProducts .boxImage a img { vertical-align: middle; margin: 0px; padding: 0px; border: none; } #wrapper .widgetProducts .boxTitle { width: auto; } #wrapper .widgetProducts .boxTitle h3 { font-size: 1.5625em; line-height: 1.16em; font-family: "Open Sans", sans-serif; font-weight: 700; color: #8ab000; margin: 0 0 15px; } #wrapper .widgetProducts .boxTitle h3 a { color: #8ab000; text-decoration: none; } #wrapper .widgetProducts .boxTitle h3 a:hover { color: #8ab000; text-decoration: underline; } #wrapper .widgetProducts .boxContent { float: none; line-height: 20px; width: auto; padding-bottom: 10px; } #wrapper .widgetProducts .pagingInfo { float: right; margin: 3px 0px 0px 0px; } @media all and (max-width: 480px) { #wrapper .widgetProducts .pagingInfo { float: none; clear: both; margin: -1px 0px 10px 0px; } } #wrapper .widgetProducts .paging { margin: 0; } @media all and (max-width: 480px) { #wrapper .widgetProducts .paging { float: none; clear: both; } } /* ========== NARROW BOX STYLES ======================================================================================*/ #wrapper .columnNarrow .widgetProducts { margin: 0px 0px 40px 0px; padding: 20px; overflow: hidden; } #wrapper .columnNarrow .widgetProducts .widgetTitle h2 { text-transform: uppercase; font-weight: 700; font-size: 1.25em; padding: 0px 0px 40px 0px; margin: 0px !important; } #wrapper .columnNarrow .widgetProducts .boxProducts { float: left; margin: 0 0 10px 0; padding: 0 0 22px 0; width: 100%; overflow: hidden; text-align: center; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; } #wrapper .columnNarrow .widgetProducts .boxProducts .boxTitle { width: 100%; clear: both; text-align: left; } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetProducts .boxProducts .boxTitle { text-align: left; width: auto; display: inline; } } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetProducts .boxProducts .boxTitle { display: block; } } #wrapper .columnNarrow .widgetProducts .boxProducts .boxTitle h3 { font-size: 16px !important; font-weight: 700 !important; } #wrapper .columnNarrow .widgetProducts .boxProducts .boxTitle h3 a { font-weight: 700 !important; text-decoration: underline; } #wrapper .columnNarrow .widgetProducts .boxProducts .boxTitle h3 a:hover { text-decoration: none; } #wrapper .columnNarrow .widgetProducts .boxProducts .boxImage { width: 100%; float: none; text-align: center; margin: 0px 30px 0px 0px; border: none !important; -webkit-box-shadow: none !important; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: none !important; /* FF3.5 - 3.6 */ box-shadow: none !important; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetProducts .boxProducts .boxImage { width: auto; float: left; display: block; min-height: 118px; text-align: center; margin: 0px 30px 0px 0px; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetProducts .boxProducts .boxImage { float: none; } } #wrapper .columnNarrow .widgetProducts .boxProducts .boxImage a { float: left; display: inline-block; margin: 0px 0px 20px 0px; padding: 0px; text-decoration: none; } #wrapper .columnNarrow .widgetProducts .boxProducts .boxImage a img { border: 5px solid #fff !important; vertical-align: middle; margin: 0px; padding: 0px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); /* FF3.5 - 3.6 */ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #wrapper .columnNarrow .widgetProducts .boxProducts .boxContent { width: auto; font-size: 0.875em !important; text-align: left !important; color: #717171; padding: 0px 0px 20px 0px; line-height: 18px; } @media all and (max-width: 767px) { #wrapper .columnNarrow .widgetProducts .boxProducts .boxContent { width: auto; float: none; font-size: 0.875em !important; text-align: left !important; color: #717171; padding: 0px 0px 20px 0px; line-height: 18px; } } @media all and (max-width: 480px) { #wrapper .columnNarrow .widgetProducts .boxProducts .boxContent { float: left; } } #wrapper .columnNarrow .widgetProducts .wrapperListing { margin: 0 0 0 0; padding: 5px 0px 0px 0px; overflow: hidden; } #wrapper .columnNarrow .widgetProducts .pagingInfo { font-size: 0.875em; clear: both; margin-top: 0px; width: 100%; text-align: center; } #wrapper .columnNarrow .widgetProducts .wrapperArchive { text-align: left; height: 55px; width: 100%; margin-top: -10px; font-size: 0.875em; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; background-size: 100% 20px !important; } #wrapper .columnNarrow .widgetProducts .wrapperArchive a { background: url("../img/lightlime/icon_archive.png") no-repeat 0px 2px; padding-left: 22px; } #wrapper .columnNarrow .widgetProducts .boxProducts:last-of-type { margin-bottom: 0px; } /* dynamic styles for jQuery */ .noProductDelimiter { background: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } .noProductPadding { padding-bottom: 5px !important; } .noProductText { padding-bottom: 0px !important; } /* ie styles */ .lt-ie8 #wrapper .columnNarrow .widgetProducts .boxProducts .boxImage { float: left !important; max-width: 128px !important; margin-bottom: 20px !important; } .lt-ie8 #wrapper .columnWide .widgetProducts .pagingInfo { margin-top: 23px !important; } .lt-ie8 #wrapper .columnWide .widgetProducts .paging { margin-top: 20px !important; } .lt-ie9 .boxProducts .boxImage a { width: 118px; } /* ================================================================================================================== */ /* PRODUCTS DETAIL */ /* ================================================================================================================== */ #wrapper .widgetProductsDetail { margin: 0px 0px 60px 0px; padding: 0px; } #wrapper .widgetProductsDetail .wrapperImage { margin: 10px 35px 20px 0px; text-align: center; float: left; background: none !important; padding: 0px !important; } #wrapper .widgetProductsDetail .wrapperImage img { border: 5px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ margin: 0px !important; } #wrapper .widgetProductsDetail .wrapperContent { margin: 0px 0px 20px 0px; background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; padding-bottom: 30px; } #wrapper .widgetProductsDetail .widgetContent { padding-top: 10px; } #wrapper .widgetProductsDetail .wrapperText { line-height: 20px; } #wrapper .columnWide .widgetProductsDetail .widgetTitle { color: #717171; text-align: left; padding: 0px; margin: 0px; } #wrapper .columnWide .widgetProductsDetail .widgetTitle h1 { text-transform: none; } #wrapper .columnWide .widgetProductsDetail .rbcTags { margin: 0px 0px 10px 0px; padding: 0px; display: table; } #wrapper .columnWide .widgetProductsDetail .rbcTags h4 { float: left; margin: 0 7px 0 0; font-size: 0.875em; line-height: 0.875em; font-family: "Open Sans", sans-serif; font-weight: 700; color: #939393; padding: 5px 0px 3px 22px; background: url("../img/lightlime/icon_tags.png") no-repeat left 3px; } #wrapper .columnWide .widgetProductsDetail .rbcTags h4 a { color: #939393; text-decoration: none; } #wrapper .columnWide .widgetProductsDetail .rbcTags h4 a:hover { color: #8ab000; text-decoration: none; } #wrapper .columnWide .widgetProductsDetail .rbcTags .tags { float: left; margin: 0px; padding: 0px; font-size: 0.875em; line-height: 18px; } @media screen and (max-width: 620px) { #wrapper .columnWide .widgetProductsDetail .rbcTags .tags { float: left; margin: 0px; padding: 0px; font-size: 0.875em; line-height: 18px; display: table; } } #wrapper .columnWide .widgetProductsDetail .rbcTags .tags span { display: inline; color: #939393; } #wrapper .columnWide .widgetProductsDetail .rbcTags .tags a { display: inline-block; color: #939393; background: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 7px; margin: 0 3px; text-decoration: none; } #wrapper .columnWide .widgetProductsDetail .rbcTags .tags a:hover { color: #8ab000; background: none; text-decoration: none; } /* ================================================================================================================== */ /* RSS */ /* ================================================================================================================== */ #wrapper .widgetRss { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetRss .widgetTitle h2 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px 0px 10px 0px; } #wrapper .widgetRss .boxRss { margin: 0 0 30px 0; padding: 0 0 30px 0; overflow: hidden; background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; } #wrapper .widgetRss .boxRss:last-child { background: none; } #wrapper .widgetRss .boxRss .boxTitle h3 { font-size: 1.4375em; font-weight: 700; margin: 0 0 10px; padding: 0px; } #wrapper .widgetRss .boxRss .boxTitle h3 a { color: #717171; font-weight: 700; text-decoration: none; } #wrapper .widgetRss .boxRss .boxTitle h3 a:hover { text-decoration: underline; } #wrapper .widgetRss .boxRss .boxContent { font-size: 1em; padding: 0px 0px 0px 25px; background: url("../img/lightlime/icon_link.png") no-repeat 0px 6px; } #wrapper .widgetRss .boxRss .boxContent a, #wrapper .widgetRss .boxRss .boxContent a:visited { color: #8ab000; text-decoration: none; } #wrapper .widgetRss .boxRss .boxContent a:hover { color: #8ab000; text-decoration: underline; } /* ================================================================================================================== */ /* SITEMAP */ /* ================================================================================================================== */ #wrapper .widgetSitemap { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetSitemap .widgetTitle h1 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; text-transform: none; } #wrapper .widgetSitemap ul.ServerMap li { margin: 7px 0 0 0; } #wrapper .widgetSitemap ul.ServerMap li { list-style-type: disc; font: bold 18px 'PT Sans'; } #wrapper .widgetSitemap ul.ServerMap li ul li { list-style-type: circle; font: normal 15px 'PT Sans'; font-weight: 400; } #wrapper .columnWide .widgetSitemap .widgetTitle h1 { background: url("../img/lightlime/header_delimiter.png") no-repeat 0px 55px transparent; } /* ================================================================================================================== */ /* TAGS */ /* ================================================================================================================== */ #wrapper .columnWide .widgetTags { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .columnWide .widgetTags .widgetTitle h2 { text-transform: none; font-weight: 700; color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; } #wrapper .columnWide .widgetTags .widgetContent { width: 100%; } #wrapper .columnWide .widgetTags ul.tags { margin: 0px; padding: 0px; list-style-type: none; } #wrapper .columnWide .widgetTags ul.tags li { list-style-type: none; display: inline; padding: 0 10px 0 0; margin: 0px; line-height: 30px; } #wrapper .columnWide .widgetTags ul.tags li a { color: #8ab000; background: none; margin: 0px; padding: 0px; text-decoration: none; } #wrapper .columnWide .widgetTags ul.tags li a:hover { color: #8ab000; text-decoration: underline; } #wrapper .columnNarrow .widgetTags { margin: 0px; padding: 0px; overflow: hidden; line-height: 1.3em; font-size: 0.875em; margin: 0px 0px 40px 0px; } #wrapper .columnNarrow .widgetTags .widgetTitle h2 { text-transform: uppercase; font-weight: 700; background: url("../img/lightlime/box_delimiter.png") no-repeat left bottom transparent; font-size: 1.25em; color: #717171; text-align: left; padding: 0px 0px 40px 0px; margin: 0px; } #wrapper .columnNarrow .widgetTags ul.tags { margin: 0px; padding: 0px; list-style-type: none; } #wrapper .columnNarrow .widgetTags ul.tags li { list-style-type: none; display: inline; padding: 0 10px 0 0; margin: 0px; line-height: 26px; } #wrapper .columnNarrow .widgetTags ul.tags li a { color: #8ab000; background: none; margin: 0px; padding: 0px; text-decoration: none; } #wrapper .columnNarrow .widgetTags ul.tags li a:hover { color: #8ab000; text-decoration: underline; } #wrapper .columnNarrow .widgetTags .msgNotFound { margin-bottom: 10px; } /* ================================================================================================================== */ /* TAGLIST */ /* ================================================================================================================== */ #wrapper .widgetTagList { margin: 0px 0px 60px 0px; padding: 0px; overflow: hidden; } #wrapper .widgetTagList .widgetTitle h1 { color: #717171; text-align: left; padding: 0px 0px 57px 0px; margin: 0px; text-transform: none; } #wrapper .widgetTagList .boxTagList { background: url("../img/lightlime/delimiter.gif") repeat-x scroll left bottom; margin: 0px 0px 25px 0px; padding: 0px 0px 25px 0px; overflow: hidden; } #wrapper .widgetTagList .boxTagList .boxTitle h3 { font-size: 1.4375em; font-weight: 700; margin: 0 0 10px; padding: 0px; color: #717171; } #wrapper .widgetTagList .boxTagList .boxTitle h3 a { font-weight: 700; text-decoration: none; color: #717171; } #wrapper .widgetTagList .boxTagList .boxContent { font-size: 1em; padding: 0px 0px 0px 25px; background: url("../img/lightlime/icon_link.png") no-repeat 0px 6px; } #wrapper .widgetTagList .boxTagList .boxContent a, #wrapper .widgetTagList .boxTagList .boxContent a:visited { color: #8ab000; } #wrapper .widgetTagList .boxTagList .boxContent a:hover { color: #8ab000; } #wrapper .widgetTagList .pagingInfo { float: right; margin: 4px 0px 0px 0px; } @media all and (max-width: 600px) { #wrapper .widgetTagList .pagingInfo { float: none; } } #wrapper .columnWide .widgetTagList h1 { background: url("../img/lightlime/header_delimiter.png") no-repeat 0px 55px transparent; } /* ================================================================================================================== */ /* PAGING + LINKS + TAGS */ /* ================================================================================================================== */ #wrapper .paging { margin: 0px 0 0 0; float: left; font-size: 0.875em; } #wrapper .paging a { font-weight: normal; text-decoration: none; color: #525252; } #wrapper .paging a * { cursor: pointer; cursor: hand; } #wrapper .paging a:hover .pageText, #wrapper .paging a:hover .rightText, #wrapper .paging a:hover .rightEndText, #wrapper .paging a:hover .leftText, #wrapper .paging a:hover .leftEndText { background-color: #8ab000; color: #fff; border: 1px solid #8ab000; } #wrapper .paging .pageText, #wrapper .paging .rightText, #wrapper .paging .rightEndText, #wrapper .paging .leftText, #wrapper .paging .leftEndText { display: inline-block; border: 1px solid #e6e6e6; background: url("../img/lightlime/black_transparent_10.png") repeat; padding: 1px 6px; } #wrapper .paging .separator { display: none; } #wrapper .paging .selected .pageText { font-weight: bold; } #wrapper .columnNarrow a .pageText, #wrapper .columnNarrow a .rightText, #wrapper .columnNarrow a .rightEndText, #wrapper .columnNarrow a .leftText, #wrapper .columnNarrow a .leftEndText { background: none; border: none; } #wrapper .columnNarrow a:hover .pageText, #wrapper .columnNarrow a:hover .rightText, #wrapper .columnNarrow a:hover .rightEndText, #wrapper .columnNarrow a:hover .leftText, #wrapper .columnNarrow a:hover .leftEndText { background: none; border: none; color: #8ab000; } #wrapper .columnNarrow .pageText { background: none; border: none; } #wrapper .columnNarrow .paging { clear: both; width: 100%; text-align: center; margin-top: 5px; } #wrapper .columnNarrow .selected .pageText { background: #d6d6d6; font-weight: bold; } .lt-ie8 .paging span.selected { margin-left: -4px; } .lt-ie8 .paging a { margin: 0px 0px 0px -4px; } .lt-ie8 .paging a.right { margin: 0px 4px 0px 0px; } .lt-ie8 .paging a.left { margin: 0px 4px 0px 0px; } .lt-ie8 .paging a.leftEnd { margin: 0px !important; } .lt-ie8 .paging a.rightEnd { margin: 0px 0px 0px -4px !important; } .lt-ie8 .paging span:first-child { margin-left: 0px !important; } .lt-ie8 .wrapperArchive { padding-left: 40px; } /* LINKS ============================================================================================================ */ #wrapper .wrapperBacklink a { font-size: 1em; display: inline-block; color: #8ab000; text-decoration: underline; margin: 0px; padding: 0px 0px 0px 14px; background: url("../img/lightlime/arrow_left.png") no-repeat left 8px; } #wrapper .wrapperBacklink a:hover { text-decoration: none; } /* BOOKMARKS ======================================================================================================== */ #wrapper .rbcBookmarks { margin: 10px 0 20px 0px; } /* TAGS ============================================================================================================= */ #wrapper .rbcTags { margin: 0 0 30px 0px; padding: 5px 0 0 30px; display: table; } @media screen and (max-width: 620px) { #wrapper .rbcTags { width: 100%; margin: 0px 0px 30px 0px; padding: 0px 0px 25px 0px; display: block; clear: both; } } #wrapper .rbcTags h4 { float: left; margin: 0 7px 0 0; font-size: 0.875em; line-height: 0.875em; font-family: "Open Sans", sans-serif; font-weight: 700; color: #939393; padding: 5px 0px 3px 22px; background: url("../img/lightlime/icon_tags.png") no-repeat left 3px; } #wrapper .rbcTags h4 a { color: #939393; text-decoration: none; } #wrapper .rbcTags h4 a:hover { color: #8ab000; text-decoration: none; } #wrapper .rbcTags .tags { float: none; margin: 0px; padding: 0px; font-size: 0.875em; line-height: 22px; } @media screen and (max-width: 620px) { #wrapper .rbcTags .tags { float: left; margin: 0px 0px 0px 0px; padding: 1px 0px 20px 0px; font-size: 0.875em; line-height: 20px; display: table; } } #wrapper .rbcTags .tags span { display: inline; color: #939393; } #wrapper .rbcTags .tags a { display: inline-block; color: #939393; padding: 0px 7px; margin: 0 3px; text-decoration: none; } #wrapper .rbcTags .tags a:hover { color: #8ab000; text-decoration: none; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" !important; } /* Don't show links for images, or javascript/internal links */ .boxPoll a:after, .widgetPhotogalleryDetail a:after { content: "" !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h1, h2 { background: none !important; padding-bottom: 20px !important; } h2, h3 { page-break-after: avoid; } #wrapper { margin: 0; padding: 0; width: 100%; } #wrapper #illustration, #wrapper .pagingInfo, #wrapper .paging, #wrapper #topBar, #wrapper #header, #wrapper #lang, #wrapper #footerText, #footerCover, #wrapper .waitingArea { display: none; } .columnWide, .columnNarrow { width: 100% !important; margin: 0; padding: 0; float: none; max-width: 100% !important; width: 100% !important; } .columnWide .widget, .columnNarrow .widget { max-width: 100% !important; width: 100% !important; } .columnNarrow .widget { border: 1px solid black !important; background: none !important; max-width: 100% !important; width: 100% !important; } .widgetFormFormatter { display: none !important; } .wrapperDate { padding-left: 0px !important; background: none !important; } .discussionPostAuthor { padding-left: 0px !important; background: none !important; } .pollbar { background: black !important; } .discussionForm { display: none !important; } .widgetDiscussion { margin-bottom: 30px !important; } .contactCompany, .contactAddress, .contactEmail, .contactPhone { background: none !important; padding-left: 0px !important; } .discussionPostReply { display: none !important; } .pagingInfo, .paging, .wrapperArchive { display: none !important; } .boxFaq .boxContent { display: block !important; } .wrapperNav { display: none !important; } img, .photo { page-break-before: auto; page-break-after: auto; page-break-inside: avoid; } #wrapper .widgetPhotogallery200 .photo { display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 50% !important; float: left !important; } #wrapper .widgetPhotogallery118 .photo { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; width: 25% !important; float: left !important; } .photo a { border: 1px solid black !important; overflow: hidden !important; } .widgetFacebookLike { display: none !important; } }