/* 
Web Site styles
*/
@import url("reset.css");
@import url("hacks.css");

	body  {
  	font-family: arial;
  	font-size: 10px;
  	text-align: left;
	}
	
	/* Position
	******************************************/
	div.obal  {
	font-size: 1.2em;
	min-width: 770px;
	max-width: 1170px;	
	text-align: left;
	position: relative;
	}
	* html div.obal  {
	width: 770px;
	}

	div.obal-content  {
	min-height: 450px;
	margin: 10px;
	}		
	* html div.obal-content  {
	height: 450px;
	}
	
	/* Header
	******************************************/
	div.header  {
	background: url("bg-metal-blue.gif") repeat-x;		
	height: 100px;
	}
	div.logo  {
	vertical-align: top;
	text-align: right;
	float:left;
	width: 195px;
	}
	div.logo img  {
	margin-top: 1px;
	}
	* html div.logo img  {
	margin-top: 0;
	}
	div.right-header1  {
	min-width: 560px;
	height: 41px;
	}
	* html div.right-header1  {
	width: 560px;
	}
	div.right-header2  {
	min-width: 560px;
	height: 33px;
	}
	* html div.right-header2  {
	width: 560px;
	}
	div.right-header3  {
	min-width: 560px;
	height: 25px;
	}
	* html div.right-header3  {
	width: 560px;
	}
	div.slogan {
	padding: 5px 0 0 10px;
	text-align: left;
	float: left;
	color: #ffffff;
	font-size: 1.2em;
	font-style:italic;
	}
	div.header-contact  {
	padding: 2px 10px 0 0;
	float: right;
	color: #ffffff;
	font-size: 0.8em;
	}
	div.language  {
	float: right;
	margin: 2px 10px 0 0;
	color: #ffffff;	
	}
	.language-selection  {
	width: 7em;
	height: 19px;
	border: 1px solid #b3b3b3;
	}

	/* Search
	******************************************/
	div.search  {
	padding: 5px 10px 0 0;
	text-align: right;
	float: right;
	}
	div.search input {
	width: 10em;
	height: 19px;
	vertical-align: middle;	
	}
	div.searchResult input {
	width: 30em;
	height: 19px;
	vertical-align: middle;	
	}
	div.search button.search-button, div.searchResult button.search-button  {
	background: url("search-button.gif") no-repeat;	
	border: 0;	
	color: #ffffff;
	font-weight: bold;
	font-size: 0.9em;
	vertical-align: middle;
	text-align: center;
	width: 100px;	
	height: 21px;
	}

	/* Main top menu
	******************************************/
	div.menu  {
	text-align: left;
	color: #ffffff;	
	padding: 2px 0 0 10px;
	float: left;
	}
	div.menu a  {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	}
	
	/* Product navigator
	******************************************/
	
	div#nav  {
	text-align: left;
	padding: 2px 0 0 10px;
	float: left;
	}
	div#nav a {
	font-weight: bold;
	color: #38458f;
	text-decoration: none;
	}
	div#nav a:hover {
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
	}
	div#nav div  {
	padding: 2px;
	}
	div#nav div.selected a  {
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
	}
	
	a.menu-label-1  {
	margin-left: 0px;
	}
	a.menu-label-2  {
	margin-left: 20px;
	}
	a.menu-label-3  {
	margin-left: 40px;
	}
	a.menu-label-4  {
	margin-left: 60px;
	}
	a.menu-label-5  {
	margin-left: 80px;
	}
	a.menu-label-6  {
	margin-left: 100px;
	}
	a.menu-label-7  {
	margin-left: 120px;
	}
	
	

	/* Footer
	******************************************/
	div.footer  {
	background: url("bg-metal-blue-footer.gif") repeat-x;
	height: 28px;
	width: 100%;
	text-align: center;
	color: #ffffff;
	padding-top: 5px;
	float: left;
	}
	div.footer a  {
	color: #ffffff;
	}
	div.copyright  {
	text-align: right;
	}
	
	/* Content
	******************************************/	
	div.content  {
	min-height: 500px;
	border-left: 1px solid #5764ae;	
	border-right: 1px solid #5764ae;
	padding: 10px;
	background-image:url(bg-content.gif);
	background-repeat:repeat-x;
	background-position:bottom left
	}
	* html div.content  {
	height: 500px;
	}
	div.left-column  {
	width: 300px;
	float:left;
	padding: 10px;
	}
	div.right-column  {
	margin-left: 320px;
	padding: 10px;
	}
	div.breadcrumbs  {
	color: #38458f;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	}
	div.breadcrumbs a  {
	color: #38458f;
	}
	
	/* Title
	******************************************/
	div.content .title  {
	font-size: 2em;
	color: #ff8000;
	line-height: 120%;
	}
	div.content .subtitle  {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 120%;
	color: #000000;
	}
	div.content .black-bold-title  {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	}	
	
	/* Category form
	******************************************/	
	div.category-content  {
	display: block;
	min-height: 160px;
	}
	div.category-image  {
	float: right;
  	text-align: right;
  	}
	div.category-image ing {
	max-width: 200px;
  	max-height: 150px;
	}
	div.category-text  {
	}
	
	
	/* Category pictures
	******************************************/	
	div.prod-cat-box  {
	background: url("gray-box.gif") repeat-x;
	width: 350px;
	height: 200px;
	margin-top: 5px;
	margin-bottom: 15px;
	border: 1px solid #cccccc;
	clear:none;
	float: left;
	margin: 10px;
	}
	div.prod-cat-title  {
	color: #5764ae;
	font-size: 1.2em;
	line-height: 120%;
	width: 340px;
	border-bottom: 1px solid #5764ae;
	line-height: 120%;
	padding: 5px; 
	}
	div.prod-cat-box a {
	font-weight: bold;	
	color: #38458f;
	}
	div.prod-cat-box a:hover {
	color: #7993cd;
	text-decoration: none;
	}
	div.prod-cat-img  {
	text-align: center;
	padding: 10px;
	max-width: 300px;
	}
	div.prod-cat-img img  {
	text-align: center;
	padding: 10px;
	max-width: 300px;
	max-height: 150px;
	}

	/* Products pictures
	/* Subcategory pictures
	******************************************/
	div.category-products-list, div.category-subcategories-list {
	margin-top: 20px;
	border-top: 1px solid #5764ae;
	padding: 5px;
	display: inline-block;	
	}
	div.product-box, div.prod-subcat-box {
	text-align: center;
	width: 230px;
	height: 170px;
	margin: 5px 5px 15px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	clear:none;
	float: left;
	font-size: 1.2em;
	}
	div.product-box {
	background: url("blue-box.gif") repeat-x;
	}
	div.prod-subcat-box  {
	background: url("gray-box.gif") repeat-x;
	}
	
	div.product-box img, div.prod-subcat-box img {
	margin-top: 10px;
	margin-bottom: 5px;
	max-width: 200px;
	max-height: 130px;
	}
	div.product-image  {
	width:200px;
	text-align:center;
	background-position:top center;
	float:right;
	}
	
	div.product-box a, div.prod-subcat-box a {
	font-weight: bold;	
	color: #38458f;
	}
	div.product-box a:hover, div.prod-subcat-box a:hover {
	color: #7993cd;	
	text-decoration: none;
	}

	/* Product form
	******************************************/	
	div.tabs-table  {
	margin-right:215px;
	}
	div.tabs-row  {
	background: url("gray-box.gif") repeat-x bottom;
	border: 1px solid #cccccc;
	min-height: 300px;
	}
	
	/* Documentation View Control on Documentation.xsp
	***************************************************/
	.odd { 
	background-color: rgb(248, 248, 248);
	}
	.odd:hover {
	background-color: rgb(288, 250, 221);
	}
	.even {
	}
	.even:hover {
	background-color: rgb(288, 250, 221);
	}
	
	/* Documentation Text Area on Documentation.xsp
	***************************************************/
	#divthumbnail {
	float:left;
	background:#9c9;
	}
	
	#divbrochuredescription {
	float:right;
	background:#c9c;
	}
	
	/* DocumentationListControl
	*****************************************************/
	/*div.category-products-list, div.category-subcategories-list {
	margin-top: 20px;
	border-top: 1px solid #5764ae;
	padding: 5px;
	display: inline-block;	
	}
	div.product-box, div.prod-subcat-box {
	text-align: center;
	width: 230px;
	height: 170px;
	margin: 5px 5px 15px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	clear:none;
	float: left;
	font-size: 1.2em;
	}*/
	div.documentation-card {
	background: url("blue-box.gif") repeat-x;
	text-align: left;
	width: 230px;
	height: 170px;
	margin: 5px 5px 15px 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	clear:none;
	float: left;
	
	}
	div.documentation-card .doctitle {
	overflow:hidden;
	display:block;
	text-overflow:ellipsis;
	font-weight: bold;	
	color: #38458f;
	height: 2.4em;
	font-size: 1.2em;
	}
	/*.doctitle a {
	font-weight: bold;	
	color: #38458f;
	}*/
	
	/*.doctitle a:link {
		font-weight: bold;	
		text-decoration: none;
	color: #cccccc;
	}*/
	div.documentation-card label {
	color: #000000;
	/*color: #ff8000;*/
	}
	
	div.documentation-card span.content-preview {
	color: #000000;
	font-style:italic;
	}
	a:hover div.documentation-card .doctitle  {
		font-weight: bold;	
		text-decoration: none;
	/*color: #7993cd;*/
	/*color: #38458f;*/	
	color: #ff8000;
	}
	a:hover 	div.documentation-card span.content-preview {
	color: #7993cd;
	font-style:italic;
	}
	
	div.filterdiv {
	background: url("blue-box.gif") repeat-x bottom;
	text-align: left;
	/*width: 230px;
	height: 170px;*/
	margin: 5px 5px 15px 5px;
	/*padding: 5px;*/
	border: 1px solid #cccccc;
	clear:none;
	/*float: left;*/
	
	}
	
	div.filterdiv div.filteritem {
	text-align: left;
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	/*border: 1px solid #cccccc;*/
	/*clear:none;*/
	float: left;
	}
	/*
	div.prod-subcat-box  {
	background: url("gray-box.gif") repeat-x;
	}
	
	div.product-box img, div.prod-subcat-box img {
	margin-top: 10px;
	margin-bottom: 5px;
	max-width: 200px;
	max-height: 130px;
	}
	div.product-image  {
	width:200px;
	text-align:center;
	background-position:top center;
	float:right;
	}
	
	div.product-box a, div.prod-subcat-box a {
	font-weight: bold;	
	color: #38458f;
	}
	div.product-box a:hover, div.prod-subcat-box a:hover {
	color: #7993cd;	
	text-decoration: none;
	}*/
	
	
	
	/* tabDokumentace repeater and table controls styling
	*****************************************************/
	.documentationsection a {
	font-weight: bold;
	color: #38458f;
	text-decoration: none;
	}
	
	.documentationsection a.xspLinkViewColumn {
	font-weight: normal;
	color: #105cb6;
	text-decoration: none;
	}
	
	.documentationsection a.xspLinkViewColumn:hover {
	text-decoration: underline;
	}
	
	.brochurelink a {
	/*font-weight: normal;*/
	/*color: #38458f;
	text-decoration: none;*/
		}
	.documentationsectiondownload a {
	background-image:url(MPHADownloadIcon3r15x13blue.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top left;
	padding-left:14px; 
	font-weight: bold;
	text-decoration: none;
	}
	.documentationsectiondownload a:link {
	background-image:url(MPHADownloadIcon3r15x13blue.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top left;
	padding-left:14px; 
	font-weight: bold;
	text-decoration: none;
	}
	.documentationsectiondownload a:hover {
	background-image:url(MPHADownloadIcon5r15x13orange.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top left;
	padding-left:14px; 
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
	}

	
	/*div#nav  {
	text-align: left;
	padding: 2px 0 0 10px;
	float: left;
	}
	div#nav a {
	font-weight: bold;
	color: #38458f;
	text-decoration: none;
	}
	div#nav a:hover {
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
	}
	div#nav div  {
	padding: 2px;
	}
	div#nav div.selected a  {
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
	}*/
	
	
	
	/* Unordered list style for default domino bullets ie. class=domino-par-list
	**************************************************************************/
	ul.domino-par-list {
	margin-top:0;
	margin-bottom:0;
	list-style-type:disc;
	/*list-style-image: url("/oneuiv2/images/statusActive.png");*/
	list-style-position:outside;
	}
	ul.domino-par-list li {
	margin:0 0 6px 20px;
	}
	
	ul.domino-par-list ul.domino-par-list {
	margin-top:0;
	margin-bottom:0;
	margin-left:20px;
	list-style-type:circle;
	/*list-style-image: url("/oneuiv2/images/statusActive.png");*/
	list-style-position:outside;
	}
	
		/* Domino default rich text table
	*********************************/
	
	table.domino-table {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	}
	
	table.domino-table td {
	border-width: 1px 1px 1px 1px;
    border-style: solid;
	}