/*
	Styling of default layout

	Copyright 2008 Ivasoft Brno.
*/
body {
	height: auto; /* IE7 height: 100%; hack */
}

table.layout {
	/*height: 100%;*/
	width: 100%;
	border-collapse: collapse;
	border: none 0px;
	table-layout: fixed;
}
table.layout table {
	table-layout: auto;
	border-collapse: separate;
}
@media screen {
	table.layout {
		width: 70em;
	}	
}


/*
	Header
*/
.header {
	vertical-align: middle;
}
.header #toplevelMenu {
	text-align: right;
	line-height: 40px;
	height:40px;
}
.header #toplevelMenu .matrj {
	width: 300px;
	text-align: center;
	padding-left: 50px;
	float:right;
}

.header #logo {
}
.header #img {
	float: right;
}

.header h1 {
	clear: left;
	padding: .5em 0em .6em 108px;
	margin: 0em;
	font-size: 1.3em;
}
.header h1 #print {
	padding-top: .0em;
}

@media screen {
	.edgeL {
		background: repeat-y right;
		padding: 0em 10px 0em 0em;
		width: 10px;
	}
	.edgeR {
		background: repeat-y left;
		padding: 0em 10px 0em 0em;
		width: 10px;
	}
	tr.pageEdge td {
		background: repeat-x top;
		padding-bottom: .5em;
	}
	tr.pageEdge td.peL {
		background: no-repeat right top;
	}
	tr.pageEdge td.peR {
		background: no-repeat left top;
	}
}

.header #menu #captionMenu {
	font-size: small;
	font-weight:normal;
	line-height: 2.9em;
	margin: -.5em 0em -.6em 0em;
}
.header #menu #captionMenu a {
	display:inline-block;
	padding: 0em .5em 0em .5em;
}
.header #menu #captionMenu a:hover {
	text-decoration: none;
}

/*
	Navigation pane
*/
.navPane {
	padding: 0em 0em 6em 2em;
}
.navPane h2 {
	font-size: 1em;
	border-bottom: none;
}
.navPane p {
	margin: .4em 0em 0em 0em;
	font-size: .8em;
}
.navPane .single {
	border-collapse: collapse;
	margin-top: 2px;
}
.navPane .attributes dl dt {
	clear: left;
	float: left;
	display: block;
}
.navPane .attributes dl dd {
	display: block;
}
.navPane .attributes th {
	border-left: solid 10px;
}
.navPane .attributes th img {
	padding: 1em;
}

/* Navigation button on the left */
.navPane .bigBtn {
	margin: 1em 0em 1em 0em;
	padding: .5em;
	border: 4pt solid;
	font-size: 0.8em
}
.navPane .bigBtn .number {
	font-size: 4em;
	margin: -0.125em 0.5em 0em -0.125em;
	float:left;
}
.navPane .bigBtn .number .matrj {
	padding: .125em 0em 0em .125em;
}
.navPane .bigBtn .title {
	font-size: 1.5em;
	display: block;
}

#news #newsCaption {
	background: #CCC;
	margin-top: 20px;
	padding-left: .3em;
	font-size: 1.3em;
}
#news #newsLogo {
	float: right;
}
#news #newsLogo img {
	padding: 10px 1em 0em 1em;
}
#news h2 {
	font-size: 1em;
}
#news #pageTop {
	font-size: 0.7em;
}
#news #pageTop h2,
#news #pageTop p {
	display: inline;
	border-bottom: none;
}

/*
	Content
*/
#content {
	padding: 2em 4em 1em 108px;
}
#content table.gallery {
	margin-left: -6em;
}

#content .floatleft,
#content .floatleft {
	margin-left: -3em;
}


/*
	Footer
*/
.footer {
	text-align: center;	
}
.footer a, .footer a:visited, .footer a:hover {
	text-decoration: underline;
}
.footer td {
	padding: 1em 1em 1em 2em;
	vertical-align: bottom;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
.footer td .matrj {
	padding-top: 1em;
	font-size: .7em;
	line-height: 2em;
}

/*
	Content panes and their cues
*/
.paneR {
	/* Pane in reveal mode */
	border: dotted 1px;
}
.paneC {
	/* Pane cue */
	font-size: 0.7em;
	color: White;	
	display:inline-block;
	float: right;
	/*clear: right;*/		
	padding: 0.2em 1em 0.2em 1em;
}
.editCnt {
	/* Edit cue */
	border: dotted 1px;
}
.editCue {
	font-family: Sans-Serif;
	font-size: 0.7em;
	display:inline-block;
	padding: 0.2em 1em 0.2em 0em
}