/**start**/ /* * jQuery UI CSS Framework 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* * jQuery UI CSS Framework 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget .ui-widget { } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #B6B6B6; background: #ffffff; color: #4F4F4F; } .ui-widget-content a { color: #4F4F4F; } .ui-widget-header { border: 1px solid #B6B6B6; color: #4F4F4F; font-weight: bold; } .ui-widget-header { background: #ededed url(/CORE/cms/css/Aristo/images/bg_fallback.png) 0 0 repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* IE10+ */ background: linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* W3C */ } .ui-widget-header a { color: #4F4F4F; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B6B6B6; color: #4F4F4F; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #ededed url(/CORE/cms/css/Aristo/images/bg_fallback.png) 0 0 repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* IE10+ */ background: linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* W3C */ -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4F4F4F; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #9D9D9D; color: #313131; } .ui-state-hover a, .ui-state-hover a:hover { color: #313131; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { outline: none; color: #1c4257; border: 1px solid #7096ab; background: #ededed url(/CORE/cms/css/Aristo/images/bg_fallback.png) 0 -50px repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* IE10+ */ background: linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* W3C */ -webkit-box-shadow: none; box-shadow: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #313131; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #d2dbf4; background: #f4f8fd; color: #0d2054; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #e2d0d0; background: #fcf0f0; color: #280b0b; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/CORE/cms/css/Aristo/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/CORE/cms/css/Aristo/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/CORE/cms/css/Aristo/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/CORE/cms/css/Aristo/images/ui-icons_454545_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/CORE/cms/css/Aristo/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/CORE/cms/css/Aristo/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/CORE/cms/css/Aristo/images/ui-icons_454545_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: url(/CORE/cms/css/Aristo/images/icon_sprite.png) -16px 0 no-repeat !important; } .ui-state-highlight .ui-icon, .ui-state-error .ui-icon { margin-top: -1px; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background: url(/CORE/cms/css/Aristo/images/icon_sprite.png) 0 0 no-repeat !important; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } .ui-corner-tr { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .ui-corner-bl { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ui-corner-br { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .ui-corner-top { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .ui-corner-bottom { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .ui-corner-right { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .ui-corner-left { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ui-corner-all { -webkit-border-radius: 3px; border-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #262b33; opacity: .70;filter:Alpha(Opacity=70); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #000000; opacity: .30;filter:Alpha(Opacity=30); -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 1; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 1; border:1px dotted black; } /* * jQuery UI Accordion 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content { -webkit-border-radius: 0; border-radius: 0; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 12px; font-weight: bold; padding: .5em .5em .5em .7em; } .ui-accordion-icons.ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* * jQuery UI Autocomplete 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; z-index: 3; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 1px 5px rgba(0,0,0,0.3); } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; background: #5f83b9; color: #FFFFFF; text-shadow: 0px 1px 1px #234386; border-color: #466086; -webkit-border-radius: 0; border-radius: 0; } /* * jQuery UI Button 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin: 0px 0.2em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button animation properties */ .ui-button { -webkit-transition: -webkit-box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } /*states*/ .ui-button.ui-state-hover { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; } .ui-button.ui-state-focus { outline: none; color: #1c4257; border-color: #7096ab; background: #ededed url(/CORE/cms/css/Aristo/images/bg_fallback.png) 0 -50px repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* IE10+ */ background: linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* W3C */ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; } .ui-button.ui-state-active { color: #1c4257; border-color: #7096ab; } .ui-button.ui-state-active { background: #ededed url(/CORE/cms/css/Aristo/images/bg_fallback.png) 0 -50px repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* IE10+ */ background: linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* W3C */ -webkit-box-shadow: none; box-shadow: none; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); padding: 0 1em !important; height: 33px; } /*remove submit button internal padding in Firefox*/ input.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* fix webkits handling of the box model */ @media screen and (-webkit-min-device-pixel-ratio:0) { input.ui-button { height: 31px !important; } } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: 0; width: 300px; z-index: 1; } .ui-dialog { -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.6); box-shadow: 0 2px 12px rgba(0,0,0,0.6); } .ui-dialog .ui-dialog-titlebar { padding: 0.7em 1em 0.6em 1em; position: relative; border: none; border-bottom: 1px solid #979797; -webkit-border-radius: 0; border-radius: 0; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 14px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .ui-dialog .ui-dialog-titlebar .ui-button { border: 0px; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .8em; top: 55%; width: 16px; margin: -10px 0 0 0; padding: 0; height: 16px; } .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { display: block; left: 0px; top: 0px; margin: 1px; background: url(/CORE/cms/css/Aristo/images/icon_sprite.png) 0 -16px no-repeat; } .ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick { background-position: -16px -16px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; border: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; background: #d7d7d7; z-index: 1; } .ui-slider { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; } .ui-slider .ui-slider-handle { background: url(/CORE/cms/css/Aristo/images/slider_handles.png) 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: default; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .ui-slider .ui-state-hover, .ui-slider .ui-state-active { background-position: 0 0; } .ui-slider .ui-slider-range { background: #a3cae0; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider .ui-slider-range { -webkit-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; } .ui-slider-horizontal { height: 5px; } .ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -13px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 5px; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -8px; margin-left: 0; margin-bottom: -13px; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; zoom: 1; border: 0; background: transparent; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; background: transparent; border-width: 0 0 1px 0; } .ui-tabs .ui-tabs-nav { -webkit-border-radius: 0; border-radius: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px; background: #fff; border-color: #B6B6B6; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; outline: none; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0 1px 1px 1px; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-panel { background: #FFF; -webkit-border-radius: 0; border-radius: 0; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: 0; display: none; border-color: #DDDDDD; } .ui-datepicker { -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); box-shadow: 0 4px 8px rgba(0,0,0,0.5); } .ui-datepicker .ui-datepicker-header { position:relative; padding:.35em 0; border: none; border-bottom: 1px solid #B6B6B6; -webkit-border-radius: 0; border-radius: 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: 1px none; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev span { background-position: 0px -32px !important; } .ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; } .ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; } .ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: url(/CORE/cms/css/Aristo/images/icon_sprite.png) no-repeat; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { font-size: inherit; padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker table .ui-state-highlight { border-color: #5F83B9; } .ui-datepicker table .ui-state-hover { background: #5F83B9; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; -webkit-box-shadow: 0 0px 0 rgba(255,255,255,0.6) inset; box-shadow: 0 0px 0 rgba(255,255,255,0.6) inset; border-color: #5F83B9; } .ui-datepicker-calendar .ui-state-default { background: transparent; border-color: #FFF; } .ui-datepicker-calendar .ui-state-active { background: #5F83B9; border-color: #5F83B9; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height: 12px; text-align: left; background: #FFF url(/CORE/cms/css/Aristo/images/progress_bar.gif) 0 -14px repeat-x; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: url(/CORE/cms/css/Aristo/images/progress_bar.gif) 0 0 repeat-x; } /* Extra Input Field Styling */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables features */ .dataTables_wrapper { position: relative; clear: both; zoom: 1; /* Feeling sorry for IE */ } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } .dataTables_length { float: left; margin-left: 10px; } .dataTables_filter { display: inline-block; float: left; text-align: right; clear:right; } .dataTables_length > label , .dataTables_filter > label { line-height: 1; } .dataTables_info { width: 60%; float: left; } .dataTables_paginate { float: right; } /* Pagination nested */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; } .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; } .paginate_disabled_previous { background: url('/CORE/cms/css/images/back_disabled.png') no-repeat top left; } .paginate_enabled_previous { background: url('/CORE/cms/css/images/back_enabled.png') no-repeat top left; } .paginate_enabled_previous:hover { background: url('/CORE/cms/css/images/back_enabled_hover.png') no-repeat top left; } .paginate_disabled_next { background: url('/CORE/cms/css/images/forward_disabled.png') no-repeat top right; } .paginate_enabled_next { background: url('/CORE/cms/css/images/forward_enabled.png') no-repeat top right; } .paginate_enabled_next:hover { background: url('/CORE/cms/css/images/forward_enabled_hover.png') no-repeat top right; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */ table.display { margin: 0 auto; clear: both; border-spacing:0; #min-width: 800px; empty-cells:show; /* Note Firefox 3.5 and before have a bug with border-collapse * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) * border-spacing: 0; is one possible option. Conditional-css.com is * useful for this kind of thing * * Further note IE 6/7 has problems when calculating widths with border width. * It subtracts one px relative to the other browsers from the first column, and * adds one to the end... * * If you want that effect I'd suggest setting a border-top/left on th/td's and * then filling in the gaps with other borders. */ } table.display thead th { padding: 3px 18px 3px 10px; font-weight: bold; cursor: pointer; text-align:left; * cursor: hand; white-space: nowrap; font-size: 14px; } table.display thead th.sorting_disabled { padding-right: 10px; cursor: default; } table.display tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; } table.display tr.heading2 td { border-bottom: 1px solid #aaa; } table.display td { padding: 6px 10px; } table.display td.center { text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */ table.display tr.odd { background-color: #f9f9f9; } table.display tr.even { background-color: #ffffff; } /* * DataTables row highlighting */ table.display tbody tr:hover { background-color: #e7f2f9; } /* table.display tbody tr.even:hover { background-color: #e7f2f9; } table.display tbody tr.odd:hover { background-color: #e7f2f9; } */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */ .dataTables_wrapper .sorting_asc { background: url('/CORE/cms/css/images/sort_asc.png') no-repeat center right; } .dataTables_wrapper .sorting_desc { background: url('/CORE/cms/css/images/sort_desc.png') no-repeat center right; } .dataTables_wrapper .sorting { background: url('/CORE/cms/css/images/sort_both.png') no-repeat center right; } .dataTables_wrapper .sorting_asc_disabled { background: url('/CORE/cms/css/images/sort_asc_disabled.png') no-repeat center right; } .dataTables_wrapper .sorting_desc_disabled { background: url('/CORE/cms/css/images/sort_desc_disabled.png') no-repeat center right; } .dataTables_wrapper th:active { outline: none; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Misc */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; } .dataTables_wrapper .top, .dataTables_wrapper .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; } .dataTables_wrapper .top .dataTables_info { float: none; } .dataTables_wrapper .clear { clear: both; } .dataTables_empty { text-align: center; } .dataTables_wrapper tfoot input { margin: 0.5em 0; width: 100%; color: #444; } .dataTables_wrapper tfoot input.search_init { color: #999; } .dataTables_wrapper td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; } .dataTables_wrapper td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; } .example_alt_pagination div.dataTables_info { width: 40%; } .paging_full_numbers { white-space: nowrap; height: 22px; line-height: 22px; } .paging_full_numbers a:active { outline: none } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { display: inline-block; border: 1px solid #c0c0c0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0px 4px 0px 4px; line-height: 16px; margin: 0px 2px 0px 2px; cursor: pointer; *cursor: hand; vertical-align: bottom; text-decoration: none; } .paging_full_numbers a.paginate_button { background-color: #ffffff; } .paging_full_numbers a.paginate_button:hover { background-color: #56a7d3; border-color: #4b8bae; color: #ffffff; } .paging_full_numbers a.paginate_active { background-color:#ececec; } table.display tr.even.row_selected td { background-color: #B0BED9; } table.display tr.odd.row_selected td { background-color: #9FAFD1; } /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* FireFox button style */ button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner { padding: 0; border: 0 none; } abbr {border-bottom: 1px dotted black;} sup {font-size: .83em; vertical-align: super; line-height: 0;} sub {font-size: .83em; vertical-align: sub; line-height: 0;} em {font-style: italic;} strong {font-weight: bold;} ins {text-decoration: underline;} del {text-decoration: line-through;} /* */ /* COLOR PALLET Body: #ffffff border: none text/interface: #000000 Back: #f5f5f5 border: #e5e5e5 text/interface: #000000 Back darker: #dddddd border: none text/interface: #444444 or #ffffff Back dark: #444444 border: none text/interface: #ffffff */ /* HOME STYLE */ html, body { height: 100%; } body { font-family: arial,helvetica,sans-serif; font-size:12px; color: #000000; background-color:#ffffff; line-height: 1.26; } p { margin: 6px 0px 6px 0px; } blockquote { margin: 8px 0px; padding: 6px; quotes:"\00AB""\00BB""\2018""\2019"; /*quotes:"\201C""\201E""\2018""\2019";*/ background-color: #f2f2f2; } blockquote:before { content:open-quote; font-size: 16px; font-weight: bold; margin-right: 2px; line-height: 12px; } blockquote:after { content:close-quote; font-size: 16px; font-weight: bold; margin-left: 2px; line-height: 12px; } h1 { font-size: 20px; font-weight:bold; margin: 8px 0px; } h2 { font-size: 16px; font-weight:bold; margin: 8px 0px; } h3 { font-size: 12px; font-weight:bold; margin: 4px 0px; } h4 { font-size: 11px; font-weight:bold; margin: 4px 0px; } legend { font-size: 14px; font-weight:bold; margin: 2px 0px; } a, a:link, a:visited, a:active, a:hover, span.a { cursor: pointer; color: #000000; text-decoration: none; } a:hover, span.a:hover { color: #009cff; text-decoration: underline; } .mod > *:first-child, .mod > *:first-child:empty + *:first-child { margin-top: 0px; } .mod > *:first-child > *:first-child { margin-top: 0px; } .mod > *:last-child, .mod > *:last-child > *:last-child { margin-bottom: 0px; } /* Hide any additional html elements added at the end of the document, except named elements */ .container ~ *:not([class]) { height: 0px; width: 0px; font-size: 0px; overflow: hidden; } /* TEMPLATE */ /* Will ensure a footer stays at the bottom of the page even if there is hardly any content */ .container { position: relative; min-height: 100%; } .container:after, .site:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } /* Helps absolute positionsing inside modules, otherwise set position to static on specific modules for parent positioning */ .mod { position: relative; } /* Clear height presence of empty mods and backs, but preserve closing margin of a closing div, to preserve width template needs a min-height */ .back:empty, .mod:empty { margin-top: 0px !important; height: 0px !important; } .back { background-color: #ffffff; } /* MOD ADAPTATION */ /* CUSTOM & BODY CONTENT */ .body { color: #666666; text-align: justify; } .body a:not(:hover) { text-decoration: underline; color: #666666; } .body img { display: block; max-width: 100%; } .body ul, div.custom_content ul { margin: 6px 0px; list-style-type: disc; margin-left: 20px; } .body ol, div.custom_content ol { margin: 6px 0px; list-style-type:decimal; margin-left: 20px; } /* POPUP */ .popup {} .popup.message > div:first-child { min-height: 14px; padding-left: 20px; background: url(/css/images/exclamation.png) no-repeat 0px 0px; } .popup.confirm > div:first-child { min-height: 14px; padding-left: 20px; background: url(/css/images/exclamation.png) no-repeat 0px 0px; } .popup > .menu { text-align: right; margin-top: 10px; } .popup > *:first-child, .popup > form > *:first-child { margin-top: 0px; } .popup > *:last-child, .popup > form > *:last-child { margin-bottom: 0px; } /* INTERFACE */ textarea, select, input[type=text], input[type=password] { font-family: inherit; font-size: 12px; height: 2.0em; padding: 0px 0.33em; margin:0px; border: 1px solid #c0c0c0; background-color: #ffffff; vertical-align: middle; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} input[type=text], input[type=password] { width: 150px;} textarea { width: 200px; padding: 0.33em 0.33em; height: 5em;} select { padding: 0.33em;} select[multiple] { height: 6em; } input[type=radio], input[type=checkbox] { border: 0px; height: auto; vertical-align: middle; } input[type=button], input[type=submit] { font-family: inherit; background-color: #000000; border: 1px solid #000000; color: #ffffff; font-size: 11px; font-weight: bold; height: 2.5em; line-height: 2.5em; padding: 0px 1.1em 0px 1.1em; display: block; margin: 8px 0px; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} input[type=button]:hover, input[type=submit]:hover { border-color: #2e2e2e;} input[type=button]:active, input[type=submit]:active { border-color: #0096ff;} input[type=submit].invalid { width: 0px !important; height: 0px !important; border: 0px !important; margin: 0px !important; padding: 0px !important; } label, label > * { vertical-align: middle; } input[type] + input[type], select + input[type], input[type]+ select, select + select { margin-left: 4px; } input[type] + label, select + label, label + label, label + input[type], label + select { margin-left: 5px; } input[type=hidden], input[type=hidden]:first-child + input[type], input[type=hidden]:first-child + select, input[type=submit].invalid + input, input[type]:first-child:not(.hide) + input[type].hide { margin-left: 0px; } input[type=submit], input[type=button] { margin-left: 0px; } span.input-split > span { padding-left: 4px; display: inline-block; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } span.input-split > span:first-child { padding-left: 0px; } select + input[type=button], input[type=text] + input[type=button], input[type=password] + input[type=button], select + input[type=submit], input[type=text] + input[type=submit], input[type=password] + input[type=submit] { display: inline; margin: 0px; margin-left: 4px; height: 2.15em; line-height: 2.15em; padding: 0px 0.5em 0px 0.5em;} fieldset > ul > li > label + input[type="submit"], fieldset > ul > li > label + input[type="button"], fieldset > ul > li > label + div > input[type="submit"], fieldset > ul > li > label + div > input[type="button"] { margin: 0px; width: 100%; } div.mod-menu { margin: 8px 0px; } div.mod-menu > input[type=button], div.mod-menu > input[type=submit], .popup > .menu > input[type=button] { display: inline-block; margin: 0px; margin-left: 4px; } div.mod-menu > input[type=button]:first-child, div.mod-menu > input[type=submit]:first-child, .popup > .menu > input[type=button]:first-child { margin-left: 0px; } textarea, select, input[type=text], input[type=password] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2); -webkit-transition: box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background-color 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background-color 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background-color 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background-color 0.25s ease-in-out; } textarea:hover, select:hover, input[type=text]:hover, input[type=password]:hover { border: 1px solid #bdbdbd; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2); } textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus { border: 1px solid #95bdd4; -webkit-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2); box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2); } .input-error, .input-error[type=hidden] + input { border: 1px solid #e2d0d0 !important; background-color: #fcf0f0 !important; color: #280b0b !important; } input[type=button].add, input[type=button].add:hover, input[type=button].add:active { text-transform:lowercase; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 10px; font-weight: bold; color: #ffffff; height: 1.7em !important; line-height: 1.7em !important; padding: 0px 5px; background-color: #3d9400; border: 1px solid #29691d; border-radius: 2px; } input[type=button].del, input[type=button].del:hover, input[type=button].del:active { text-transform:lowercase; display: inline-block; vertical-align: middle; cursor:pointer; font-size: 10px; font-weight: bold; color: #ffffff; height: 1.7em !important; line-height: 1.7em !important; padding: 0px 5px; background-color: #fd5c4d; border: 1px solid #ed4030; border-radius: 2px; } input[type=button].edit, input[type=button].edit:hover, input[type=button].edit:active { text-transform:lowercase; display: inline-block; vertical-align: middle; cursor:pointer; font-size: 10px; font-weight: bold; color: #ffffff; height: 1.7em !important; line-height: 1.7em !important; padding: 0px 5px; background-color: #4c8efa; border: 1px solid #3079ed; border-radius: 2px; } input[type=button].view, input[type=button].view:hover, input[type=button].view:active { border: 0px; display:inline-block; background: transparent url('/css/images/magnifier-left.png') no-repeat; width:16px; height:16px !important; vertical-align: middle; line-height: 1 !important; padding: 0px; cursor:pointer; } input[type=button].add, input[type=button].del, input[type=button].edit { margin: 0px 0px 0px 6px; } input[type=button].view { margin: 0px 0px 0px 4px; } input[type=button].add:first-child, input[type=button].del:first-child, input[type=button].edit:first-child, input[type=button].view:first-child { margin-left: 0px; } input.multi-select + label { margin-left: 8px; } input[type=button][value=""], input[type=submit][value=""] { width: 25px; background-repeat: no-repeat; background-position: center center; } input[type=button].prev, input[type=submit].prev { background-image: url(/css/images/prev_w.png); } input[type=button].prev-fast, input[type=submit].prev-fast { background-image: url(/css/images/prev_fast_w.png); } input[type=button].next, input[type=submit].next { background-image: url(/css/images/next_w.png); } input[type=button].next-fast, input[type=submit].next-fast { background-image: url(/css/images/next_fast_w.png); } input[type=button].search, input[type=submit].search { background-image: url(/css/images/search_w.png); } .filebrowse > .select > input + input, input[type=text].search, input.autocomplete, input.autocomplete-multi { background: #ffffff url(/css/images/search.png) no-repeat 4px center; padding-left: 22px; } input.datepicker { background: #ffffff url(/css/images/calendar-blue.png) no-repeat 4px center; padding-left: 22px; width: 100px; } .filebrowse { } .filebrowse > .select { position: relative; overflow: hidden; } .filebrowse > .select > input:first-child { position:absolute; z-index: 9999; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } .filebrowse > .select > input[type=file] + input[name=catch] { margin-left: 0px; } .filebrowse > .progressbar { width: 100%; margin-top: 4px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .filebrowse > .files > span { display: block; margin: 4px 0px; line-height: 1; font-size: 11px; } input[type=hidden] + input.autocomplete-multi { margin-left: 0px; } .autocomplete-values { } .autocomplete-values > div { display: block; margin: 3px 0px; line-height: 1; font-size: 11px; vertical-align: middle; } .autocomplete-values > div > span { display: inline-block; vertical-align: middle; } .autocomplete-values > div > span:first-child { padding: 0px 10px 0px 6px; background-color: #dddddd; color: #444444; line-height: 16px; height: 16px; } .autocomplete-values > div > span:first-child + span { cursor: pointer; background: #dddddd url('/css/images/min.png') no-repeat center center; width: 24px; height:16px; } .autocomplete-values > div > span:first-child + span:hover { background: #444444 url('/css/images/min_w.png') no-repeat center center; } .placeholder { color: #aaaaaa; } .tabs { margin: 10px 0px; } .tabs > ul:first-child { margin-top: -1px; word-spacing: -4px; } .tabs > ul:first-child > li { display: inline-block; word-spacing: normal; margin-left: 4px; background-color: #000000; padding: 4px 8px 5px 8px; border: 1px solid #000000; border-bottom: 0px; margin-bottom: -1px; } .tabs > ul:first-child > li:first-child { margin-left: 0px; } .tabs > ul:first-child > li.selected { background-color: #ffffff; border-color: #e5e5e5; } .tabs > ul:first-child > li > a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 11px; } .tabs > ul:first-child > li.selected > a { color: #000000; text-decoration: none; } .tabs > div { padding: 10px; border: 1px solid #e5e5e5; } .tabs > div > *:first-child { margin-top: 0px; } .tabs > div > *:last-child { margin-bottom: 0px; } /* TABLE */ tr, td { vertical-align: middle; } td , th { padding: 3px; } th { font-weight:bold; font-size: 14px; text-align: left;} td.max, th.max { width: 100% !important; } table.display td, table.list td, table.display th, table.list th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; } table.display { width: 100%;} table.list th, table.list td { padding-right: 20px; } table.list th:last-child, table.list td:last-child { padding-right: 3px; } table.list tbody tr:hover { background: #eeeeee; } /* OTHER */ .tooltip { position: absolute; z-index: 9999999; max-width: 450px; border: 1px solid #7E7A7F; background: #ffffff; padding: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 0.95em; } .tooltip ul { margin: -2px 0; display: table; border-collapse: separate; border-spacing: 0px 2px; } .tooltip ul > li { display: table-row; } .tooltip ul > li > label:first-child { display: table-cell; vertical-align: top; padding-right: 4px; padding-right: 5px; text-align: right; } .tooltip ul > li > label:first-child + * { display: table-cell; } .tooltip ul > li > label:first-child + ul { display: table; } .tooltip ul > li > label:first-child:empty { padding: 0px; width: 0px; } .options { padding: 10px 15px 10px 15px; margin: 10px 0px 10px 0px; background-color: #f5f5f5; border: 1px solid #e5e5e5; } .options:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } .options > *:first-child { margin-top: 0px; } .options > *:last-child { margin-bottom: 0px; } fieldset > legend { margin-bottom: 4px; } fieldset > ul { margin: -4px 0px; display: table; border-collapse: separate; border-spacing: 0px 4px; } fieldset > ul > li { display: table-row; } fieldset > ul > li > label:first-child { display: table-cell; vertical-align: top; padding: 2px 10px 2px 0px; text-align:right; width: 1%; white-space: nowrap; } fieldset > ul > li > label:first-child + * { display: table-cell; width: 100%; vertical-align: middle; margin-left: 0px; border-spacing: 0px; } fieldset > ul > li > label:first-child + * input[type=text], fieldset > ul > li > label:first-child + * input[type=password], fieldset > ul > li > label:first-child + * textarea { width: 100%; } fieldset > ul > li > label:first-child:empty { padding: 0px; width: 0%; } .options fieldset { display: inline-table; margin: 0px 15px 10px 0px; vertical-align: top; } .options fieldset:last-child { margin-right: 0px; } .options fieldset > ul { position:relative; display: inline-block; margin-left: 4px; } .options fieldset > ul:first-child, .options fieldset > legend + ul { margin-left: 0px; } .options fieldset > ul > li > label:first-child { text-align: left; width: auto; } .options fieldset > ul > li > label:first-child + * { display: inline-block; width: auto; } .options fieldset > ul > li > label:first-child + input[type=text], .options fieldset > ul > li > label:first-child + input[type=password], .options fieldset > ul > li > label:first-child + * input[type=text], .options fieldset > ul > li > label:first-child + * input[type=password] { width: 150px; } .options fieldset > ul > li > label:first-child + textarea, .options fieldset > ul > li > label:first-child + * textarea { width: 200px; } .options fieldset > ul > li > label:first-child + span, .options fieldset > ul > li > label:first-child + div { word-spacing: -4px; } .options fieldset > ul > li > label:first-child + span > *, .options fieldset > ul > li > label:first-child + div > * { word-spacing: normal; } .options fieldset > ul > li > label:first-child + * input[type=text], .options fieldset > ul > li > label:first-child + * input[type=password] { width: 150px; } .overlay { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; padding: 60px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .overlay > .layer { position: absolute; top: 0px; left: 0px; background: url(/css/images/overlay.png) repeat; width: 100%; height: 100%; } body > .overlay > .layer { position: fixed; } .overlay > .contents { position: relative; display: inline-block; margin: 0px auto; text-align: left; background-color: #ffffff; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .overlay > .contents > input[type=button] { position: absolute; width: 18px; height: 18px; top: -18px; right: -18px; padding: 0px; margin: 0px; background-image: url(/css/images/close_w.png); } .overlay > .contents > .content { height: 100%; width: 100%; } .overlay > .contents > .content h1:first-child { margin-top: 0px; } .overlay > .contents > .content input[type=submit] { float: right; margin-top: 5px; margin-bottom: 0px; } .overlay > .contents > .content img { vertical-align: middle; } .overlay > .contents > .content > *:first-child { margin-top: 0px; } .overlay > .contents > .content > *:last-child { margin-bottom: 0px; } .overlay.fit-width > .contents, .overlay.fit > .contents, .overlay.fit-width > .contents > .content img, .overlay.fit > .contents > .content img, .overlay.full > .contents > .content img { max-width: 100%; } .overlay.fit > .contents, .overlay.fit > .contents > .content img, .overlay.full > .contents > .content img { max-height: 100%; } .overlay.full > .contents { height: 100%; width: 100%; } ul.select > li { margin-top: 2px; } ul.select > li:first-child { margin-top: 0px; } ul.select > li > label * { vertical-align: middle; } ul.sorter > li { margin-top: 4px; } ul.sorter > li:first-child { margin-top: 0px; } ul.sorter > li > span, ul.sorter > li > div { display: table-cell; vertical-align: middle; white-space: nowrap; word-spacing: -4px; } ul.sorter > li > span, ul.sorter span.handle { cursor: n-resize; background:url(/css/images/updown.png) no-repeat center 5px; width: 16px; } ul.sorter span.handle { display: inline-block; background-position: center center; height: 12px; } ul.sorter > li > div > * { vertical-align: middle; display: inline-block; word-spacing: normal; } div.date, div.time { font-family: Georgia,serif; color: #999999; line-height: 1; } div.date span { display: block; text-align: justify; } div.date span:first-child { font-size: 1.3em; } div.date span + span { font-size: 2.6em; } div.date span + span > sup { font-size: 0.4em; font-style: normal; line-height: 0px; } div.date span + span + span { font-size: 1.3em; } div.time span { display: inline-block; margin-left: 2px; line-height: 1; } div.time span:first-child { font-size: 1.7em; margin-left: 0px; } div.time span + span { font-size: 1.3em; } .info-box { position: relative; clear: both; padding: 10px; margin: 10px 0px; } .info-box:first-child { margin-top: 0px; } .attention { border: 1px solid #fad42e; background-color: #fefbe4; } .alert { border: 1px solid #ff0000; background-color: #ffd9d9; } .tip { border: 1px solid #cccccc; background-color: #eeeeee; } form .info { text-align: center; background-color: #00497e; color: #ffffff; padding: 5px 7px 5px 7px; margin: 10px 0px 10px 0px; } form .info:first-child { margin-top: 0px; } /* BBCODE */ .video {margin: 10px 0px; padding: 0px;} .tab {margin-left: 2.5em;} img.resized {width: 450px;} span.center { display: block; text-align: center; } span.center img { margin: 0px auto; } span.left { float: left; } span.right { float: right; } span.left img { margin: 2px 15px 15px 0px; } span.right img { margin: 2px 0px 15px 15px; } /* ICONS */ .icon-info { display: inline-block; background-image:url('/css/images/information-button.png'); width: 16px; height: 16px; padding: 0px; vertical-align: bottom; } .icon-tick { display: inline-block; background-image:url('/css/images/tick.png'); width:16px; height:16px; padding: 0px; vertical-align: middle; } .icon-tick.disabled { background-image:url('/css/images/tick-gs.png'); } .icon-min { display: inline-block; background-image:url('/css/images/minus.png'); width:16px; height:16px; padding: 0px; vertical-align: middle; } .icon-refresh { display: inline-block; background-image:url('/css/images/arrow-circle-double-135.png'); width:16px; height:16px; padding: 0px; vertical-align: middle; } .icon-comment { display: inline-block; background-image:url('/css/images/balloon.png'); width:16px; height:16px; vertical-align: middle; } .icon-ping { display: inline-block; background-image:url('/css/images/globe-network.png'); width:16px; height:16px; vertical-align: middle; } .icon-pdf { display:inline-block; margin:0px 5px; background:url(/css/images/icon_pdf.gif); background-repeat:no-repeat; background-position: center; width:16px; height:16px; cursor:pointer; } /* ERROR */ body > .result { position: fixed; top: 0px; left: 50%; margin: 10px 0px; z-index: 9999; } body > .result > div { position: relative; padding: 10px; margin: 10px 0px; line-height: 1; left: -50%; } body > .result > div > ul > li { margin-top: 10px; white-space: nowrap; } body > .result > div > ul > li:first-child { margin-top: 0px; } body > .result > div > ul > li > * { vertical-align: top; } body > .result > div > ul > li > label, body > .result > div > ul > li > span { display: inline-block; line-height: 18px; white-space: normal; } body > .result > div > ul > li > span { margin-left: 10px; color: #ffffff; } body > .result > div > ul > li > span > a { color: #ffffff; text-decoration: underline; } body > .result > div > ul > li > label, body > .result > div > ul > li:first-child > span { padding: 0px 10px; background-color: #ffffff; font-size: 14px; font-weight: bold; color: inherit; } body > .result > .alert { border: 0px; color: #a00000; background-color: #a00000; } body > .result > .attention { border: 0px; color: #ffb400; background-color: #ffb400; } body > .result > .loading { border: 0px; background-color: #e0e0e0; } body > .result > .loading span { display: block; width: 16px; height: 11px; background: url(/css/images/loading.gif) no-repeat 0px 0px; } #design-and-realisation { text-align:center; margin:25px 0px 0px 0px; padding:5px; } #design-and-realisation span { font-size:10px; color:#999; } #design-and-realisation a:link, #design-and-realisation a:visited, #design-and-realisation a:active { font-weight:bold; font-size:10px; color:#999; text-decoration:underline; } #template-29 .site { width: 1000px; margin: 0px auto; } #template-29 .back, #template-29 .con, #template-29 .mod { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; float: left;} #template-29 .back {margin: 8px 0px 0px 8px;} #template-29 .con {margin: 0px 0px 0px 0px;} #template-29 .mod {margin: 4px 0px 0px 4px;} #template-29 .back-spacing {margin: 8px; border-width: 8px;} #template-29 .mod-spacing {margin: 4px; border-width: 4px;} #template-29 #con-0 { width: 1001.6666666667px; min-height: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; } #template-29 #mod-0_0 { width: 993.66666666668px; min-height: 0px; } #template-29 #con-2 { width: 993.66666666668px; min-height: 0px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-29 #mod-0_1 { width: 748.66666666668px; min-height: 0px; margin-bottom: 4px; margin-left: 14px; } #template-29 #mod-5_1 { width: 227px; min-height: 0px; margin-bottom: 14px; } #template-29 #mod-5_2 { width: 227px; min-height: 0px; margin-bottom: 4px; } #template-29 #mod-5_3 { width: 227px; min-height: 282px; margin-top: 14px; margin-bottom: 4px; } #template-29 #con-7 { width: 993.66666666668px; min-height: 0px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-29 #mod-0_5 { width: 758.66666666668px; min-height: 0px; margin-bottom: 4px; } #template-29 #mod-5_5 { width: 227px; min-height: 0px; margin-bottom: 4px; } #template-33 { width: 1000px; margin: 0px auto; } #template-33 .back, #template-33 .con, #template-33 .mod { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; float: left;} #template-33 .back {margin: 8px 0px 0px 8px;} #template-33 .con {margin: 0px 0px 0px 0px;} #template-33 .mod {margin: 4px 0px 0px 4px;} #template-33 .back-spacing {margin: 8px; border-width: 8px;} #template-33 .mod-spacing {margin: 4px; border-width: 4px;} #template-33 #con-0 { width: 1001.6666666667px; min-height: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; } #template-33 #mod-0_0 { width: 993.66666666668px; min-height: 0px; } #template-33 #con-2 { width: 993.66666666668px; min-height: 600px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-33 #mod-0_1 { width: 993.66666666668px; min-height: 592px; margin-bottom: 4px; } #template-33 #con-4 { width: 993.66666666668px; min-height: 0px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-33 #mod-0_5 { width: 758.66666666668px; min-height: 0px; margin-bottom: 4px; } #template-33 #mod-5_5 { width: 227px; min-height: 0px; margin-bottom: 4px; } #template-34 { width: 1000px; margin: 0px auto; } #template-34 .back, #template-34 .con, #template-34 .mod { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; float: left;} #template-34 .back {margin: 8px 0px 0px 8px;} #template-34 .con {margin: 0px 0px 0px 0px;} #template-34 .mod {margin: 4px 0px 0px 4px;} #template-34 .back-spacing {margin: 8px; border-width: 8px;} #template-34 .mod-spacing {margin: 4px; border-width: 4px;} #template-34 #con-0 { width: 1000px; min-height: 0px; margin-top: 0px; margin-left: 0px; } #template-34 #mod-2_2 { width: 325.33333333334px; min-height: 0px; margin-bottom: 4px; } #template-36 { width: 1000px; margin: 0px auto; } #template-36 .back, #template-36 .con, #template-36 .mod { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; float: left;} #template-36 .back {margin: 8px 0px 0px 8px;} #template-36 .con {margin: 0px 0px 0px 0px;} #template-36 .mod {margin: 4px 0px 0px 4px;} #template-36 .back-spacing {margin: 8px; border-width: 8px;} #template-36 .mod-spacing {margin: 4px; border-width: 4px;} #template-36 #con-0 { width: 1001.6666666667px; min-height: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; } #template-36 #mod-0_0 { width: 993.66666666668px; min-height: 0px; } #template-36 #con-2 { width: 993.66666666668px; min-height: 600px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-36 #mod-0_1 { width: 325.33333333334px; min-height: 592px; margin-bottom: 4px; } #template-36 #mod-2_1 { width: 660.33333333334px; min-height: 592px; margin-bottom: 4px; } #template-36 #con-5 { width: 993.66666666668px; min-height: 0px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-36 #mod-0_5 { width: 758.66666666668px; min-height: 0px; margin-bottom: 4px; } #template-36 #mod-5_5 { width: 227px; min-height: 0px; margin-bottom: 4px; } #template-37 .site { width: 1000px; margin: 0px auto; } #template-37 .back, #template-37 .con, #template-37 .mod { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; float: left;} #template-37 .back {margin: 8px 0px 0px 8px;} #template-37 .con {margin: 0px 0px 0px 0px;} #template-37 .mod {margin: 4px 0px 0px 4px;} #template-37 .back-spacing {margin: 8px; border-width: 8px;} #template-37 .mod-spacing {margin: 4px; border-width: 4px;} #template-37 #con-0 { width: 1000px; min-height: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; } #template-37 #mod-0_0 { width: 992.00000000002px; min-height: 0px; } #template-37 #con-2 { width: 1000px; min-height: 10px; margin-top: 0px; margin-left: 0px; } #template-37 #con-3 { width: 333.33333333334px; min-height: 10px; margin-top: 0px; margin-left: 0px; } #template-37 #mod-0_1 { width: 325.33333333334px; min-height: 2px; margin-bottom: 4px; } #template-37 #mod-0_3 { width: 325.33333333334px; min-height: 2px; margin-bottom: 4px; } #template-37 #con-6 { width: 500.00000000001px; min-height: 10px; margin-top: 0px; margin-left: 0px; } #template-37 #mod-2_1 { width: 325.33333333334px; min-height: 2px; margin-bottom: 4px; } #template-37 #con-8 { width: 166.66666666667px; min-height: 10px; margin-top: 0px; margin-left: 0px; } #template-37 #mod-5_1 { width: 158.66666666667px; min-height: 2px; margin-bottom: 4px; } #template-37 #mod-5_2 { width: 158.66666666667px; min-height: 0px; margin-bottom: 4px; } #template-37 #con-11 { width: 992.00000000002px; min-height: 0px; margin-top: 0px; margin-right: 4px; margin-left: 4px; } #template-37 #mod-0_5 { width: 825.33333333335px; min-height: 0px; margin-bottom: 4px; } #template-37 #mod-5_5 { width: 158.66666666667px; min-height: 0px; margin-bottom: 4px; } /*form*/ .mod.form form fieldset {max-width:400px;} .container .input-error, .container .input-error[type="hidden"] + input {border:1px solid red !important;} /*paddings*/ .container .contact .con-df,.ticketregister > h1{margin-left:10px;} .albumtitle{margin-left:10px;} .item .content+a >span {margin-left: -80px;} .container .maincontent .mod.concerts > ul,.container .maincontent .mod.picasa > ul {margin-top: 0;} /*link*/ .container a:link {color:#207cca;} .container a:visited {color:#B070FF;} .container .sitefooter a:link {color:#000;} .container .sitefooter a:visited {color:#000;} /*NEWS*/ .blog .body{word-wrap: break-word; max-width: 600px; } .container .maincontent .blog .item {padding:5px; border:3px dotted silver; border-top:3px dotted silver; margin-bottom:10px; background-color:white; width:710px; margin-left:8px; margin-top:8px;} .container .maincontent .blog .item:hover { background-color:white;} /*OVERIG*/ .blog_preview > div {margin-right:10px; } .contents{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .result em { display: inline-block; width:auto; } .result h2 {display:none;} .container .search .result dt > a {color: #207cca; font-size: 20px;} .result dt > .link {border:1px solid silver; background-color:#DBDBDB; max-width:940px; padding:5px;} .result dd{border-bottom:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; background-color:#ffffff; margin-bottom:15px; max-width:940px; padding:5px;} .soltable td{vertical-align:top;} .maincontent {padding-top:20px; padding-bottom:20px;} .container form input, .container input:focus,.container input:hover {border:1px solid black} .container form textarea {border:1px solid black} #ljContainer {width:672px; margin:auto; overflow:hidden; border:1px #000 solid; position:relative; height:520px;} .background {z-index:1; margin-left:-123px;} .guy {z-index:4; margin-left:-123px; margin-top:-40px; } .guys {z-index:2; margin-left:-123px;} .background,.guy,.guys {position:absolute;} .ljlogo {z-index: 5; margin-left:-10px; position:absolute; margin-top:405px;} em {margin:auto; display:block; width:100px;} a, a:link {color:grey;} a:visited {color:silver;} .sitemap a, a:link, a:visited {color:black;} h1 {color:#207cca;} .container .con.maincontent {min-height:600px;} /* HOME STYLE */ .maincontent {margin-left:10px; } .Birthday span {opacity:0.8;} #drop-down-menu .logout{right:200px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color:#7cbdf5; } .fieldset {max-width:400px;} #template-34 .mod.login {margin-top:35%; margin-left:35%; background-image:url(/css/images/template/contentbg.png); border:2px dashed black; padding:5px;} .footeraddress {text-align:right;} .container .mod.footer {width:400px;} .bla { background: rgb(32,124,202); /* Old browsers */ background: -moz-linear-gradient(top, rgba(32,124,202,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ padding-left:20px; height:30px; } .maincontent {background-image:url(/css/images/template/contentbg.png); } .mod.login form{width:300px;} html > head + body{ overflow-y: scroll; background-color:#0f243a; background-image:url(/css/images/template/background2.jpg); background-attachment: fixed; background-position: center; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body#tinymce { background-color: #fff; background-image: none; } .sitetab { display:inline-block; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: rgb(94,180,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(94,180,255,1) 2%, rgba(11,129,233,1) 45%, rgba(32,124,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(94,180,255,1)), color-stop(45%,rgba(11,129,233,1)), color-stop(100%,rgba(32,124,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(94,180,255,1) 2%,rgba(11,129,233,1) 45%,rgba(32,124,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(94,180,255,1) 2%,rgba(11,129,233,1) 45%,rgba(32,124,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(94,180,255,1) 2%,rgba(11,129,233,1) 45%,rgba(32,124,202,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(94,180,255,1) 2%,rgba(11,129,233,1) 45%,rgba(32,124,202,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb4ff', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */ width:993px; height:165px; max-height:160px; padding-top10px; text-align:center; } .sitetab > img {height:150px; } .container > div >.mod.header_dropdown >.sitetab > img {margin-top:5px;} .navbg{ background-color:#207cca; white-space:nowrap} .header_dropdown+div+div+div { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(222,240,247,1) 21%, rgba(159,216,239,1) 58%, rgba(145,207,234,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(21%,rgba(222,240,247,1)), color-stop(58%,rgba(159,216,239,1)), color-stop(100%,rgba(145,207,234,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(222,240,247,1) 21%,rgba(159,216,239,1) 58%,rgba(145,207,234,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(222,240,247,1) 21%,rgba(159,216,239,1) 58%,rgba(145,207,234,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(222,240,247,1) 21%,rgba(159,216,239,1) 58%,rgba(145,207,234,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(222,240,247,1) 21%,rgba(159,216,239,1) 58%,rgba(145,207,234,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#91cfea',GradientType=0 ); /* IE6-9 */ } /* FOOTER */ .sitefooter { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: rgb(32,124,202); /* Old browsers */ background: -moz-linear-gradient(top, rgba(32,124,202,1) 21%, rgba(11,129,233,1) 56%, rgba(94,180,255,1) 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,rgba(32,124,202,1)), color-stop(56%,rgba(11,129,233,1)), color-stop(99%,rgba(94,180,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,124,202,1) 21%,rgba(11,129,233,1) 56%,rgba(94,180,255,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,124,202,1) 21%,rgba(11,129,233,1) 56%,rgba(94,180,255,1) 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,124,202,1) 21%,rgba(11,129,233,1) 56%,rgba(94,180,255,1) 99%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,124,202,1) 21%,rgba(11,129,233,1) 56%,rgba(94,180,255,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#5eb4ff',GradientType=0 ); /* IE6-9 */ } .footer{padding:7px;} /* TEMPLATE */ /* MOD ADAPTATION */ /* CUSTOM & BODY CONTENT */ /* INTERFACE */ /* TABLE */ /* OTHER */ /* BBCODE */ /* ICONS */ #template-37 #con-2 { max-width: 992px; margin-left:4px; } .con.sitefooter {padding-bottom:15px;} .mod.blog_preview>.blog.titles>ul>li:first-child {text-align:left;} #template-37 #con-6 { width: 435px; } fieldset > ul > li > input.login-remember-checkbox{width:auto;} .logout { line-height: 30px; padding: 0px 15px; height: 30px; text-align:center; font-weight:bold; color: #ffffff; background-color: #444444; position:absolute; top:0px; right:0px; } .logout:hover { background-color: #d8d8d8; } .logout li { display: inline-block; margin-left: 10px; } .logout li > a, .logout li > span.a, .logout li.info > div { display: inline-block; vertical-align: middle; text-decoration: none; margin-top: -2px; } .logout a:not(:hover), .logout span.a:not(:hover) { color: #ffffff; } .logout a:hover, .logout span.a:hover { text-decoration: underline; } .logout sup { background-color: #ffffff; color: #444444; padding: 0px 2px; margin-left: 2px; border-radius: 2px; line-height: 1; } .logout:hover sup { color: #d8d8d8; } .logout li:first-child, .logout li.logout-options { margin-left: 0px; } .logout li.logout-options > span { margin-left: 5px; } .logout li.logout-options > span:first-child { margin-left: 0px; } .logout li.logout-options { display: none; } .logout li.info { text-align: left; } .logout li.info > div > span { display: block; line-height: 1.1; } .logout li.info > div > span:first-child { font-size: 10px; } .logout li.info > div > span:first-child + span { } .logout li a[title], .logout li span.a[title] { width: 17px; height: 17px; background-repeat: no-repeat; background-position: center center; } .logout li.messaging a { background-image: url(/css/images/message_w.png); } .logout li.account a { background-image: url(/css/images/settings_w.png); } .logout li.logout-button span.a { background-image: url(/css/images/logout_w.png); } .container .mod.account {width:300px;} .container .mod.user_preference form {margin-left:40px;} .user_preference fieldset > div > ul {display:table; border-spacing: 0px 4px;} .user_preference fieldset > div > ul > li > label:first-child { display: table-cell; } .user_preference fieldset > div > ul > li {display: table-row;} .mod.account {border-right:2px dashed #207cca;} .preffield {display:inline-block; vertical-align:top;} .prefphoto {display:inline-block; vertical-align:top; margin-left:20px;} .user_preference .filebrowse > .progressbar { width:100px;} .profilephoto {display:none;} .user_preference fieldset > div > ul > li > .datepicker {width:100px;} #zip { text-transform: uppercase; width:58px;} #number {width:30px;} .account fieldset {width:250px;} .user_preference fieldset > div > ul > li > input{width:150px;} .user_preference fieldset > div > ul > li:last-child > input{width:100px;} .voiceselect{ font-size: 12px; height: 2.0em; padding: 0px 0.33em; margin-left: 5px; border: 1px solid #000000; background-color: #ffffff; vertical-align: middle; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} img.select { max-width: 200px; max-height: 200px; cursor: pointer; border: 1px dashed #bdbdbd; } .profilephoto {margin-left:10px;} .account .select input[name=lang_code] + span > img { margin-right: 4px; } .messaging .conversations > tbody tr:hover { cursor: pointer; } .messaging .conversations > tbody tr.unread > td:first-child, .messaging .conversations > tbody tr.unread > td:first-child + td { font-weight: bold; } .messaging .conversations > tbody td + td:last-child { text-align: right; } .messaging .conversations > tbody td span.body { color: #aaaaaa; } .messaging .conversation { margin-top: 10px; } .messaging .conversation input.autocomplete-multi { width: 175px; } .messaging .conversation > ul { margin: 10px 0px; padding: 10px; background-color: #f5f5f5; border: 1px solid #e5e5e5; } .messaging .conversation > ul > li { margin-top: 10px; margin-right: 20%; } .messaging .conversation > ul > li:first-child { margin-top: 0px; } .messaging .conversation > ul > li.own { margin-right: 0px; margin-left: 20%; } .messaging .conversation > ul > li.own > div:first-child { text-align: right; } .messaging .conversation > ul > li > div:first-child > span:first-child { font-weight: bold; } .messaging .conversation > ul > li.own > div:first-child > span:first-child { display: none; } .messaging .conversation > ul > li > div:first-child > span:first-child + span { display: inline-block; margin-left: 5px; } .messaging .conversation > ul > li > div:first-child + div { margin-top: 5px; padding: 1px 5px; background-color: #ffffff; } .messaging .conversation > .compose textarea { width: 100%; height: 150px; } .sitemap > ul { display: inline-block; vertical-align: top; margin-right: 30px; } .sitemap > ul:last-child { margin-right: 0px; } .sitemap > ul > li:first-child { font-weight: bold; } .header { position: relative; } #note { position: absolute; z-index: 101; top: -10; left: 0; right: 0; background: #FC9797; text-align: center; line-height: 2.5; overflow: hidden; -webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; } input[type="submit"].login { background-image: url(/css/images/template/loginbutton.png); position:absolute; margin-top:-24px; margin-left:180px; height:24px; width:23px; } .login {display:inline-block;} .searchbar {position:absolute; margin-left:770px; margin-top:4px; width:110px;} #drop-down-menu .nav > ul{clear:both;} #drop-down-menu{margin-left:5px} #drop-down-menu .nav ul{ display:inline-block; font-weight:bold;color:#ffffff; margin:0; padding:0; list-style:none} #drop-down-menu .nav ul:first-child li{ margin-right:3px; height:27px; padding:5px; display:block; position:relative; float:left} #drop-down-menu .nav ul li{ height:27px; display:block; position:relative; float:left} #drop-down-menu .nav li ul{display:none} #drop-down-menu .nav ul:first-child > li a{ font-size:16px; font-weight:bold; display:block; margin-left:1px; text-decoration:none; color:#ffffff; border-top:1px solid transparant; border-top:1px solid transparant; padding: 5px 15px 5px 15px; color:white; white-space:nowrap } #drop-down-menu .nav ul li a{ font-size:13px; font-weight:none; display:block; margin-left:1px; text-decoration:none; color:#ffffff; border-top:1px solid transparant; border-top:1px solid transparant; padding: 5px 15px 5px 15px; white-space:nowrap } .navbg {padding-bottom:10px; padding-top:10px;} /*#drop-down-menu .nav li:hover ul{ display:block; position:absolute}*/ #drop-down-menu .nav li:hover li{ font-size:70%; clear:left; width:12em} #drop-down-menu .nav ul:first-child li:hover a{ color:black; } #drop-down-menu .nav ul:first-child li:hover{ background-color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-richt:3px; } #drop-down-menu .nav > ul:first-child {margin-left:10px;} #drop-down-menu .clear_all{clear:both;height:0.5em;} #drop-down-menu .nav ul li .sub a{ background: #7db9e8; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #7db9e8 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(99%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#7db9e8 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#7db9e8 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#7db9e8 99%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#7db9e8 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7db9e8", endColorstr="#7db9e8",GradientType=0 ); /* IE6-9 */ } #drop-down-menu > .nav > ul:first-child+ul{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:white; width:984px; height:30px; margin-top:-6px; padding-top:2px; padding-bottom:2px; display:block; } #drop-down-menu > .nav > ul:first-child+ul a:hover { color:#9acaf2; } #drop-down-menu > .nav > ul:first-child+ul a { color:black; } #drop-down-menu li #drop-down-menu > .nav > ul:first-child li.active { background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 14%, #2989d8 53%, #207cca 54%, #7db9e8 95%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#1e5799), color-stop(53%,#2989d8), color-stop(54%,#207cca), color-stop(95%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 14%,#2989d8 53%,#207cca 54%,#7db9e8 95%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 14%,#2989d8 53%,#207cca 54%,#7db9e8 95%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 14%,#2989d8 53%,#207cca 54%,#7db9e8 95%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 14%,#2989d8 53%,#207cca 54%,#7db9e8 95%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1e5799", endColorstr="#7db9e8",GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #drop-down-menu > .nav > ul:first-child li.active{ background-color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; } #drop-down-menu > .nav > ul:first-child li.active a, li.active:hover a{ color:black; } .footer { position: relative; } .search form input { vertical-align: top; } .search dl { } .search dl > dt { margin-top: 8px; } .search dl > dt > a { font-size: 14px; font-weight: bold; } .search dl > dt > span.hits { font-size: 10px; } .search dl > dt > span.link { display: block; } .search dl > dd { color: #666666; } .search dl > dd em { font-style: normal; font-weight: bold; color: #000000; } .search dl > dt > a em { font-style: normal; } .search_box { text-align: right; } .search_box form input { vertical-align: top; } .search_box form input[type=text] { width: 125px; } .dashboard > div { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; border-style: hidden; } .dashboard > div ul { display: table-cell; border-style: solid; border-color: transparent; vertical-align: top; } .dashboard > div ul .widget { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; } .dashboard > div ul .widget:first-child { margin-top: 0px !important; } .dashboard > div ul .widget h3 { font-size: 12px; margin: 0px; padding: 0px 4px; color: #ffffff; background-color: #00497e; line-height: 24px; } .dashboard > div ul .widget h3 > span { vertical-align: middle; } .dashboard > div ul .widget:not(.locked) h3 > span { cursor: move; } .dashboard > div ul .widget h3 > ul { float: right; } .dashboard > div ul .widget h3 > ul > li { cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 4px; } .dashboard > div ul .widget h3 > ul > li.size { width: 14px; height: 14px; background: url(/css/images/widget_buttons_w.png) no-repeat 0px 0px; } .dashboard > div ul .widget.min h3 > ul > li.size { background-position: -14px 0px; } .dashboard > div ul .widget.min > div { display: none; } .dashboard > div ul .widget h3 > ul > li a { display: block; width: 14px; height: 14px; background: url(/css/images/widget_buttons_w.png) no-repeat -28px 0px; } .dashboard > div ul .widget > div { padding: 4px; padding-bottom: 0px; } .slider .slideshow { position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .slider .slideshow > div { display: none; text-align: center; width: 100%; height: 100%: } .slider .slideshow > div:first-child { display: block; } .slider .slideshow > div > img { max-width: 100%; vertical-align: middle; } .slider .prev, .slider .next, .slider .toolbar { display: none; } .slider .slideshow > div > p:first-child { margin: 0px; padding: 0px; } .slider .prev, .slider .next { position: absolute; width: 20px; top: 25px; height: 25px; line-height: 25px; text-align:center; font-size: 18px; z-index: 2; background-color: #000000; color: #ffffff; font-weight:bold; cursor:pointer; } .slider .prev { left: 0px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .slider .next { right: 0px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .slider .prev:hover, .slider .next:hover { color:#000000; background-color: #ffffff; } .slider .toolbar { position: absolute; z-index: 2; bottom: 0px; padding: 0px 2px; height: 20px; line-height: 20px; margin-left: 50%; background-color: #000000; text-align: center; border-top-left-radius: 2px; border-top-right-radius: 2px; } .slider .toolbar a { display: inline-block; height: 10px; width: 10px; margin: 0px 1px; border-radius: 5px; background-color: #000000; border: 1px solid #ffffff; font-size: 0px; text-decoration: none; } .slider .toolbar a.active, .slider .toolbar a:hover { background-color: #ffffff; } .contact { } .contact .con-df { overflow: hidden; margin:0px; padding:0px; width:400px; display:inline-block;} .contact ul.details { float: left; width: 225px; } .contact ul.details.solo { float: left; width: 100%; } .contact ul.details li { line-height: 18px; } .contact ul.details .split { height: 14px; } .contact ul.details span.img { display: inline-block; vertical-align: middle; width: 20px; height: 18px; margin-right: 4px; } .contact ul.details h1 { margin-top: 0px; } .contact ul.details .address span.img { background: url(/css/images/address_icons.png) no-repeat 0px 0px; } .contact ul.details .email span.img { background: url(/css/images/address_icons.png) no-repeat -60px 0px; } .contact ul.details .tel span.img { background: url(/css/images/address_icons.png) no-repeat -20px 0px; } .contact ul.details .fax span.img { background: url(/css/images/address_icons.png) no-repeat -40px 0px; } .contact form { overflow: hidden; } .contact form fieldset { width: 400px; } .contact form fieldset textarea { height: 300px; } .contact .gmap { margin-left:20px; width:50%; height:400px; margin-top: 8px; display:inline-block;} .blog { } .blog .item { position: relative; padding: 12px 6px 12px 6px; border-top: 1px dashed #c0c0c0; overflow: hidden; } .blog .item:first-child, .blog h1 + .item { border-top: 0px; } .blog .item:hover { background-color: #f2f2f2; } .blog .item.main { padding: 0px; } .blog .item.main:hover { background-color: transparent; } .blog .item.main + h1 { margin-top: 25px; } .blog .item > div { display: table-cell; vertical-align: top; } .blog .item .content { padding: 0px 10px 0px 20px; width: 100%; } .blog .item .content > h1 { margin-top: 0px; } .blog .item .content > div.body { margin-top: 5px; } .blog .item .content > div.body .more { margin-left: 4px; color: #009cff; } .blog .item .content > div.tags { background: url(/css/images/tag-label.png) no-repeat 0px 0px; text-align: left; min-width: 16px; max-width: 380px; min-height: 16px; padding-left: 22px; margin-top: 12px; } .blog .item .content > div.tags a { color: #666666; text-decoration: none; font-size: 11px; } .blog .item .content > div.tags a:hover { color: #000000; text-decoration: underline; } .blog .item > a { display: table-cell; text-decoration: none; color: #009cff; white-space: nowrap; } .blog .item > a:hover { text-decoration: underline; } .blog .item > a > span + span { display: block; text-align: right; } .blog .nextprev {text-align: center; margin: 40px 0px 0px 0px; font-size: 14px; font-weight: bold;} .blog .nextprev span {color: #00497e;} .blog .nextprev .sep {border-left: 4px solid #00497e; margin: 0px 8px 0px 8px;} .blog_post_comments .comment { position: relative; margin: 10px 0px 0px 0px; background-color: #eeeeee; } .blog_post_comments .comment:first-child { margin-top: 0px; } .blog_post_comments .comment > div:first-child { float: left; position: relative; margin-top: 10px; } .blog_post_comments .comment > div:first-child + div { padding: 10px 14px 10px 14px; min-height: 50px; margin-left: 73px; } .blog_post_comments .comment > div:first-child + div > span:first-child { display: block; font-size: 14px; font-weight: bold; } .blog_post_comments .comment .content { text-align: justify; } .blog_post_comments .comment .icon-comment, .blog_post_comments .comment .icon-ping { display: block; width: 28px; background-repeat: no-repeat; background-position: center; background-color: #ffffff; margin-top: 30px; margin-left: 45px; } .blog_post_comments .date { font-family: Georgia, serif, arial, helvetica, geneva; display: block; width: 73px; } .blog_post_comments .date > span:first-child { float: right; background-color: #999999; color: #000000; width: 28px; height: 15px; line-height: 15px; display: block; text-transform: uppercase; font-size: 10px; text-align: center; } .blog_post_comments .date > span:first-child + span { float: left; background-color: #00497e; width: 45px; height: 30px; line-height: 30px; color: #ffffff; text-align: center; font-size: 18px; } .blog_post_comments .date > span:first-child + span > sup { font-size: 9px; font-style: normal; line-height: 0px; } .blog_post_comments .date > span:first-child + span + span { float: right; background-color: #dddddd; color: #000000; width: 28px; height: 15px; line-height: 15px; display: block; font-size: 10px; text-align: center; } .blog_post_comments > span.a { text-decoration: none; color: #009cff; } .blog_post_comments > span.a:hover { text-decoration: underline; } .blog_post_comments form { display: none; margin-top: 20px; } .blog_post_comments form textarea { height: 100px; } .blog_post_comments form + div { margin-top: 20px; } .titles ul > li:first-child {padding:3px; } .mod.blog_preview ul > li:first-child{ margin-top:14px; background-color: #E6E6E6; border: 1px solid silver; min-height: 22px; line-height: 22px; } .mod.blog_preview ul > li{ border-left: 1px solid silver; border-right: 1px solid silver; } .blog.titles ul >li:first-child{font-size:16px; text-align:center; font-weight:bold;} .blog.titles ul >li:last-child{background-color:#f2f2f2; font-weight:bold;} .blog.titles ul, .blog.comments ul { margin: 0px; padding: 0px; list-style: none } .blog.titles li a, .blog.comments li a {display: block; min-height: 22px; line-height: 22px; border-bottom: 1px dashed #c0c0c0; color: #000000; text-decoration: none; } .blog.titles li:first-child a, .blog.comments li:first-child a {border-top: 1px dashed #c0c0c0; } .blog.titles li a span, .blog.comments li a span {display: block;} .blog.titles li a > span:first-child, .blog.comments li a > span:first-child {float:left; margin-right: 6px; text-align: center; color: #ffffff; font-weight: bold; width: 4px; height: 22px; } .blog.titles li a:hover, .blog.comments li a:hover {text-decoration: none;} .blog.titles li a:hover > span:first-child, .blog.comments li a:hover > span:first-child {background-color: #c0c0c0;} .blog.titles li a:hover > span + span, .blog.comments li a:hover > span + span {color: #666666;} .blog.comments li a { height: 38px;} .blog.comments li a > span:first-child { height: 38px;} .blog.comments li a > span + span > span + span { margin-top: -6px;} .blog_tag_cloud { } .blog_tag_cloud > div { margin: 8px 0px 0px 0px; text-align: justify; line-height: 2; } .blog_tag_cloud > div a { color: #000000; text-decoration: none; vertical-align: middle; padding: 3px 4px 3px 4px; background-color: #dddddd; font-weight: bold; white-space: nowrap; } .blog_tag_cloud > div a:hover { color: #666666; text-decoration: none; } .newsletters > ul { margin: -4px -8px; display: table; border-collapse: separate; border-spacing: 8px 4px; } .newsletters > ul > li { display: table-row; } .newsletters > ul > li > a { display: table-cell; } .newsletters > ul > li > .date { display: table-cell; } .newsletters > ul > li > .date > span { font-size: 1.2em; display: inline; margin-left: 2px; } .newsletters > ul > li > .date > span:first-child { margin-left: 0px; } .newsletters > .content { position: relative; } .newsletters > .content > h1 { margin-top: 0px; } .newsletters > .content > iframe { width: 100%; height: 100%; } .cal_info { width: 800px; height: 500px; overflow-y: auto; } .cal_limit { max-width: 800px; table-layout: fixed; width: 770px; } .options.filter {margin-right:15px;} .cal_limit h1 {margin-bottom:0px;} .popup_date {text-align: right;} .timedate:first-child {max-width:20px; max-height:20px;} .timedate {max-width:25px; max-height:25px;} .calendar .dynamic-view-day {width: 300px;} .month tr > td {background-color:#ffffff;} .month tr > td:first-child {background-color:transparent;} .calendar .options .icon-prev, .calendar .options .icon-next, .calendar .options .icon-calendar { cursor: pointer; margin-left: 4px; } .calendar .dynamic { margin: 10px; margin-top: 0px; } .calendar table.month { display: inline-table; vertical-align: top; } .calendar table.month * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .calendar table.month th { text-align: center; vertical-align: middle; padding: 5px; } .calendar table.month td { text-align: right; vertical-align: bottom; height: 50px; width: 50px; border: 1px solid #cccccc; padding: 5px; cursor: pointer; } .calendar table.month td:first-child { vertical-align: middle; border: 0px; width: auto; } .calendar table.month td.today { background-color: #f5f5f5; } .calendar table.month td.active { background-color: #e7f2f9; } .calendar table.month td > .indicator { position: absolute; margin-top: -29px; margin-left: 29px; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 10px; background-color: #f5f5f5; } .calendar table.month td.today > .indicator { background-color: #e5e3e3; } .calendar table.month td > .indicator.active { background-color: #c0c0c0; color: #ffffff; } .calendar table.month td:hover > .indicator { background-color: #a4cde4; } .calendar table.month td.active > .indicator { background-color: #4b8bae; color: #ffffff; } .calendar table.month td > ul.colors { position: absolute; margin-top: -29px; margin-left: -5px; width: 34px; display: table; } .calendar table.month td > ul.colors > li { height: 8px; display: table-cell; } .calendar .day-outside-month { color: #cccccc; vertical-align: top; } .calendar .dynamic-view-day { display: inline-block; margin-left: 10px; } .calendar .dynamic-view-day th:first-child, .calendar .dynamic-view-day td:first-child { width: 10px; padding: 0px; } .calendar .dynamic-view-day th:first-child + th, .calendar .dynamic-view-day td:first-child + td { padding-right: 30px; } .td_break {word-wrap: break-word;} #frm-calendar td > .date { display: inline-block; } #frm-calendar .body-content { height: 250px; } #frm-calendar input[name*=reminder_amount] { width: 40px; } #frm-calendar label.custom { margin-left: 8px; } #frm-calendar label.custom:first-child { margin-left: 0px; } #frm-calendar input[name=color] + span > span { display: block; width: 100%; height: 100%; margin-left: 2px; } .itemtop {border-bottom:1px solid silver;} .upload dl { } .upload dl > dt { } .upload dl > dd { margin-left: 10px; font-weight: bold; } .form li.field_surname span.input-split > span:first-child { width: 25%; } .form li.field_surname span.input-split > span:first-child + span { width: 75%; } .form li.field_address span.input-split > span:first-child { width: 60%; } .form li.field_address span.input-split > span:first-child + span { width: 25%; } .form li.field_address span.input-split > span:first-child + span + span { width: 15%; } #messageboard { margin: 0px 15px 15px 5px; } #messageboard button { margin:2px; } #messageboard input[type=text], #messageboard textarea { border: 1px solid #ccc; } #messageboard textarea { height:240px; width:100%; } #messageboard textarea.small { height:50px; } #messageboard table tbody>tr>td { vertical-align:middle; } #messageboard .fa-quote-left { margin-right: 5px; } #messageboard .fa-quote-right { margin-left: 5px; } #messageboard .message { display:table; width:100%; } #messageboard .message > div { display:table-cell; vertical-align:top; } #messageboard .message > div:first-child { width:150px; } #messageboard .message > div:first-child + div { width:100%; } #messageboard .panel-heading > h1 { display:inline-block; margin:0px 15px; padding:0px; vertical-align:middle; font-size:20px; } .sponsors h1{font-size:19px;} .sponsortext td:first-child {font-weight:bold;} .slides{background-color:#F2F2F2; border:1px solid silver; text-align:center;} .slides span{} .scrollimages {padding-top:20px; max-height:172px; max-width:172px;} .container .mod.sponsors > ul > li { margin-bottom:15px; margin-left:15px; vertical-align:top; display:inline-block; width:470px; } .container .mod.sponsors > ul > li > h1 { margin: 0px; } .container .mod.sponsors > ul > li > div { background-color:#f2f2f2; border-top:1px solid silver; padding:5px 0px; } .container .mod.sponsors > ul > li > div > div { display:inline-block; vertical-align:top; } .container .mod.sponsors > ul > li > div > div:first-child { width:150px; margin:0px 5px; } .container .mod.sponsors > ul > li > div > div:first-child + div { width: 290px; } .container .mod.sponsors > ul > li > div > div:first-child > div { display:table; height:150px; width:150px; border:1px solid silver; background-color:#FFF; } .container .mod.sponsors > ul > li > div > div:first-child > div:first-child { margin:0px 0px 5px 0px; } .container .mod.sponsors > ul > li > div > div:first-child > div img { max-width:120px; max-height:120px; } .container .mod.sponsors > ul > li > div > div:first-child > div > span { display:table-cell; vertical-align:middle; text-align:center; } .buttonview {position:absolute; margin-top:120px; margin-left:70px;} .largetable td {width:60px;} .imagetd {height:237px;} .imagestable {width:990px; margin-left:4px;} .picasaimg {background:#fff; border:1px solid silver; width:220px; height:220px; margin:4px; text-align:center; vertical-align:middle; display:table-cell;} .picasaimg img {cursor:pointer; max-width:220px; max-height: 200px;} .buttonmiddle > .soldout {background-color:red; border:1px solid red; } .container .mod.picasa .buttonmiddle > input {display:inline-block; margin-left:170px;} .container .mod.picasa > ul > li { margin-bottom:15px; margin-left:15px; vertical-align:top; display:inline-block; width:470px; } .container .mod.picasa > ul > li > h1 { margin: 0px; } .container .mod.picasa > ul > li > div { background-color:#f2f2f2; border-top:1px solid silver; padding:5px 0px; } .container .mod.picasa > ul > li > div > div { display:inline-block; vertical-align:top; } .container .mod.picasa > ul > li > div > div:first-child { width:150px; margin:0px 5px; } .container .mod.picasa > ul > li > div > div:first-child + div { width: 170px; } .container .mod.picasa > ul > li > div > div:first-child > div { display:table; height:150px; width:150px; border:1px solid silver; background-color:#FFF; } .container .mod.picasa > ul > li > div > div:first-child > div:first-child { margin:0px 0px 5px 0px; } .container .mod.picasa > ul > li > div > div:first-child > div img { max-width:120px; max-height:120px; } .container .mod.picasa > ul > li > div > div:first-child > div > span { display:table-cell; vertical-align:middle; text-align:center; } .picasa > table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 8px 8px; margin: -8px 0px; } .picasa > table td { max-width:50px; vertical-align: top; padding: 0px; text-align: center; } .picasa > table td > img { max-width: 100%; cursor: pointer; } .picasa > table td > img[data-original] { background-color: #f5f5f5; width: 100%; height: 150px; } .picasa_viewer > span { display: none; z-index:10;} .picasa_viewer:hover > span { display: block; position: absolute; width: 40px; height: 35px; top: 15%; background: #ffffff url(/css/images/prev.png) no-repeat center center; cursor: pointer; } .picasa_viewer > span.prev { left: 0px; } .picasa_viewer > span.next { right: 0px; background-image: url(/css/images/next.png); } .userlisttext td:first-child {font-weight:bold;} .slides{background-color:#F2F2F2; border:1px solid silver; text-align:center;} .slides span{} .scrollimg {padding-top:20px; max-height:150px; max-width:150px;} .filterform {margin-left:30px;} .container .mod.userlist > ul { margin:17px; } .container .mod.userlist > ul > li { margin-bottom:15px; margin-left:15px; vertical-align:top; display:inline-block; width:460px; } .container .mod.userlist > ul > li > h1 { margin: 0px; } .container .mod.userlist > ul > li > div { background-color:#f2f2f2; border-top:1px solid silver; padding:5px 0px; } .container .mod.userlist > ul > li > div > div { display:inline-block; vertical-align:top; } .container .mod.userlist > ul > li > div > div:first-child { width:150px; margin:0px 5px; } .container .mod.userlist > ul > li > div > div:first-child + div { width: 290px; } .container .mod.userlist > ul > li > div > div:first-child > div { display:table; height:150px; width:150px; border:1px solid silver; background-color:#FFF; } .container .mod.userlist > ul > li > div > div:first-child > div:first-child { margin:0px 0px 5px 0px; } .container .mod.userlist > ul > li > div > div:first-child > div img { max-width:120px; max-height:120px; } .container .mod.userlist > ul > li > div > div:first-child > div > span { display:table-cell; vertical-align:middle; text-align:center; } .committee .options { margin-top:0px;} .mod.committee h1 {margin-bottom:0px;} .crewh1 {margin-left:10px;} .container .mod.committee .tabs > div {background-color:#ffffff;} .container .mod.committee> div > div > div > ul { margin:17px; } .container .mod.committee> div > div > div > ul > li > h1 {font-size:15px;} .container .mod.committee> div > div > div > ul > li { margin-bottom:15px; margin-left:15px; vertical-align:top; display:inline-block; width:450px; } .container .mod.committee> div > div > div > ul > li > h1 { margin: 0px; } .container .mod.committee> div > div > div > ul > li > div { background-color:#f2f2f2; border-top:1px solid silver; padding:5px 0px; } .container .mod.committee> div > div > div > ul > li > div > div { display:inline-block; vertical-align:top; } .container .mod.committee> div > div > div > ul > li > div > div:first-child { width:150px; margin:0px 5px; } .container .mod.committee> div > div > div > ul > li > div > div:first-child + div { width: 100px; } .container .mod.committee> div > div > div > ul > li > div > div:first-child > div { display:table; height:150px; width:150px; border:1px solid silver; background-color:#FFF; } .container .mod.committee> div > div > div > ul > li > div > div:first-child > div:first-child { margin:0px 0px 5px 0px; } .container .mod.committee> div > div > div > ul > li > div > div:first-child > div img { max-width:120px; max-height:120px; } .container .mod.committee> div > div > div > ul > li > div > div:first-child > div > span { display:table-cell; vertical-align:middle; text-align:center; } .committeeinfo {background-color:#f2f2f2; border:1px solid silver; padding:10px; } .viewinfo {width:1000px; height:500px; overflow:scroll;} .commabout {display:inline-block; vertical-align:top; margin-left:10px; margin-right:30px; } .commabout > div{width:400px; height:500px; overflow:scroll; background-color:#f2f2f2; border-top:1px solid silver;} .comminfo {width:500px; display:inline-block; vertical-align:top; } .crewoverview tr:first-child > td{font-weight:bold; } .crewoverview {min-width:400px; margin-left:10px; margin-bottom:30px; background-color:#f2f2f2; border-top:1px solid silver;} .commorder {display:inline-block; vertical-align:top;} .textcenter{text-align:center;} .smallblack { text-transform: lowercase; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 10px; font-weight: bold; color: #ffffff; height: 1.7em !important; line-height: 1.7em !important; padding: 0px 5px; background-color: #424242; border: 1px solid #000000; border-radius: 2px; } .container .mod.committee .tabs > div { width:965px;} .tablecontact {padding-left:15px;} .print{padding-left:5px;} .tablecontact tr:nth-child(even) {background: #EBEBEB;} .tablecontact tr:nth-child(odd) {background: #FFF;} .tabletop {font-weight:bold;} @media print { .print {display:none;} .tablecontact tr>td { border:1px solid silver;} .navbg {display:none; } .logout {display:none;} } #projectlist > ul > div > ul > li { position:relative; border:1px solid #E9E9E9; width:143px; height:143px; margin:8px; display:inline-block; vertical-align:top; margin-right:0px; margin-bottom:0px;} #projectlist > ul > div > ul > li:last-child { position:relative; border:1px solid #E9E9E9; width:143px; height:143px; margin:8px; display:inline-block; vertical-align:top; margin-right:0px; margin-bottom:8px;} #projectlist > ul > div > ul > li > div > span > img{ max-width:130px; max-height:130px; display:inline-block; vertical-align:middle;} #projectlist> ul > div > ul > li > div { display: table; position:absolute; top:0px; left:0px; height:100%; width:100%; } #projectlist> ul > div > ul > li > div > span { font-size:20px; display:table-cell; vertical-align:middle; text-align:center; } #projectlist> ul > div > ul > li > div > span > a:hover {color:#000000; text-decoration: none;} #projectlist> ul > div > ul > li > div.img{ background-color:#ffffff; } #projectlist> ul > div > ul > li > div.title { display:none; } #projectlist> ul > div > ul > li:hover > div.title { font-color:ffffff; background:#f0f0f0; opacity:0.9; display:table; } #tableprojects td {vertical-align:top; } #projectlist> ul > .paginateControlPanel { text-align:center; } #projectlist> ul > div > a { border:1px solid silver; text-decoration:none; color:#848484; font-weight:bold; margin: 0px 3px; padding: 2px 5px; background-color:#E9E9E9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tabs > ul:first-child > li {background-color:silver; border:1px solid #e5e5e5;} .container .mod.projectoverview > div > div > ul > li { margin-bottom:15px; margin-left:15px; vertical-align:top; display:inline-block; width:460px; } .container .mod.projectoverview > div > div > ul > li > h1 { margin: 0px; } .container .mod.projectoverview > div > div > ul > li > div { background-color:#f2f2f2; border-top:1px solid silver; padding:5px 0px; } .greyorder { background-color:#f2f2f2; border:1px solid silver; padding:10px; margin-bottom:30px; min-height:250px; max-width:330px; } .select-show-details {max-width:200px;} .container .mod.projectoverview > div > div > ul > li > div > div { display:inline-block; vertical-align:top; } .container .mod.projectoverview > div > div > ul > li > div > div:first-child { width:150px; margin:0px 5px; } .container .mod.projectoverview > div > div > ul > li > div > div:first-child + div { width: 290px; } .container .mod.projectoverview > div > div > ul > li > div > div span > input{ margin-left:40px;} .container .mod.projectoverview > div > div > ul > li > div > div:first-child > div { display:table; height:150px; width:150px; border:1px solid silver; background-color:#FFF; } .container .mod.projectoverview > div > div > ul > li > div > div:first-child > div:first-child { margin:0px 0px 5px 0px; } .container .mod.projectoverview > div > div > ul > li > div > div:first-child > div img { max-width:120px; max-height:120px; } .container .mod.projectoverview > div > div > ul > li > div > div:first-child > div > span { display:table-cell; vertical-align:middle; text-align:center; } .textredright {color:red; text-align:right;} .textgreenright {color:green; text-align:right;} .textred {color:red; } .textgreen {color:green;} .calcline {border-bottom:1px solid black;} .projecttable > tbody > tr >td:first-child{font-weight:bold; text-align:right;} .projectblock { display:inline-block; vertical-align:top; margin-left:10px; min-width:250px; } .trbold { font-weight:bold; } .tabs > ul:first-child {margin-left:5px;} .tabs > ul:first-child > li.selected { border-left: 1px solid #207cca; border-top: 1px solid #207cca; border-right: 1px solid #207cca; border-bottom: 0px solid #FFF; background-color: #FFF; z-index: -1; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .tabs > ul:first-child > li { border-left: 1px solid #207cca; border-top: 1px solid #207cca; border-right: 1px solid #207cca; border-bottom: 0px solid #FFF; background-color: #207cca; z-index: -1; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .tabs > div { padding: 10px; border-top: 1px solid #207cca; } .tabs > ul:first-child > li > a {font-size: 14px;} .textright {text-align:right;} .uploadsmall {vertical-align:top; display:inline-block; width:200px; } .uploadsmall > form {vertical-align:top; display:inline-block; width:200px; background-color:#f2f2f2; min-height:200px; padding:5px; border:1px solid silver;} .upload {vertical-align:top; display:inline-block; width:490px; margin-left:20px;} .upload > td {max-width:100px;} #greyupload {vertical-align:top; display:inline-block; width:490px; min-height:100px; padding:5px; } .boldname {font-weight:bold; } .service {border:2px dotted red; width:200px; min-height:50px; background-color:#F5A9BC; margin-bottom:10px;} .shop { position: relative; width: 100%; height: 100%; } .shop #products { display: inline-block; min-height: 480px; vertical-align: top; } .shop #menu { float: right; width: 240px; min-height: 480px; margin-left: 10px; text-align:center; vertical-align: top; } .shop #products > div { position: relative; float: left; margin: 0px 6px 6px 0px; } .shop #products > div h3 { margin: 0px 0px 0px 0px; width: 217px; overflow: hidden; } .shop #products > div h3 span { font-size: 16px; font-weight: bold; line-height: 100%; padding: 0px 5px 0px 5px; float: left; text-transform: uppercase; color: #00497e; white-space: nowrap; overflow: hidden; max-width: 185px; } .shop #products > div h3 hr { background-color: #00497e; color: #00497e; border: 0px; margin: 0px; height: 16px; border: 0px; } .shop #products > div h3 hr:first-child { float: left; width: 15px; } .shop #products > div .contents { width: 215px; height: 180px; border: 1px solid #e5e3e3; border-top: none; padding-top: 8px; text-align: center; } .shop #products > div .contents > img { max-width: 175px; max-height: 100px; margin: 0px auto; } .shop #products > div .contents .descr { position: absolute; font-size: 11px; top: 130px; left: 0px; padding: 0px 10px; text-align: left; } .shop #products > div .contents .bar { position: absolute; line-height: 28px; width: 100%; left: 0px; bottom: 0px; background-color: #f5f5f5; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #e5e3e3; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .shop #products > div .contents .bar .price { float: left; margin-left: 10px; font-weight: bold; } .shop #products > div .contents .bar .control { float: right; margin-right: 10px; } .shop #products > div .contents .bar .control input { display: inline-block; width: 30px; font-size: 11px; vertical-align: middle; } .shop #products > div .contents .bar .control .add-cart { display: inline-block; vertical-align: middle; background: #ffffff url(/css/images/shopping-basket--plus.png) no-repeat center 1px; width: 16px; height: 16px; padding: 2px; border-radius: 2px; margin-left: 4px; cursor: pointer; } .shop #cat { margin-bottom: 5px; } .shop #cat > hr { background-color: #00497e; margin: 0px; height: 20px; border: 0px; } .shop #cat > hr:first-child { float: left; width: 20px; } .shop #cat > select { float: left; margin: 0px 5px 0px 5px; height: 20px; padding: 0px;} .shop #menu div.cart { margin: 0px; padding: 10px 10px 10px 10px; background-color: #f5f5f5; border: 1px solid #e5e3e3; } .shop .overlay div.start, .shop div.address, .shop div.confirm, .shop div.payment { background-color: #f5f5f5; border: 1px solid #e5e3e3; padding: 5px 10px 5px 10px; min-height: 0px; } .shop div.cart .head { background: url(/css/images/icon_shoppingcart_s.png) no-repeat center top; min-height: 91px; } .shop div.cart ul { list-style: none; margin: 15px 0px 0px 0px; display: table; width: 100%; } .shop .overlay div.cart ul { margin: 0px; min-width: 200px;} .shop div.cart ul.items li { display: table-row; } .shop div.cart ul.items li span { display: table-cell; padding: 2px 0px 2px 4px; vertical-align: middle; text-align: left; } .shop div.cart ul.items li span:first-child { width: 100%; font-weight: bold; color: #5d5d5e; padding-left: 0px; } .shop .overlay div.cart ul.items li span:first-child { width: auto; padding-right: 20px; } .shop div.cart ul.items li span.price { min-width: 35px; text-align: right; } .shop div.cart ul.items li span.e { padding-left: 6px; } .shop div.cart ul.items li input { width: 26px; font-size: 11px; } .shop div.cart ul.items li.empty { display: table-cell; width: 100%; text-align: center; vertical-align: middle; padding: 4px 0px; } .shop div.cart ul.items li.empty span { display: inline; color: #cccccc; font-size: 18px; } .shop div.cart div.total { border-top: 3px solid #000000; float: right; margin-top: 4px; } .shop div.cart div.total span:first-child { margin: 0px 0px 0px 4px; line-height: 18px; float: left; } .shop div.cart div.total span:first-child + span { margin: 0px 0px 0px 4px; min-width: 30px; line-height: 18px; text-align: right; float: left; } .shop div.cart input[type=button] { float: left; margin-top: 4px; margin-bottom: 0px; } .shop div.address { } .shop div.address ul { display: table; border-collapse: separate; border-spacing: 0px 4px; margin: -4px 0px; } .shop div.address li { display: table-row; } .shop div.address li > label:first-child { display: table-cell; padding-right: 8px; } .shop div.address li > label:first-child + * { display: table-cell; width: 200px; } .shop div.address li input[type=radio] { margin: 0px 4px 0px 4px; width: auto; } .shop div.address li input[type=radio]:first-child { margin-left: 0px; } .shop div.address li input[name=name], .shop div.address li input[name=surname] { width: 150px; } .shop div.address li input[name=zipcode] { width: 50px; } .shop div.address li input[name=phone], .shop div.address li input[name=email] { width: 150px; } .shop div.confirm { min-width: 200px; } .shop div.confirm ul.confirm-address { margin-top: 5px; } .shop div.confirm ul.confirm-address li { display: block; margin-top: 2px; } .shop div.confirm ul.confirm-address li:first-child { font-weight: bold; margin: 0px; } .shop div.payment { background-image: url("/css/images/shop-payment.png"); background-repeat: no-repeat; background-position: center 5px; padding-top: 58px; text-align: left; width: 200px; } .shop div.payment select { margin: 0px auto; display: block; } .shop div.payment input { margin-top: 5px; } .shop div.cart:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } .photo_album { } .photo_album > table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 8px 8px; margin: -8px 0px; } .photo_album > table td { vertical-align: top; padding: 0px; text-align: center; } .photo_album > table td > img { max-width: 100%; cursor: pointer; } .photo_album > table td > img[data-original] { background-color: #f5f5f5; width: 100%; height: 150px; } .photo_album_viewer > span { display: none; } .photo_album_viewer:hover > span { display: block; position: absolute; width: 40px; height: 35px; top: 15%; background: #ffffff url(/css/images/prev.png) no-repeat center center; cursor: pointer; } .photo_album_viewer > span.prev { left: 0px; } .photo_album_viewer > span.next { right: 0px; background-image: url(/css/images/next.png); } .birthdaybox {border:1px solid silver; background-color:#f2f2f2; margin-right:5px; padding:5px;} .Birthday {font-size:16px;} .Birthday span {font-weight:bold;} .smalltext {display:inline-block; width:320px;} .buttonmiddle > .soldout {background-color:red; border:1px solid red;} .buttonmiddle > input {display:inline-block; margin-left:370px;} .largetable {width:290px;} .tdgreen {color:green;} .tdred{color:red} .container .mod.concerts > ul > li { margin-bottom:15px; margin-left:15px; vertical-align:top; display:inline-block; width:470px; } .container .mod.concerts > ul > li > h1 { margin: 0px; } .container .mod.concerts > ul > li > div { background-color:#f2f2f2; border-top:1px solid silver; padding:5px 0px; } .container .mod.concerts > ul > li > div > div { display:inline-block; vertical-align:top; } .container .mod.concerts > ul > li > div > div:first-child { width:150px; margin:0px 5px; } .container .mod.concerts > ul > li > div > div:first-child + div { width: 290px; } .container .mod.concerts > ul > li > div > div:first-child > div { display:table; height:150px; width:150px; border:1px solid silver; background-color:#FFF; } .container .mod.concerts > ul > li > div > div:first-child > div:first-child { margin:0px 0px 5px 0px; } .container .mod.concerts > ul > li > div > div:first-child > div img { max-width:120px; max-height:120px; } .container .mod.concerts > ul > li > div > div:first-child > div > span { display:table-cell; vertical-align:middle; text-align:center; } .dragslider + input[type="text"], .dragslider + input[type="hidden"] { display: inline-block; width: 40px; margin-left: 4px; } .ui-widget .ui-widget { } .dragslider { width: 130px; display: inline-block; } .ui-slider-horizontal { height: 5px; } .ui-slider { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; } .ui-slider { position: relative; text-align: left; background: #D7D7D7; z-index: 1; } .ui-corner-all { -webkit-border-radius: 3px; border-radius: 3px; } .ui-widget-content { border: 1px solid #B6B6B6; background: white; color: #4F4F4F; } .ui-widget { font-family: Arial,sans-serif; font-size: 1em; } .dragslider {margin-left:10px;} #redslider {background-color:red;} .smallimg {width:30px; height:30px;} .pricepitches {display:none;} .priceseats {display:none;} .pricetext {font-size:15px; vertical-align:bottom;} .totalprice {display:inline-block;} #placeinput {width:90px;} .drag {text-aling:right;} .ticketregister > div {display:inline-block; vertical-align:top;margin-right:23px; margin-left:10px; background-color:#f2f2f2; border:2px dashed silver; min-height:270px; min-width:240px; padding:5px;} .ticketregister div.des{width: 240px;} .confirmh {margin-bottom:-5px; margin-top:20px;} .buttonconf {margin:0px; margin-top:-10px;} .reservateok {width:800px; border:1px solid silver; background-color:#f2f2f2; padding:5px;} input[type="button"].calendar, input[type="button"].calendar:hover, input[type="button"].calendar:active { text-transform: lowercase; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 10px; font-weight: bold; color: #ffffff; height: 1.7em !important; line-height: 1.7em !important; padding: 0px 5px; background-color: transparent; border: 1px solid transparent; border-radius: 2px; background-image: url(/css/images/template/calendar_icon.png); background-repeat:no-repeat; } .popup_date{border-bottom:1px solid silver;} .dateitems:hover{background-color:#f2f2f2; color:grey;} .dateitems{border-bottom:1px dashed silver; border-right:1px dashed silver;} .dayitem {font-weight:bold; font-size:14px; margin-top:10px; background-color:#E6E6E6; border:1px solid silver; min-width:400px;} fieldset > ul > li > input.login-remember-checkbox{width:auto;}.cms-login-row{overflow:hidden;margin-bottom:0;} /**end**/