/* 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: Arial;
	font-size: smaller; /* element body margin */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; /* size of body */
	height: 99%;
	width: 100%;
	direction: ltr ; /* allows to set MainPage in the center of the IE browser. Does not work in FireFox.*/
	text-align: center;
}
.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: 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: Arial;
	font-size: 12px;
	position: relative; /* !L */
	right: 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: right; /* !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: left; /* !L */
	margin-bottom: 4px; /* !L - makes a place between searchBar and mainMenuBar */
	text-align: left;
	width: 385px; /* !L - should not be greater than 392px (because MainPageOverlay.width - logoBar.width >= searchBar.width)*/
}

.searchBox
{
	vertical-align: middle;
}
.adcontent
{
	clear: none;
	border-right: #0033cc 1px solid;
	padding-right: 0px;
	border-top: #0033cc 1px solid;
	padding-left: 0px;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #0033cc 1px solid;
	padding-top: 0px;
	border-bottom: #0033cc 1px solid;
	 BACKGROUND-COLOR: #ccccff;
}
.TitleCrumbs
{
	clear: none;
	border-right: #0033cc 1px groove;
	padding-right: 0px;
	background-position: left center;
	border-top: #0033cc 1px groove;
	padding-left: 15px;
	background-image: url(Images/dot.jpg);
	padding-bottom: 1px;
	margin: 0px;
	border-left: #0033cc 1px groove;
	color: #0033cc;
	direction: ltr;
	padding-top: 0px;
	border-bottom: #0033cc 1px groove;
	background-repeat: no-repeat;
	background-color: #cccccc;
	text-align: left;
}
.TitleBar
{
	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(/Images/backaddress.gif); VISIBILITY: hidden; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;
}
.mainMenuBar
{
	clear: both; /* !L - clears float. If set to "none", mainMenuBar is between logoBar and searchBar */
	width: 100%; /* !L */
	height: auto;
	margin-bottom: 5px; /* !L - makes a place between mainMenuBar and Content */
	float: left;
	position: relative;
	z-index: 1500;
	border: 1px solid #c2c2c2;
	background-color: #E2E2E2; /* for constant background color of mainMenuBar, the value should be the same  									as .CMSMenu BACKGROUND-COLOR */
}

.mainMenuBar_H
{
	clear: both; /* !L - clears float. If set to "none", mainMenuBar is between logoBar and searchBar */
	width: 100%; /* !L */
	height: auto;
	margin-bottom: 5px; /* !L - makes a place between mainMenuBar and Content */
	float: left;
	position: relative;
	z-index: 1500;
	border: 1px solid #c2c2c2;
	background-color: #E2E2E2; /* for constant background color of mainMenuBar, the value should be the same as .CMSMenu BACKGROUND-COLOR */
}
/* Dropdown menu (main menu) */
/* if you don't want to change layout, do not change padding-* */

.CMSMenu
{
	border-right: 1px;
	border-top: 1px;
	border-left: 1px;
	border-bottom: 1px;
	background-color: #E2E2E2;
	text-align:left;
	direction:ltr;
}
.CMSMenuItem
{

	padding-right: 15px;
	background-position:  left center;
	padding-left: 5px;
	font-size: 8pt;
	background-image: url(Images/left/MenuProducts.gif);
	padding-bottom: 2px;
	width: 140px;
	color: black;
	padding-top: 2px;
	background-repeat: no-repeat;
	font-family: verdana;
}
.CMSMenuItemMouseUp
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 120px;
	color: black;
	padding-top: 2px;
	font-family: verdana;
}
.CMSMenuItemMouseOver
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 120px;
	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: 120px;
	color: black;
	padding-top: 2px;
	font-family: verdana;
	
}
.CMSMenuHighlightedMenuItem
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 120px;
	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: 120px;
	cursor: hand;
	color: black;
	padding-top: 2px;
	font-family: verdana;
	background-color: #808080;
	color: White;
}
.CMSMenuHighlightedMenuItemMouseOver
{
	padding-right: 5px;
	padding-left: 15px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 120px;
	cursor: hand;
	color: black;
	padding-top: 2px;
	font-family: verdana;
	background-color: #808080;
	color: White;
}
.CMSMenuHighlightedMenuItemMouseDown
{
	padding-right: 5px;
	padding-left: 15px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 120px;
	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;*/
	width: 428px;
}

