﻿*{margin:0px; padding:0px; outline:0px;}
   

body {
	background: #0b1725 url('../images/bg.jpg') repeat-x    top center  fixed  ;
	font-family: 'Arial', Tahoma , sans-serif;
	color:#FFF;
	font-size:12px;
	direction:rtl;
}
a{
color:#006699; text-decoration:none;
}
 a:hover {
	color:#cc6600;
}

#Container{
	width:955px;
	position:relative;
	margin-left:auto;
	margin-right:auto;

}
/*--------Start header--------*/ 

#Container #header{
	height:160px;
	color:#000;
	margin-bottom:20px;
	
} 

/* Start Menu WRAP */ 
#Container #header #menu {
	  margin: 0px auto 30px;
	  width: 950px; 
	  height:30px; 
	  background:url(../images/top-menu.png);
   }
#Container #header #menu ul{
	float:right;
	padding-top:5px;
	margin-right:15px;
}
#Container #header #menu ul li {
	display:inline;
	margin-left:20px;
	font-size:8pt;
	font-weight:bold;
}
#Container #header #menu ul li a {
	padding:1px;
		  color:#F1F1F1;

	line-height:10pt;
	text-decoration:none
}
#Container #header #menu ul li a:hover {
	color:#FFCC33;
}
/* End Menu WRAP */ 

/*--------Start Logo--------*/
#Container #header #logo{
	background:url('../images/logo.png')  no-repeat ;
	width:240px;
	height:60px;
	margin-top:10px;
	padding-right:20px;
}
/*--------End Logo--------*/ 

/*--------End header--------*/ 


#Container #Content{
	color:#003366;
	padding:5px;
	text-align: center;


} 
#Container #Content #center-cont{
	width:955px; 
	background: transparent url('../images/container.png') repeat-y;
	margin:0 auto ;

}

#Container #Content #top-cont { 
	width:955px; 
	background:transparent url(../images/top-container.png) no-repeat ;
	height:45px;
}

#Container #Content #bottom-cont {
	  width:955px;
	  background:transparent url(../images/bottom-container.png) no-repeat ;
	  height:49px;
	  margin-bottom:50px;
  }

#Container #Content #cont #credit {
	width: auto;
	margin-left:30px;
	margin-right:30px;
	

}

#Container #Content #cont #credit #rightpanels{
	float:right;
	width:180px;
	margin-left:10px;
	padding:5px;

}

#Container #Content #cont #credit #leftpanels{
	 float:left;
	 width:180px;
	 margin-right:10px;
}
#Container #Content #cont #credit #centerpanels{
	width:auto;
	margin-right:190px;
	margin-left:190px;
	text-align:right;	 padding:5px;

}

#Container #Content #cont #credit .head{
	background: url('../images/bg_but.jpg') repeat-x ;   background-color:#d2de36;
	height:15px;
	font-family: 'Arial', Tahoma , sans-serif;
	padding:5px 5px 5px 5px;
	font-size:16px;
	font-weight:bold;
	margin: 0;
	color: #FFF;

}

#Container #Content #cont #credit .head2{
	background:#508fc4;
	border-right: 20px solid #1958b7;
	color:#FFF;
	padding:5px ;
	font-weight:bold;
	text-align:right;
	
}


#Container #Content #cont #credit .bodypanels{
	margin-bottom:10px; background-color:#d2de36;
	text-align:right;
}

#Container #Content #cont #credit .bodypanels2{
	padding:5px ;
	border-bottom:1px #666600 dotted;	 
	border-right:1px #666600 dotted;
	border-left:1px #666600 dotted;
	margin-bottom:10px;
	text-align:right;
}


#Container #Content #cont #credit .imgpanels{
	padding:5px ;
	background:#F4F4F4;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px #C9C9C9 solid ;	 
	border-right:1px  #C9C9C9 solid ;
	border-left:1px   #C9C9C9 solid  ;



}

#Container #Content #cont #credit .footer{
	height:40px;
	color:#000000;
	text-align:center;
	margin-top:40px;

}



.clear{
	clear:both;
}

