<script type='text/javascript'>
/*No se puede copiar nada de está web, att: ADMIN */ var mensajeerror = "Boton derecho deshabilitado ¡Gracias por visitarnos!"; if(document.layers) window.captureEvents(Event.MOUSEDOWN); function bloquear(e){
if (navigator.appName == 'Netscape' && ( e.which == 2 || e.which == 3)) { alert(mensajeerror);return false; }
if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
alert(mensajeerror);return false; }} window.onmousedown=bloquear; document.onmousedown=bloquear; </script>
/* ================================================================================================================== */
/* 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,cyrillic-ext,latin-ext,cyrillic);
/*! 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;
}
/* ==========================================================================
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/dark/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/dark/flat@2x.png");
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}*/
/* ================================================================================================================== */
/* DropKick theme
/* ================================================================================================================= */
#main .dk_container {
width: 100%;
height: 40px;
background-color: rgba(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #212121;
/* Removes transparent background on iOS5+ scroll */
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #464646;
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: #212121;
max-height: 250px;
border: 1px solid #383838;
color: #959595;
margin: 0px;
padding: 0px;
overflow: auto;
}
/****** End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
#main {
/* Hides only dropkick <select> instances */
/* nativeMobile override */
}
#main .dk_container {
display: none;
float: left;
}
#main .dk_container a {
outline: 0;
}
#main .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;
}
#main .dk_open {
position: relative;
}
#main .dk_open .dk_options {
display: block;
}
#main .dk_open .dk_label {
color: inherit;
}
#main .dk_options {
display: none;
margin-top: -1px;
position: absolute;
left: -1px;
width: 100%;
}
#main .dk_options a, #main .dk_options a:link, #main .dk_options a:visited {
display: block;
}
#main .dk_options_inner {
position: relative;
-webkit-overflow-scrolling: touch;
}
#main .dk_container select {
position: absolute;
top: -99999em;
visibility: hidden;
}
#main .dk_mobile {
position: relative;
}
#main .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;
}
/***** End Critical to the continued enjoyment of working dropdowns ******/
#main .columnWide .dk_container {
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+ */
}
#main .columnWide .dk_options {
width: 100% !important;
left: -1px;
}
.dk_options_inner li {
padding: 0px !important;
}
#topBar {
/* Applied when the dropdown is focused */
/* Applied whenever the dropdown is open */
/* The outer container of the options */
/* Inner container for options, this is what makes the scrollbar possible. */
/****** End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
/* Hides only dropkick <select> 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 #414141;
background: black;
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: #777777;
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: #212121;
/* Removes transparent background on iOS5+ scroll */
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #959595;
text-decoration: none;
}
#topBar .dk_options a:hover,
#topBar .dk_options .dk_option_current a {
background: #464646;
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: #212121;
max-height: 250px;
border: 1px solid #383838;
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: #777777;
}
#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/darkblue/ie_input.png") repeat;
}
.lt-ie9 #languageSelect .dk_container {
background: black;
}
.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/darkblue/black_transparent_50.png") repeat;
background: rgba(0, 0, 0, 0.5);
border: 1px solid #666666;
color: white;
}
#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 #e8e8e8;
}
/* LINK COLOR ======================================================================================================= */
a,
a:visited {
color: #6bd6ff;
text-decoration: underline;
}
a:hover {
color: #6bd6ff;
text-decoration: none;
}
/* HEADINGS ========================================================================================================= */
#wrapper h1 {
color: white;
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/darkblue/header_delimiter.png") no-repeat 0px bottom transparent;
background-size: 100% 32px;
}
#wrapper h2 {
color: white;
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/darkblue/header_delimiter.png") no-repeat 0px bottom transparent;
background-size: 100% 32px;
}
#wrapper h3 {
color: white;
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: white;
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: white;
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: white;
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/darkblue/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/darkblue/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/darkblue/ie_poll_bg.png") repeat;
background: rgba(0, 0, 0, 0.2) !important;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
color: white;
font-weight: 400;
}
#wrapper table.withHeader th,
#wrapper table.withHeader thead td {
background: url("../img/darkblue/black_transparent_50.png") repeat;
background: rgba(0, 0, 0, 0.5) !important;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
color: white;
font-weight: 700;
}
.lt-ie8 table td {
border-top: none !important;
}
.lt-ie8 table {
border-top: 1px solid #666666 !important;
}
/* 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/darkblue/tweed.png") repeat;
color: white;
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: black;
border-bottom: 1px solid #5e5e5e;
-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/darkblue/leather_texture.png") repeat;
border-bottom: 1px solid #8a8a8a;
padding-bottom: 20px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
/* FF3.5 - 3.6 */
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
/* 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: #00b0e0;
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: #00b0e0;
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: #00b0e0;
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: #00b0e0 url("../img/darkblue/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: #00b0e0 url("../img/darkblue/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: white;
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: white;
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 #8e8e8e;
-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.5);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.5);
/* FF3.5 - 3.6 */
box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.5);
/* 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 black;
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 #464646;
width: 100%;
height: 100%;
position: relative;
font-size: 0.92em;
line-height: 2.0em;
background-color: rgba(0, 0, 0, 0.6);
}
#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/darkblue/black_transparent_60.png") repeat;
}
.lt-ie9 #footerCover #credits {
max-height: 22px !important;
}
#copyright {
text-align: left;
float: left;
font: normal 14px 'PT Sans', sans-serif;
color: #727272;
}
#copyright:after {
content: "|";
padding: 0px 10px 0px 10px;
color: #3c3c3c;
font: normal 14px 'PT Sans', sans-serif;
}
#copyright a {
color: #6bd6ff;
text-decoration: none;
}
#copyright a:hover {
color: #6bd6ff;
text-decoration: underline;
}
#signature {
font: normal 14px 'PT Sans', sans-serif;
color: #727272;
text-align: left;
}
#signature a {
color: #6bd6ff;
text-decoration: none;
}
#signature a:hover {
color: #6bd6ff;
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/darkblue/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/darkblue/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/darkblue/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/darkblue/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: #383838;
padding-top: 11px;
}
#wrapper #lang #languageSelect #languageSelectBody #languageList .separator {
display: none;
}
#wrapper #lang #languageSelect #languageSelectBody #languageList a {
text-decoration: none;
padding: 0 5px;
color: #777777;
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.5);
padding: 20px 20px 15px 20px !important;
margin: 0px;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
-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/darkblue/black_transparent_60.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: white;
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: #001e2e !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: #001e2e !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/darkblue/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/darkblue/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: #6bd6ff;
}
@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/darkblue/menu_button.png"), url("../img/darkblue/menu_button.png");
background-repeat: no-repeat, no-repeat;
background-position: right -40px, left top;
color: black !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: black !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: #006c9f;
-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: #52c8ff url("../img/darkblue/submenu_top.png") no-repeat left top;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
/* FF3.5 - 3.6 */
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
/* 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/darkblue/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/darkblue/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: #004363 !important;
margin: 0;
float: none;
position: static;
border: 0;
line-height: 18px !important;
font: normal 13px 'PT Sans', sans-serif !important;
background: url("../img/darkblue/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: #001e2e !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: #004363 !important;
text-decoration: none;
}
}
#wrapper .mobileMenu ul.menu ul li a {
color: #001e2e !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: black !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: black !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: #00b0e0 !important;
}
#wrapper #navMenu ul.level2 {
background: #00b0e0 !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: #001e2e !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: #001e2e !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: #00b0e0 !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: #00b0e0 !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: #6bd6ff !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: #001e2e !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: #6bd6ff;
}
.lt-ie9 ul.menu > li.selected > a:hover {
background: #6bd6ff;
}
.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: #6bd6ff;
}
.lt-ie9 #wrapper ul.menu li.activeSelected ul li a, .lt-ie9 #wrapper ul.menu li.activeSelected ul ul li a {
background: url("../img/darkblue/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: white;
text-align: left;
font-weight: 700;
padding: 0px 0px 57px 0px;
margin: 0px;
}
#wrapper .widgetArticles .boxArticles {
background: url("../img/darkblue/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/darkblue/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/darkblue/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/darkblue/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/darkblue/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: #646464;
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/darkblue/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: #b3b3b3;
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/darkblue/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/darkblue/box_delimiter.png") no-repeat left bottom transparent;
background-size: 100% 20px !important;
}
#wrapper .columnNarrow .widgetArticles .wrapperArchive a {
background: url("../img/darkblue/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/darkblue/icon_clock.png") no-repeat scroll 0px 6px transparent;
float: left;
}
#wrapper .widgetArticlesDetial .wrapperContent {
background: url("../img/darkblue/delimiter.gif") repeat-x scroll left bottom;
margin-bottom: 20px;
line-height: 20px;
padding-bottom: 30px;
}
#wrapper .columnWide .widgetArticlesDetial .widgetTitle {
color: white;
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/darkblue/box_delimiter.png") no-repeat left bottom transparent;
font-size: 1.25em;
color: white;
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/darkblue/contact_icon_address.png") no-repeat 0px 0px;
color: #b3b3b3;
margin: 22px 0 0;
padding: 0px 0px 0px 22px;
}
#wrapper .widgetContact .contactPhone,
#wrapper .widgetContact .contactEmail {
display: block;
font-weight: 400;
color: #b3b3b3;
margin: 22px 0 0;
padding: 15px 15px 15px 74px;
}
#wrapper .widgetContact .contactPhone {
background: url("../img/darkblue/contact_icon_phone.png") no-repeat 0px 2px;
padding: 0px 0px 0px 25px;
}
#wrapper .widgetContact .contactEmail {
background: url("../img/darkblue/contact_icon_mail.png") no-repeat 0px 5px;
padding: 0px 0px 0px 25px;
}
#wrapper .widgetContact .contactEmail a {
color: #6bd6ff;
text-decoration: none;
font-weight: 400;
}
#wrapper .widgetContact .contactEmail a:hover {
color: #6bd6ff;
text-decoration: underline;
}
#wrapper .widgetContactForm {
margin: 0px 0px 25px 0px;
padding: 20px 30px 30px 30px;
font-weight: 700;
background: rgba(0, 0, 0, 0.5);
color: white;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
}
#wrapper .widgetContactForm .widgetTitle h2 {
color: white;
font-weight: 700;
text-transform: none;
}
#wrapper .widgetContactForm .widgetContent {
/*
.contactFormButton {
margin: 0px!important;
}*/
}
#wrapper .widgetContactForm .widgetContent fieldset {
border: none;
margin: 0px;
padding: 0px;
color: white;
}
#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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #00425b;
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/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/button_arrow.png") no-repeat, url("../img/darkblue/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 #91d2ec;
border-left: 1px solid #006a93;
border-right: 1px solid #006a93;
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/darkblue/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/darkblue/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: white;
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 #9c9c9c;
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: white;
}
#wrapper .columnWide .discussionPostDelimiter {
display: none !important;
}
#wrapper .columnWide .discussionPostDelimiter:last-of-type {
display: block !important;
border: none;
height: 2px;
width: 100%;
background: url("../img/darkblue/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/darkblue/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/darkblue/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/darkblue/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.5);
color: white;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
}
#wrapper .columnWide .discussionForm h2 {
color: white;
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/darkblue/icon_error.png") no-repeat 6px 2px transparent;
min-height: 22px;
}
#wrapper .columnWide .discussionForm fieldset {
border: none;
margin: 0px;
padding: 0px;
color: white;
}
#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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #00425b;
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/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/button_arrow.png") no-repeat, url("../img/darkblue/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 #91d2ec;
border-left: 1px solid #006a93;
border-right: 1px solid #006a93;
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/darkblue/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 #6b6b6b;
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: white;
}
#wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostText {
margin: 0 0 0 0;
overflow: hidden;
width: 100%;
font-size: 0.875em !important;
text-align: left !important;
color: #b3b3b3;
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/darkblue/arrow_right.png") no-repeat scroll 0px 2px transparent;
}
#wrapper .columnNarrow .widgetDiscussion .boxDiscussion .discussionPostReply a:hover {
text-decoration: underline;
}
#wrapper .columnNarrow .widgetDiscussion .discussionPostDate {
color: #646464;
background: url("../img/darkblue/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: #646464;
background: url("../img/darkblue/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 #6b6b6b;
padding-left: 20px;
}
#wrapper .columnNarrow .widgetDiscussion .discussionLevel-3 {
margin: 0 0 20px 10px !important;
border-left: 3px solid #6b6b6b;
padding-left: 20px;
}
#wrapper .columnNarrow .widgetDiscussion .discussionLevel-4 {
margin: 0 0 20px 20px !important;
border-left: 3px solid #6b6b6b;
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/darkblue/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/darkblue/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/darkblue/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: white;
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/darkblue/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: white;
}
#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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #00425b;
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/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/button_arrow.png") no-repeat, url("../img/darkblue/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 #91d2ec;
border-left: 1px solid #006a93;
border-right: 1px solid #006a93;
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/darkblue/black_transparent_60.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/darkblue/ie_input.png") repeat;
}
.lt-ie9 #wrapper .columnWide .discussionForm .wrapperInput textarea, .lt-ie9 #wrapper .columnNarrow .discussionForm .wrapperInput textarea {
background: url("../img/darkblue/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.5);
color: white;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
}
#wrapper .widgetFulltext .boxFulltext fieldset {
border: none;
margin: 0px;
padding: 0px;
color: white;
}
#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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #00425b;
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/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/button_arrow.png") no-repeat, url("../img/darkblue/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 #91d2ec;
border-left: 1px solid #006a93;
border-right: 1px solid #006a93;
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/darkblue/image-bg.png") repeat #304a60;
}
#wrapper .widgetFulltext .widgetTitle h1 {
color: white;
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/darkblue/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/darkblue/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: white !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 #414141;
background: #0e0e0e;
}
@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: #777777;
font: normal 12px 'PT Sans', sans-serif;
}
#topBar #fulltextForm #fulltextSearchText::-webkit-input-placeholder {
/* WebKit browsers */
color: #777777;
}
#topBar #fulltextForm #fulltextSearchText:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #777777;
}
#topBar #fulltextForm #fulltextSearchText::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #777777;
}
#topBar #fulltextForm #fulltextSearchText:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #777777;
}
#topBar #fulltextForm #fulltextSearchButton {
float: left;
border: 0;
padding: 0;
margin: 1px 0px 0px 0px;
background: url("../img/darkblue/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: black;
border-bottom: 1px solid #303030;
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 #414141;
background: #0e0e0e;
}
@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: #777777;
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: #777777;
}
#mobileSearch #fulltextForm #fulltextSearchText:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #777777;
}
#mobileSearch #fulltextForm #fulltextSearchText::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #777777;
}
#mobileSearch #fulltextForm #fulltextSearchText:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #777777;
}
#mobileSearch #fulltextForm #fulltextSearchButton {
float: right;
border: 0px;
padding: 0px;
margin: 0px;
background: url("../img/darkblue/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/darkblue/black_transparent_60.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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
padding-top: 9px !important;
background: url("../img/darkblue/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.5);
color: white;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
word-break: break-all;
}
#wrapper .columnWide .widgetFormFormatter .widgetTitle h2 {
color: white;
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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #00425b;
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/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/button_arrow.png") no-repeat, url("../img/darkblue/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 #91d2ec;
border-left: 1px solid #006a93;
border-right: 1px solid #006a93;
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: #00425b;
font-size: 1em;
text-transform: uppercase;
background: url("../img/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/file_icon.png") no-repeat, url("../img/darkblue/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 #91d2ec;
}
#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/darkblue/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: white;
margin: 0 10px 0 0;
float: none;
text-decoration: underline;
}
#wrapper .columnWide .widgetFormFormatter .formSuffixLinks a:hover {
color: #6bd6ff;
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.5);
color: white;
}
#wrapper .rbcFormSuccessInfo .widgetTitle h2 {
color: white;
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: white;
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(0, 0, 0, 0.26);
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 #383838;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* FF3.5 - 3.6 */
box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
/* 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: #00425b;
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/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/button_arrow.png") no-repeat, url("../img/darkblue/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 #91d2ec;
border-left: 1px solid #006a93;
border-right: 1px solid #006a93;
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: #00425b;
font-size: 1em;
text-transform: uppercase;
background: url("../img/darkblue/button_submit_box_bg.png") repeat-x;
background-position: left top;
background: url("../img/darkblue/file_icon.png") no-repeat, url("../img/darkblue/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 #91d2ec;
}
#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/darkblue/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: white;
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: #6bd6ff;
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/darkblue/black_transparent_60.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/darkblue/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/darkblue/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: #b3b3b3;
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: white;
text-decoration: underline;
}
#wrapper #breadcrumbs a:hover {
text-decoration: none;
}
#wrapper #navCurrentPage {
color: white;
}
#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: white;
text-align: left;
padding: 0px 0px 57px 0px;
margin: 0px;
text-transform: none;
font-weight: 700;
}
#wrapper .widgetFaq .boxFaq {
background: url("../img/darkblue/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: #6bd6ff;
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/darkblue/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/darkblue/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: #b3b3b3;
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/darkblue/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: white;
text-align: left;
padding: 0px 0px 57px 0px;
margin: 0px;
font-weight: 700;
}
#wrapper .widgetPhotogallery .wrapperListing {
background: url("../img/darkblue/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 #8e8e8e;
-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 .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(0, 0, 0, 0.8);
display: none;
}
#wrapper .widgetPhotogallery .photo .imgHover:hover {
display: block;
}
#wrapper .widgetPhotogallery .photo .imgHoverZoom {
width: 100%;
height: 100%;
background: url("../img/darkblue/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: white;
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: #6bd6ff;
}
.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/darkblue/black_transparent_80.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/darkblue/photo-buttons.png") no-repeat 0 0;
left: 0px;
top: 0px;
}
#wrapper .widgetPhotogallery .bx-controls .bx-prev:hover {
background: url("../img/darkblue/photo-buttons.png") no-repeat 0 -120px;
}
#wrapper .widgetPhotogallery .bx-controls .bx-next {
background: url("../img/darkblue/photo-buttons.png") no-repeat 0 -60px;
right: 0px;
top: 0px;
}
#wrapper .widgetPhotogallery .bx-controls .bx-next:hover {
background: url("../img/darkblue/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/darkblue/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/darkblue/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/darkblue/box_delimiter.png") no-repeat left bottom transparent;
background-size: 100% 20px !important;
}
#wrapper .columnNarrow .widgetPhotogallery .wrapperArchive a {
background: url("../img/darkblue/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: white;
}
#wrapper .widgetPhotogalleryDetail .widgetTitle h1 {
color: white;
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 #8e8e8e;
-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/darkblue/arrow_left.png") no-repeat left 8px;
}
#wrapper .widgetPhotogalleryDetail .wrapperNav .after a {
padding: 0px 14px 0px 0px;
background: url("../img/darkblue/arrow_right.png") no-repeat right 8px;
}
#wrapper .widgetPhotogalleryDetail .wrapperNav #slideshowControl {
padding: 0px 0px 0px 23px;
background: url("../img/darkblue/icon_slideshow.png") no-repeat left 8px;
}
#wrapper .widgetPhotogalleryDetail .wrapperNav a {
font-size: 1em;
display: inline-block;
color: #6bd6ff;
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/darkblue/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/darkblue/icon_tags.png") no-repeat left 8px;
}
#wrapper .widgetPhotogalleryDetail .rbcTags h4 a {
color: #939393;
text-decoration: none;
}
#wrapper .widgetPhotogalleryDetail .rbcTags h4 a:hover {
color: #6bd6ff;
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: #6bd6ff;
background: none;
text-decoration: none;
}
#wrapper .columnWide .widgetPhotogalleryDetail .widgetTitle h1 {
background: url("../img/darkblue/header_delimiter.png") no-repeat left bottom transparent;
background-size: 100% 32px !important;
}
#wrapper .columnWide .widgetPhotogalleryDetail .wrapperImage {
background: url("../img/darkblue/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: white;
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/darkblue/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.2);
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/darkblue/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/darkblue/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/darkblue/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.15);
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/darkblue/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/darkblue/ie_poll_bg.png") repeat;
}
/* ================================================================================================================== */
/* PRODUCTS */
/* ================================================================================================================== */
#wrapper .widgetProducts {
margin: 0px 0px 60px 0px;
padding: 0px;
overflow: hidden;
color: white;
}
#wrapper .widgetProducts .widgetTitle h2 {
color: white;
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: #6bd6ff;
}
#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/darkblue/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 #8e8e8e;
-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 */
}
@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: #6bd6ff;
margin: 0 0 15px;
}
#wrapper .widgetProducts .boxTitle h3 a {
color: #6bd6ff;
text-decoration: none;
}
#wrapper .widgetProducts .boxTitle h3 a:hover {
color: #6bd6ff;
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/darkblue/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 #8e8e8e !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: #b3b3b3;
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: #b3b3b3;
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/darkblue/box_delimiter.png") no-repeat left bottom transparent;
background-size: 100% 20px !important;
}
#wrapper .columnNarrow .widgetProducts .wrapperArchive a {
background: url("../img/darkblue/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 #8e8e8e;
-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 */
margin: 0px !important;
}
#wrapper .widgetProductsDetail .wrapperContent {
margin: 0px 0px 20px 0px;
background: url("../img/darkblue/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: white;
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/darkblue/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: #6bd6ff;
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: #6bd6ff;
background: none;
text-decoration: none;
}
/* ================================================================================================================== */
/* RSS */
/* ================================================================================================================== */
#wrapper .widgetRss {
margin: 0px 0px 60px 0px;
padding: 0px;
overflow: hidden;
}
#wrapper .widgetRss .widgetTitle h2 {
color: white;
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/darkblue/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: white;
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/darkblue/icon_link.png") no-repeat 0px 6px;
}
#wrapper .widgetRss .boxRss .boxContent a,
#wrapper .widgetRss .boxRss .boxContent a:visited {
color: #6bd6ff;
text-decoration: none;
}
#wrapper .widgetRss .boxRss .boxContent a:hover {
color: #6bd6ff;
text-decoration: underline;
}
/* ================================================================================================================== */
/* SITEMAP */
/* ================================================================================================================== */
#wrapper .widgetSitemap {
margin: 0px 0px 60px 0px;
padding: 0px;
overflow: hidden;
}
#wrapper .widgetSitemap .widgetTitle h1 {
color: white;
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/darkblue/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: white;
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: #6bd6ff;
background: none;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#wrapper .columnWide .widgetTags ul.tags li a:hover {
color: white;
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/darkblue/box_delimiter.png") no-repeat left bottom transparent;
font-size: 1.25em;
color: white;
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: #6bd6ff;
background: none;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#wrapper .columnNarrow .widgetTags ul.tags li a:hover {
color: white;
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: white;
text-align: left;
padding: 0px 0px 57px 0px;
margin: 0px;
text-transform: none;
}
#wrapper .widgetTagList .boxTagList {
background: url("../img/darkblue/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: white;
}
#wrapper .widgetTagList .boxTagList .boxTitle h3 a {
font-weight: 700;
text-decoration: none;
color: white;
}
#wrapper .widgetTagList .boxTagList .boxContent {
font-size: 1em;
padding: 0px 0px 0px 25px;
background: url("../img/darkblue/icon_link.png") no-repeat 0px 6px;
}
#wrapper .widgetTagList .boxTagList .boxContent a,
#wrapper .widgetTagList .boxTagList .boxContent a:visited {
color: #6bd6ff;
}
#wrapper .widgetTagList .boxTagList .boxContent a:hover {
color: #6bd6ff;
}
#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/darkblue/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: #b2b2b2;
}
#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: #6bd6ff;
color: black;
border: 1px solid #6bd6ff;
}
#wrapper .paging .pageText, #wrapper .paging .rightText, #wrapper .paging .rightEndText, #wrapper .paging .leftText, #wrapper .paging .leftEndText {
display: inline-block;
border: 1px solid #2a2a2a;
background: #282828;
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: #6bd6ff;
}
#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: #131313;
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: #6bd6ff;
text-decoration: underline;
margin: 0px;
padding: 0px 0px 0px 14px;
background: url("../img/darkblue/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/darkblue/icon_tags.png") no-repeat left 3px;
}
#wrapper .rbcTags h4 a {
color: #939393;
text-decoration: none;
}
#wrapper .rbcTags h4 a:hover {
color: #6bd6ff;
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: #6bd6ff;
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;
}
}