.ContentArticle2
{
	float: left; /*width: 585px;*/
	width: 638px;
}

.ContentArticlePadding
{
	margin: 0px 0px 0px 0px;
}
/* logout Banner */
.logoutbanner
{
	CLEAR: none; FLOAT: left; WIDTH: 120px; TEXT-ALIGN: left;
}

/* Latest news box */
.ContentNews
{
	float: none; 
	background: #EFEFEF;
	border: 1px solid #C6C6C6;
	width: 100%;
}
.ContentNewsPadding
{
	margin: 1px 1px 1px 1px;
}
.LatestNews
{
	padding-left:0px;
	text-align: left;
	width: 100%;
	float:right;
	padding-right:0px;
	margin:0px;
	table-layout:fixed;
	
}
.lastNewsTitle
{
	clear: both;
	border-right: #3300cc 0px groove;
	padding-right: 0px;
	background-position: right center;
	border-top: #3300cc 0px groove;
	padding-left: 1px;
	font-size: 11pt;
	background-image: url(Images/left/NewsTitle.jpg);
	padding-bottom: 0px;
	margin: 0px;
	border-left: #3300cc 0px groove;
	width: 410px;
	direction: ltr;
	padding-top: 5px;
	border-bottom: #3300cc 0px groove;
	background-repeat: no-repeat;
	text-align: left;
	padding-bottom:1px;
}
.NewsTitleData
{
	padding-left: 20px;
	clear:none;
	float: left;
	text-align:left;
	width: 315px;
}
.NewsTitleData a
{
	color: white;
}
.NewsTitleDate
{
	clear:none;
	WIDTH: 70px; 
	text-align: left;
	float:right;
}
.NewsTitleDate a
{
	color:  Black ;
}
.NewsSummary
{
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 425px;
	border-left: dotted 2px #eeeeee;
	border-bottom: dotted 2px #eeeeee;
	 border-right : dotted 0px #eeeeee;
	padding-right:2px;
	padding-top:0px;
}
.NewsDetailsLink
{
	 float:right;
}
.midContent
{
	padding-right: 0px;
	background-position: left top;
	margin-top: 1px;
	padding-left: 10px;
	float: left;
	background-image: url(Images/left/MainShadow.gif);
	width: 453px;
	margin-right: 1px;
	background-repeat: repeat-y;
	height: 100%;
	text-align: left;
	margin-bottom:1px;
	margin-left:1px;
	table-layout:fixed;
	
}
.midContent2
{
	clear:right;
	padding-right: 1px;
	background-position: left top;
	padding-left: 10px;
	float: left;
	background-image: url(Images/left/MainShadow.gif);
	width: 638px;
	background-repeat: repeat-y;
	text-align: left;
	height: auto ;
	margin: 1px 1px 1px 1px;
	table-layout:fixed;
}

.FooterBanner
{
	border-top-width: 0px;
	background-position: left top;
	display: block;
	border-left-width: 0px;
	border-left-color: #c6c6c6;
	float: none;
	background-image: url(Images/left/BottomBar.jpg);
	border-bottom-width: 0px;
	border-bottom-color: #c6c6c6;
	width: 100%;
	border-top-color: #c6c6c6;
	background-repeat:  no-repeat ;
	
	height: 66px;
	background-color: #efefef;
	border-right-width: 0px;
	border-right-color: #c6c6c6;
}
.FooterLinks
{
	text-align:center;
}
.FooterCopyright
{
	margin-top:13px;
	margin-left:10px;
	padding-left: 10px;
	font-weight: bold;
	color:#003333;
	text-align:left;
}
.MenuSep
{
	background-position: center center;
	font-weight: bold;
	background-image: url(Images/ban2.gif);
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	text-align: center;
}
.LoginLink
{
	z-index:12;
	position: absolute ;
	top:265px;
	left:2px;
	float:left;
	padding-left:1px;
	border-bottom: dotted 2px #eefc33;
}
.UserData
{
	z-index:13;
	position: absolute ;
	left:2px;
	top:250px;
	width:157px;
	float:left;
	padding-left:1px;
	border-bottom: dotted 2px #eefc33;
	text-align:center;
}
/* 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: left;
}
.PartnersMain
{
	float: left;
	width: 638px;
}
.PartnersMenu
{
	float: left;
	width: 150px;
}
.ProductList
{
	margin-left: 5px;
}
.RightColumn
{
	margin-left: 2px;
}
.ProductViewer
{
	margin-left: 1px;
	display: inline-block;
}

/* Products Listing */

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

