/* $Id: morpheus.admin.css,v 1.8 2006/03/31 09:02:08 okr Exp $ */
/* $Revision: 1.8 $ */

@charset "UTF-8";

@import url(top.menu.css);

/* obecne definice */
html
{
	margin: 0; 
	padding: 0; 
	height: 100%;
}

body 
{
	background-color: #fff; 
	color: #000; 
	font: 80%/1.33 Verdana, "Geneva CE", lucida, sans-serif; 
	margin: 0; 
	padding: 0; 
	height: 100%;
}

	body.withColumn
	{
		background: #fff url(./../img/layout/bgr-body-with-column.png) top left repeat-y;
	}

	table
	{
		font-size: 1em;
	}

	.clean 
	{
		font-size: 1px; 
		height: 1px; 
		clear: both; 
		overflow: hidden;
	}
	
	.noVisual
	{
		display: none;
	}
	
	form 
	{
		margin: 0; 
		padding: 0;
	}
	
	img 
	{
		border: none;
	}

	a 
	{
		background-color: transparent; 
		color: #000; 
		text-decoration: underline;
	}
		a:hover 
		{
			background-color: transparent; 
			color: #515151; 
			text-decoration: underline;
		}

/* end: obecna definice */





#page 
{
	height: 100%;
	width: 845px;
	border-right: 1px solid #989898;
	position: relative;
}

	html>body #page
	{
		height: auto;
		min-height: 100%;
	}

	/* header */
	#header 
	{
		background:  #333 url(./../img/layout/bgr-header.png) top left no-repeat; 
		color: #fff; 
		margin: 0; 
		padding: 0; 
		width: 100%; 
		height: 84px; 
		position: relative; 
		border-top: 1px solid #333;
	}
	
	#headerLogo 
	{
		position: absolute; 
		top: 6px; 
		left: 19px;
	}

	/* user info */
	#userInfo 
	{
		margin: 0; 
		padding: 0; 
		position: absolute; 
		top: 19px; 
		right: 0; 
		font-size: .85em;
	}

		#userInfo li 
		{
			display: block; 
			float: left; 
			margin: 0; 
			padding: .2em 17px .5em 33px; 
			border-left: 1px solid #515151; 
			background: #333 12px 0 no-repeat; 
			white-space: nowrap;
		}

			#userInfo #project 
			{
				background-image: url(./../img/layout/header-icon-project.png);
			}
			
			#userInfo #user 
			{
				background-image: url(./../img/layout/header-icon-user.png);
			}

			#userInfo li span 
			{
				color: #999;
			}
	/* end: user info */


	/* end: header */

	/* footer */
	#footerSpacer
	{
		height: 35px;
	}
	
	#footer
	{
		background:  #333 url(./../img/layout/bgr-footer.png) top left no-repeat;
		color: #fff;
		width: 100%;
		height: 30px;
		font-size: .85em;
		position: absolute;
		bottom: -1px;
		left: 0;
	}
		#footer[id]
		{
			bottom: 0;
		}
		
		#footer p 
		{
			margin: 8px 2em 0;
		}
		#footer a 
		{
			color: #f60; 
			text-decoration: none;
		}
		#footer a:hover 
		{
			color: #f60;
			text-decoration: underline;
		}
		
		#footer #cms
		{
			float: right;
		}
		
			#footer #morpheus
			{
				position: absolute;
				left: -5000px;
			}
	/* footer */



