/* Default CSS Stylesheet for a new Web Application project 
   mark "!L" in style comment means that this style is important for page layout and is recommended to not change
			 this value unless you want to change page-layout (position of the DIVs)
*/

body
{
	/* font styles */
	font-size:  70%;
	MARGIN: 0px; COLOR: black; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: white;

	/* allows to set MainPage in the center of the IE browser. Does not work in FireFox.*/
	text-align: left;	
}
.sampleInfoPanel_envelope
{
	display: block;
	width: 100%;	
	background-color: gray;	
	border-top: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	margin-bottom: 5px;	
}
.sampleInfoPanel
{	
	display: block;			
	color: white;
	height: 15px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;		
	margin: 1px 2px 1px 2px;
}

.sampleInfoPanel A
{
	color: White;
}

/* this class contains all content on page including header and (possible) footer */
.MainPage
{
	height: 100%;	   /* !L */
	width: 900px;	   /* if you change this value, you also should change width in .ContentArticle */
	
	margin: 0px 0px 0px 0px;	

	background: white;   /* should be the same as .MainPageOverlay background */
	
	text-align: left;
	font-family: Arial;
	font-size: 12px;		
		
	position: absolute;	 /* !L */
	left: 0px; 	
}
.MainPageOverlay
{
	padding: 4px 4px 4px 4px; /* !L */
	position: absolute;	      /* !L */
	background: white;	      /* should be the same as .MainPage background */
	height: auto;	          /* !L */
	width: 792px;			  /* !L */
}
/* combination of above 3 classes makes mainpage always fit to page height, but also allows overlay when needed.
It's made like this mainly due to FireFox.*/


/* ############### HEADER ############### */
.logoBar 
{
	float:left;			/* !L */
	margin-bottom: 4px;	/* !L - makes a place between logoBar and mainMenuBar */
	width: 400px;		/* !L */	
}
.logoBar img 
{
	/* fits the logo to the top and left of parent DIV */
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
.searchBar 
{	
	float: right;		/* !L */
	margin-bottom: 4px; /* !L - makes a place between searchBar and mainMenuBar */
	text-align: right;
	width: 385px;		/* !L - should not be greater than 392px (because MainPageOverlay.width - logoBar.width >= searchBar.width)*/	
}

.searchBox
{
	vertical-align: middle;
}

.mainMenuBar 
{
	clear: both;	/* !L - clears float. If set to "none", mainMenuBar is between logoBar and searchBar */
	width: 100%;	/* !L */
	height: 21px;
	margin-bottom: 5px; /* !L - makes a place between mainMenuBar and Content */
	/*float: left; */
	position: relative;	
	z-index: 1500;		
		
}

/* Dropdown menu (main menu) */
/* if you don't want to change layout, do not change padding-* */

.CMSMenu { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #E2E2E2;}
.CMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana }
.CMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana }
.CMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; CURSOR: hand; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #808080 }
.CMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana }
.CMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #808080; color: White; }
.CMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #808080; color: White; }
.CMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #808080; color: White; }
.CMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #808080; color: White; }


/* ############### CONTENT ############### */

/* envelopes content of the page, that mean ContentArticle and ContentNews*/
/* Because of incompatibilies between IE and FireFox, it's better not to use padding when you want to set DIV position.
   Therefore, it is soluted with 2 DIVs, where the inner DIV has set margin style. The effect is same as usign padding
   in outer DIV. Outer DIV is ContentNews and inner DIV ContentNewsPadding, or ContentArticle and ContentArticlePadding.*/

/* You can switch the position of panels (DIV) by switching float from left to right or right to left in 
   ContentArticle and ContentNews. */
.ContentArticle 
{
	float:left;
	width: 585px;
}
.ContentArticlePadding
{
	margin: 0px 0px 0px 0px;
}
/* Latest news box */
.ContentNews 
{
	float: right;
	width: 200px;
	background: #EFEFEF;
	border: 1px solid #C6C6C6;	
}
.ContentNewsPadding 
{
	margin: 3px 3px 3px 3px;
}
.LatestNews
{	
	text-align: left;
	width: 100%;
}
/* end Latest news */

/* panel, that contains link to administrator's mode (cmsdesk)*/
.AdminBar
{
	clear: both;	/* !L  clears the floating */
	height: 1.3em;	
		
	/*	border: 1px solid red;*/
}

/* ############### PRODUCTS ############### */

