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


.mceEditor table.mceLayout {
	min-width: 100% !important;
	_width: 100%;
}

.mceEditor table.mceLayout iframe{
	min-height: 200px !important;
	_height: 150px;
}

/**********************
	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 {
	margin-top: 25px;
	width: 605px;
}

#content-edit textarea {
	width: 700px;
}

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

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

.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-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 {
	}