﻿html, body 
{
	margin: 0;
	padding: 0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#666159;
	
}
#div-index {
	height: 100%;
	width: 320px;
	margin-left: -160px;
	position: absolute;
	left: 50%;
	background-color: #ADA294;
	padding: 10px;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}

img 
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	behavior: url(iepngfix.htc); 	
	direction:rtl;
}
.Title_Div
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	vertical-align:middle;
	padding-right:10px;
}
div 
{ 
	behavior: url(iepngfix.htc); 
}
table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}

#Header 
{
	height:1px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.table-drop-cover {
	padding: 10px;
	height: 360px;
	width: 740px;
}

#logo {
	height: 60px;
	width: 300px;
	margin-top: 0px;
	margin-left: -150px;
	position: absolute;
	z-index: 14000;
	left: 50%;
	top: 0px;
	visibility: visible;
}


#Footer
{
	width:100%;
	vertical-align:middle;
	text-align:left;
	height:1px;
	padding-left:10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #4E4943;
}




#Conten-cover
{
	color:#000000;
	text-decoration:none;
	vertical-align: bottom;
	z-index: 900;
}
.Content-in
{
	text-decoration:none;
	/*background-image:url(images/bgAwardsOver.gif);
	background-repeat:no-repeat;
	background-position:top left;*/
	height:100%;
	width:100%;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a:link,a:visited,a:active,a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.Content_Div
{
	z-index:1300 !important;
	position:absolute;
	float: left;
	vertical-align: top;
	left: -500px;
	top: 50%;
	margin-top: -188px;
	margin-left: 0px;

}
.scroll-pane 
{/*NEW DIV FOR CONTAINIG THE DIV INSIDE*/
	width: 334px;
	height: 375px;
	overflow: auto;
	float: left;
	margin-left:10px;
	vertical-align:top;	
	
}
.Contact_Div
{
	z-index:1300 !important;
	position:absolute;
	float: left;
	vertical-align: top;
	left: 0px;
	top: 50%;
	margin-top: -194x;	margin-left: 0px;
	filter:alpha(opacity=100);
	display:block;
	background-color:#FF0000;
	width:1000px;
}

.Content_Div_Old  
{ /*class for the div which display the Registration filse*/
	z-index:1300 !important;
	position:absolute;
	width: 364px;
	height: 500px;
	vertical-align: top;
	left: 0%;
	top: 50%;
	display:none;
	filter:alpha(opacity=0);
	margin-top: -250px;
	margin-left: 0px;	
	float: left;
	/*background-attachment: fixed;
	background-image: url(images/Div_Bg.png);
	background-repeat: repeat;*/
}
.table-div 
{
	background-image: url(images/card_bg_mellisa.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.Div_Title
{
	position:absolute;
	top:50%;
	margin-top:220px;
	width:324px;
	padding-left:15px;
	vertical-align: middle;
	color:#000000;
	height: 30px;
}
.Reg_Div
{
	z-index:1500 !important;
	position:absolute;
	width: 800px;
	height: 400px;
	vertical-align: top;
	right:50%; top: 50%;
	margin-right:-400px; 	margin-top: -2000px;
	filter:alpha(opacity=0);
	display:none;
	
	border:#ffffff solid 1px;
	
	display:none;
}
.Close_Div
{
	position:relative;
	left:430px;
	top:0%;
	margin-top:-250px;
	width:20px;
	height:20px;
	z-index:19000 !important;
	filter:alpha(opacity=100);
}
.Table-Content
{
	width:400px;
	color:#FFFFFF;
	background-attachment: fixed;

}
.Preloader_Div
{ /*class for the div which display the Preloader*/
	z-index:1600 !important;
	position:absolute;
	width: 100px;	height: 100px;
	right:50%;	top: 50%;
	margin-right:-50px;	margin-top: -50px;
	display:none;
}

/* REGISTRATION CLASSES   */
.register-body 
{

	vertical-align: top;
	text-align:right;
	
}
.regiter-bottom 
{
	height: 30px;
	width: 450px;
	vertical-align: middle;
}

.reg-input-txt-bg {
	height: 27px;
	width: 200px;
	text-align: center;
	vertical-align:top;
}
.input-txt-des-bg 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 27px;
	width: 142px;
	text-align: right;
	vertical-align:top;
}
.input-txt-form1-bg
{
	height: 27px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.Input_S_Form
{
	width:190px;
	BORDER: 1px solid #CCCCCC;
	direction:rtl;
	background-color: #000000;
}
.Textarea_S
{	/* necessery for the textarea inside the contact messege*/
	border:1px solid #CCCCCC;
	overflow:auto;
	margin-right:-1px;
	height:90px;
	direction:rtl;
	scrollbar-face-color : #f4f4f4;
	scrollbar-highlight-color : #ffffff;
	scrollbar-3dlight-color : #ffffff;
	scrollbar-shadow-color : #ffffff;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-track-color : #FFFFFF;
	scrollbar-arrow-color : #000000;
	background-color: #000000;

}
.Text_Long
{
	width:32px;
	height:90px;
	padding-right:-22px;
	vertical-align:top;
	behavior: url(iepngfix.htc);

}
#blackout
{

	position:absolute;
	z-index:25000;
	margin-top:-60px;
	top:50%;
	left:50%;
	margin-left: -340px;
	height: 120px;
	width: 680px;

}

#black_bg{
	height: 100%;
	width: 100%;
	background-image: url(images/ccc.gif);
	background-repeat: repeat;
	position:absolute;
	z-index:24000;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		left: 0;
		top: 0;
		height: 100%;
		background: #aaa;
		width:30px;
	}
	.jScrollPaneDrag {
		position: absolute;
		background: #666;
		cursor: pointer;
		overflow: hidden;
	}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.jScrollPaneDragBottom 
	{
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
