/* 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-family: Verdana;
	font-size: 11px; /* element body margin */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; /* size of body */
	height: 99%;
	width: 100%; /* allows to set MainPage in the center of the IE browser. Does not work in FireFox.*/
	text-align: left;
	background-color: #fff;
}
.sampleInfoPanel_envelope
{
	display: block;
	width: 100%;
	background-color: darkgray;
	border-top: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	margin-bottom: 5px;
}
.sampleInfoPanel
{
	display: block;
	color: white;
	height: 15px;
	font-family: Verdana, 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: 800px; /* 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: Verdana;
	font-size: 11px;
	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 ############### */
.MainLogoBar
{
	/*float:left;			/* !L */ /*margin-bottom: 4px;	/* !L - makes a place between logoBar and mainMenuBar */ /*width: 400px;		/* !L */
	background-image: url( "Images/header_top.gif" );
	background-position: 251px top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	width: 1002px; /*border: solid 1px Blue; 	border-left-width: 0;*/
}
.MainHeader
{
}
.img
{
	/* fits the logo to the top and left of parent DIV */ /*padding: 0px 0px 0px 0px; 	margin: 0px 0px 0px 0px;	*/
}
.MainSearchBar
{
	float: left; /* !L */
	margin-bottom: 4px; /* !L - makes a place between searchBar and mainMenuBar */ /*margin-right: 15px;*/
	margin-left: 9px;
	text-align: left;
	width: 150px; /* !L - should not be greater than 392px (because MainPageOverlay.width - logoBar.width >= searchBar.width)*/
}

.searchBox
{
	vertical-align: middle;
}

.MainLeftMenu
{
	float: left;
	width: 251px;
	background-image: url(Images/menu_repeat.gif);
	background-repeat: repeat-y; /*border: 1px solid #f00;*/ /*background-color: Yellow;*/
	position: absolute;
	left: 0;
}

.MainRightColumn
{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 200px;
}
.MainBody
{
	clear: both;
	margin-left: 255px;
	background-color: #F9FAEC;
	padding: 5px;
	width: 737px;
}
.MainContent
{
	margin-left: 5px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 747px;
}


/* Footer */
.MainFooter
{
	text-align: center;
	font-size: 10px;
	color: Gray;
	padding-bottom: 5px; /*margin-left: 50px; 	margin-right: 50px;*/
	background-color: #fff;
	margin: -5px;
	margin-top: 0;
	padding-top: 10px; /* 	margin-top: 20px; 	padding: 3px; 	border-top: 1px dashed Gray; 	border-bottom: 1px dashed Gray; 	 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 	font-size: 10px; 	text-align: center; 	*/
}

#footerline
{
	border-top: 1px solid Silver;
	width: 80%;
	height: 1px;
	margin: 0 auto;
	padding-top: 5px;
}

/* 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: 100%;
	color: black;
	padding-top: 2px;
	font-family: verdana;
}
.CMSMenuItemMouseUp
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 100%;
	color: black;
	padding-top: 2px;
	font-family: verdana;
}
.CMSMenuItemMouseOver
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 100%;
	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: 100%;
	color: black;
	padding-top: 2px;
	font-family: verdana;
}
.CMSMenuHighlightedMenuItem
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 100%;
	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: 100%;
	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: 100%;
	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: 100%;
	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*/
.Content
{
	margin-top: 0px;
}
/* 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%;
}

.mainPageLeftColumn #_ctl0_PageBody_CMSEditableRegion2 .LatestNews
{
	width: 220px;
	margin-right: 5px;
	border: solid 1px #a1d3e6;
	border-left-width: 0;
	border-top-width: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: bottom;
}

.mainPageLeftColumn #_ctl0_PageBody_CMSEditableRegion2 span
{
	display: block;
	padding-top: 4px;
	padding-bottom: 9px;
	margin-bottom: 0px;
	padding-left: 5px;
}

.mainPageLeftColumn #_ctl0_PageBody_CMSEditableRegion2 .LatestNews hr
{
	border-style: solid;
	border-color: #a1d3e6;
	border-width: 0;
	border-top-width: 1px;
	height: 0;
}

.LatestNews p
{
	margin: 0;
	line-height: 15px;
	clear: left;
	padding-left: 5px;
	padding-right: 5px;
}

.LatestNews a
{
	display: block;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
}

/* 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
{
	background-image: url(Images/menu_top.gif);
	background-repeat: no-repeat;
	width: 251px;
	border solid 3px Red;
}

.CMSTreeMenuItem
{
	/*padding: 2px;*/
	padding-left: 0;
	font-size: 11px;
	padding-top: 0;
	padding-bottom: 0;
}

.subCMSTreeMenuItem, .subCMSTreeMenuSelectedItem
{
	/*padding-bottom: 2px;*/
	font-size: 11px;
}

