/*	EVENTIM base.css
-----------------------------------------------------*/
/*
    version:   2.0
    author:    Blaz Grapar
    email:     blaz@dhimahi.com
    website:   http://eventim.at
*/

/* Import common CSS files */
@import "/static/css/general.css";
@import "/static/css/calendar.css";
@import "/static/css/jquery.autocomplete.css";

body {
    background: #f3f3f3;
	text-align: center;
}

/*	=SEO
-----------------------------------------------------*/
#seo {
	width: 85.8em;
    color: #fff;
    padding: 0.8em 1.5em;
    background: #F57619;
}

/* banner top */
#banner_top {
	margin: 1.5em;
}

/*	=CONTAINER
-----------------------------------------------------*/
/* the container of the whole site */
#container {
	background: #888 url(/static/lang/hr/images/integration/407/bg_top_right.png) no-repeat top right;
    color: #333;
    /*float: left;*/
    position: relative;
    line-height: 1.3em;
	padding-top: 2em;
	margin: 5em auto;
	text-align: left;
	width: 96em;
}

/* skyscraper banner */
#banner_sky {
	top: 15em;
	float: left;
	margin: 15em 0 0 2em;
}

/*	=WRAPPER
-----------------------------------------------------*/
#wrapper {
    float: left;
	width: 96em;
    margin-top: 0;
	padding-bottom: 20px;
    background: #888 url(/static/lang/hr/images/integration/407/bg_bottom_left.png) no-repeat bottom left;
	overflow: hidden;

}

/*	=LOGO
-----------------------------------------------------*/
#header {
	background: #888 /*url(/static/images/cee/page_top_bg.gif) no-repeat top right*/;
	width: 96em;
	height: 10.5em;
}

#logo {
	width: 220px;
	height: 80px;
	padding: 0 1.5em 0 0.7em;
	/* make the logo of the page same size always */
	font-size: 100%;
}

#logo a {
    display: block;
    height: 67px;
    width: 235px;
    text-indent: -9999px;
    background: url(/static/lang/hr/images/integration/407/logo.png) no-repeat;
}

/*	=MAIN
-----------------------------------------------------*/
#main {
    float: right;
    width: 70.7em;
	background: #fff /*url(/static/images/cee/main_bg.gif) no-repeat top right*/;
	overflow: visible;
	border-right: 0.3em solid #888;
}

#main .button {
    background: #525252;
    border: 1px solid #000;
    font-weight: bold;
    font-size: 0.9em;
    color: #fff;
    padding: 0.3em;
    /*letter-spacing: 1px;*/
}

#main .cancel {
    color: #002B50;
}

#main strong {
    font-weight: bold;
}

/*	=USER_LINKS
-----------------------------------------------------*/
#user_links {
    position: absolute;
	float: left;
    top: 10.5em;
    right: 1em;
    color: #8fb5da;
}

#user_links ul,
#user_links li {
    display: inline;
}

#user_links a {
    height: 15px;
    color: #fff;
    margin-left: 1.5em;
	font-size: 1.1em;
	/*display: block;*/
	padding-left: 20px;
}

#user_links a:hover {
	color: #fc0;
}

#user_links a.flag_at { background: url(/static/images/flags/16_11/at.png) no-repeat left center; }
#user_links a.flag_en { background: url(/static/images/flags/16_11/gb.png) no-repeat left center; }
#user_links a.flag_si { background: url(/static/images/flags/16_11/si.png) no-repeat left center; }
#user_links a.flag_hr { background: url(/static/images/flags/16_11/hr.png) no-repeat left center; }
#user_links a.flag_sk { background: url(/static/images/flags/16_11/sk.png) no-repeat left center; }
#user_links a.flag_pl { background: url(/static/images/flags/16_11/pl.png) no-repeat left center; }
#user_links a.flag_hu { background: url(/static/images/flags/16_11/hu.png) no-repeat left center; }
#user_links a.flag_bg { background: url(/static/images/flags/16_11/bg.png) no-repeat left center; }
#user_links a.flag_ro { background: url(/static/images/flags/16_11/ro.png) no-repeat left center; }
#user_links a.flag_rs { background: url(/static/images/flags/16_11/rs.png) no-repeat left center; }


