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;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
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;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('../../images/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff !important;
background: #ffffff;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: 15px;
right: 31px;
width: 12px;
height: 13px;
background: transparent url('../images/sprite.png') 0 0px;
background-position:-250px -55px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('../images/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('../images/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('../images/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('../images/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('../images/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('../images/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('../images/fancybox.png') -55px -90px no-repeat;
}
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, 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: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content {
border: 1px solid #d4d4d4;
background: #ffffff;
color: #424242;
}
.ui-widget-content a { color: #333333; }
.ui-widget-header {
border: 1px solid #d8dade;
background: #d8dade;
color: #424242;
font-weight: bold;
}
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #ffffff;
font-weight: normal;
color: #a2a2a5;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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 {
background: #f4f4f4;
font-weight: normal;
color: #a2a2a5;
}
.ui-state-hover.ui-datepicker-prev, .ui-state-hover.ui-datepicker-next {
background: none !important;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #424242;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #d4d4d4;
background: #f4f4f4;
font-weight: normal;
color: #424242;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; 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 #CCCCCC;
background: #d8dade;
color: #424242;
font-weight: bold;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../../images/www/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.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(../../images/www/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon.ui-icon-circle-triangle-e {
background: url("../images/arrows.png") no-repeat -4px -9px scroll transparent;
height: 7px;
width: 4px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
background: url("../images/arrows.png") no-repeat 0 -9px scroll transparent;
height: 7px;
width: 4px;
}
.ui-state-default .ui-icon {
background: url("../images/arrows.png") no-repeat scroll 0 -4px transparent;
height: 4px;
width: 7px;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background: url("../images/arrows.png") no-repeat scroll 0 -4px transparent;
height: 4px;
width: 7px;
}
.ui-state-active .ui-icon {
background: url("../images/arrows.png") no-repeat scroll 0 -4px transparent;
height: 4px;
width: 7px;
}
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_ffd27a_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: -4px -9px; }
.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
----------------------------------*/
/* Overlays */
.ui-widget-overlay { background: #666666 url(../../images/www/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../../images/www/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
* jQuery UI Datepicker 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 70%; margin-left: -8px; top: 70%; 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*/
}
/* Selectmenu
----------------------------------*/
.selectmenu { display: block; position:relative; height:32px; text-decoration: none; overflow:hidden; font-size: 15px;}
a.selectmenu {
color: #424242 !important;
text-decoration: none !important;
}
.selectmenu-icon {
position:absolute;
right:10px;
margin-top:-3px;
top: 52%;
}
.selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.selectmenu-open { visibility: visible; }
.selectmenu-menu-popup { margin-top: -1px; }
.selectmenu-menu-dropdown { }
.selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.selectmenu-menu li a,.selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; height:24px; }
.selectmenu-menu li.selectmenu-hasIcon a,
.selectmenu-hasIcon .selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.selectmenu-menu li .ui-icon, .selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.selectmenu-status { line-height: 24px; }
.selectmenu-open li.selectmenu-item-focus a { }
.selectmenu-open li.selectmenu-item-selected { }
.selectmenu-menu li span,.selectmenu-status span { display:block; margin-bottom: .2em; }
.selectmenu-menu li .selectmenu-item-header { font-weight: bold; }
.selectmenu-menu li .selectmenu-item-content { }
.selectmenu-menu li .selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.selectmenu-menu .selectmenu-group { font-size: 1em; }
.selectmenu-menu .selectmenu-group .selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.selectmenu-menu .selectmenu-group ul { margin: 0; padding: 0; }
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 100%;
background: none;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #f4f4f4;
position: relative;
width: 12px;
margin: 0 auto;
}
.jspDrag
{
background: url(../../images/www/icons/scroll-pane-drag-buttons.png) center center no-repeat #fdfdfd;;
position: relative;
top: 0;
left: -3px;
cursor: pointer;
width: 16px;
border: 1px solid #ececec;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #ffffff;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
.jspArrow.jspArrowUp.jspDisabled, .jspArrow.jspArrowUp {
background: url(../../images/www/icons/scroll-pane-buttons.png) 0 0 no-repeat;
width: 18px;
height: 15px;
}
.jspArrow.jspArrowDown.jspDisabled, .jspArrow.jspArrowDown {
background: url(../../images/www/icons/scroll-pane-buttons.png) 0 -15px no-repeat;
width: 18px;
height: 15px;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
/* ----- [GENERAL] ----- */
body {
background: #ffffff;
font: 12px Arial, Helvetica, sans-serif;
color: #424242;
overflow-x: hidden;
}
.fastsprite{
background-image:url(../images/sprite.png);
background-repeat:no-repeat;
display:block;
overflow:hidden;
}
h1 {
color: #424242;
}
h2 {
color: #424242;
font-style: italic;
font-weight: normal;
}
h3 {
color: #727477;
}
h4 {
color: #424242
}
a {
color: #424242;
text-decoration: none;
}
a:focus {
outline:0;
}
p {
line-height: 1.2em;
margin: 0 0 10px 0;
text-align: justify;
}
ul {
list-style: none;
}
.no-margin {
margin: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.margin-right {
margin-right: 10px !important;
}
.margin-left {
margin-left: 10px !important;
}
.no-border {
border: 0 !important;
}
input[type=submit] {
border: 0;
cursor: pointer;
}
input[type=button] {
border: 0;
cursor: pointer;
}
.point {
font-weight: bold;
color: #e0270e;
}
.white-text {
color: #ffffff !important;
}
.font16 {
font-size: 16px !important;
}
.font11 {
font-size: 11px !important;
}
.font13 {
font-size: 13px !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.fwnormal {
font-weight: normal !important;
}
.fontArial {
font-family: Arial !important;
}
.heightAuto {
height:auto !important;
}
.lineheight {
line-height:1.2em !important;
}
/* ----- [/GENERAL] ----- */
/* [text-field] */
.text-field {
width: 286px;
border: 1px solid #d4d4d4;
height: 32px;
position: relative;
}
.text-field input {
color: #424242;
font: 15px Arial;
outline: medium none;
width: 230px;
height: 32px;
border: 0;
background: none;
padding: 0 40px 0 10px;
float: left;
background: url(../../images/www/icons/calendar.png) right 3px no-repeat;
line-height: 30px;
}
.text-field input#datepicker {
background: url(../../images/www/icons/calendar.png) right 3px no-repeat !important;
}
.text-field .ui-datepicker-trigger {
position: absolute;
right: 7px;
top: -1px;
cursor: pointer;
}
.text-field.type2 {
width: 172px;
}
.text-field.type2 input {
width: 117px;
}
input.text-field-type1 {
color: #424242;
font: 15px Arial;
outline: medium none;
height: 32px;
border: 1px solid #d4d4d4;
background: none;
padding: 0 10px;
float: left;
line-height: 30px;
}
/* [/text-field] */
/* [selectmenu] */
.selectmenu {
width: 288px;
}
.selectmenu.type2 {
width: 174px;
}
.selectmenu.type3 {
float:left;
width: 65px;
}
.selectmenu.type4 {
width: 600px;
}
/* [/selectmenu] */
/* [social info] */
.social.info .facebook-like {
height: 24px;
margin: 2px 5px 0 0;
float: left;
}
.social.info .tweet-like {
margin: 1px 0 0 0;
float: left;
width: 105px;
}
.social.info .tweet-like iframe {
width:160px !important;
*width: 170px !important;
}
.social.info .googleplus-like {
margin: 1px 0 0 0;
float: left;
width: 100px;
}
/* [social info] */
/* [date-container] */
.date-container {
float: left;
text-align: center;
width: 95px;
height: 22px;
background: #ffffff;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
line-height: 21px;
font-size: 11px;
font-weight: bold;
position: relative;
}
.date-container.type2 {
width: 85px;
}
.date-container.type3 {
width: 36px;
}
.date-container span {
font-size: 16px;
}
/* [/date-container] */
/* [standard-datepicker] */
.standard-datepicker .ui-icon-circle-triangle-w {
background: url("../../images/www/icons/white-arrows2.png") no-repeat scroll 0 -9px transparent;
width: 4px;
height: 7px;
}
/* [/standard-datepicker] */
/* ----- [BUTTONS] ----- */
span.arrow {
background: url(../images/arrows-white2.png) -4px -9px no-repeat;
width: 4px;
height: 7px;
display: inline-block;
margin: 0 0 0 10px;
padding-top: 1px;
*padding-top: 5px;
}
.button-small {
display: inline-block;
padding: 0 10px;
height: 33px;
line-height: 34px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 16px/32px Arial; /*'DroidSansRegular';*/
color: #ffffff;
text-align: center;
text-decoration: none !important;
position: relative;
}
.button-small.corners-type2 {
width: 80px;
padding: 0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
color: #ffffff !important;
}
.button-small.type3 {
width: 595px;
border: 1px solid #dfe1e8;
color: #424242;
font: 14px/31px 'Arial';
}
.button-small.submit {
font-family: Arial;
border: 0;
padding: 0 15px;
}
.button-big {
display: inline-block;
padding: 0 15px;
height: 37px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 20px/37px Arial; /*'DroidSansRegular';*/
color: #ffffff;
text-align: center;
text-decoration: none !important;
position: relative;
}
.button-bigger {
display: inline-block;
padding: 0 15px;
height: 60px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: bold 16px/60px 'Arial';
color: #ffffff;
text-align: center;
text-decoration: none !important;
position: relative;
}
.button-tiny {
float: left;
text-align: center;
width: 95px;
height: 23px;
background: #ffffff;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
line-height: 23px;
font-size: 13px;
font-weight: normal;
position: relative;
text-decoration: none !important;
}
.flex {
width: auto;
padding: 0 10px;
}
.btn-color-cinema, .btn-color-festival {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-cinema:hover, a.btn-color-festival:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-museum {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-museum:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-type2 {
color: #424242;
background: rgb(228,229,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(228,229,232,1) 0%, rgba(228,229,232,1) 50%, rgba(216,218,222,1) 51%, rgba(216,218,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,229,232,1)), color-stop(50%,rgba(228,229,232,1)), color-stop(51%,rgba(216,218,222,1)), color-stop(100%,rgba(216,218,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(228,229,232,1) 0%,rgba(228,229,232,1) 50%,rgba(216,218,222,1) 51%,rgba(216,218,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(228,229,232,1) 0%,rgba(228,229,232,1) 50%,rgba(216,218,222,1) 51%,rgba(216,218,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(228,229,232,1) 0%,rgba(228,229,232,1) 50%,rgba(216,218,222,1) 51%,rgba(216,218,222,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(228,229,232,1) 0%,rgba(228,229,232,1) 50%,rgba(216,218,222,1) 51%,rgba(216,218,222,1) 100%); /* W3C */
}
a.btn-color-type2:hover {
background: rgb(228,229,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(50%,rgba(237,237,237,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* W3C */
}
.btn-color-type3 {
background: rgb(79,79,79); /* Old browsers */
background: -moz-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(79,79,79,1) 50%, rgba(66,66,66,1) 51%, rgba(66,66,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,1)), color-stop(50%,rgba(79,79,79,1)), color-stop(51%,rgba(66,66,66,1)), color-stop(100%,rgba(66,66,66,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%,rgba(79,79,79,1) 50%,rgba(66,66,66,1) 51%,rgba(66,66,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(79,79,79,1) 0%,rgba(79,79,79,1) 50%,rgba(66,66,66,1) 51%,rgba(66,66,66,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%,rgba(79,79,79,1) 50%,rgba(66,66,66,1) 51%,rgba(66,66,66,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(79,79,79,1) 0%,rgba(79,79,79,1) 50%,rgba(66,66,66,1) 51%,rgba(66,66,66,1) 100%); /* W3C */
}
a.btn-color-type3:hover {
background: rgb(79,79,79); /* Old browsers */
background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(85,85,85,1) 50%,rgba(85,85,85,1) 51%,rgba(85,85,85,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(50%,rgba(85,85,85,1)), color-stop(51%,rgba(85,85,85,1)), color-stop(100%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(85,85,85,1) 50%,rgba(85,85,85,1) 51%,rgba(85,85,85,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(85,85,85,1) 50%,rgba(85,85,85,1) 51%,rgba(85,85,85,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(85,85,85,1) 50%,rgba(85,85,85,1) 51%,rgba(85,85,85,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(85,85,85,1) 50%,rgba(85,85,85,1) 51%,rgba(85,85,85,1) 100%); /* W3C */
}
.btn-color-type4 {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-type4:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-music {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-music:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-expo {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-kid:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-theatre {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-theatre:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-type8 {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-type8:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
input.btn-color-type8:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-type9 {
background: rgb(208,208,208); /* Old browsers */
background: -moz-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(208,208,208,1) 50%, rgba(217,217,217,1) 51%, rgba(217,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,1)), color-stop(50%,rgba(208,208,208,1)), color-stop(51%,rgba(217,217,217,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(208,208,208,1) 50%,rgba(217,217,217,1) 51%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(208,208,208,1) 50%,rgba(217,217,217,1) 51%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(208,208,208,1) 0%,rgba(208,208,208,1) 50%,rgba(217,217,217,1) 51%,rgba(217,217,217,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(208,208,208,1) 0%,rgba(208,208,208,1) 50%,rgba(217,217,217,1) 51%,rgba(217,217,217,1) 100%); /* W3C */
}
a.btn-color-type9:hover {
background: rgb(225,225,225); /* Old browsers */
background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 51%,rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(50%,rgba(225,225,225,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 51%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 51%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 51%,rgba(225,225,225,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(225,225,225,1) 0%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 51%,rgba(225,225,225,1) 100%); /* W3C */
}
.btn-color-type10 {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-type10:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-type11 {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(244,244,244,1) 51%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(51%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 51%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 51%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 51%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 51%,rgba(244,244,244,1) 100%); /* W3C */
}
a.btn-color-type11:hover {
background: rgb(248,248,248); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 50%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(51%,rgba(248,248,248,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 50%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 50%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 50%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 50%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 100%); /* W3C */
}
.btn-color-sport {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-sport:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-performance {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-performance:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-other {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-other:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-type15 {
background: rgb(151,174,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,174,74,1) 0%, rgba(155,177,81,1) 50%, rgba(146,170,65,1) 51%, rgba(146,170,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,174,74,1)), color-stop(50%,rgba(155,177,81,1)), color-stop(51%,rgba(146,170,65,1)), color-stop(100%,rgba(146,170,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(151,174,74,1) 0%,rgba(155,177,81,1) 50%,rgba(146,170,65,1) 51%,rgba(146,170,65,1) 100%); /* W3C */
}
a.btn-color-type15:hover {
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.btn-color-type16 {
background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(255,64,64,1) 50%, rgba(255,0,0,1) 51%, rgba(255,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(50%,rgba(255,64,64,1)), color-stop(51%,rgba(255,0,0,1)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,64,64,1) 50%,rgba(255,0,0,1) 51%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,64,64,1) 50%,rgba(255,0,0,1) 51%,rgba(255,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,64,64,1) 50%,rgba(255,0,0,1) 51%,rgba(255,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,64,64,1) 50%,rgba(255,0,0,1) 51%,rgba(255,0,0,1) 100%); /* W3C */
}
.list-btn {
float: left;
padding-left: 20px;
}
/* ----- [/BUTTONS] ----- */
/* ----- [WARNINGS] ----- */
.main-slider .warning-icon-big {
float: right;
}
.promo.theatre .warning-icon-big {
float: right;
}
.warning-icon-big {
float: left;
width: 32px;
height: 31px;
/*background: url(../../images/www/icons/warnings-big.png) no-repeat;*/
margin-right: 2px;
}
.warning-icon-big.after7 {
background-position: 0 0;
}
.warning-icon-big.after13 {
background-position: -33px 0;
}
.warning-icon-big.sex {
background-position: -66px 0;
}
.warning-icon-small {
float: left;
width: 22px;
height: 22px;
/* background: url(../../images/www/icons/warnings-small.png) no-repeat;*/
margin-right: 1px;
}
.warning-icon-small.after7 {
background-position: 0 0;
}
.warning-icon-small.after13 {
background-position: -23px 0;
}
.warning-icon-small.sex {
background-position: -46px 0;
}
.warning-icon-small.after3 {
background-position: -68px 0;
}
/* ----- [/WARNINGS] ----- */
/* ----- [BOXES] ----- */
.box-type1 {
position: relative;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.box-type2 {
position: relative;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.box-type3 {
position: relative;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border: 1px solid #dfe1e8;
border-bottom: 0;
}
.box-type4 {
padding: 10px;
}
.box-type5 {
padding: 8px;
background: #f4f4f4;
}
.box-type6 {
padding: 20px 20px 0;
}
.box-type7 {
padding: 5px;
}
.grey-gradient {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,228,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,228,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,232,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,232,1) 100%); /* W3C */
}
.title-type1 {
border-bottom: 1px solid #d8dade;
font-size: 14px;
font-weight: bold;
padding: 12px 15px 8px 14px;
}
.title-type1.narrow {
padding: 5px 15px 5px 14px;
}
.title-type1.grey {
background: #d8dade;
}
.title-type1.fair {
background: #f6f3f3;
}
.title-type2 {
border-bottom: 1px solid #d8dade;
font-size: 16px;
font-weight: bold;
padding: 12px 15px 12px 12px;
}
.box-content-type1 {
border-top: 1px solid #f6f3f3;
background: #f0ebeb;
padding: 7px 10px 7px;
}
.box-content-type2 {
border-top: 1px solid #f6f3f3;
background: #ebe9ea;
padding: 14px 10px 7px;
*padding: 12px 10px 7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .box-content-type2 {padding: 17px 10px 7px;} }
/* ----- [/BOXES] ----- */
/* ----- [accordion] ----- */
.accordion {
}
.accordion h3.accordion-title {
font-size: 15px;
font-weight: normal;
background: #F4F4F4;
border: 1px solid #C6C6C6;
border-top: 0;
}
.accordion.type1 h3.accordion-title {
font-size: 15px;
font-weight: normal;
padding: 0 50px 0 10px;
background: #F4F4F4;
border: 1px solid #C6C6C6;
border-top: 0;
height: auto !important;
line-height: 1.2em;
}
.accordion h3.accordion-title.ui-state-active, .accordion h3.accordion-title.ui-state-active.ui-state-hover {
background: url("../images/check.png") no-repeat scroll 555px center #92AA41;
color: #FFFFFF;
font-weight: bold;
}
.accordion.payment h3.accordion-title.ui-state-active, .accordion.payment h3.accordion-title.ui-state-active.ui-state-hover {
background: url("../images/check.png") no-repeat scroll 840px center #92AA41;
color: #FFFFFF;
font-weight: bold;
}
.accordion.type1 h3.accordion-title.ui-state-active, .accordion.type1 h3.accordion-title.ui-state-active.ui-state-hover {
background: #92AA41;
}
.accordion h3.accordion-title a {
color: #424242;
display: block;
padding: 10px 50px 10px 10px;
line-height: 1.2em;
}
.accordion.type1 h3.accordion-title a {
background: url(../../images/www/icons/accordion-arrows-black.png) -4px 17px no-repeat;
padding: 10px 0 10px 10px;
}
.accordion.type1 h3.accordion-title.ui-state-active a {
background: url(../../images/www/icons/accordion-arrows-white.png) -4px 17px no-repeat;
}
.accordion h3.accordion-title.ui-state-active a {
color: #ffffff;
}
.accordion h3.accordion-title.ui-state-hover {
background: #ececec;
}
.accordion .inner {
border-top: 0;
padding: 10px;
overflow: hidden;
}
.accordion.sessions h4 {
font-size: 15px;
}
.accordion.sessions .times {
float: left;
width: 370px;
margin: 0 10px 0 0;
}
.accordion.sessions .times .session-times {
margin: 0 0 20px 0;
}
.accordion.sessions .logo {
float: right;
width: 174px;
}
.accordion.sessions .logo img {
float: right;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position: relative;
border: 1px solid #d7d7d7;
margin: 28px 0 0 0;
}
.accordion.type1 .inner p {
margin: 0 0 10px 0;
font-size: 15px;
text-align: left;
}
.accordion.favorite-locations h3.accordion-title {
padding: 10px 10px 10px 10px;
position: relative;
cursor: pointer;
}
.accordion.favorite-locations h3.accordion-title span.location-name {
width: 390px;
display: inline-block;
}
.accordion.favorite-locations h3.accordion-title img {
position: absolute;
right: 45px;
top: 3px;
}
.accordion.favorite-locations h3.accordion-title.ui-state-default {
color: #424242;
}
.accordion.favorite-locations h3.accordion-title.ui-state-active, .accordion.favorite-locations h3.accordion-title.ui-state-active.ui-state-hover {
color: #ffffff;
background: #92aa41;
}
.accordion.favorite-locations h3.accordion-title a.accordion-x {
width: 40px;
height: 35px;
background: url(../../images/www/icons/accordion-x.png) 0 0;
padding: 0;
position: absolute;
top: 2px;
z-index: 200;
right: 0;
}
.accordion.favorite-locations h3.accordion-title.ui-state-default a.accordion-x {
background: url(../../images/www/icons/accordion-x.png) 0 0;
}
.accordion.favorite-locations h3.accordion-title.ui-state-active a.accordion-x {
background: url(../../images/www/icons/accordion-x.png) 0 -45px;
}
/* ----- [/accordion] ----- */
/* [ul] */
ul.list-type1 li {
background: url(../../images/www/icons/bullet.png) 0 5px no-repeat;
padding: 0 0 0 15px;
margin: 0 0 5px 0;
line-height: 1.2em;
}
ul.list-type2 {
position:relative;
}
ul.list-type2 li {
background: url(../../images/www/icons/arrow-bullet.png) 0 5px no-repeat;
padding: 0 0 5px 15px;
margin: 0 0 0 0;
line-height: 1.2em;
}
ul.list-type2 li a {
color: #424242;
text-decoration: none;
font-size: 15px;
}
ul.list-type3 li {
background: url(../../images/www/icons/bullet.png) 0 5px no-repeat;
padding: 0 0 0 15px;
margin: 0 0 15px 0;
line-height: 1.2em;
font-size: 14px;
text-align: justify;
}
ul.decimal {
list-style: decimal;
}
ul.selection {
list-style: none;
}
ul.selection li {
height: 44px;
border: 1px solid #c6c6c6;
border-top: 0;
font-size: 15px;
padding: 0 50px 0 10px;
background: #f4f4f4;
line-height: 44px;
cursor: pointer;
}
ul.selection li.active {
background: url(../images/check.png) no-repeat 555px center #92aa41;
font-weight: bold;
color: #ffffff;
}
ul.selection.narrow li.active {
background: url(../images/check.png) no-repeat 535px center #92aa41;
font-weight: bold;
color: #ffffff;
}
.scroll-pane ul {
padding-right: 20px;
}
/* [/ul] */
/* ----- [TABS] ----- */
.tabs {
position: relative;
padding-left: 15px;
z-index: 15;
list-style: none;
height:33px;
}
.tabs.tabs-type2 {
padding-left: 8px;
}
.tabs .mask-container {
position: absolute;
width: 10px;
height: 40px;
top: -6px;
left: 12px;
display: none;
z-index: 15;
}
.tabs .mask-container .relative-mask-container {
position: relative;
z-index: 15;
width: 10px;
height: 40px;
}
.tabs .mask-container .tab-mask {
width: 10px;
height: 38px;
background: #f6f6f6;
border-right: 1px solid #ebeaea;
border-bottom: 1px solid #ebeaea;
z-index: 11;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 10px 0px;
border-radius: 0px 0px 10px 0px;
position: relative;
}
.tabs .tab {
float: left;
height: 31px;
background: #ffffff;
border-top: 1px solid #ebeaea;
border-left: 1px solid #ebeaea;
border-right: 1px solid #ebeaea;
margin: 0 4px 0 0;
z-index: 10;
}
.tabs .tab.semi-active{
height: 38px;
border-bottom: 1px solid #ffffff;
margin-top: -6px;
}
.tabs .tab.active {
height: 38px;
border-bottom: 1px solid #ffffff;
margin-top: -6px;
}
.tabs .tab.active2 {
height: 35px;
border-bottom: 1px solid #ffffff;
}
.tabs .tab.active a {
/*padding: 6px 8px 0 !important;*/
}
.promo-area .tabs .tab.active {
/* border-left: none;*/
}
.tabs .tab .drop-down{
padding:10px;
position:absolute;
background-color:#fff;
border-width: 0px 1px 1px 1px;
border-color:#EBEAEA;
border-bottom-left-radius: 5px;
border-bottom-right-radius:5px;
/*box-shadow: 0px 4px 4px 0px rgba(11, 11, 11, 0.5); */
border-style:solid;
margin:-1px;
margin-top:8px;
}
.tabs .tab.last .drop-down{
position:absolute;
float:right;
}
.tabs .tab a {
display: block;
height: 25px;
text-align: center;
padding: 0 10px;
font-size: 16px;
color: #5a5b5d;
text-decoration: none;
line-height: 25px;
}
.drop-down a{
padding: 4px 10px !important;
display: block;
height: 25px;
text-align: left !important;
font-size: 16px;
color: #5a5b5d;
text-decoration: none;
line-height: 25px;
}
.tabs .drop-down a{
border-bottom:1px dotted #EBEAEA;
border-radius: 5px;
}
.drop-down a:hover{
display: block;
background-color:#EBEAEA;
text-decoration: none;
line-height: 25px;
}
.tabs.tabs-type2 .tab a {
font-size: 15px;
padding-left: 7px !important;
padding-right: 7px !important;
}
.tabs .tab .color-band {
height: 6px;
display: block;
background: #87888a;
}
.tabs .tab .color-band.showcase {
background: #abbf67;
}
.tabs .tab .color-band.cinema {
background: #d24136;
}
.tabs .tab .color-band.theatre {
background: #ea701f;
}
.tabs .tab .color-band.music {
background: #284b99;
}
.tabs .tab .color-band.kid {
background: #e9be4b;
}
.tabs .tab .color-band.sport {
background: #85bb6b;
}
.tabs .tab .color-band.performance {
background: #b46489;
}
.tabs .tab.last .color-band.other {
background: #fdfdfd;
}
.tabs .tab .color-band.festival {
background: #00B4CC;
}
.tabs .tab.last .imagea {
width: 25px;
/*background: url(../../images/www/icons/other.png) center center no-repeat;*/
}
.tabs .tab.last .imagea .othericon{
height:19px;width:25px;background-position:-540px 0;
}
.tabs.dinamic .tab.active .color-band {
background: #d24136;
}
.tab-container {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EBEAEA;
height: 671px;
left: 0;
margin-top:-2px;
top: 32px;
width: 378px;
z-index: 10;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.tab-container .tab-content {
padding: 10px;
margin-top: 3px;
}
.tab-container .boxoffice-number{
position:absolute;
padding:3px;
font-weight: bold;
width:20px;
height:20px;
line-height: 20px;
text-align:center;
border-radius:20px;
color:#fff;
margin:4px;
background: rgb(159,183,72); /* Old browsers */
background: -moz-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,183,72,1)), color-stop(50%,rgba(159,183,72,1)), color-stop(51%,rgba(159,183,72,1)), color-stop(100%,rgba(159,183,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(159,183,72,1) 0%,rgba(159,183,72,1) 50%,rgba(159,183,72,1) 51%,rgba(159,183,72,1) 100%); /* W3C */
}
.tab-content .show-all {
float: right;
}
.tab-content .show-all a.all {
text-decoration: underline;
float: left;
margin: 6px 10px 0 0;
}
.tab-content .nav-container {
float: left;
width: 36px;
height: 23px;
}
.tab-content .prev {
width: 18px;
height: 23px;
float: left;
background: #e8e8e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
position: relative;
}
.tab-content .prev.fair {
background: #fbfbfb;
}
.tab-content .next.fair {
background: #fbfbfb;
}
.tab-content .prev span {
background-position:-220px -17px;
width: 4px;
height: 7px;
display: block;
margin: 7px 0 0 10px;
}
.tab-content .next {
width: 18px;
height: 23px;
float: left;
background: #e8e8e8;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
position: relative;
}
.tab-content .next span {
background-position:-224px -17px;
width: 4px;
height: 7px;
display: block;
margin: 7px 0 0 5px;
}
.tab-container .tab-content .rows, .tab-container-type2 .rows {
background: none !important;
}
.tab-container .tab-content .row {
height: 120px;
border-bottom: 1px solid #e3e3e3;
position: relative;
}
.tab-container .tab-content .row .img-container {
padding: 10px 10px 10px 0;
float: left;
width: 72px;
height: 100px;
}
.tab-container .tab-content .row .img-container img {
width: 72px;
height: 100px;
}
.tab-container .tab-content .row .text {
float: left;
width: 270px;
margin: 10px 0 0 0;
}
.tab-container .tab-content .row .text h1 {
font-size: 15px;
}
.tab-container .tab-content .row .genres {
margin: 20px 10px 0 0;
width: 186px;
float: left;
position: relative;
}
.small-tab-row {
min-height: 60px;
border-bottom: 1px solid #e3e3e3;
position: relative;
}
.small-tab-row .boxoffice-number{
width:12px;
height:12px;
line-height: 12px;
border-radius:12px;
color:#fff;
padding:2px;
font-size:12px;
margin:-4px;
}
.small-tab-row .right-bottom{
margin-top:-25px;
float:right;
}
.small-tab-row .img-container {
padding: 5px 5px 5px 0;
float: left;
width: 36px;
height: 50px;
}
.small-tab-row .img-container img {
width: 36px;
height: 50px;
}
.small-tab-row .text {
float: left;
width: 306px;
margin: 5px 0 0 0;
}
.small-tab-row .text h1 {
font-size: 13px;
}
.small-tab-row .text h2 {
font-size: 12px;
}
.small-tab-row .genres {
width: 190px;
float: left;
position: relative;
}
.genre {
float: left;
text-align: center;
padding:0 5px;
margin-right:2px;
margin-bottom:2px;
background: #ececec;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
line-height: 22px;
font-size: 11px;
}
.genre.big {
/*width: 100px;*/
height: 32px;
line-height: 32px;
font-size: 14px;
}
.genre.genre3 {
position: absolute;
top: 26px;
left: 0;
}
.genre.genre4 {
position: absolute;
top: 26px;
left: 63px;
}
.genre.genre5 {
position: absolute;
top: 26px;
left: 126px;
}
.genre.genre1 {
position: absolute;
top: 0px;
left: 0px;
}
.genre.genre2 {
position: absolute;
top: 0px;
left: 63px;
}
.genre.genre6 {
position: absolute;
top: 0px;
left: 126px;
}
.tab-container .tab-content .row .right-bottom {
float: left;
width: 74px;
margin: 3px 0 0 0;
}
.tab-container .tab-content .row .right-bottom .warning {
float: right;
margin: 0 0 10px 0;
}
.tab-container .tab-content .row .right-bottom a.button-small {
float: right;
}
.tabs-type3 {
height: 39px;
position: absolute;
width: 289px;
background: #ffffff;
padding: 9px 0 0 9px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
z-index: 5;
}
.tabs-type3 .tab {
float: left;
border: 1px solid #cecece;
text-align: center;
font-size: 16px;
color: #5a5b5d;
font-weight: bold;
height: 38px;
line-height: 38px;
width: 138px;
z-index: 10;
}
.large-tab-container .tabs-type3 {
width: 588px;
}
.large-tab-container .tabs-type3 .tab {
width: auto;
padding: 0 10px;
font-weight: normal;
text-decoration: none;
background: #e6e6e6;
}
.tabs-type3 .tab.first {
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 0px 0px 0px;
border-radius: 3px 0px 0px 0px;
}
.tabs-type3 .tab.last {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 3px 0px 0px;
border-radius: 0px 3px 0px 0px;
border-left: 0;
}
.tabs-type3 .tab.active {
background: #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.large-tab-container .tabs-type3 .tab.active {
background: #ffffff;
border-bottom: 1px solid #ffffff;
}
.column-type3 .space-filler {
height: 48px;
}
.large-tab-container .space-filler {
height: 48px;
}
.tab-container-type2 {
height: 397px;
border-top: 1px solid #cecece;
width: 298px;
}
.large-tab-container .tab-container-type2 {
position: relative;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
width: 586px;
height: auto;
background: #ffffff;
}
.tab-container-type2 .tab-content {
padding: 10px;
}
.tab-container-type2 .tab-content .row {
border-bottom: 1px solid #cecece;
height: 120px;
position: relative;
}
.tab-container-type2 .tab-content .row .img-container {
float: left;
height: 100px;
overflow: hidden;
padding: 10px 10px 10px 0;
width: 72px;
}
.tab-container-type2 .tab-content .row .img-container img{
height: 100px;
width: 72px;
}
.tab-container-type2 .tab-content .row .text {
float: left;
width: 195px;
margin: 10px 0 0 0;
}
.tab-container-type2 .tab-content .row .text h1 {
font-size: 15px;
}
.tab-container-type2 .tab-content .row .text h2 {
margin: 0 0 6px 0;
}
.tab-container-type2 .tab-content .row .text .date-area {
margin: 0 0 5px 0;
}
.tab-container-type2 .tab-content .row .text .bottom .warning {
float: left;
margin: 8px 0 0 0;
}
.tab-container-type2 .tab-content .row .text .bottom .button-small {
float: right;
}
/* ----- [/TABS] ----- */
/* ----- [main-header] ----- */
.main-header .top-band {
width: 100%;
height: 31px;
background: #5a5b5d;
margin: 0 0 15px 0;
z-index: 102;
}
.main-header .top-band .content {
width: 980px;
line-height: 31px;
font-size: 13px;
color: #ececec;
margin: 0 auto;
}
.main-header .top-band .open-money {
float: left;
border-right: 1px solid #6b6c6e;
}
.main-header .top-band .open-money div {
float: left;
margin-right: 13px;
}
.main-header .top-band .open-money div.open-money-price {
background: #79797a;
padding: 0px 8px;
height: 24px;
line-height: 24px;
margin-top: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
font-weight: bold;
}
.main-header .top-band .open-money div.open-money-price span {
font-size: 18px;
}
.main-header .top-band .open-money a {
text-decoration: none;
color: #ececec;
}
.main-header .top-band .profile {
float: right;
position: relative;
z-index: 101;
}
/* [drop-down] */
.main-header .top-band .profile .drop-down {
position: absolute;
margin: 0;
border: 0;
top: 31px;;
right: 396px;
width: 178px;
z-index: 10;
display: none;
}
.main-header .top-band .profile .drop-down ul {
list-style: none;
}
.main-header .top-band .profile .drop-down ul li {
height: 35px;
line-height: 35px;
}
.main-header .top-band .profile .drop-down ul li a {
font-size: 13px;
color: #ffffff;
display: block;
padding: 0 10px;
height: 35px;
background: #79797a;
}
.main-header .top-band .profile .drop-down ul li a:hover {
background: #808081;
}
.main-header .top-band .profile .drop-down2 {
position: absolute;
margin: 0;
border: 0;
top: 31px;;
right: 13px;
right: 95px;
width: 280px;
z-index: 10;
background: #79797a;
}
.main-header .top-band .profile .drop-down2 .box-type4 {
border: 0;
margin: 0;
padding: 12px;
}
.main-header .top-band .profile .drop-down2 .sign-in-container {
float: none;
margin-right: 0;
border-right: 0
}
.main-header .top-band .profile .drop-down2 fieldset legend {
display: none;
}
.main-header .top-band .profile .drop-down2 fieldset label {
width: 55px;
margin: 0 7px 8px 0;
height: 36px;
text-align: right;
color: #ffffff;
font-size: 15px;
float: left;
}
.main-header .top-band .profile .drop-down2 fieldset input[type=text], .main-header .top-band .profile .drop-down2 fieldset input[type=password] {
height: 34px;
border: 1px solid #d4d4d4;
width: 176px;
margin: 0 0 8px 0;
line-height: 34px;
padding: 0 5px;
float: right
}
.main-header .top-band .profile .drop-down2 fieldset input[type=submit] {
float: right;
cursor: pointer;
}
.main-header .top-band .profile .drop-down2 a.password-forget {
font-size: 11px;
float: right;
color: #ffffff;
text-decoration: underline;
}
.main-header .top-band .profile .drop-down2 .wrong-info-container {
float: none;
margin-right: 0;
border-right: 0
}
.main-header .top-band .profile .drop-down2 a.wrong-info {
font-size: 10px;
display: block;
color: #ffffff;
float: right;
margin: -14px 4px 0 0;
}
/* [/drop-down] */
.main-header .top-band .profile div {
float: left;
margin-right: 13px;
border-right: 1px solid #6b6c6e;
}
.main-header .top-band .profile .profile-name {
padding: 0 0 0 10px;
}
.main-header .top-band .profile div.profile-name .greetings {
float: left;
}
.main-header .top-band .profile div.profile-name .name {
text-decoration: none;
color: #ececec;
font-weight: bold;
float: left;
}
.main-header .top-band .profile div.sign-up {
margin-right: 0;
}
.main-header .top-band .profile div.sign-up a.sign-up {
color: #ececec;
margin-right: 13px;
}
.main-header .top-band .profile div.sign-in a.sign-in {
float: left;
padding: 0 15px;
height: 31px;
color: #ececec;
}
.main-header .top-band .profile div.sign-in a.sign-in:hover {
color: #ffffff;
background: #79797a;
}
.main-header .top-band .profile div.profile-name a.profile-options {
width: 30px;
height: 31px;
float: left;
background: url(../images/arrow-down-type1.png) no-repeat center 15px;
margin: 0 0 0 5px;
}
.main-header .top-band .profile div.profile-name a.profile-options:hover {
background: url(../images/arrow-down-type1.png) no-repeat center 15px #79797a;
}
.main-header .top-band .profile div.profile-name a.profile-options.active {
background: url(.../images/arrow-down-type1.png) no-repeat center 15px #79797a;
}
.main-header .top-band .profile div.basket a.basket-details {
background: url(../../images/www/icons/basket.png) left center no-repeat;
padding-left: 30px;
text-decoration: none;
color: #ececec;
float: left;
margin-right: 10px;
}
.main-header .top-band .profile div.basket .sum {
float: left;
margin: 3px 10px 0 0;
background: #79797a;
padding: 0px 8px;
height: 24px;
line-height: 24px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
font-weight: bold;
font-size: 18px;
}
.main-header .top-band .profile div.lang {
border: none;
}
.main-header .top-band .profile div.lang a {
margin: 0 6px;
text-decoration: none;
color: #a1a1a1;
}
.main-header .top-band .profile div.lang span {
color: #a1a1a1;
}
.main-header .top-band .profile div.lang a.active {
color: #ffffff;
}
.main-header .top-area {
width: 980px;
height: 123px;
margin: 0 auto;
padding: 0 0 15px 0;
}
.main-header .top-area div.logo {
margin: 0 70px 0 15px;
float: left;
}
.main-header .top-area div.logo a.logo {
height:128px;width:194px;background-position:-300px -103px;
display: block;
}
.main-header .top-area .search-container {
height:78px;width:493px;
float: left;
margin: 25px 55px 0 0;
}
.main-header .top-area .search-container .search-area {
background-image:url(../images/sprite.png);
background-repeat:no-repeat;
display:block;
height:78px;width:493px;background-position:-494px -99px;
position: relative;
z-index:100;
}
.main-header .top-area .search-container .search-area .input-container {
position: relative;
width: 491px;
height: 43px;
border: 1px solid #dddddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #ffffff;
z-index:101;
}
.main-header .top-area .search-container .search-area .input-container input.search-field {
height: 30px;
width: 380px;
margin: 4px 0 0 10px;
float: left;
font-size: 16px;
border: none;
border: 0;
line-height: 30px;
}
.main-header .top-area .search-container .search-area .input-container input.search-button {
float: right;
width: 76px;
height: 49px;
border: none;
cursor: pointer;
margin: -1px -1px 0 0;
color: #ececec;
font: 15px Arial;/*'DroidSansBold';*/
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
position: relative;
}
.main-header .top-area .search-container .search-area .input-container input.search-button {
background: rgb(146,147,149); /* Old browsers */
background: -moz-linear-gradient(top, rgba(146,147,149,1) 0%, rgba(146,147,149,1) 50%, rgba(135,136,138,1) 51%, rgba(135,136,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(146,147,149,1)), color-stop(50%,rgba(146,147,149,1)), color-stop(51%,rgba(135,136,138,1)), color-stop(100%,rgba(135,136,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(146,147,149,1) 0%,rgba(146,147,149,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(146,147,149,1) 0%,rgba(146,147,149,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(146,147,149,1) 0%,rgba(146,147,149,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(146,147,149,1) 0%,rgba(146,147,149,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* W3C */
}
.main-header .top-area .search-container .search-area a.search-in-detail {
width: 124px;
height: 16px;
display: block;
position: absolute;
left: 14px;
bottom: 5px;
font-size: 14px;
color: #fbfbfb;
font-weight: bold;
text-decoration: none;
text-align: center;
}
.main-header .top-area .buy-area {
margin: 90px 0 0 0;
float: left;
}
/* ----- [/main-header] ----- */
/* ----- [sub-header] ----- */
.sub-header {
margin: 0 0 15px;
}
/*
.sub-header .left-column {
width: 652px;
}
.sub-header .right-column {
width: 190px;
}
.sub-header .right-column .all-places {
margin-left: 10px;
}
*/
.sub-header ul.breadcrumb {
margin: 5px 0 0 30px;
list-style: none;
}
.sub-header ul.breadcrumb li {
padding: 7px 0 7px 10px;
float: left;
background: url(../images/breadcrumb-stick.gif) right center no-repeat;
position: relative;
}
.sub-header ul.breadcrumb li.active {
background: #ffffff !important;
}
.sub-header ul.breadcrumb li.before-active {
background: none !important;
}
.sub-header ul.breadcrumb a {
float: left;
color: #5a5b5d;
font-size: 15px;
text-decoration: underline;
margin-right: 10px;
}
.sub-header ul.breadcrumb a.home {
background: url(../images/home.png) no-repeat;
width: 20px;
height: 16px;
margin: 0 10px 0 0;
}
.sub-header ul.breadcrumb span.options {
float: left;
background: url(../images/dropdown-arrows.png) 0 0 no-repeat;
width: 13px;
height: 13px;
margin: 2px 10px 2px 0;
cursor: pointer;
}
.sub-header ul.breadcrumb span.options.hover {
background-position: 0 -13px;
}
.sub-header ul.breadcrumb span.options.selected {
background-position: 0 -26px;
}
.sub-header ul.breadcrumb li .dropdown {
position: absolute;
top: 31px;
left: 0;
background: #ffffff;
display: none;
z-index: 500;
width: 220px;
background: url(../images/dropdown-bg.png) repeat;
padding-bottom: 5px;
}
.sub-header ul.breadcrumb li .dropdown ul.dropdown-list {
width: 220px;
margin: 10px 0;
}
.sub-header ul.breadcrumb li .dropdown ul.dropdown-list li {
margin: 0;
padding: 0;
font-size: 13px;
width: 210px;
background: none;
margin: 0 5px;
}
.sub-header ul.breadcrumb li .dropdown ul.dropdown-list li a {
text-decoration: none;
font-size: 13px;
padding: 5px 0 5px 20px;
margin-right: 0;
background: url(../../images/www/icons/arrow-bullet.png) 10px 8px no-repeat;
display: block;
width: 185px;
font-weight: bold;
}
.sub-header ul.breadcrumb li .dropdown.active {
display: block;
}
/* ----- [/sub-header] ----- */
/* ----- [MAIN-CONTAINER] ----- */
.main-container {
width: 980px;
margin: 0 auto;
background: #f6f6f6;
padding: 0 0 10px 0;
border-bottom: 1px solid #cbcdd1;
position:relative;
}
.main-container .top-band {
height: 10px;
background: #92aa41;
z-index: 99;
position: relative;
}
.main-container .top-band .shadow {
position: absolute;
top: 10px;
left: 0;
height:5px;width:980px;background-position:0 -269px;
width: 980px;
height: 9px;
}
.upper-page {
margin: 0 0 10px 0;
}
.left-column {
width: 650px;
float: left;
}
/* [LEFT COLUMN] */
/* [top-right-buttons] */
.all-places {
position: relative;
width: 150px;
height: 38px;
margin-left: 155px;
}
.all-places span.right-patch {
display: block;
width: 7px;
height: 38px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
background: #f6f6f6;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 0px 0px 0px;
border-radius: 10px 0px 0px 0px;
}
.all-places span.top-patch {
width: 150px;
height: 6px;
background: #92aa41;
float: left;
}
.all-places .button {
position: relative;
width: 143px;
height: 32px;
float: left;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #92aa41;
font-size: 14px;
color: #fbfbfb;
text-decoration: none;
line-height: 32px;
}
.all-places .button span.marker {
float: left;
height:19px;width:15px;background-position:-250px -68px;
margin: 5px 8px 0 15px;
}
.all-events, .all-places {
z-index:98;
}
.all-events {
position: absolute;
width: 150px;
height: 38px;
margin-right: 10px;
top:0;
left:-6px;
}
.settings {
position: absolute;
width: 150px;
height: 38px;
margin-right: 10px;
top:0;
left:-315px;
}
.printTickets {
position: absolute;
width: 150px;
height: 38px;
margin-right: 10px;
top:0;
left:-160px;
}
.all-events span.right-patch {
display: block;
width: 7px;
height: 38px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: #f6f6f6;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 10px 0px 0px;
border-radius: 0px 10px 0px 0px;
}
.settings span.right-patch {
display: block;
width: 7px;
height: 38px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: #f6f6f6;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 10px 0px 0px;
border-radius: 0px 10px 0px 0px;
}
.printTickets span.right-patch {
display: block;
width: 7px;
height: 38px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: #f6f6f6;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 10px 0px 0px;
border-radius: 0px 10px 0px 0px;
}
.all-events span.top-patch {
width: 150px;
height: 6px;
background: #92aa41;
float: left;
}
.settings span.top-patch {
width: 150px;
height: 6px;
background: #92aa41;
float: left;
}
.printTickets span.top-patch {
width: 150px;
height: 6px;
background: #92aa41;
float: left;
}
.all-events .button {
position: relative;
width: 143px;
height: 32px;
float: right;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #4E5C20;
font-size: 14px;
color: #fbfbfb;
text-decoration: none;
line-height: 32px;
}
.settings .button {
position: relative;
width: 143px;
height: 32px;
float: right;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #000000;
font-size: 14px;
color: #fbfbfb;
text-decoration: none;
line-height: 32px;
}
.printTickets .button {
position: relative;
width: 143px;
height: 32px;
float: right;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #E6761F;
font-size: 14px;
color: #fbfbfb;
text-decoration: none;
line-height: 32px;
}
.all-events .button span.marker {
float: left;
height:19px;width:15px;background-position:-250px -68px;
margin: 5px 8px 0 15px;
}
.settings .button span.marker {
float: left;
height:19px;width:15px;background-position:-250px -68px;
margin: 5px 8px 0 15px;
}
.printTickets .button span.marker {
float: left;
height:19px;width:15px;background-position:-250px -68px;
margin: 5px 8px 0 15px;
}
/* [/top-right-buttons] */
/* [cinema-page] */
.cinema-page .top-band{background:#d14136}
.cinema-page .all-places span.top-patch{background:#d14136}
.cinema-page .all-places .button{background:#d14136}
.cinema-page .all-events span.top-patch{background:#d14136}
.cinema-page .all-events .button{background:#d14136}
.cinema-page .side-nav .collar{background:#d14136}
/* [cinema-page] */
/* [theatre-page] */
.theatre-page .top-band{background:#ea701f}
.theatre-page .all-places span.top-patch{background:#ea701f}
.theatre-page .all-places .button{background:#ea701f}
.theatre-page .all-events span.top-patch{background:#ea701f}
.theatre-page .all-events .button{background:#ea701f}
.theatre-page .side-nav .collar{background:#ea701f}
.expo-page .top-band,.expo-page .all-places span.top-patch,.expo-page .all-places .button,.expo-page .all-events span.top-patch,.expo-page .all-events .button,.expo-page .side-nav .collar{background:#999}
.travel-page .top-band{background:#53bdc6}
.travel-page .all-places span.top-patch{background:#53bdc6}
.travel-page .all-places .button{background:#53bdc6}
.travel-page .all-events span.top-patch{background:#53bdc6}
.travel-page .all-events .button{background:#53bdc6}
.travel-page .side-nav .collar{background:#53bdc6}
.music-page .top-band{background:#284b99}
.music-page .all-places span.top-patch{background:#284b99}
.music-page .all-places .button{background:#284b99}
.music-page .all-events span.top-patch{background:#284b99}
.music-page .all-events .button{background:#284b99}
.music-page .side-nav .collar{background:#284b99}
/*.cocuk-tiyatrosu-page .top-band{background:#ea701f}
.cocuk-tiyatrosu-page .all-places span.top-patch{background:#ea701f}
.cocuk-tiyatrosu-page .all-places .button{background:#ea701f}
.cocuk-tiyatrosu-page .all-events span.top-patch{background:#ea701f}
.cocuk-tiyatrosu-page .all-events .button{background:#ea701f}
.cocuk-tiyatrosu-page .side-nav .collar{background:#ea701f}*/
.sport-page .top-band{background:#85bb6b}
.sport-page .all-places span.top-patch{background:#85bb6b}
.sport-page .all-places .button{background:#85bb6b}
.sport-page .all-events span.top-patch{background:#85bb6b}
.sport-page .all-events .button{background:#85bb6b}
.sport-page .side-nav .collar{background:#85bb6b}
.performance-page .top-band{background:#b46489}
.performance-page .all-places span.top-patch{background:#b46489}
.performance-page .all-places .button{background:#b46489}
.performance-page .all-events span.top-patch{background:#b46489}
.performance-page .all-events .button{background:#b46489}
.performance-page .side-nav .collar{background:#b46489}
.festival-page .top-band{background:#00b4cc}
.festival-page .all-places span.top-patch{background:#00b4cc}
.festival-page .all-places .button{background:#00b4cc}
.festival-page .all-events span.top-patch{background:#00b4cc}
.festival-page .all-events .button{background:#00b4cc}
.festival-page .side-nav .collar{background:#00b4cc}
.others-page .top-band{background:#67318d}
.others-page .all-places span.top-patch{background:#67318d}
.others-page .all-places .button{background:#67318d}
.others-page .all-events span.top-patch{background:#67318d}
.others-page .all-events .button{background:#67318d}
.others-page .side-nav .collar{background:#67318d}
/* promo-area */
.promo-area {
margin: 21px 0 0 30px;
position: relative;
}
.promo-area .tabs .tab.first.active {
padding-left: 8px;
border-top: none;
}
.promo-area .promo {
width: 609px;
height: 420px;
border: 1px solid #ebeaea;
position: absolute;
left: 0;
top: 32px;
background: #ffffff;
z-index: 10;
}
.promo-area .promo .main-slider {
width: 581px;
height: 364px;
margin: 11px 13px 16px 14px;
}
.promo-area .promo .main-slider .item img{
width: 581px;
height: 302px;
}
.promo .main-slider .item{
width: 200px !important;
}
.promo-area .promo #prev {
display: block;
position: absolute;
top: 135px;
left: 23px;
height:52px;width:20px;background-position:-272px -40px;
z-index: 51;
display: none;
}
.promo-area .promo #next {
display: block;
position: absolute;
top: 135px;
right: 23px;
height:52px;width:20px;background-position:-292px -40px;
z-index: 51;
display: none;
}
.promo-area .promo .slider-details {
width: 581px;
margin: 11px 0 16px;
}
.promo-area .promo.theatre .slider-details {
width: 579px;
margin: 11px 15px 16px 15px;
}
.promo-area .promo.theatre .slider-details .promo-ticket {
margin-top:-40px;
}
.promo-area .promo .slider-details .item-info {
float: left;
width: 550px;
margin: 0 10px 0 0;
}
.promo-area .promo.theatre .slider-details .item-info {
width:470px;
}
.promo-area .promo .slider-details .item-info h1 {
font-size: 22px;
margin-bottom: 5px;
}
.promo-area .promo .slider-details .item-info h2{
font-size: 14px;
}
.promo-area .promo .warning {
float: left;
width: 105px;
}
.promo-area .promo .promo-ticket {
float: right;
position: relative;
z-index: 1000;
margin-top: -14px;
}
.cinema-page .promo .promo-ticket{
margin-top:-40px;
}
/* [pagination] */
.promo-area .pagination {
text-align: center;
}
.promo-area .pagination .container {
float: left;
position: relative;
left: 50%;
}
.promo-area .pagination .container2 {
float: left;
position: relative;
left: -50%;
}
.promo-area .pagination a {
background: url(../images/sprite.png) -544px -54px no-repeat;
width: 9px;
height: 9px;
float: left;
font-size: 0;
margin: 11px 2px 0;
text-indent: -9999px;
}
.promo-area .pagination a.activeSlide {
background: url(../images/sprite.png) -540px -19px no-repeat;
width: 17px;
height: 22px;
float: left;
font-size: 0;
margin: 0 0 0;
}
/* [/pagination] */
/* [pagination-type2] */
.pagination-type2 {
padding: 15px 0;
}
.pagination-type2 ul {
float:right;
position:relative;
margin:0 !important;
}
.pagination-type2 ul li {
float: left;
margin-right:5px;
}
.pagination-type2 ul li a {
display:block;
background: #ffffff;
width:15px;
height:15px;
color: #424242;
border:1px solid #e2e2e2;
text-align:center;
font-size: 11px;
text-decoration:none;
line-height:15px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position:relative;
}
.pagination-type2 ul li a.active {
background: #e2e2e2;
}
/* [/pagination-type2] */
/* [item-list] */
.item-list .box {
float: left;
width: 294px;
height: 70px;
border: 1px solid #ebeaea;
background: #ffffff;
padding: 8px 0 8px 10px;
border-top: 0;
}
.item-list {
position: relative;
padding-top: 437px;
border-top: 1px solid #ebeaea;
}
.item-list .box .img-container {
float: left;
margin: 0 10px 10px 0;
}
.item-list .box .img-container img {
width: 50px;
height: 70px;
}
.item-list .box .text {
float: left;
width: 220px;
}
.item-list .box .text h1 {
font-size: 15px;
}
/* [/item-list] */
/* [/LEFT COLUMN] */
/* [RIGHT COLUMN] */
.right-column {
width: 330px;
float: left;
position:relative;
}
.misc {
position: relative;
padding: 15px 0 0 0;
margin: 0 0 5px 0;
}
.misc .social-media {
margin-right: 3px;
float: left;
}
.misc .social-media .btn-color-type2 {
padding-left: 80px;
color: #98999b;
font: bold 14px/37px Arial;
}
.misc a.facebook {
display: block;
position: absolute;
background-position:-613px -34px;
width: 39px;
height: 49px;
top: 13px;
left: 0px;
text-indent: -9999px;
}
.misc a.twitter {
display: block;
position: absolute;
background-position:-652px -34px;
width: 40px;
height: 49px;
top: 13px;
left: 36px;
text-indent: -9999px;
}
.misc .iphone {
float: left;
margin-right: 3px;
}
.misc .iphone span {
background-position:-250px 0;
width: 13px;
height: 26px;
display: inline-block;
margin-top: 5px;
}
.misc .android {
float: left;
}
.misc .android span {
background-position:-250px -26px;
width: 22px;
height: 29px;
display: inline-block;
margin-top: 4px;
}
/* [#calendar] */
#calendar {
width: 300px;
margin: 0 0 10px 0;
}
#calendar .ui-datepicker-header {
height: 24px;
}
#calendar .ui-datepicker-prev {
cursor: pointer;
width: 23px;
height: 24px;
float: left;
background: #d8dade;
text-align: center;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 0px 0px 0px;
border-radius: 3px 0px 0px 0px;
position: relative;
}
#calendar .ui-datepicker-prev:hover {
background: #cfd1d3;
}
#calendar .ui-datepicker-prev span {
background-image:url(../images/sprite.png);
background-repeat:no-repeat;
display:block;
height:8px;width:5px;background-position:-220px 0;
color: #FFFFFF;
display: block;
margin: 9px 0 0 9px;
*margin: 9px 0 0 4px;
}
#calendar .ui-datepicker-next {
cursor: pointer;
width: 23px;
height: 24px;
float: right;
background: #d8dade;
text-align: center;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 3px 0px 0px 0px;
border-radius: 0px 3px 0px 0px;
position: relative;
}
#calendar .ui-datepicker-next:hover {
background: #cfd1d3;
}
#calendar .ui-datepicker-next span {
background-image:url(../images/sprite.png);
background-repeat:no-repeat;
display:block;
height:8px;width:5px;background-position:-225px 0;
color: #FFFFFF;
display: block;
margin: 9px 0 0 9px;
}
#calendar .ui-datepicker-title {
border-left: 1px solid #c0c2c6;
border-right: 1px solid #c0c2c6;
width: 251px;
height: 24px;
float: left;
background: #d8dade;
font: bold 14px/24px Arial;
text-align: center;
}
#calendar table.ui-datepicker-calendar {
width: 300px;
background: #ffffff;
border: 1px solid #d8dade;
}
#calendar table.ui-datepicker-calendar th, #calendar table.ui-datepicker-calendar td {
text-align: center;
vertical-align: middle;
}
#calendar table.ui-datepicker-calendar thead th {
height: 26px;
font-size: 11px;
font-weight: normal;
color: #9e9e9e;
}
#calendar table.ui-datepicker-calendar tbody td {
height: 30px;
border: 1px solid #e6e6e6;
}
#calendar .ui-state-default {
display: block;
height: 30px;
line-height: 30px;
font-weight: bold;
}
#calendar .ui-state-active {
background: #e6e6e6;
color: #888888;
}
/* [/#calendar] */
/* [twitter] */
.twitter-feeds {
width: 260px;
height: 42px;
padding: 5px 24px 10px 14px;
position: relative;
margin: 10px 0 7px;
}
.twitter-feeds .icon {
height:25px;width:37px;background-position:-692px -34px;
position: absolute;
top: -10px;
left: -8px;
}
.twitter-feeds .nav {
position: absolute;
top: 12px;
right: 10px;
width: 7px;
}
.twitter-feeds .nav a.prev {
height:4px;width:7px;background-position:-220px -8px;
display: block;
width: 7px;
height: 4px;
margin: 0 0 25px 0;
}
.twitter-feeds .nav a.next {
height:4px;width:7px;background-position:-220px -12px;
display: block;
width: 7px;
height: 4px;
margin: 0 0 0 0;
}
.twitter-feeds .text {
text-indent: 25px;
height: 45px;
overflow: hidden;
}
.twitter-feeds .text a {
color: #39b9db;
}
.twitter-feeds ul.tweet_list {
list-style: none;
}
.twitter-feeds ul.tweet_list li {
height: 45px;
overflow: hidden;
background: none !important;
}
.twitter-feeds ul.tweet_list li span {
height: 45px;
}
/* [/twitter] */
.right-column .banner-area {
margin: 0 0 10px 0;
}
.banner-area {
position:relative;
}
.banner-area span.commercial-info {
font-size: 8px;
position:absolute;
bottom: -8px;
right:0;
letter-spacing:0.1em;
color:#000000;
}
.banner-area.favorite-banner img {
/*border: 1px solid #dfe1e8;*/
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
padding: 1px;
position: relative;
}
.banner-area.favorite-banner {
height: 95px;
overflow:hidden;
}
/* [favorites] */
.favorites {
width: 298px;
background: #ffffff;
margin-bottom: 14px;
}
.favorites h1.title-type1 {
padding: 9px 15px 5px 14px;
position: relative;
}
.favorites h1.title-type1 a.all-favorites {
position: absolute;
right: 10px;
top: 9px;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
}
.favorites .row {
border-bottom: 1px solid #d8dade;
height: 35px;
}
.favorites .row .text {
width: 154px;
float: left;
line-height: 35px;
font-size: 14px;
padding: 0 10px 0 14px;
}
.favorites .row ul.pics {
list-style: none;
width: 120px;
height: 35px;
float: left;
overflow: hidden;
}
.favorites .row ul.pics li {
float: right;
}
.favorites .row .pics img {
width: 18px;
height: 25px;
border: 1px solid #d8dade;
margin: 4px 4px 0 0;
}
/* [/favorites] */
/* [RIGHT COLUMN] */
/* ----- [MIDDLE-PAGE] ----- */
.middle-page {
margin: 0 0 15px 30px;
}
/* [newsticker] */
.right-column .newsticker {
width: 217px;
position: relative;
height: 30px;
padding: 7px 45px 5px 38px;
margin: 0 0 17px 0;
}
.middle-page .newsticker a{
color:#d24136;
}
.right-column .newsticker .attach {
position: absolute;
top: -8px;
left: 10px;
height:44px;width:20px;
background-position:-230px 0;
width: 20px;
height: 44px;
}
.right-column .newsticker .text {
height: 62px;
overflow: hidden;
}
.right-column .newsticker .text .news {
background: none !important;
}
.right-column .newsticker .nav {
position: absolute;
top: 18px;
right: 10px;
width: 16px;
}
.right-column .newsticker .nav a.prev {
float: left;
background-position:-220px -17px;
width: 4px;
height: 7px;
margin: 0 8px 0 0;
}
.right-column .newsticker .nav a.next {
background-position:-224px -17px;
float: left;
width: 4px;
height: 7px;
margin: 0 0 0 0;
}
/* [/newsticker] */
/* [banner-area] */
.middle-page .banner-area {
height: 112px;
width: 918px;
text-align: center;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
.middle-page .banner-area * {
vertical-align: middle;
}
/*\*//*/
.middle-page .banner-area {
display: block;
}
.middle-page .banner-area span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
.middle-page .banner-area span {
*display: inline-block;
*height: 100%;
}
/* [/banner-area] */
/* ----- [/MIDDLE-PAGE] ----- */
/* ----- [LOWER-PAGE] ----- */
.lower-page {
margin: 0 0 0px 30px;
}
.column-type1 {
width: 220px;
margin: 0 10px 0 0;
float: left;
}
.column-type1 .all-events-title {
width: 190px;
margin: 0 0 10px 0;
}
.column-type1 .banner-area {
width: 220px;
overflow: hidden;
margin: 0 0 10px 0;
}
.column-type1 .banner-area img {
width: 218px;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position: relative;
}
.column-type1 .event-newsletter {
width: 218px;
margin: 0 0 10px 0;
}
.column-type1 .event-newsletter label {
display: block;
line-height: 1.2em;
margin: 0 0 10px 0;
}
.column-type1 .event-newsletter input.text-field {
background: #ffffff;
border: 0;
width: 178px;
height: 32px;
line-height: 32px;
padding: 0 10px;
margin: 0 0 10px 0;
}
.column-type1 .event-newsletter input.join {
border: 0;
cursor: pointer;
position: relative;
margin: 0 0 10px 0;
}
.column-type1 .event-newsletter a.out {
display: block;
font-size: 11px;
}
.support {
position: relative;
margin: 0 0 10px 0;
}
.support .phone-numbers {
width: 130px;
margin: 0 0 10px 0;
font-size: 16px;
font-weight: bold;
}
.support .phone-numbers p {
margin: 0 0 0 0;
}
.support .phone-icon {
position: absolute;
top: 54px;
right: 18px;
height:48px;width:48px;background-position:-565px -34px;
}
.support .e-mail {
color: #727477;
font-weight: bold;
font-size: 14px;
margin: 0 0 0 0;
}
.column-type2 {
float: left;
width: 380px;
margin: 5px 10px 0 0;
position: relative;
}
.column-type2 .row-container {
height: 620px !important;
z-index:25;
}
.column-type3 {
width: 300px;
float: left;
position: relative;
}
.daily {
width: 298px;
background: #e6e6e6;
}
.daily .date-container {
margin-right: 4px;
}
.daily {
margin: 0 0 10px;
}
.lower-page .column-type3 .banner-area {
margin: 0 0 10px;
/*overflow: hidden;*/
width: 300px;
/*height: 250px;*/
}
.lower-page .column-type3 .banner-area img {
width: 300px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position: relative;
}
/* ----- [/LOWER-PAGE] ----- */
/* ----- [steps] ----- */
.steps {
margin: 0 0 15px 30px;
width: 920px;
height: 106px;
position: relative;
}
.steps .step {
background: url(../images/steps.png) no-repeat;
position: absolute;
}
.steps .step h2 {
font-size: 14px;
font-weight: bold;
color: #a5a5a5;
font-style: normal;
margin: 0 0 10px 0;
}
.steps .step h3 {
font-size: 12px;
font-weight: bold;
color: #646464;
line-height: 1.2em;
}
.steps .step p {
font-size: 11px;
color: #646464;
line-height: 1.2em;
text-align: center;
}
.steps .step.active h2 {
color: #424242;
}
.steps .step.type1 {
top: 0;
left: 0;
width: 242px;
height: 106px;
background-position: 0 0;
}
.steps .step.type1.active {
background-position: -247px 0;
}
.steps .step.type1 .text {
width: 204px;
text-align: center;
padding: 20px 0 0 11px;
}
.steps .step.type2 {
top: 0;
left: 232px;
width: 247px;
height: 106px;
background-position: 0 -106px;
}
.steps .step.type2.active {
background-position: -247px -106px;
}
.steps .step.type2.selected {
background-position: -494px -106px;
}
.steps .step.type2 .text {
width: 190px;
text-align: center;
padding: 9px 0 0 25px;
}
.steps .step.type3 {
top: 0;
left: 469px;
width: 239px;
height: 106px;
background-position: 0 -212px;
}
.steps .step.type3.active {
background-position: -248px -212px;
}
.steps .step.type3.selected {
background-position: -494px -212px;
}
.steps .step.type3 .text {
width: 190px;
text-align: center;
padding: 20px 0 0 25px;
}
.steps .step.type4 {
top: 0;
left: 699px;
width: 220px;
height: 106px;
background-position: 0 -318px;
}
.steps .step.type4.active {
background-position: -249px -318px;
}
.steps .step.type4.selected {
background-position: -494px -318px;
}
.steps .step.type4.selected h2 {
color: #424242;
}
.steps .step.type4 .text {
width: 185px;
text-align: center;
padding: 20px 0 0 25px;
}
/* ----- [/steps] ----- */
/* [event-details] */
.event-details {
width: 608px;
background: #ffffff;
margin: 0 0 15px 30px;
}
.event-details a.more {
font-size:14px;
color:#5A5B5D;
text-decoration:underline;
font-style:italic;
}
.event-details .content {
padding: 10px 20px 20px 10px;
}
.event-details .content .left-container {
float: left;
width: 214px;
margin: 0 15px 10px 0;
}
.event-details .content .left-container .eventimg {
width: 214px;
height: 299px;
margin: 0 0 10px 0;
}
.event-details .content .left-container .warning-container {
float: left;
left: 50%;
position: relative;
}
.event-details .content .left-container .warning {
float: left;
left: -50%;
position: relative;
}
.event-details .content .left-container .chart-detail {
float:left;
width:100%;
}
.event-details .content .left-container .chart-detail .seat-info {
float: left;
line-height: 18px;
}
.event-details .content .left-container .chart-detail .get-ticket {
float: right;
}
.event-details .content .text {
float: left;
width: 348px;
}
.event-details .content .text h1 {
font-size: 22px;
line-height: 1.2em;
}
.event-details .content .text h2 {
font-size: 14px;
margin: 0 0 15px 0;
}
.event-details .content .text p {
color: #5a5b5d;
font-size: 14px;
margin: 0 0 10px 0;
line-height: 1.2em;
}
.event-details .content .text .genres {
padding: 10px 0;
}
.event-details .content .text .genres .genre {
margin: 0 10px 10px 0;
position:relative;
}
.event-details .content .text .info {
font-size: 11px;
color: #5A5B5D;
}
.event-details .content .text .info h3 {
color: #5a5b5d;
font-size: 12px;
}
.event-details .content .text .info p {
font-size: 12px;
text-align: left;
}
.event-details .content .production {
float: left;
margin: 0 20px 5px 0;
}
.event-details .content .runtime {
float: left;
margin: 0 20px 5px 0;
}
.event-details .content .release-date {
float: left;
margin: 0 0 5px 0;
}
.event-details .content .social {
margin: 10px 0 15px;
}
.event-details .content .button-container a {
margin: 0 10px 10px 0;
}
/* [/event-details] */
/* [related-events] */
.related-events {
width: 608px;
background: #ffffff;
margin: 0 0 15px 30px;
}
.related-events .content {
padding: 10px 10px 20px;
}
/* [/related-events] */
/* [theaters-sessions] */
.theaters-sessions {
width: 608px;
background: #ffffff;
margin: 0 0 15px 30px;
}
h1 span.date {
display: inline-block;
margin: 0 0 0 15px;
padding: 0 0 0 15px;
font-weight: normal;
border-left: 1px solid #5a5b5d;
line-height: 16px;
*line-height: 17px;
}
.theaters-sessions .content {
padding: 10px 10px 20px;
}
.theaters-sessions .content p {
font-size: 13px;
}
.theaters-sessions .content span.date {
font-weight: bold;
}
.theaters-sessions .content .field-container {
padding: 5px 0 15px 0;
}
.theaters-sessions .content fieldset {
float: left;
margin: 0 11px 0 0;
}
.theaters-sessions .content fieldset.last {
margin-right: 0;
}
/* [session] */
.session {
float: left;
}
.session .timestamp {
width: 78px;
}
.session .timestamp .title {
background: #d8dade;
text-align: center;
font-size: 13px;
line-height: 23px;
}
.session .timestamp .time {
font-size: 21px;
font-weight: bold;
text-align: center;
background: none;
line-height: 34px;
}
.session-times .session {
margin: 8px 10px 0 0;
}
/* [/session] */
/* [/theaters-sessions] */
/* [general-container] */
.general-container {
width: 608px;
margin: 0 0 0 30px;
background: #ffffff;
min-height: 440px;
}
.general-container.full {
margin: 0 30px;
background: #ffffff;
width: auto;
}
.general-container h2 {
color: #e0270e;
font-size: 15px;
font-weight: bold;
font-style: normal;
margin: 0 0 15px 0;
}
.general-container h4 {
font-size: 13px;
margin: 0 0 3px 0;
}
.general-container a {
color: #e0270e;
text-decoration: underline;
}
.general-container p {
font-size: 13px;
margin: 0 0 18px 0;
}
.general-container p.bigger-font {
font-size: 14px;
}
.general-container a.mail {
color: #e0270e;
}
p.exclamation {
background: url(../../images/www/icons/exclamation.png) 0 1px no-repeat;
padding: 0 0 0 25px;
margin: 5px 0 20px 10px;
}
p.exclamation-small {
background: url(../../images/www/icons/exclamation_small.png) 0 1px no-repeat;
padding: 0 0 0 25px;
margin: 5px 0 5px 10px;
min-height:30px;
}
.red-text-bold {
color : #CC0000;
font-weight: bold;
}
.general-container .outer-container p {
font-size: 14px;
}
.general-container .inner-container p {
font-size: 13px;
}
.general-container .inner-content .img-container {
padding: 0 10px 10px 0;
overflow: hidden;
width: 112px;
float: left;
}
.general-container .inner-content .img-container img {
width: 110px;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position: relative;
float: left;
}
.general-container .inner-content .text {
width: 430px;
float: left;
}
.general-container .inner-content .accnt-no {
padding: 10px 0 5px 0;
width: 430px;
float: left;
font-size: 13px;
}
.general-container ul {
margin: 0 0 20px 0;
}
.event-input-container {
padding: 0 0 5px 35px;
width: 530px;
}
.event-input-container.travel-container {
padding-left: 20px;
width:100%;
}
.event-input-container .input-field {
float: left;
padding: 0 30px 20px 0;
}
.event-input-container .input-field.date-container1 {
padding-right: 10px;
}
.event-input-container .input-field.date-container2 {
padding-right: 0;
}
.input-field.date-container3 {
padding-left: 20px;
}
.event-input-container .separator {
width: 10px;
height: 23px;
border-bottom: 1px solid #424242;
float: left;
margin: 15px 10px 0 0;
}
.event-input-container label {
display: block;
font-size: 15px;
font-weight: bold;
margin: 0 0 5px 0;
}
#all-events .scroll-pane {
width: 100%;
height: 510px;
overflow: auto;
}
#all-places .scroll-pane {
width: 100%;
height: 810px;
overflow: auto;
}
/* [logo-box] */
.logo-bot15{
margin-bottom:15px;
}
.logo-box-flex{
float:left;
margin: 0 0 10px 0;
width:448px;
}
.logo-box-flex .img-container {
float: left;
padding: 0 10px 10px 0;
margin-top:10px;
}
.logo-box {
float:left;
margin: 0 0 10px 0;
width:448px;
height:155px;
}
.logo-box .img-container {
float: left;
padding: 0 10px 10px 0;
}
.logo-box .img-container img {
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position: relative;
}
.logo-box .logo-options {
float: left;
line-height: 28px;
padding: 5px 0 0 0;
}
.logo-box .logo-options a {
color: #424242;
margin: 0 5px 5px 0;
float: left;
width:174px;
}
/* [/logo-box] */
/* [/general-container] */
/* ----- [/MAIN-CONTAINER] ----- */
/* ----- [MAIN-FOOTER] ----- */
.main-footer {
position: relative;
}
.main-footer .content-container {
background: #5a5b5d;
margin: 60px 0 0 0;
padding: 0 0 40px 0;
}
.main-footer .content-container .content-cover {
position: relative;
width: 980px;
margin: 0 auto;
}
.main-footer .content {
background: #f6f6f6;
width: 920px;
border-top: 1px solid #ffffff;
padding: 20px 30px 30px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
position: relative;
top: -60px;
left: 0;
}
.main-footer .content .column {
float: left;
width: 215px;
margin: 0 20px 0 0;
}
.main-footer .content .column.last {
margin-right: 0;
}
.main-footer .content .column h1 {
font-size: 15px;
color: #5a5b5d;
margin: 0 0 18px 0;
}
.main-footer .content .column ul {
list-style: none;
}
.main-footer .content .column ul.main li {
font-size: 15px;
font-weight: bold;
}
.main-footer .content .column ul li {
font-size: 13px;
line-height: 1.2em;
color: #5a5b5d;
margin-bottom: 10px;
}
.main-footer .bottom-info {
width: 980px;
margin: -45px auto 0;
font-size: 11px;
color: #d1d2d4;
height: 110px;
position: relative;
}
.main-footer .footer-shadow{
float:left;
margin-top:-35px;
height:34px;width:980px;background-position:0 -235px;
}
.main-footer .bottom-info .copyright {
float: left;
padding: 10px 0px 0 0px;
width: 560px;
/*padding: 10px 20px 0 30px;*/
}
.main-footer .bottom-info .payment {
float: right;
/*margin: 0 15px 0 0;height:34px;width:341px;background-position:-565px 0;*/
margin: 0;
height:34px; width: 419px; background-position:-565px 0;
}
/* ----- [/MAIN-FOOTER] ----- */
/* ----- [TOOLTIP] ----- */
.tooltip {
position: absolute;
z-index: 501;
}
.tooltip-content {
background: url(../images/transparent-white-bg.png) repeat;
padding: 10px;
z-index: 500;
border: 1px solid #ebeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
.tooltip-content .tooltip-tip {
position: absolute;
bottom: -8px;
width: 20px;
height: 8px;
right: 19px;
background: url(../images/tooltip-tip.png) no-repeat;
}
.tooltip-content .img-container {
float:left;
padding:2px 5px 0 0;
}
.tooltip-content .txt-container {
float:left;
}
.tooltip-content h1 {
font-size: 13px;
}
.tooltip-content h2 {
font-size: 11px;
color: #5a5b5d;
margin: 0 0 0 0;
}
.tooltip-content h3 {
font-size: 13px;
font-weight: normal;
color: #424242;
margin: 0 0 5px 0;
}
.tooltip-content .dates {
padding-bottom:7px;
}
.tooltip-content .row .dates .date-container {
margin: 0 5px 5px 0;
}
.tooltip-content .row .times {
float: left;
}
.tooltip-content .row .times .date-container {
color: #ffffff;
margin: 0 5px 5px 0;
}
.tooltip.theatre-play {
max-width: 210px;
}
.tooltip.theatre-play .txt-container {
max-width: 150px;
}
.tooltip.theatre-play h1 {
font-weight:normal;
}
.tooltip.theatre-play .tooltip-content .img-container {
padding:0 10px 0 0;
}
.tooltip.theatre-play .tooltip-content .img-container img {
width:27px;
}
.tooltip.theatre-play .tooltip-content {
background: #ffffff;
}
/* ----- [/TOOLTIP] ----- */
/* ----- [ERROR] ----- */
.error {
width: 597px;
margin: 0 auto;
padding: 85px 0 40px 0;
background: url(../images/error.png) center 20px no-repeat;
text-align: center;
font-size: 14px;
}
.error .button-container {
padding: 25px 0 10px 0;
}
.error .button-container a {
text-decoration: none;
display: block;
margin: 0 0 10px 0;
}
/* ----- [/ERROR] ----- */
/* [ticket-info] */
table.ticket-info {
width: 100%;
border: 1px solid #e2e2e2;
margin: 10px 0;
}
table.ticket-info th {
font-size: 14px;
}
table.ticket-info td {
font-size: 15px;
}
table.ticket-info th, table.ticket-info td {
border-bottom: 1px solid #e2e2e2;
vertical-align: middle;
padding: 12px 10px;
}
table.ticket-info th {
font-weight: normal !important;
}
table.ticket-info .row {
width: 123px;
text-align: left;
padding: 12px 15px;
font-weight: bold;
}
table.ticket-info .block {
width: 123px;
text-align: left;
padding: 12px 15px;
font-weight: bold;
}
table.ticket-info .seat {
width: 255px;
text-align: center;
padding: 12px 15px;
font-weight: bold;
}
table.ticket-info .price {
padding: 12px 15px 10px 0;
}
table.ticket-info .price .ui-selectmenu {
text-align: left;
}
table.ticket-info .selectmenu {
width: 250px;
}
table.ticket-info tbody td {
background: #f4f4f4;
font-size: 15px;
}
table.ticket-info tfoot td, table.ticket-info tfoot th {
text-align: right;
padding-right: 18px;
}
table.ticket-info .total-ticket-price {
font-weight: bold;
}
table.ticket-info .mybilet-service-price {
font-weight: normal;
}
table.ticket-info tfoot tr.type1 td, table.ticket-info tfoot tr.type1 th {
background: #ffffff;
height: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
table.ticket-info tfoot tr.type2 td, table.ticket-info tfoot tr.type2 th {
background: #92aa41;
color: #ffffff;
font-weight: bold;
}
.ticket-info.type2 td, .ticket-info.type2 th {
text-align: center;
}
.ticket-info.type2 th {
font-weight: normal;
}
.ticket-info.type2 .rez-no {
text-align: left;
padding-left: 20px;
}
.ticket-info.type2 td {
font-weight: bold;
font-size: 14px;
}
.ticket-info.type3 th.company, .ticket-info.type3 td.company {
width: 235px;
text-align: left;
}
.ticket-info.type3 th.total-open-money, .ticket-info.type3 td.total-open-money {
width: 120px;
text-align: center;
}
.ticket-info.type3 th.add-open-money, .ticket-info.type3 td.add-open-money {
width: 150px;
text-align: center;
}
.ticket-info.type3 td {
font-weight: bold;
}
.ticket-info.type4 td {
font-weight: bold;
text-align: center;
}
.ticket-info.type4 thead th {
padding-top: 5px;
padding-bottom: 5px;
}
.ticket-info.type4 th.check {
width: 30px;
}
.ticket-info.type4 th.seat {
width: 40px;
}
.ticket-info.type4 th.rez-no {
width: 80px;
}
.ticket-info.type4 th.price {
width: 65px;
}
.ticket-info.type4 th.service-cost {
width: 55px;
}
.ticket-info.type4 th.total {
width: 82px;
}
.ticket-info.type5 td, .ticket-info.type5 th {
text-align: center;
}
.ticket-info.type5 th {
font-weight: normal;
font-size:12px;
}
.ticket-info.type5 .rez-no {
text-align: left;
padding-left: 20px;
}
.ticket-info.type5 td {
font-weight: bold;
font-size: 12px;
}
table.ticket-info .inner-table td {
padding:0;
}
table.ticket-info td.special-items {
text-align:left;
}
table.ticket-info td.special-items select {
width:150px;
}
table.ticket-info td.special-items .item-count-container {
/*display:none;*/
}
table.ticket-info td.special-items .item-count-container select.item-count {
width:75px;
}
/* [/ticket-info] */
.box-type5 p {
margin-bottom: 5px;
line-height: 1.2em;
}
/* [contact-info] */
.contact-info .row {
margin: 0 0 12px 0;
}
.contact-info .row label {
float: left;
width: 225px;
padding-right: 15px;
font-weight: bold;
font-size: 15px;
line-height: 36px;
}
.contact-info .row .text {
float: left;
width: 590px;
font-size: 15px;
line-height: 36px;
}
.contact-info .row .text input.text-field-type1 {
margin-right: 5px;
}
/* [/contact-info] */
/* [credit-card-container] */
.credit-card-container {
padding: 10px 50px 15px;
}
.credit-card-container .box {
width: 344px;
height: 222px;
padding: 10px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #dfe1e8;
margin: 0 22px 15px 0;
float: left;
}
.credit-card-container .box.last {
margin-right: 0;
}
.credit-card-container .box .info {
width: 245px;
position: absolute;
top: 20px;
left: 60px;
font-size: 11px;
text-align: center;
}
.credit-card-container .box .info.type2 {
top: 180px;
left: 70px;
}
.credit-card-container .box .info.type3 {
width: 292px;
left:35px;
}
.credit-card-container .box fieldset {
padding: 100px 0 0 0;
}
.credit-card-container .box fieldset .row {
margin-bottom: 10px;
}
.credit-card-container .box fieldset legend {
display: none;
}
.credit-card-container .box fieldset label {
float: left;
margin-right: 10px;
line-height: 32px;
font-weight: bold;
font-size: 12px;
}
.credit-card-container .box fieldset label.double-rows {
line-height: 1.2em;
padding-top: 3px;
}
.credit-card-container .box fieldset select {
border: 1px solid #eecccd;
height: 23px;
}
.credit-card-container .box fieldset select.month {
width: 75px;
}
.credit-card-container .box fieldset .ui-selectmenu {
float: left;
margin-right: 2px;
}
.credit-card-container .box fieldset select.year {
width: 65px;
}
.credit-card-container .box fieldset select.card-type {
width: 110px;
}
.credit-card-container .box .detail1 {
background: url(../../images/www/credit-card-details.gif) 0 0 no-repeat;
width: 50px;
height: 46px;
position: absolute;
top: 60px;
left: 26px;
}
.credit-card-container.cinecity .box .detail4 {
background: url(../../images/www/cineclub.gif) 0 0 no-repeat;
width: 231px;
height: 52px;
position: absolute;
bottom: 5px;
right: 5px;
}
.credit-card-container.cinecity .box .detail5 {
background: url(../../images/www/cineclub.gif) 0 -53px no-repeat;
width: 125px;
height: 78px;
position: absolute;
top: 40px;
left: 13px;
}
.credit-card-container .box .detail2 {
background: url(../../images/www/credit-card-details.gif) 0 -46px no-repeat;
width: 167px;
height: 27px;
position: absolute;
bottom: 10px;
right: 10px;
}
.credit-card-container .box .detail3 {
width: 364px;
height: 51px;
background: #d3d3d3;
position: absolute;
top: 17px;
left: 0;
}
.credit-card-container .box .text-field {
padding: 0 10px;
}
.credit-card-container .box .text-field[type=text], .credit-card-container .box .text-field[type=password] {
line-height:32px;
}
.credit-card-container .box .text-field.credit-card-no {
width: 30px;
line-height: 32px;
}
.credit-card-container .box .text-field.cvc2 {
width: 23px;
line-height: 32px;
}
.secure {
background: url(../../images/www/3dsecure.gif) 0 0 no-repeat;
height: 80px;
padding: 0 0 0 85px;
}
.secure p.secure-inner {
padding: 23px 0 0 25px;
}
/* [/credit-card-container] */
/* [important-note] */
.important-note-container {
height: 38px;
position: relative;
float: right;
margin: 0 0 5px 0;
}
.important-note {
background: #e0270e;
font-size: 14px;
padding: 0 20px;
}
.important-note.type2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.2em;
padding:10px 10px;
}
.important-note-tip {
background: url(../images/tooltip-tip-red.png) no-repeat;
width: 15px;
height: 7px;
position: absolute;
top: 32px;
right: 15px;
}
.important-note a {
color: #ffffff;
}
.important-note-container.type2 {
margin: 0 15px 5px 0;
width: 455px;
height: auto;
}
.important-note-container.type2 .important-note {
font-size: 13px;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
text-decoration: none !important;
position: relative;
}
.important-note-container.type2 .important-note-tip {
background: url(../images/tooltip-tip-red-right.png) no-repeat;
width: 8px;
height: 15px;
position: absolute;
top: 18px;
right: -7px;
}
.important-note-container.type3 {
height: 65px;
}
.important-note-container.type3 .important-note {
background: none repeat scroll 0 0 #E0270E;
font-size: 14px;
line-height: 1.2em;
padding: 10px 20px;
}
.important-note-container.type3 .important-note-tip {
background: url(../images/tooltip-tip-red.png) no-repeat;
width: 15px;
height: 7px;
position: absolute;
top: 52px;
left: 49%;
}
.important-container {
padding: 10px 0;
}
.important-container .button-big {
margin-top: 7px;
}
/* [/important-note] */
.mobile-container .text {
width: 690px !important;
}
.mobile-container label {
float: left;
width: 145px;
padding: 0 5px;
line-height: 32px;
font-size: 15px;
}
.mobile-container .text-field-type1 {
margin-right: 5px;
}
.add-show {
float: right;
padding: 4px 6px;
font-size: 13px;
font-weight: bold;
margin: -3px 5px 0 0;
*margin-top: -34px;
}
.add-show.last {
margin-right: 0;
*margin-right: 15px;
}
.add-show span.add {
width: 10px;
height: 10px;
background: url(../../images/www/icons/ekle-goster.png) 0 -16px no-repeat;
float: left;
margin: 3px 6px 0 3px;
}
.add-show span.show {
width: 13px;
height: 16px;
background: url(../../images/www/icons/ekle-goster.png) 0 0px no-repeat;
float: left;
margin: 1px 6px 0 3px;
}
/* [place-details] */
.place-details .content .img-container {
width: 128px;
overflow: hidden;
float: left;
padding: 0 10px 10px 0;
}
.place-details .content .img-container img {
width: 126px;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
position: relative;
}
.place-details .content .text {
width: 430px;
margin-right:10px;
float: left;
}
.place-details .content .text h2 {
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #e0270e;
margin: 0 0 2px 0;
}
.place-details .content .text h3 {
font-size: 15px;
color: #424242;
margin: 0 0 10px 0;
}
.place-details .content .text p {
margin: 0 0 0 0;
font-size: 15px;
line-height: 1.2em;
}
.place-details .content .mybilet-xpress-container img.mybilet-xpress {
float: left;
margin: 0 10px 10px 0;
}
.place-details .content .mybilet-xpress-container .info {
width: 353px;
float: left;
font-size: 11px;
line-height: 1.2em;
padding: 2px 0 0 0;
}
a span.event-type {
font-size: 12px;
font-style: italic;
}
.event-poster-container {
float: right;
width: 72px;
overflow: hidden;
}
.event-poster-container img {
width: 72px;
}
.event-poster-container .warning-container {
float: left;
left: 50%;
position: relative;
}
.event-poster-container .warning-container .warning{
float: left;
left: -50%;
position: relative;
}
/* [/place-details] */
/* [saloon-container] */
.saloon-container h1 {
font-size: 16px;
font-weight: normal;
margin: 0 0 15px 0;
}
.saloon-container .upper-row {
margin: 0 0 10px 0;
}
.saloon-container .upper-row .img-container {
float: left;
width: 144px;
height: 97px;
overflow: hidden;
margin: 0 10px 10px 0;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.saloon-container .upper-row .img-container img {
position: relative;
}
.saloon-container .upper-row .ticket-prices-container {
float: left;
height: 77px;
width: 719px;
}
.saloon-container .upper-row .ticket-prices-container-long {
float: left;
height: 77px;
width: 875px;
}
.saloon-container .upper-row .ticket-prices-container h3 {
color: #5a5b5d;
margin: 0 0 5px 0;
}
/* [/saloon-container] */
/* [ticket-types] */
.ticket-types .type-container {
float: left;
padding: 0 20px 22px 0;
}
.ticket-types .seat {
border: 2px solid #dd0000;
float: left;
width: 14px;
height: 14px;
margin: 0 6px 0 0;
}
.ticket-types .seat.type1 {
border: 2px solid #dd0000;
}
.ticket-types .seat.type2 {
border: 2px solid #ff6600;
}
.ticket-types .seat.type3 {
border: 2px solid #f5a700;
}
.ticket-types .seat.type4 {
border: 2px solid #919191;
}
.ticket-types .seat.type4 {
border: 2px solid #919191;
}
/* [/ticket-types] */
/* [display-types] */
.display-types .display-container {
float: left;
margin: 0 25px 0 0;
font-size: 11px;
}
.display-types h3 {
float: left;
margin: 0 10px 0 0 !important;
font-size: 12px;
}
.display-types .display-type {
float: left;
width: 10px;
height: 10px;
margin: 1px 5px 0 0;
}
/* Boş Balkon */
.display-types .display-type.type3 {
background: #CEFF00;
}
.display-types .display-type.type2 {
background: #E0E00A;
}
.display-types .display-type.type1 {
background: #98EEFA;
}
.display-types .display-type.type4 {
background: #D54500;
}
.display-types .display-type.type5 {
background: #B00;
}
.display-types .display-type.type6 {
background: #c3c3c3;
}
/* [/display-types] */
/* [button-container] */
.button-container.type1 {
margin: 10px 0 10px 0;
}
/* [/button-container] */
/* [commercial-container] */
.commercial-container {
margin: 0 0 10px 30px;
}
.commercial-area {
height: 112px;
width: 918px;
text-align: center;
display: table-cell;
vertical-align: middle;
overflow: hidden;
background: #ffffff;
}
.commercial-area * {
vertical-align: middle;
}
/*\*//*/
.commercial-area {
display: block;
}
.commercial-area span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
.commercial-area span {
*display: inline-block;
*height: 100%;
}
/* [/commercial-area] */
p.success {
font-size: 16px;
color: #e0270e;
font-weight: bold;
background: url(../images/success.png) no-repeat;
padding: 0 0 20px 30px;
margin: 0;
}
/* [after-payment-icons] */
a.after-payment-icons {
background: url(../images/after-payment-icons.png) no-repeat;
width: 34px;
height: 33px;
float: left;
}
a.after-payment-icons.type1 {
background-position: 0 0;
}
a.after-payment-icons.type2 {
background-position: -34px 0;
}
a.after-payment-icons.type3 {
background-position: -68px 0;
}
a.after-payment-icons.type4 {
background-position: -102px 0;
width: 35px;
}
a.after-payment-icons2 {
background: url(../images/after-payment-icons2.png) no-repeat;
width: 26px;
height: 28px;
float: left;
}
a.after-payment-icons2.type1 {
background-position: -3px 0;
}
a.after-payment-icons2.type2 {
background-position: -26px 0;
width: 23px;
}
a.after-payment-icons2.type3 {
background-position: -49px 0;
width: 23px;
}
a.after-payment-icons2.type4 {
background-position: -69px 0;
}
a.after-payment-icons-left {
background-image: url("../images/after-payment-icons2.png");
background-position: 98px 0;
display: block;
float: left;
height: 28px;
width: 3px;
}
a.after-payment-icons-right {
background-image: url("../images/after-payment-icons2.png");
background-position: 3px 0;
display: block;
float: left;
height: 28px;
width: 3px;
}
/* [/after-payment-icons] */
.confirm-container {
font-size: 11px;
}
.confirm-container .confirm {
float: left;
width: 700px;
}
.add-open-money span.plus-icon {
background: url(../../images/www/icons/white-plus.png) no-repeat;
width: 11px;
height: 11px;
float: left;
margin: 11px 7px 0 0;
}
/* [side-nav] */
.side-nav {
width: 300px;
margin: 0 0 5px 0;
position: relative;
}
.side-nav.theatre {
margin:15px 0 0 0;
}
.side-nav.theatre span.collar {
display:block;
position:absolute;
width:6px;
height:33px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
top:0;
left:0;
}
.side-nav ul li {
padding: 0 0 5px 0;
position: relative;
}
.side-nav ul li a {
width: 278px;
text-align: left;
font-size: 15px;
color: #424242;
font-family: Arial;
zoom: 0;
}
.side-nav.theatre ul li a {
padding-left: 20px;
width:268px;
}
.side-nav ul li a.active {
background: rgb(148,149,150); /* Old browsers */
background: -moz-linear-gradient(top, rgba(148,149,150,1) 0%, rgba(148,149,150,1) 50%, rgba(135,136,138,1) 51%, rgba(135,136,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,149,150,1)), color-stop(50%,rgba(148,149,150,1)), color-stop(51%,rgba(135,136,138,1)), color-stop(100%,rgba(135,136,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(148,149,150,1) 0%,rgba(148,149,150,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(148,149,150,1) 0%,rgba(148,149,150,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(148,149,150,1) 0%,rgba(148,149,150,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(148,149,150,1) 0%,rgba(148,149,150,1) 50%,rgba(135,136,138,1) 51%,rgba(135,136,138,1) 100%); /* W3C */
color: #ffffff !important;
font-weight: bold;
}
.side-nav ul li a:hover {
color: #7f8081;
}
/* [/side-nav] */
/* [row-type1] */
.row-type1 {
border: 1px solid #e2e2e2;
border-bottom: 0;
padding: 10px 10px 10px 17px;
position: relative;
height: 99px;
}
.row-type1 .event-type-band {
position: absolute;
top: 0;
left: 0;
width: 7px;
background: #92aa41;
height: 119px;
}
.row-type1.cinema .event-type-band {
background: #d24136;
}
.row-type1.theatre .event-type-band {
background: #ea701f;
}
.row-type1.music .event-type-band {
background: #284b99;
}
.row-type1.kid .event-type-band {
background: #e9be4b;
}
.row-type1.sport .event-type-band {
background: #85bb6b;
}
.row-type1.performance .event-type-band {
background: #b46489;
}
.row-type1.travel .event-type-band {
background: #53bdc6;
}
.row-type1.other .event-type-band {
background: #ffffff;
}
.row-type1 .img-container {
float: left;
margin: 0 12px 0 0;
}
.row-type1 .text {
float: left;
width: 310px;
}
.row-type1 .text h1 {
font-size: 15px;
line-height: 1.2em;
}
.row-type1 .text h2 {
font-size: 12px;
color: #5a5b5d;
font-weight: normal;
font-style: italic;
margin: 0 0 15px 0;
}
.row-type1 .text .container {
padding-bottom: 5px;
}
.row-type1 .text .container .label {
float: left;
line-height: 23px;
font-size: 13px;
font-weight: bold;
width: 93px;
margin: 0 5px 0 0;
}
.row-type1 .text .container .separator {
float: left;
line-height: 23px;
font-size: 13px;
font-weight: bold;
margin: 0 6px 0 0;
}
.row-type1 .text .container .big {
font-size: 16px;
font-weight: bold;
}
.row-type1 .text .container .button-tiny {
margin: 0 5px 0 0;
}
.row-type1 .misc-buttons {
position: absolute;
top: 10px;
right: 10px;
}
.row-type1 .into-open {
position: absolute;
bottom: 10px;
right: 10px;
font-family: Arial;
}
.row-type1 .travel-no {
position: absolute;
top: 44px;
right: 10px;
font-size: 13px;
font-weight: bold;
}
.row-type1 .ticket-no {
position: absolute;
top: 44px;
right: 10px;
font-size: 13px;
font-weight: bold;
}
/* [/row-type1] */
/* [into-open-container] */
.into-open-container .details-box {
background: #f4f4f4;
height: 110px;
margin: 0 0 16px 0;
}
.into-open-container .details-box .box {
padding: 5px 5px;
border-right: 1px solid #ffffff;
border-left: 1px solid #e3e3e3;
float: left;
height: 100px;
}
.into-open-container .details-box .box.type1 {
width: 170px;
border-left: none;
}
.into-open-container .details-box .box.type2 {
width: 200px;
}
.into-open-container .details-box .box.type3 {
width: 172px;
border-right: none;
}
.into-open-container .details-box .box h1 {
color: #646464;
font-size: 14px;
text-align: center;
margin: 0 0 18px 0;
}
.into-open-container .details-box .box h2 {
font-weight: bold;
font-size: 14px;
color: #e0270e;
line-height: 1.2em;
text-align: center;
margin: 0;
}
.into-open-container .details-box .box h3 {
font-weight: bold;
font-size: 14px;
color: #424242;
text-align: center;
margin: 0;
}
.into-open-container .details-box .box p {
font-size: 14px;
margin: 0 0 0 0;
line-height: 1.2em;
color: #646464;
text-align: center;
}
/* [/into-open-container] */
/* [membership-info] */
.membership-info .row {
margin: 0 0 10px 0;
}
.membership-info label {
float: left;
width: 145px;
padding: 0 5px;
line-height: 32px;
font-size: 15px;
}
.membership-info.sign-up-form label {
font-weight: bold;
}
.membership-info span.separator {
float: left;
margin-right: 10px;
line-height: 32px;
}
.membership-info .field {
float: left;
padding: 8px 10px 0;
font-size: 15px;
font-weight: bold;
line-height: 1.2em;
}
.membership-info .input-field {
border: 1px solid #D4D4D4;
height: 32px;
float: left;
position: relative;
width: 224px;
}
.membership-info textarea.input-field {
font: normal 13px/32px Arial,Helvetica,sans-serif;
height: 65px;
color: #424242;
padding: 8px 12px;
line-height:1.2em;
}
.membership-info .input-field input#datepicker {
width: 190px;
}
.membership-info .input-field input[type=text], .membership-info .input-field input[type=password]{
width: 200px;
padding: 0 12px;
border: 0;
background: none;
font-size: 15px;
height: 32px;
color: #424242;
font: bold 15px/32px Arial,Helvetica,sans-serif;
}
.membership-info .sign-up-form {
margin-bottom: 10px;
}
.membership-info .sign-up-form input[type=text], .membership-info .sign-up-form input[type=password] {
font-weight: normal;
}
.membership-info .ui-selectmenu-status {
font-weight: bold;
}
.membership-info .sign-up-form .ui-selectmenu-status {
font-weight: normal;
}
.membership-info .sign-up-form .important-info {
clear: both;
font-size: 11px;
padding: 4px 0 0 172px;
width: 390px;
}
.membership-info .text-field-type1 {
margin-right: 5px;
}
.membership-info .misc-options {
padding: 15px 5px;
}
.membership-info .misc-options p.checked {
background: url(../../images/www/icons/check-green.png) 0 3px no-repeat;
padding: 0 0 0 27px;
margin: 0 0 7px 0;
}
.membership-info .misc-options p.unchecked {
background: url(../../images/www/icons/uncheck.png) 0 4px no-repeat;
padding: 0 0 0 27px;
margin: 0 0 7px 0;
}
.membership-info .misc-options label {
width: auto;
line-height: 1.2em;
font-size: 14px;
}
.membership-info .bottom-form {
margin-bottom: 10px;
}
.membership-info .bottom-form p {
margin-bottom: 5px;
}
.membership-info .bottom-form label {
font-weight: normal;
font-size: 13px;
padding: 0;
float: none;
line-height: 1.2em;
width: auto;
}
.membership-info .are-you-human {
margin-bottom: 10px;
}
.membership-info .are-you-human .recaptcha_input_area .recaptcha_input_area_text{
line-height: normal;
font-size: inherit;
}
.membership-info .are-you-human .recaptcha_input_area input{
margin:0;
}
.membership-info .are-you-human .img-container {
float: left;
margin: 0 10px 10px 0;
}
.membership-info .are-you-human .img-container img {
border: 1px solid #e2e2e2;
}
.membership-info .are-you-human input {
font-weight: normal !important;
}
.membership-info .are-you-human .text {
float: left;
width: 320px;
}
.membership-info .are-you-human .important-info {
clear: both;
font-size: 11px;
padding: 4px 0 0 0;
}
/* form-error */
.membership-info .form-error .important-info {
color: #e0270e;
}
.membership-info .form-error .input-field {
border-color: #e0270e;
}
.membership-info .form-error .ui-state-default {
border-color: #e0270e;
}
/* form-error */
/* [/membership-info] */
/* [favorite-locations] */
.favorite-locations .inner {
padding: 0;
}
.favorite-locations .row {
float: left;
width: 272px;
border-right: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
padding: 10px;
position: relative;
}
.favorite-locations .row .img-container {
float: left;
padding-right: 10px;
}
.favorite-locations .row .text {
float: left;
width: 190px;
font-family: Arial;
}
.favorite-locations .row .text h1 {
font-size: 15px;
font-weight: bold;
}
.favorite-locations .row .text h2 {
font-size: 12px;
color: #5a5b5d;
font-style: italic;
}
.favorite-locations .row .button-small {
position: absolute;
bottom: 10px;
right: 10px;
}
.favorite-locations .row .warning {
float: left;
margin: 27px 0 0 0;
}
/* [/favorite-locations] */
/* [monthly-chart] */
.chartEvent{
display: block;
cursor: pointer;
}
.monthly-chart .input-container {
padding-bottom: 15px;
}
.monthly-chart .input-container label {
float: left;
font-weight: bold;
font-size: 15px;
margin-right: 15px;
line-height: 34px;
}
table.chart {
width: 100%;
margin-top: 10px;
}
table.chart th, table.chart td {
padding: 5px;
text-align: center;
border: 1px solid #d0d0d0;
vertical-align: middle;
}
table.chart th, table.chart td a {
color:#424242;
text-decoration:none;
}
table.chart thead th {
font-size: 12px;
color: #e0270e;
}
table.chart tbody th {
color: #e0270e;
}
table.chart tbody th, table.chart tbody td {
font-size: 11px;
}
table.chart span.time {
background: url(../../images/www/icons/clock.png) no-repeat;
display: inline-block;
padding-left: 15px;
white-space: nowrap;
}
table.chart span.clock {
display: block;
white-space: nowrap;
}
table.chart .presentation img.presentation-thumb {
display:none;
}
/* [/monthly-chart] */
/* ----- [popup-container] ----- */
.popup-container {
display: none;
}
.popup-inner-container.type1 {
width: 545px;
}
.popup-inner-container.type2 {
width: 700px;
}
.popup-inner-container.type3 {
width: 400px;
}
.popup-inner-container.type4 {
width: 900px;
}
.popup-inner-container.type5 {
width:635px;
}
.popup-inner-container.type6 {
width:348px;
}
.popup-inner-container.type7 {
width:640px;
}
.popup-inner-container .text {
padding: 22px;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.popup-inner-container .full-summary {
padding:15px;
max-height:400px;
overflow:auto;
}
.popup-inner-container .full-summary p {
margin: 0 0 10px 0;
font-size: 14px;
}
.popup-inner-container .text p {
font-size: 13px;
font-weight: bold;
text-align: center;
margin: 0 0 22px 0;
line-height: 32px;
}
.popup-inner-container .text p.exclamation {
text-align:left;
}
.loader {
background: url(../images/loader.gif) no-repeat;
width: 50px;
height: 50px;
}
.popup-inner-container .text .loader {
margin: 0 auto;
width: 140px;
background-position: center top;
}
.loader.withTxt {
padding-top: 59px;
height: auto;
text-align: center;
width: auto
}
.popup-inner-container.info-container {
padding: 0;
}
.popup-inner-container.info-container span {
line-height:23px;
}
.popup-inner-container.info-container .row-type1 {
border:0;
height:175px;
padding-bottom:0;
}
.popup-inner-container.info-container .text {
text-align:left;
width: 600px;
}
.popup-inner-container.info-container .row-type1 .text {
padding:0 0 0 0px;
}
.popup-inner-container.info-container .row-type1 h1 {
position:relative;
}
.popup-inner-container.info-container .row-type1 h1 a.ticket-print {
position:absolute;
top:0;
right:10px;
font-size:12px;
text-decoration:underline;
font-weight:normal;
}
.popup-inner-container.info-container .text .column-left {
float: left;
width: 320px;
margin-right:20px;
}
.popup-inner-container.info-container .text .column-right {
float: left;
widith: 320px;
}
.popup-inner-container.info-container .event-type-band {
width: 10px;
height:185px;
background:#ffffff;
}
.popup-inner-container .into-open-container .details-box {
background:none;
min-height:130px;
height:auto;
}
.popup-inner-container .into-open-container .details-box .box {
border: 0 !important;
min-height:130px;
height:auto;
width: 200px !important
}
.popup-inner-container .into-open-container .details-box .box h2 {
font-style:normal;
}
.popup-inner-container h1.title-type1 {
padding: 15px 15px 12px 14px;
}
.popup-inner-container .warning-container {
float: left;
left: 50%;
position: relative;
padding: 5px 0 0 0;
}
.popup-inner-container .warning-container .warning {
float: left;
left: -50%;
position: relative;
}
.popup-inner-container .important-note {
text-align:left;
}
.popup-inner-container .buttons {
*margin-top: -20px;
}
.popup-inner-container .buttons .yes-btn {
width:57px;
margin-right:7px;
}
.popup-inner-container .buttons .no-btn {
width:57px;
}
.popup-inner-container .error-icon {
height:40px;width:48px;background-position:-272px 0;
margin:0 auto 20px;
}
.popup-event-summary {
width: 328px;
padding:10px;
}
.popup-inner-container .genre {
position:absolute;
right:30px;
top:6px;
font-weight:normal;
}
.popup-list{
text-align: left;
font-weight: normal;
}
.popup-list ul{
list-style: disc;
}
.popup-list ul li{
margin-bottom:8px;
}
/* ----- [/popup-container] ----- */
/* [search-field] */
.search-field {
margin: 0 0 10px 0;
}
.search-field .input-field {
border: 1px solid #D4D4D4;
float: left;
height: 32px;
position: relative;
width: 190px;
margin: 0 10px 0 0;
}
.search-field .input-field input[type=text] {
padding: 9px 6px;
width: 178px;
border: 0;
background:none;
font-size: 12px;
color: #424242;
line-height:32px;
}
#searchresults img{
width:50px;
height:70px;
}
/* [/search-field] */
/* [add-money] */
.add-money label {
float: left;
font-size: 13px;
font-weight:bold;
margin-right:10px;
line-height:32px;
}
.add-money.unique label {
font-size:14px;
}
.add-money.unique input[type=text] {
font-size: 14px;
}
.add-money .input-field {
border: 1px solid #D4D4D4;
float: left;
height: 32px;
position: relative;
width: 55px;
margin-right:5px;
}
.add-money .input-field.type2 {
width:35px;
}
.add-money .input-field input[type=text] {
padding:0 10px;
line-height:32px;
width: 35px;
border:0;
background:none;
text-align:right;
height:32px;
}
.add-money .input-field.type2 input[type=text] {
width: 20px;
}
/* [/add-money] */
.success-type2 {
background: url(../../images/www/icons/success-white.png) no-repeat;
padding: 0 0 0 30px;
}
fieldset.form-template label {
text-align:right;
font-weight:bold;
}
/* [search-results] */
.search-results .result-list a {
color: #424242;
text-decoration:none;
}
.search-results .result-list .row {
margin: 0 0 10px 0;
border-bottom: 1px solid #e3e3e3;
padding: 0 0 10px 0;
}
.search-results .result-list .row.title {
font-size:12px;
font-weight:bold;
padding-bottom:7px;
}
.search-results .result-list .row .event-name {
width: 272px;
float:left;
margin-right:10px;
}
.search-results .result-list .row .event-location {
width:170px;
float:left;
margin-right:10px;
text-align:center;
min-height: 1px;
}
.search-results .result-list .row .event-location span.city {
display:block;
font-style:italic;
}
.search-results .result-list .row .event-date {
float: left;
text-align:left;
width:126px;
width: 90px;
padding-left:36px;
}
.search-results .result-list .row.title .event-date {
text-align:center;
}
.search-results .result-list .row .img-container {
float: left;
margin-right:7px;
}
.search-results .result-list .row .text {
float: left;
width: 182px;
}
.search-results .result-list .row .text h1 {
font-size: 13px;
font-weight: bold;
}
.search-results .result-list .row .text h2 {
color: #5A5B5D;
font-size: 12px;
font-style: italic;
margin: 0 0 4px 0;
font-weight:normal;
}
/* ---search-aside */
.search-aside {
background:#ffffff;
}
.search-aside h1 {
background: #dfdfdf;
}
.search-aside h2 {
padding:0 0 0 5px;
font-weight:bold;
font-style:normal;
font-size:14px;
margin: 0 0 10px 0;
}
.search-aside label {
font-size:14px;
}
.search-aside label a.count {
font-size: 12px;
color: #e0270e;
}
/* ---/search-aside */
/* [/search-results] */
.seat-options {
padding:5px 10px;
}
.seat-options .seat {
float:left;
width:20px;
height:21px;
border:1px solid #e2e2e2;
position:relative;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-right:10px;
}
.seat-options .seat.type2 {
background: #df1e0a;
}
.seat-options .seat.type1 {
background: #ccff00;
}
.seat-options label {
float:left;
margin-right:10px;
font-weight:bold;
line-height:21px;
}
.seat-options label.type2 {
font-weight:normal;
margin-right:20px;
}
.seat-options .gender {
background:url(../../images/www/icons/genders.png) 0 0;
float: left;
width:21px;
height:22px;
margin-right:10px;
}
.seat-options .gender.male {
background-position: 0 0;
}
.seat-options .gender.female {
background-position: 0 -22px;
}
/* travel-ticket-table */
.travel-ticket-table .text-field {
width: 110px;
padding:0 10px;
line-height:32px;
color: #424242;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}
.travel-ticket-table td {
text-align: center;
font-weight:bold;
}
.travel-ticket-table thead th.gender {
text-align:left;
padding-left:50px;
width:120px;
}
.travel-ticket-table thead th.name {
width: 100px;
}
.travel-ticket-table thead th.surname {
width: 100px;
}
.travel-ticket-table td .ui-selectmenu-status {
text-align:left;
}
.travel-ticket-table td .male {
padding:0 0 0 30px;
background:url(../../images/www/icons/male.png) 0 8px no-repeat;
}
.travel-ticket-table td .female {
padding:0 0 0 30px;
background:url(../../images/www/icons/female.png) 0 6px no-repeat;
}
/* /travel-ticket-table */
/* ----- [ROUNDABOUT] ----- */
.theatre-slider-container {
margin: 11px 13px -7px 18px;
width:577px;
text-align:center;
height:210px;
/*height: 330px;*/
}
.roundabout-holder {
padding: 0;
height: 5em;
margin: 120px auto 0;
width: 70%;
}
.roundabout-moveable-item {
font-size:1em;
width:22em;
height:299px !important;
cursor: pointer;
position:relative;
z-index:101;
}
.roundabout-moveable-item .container {
width: 94%;
position:absolute;
top:-2px;
left:7px;
z-index:-1;
}
.roundabout-moveable-item .container img {
width:100%;
}
.roundabout-moveable-item img {
width:91%;
}
.roundabout-moveable-item a img{
}
.roundabout-moveable-item img.cinema {
-webkit-box-shadow: 0px 1px 5px 1px rgba(221,68,68, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(221,68,68, 5);
box-shadow: 0px 1px 5px 1px rgba(221,68,68, 5);
}
.roundabout-moveable-item img.music {
-webkit-box-shadow: 0px 1px 5px 1px rgba(51,84,158, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(51,84,158, 5);
box-shadow: 0px 1px 5px 1px rgba(51,84,158, 5);
}
.roundabout-moveable-item img.kid {
-webkit-box-shadow: 0px 1px 5px 1px rgba(212,166,41, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(212,166,41, 5);
box-shadow: 0px 1px 5px 1px rgba(212,166,41, 5);
}
.roundabout-moveable-item img.theatre {
-webkit-box-shadow: 0px 1px 5px 1px rgba(235,122,47, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(235,122,47, 5);
box-shadow: 0px 1px 5px 1px rgba(235,122,47, 5);
}
.roundabout-moveable-item img.sport {
-webkit-box-shadow: 0px 1px 5px 1px rgba(111,159,87, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(111,159,87, 5);
box-shadow: 0px 1px 5px 1px rgba(111,159,87, 5);
}
.roundabout-moveable-item img.performance {
-webkit-box-shadow: 0px 1px 5px 1px rgba(167,88,124, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(167,88,124, 5);
box-shadow: 0px 1px 5px 1px rgba(167,88,124, 5);
}
.roundabout-moveable-item img.other {
-webkit-box-shadow: 0px 1px 5px 1px rgba(113,63,149, 5);
-moz-box-shadow: 0px 1px 5px 1px rgba(113,63,149, 5);
box-shadow: 0px 1px 5px 1px rgba(113,63,149, 5);
}
.roundabout-moveable-item.roundabout-in-focus img {
opacity:1;
}
.roundabout-in-focus {
cursor: auto;
}
/* ----- [/ROUNDABOUT] ----- */
/* [others-container] */
.others-container {
width:611px;
padding:458px 0 0 0;
margin: 0 0 10px 30px;
}
.others-container .row-container.box-type4 {
background:#ffffff;
padding-top:15px;
}
.others-container .row-container .row {
border-bottom: 1px solid #E3E3E3;
margin: 0 0 10px;
padding: 0 0 10px;
}
.others-container .row-container .row .img-container {
float: left;
margin: 0 15px 0 0;
background:url(../../images/www/img-container-bg.png) no-repeat;
width:145px;
height:203px;
padding:2px 0 0 4px;
}
.others-container .row-container .row .img-container img {
width: 141px;
}
.others-container .row-container .row .text {
float: left;
width: 420px;
}
.others-container .row-container .row .text h1 {
font-size:22px;
}
.others-container .row-container .row .text h2 {
font-size:14px;
color:#5a5b5d;
margin:0 0 15px 0;
}
.others-container .row-container .row .text p {
font-size:14px;
color: #5a5b5d;
margin:0 0 12px 0;
}
.others-container .row-container .row .text .logo-container {
float: left;
width: 118px;
height:30px;
margin-right: 10px;
text-align:center;
}
/* [/others-container] */
/* [widget-container] */
.widget-container .box {
padding:0 0 15px 0;
}
.widget-container .box .txt {
float: left;
line-height:24px;
font-size:14px;
margin-right: 13px;
}
.widget-container .box.display-section .txt {
line-height:34px;
}
.widget-container .box ul {
float: left;
}
.widget-container .box ul li {
float: left;
margin:0 6px 0 0;
}
.widget-container .box ul li a {
color: #424242;
}
.widget-container .box ul.color-options li a {
display:block;
width:24px;
height:24px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:relative;
}
.widget-container .box ul.color-options li a.active {
border: 3px solid #424242;
width:18px;
height:18px;
}
.widget-container .box ul.display-options li a {
position:relative;
}
.widget-container .box ul.display-options li a.active {
background: rgb(228,229,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(50%,rgba(237,237,237,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 51%,rgba(237,237,237,1) 100%); /* W3C */
}
.widget-container .box ul.color-options li a.type1 {
background:#000000;
}
.widget-container .color-section ul.color-options li a.type2 {
background:#cc0000;
}
.widget-container .color-section ul.color-options li a.type3 {
background:#6699cc;
}
.widget-container .color-section ul.color-options li a.type4 {
background:#45a577;
}
.widget-container .color-section ul.color-options li a.type5 {
background:#e07e00;
}
.widget-container .bottom-page .copy-paste-section {
float: left;
width: 320px;
margin:0 20px 0 0;
}
.widget-container textarea.widget-field {
color: #424242;
font: 13px/1.2em Arial,Helvetica,sans-serif;
height: 128px;
border: 1px solid #D4D4D4;
float: left;
position: relative;
width: 308px;
padding:5px;
}
.widget-container .bottom-page .widget-iframe {
float: left;
}
/* [/widget-container] */
/* [#widget-container] iframe */
#widget-container {
position: relative;
border: 1px solid #dfe1e8;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
width:205px;
height:390px;
padding: 50px 0 10px;
margin:0 auto;
}
#widget-container .logo {
display:block;
position:absolute;
top: 10px;
left:10px;
background:url(../../images/www/logo2.png) no-repeat;
width:89px;
height:58px;
}
.widget-tab-container .tabs-type3 {
width: 140px;
background:none;
padding-left: 60px;
height:25px;
}
.widget-tab-container .tabs-type3 .tab {
width: auto;
padding: 0 10px;
font-weight: normal;
text-decoration: none;
background: #e6e6e6;
height:22px;
font-size:12px;
line-height:22px;
}
.widget-tab-container .tabs-type3 .tab.active {
background: #ffffff;
border-bottom: 1px solid #ffffff;
}
.widget-tab-container .space-filler {
height: 32px;
}
.widget-tab-container .tab-container-type3 {
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
width: 205px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:relative;
height:315px;
}
.widget-tab-container .tab-container-type3 .tab-content {
padding: 10px 24px;
position:relative;
}
.widget-slider .item .img-container {
padding:0 0 2px 0;
}
.widget-slider .item .warning-container {
float: left;
left: 50%;
position: relative;
}
.widget-slider .item .warning-container .warning {
float: left;
left: -50%;
position: relative;
}
.widget-slider .item .movie-info {
padding-top:26px;
*padding-top: 6px;
width:158px;
}
#box-office #next {
background:url(../../images/www/widget-slider-arrows.png) -10px 0 no-repeat;
width:10px;
height:23px;
position:absolute;
top:115px;
right: 7px;
display:block;
}
#box-office #prev {
background:url(../../images/www/widget-slider-arrows.png) 0 0 no-repeat;
width:10px;
height:23px;
position:absolute;
top:115px;
left: 6px;
display:block;
}
#yeniler #next {
background:url(../../images/www/widget-slider-arrows.png) -10px 0 no-repeat;
width:10px;
height:23px;
position:absolute;
top:115px;
right: 7px;
display:block;
}
#yeniler #prev {
background:url(../../images/www/widget-slider-arrows.png) 0 0 no-repeat;
width:10px;
height:23px;
position:absolute;
top:115px;
left: 6px;
display:block;
}
.widget-slider .item {
width:158px;
}
.widget-slider .item .movie-info h1 {
text-align: center;
font-size: 15px;
}
.widget-slider .item .movie-info h2 {
text-align: center;
font-size:13px;
color: #5a5b5d;
}
#widget-container .button-container {
padding: 10px 0 10px 10px;
}
#widget-container .button-container a {
margin-right: 6px;
width:68px;
}
/* [/#widget-container] iframe */
/* [update-info] */
.update-info {
float:left;
padding:9px 0 0 5px;
}
.contact-info .row .update-info label {
width:auto;
font-weight:normal;
font-size:12px;
line-height:1.5em;
}
/* [/update-info] */
.misc-bottom {
border-top: 1px solid #d8dade;
font-size: 16px;
font-weight: bold;
padding: 12px 15px 12px 12px;
height:20px;
position:relative
}
.mybilet-xpress-container {
float: left;
width: 430px;
}
.left-content-container {
float:left;
padding:0 0 10px 0;
}
.event-details.place-details .photo-gallery {
float: right;
width: 131px;
}
.event-details.place-details .photo-gallery .photo-showcase {
margin-bottom: 5px;
width:131px;
height:91px;
overflow:hidden;
}
.event-details.place-details .photo-gallery .photo-showcase img {
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e2e2e2;
width:129px;
height:89px;
display:block;
}
.event-details.place-details .photo-gallery .thumb {
float:left;
margin: 0 5px 5px 0;
}
.event-details.place-details .photo-gallery .thumb img {
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e2e2e2;
width: 27px;
height:28px;
display:block;
}
/* --- [subpage-tabs] --- */
.subpage-tabs {
padding: 22px 0 0 30px;
}
.subpage-tabs .tabs {
background:url(../images/subpage-tabs-shadow.png) left bottom repeat-x;
padding:0 0 5px 7px;
float: left;
width:100%;
}
/* --- [/subpage-tabs] --- */
select.special-item {
width:170px !important;
}
select.item-count {
width:70px !important;
}
.special-item-container {
float: right;
}
.special-item-container .ui-selectmenu {
float: left;
margin-left:10px;
}
table.ticket-info tbody tr.special-items-row td {
background:#ffffff;
}
.pageskinbuttonleft, .pageskinbuttonright{
display:block;
width:300px;
height:1000px;
position:absolute;
margin-left: -300px;
cursor: pointer;
}
.pageskinbuttonright{
margin-left: 980px;
}
ul.tickets-rights{}
ul.tickets-rights li{display: list-item}
ul.tickets-rights label{ width: 300px;cursor: pointer}
.top-oldsite{
position:absolute;
text-align: center;
width:100%;
margin-left: -86px;
}
.top-oldsite a{
background-color: #79797A;
border:1px solid #696969;
border-top:0;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
font-size:15px;
font-weight: bold;
color:#fff;
padding:4px;
padding-left:6px;
padding-right:6px;
}
.wide-page header .top-area,
.wide-page .main-container,
.wide-page .main-container .shadow,
.wide-page .main-footer .content-container .content-cover{
width:1020px;
}
.wide-page .main-footer .content{
width:960px;
}
.wide-page .sub-header{
margin:0px;
}
.flight-tabs{
margin-left:35px;
background-color:transparent;
}
.flight-tabs .tab{
border:1px solid #dadada;
}
#flight-frame{
margin-top:45px;
}
.reset-font {
font-family: Arial !important;
}
.large-image-image{
width:185px !important;
height:259px !important;
margin-left:84px;
margin-top:-150px;
box-shadow: #000 0px 3px 4px;
position:absolute;
z-index:200;
}
.small-tab-row .large-image-image{
margin-left:42px;
}
.promo-form {
width:370px;
height:170px;
}
.stream-header{
background-image: url(http://bilet.sapanca.com.tr/images/www/stream_header_bg.jpg);
padding-left: 75px;
color: #FFFFFF;
}
.iosPlayButton{
background-image: url(http://bilet.sapanca.com.tr/images/www/icons/iosPlay.png);
display: block;
width:100%;
height:100%;
background-repeat: no-repeat;
background-position: center;
}
.selectedSeat {
background-color:#DF1E0A !important;
color : #FFFFFF;
}
.travelErrorContainer {
background-color: #E0270E;
color: #FFFFFF;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 30px;
padding: 10px;
}
.supportMiniInfo{
font-size:10px;
background-color:#F6F3F3;
padding:4px;
text-align: center;
font-style:italic;
}
.stageImageContainer {
height: 610px;
overflow-x: hidden;
overflow-y: auto;
margin-bottom: 10px;
}
.ibbMain .content fieldset{
float: left;
margin: 0 11px 0 0;
}
.event-summary p {
text-align: left;
}
.abroad-event-input-container {
width: 863px !important;
}
fieldset.delivery-form label {
text-align: left !important;
}
.delivery-form input,textarea,select {
font-weight:normal !important;
}
.abroad-tickets tr.transparent td {
background-color:transparent;
}
.featuredEvent {
border: 2px solid #A0A0A0;
border-radius: 10px 10px 10px 10px;
float: left;
height: 230px;
margin-bottom: 20px;
margin-right: 10px;
width: 205px;
box-shadow: 0 0 8px #A0A0A0;
}
.featuredEvent-active {
box-shadow : none !important;
border : 2px solid #C0C0C0 !important;
}
.featuredEvent-price {
color: #808080;
float: right;
font-size: 10px;
font-style: italic;
font-weight: bold;
margin-top: 15px;
padding: 10px;
}
#tag-cloud{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EBEAEA;
padding: 5px;
margin-top:3px;
text-align:center;
color:#999;
}
#tag-cloud a:hover{
text-decoration: underline;
}
#bots-list{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EBEAEA;
margin-top:3px;
}
#bots-list .left-list{
list-style: disc;
font:15px;
line-height:20px;
}
#bots-list .left-list li{
background: url(../../images/www/icons/bullet.png) 4px 13px no-repeat;
padding:5px;
}
#bots-list .left-list li a{
margin-left:10px;
}
#bots-list .left-list li img{
display:none;
}
#bots-list .left-list .li-1{
background-color:#F8F8F8;
}
.event-all-filter-button {
color: #424242 !important;
border: 1px solid #CCCCCC;
background-color:#e6e6e6 !important;
text-decoration:none !important;
padding:7px;
width:124px;
font-size:13px;
border-radius: 4px;
display:block;
text-align:center;
font-weight:bold;
margin-right:5px;
}
.top-menu-element {
margin-right:0 !important;
}
.top-menu-element:hover {
background-color:#79797A;
}
.top-menu-element a {
height:100%;
display:block;
color: #FFFFFF;
padding:0 10px;
}
.top-menu-element span.city-link {
background-image : url('../images/location-icon.png');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
padding-bottom:5px;
padding-top:5px;
}
.city-item-table td {
width:150px;
height:30px;
border:1px solid #E0E0E0;
}
.city-item {
font-size:14px;
padding:10px;
text-align:center;
display:block;
}
.city-item:hover {
background-color:#92AA41 !important;
color:#FFFFFF;
}
.exhibition-accordion .accordion-content {
display:none;
border-right: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4;
border-bottom: 1px solid #D4D4D4;
}
.exhibition-accordion .accordion-content p {
margin-top:10px;
margin-left:10px;
}
.exhibition-accordion li.active .accordion-content{
display:block;
}
.exhibition-accordion li.disabled .accordion-title a {
color:#888888;
}
.exhibition-accordion .accordion-title a {
text-decoration:none;
font-weight:bold;
}
.exhibition-accordion li.active .accordion-title a {
color: #FFFFFF;
}
.exhibition-accordion li.active .accordion-title {
background-color:#92AA41;
}
.visitor-form-cell {
float:left;
width:435px;
padding:10px;
margin:5px;
width:403px;
border:1px solid #D4D4D4;
}
.visitor-form-cell label {
width: 190px !important;
}
.visitor-form-cell .row .text {
width: 190px !important;
}
.redborder {
border : 1px solid red !important;
}
.threed{
background-color: #ff0000;
font-family: 'Arial', sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color:#fff;
position:relative;
padding: 10px;
display: inline-block;
background-image: -webkit-linear-gradient(bottom, rgb(179,0,0) 0%, rgb(255,51,51) 100%);
background-image: -moz-linear-gradient(bottom, rgb(179,0,0) 0%, rgb(255,51,51) 100%);
background-image: -ms-linear-gradient(bottom, rgb(179,0,0) 0%, rgb(255,51,51) 100%);
background-image: -o-linear-gradient(bottom, rgb(179,0,0) 0%, rgb(255,51,51) 100%);
border-radius: 4px;
margin-bottom: 7px;
box-shadow: inset 0px 1px 0px #ff1a1a, 0px 3px 0px 0px #800000, 0px 3px 1px #999;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.xpand{
background-color: #77021D;
font-family: 'Arial', sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color:#fff;
position:relative;
padding: 10px;
display: inline-block;
background-image: -webkit-linear-gradient(bottom, rgb(144,2,36) 0%, rgb(194,3,47) 100%);
background-image: -moz-linear-gradient(bottom, rgb(144,2,36) 0%, rgb(194,3,47) 100%);
background-image: -ms-linear-gradient(bottom, rgb(144,2,36) 0%, rgb(194,3,47) 100%);
background-image: -o-linear-gradient(bottom, rgb(144,2,36) 0%, rgb(194,3,47) 100%);
border-radius: 4px;
margin-bottom: 7px;
box-shadow: inset 0px 1px 0px #e60000, 0px 3px 0px 0px #5e0117, 0px 3px 1px #999;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.normal{
background-color: #4099ff;
font-family: 'Arial', sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color:#fff;
position:relative;
padding: 10px;
display: inline-block;
background-image: -webkit-linear-gradient(bottom, rgb(13,126,255) 0%, rgb(65,153,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(13,126,255) 0%, rgb(65,153,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(13,126,255) 0%, rgb(65,153,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(13,126,255) 0%, rgb(65,153,255) 100%);
border-radius: 4px;
margin-bottom: 7px;
box-shadow: inset 0px 1px 0px #5aa7ff, 0px 3px 0px 0px #0059c0, 0px 3px 1px #999;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.digital {
background-color: #3FB8AF;
font-family: 'Arial', sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #fff;
position: relative;
padding: 10px;
display: inline-block;
background-image: -webkit-linear-gradient(bottom, rgb(63, 184, 175) 0%, rgb(97, 201, 193) 100%);
background-image: -moz-linear-gradient(bottom, rgb(63, 184, 175) 0%, rgb(97, 201, 193) 100%);
background-image: -ms-linear-gradient(bottom, rgb(63, 184, 175) 0%, rgb(97, 201, 193) 100%);
background-image: -o-linear-gradient(bottom, rgb(63, 184, 175) 0%, rgb(97, 201, 193) 100%);
border-radius: 4px;
margin-bottom: 7px;
box-shadow: inset 0px 1px 0px #A8DBA8, 0px 3px 0px 0px #3B8686, 0px 3px 1px #999;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.normal:hover, .xpand:hover, .threed:hover, .hfr:hover, .hfr:digital {
top: 1px;
background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
box-shadow: 0px 2px 0px 0px #322620, 0px 3px 1px #999;
}
/* SEARCH FORM */
#suggestions {
position: relative;
left:8px;
top: 47px;
*top: 11px;
width:398px;
display:none;
z-index:1001;
}
/* SEARCHRESULTS */
#searchresults {
width:396px;
font-size:10px;
line-height:1.2em;
background: #ffffff;
border:1px solid #dddddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#searchresults a {
display:block;
height:70px;
text-decoration:none;
padding: 10px;
border-bottom: 1px solid #e3e3e3;
position:relative;
}
#searchresults a:hover {
background: #f8f8f8;
}
#searchresults a img {
position: absolute;
top:10px;
left:10px;
}
#searchresults a span.searchheading {
display:block;
font-weight:bold;
color:#424242;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:1.4em;
cursor:pointer;
text-align: left;
}
#searchresults a span.headingtype {
display:block;
color:#5a5b5d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
line-height:1.4em;
cursor:pointer;
}
#searchresults span.category {
font-size:11px;
margin:5px;
display:block;
color:#ffffff;
}
#searchresults span.seperator {
float:right;
padding-right:15px;
margin-right:5px;
background-image:url(../../images/www/shortcuts_arrow.gif);
background-repeat:no-repeat;
background-position:right;
}
#searchresults span.seperator a {
background-color:transparent;
display:block;
margin:5px;
height:auto;
color:#ffffff;
}
#searchresults a .text-container {
position:absolute;
display:block;
top:10px;
left:70px;
}
#stage{
}
#stage #stagePlan{
float: left;
width: 860px;
height: 635px;
margin: 10px 5px 10px 10px;
/*background: #fff;*/
/*border-radius: 10px;*/
overflow: scroll
}
#stage #stagePlan #stagePlanSlider{
position: relative;
top: 0;
left: 0;
float: left
}
#stage #stagePlan #stagePlanSlider div{
position: absolute;
width: 18px;
height: 18px;
border: solid 1px #939393;
border-radius: 5px;
font:bold 11px/20px "Trebuchet MS";
text-align: center;
z-index: 700;
}
#stage #stagePlan #stagePlanSlider div.label{
background: #c3c3c3
}
#stage #stagePlan #stagePlanSlider div.label.imtext{
background: rgb(119,5,6);
color: #fff
}
#stage #stagePlan #stagePlanSlider div.seat{}
#stage #stagePlan #stagePlanSlider div.seat.inprogress{
background: orange;
color: #000
}
#stage #stagePlan #stagePlanSlider div.seat.selected{
background: #BB0000;
color: #fff;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.available{
background: #FFFFFF;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.available.type3{
background: #CEFF00;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.available.type5{
background: #98EEFA;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.available.type2{
background: #E0E00A;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.unavaliable{
background: #7c8989;
color: #fff;
}
#stage #stagePlan #stagePlanSlider div.seat.unavaliable.type4{
background: #D54500;
color: #fff;
}
#stage #stagePlan #stagePlanSlider div.seat.unavaliable.type6{
background: #CEFF00;
color: #000000;
}
#stage #stagePlan #stagePlanSlider div.seat.group{}
#stage #stagePlan #stagePlanSlider div.seat.group.gpos_left{
border-right: none;
border-bottom-right-radius:0;
border-top-right-radius:0;
padding-right: 5px;
}
#stage #stagePlan #stagePlanSlider div.seat.group.gpos_center{
border-left: none;
border-right: none;
border-radius: 0;
padding-right: 5px;
}
#stage #stagePlan #stagePlanSlider div.seat.group.gpos_right{
border-left: none;
border-bottom-left-radius:0;
border-top-left-radius:0;
}
#stage #stagePlan #stagePlanSlider div.seat.group.inprogress{
background: orange;
color: #000
}
#stage #stagePlan #stagePlanSlider div.seat.group.selected{
background: #BB0000;
color: #fff;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.group.available{
background: #fcb3b3;
cursor: pointer
}
#stage #stagePlan #stagePlanSlider div.seat.group.unavaliable{
background: #7c8989;
color: #fff;
}
#stage #stagePlanCustom{}
/* Facebook Share */
#stage #stagePlan #stagePlanSlider div.seat.unavaliable.fbshare{
background: #396097;
color: #fff;
}
#stage #stagePlan #stagePlanSlider div.seat.group.unavaliable.fbshare{
background: #396097;
color: #fff;
}
#busSeat #busSeatPlan{
float: left;
width: 860px;
height: 450px;
margin: 10px 5px 10px 10px;
/*background: #fff;*/
/*border-radius: 10px;*/
overflow: scroll
}
#busSeat #busSeatPlan #busSeatPlanSlider{
position: relative;
top: 0;
left: 0;
float: left
}
#busSeat #busSeatPlan #busSeatPlanSlider div{
position: absolute;
width: 27px;
height: 27px;
border: solid 1px #939393;
border-radius: 5px;
font:bold 12px/22px "Trebuchet MS";
text-align: center;
z-index: 700;
}
#busSeat #busSeatPlan #busSeatPlanSlider div.label{
background: #c3c3c3
}
#busSeat #busSeatPlan #busSeatPlanSlider div.label.imtext{
background: rgb(119,5,6);
color: #fff
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat{}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.inprogress{
background: orange;
color: #000
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.selected{
background: #BB0000;
color: #fff;
cursor: pointer
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.available{
background: #CEFF00;
cursor: pointer
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.unavaliable{
background: #7c8989;
color: #fff;
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group{}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.gpos_left{
border-right: none;
border-bottom-right-radius:0;
border-top-right-radius:0;
padding-right: 5px;
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.gpos_center{
border-left: none;
border-right: none;
border-radius: 0;
padding-right: 5px;
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.gpos_right{
border-left: none;
border-bottom-left-radius:0;
border-top-left-radius:0;
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.inprogress{
background: orange;
color: #000
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.selected{
background: #BB0000;
color: #fff;
cursor: pointer
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.available{
background: #fcb3b3;
cursor: pointer
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.unavaliable{
background: #7c8989;
color: #fff;
}
#busSeat #busSeatPlanCustom{}
/* ibb */
a.ibbEvent{
cursor: pointer
}
#ibbstage{
}
#ibbstage #stagePlan{
float: left;
width: 860px;
height: 635px;
margin: 10px 5px 10px 10px;
/*background: #fff;*/
/*border-radius: 10px;*/
overflow: scroll
}
#ibbstage #stagePlan #stagePlanSlider{
position: relative;
top: 0;
left: 0;
float: left
}
#ibbstage #stagePlan #stagePlanSlider div{
position: absolute;
width: 22px;
height: 22px;
border: solid 1px #939393;
border-radius: 5px;
font:bold 12px/22px "Trebuchet MS";
text-align: center;
z-index: 700;
}
#ibbstage #stagePlan #stagePlanSlider div.label{
background: #c3c3c3
}
#ibbstage #stagePlan #stagePlanSlider div.label.imtext{
background: rgb(119,5,6);
color: #fff
}
#ibbstage #stagePlan #stagePlanSlider div.seat{}
#ibbstage #stagePlan #stagePlanSlider div.seat.inprogress{
background: orange;
color: #000
}
#ibbstage #stagePlan #stagePlanSlider div.seat.selected{
background: #BB0000;
color: #fff;
cursor: pointer
}
#ibbstage #stagePlan #stagePlanSlider div.seat.available{
background: #CEFF00;
cursor: pointer
}
#ibbstage #stagePlan #stagePlanSlider div.seat.unavaliable{
background: #7c8989;
color: #fff;
}
/* [ibb-ticket-info] */
table.ibb-ticket-info {
width: 100%;
border: 1px solid #e2e2e2;
margin: 10px 0;
}
table.ibb-ticket-info th {
font-size: 14px;
}
table.ibb-ticket-info td {
font-size: 15px;
}
table.ibb-ticket-info th, table.ibb-ticket-info td {
border-bottom: 1px solid #e2e2e2;
vertical-align: middle;
padding: 12px 10px;
}
table.ibb-ticket-info th {
font-weight: normal !important;
}
table.ibb-ticket-info .row {
width: 123px;
text-align: left;
padding: 12px 15px;
font-weight: bold;
}
table.ibb-ticket-info .seat {
width: 455px;
text-align: center;
padding: 12px 15px;
font-weight: bold;
}
table.ibb-ticket-info .price {
padding: 12px 15px 10px 0;
}
table.ibb-ticket-info .price .ui-selectmenu {
text-align: left;
}
table.ibb-ticket-info .selectmenu {
width: 250px;
}
table.ibb-ticket-info tbody td {
background: #f4f4f4;
font-size: 15px;
}
table.ibb-ticket-info tfoot td, table.ibb-ticket-info tfoot th {
text-align: right;
padding-right: 18px;
}
table.ibb-ticket-info .total-ticket-price {
font-weight: bold;
}
table.ibb-ticket-info .mybilet-service-price {
font-weight: normal;
}
table.ibb-ticket-info tfoot tr.type1 td, table.ibb-ticket-info tfoot tr.type1 th {
background: #ffffff;
height: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
table.ibb-ticket-info tfoot tr.type2 td, table.ibb-ticket-info tfoot tr.type2 th {
background: #92aa41;
color: #ffffff;
font-weight: bold;
}
.ibb-ticket-info.type2 td, .ibb-ticket-info.type2 th {
text-align: center;
}
.ibb-ticket-info.type2 th {
font-weight: normal;
}
.ibb-ticket-info.type2 .rez-no {
text-align: left;
padding-left: 20px;
}
.ibb-ticket-info.type2 td {
font-weight: bold;
font-size: 14px;
}
.ibb-ticket-info.type3 th.company, .ibb-ticket-info.type3 td.company {
width: 235px;
text-align: left;
}
.ibb-ticket-info.type3 th.total-open-money, .ibb-ticket-info.type3 td.total-open-money {
width: 120px;
text-align: center;
}
.ibb-ticket-info.type3 th.add-open-money, .ibb-ticket-info.type3 td.add-open-money {
width: 150px;
text-align: center;
}
.ibb-ticket-info.type3 td {
font-weight: bold;
}
.ibb-ticket-info.type4 td {
font-weight: bold;
text-align: center;
}
.ibb-ticket-info.type4 thead th {
padding-top: 5px;
padding-bottom: 5px;
}
.ibb-ticket-info.type4 th.check {
width: 30px;
}
.ibb-ticket-info.type4 th.seat {
width: 40px;
}
.ibb-ticket-info.type4 th.rez-no {
width: 80px;
}
.ibb-ticket-info.type4 th.price {
width: 65px;
}
.ibb-ticket-info.type4 th.service-cost {
width: 55px;
}
.ibb-ticket-info.type4 th.total {
width: 82px;
}
.ibb-ticket-info.type5 td, .ibb-ticket-info.type5 th {
text-align: center;
}
.ibb-ticket-info.type5 th {
font-weight: normal;
font-size:12px;
}
.ibb-ticket-info.type5 .rez-no {
text-align: left;
padding-left: 20px;
}
.ibb-ticket-info.type5 td {
font-weight: bold;
font-size: 12px;
}
table.ibb-ticket-info .inner-table td {
padding:0;
}
table.ibb-ticket-info td.special-items {
text-align:left;
}
table.ibb-ticket-info td.special-items select {
width:150px;
}
table.ibb-ticket-info td.special-items .item-count-container {
/*display:none;*/
}
table.ibb-ticket-info td.special-items .item-count-container select.item-count {
width:75px;
}
/* [/ibb-ticket-info] */
/* Facebook Share */
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.unavaliable.fbshare{
background: #396097;
color: #fff;
}
#busSeat #busSeatPlan #busSeatPlanSlider div.seat.group.unavaliable.fbshare{
background: #396097;
color: #fff;
}
#busSeatPlanSlider div.female {
background:url(http://bilet.sapanca.com.tr/images/www/woman.png);
background-repeat:no-repeat;
background-position: -1px -1px;
}
#busSeatPlanSlider div.male {
background:url(http://bilet.sapanca.com.tr/images/www/man.png);
background-repeat:no-repeat;
background-position: -1px -1px;
}
#stagePlanNoNumber{}
#stagePlanNoNumber .hidden{display: none}
.hidden{display: none}
.overflow_y{
width: 100%;
height: 50px;
max-height: 100px;
overflow-y: scroll;
}
.overflow_y ul li{
float: left;
margin-right: 10px;
}
.lazy {
display: none;
}
/* Widget */
.widget{}
.widget ul {margin: 0;}
.widget ul li {margin-bottom: 20px;list-style: none;}
.widget ul li span {display: block; font-family:"Trebuchet MS", Arial; font-size:18px; color: #19232a;}
.widget ul li div {margin: 5px;}
.widget ul li div span {margin: 5px; display: block; width: 30px; height: 30px; float: left; cursor: pointer;}
.widget ul li div span.largeSpan {width: 100px; height: 20px; float: left; padding: 5px 2px 2px 5px; font-family:"Trebuchet MS", Arial; font-size:13px; font-weight:bold; color: #fff}
.widget-preview{width: 210px; float: left; overflow: hidden;}
.widget label {cursor: pointer;}
.widget textarea {font-family: arial,helvetica; font-size: 14px;}
.widget button {border: solid 1px #ccc; background: #e8e8e8; text-align: center; width: 300px; }
/* /Widget */
/* Pagination */
#pagination {
text-align: center;
margin-top: 10px;
font-size: 12px;
color: #333333;
text-decoration: none;
overflow: hidden;
margin-left: 10px;
float: right;
}
#pagination li {
list-style-type: none;
}
#pagination a {
text-align: center;
text-decoration: none;
font-size: 11px;
background-image: url(../images/bg-pagination-number.png);
background-repeat: no-repeat;
height: 18px;
width: 18px;
display: block;
float: left;
margin-right: 5px;
line-height: 13pt;
color: #999;
}
#pagination a:hover,
#pagination a.page_current
{
color: #FFF;
background-image: url(../images/bg-pagination-number-active.png);
}
/* otomoatik arama */
#inputSearch
{
width:200px;
border:solid 1px #000;
padding:3px;
}
#divResult
{
position:absolute;
width:200px;
display:none;
margin-top:-1px;
border:solid 1px #dedede;
border-top:0px;
overflow:hidden;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-moz-border-bottom-left-radius: 6px;
box-shadow: 0px 0px 5px #999;
border-width: 3px 1px 1px;
border-style: solid;
border-color: #333 #DEDEDE #DEDEDE;
background-color: white;
}
.display_box
{
padding:4px; border-top:solid 1px #dedede;
font-size:12px; height:45px;
}
.display_box:hover
{
background:#F7FFDD;
color:#FFFFFF;
cursor:pointer;
}
/* Onay kutuları */
.question {
position: absolute;
display: inline;
text-align: center;
width: 170px;
height: 78px;
font-size: 13px;
line-height: 1.5em;
background: url('../images/bubble.png') left top no-repeat;
padding: 10px 0 0 0;
text-shadow: 0px 1px 0px #fff;
margin-left: -7em;
margin-top: -6em;
opacity: 0;
}
.yes, .cancel {
margin-top: .5em;
margin-right: .5em;
cursor: pointer;
display: inline-block;
width: 63px;
height: 21px;
color: #fff;
text-shadow: 0px 1px 0px #000;
background: url('../images/button.png') left top no-repeat;
}