/********* generate stylesheet mixed-1 *********/.ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; z-index:3; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0px; margin: 0; z-index:3; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; background: #555; } .ac_results li { margin: 0px; padding: 6px 8px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; border-bottom: 1px #ddd dashed; } .ac_results li:hover,.ac_results li:focus { /*background-color:#eee;*/ } .ac_loading { background : Window url('/resources/images/indicator.gif') 90% center no-repeat; margin-right: 0px; } .ac_over { background-color: Highlight; background-color:#a2d3ed; color: HighlightText; } /* ThemeRoller override style sheet for jQuery date picker v4.0.2. */ #ui-datepicker-div, .ui-datepicker-inline { width: 17em; font-size: 75%; } #ui-datepicker-div { z-index: 100; } .ui-datepicker-inline { float: left; } .ui-datepicker-rtl { direction: rtl; } #ui-datepicker-div a, .ui-datepicker-inline a { text-decoration: none; } .ui-datepicker-prompt { height: 1.5em; padding-top: 0.25em; text-align: center; } button.ui-datepicker-cmd { height: 2em; } .ui-datepicker-cmd-clear { float: left; margin-left: 0.25em; } .ui-datepicker-cmd-close { float: right; margin-right: 0.25em; } .ui-datepicker-cmd-prev { position: static; float: left; width: 30%; height: auto; margin-left: 1%; } .ui-datepicker-cmd-next { position: static; float: right; width: 30%; height: auto; margin-right: 1%; text-align: right; } .ui-datepicker-cmd-current, .ui-datepicker-cmd-today { float: left; width: 37%; text-align: center; } .ui-datepicker-month-nav { float: left; text-align: center; } .ui-datepicker-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .ui-datepicker-month-nav span { color: #888; } .ui-datepicker-row-break { width: 100%; } .ui-datepicker-group { float: left; width: 17em; } .ui-datepicker-group .ui-datepicker-header { height: 1.5em; text-align: center; } .ui-datepicker select, .ui-datepicker-inline select { width: auto; height: 1.66em; border: none; font-weight: bold; } .ui-datepicker th { padding: 0.5em 0.3em; } .ui-datepicker td, .ui-datepicker td a, .ui-datepicker td span { border: 1px solid transparent; text-align: center; } .ui-datepicker-status { padding: 0.25em 0em; text-align: center; } .ui-datepicker .ui-helper-clearfix { clear: both; } .ui-datepicker-cover { display: none; display/**/: block; position: absolute; z-index: -1; filter: mask(); top: -1px; left: -1px; width: 187px; height: 187px; } .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ text-align: left; } .ui-timepicker-div dl dt{ height: 25px; } .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; *margin-bottom: -3px;} /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; background: transparent !important;} .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; *vertical-align: baseline; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .2); -o-box-shadow: 0 0px 0px rgba(0, 0, 0, .2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px } /* Direction Nav */ /* .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 20px; height: 40px; margin: -25px 0 0; display: block; background: url(../images/slider/bg-direction-nav.png) no-repeat 0 0; position: absolute; bottom: 20px; z-index: 10; cursor: pointer; font-size:0px; text-indent: -20px; opacity: 0.9; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 20px; } .flex-direction-nav .flex-prev {right: 60px;} .flexslider:hover .flex-next {opacity: 0.9; right: 20px;} .flexslider:hover .flex-prev {opacity: 0.9; right: 60px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;} */ /* Control Nav */ .flex-control-nav { display: none; width: 100%; position: absolute; bottom: 12px; right: 12px; text-align: right; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #fff; background: rgba(0, 0, 0, 0); border: 2px solid #b8b8b8; cursor: pointer; font-size: 0px; text-indent: -20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #fff; background: rgba(255, 255, 255, 0.2); } .flex-control-paging li a.flex-active { position: relative; top: -2px; width: 12px; height: 12px; border: 0px; background: #fff; background: rgba(255, 255, 255, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* .slider1 .flex-direction-nav {display:none;} .slider1 .flex-control-nav {display:block; width: 100%; position: absolute; bottom: -20px; text-align: center;z-index: 99;} .slider1 .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .slider1 .flex-control-paging li a {width: 20px; height: 10px; display: block; background: #d5d9db; border:0px; cursor: pointer; font-size:0px; text-indent: -20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: inset 0 0 0 rgba(0,0,0,0);} .slider1 .flex-control-paging li a:hover { background: #c9ab8b; } .slider1 .flex-control-paging li a.flex-active {position:relative; top: 0px; width: 20px; height: 10px; border:0px; background: #3b4444; cursor: default; } */ .slider1 .flex-control-paging { display: none; left: 0 } .slider1 .flex-direction-nav { display: none; visibility: hidden; } .slider1 .flex-control-nav { display: block; width: 100%; position: absolute; bottom: -20px; text-align: center; } .slider1 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .slider1 .flex-control-paging li a { width: 12px; height: 12px;; display: block; background: #a89486; border: 0px; cursor: pointer; font-size: 0px; text-indent: -20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } .slider1 .flex-control-paging li a:hover { background: #333; } .slider1 .flex-control-paging li a.flex-active { position: relative; top: 0px; width: 12px; height: 12px; border: 0px; background: #333; cursor: default; } /* Direction Nav Slider2 */ .slider2 { background: transparent; } .slider2 .flex-direction-nav { *height: 0; padding-right: 10px; } .slider2 .flex-direction-nav a { width: 34px; height: 34px; margin: -28px 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav-2n.png) no-repeat 0 0; position: absolute; top: -5px; z-index: 10; cursor: pointer; text-indent: -2500px; opacity: 1; -webkit-transition: none; } .slider2 .flex-direction-nav .flex-next { background-position: 100% 0; right: 0px; -webkit-transition: none; } .slider2 .flex-direction-nav .flex-prev { right: 35px; } .slider2 .flex-next:hover { opacity: 1; background: url(/resources/flexslider/images/bg-direction-nav-2o.png) no-repeat 100% 0; -webkit-transition: none; } .slider2 .flex-prev:hover { opacity: 1; background: url(/resources/flexslider/images/bg-direction-nav-2o.png) no-repeat 0 0; -webkit-transition: none; } .slider2 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .slider2 .flex-direction-nav .flex-disabled { opacity: .5 !important; filter: alpha(opacity=60); cursor: default; } .slider2 .flex-control-nav { display: none; } /* Direction Nav Slider3 */ .slider3 .flex-direction-nav { display: none; } .slider3 .flex-control-nav { display: none; } /* Direction Nav Slider4 */ .slider4 .flex-direction-nav { *height: 0; } .slider4 .flex-direction-nav a { width: 31px; height: 58px; margin: -29px 0 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav-3.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; font-size: 0px; text-indent: -20px; opacity: 0.8; -webkit-transition: all .3s ease; } .slider4 .flex-direction-nav .flex-next { background-position: 100% 0; right: -50px; } .slider4 .flex-direction-nav .flex-prev { left: -50px; } .slider4:hover .flex-next { opacity: 0.6; right: -50px; -webkit-transition: none; } .slider4:hover .flex-prev { opacity: 0.6; left: -50px; -webkit-transition: none; } .slider4 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .slider4 .flex-direction-nav .flex-disabled { opacity: .5 !important; filter: alpha(opacity=50); cursor: default; } /* Direction Nav Slider5 */ .slider5 .flex-direction-nav { *height: 0; } .slider5 .flex-direction-nav a { width: 47px; height: 47px; margin: -24px 0 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; font-size: 0px; text-indent: -20px; opacity: 0; -webkit-transition: all .3s ease; } .slider5 .flex-direction-nav .flex-next { position: absolute; background-position: 100% 0; right: 0px; } .slider5 .flex-direction-nav .flex-prev { left: 0px; } .slider5:hover .flex-next, .slider5:hover .flex-prev { opacity: 0.7; } .slider5 .flex-next:hover, .slider5 .flex-prev:hover { opacity: 1; } .slider5 .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=30); cursor: default; } /* = Sliders sets ----------------------------------------------- */ .flexslider .slides li { position: relative; *margin: 0 !important; *padding: 0 !important; *height: auto; } .flexslider .slides li a{ text-decoration: none; } .flexslider .slides li .description { position: absolute; left: 5%; top: 5%; right: 5%; } .flexslider .slides li .description.left { left: 5%; right: 5%; } .flexslider .slides li .description.right { left: auto; right: 5%; text-align: left; right: 5%; } .flexslider .slides li .description.top { top: 5%; right: 5%; } .flexslider .slides li .description.bottom { top: auto; bottom: 5%; right: 5%; } .flexslider .slides li .description .shadow { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0) transparent; /* RGBa with 0.6 opacity */ background: rgba(0, 0, 0, 0.5); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .flexslider .slides li .description div{ display: inline-block; padding: 1%; font-size: 0.1em; } .flexslider .slides li .description{ color: #fff !important; } .flexslider .slides li .description span{ font-size: .2em; /* line-height: 153%;*/ display: block; } .flexslider .slides li .description h1 { color: #fff !important; margin-bottom: 0; font-size: .6em; white-space:nowrap; }@font-face { font-family: 'akura_poporegular'; src: url('/themes/default/font/akura_popo-webfont.eot'); src: url('/themes/default/font/akura_popo-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/default/font/akura_popo-webfont.woff2') format('woff2'), url('/themes/default/font/akura_popo-webfont.woff') format('woff'), url('/themes/default/font/akura_popo-webfont.ttf') format('truetype'), url('/themes/default/font/akura_popo-webfont.svg#akura_poporegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hhsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxv25ds880Du_gFZbUlZlsbg.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/O4NhV7_qs9r9seTo7fnsVD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxsUW6j0fiq4_bYOAoMNnBhA.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxpXMLUeV6_io0G3F6eXSVcg.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxjZJchHK-lPtiIaM3GRtbZU.woff) format('woff'); } h1, h2 { font-family: 'akura_poporegular'; font-weight: normal; text-rendering: auto; } h3 { font-weight: bold; } h1 { color: #3c402d; font-size: 48px; } h2 { color: #3f4432; font-size: 30px; } h3 { color: #3f4432; font-size: 25px; } h4 { color: #3b3f2e; font-size: 18px; } h5 { color: #3b3f2e; font-size: 16px; } h6 { color: #3b3f2e; font-size: 15px; } a { color: #1c3b8d; } a, a:active, a:focus, a:hover { outline: none !important; color: #a89486; } cite { color: #877141; font-style: italic; } .image { border: 5px solid #fff; } .clear { clear: both; } .right { text-align: right; } .no-resize { resize: none; } .resize-x { resize: horizontal; } .resize-y { resize: vertical; } /* Files icon -------------------------------- */ a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".rtf"], a[href$=".xls"], a[href$=".xlsx"] { display: inline-block; margin-bottom: 5px; font-weight: normal !important; /*text-decoration: none !important;*/ } a[href$=".pdf"]:before, a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".rtf"]:before, a[href$=".xls"]:before, a[href$=".xlsx"]:before { content: " "; display: inline-block; background-position: 0 0; width: 25px; height: 30px; padding: 0 0 6px 0; margin: 0 5px -14px 0; } a[href$=".pdf"]:before { background: url("/themes/default/images/file-ico-pdf.png") no-repeat; } a[href$=".pdf"]:hover:before { background-position: -28px 0; } a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".rtf"]:before { background: url("/themes/default/images/file-ico-doc.png") no-repeat; } a[href$=".doc"]:hover:before, a[href$=".docx"]:hover:before, a[href$=".rtf"]:hover:before { background-position: -28px 0; } a[href$=".xls"]:before, a[href$=".xlsx"]:before { background: url("/themes/default/images/file-ico-xls.png") no-repeat; } a[href$=".xls"]:hover:before, a[href$=".xlsx"]:hover:before { background-position: -28px 0; } /* FORM -------------------------------- */ form { background: #ebe8e1; padding: 10px; border: 1px solid #d9d6c8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { color: #000000; } * select, * textarea, * input[type="text"] { padding-left: 0; padding-right: 0; padding-bottom: 0px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #3f4432 !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(158, 141, 103, 0.6) !important; } /* Layout -------------------------------------------------- */ html, body { font-family: 'Open Sans', Helvetica; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif\9; _font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; height: 100%; background: url("/themes/default/images/bg-1.jpg") no-repeat #f9f7f3; background-size: cover; line-height: 1.3; } #wrap { min-height: 100%; height: auto !important; margin: 0 auto; } .mobile #wrap { margin: 0 auto; } #wrap-inter { padding-bottom: 25px; } .container { width: auto; max-width: 1200px; *width: 1200px; } @media \0screen { .container { width: 1200px;; } } #header-top-container { position: relative; z-index: 20; background: rgba(63, 68, 50, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E63F4432', endColorstr='#E63F4432'); /* IE */ top: 40px; padding: 20px 0; } .header-top { position: relative; } .header-right { display: inline-block; float: right; } .header-slider { background: transparent; z-index: 0; position: relative; } .languages { float: left; padding-right: 20px; padding-top: 7px; } .languages a { padding-left: 5px; } #page-content-container { padding-top: 200px; } #page-content-container #main { background: rgba(249, 247, 243, 0.95); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F2F9F7F3', endColorstr='#F2F9F7F3'); /* IE */ padding: 40px 40px 40px 40px; min-height: 450px; font-size: 16px; } .page-body p { text-align: justify; } .page-body a { font-weight: bold; } .page-title { position: relative; text-align: center; padding-bottom: 30px; } .page-title h1 { text-align: center; display: inline-block; padding: 0 230px; position: relative; line-height: 1.1; } .page-title .symbol-a { position: absolute; left: 0; top: 0; width: 160px; height: 100%; background: url("/themes/default/images/title-symbol-a.png") no-repeat center left; } .page-title .symbol-b { position: absolute; right: 0; top: 0; width: 160px; height: 100%; background: url("/themes/default/images/title-symbol-b.png") no-repeat center left; } #footer { height: 90px; } #footer > .container { height: 100%; } .footer-info { text-align: center; color: #949392; font-size: 15px; line-height: 90px; } #creoneo { background-image: url("/resources/images/creoneo.png"); background-position: right center; background-repeat: no-repeat; border: 0 none; color: #666; font-weight: bold; padding-bottom: 10px; padding-right: 20px; padding-top: 10px; } #creoneo span { color: #666; } #creoneo:hover span { color: #8f288c; } #creoneo:hover { text-decoration: none; color: #d14a99 !important; } /* back to top ------------------------------------- */ #back-to-top { border-radius: 3px; bottom: 40px; cursor: pointer; height: 47px; position: fixed; right: 50px; width: 47px; z-index: 99; visibility: hidden; background: url("/themes/default/images/top-arrow.png") no-repeat; } .example_text { font-style: italic; } /* -------------------------------------------------------- */ /* Navigation */ /* -------------------------------------------------------- */ .navbar { margin-bottom: 0; } .navbar .nav { margin: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background: none; filter: none; } .navbar-inner { background: transparent; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar .nav > li > a { text-shadow: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background: transparent; } /* Mega menu -------------------------------------------------- */ ul.nav.megamenu li.dropdown .dropdown-menu { display: none; } ul.nav.megamenu li.dropdown:hover .dropdown-menu { display: block; } .navbar .nav.megamenu > li .dropdown-menu:before, .navbar .nav.megamenu > li .dropdown-menu:after { display: none; } .megamenu .dropdown-menu.menu-content { position: absolute; } .megamenu .dropdown, .megamenu .dropdown-menu { position: static; } .megamenu .dropdown-menu > li { display: inline-block; *zoom: 1; *display: inline; } .megamenu .dropdown-submenu .dropdown-menu > li { display: block; } /* Header menu -------------------------------------------------- */ .header-menu { background: #e8e6e1; position: relative; } .header-menu .megamenu .dropdown-menu.menu-content { width: 100%; padding: 0; border-bottom: 1px solid #1e2319; background: #1e2319; } .header-menu .megamenu .dropdown-menu.menu-content > div > .dropdown-menu { background: #1e2319; padding: 10px 0 20px 0; } .header-menu .navbar, .header-menu .navbar .nav.megamenu { width: 100%; text-align: right; position: inherit !important; } .header-menu .navbar .nav > li { float: none; display: inline-block; *display: inline; zoom: 1; padding: 13px 10px 10px; } .header-menu .navbar .nav > li:last-child { padding-right: 0; } .header-menu .navbar .nav > li > a { color: #ffffff; text-shadow: none; padding: 5px 0; font-size: 16px; margin-bottom: 0; border-bottom: 1px solid transparent; } .header-menu .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .header-menu .navbar .nav > li > a:hover, .header-menu .navbar .nav > li.active > a { border-bottom: 1px solid #ffffff; color: #ffffff; box-shadow: none; } .header-menu .dropdown-menu { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding-bottom: 15px; } .navbar .nav > li > .dropdown-menu:after { border-bottom: 6px solid #e8e6e1; } .header-menu .dropdown-menu > li > a { color: #ffffff; font-size: 14px; font-weight: bold; padding: 4px 8px; } .header-menu .dropdown-menu > li > a:before { display: block; content: " "; float: left; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #624a11; margin-top: 7px; margin-right: 3px; } .header-menu .dropdown-menu > li > a:after { display: none; } .header-menu .dropdown-menu > li > a:hover, .header-menu .dropdown-menu > li > a:focus, .header-menu .dropdown-menu > li.active > a, .header-menu .dropdown-submenu:hover > a, .header-menu .dropdown-submenu:focus > a { color: #ffffff; text-decoration: underline; background: none; filter: none; } .header-menu .dropdown-menu > li { width: 240px; margin: 0; vertical-align: top; } .header-menu .dropdown-menu > li > a { margin: 0 10px 0 10px; } .header-menu .dropdown-submenu .dropdown-menu > li > a { border: none; font-weight: inherit; margin-left: 20px; } .header-menu .dropdown-submenu .dropdown-menu > li > a:before { display: none; } /* Classic list style ------------------------------ */ .list-classic { padding-top: 10px; } .list-classic .navbar-inner { border: 0 none; border-radius: 0; box-shadow: none; } .list-classic ul li, .list-classic ol li { float: none !important; list-style: disc !important; color: #a89486; font-size: 14px; font-weight: bold; } .list-classic ol li { list-style: decimal !important; } .list-classic ul li a, .list-classic ol li a { color: #a89486 !important; padding: 2px !important; text-decoration: none; cursor: pointer; } .list-classic ul li a:hover, .list-classic ol li a:hover { color: #1c3b8d !important; } .list-classic ul li .menuinfo { font-weight: normal; color: #000; font-size: 12px; } /* Footer top left menu -------------------------------------------------- */ .footer-top-left .navbar-inner { border: none; min-height: 10px; } .footer-top-left .navbar .nav { float: none; display: inline-block; *zoom: 1; *display: inline; } .footer-top-left .navbar .nav > li { display: block; border-right: 1px solid #fff; padding: 1px 10px; } .footer-top-left .navbar .nav > li:last-child { border-right: none; } /* IE 8< not support last-child */ .footer-top-left .navbar .nav > li.last { border-right: none; } .footer-top-left .navbar .nav > li > a { color: #ffffff; text-shadow: none; padding: 0; } .footer-top-left .navbar .nav > li > a:hover, .footer-top-left .navbar .nav > li.active > a { text-decoration: underline; background: none; box-shadow: none; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* Responsive menu -------------------------------------------------- */ .navbar .nav-responsive { display: none; line-height: 20px; height: 36px; background: #f9f7f3; border: 1px solid #3f4432; } /* -------------------------------------------------------- */ /* Controls */ /* -------------------------------------------------------- */ /* WIDGET - social -------------------------------------------------- */ .social a { color: #ffffff; margin-left: 10px; } /* breadcrumb --------------------------------- */ .breadcrumb { background: none; margin: 5px 0; padding-left: 0; } .breadcrumb > li { text-shadow: none !important; display: inline-block; *zoom: 1; *display: inline; margin-right: 1px; } .breadcrumb .divider, .breadcrumb .divider { display: inline-block; *zoom: 1; *display: inline; } .breadcrumb .divider, .breadcrumb .divider i { color: #a89486; text-align: center; display: -moz-stack; line-height: 20px; /*padding-top: 5px;*/ } /* Pagination -------------------------------------------------- */ .pagination { background: url("/themes/default/images/pagination-bg.png") no-repeat center center; height: 88px; line-height: 20px; text-align: center; } .pagination ul { box-shadow: none; } .pagination ul li i { font-size: 15px; } .pagination ul li span { border: 0 none; background: none; } .pagination ul li a { background: none; border: 0 none; color: #363636; } .pagination ul li.active a, .pagination ul li.active span { background: none; color: #a89486; } .pagination ul li:hover a, .pagination ul li:active a { transition: background 0.2s linear; -webkit-transition: background 0.2s linear; background: #a89486; } /* content-items-sort-list -------------------------------------------------- */ .content-items-sort-list a { font-size: 13px; color: #a89486; } .content-items-sort-list h2 { color: #a89486; font-size: 37px; font-family: 'akura_poporegular'; font-weight: inherit; margin-bottom: 25px; } .content-items-sort-list h4, .content-items-sort-list h4 a { font-size: 18px; color: #3b3f2e; } .content-items-sort-list .separator { border-top: 1px solid #3b3f2e; padding: 0; height: 10px; min-height: 10px; } .content-items-sort-list .media { margin-top: 0; padding: 5px; border-top: 1px #3b3f2e dashed; } .content-items-sort-list-date { text-align: left; } .content-items-sort-list-more { text-align: right; } .content-items-sort-list-date, .content-items-sort-list-more { padding-top: 5px; font-size: 13px; line-height: 20px; color: #a89486; } .content-items-sort-list .media-heading { color: #3b3f2e; font-size: 18px; padding: 8px 0; } .content-items-sort-list .media-body { font-size: 16px; height: 80px; overflow: hidden; } .content-items-sort-list .media-body a { font-size: 16px; } .content-items-sort-list .more { margin-top: 30px; text-align: right; } /* media 2 */ .content-items-sort-list .media-2 { margin-top: 0; padding: 10px; border-bottom: 1px #3b3f2e dashed; } .content-items-sort-list .media-2:first-child { border-top: 1px #3b3f2e dashed; } .content-items-sort-list .media-2-heading { font-size: 15px; cursor: pointer; } /* Header search -------------------------------------------------- */ .header-search { display: inline-block; *zoom: 1; *display: inline; margin-right: 0; vertical-align: top; } .header-search form { background: none; padding: 0; border: none; } .header-search form label { display: none; } .header-search .search-container { position: relative; height: 30px; border: 1px solid #fff; padding: 0 39px 0 15px; margin-bottom: 0; background: transparent; white-space: nowrap; text-align: right; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header-search .search-container input, .header-search .search-container input[type="text"]:focus, .header-search .search-container input[type="submit"]:focus { background: transparent; border: 0 none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; height: 25px; margin-bottom: 0; padding: 0; line-height: 36 px\9; outline: 0; color: #FFFFFF; } .header-search .search-container input[type="text"] { width: 120px; } .header-search .search-submit { position: absolute; right: 0; width: 30px; height: 30px; background: url("/themes/default/images/search-ico.png") no-repeat center center; display: inline-block; *zoom: 1; *display: inline; } .header-search .search-submit input { width: 38px; } /* Search content -------------------------------------------------- */ .search_result .search_link { font-weight: bold; font-size: 15px; } .search_result .search_preview { padding-left: 10px; padding-bottom: 10px; } .search_result .search_breadcrumb { font-size: 10px; padding-left: 10px; } .search_result .search_breadcrumb .breadcrumb { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; } .search_result .search_breadcrumb .breadcrumb li .divider { padding: 0px !important; } .search_result .search_breadcrumb .breadcrumb li .divider i { line-height: 15px; } /* flexible google map -------------------------------------------------- */ .Flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Index container -------------------------------------------------- */ .index-block { background: rgba(255, 255, 255, 0.95); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F2ffffff', endColorstr='#F2ffffff'); /* IE */ height: 550px; width: 360px; margin: 0; overflow: hidden; text-align: center; padding: 15px 27px; font-size: 16px; margin-top: 180px; } .index-block h2 { padding-bottom: 10px; font-size: 40px; } .index-block h2 a { color: #3b3f2e; } .index-block .circle-box { text-align: center; padding-bottom: 30px; } .index-block .circle { margin: 0 auto; background: #3b3f2e; width: 8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .index-block .index-block-text { } /** Partners ------------------------------------------------- */ .partners { text-align: center; margin: 20px 0; padding: 10px 30px; background: #e8e6e1; } .partners ul { padding: 0; margin: 0; } .partners ul li { list-style: none; display: inline-block; *zoom: 1; *display: inline; margin: 10px; } /** Login ------------------------------------------------- */ #login_base { margin: 0 auto; padding-top: 200px; width: 268px; background: url('/themes/default/images/logo.png') no-repeat top 50px center; } #login_base input[type="text"], #login_base input[type="password"] { width: 230px; } #login_base #loginform { -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); } #login_base .error { color: #aa1111; text-align: center; padding: 0 0 5px; } /** Popup window style -------------------------------------------------- */ .ajaxwindow { position: absolute; top: 10%; font-size: 12px; z-index: 9999; } .ok_ajax, .error_ajax, .info_ajax { position: relative; top: 10%; margin: 0; padding-bottom: 10px; text-align: left; color: #000; z-index: 9999; min-width: 150px; max-width: 500px; -webkit-box-shadow: 1px 1px 5px #666; -moz-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 5px #666; } .ajax_close { position: absolute; top: 3px; right: 2px; text-align: center; padding: 0; color: #333; width: 16px; height: 16px; overflow: hidden; text-indent: 1000px; z-index: 10000; cursor: pointer; background: url('/resources/images/close.png') 0 0 no-repeat; } .ajax_close a { color: #333; } .error_ajax { border: 1px solid #aa1111; background-color: #fff; } .ok_ajax { border: 1px solid #3d8e25; background-color: #fff; } .info_ajax { border: 1px solid #109fa0; background-color: #fff; } .ok_ajax_head, .error_ajax_head, .info_ajax_head { padding: 5px; } .error_ajax_head { background: url('/resources/images/bg_ajax_error.gif') repeat-x; color: #fff; } .ok_ajax_head { background: url('/resources/images/bg_ajax_ok.gif') repeat-x; color: #fff; } .info_ajax_head { background: url('/resources/images/bg_ajax_info.gif') repeat-x; color: #fff; } .ok_ajax_body, .error_ajax_body, .info_ajax_body { padding: 15px; } .error_ajax_body { color: #000; } .faceBookLikeBoxControl { background: url("/resources/images/face_book_ike_box.png") no-repeat scroll left center transparent !important; display: block; float: right; padding: 0 0 0 46px; z-index: 99999; position: fixed; right: -295px; top: 120px; } .fb-like-box { background: #ffffff; } .faceBookLikeBoxControl span { height: 275px !important; } /* -------------------------------------------------------- */ /* Lastly, apply responsive CSS fixes as necessary */ /* -------------------------------------------------------- */ @media only screen and (max-width: 980px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } /* Label the data */ td:before { content: attr(data-title); } .header-right:before, .header-right:after { content: ""; display: table; line-height: 0; } .header-right:after { clear: both; } .header-right { display: block; float: none; text-align: right; padding: 0 20px 5px 20px; } .header-menu { background: transparent; padding: 0 20px; } /* Main Navigation - Hidden */ .navbar .nav.responsive-menu { display: none !important; } .navbar-inner, .navbar { width: 100%; padding: 0; } /* Select Box Navigation - Show */ .navbar .nav-responsive { display: block !important; width: 100%; clear: both; } } @media (max-width: 767px) { body { padding-left: 0; padding-right: 0; } #wrap { margin-bottom: 0; } #header-top-container { padding: 10px 0; top: 0; } .header-logo { margin-bottom: 10px; text-align: center; } .header-logo img { width: 130px; } .header-search { display: block; margin-right: 0; float: right; width: 150px; } .header-right-menu { margin-top: 10px; display: block; } #page-content-right { margin-top: 20px; } #page-content-right .widget { float: none; } .link-container .link-block { width: auto !important; border-right: none !important; } .page-title h1 { padding: 0; } .page-title .symbol-a, .page-title .symbol-b { display: none; } .index-block { margin-top: 0; margin-bottom: 20px; } .faceBookLikeBoxControl{ display: none; } } #cookie-bar { padding: 10px; background-color: rgba(0, 0, 0, .8); position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; text-align: center; font-size: 1rem; } #cookie-bar span { color: #fff; margin: 0 10px; } #cookie-bar a.link { color: #fff; padding: 0 5px; text-decoration: underline; } #cookie-bar a.btn-confirmed { display: inline-block; width: 45px; color: #fff; border: 2px solid #ffffff; padding: 5px; cursor: pointer; } #cookie-bar a.btn-confirmed:hover, #cookie-bar a.btn-confirmed:active { text-decoration: none; background-color: #fff; color: #000; }.btn { color: #a89486; background: transparent; font-weight: bold; font-size: 16px; border: 2px solid #a89486; text-shadow: none !important; padding: 7px 36px; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; } .btn:focus, .btn:hover { background: #a89486; color: #fff; } .fa-input { font-family: FontAwesome, 'Arial'; font-family: 'Arial' \9; } hr { height: 0; border-top: 1px solid #a89486; border-bottom: 0 none; padding: 10px 0; margin: 0; } /* Table --------------------------------------- */ table { width: 100%; margin: 10px 0; border-spacing: 10px; border-collapse: separate; border: 0 none; } table th { padding: 20px; font-weight: bold; background: #ccc3b4; color: #3b3f2e; text-align: left; font-size: 18px; } table td { background: #e3ddd3; padding: 20px; color: #3b3f2e; font-size: 18px; } /* These 2 lines specify style applied while slider is loading */ .photogallery .slider-bar-div .csw {display: none;} .photogallery .slider-bar-div .csw .loading {text-align: center;} .photogallery .slider-bar-div .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; width: 1115px; /* Also specified in .stripViewer .panelContainer .panel below */ } .photogallery .slider-bar-div .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .photogallery .slider-bar-div .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float: left; height: auto; position: relative; width: 1115px; /* Also specified in .stripViewer above */ } .photogallery .slider-bar-div .stripNav { float: right; right: 0; display:none; } .photogallery .slider-bar-div .stripNav ul { margin: 0; height: 18px; text-align:right; } .photogallery .slider-bar-div .stripNav li { float: left; display: block; margin: 0; width:17px; height:17px; margin-right: 2px; } .photogallery .slider-bar-div .stripNav a { margin: 0 3px; width:17px; height:17px; color: #fff; text-align:center; } .photogallery .slider-bar-div .stripNav a.current { color: #fff; text-decoration: none; text-align:center; width:17px; height:17px; background-color: #222; } .photogallery .slider-bar-div .stripNavL { float: right; width: auto; padding: 5px; margin: 0 0 0 15px; } .photogallery .slider-bar-div .stripNavR { float: right; width: auto; padding: 5px; margin: 0 10px 0 15px; } .photogallery .slider-bar-div .stripNavL a, .photogallery .slider-bar-div .stripNavR a { overflow: hidden; float: left; width: 17px; height: 17px; margin: 0; /* text-indent: -1000em; */ /* background: url(../images/arrow_small_left.png) no-repeat;*/ background:none; } .photogallery .slider-bar-div .stripNavL a { margin: 0; /* background: url(../images/arrow_small_right.png) no-repeat;*/ background:none; width: auto; } .photogallery .slider-bar-div .stripNavR a { margin: 0; /* background: url(../images/arrow_small_right.png) no-repeat;*/ background:none; width: auto; } /* sidebar images */ .photogallery .slider-bar-images .csw {display: none;} .photogallery .slider-bar-images .csw .loading {text-align: center;} .photogallery .slider-bar-images .stripViewer { /* This is the viewing window */ position: relative; margin:0 auto; overflow: hidden; width: 1115px; /* Also specified in .stripViewer .panelContainer .panel below */ } .photogallery .slider-bar-images .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .photogallery .slider-bar-images .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float: left; height: auto; position: relative; width: 1115px; /* Also specified in .stripViewer above */ } .photogallery .slider-bar-images .stripNav { float: left; right:0; margin-left:5px; } .photogallery .slider-bar-images .stripNav ul { margin: 0; height: 28px; text-align:right; } .photogallery .slider-bar-images .stripNav li { float: left; display: block; margin: 0; width:25px; height:25px; margin-right: 2px; } .photogallery .slider-bar-images .stripNav a { margin: 0 3px; width:25px; height:25px; line-height: 25px; color: #3c402d; text-align:center; } .photogallery .slider-bar-images .stripNav a.current { color: #fff; text-decoration: none; text-align:center; width:25px; height:25px; background-color: #a89486; } .photogallery .slider-bar-images .stripNavL { float: right; width: auto; padding: 5px; /* margin: 0 0 0 35px;*/ } .photogallery .slider-bar-images .stripNavR { float: right; width: auto; padding: 5px; margin-right:13px; } .photogallery .slider-bar-images .stripNavL a, .photogallery .slider-bar-images .stripNavR a { position:relative; overflow: hidden; right:0; width: 25px; height: 25px; margin: 0; z-index: 1; } .photogallery .slider-bar-images .stripNavL a { margin: 0; } .photogallery .slider-bar-images .stripNavR a { margin: 0; } .photogallery a.stripNavHref{ position:relative; display:block; margin-right: 2px; background-color: transparent; } /* /sidebar images */ .photogallery a.stripNavHref{ position:relative; width: 17px; height: 17px; display:block; margin-right: 2px; } .photogallery .galeries_data{ position:relative; width: 1115px; padding: 0; } .photogallery .images{ position: relative; float: left; width: auto; height: auto; padding: 5px; margin-bottom: 8px; margin-left: 8px; overflow: hidden; text-align:center; border:1px solid #ddd; background-color: #efefef; } .photogallery .poster{ position: relative; float: left; width:auto; height:auto; margin: 10px 5px 0 5px; /* overflow: hidden;*/ } .photogallery .poster a{ border:1px solid #d5d5d5; padding: 5px; display:block; } .photogallery .poster h5{ text-align:center; padding: 0 8px 0 5px; overflow:hidden; height: 30px; } /* These 2 lines specify style applied while slider is loading */ .photogallery .slider-bar-footer .csw {display: none;} .photogallery .slider-bar-footer .csw .loading {text-align: center;} .photogallery .slider-bar-footer .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; width: 450px; /* Also specified in .stripViewer .panelContainer .panel below */ } .photogallery .slider-bar-footer .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .photogallery .slider-bar-footer .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float: left; height: auto; position: relative; width: 450px; /* Also specified in .stripViewer above */ } .photogallery .slider-bar-footer .stripNav { float: right; right:0px; } .photogallery .slider-bar-footer .stripNav ul { margin: 0; height: 18px; text-align:right; } .photogallery .slider-bar-footer .stripNav li { float: left; display: block; margin: 0; width:17px; height:17px; margin-right: 2px; } .photogallery .slider-bar-footer .stripNav a { margin: 0 3px; width:17px; height:17px; color: #fff; text-align:center; } .photogallery .slider-bar-footer .stripNav a.current { color: #fff; text-decoration: none; text-align:center; width:17px; height:17px; background-color: #222; } .photogallery .slider-bar-footer .stripNavL { overflow: hidden; position: absolute; top: 35px; left:-30px; width: 18px; padding: 0px; background: url(../images/arrow_black_left.png) no-repeat; /* margin: 0 0 0 35px;*/ } .photogallery .slider-bar-footer .stripNavR { position: absolute; top: 35px; right:5px; width: 18px; padding: 0px; background: url(../images/arrow_black_right.png) no-repeat; } .photogallery .slider-bar-footer .stripNavL { float: left; width: auto; padding: 0px; /* margin: 0 0 0 35px;*/ } .photogallery .slider-bar-footer .stripNavR { float: left; width: auto; padding: 0px; } .photogallery .slider-bar-footer .stripNavL a, .photogallery .slider-bar-footer .stripNavR a { overflow: hidden; float: left; width: 17px; height: 17px; margin: 0px 0px 0px 0px; text-indent: -1000em; background:none; } .photogallery #footer_data{ position:relative; width: 450px; padding: 0px; } .photogallery #footer_sider{ position:relative; width: 450px; padding: 0px; padding-bottom: 10px; } .photogallery .shadow{ -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .5); box-shadow: 0px 1px 5px rgba(0, 0, 0, .5); }/* default skin */