/*	=LOCATION
-----------------------------------------------------*/
#location {
    position: absolute;
	float: left;
    top: -2.5em;
    left: 0;
	line-height: 2.5em;
	color: #fff;
	padding-left: 1.5em;
	width: 24.5em;
	background: #888 url(/static/lang/hr/images/integration/407/bg_top_left.png) no-repeat top right;
}

#location li {
    float: left;
    margin-right: 1em;
	font-size: 1.1em;
}

#location a {
    color: #fff;
}

#location a:hover {
	color: #fc0;
}

#location img {
    display: none;
}

#location strong {
	color: #ccc;
}

/*	=USERSPACE
-----------------------------------------------------*/
#userspace {
    position: absolute;
    top: -2em;
    right: 1em;
}

#userspace h3 {
	display: none;
}

#userspace li {
	float: left;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #5a85a7;
	font-size: 1.1em;
}

#userspace li.first,
#userspace li.info {
	border: 0;
	color: #666
}

#userspace a {
	color: #002A50;
	font-weight: bold;
	/*text-decoration: none;*/
}

#userspace a:hover,
#userspace a:focus {
	text-decoration: underline;
	color: #069;
}

/*	=SHOPPING_BASKET
-----------------------------------------------------*/
#shopping_basket {
    position: absolute;
    top: -2em;
    left: 27em;
    color: #666;
}

#shopping_basket h3 {
    display: none;
}

#shopping_basket a {
    background: url(/static/lang/hr/images/integration/407/shoppingcart_disabled.png) no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    bottom: 0;
    left: 0;
}

#shopping_basket a.full {
	background: url(/static/lang/hr/images/integration/407/shoppingcart_enabled.png) no-repeat;
    /*background-position: 0 -51px;*/
}

#shopping_basket p {
    padding: 0 0 0 25px;
}

#shopping_basket p br {
	display: none;
}

/*	=MAIN_NAV
-----------------------------------------------------*/
#main_nav {
    position: absolute;
    margin-top: -2.6em;
	background: #888;
}

#main_nav li {
    float: left;
	margin-right: 2px;
	background: #525252 url(/static/lang/hr/images/integration/407/tab_corner.png) no-repeat top right;
}

#main_nav a {
    display: block;
    padding: 0.6em 1.5em 0.6em 1.5em;
    /*font-family: "Trebuchet MS", Impact, sans-serif;*/
	font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 1.1em;
	background: transparent url(/static/lang/hr/images/integration/407/tab_corner.png) no-repeat top left;
}

#main_nav li.selected,
#main_nav li:hover,
#main_nav li.hover {
    background: #fff url(/static/lang/hr/images/integration/407/tab_bg_selected.png) repeat-x top left;
    color: #000;
}

#main_nav li.selected a,
#main_nav li a:hover,
#main_nav li.hover a {
    background: transparent /*url(/static/images/cee/nav_l.gif) no-repeat left top*/;
	color: #000;
}

/*	=CONTENT
-----------------------------------------------------*/
#content {
/*    float: left;
    width: 45em;*/
	padding: 1.5em;
	/*background: transparent url(/static/images/cee/content_bg.gif) no-repeat top left;*/
}

#content h1 {
    display: none;
    clear: both;
    /* but when it is show it should look like this */
    color: #000;
    text-transform: uppercase;
    /*font-family: Impact, sans-serif;*/
    margin-bottom: 1em;
    line-height: 1em;
    font-weight: normal;
}

/*	=BREADCRUMBS
-----------------------------------------------------*/
/*#breadcrumbs {
    background-color: #dee2eb;
    padding: 0.3em 0.3em 0.3em 1em;
    margin-bottom: 1em;
	font-size: 1.1em;
}*/

#breadcrumbs {
	background: #f1f1f1;
	border-bottom: 1px solid #ddd;
	font-size: 1.1em;
	margin-bottom: 2em;
	padding: 0.4em 0.5em 0.5em 0.5em;
        height:1%;
}

#breadcrumbs li, #breadcrumbs_buy li {
    list-style: none;
    float: left;
    padding-right: 11px;
    margin-right: 3px;
    background: transparent url(/static/images/breadcrumbs_slash.gif) no-repeat;
    background-position: right;
}

#breadcrumbs li a, #breadcrumbs_buy li a {
    color: #666;
    text-decoration: none;
}

#breadcrumbs li a:hover, #breadcrumbs_buy li a:hover, #breadcrumbs li a:focus, #breadcrumbs_buy li a:focus {
    text-decoration: underline;
}

