/* /css/global.css */
/**
* HTML5 ✰ Boilerplate
*
* style.css contains a reset, font normalization and some base styles.
*
* Credit is left where credit is due.
* Much inspiration was taken from these projects:
* - yui.yahooapis.com/2.8.1/build/base/base.css
* - camendesign.com/design/
* - praegnanz.de/weblog/htmlcssjs-kickstart
*/
/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/**
* Minimal base styles.
*/
/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;
padding: 15px;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */
::-moz-selection{ background: #F47B08; color:#000000; text-shadow: none; }
::selection { background:#F47B08; color:#000000; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #F47B08; }
/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/**
* You might tweak these..
*/
body, select, input, textarea {
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
color: #444;
/* Set your base font here, to apply evenly */
/* font-family: Georgia, serif; */
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, a:active, a:visited { color: inherit; }
a:hover { background-color: transparent; }
/* /css/third_party/jquery-ui/jquery-ui-1.8.21.custom.css */
/*!
* jQuery UI CSS Framework 1.8.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=808080&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=f47b08&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=808080&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=f47b08&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=222222&fcActive=000000&iconColorActive=000000&bgColorHighlight=222222&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=f47b08&fcHighlight=f47b08&iconColorHighlight=f47b08&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=95&borderColorError=222222&fcError=222222&iconColorError=222222&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../css/third_party/jquery-ui/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 #aaaaaa; background: #808080 url(../css/third_party/jquery-ui/images/ui-bg_highlight-soft_75_808080_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 #808080; background: #f47b08 url(../css/third_party/jquery-ui/images/ui-bg_flat_75_f47b08_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; 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 #000000; background: #f47b08 url(../css/third_party/jquery-ui/images/ui-bg_flat_75_f47b08_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #222222; background: #ffffff url(../css/third_party/jquery-ui/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; 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 #f47b08; background: #222222 url(../css/third_party/jquery-ui/images/ui-bg_flat_55_222222_40x100.png) 50% 50% repeat-x; color: #f47b08; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #f47b08; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #222222; background: #cd0a0a url(../css/third_party/jquery-ui/images/ui-bg_flat_95_cd0a0a_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
.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/third_party/jquery-ui/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../css/third_party/jquery-ui/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../css/third_party/jquery-ui/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../css/third_party/jquery-ui/images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../css/third_party/jquery-ui/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../css/third_party/jquery-ui/images/ui-icons_000000_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../css/third_party/jquery-ui/images/ui-icons_f47b08_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../css/third_party/jquery-ui/images/ui-icons_222222_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: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../css/third_party/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../css/third_party/jquery-ui/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.21
*
* Copyright 2012, 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; 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.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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.21
*
* 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.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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.21
*
* Copyright 2012, 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*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*!
* jQuery UI Progressbar 1.8.21
*
* Copyright 2012, 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%; }
/* /css/third_party/prettyPhoto/prettyPhoto.css */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../css/third_party/prettyPhoto/images/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../css/third_party/prettyPhoto/images/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../css/third_party/prettyPhoto/images/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../css/third_party/prettyPhoto/images/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../css/third_party/prettyPhoto/images/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../css/third_party/prettyPhoto/images/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../css/third_party/prettyPhoto/images/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../css/third_party/prettyPhoto/images/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../css/third_party/prettyPhoto/images/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../css/third_party/prettyPhoto/images/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../css/third_party/prettyPhoto/images/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../css/third_party/prettyPhoto/images/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../css/third_party/prettyPhoto/images/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../css/third_party/prettyPhoto/images/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../css/third_party/prettyPhoto/images/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../css/third_party/prettyPhoto/images/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../css/third_party/prettyPhoto/images/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../css/third_party/prettyPhoto/images/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../css/third_party/prettyPhoto/images/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../css/third_party/prettyPhoto/images/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../css/third_party/prettyPhoto/images/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../css/third_party/prettyPhoto/images/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../css/third_party/prettyPhoto/images/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../css/third_party/prettyPhoto/images/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../css/third_party/prettyPhoto/images/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../css/third_party/prettyPhoto/images/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../css/third_party/prettyPhoto/images/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../css/third_party/prettyPhoto/images/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../css/third_party/prettyPhoto/images/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../css/third_party/prettyPhoto/images/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../css/third_party/prettyPhoto/images/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../css/third_party/prettyPhoto/images/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../css/third_party/prettyPhoto/images/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../css/third_party/prettyPhoto/images/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../css/third_party/prettyPhoto/images/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../css/third_party/prettyPhoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../css/third_party/prettyPhoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../css/third_party/prettyPhoto/images/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../css/third_party/prettyPhoto/images/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* /css/fonts.css */
/* ubuntu-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
src: url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-300italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: italic;
font-weight: 300;
src: url('../fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: italic;
font-weight: 400;
src: url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: normal;
font-weight: 500;
src: url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: italic;
font-weight: 500;
src: url('../fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
src: url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Ubuntu';
font-style: italic;
font-weight: 700;
src: url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* /css/temponaut.css */
/* äöü߀ */
html,body {
color: #888888;
background-color: #000000;
font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
font-size: 14px;
text-rendering: optimizeLegibility;
}
html {
}
body {
background-image: url(../media/images/bkg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
padding: 13px 0px 0px 0px;
min-height: 800px;
}
#content {
width: 1010px;
margin: 0px auto;
position: relative;
}
#main {
width: 1010px;
margin: 0px auto;
}
#lang-proposal {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
display: none;
background-color: rgba(0,0,0,0.5);
z-index: 1000;
}
#lang-proposal-links {
position: absolute;
left: 50%;
top: 50%;
margin-left: -259px;
margin-top: -80px;
}
#lang-proposal a {
display: block;
width: 518px;
height: 59px;
background-repeat: no-repeat;
background-position: left center;
margin: 15px 0px;
position: relative;
}
#lang-proposal a span.lang-proposal-words {
display: block;
position: absolute;
right: 0px;
top: 0px;
width: 192px;
height: 59px;
line-height: 58px;
text-transform: uppercase;
text-decoration: none;
color: #000000;
font-size: 31px;
}
#lang-proposal a img.lang-proposal-rollover {
position: absolute;
top: 0px;
left: 0px;
width: 518px;
height: 59px;
}
#lang-proposal a:hover img.lang-proposal-rollover {
display: none;
}
#lang-proposal-de {
background-image: url(../media/images/Temponaut-Zeitraffer.jpg);
}
#lang-proposal-en {
background-image: url(../media/images/Temponaut-Time-Lapse.jpg);
}
/******************************************************************************/
/* GENERAL */
/******************************************************************************/
.text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.no-list-style {
list-style: none;
padding: 0px;
margin: 0px;
}
ul.no-list-style li {
padding: 0px;
margin: 0px;
}
ul.dash {
list-style-type: square;
margin-left: 15px;
}
ul.dash.large {
margin-left: 20px;
}
ul.yellow-bubble {
list-style-image: url(../media/images/yellow_bubble.png);
margin-left: 17px;
}
div,p,input,textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#at20mc *,
#at3win * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
.clear {
font-size: 0px;
line-height: 0px;
height: 0px;
clear: both;
display: block;
}
h1.default.padded,
h2.default.padded,
ul.padded,
.padded {
padding: 0px 15px;
}
h2.padded-no {
padding: 0px;
}
table.padded {
margin: 0px 15px;
}
.padded-extra {
padding: 0px 30px;
}
.last-paragraph {
margin-bottom: 55px;
}
img.upload {
max-width: 200px;
max-height: 200px;
border: 1px solid #F47B08;
}
hr {
height: 1px;
line-height: 1px;
border: none;
border-bottom: 1px solid #FFFFFF;
}
hr.grey {
border-bottom: 1px solid #808080;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
margin: 0px 2px;
}
a.info-questionmark {
width: 13px;
height: 12px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../media/images/Fragezeichen_Warenkorb.png);
}
a.info-questionmark:hover {
background-image: url(../media/images/Fragezeichen_Warenkorb_active.png);
}
/******************************************************************************/
a.toggle-button {
display: inline-block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
line-height: 21px;
background-color: #888888;
color: #000000;
width: 185px;
height: 23px;
}
a.toggle-button:hover {
background-color: #888888;
color: #F47B08;
}
a.toggle-button.active {
background-color: #FFFFFF;
}
a.toggle-button.active:hover {
background-color: #FFFFFF;
color: #F47B08;
}
a.toggle-button.yes-no {
width: 70px;
}
/******************************************************************************/
a.toggle-checkbox {
display: inline-block;
text-transform: uppercase;
text-decoration: none;
line-height: 22px;
width: 160px;
height: 23px;
padding-left: 25px;
background-image: url(../media/images/check_off.gif);
background-position: left center;
background-repeat: no-repeat;
}
a.toggle-checkbox.active {
background-image: url(../media/images/check_on.gif);
background-position: left center;
background-repeat: no-repeat;
}
a.toggle-checkbox.yes-no {
width: 50px;
}
/******************************************************************************/
img.loading {
vertical-align: middle;
display: none;
}
.description {
margin-top: 35px;
font-size: 25px;
color: #292929;
text-align: center;
}
.breadcrumbs {
font-size: 11px;
}
.menu {
margin-bottom: 20px;
}
.menu .title {
color: #FFFFFF;
}
#videos {
font-size: 0px;
}
ul#videos li.video {
display: inline-block;
width: 167px;
height: 115px;
margin: 0px 31px 30px 0px;
vertical-align: top;
}
ul#videos li.video.video-5th {
margin: 0px 0px 30px 0px;
}
ul#videos li.video p.title {
font-size: 12px;
text-align: center;
margin-top: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul#videos li.video .video-container {
display: inline-block;
width: 167px;
height: 93px;
position: relative;
}
ul#videos li.video.active p.title {
color: #F47B08;
}
ul#videos li.video .video-container a {
display: inline-block;
width: 167px;
height: 93px;
}
ul#videos li.video .video-container a img {
width: 167px;
height: 93px;
}
ul#videos li.video .video-container img.play {
position: absolute;
top: 0px;
left: 0px;
}
ul#videos li.video .video-container span.play {
position: absolute;
top: 0px;
left: 0px;
width: 167px;
height: 93px;
background-image: url(../media/images/Videothumbs-Playbutton.png);
background-repeat: no-repeat;
background-position: center center;
}
ul#videos li.video .video-container span.play:hover {
background-image: url(../media/images/Videothumbs-Playbutton-Rollover.png);
}
ul#videos li.video a.video-prev,
ul#videos li.video a.video-next {
color: #FFFFFF;
width: 167px;
height: 93px;
line-height: 93px;
display: inline-block;
position: relative;
background-image: url(../media/images/next.jpg);
background-repeat: no-repeat;
background-position: top center;
}
ul#videos li.video a.video-prev {
background-image: url(../media/images/prev.jpg);
}
ul#videos li.video a.video-prev span.prev-text,
ul#videos li.video a.video-next span.next-text {
width: 145px;
height: 93px;
line-height: 93px;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
ul#videos li.video a.video-prev span.prev-text {
padding-left: 20px;
}
/******************************************************************************/
h1 {
font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
color: #F47B08;
font-size: 30px;
padding: 0px 15px;
text-transform: uppercase;
}
h2,
.headline {
font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 30px;
padding: 0px 15px;
margin-bottom: 30px;
}
h2.orange,.headline.orange {
color: #F47B08;
}
h2.grey,.headline.grey {
color: #888888;
}
h2.underlined {
border-bottom: 1px solid #FFFFFF;
padding-bottom: 4px;
}
h1.default {
color: #FFFFFF;
text-transform: none;
font-size: 16px;
padding: 0px;
}
h2.default {
color: #888888;
text-transform: none;
font-size: 16px;
padding: 0px;
}
/******************************************************************************/
a.orange,a.orange:active,a.orange:visited {
color: #F47B08;
text-decoration: none;
}
a.white,a.white:active,a.white:visited {
color: #FFFFFF;
text-decoration: none;
}
a.white:hover,a.orange:hover {
text-decoration: underline;
}
/******************************************************************************/
a.grey-text,
.grey-text,
.grey-text * {
color: #808080;
}
a.yellow-text,
.yellow-text,
.yellow-text * {
color: #F5D109;
}
a.orange-text,
.orange-text,
.orange-text *,
h1 .orange-text,
h2 .orange-text {
color: #F47B08;
}
a.white-text,
.white-text,
.white-text * {
color: #FFFFFF;
}
.large-text {
font-size: 18px;
}
a.breadcrumb {
color: #F47B08;
text-decoration: none;
}
/******************************************************************************/
/* HEADER */
/******************************************************************************/
header {
background-color: rgba(0, 0, 0, 0.67);
margin: 0px 0px 15px 0px;
height: 50px;
position: relative;
z-index: 200;
}
#header-content {
position: relative;
height: 50px;
margin: 0px auto;
width: 1010px;
}
#logo {
background-image: url(../media/images/logo_white.png);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
top: 4px;
left: 25px;
width: 338px;
height: 50px;
}
#logo:hover {
background-image: url(../media/images/logo_rollover.png);
}
/******************************************************************************/
#profile-container {
position: absolute;
right: 28px;
top: 5px;
text-align: right;
width: 300px;
text-transform: uppercase;
}
#profile,#profile:active,#profile:visited {
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
line-height: 1;
}
#profile:hover {
color: #F47B08;
}
#profile img {
max-width: 20px;
max-height: 20px;
padding-left: 4px;
vertical-align: text-top;
}
#heartbeat {
margin-right: 10px;
}
/******************************************************************************/
#login {
display: none;
position: absolute;
top: 55px;
right: 10px;
background-color: #000000;
padding: 5px;
z-index: 200;
}
#login input.text {
width: 140px;
border: 1px solid #4A4A4A;
background-color: transparent;
height: 19px;
line-height: 19px;
padding: 0px 5px;
}
#login-link {
outline: none;
}
/******************************************************************************/
/* PAGINATION */
/******************************************************************************/
.pagination {
text-align: center;
}
.pagination .sep {
margin: 0px 5px;
}
.pagination a {
color: #F47B08;
text-decoration: none;
margin: 0px 3px 0px 3px;
}
.pagination a.active {
color: #FFFFFF;
}
.pagination span.page {
color: #FFFFFF;
}
.pagination a.first,.pagination a.last {
font-weight: bold;
}
/******************************************************************************/
/* DASHBOARD */
/******************************************************************************/
.dashboard-number,.dashboard-number:active,.dashboard-number:visited {
color: #F47B08;
font-size: 30px;
}
/******************************************************************************/
/* FOOTER */
/******************************************************************************/
footer {
font-size: 13px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 55px;
border-top: 1px solid #808080;
color: #808080;
background-image: url(../media/images/Verlauf-Impressumsleiste.png);
background-repeat: repeat-x;
background-position: top center;
}
#footer-gradient {
height: 250px;
margin: 0px 0px -55px 0px;
background-image: url(../media/images/Verlauf-unten.png);
background-repeat: no-repeat;
background-position: top center;
}
body.default footer {
margin-top: 3px;
}
footer ul.text {
list-style: none;
padding: 0px;
}
footer ul.text li {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
border-left: 1px solid #808080;
display: inline-block;
}
footer ul.text li:first-child {
margin: 0px;
padding: 0px;
border-left: none;
}
footer a,footer a:active,footer a:visited {
color: #808080;
text-decoration: none;
text-transform: uppercase;
}
footer a:hover {
color: #F47B08;
}
footer ul.right {
float: right;
margin: 0px 25px 0px 0px;
}
footer ul.left {
float: left;
margin: 0px 0px 0px 25px;
}
footer ul.buttons {
list-style: none;
float: right;
margin: 35px 25px 0px 0px;
}
footer ul.buttons li {
display: inline-block;
margin-left: 20px;
}
footer ul.buttons li a {
width: 42px;
height: 42px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
}
#footer-button-youtube { background-image: url(../media/images/buttons/YOUTUBE-button.png); }
#footer-button-youtube:hover { background-image: url(../media/images/buttons/YOUTUBE-button-overlay.png); }
#footer-button-prints { background-image: url(../media/images/buttons/ARTPRINTS-button.png); }
#footer-button-prints:hover { background-image: url(../media/images/buttons/ARTPRINTS-button-overlay.png); }
#footer-button-facebook { background-image: url(../media/images/buttons/FACEBOOK-button.png); }
#footer-button-facebook:hover { background-image: url(../media/images/buttons/FACEBOOK-button-overlay.png); }
#footer-button-vimeo { background-image: url(../media/images/buttons/VIMEO-button.png); }
#footer-button-vimeo:hover { background-image: url(../media/images/buttons/VIMEO-button-overlay.png); }
/******************************************************************************/
/* NAVI */
/******************************************************************************/
#content nav {
margin-top: 20px;
margin-bottom: 30px;
}
#content nav ul {
list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
}
#content nav ul li {
margin: 0px 2px;
padding: 0px;
display: inline-block;
width: 174px;
height: 32px;
}
#content nav ul.narrow {
line-height: 40px;
}
#content nav ul.narrow li {
width: 110px;
}
#content nav ul.narrow li a.button,
#content nav ul.narrow li a.button:active,
#content nav ul.narrow li a.button:visited {
width: 110px;
font-size: 12px;
}
/******************************************************************************/
header nav.nav-1 {
position: absolute;
right: 27px;
bottom: 7px;
font-size: 12px;
}
header nav.nav-user {
position: absolute;
left: 15px;
top: 53px;
font-size: 12px;
}
header nav.nav-user ul {
display: none;
background-color: #000000;
border-left: 1px solid #FFFFFF;
list-style: none;
margin: 0px;
padding: 4px 0px 6px 0px;
}
header nav.nav-user #nav-user-submenu {
margin-left: 0px;
padding-left: 10px;
padding-right: 20px;
border-left: 1px solid #000000;
background-repeat: no-repeat;
background-position: right center;
}
header nav.nav-user #nav-user-submenu {
background-image: url(../media/images/do.png);
}
header nav.nav-user #nav-user-submenu:hover {
background-image: url(../media/images/dw.png);
}
header nav.nav-user.open #nav-user-submenu {
border-left: 1px solid #FFFFFF;
}
header nav.nav-user.open ul {
display: inline-block;
}
header nav.nav-user ul li {
margin: 0px;
padding: 0px;
}
header nav.nav-user ul li a {
margin: 0px;
padding: 2px 20px 2px 10px;
display: block;
color: #F47B08;
background-color: #000000;
}
header nav.nav-user ul li a:hover {
color: #000000;
background-color: #CCCCCC;
}
header nav a,
header nav a:active,
header nav a:visited {
margin-left: 10px;
text-transform: uppercase;
text-decoration: none;
color: #F47B08;
}
header nav a:hover {
color: #FFFFFF;
}
header #nav-login {
position: absolute;
right: 27px;
bottom: -20px;
font-size: 12px;
}
header #nav-user {
position: absolute;
right: 28px;
top: 6px;
font-size: 12px;
width: 590px;
height: 37px;
}
header div#nav-user #cart {
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 35px;
line-height: 30px;
padding: 0px 10px 0px 42px;
color: #000000;
background-color: #F47B08;
border: 1px solid #000000;
background-repeat: no-repeat;
background-position: 10px center;
background-image: url(../media/images/WK-black.png);
text-align: right;
font-size: 27px;
text-decoration: none;
}
header div#nav-user #cart:hover {
border: 1px solid #FFFFFF;
color: #FFFFFF;
background-image: url(../media/images/WK-white.png);
}
header div#nav-user #profile {
position: absolute;
right: 112px;
bottom: 0px;
}
header div#nav-user .discount {
position: absolute;
right: 112px;
top: 1px;
color: #F4D007;
text-transform: uppercase;
}
header #nav-shop p.discount span.highlight {
color: #00FF31;
}
/******************************************************************************/
/* BUTTON */
/******************************************************************************/
input.submit,.button,.button:active,.button:visited {
width: 220px;
height: 32px;
line-height: 30px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #FFFFFF;
background-color: #F47B08;
border: 1px solid #000000;
}
.button.black {
color: #000000;
}
input.submit:hover,.button.hover,.button:hover {
color: #FFFFFF;
background-color: #F47B08;
border: 1px solid #FFFFFF;
}
.button.active {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
}
nav ul li a.button,
nav ul li a.button:active,
nav ul li a.button:visited {
width: 174px;
}
#buttons {
margin: 60px auto 0px auto;
width: 960px;
}
#buttons .button {
text-transform: none;
background-color: #212121;
color: #C2C2C2;
text-align: center;
position: relative;
width: 298px;
height: 29px;
line-height: 29px;
border: 1px solid #212121;
margin: 0px 0px 1px 0px;
}
#buttons .button:hover {
border: 1px solid #F47B08;
color: #F47B08;
}
#buttons .button img {
position: absolute;
top: -14px;
left: -10px;
}
#buttons .button-img {
display: inline-block;
border: 2px solid #FFFFFF;
}
#buttons .button-img:hover {
border: 2px solid #F47B08;
}
#buttons .button-img img {
vertical-align: bottom;
}
/******************************************************************************/
input.submit-small,
.button-small,
.button-small:active,
.button-small:visited {
height: 18px;
line-height: 17px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-size: 12px;
padding: 0px 10px;
color: #000000;
background-color: #F47B08;
border: 1px solid #000000;
}
input.submit-small:hover,
.button-small:hover {
background-color: #F47B08;
border: 1px solid #FFFFFF;
}
input.submit-small.white,
.button-small.white {
color: #FFFFFF;
}
/******************************************************************************/
.button-sidebar,
.button-sidebar:active,
.button-sidebar:visited {
height: 28px;
line-height: 25px;
display: block;
text-decoration: none;
text-align: center;
font-size: 14px;
padding: 0px 10px;
color: #000000;
background-color: #F47B08;
border: 1px solid #F47B08;
}
#add-to-cart:hover {
background-color: #FFFFFF;
}
.button-sidebar:hover {
background-color: #F47B08;
border: 1px solid #FFFFFF;
}
.button-sidebar.grey {
background-color: #555555;
border: 1px solid #555555;
color: #FFFFFF;
}
.button-sidebar.grey:hover {
border: 1px solid #F47B08;
}
/******************************************************************************/
/* TABLE */
/******************************************************************************/
table.bordered {
border-collapse: collapse;
}
table.bordered th {
border: 1px solid #404040;
background-color: rgba(255, 255, 255, 0.1);
text-align: left;
font-weight: normal;
padding: 3px 5px;
color: #FFFFFF;
vertical-align: top;
}
table.bordered th a,table.bordered th a:active,table.bordered th a:visited
{
text-decoration: none;
}
table.bordered th a:hover {
text-decoration: underline;
}
table.bordered td {
border: 1px solid #404040;
padding: 3px 5px;
}
table.spaced td,
table.spaced th {
padding: 5px 10px 5px 0px;
}
/******************************************************************************/
/* FORM */
/******************************************************************************/
input,textarea {
font-family: inherit;
color: inherit;
}
textarea.text,input.text {
width: 100%;
border: 1px solid #4A4A4A;
background-color: transparent;
height: 29px;
line-height: 29px;
padding: 0px 5px;
}
textarea.text {
height: 130px;
line-height: normal;
padding: 5px 0px 5px 5px;
}
input.text.large {
width: 100%;
height: 33px;
line-height: 33px;
}
select.select {
width: 100%;
border: 1px solid #4A4A4A;
color: #888888;
background-color: transparent;
height: 29px;
padding: 5px 0px;
}
select.select option {
width: 100%;
background-color: transparent;
padding: 5px 0px;
}
input.text.readonly {
background-color: rgba(255, 255, 255, 0.1);
color: #888888;
}
/******************************************************************************/
.checkboxes a.checkbox,.checkboxes a.checkbox:active,.checkboxes a.checkbox:visited
{
display: inline-block;
width: 18px;
height: 18px;
margin-right: 5px;
background-image: url(../media/images/check_off.gif);
background-repeat: no-repeat;
background-position: center center;
}
.checkboxes a.checkbox.checked {
background-image: url(../media/images/check_on.gif);
}
/******************************************************************************/
.radiobuttons .radiobutton-element {
margin-top: 10px;
vertical-align: middle;
line-height: 20px;
}
tr.radiobuttons .radiobuttons .radiobutton-element {
margin-top: 5px;
}
.radiobuttons-container .radiobutton-element:first-child {
margin-top: 0px;
}
.radiobuttons .radiobutton-element a.radiobutton,
.radiobuttons .radiobutton-element a.radiobutton:active,
.radiobuttons .radiobutton-element a.radiobutton:visited {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 5px;
vertical-align: middle;
background-image: url(../media/images/check_off.gif);
background-repeat: no-repeat;
background-position: center center;
}
.radiobuttons .radiobutton-element a.radiobutton.checked {
background-image: url(../media/images/check_on.gif);
}
/******************************************************************************/
form ul.errors {
border: 1px solid #FF0000; //
list-style-position: inside;
list-style: none;
padding: 5px;
margin: 5px 0px 0px 0px;
color: #FF0000;
background-color: rgba(255, 127, 127, 0.2);
}
form td.horizontal ul.errors {
margin: 0px 0px 0px 15px;
}
form.standard table tr th {
color: #FFFFFF;
text-align: left;
padding-right: 10px;
padding-top: 14px;
font-weight: normal;
line-height: 29px;
width: 175px;
}
form.standard table.video tr th {
color: #888888;
font-weight: bold;
}
form.standard table tr:first-child th {
padding-top: 0px;
}
form.standard table tr td {
padding-top: 14px;
}
form.standard table tr:first-child td {
padding-top: 0px;
}
form.standard table tr.text td {
width: 515px;
}
form.standard.narrow table tr th,
form.standard.narrow table tr td {
padding-top: 4px;
}
/******************************************************************************/
/* DROPDOWN */
/******************************************************************************/
.dropdown-title {
vertical-align: baseline;
}
.dropdown {
position: relative;
display: inline-block;
vertical-align: middle;
height: 17px;
overflow: visible;
/* z-index: 5; */
}
.dropdown .dropdown-selected {
height: 17px;
width: 100%;
line-height: 13px;
display: block;
border: 1px solid #888888;
background-image: url(../media/images/dropdown.png);
background-repeat: no-repeat;
background-position: right center;
padding: 0px 33px 0px 5px;
}
.dropdown.white .dropdown-selected {
border: none;
color: #FFFFFF;
}
.dropdown.white .dropdown-items li a {
color: #FFFFFF;
}
.dropdown .dropdown-items {
position: absolute;
top: 0px;
left: 0px;
display: none;
list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
border: 1px solid #888888;
background-color: #000000;
}
.dropdown .dropdown-items li {
padding: 0px;
margin: 0px 5px;
border-top: 1px solid #888888;
}
.dropdown .dropdown-items li:first-child {
border-top: none;
}
.dropdown .dropdown-items li a {
display: block;
text-decoration: none;
}
.dropdown .dropdown-items li a.active,
.dropdown .dropdown-items li a:hover {
background-color: #292929;
}
.dropdown.hover .dropdown-selected {
display: none;
}
.dropdown.hover .dropdown-items {
display: block;
z-index: 100;
}
/******************************************************************************/
/* DEFAULT PAGE HOME */
/******************************************************************************/
#default-access-signup {
margin-top: 50px;
}
#default-access-thankyou {
margin-top: 50px;
}
#default-access-confirm {
margin-top: 50px;
}
#default-access-login {
margin-top: 50px;
}
#default-access-forgotPassword {
margin-top: 50px;
}
#default-access-resetPassword {
margin-top: 50px;
}
#default-shop-paymentConfirmed {
margin-top: 50px;
}
#default-shop-noPaymentConfirmed {
margin-top: 50px;
}
#default-video-listFree {
margin-top: 50px;
}
/******************************************************************************/
/* DEFAULT PAGE HOME */
/******************************************************************************/
#default-page-home h3 {
font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 30px;
padding: 0px 15px;
margin-bottom: 30px;
}
#default-page-home h3.orange {
color: #F47B08;
}
#default-page-home h1 {
font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
color: #808080;
font-size: 30px;
padding: 0px 15px;
text-transform: none;
}
#default-page-home aside div.box {
color: #000000;
background-color: #FFFFFF;
padding: 5px;
margin-bottom: 47px;
font-size: 14px;
text-align: center;
}
#default-page-home aside div.box label {
color: #888888;
}
#default-page-home aside div.box input.text {
border: 1px solid #B5B5B5;
width: 230px;
line-height: 22px;
height: 22px;
}
#default-page-home aside div.box input.submit {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #000000;
width: 280px;
text-transform: uppercase;
line-height: 22px;
height: 22px;
}
/******************************************************************************/
#default-page-home .scrollable {
width: 630px;
}
#default-page-home .scrollable .scrollable-container {
width: 615px;
height: 120px;
}
#default-page-home .scrollable .items {
}
#default-page-home .scrollable .items li.item {
width: 630px;
height: 120px;
}
#default-page-home .scrollable .prev {
top: 6px;
left: -26px;
padding: 10px;
}
#default-page-home .scrollable .next {
top: 6px;
right: -26px;
padding: 10px;
}
/******************************************************************************/
.videos-home {
font-size: 0px;
}
.videos-home div.video {
width: 163px;
display: inline-block;
margin: 0px 0px 0px 47px;
font-size: 14px;
}
.videos-home div.video a.video {
display: block;
position: relative;
}
.videos-home div.video img {
width: 163px;
}
.videos-home div.video img.extra {
width: auto;
}
.videos-home div.video .title {
color: #808080;
text-align: center;
font-size: 14px;
line-height: 1;
margin: 10px 0px 10px 0px;
padding: 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/******************************************************************************/
.videos-discount {
font-size: 0px;
text-align: center;
margin: 30px 0px 0px 0px;
}
.videos-discount div.video {
width: 270px;
display: inline-block;
margin: 0px 20px;
font-size: 14px;
}
.videos-discount div.video a.video {
display: block;
position: relative;
}
.videos-discount div.video img {
width: 270px;
}
.videos-discount div.video img.extra {
width: auto;
}
.videos-discount div.video .title {
color: #808080;
text-align: center;
font-size: 14px;
line-height: 1;
margin: 10px 0px 10px 0px;
padding: 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/******************************************************************************/
/* MEMBER SOCIAL COMMENTS */
/******************************************************************************/
#member-social-comments .comment-form .user {
float: left;
display: block;
width: 50px;
height: 50px;
}
#member-social-comments .comment-form .user img {
vertical-align: bottom;
width: 50px;
height: 50px;
}
#member-social-comments .comment-form form {
margin-left: 75px;
}
#member-social-comments .comment-form textarea {
padding: 8px;
margin-bottom: 5px;
width: 414px;
height: 50px;
border: 1px solid #808080;
background-color: transparent;
font-family: 'Ubuntu', Verdana, Helvetica, sans-serif;
}
#member-social-comments .comment-form .button {
height: 27px;
line-height: 25px;
color: #000000;
text-transform: none;
width: auto;
padding: 0px 20px;
}
#member-social-comments .comment-form .text-1 {
padding-left:10px;
color: #FFFFFF;
font-size: 11px;
}
#member-social-comments .comment-form .text-2 {
padding: 2px 0px 0px 10px;
color: #888888;
font-size: 11px;
}
/******************************************************************************/
#member-social-comments #comment-form .comment-form {
border-bottom: 1px solid #808080;
margin-top: 30px;
padding-bottom: 30px;
}
#member-social-comments li.comment .comment-form {
margin-left: 75px;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #808080;
display: none;
}
#member-social-comments li.comment ul.answers li.answer {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #808080;
}
#member-social-comments li.comment .answers .comment-form form {
margin-left: 40px;
}
#member-social-comments li.comment .answers .comment-form .user {
width: 25px;
height: 25px;
}
#member-social-comments li.comment .answers .comment-form .user img {
width: 25px;
height: 25px;
}
#member-social-comments li.comment .answers .comment-form textarea {
height: 35px;
width: 375px;
}
#member-social-comments li.comment .answers .answer-form p.answer-actions {
text-align: right;
font-size: 11px;
}
#member-social-comments li.comment .answers .answer-form p.answer-actions a {
text-decoration: none;
color: #F47B08;
}
#member-social-comments li.comment .answers .answer-form p.answer-actions a:hover {
color: #FFFFFF;
}
/******************************************************************************/
#member-social-comments ul.comments {
list-style: none;
margin: 30px 0px 0px 0px;
padding: 0px;
}
#member-social-comments ul.comments ul.answers {
list-style: none;
margin: 0px 0px 0px 75px;
padding: 0px;
}
#member-social-comments ul.comments li.comment {
border-bottom: 1px solid #808080;
padding-bottom: 20px;
margin-bottom: 20px;
}
#member-social-comments ul.comments li.comment .user {
float: left;
display: block;
width: 50px;
height: 50px;
}
#member-social-comments ul.comments li.comment li.answer .user {
width: 25px;
height: 25px;
}
#member-social-comments ul.comments li.comment .user img {
vertical-align: bottom;
width: 50px;
height: 50px;
}
#member-social-comments ul.comments li.comment li.answer .user img {
width: 25px;
height: 25px;
}
#member-social-comments ul.comments li.comment a.username {
color: #F47B08;
text-decoration: none;
font-size: 12px;
}
#member-social-comments ul.comments li.comment .date {
margin-left: 10px;
font-size: 11px;
}
#member-social-comments ul.comments li.comment .likes {
margin-left: 20px;
font-size: 13px;
color: #FFFFFF;
}
#member-social-comments ul.comments li.comment .likes .num {
margin-right: 5px;
}
#member-social-comments ul.comments li.comment .likes a.like,
#member-social-comments ul.comments li.comment .likes a.unlike {
width: 13px;
height: 13px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
}
#member-social-comments ul.comments li.comment .likes a.like { background-image: url(../media/images/like-orange.png); }
#member-social-comments ul.comments li.comment .likes a.like:hover { background-image: url(../media/images/like-white.png); }
#member-social-comments ul.comments li.comment .likes a.unlike { background-image: url(../media/images/like-grey.png); }
#member-social-comments ul.comments li.comment .likes a.unlike:hover { background-image: url(../media/images/like-white.png); }
#member-social-comments ul.comments li.comment .actions {
float: right;
text-align: right;
display: none;
}
#member-social-comments ul.comments li.comment .actions img {
vertical-align: bottom;
}
#member-social-comments ul.comments li.comment .actions a.delete {
color: #F47B08;
text-decoration: none;
font-size: 11px;
padding: 0 25px 0px 0px;
background-repeat: no-repeat;
background-position: center right;
background-image: url(../media/images/x_schliessen.png);
}
#member-social-comments ul.comments li.comment .actions a.delete:hover {
color: #FFFFFF;
background-image: url(../media/images/x_schliessen_weiss.png);
}
#member-social-comments ul.comments li.comment .stats.over .actions {
display: block;
}
#member-social-comments ul.comments li.comment div.stats {
margin: 0px 0px 0px 75px;
}
#member-social-comments ul.comments li.comment li.answer div.stats {
margin: 0px 0px 0px 40px;
}
#member-social-comments ul.comments li.comment div.message {
margin: 5px 0px 0px 75px;
padding: 3px 5px;
background-color: rgba(255,255,255,0.1);
font-weight: bold;
font-size: 13px;
color: #FFFFFF;
}
#member-social-comments ul.comments li.comment li.answer div.message {
font-weight: normal;
}
#member-social-comments ul.comments li.comment li.answer div.message {
margin: 5px 0px 0px 40px;
}
/******************************************************************************/
/* MEMBER SOCIAL COMMENTS */
/******************************************************************************/
#member-social-likes #like .likes {
float: left;
}
#member-social-likes #like .liked-by {
float: right;
}
#member-social-likes #like .likes .num {
margin-left: 10px;
color: #FFFFFF;
}
#member-social-likes #like .likes a.like {
border: 1px solid #F47B08;
color: #FFFFFF;
}
#member-social-likes #like .likes a.like:hover {
background-color: rgba(255,255,255,0.14);
}
#member-social-likes #like .likes a.unlike {
border: 1px solid #919191;
color: #919191;
}
#member-social-likes #like .likes a.unlike:hover {
background-color: rgba(255,255,255,0.14);
}
#member-social-likes #like .likes a.like,
#member-social-likes #like .likes a.unlike {
font-size: 11px;
padding: 2px 4px;
text-decoration: none;
}
#member-social-likes #like .likes a.like img,
#member-social-likes #like .likes a.unlike img {
margin-left: 4px;
vertical-align: text-top;
}
#member-social-likes #likes {
background-color: rgba(255,255,255,0.14);
list-style: none;
margin: 20px 0px 0px 0px;
padding: 0px;
}
#member-social-likes #likes li.like {
padding: 10px;
display: inline-block;
}
#member-social-likes #likes li.like a.user {
display: block;
width: 50px;
height: 50px;
text-align: center;
background-color: #000000;
}
#member-social-likes #likes li.like a.user img {
max-width: 50px;
max-height: 50px;
vertical-align: bottom;
}
/******************************************************************************/
/* DEFAULT VIDEO SHOW */
/******************************************************************************/
#default-video-show {
padding: 10px 0px 0px 0px
}
#default-video-show .row-1 {
background-color:rgba(255,255,255,0.14);
padding: 15px;
margin-left: -15px;
width: 988px;
}
#default-video-show .col-left {
width: 640px;
float: left;
}
#default-video-show .col-right {
width: 300px;
float: right;
}
#default-video-show #social {
margin: 20px 0px 55px 0px;
}
#default-video-show #social #member-social-comments {
float: left;
width: 490px;
}
#default-video-show #social #member-social-likes {
float: right;
width: 440px;
}
#default-video-show table.video-formats {
margin: 8px 4px 0px 4px;
width: 266px;
color: #FFFFFF;
}
#default-video-show table.video-formats td {
line-height: 19px;
padding-bottom: 3px;
}
#default-video-show table.video-formats td.check {
width: 20px;
padding-right: 5px;
line-height: 17px;
}
#default-video-show table.video-formats td.name {
width: 75px;
padding-right: 5px;
}
#default-video-show table.video-formats td.resolution {
width: 90px;
padding-right: 5px;
}
#default-video-show table.video-formats td.price {
text-align: right;
}
#default-video-show table.video-formats tr.active {
color: #F4D007;
}
#default-video-show table.facts {
margin: 16px auto 0px auto;
font-size: 12px;
}
#default-video-show table.facts th {
font-weight: normal;
text-align: right;
padding-right: 10px;
}
#default-video-show table.facts td {
color: #FFFFFF;
}
#default-video-show .video-description {
position: relative;
}
#default-video-show .video-description .video-description-handle.opened,
#default-video-show .video-description .video-description-handle.closed {
position: absolute;
top: -28px;
right: 0px;
font-size: 11px;
cursor: pointer;
}
#default-video-show .video-description .video-description-handle.opened {
display: none;
}
#default-video-show .video-description .video-description-content {
display: none;
}
#default-video-show .keywords {
font-size: 12px;
}
#default-video-show .keywords a {
text-decoration: none;
color: #F47B08;
}
#default-video-show .keywords a:hover {
text-decoration: underline;
}
/******************************************************************************/
#default-video-show .scrollable {
width: 1014px;
margin-left: -27px;
}
#default-video-show .scrollable .scrollable-container {
width: 960px;
height: 85px;
}
#default-video-show .scrollable .items {
width: 20000px;
}
#default-video-show .scrollable .items li.item {
width: 979px;
height: 85px;
margin-left: -19px;
}
#default-video-show .scrollable .prev {
top: 0px;
left: 0px;
padding: 5px;
}
#default-video-show .scrollable .next {
top: 0px;
right: 0px;
padding: 5px;
}
/******************************************************************************/
.videos-related {
font-size: 0px;
}
.videos-related div.video {
width: 120px;
display: inline-block;
margin: 0px 0px 0px 19px;
font-size: 14px;
}
.videos-related div.video a {
display: block;
position: relative;
width: 122px;
height: 69px;
}
.videos-related div.video img {
width: 122px;
height: 69px;
}
.videos-related div.video img.extra {
}
.videos-related div.video img.play {
position: absolute;
top: 0px;
left: 0px;
height: 68px;
width: 122px;
}
.videos-related div.video span.play {
position: absolute;
top: 0px;
left: 0px;
height: 69px;
width: 122px;
background-image: url(../media/images/Videothumbs-Playbutton_122x69.png);
background-repeat: no-repeat;
background-position: center center;
}
.videos-related div.video span.play:hover {
background-image: url(../media/images/Videothumbs-Playbutton-Rollover_122x69.png);
}
.videos-related div.video .title {
color: #808080;
text-align: center;
font-size: 12px;
line-height: 1;
margin: 2px 0px 0px 0px;
padding: 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/******************************************************************************/
/* DEFAULT VIDEOSsEARCH */
/******************************************************************************/
#default-video-search {
margin-top: 65px;
}
#default-video-search #col-left {
width: 170px;
float: left;
}
#default-video-search #col-right {
width: 800px;
margin-right: -20px;
float: right;
background-color: rgba(255,255,255,0.1);
padding: 15px 12px;
}
#default-video-search #col-right h2 {
color: #888888;
text-align: center;
font-size: 20px;
font-weight: normal;
padding: 0px;
margin: 0px;
}
#default-video-search .search-box {
position: relative;
border-top: 1px solid #303030;
margin-top: 10px;
padding-top: 10px;
color: #FFFFFF;
font-size: 13px;
}
#default-video-search .search-box:first-child {
border-top: none;
margin-top: 0px;
padding-top: 0px;
}
#default-video-search .search-box .search-box-close {
position: absolute;
top: 10px;
right: 0px;
display: none;
}
#default-video-search .search-box:first-child .search-box-close {
top: 0px;
}
#default-video-search .search-box .search-box-close img {
vertical-align: bottom;
}
#default-video-search .search-box.active .search-box-close {
display: block;
}
#default-video-search .search-box .search-box-headline {
cursor: pointer;
text-transform: uppercase;
padding: 0px 5px;
width: 146px;
}
#default-video-search .search-box.active .search-box-headline {
background-color: #383838;
}
#default-video-search .search-box ul.search-box-list {
list-style: none;
padding: 0px;
display: none;
margin: 5px 0px 0px 25px;
}
#default-video-search .search-box.active ul.search-box-list {
display: block;
}
#default-video-search .search-box ul.search-box-list li {
list-style: none;
padding: 0px 5px;
}
#default-video-search .search-box ul.search-box-list li.active {
color: #F47B08;
background-color: #383838;
}
#default-video-search .search-box ul.search-box-list li a {
text-decoration: none;
}
#default-video-search .search-box ul.search-box-list li a:hover {
color: #F47B08;
}
#default-video-search a.video-prev,
#default-video-search a.video-next {
color: #FFFFFF;
margin: 18px 0px 0px 0px;
width: 167px;
height: 93px;
line-height: 93px;
display: inline-block;
position: relative;
vertical-align: text-bottom;
background-image: url(../media/images/next.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#default-video-search a.video-prev {
background-image: url(../media/images/prev.jpg);
}
#default-video-search a.video-prev span.prev-text,
#default-video-search a.video-next span.next-text {
width: 145px;
height: 93px;
line-height: 93px;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
#default-video-search a.video-prev span.prev-text {
padding-left: 20px;
}
#default-video-search div.collection,
#default-video-search div.video {
font-size: 11px;
color: #888888;
margin: 0px 13px 0px 13px;
width: 167px;
height: 150px;
vertical-align: top;
}
#default-video-search div.video.with-price {
height: 165px;
}
#default-video-search div.collection img,
#default-video-search div.video img {
width: 167px;
height: 93px;
}
#default-video-search div.collection .title,
#default-video-search div.video .title {
font-size: 11px;
color: #888888;
margin: 0px 0px 5px 0px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#default-video-search div.collection .collection-details,
#default-video-search div.video .video-details {
text-align: center;
margin-top: 3px;
}
#default-video-search div.collection .collection-details .format,
#default-video-search div.video .video-details .format {
color: #FFFFFF;
float: left;
}
#default-video-search div.video .video-details .duration {
color: #FFFFFF;
float: right;
}
#default-video-search div.collection .collection-details .desc {
color: #888888;
float: right;
}
#default-video-search div.video .video-details .price {
color: #FFFFFF;
font-size: 13px;
}
#default-video-search .info-handle {
vertical-align: middle;
float:right;
padding-top:1px;
}
#default-video-search .info-popup {
border: 1px solid #FFFFFF;
padding: 20px 30px;
width: 200px;
color: #FFFFFF;
background-color: #000000;
position: absolute;
left: 140px;
top: -40px;
display: none;
z-index: 1000;
}
/******************************************************************************/
#default-video-search #col-right-start {
width: 775px;
float: right;
}
#default-video-search #col-right-start h2 {
}
#default-video-search .scrollable {
width: 775px;
}
#default-video-search .scrollable .scrollable-container {
width: 775px;
height: 130px;
}
#default-video-search .scrollable .items {
}
#default-video-search .scrollable .items li.item {
width: 775px;
height: 130px;
}
#default-video-search .scrollable.collections div.collection,
#default-video-search .scrollable.videos div.video {
height: 130px;
}
#default-video-search div.video.with-price {
height: 165px;
}
#default-video-search .scrollable .prev {
top: 25px;
left: -20px;
padding: 10px;
}
#default-video-search .scrollable .next {
top: 25px;
right: -20px;
padding: 10px;
}
/******************************************************************************/
/* DEFAULT SHOP CART */
/******************************************************************************/
#shop-progress {
width: 684px;
height: 29px;
position: relative;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../media/images/Warenkorb01.png);
}
#shop-progress.checkout {
background-image: url(../media/images/Warenkorb02.png);
}
#shop-progress .shop-progress-text {
font-size: 18px;
line-height: 19px;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 4px;
}
#shop-progress #shop-progress-cart { color:#000000; width:220px; left:4px; }
#shop-progress #shop-progress-checkout { color:#F47B08; width:250px; left:230px; }
#shop-progress #shop-progress-pay { color:#F47B08; width:175px; left:470px; }
#shop-progress.checkout #shop-progress-cart { color:#000000; }
#shop-progress.checkout #shop-progress-checkout { color:#000000; }
#shop-progress.checkout #shop-progress-pay { color:#F47B08; }
/******************************************************************************/
#default-shop-cart {
padding-bottom: 40px;
}
#default-shop-cart ul.cart-items {
}
#default-shop-cart ul.cart-items li.cart-item {
margin-bottom: 20px;
}
#default-shop-cart .cart-item-article {
background-color: rgba(255,255,255,0.14);
width: 670px;
padding: 15px;
position: relative;
float: left;
}
#default-shop-cart .cart-item-article .video-container {
width: 205px;
border: 1px solid #FFFFFF;
float: left;
}
#default-shop-cart .cart-item-article .video-container a {
display: block;
position: relative;
}
#default-shop-cart .cart-item-article .video-container img {
width: 203px;
vertical-align: bottom;
}
#default-shop-cart .cart-item-article .video-container img.collection {
width: 205px;
position: absolute;
left: -1px;
top: 0px;
}
#default-shop-cart .cart-item-article .details {
width: 420px;
float: right;
}
#default-shop-cart .cart-item-article .details table {
width: 100%;
}
#default-shop-cart .cart-item-article .details table tr.pad-bottom th,
#default-shop-cart .cart-item-article .details table tr.pad-bottom td {
padding-bottom: 15px;
}
#default-shop-cart .cart-item-article .details table th {
font-weight: normal;
text-align: left;
width: 75px;
padding-right: 10px;
}
#default-shop-cart .cart-item-article .details table td.action {
width: 75px;
font-style: italic;
text-align: right;
}
#default-shop-cart .cart-item-article .details table td.action a {
text-decoration: none;
}
#default-shop-cart .cart-item-article .details table td.action a:hover {
color: #F47B08;
}
#default-shop-cart .cart-item-article .details table td.middle {
width: 260px;
}
#default-shop-cart .cart-item-article .details table td.middle-and-action {
width: 335px;
}
#default-shop-cart .cart-item-article .details table td.middle > p,
#default-shop-cart .cart-item-article .details table td.middle-and-action > p {
width: inherit;
}
#default-shop-cart input.custom-fps {
border: none;
background-color: transparent;
text-align: right;
color: #F47B08;
vertical-align: baseline;
}
#default-shop-cart input.project {
border: none;
background-color: transparent;
color: #FFFFFF;
vertical-align: baseline;
}
#default-shop-cart .custom-fps {
color: #F47B08;
}
#default-shop-cart .cart-item-icons-1 {
float: left;
width: 65px;
line-height: 20px;
text-align: center;
position: relative;
}
#default-shop-cart .info-popup {
border: 1px solid #FFFFFF;
padding: 20px 30px;
width: 350px;
background-color: #000000;
position: absolute;
left: -340px;
top: -40px;
display: none;
}
#default-shop-cart .info-popup.collection {
top: -24px;
}
#default-shop-cart .info-popup table {
margin: 0px auto;
line-height: 1.3;
}
#default-shop-cart .info-popup table th {
text-align: right;
font-size: 12px;
font-weight: normal;
padding-right: 20px;
}
#default-shop-cart .info-popup table td {
color: #FFFFFF;
font-size: 12px;
text-align: left;
}
#default-shop-cart .cart-item-icons-1 img {
margin: 0px 4px;
vertical-align: bottom;
}
#default-shop-cart .cart-item-number {
float: left;
width: 20px;
line-height: 20px;
text-align: center;
}
#default-shop-cart .cart-item-price {
float: left;
width: 90px;
color: #F4D007;
font-size: 16px;
line-height: 20px;
text-align: right;
padding: 0px 20px 0px 0px;
}
#default-shop-cart .cart-item-price .line-through {
text-decoration: line-through;
}
#default-shop-cart .cart-item-icons-2 {
float: left;
width: 104px;
line-height: 20px;
}
#default-shop-cart .cart-item-icons-2 .skonto {
font-style: italic;
position: relative;
cursor: help;
}
#default-shop-cart .cart-item-icons-2 img {
vertical-align: bottom;
}
#default-shop-cart .total {
font-size: 16px;
color: #FFFFFF;
}
#default-shop-cart .total .total-price-wrapper {
color: #F4D007;
}
#default-shop-cart .total .total-price {
font-size: 20px;
}
#default-shop-cart .total .including-tax {
font-size: 11px;
}
#default-shop-cart .discount {
color: #F4D007;
text-transform: uppercase;
}
#default-shop-cart .discount span.highlight {
color: #00FF31;
}
/******************************************************************************/
/* DEFAULT SHOP CHECKOUT */
/******************************************************************************/
#default-shop-checkout {
padding-bottom: 40px;
}
#default-shop-checkout ul.cart-items {
}
#default-shop-checkout ul.cart-items li.cart-item {
margin-bottom: 20px;
}
#default-shop-checkout .cart-item-article {
background-color: rgba(255,255,255,0.14);
width: 670px;
padding: 15px;
position: relative;
float: left;
}
#default-shop-checkout .cart-item-article .video-container {
width: 205px;
border: 1px solid #FFFFFF;
float: left;
}
#default-shop-checkout .cart-item-article .video-container a {
display: block;
position: relative;
}
#default-shop-checkout .cart-item-article .video-container img {
width: 203px;
vertical-align: bottom;
}
#default-shop-checkout .cart-item-article .video-container img.collection {
width: 205px;
position: absolute;
left: -1px;
top: 0px;
}
#default-shop-checkout .cart-item-article .details {
width: 420px;
float: right;
}
#default-shop-cart .cart-item-article .details table {
width: 100%;
}
#default-shop-checkout .cart-item-article .details table tr.pad-bottom th,
#default-shop-checkout .cart-item-article .details table tr.pad-bottom td {
padding-bottom: 15px;
}
#default-shop-checkout .cart-item-article .details table th {
font-weight: normal;
text-align: left;
width: 75px;
padding-right: 10px;
}
#default-shop-checkout .cart-item-article .details table td.middle {
width: 335px;
}
#default-shop-checkout .cart-item-article .details table td.middle > p {
width: inherit;
}
#default-shop-checkout .cart-item-number {
float: left;
width: 86px;
line-height: 20px;
text-align: center;
padding-left: 66px;
}
#default-shop-checkout .cart-item-price {
float: left;
width: 90px;
color: #F4D007;
font-size: 16px;
line-height: 20px;
text-align: right;
padding: 0px 20px 0px 0px;
}
#default-shop-checkout .cart-item-price .line-through {
text-decoration: line-through;
}
#default-shop-checkout .cart-item-icons-2 {
float: left;
width: 104px;
line-height: 20px;
}
#default-shop-checkout .skonto {
font-style: italic;
font-size: 14px;
color: #888888;
position: relative;
cursor: help;
}
#default-shop-checkout .info-popup {
border: 1px solid #FFFFFF;
padding: 20px 30px;
width: 250px;
background-color: #000000;
position: absolute;
left: -315px;
top: -21px;
display: none;
text-align: center;
}
#default-shop-checkout .cart-item-icons-2 img {
vertical-align: bottom;
}
#default-shop-checkout .total {
font-size: 16px;
color: #FFFFFF;
}
#default-shop-checkout .total .total-price-wrapper {
color: #F4D007;
}
#default-shop-checkout .total .total-price {
font-size: 20px;
}
#default-shop-checkout .total .subtotal-price {
}
#default-shop-checkout .total .including-tax {
font-size: 11px;
}
#default-shop-checkout .total .subtotal-price-text {
color: #888888;
}
#default-shop-checkout #enter-coupon {
border: 1px solid #888888;
background-color: transparent;
padding: 0px 2px;
height: 19px;
line-height: 18px;
font-size: 14px;
vertical-align: bottom;
}
#default-shop-cart .button-big,
#default-shop-checkout .button-big {
width: 250px;
height: 40px;
border: 1px solid #000000;
line-height: 39px;
text-transform: uppercase;
text-align: center;
color: #000000;
background-color: #F47B08;
font-weight: bold;
text-decoration: none;
}
#default-shop-cart .button-big:hover,
#default-shop-checkout .button-big:hover {
border: 1px solid #FFFFFF;
color: #FFFFFF;
}
#default-shop-cart #goto-checkout {
width: 275px;
}
/******************************************************************************/
/* DEFAULT NEWSLETTER EDIT */
/******************************************************************************/
#default-newsletter-edit {
margin-top: 50px;
margin-bottom: 50px;
}
#default-newsletter-edit form.standard table tr th {
width: 345px;
}
/******************************************************************************/
/* DEFAULT PAGE DISCOUNT */
/******************************************************************************/
#default-page-discount {
margin-top: 50px;
}
#default-page-discount h1.default {
font-size: 21px;
}
#default-page-discount h2.default {
font-size: 21px;
}
/******************************************************************************/
/* DEFAULT PAGE SELL */
/******************************************************************************/
#default-page-sell ul.default-page-sell-fields {
text-align: center;
list-style: none;
margin: 50px 0px 0px 0px;
padding: 0px;
}
#default-page-sell ul.default-page-sell-fields li.default-page-sell-field
{
background-position: center center;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, 0.1);
width: 423px;
height: 206px;
position: relative;
display: inline-block;
margin: 0px 20px 30px 20px;
padding: 0px;
}
#default-page-sell ul.default-page-sell-fields li.default-page-sell-field h2
{
position: absolute;
top: 10px;
left: 10px;
width: 403px;
color: #F47B08;
font-size: 14px;
text-align: left;
padding: 0px;
}
#default-page-sell ul.default-page-sell-fields li.default-page-sell-field div.text
{
position: absolute;
bottom: 10px;
left: 10px;
width: 403px;
color: #FFFFFF;
font-size: 12px;
padding: 0px;
text-align: left;
}
/******************************************************************************/
/* DEFAULT PAGE FAQ */
/******************************************************************************/
#default-page-faq {
margin-top: 50px;
margin-bottom: 30px;
}
#default-page-faq div.questions {
margin-bottom: 40px;
}
#default-page-faq div.questions h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
}
#default-page-faq div.questions ul.questions {
list-style: none;
margin:0px;
padding: 0px;
}
#default-page-faq div.questions ul.questions li {
list-style: none;
margin: 0px 0px 10px;
padding: 0px;
}
#default-page-faq div.questions ul.questions li h4 {
cursor: pointer;
color: #FFFFFF;
font-style: italic;
margin: 0px 0px 5px 0px;
}
#default-page-faq div.questions ul.questions li div.answer {
display: none;
}
/******************************************************************************/
/* DEFAULT SHOWREEL LIST */
/******************************************************************************/
#default-showreel-list {
margin: 0px auto 0px auto;
}
#default-showreel-list #showreels-container {
position: relative;
background-image: url(../media/images/bkg_showreels.jpg);
background-repeat: repeat-y;
background-position: top center;
width: 1300px;
margin: -78px auto 0px -145px;
padding: 160px 0px 280px 0px;
}
#default-showreel-list #showreels {
list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
}
#default-showreel-list #showreels li.showreel {
margin: 0px auto 20px auto;
padding: 0px;
width: 840px;
}
#default-showreel-list #showreels li.showreel a.showreel {
display: block;
width: 840px;
height: 213px;
position: relative;
text-align: left;
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-image {
position: absolute;
top: 0px;
left: 0px;
width: 404px;
height: 197px;
padding: 7px;
background-color: rgba(0, 0, 0, 0.6);
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-image img.showreel-image
{
width: 402px;
height: 195px;
border: 1px solid #000000;
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-data
{
position: absolute;
top: 0px;
right: 0px;
width: 415px;
height: 211px;
background-color: rgba(0, 0, 0, 0.6);
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-data span.showreel-headline
{
position: absolute;
top: 20px;
left: 20px;
width: 380px;
line-height: 1em;
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-data span.showreel-headline span.showreel-title1
{
display: block;
color: #303030;
font-size: 25px;
line-height: 1em;
}
#default-showreel-list #showreels li.showreel a.showreel:hover span.showreel-data span.showreel-headline span.showreel-title1
{
color: #555555;
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-data span.showreel-headline span.showreel-title2
{
display: block;
color: #FFFFFF;
font-size: 60px;
line-height: 0.8em;
text-transform: uppercase;
}
#default-showreel-list #showreels li.showreel a.showreel span.showreel-data span.showreel-desc
{
position: absolute;
bottom: 8px;
left: 20px;
width: 380px;
color: #888888;
font-size: 12px;
}
#default-showreel-list #showreels li.showreel a.showreel:hover span.showreel-data span.showreel-desc
{
color: #BBBBBB;
}
#default-showreel-list #showreels li.showreel a.showreel:hover span.showreel-image img.showreel-image
{
border: 1px solid #F47B08;
}
#default-showreel-list #showreels li.showreel a.showreel:hover span.showreel-image,#default-showreel-list #showreels li.showreel a.showreel:hover span.showreel-data
{
background-color: rgba(255, 255, 255, 0.2);
}
#default-showreel-list #showreel-top {
position: absolute;
top: 0px;
left: 0px;
background-image: url(../media/images/bkg_showreels_oben.png);
background-repeat: no-repeat;
background-position: top center;
margin: 0px;
width: 1300px;
height: 513px;
}
#default-showreel-list #showreel-bottom {
position: absolute;
bottom: 0px;
left: 0px;
background-image: url(../media/images/bkg_showreels_unten.png);
background-repeat: no-repeat;
background-position: top center;
margin: 0px;
width: 1300px;
height: 290px;
}
/******************************************************************************/
/* DEFAULT SHOWREEL SHOW */
/******************************************************************************/
#default-showreel-show #showreel {
margin: -78px 0px 0px -104px;
position: relative;
width: 1218px;
height: 870px;
}
#default-showreel-show #showreel #showreel-iframe {
position: absolute;
top: 130px;
left: 129px;
width: 960px;
height: 540px;
}
#default-showreel-show #showreel #showreel-image {
position: absolute;
top: 0px;
left: 0px;
width: 1218px;
}
#default-showreel-show #showreel a.showreel-play {
width: 120px;
height: 120px;
position: absolute;
top: 50%;
left: 50%;
margin: -115px 0px 0px -60px;
text-align: center;
line-height: 120px;
}
#default-showreel-show #showreel a.showreel-play img.play {
width: 110px;
height: 109px;
vertical-align: middle;
}
@-webkit-keyframes pulsate {
0% { opacity: 1.0;}
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
@-moz-keyframes pulsate {
0% { opacity: 1.0;}
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
@-ms-keyframes pulsate {
0% { opacity: 1.0;}
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
@-o-keyframes pulsate {
0% { opacity: 1.0;}
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
@keyframes pulsate {
0% { opacity: 1.0;}
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
#default-showreel-show #showreel a.showreel-play {
-webkit-animation: pulsate 2.5s ease-in-out infinite;
-moz-animation: pulsate 2.5s ease-in-out infinite;
-ms-animation: pulsate 2.5s ease-in-out infinite;
-o-animation: pulsate 2.5s ease-in-out infinite;
animation: pulsate 2.5s ease-in-out infinite;
}
#default-showreel-show #showreel #showreel-text {
position: absolute;
right: 130px;
bottom: 140px;
text-align: right;
}
#default-showreel-show #showreel #showreel-text #showreel-text-before {
display: block;
}
#default-showreel-show #showreel #showreel-text #showreel-text-after {
display: none;
font-size: 14px;
}
#default-showreel-show #showreel #showreel-text #showreel-text-after a {
text-decoration: none;
}
#default-showreel-show #showreel #showreel-text #showreel-text-after a:hover {
text-decoration: underline;
}
#default-showreel-show #showreel #showreel-text #showreel-text-before h2,
#default-showreel-show #showreel #showreel-text #showreel-text-before .h2,
#default-showreel-show #showreel #showreel-text #showreel-text-before .showreel-headline2 {
color: #808080;
font-size: 19px;
margin: 0px;
padding: 0px;
line-height: 1;
}
#default-showreel-show #showreel #showreel-text #showreel-text-before h1,
#default-showreel-show #showreel #showreel-text #showreel-text-before .h1,
#default-showreel-show #showreel #showreel-text #showreel-text-before .showreel-headline1 {
color: #808080;
font-size: 41px;
margin: 0px;
padding: 0px;
line-height: 0.8;
}
#default-showreel-show .scrollable {
width: 1005px;
margin: -115px auto 0px auto;
}
#default-showreel-show .scrollable .scrollable-container {
width: 955px;
height: 58px;
}
#default-showreel-show .scrollable #showreels {
height: 58px;
}
#default-showreel-show .scrollable #showreels li.showreel {
margin: 0px 60px 0px 0px;
padding: 0px;
float: left;
width: 955px;
height: 58px;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel {
display: inline-block;
width: 276px;
height: 58px;
position: relative;
text-decoration: none;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel-2 {
margin: 0px 60px;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel .showreel-image {
position: absolute;
top: 0px;
left: 0px;
height: 58px;
width: 118px;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel .showreel-data {
position: absolute;
top: 0px;
right: 0px;
height: 58px;
width: 149px;
background-color: rgba(255, 255, 255, 0.1);
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel:hover .showreel-data {
background-color: #FFFFFF;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel .showreel-data .showreel-titles {
display: table-cell;
vertical-align: middle;
line-height: 1em;
height: 55px;
width: 139px;
padding: 0px 0px 0px 10px;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel .showreel-data .showreel-title1 {
font-size: 12px;
color: #888888;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel .showreel-data .showreel-title2 {
font-size: 22px;
text-transform: uppercase;
color: #FFFFFF;
}
#default-showreel-show .scrollable #showreels li.showreel a.showreel:hover .showreel-data .showreel-title2 {
color: #000000;
}
/******************************************************************************/
/* DEFAULT PARTNER */
/******************************************************************************/
#default-partner-list ul#partners {
font-size: 0px;
}
#default-partner-list ul#partners li.partner {
display: inline-block;
margin: 0px 31px 50px 0px;
}
#default-partner-list ul#partners li.partner.partner-3th {
margin: 0px 0px 50px 0px;
}
#default-partner-list ul#partners li.partner a {
display: inline-block;
width: 289px;
height: 58px;
padding: 5px;
position: relative;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.2);
}
#default-partner-list ul#partners li.partner a:hover {
background-color: rgba(255, 255, 255, 0.3);
}
#default-partner-list ul#partners li.partner a img.partner-image {
float: left;
max-width: 58px;
max-height: 58px;
}
#default-partner-list ul#partners li.partner a span.partner-name {
float: right;
width: 210px;
color: #F47B08;
font-size: 16px;
text-decoration: none;
margin-bottom: 9px;
overflow: hidden;
white-space: nowrap;
text-overflow: "... »";
}
#default-partner-list ul#partners li.partner a span.partner-data {
float: right;
width: 210px;
color: #888888;
text-decoration: none;
font-size: 12px;
}
/******************************************************************************/
#default-partner-show #partner {
margin: 50px 0px 30px 0px;
}
#default-partner-show #partner img.partner-image {
float: left;
max-width: 120px;
max-height: 120px;
}
#default-partner-show #partner p {
padding-left: 145px;
}
#default-partner-show #partner span.partner-name {
font-size: 40px;
color: #F5D109;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
#default-partner-show #partner span.partner-website {
color: #888888;
}
#default-partner-show #partner span.partner-website-url {
color: #FFFFFF;
}
#default-partner-show #partner p.partner-desc {
color: #FFFFFF;
margin-top: 10px;
}
/******************************************************************************/
/* DEFAULT COLLECTIONS */
/******************************************************************************/
#default-collections-list h2.headline {
color: #FFFFFF;
background-color: #F47B08;
text-transform: uppercase;
padding: 0px 10px;
font-size: 40px;
display: inline-block;
}
#default-collections-list ul#collections {
font-size: 0px;
width: 960px;
margin: 0px auto;
}
#default-collections-list ul#collections li.collection {
display: inline-block;
width: 164px;
height: 235px;
margin: 0px 34px 12px 0px;
}
#default-collections-list ul#collections li.collection a {
display: inline-block;
width: 164px;
height: 235px;
position: relative;
text-decoration: none;
}
#default-collections-list ul#collections li.collection a img {
width: 164px;
height: 98px;
}
#default-collections-list ul#collections li.collection a span.collection-name-1,
#default-collections-list ul#collections li.collection a span.collection-name-2 {
display: inline-block;
width: 164px;
height: 25px;
line-height: 25px;
background-color: #FFFFFF;
color: #000000;
text-align: center;
font-size: 16px;
font-weight: bold;
margin: 0px 0px 6px 0px;
}
#default-collections-list ul#collections li.collection a span.collection-name-2 {
height: 32px;
line-height: 32px;
font-size: 21px;
margin: 6px 0px 10px 0px;
}
#default-collections-list ul#collections li.collection a span.collection-name-3,
#default-collections-list ul#collections li.collection a span.collection-name-4 {
display: inline-block;
width: 164px;
color: #FFFFFF;
text-align: center;
font-size: 14px;
}
#default-collections-list ul#collections li.collection.collection-5th {
margin: 0px 0px 30px 0px;
}
/******************************************************************************/
#default-collections-show {
margin: 40px 0px 0px 0px;
}
#default-collections-show ul#videos li.video {
margin: 0px 31px 20px 0px;
}
#default-collections-show ul#videos li.video.video-5th {
margin: 0px 0px 20px 0px;
}
#default-collections-show ul#videos li.video.video-gt5 {
margin-bottom: 0px;
}
#default-collections-show div.collection {
margin: 0px auto;
width: 180px;
background-color: #000000;
padding: 7px;
position: relative;
}
#default-collections-show div.collection img.collection-image {
width: 164px;
height: 98px;
}
#default-collections-show div.collection span.collection-name-1,
#default-collections-show div.collection span.collection-name-2 {
display: inline-block;
width: 164px;
height: 25px;
line-height: 25px;
background-color: #FFFFFF;
color: #000000;
text-align: center;
font-size: 16px;
font-weight: bold;
margin: 0px 0px 6px 0px;
}
#default-collections-show div.collection span.collection-name-2 {
height: 32px;
line-height: 32px;
font-size: 21px;
margin: 6px 0px 0px 0px;
}
#default-collections-show p.collection-name-3,
#default-collections-show p.collection-name-4 {
color: #FFFFFF;
text-align: center;
font-size: 14px;
}
/******************************************************************************/
/* DEFAULT CATEGORIES */
/******************************************************************************/
#default-category-list ul#categories {
font-size: 0px;
width: 960px;
margin: 0px auto;
}
#default-category-list ul#categories li.category {
display: inline-block;
width: 299px;
height: 74px;
margin: 0px 30px 30px 0px;
}
#default-category-list ul#categories li.category a {
display: inline-block;
width: 299px;
height: 74px;
position: relative;
}
#default-category-list ul#categories li.category a img {
width: 299px;
height: 74px;
}
#default-category-list ul#categories li.category a span.category-name {
position: absolute;
max-width: 279px;
height: 21px;
bottom: 5px;
left: 5px;
color: #FFFFFF;
background-color: #F47B08;
text-transform: uppercase;
padding: 0px 5px;
font-size: 16px;
}
#default-category-list ul#categories li.category a:hover span.category-name
{
color: #F47B08;
background-color: #FFFFFF;
}
#default-category-list ul#categories li.category.category-3th {
margin: 0px 0px 30px 0px;
}
/******************************************************************************/
#default-category-show {
padding: 10px 0px 0px 0px;
}
#default-category-show h2.category-headline {
padding: 0px;
position: relative;
}
#default-category-show h2.category-headline img {
vertical-align: bottom;
width: 960px;
}
#default-category-show h2.category-headline span.category-name {
position: absolute;
max-width: 900px;
bottom: 15px;
left: 15px;
color: #FFFFFF;
background-color: #F47B08;
background-color: #000000;
text-transform: uppercase;
padding: 0px 10px;
font-size: 40px;
}
#default-category-show .search-button {
background-color: #F47B08;
border: 1px solid #000000;
color: #000000;
padding: 0px 10px;
text-decoration: none;
font-size: 13px;
}
#default-category-show .search-button:hover {
background-color: #F47B08;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}
/******************************************************************************/
/* ADMIN VIDEO UNCONFIRMED */
/******************************************************************************/
#admin-video-unconfirmed table.video-details th {
text-align: right;
padding-right: 10px;
vertical-align: top;
}
#admin-video-unconfirmed table.video-details th,#admin-video-unconfirmed table.video-details td
{
line-height: 22px;
}
#admin-video-unconfirmed table.video-details td.title {
color: #FFFFFF;
font-size: 16px;
}
#admin-video-unconfirmed table.video-details td.video-description {
font-style: italic;
}
#admin-video-unconfirmed table.video-details td.keywords {
}
/******************************************************************************/
/* ADMIN VIDEO COTW */
/******************************************************************************/
#admin-video-cotw h3 {
font-size: 20px;
color: #888888;
margin-top: 50px;
margin-bottom: 15px;
}
#admin-video-cotw h3:first-child {
margin-top: 0px;
}
#admin-video-cotw ul.cotw-videos {
list-style: none;
text-align: center;
margin: 0px;
padding: 0px;
}
#admin-video-cotw ul.cotw-videos li {
margin: 0px 15px;
padding: 0px;
display: inline-block;
width: 200px;
vertical-align: top;
}
#admin-video-cotw ul.cotw-videos li .title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#admin-video-cotw ul.cotw-videos li.deleted {
color: #FF0000;
}
#admin-video-cotw ul.cotw-videos li a.video {
display: inline-block;
width: 200px;
}
#admin-video-cotw ul.cotw-videos li .video img {
width: 200px;
vertical-align: bottom;
}
#admin-video-cotw ul.cotw-videos li div.no-video {
width: 200px;
height: 112px;
border: 1px dashed #FFFFFF;
}
/******************************************************************************/
/* PARTNER VIDEO UPLOAD */
/******************************************************************************/
#video-progress-bar {
display: inline-block;
width: 220px;
height: 19px;
border: 1px solid #FFFFFF;
}
#video-progress-inner {
display: inline-block;
width: 0%;
height: 19px;
background-color: #F47B08;
}
#video-progress-percent {
color: #FFFFFF;
font-size: 27px;
margin-left: 15px;
}
/******************************************************************************/
/* PARTNER VIDEO LIST */
/******************************************************************************/
#partner-video-list a.profile {
position: relative;
display: block;
float: left;
width: 74px;
height: 74px;
margin-right: 10px;
}
#partner-video-list a.profile img.profile {
max-width: 74px;
max-height: 74px;
line-height: 74px;
text-align: center;
}
#partner-video-list h2 {
margin-bottom: 0px;
}
#partner-video-list .videos .video .stats {
margin-bottom: 5px;
}
#partner-video-list .videos {
margin: 30px 0px 0px 0px;
}
#partner-video-list .videos .video a.video {
display: block;
position: relative;
}
.videos.break-three .video:nth-child(3n),
#partner-video-list .videos .video:nth-child(3n) {
margin-right: 0px;
}
/******************************************************************************/
.collection,
.videos {
font-size: 0px;
}
.collections div.collection,
.videos div.video {
width: 240px;
display: inline-block;
margin: 0px 90px 35px 0px;
font-size: 14px;
}
#default-video-listFree .videos div.video:nth-child(3n) {
margin: 0px 0px 35px 0px;
}
.collections div.collection a.collection,
.videos div.video a.video {
display: block;
position: relative;
}
.collections div.collection img,
.videos div.video img {
width: 240px;
vertical-align: bottom;
}
.collections div.collection img.extra
.videos div.video img.extra {
width: auto;
}
.collections div.collection img.play,
.videos div.video img.play {
position: absolute;
top: 0px;
left: 0px;
}
.collections div.collection span.play,
.videos div.video span.play {
position: absolute;
top: 0px;
left: 0px;
width: 167px;
height: 93px;
background-image: url(../media/images/Videothumbs-Playbutton.png);
background-repeat: no-repeat;
background-position: center center;
}
.collections div.collection span.play:hover,
.videos div.video span.play:hover {
background-image: url(../media/images/Videothumbs-Playbutton-Rollover.png);
}
.collections div.collection .title,
.videos div.video .title {
color: #FFFFFF;
text-align: center;
font-size: 16px;
margin: 10px 0px 10px 0px;
padding: 0px;
}
/******************************************************************************/
/* PARTNER VIDEO DETAILS */
/******************************************************************************/
#partner-video-details .categories {
text-align: center;
line-height: 38px;
}
#partner-video-details .categories a.category {
box-sizing: border-box;
font-weight: bold;
margin: 0 10px;
overflow: hidden;
padding: 0 15px;
text-overflow: ellipsis;
white-space: nowrap;
width: 210px;
}
#partner-video-details .movements {
text-align: center;
line-height: 38px;
}
#partner-video-details .movements a.movement {
margin: 0px 20px;
font-weight: bold;
}
#partner-video-details .lights {
text-align: center;
line-height: 38px;
}
#partner-video-details .lights a.light {
margin: 0px 20px;
font-weight: bold;
}
#partner-video-details .keywords {
text-align: center;
line-height: 20px;
}
#partner-video-details .keywords a.keyword {
margin: 0px 5px;
text-decoration: none;
font-style: italic;
color: #F47B08;
}
#partner-video-details .keywords a.keyword.active {
color: #F4D007;
}
#partner-video-details .keywords a.keyword:hover {
color: #F47B08;
}
#partner-video-details hr {
margin: 11px 0px;
}
#partner-video-details .format-price {
margin: 25px 0px 0px 0px;
}
#partner-video-details .format-price table {
width: 100%;
}
#partner-video-details .format-price table th {
text-align: left;
width: 260px;
padding: 0px;
}
#partner-video-details .format-price table td {
padding: 0px;
line-height: 29px;
vertical-align: middle;
}
#partner-video-details .price-yours {
font-size: 30px;
color: #01FE0F;
}
#partner-video-details .price-temponaut {
line-height: 29px;
}
#partner-video-details .price-buyer-with-tax {
font-size: 16px;
color: #FFFFFF;
}
#partner-video-details a.thumb,#partner-video-details a.thumb:active,#partner-video-details a.thumb:visited
{
border: 2px solid #333333;
display: inline-block;
width: 134px;
height: 75px;
margin: 16px;
}
#partner-video-details a.thumb.active,#partner-video-details a.thumb:hover
{
border: 2px solid #F47B08;
box-shadow: 2px 2px 5px #CCCCCC;
}
#partner-video-details img.thumb {
width: 134px;
height: 75px;
}
/******************************************************************************/
/* PARTNER SALES */
/******************************************************************************/
#partner-sales table.sales {
width: 100%;
border: 1px solid #444444;
}
#partner-sales table.sales tr th {
color: #808080;
font-weight: bold;
text-align: left;
}
#partner-sales table.sales tr th,
#partner-sales table.sales tr td {
border: 1px solid #444444;
padding: 2px 5px;
background-color: transparent;
}
#partner-sales table.sales tr.header {
background-color: #393939;
}
#partner-sales table.sales tr.bg:nth-child(odd) {
background-color: #212121;
}
/******************************************************************************/
/* MESSAGES */
/******************************************************************************/
ul.messages {
margin: 25px 0px 20px 0px;
padding: 0px 15px 0px 15px;
list-style: none;
}
li.message {
margin: 0px 0px 10px 0px;
padding: 10px;
color: #000000;
list-style: none;
}
li.message.error {
border: 1px solid #FF0000;
background-color: #FF7F7F;
}
li.message.info {
border: 1px solid #FFD800;
background-color: #FFE9B2;
}
li.message.success {
border: 1px solid #007F0E;
background-color: #CBFFB5;
}
/******************************************************************************/
/* SCROLLALBLE */
/******************************************************************************/
.scrollable {
position: relative;
}
.scrollable .scrollable-container {
overflow: hidden;
margin: 0px auto;
}
.scrollable .items {
width: 20000px;
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
}
.scrollable .items li.item {
padding: 0px;
float: left;
}
.scrollable .prev,
.scrollable .next {
display: none;
position: absolute;
top: 0px;
width: 16px;
height: 58px;
padding: 0px 5px;
background-repeat: no-repeat;
background-position: center center;
}
.scrollable .prev.initiated,
.scrollable .next.initiated {
display: block;
}
.scrollable .prev.initiated.disabled,
.scrollable .next.initiated.disabled {
display: none;
}
.scrollable .prev {
left: -5px;
background-image: url(../media/images/PfeilLinks.png);
}
.scrollable .prev:hover {
background-image: url(../media/images/PfeilLinks_Rollover.png);
}
.scrollable .next {
right: -5px;
background-image: url(../media/images/PfeilRechts.png);
}
.scrollable .next:hover {
background-image: url(../media/images/PfeilRechts_Rollover.png);
}
/******************************************************************************/
/* UPLOADIFY */
/******************************************************************************/
.uploadify-queue {
margin-top: 20px;
}
.uploadify-queue-item {
border: 1px solid #F47B08;
position: relative;
padding: 10px 30px 10px 10px;
background-color: rgba(255, 255, 255, 0.1);
}
.uploadify-queue-item .cancel {
position: absolute;
top: 0px;
right: 0px;
}
.uploadify-queue-item .cancel a,.uploadify-queue-item .cancel a:active,.uploadify-queue-item .cancel a:visited
{
color: #FFFFFF;
background-color: #F47B08;
display: block;
width: 15px;
height: 15px;
line-height: 15px;
text-decoration: none;
text-align: center;
}
.uploadify-queue-item .cancel a:hover {
color: #000000;
background-color: #FFFFFF;
}
/******************************************************************************/
/* PRETTY PHOTO */
/******************************************************************************/
.pp_content h2 {
color: #000000;
margin-bottom: 20px;
padding: 0px;
}
.pp_content .white-text {
color: #000000;
}
.pp_content .padded {
padding: 0px;
}
.pp_inline {
padding-bottom: 30px;
}
/******************************************************************************/
/* JQUERY UI */
/******************************************************************************/
.ui-icon {
display: inline-block;
}
.ui-icon.color-darkgrey {
background-image:
url(../css/third_party/jquery-ui/images/ui-icons_222222_256x240.png);
}
.ui-icon.color-white {
background-image:
url(../css/third_party/jquery-ui/images/ui-icons_ffffff_256x240.png);
}
.ui-icon.color-black {
background-image:
url(../css/third_party/jquery-ui/images/ui-icons_000000_256x240.png);
}
.ui-icon.color-orange {
background-image:
url(../css/third_party/jquery-ui/images/ui-icons_f47b08_256x240.png);
}
/******************************************************************************/
/* COOKIE CONSENT */
/******************************************************************************/
body.default .cc_container {
background-color: #222222;
}
body.default .cc_container .cc_btn,
body.default .cc_container .cc_btn:visited {
color: #000000;
background-color: #f47b08;
border-radius: 0;
border: 1px solid #f47b08;
transition: none;
}
body.default .cc_container .cc_btn:hover {
color: #ffffff;
border: 1px solid #ffffff;
}
body.default .cc_container a,
body.default .cc_container a:visited {
color: #f47b08;
}