/*	---------------------------------------------------------------------------------------
    Rebex.net: .NET components for C# and VB.NET including FTP, SMTP, POP3, IMAP and MIME .NET libraries
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    File:       layout.css
    Summary:    Layout only. 
                (no inner page styles here)
    ---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Základní rozvržení
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				* {
						margin: 0;
						padding: 0;}

				body {
						text-align: center;
						background: #333 url('../images/body.gif') top left repeat-x;
					}

				hr {
						display: none;}

				fieldset {
						border: none;}

				.accessibility {
						position: absolute;
						left: -3000px;
						z-index: -1;}

				.cleaner {
						clear: both;}

				#main {
						width: 941px;
						margin: 0 auto;
						padding: 0 6px;
						text-align: left;}

				#main {
						color: #333;
						background-color: #fff;}


/*	---------------------------------------------------------------------------------------
	Záhlaví
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#h1Title a , #h1Title a span {
						display: block;
						width: 941px;
						height: 101px;}

				#h1Title a {
						position: relative;
						overflow: hidden;
						line-height: 101px;
						text-align: center;}

				#h1Title a span {
						position: absolute;
						top: 0;
						left: 0;
						background: url('../images/header.jpg') top left no-repeat;}

/*	---------------------------------------------------------------------------------------
	Menu a navigační lišta
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#menupanel 
	{
		margin: 0;
		padding: 0;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		background: url('../images/menu.gif') top left repeat-x;
	}
	
	#nnav * 
	{
		z-index: 5;
	}
				
	#nnav ul
	{
		list-style:none;
		margin:0em;
		padding:0em;
	}


	#nnav ul li {
		float: left;
		position: relative;
		color:White;
		padding: 0em;
		margin:0em;
		line-height: 34px;
		display:block;
		background: url("../images/menu_a.gif") no-repeat scroll right center transparent;
	}
	
	#nnav ul li:hover {
		background: url("../images/menu_hover.gif") repeat-x center transparent;
	}

	#nnav ul li a
	{
		display:block;
		font-weight: bold;
		color: white;
		text-decoration: none;
		padding-right: 15px;
		padding-left: 15px;
		height: 34px;
	}
	
	#nnav ul li a.buy 
	{
		background: url("../images/buy_transparent.png") no-repeat 10px center transparent;
		padding-left: 32px;
	}
	
	#nnav ul li ul li, #nnav ul li ul li.listDelimiter
	{
		width: 18em;
		position: relative;
		background-color: #ea7d34;
		border:0;
		margin:0;
		padding:0;
		z-index: 5;
		border-left: 1px solid white;
		border-right: 1px solid white;
		line-height:normal;
		background-image: none;
	}

	#nnav ul li ul {
		display: none;
		position: absolute;
		top: 18px;
		left: 0;
		padding:0;
		margin:0;
		border-top: 1px solid white;
	}	
	
	#nnav ul li>ul 
	{
		/* to override top and left in browsers other than IE, 
		which will position to the top right of the containing li, 
		rather than bottom left */
		top: auto;
		left: auto;
		left:0;
	}

	#nnav ul li:hover ul, 
	#nnav ul li.over ul { /* lists nested under hovered list items */
		display: block;
	}

	#nnav ul li ul li a 
	{
		display: block;
		margin:0;
		padding:5px;
		padding-left: 15px;
		padding-right: 15px;
		background-image: none;
		font-size: 100%;
		height:100%;
	}

	#nnav ul li ul li a:hover {
		color:White;
	}
	
	#nnav ul li ul li.listDelimiter:hover
	{
		background-image: none;
	}
	
	#nnav ul li ul li.last_submenu a {
		border-bottom: 1px solid white;
	}
	
	/* menu headers */
	.main h3 {  font-size: 103%;}

	/*
		old menu for old explorers like ie7, ie6
	*/
	
	#menu ul
	{
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		height: 34px;
		margin: 0;
		padding: 0 10px;
		background: url('../images/menu.gif') top left repeat-x;
	}

	#menu ul li {
			float: left;
			display: block;
			line-height: 34px;}

	#menu ul li a {
			height: 34px;
			padding: 0 15px;
			text-decoration: none;
			background: url('../images/menu_a.gif') right center no-repeat;}

	#menu ul li a.active {
			text-decoration: underline;}

	#menu ul li.buy {
			height: 34px;
			background-image: url('../images/buy.gif');
			background-repeat:no-repeat;
			background-position: 10px center;
	}
				
	#menu ul li.buy a 
	{
		padding-left: 32px;
	}
	
	.customSearchField 
	{
		background-image: url('../images/custom_search_watermark.gif');
		background-position: center left;
		background-repeat: no-repeat;
	}
				
				#search, .search {
						position: relative;
						float: right;
						margin-top: -27px;}

				#text, .text , .sendsearch {
						float: left;
						height: 17px;
						line-height: 17px;}

				#text, .text {
						border: 1px solid #7a7a7a;
						padding: 0 2px;}

				.sendsearch {
						border: none;
						padding: 0 10px;
						color: #fff;
						background-color: transparent;
						cursor: pointer;}
						
				.emptySearchResults 
				{
						display: block;
						margin-bottom: 230px;
				}
				
				.searchResults 
				{
					min-height: 230px;
					_height: 230px;
				}
				
				.searchResults div
				{
					margin-bottom: 2em;
				}
				
				.searchResults div a 
				{
					font-weight: bold;
					font-size: 10pt;
				}
				
				.searchResults div span 
				{
					color: #909090;
				}
				
				.searchSuggestion 
				{
					padding: 1em;
					border: 1px solid silver;
					background: whitesmoke;
				}
				
				.searchFoundNothing 
				{
					margin-top: 1.5em;
					font-size: 10pt;
					font-weight: bold;
					min-height: 180px;
					_height: 180px;
				}

				#navigation {
						height: 26px;
						margin-bottom: 1px;
						padding: 0 10px 0 25px;
						line-height: 26px;
						background: url('../images/navigation.gif') top left repeat-x;}

				#breadcrumb {
						float: left;}

				#sitemap {
						float: right;
						padding-right: 20px;
						text-decoration: none;
						background: url('../images/sitemap.gif') right center no-repeat;}