#breadcrumbs li.last, #breadcrumbs_buy li.last {
    background: none;
}

#breadcrumbs li a.last, #breadcrumbs_buy li a.last {
    color: #069;
    font-weight: bold;
}

/*	=REST
-----------------------------------------------------*/
#rest {
    float: right;
    width: 18em;
	padding: 1.5em 1.5em 0 1em;
	margin-top: -3em;
	/*border-left: 0.3em solid #888;
	background: #f3f3f3;*/
}

#rest h3 {
    color: #fff;
    /*font-size: 1.4em;*/
    text-transform: uppercase;
    margin: 0 0 5px 0;
    /*font-family: "Trebuchet MS", Impact, sans-serif;*/
    font-weight: bold;
	background: #666;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	padding: 0.3em;
}

#rest a {
    color: #8297b2;
    text-decoration: none;
}

#rest a:hover, #rest a:focus {
    text-decoration: underline;
}

#rest li {
	font-size: 1.1em;
    line-height: 1.6em;
    background: url(/static/images/cee/dot_blue.gif) no-repeat left 0.65em;
    padding: 0 0 0 10px;
}

#rest li.archive {
    background: none;
    margin: 5px 0 0 0;
}

#rest li.archive a {
    font-weight: bold;
}

#news, #top_ten, #firstpage_poll, #news_cancelations, #rest_help {
    margin: 0 0 1.5em 0;
}

#top_ten_list {
	margin: 0;
}

#top_ten li {
    padding: 0;
    background: none;
    list-style-type: decimal;
    margin-left: 2em;
}

/* banners */
#banner_righttop,
#banner_afternews,
#banner_aftertop10,
#banner_afterpoll,
#banner_afternewscancelations,
#banner_afterhelp {
	margin-bottom: 1.5em;
}

/*	=FIRSTPAGE_POLL
-----------------------------------------------------*/
#firstpage_poll p {
	clear: both;
}

#firstpage_poll li {
	background: none;
    padding: 0;
	margin-bottom: 1em;
	clear: both;
	float: left;
}

#firstpage_poll h4, #firstpage_poll dt  {
    margin-bottom: 0.5em;
	font-size: 1.1em;
    font-weight: bold;
}

#firstpage_poll input.radio {
    float: left;
}

#firstpage_poll label {
	font-size: 1em;
	line-height: 1em;
	padding: 0;
	margin: 0;
	width: auto;
	/*float: left;*/
	font-weight: normal;
}

#firstpage_poll dd.colors {
    border: 1px solid #ccc;
    height: 10px;
    margin: 0 0 5px 0;
    padding: 2px;
}

#firstpage_poll dd.colors span {
    background: #002b50;
    height: 100%;
    display: block;
}

/*	=SIDEBAR
-----------------------------------------------------*/
#sidebar {
    float: left;
    width: 23.49em;
	padding: 0 1.5em 0 0;
	background: #888;
}

#skip {
    display: none;
}

/*	=SIDENAV
-----------------------------------------------------*/
#sidenav {
    margin: 0 0 1.5em 1.5em;
}

#sidenav li a {
    display: block;
    padding: 0.5em 1.7em 0.5em;
	font-size: 1.1em;
    /*text-transform: uppercase;*/
    color: #fff;
    background: #525252 url(/static/lang/hr/images/integration/407/sidenav_bullet.png) no-repeat 0.7em 0.85em;
    text-decoration: none;
	/*border-bottom: #383838 solid 1px;
	border-left: #383838 solid 1px;*/
}

#sidenav li a:hover,
#sidenav li a:focus,
#sidenav li a.selected {
    background-color: #FF7F00;
    /*background-position: 0.7em -1.5em;*/
    color: #fff;
}

#sidenav li {
    margin-bottom: 1px;
}

#sidenav li a.selected {
	background: #FF7F00 url(/static/lang/hr/images/integration/407/sidenav_arrow.png) no-repeat center right;
	padding-right: 0.5em;
	margin-right: -0.5em;
}

#sidenav li li a {
	padding-left: 2.7em;
	background-position: 1.7em 0.9em;
}