/*-------------------------------------------------*/

#blueblock{
width: 180px;
background: url('../images/img22.gif') no-repeat bottom center;
padding-bottom:20px;
font-size: 10pt;
font-weight: bold;/*شكل الخط*/
color: #333333;
}

* html #blueblock{ /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #508fc4;
border-right: 10px solid #1958b7;
background-color: #2175bc;
color: #FFFFFF;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #5ba3e0;
border-right: 10px solid #1c64d1;
background-color: #2586d7;
color: #FFFFFF;
}
/*-------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
padding: 0;
width: 180px;
background: url('../images/img22.gif') no-repeat bottom center;
padding-bottom:20px;
font-size: 8pt;
color: #333333;

}

.glossymenu li a{
background: url(../images/glossyback.gif) repeat-x bottom left;
display: block;
width: auto;
padding: 3px 0;
padding-right: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
}


/*------------------------------*/

/* Width can be changed up to 1400px */
.gbtp, .gbtprt, .gbrt, .gbbotrt, .gbbot, .gbbotlt, .gblt, .gbtplt{background-color: transparent;
}
.gbtp{background-image:url(../images/wtop606.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;
}
.gbtprt{background-image:url(../images/wtopright704.jpg);
background-position: 100% 0%;
background-repeat: no-repeat;
}
.gbrt{background-image:url(../images/wright697.jpg);
background-position: 100% 0%;
background-repeat: repeat-y;
}
.gbbotrt{background-image:url(../images/wbotright176.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
}
.gbbot{background-image:url(../images/wbot484.jpg);
background-position: 50% 100%;
background-repeat: repeat-x;
}
.gbbotlt{background-image:url(../images/wbotleft204.jpg);
background-position: 0% 100%;
background-repeat: no-repeat;
}
.gblt{background-image:url(../images/wleft408.jpg);
background-position: 0% 100%;
background-repeat: repeat-y;
}
.gbtplt{background-image:url(../images/wtopleft784.jpg);
background-position: 0% 0%;
background-repeat: no-repeat;
}
/* your content */
.gbcontent{padding:30px;
padding-top:5px;
}
/*Change the padding between border and text */
.gbbigtext{color:#336699;
font-size:12pt;
font-weight:bold;
padding:5px 5px 20px 5px ;

}
.gbcontent p{color:#666666;
font-size: 10pt;
}


/*------------------------CoodFooter - Traweq.com-AsemaAlkohif-------------------------------*/
#footer{
	background-image: url('../images/bg_foter.jpg')  ;/*خلفية الجدول*/
	background-repeat:repeat-x;
	height: 200px; /*طول الجدول*/
	width: 100%;
	padding-top:20px;
	padding-bottom:5px;
}
.footer-links{
	height: 200px;
	background-repeat:repeat-x;
}
.footer-links {
	padding: 0px;
	margin: 0px;
	height: 200px;
	overflow: hidden;
	text-align: right;
}
.footer-links ul {
	padding: 0px;
	float: right;
	width: 15%;
	text-align: right;
	margin-top: 1.3em;
	margin-right: 10px;
}
.footer-links li {
	list-style-type: none;
}
/*الروابط*/
.footer-links li a {
	padding: 3px 5px 3px 0px;
	height: 18px; /*الطول*/
	display: block;
	border-right-style: solid; /* شكل الحد*/
	border-right-width: 2px; /*حجم الحد*/
	border-right-color: #FFF; /*لون الحد*/
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 10pt;/*حجم الخط*/
	font-weight: bold;/*شكل الخط*/
	text-decoration: none;
}
/*بعد التأشير على الروابط*/
.footer-links li a:hover {
	text-decoration: none;
	color:#F1F1F1;
	border-right-color: #f3f3f3; /*لون الحد*/
	background-image: url('images/tblend.gif'); /*خلفية*/
}


#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	color: #ccff00;
	background: black;
}

#legal a {
	border-bottom: 1px dotted #939393;
	text-decoration: none;
	color: #939393;
}


/*------------------------CoodFooter - Traweq.com-AsemaAlkohif-------------------------------*/

