Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/markus-strolz.at/httpdocs/css/scaffold/modules/NestedSelectors/NestedSelectors.php on line 312
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/markus-strolz.at/httpdocs/css/scaffold/modules/NestedSelectors/NestedSelectors.php on line 315
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/markus-strolz.at/httpdocs/css/scaffold/modules/Formatter/Formatter.php on line 310
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/markus-strolz.at/httpdocs/css/scaffold/modules/Formatter/Formatter.php on line 339
Warning: chmod(): Operation not permitted in /var/www/vhosts/markus-strolz.at/httpdocs/css/scaffold/libraries/Scaffold/Cache.php on line 161
Warning: touch(): Utime failed: Operation not permitted in /var/www/vhosts/markus-strolz.at/httpdocs/css/scaffold/libraries/Scaffold/Cache.php on line 162
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
margin: 0;
padding: 0;
border: 0;
background: none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table
{
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td
{
text-align: left;
font-weight: normal;
}
table,
td,
th
{
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: "";
}
blockquote,
q
{
quotes: "" "";
}
a img
{
border: none;
}
img
{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
}
pre,
code,
kbd,
samp,
var,
output
{
white-space: pre;
}
mark
{
background: #ffffd9;
}
nav,
section,
article,
header,
aside,
footer,
figure,
dialog
{
display: block;
}
time,
progress,
mark,
output
{
display: inline;
}
/* ###########################################################
DEFAULT SETTINGS
###########################################################*/
.hide
{
display: none;
}
#loading,
#successmessage,
#errormessage
{
display: none;
}
ul
{
list-style-type: none;
}
ul
{
margin: 0px;
padding: 0px;
}
div
{
position: relative;
}
a:focus
{
outline: none;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011,
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:before, .ui-helper-clearfix:after
{
content: "";
display: table;
}
.ui-helper-clearfix:after
{
clear: both;
}
.ui-helper-clearfix
{
zoom: 1;
}
.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: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011,
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/?ffDefault=Georgia, Times, sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=3px&bgColorHeader=e5e1e1&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=cabfbf&fcHeader=222222&iconColorHeader=b3a8a8&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=c8b6b6&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=0&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=2a2727&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=40&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget
{
font-family: Georgia, Times, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget
{
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
font-family: Georgia, Times, sans-serif;
font-size: 1em;
}
.ui-widget-content
{
border: 1px solid #c8b6b6;
background: #ffffff url(/css/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a
{
color: #222222;
}
.ui-widget-header
{
border: 1px solid #cabfbf;
background: #e5e1e1 url(/css/jquery/images/ui-bg_highlight-soft_75_e5e1e1_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a
{
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
border: 1px solid #d3d3d3;
background: #e6e6e6 url(/css/jquery/images/ui-bg_flat_0_e6e6e6_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link, .ui-state-default a:visited
{
color: #555555;
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 #999999;
background: #dadada url(/css/jquery/images/ui-bg_flat_75_dadada_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover
{
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{
border: 1px solid #aaaaaa;
background: #ffffff url(/css/jquery/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link, .ui-state-active a:visited
{
color: #212121;
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 #fcefa1;
background: #fbf9ee url(/css/jquery/images/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x;
color: #363636;
}
.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 #cd0a0a;
background: #fef1ec url(/css/jquery/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
color: #cd0a0a;
}
.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(/css/jquery/images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_b3a8a8_256x240.png);
}
.ui-state-default .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_2a2727_256x240.png);
}
.ui-state-active .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon
{
background-image: url(/css/jquery/images/ui-icons_cd0a0a_256x240.png);
}
/* 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-position: -16px -144px;
}
.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-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl
{
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-khtml-border-top-left-radius: 3px;
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr
{
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-khtml-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl
{
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br
{
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay
{
background: #000000 url(/css/jquery/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
opacity: .40;
filter: Alpha(Opacity=40);
}
.ui-widget-shadow
{
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(/css/jquery/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter: Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/*
* jQuery UI Resizable 1.8.17
*
* Copyright 2011,
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: 99999;
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.17
*
* Copyright 2011,
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: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.17
*
* Copyright 2011,
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-li-fix
{
display: inline;
}
.ui-accordion .ui-accordion-header-active
{
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a
{
display: block;
font-size: 1em;
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.17
*
* Copyright 2011,
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;
}
/* workarounds */
* html .ui-autocomplete
{
width: 1px;
}
/* without this,
the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.17
*
* 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-hover,
.ui-menu .ui-menu-item a.ui-state-active
{
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.17
*
* Copyright 2011,
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-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
/* 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 text element */
.ui-button .ui-button-text
{
display: block;
line-height: 1.4;
}
.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
{
padding: .4em 1em;
}
/*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.17
*
* Copyright 2011,
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: .2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar
{
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title
{
float: left;
margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close
{
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span
{
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus
{
padding: 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.17
*
* Copyright 2011,
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;
}
.ui-slider .ui-slider-handle
{
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range
{
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal
{
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle
{
top: -.3em;
margin-left: -.6em;
}
.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: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle
{
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.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.17
*
* Copyright 2011,
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;
padding: .2em;
zoom: 1;
}
/* 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: .2em .2em 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;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a
{
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected 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;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide
{
display: none !important;
}
/*
* jQuery UI Datepicker 1.8.17
*
* Copyright 2011,
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: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header
{
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
top: 1px;
}
.ui-datepicker .ui-datepicker-prev
{
left: 2px;
}
.ui-datepicker .ui-datepicker-next
{
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover
{
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover
{
right: 1px;
}
.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;
}
.ui-datepicker .ui-datepicker-title
{
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.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
{
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;
}
/* 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%;
font-size: 0em;
}
/* 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*/
/**/
/*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.17
*
* Copyright 2011,
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: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value
{
margin: -1px;
height: 100%;
}
#zmartbox
{
z-index: 1001;
display: none;
text-align: center;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#zmartbox #zmartbox_overlay
{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
float: left;
overflow: hidden;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
}
#zmartbox #zmartbox_content
{
background: rgba(255, 255, 255, 0.7);
left: 50%;
top: 50%;
position: absolute;
float: left;
}
#zmartbox #zmartboxcontent_object.container
{
text-align: left;
background: #f2f2f2;
}
#zmartbox #zmartbox_navbar
{
z-index: 1002;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding-top: 10px;
height: 50px;
background: url(/css/userimg/zmartbox_nav.png) top left repeat-x;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev,
#zmartbox #zmartbox_navbar #zmartbox_navbar_next,
#zmartbox #zmartbox_navbar #zmartbox_navbar_close
{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
/* Firefox 4 */
-webkit-transition: all 0.2s ease-in-out;
/* Safari and Chrome */
-o-transition: all 0.2s ease-in-out;
/* Opera */
z-index: 1010;
position: relative;
float: right;
height: 22px;
width: 25px;
margin-top: 3px;
margin-right: 20px;
background-image: url(/css/userimg/_sprite_zb.png);
background-repeat: no-repeat;
background-position: 0px -116px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev img,
#zmartbox #zmartbox_navbar #zmartbox_navbar_next img,
#zmartbox #zmartbox_navbar #zmartbox_navbar_close img
{
display: none;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_title
{
right: auto;
left: 0px;
text-align: left;
z-index: 1002;
position: absolute;
color: #fff;
font-size: 1.6em;
padding-top: 0.3em;
float: left;
padding-left: 10px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev
{
width: 13px;
background-position-x: -27px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_next
{
width: 13px;
background-position-x: -8px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_close
{
width: 25px;
background-position-x: -45px;
}
#zmartbox #zmartbox_navbar #zmartbox_navbar_prev:hover, #zmartbox #zmartbox_navbar #zmartbox_navbar_next:hover, #zmartbox #zmartbox_navbar #zmartbox_navbar_close:hover
{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
}
.onlymobile
{
display: none;
}
html,
body
{
text-align: left;
line-height: 1.5em;
font-size: 62.5%;
height: 100%;
font-family: ff-tisa-web-pro, serif;
color: #333;
background: url(/css/userimg/clean_textile.png) top center repeat;
}
body
{
font-size: 1em;
}
.mobile
{
display: none;
}
.desktop
{
display: block;
}
a
{
color: #5A0E5E;
text-decoration: underline;
}
a:hover
{
color: #A1BC2D;
text-decoration: none;
}
h1,
h2,
h3,
h4
{
color: #5A0E5E;
clear: left;
line-height: normal;
margin-bottom: 0.8em;
margin-top: 1em;
}
h1
{
font-size: 3.6em;
}
h2
{
font-size: 2.4em;
}
h3
{
font-size: 1.8em;
}
h4
{
font-size: 1.4em;
}
.sprite
{
background-image: url(/css/userimg/_sprite.png);
background-repeat: none;
}
/*
* SITE
*/
#wrap
{
min-width: 100em;
min-height: 100%;
text-align: left;
position: relative;
top: 0px;
left: 0px;
width: 100%;
float: left;
}
#inner_wrap,
#category
{
min-height: 100%;
}
#page_wrap,
#footer_wrap,
#category_wrap,
#category
{
position: relative;
float: left;
clear: left;
width: 100%;
}
.containing
{
clear: left;
width: 96em;
float: left;
margin-left: -48em;
left: 50%;
position: relative;
}
ul#categoryNavigation,
#content,
#shortenquireform form,
#footer_wrap #footer
{
position: relative;
float: left;
clear: left;
width: 70%;
margin-left: 15%;
}
#navigation
{
position: relative;
float: left;
clear: left;
margin-bottom: 1em;
}
#navigation #logo
{
margin: 3em 0;
width: 100%;
text-align: center;
float: left;
position: relative;
}
#navigation #logo img
{
width: 20em;
}
#navigation ul#categoryNavigation
{
margin-bottom: 2em;
padding: 0;
float: left;
position: relative;
clear: left;
}
#navigation ul#categoryNavigation li.category.active a.categorytitle
{
color: #A1BC2D;
border-bottom: 1px solid #A1BC2D;
}
#navigation ul#categoryNavigation li.category
{
display: table-cell;
float: left;
position: relative;
margin: 0 0.88em;
}
#navigation ul#categoryNavigation li.category a.categorytitle
{
font-size: 1.4em;
padding-bottom: 0.2em;
text-decoration: none;
text-transform: uppercase;
line-height: normal;
}
#navigation ul#categoryNavigation li.category a.categorytitle:hover
{
border-bottom: 1px solid #A1BC2D;
color: #5A0E5E;
}
#navigation ul#categoryNavigation li#category_7
{
float: right;
}
#navigation ul#categoryNavigation li#category_7 a.categorytitle
{
background: #5A0E5E;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
padding: 0.5em 0.8em;
margin-top: -0.5em;
}
#navigation ul#categoryNavigation li#category_7 a.categorytitle:hover
{
background: #A1BC2D;
}
#navigation ul#categoryNavigation li#category_7.active a.categorytitle
{
background: #A1BC2D;
color: #fff;
}
#navigation #langchoicewrap
{
position: absolute;
bottom: 2em;
right: 5%;
z-index: 20;
}
#navigation #langchoicewrap .active
{
display: none;
}
#page.default #content
{
float: left;
position: relative;
}
#footer_wrap
{
clear: left;
position: relative;
width: 100%;
float: left;
padding: 2em 0;
margin-top: 5em;
}
#footer_wrap #footer p,
#footer_wrap #footer .address,
#footer_wrap #footer div
{
font-family: ff-tisa-web-pro, serif;
font-size: 1.2em;
line-height: 150%;
}
#footer_wrap #footer .address
{
float: left;
width: 50%;
}
#footer_wrap #footer .alogo
{
float: left;
margin-left: 3em;
text-decoration: none;
}
/* CONTENTS
*
* default settings are for #content.default (.default = structure/template-name)
*/
#content
{
font-family: ff-tisa-web-pro, serif;
}
#content h1,
#content h2,
#content h3,
#content h4
{
float: left;
clear: left;
}
#content ul.pageContents
{
width: 100%;
float: left;
position: relative;
}
#content ul.pageContents > li.content
{
width: 100%;
float: left;
position: relative;
clear: left;
}
#content div.textobj p
{
font-size: 1.4em;
line-height: 170%;
clear: left;
float: left;
margin-bottom: 1em;
}
#content div.textobj h1.home
{
text-align: center;
width: 100%;
}
#content div.textobj p.home
{
width: 100%;
text-align: center;
font-size: 2em;
font-style: italic;
color: #666;
line-height: 150%;
}
#content div.textobj p.columns
{
-moz-column-count: 2;
/* Firefox */
-webkit-column-count: 2;
/* Safari and Chrome */
column-count: 2;
-moz-column-gap: 3em;
/* Firefox */
-webkit-column-gap: 3em;
/* Safari and Chrome */
column-gap: 3em;
}
#content div.textobj ul
{
float: left;
clear: left;
margin-bottom: 1em;
}
#content div.textobj ul li
{
list-style-type: disc;
margin-left: 2em;
font-size: 1.4em;
line-height: 170%;
margin-bottom: 0.5em;
}
#content div.textobj blockquote
{
width: 100%;
padding: 1em 0;
margin-bottom: 1em;
font-family: ff-tisa-web-pro, serif;
font-style: italic;
border: 1px solid #999;
border-width: 1px 0px 1px 0px;
}
#content div.textobj blockquote p
{
font-size: 1.8em;
line-height: 1.5em;
margin: 0px;
padding: 0px 2.2em;
}
#content div.textobj blockquote span
{
background-image: url(/css/userimg/_sprite.png);
width: 20px;
height: 20px;
background-position: -1px -68px;
float: left;
position: absolute;
top: 15px;
left: 7px;
}
#content div.textobj i,
#content div.textobj em
{
font-style: italic;
}
#content iframe
{
float: left;
clear: left;
}
#content ul.listpictures
{
list-style-type: none;
clear: left;
float: left;
position: relative;
width: 100%;
padding: 1em 0;
}
#content ul.listpictures li
{
width: 22%;
margin: 1.5%;
float: left;
position: relative;
}
#content ul.listpictures li a.lightbox
{
background: #000;
position: relative;
float: left;
clear: left;
width: 92%;
height: 10em;
padding: 4%;
background: #fff;
-moz-box-shadow: 1px 1px 6px #ccc;
-webkit-box-shadow: 1px 1px 6px #ccc;
box-shadow: 1px 1px 6px #ccc;
}
#content ul.listpictures li a.lightbox img
{
position: relative;
width: 100%;
float: left;
height: 100%;
}
#content ul.listpictures li a.lightbox span.zoomer
{
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
/* Firefox 4 */
-webkit-transition: all 0.2s ease-in-out;
/* Safari and Chrome */
-o-transition: all 0.2s ease-in-out;
/* Opera */
float: left;
width: 34px;
height: 34px;
position: absolute;
top: 50%;
margin-top: -17px;
left: 50%;
margin-left: -17px;
}
#content ul.listpictures li a.lightbox:hover img.gallpicture
{
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
}
#content ul.listpictures li.gt3
{
display: none;
}
#content a.unshower,
#content a.moreshower
{
z-index: 20;
font-size: 1.3em;
text-decoration: none;
line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
position: absolute;
bottom: -2em;
right: 1em;
background: none;
padding: 0.5em 0;
}
#content a.moreshower.gt3
{
display: block;
}
#shortenquireform
{
margin-top: 3em;
padding: 3em 0;
background: #fff;
-moz-box-shadow: 2px 2px 13px #ccc;
-webkit-box-shadow: 2px 2px 13px #ccc;
box-shadow: 2px 2px 13px #ccc;
}
#shortenquireform .title
{
position: absolute;
float: left;
clear: left;
top: 30px;
left: 2%;
font-size: 1.3em;
}
#shortenquireform form
{
position: relative;
margin-right: 15%;
}
#shortenquireform form .field
{
float: left;
position: relative;
margin-right: 2em;
}
#shortenquireform form .field label
{
font-size: 1.1em;
text-transform: uppercase;
float: left;
margin-bottom: 0.2em;
margin-right: 1em;
}
#shortenquireform form .field input
{
clear: left;
float: left;
font-size: 1.3em;
border: 1px solid #aaa;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.5em;
}
#shortenquireform form button
{
font-weight: normal;
font-size: 1.3em;
letter-spacing: 0.1em;
margin-top: 1.5em;
background: green;
float: left;
border: 0px solid #ddd;
padding: 0.5em 0.7em;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
#shortenquireform form button:hover
{
background: black;
}
/* SITE IMAGE SLIDESHOWS...
*
*/
#siwappen
{
position: absolute;
top: 0;
left: 50%;
margin-left: -80px;
z-index: 10;
}
#siteimages_container
{
float: left;
position: relative;
background: #fff;
}
#siteimages_container #siteimages
{
float: left;
width: 100%;
height: 50em;
float: left;
position: relative;
-moz-box-shadow: 1px 1px 10px #ccc;
-webkit-box-shadow: 1px 1px 10px #ccc;
box-shadow: 1px 1px 10px #ccc;
top: 0px;
padding: 0.75% 0 0 0;
left: 0px;
margin-left: 0px;
background: #fff;
}
#siteimages_container #siteimages #the_big_image,
#siteimages_container #siteimages #the_big_image2
{
position: absolute;
float: left;
margin: 0;
left: 0px;
top: 0;
width: 98.5%;
padding: 0 0.75% 0 0.75%;
}
#siteimages_container #siteimages #the_big_image
{
z-index: 5;
position: relative;
}
#siteimages_container #siteimages #the_big_image2
{
z-index: 1;
margin-top: 0.75%;
}
#siteimages_container .siteimages_navigation
{
display: none;
}
#siteimages_container #imagearrow_left,
#siteimages_container #imagearrow_right
{
display: none;
}
#siteimages_container #imagearrow_left
{
left: 0px;
}
#siteimages_container #imagearrow_left span
{
left: 50%;
margin-left: -12px;
background-position: -222px -66px;
}
#siteimages_container #imagearrow_right
{
right: 0px;
}
#siteimages_container #imagearrow_right span
{
right: 50%;
margin-right: -12px;
background-position: -222px -104px;
}
/*
* ===============
* CONTACT FORM
* ===============
*/
.contactform
{
position: relative;
float: left;
clear: left;
width: 100%;
}
.contactform .clearer
{
float: left;
clear: both;
width: 100%;
position: relative;
display: block;
height: 2.5em;
}
.contactform input,
.contactform textarea,
.contactform button,
.contactform select
{
font-size: 1.3em;
color: #555;
}
.contactform input,
.contactform textarea,
.contactform select
{
width: 96%;
padding: 0.4em 2%;
clear: left;
float: left;
float: left;
border: 1px solid #aaa;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.contactform input:focus, .contactform textarea:focus, .contactform select:focus
{
border-color: black;
}
.contactform input:hover, .contactform textarea:hover, .contactform select:hover
{
border-color: green;
}
.contactform .field
{
width: 100%;
float: left;
position: relative;
}
.contactform .field.quarter2
{
width: 49%;
margin-right: 1%;
}
.contactform .field.quarter2 input,
.contactform .field.quarter2 textarea,
.contactform .field.quarter2 select
{
width: 92%;
padding: 0.4em 4%;
}
.contactform .field.quarter1
{
width: 24%;
margin-right: 1%;
}
.contactform .field.quarter1 input,
.contactform .field.quarter1 textarea,
.contactform .field.quarter1 select
{
width: 90%;
padding: 0.4em 5%;
}
.contactform .field.quarter3
{
width: 74%;
margin-right: 1%;
}
.contactform .field.quarter3 input,
.contactform .field.quarter3 textarea,
.contactform .field.quarter3 select
{
width: 94%;
padding: 0.4em 3%;
}
.contactform .field.last
{
margin-right: 0px;
float: right;
}
.contactform button
{
background: green;
margin-top: 10px;
float: left;
border: 0px solid #ddd;
padding: 5px 10px;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.contactform button:hover
{
background: black;
}
.contactform label
{
font-weight: bold;
font-size: 1.4;
float: left;
width: 100%;
}
.contactform .row
{
width: 100%;
float: left;
position: relative;
margin-bottom: 0.5em;
}
.packages
{
float: left;
clear: left;
width: 100%;
position: relative;
}
.packages .row
{
float: left;
clear: left;
width: 100%;
position: relative;
margin-bottom: 3em;
}
.packages .row .inrow_one
{
width: 48%;
float: left;
}
.packages .row .inrow_two
{
width: 48%;
float: right;
}
.packages .row .package_detail
{
background: #f0f0f0;
padding-bottom: 4em;
position: relative;
}
.packages .row .package_detail .image
{
width: 100%;
float: left;
clear: left;
position: relative;
}
.packages .row .package_detail .image img
{
width: 100%;
float: left;
}
.packages .row .package_detail .text
{
float: left;
clear: left;
width: 90%;
padding: 5%;
position: relative;
}
.packages .row .package_detail .text h2
{
margin-top: 0;
padding-top: 0;
}
.packages .row .package_detail .text p
{
line-height: 140%;
font-size: 1.5em;
float: left;
clear: left;
position: relative;
width: 100%;
}
.packages .row .package_detail a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: right;
position: absolute;
bottom: 1em;
right: 1em;
padding: 0.6em;
font-size: 1.2em;
text-transform: uppercase;
color: white;
background-color: #5A0E5E;
text-decoration: none;
}
.packages .row .package_detail a:hover
{
background: #A1BC2D;
color: #333;
}
.room_preview
{
float: left;
clear: none;
position: relative;
width: 100%;
margin-bottom: 1em;
}
.room_preview h2
{
float: left;
width: 100%;
clear: left;
line-height: 130%;
margin-bottom: 0.5em;
}
.room_preview div.text p
{
float: left;
clear: left;
position: relative;
width: 100%;
line-height: 150%;
margin-bottom: 1em;
font-size: 1.6em;
}
.room_preview div.text p.info
{
font-weight: bold;
}
.room_preview .roomprices
{
position: relative;
clear: left;
float: left;
width: 100%;
}
.room_preview .roomprices .pricerows
{
position: relative;
clear: left;
float: left;
width: 100%;
}
.room_preview .roomprices .pricerows .pricerow
{
position: relative;
-moz-box-shadow: 1px 1px 10px #ccc;
-webkit-box-shadow: 1px 1px 10px #ccc;
box-shadow: 1px 1px 10px #ccc;
clear: left;
float: left;
width: 100%;
margin-bottom: 1em;
}
.room_preview .roomprices .pricerows .pricerow .season
{
background: #fff;
padding: 1%;
position: relative;
clear: left;
float: left;
width: 73%;
}
.room_preview .roomprices .pricerows .pricerow .season .seasontitle
{
font-size: 1.6em;
position: relative;
float: left;
padding-right: 1em;
}
.room_preview .roomprices .pricerows .pricerow .season .seasondescription
{
font-size: 1.3em;
position: relative;
float: left;
font-weight: normal;
}
.room_preview .roomprices .pricerows .pricerow .price
{
background: #A1BC2D;
text-align: right;
color: #fff;
font-size: 1.6em;
position: relative;
float: right;
width: 23%;
padding: 1%;
}
.room_preview .roomprices .pricerows .pricerow .price i
{
font-size: 0.7em;
}
.room_preview a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: right;
position: absolute;
top: 2em;
right: 0;
padding: 0.6em;
font-size: 1.2em;
text-transform: uppercase;
color: white;
background-color: #5A0E5E;
text-decoration: none;
}
.room_preview a:hover
{
background: #A1BC2D;
color: #333;
}
/* MEDIA QUERIES ****************** */
@media screen and (min-width: 1400px)
{
}
@media screen and (max-width: 960px)
{
#wrap
{
width: 100%;
min-width: 100%;
}
.containing
{
width: 96%;
margin-left: 2%;
left: 0;
}
ul#categoryNavigation,
#content,
#shortenquireform form,
#footer_wrap #footer
{
width: 86%;
margin-left: 7%;
}
#langchoicewrap
{
top: 1em;
right: 1em;
}
#wrap
{
font-size: 0.9em;
}
#navigation ul#categoryNavigation
{
width: 100%;
margin-left: 0;
}
#siteimages_container #siteimages
{
height: auto;
}
#siteimages_container #siteimages #the_big_image,
#siteimages_container #siteimages #the_big_image2
{
top: 0em;
}
#shortenquireform
{
padding: 0;
height: auto;
background: transparent;
border-top: 1px solid #aaa;
}
#shortenquireform .title,
#shortenquireform form
{
display: none;
}
}
@media screen and (max-width: 800px)
{
#wrap
{
font-size: 0.8em;
}
}
@media screen and (max-width: 750px)
{
#navigation ul#categoryNavigation
{
width: 80%;
margin-left: 10%;
display: none;
font-size: 1.1em;
}
#navigation ul#categoryNavigation li.category,
#navigation ul#categoryNavigation #category_5
{
float: left;
clear: left;
position: relative;
width: 100%;
margin: 0;
border-top: 1px solid #ccc;
}
#navigation ul#categoryNavigation li.category a.categorytitle,
#navigation ul#categoryNavigation #category_5 a.categorytitle
{
float: left;
width: 100%;
text-align: center;
float: left;
clear: left;
position: relative;
padding: 1em 0;
}
#content ul.listpictures li
{
width: 47%;
}
#navishower
{
display: block;
float: left;
width: 80%;
margin-left: 10%;
position: relative;
margin-top: 40px;
margin-bottom: 20px;
background: #5A0E5E;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 1em 0;
text-align: center;
}
#navishower.active
{
background: #A1BC2D;
}
#footer_wrap #footer .address
{
width: 100%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 650px)
{
#content div.textobj p.columns
{
-moz-column-count: 1;
/* Firefox */
-webkit-column-count: 1;
/* Safari and Chrome */
column-count: 1;
-moz-column-gap: 0;
/* Firefox */
-webkit-column-gap: 0;
/* Safari and Chrome */
column-gap: 0;
}
.contactform .row
{
width: 100%;
}
.contactform .row .field,
.contactform .row .field.quarter1,
.contactform .row .field.quarter2,
.contactform .row .field.quarter3,
.contactform .row .field.quarter4
{
width: 100%;
margin-right: 0px;
float: left;
clear: left;
}
.contactform .row .field input,
.contactform .row .field textarea,
.contactform .row .field select,
.contactform .row .field.quarter1 input,
.contactform .row .field.quarter1 textarea,
.contactform .row .field.quarter1 select,
.contactform .row .field.quarter2 input,
.contactform .row .field.quarter2 textarea,
.contactform .row .field.quarter2 select,
.contactform .row .field.quarter3 input,
.contactform .row .field.quarter3 textarea,
.contactform .row .field.quarter3 select,
.contactform .row .field.quarter4 input,
.contactform .row .field.quarter4 textarea,
.contactform .row .field.quarter4 select
{
width: 96%;
padding: 1%;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 380px)
{
}