/*#sidenav li ul {
    margin: 2px 0 0 0;
}

#sidenav li ul a {
    background-color: #e5e8ef;
    padding-left: 2.7em;
    background-position: 1.7em 1em;
}

#sidenav li ul a:hover, #sidenav li ul a:focus, #sidenav li ul a.selected {
    background-position: 1.7em -1.5em;
    background-color: #94a7be;
}

#sidenav li li ul a {
    padding-left: 37px;
    background-position: 2.7em 1em;
}

#sidenav li li ul a:hover, #sidenav li li ul a:focus, #sidenav li li ul a.selected {
    background-position: 2.7em -1.5em;
}*/

/*	=QUICKSEARCH
-----------------------------------------------------*/
#quicksearch {
    position: absolute;
    top: 2em;
    right: 1.5em;
    /*background: url(/static/images/cee/search_bg_right.gif) no-repeat top right;*/
	height: auto;
	height: 30px;
	float: left;
}

#quicksearch form {
	padding: 3px 0;
	height: 24px;
	float: left;
	margin-right: 1em;
}

#quicksearch input {
    width: 18em;
    background: #fff url(/static/images/cee/search_glass.gif) no-repeat left center;
    border: 1px solid #666;
    padding: 5px 5px 5px 23px;
}

#quicksearch #quicksearch_submit {
    width: auto;
    background: #525252;
    border: 1px solid #000;
    font-weight: bold;
    font-size: 0.9em;
    color: #fff;
    padding: 3px;
    /*letter-spacing: 1px;*/
}

#quicksearch h3 {
	float: left;
	height: 30px;
	line-height: 30px;
	/*background: url(/static/images/cee/search_bg_left.gif) no-repeat top left;*/
	padding: 0 1em;
	text-transform: uppercase;
	color: #fff;
}

#quicksearch legend, #quicksearch label, #your_town h3, #your_town table {
    display: none;
}

#your_town {
	display: inline;
	position: relative;
	float: left;
}

#your_town a.advanced {
	display: inline;
	position: relative;
	float: left;
	color: #eee;
	text-decoration: underline;
	font-size: 1.1em;
	line-height: 22px;
	margin: 4px 10px 4px 0;
}

#your_town a.advanced:hover {
	color: #fc0;
}

/*	=NEWSLETTER
    =SIDEBAR_TICKET_ALARM
    =EVENTIM_OUTLETS
    =OT_TEMP
-----------------------------------------------------*/
#newsletter, #sidebar_ticket_alarm, #eventim_outlets, #ot_temp, #calendar {
    /*background: url(/static/images/cee/sidebar_delimiter.gif) no-repeat;*/
    padding: 1.5em 0 0 1.5em;
    color: #002b50;
    margin: 0 0 1.5em 0;
}

#newsletter h3, #sidebar_ticket_alarm h3, #eventim_outlets h3, #ot_temp h4 {
    font-weight: bold;
    margin: 0 0 5px 0;
	color: #000;
}

#newsletter p, #sidebar_ticket_alarm p {
    margin: 0 0 8px 0;
	color: #eee;
}

#newsletter legend, #newsletter label {
    display: none;
}

#newsletter a,
#sidebar_ticket_alarm a,
#eventim_outlets a,
#ot_temp a {
    color: #fff;
}

#newsletter a:hover,
#sidebar_ticket_alarm a:hover,
#eventim_outlets a:hover,
#ot_temp a:hover {
    color: #fc0;
}

#newsletter input {
    border: 1px solid #666;
}

#newsletter #newsletter_submit {
    background: #525252;
    border: 1px solid #000;
    font-weight: bold;
    font-size: 0.833em;
    color: #fff;
    padding: 2px;
}

#sidebar_ticket_alarm ul {
    margin: 0 0 8px 0;
}

#sidebar_ticket_alarm li {
    padding: 1em;
    margin: 0 0 2px 0;
    background: #e0e4eb;
    float: left;
    clear: left;
    width: 185px;
}

#sidebar_ticket_alarm img {
    margin: 0 1em 0 0;
}

#sidebar_ticket_alarm li a {
    color: #2c5a7e;
    font-weight: bold;
    text-decoration: none;
}

#sidebar_ticket_alarm li a:hover {
    text-decoration: underline;
}

#sidebar_ticket_alarm p {
    clear: both;
}

#ot_temp {
	display: none;
    float: left;
}

#ot_temp dt {
    clear: left;
    float: left;
    margin: 0 1em 0.5em 0;
}

#ot_temp dd {
    float: left;
    width: 8em;
}

