html
{
	height: 100%;
	/* Opera font-size hack */
	font-size: 106.5%;
}

body
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	color: #0B1B2B;
	background: #878787 url(img/bgrPage.png) top center repeat-y;	
	height: 100%;
	font-size: 76.5%;
}



/* BASIC TAGS */
a {color: #f90; text-decoration: underline;}
a:hover {color: #39b0ff;}
img {border: 0 none; margin: 0; padding: 0;}


h1, h2, h3 {color: #FD8501;
}
h1 {font-size: 150%; margin: 0 0 .5em; padding: 0;}
h2 {font-size: 125%; margin: 0 0 .5em; padding: 0;}
h3 {font-size: 110%; margin: 0 0 .3em; padding: 0;}
	h2.first,
	h3.first
	{margin-top: 0;}
h4 {
  font-size: 110%; font-weight: bold; color: #0B1B2B;
  margin: .9em 0 0; padding: 0;
  }
p  {margin: 5px 0; padding: 0;}
  .firstParagraph {font-size: 110%;}
/* END: BASIC TAGS */




/* FORMS */
form {margin: 0; padding: 0;}




/*********************
 * INDIVIDUAL STYLES
 ********************/

#pageBody
{
	position: relative;
	width: 798px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #878787 url(img/bgrPage.png) top center repeat-y;
}

	#pageBody[id]
	{
		height: auto;
		min-height: 100%;
	}


#backgroundStripe
{
	position: absolute; 
	top: 135px; 
	left: 0;
	width: 100%;
	height: 80px;
  	background: #7c7c7c url(img/bgrStripe.png) top center no-repeat;
}
  
	#backgroundStripeBottom
	{
		position: absolute; 
		bottom: 0; 
		left: 0; 
		width: 100%; 
		height: 5px;
		font-size: 1px;
    	background: #767676 url(img/bgrStripe.png) bottom center no-repeat;
	}

#headerTop
{
	position: relative;
	height: 135px; 
	width: 798px;
	text-align: left;
	background: url(img/bgrHeader.png) top center no-repeat;
}

	#headerTop #logo
	{
		position: relative;
		top: 29px;
		left: 28px; 
		width: 218px; 
		height: 79px;
		background: url(img/logoWebnodeAdmin.png) top left no-repeat;
		padding: 0;
		margin: 0;
	}
		#headerTop #logo:hover
		{
			background-position: 0 -79px;
		}
	
	#loginBox
	{
		position: absolute; 
		right: 20px;
		width: 500px;
		height: 1.25em;
		overflow: hidden;
		text-align: right;
	}
	
  		#loginBoxLogout
  		{
			float: right;
  			white-space: nowrap;
  			padding-right: 5px;
  		}


#headerGraphics
{
	position: relative;
	width: 798px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(img/bgrStripe.png) top center no-repeat;
}

#homePage #headerGraphics {height: auto;}

	#graphicsSubpage
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 770px;
		height: 80px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
  
  #headerSlideshowBox {position: absolute; top: 44px; left: 51px; width: 278px; height: 174px;}
  
  #graphicsSubpage #graphicsText {
    position: absolute; width: 400px; top: 0; left: 0;
    color: #fff; font-size: 300%; margin: 17px 0 0 30px;
    font-family: Verdana, sans-serif;
  }
  
  #graphicsSubpage #graphicsSlogan {
    position: absolute; width: 300px; top: 0; right: 0;
    color: #fff; font-size: 180%; margin: 30px 30px 0 0; text-align: right;
  }
  

#main
{
	position: relative;
	width: 770px;
	margin: 0 auto;
	padding: 25px 0 75px 0;
	text-align: left;
}
  
	#mainContent
	{
		position: relative;
		width: 730px;
		margin: 0 20px;
		padding:0;
    }
  



#footer
{
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 798px;
	text-align: left;
	margin: 0;
	padding: 0 0 27px;
	background: url(img/bgrFooter.png) bottom center no-repeat;
}
	#footer[id]
	{
		bottom: 0;
		height: auto;
	}

	#footerContent
	{
		position: relative; 
		width: 710px; 
		margin: 0 30px; 
		padding: 0;
	}
  
  #footerLeft, #footerRight {width: 350px;}
  #footerLeft {position: relative; float: left; text-align: left;}
  #footerRight {position: relative; float: right; text-align: right;}
  
  #footer a {color: #0B1B2B;}
  #footer a:hover {color: #3399FF;}



 /*.headPagename {color: #333;}*/

