@CHARSET "UTF-8";

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
	font-size: 10pt;
	margin-bottom: 0px;
}

img {
	border: 0;
}
div#site {
	margin: 0px;
	padding: 0px;
	background-color: white;
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
	font-size: 10pt;
	margin-top: 20px;
	margin-bottom: 0px;
}
div#header {
	width: 100%;
	clear: both;
}
div#header a img{
	margin-left: 20px;
	float:left;
}

div#header div.menu{
	text-align: right;
	width: 650px;
	margin-top: 12px;
	float: left;
	background: url(/th/biletyna/gfx/%23CB4386_kreska.gif) repeat-x;
	background-position:left 22px;
	position: relative;
	z-index: 20;
}
div#middle {
	clear:both;
	width: 100%;
	margin: 0px;
	padding: 20px 0 0 0;
	position: relative;
	top: -50px;
}
ul#topMenu {
  padding: 0;
  margin: 0 0 0 0px;
  list-style-type: none;
  background: none;
  display: inline;
	font-weight: bold;;
	float: right;
/*	padding: 5px 20px 10px 0; */
	margin: 0;
	list-style-type: none;
	height: 30px;
}

ul#topMenu li {
	float: left;
	display: inline;
	margin: 0 0px;
	color: #f57eb9;
	padding: 6px 10px 8px 0px;
	background-image: url(/th/biletyna/gfx/pasekmenu_srodek.gif);
}
ul#topMenu li.line {
	width: 25px;
	height: 30px;
	margin: 0px;
	paddign: 0;
	background: url(/th/biletyna/gfx/%23CB4386_kreska.gif) repeat-x transparent;
	background-position:left 22px;
}
ul#topMenu li.end {
	width: 25px;
	height: 30px;
	margin: 0px;
	paddign: 0;
	background: url(/th/biletyna/gfx/kreska_prawy.gif) no-repeat white;
	background-position:left 22px;
}
ul#topMenu li.decor {
	width: 10px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
ul#topMenu li.decorRight {
	background-image: url(/th/biletyna/gfx/paskmenu_prawy.gif);
	background-position: top left;
}

ul#topMenu li.decorLeft {
	background-image: url(/th/biletyna/gfx/pasekmenu_lewy.gif);
	background-position: top right;
}
ul#topMenu a {
	color: white;
	text-decoration: none;
}	
div#left{
	clear: both;
	float: left;
	margin-right: 0px;
	top: -90px;
	position: relative;
}

div#right {
	width: 808px;
	margin-left: 0px;
	padding: 15px 10px 20px 150px;
	float: none;
}
div#baner{
	clear: left;
	width: 660px;
	float: left;
	background: transparent;
	z-index: -5;
}
div.find {
	width: 200px;
	font-family: arial;
	text-align: right;
	float: left;
	margin-right: 10px;
}
div.find span{
	font-weight: bold;
}
div.find input{
	color: #6e4b5e;
	border: 1px solid #cb4386;
	margin-top: 5px;
}
div.find input.subm {
	font-family: arial;
	margin: 0;
	background: url(/th/biletyna/gfx/szukaj.gif) no-repeat right 5px;
	text-align: left;
	font-weight: bold;
	color: #6e4b5e;
	padding: 0;
	padding-bottom:8px;
	border: 0;
	width: 75px;
	height: 35px;
}
div#top_banner, div#top_banner a {
	color: #a8a8a8;
	text-align: right;
        text-decoration: none;
}
div#frame {
	display: block;
	width: 235px;
	height: 150px;
/*	border-left: 1px solid #c94386; */
	float: right;
	margin-right: 75px;
	position: relative;
	padding-right: 9px;
	top: -45px;
	z-index: 10;
	text-align: center;
/*	color: #d5d5d5; */
/*	font-size: 20pt; */
	font-weight: bold;
}
div.frameTop {
	display: block;
	background: url(/th/biletyna/gfx/ramka_gora.gif) no-repeat left top transparent;
	background-attachment: inherit;
	width: 235px;
	height: 65px;
/*	border-left: 1px solid #c94386; */
	padding-right: 9px;
	z-index: -1;
	text-align: center;
	color: #d5d5d5;
	font-size: 20pt;
	font-weight: bold;
}
div.frameTop div.text {
	background: url(/th/biletyna/gfx/ramka_gora.gif) no-repeat right top transparent;
	padding-top: 0px;
	margin-left: 9px;
	width: 235px;
	height: 65px;
}
div.frameBottom {
	display: block;
	background: url(/th/biletyna/gfx/ramka_dol2.gif) no-repeat left bottom transparent;
	background-attachment: inherit;
	width: 235px;
	height: 81px;
/*	border-left: 1px solid #c94386; */
	z-index: -1;
	text-align: center;
/*	color: #d5d5d5; */
/*	font-size: 20pt; */
	font-weight: bold;
}
div.frameBottom div.text {
	background: url(/th/biletyna/gfx/ramka_dol2.gif) no-repeat right bottom white;
	height: 78px;
	padding-top: 3px;
	margin-left: 9px;
	width: 235px;
	z-index: 2;
}

