/*	---------------------------------------------------------------------------------------
	Rebex.net: .NET components for C# and VB .net including FTP, SMTP, POP3, IMAP and MIME .NET libraries
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Popis:		Barvy a fonty
	Soubor:		page.css
	Verze:		0.1
	Datum:		16. července, 2007
	Autor:		Zdeněk Košťál
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Import layoutu (znepřístupnění pro starší prohlížeče)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*@import "./layout.css";*/

/*	---------------------------------------------------------------------------------------
	Blok s produktem vypichnutym na homepage
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.home {
				overflow: hidden;
				width: 628px;
				height: 203px;
				padding: 5px 5px 18px 20px;	
				font-weight: bold;
				background: url('../images/home_block.gif') top left no-repeat;}

		.home .content {
				float: left;
				width: 418px;}

		.home h1 {
				height: 22px;
				padding: 10px 0;
		}
		
		.inside-med .home h1, .inside-large .home h1
		{
			background: none;
		}

		.home p {
				width: 400px;
				margin: 10px 0;}

		.home ul {
				margin: 0 20px;}

		.home ul li
		{
			display: block;
			list-style: none;
			padding-top: 2px;
			background: url('../images/home_block_a.gif') 105px 5px no-repeat;
		}

		.home ul li.info a
		{
			padding-left: 30px;
			background: url('../images/home_block_info.gif') 2px center no-repeat;
		}
				
		a.product-info 
		{
			padding-left: 21px;
			background: url('../images/block_info_white.gif') 0px 2px no-repeat;
		}

		.home ul li.download a
		{
			padding-left: 30px;
			background: url('../images/home_block_download.gif') 2px center no-repeat;
		}
				
		a.product-download 
		{
			padding-left: 20px;
			background: url('../images/block_try_white.gif') 0px 2px no-repeat;
		}

		.home ul li.purchase a
		{
			padding-left: 30px;
			background: url('../images/home_block_purchase.gif') left center no-repeat;
		}
				
		a.product-buy 
		{
			/*
			padding-left: 22px;
			background: url('../images/block_buy_white.gif') 0px 2px no-repeat;
			*/
			padding-right: 22px;
			background: url('../images/block_buy_white.gif') 0px 2px no-repeat;
			background-position: right;
		}
		
		.home ul li a
		{
			display: block;
			width: 70px;
			padding-right: 20px;
			background: url('../images/home_block_a.gif') right center no-repeat;
		}

		.home .i_home_ftp
		{
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_ftp_big.jpg') top left no-repeat;
		} 

        .home .i_home_sftp
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_sftp_big.jpg') top left no-repeat;
		} 
    
        .home .i_home_ftpssl
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_ftpssl_big.jpg') top left no-repeat;
		} 

        .home .i_home_mail
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_mail_big.jpg') top left no-repeat;
		} 
    
        .home .i_home_securemail
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_securemail_big.jpg') top left no-repeat;
		} 

        .home .i_home_time
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_time_big.jpg') top left no-repeat;
		} 

        .home .i_home_filetransferpack
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_filetransferpack_big.jpg') top left no-repeat;
		} 

        .home .i_home_totalpack
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_totalpack_big.jpg') top left no-repeat;
		} 

        .home .i_home_rconvlog
        {
			display: block;
			float: right; width: 209px; height: 183px; margin-top: 20px;
			background: url('../images/logos/logo_rconvlog_big.jpg') top left no-repeat;
		} 
    