/* if you would like to move category panel to the right, set flow to right in class CategoryMenu
   and sets the width of ProductList panel and ProductViewer panel. */
.CategoryMenu
{
	float: left;
}
.CategoryMenuRight
{
	float: right;	
}
.PartnersMain
{
	float: left;
	width: 638px;	
}
.PartnersMenu
{
	float: right;
	width: 150px;
}
.ProductList 
{
	margin-left: 152px;
}
.RightColumn
{
	margin-left: 152px;
}	
.ProductViewer 
{
	margin-left: 155px;
	display: inline-block;
}

/* Products Listing */

.ProductListing
{
	border: 1px solid #E0E0E0; 
}
.ProductListingPadding
{
	margin: 4px 4px 4px 4px;
}

/* Left tree menu (see also TD) */

/**** ############# CMSTreeMenuTable ############# ****/
.CMSTreeMenuTable {
	border: #b9d5ff 1px solid; /* blue box */
	background-color: #f1f7ff;
	width: 100%;
}
.CMSTreeMenuItem 
{
	padding: 2px 0px 2px 0px;
}
.CMSTreeMenuSelectedItem {
	BACKGROUND: #ff6d0d;
	padding: 2px 0px 2px 0px;
}
.CMSTreeMenuLink {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: rgb(19,0,99); TEXT-DECORATION: none;
	/*margin: 2px 5px 2px 5px;*/
	margin-left: 5px;
	display: inline;	
	
	padding-left: 12px;
	background-image: url(images/menuitem.gif);
	background-position: 0% 70%;
	background-repeat: no-repeat;
}
.CMSTreeMenuSelectedLink {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; TEXT-DECORATION: none;
	/*margin: 2px 5px 2px 5px;*/
	margin-left: 5px;
	display: inline;
	
	padding-left: 12px;
	background-image: url(images/menuitem_selected.gif);
	background-position: 0% 70%;
	background-repeat: no-repeat;	
}


/* ############### OTHER TAGS ############### */
/* Left tree menu has items in element TD, so changing following style in TD change also those menu.*/
td
{
	font-family: Arial;
	font-size: 12px;
}
h1
{
	font-size:16px;
	margin: 5px 0px;
}

h2
{
	font-size:13px;
	margin: 8px 0px;
}

h3
{
	font-size:11px;
	margin: 10px 0px;
}

p 
{
	margin-top: 0px; /* !L - fit the paragraph to the top of parent box */
	margin-bottom: 1em; /* !L - makes a one line space under each paragraph */
}

img 
{
	margin-right: 5px;
}
/* SEARCH page - set the same width for dropDownList (in IE by default, but not in FireFox)*/
select.CMSSearchDialogSearchScopeDropDownList,
select.CMSSearchDialogSearchModeDropDownList
{
	width: 100%;
}

/* ############# EDIT MODE BUTTONS ################ */

.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold; 
	position:absolute;   
}

.CMSPageManager
{
	border: 1px solid darkgray;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}
.CMSPageManagerLabel
{
	text-align: right;
}
.CMSPageManagerTDlabel
{
	padding-left: 10px;
}
.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	text-decoration: none;
	font-weight: normal;
}

/* ############# CMSListMenu (main menu) styles ################ */
/* !L - has an effect to layout ... do not change or delete unless you want to change the menu behavior */

.Horizontal 
{	
	float: left;	/* !L */
	width: 100%;
	/*position: absolute;	*/
	font-family: Arial;		
	font-weight: bold;
	color: white;
	text-align: center;	
	font-size: 14px; 
}
.Horizontal ul 
{
/*	width: 100%;*/
	
	list-style: none;
	margin: 0;
	padding: 0;	
	
}
.Horizontal li 
{
/*	display: inline;	/* !L */
	float: left;		/* !L */	
	padding: 0px;
	width: 80px;	
}
.Horizontal a
{
	display: block;		/* !L */
	margin: 0;
	/*padding: 5px 2px 0px 2px;*/
	width: 80px;
	text-decoration: none;
	color: white;
	background-image: url(images/tabImage.gif);
	background-repeat: no-repeat; 
}
.Horizontal a:hover {
	
	cursor: hand;		
}


/* Highlight the actual page item */
li.highlighted a,					/* if RenderCssClasses = "false" */
li.highlightedfirst a,				/* and if FirstItemCssClass="first" */
li.highlightedlast a				/* and if LastItemCssClass="last" */
{
	font-weight: bold;
}