div#frame #frameTopLeft{
	background: url(/th/biletyna/gfx/ramka_lewy-gora.gif) no-repeat left top transparent;
	position: relative;
	top: -1px;
	left: -1px;
	float: left;
	width: 220px;
	height: 111px;
}
div#frame #frameTopRight{
	background: url(/th/biletyna/gfx/ramka_prawy-gora.gif) no-repeat right top transparent;
	position: relative;
	top: -1px;
	right: -1px;
	float: right;
	width: 9px;
	height: 75px;
}
div#frame #frameBottomLeft{
	background: url(/th/biletyna/gfx/ramka_lewy-dol.gif) no-repeat left bottom transparent;
	position: relative;
	left:-1px;
	clear: left;
	float: left;
	width: 9px;
	height: 9px;
}
div#frame #frameBottomRight{
	background: url(/th/biletyna/gfx/ramka_prawy-dol.gif) no-repeat right bottom transparent;
	position: relative;
	right:-1px;
	float: right;
	width: 10px;
	height: 9px;
}
div.foot{
	clear: both;
	display: block;
	width: 100%;
	background-color: #ece7ea;
	border-top: 1px solid #c54084;
        min-height: 250px;
}
div.foot div.content, div.foot div.content a {
  /* color: rgb(186, 181, 184); */
  color: #605D5C;
}
div.foot div.content a:hover {
  text-decoration: underline;
}
div.foot .content{
	margin: 0px;
	padding: 0px;
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
	font-size: 10pt;
	margin-top: 20px;
}
#right {
	float: right;
}
table {
	font-size: 9pt;
	color: black;
	width: 100%;
	margin-top: 5px;
}
table a{
	font-size: 9pt;
	color: black;
}
table td {
	padding-bottom: 5px;
	padding-top: 2px;
	color: black;
}
#eventList {
	float: left;
	width: 530px;
	font-size: 80%;
	font-family: arial;
}
#eventList h2 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#eventList span.hall {
	font-size: 100%;
	padding-bottom: 20px;
}
#eventList table {
	width: 100%;
}
#eventList table th {
	font-weight: none;
	color: #8a8a8a;
}
#eventList table th.place {
	width: 200px;
}
#eventList table th {
}
#eventList table td.linepink {
	height: 2px;
}
#eventList table .eventTitle a {
	text-decoration: none;
	color: black;
}
#eventList table .eventTitle a:hover {
	text-decoration: underline;
}
#eventList table .eventTitle img {
	float: left;
	margin: 0 10px 0px 0;
}

div.eventTitleStamp {
  min-height: 120px;
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-right: 10px;
}

div.eventTitleSoldOut {background-image: url(/th/biletyna/gfx/stamp_soldout.png);}
div.eventTitleLast {background-image: url(/th/biletyna/gfx/stamp_last.png);}
div.eventTitleVenueOnly {background-image: url(/th/biletyna/gfx/stamp_venue.png);}

.page {
	color:#c84286;
}
.page a {
	color: #9f9f9f;
	text-decoration: none;
}
.page a:hover {
	text-decoration: underline;
}
table td#ticket {
	color: #bd3e81;
	font-weight: bold;
}
dd.events a{
	margin-left: 5px;
}

th {
    text-align: left;
}

ul {
    list-style-type: none;
}

div#active_filters {
  background-color: #F2F1F2;
  border: 1px solid #C84286;
}

span.remove_all_filters {
  float: right;
  padding: 5px;
  margin: 10px;
  background-color: #EDD6E1;
}

ul.active_filters {
  margin: 0;
  padding: 0;
}
ul.active_filters_list li {
  display: inline;
  padding: 5px;
  margin: 10px;
  background-color: #EDD6E1;
  line-height: 30px;
}

div#active_filters a {
  text-decoration: none;
  color: #C84286;
}

div#active_filters img {
  vertical-align: text-bottom;
}

div#active_filters h3 {
  padding-left: 10px;
}

.highlight {
  background-color: #EDD6E1;
}