.Album
{
	width:250px;
}
.Album img
{
	width:200px;
	behavior: url(scripts/Album.htc);
}
/* Left tree menu (see also TD) */

.CMSTreeMenuTable
{
	width: 150px;
	border-bottom: 0px solid #c2c2c2;
}
.CMSTreeMenuItem
{
	border-right: #cccc66 1px solid;
	padding-right: 1px;
	border-top: #cccc66 1px solid;
	padding-left: 0px;
	background: url(Images/left/MenuOver.gif) #808080 no-repeat left center;
	padding-bottom: 0px;
	border-left: #cccc66 1px solid;
	padding-top: 1px;
	border-bottom: #cccc66 1px solid;
}
.CMSTreeMenuSelectedItem
{
	border-right: #606060 1px solid;
	padding-right: 2px;
	border-top: #606060 1px solid;
	padding-left: 2px;
	background: url(Images/left/MenuOver.gif) #808080 no-repeat left center;
	padding-bottom: 2px;
	border-left: #606060 1px solid;
	padding-top: 2px;
	border-bottom: #606060 0px solid;
}
.CMSTreeMenuLink
{
	color: black;
	text-decoration: none;
}
.CMSTreeMenuSelectedLink
{
	color: white;
	text-decoration: none;
}
/*%^%%^^%^%^%^%^%^%^% Languages Buttons ^%^%^%^%^%^%^%%^%^%^%*/
En_Button
{
	background-position: center center;
	background-image: url(Images/en.png);
	background-repeat: no-repeat;
}
Fr_Button
{
	background-position: center center;
	background-image: url(Images/fr.png);
	background-repeat: no-repeat;
}
De_Button
{
	background-position: center center;
	background-image: url(Images/de.png);
	background-repeat: no-repeat;
}
Ar_Button
{
	background-position: center center;
	background-image: url(Images/ye.png);
	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;
	
}

h2
{
	font-size: 13px;
	
}

h3
{
	font-size: 11px;
}

p
{
	margin-top: 0px; /* !L - fit the paragraph to the top of parent box */
	margin-bottom: 0em; /* !L - makes a one line space under each paragraph */
}
A
{
	color:Blue;
}
A:Hover
{
	color:Red;
}
/* SEARCH page - set the same width for dropDownList (in IE by default, but not in FireFox)*/
select.CMSSearchDialogSearchScopeDropDownList, select.CMSSearchDialogSearchModeDropDownList
{
	width: 100%;
}
/*######################## Web Logon Form Styles #####################*/
.LogOnForm
{
	 direction:ltr;
}
.LogonFormCntr
{
	border-left: #0066cc 1px dotted;
	padding-left: 61px;
	background-position: left top;
	border-top: #0066cc 1px dotted;
	float: left;
	background-image: url(http://localhost:/moi1/Images/sidebar_green.gif);
	border-left: #0066cc 1px dotted;
	width: 220px;
	border-bottom: #0066cc 1px dotted;
	background-repeat: no-repeat;
	height: 120px;
}
.LogonFormRememberPasswordCheckBox
{
	clear:none;
	float:left;
	margin-bottom:-1px;
	z-index :100;
}

.LogonFormRememberPasswordLabel
{
	width:70px;
	color:Blue;
	text-align:left ;
	float:right;
	clear:none;
	margin-bottom:-1px;
	z-index :101;
	
}
.LogonFormErrorLabel
{
	margin-top:1px;
	margin-bottom:-10px;
	clear:none;
	float:left;
	position: relative ;
	z-index :50;
	
}
.LogonFormSubmitButton
{
	top:-30px;
	right:2px;
	position:relative;
	clear:none;
	float:right;
	z-index :10;
}
.SignOutButton
{
	font-weight: bold;
	cursor: hand;
	color: blue;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: underline;
	border-bottom-style: none;
	width:70px;
}
.LoginPage
{
	PADDING-RIGHT: 10px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;
	
}
.LoginTitle
{
	BACKGROUND-POSITION: left center; BACKGROUND-IMAGE: url(Images/left/bar120.jpg); MARGIN: 1px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left;
	vertical-align:middle;
	text-align:left;
}
/* ############# EDIT MODE BUTTONS ################ */
.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold;
	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;
	height: 10px;
	background-color: #eeeeee;
}

