html{
scrollbar-face-color:#000000;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
height:100%;
}
body 
{
background-color: #d2a7dc;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url('./images/BG.jpg');
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed
}
.login {
	font-family: "Traditional Arabic";
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.login2 {
	font-family: "Traditional Arabic";
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.newsletter {

	font-family: "Traditional Arabic";
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.writer {

	font-family: "Traditional Arabic";
	font-size: 17px;
	font-weight: bold;
	color: #990000;
}

.link {
MARGIN: 0px 1px 0px 0px; 
FONT: bold 16px Traditional Arabic; 
COLOR: #0060aa; 
DIRECTION: rtl; 
TEXT-DECORATION: none
}

.article_title {

	font-family: "Traditional Arabic";
	font-size: 23px;
	font-weight: bold;
	color: #990000;
}
.heading_title {

	font-family: "Traditional Arabic";
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}
.more {
	font-family: "Traditional Arabic";
	font-size: 14px;
	font-weight: bold;
	color: #A50000;
}
.left_titles {

	font-family: "Traditional Arabic";
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.BigText {
MARGIN: 0px 1px 0px 0px; 
FONT: normal bold 45px Arial; 
COLOR: #000000; 
DIRECTION: rtl;
TEXT-DECORATION: normal
}

.MediumText {
MARGIN: 0px 1px 0px 0px; 
FONT: normal bold 17px Arial; 
COLOR: #000000; 
DIRECTION: rtl;
TEXT-DECORATION: normal
}

.GreyTitle {
FONT: 24px Arial; 
COLOR: #666666; 
TEXT-DECORATION: none
}
.more_text {
	
	font-family: "Traditional Arabic";
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.small_text {
	margin-right: 1px;
	font-family: "Arial";
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
}

.small_text_black {
	margin-right: 1px;
	font-family: "Arabic Transparent";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.footer {
text-decoration: none ;
font-family:"Verdana"; 
font-size: 15px ; 
color: #000000; 
font-weight:none
}
.txtarea {	
BORDER-RIGHT: #FFFFFF 1px solid; 
BORDER-TOP: #FFFFFF 1px solid; 
BORDER-LEFT: #FFFFFF 1px solid; 
BORDER-BOTTOM: #FFFFFF 1px solid; 
BACKGROUND-COLOR: #000000; 
color: #ffffff
}

.filebox {	
BORDER-RIGHT: #CCCCCC 1px solid; 
BORDER-TOP: #CCCCCC 1px solid; 
BORDER-LEFT: #CCCCCC 1px solid; 
WIDTH: 220px; 
BORDER-BOTTOM: #CCCCCC 1px solid; 
HEIGHT: 18px; 
BACKGROUND-COLOR: #ffffff; 
color: #993300 
}
.txtboxsml{	
BORDER-RIGHT: #CCCCCC 1px solid; 
BORDER-TOP: #CCCCCC 1px solid; 
BORDER-LEFT: #CCCCCC 1px solid; 
WIDTH: 50px; 
BORDER-BOTTOM: #CCCCCC 1px solid; 
HEIGHT: 18px; 
BACKGROUND-COLOR: #f5f5f5; 
color: #993300
}
.txtboxmedi{	
BORDER-RIGHT: #CCCCCC 1px solid; 
BORDER-TOP: #CCCCCC 1px solid; 
BORDER-LEFT: #CCCCCC 1px solid; 
WIDTH: 110px; 
BORDER-BOTTOM: #CCCCCC 1px solid; 
HEIGHT: 18px; 
BACKGROUND-COLOR: #f5f5f5; 
color: #993300
}
.txtbox{	
BORDER-RIGHT: #FFFFFF 1px solid; 
BORDER-TOP: #FFFFFF 1px solid; 
BORDER-LEFT: #FFFFFF 1px solid; 
WIDTH: 150px; 
BORDER-BOTTOM: #FFFFFF 1px solid; 
HEIGHT: 14px; 
BACKGROUND-COLOR: #000000; 
color: #FFFFFF
}
.txtboxLong{	
BORDER-RIGHT: #CCCCCC 1px solid; 
BORDER-TOP: #CCCCCC 1px solid; 
BORDER-LEFT: #CCCCCC 1px solid; 
WIDTH: 180px; 
BORDER-BOTTOM: #CCCCCC 1px solid; 
HEIGHT: 18px; 
BACKGROUND-COLOR: #f5f5f5; 
color: #993300
}
.sel {
BORDER-RIGHT: #fff2d8 0px solid; 
BORDER-TOP: #fff2d8 1px solid; 
BORDER-LEFT: #ffffff 2px solid; 
BORDER-BOTTOM: #ffffff 2px solid; 
BACKGROUND-COLOR: #f5f5f5; 
color:#993300
}
.btn1 {	
BORDER-RIGHT: #ffffff 1px solid; 
BORDER-TOP: #ffffff 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BACKGROUND-COLOR: #000000; 
width: 110px; 
HEIGHT: 20px; 
COLOR: #ffffff; 
TEXT-DECORATION: bold 
}

.btn2 {	
BORDER-RIGHT: #ffffff 1px solid; 
BORDER-TOP: #ffffff 1px solid; 
BORDER-LEFT: #ffffff 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
BACKGROUND-COLOR: #990000; 
width: 110px; 
HEIGHT: 20px; 
COLOR: #ffffff; 
TEXT-DECORATION: bold 
}
.table{	
BORDER-RIGHT: #FFFFFF 1px solid; 
BORDER-TOP: #FFFFFF 1px solid; 
BORDER-LEFT: #FFFFFF 1px solid; 
BORDER-BOTTOM: #FFFFFF 1px solid
}
.table3{	
BORDER-RIGHT: #990000 1px dashed; BORDER-TOP: #990000 1px dashed; BORDER-LEFT: #990000 1px dashed; BORDER-BOTTOM: #990000 1px dashed}


.title1 {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 15px ; 
color:#990000; 
font-weight:bold
}

.title2 {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#006699; 
font-weight:bold
}

.linkBig:link {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#990000; 
font-weight:bold
}
.linkBig:visited {
text-decoration: none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#990000; 
font-weight:bold
}
.linkBig:hover {
text-decoration: none ;
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#818182; 
font-weight:bold
}
.linkBig:active {
text-decoration: none;
}


.linkMed:link {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#ffffff; 
font-weight:bold
}
.linkMed:visited {
text-decoration: none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#ffffff; 
font-weight:bold
}
.linkMed:hover {
text-decoration: none ;
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#ffffff; 
font-weight:bold
}
.linkMed:active {
text-decoration: none;
}


.linkBlack:link {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 16px ; 
color:#000000; 
font-weight:bold
}
.linkBlack:visited {
text-decoration: none; 
font-family:"Traditional Arabic"; 
font-size: 16px ; 
color:#000000; 
font-weight:bold
}
.linkBlack:hover {
text-decoration: none ;
font-family:"Traditional Arabic"; 
font-size: 16px ; 
color:#FFFFFF; 
font-weight:bold
}
.linkBlack:active {
text-decoration: none;
}


.linkLeft:link {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 17px ; 
color:#990000; 
font-weight:bold
}
.linkLeft:visited {
text-decoration: none; 
font-family:"Traditional Arabic"; 
font-size: 17px ; 
color:#990000; 
font-weight:bold
}
.linkLeft:hover {
text-decoration: none ;
font-family:"Traditional Arabic"; 
font-size: 17px ; 
color:#000000; 
font-weight:bold
}
.linkLeft:active {
text-decoration: none;
}

.linkSmall:link {
text-decoration:underline; 
font-family:"Arial"; 
font-size: 15px ; 
color:#4E7FCE; 
font-weight:normal
}
.linkSmall:visited {
text-decoration: underline; 
font-family:"Arial"; 
font-size: 15px ; 
color:#4E7FCE; 
font-weight:normal
}
.linkSmall:hover {
text-decoration: none ;
font-family:"Arial"; 
font-size: 15px ; 
color:#cccccc; 
font-weight:normal
}
.linkSmall:active {
text-decoration: none;
}

.SubLinkBig:link {
text-decoration:none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#006699; 
font-weight:bold
}
.SubLinkBig:visited {
text-decoration: none; 
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#006699; 
font-weight:bold
}
.SubLinkBig:hover {
text-decoration: none ;
font-family:"Traditional Arabic"; 
font-size: 20px ; 
color:#990000; 
font-weight:bold
}
.SubLinkBig:active {
text-decoration: none;
}

.nav:link {
text-decoration:none; 
font-family:Arial; 
font-size: 17px ; 
color:#b280b5; 
font-weight:bold
}
.nav:visited {
text-decoration: none; 
font-family:Arial; 
font-size: 17px ; 
color:#b280b5; 
font-weight:bold
}
.nav:hover {
text-decoration: none ;
font-family:Arial; 
font-size: 17px ; 
color:#FFFFFF; 
font-weight:bold
}
.nav:active {
text-decoration: none;
}

.MenuLink:link {
text-decoration:none; 
font-family:"Arial"; 
font-size: 18px ; 
color:#FFFFFF; 
font-weight:none
}
.MenuLink:visited {
text-decoration: none; 
font-family:"Arial"; 
font-size: 16px ; 
color:#FFFFFF; 
font-weight:bold
}
.MenuLink:hover {
text-decoration: none ;
font-family:"Arial"; 
font-size: 16px ; 
color:#676767; 
font-weight:bold
}
.MenuLink:active {
text-decoration: none;
}


.FooterLink:link {
text-decoration:none; 
font-family:"Verdana"; 
font-size: 16px ; 
color:#FFFFFF; 
font-weight:bold
}
.FooterLink:visited {
text-decoration: none; 
font-family:"Verdana"; 
font-size: 16px ; 
color:#FFFFFF; 
font-weight:bold
}
.FooterLink:hover {
text-decoration: none ;
font-family:"Verdana"; 
font-size: 16px ; 
color: #000000; 
font-weight:bold
}
.FooterLink:active {
text-decoration: none;
}


.FooterLinkBlack:link {
text-decoration:none; 
font-family:"Verdana"; 
font-size: 15px ; 
color:#000000; 
font-weight:bold
}
.FooterLinkBlack:visited {
text-decoration: none; 
font-family:"Verdana"; 
font-size: 15px ; 
color:#000000; 
font-weight:bold
}
.FooterLinkBlack:hover {
text-decoration: none ;
font-family:"Verdana"; 
font-size: 15px ; 
color: #cccccc; 
font-weight:bold
}
.FooterLinkBlack:active {
text-decoration: none;
}

.VideoLink:link {
text-decoration:none; 
font-family:"Arial"; 
font-size: 14px ; 
color:#FFFFFF; 
font-weight:bold
}
.VideoLink:visited {
text-decoration: none; 
font-family:"Arial"; 
font-size: 14px ; 
color:#FFFFFF; 
font-weight:bold
}
.VideoLink:hover {
text-decoration: none ;
font-family:"Arial"; 
font-size: 14px ; 
color:#676767; 
font-weight:bold
}
.VideoLink:active {
text-decoration: none;
}

.img {
BORDER-RIGHT: #49445b 1px solid; 
BORDER-TOP: #49445b 1px solid; 
BORDER-LEFT: #49445b 1px solid; 
BORDER-BOTTOM: #49445b 1px solid
}

.img:visited {
BORDER-RIGHT: #49445b 1px solid; 
BORDER-TOP: #49445b 1px solid; 
BORDER-LEFT: #49445b 1px solid; 
BORDER-BOTTOM: #49445b 1px solid
}

.img:hover {
BORDER-RIGHT: #49445b 1px solid; 
BORDER-TOP: #49445b 1px solid; 
BORDER-LEFT: #49445b 1px solid; 
BORDER-BOTTOM: #49445b 1px solid;
opacity:0.4;filter:alpha(opacity=40)
}

.img:active {
BORDER-RIGHT: #49445b 1px solid; 
BORDER-TOP: #49445b 1px solid; 
BORDER-LEFT: #49445b 1px solid; 
BORDER-BOTTOM: #49445b 1px solid;
opacity:0.4;filter:alpha(opacity=40)
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

.mainTitle {
text-decoration:none; 
font-family:"Arial"; 
font-size: 18px ; 
color:#ffffff; 
font-weight:bold
}

.SmallTitle {
text-decoration:none; 
font-family:"Arial"; 
font-size: 14px ; 
color:#ffffff; 
font-weight:bold
}

.SmallTitleBlack {
text-decoration:none; 
font-family:"Arial"; 
font-size: 14px ; 
color:#000000; 
font-weight:bold
}

.RedTitle {
text-decoration:none; 
font-family:"Arial"; 
font-size: 16px ; 
color:#F40400; 
font-weight:bold
}