.CMSTreeMenuSelectedItem
{
	/*padding: 2px;*/
	margin-left: 10px;
	font-weight: bold;
	padding-left: 0;
	font-size: 11px;
}

.CMSTreeMenuLink, .subCMSTreeMenuLink
{
	color: #375C70;
	text-decoration: none; /*line-height: 15px;*/
}

.CMSTreeMenuLink, .CMSTreeMenuSelectedLink
{
	padding-left: 15px;
	width: 223px;
	display: block;
	line-height: 20px;
	border-top: 1px solid #D4F3FD;
	margin-left: 5px;
	background-image: url(Images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.CMSTreeMenuLink:hover, .CMSTreeMenuSelectedLink:hover
{
	background-color: #fff;
	text-decoration: none;
}

.subCMSTreeMenuLink, .subCMSTreeMenuSelectedLink
{
	background-image: url(Images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 20px;
	line-height: 20px;
}

.CMSTreeMenuSelectedLink
{
	color: #007DAD;
	text-decoration: none;
}

.subCMSTreeMenuSelectedLink
{
	font-weight: bold;
	color: #007DAD;
	text-decoration: none;
}

.subCMSTreeMenuLink:hover, .subCMSTreeMenuSelectedLink:hover
{
	text-decoration: none;
}

/* ############### OTHER TAGS ############### */
/* Left tree menu has items in element TD, so changing following style in TD change also those menu.*/
td
{
	font-family: Verdana;
	font-size: 11px;
}
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-size: 12px;
	background-color: #e2e2e2;
	border: 1px solid #c2c2c2;
}
.Horizontal ul
{
	/*	width: 100%;*/
	list-style: none;
	margin: 0;
	padding: 0;
}
.Horizontal li
{
	/*	display: inline;	/* !L */
	float: left; /* !L */
	border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
	padding: 0px;
}
.Horizontal a
{
	display: block; /* !L */
	margin: 0;
	padding: 2px 3px;
	width: 112px;
	color: Black;
	background-color: #e2e2e2;
	text-decoration: none;
}
.Horizontal a:hover
{
	color: white;
	background: #808080;
	background-image: url(images/bottom_button2.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.Horizontal ul ul
{
	position: absolute; /* !L */
	margin-top: 1px;
	border-top: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 2px solid #c2c2c2;
	width: 120px;
}
.Horizontal ul ul li
{
	display: block; /* !L */
	clear: left; /* !L */
	position: relative; /* !L */
}
.Horizontal ul ul ul
{
	top: -1px; /* !L - should be the negation of UL border-width */
	left: 100%; /* !L */
	margin-left: 1px;
	margin-top: 0px;
}
.Horizontal ul ul ul ul
{
	top: -2px;
}
.Horizontal ul ul, .Horizontal ul li:hover ul ul, .Horizontal ul ul li:hover ul ul
{
	display: none;
}
/* !L */

.Horizontal ul li:hover ul, .Horizontal ul ul li:hover ul, .Horizontal ul ul ul li:hover ul
{
	display: block;
}
/* !L */


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

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

a.CMSListMenuLinkHighlighted /* else if RenderCssClasses = "true" */
{
	font-weight: bold;
}

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

.searchButton, .FormButton, .CMSSearchDialogSearchButton, .LogonFormSubmitButton, .SignOutButton, .SignOutButtonHovered
{
	border: 1px solid #59A2C0;
	background-color: #59A2C0;
	padding: 0;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	vertical-align: middle;
	height: 17px;
	color: #fff;
}

.SignOutButton, .SignOutButtonHovered
{
	border-width: 0;
	background-color: Transparent;
	vertical-align: baseline;
	color: #0093B4;
}

.CMSSearchDialogSearchButton
{
	/*margin-top: -2px;*/
	vertical-align: top;
	_margin-top: 1px;
	height: 18px;
}

.SignOutButton
{
	/*padding: 0; 	margin: 0; 	border-width: 0; 	background-color: Transparent; 	font-size: 11px; 	font-family: Verdana; 	color: #007DAD; 	cursor: pointer; 	background-image: url(Images/linkpattern.gif); 	background-repeat: repeat-x; 	background-position: bottom left; 	padding-right: 1px;*/
}

.SignOutButtonHovered
{
	/*padding: 0; 	margin: 0; 	border-width: 0; 	background-color: Transparent; 	font-size: 11px; 	font-family: Verdana; 	color: #007DAD; 	cursor: pointer; 	background-image: url(Images/hoverlinkpattern.gif); 	background-repeat: repeat-x; 	background-position: bottom left; 	padding-right: 1px;*/
}

.textfield
{
	/*background-image: url(Images/textfield_shadow.gif);*/
	background-repeat: no-repeat;
	border: 1px solid #59A2C0;
	font-family: Verdana;
	font-size: 11px;
	vertical-align: middle;
}

.CMSBreadCrumbsLink
{
	text-decoration: none;
	color: #0093B4;
	background-image: url(Images/linkpattern.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	font-weight: bold;
	font-size: 11px;
}

.CMSBreadCrumbsLink:hover
{
	text-decoration: underline;
}

.CMSBreadCrumbsCurrentItem
{
	font-size: 11px;
}

a
{
	color: #0093B4;
	background-image: url(Images/linkpattern.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-decoration: none;
	padding-right: 1px;
}

a:hover
{
	text-decoration: underline;
}

.LogonFormUserNameTextBox, .LogonFormPasswordTextBox, .EditingFormTextBox, .EditingFormTextArea, .CMSSearchDialogSearchForTextBox, .CMSSearchDialogSearchModeDropDownList
{
	border: 1px solid #59A2C0;
	background-color: #fff;
	font-size: 11px;
}

.combo_field_active
{
	border: 1px solid #59A2C0;
}

.row
{
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #59A2C0;
	margin-bottom: -1px;
	float: left;
	text-align: right;
}

.filter_label
{
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding-right: 20px;
	vertical-align: middle;
	padding-top: 2px;
}

.mainPageContent
{
	background-color: #F9FAEC;
	color: #375C70;
	line-height: 18px;
	font-size: 10px;
	float: right;
	padding: 10px;
	width: 426px;
	height: 283px;
	overflow: auto;
	margin-top: -5px;
	margin-right: -5px;
}

.mainPageContent a
{
	color: #0093B4; /*background-image: none;*/
	font-weight: bold;
}

.mainPageContent .Title
{
	background-color: #A1D3E6;
	color: #fff;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
	display: block;
	overflow: hidden;
	height: 18px;
}

.mainPageLeftColumn
{
	float: left;
	width: 291px;
	background-color: #F0FAFA;
	background-image: url(Images/main_corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px;
	padding-bottom: 0;
	height: 298px;
	overflow: auto;
	margin-top: -5px;
	margin-left: -5px;
}

.bottom
{
	background-image: url(Images/main_bottom.gif);
	background-repeat: no-repeat;
	height: 86px;
	clear: both;
	margin-left: -5px;
	margin-right: -5px;
}

.CMSSearchResultsNoResultsLabel
{
	font-weight: bold;
}

.formLabel, .formInput
{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 2px;
}

.formLabel
{
	text-align: right;
	width: 70px;
	padding-right: 10px;
}

.formInput
{
	font-size: 11px;
	font-family: Verdana;
	border: solid 1px #59A2C0;
}

.gridHeader
{
	text-align: center;
	background-color: #59A2C0;
}

.gridHeader th
{
	border-width: 0;
}

.gridHeader th td
{
	border-color: #fff;
	border-left: solid 1px #fff;
}

.gridAlternateRow
{
	background-color: #F0FAFA;
}

.gridMain td, .gridMain th
{
	padding: 5px;
}

.gridMain th a
{
	color: #fff;
	background-image: none;
}

.gridMain
{
	/*border-width: 0;*/
	border-color: #59A2C0;
	border-collapse: collapse;
	margin: 0 auto;
}

.bold
{
	font-weight: bold;
}

.menu_bottom
{
	padding-top: 20px;
	text-align: center;
	height: 216px;
	background-image: url(Images/menu_bottom.gif);
	background-repeat: no-repeat;
}

.filterPanel
{
	display: none;
}

.gridPager td
{
	padding: 0;
}

.gridPager a
{
	margin: 2px;
	display: block;
	border: solid 1px #59A2C0;
	background-color: #F0FAFA;
	background-image: none;
	padding-left: 2px;
	padding-right: 2px;
}

.gridPager a:hover
{
	margin: 2px;
	display: block;
	border: solid 1px #59A2C0;
	background-color: #59A2C0;
	color: #fff;
	background-image: none;
	text-decoration: none;
}

.hyperlinkHideShow
{
	cursor: pointer;
}

/* Semafor */

.semafor
{
	background-color: #fff;
	height: 30px;
}

.semaforleft
{
	float: left;
	width: 150px;
	height: 100%;
}

.semaforcenter
{
	width: 1px;
	background-color: #000;
	height: 100%;
	float: left;
}

.semaforright
{
	float: right;
	width: 149px;
	height: 100%;
}

.semaforgreen
{
	background-color: Lime;
	height: 70%;
	float: right;
}

.semafororange
{
	background-color: Yellow;
	height: 70%;
	float: left;
}

.semaforred
{
	background-color: Red;
	height: 70%;
	float: right;
	height: 100%;
}

/* */