/*	---------------------------------------------------------------------------------------
	Menší bloky
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.block {
						overflow: hidden;
						float: left;
						width: 209px;
						margin: 10px 13px 0 0;
						background: url('../images/block.jpg') top left repeat-y;}

				.third {
						margin-right: 0;}

				.block h3 {
						height: 33px;
						padding: 0 10px;
						line-height: 33px;
						background: url('../images/block_top.jpg') top left no-repeat;}

				.block p 
				{
						_height: 150px;
						min-height: 150px;
						line-height: 110%;
						margin: 0;
						padding: 0 10px 0 10px;
						background: url('../images/block_center.jpg') top left no-repeat;
						/*text-align: justify;*/
				}

				.block ul {
						height: 44px;
						line-height: 26px;
						background: url('../images/block_bottom.jpg') top left no-repeat;}

				.block ul li {
						float: left;
						display: block;
						list-style: none;
						padding-left: 20px;}

				.block ul li.try a
				{
						padding-left: 20px;
						background: url('../images/block_try.gif') 0px center no-repeat;
				}

				.block ul li.buy a
				{
						padding-left: 20px;
						background: url('../images/block_buy.gif') 0px center no-repeat;
				}

				.block ul li.info a
				{
						padding-left: 20px;
						background: url('../images/block_info.gif') 0px center no-repeat;
				}

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

				.inside h1 
				{
					padding-bottom: 10px;
					background: url('../images/inside_h1.gif') left bottom no-repeat;
					margin-bottom: 20px;
				}
				
				.inside-med h1 
				{
					background: url('../images/inside_h1_med.gif') left bottom no-repeat;
				}
				
				.inside-large h1 
				{
					background: url('../images/inside_h1_large.gif') left bottom no-repeat;
				}

				.inside .i_page_ftp 
				{
					padding: 15px 140px 40px 0;
					font-weight: bold;
					background: url('../images/logos/logo_ftp_med.jpg') right top no-repeat;
				}

				.inside .i_page_sftp
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_sftp_med.jpg') right top no-repeat;
				}

				.inside .i_page_ftpssl
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_ftpssl_med.jpg') right top no-repeat;
				}

				.inside .i_page_mail
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_mail_med.jpg') right top no-repeat;
				}

				.inside .i_page_securemail
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_securemail_med.jpg') right top no-repeat;
				}

				.inside .i_page_time
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_time_med.jpg') right top no-repeat;
				}

				.inside .i_page_filetransferpack
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_filetransferpack_big.jpg') right top no-repeat;
				} 

				.inside .i_page_totalpack
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_totalpack_big.jpg') right top no-repeat;
				} 

				.inside .i_page_rconvlog
				{
					padding: 15px 140px 20px 0; font-weight: bold;
					background: url('../images/logos/logo_rconvlog_big.jpg') right top no-repeat;
				} 

				.inside h2 {
						margin: 20px 0 20px;}

				.blurb 
				{
					overflow: hidden;
					float: right;
					width: 180px;
					margin-left: 15px;
					background: url('../images/blocktip.gif') top left repeat-y;
					padding: 10px;
				}

				/*.blocktip, .blurb {
						overflow: hidden;
						float: right;
						width: 205px;
						margin-left: 15px;
						background: url('../images/blocktip.jpg') top left repeat-y;
						margin-top: 10px;
				}

				.blocktip .top, .blurb {
						padding: 10px 10px 0;
						background: url('../images/blocktip_top.jpg') top left no-repeat;}

				.blocktip .bottom {
						overflow: hidden;
						width: 205px;
						height: 10px;
						line-height: 10px;
						background: url('../images/blocktip_bottom.jpg') top left no-repeat;}

				.blocktip h3 , .blocktip p {
						margin: 0;}

				.blocktip a, .blurb a {
						padding-left: 15px;
						background: url('../images/blocktip_a.gif') left center no-repeat;}
						
				.blurb-top 
				{
					overflow: hidden;
					float: right;
					width: 205px;
					background: url('../images/blocktip.jpg') top left repeat-y;
				}
				
				.blurb-bottom 
				{
					background: url('../images/blocktip_bottom.jpg') bottom left no-repeat;
				}
						
				.blurb-inside 
				{
					background: url('../images/blocktip_top.jpg') top left no-repeat;
					padding: 10px;
				}*/