/* stranka */



	#content
	{
		margin: 0;
		padding: 10px 0 10px 15px;
		position: static;
	}
		
		#leftColumn
		{
			width: 540px;
			float: left;
			margin: 0 0 0 0;
		}
			#leftColumn.simple
			{
				width: 808px;
			}
		
		#rightColumn
		{
			width: 250px;
			margin: 0 0 0 558px;
		}


	/* nadpis */
	.heading
	{
		position: relative;
		border: 1px solid #efefef; 
		border-width: 1px 1px 2px 1px; 
		margin: .5em 0 1em 0; 
		padding: .3em .7em;
		background: transparent url(./../img/layout/content-bgr-header.png) top left repeat-x !important; 
	}

	.heading h1,
	.heading h2
	{
		margin: 0;
		padding: 0;
		color: #666; 
		font-size: 1.1em; 
	}

		.headerTitle #headerIcon 
		{
			margin: 0 6px 0 0; 
			position: relative; 
			top: 3px;
		}

		.heading h1
		{
			padding-left: 23px;
			background: url(./../img/layout/heading-icon-text.png) 0 0 no-repeat;
		}
		.heading h2
		{
			padding-left: 23px;
			background: url(./../img/layout/heading-icon-info.png) 0 0 no-repeat;
		}
			.heading .iconEnvelope
			{
				background-image: url(./../img/layout/heading-icon-envelope.png);
			}
	/* end: nadpis */

	/* text */	
	#text
	{
		margin: 1em 0 1em 1em;
		position: relative;
	}
	
	#text h2,
	#info h2
	{
		margin: 1.8em 0 .5em;
		font-size: 1em;
		color: #666;
	}
	
		#info h2
		{
			font-size: 1.1em;
			margin: 1.8em 0 .2em;
		}
		
	
	#text p
	{
		margin: .5em 0;
	}
	
	#info
	{
		padding: 0 10px;
		font-size: .85em;
	}
	
	.imageBox
	{
		display: block;
		padding: 5px;
		border: 1px solid #e5e5e5;
		cursor: pointer;
	}

	#imageAreaSpace
	{
		margin: 15px 0;
		height: 400px;
	}
	#imageArea
	{
		position: absolute;
		top: 10px;
		width: 550px;
		height: 400px;
		overflow: hidden;
		font-size: .85em;
	}

	
		#imageArea .imageBox
		{
			width: 220px;
		}
		
		#imageArea h2
		{
			margin-top: 0;
			font-size: 1.2em;
		}

		#imageArea a
		{
			float: left;
			margin: 0 15px 15px 5px;
		}
			#imageArea[id] a
			{
				margin: 0 12px 15px 5px;
				width: 240px;
			}

	.previewBox
	{
		font-size: .85em;
	}
	
	.separator
	{
		display: block;
		width: 100%;
		height: 1px;
		overflow: hidden;
		margin: 1.5em;
		border-top: 1px solid #f3f3f3;
		
	}
	
	.referenceImage
	{
		display: block;
		float: left;
		margin: 0px;
		padding: 3px;
		border: 1px solid #e5e5e5;
	}
	.referenceInfo
	{

		display: block;
		padding: 0 0 0 240px;
	}
	
	#referencePage ul
	{
		margin: .5em 0 .5em 245px;
		padding: 0 0 0 2em;
		list-style-type: disc;
	}
		#referencePage ul li
		{
			margin: 0;
			padding: 0 0 0 0;

		}

	#text ul,
	#info ul
	{
		margin: 5px 5px 10px 2px;
		padding: 0;
		list-style-type: none;
	}
		#text li,
		#info li
		{
			margin: 0;
			padding: 0 0 0 8px;
			background: url(./../img/layout/list-arrow.png) 0 .51em no-repeat;
		}

	.moduleIcon
	{
		float: left;
	}

	/* end: text */	
	
	
	/* form */
	fieldset
	{
		border: 1px solid #ccc;
		padding-bottom: 15px;
		position: relative;
	}
	
	legend
	{
		font-size: 1em;
		color: #6d7881;
		margin-bottom: 10px;
	}
	


	table
	{
		border-spacing: 0px; 
		border-collapse: collapse; 
		width: 100%; 
		table-layout: auto; 
		margin: 0;
		padding: 0; 
		font-size: 1em;
	}
		
		td
		{
			vertical-align: top;
		}
		
		td.cellLabel
		{
			width: 180px;
			padding: 5px 5px 0 15px;
		}
		
		td.cellEntry
		{
			vertical-align: top;
			padding: 3px 0;
		}
			
			td.cellEntry textarea
			{
				margin: 0;
				padding: 0;
				position: relative;
				top: -16px;
				left: -15px;
			}
			
			td[class=cellEntry] textarea
			{
				top: -12px;
				left: -12px;
			}
	
		td.cellSubmit
		{
			text-align: right;
		}
	
	
	input
	{
		width: 335px;
	}

	input.submit
	{
		width: auto;
		padding: 0 1em;
		margin-right: 15px;
	}
	
	textarea
	{
		width: 335px;
		height: 125px;
		overflow: auto;
		font-family: Verdana, "Geneva CE", lucida, sans-serif; 
	}
	
	.errorList
	{
		color: #f00;
	}
	/* end: form */