/*	---------------------------------------------------------------------------------------
	Tělo webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
				#body {
						margin: 1px 0;
						padding: 5px 0 0;
						background: url('../images/line.gif') top left repeat-y;}

				#page 
				{
						/* IE6 hack to get properly rendered div */
						_height: 1%;
						padding: 25px 0;
						background: url('../images/content.gif') top left repeat-x;}

/*	---------------------------------------------------------------------------------------
	Sloupec
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.column-small
				{
						float: right;
						width: 236px;
						margin-right: 10px;
				}

				.column-small h2 {
						margin: 25px 0 5px;
						padding: 0 5px 7px;
						text-align: right;
						background: url('../images/column_h1.gif') center bottom no-repeat;}

				.column-small h3 {
						padding: 0 5px;}

				.column-small p {
						padding: 0 5px 10px;}

				.column-small #news p {
						border-bottom: 1px solid #e5e5e5;
						margin-bottom: 25px;}

				.column-small .testimonial {
						display: block;
						text-align: right;}

				.column-small table {
						width: 236px;
						margin: 0 5px;}

				.column-small table tr {
						margin: 0 3px;
						padding: 2px 0;}

				.column-small table td {
						border-bottom: 1px solid #e5e5e5;
						text-align: right;}

/*	---------------------------------------------------------------------------------------
	Vnitří strana - sloupce
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#page .inside-column 
				{
					margin: -15px 2px 0 0;
					width: 206px;
				}

				.column-small .images {
						padding: 5px 0;
						border: 1px solid #e5e5e5;
						border-width: 1px 0;
						text-align: center;}

				.column-small .images img {
						border: 1px solid #bcbcbc;}

				#page .inside-column table {
						width: 195px;}

				#page .inside-column h2 {
						padding-bottom: 10px;
						background: url('../images/column_inside_h2.gif') left bottom no-repeat;}

				#page .tip {
						padding: 12px 12px 10px;
						background: url('../images/tip.gif') bottom left repeat-x;}

				#page .tip p {
						margin: 0;}

/*	---------------------------------------------------------------------------------------
	Obsah
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.maincontent 
				{
					float: right;
					width: 653px;
					padding-left: 10px;
				}

				#page .homepage {
						float: left;
				}



				#page .inside {
						float: left;
						width: 525px;
						margin: 0 5px;
				}

/*				
				#page .inside hr
				{
					display:block;
					 height: 1px; 
					 color: silver; 
					 background-color: silver; 
					 border: 0px solid silver;
				}
*/				
				#page .inside-med 
				{
					width: 710px;
				}
				
				#page .inside-large 
				{
					width: 920px;
					_width: 911px;
				}