.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 */
/* Highlight the actual page item */
li.highlighted a, li.highlightedfirst a, li.highlightedlast a
{
	font-weight: normal;
	color: blue;
}

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

a.CMSListMenuLink
{
	border-right: #cccc00 1px;
	padding-right: 1px;
	background-position: left center;
	padding-left: 20px;
	background-image: url(Images/left/MenuProducts.jpg);
	padding-bottom: 2px;
	margin: 0px;
	color: black;
	padding-top: 2px;
	background-repeat: no-repeat;
	background-color: #e0d9ff;
	text-decoration: none;
}

a.CMSListMenuLinkHighlighted
{
	padding-right: 1px;
	background-position: left center;
	
	padding-left: 20px;
	background-image: url(Images/left/MenuProducts.jpg);
	padding-bottom: 2px;
	margin: 0px;
	border-right: #cccc00 1px;
	
	color: black;
	padding-top: 2px;
	
	background-repeat: no-repeat;
	background-color: #6b9800;
	text-decoration: none;
	
}

/* Newsletter Subscription */
.CMSNewsletterSubscriptionTextBox
{
	width: 130px;
}
.NewsletterListCntr
{
	display:inline;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin-bottom:10px;
	margin-right:1px;
	margin-left:10px;
	width: 100%;
	padding-top: 1px;
	
}
.NewsletterListHeader
{
	margin-bottom: 3px;
	width: 100%;
	font-weight:bold;
}

.NewsletterList
{
	direction:  ltr;
	border-top: black 2px dotted;
	border-right: black 2px dotted;
	border-bottom: black 2px dotted;
}
.NewsletterListTable
{
	 vertical-align:baseline;  
	 text-align: justify;
	 white-space: nowrap;
}
.NewsletterListItemChek
{
	width:30px;
	text-align:left;
	vertical-align:middle;
	float: left;
	padding-left:1px;
	 
}
.NewsletterListItemTitle
{
	width:120px;
	float: left;
	clear:none;
	padding-left:1px;
	
}
.NewsletterListItemDescr
{
	padding-left:6px;
	padding-right:1px;
	
	float: left;
	clear:none;
	width: 455px;
	text-align:left;
	white-space: normal;
	border-right: black 2px dotted;
}
.NewsletterListSubscriberDataHeader
{
	font-weight: bold;
	font-size: 12pt;
	width: 100%;
	color: black;
}
.NewsletterListSubscriberData
{
}
.NewsletterSubmitButtonCntr
{
	  text-align:center;
}
.NewsletterSubscriberDataField
{
	font-weight: bold;
	width: 100px;
}

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

/*By Me*/
/* Left Side Panel */
.LeftSidePanel
{
	float: right;
	width: 195px;
	/*border: 1px solid #C6C6C6;*/
}
.LeftSidePanel2
{
	float: right;
	width: 250px;
	background: #cccccc;
	/*border: 1px solid #C6C6C6;*/
}
.ContentleftSidePadding
{
	margin: 3px 3px 3px 3px;
}
.leftSideData
{
	text-align: right;
	width: 100%;
}
.Coll3
{
	table-layout: fixed;
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	width: 180px;
	height: 100%;
	background-color: #EDEFFE;
	text-align:left;
	
}
/* end Left Side Panel*/

