@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: center white repeat-y url("background-repeat.jpg");
	text-align: center;
	font-family: sans-serif;
}

ul {
	padding-left: 30px;
}

p {
	margin-bottom: 10px;
}

h1 {
	font-size: 1.3em;
	padding-bottom: 0.7em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
}

a, #application #courses-header {
	text-decoration: none;
	color: gray;
}

ul.feedbackPanel {
	padding: 0;
	margin-bottom: 10px;
}


/**********************
	HLAVNI ROZVRZENI
**********************/
#background {
	background: white no-repeat top center;
	background-image: url("background.jpg");
	
}
#width-define {
	margin: 0 auto;
	text-align: left;
	width: 920px;
}

/*
.inside-container {
	width: 916px;
	text-align: left;
	margin: 0 auto;
}
*/
#header {
	height: 165px;
}

/*********************
	MENU
*********************/
#menu {
	float: left;
	margin-top: 15px;
/*	margin-left: 165px; */
	width: 140px;
	min-height: 185px;
	_height: 185px;
/*
	background: no-repeat transparent left top url("menu-line.png");
*/	
}


/*********************
	CONTENT
*********************/
#content, #content-edit {
	float: left;
	margin-left: 10px;
	text-align: left;
}
#content-edit {
	width: 650px;
}

#content {
	margin-top: 25px;
	width: 605px;
}

#content-matrjoska {
	padding: 0 10px 10px 10px;
}

.article-summary-header {
	color: #1a1a1a;
	width: 275px;
	float: left;
}

#gallery-list .article-summary-header { color: #1a1a1a; float: none; width: 100%; }
#gallery-list .article-section-name { display: none; }

.ArchivVerejny .article-summary-header { width: 450px; }

.article-text {
	padding: 0 !important;
}

.article-record {
	padding-bottom: 30px;
}


.article-summary-link {
	color: black;
	float: left;
	display: block;
	width: 450px;
}

.article-headers-list {
	font-size: x-small;
}

.article-section-name {
	padding: 5px 20px 5px 0;
	background: no-repeat transparent url("ctverecek.png") right 7px;
	text-align: right;
	font-size: x-small;
	font-weight: normal;
	width: 80px;
	float: right;
	display: block;
}

.article-section-name span {
	display: block;
	height: 20px;
}

.article-summary-image {
	width: 110px;
	height: 75px;
	display: block;
	float: left;
}

.summary-picture-image {
	width: 100px;
	height: 75px;
}

.booking-name {
	display: inline;
	padding-right: 20px;
	background: right 18px no-repeat transparent;
	background-image: url("ctverecek.png");
}

/*********************
	NOVINKY
*********************/
#news {
	float: left;
	margin-top: 15px;
	width: 165px;
}

#news-left-line {
	/*
	background: no-repeat transparent left top url("news-line.png");
	*/
}

#news-right-line {
	/*
	background: no-repeat transparent right top url("news-line.png");
	*/
	min-height: 535px;
	_height: 535px;
}

#news-content {
	padding: 0 5px;
	padding: 0 5px;
	text-align: left;
}

#news .matrjoska {
	
}

/*********************
	FEEDBACK
*********************/
.feedbackPanelERROR {
	padding-top: 10px;
	color: red;
	font-weight: bold;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
}

.feedbackPanelINFO {
	padding-top: 10px;
	color: green;
	font-weight: bold;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
}

/*********************
	EDIT CONTROLS
*********************/
.edit-controls {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding: 10px;
}