.highlighted
{
	
	background-image: url(images/selectedTabImage.gif); 
	cursor: default; 
	width: auto;	 
	/*padding: 5px 2px 0px 2px;*/

}

/* normal style for sublinks */
li.highlighted li a,
li.highlightedfirst li a,
li.highlightedlast li a	
{
	font-weight: normal;
}


/* Newsletter Subscription */
.CMSNewsletterSubscriptionTextBox
{
	width: 130px;
}

.ERegTextBox textarea
{
	overflow: hidden;
}

.ImageGalleryPager
{
	border: solid 1 black;
	padding: 2;
	margin: 5 0 5 0;
	text-align: center;
}
.ImageGalleryPager div
{
	display: inline;
}
.ImageGalleryPagerPrevious
{
	width: 20%;
	text-align: left;
}
.ImageGalleryPagerNext
{
	width: 20%;
	text-align: right;
}

.CommerceCartHeader
{
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
}

.FormErrorLabel
{
  color: Red;
}

.ImageGalleryPager
{
	background-color: #E2E2E2;
	padding: 2px 2px 2px 2px;
	display: inline-block;
}

.ImageGalleryPagerPrevious
{
	float: left;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPagerNext
{
	float: right;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPreviewImage
{
	border-width: 0px;
}

.ImageGalleryDetailImage
{
	border-width: 0px;
}

.ImageGalleryParent
{
	padding: 2px 2px 2px 2px;
}

.ImageGalleryItem
{
	padding: 2px 2px 2px 2px;
}

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


.MyMainPage {
	WIDTH: 900px; TEXT-ALIGN: left
}
.top {
	WIDTH: 100%
}
.logo {
	FLOAT: left; position:relative; top: 10px;
}
.contacts {
	MARGIN-TOP: 10px; FLOAT: left
}
.chatCall {
	FLOAT: left
}
.chatCall TABLE {
	BORDER-COLLAPSE: collapse
}
.ContactsLeftCol {
	PADDING-RIGHT: 2px; FONT-SIZE: 10px; TEXT-ALIGN: right
}
.ContactsRightCol {
	TEXT-ALIGN: left
}
DIV.telSupport {
	FLOAT: left; MARGIN-LEFT: 20px
}
DIV.blogForum {
	FLOAT: left; MARGIN-LEFT: 20px
}
DIV.SearchSiteMap {
	FLOAT: left; MARGIN-LEFT: 20px
}
DIV.chatButton {
	FLOAT: left; MARGIN-LEFT: 20px
}
DIV.chatPicture {
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
}
DIV.telSupport P {
	LINE-HEIGHT: 16px; TEXT-ALIGN: right
}
DIV.blogForum P {
	PADDING-RIGHT: 2px; LINE-HEIGHT: 16px; TEXT-ALIGN: right
}
DIV.SearchSiteMap P {
	LINE-HEIGHT: 16px; TEXT-ALIGN: right
}
.TabControlBar {
	CLEAR: both; WIDTH: 100%
}

.Content 
{
	margin-top:0px;
	CLEAR: right; FLOAT: left; VERTICAL-ALIGN: top; display:inline;
}

.ContentPadding {
	FLOAT: left; MARGIN-TOP: 5px; MARGIN-BOTTOM:5px;
}
#ContentHome {
	
}
.ContentLeft {
	FLOAT: left; WIDTH: 700px
}
.ContentLeftPadding {
	/*CLEAR: left*/
}
.KenticoOfferLeftCol {
	MARGIN-TOP: 5px; FLOAT: left; WIDTH: 49%; MARGIN-RIGHT: 5px
}
.KenticoOfferRightCol {
	MARGIN-TOP: 5px; FLOAT: right; MARGIN-LEFT: 5px; WIDTH: 49%
}
#ContentHome DIV.ContentLeft H2 {
	PADDING-TOP: 7px
}
.ContentTreeMenuCol {
	MARGIN-TOP: 0px; FLOAT: left; WIDTH: 192px; MARGIN-RIGHT: 5px; height:550px
}
.ContentEditRegCol {
	MARGIN-LEFT: 200px; VERTICAL-ALIGN: top; WIDTH: 687px;
}
.ContentRightColArticle {
	MARGIN: 5px 5px 2px
}
.ContentMinHeight {
	FLOAT: left; BORDER-LEFT: white 1px solid; HEIGHT: 550px
}
.ContentRightCol {
	FLOAT: right; WIDTH: 180px
}
.NewsletterBox {
	BORDER-RIGHT: #b9d5ff 1px solid; BORDER-TOP: #b9d5ff 1px solid; MARGIN-TOP: 2px; BORDER-LEFT: #b9d5ff 1px solid; BORDER-BOTTOM: #b9d5ff 1px solid; BACKGROUND-COLOR: #f1f7ff
}
.NewsletterBoxPadding {
	MARGIN: 0px 3px 0px 5px
}
#productsTreeMenuCol {
	MARGIN-TOP: -7px
}
#productsTreeMenuCol H2 {
	COLOR: #ff6d0d; PADDING-TOP: 5px
}
#showCaseSitesTreeMenuCol H2 {
	COLOR: #ff6d0d; PADDING-TOP: 5px
}
#ContentContact {
	WIDTH: 100%
}
#contactEditRegCol {
	WIDTH: 686px
}
.CMSNewsletterSubscriptionText {
	WHITE-SPACE: nowrap
}
.CMSNewsletterSubscriptionTextBox {
	WIDTH: 140px
}
#ContentNews {
	WIDTH: 100%
}
#newsEditRegCol {
	WIDTH: 686px
}
#ContentSupport {
	WIDTH: 100%
}
#supportEditRegCol {
	WIDTH: 686px
}
#ContentPartners {
	WIDTH: 100%
}
#partnersEditRegCol {
	WIDTH: 686px
}
#ContentSearch {
	WIDTH: 100%
}
#searchEditRegCol {
	WIDTH: 686px
}
#ContentSiteMap {
	WIDTH: 100%
}
#sitemapEditRegCol {
	WIDTH: 686px
}
.CMSEditModeButtons {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: white; BORDER-LEFT: black 1px solid; CURSOR: hand; BORDER-BOTTOM: black 1px solid; POSITION: absolute
}
.CMSPageManager {
	BORDER-RIGHT: darkgray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: darkgray 1px solid; DISPLAY: block; PADDING-LEFT: 3px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: darkgray 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: darkgray 1px solid; BACKGROUND-COLOR: #eeeeee
}
.CMSPageManager A {
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: underline
}
.CMSEditableRegion {
	BORDER-RIGHT: darkgray 1px solid; BORDER-TOP: darkgray 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: darkgray 1px solid; BORDER-BOTTOM: darkgray 1px solid; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
#ContentPartnerDirectory {
	WIDTH: 100%
}
#ContentShowCaseSites {
	WIDTH: 100%
}
#partnerDirectory {
	WIDTH: auto
}
#showCaseSite {
	WIDTH: auto
}
.filter {
	BORDER-RIGHT: #b9d5ff 1px solid; BORDER-TOP: #b9d5ff 1px solid; BORDER-LEFT: #b9d5ff 1px solid; WIDTH: auto; BORDER-BOTTOM: #b9d5ff 1px solid; BACKGROUND-COLOR: #f1f7ff
}
.filterPadding {
	MARGIN: 2px 5px
}
#partnerDirFilter DIV.filterPadding {
	MARGIN-LEFT: 120px
}
.filter SELECT {
	MARGIN-LEFT: 5px; VERTICAL-ALIGN: middle; MARGIN-RIGHT: 10px
}
.filter H2 {
	DISPLAY: inline; VERTICAL-ALIGN: middle
}
.QueryDataGridTable {
	BORDER-RIGHT: #b9d5ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b9d5ff 1px solid; MARGIN-TOP: 3px; PADDING-LEFT: 0px; FONT-SIZE: small; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: #b9d5ff 1px solid; WIDTH: 99%; PADDING-TOP: 0px; BORDER-BOTTOM: #b9d5ff 1px solid
}
.QueryDataGridTable_Header {
	BACKGROUND-COLOR: #b9d5ff
}
.QueryDataGridTable_Header A {
	COLOR: #100063; TEXT-DECORATION: none
}
#QueryDataGrid_ProductSites .QueryDataGridTable_Header {
	
}
.QueryDataGridTable_Pager {
	FONT-WEIGHT: bold; FONT-SIZE: 0.6em; COLOR: #100063; BACKGROUND-COLOR: white
}
.QueryDataGridTable_Item {
	COLOR: #100063
}
.QueryDataGridTable_Alt {
	COLOR: #100063; BACKGROUND-COLOR: #d9e5ff
}
.QueryDataGridTable_Item A {
	COLOR: #100063
}
.QueryDataGridTable_Alt A {
	COLOR: #100063
}
.QueryDataGridTable TD {
	BORDER-RIGHT: #b9d5ff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9d5ff 1px solid; PADDING-LEFT: 3px; BORDER-LEFT: #b9d5ff 1px solid; WIDTH: 25%; BORDER-BOTTOM: #b9d5ff 1px solid
}
.partnerDetailInfo TD {
	PADDING-LEFT: 10px
}
TD.PDIfirst {
	PADDING-LEFT: 0px; VERTICAL-ALIGN: top
}
.hidden {
	VISIBILITY: hidden
}
H1 {
	MARGIN-TOP: 5px; FONT-SIZE: 140%; MARGIN-BOTTOM: 5px; COLOR: rgb(16,0,99)
}
H2 {
	MARGIN-TOP: 5px; FONT-SIZE: 115%; MARGIN-BOTTOM: 5px; COLOR: rgb(16,0,99)
}
H3 {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 100%; MARGIN-BOTTOM: 5px; COLOR: rgb(16,0,99)
}
HR {
	BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; WIDTH: 100%; COLOR: #b9d5ff; LINE-HEIGHT: 4px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 1em; TEXT-ALIGN: justify
}
.FooterText {
	CLEAR: both; MARGIN-TOP: 0px; FONT-SIZE: 10px; TEXT-ALIGN: center
}
.SubscribeButton {
	FONT-SIZE: 10px; WIDTH: 70px
}
.SubscribeTextBox {
	MARGIN-TOP: 5px; FONT-SIZE: 10px; WIDTH: 100%; HEIGHT: 18px
}
.FormButton {
	FONT-SIZE: 10px
}
.ErrorText {
	COLOR: rgb(16,0,99)
}
.TabControlLink {
	COLOR: white; TEXT-DECORATION: none
}
.TabControlLinkSelected {
	COLOR: white; TEXT-DECORATION: none
}
.TabControlTable {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; left: 670px; FONT-FAMILY: Arial; POSITION: relative; HEIGHT: 20px
}
.TabControlRow {
	VERTICAL-ALIGN: bottom; HEIGHT: 20px
}
.TabControl {
	FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/tabImage.gif); CURSOR: hand; COLOR: white; BACKGROUND-REPEAT: repeat-x
}
.TabControlSelected {
	FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/selectedTabImage.gif); CURSOR: default; BACKGROUND-REPEAT: repeat-x
}
.TabControlLeft {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(images/leftTabImage.gif); WIDTH: 6px; CURSOR: default; BACKGROUND-REPEAT: no-repeat
}
.TabControlRight {
	BACKGROUND-IMAGE: url(images/rightTabImage.gif); WIDTH: 6px; CURSOR: default; BACKGROUND-REPEAT: no-repeat
}
.TabControlSelectedLeft {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(images/selectedLeftTabImage.gif); WIDTH: 6px; BACKGROUND-REPEAT: no-repeat
}
.TabControlSelectedRight {
	BACKGROUND-IMAGE: url(images/selectedRightTabImage.gif); WIDTH: 6px; BACKGROUND-REPEAT: no-repeat
}
.LinkNews {
	COLOR: #100063
}
.HeaderLink {
	COLOR: blue
}
.CMSSiteMapList {
	
}
.CMSSiteMapListItem {
	MARGIN-TOP: 5px; LIST-STYLE-IMAGE: url(../Home_files/listitem.gif)
}
.CMSSiteMapLink {
	FONT-WEIGHT: bold; COLOR: rgb(16,0,99); TEXT-DECORATION: none
}
.CMSSearchDialogSeachButton {
	BORDER-RIGHT: #7b808c 1px solid; BORDER-TOP: #7b808c 1px solid; FONT-WEIGHT: bold; BACKGROUND: #ff6d0d; BORDER-LEFT: #7b808c 1px solid; COLOR: white; BORDER-BOTTOM: #7b808c 1px solid
}
.HomePageScreenShot {
	BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: black 0px solid; PADDING-LEFT: 3px; BACKGROUND: #f2f7ff; PADDING-BOTTOM: 3px; BORDER-LEFT: black 0px solid; WIDTH: 250px; PADDING-TOP: 3px; BORDER-BOTTOM: black 0px solid; TEXT-ALIGN: left
}
.OnLineDemoBox {
	BORDER-RIGHT: #ff6b00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff6b00 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fbe8db; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6b00 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6b00 1px solid
}
.FeatureWebSite {
	BORDER-RIGHT: #bbd6ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbd6ff 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f2f7ff; PADDING-BOTTOM: 5px; MARGIN: 2px 0px; BORDER-LEFT: #bbd6ff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbd6ff 1px solid
}
.FeaturePartner {
	BORDER-RIGHT: #bbd6ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbd6ff 1px solid; PADDING-LEFT: 5px; BACKGROUND: #eff5ff; PADDING-BOTTOM: 5px; MARGIN: 2px 0px; BORDER-LEFT: #bbd6ff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbd6ff 1px solid
}
.LatestNewsBox {
	BORDER-RIGHT: #bbd6ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbd6ff 1px solid; PADDING-LEFT: 5px; BACKGROUND: #eaf2ff; PADDING-BOTTOM: 5px; MARGIN: 2px 0px; BORDER-LEFT: #bbd6ff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbd6ff 1px solid
}
.LatestNewsBox A {
	FONT-SIZE: 10px
}
.freeTrial {
	BORDER-RIGHT: #f7ceb3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f7ceb3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #f7ceb3 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #f7ceb3 1px solid; BACKGROUND-COLOR: #fbe8db
}
.freeTrial A IMG {
	TEXT-DECORATION: none
}
.BuyRightColumn {
	BORDER-RIGHT: #bbd6ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbd6ff 1px solid; PADDING-LEFT: 5px; BACKGROUND: #eaf2ff; PADDING-BOTTOM: 5px; MARGIN: 2px 0px; BORDER-LEFT: #bbd6ff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbd6ff 1px solid
}
.TableLine {
	BACKGROUND: url(en/files/graphics/linebackground.gif); WIDTH: 490px
}
.TableLineTD {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #100063
}
.SignOutButton {
	FONT-WEIGHT: bold; BACKGROUND: #100063; COLOR: white
}
.LogonFormSubmitButton {
	FONT-WEIGHT: bold; BACKGROUND: #100063; COLOR: white
}
.RegisterButton {
	FONT-WEIGHT: bold; BACKGROUND: #ff6b00; COLOR: white
}
.WebButton {
	FONT-WEIGHT: bold; BACKGROUND: #ff6b00; COLOR: white
}
.ErrorLabel {
	COLOR: red
}
.ExampleBox {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid
}