#ot_temp h4 {
    margin: 2px 0 5px 0;
}

/*	=CALENDAR
-----------------------------------------------------*/
#calendar {
    padding-left: 1.5em;
}


/* banners */
#banner_aftersearch,
#banner_left_bottom1,
#banner_left_bottom2,
#banner_left_bottom3 {
	margin-left: 1.5em;
	margin-right: -1.5em;
}
/*	=FOOTER
-----------------------------------------------------*/
#footer {
    clear: both;
	float: left;
	background: #f3f3f3;
	width: 71em;
    position: relative;
	margin-bottom: -20px;
    padding: 2em 2em 0 25em;
    color: #8297b2;
}

#footer h4 {
	margin-bottom: 0.5em;
	color: #555;
}

#faq, #quicklinks {
	float: left;
	margin: 0 1em 1em 2.5em;
	clear: both
}

#quicklinks {
	display: none;
}

#faq li, #quicklinks li, #customer_services li, #footer_data p {
    line-height: 1.8em;
	font-size: 1.1em;
}

#faq li {
	float: left;
	margin-right: 1em;
}

#faq li.first, #quicklinks li.first {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

#faq a, #quicklinks a, #customer_services a {
    color: #8297b2;
    /*text-decoration: none;*/
}

#faq a:hover, #faq a:focus, #quicklinks a:hover, #quicklinks a:focus {
    text-decoration: underline;
}

#quicklinks a[title=Rss] {
	padding-left: 14px;
	background: url(/static/images/rss_small.png) no-repeat center left;
}

#footer_data {
	color: #999;
	clear: both;
	margin: 0 1em 1em 2.5em;
}

#footer_data .org {
    font-weight: bold;
}

/*#footer_data .company_name,
#footer_data .company_address,
#footer_data .company_postal,
#footer_data .country-name,
#footer_data .company_fax {
	display: block;
}*/

#copyright {
	width: 100%;
    float: left;
	clear: both;
	padding: 1em 0;
	border-top: 1px solid #ccc;
    margin-bottom: 1.5em;
	font-size: 1.1em;
	color: #666;
}

#authors {
	margin-top: -3.8em;
    float: right;
	/*padding: 1em 0;*/
	font-size: 1.1em;
	/*text-indent: -5000em;*/
	/*width: 70px;
	height: 23px;
	position: absolute;*/
	/*bottom:  1.5em;
	right: 1em;*/
}

#authors a {
    color: #8297b2;
	/*background: url(/static/images/cee/dhimahi.gif) no-repeat bottom left;*/
	/*width: 70px;
	height: 23px;*/
	display: block;
}

#authors a:hover {
	background-position: top left;
}

/* ---------------------------------------------------- */
/* OUTLETS */
#outlets_search {
    float: left;
    background-color: #eee;
    width: 420px;
    height: 82px;
    margin-bottom: 20px;
    color: #656565;
}

#outlets_search img {
    float: left;
}

#outlets_search form,
#outlets_search h4,
#outlets_search p {
    margin-left: 5px;
}

#outlets_search form input {
    margin-right: 5px;
}

#outlets_search h4 {
    padding-top: 5px;
    margin-bottom: 5px;
}

#outlets_results {
    float: left;
    width: 200px;
}


#outlets_results ul li {
    padding-bottom: 15px;
    list-style: none;
    color: #656565;
    text-align: left;
}

/* NAVIGATION FOR OUTLETS */
#nav,
#nav_results {
    float: right;
    width: 180px;
}

#nav ul {
    border-bottom: 1px solid #eee;
    width: 180px;
    list-style: none;
}

#nav ul li {
    display: inline;
    font-size: 110%;
    padding: 3px 5px 0px 5px;
    color: #003c7d;
    cursor: pointer;
}

#nav ul li:hover {
    border-bottom: 3px solid #eee;
}

#nav ul li.selected {
    font-weight:bold;
    border-bottom: 3px solid #eee;
}

#nav_results {
    overflow: auto;
    height: 245px;
    padding-top: 5px;
}

#nav_results ul {
    width: 160px;
    list-style: none;
}

#nav_results ul li {
    padding: 0px 5px;
    color: #656565;
    cursor: pointer;
}

#nav_results ul li:hover {
    text-decoration: underline;
}

#nav_results ul li.lisel span {
    background-color: #eee;
    color: #003c7d;
}

/* test string */