﻿*{
	margin:0px;
	padding:0px;
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');
}
body         { font-family: Tahoma, Geneva, sans-serif; font-size: 12px;background-color:#FBFBF7}
.groundnotice { border:1px solid #FFFFFF; padding-top: 15px; padding-bottom: 5px }
.wrongajax   { border: 3px solid #FF0000; background-color: #FFFFFF }
.rightajax   { border: 1px solid #008000; background-color: #00FF00 }
.pagestd     {  color: #FFFFFF; border-style: solid; border-width: 1px; background-color: 
               #AB2972; padding-right: 8px }
.notice      { border: 1px solid #F8979A; background-color: #FFF4F8; padding-top:19px; padding-bottom:10px; padding-left:20px; padding-right:20px}
.BlocksUserImgDiv{
width:70px;height:70px;float: right; margin-left: 4px; margin-right: 4px;  background-repeat:no-repeat;background-size:cover;
}
.pages       { border: 1px solid #94225F }
a:link       { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-decoration:none; color:#0000FF }
a:visited    { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; text-decoration:none; color:#0000FF }
a:link       { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-decoration:none; color:#0000FF }
input        { border: 1px solid #CC0099;height:19px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;}
select       { font-family: Tahoma, Geneva, sans-serif; font-size: 12px }
textarea     { font-family: Tahoma, Geneva, sans-serif; font-size: 12px }
td           { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color:#000000;height:1px; }
table        { font-family: Tahoma, Geneva, sans-serif; font-size: 12px }
.r-td     { border: 1px solid #FFFFFF;height:23px; padding-right:10px;background-color:#8CBA6D;font-weight:bold;background-color:#9AB8FE}
.l-td     { border:1px solid #FFFFFF; color: #000000;padding-right:10px; height:23px;background-color:#FBFBF7;background-color:#FCFCFC}
.l-td2     { border:1px solid #FFFFFF; color: #000000;padding-right:10px; height:23px;background-color:#FFFFFF}
.l-msg { border:1px solid #FFFFFF; color: #000000; background-color:#ECEAEC; padding-right:10px; height:23px;; }
.h-td     { color: #FFFFFF; padding-right:13px; height:26px;background-color:#4F4F4F}
.sub-button     {height:25px; padding-left:7px; padding-right:7px}
.r-tdco     { background-color: #F3C7E0 }
.tab         {
 border: 1pt solid #0070DF}
.success {
    border-style:solid; border-width:1px; padding:5px; background-position: center;height:60px;color: #4F8A10;
  background-color: #DFF2BF;
}
.error {
  border-style:solid; border-width:1px; padding:5px; background-position: center; color: #D8000C;
  background-color: #FFBABA;
}
.info {
border:1px solid #0000FF; color: #00529B;
background-color: #BDE5F8; padding-top:10px; padding-bottom:10px
}
img{
	border:0px;
}
.dd, .chatboxhead {
	 background-image:url('../images/H-Td.jpg');
}
.dfa, .chatboxblink {
	background-image:url('../images/r-td.jpg');
	}
	.HeadTXTTile{
	font-family: 'Droid Arabic Kufi', Tahoma, Geneva, sans-serif;
	font-size:42px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:40px;
	}
	/*-------------------------------------------------------------------------------- توزيع الستايل بواسطة css*/
#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: right; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }
#cssmenu {
  background: #1E1E1E;
  border-bottom: 4px solid #D96685;
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; 
}
#cssmenu a {
    background: #1E1E1E;
    color: #CBCBCB;
    padding: 0 20px;
    font-size:16px; 
}
#cssmenu ul { text-transform: uppercase; }

    #cssmenu ul ul {
      border-top: 4px solid #D96685;
      text-transform: none;
      min-width: 190px; 
}
      #cssmenu ul ul a {
        background: #D96685;
        color: #FFF;
        border: 1px solid #0082e7;
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px; 
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }
   #cssmenu > ul > li > a { line-height: 48px;  }

#cssmenu ul ul li:first-child > a { border-top: 1px solid #0082e7; }
        #cssmenu ul ul li:hover > a { background: #35a6ff; }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #D96685; 
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
}
    #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
      background: #D96685;
      color: #FFF;
}
    #cssmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0; 
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
}

	/*----------------------------------------------------------------------------------------------------*/
.container {
min-width:950px;
}
.h-fTXT{
	color:#FFFFFF;
	padding-top:8px;
	text-align:center;
	width:100%;
	margin-left: auto ;/* عمل الديفي في المنتصف */
margin-right: auto;
}
.mini {
	width:950px;background:fuchsia;height:20px;
}
#header {
		height:229px;direction:rtl;
}
#header .h-first {
	height: 60px;
	background-color:#0070DF;
	width:100%;
}
#header .h1{
	height: 129px;width:100%;
	background-color:#0070DF;
	}
#header .h3 {
	height: 40px;
	width:100%;
	background-color:#A6D783;
}
#header .MarEh{
	padding-top:13px;
}
#header .h-sec{
	background-image: url(../images/head-new_11.jpg);
	height: 293px;
	width: 100%;
	background-repeat: repeat-x;
}
#header .h4 {
	background-image: url(../images/head-new_12.jpg);
	background-repeat: no-repeat;
	height: 293px;
	width: 482px;
	float: right;
}
#header .h5 {
	background-image: url(../images/head-new_10.jpg);
	background-repeat: no-repeat;
	height: 293px;
	width: 455px;
	float: left;
}
#header .h-thi{
	background-image: url(../images/head-new_15.jpg);
	height: 35px;
	background-repeat: repeat-x;
float: right;
width: 100%;
padding-top:7px;
}
#header .s-thi{
margin: 0 179px 0 80px;
}
#header .h6 {
float: right;
width: 179px; /*Width of right column*/
margin-right: -100%;
	background-image: url(../images/head-new_17.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#header .h7 {
float: right;
width: 80px; /*Width of left column*/
margin-right: -80px;
	background-image: url(../images/head-new_13.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
.newdiv{
clear: right;
width: 100%;
}
#contentwrapper{
float: left;
width: 100%;
}

#contentwrapper{
float: left;
width: 100%;direction:rtl;
}

#contentcolumn{
margin: 30px 220px 0px 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumnleft{
margin: 30px 220px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumnright{
margin: 30px 0px 0px 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumnleftright{
margin: 30px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -100%;
/*background: #C8FC98;*/
text-align:right;
}

#rightcolumn{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left marginto -(RightColumnWidth)*/
/*background: #FDE95E;*/
text-align:right;
}
.footerdiv{
	width:100%;
	clear:both;
	height:60px;
	text-align:center;
	 direction:rtl;
	 background-color:#1E1E1E;
	 color:#FFFFFF;
}
.footerdiv2{
	width:100%;
	height:20px;clear:both;
	text-align:center;
	 background-color:#D96685;
	 color:#FFFFFF;
}

.footerdiv_main{
	width:100%;
	height:41px;
	clear:both;
	background-image: url(../images/first_theme_118.jpg);
	background-repeat: repeat-x;
}
.foo-img_r{
	 width:179px;
	 height:41px;
	 float:right;
}
.foo-img_r2{
	 width:179px;
	 height:41px;
	 float:right;
}
.foo-img_l{
	 width:479px;
	 height:41px;
	 float:left;
}
.blk1-head_outer{
width: 210px;
height:40px;
background-color:#0070DF;border:1px #0070DF solid;
}
.blk1-head_in{
padding:14px 23px 0 62px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.blk1-body_outer{
width: 210px;
background-repeat:repeat-y;
background-color:#FFFFFF;
border:1px #0070DF solid;
}
.blk1-body_in{
padding:20px 10px 25px 10px;
}
.blk1-footer{
width:210px;height:10px;
background-color:#0070DF;
border:1px #0070DF solid;
}
.BlocksCont{
padding:20px 5px 20px 0px;
}
.blk2-head_outer{
width: 210px;
background-color:#D96685;
border:1px #D96685 solid;
height:40px;
}
.blk2-head_in{
padding:14px 23px 0 62px;
font-size:14px;
font-weight:bold;
}
.blk2-body_outer{
width: 210px;
background-color:#FFFFFF;
border:1px #D96685 solid;
}
.blk2-body_in{
padding:20px 10px 25px 10px;
}
.blk2-footer{
width:210px;height:10px;
background-color:#D96685;
border:1px #D96685 solid;
}

.blk3-head_outer{
width: 210px;
background-color:#6699FF;
border:1px #6699FF solid;
height:40px;
}
.blk3-head_in{
padding:14px 23px 0 62px;
font-size:14px;
font-weight:bold;
color:white;
}
.blk3-body_outer{
width: 210px;
background-color:#FFFFFF;
border:1px #278662 solid;
}
.blk3-body_in{
padding:20px 10px 25px 10px;
}
.blk3-footer{
width:210px;height:10px;
background-color:#278662;
border:1px #278662 solid;
}
.blk4-head_outer{
width: 210px;
background-color:#A5BF38;
border:1px #A5BF38 solid;
height:40px;
}
.blk4-head_in{
padding:14px 23px 0 62px;
font-size:14px;
font-weight:bold;
color:white;
}
.blk4-body_outer{
width: 210px;
background-color:#FFFFFF;
border:1px #A5BF38 solid;
}
.blk4-body_in{
padding:20px 10px 25px 10px;
}
.blk4-footer{
width:210px;height:10px;
background-color:#A5BF38;
border:1px #A5BF38 solid;
}

.blk5-head_outer{
width: 225px;
background-color:#D96685;
height:30px;
}
.blk5-head_in{
padding:6px 10px 0 18px;
font-size:16px;
font-weight:bold;
}
.blk5-body_outer{
width: 225px;
background-color:#fff;
background-repeat:repeat-y;
}
.blk5-head_outer2{
width: 225px;
background-color:#0070DF;
height:30px;
}
.blk5-body_outer2{
width: 225px;
background-color:#84C1FF;
background-repeat:repeat-y;
}
.blk5-head_outerBorder{
width: 225px;
border:1px #D96685 solid;
margin-bottom:5px;
}
.blk5-head_outerBorder2{
width: 225px;
border:1px #278662 solid;
margin-bottom:5px;
}
.blk5-body_in{
padding:3px 25px 0 6px;
min-height:75px;
}
.blk5-footer{
width:225px;height:5px;
background-color:#fff;
}
.blk5-footerM{
width:225px;height:5px;
background-color:#278662;
}
.cent{
	width:100%;
	height:62px;
	clear:both;
	background-color:#0070DF;
}
.centhead{
		padding:20px 40px 20px 0px;
		color:white;
		font-size:medium;
}
.centbody{
background-color:white;
direction:rtl;
border:1px #A5BF38 dashed ;
}
.centervalue{
	padding-right:20px;
	padding-left:20px;
	padding-bottom:30px;
}
.centdown{
width:100%;
height:10px;
background-color:#4D4D4D;
margin-bottom:20px;
}

/* NoImages V2 - Phase1 */
:root{--primary:#2f6fed;--radius:10px;}button,input,select,textarea{border-radius:var(--radius);}a{transition:.2s ease;}body{background:#f7f8fb;}