/* Content separation stripes*/
.HeaderSeparator
{
	text-align: right;

	display: block;
	/* pro panel se search boxem*/
	/*padding: 1px 5px 1px 5px;*/
	padding: 5px 5px 5px 5px;
	background-color: #FF6D0D;
	clear: both;
}

.FooterSeparator
{
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #FF6D0D;
	clear: both;
}

.Search
{
	font-size: 12px;
}

.SearchBox 
{
	font-size: 11px;
	font-family: arial, tahoma;
	color: #000000;
	height: 11px;
}

.SearchTitle
{
	color: #ffffff;
}

.SearchBox
{
}

.SearchButton
{
	border: solid 1px #ffffff; 
	background-color: #FF6D0D;
	height: 17px;
	color: #ffffff;
	font-size: 11px;
}

/* Screenshots template */
.ContentGallery
{
	height: 600px;
	MARGIN-LEFT: 205px; 
}

/* Search stuff */
.ContentSearch
{
	height: 600px;
}

/*
//------------------------------------
// strankovani
//------------------------------------
*/

a.tour
{
	text-decoration: none;
	font-family: verdana;
	font-size:9px;
	font-weight: bold;	
	color:black;
	background-color: white;
}  

a.tour:link, a.tour:visited
{
    border: 1px solid #e8e8e8;
	padding: 0 8px 0px 8px;
}

a.tour:hover
{
		background-color: #e8e8e8;
}

.selectedTour
{	
	text-decoration: none; 
	font-family: verdana;
	font-size:9px;
	font-weight: bold;	
	background-color: white;
    color: #09c;  
	border: 1px solid #e8e8e8;
	padding: 0 8px 0px 8px;  
}

.navDisabled
{	
	text-decoration: none; 
	font-family: verdana;
	font-size:9px;
	font-weight: bold;	
	color: #c8c8c8;  	
	padding: 0 8px 0px 8px;  
}

.navEnabled
{	
	text-decoration: none; 
	font-family: verdana;
	font-size:9px;
	font-weight: bold;	
	color: black;  	
	padding: 0 8px 0px 8px;  
}

.tourName {
	font-size: 13px;
	font-weight: bold;	
	padding: 4px 0 4px 2px;
	color: black;
	background-color: #e8e8e8;
	margin-bottom: 5px;	
}