/*@import "reset.css";*/
@import "snippets.css";

img { border:0; }
ul, li { list-style:none; margin:0; padding:0; }
.event-detail ul { padding-left:30px }
.event-detail ul li { list-style:disc }
html, body { margin:0; padding:0; }

/* Elements
============================================================ */

body, input, select, textarea { font-family:tahoma,arial,sans-serif; font-size:13px; }
body { background:#fff url(../img/bg.png) top repeat-x; color:#000; line-height:1.5em; }

a       { color:#f11855; text-decoration:none; }
a:hover { color:#f11855; text-decoration:underline; }

em, em a { color:gray; }
dl em    { font-size:0.9em; }

h2 { font-size:1.4em; font-weight:normal; line-height:1.5em; }
h3 { font-size:1.2em; font-weight:normal; line-height:1.5em; }
h4 { font-size:1em; font-weight:700; color:#fff; line-height:1.5em; }

ol li { margin:0.5em 0; list-style-type:decimal; }

dl   { line-height:20px; margin-bottom:10px; }
dt   { color:#666; }
dd   { margin:-20px 0 0.2em 90px; }
dd p { margin-bottom:10px; text-align:justify; }
h2   { margin-bottom:10px; }
h4   { margin-bottom:10px; }

/* Forms
============================================================ */

#content label           { float:left; width:150px; padding:5px 5px 4px 0; margin-right:10px; border-bottom:1px solid #ddd; }
#content .checkbox label { float:none; width:auto; padding:0 0 0 160px; border:0; margin:0; }
#content .buttons        { padding-left:160px; }

#content input[type="text"], #content input[type="password"] { padding:5px; }

.notification_error,
.notification_success,
.notification_notice   { margin:11px 0 1em; border-width:2px; border-style:solid; padding:8px; list-style:none; }
.notification_error    { background:#FBE3E4; border-color:#FBC2C4; color:#8A1F11; }
.notification_success  { background:#E6EFC2; border-color:#C6D880; color:#264409; }
.notification_notice   { background:#FFF6BF; border-color:#FFD324; color:#514721; }

.button,
.button-gray,
.button-pink {
	display:block;
	float:left;
	font-size:0.9em;
	height:32px;
	line-height:32px !important;
	margin-right:0.5em;
	text-align:center;
	text-decoration:none;
	width:79px;
}
.button,
.button-gray {
	background:url(../img/button-gray.png) bottom no-repeat;
	color:#666;
	border:0;
}
.button-pink {
	background:url(../img/button-pink.png) bottom no-repeat;
	color:#8c0e47;
	border:0;
}
.button:hover,
.button-gray:hover,
.button-pink:hover {
	background-position:top !important;
	color:#fff !important;
	text-decoration:none;
}

.btn-pink, .btn-gray {
	display:block;
	float:left;
	width:105px;
	height:28px;
	padding-top:7px;
	color:#fff;
	font-size:11px;
	font-weight:700;
	text-align:center;
	line-height:20px;
	border:0;
	cursor:pointer;
}
.btn-pink {
	background:url(../img/buttons-pink.png) no-repeat 0 0;	
}
.btn-gray {
	background:url(../img/buttons-gray.png) no-repeat 0 0;
}
.btn-pink:hover, .btn-gray:hover {
	color:#fff;
	text-decoration:none;
	background-position:0 -35px;	
}
.btn-pink:active, .btn-gray:active {
	background-position:0 -70px;	
}
.basket .btn-pink, .basket .btn-gray {
	float:right;
	margin-left:10px;
}
.event-buttons .btn-pink, .event-buttons .btn-gray {
	float:right;
	height:35px;
	margin-left:10px;
	padding-top:0;
}


/* Classes
============================================================ */

.wrap  { width:960px; }

.small           { font-size:0.9em !important; }
.hr              { margin:1em 0; border-top:1px dotted #a6a6a6; }

.window          { margin:0 auto; width:454px; background:url(../img/window.png); }
.window .top     { background:url(../img/window-top.png) top no-repeat; padding-top:17px; }
.window .bottom  { min-height:165px; padding-bottom:63px; background:url(../img/window-bottom.png) bottom no-repeat }
.window .inner   { padding:20px 30px; }
.window p        { margin:0.4em 0px; }
.window-padding  { margin:0 auto; width:434px; }
.window h3       { margin-top:0; font-size:1.1em; }
.window textarea { width:100%; }

#order-breadchumb .active { font-weight:bold; }

ul.error { list-style:none; margin-left:0; margin-right:0; padding:0.35em 0.65em; border:1px solid #f11855; background:#fcccda; }
ul.info  { list-style:none; margin-left:0; margin-right:0; padding:0.35em 0.65em; border:1px solid #880; background:#ff8; }

/* Header
============================================================ */

#header .wrap { color:#666; position:relative; height:100px; }

#title    { width:290px; background:url(../img/header.png) left no-repeat; }
#title h1 { margin:0; }
#title a  { height:98px; display:block; text-indent:-9000px; }

#user a          { color:#fff; }
#user-info       { position:relative; width:500px; color:#aaa; line-height:30px; padding-bottom:10px; }
#user-basket a   { display:block; position:absolute; right:0; top:40px; line-height:39px; _padding-top:8px; width:179px; _height:28px; _line-height:20px; text-decoration:none; background:url(../img/basket-button.png); }
#user-basket img { position:relative; top:2px; margin:0 3px; }

#settings { padding-right:20px; color:#fff; background:url(../img/arrow-pink.png) no-repeat right 0; }
#settings:hover { text-decoration:underline; background-position:right -16px; cursor:pointer; }
#settings.expanded { background-position:right -16px; } 
.settings_nav { position:absolute; display:none; top:30px; right:85px; padding:15px; background-color:#000; border:3px solid #666; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:999 }

#logout { padding-right:20px; background:url(../img/icon-logout.png) no-repeat right 0; }
#logout:hover { background-position:right -16px; }

/* TopMenu
============================================================ */

#topmenu         { padding-top:1px; height:47px; font-family:arial,sans-serif; font-size:12px; }
#topmenu li      { float:left; width:159px; line-height:43px; height:46px; background:url(../img/button-inactive.png); text-align:center; text-transform:uppercase; margin-right:1px; color:#888; }
#topmenu a       { display:block; width:159px; height:45px; padding-bottom:1px; text-decoration:none; color:#444; background:url(../img/button.png) top; }
#topmenu a:hover,
#topmenu .active a { background-position:bottom; color:#fff; }

/* SubMenu
============================================================ */

#submenu .active { color:#000; }

/* Container
============================================================ */

#container       { background:url(../img/container-bottom.png) bottom repeat-x; line-height:1.6em; }
#container .wrap { padding:1.2em 0 3.2em; }
#content         { width:700px; line-height:1.5em; }
#rail            { width:210px; padding-bottom:2.2em; }

/* Container - Content
============================================================ */

#content form.styled p     { margin:8pt 0; }
#content form.styled label { display:block; float:left; width:115px; padding-top:0.1em; font-size:0.9em; color:#666; }
#content form.styled input { font-size:1.1em; }
#content form.styled p.checkbox { padding-left:115px; }
#content form.styled p.checkbox label { display:inline; float:none; width:auto; font-size:small; color:#000; }
#content form.styled p.checkbox input {  }
#content form.styled p span.error { color:#f11855; padding-left:0.5em; font-size:0.9em; }

#events {
	list-style:none;
	margin-left:0;
	margin-right:0;
	padding:0;
}
#events .ticket {
	background:url(../img/ticket.png) left top;
	_background:url(../img/ticket.gif) left top;
	color:#444;
	float:left;
	height:138px;
	margin:0 40px 2px 0;
	padding-bottom:40px;
	position:relative;
	width:328px;
}
#events .ticket *      { margin:0 !important; }
#events .ticket a      { color:#000; }
#events .ticket h3     { position:absolute; left:142px; top:11px; width:175px; }
#events .ticket .info  { position:absolute; left:142px; bottom:50px; width:175px; font-size:0.95em; line-height:1.5em; }
#events .ticket .image { position:absolute; left:20px; top:11px; }

.detail-left        { width:96px; }
.detail-left-border { background:url(../img/event-icon.png) top no-repeat; padding:4px; }
.detail-right       { width:580px; }

.event-detail					{ position:relative; }
.event-detail h2			{ width:450px; }
.save-event						{ position:absolute; right:0; }
.event-ticket-ticket  { width:572px; height:35px; margin:0 0 7px 0; color:#888; background:url(../img/bg-event-ticket.png) no-repeat; line-height:35px; padding:3px 5px 6px 3px; font-size:8pt; }
.event-ticket-ticket:hover	{ background-position:0 -44px; }
.ticket-title         { display:block; float:left; width:350px; padding:0 10px; text-align:left; background:url(../img/event-ticket-divider.png) no-repeat right 2px; }
.ticket-price         { display:block; float:left; width:60px; padding-left:10px; text-align:right; }
.ticket-select        { font-size:8pt; margin-left:10px; float:left; width:40px; margin-top:9px; }
.ticket-avail         { display:block; float:left; width:55px; margin-left:15px; text-align:right; background:url(../img/event-ticket-divider.png) no-repeat 0 2px; }
.ticket-avail .gray   { color:#ababab; }
.event-buttons        { }
.event-ticket-sector  { padding-left:90px; margin-bottom:1em; font-size:8pt; }

#events-selector    { margin-left:0; margin-right:0; padding:0; list-style:none; }
#events-selector li { margin:0.5em 0; }

.basket            { border-bottom:1px dotted #a6a6a6; line-height:1em; }
.basket .top td    { border-top:1px dotted #a6a6a6; padding-top:0.55em; }
.basket .bottom td { padding-bottom:0.85em; }
.basket-image      { padding-left:0; width:109px !important; }
.basket-image a    { display:block; background:url(../img/event-icon.png) no-repeat; padding:4px; margin:5px 0 8px 0; }

.seat {  }

/* Container - Content - Search
============================================================ */

#search   { margin:0; line-height:30px; padding:25px 0; text-align:center; background:url(../img/search-top.png) top no-repeat; }
#search p { margin:0; }
#search select { font-size:8pt; }

/* Container - Rail
============================================================ */

#rail        { line-height:1.3em; }
#rail h3     { color:#fff; background:url(../img/rail-h3.png); font-size:12px; padding:0 15px; line-height:25px; margin:1em 0; }
#rail input  { width:198px; padding:0; font-size:12px; padding:4px 6px; height:15px; border:none; background:url(../img/input.png); }
#rail form p { margin:2pt 0; }
#rail li     { margin:0.15em 0; }

#rail form.small input  { float:left; width:172px; background:url(../img/input-small.png); }
#rail form.small button { float:right; padding:0; border:0; width:23px; height:23px; text-indent:-9000px; background:url(../img/button-small.png) !important; }

#rail .checkbox       { line-height:1.4em; }
#rail .checkbox input { width:auto; border:0; background:none; }

#rail ul { margin-left:0; margin-right:0; padding:0; list-style:none; }

h3.calendar { position:relative; }
h3.calendar span { position:absolute; right:15px; }
h3.calendar span a { color:#999; text-decoration:none; }
h3.calendar span a:hover { color:#fff; }
ul.calendar a { display:block; float:left; width:29px; height:29px; background:#f0f0f0 url(../img/calendar.gif); line-height:29px; text-align:center; margin:0 1px 1px 0; color:#ccc; }
ul.calendar .today a { background-color:#5c5c5c; color:#fff; }
ul.calendar a:hover { text-decoration:none; background-color:#f11855; color:#fff; }
table.calendar td { background:#f0f0f0 url(../img/calendar.gif); width:29px; height:29px; line-height:29px; padding:0; text-align:center; color:#ccc; border-right:1px solid #fff; border-bottom:1px solid #fff; }
table.calendar .empty { background:none; }
table.calendar a { display:block; background:#5c5c5c  url(../img/calendar.gif); color:#fff; }
table.calendar a:hover { text-decoration:none; background-color:#f11855; color:#fff; }

/* Footer
============================================================ */

#footer       { line-height:20px; padding:5px 0 0; background:#505050 url(../img/footer.png) repeat-x top; color:#fff; }
#footer .fl   { color:#aaa; margin-right:30px; text-transform:uppercase; font-size:11px; }
#footer .fl, #footer .fr { padding-bottom:15px; }
#footer .info { margin-right:100px; }
#footer .cards { width:235px; height:103px; margin-top:20px; text-align:center; background:url(../img/bg-cards.png) no-repeat 0 0; }
#footer .cards img { margin-top:5px }
#footer h4    { font-size:13px; }
#footer a     { color:#aaa; }
#footer a:hover { color:#fff; }
#footer-seo   { color:#555; }
#footer-seo a { color:#aaa; }
#footer-copyright { color:#888; padding:10px 0; text-align:center; background-color:#383838; border-top:1px solid #676767 }
#footer-copyright a { color:#888 }
#footer-copyright a:hover { color:#fff }

/* Few fixes ;)
============================================================ */

#submenu, #container .wrap, #footer .wrap { width:944px; }

/* Tooltips
============================================================ */

#tooltip {
	position:absolute;
	border:1px solid #000;
	background:#fff;
	padding:2px 5px;
	color:#000;
	display:none;
	max-width:200px;
	font-size:10px;
}	

/* Slider (carousel)
============================================================ */
#slider-wrapper { position:relative; width:673px; height:268px; margin-bottom:35px; padding:18px 18px 34px; background:url(../img/slider/slider-frame.png) no-repeat left top }
#slider-ribbon-sk { position:absolute; top:-3px; left:-3px; width:111px; height:111px; background:url(../img/slider/ribbon-sk.png) no-repeat left top; z-index:99 }
#slider-ribbon-en { position:absolute; top:-3px; left:-3px; width:111px; height:111px; background:url(../img/slider/ribbon-en.png) no-repeat left top; z-index:99 }
#slider { position:relative; width:673px; height:268px; background:url(../img/slider/ajax-loader.gif) no-repeat 50% 50% }
#slider img { display:none; position:absolute; top:0; left:0 }
#slider a { display:block; border:0 }
.nivo-controlNav { position:absolute; left:320px; bottom:-42px }
.nivo-controlNav a { display:block; float:left; width:22px; height:22px; margin-right:3px; text-indent:-9999px; background:url(../img/slider/slider-bullets.png) no-repeat; border:0; }
.nivo-controlNav a.active { background-position:0 -22px }

.nivo-directionNav a { display:block; width:35px; height:34px; text-indent:-9999px; background:url(../img/slider/slider-arrows.png) no-repeat 0 0; border:0 }
a.nivo-nextNav { background-position:-35px 0; right:15px }
a.nivo-nextNav:hover { background-position:-35px -34px }
a.nivo-prevNav { left:15px }
a.nivo-prevNav:hover { background-position:0 -34px }

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}