/*
	Styling of default layout

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

table.flag {
	width: 100%;
	border-collapse: collapse;
}
table.layout {
	width: 100%;
	border-collapse: collapse;
	border: none 0px;
	table-layout: fixed;
	margin-left:auto;
	margin-right:auto;
}
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;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	padding-right: 1em;
}

.header #headerPane {
	height: 144px;
}
.header #logo {
	float: right;
	padding: 1em 2em 0em 0em;
}
.header #img {
	position: absolute;
	top: 2em;
}

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

@media screen {
	#edgeLT,
	#edgeRT,
	#edgeLB,
	#edgeRB {
		vertical-align: top;
		width: 50%;
	}
	#edgeLT .matrj0 {
		height: 134px;
		margin-right: 10px;
	}
	#edgeRT .matrj0 {
		height: 134px;
		margin-left: 10px;
	}
	#edgeLT .matrj1,
	#edgeRT .matrj1,
	#edgeLB .matrj,
	#edgeRB .matrj {
		height: 3em;
	}

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

#menu {
	height: 3em;
	padding-left: 8em;
}
#menu #captionMenu {
	font-size: small;
	font-weight:normal;
	line-height: 3em;
	font-family: Verdana, Tahoma, sans-serif;
}
#menu #captionMenu a {
	display:inline-block;
	padding: 0em .5em 0em .5em;
}
#menu #captionMenu a:hover {
	text-decoration: none;
}

/*
	Navigation pane
*/
.navPane {
	background: white;
	padding: 0em 0em 6em 2em;
}
.navPane #stripe {
	height: 3em;
	margin-left: -2em;
	margin-bottom: 10em;
}
.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;
}

/*
	Content
*/
#content {
	background: white;
	padding: 2em 4em 1em 8em;
}
#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 {
	border-top: 10px solid white;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
.footer td .stripe {
	height: 3em;
}
.footer td .matrj {
	padding: 1em 2em 1em 2em;
	font-size: .7em;
	line-height: 2em;
}
.footer .minHeight {
	float:right;
	height: 8em;
}

/*
	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
}