/*	---------------------------------------------------------------------------------------
	Základní styly
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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

				h1 {
						font-size: 165%;}
				
				h2
				{
						font-size: 120%;
				}
				
				h3 {
						font-size: 103%;
						}						
						
				h4 
				{
						font-size: 100%;
						margin-bottom: 10px;
				}

				a {
						color: #ff7a20;}

				a:hover {
						color: #3b3b3b;}
				
				a:visited
				{
					color: #bf4d05;
				}

				.inside ul li {
						display: block;
						list-style: none;
						margin-left: 25px;
						padding-left: 20px;
						line-height: 1.5;
						background: url('../images/home_block_a.gif') left 0.5em no-repeat;}

				.inside ol li {
						margin-left: 25px;
						padding-left: 8px;
						line-height: 1.5;
				}
				
				.inside h2,
				.inside h3,
				.inside h4				
				{
					margin-top:1.5em;
				}

				.maincontent p , .column-small p , #submenu-column p {
						margin: .5em 0;}

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

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

				#h1Title a {
						color: #000;
						background-color: #ffb844;}

				#h1Title a:hover {
						color: #ff7419;}

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

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

				#page {
						background-color: #fff;}

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

/*	---------------------------------------------------------------------------------------
	Hlavní blok
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.home {
						color: #4d4d4d;
						background-color: #ffddab;}

				.home h1 {
						color: #ff7200;}

				.home p {
						font-size: 108%;}

				.home ul li a {
						color: #3b3b3b;}

				.home ul li a:hover {
						color: #ff7419;}


/*	---------------------------------------------------------------------------------------
	Menší bloky
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.block {
						background-color: #f4f4f4;}

				.block h3 a {
						color: #ff7419;}

				.block h3 a:hover {
						color: #3b3b3b;}

				.block ul li a {
						font-weight: bold;
						color: #000;}

				.block ul li a:hover {
						color: #ff7a20;}

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

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

				.compare td , .compare th {
						color: #3b3b3b;
						background-color: #f2f2f2;}

				.compare th {
						color: #fd7820;
						background-color: #ffdba5;}

				.compare td.name {
						background-color: #fff1de;}
						

				/* order table */
				table.shop 
				{
					border: 2px solid E4E4E4;
				}
				
				.shop th , .shop td {
					background:#FAFAFA;
					border: 1px solid #E4E4E4;

						}
				
				.shop th
				{
					text-align:center;
					padding: 0.4em;
					white-space:nowrap;
					width:80px;
				}
				
				.shop th.name
				{
					width:130px;
					text-align:left;
				}
				
				.shop td
				{
					white-space:nowrap;
					padding: 0.4em;
				}
				
				.shop td.important
				{
					font-weight:bold;
					font-size:larger;
				}
				
				.shop td.cart
				{
					text-align:right;
				}

				.order th , .order td {
						background-color: #fff;}

				.order td a {
						font-weight: bold;}

				.order th.sub {
						color: #000;
						background-color: #ededed;}

				.order td.add {
						background-color: #fff8ee;}

				.order td.name {
						background-color: #fff8ee;}

/*	---------------------------------------------------------------------------------------
	Vnitřní strana
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.inside {
						font-size: 108%;}

				.inside h2 {
						color: #000;}

				.inside ul li a {
						font-weight: bold;}

				.blocktip {
						background-color: #ffe9c8;}

				.blocktip a {
						font-weight: bold;}

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

/*	---------------------------------------------------------------------------------------
	Zdrojove kody
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.code
{
	background-color: #eeeeee;
	background: #eeeeee;
	margin-left: 0px;
	background-position: 0% 0%;
	padding: 5pt;
	padding-left: 5pt;
	margin-top: 1em;
	background-repeat: repeat;
	padding-top: 5pt;
	margin-top: 1em; 
	padding-left: 5pt; 
	background: #eeeeee; 
	margin-bottom: 1em; 
	padding-bottom: 5pt; 
	margin-left: 0px; 
	padding-top: 5pt;
	padding-bottom: 5pt;
	background-image: none;
	padding-right: 5pt;
	background-attachment: scroll;
	margin-bottom: 1em;
	font-weight: normal;
	font-family: courier;
}

/******/

.pagetable
{
	border-collapse:collapse;
	border: solid 1px silver;
	background: #F8F8F8;
}

.pagetable table
{
	border-collapse:collapse;
}

.pagetable td
{
	background: #F8F8F8;
	border: 1px solid silver;
	padding: 0.5em;
}

.pagetableAlternateRow td 
{
	background-color: #FFFFFF;
}

.pagetable td p
{
	margin:0px;
}

.pagetable th
{
	background-color: #e5e5e5;
	font-weight:bold;
	color: #606060;
	border: 1px solid silver;
	padding: 0.5em;
	text-align:left;
}

/******/

.summaryTable
{
	width:100%;
	border-spacing: 1.5em;
	border-collapse:separate;
}

.summaryTable td
{
	background: whitesmoke;
	border: 1px solid silver;
	padding: 0.5em;	
	vertical-align:top;
}

.summaryTable td p
{
	margin:0px;
}

.summaryTable h2,
.summaryTable h3,
.summaryTable h4,
.summaryTable h5
{
	text-align:center;
}

.summaryTable h2
{
	color: #444;
	margin-top:0;
	font-size:150%;
	font-weight: bold;
	font-weight: normal;
	text-align:center;
	padding-bottom: 0.4em;
	border-bottom: 1px solid silver;
}

.summaryTable h2 a:hover
{
	text-decoration:underline;
}

.summaryTable ul, .summaryTable ul li
{
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


.summaryTable ul li
{
	margin-left: 0;
	padding-left: 20px;
	/*background-position: 0px center;*/
}


/******/

.inactiveRow
{
	color:#bbb;
	font-style:italic;
}

.inactiveRow A
{
	color:#bbb;
	font-style:italic;
}


/******/

.dialog 
{
	border-collapse: collapse;
	border: 1px solid silver;
	/* toto vycentruje tabulku ve FF
	margin: auto;
	*/
}

.dialog th
{
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: white;
	padding: 4px 10px 4px 10px;
	border: 1px solid gray;
	background-color: gray;
	background-image: url('../images/dialogHeader.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

.dialog td
{
	padding: 4px 10px 4px 10px;
	background: whitesmoke;
}

/******/

.loginDialog
{
	border-collapse: collapse;
	border: 1px solid silver;

	background-color:#F5F5F5;
	padding:2em;
	border: 1px solid silver;
	text-align:left;
}

.loginDialog td
{
	padding: 2em;
}

.loginDialog input
{
	font-size:120%;
	margin-bottom:1em;
	margin-top:0.2em;
}

.bigButton
{
	padding:0.2em 0.5em 0.2em 0.5em ;
}


.loginDialog label
{
	font-size:medium;
	color:#555;
}

.loginDialog input:focus 
{
	border:2px solid gold;
}

#login-divider
{
	border-left: 1px solid silver;
	height:150px;
}


/******/

table.product-list-table 
{
	width: 750px;
	margin-left: auto;
	margin-right: 0;
}

table.product-list-table td
{
	vertical-align: top;
	padding-bottom: 1em;
}

/******/

table.product-download-list td 
{
	vertical-align: top;
	padding-bottom: 1em;
}

/******/

p.rssItemDescription 
{
	padding-left: 0;
}

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

.screenshot 
{
	margin:4px;
	float:right;
	border:0px;
}						

/******/

table.current-version-table 
{
	width: 100%;
	border: 0;
	margin: 0;
}

table.current-version-table td 
{
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0;
}

table.current-version-table td hr 
{
	display: block;
	border: 0;
	background-color: #e3e3e3;
	color: #e3e3e3;
	height: 1px;
}

table.current-version-table td.cvt-product-name 
{
	text-align: left;
}

table.current-version-table td.cvt-version 
{
	text-align: right;
}


/* = = = = = =  infoBox and alertBox */

.infoBox
{
	border: dashed 1px orange;
	background-color: #fffccc;
	color: Black;
	padding:1em;
	width:95%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.alertBox
{
	border: dotted 4px red;
	background-color: #fffccc;
	color: Black;
	padding: 1em;
	width: 95%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.alertBox h1, 
.alertBox h2,
.alertBox h3,
.alertBox h4,
.alertBox h5
{
	color: Red;
}

table.log 
{
	background-color: White;
}

.tableColumnToTop 
{
	vertical-align: top;
}

/* === tooltips ===  */

#tooltip {
    padding: 5px 10px;
    background: #f7f5d1;
    border: 1px solid #b2bdc3;
    opacity: 0.90;
    text-align:left;
}

.tooltip
{
			padding-right: 22px;
			background: url('/images/block_info_white.gif') 0px 2px no-repeat;
			background-position: right;
}

/* === sample download box ===  */
.sample-download-box
{
	float:right;
	border:1px solid silver;
	padding:1em;
	background-color:#F5F5F5;
	text-align:left;
}

.sample-download-box a
{
	background-image: url(/images/iconSave.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left:22px;
}

/* == product float box == */

.productFloatBox
{
	width:130px;
	float:right;
}