/*	---------------------------------------------------------------------------------------
	Sloupec submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#submenu-column {
						float: left;
						width: 173px;
						padding-left: 10px;
					}

				#submenu {
						width: 173px;
						background: url('../images/submenu.gif') top left repeat-y;}

				#submenu div.top {
						width: 173px;
						min-height: 236px;
						padding-top: 1px;
						background: url('../images/submenu_top.jpg') top left no-repeat;
				}
				
				#submenu * {
					z-index: 2;
				}

				#submenu div.bottom {
						width: 173px;
						height: 92px;
						background: url('../images/submenu_bottom.jpg') top left no-repeat;}

				#submenu ul {
						position: relative;
						margin-top: 23px;
						padding-top: 1px;
						background: url('../images/submenu_li.gif') 5px top no-repeat;}

				#submenu ul.bottom {
						margin-bottom: -70px;}

				#submenu ul li {
						display: block;
						list-style: none;
						padding: 0 4px 1px;
						font-weight: bold;
						background: url('../images/submenu_li.gif') 5px bottom no-repeat;
				}

				#submenu ul li a {
						display: block;
						text-decoration: none;
						background: url('../images/home_block_a.gif') 8px 8px no-repeat;
				}
				
				#submenu ul li span 
				{
					display: block;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 10px;
				}
				
				#submenu ul li a span 
				{
					display: block;
					width: 133px;
					padding-top: 4px;
					padding-bottom: 4px;
					padding-left: 30px;
					cursor: pointer;
				}

				#submenu ul li a.download {
						background: url('../images/block_try.gif') 10px center no-repeat;}

				#submenu ul li a.testimonials {
						background: url('../images/block_info.gif') 10px center no-repeat;}

				#submenu ul li a.buy {
						background: url('../images/block_buy.gif') 8px center no-repeat;}

				#submenu-column h1 {
						margin: 10px 0 1px;
						padding: 0 5px 7px;
						background: url('../images/submenu_h1.gif') center bottom no-repeat;}

/*	---------------------------------------------------------------------------------------
	Tabulka
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.comparetables h1 {
						padding-bottom: 10px;
						background: url('../images/h1.gif') left bottom no-repeat;}

				.comparetables h2 {
						margin-top: 1em;
						padding-left: 5px;}

				.compare {
						margin: 0;
						margin-bottom: 10px;
						border-collapse: separate;
						border: 1px solid #e5e5e5;}

				.compare td , .compare th {
						height: 27px;
						margin: 1px;
						padding: 0 5px;}

				.compare th {
						padding: 10px;
						background: url('../images/th.gif') left top repeat-x;}

				.compare td.name {
						width: 510px;
						padding: 5px;
				}
				
				#page .compare td.image 
				{
					width: 80px;
				}

				#page .compare td.image p , .compare td.image span  {
						position: relative;
						width: 80px;
						height: 27px;
						margin: 0;
						text-align: center;}

				.compare td.image span {
						position: absolute;
						left: 0;
						top: 0;
						background: url('../images/inside.gif') -40px 2px no-repeat;}

				.compare td.no span {
						background: url('../images/noinside.gif') -40px 2px no-repeat;}

				.order th, .order td
				{
						padding: 0px;
						padding-left: 5px;
						text-align: left;
				}

				.order td 
				{
						padding: 5px 22px;
						height: auto;
				}

				.order th.sub {
						background-image: none;}

				.order td.add {
						width: 100px;
						padding: 0 30px;
						}

				.order td.add a {
						display: block;
						padding-left: 20px;
						background: url('../images/home_block_a.gif') left center no-repeat;
				}

				.order td.name {
						width: 432px;}

				.order td.name, .order td {
						border: 1px solid #ededed;
						border-width: 0 1px 1px 0;}
						
				.order th.sub a 
				{
					color: black;
				}


/*	---------------------------------------------------------------------------------------
	Patička
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#footer {
						overflow: hidden;
						clear: both;
						width: 100%;
						height: 52px;
						margin-top: 5px;
						line-height: 52px;
						background: url('../images/footer.gif') top left repeat-x;}

				#footer p.lines {
						float: left;
						width: 337px;
						background: url('../images/footer_lines.gif') top left no-repeat;}

				#footer p.lines a {
						padding: 0 15px;
						text-decoration: none;}

				#footer p.lines a.contact {
						background: url('../images/footer_contact.gif') right center no-repeat;}

				#footer p.lines a.sitemap {
						background: url('../images/footer_sitemap.gif') right center no-repeat;}

				#footer p.lines a:hover {
						text-decoration: underline;}

				#footer p.rebex {
						position: relative;
						overflow: hidden;
						float: right;
						width: 66px;
						height: 16px;
						margin: 20px 6px;
						line-height: 100%;}

				#footer p.rebex span {
						position: absolute;
						left: 0;
						top: 0;
						width: 66px;
						height: 16px;
						background: url('../images/footer_rebex.jpg') top left no-repeat;}



/**************************************************************************/
/**************************************************************************/

