/*	---------------------------------------------------------------------------------------
	Rebex.net: .NET components for C# and VB.NET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Soubor:		page.css
	Popis:		Common styles shared between general-usage pages and product pages
	---------------------------------------------------------------------------------------	*/

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

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

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

/*	---------------------------------------------------------------------------------------
	product header - used on homepage and main product page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.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 {
				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;
			width:300px;
		}

		.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;
			width:250px;
		}
				
		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;
			width:250px;
		}
				
		a.product-buy 
		{
			padding-right: 22px;
			background: url('../images/block_buy_white.gif') 0px 2px no-repeat;
			background-position: right;
		}
		



/*	---------------------------------------------------------------------------------------
	smaller boxes on homepage
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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

				.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 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;									
				}								
				
				.ticker
				{
					border: dashed 1px orange;
					background-color: #fffccc;
					color: Black;
					padding:1em;
					width:95%;
					margin-top: 1em;
					margin-bottom: 1em;					
				}
				


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

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



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

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

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



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


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


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

/******/
/* rss */

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:93%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 5px;
	margin-left: 5px;
}

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


.buttonLinkLong
{
	background: url('/images/buttonLink/ButtonNormalLong.png') no-repeat;
	height:27px;
	display:block;
	text-align:center;
	text-decoration:none;
}

.buttonLinkLong:hover
{
	background: url('/images/buttonLink/ButtonHoverLong.png') no-repeat;
}

.buttonLinkRight 
{
	display:block;
	background: url('/images/buttonLink/buttonNormalRight.png') no-repeat right;
	height:27px;
	color:Black;
	font-size: 14px;
	line-height:26px;
}

.buttonLinkLong:hover .buttonLinkRight 
{
	background: url('/images/buttonLink/ButtonHoverRight.png') no-repeat right;
}


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

/* pricing */

.priceBoxTable
{
    margin-top:5px;
    margin-bottom:5px;
}

.priceBoxTable td
{
    border:none;
}

td.priceBox 
{
    padding:0px;
    margin:0px;
    border:2px solid #DDDCCC;
    color:#FF7C24;
    background-color:#ffffff;
    text-align:center;    
}

td.priceBox a { color: #FF7C24; text-decoration:none;}
td.priceBox a:hover {color: #FF7C24; background-color:#FFFCCC;}

td.priceBoxDescription
{
    padding-left:1em;
    text-indent:left; 
    font-size:larger;
    font-weight:bold;
    line-height: 150%;
}