/* Left Side Panel */
.RightSidePanel
{
	float: right;
	width: 151px;
	background: #EFEFEF;
	border: 0px solid #C6C6C6;
}
.RightSidePanel2
{
	float: right;
	width: 152px;
	background: #EFEFEF;
	border: 0px solid #C6C6C6;
}
.Coll2
{
	CLEAR: none; 
	/*MARGIN-TOP: -30px; */
	FLOAT: left; 
	width: 158px;
	HEIGHT:  100%;
	BACKGROUND-COLOR: #D4D9FD;
	 text-align:left;
	table-layout: fixed; 
}
.MainTop
{
	background-color: #8b9b00;
}
.ContentRightSidePadding
{
	margin: 1px 1px 1px 1px;
}
.RightSideData
{
	text-align: left; /*width: 100%;*/
}
/* end Left Side Panel*/



/* !L - has an effect to layout ... do not change or delete unless you want to change the menu behavior */
.Horizontal 
{	
	float:  right ;	/* !L */
	width: 100%;	
}
.Horizontal ul 
{
	float: right;     /* !L */
	width: 100%;	/* !L */
	
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 100;
}
.Horizontal li 
{
	display: inline;	/* !L */
	float: left;		/* !L */
}
.Horizontal a
{
	display: block;		/* !L */
	margin: 0;
	padding: 2px 3px;
	width: 112px;
	
	text-decoration: none;	
}
.Horizontal ul ul
{
	position: absolute;	/* !L */
	z-index: 500;		/* !L */
}
.Horizontal ul ul li
{
	display: block;		/* !L */
	clear: left;		/* !L */
	position: relative;	/* !L */
	z-index: 550;	
}
.Horizontal ul ul ul
{
	top: -1px;			/* !L - should be the negation of UL border-width */
	left: 100%;			/* !L */		
	z-index: 600;	
}
.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 */

/* Styles specified for Horizontal1 CMSListMenu */
#Horizontal1 /*means first UL*/
{
	font-family: Arial;
	font-size: 12px;
	background-color: #e2e2e2;
	border: 1px solid #c2c2c2;	
}
#Horizontal1 li
{
	border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
	padding: 0px;
}
#Horizontal1 a
{
	color: Black;
	background-color: #e2e2e2;
}
#Horizontal1 a:hover {
	color: white;		
	background: #808080;
	
	background-image: url(images/bottom_button2.png);
	background-repeat: no-repeat;
	background-position: bottom right;	
}
#Horizontal1 ul /*add to .Horizontal ul ul */
{
	border-bottom: 2px solid #c2c2c2;
	width: 120px;
/*	border-style: solid;
	border-width: 1px;	
	border-color: #a2e2e2 #c2c2c2 #c2c2c2 #c2c2c2*/
}
#Horizontal1 ul ul
{
	border-right: 2px solid #c2c2c2;
	border-bottom: 0px solid white;
	/*border-style: solid;
	border-width: 1px;	
	border-color: #e2e2e2 #c2c2c2 #c2c2c2 #c2c2c2	*/
}

