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; }