/*********************
	DATA TABLE - TODO
*********************/
table.dataview tr th {
	background-color: gray;
	background-position: right center;
	background-repeat: no-repeat;
	border-color: #E0E0E0 #A0A0A0 #A0A0A0 #E0E0E0;
	border-style: solid;
	border-width: 2px;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

table.dataview tr th.wicket_orderDown {
	background-color: #DBEDFF;
	background-image: url(arrow_down.png);
}

table.dataview tr th.wicket_orderUp {
	background-color: #DBEDFF;
	background-image: url(arrow_up.png);
}

table.dataview tr th.wicket_orderNone {
	background-image: url(arrow_off.png);
}

table.dataview tr th a {
	color: #2C558C;
	font-weight: bold;
	text-decoration: none;
}

/**************************
	UPRAVY PSF 2010
***************************/
.summary-picture-odd {
	background: none !important;
}

.article-summary-header, .article-header, .menu-header {
	font-size: 100% !important;
	font-weight: bold;
}

.article-record p, .article-text, .article-summary {
	font-size: 75%;
}

.article-text {
	line-height: 150%;
}

/************************
	MAILINGLISTR
************************/
.mailinglist-form .mailinglist-email, .mailinglist-form .mailinglist-submit {
	padding: 0;
	width: 100px;
	border: solid 1px gray;
} 
.mailinglist-form .mailinglist-submit {
	width: 102px;
	padding: 5px;
} 

/************************
	PRIHLASOVACI FORMULAR
************************/

	#application { margin: 15px 0; }
	#application #submit {
		display: block; 
		margin: 10px auto;
		width: 250px; 
		color: white;
		cursor: pointer; 
		background: gray; 
		text-align: center; 
		padding: 5px 0;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	 }
	 
	#application #submit:hover { 
		background: white;
		color: gray; 
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	}
	
	#application #courses-header { cursor: pointer; }
	#application #courses-header { padding-left: 15px; background: no-repeat url("right.png") left 2px; }
	#application #courses-header.open { background-image: url("down.png"); background-position: left 4px; }
	#application h4 { font-size: 85%; }
	#application td, #application th { vertical-align: top; }
	#application label { padding-right: 10px; }
	#application th { width: 200px; padding-top: 10px; border-bottom: solid 1px #ececec;}
	#application td { font-size: x-small; padding-top: 10px; border-bottom: solid 1px #ececec; }
	#application td table * { border-bottom: none; padding-top: 0; }
	#application td table td { border-top: solid 1px #ececec; padding: 5px; }
	
	#application p.help { font-size: x-small; color: gray; }
	#application input[type="text"], textarea { width: 300px; } 
	#application input[type="submit"] {	width: 300px; }
	
	.gallery_record {
		display: block;
		float: left;
		width: 100px;
		min-height: 175px;
	}
	
	.gallery_record a {
		margin: 0 auto;
	}
	
	.gallery_record .text {
		font-size: xx-small;
	}
	
	#application th {
		width: 150px;
	}
	
	#application_types {
	}


/*
	OBRAZKY HRACU
*/

#summary {
	
}
#summary a, #summary span, #artists-image-summary a, #artists-image-summary span {
	margin-top: 3px;
	float: right;
	margin-right: 3px;
	border: none;
}

#artists-image-summary a img {
	border: none;
}
	
#artists-image-summary {
	margin-top: 0px;
	margin-bottom: 0px;
}

#headers {
	position: absolute;
	top: 135px;
}

/* 
	Thumbnails 
*/

.guest-thumbnails a
{
	display: block;
	float: left;
	margin-left: 3px;
	width: 35px;
	text-align: center;
	margin-bottom: 3px;
}

.guest-thumbnails { padding-bottom: 10px; }
.guest-thumbnails div {	margin-bottom: 5px; }
.guest-thumbnails a img { border: none; }

.concert-day
{
	display: block;
	width: 32px;
	height: 17px;
	background: transparent no-repeat url("days-small-2011.png");
	float: left;
	margin-right: 2px;
}

.concert-day span
{
	display: none;
}

.day-25 { background-position: -1px 0; }
.day-26 { background-position: -38px 0; }
.day-27 { background-position: -75px 0; }
.day-28 { background-position: -112px 0; }
.day-29 { background-position: -150px 0; }

.article-item .Festival2011Guests .header-span
{
	float: left;
	display: block;
	width: 275px;
}

.article-item .article-header .in-header-plug
{
	margin-left: 10px;
	display: block;
}

/* Days - in article summary */
.days-list 
{
	float: right;
}

/* Program - text switch */
.switch span { display: none; }

.program-text-switch { cursor: hand; cursor: pointer; }
.night-piece {
	margin-bottom: 10px;
}
/* .program-text-switch */
.program-text-switch {
	position: relative;
}
.switch
{
	display: block;
	position: absolute;
	top: 1px;
	left: -20px;
	width: 16px;
	height: 16px;
	background: no-repeat url("tag-down.png") transparent top left;
}

.program-text-switch-displayed
	 { }
.program-text-switch-displayed 
	 { 
	position: relative;
	 }
.program-text-switch-displayed 
	.switch
{
	float: left;
	display: block;
	position: absolute;
	top: 1px;
	left: -20px;
	width: 16px;
	height: 16px;
	background: no-repeat url("tag-up.png") transparent top right;
}

.program-full-text
{
	position: relative;
	left: -14px;
	padding: 5px 10px 0 10px;
	border-left: #5aa6e6 solid 3px;
	display: none;
}