/* Styles specified for Horizontal2 CMSListMenu */
#Horizontal2 /*means first UL*/
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	background-color: white;
	border-bottom: 2px solid #c2c2c2;	
}
#Horizontal2 a
{
	color: #808080;
	background-color: white;
	padding-bottom: 5px;
	text-align: center;	

	white-space: nowrap;	
}
#Horizontal2 a:hover
{
	color: Black;		
	background-color: white;
		
	background-image: url(images/button_bottom.gif);
	background-repeat: no-repeat;
	background-position: center 115%;
}
#Horizontal2 ul
{
	border-top: 2px solid black;
	/*border-right: 2px solid black;*/
	border-bottom: 2px solid #c2c2c2;
	border-left: 2px solid #c2c2c2;
	background-color: black;
	/*width: auto;*/
	width: 137px;	/* width should be width(tag a)+2px ... those make the right-border of submenu (color of right-border is in fact background-color) */
}
#Horizontal2 ul a
{
	padding-top: 2px;
	padding-left: 20px;
	text-align: left;
}
#Horizontal2 ul a:hover
{
	background-image: url(images/button_right_p.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}
#Horizontal2 ul ul
{	
	/* there is style margin-left:1px needed to be add only for IE, see CMSListMenu example for details */
	/*width: 100%;*/
	border-left: 0px solid #e2e2e2;
	width: 137px;
	top: -2px;
}


/* class Vertical */

.Vertical
{
	border-right: #c2c2c2 1px solid;
	border-top: #c2c2c2 1px solid;
	font-size: 12px;
	border-left: #c2c2c2 1px solid;
	width: 159px;
	
	border-bottom: #c2c2c2 1px solid;
	font-family: Arial;
	background-color: #e2e2e2;
	text-align: left;
}
.Vertical ul
{
	
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	/*list-style-type: none;*/
	list-style:none;
	
}
.Vertical li
{
	position: relative;
}
.Vertical a
{
	border-left: #cccc00 1px;
	border-top: #cccc00 1px;
	display: block;
	width: 138px;
	border-bottom: #cccc00 1px;
	
	
}
.Vertical a:hover
{
	background-position: left center;
	display: block;
	background-image: url(Images/left/MenuOver.jpg);
	color: white;
	background-repeat: no-repeat;
	background-color: #808080;
}
.Vertical ul ul
{
	position: absolute; /* !L */
	z-index: 100; /* !L */
	top: -1px; /* !L - should be the negation of UL border-width*/
	left: 100%; /* !L */
	width: 100%; /* !L */
	border: 1px solid #c2c2c2;
	
}

#Vertical ul, #Vertical li:hover ul ul, #Vertical ul li:hover ul ul
{
	display:none;
}
/* !L */

#Vertical li:hover ul, #Vertical ul li:hover ul, #Vertical ul ul li:hover ul
{
	display: block;
}
/* !L */

.DropDown
{
	position: relative; /* !L */
	width: 150px;
	height: 20px;
	z-index: 1;
	font-family: Arial;
	font-size: 12px;
	background-color: #e2e2e2;
	border: 2px solid #808080;
}
div.DropDown:hover ul
{
	z-index: 10; /* !L */
	visibility: visible; /* !L */
}
div.DropDown ul:hover
{
	background-color: White; /* this allows to get over the last item of dropDownList, otherwise will be closed. */
}
.DropDown ul
{
	z-index: -10; /* !L */
	visibility: hidden; /* !L */
	position: absolute; /* !L */
	top: 20px; /* !L */
	width: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.DropDown li
{
	position: relative; /* !L */
}
.DropDown a
{
	display: block; /* !L */
	margin: 0;
	padding: 2px 3px;
	color: Black;
	background-color: #e2e2e2;
	text-decoration: none;
}
.DropDown a:hover
{
	color: white;
	background: #b2b2b2;
}
.DropDown ul ul
{
	display: inline; /* !L */
}

.TabContainer
{
	FLOAT: left;
	
}
.TabControlTable { FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana }
.TabControlRow { height:27px}
.TabControl 
{
	font-weight: bold;
	 
	cursor: hand;
	color:  White ;
	text-align:left;
	width:auto;
	
}
.TabControlSelected
{
	font-weight: bold;
	background-image: none;
	cursor: default;
	color: white;
}
.TabControlLinkSelected
{
	background-position: left center;
	background-image: url(Images/left/Top4Home.gif);
	color: white;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left:20px;
	text-align: left;
	
}
.TabControlLink
{
	
	background-position: left center;
	background-image: url(Images/left/Top4Home.gif);
	width: auto;
	color: white;
	padding-left:20px;
	background-repeat: no-repeat;
	background-color: #e7e7ff;
	text-align: right;
	text-decoration: none;
}
.TabControlLeft { WIDTH: 1px }
.TabControlRight { WIDTH: 1px }
.TabControlSelectedLeft { WIDTH: 1px }
.TabControlSelectedRight { WIDTH: 1px }
/* examples of using different styles for specific items */
/*
.TabControlLink#TabControlItemLink_0
{
	background-position: right center;
	background-attachment: fixed;
	background-image: url(Images/m1.jpg);
	color:  Black ;
	background-repeat: no-repeat;
	padding-left:14;
}
.TabControlLink#TabControlItemLink_1 { }
.TabControlLink#TabControlItemLink_2 { COLOR: blue }
.TabControlLink#TabControlItemLink_3 { COLOR: red }	*/	

.Pace1
{
	clear: left;
	background-position: left top;
	background-attachment: fixed;
	float: left;
	background-image: url(Images/left/MenuTop.jpg);
	width: 159px;
	background-repeat: no-repeat;
	height: 90px;
}

.Pace2
{
	clear: none;
	table-layout: fixed;
	padding-right: 0px;
	background-position: left top;
	float: left;
	background-image: url(Images/left/MainTop.jpg);
	width: 453px;
	color: #0033cc;
	background-repeat: no-repeat;
	height: 90px;
	background-color: #cccccc;
}

.Pace3
{
	clear: none;
	float:left;
	table-layout: fixed;
	padding-right: 0px;
	background-position: left top;
	padding-left: 0px;
	background-image: url(Images/left/RightTop.jpg);
	width: 180px;
	background-repeat: no-repeat;
	height: 90px;
	background-color: #eeeeee;
	text-align: left;
}

.h_Top1Right
{
	clear: none;
	background-position: left center;
	float: right;
	background-image: url(Images/left/Top1Left.jpg);
	width: 158px;
	background-repeat: no-repeat;
	height: 20px;
}

.h_Top1left
{
	clear: none;
	background-position: left center;
	float: right;
	background-image: url(Images/left/Top1Right.jpg);
	width: 634px;
	background-repeat: no-repeat;
	height: 20px;
}
.h_Top2Left
{
	CLEAR: none; BACKGROUND-POSITION: left center; FLOAT: left; BACKGROUND-IMAGE: url(Images/left/Top2Left.jpg); WIDTH: 732px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 31px;
}

.h_Top2Right
{
	clear: none;
	background-position: left center;
	float: left;
	background-image: url(Images/left/Top2Right.jpg);
	width: 60px;
	background-repeat: no-repeat;
	height: 31px;
}

.Top3
{
	background-position: left bottom;
	background-image: url(Images/left/Top3.jpg);
	width: 100%;
	background-repeat: no-repeat;
	height: 132px;
}

.Top4Left
{
	CLEAR: none; BACKGROUND-POSITION: left center; FLOAT: left; BACKGROUND-IMAGE: url(Images/left/Top4Left.jpg); WIDTH: 132px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px;
}

.Top4Back
{
	CLEAR: none; BACKGROUND-POSITION: left center; FLOAT: right; BACKGROUND-IMAGE: url(Images/left/Top4Back.gif); WIDTH: 660px; COLOR: #0033cc; MARGIN-RIGHT: 0px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 30px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: left;
}
.MainTable
{
	 table-layout:fixed;
	 
}
.TopBackMain
{
	BACKGROUND-IMAGE: url(Images/left/TopMainBack.GIF); BACKGROUND-REPEAT: repeat;
}
.langBar
{
	PADDING-LEFT: 30px; FLOAT: left;
	text-align:center ;
	
}
.ForgetPass
{
	width:400px;
}

.surveyResultPage
{
	background-color: #339933;
}
.ResultHeader
{
	width:100%;
	text-align:left;
	color:Silver;
}

.SurveyResultBox1
{
	background-color: #6666ff;
}

.SurveyResultBox2
{
	background-color: #9999ff;
}

.SurveyResultBox3
{
	background-color: #339966;
}
.btnVoteStyle
{
	float:right;
}

.NewsTapeItem
{
	margin:3px 3px 3px 3px;
	padding-left:1px;
	padding-right:1px;
	display: inline ;
	clear:none;
	float:none;
	white-space:nowrap;
	table-layout:fixed;
}
.NewsTapeItemSep
{
	white-space:nowrap;
	background-position:  center center;
	background-image: url(Images/dot1.jpg);
	background-repeat: no-repeat;
	CLEAR: none; 
	DISPLAY:  inline; 
	FLOAT: none; 
	WIDTH: 40px;
}
.NewsTapeItemSep span
{
	background-position:  center center;
	background-image: url(Images/dot1.jpg);
	background-repeat: no-repeat;
}

.NewsTitlesCntr
{
	width: 420px;
	margin : 1px 1px 1px 1px;
}

.NewsTitleTopBanner
{
	width: 100%;
	height:0px
}

.NewsTitlesDataCntr
{
	padding: 1px 1px 1px 1px;
	margin : 1px 1px 1px 1px;
	font-weight: bold;
	font-size: 10pt;
	color: blue;
	font-style: normal;
	font-family: 'Traditional Arabic' , Arial, 'Arial Narrow' , Tahoma, 'Times New Roman';
}

.NewsTitleDataList 
{
	table-layout:fixed;
}

.NewsTitlesItem
{
	padding-left: 7px;
	width: 100%;
	border-bottom: #cc99ff 1px dotted;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff4500,endColorStr=#7b68ee); 
}

.NewsTitlesItem a
{
	color: White;
}

.NewsTitlesItem a:Hover
{
	color:Green;
}

.NewsTitlesHeader
{
	width:100%;
	height:0px;
}

.NewsTitlesSep
{
	visibility:hidden;
	width:0px;
	height:0px;
	border-bottom: dotted 3px #6699ff;
}

.NewsTitlesFooter
{
	width:100%;
	height:0px;
}


/*====================Forget Password Page ============================*/

.ForgetPassContainer
{
	border-right: #339966 0px groove;
	border-top: #339966 0px groove;
	font-weight: bold;
	font-size: 12pt;
	border-left: #339966 0px groove;
	width: 420px;
	border-bottom: #339966 2px dotted;
	font-family: 'Traditional Arabic';
	white-space: normal;
	margin-right :1px;
	 table-layout:fixed;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff4500,endColorStr=#7b68ee); 
}
.ForgetPass1
{
	padding-left:2px;
	color:Green;
	
}
.ForgetPassError
{
	padding-left: 2px;
	color: honeydew;
}
.ForgetPassValidators
{
		color: honeydew;
}
.ForgetPassBtnSend
{
 float:right;
 padding:1px 20px 1px 1px;
}
.ForgetPassHeader
{
	
}
.ForgetPassUserArea
{
}
.ForgetPassEmailArea
{
}
/* -------------------------Change Password -------------------------*/
.ChangePasswordCntr
{
	border-right: #339966 0px groove;
	border-top: #339966 0px groove;
	font-weight: bold;
	font-size: 12pt;
	border-left: #339966 0px groove;
	width: 420px;
	border-bottom: #339966 2px dotted;
	font-family: 'Traditional Arabic';
	white-space: normal;
	margin-right :1px;
	 table-layout:fixed;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff4500,endColorStr=#7b68ee); 
}
.ChangePasswordCntr2
{

}
.ChangePassControlsPanel
{
}
.ChangePassControlParagraph
{
}
/*============================= HeaderMenu ================================*/
.HeaderBottom
{
  width:100%;
}
.HeaderMenu
{
	width:400px;
	padding-left :1px;
	float:left;
	clear:none;
	position:relative;
}
.HeaderMenuEnd
{
	width:130px;
	padding-left :1px;
	float:left;
	clear:none;
	position:relative;
}
.HeaderLangBar
{
	padding-top:5px;
	padding-left:1px;
	width:120px;
	float:left;
	clear:none;
	position:relative;
}