/* zakladni styly */
				body {
						font: 9pt Tahoma, "Lucida Grande CE", lucida, sans-serif;
						color: #000;
						
				}


/*	---------------------------------------------------------------------------------------
	Tělo webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
				#body {
						background-color: #ffc269;}

				#page {
						background-color: #fff;}


/*	---------------------------------------------------------------------------------------
	Menu a navigační lišta
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#menu {
						color: #fff;
						background-color: #e66108;}

				#menu li a {
						font-weight: bold;
						color: #fff;}

				#menu li a:hover {
						color: #ffcd0d;}

				#text {
						color: #7a7a7a;
						background-color: #fff;}

				#navigation {
						font-weight: bold;
						color: #fff;
						background-color: #707475;}

				#navigation a {
						color: #fff;}

				#navigation a:hover {
						color: #ffcd0d;}


/*	---------------------------------------------------------------------------------------
	Sloupec
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.column-small a {
						font-weight: bold;
						color: #ff7a20;}

				.column-small a:hover {
						color: #3b3b3b;}

				.column-small h2 , #submenu-column h2
				{
						margin-top: 0;
						color: #7f7f7f;
						font-size: 110%;
				}

				.column-small #news h3 .time {
						font-size: small;
						font-weight: normal;
						color: #7f7f7f;}

				.column-small .versions td.version {
						color: #7f7f7f;}

/*	---------------------------------------------------------------------------------------
	Vnitří strana - sloupce
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#page .tip {
						background-color: #f4f4f4;}

				#page .tip a {
						font-weight: bold;}
						
/*	---------------------------------------------------------------------------------------
	Sloupec submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#submenu {
						background-color: #ededed;}

				#submenu ul li a {
						font-size: 108%;
						color: #3b3b3b;}

				#submenu ul li a:hover , #submenu ul li a.active {
						color: #ff7920;
						background-color: #fdfdfd;}

/*	---------------------------------------------------------------------------------------
	Patička
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#footer {
						color: #fff;	
						background-color: #767676;}

				#footer p.lines a {
						font-weight: bold;
						font-size: 85%;
						color: #fff;}

				#footer p.lines a:hover {
						color: #ffaa28;}