.cleaner {postion: relative; float: none; clear: both; width: 0; height: 16px;
}
.noVisual {display: none;}
.menuButton {
  position: relative; float: left; width: 74px; height: 45px;
  display: block; margin: 0; padding: 0;
  font-size: 0.8em; text-align: center;
}




/* rozcestník administrace */
#adminBlockArea
{
	background:  url(img/bgrAdminBlockArea.png) -8px 0 repeat-y;
	clear: both;
	border-top: 1px solid #fff;
}
.adminBlock
{
	display: block;
	width: 350px;
	height: 90px;
	float: left;
	margin: 1px 1px 6px;
	padding: 1px;
	background: url(img/bgrAdminBlock.png) 0 110px no-repeat;
	overflow: hidden;
}
	
	.adminBlock[class]
	{
		min-height: 90px;
		height: auto;
	}
		
	.adminBlock h2
	{
		/*color: #333;*/
	}
	
	.adminBlock.emphasis
	{
		background-position: 0 -110px;
		cursor: pointer;
	}
		.adminBlock.emphasis h2
		{
			color: #0081ff;
		}

	
	#goMail.adminBlock,
	#goSettings.adminBlock,
	#goBugReport.adminBlock	
	{
		margin-left: 22px;
	}

	
	.imgColumn
	{
		float: left;
		width: 39px;
		height: 56px;
		margin: 10px 5px;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
		.imgColumn[class]
		{
			margin: 10px;
		}
	
		.adminBlock a
		{
			color: #FD8501;
			text-decoration: none;
		}
		
			.adminBlock a:hover
			{
				text-decoration: underline;
			}
	
		.adminBlock.emphasis .imgColumn
		{
			background-position: -39px 0;
		}

			#goCMS .imgColumn
			{
				background-image: url(img/adminIconSettings.png);
			}
			
			#goMail .imgColumn
			{
				background-image: url(img/adminIconSettings.png);
			}
			
			#goStats .imgColumn
			{
				background-image: url(img/adminIconSettings.png);
			}
			
			#goSettings .imgColumn
			{
				background-image: url(img/adminIconSettings.png);
			}
			
			#goDomainManager .imgColumn
			{
				background-image: url(img/adminIconSettings.png);
			}
			
			#goBugReport .imgColumn
			{
				background-image: url(img/adminIconSettings.png);
			}
		
	.textColummn
	{
		float: left;
		margin: 8px 5px 5px 8px;
		width: 275px;

	}
		
		.textColummn h2
		{
			margin-bottom: 0;
			font-size: 1.1em;
		}
		
		.textColummn p
		{
			margin-top: 2px;
			font-size: .85em;
			line-height: 1.5;
		}
	
	/* obsazený prostor */
	#adminUsageArea
	{
		position: absolute;
		bottom: 25px;
		left: 23px;
		width: 750px;		
		height: 40px;
		background: url(img/adminUsageInfo.png) top left no-repeat;
	}
	
		#adminUsageTrafficArea,
		#adminUsageStorageArea
		{
			position: relative;
			float: left;			
			width: 50%;		
			height: 40px;
		}
		
			#adminUsageTrafficArea
			{
				background: url(img/adminUsageInfoSeparator.png) top right no-repeat;
			}
			
			#adminUsageStorageArea
			{
			}
			
			.adminUsageText
			{
				display: block;
				margin: 8px 0 0 25px;
				font-size: .85em;
			}
			
			.adminUsageIndicatorArea
			{
				display: block;
				position: absolute;
				top: 25px;
				left: 152px;
				width: 100px;
				height: 6px;
				padding: 1px;
				border: 1px solid #c1c1c1;
				background: #fdfdfd url(img/bgrUsageIndicatorArea.png) top left repeat-x;
			}
				.adminUsageIndicatorArea[class]
				{
					width: 96px;
				}
				
				#adminUsageStorageArea .adminUsageIndicatorArea
				{
					left: 160px;
				}
			
			.adminUsageIndicator
			{
				display: block;
				height: 6px;
				background: url(img/adminUsageIndicator.png) top left no-repeat;
			}
	

/* end: rozcestník administrace */




/* přihlašovací stránka */
#adminBlockArea.loginPage
{
	/*background-position: 1000px 0;*/
	background-image: none;
	
}
	#adminBlockArea.loginPage h2
	{
		margin-bottom: 1em;
	}
	
	#loginColumn
	{
		width: 505px;
		float: left;
		background: url(img/bgrAdminBlockArea.png) 133px 0 repeat-y;
	}
	
		#loginForm
		{
			/*display: none;*/
		}
	
		#loginTable
		{
	/*		width: 100%;*/
			border-spacing: 0px;
			border-collapse: collapse; 
			table-layout: auto;
			font-size: 1em;
			margin: 0;
			padding: 0;
		}
			#loginTable td
			{
				margin: 0;
				padding: 0;		
			}
		
		#loginInfo.error
		{
			color: #f00;
		}
		
		#loginTable td
		{
			padding: 5px;
		}
			#loginTable td.labels
			{
				width: 115px;
				text-align: right;
				padding-rigth: 8px;
			}
			
			#loginTable td.inputs
			{
				width: 345px;
			}
			
				#loginTable .loginInput
				{
					position: relative;
					width: 200px;
					height: 25px;
					background: transparent url(img/bgrInputBox.png) top left no-repeat;
				}
				
					#loginTable .loginInput span.loginInputEnd
					{
						position: absolute;
						top: 0;
						right: 0;
						width: 10px;
						height: 25px;
						background: transparent url(img/bgrInputBoxEnd.png) top right no-repeat;
					}
					
					#loginTable .loginInput span.iconError
					{
						display: none;
	
					}
					
					#loginTable td.error .loginInput
					{
						background-image: url(img/bgrInputBoxError.png);
					}
					
						#loginTable td.error .loginInput span.loginInputEnd
						{
							background-image: url(img/bgrInputBoxErrorEnd.png);
						}
						
						#loginTable td.error .loginInput span.iconError
						{
							position: absolute;
							top: 0;
							right: -15px;
							display: block;
							width: 8px;
							height: 25px;
							background: url(img/iconInputError.png) top left no-repeat;
						}
			
				#loginTable td.inputs input
				{
					width: 172px;
					height: 18px;
					margin: 3px 0 0 12px;
					border: none;
					font-size: 1em;
					background: transparent;
				}

			
			#loginTable td.submitRow
			{
				padding: 15px 0 0 0;
	
			}
		
		#loginColumn button#submit
		{
			padding: 0;
			margin: 0 0 0 2px;
			width: 120px;
			height: 27px;
			border: none;
			background: transparent;
			cursor: pointer;
		}
		
			#loginColumn button#submit img
			{
				padding: 0;
				margin: 0;
			}
		
		#loadingInfo
		{
			margin: 2em;
			text-align: center;
		}
		
		
		#loginError
		{
			display: none;
			position: absolute;
			top: 5px;
			left: 220px;
			width: 150px;
			height: 25px;
			color: #f00;
			font-size: .9em;
		}
		
		#lostPassword
		{
			margin: 1.5em 0 0;
		}
		
	
	#helpColumn
	{
		width: 200px;
		float: left;
		padding: 0 0 10px 8px;
		font-size: .85em;
		
		/*display: none;*/
		
	}
		#helpColumn h2
		{
			margin: 1.5em 0 .5em;
		}
			
			
			#helpColumn h2.first
			{
				margin: 0 0 .5em;
			}
			
			#helpColumn.loginHelp h2
			{
				margin-bottom: .1em;
			}
/* end: přihlašovací stránka */



/* wizard */
#wizard
{
	margin: 0;
	padding: 0;
	text-align: left;
}
	
	
	
	#headerTop h2
	{
		position: absolute;
		top: 50px;
		right: 40px;
		font: normal 3em Helvetica, sans-serif;
		color: #666;
	}
	
	.wizardText
	{
		margin: 0 0 25px;
	}
		#wizardFirstStep
		{
			/*color: #f90;*/
			font-size: 1.1em;
			line-height: 1.6em;
		}

	#stepping
	{
		width: 750px;
		height: 40px;
		margin: 0 0 15px 24px;
		padding: 0;
		background: #f4f4f4 url(img/bgrStepping.png) top left no-repeat;
	}
	
		.stepIndicator
		{
			position: relative;
			display: block;
			height: 50px;
			width: 33%;
			float: left;
			margin: 0;
			padding: 0;
			color: #ccc;
			font-weight: normal;
			text-align: left;

		}
			.stepIndicator span
			{
				display: block;
				height: 40px;
				line-height: 39px;
				margin: 0;
				padding: 0 10px 0 55px;
				text-align: left;
			}
			
			.stepIndicator.allowed,
			.stepIndicator.completed
			{
				color: #343434;
				font-weight: bold;
			}
			
				.stepIndicator.completed
				{
					color: #656565;
					font-weight: normal;
					cursor: pointer;
				}

			
				.stepIndicator#indicator1 span.stepIcon,
				.stepIndicator#indicator2 span.stepIcon,
				.stepIndicator#indicator3 span.stepIcon
				{
					position: absolute;
					top: 1px;
					left: 12px;
					display: block;
					width: 43px;
					height: 38px;
					padding: 0;
					margin: 0;
					background: url(img/iconSteps.png) no-repeat;
					overflow: hidden;
				}
					.stepIndicator#indicator1 span.stepIcon
					{
						background-position: 0 -38px;
					}
						.stepIndicator.completed#indicator1 span.stepIcon
						{
							background-position: 0 -76px;
						}
					.stepIndicator#indicator2 span.stepIcon
					{
						background-position: -43px 0;
					}
						.stepIndicator.allowed#indicator2 span.stepIcon
						{
							background-position: -43px -38px;
						}
						.stepIndicator.completed#indicator2 span.stepIcon
						{
							background-position: -43px -76px;
						}
					.stepIndicator#indicator3 span.stepIcon
					{
						background-position: -86px 0;
					}
						.stepIndicator.allowed#indicator3 span.stepIcon
						{
							background-position: -86px -38px;
						}


	#formWizard
	{
		margin: 25px 24px 40px;
	}

	.wizardFormTable
	{
		font-size: 1em;
	}
		.wizardFormTable td
		{
			vertical-align: top;
			padding-bottom: 10px;
		}
		
		.wizardFormTable label
		{
			display: block;
			width: 118px;
			padding: .5em 8px 0 0;
			text-align: right;
			font-weight: bold;
		}
	

		.wizardFormTable input
		{
			width: 250px;
			height: 1.3em;
			margin: 3px 0 0 12px;
			border: none;
			font-size: 1em;
			background: transparent;
			color: #000;
		}
		
			.wizardFormTable[class] input
			{
				width: 235px;
				height: 18px;
			}

		.wizardFormTable select
		{
			width: 240px;
			margin: 2px 0 0 12px;
			border: none;
			font-size: 1em;
			color: #000;
		}
		
		.wizardFormTable .inputStyle
		{
			position: relative;
			width: 262px;
			height: 25px;
			background: transparent url(img/bgrInputBox.png) top left no-repeat;
		}
			
			.wizardFormTable .inputStyle span.inputStyleEnd
			{
				position: absolute;
				top: 0;
				right: 0;
				width: 10px;
				height: 25px;
				background: transparent url(img/bgrInputBoxEnd.png) top right no-repeat;
			}
			
				.wizardFormTable td.error .inputStyle
				{
					background-image: url(img/bgrInputBoxError.png);
				}
				
					.wizardFormTable td.error .inputStyle span.inputStyleEnd
					{
						background-image: url(img/bgrInputBoxErrorEnd.png);
					}			
			
		.wizardFormTable textarea
		{
			width: 247px;
			height: 53px;
			margin: 3px 0 0 12px;
			border: none;
			font-size: 1em;
			background: transparent;
			overflow: auto;
			font-family: Tahoma, sans-serif; 
			font-size: 1em;
			color: #000;
		}
		
			.wizardFormTable[class] textarea
			{
				width: 235px;
				height: 50px;
			}


		.wizardFormTable .textareaStyle
		{
			position: relative;
			width: 262px;
			height: 62px;
			background: transparent url(img/bgrTextareaFixed.png) top left no-repeat;
		}
			
	.wizardFormTable .errorColumn.show
	{
		background: url(img/iconInputError.png) 5px 0 no-repeat;
		padding: 5px 10px 5px 18px;
		color: #f00;
		font-size: .85em;
	}
				
		.wizardFormTable .errorColumn span
		{
			display: none;
		}
		.wizardFormTable .errorColumn.show span
		{
			display: block;
			position: absolute;
			width: 90px;
		}


	.stepArea
	{
		display: none;
		float: none;
	}

		.stepArea.allowed
		{
			display: block;
		}
		
		.stepArea .helpColumn
		{
			float: right;
			width: 200px;
			background: url(img/bgrAdminBlockArea.png) -370px 0 repeat-y;
			padding: 0 0 10px 8px;
			font-size: .85em;
		}
		
		.stepArea .helpColumn h4
		{
			margin-top: 0;
		}
	
	
	#layoutsBlock,
	#lastBlock
	{
		position: relative;
		background: url(img/bgrLayoutsAreaTop.png) top left no-repeat;
		width: 750px;
		padding: 5px 5px 5px 0;
	}
		#layoutsBlock[id],
		#lastBlock[id]
		{
			width: 745px;
		}
	
		#layoutsArea,
		#lastArea
		{
			position: relative;
			overflow: auto;
			overflow-y: scroll;
			margin-top: 5px;
			padding: 0 10px;
			z-index: 10;
		}
		
			#lastArea
			{
				overflow: auto;
			}
		
			#layoutsAreaFooter,
			#lastAreaFooter
			{
				position: absolute;
				bottom: -5px;
				left: 0;
				width: 750px;
				height: 10px;
				background: url(img/bgrLayoutsAreaFooter.png) bottom left no-repeat;
				z-index: 15;
			}
		
		
		#lastBlock .wizardText
		{
			margin: 0 15px;
			height: 250px; 
		}
		
			#lastBlock .wizardText[class]
			{
				min-height: 250px;
				height: auto; 
			}
		
		#lastBlock #lastAreaButtons
		{
			text-align: center;
		}
		
			#lastBlock button#stepFinal
			{
				margin: 0;
				padding: 0;
				border: none;
				background: none;
				width: 204px;
				height: 87px;
				cursor: pointer;
			}
			
		#lastStepForm
		{
			display: none;
		}
			
	.layoutGroups
	{
		margin-top: 20px;
	}
	
	.layoutHeading
	{
		color: #0b1b2b;
	}
	
	.layoutItem
	{
		display: block;
		width: 165px;
		height: 145px;
		float: left;
		margin: 0 10px 10px 0;
		text-align: center;
		background-color: none;
		color: #666;
	}
	
		.layoutItem.active,
		.layoutItem.chosen,
		.layoutItem img
		{
			background: #359dff url(img/bgrSelectLayout.png) top left no-repeat !important;
			border: none;
			color: #39f;
			cursor: pointer;
		}
		
		.layoutItem img
		{
			margin: 10px auto 5px;
		}
		

		.layoutItem .layoutItemInfo
		{
			float: left;
			margin-left: 20px;
		}

		.layoutItem a
		{
			color: #666;
		}
		
			.layoutItem.active a,
			.layoutItem.chosen a
			{
				color: #39f;
			}
			
			.layoutItem a:hover,
			.layoutItem.active a:hover,
			.layoutItem.chosen a:hover
			{
				color: #39b0ff;
			}
			
	

	
	#layoutError
	{
		color: #f00;
		font-weight: bold;
		margin-bottom: 3px;
		/*display: none;*/
	}
		#layoutError.show
		{
			background: url(img/error.png) top left no-repeat;
			padding-left: 20px;
		}
	
	#proceeding
	{
		width: 100%;
		margin: 15px 0 0; 
		padding: 0 0 10px; 
		clear: both;
		text-align: center;
	}
	
		#proceeding button
		{
			margin: 0;
			padding: 0;
			height: 27px;
			border: none;
			background: none;
		}
			
			#proceeding button#stepBack
			{
				width: 125px;
				margin-right: 15px;
			}
			
			#proceeding button#stepNext
			{
				width: 95px;
				cursor: pointer;
			}
			
	
	#langListButton
	{
		cursor: pointer;
	}
	
	#langList
	{
		display: none;
		position: absolute;
		top: 25px;
		left: 12px;
		width: 238px;
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		background: #f2f2f2 none !important;
		overflow: hidden;
	}
		#langList.show
		{
			display: block;
		}
		
		.langListItem
		{
			display: block;
			width: auto;
			margin: 0;
			padding: 3px 10px;
			color: #000;
			text-decoration: none;
			border: none;
		}
			.langListItem.highlight,
			.langListItem.elected
			{
				background: #b4b4b4 none !important;
				cursor: pointer;
			}
		#langText
		{
			position: absolute;
			top: 5px;
			left: 12px;
			width: 210px;
			height: 22px;
			color: #000;
			overflow: hidden;
		}
		
	#langListArrow
	{
		position: absolute;
		top: 2px;
		right: 8px;
		width: 25px;
		height: 21px;
		background: url(img/arrowSelect.png) top left no-repeat;
		cursor: pointer;
	}
		#langListArrow.over
		{
			background-image: url(img/arrowSelectHover.png);
		}
	
		
		
#saveArea
{
	text-align: center;
}

/* end: wizard */