div.sector_not_numbered {width: 450px; text-align: left; background-color: #F2F1F2; padding: 10px; margin: 5px;}
div.form_quantity {float: right;}
.green {color: green;}
.striked {text-decoration: line-through; }

div.bottom-box {
  float: left;
  margin-right: 100px;
}

div.bottom-box ul {padding-left: 15px;}
ul.errors {color: red;}
#captcha-input {display: block;}
.delete_city {cursor: pointer; vertical-align: middle; margin-left: 4px;}

/* http://wesleyalmeida.net/what-ive-learned/how-to-decorate-a-radio-element-in-zend/ */
#payment-subtype label{
	border:1px #e0e0e0 solid;
	height:80px;
	width:120px;
	margin:0.5em 0.5em 0em 0.5em;
	padding: 0;
	display:inline;
	text-align:center;
	float:left;
	background-color:#FFF;
	cursor: pointer;
}
#payment-subtype .errors{
	clear:both;
	text-align:right;
	margin:1.5em;
}
#payment-subtype label input{
	margin:.2em auto;
	display:block;
}

.grey {
  color: #605D5C;
}

.flash_messages {
  margin-left: 180px;
  width: 600px;
  padding: 0 20px 20px 20px;
  border: 1px solid #C84286;
  background-color: #F2F1F2;
}

.flash_messages h3 {
  color: #605D5C;
}


/* TABS */
#tabs_header {
  font-size: 1.2em;
  width: 100%;
  height: 30px;
  background-color: #ECE7EA;
  color: white;
  text-align: center;
  border-bottom: 1px solid #C54084;
}

#tabs_header ul {
  padding: 0;
  margin: 0;
  font-weight: bold;
  list-style: none;
}

#tabs_header ul a {
  text-decoration: none;
  color: inherit;
}

#tabs_header li {
  padding: 2px 9px 0 9px;
  margin-left: 20px;
  height: 24px;
  display: inline-block;
  margin-top: 4px;
}

#tabs_header li.active {
  color: #ECE7EA;
  background-color: white;
  border-top: 1px solid #C54084;
  border-left: 1px solid #C54084;
  border-right: 1px solid #C54084;
}
/* END TABS */


/* star-rating*/
.star-rating,
.star-rating a:hover,
.star-rating .current-rating{
	background: url(../gfx/star.png) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
/* end star-rating*/

.paginationControl { text-align: center;}
div.reviewsDiv {margin-top: 10px; margin-bottom: 10px;}
div.reviewsDiv a {color: #000000;}
div.reviewsDiv dd.artist a {color: #A5A1A0; font-size: 9pt;}
div.reviewsDiv dd.nick {color: #D6D3D5; font-size: 9pt;}
div.reviewsDiv dd.review_art {margin-bottom: 10px;}

div.events_list { width: 47%; display: inline-block; vertical-align: top; margin-right: 15px;  }
div.events_list h3 { padding: 0; margin: 10px 20px 0 0; text-align: right;}
div.events_list .icon { background: url(/th/biletyna/gfx/ik_polecamz.png) no-repeat top left; width: 40px; height: 30px; float: left; margin-left: 20px; margin-top: -10px;}
ol.artists { padding-left: 25px; margin-left: 0; background-color: #F2F1F2; margin-top: 5px; }
ol.artists a { text-decoration: none; }
ol.artists a:hover { text-decoration: underline; }
ol.artists li.artist_name { border-top: 2px solid white; }
ol.artists li.artist_name span { font-weight: bold; }
ol.artists ul { text-align: right; padding: 0 15px 0 0; }
ul.cities li { display: inline-block; margin-left: 10px;}

div.myfb-comments {
  background-image: url(../gfx/fb-button.png);
  width: 112px;
  height: 19px;
  text-align: center;
  padding-top: 4px;
  margin-top: -2px;
  margin-left: 50px;
  margin-bottom: 10px;
  cursor: pointer;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: white;
}

div.fb-comments { margin-left: 150px;}



  div.stat_container {
    border: 1px solid #CB4386;
    width: 782px;
    background-color: #F2F1F2;
    padding: 10px 0;
  }
  
  div.stat {
    
    text-align: justify;
    padding: 0 40px;
    
  }
  div.stat:after {
    content: '';
    display: inline-block; /* inline-block for the first (and middle elements) */
    width: 100%;
}
  div.stat_box {
    display: inline-block;
    text-align: center;
  }  
  
  div.stat_box h3 {
    font-size: 250%;
    margin: 0;
  }
  
  div.stat_box {
    font-size: 120%;
  }
  div.stat_single_line {
    text-align: center;
    font-size: 160%;
    color: #4A4A4A;
  }
  div.stat_single_line img {
    vertical-align: -6px;
  }
  
  div.calendar {z-index: 10;}