/* HTML Elements */

* {
	margin:0;
	padding:0;
	outline:none;
	}


html {
/*Firefox scrollbar fix*/
	}
	
body {
/*Firefox scrollbar fix*/
	}


	
body {
	color: #666; font-family:"Conv_STC-Regular"; font-size:15px; text-align:justify; background:#fff url('images/bg_all.jpg') top center repeat-x; direction:rtl; text-align:right
	
	}
	
textarea {
	font: 12px arial;
	}

input {
	font: 12px arial;
	}

select {
	font: 13px arial;
	}

a { text-decoration:none;}
a:hover { text-decoration:underline;}


ul{
	margin:0px auto;
	padding:0px;
}

li{
	list-style:none;
}

a:visited img {
	border:0;
	}

a:link img {
	border:0;
	}

img {
	border:0;
	}
div   {	text-align:right}
h1 {  width:356px; float:right; padding:12px 9px 0 0; margin:0; color: #008bcb; font:bold 16px Arial; text-align:right }
h2 { float:right; width:100%; padding:0 0 10px 0; margin:7px 0 10px; /*background:url('images/doubldot.jpg') bottom left repeat-x;*/ color: #fff; font:bold 16px Arial; text-align:right }



        .styleGuidlinesDB1
        {
            font-weight: bold;
            text-decoration : underline;
            color:Blue;
        }
       
  .styleGuidlinesDB2
        {
            font-weight: bold;
            text-decoration : underline;
            color: black;
        }
       

/* login */

/* main */
.bgmain {padding:0; margin:0 auto; width:1002px }
.datetop { padding:0; height:31px; margin:0 10px; color:#fff; font:normal 12px arial; width:982px; text-align:left; }
.holdall  { padding:0 0px; margin:0 auto; width:982px; float:right; background:#fff}

/* header */
.main {padding:0; margin:0 auto; width:982px;  float:right}

.header { width:982px; margin:0; padding:0 0px; float:right; }
.header .logo { width:990px; float:right; margin:0; padding: 0; }
.arabiclogo  { width:188px; float:right; margin:15px 0 0 0; padding: 0;}
.logocenter  { width:151px; float:right; margin:0 225px 0 0; padding: 0;}
.englishlogo { width:214px; float:left; margin:15px 0 0 0; padding: 0;}

.header .left { width:320px; float:left; margin:0; padding:0;}
.socil     { width:100px; float:left; margin:9px 0 0 0; padding:0;}
.socil p        {text-align:center; float:right; font:bold 14px Arial; color:#272727; line-height:1.2em;}
.socil a        {font: bold 14px Arial; color:#272727; text-decoration:none; padding:0px; margin:0 5px 0 5px;}
.socil a:hover  {text-decoration:none; color:#ca0000}

.socilb     { width:232px; float:left; margin:25px 0 0 0; padding:0 0 0 16px;}
.icon       { float:left; width:16px; margin:0 6px 0 0}
.icon a      { margin:0}
.call       { float:left; width:146px; margin:0 ; padding:8px 0 0 0}
.search      { width:195px; float:left; height:25px; margin:6px 0 1px 0; padding:1px 4px 5px 6px; background : url('images/bg_search.png') top left no-repeat;}
.searchzone  { width:164px; float:right; margin:0; padding:0;}
.searchbtn   { width:25px; float:left; margin:0; padding:0 6px 0 0;}

.linktop          {margin:0; padding:15px 0 0 0;  width:320px; float:left; direction:ltr}
.linktop p        {font:normal 12px arial; color:#838383; text-align:left; }
.linktop a        {font: normal 12px arial; color:#838383; text-decoration:none; padding:0 4px;}
.linktop a:hover  {text-decoration:none; color:#c40000}
.menus    { float:right; width:982px; margin:0 0 7px; height:40px; border-bottom:1px #d5d5d5 solid; border-top:1px #d5d5d5 solid;}
.mainmenu  { float:right; width:699px}
.holdbanner   { width:982px; height:275px; margin:0; padding:0; float:right; }
.rightbanner   { float:right; width:281px }
.banner      { width:701px; height:325px; margin:0; padding:0; float:right;}
.minstryword         { width:920px; border:1px #e6e6e6 solid; margin:10px; padding:10px 20px; float:right }
.meds         { width:962px; margin:0; padding:10px; float:right }
.meds .rightzone   { width:699px; margin:0; padding:0; float:right }
.meds .leftzone   { width:248px; margin:0; padding:0; float:right }
.meds .spire      { width:15px; height:10px; margin:0; padding:0; float:right; }
.lastsection   { width:699px; margin:0; padding:0; float:right; }
.hedhomtitl        { width:460px; height:31px; margin:0 0 8px 0; color:#008bcb; padding:0; float:right;}
.moree          { float:left; width:48px; padding:10px 0 0 22px; background: url('images/bg_arrow.jpg') no-repeat;}
.moree a        { color:#c6c6c6; font:normal 14px arial }
.moree a:hover       { color:#000; text-decoration:none }
.holdhom         { float:right; width:480px}
.holdhoms         { float:right; width:683px; padding:10px 10px 0 0}
.holdhomstow         { float:right; width:460px; padding:10px 10px 0 0}
.holdhomstows        { float:right; width:222px; padding:10px 10px 0 0}
.tablenews   {width: 100%; margin:0 0 12px 0; }
.tablenewss   {width: 100%; margin:0 0 3px 0; }
.rightnew    { float:right}
.rightnew img    {width:135px;margin:0 0 0 15px}
.newshomt    {float:right;min-width:330px;}
.titlnews    {width:95%; margin:0; height:15px; padding:5px; background:#e3e3e3; border-right:4px #b4b4b4 solid; }
.titlnews a   { margin:0 0 6px 0;   font:bold 14px arial; color:#000}
.titlnews a:hover   { color:#c40000; text-decoration:none}
.datenew       {width:100%; margin:0; padding:3px 0; font:normal 11px arial; color:#ba0000}
.txtnews       { width:100%; margin:0; height:44px; vertical-align:top;}

.boxpro    { float:right; width:224px; padding: 0 8px; margin:0 0 8px 0}
.txtprog   { float:right; text-align:justify; min-height:66px; width:224px}
.hedprog  { float:right; width:224px; margin:0 0 6px 0}
.iconprog  { width:53px; float:right; text-align:right; margin:0 9px 0 0}
.titlsprog  { width:162px; float:right; text-align:right}
.titlsprog a  { font:bold 14px arial; color:#d9171d}

.dots        { width:3px; height:150px; margin:0; padding:0; float:left; background : url('images/dots.jpg') repeat-y;}
.formtextb2    { width:226px; height:20px; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#666; FONT-FAMILY: Arial; border:0px; padding:3px; margin:0; background:#e6e6e6;}
.formtextb3    { width:158px; float:right ; height:20px; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#666; FONT-FAMILY: Arial; border:1px #949494 solid; padding:3px; margin:10px; background:#f3f3f3;}
.formtextb1    { width:158px; height:18px; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#999999; FONT-FAMILY: Arial; border:0px; padding:1px; margin:0; background:none;}
.submitseacch  {cursor: pointer; border:0px; width:25px; height:21px; background:none; float:right; padding:0; margin:0;}
.langu          { float:left; width:80px; text-align:left; padding:15px 0 0 10px }
.langu a         { color:#ffab09; font:bold 12px arial }
.langu a:hover         { color:#fff; text-decoration:none }

.sanad      { width:222px; float:right; padding:10px 0 0 0 }
.sanads      { width:460px; float:right; padding:10px 0 0 0 }
.submitee         {cursor: pointer; border:0px; width:69px; height:23px; float:right; background: url(images/bg_loginbtn.jpg) repeat-x; text-align:left; padding:0 0 0 26px; margin:0; font: bold 11px Verdana; color:#999999;}
.submitees         {cursor: pointer; border:0px; width:64px; height:25px; float:right; background: url(images/bg_submite.jpg) repeat-x; text-align:center; padding:0; margin:0; font: normal 11px Verdana; color:#000;}

.redmorfot          { float:right; width:207px; margin:0; padding:0 0 0 15px; text-align:left; background: url(images/grayarrow.jpg) no-repeat;}
.redmorfot a          { color:#f1b000; font:bold 14px arial }
.maplinks          { float:right; width:222px; min-height:140px; margin:0; padding:0;}
.maplinks span          { color:#f1b000}
.maplinks ul    {margin:0; padding:0; list-style:none;}
.maplinks ul li {margin:0; padding:2px 0 2px 0; float:right; min-height:20px; width:222px}
.maplinks a     {  float:right; background:url('images/bg_arrlinks.jpg') top right no-repeat; padding:3px 15px 4px 0; color:#ccc; font: bold 14px arial;  text-decoration:none;}
.maplinks a:hover {font: bold 14px arial; color:#fff; text-decoration:none; }
.arrowlink         {  }

/* footer */

.footerone          {margin:0; padding:10px; background:#3a3a3a;  width:962px;	height: 130px; float:right}
.footlane           {margin:0; padding:0;  width:300px; float:right}
.footlanes          {margin:0; padding:0;  width:248px; float:right}
.footspir           {margin:0; padding:0;  width:16px; height:10px; float:right}
.picfot             {margin:0; padding:0 0 10px 0;  width:234px; float:right; font:normal 14px arial; color:#f2f2f2}
.picfots             {margin:0; padding:0 0 4px 0;  width:234px; float:right; font:normal 13px arial; color:#ababab}
.picfot img            {width:234px}
.txtboxm             {margin:0; padding:3px 0 10px 0;  width:234px; height:28px; float:right; background: url(images/bg_newsleter.jpg) top right no-repeat;}
.newsletxt    {float:right; width:234px; padding:0 0 4px 0;}
.errormail    {float:right; width:166px; padding:0 ; font:bold 13px arial; color:#f1b000}
.btnjoin    {float:left; width:68px; padding:0 ;}
.submitscreb  {border-style: none;
	border-color: inherit;
	border-width: medium;
	cursor: pointer; color:#3e3e3e; width:63px; height:27px; background:url('images/bg_subscrib.jpg') no-repeat; float:left; text-align: center; padding:0; margin:5px 0 5px 20px;
}


.shadetabs{
padding: 3px 0;
margin-right: 5px;
margin-top: 0;
margin-bottom: 0;
font: bold 13px arial; height:20px;
list-style-type: none; direction:rtl;
text-align: right; /*set to left, center, or right to align the menu as desired*/
*float:right; *direction:ltr;*height:28px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 15px;
margin-right: -5px;
border: 1px solid #dddddd;
color: #575757;
background: #f5f5f5;
*float:right; *margin-right: -1px;

}

.shadetabs li a:visited{
color: #008BCB;
}

.shadetabs li a:hover{
text-decoration: none;
color: #008BCB; background: #fff;

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative; color:#d9171d;
top: 0;
}

.shadetabs li a.selected{ /*selected main tab style */
background: #fff; padding:10px 15px 7px 15px;
border-top:1px #dddddd solid;
border-left:1px #dddddd solid;
border-right:1px #dddddd solid;
border-bottom:1px #fff solid; *margin-top:-3px
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.tabcontentstyle{ /*style of tab content oontainer*/
border:1px solid #dddddd; width:677px; margin-bottom: 0; background:#fff; padding: 10px; min-height:152px}

.tabcontent{
display:none;
}

.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}

.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}

.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid #e00000;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 222px; /*Width of Carousel Viewer itself*/
height: 210px; margin:3px 0 0 0;  /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: right; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 12px 0 0; /*margin around each panel*/
width: 220px;
  /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.section       { float:right; width:220px; margin:0; padding:0;}
.section .photo{ float:right; width:220px; margin:0; padding:0;}
.section .photo img{ border:1px #ddd solid; width:218px}
.section .txtx { float:right; width:206px; background:#f6f6f6; min-height:22px; margin:0; padding:13px 7px 7px; text-align:center}
.section .txtx span{ color:#ca0e0d}
.section .txtx a { margin:0; padding:3px 0; font:bold 16px arial; color:#ca000e; margin:0 0 4px 0}
.section .txtx a:hover {color:#000; text-decoration:none}



.stepcarousel2{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 690px; /*Width of Carousel Viewer itself*/
height: 210px; margin:3px 0 0 0;  /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel{
float: right; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 12px 0 0; /*margin around each panel*/
width: 220px;
  /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}





.footers          {margin:0; padding:15px 0;  width:982px; float:right; background :#222; border-top:1px #484848 solid }
.footers p        {text-align:center; font:bold 13px Arial; color:#ababab; line-height:1.8em;}
.footers a        {font: normal 13px Arial; color:#ababab; text-decoration:none; padding:0px; margin:0 5px 0 5px;}
.footers a:hover  {text-decoration:none; color:#fff}


#slider_home
{
  height:275px;
  margin:0 0 84px
}

#slider_home .slider_inner
{
  margin:0 auto;
  position:relative; text-align:left;
  width:701px
}

#slider_home .navigation_button
{
  display:block;
  height:111px;
  position:absolute;
  top:85px;
  width:10px
}

#slider_home .navigation_left
{
  background:transparent url(images/slider_home_left.jpg) no-repeat;
  left:0; z-index:1000
}

#slider_home .navigation_right
{
  background:transparent url(images/slider_home_right.jpg) no-repeat;
  right:0; z-index:1000
}

#slider_home .slider_images
{
  left:0;
  top:0
}

#slider_home .slider_images li
{
  left:0;
  top:0
}

#slider_home .slider_images li,#slider_home .slider_images
{
  height:275px;
  overflow:hidden;
  position:absolute;
  width:701px
}

#slider_home .slider_text
{
  left:15px; background:url(images/bg_slider.png);
  position:absolute;
  top:180px; display:none;
  width:284px; height:140px;
  z-index:999; 
}

#slider_home .slider_text li
{
  color:#FFF; 
  left:0;
  position:absolute;
  top:0; text-align:right
}

#slider_home .slider_text h3
{
  display:block; width:264px;
  font:bold 18px arial;
  margin:0; padding:10px; }

#slider_home .slider_text .line
{
  background-color:#FFF;
  height:1px;
  width:215px
}

#slider_home .slider_text p
{
  color:#fff; font:normal 15px arial; width:264px;
  margin:0; padding:4px 10px; min-height:50px; 
}

#slider_home .slider_text span
{
  width:264px;
  margin:0; padding:4px 10px;
  
  }
  
.slider_text a
 {
	float:left; width:61px; height:24px; background:url(images/bg_subscrib.png);
 font:bold 14px arial; color:#fff; text-align:center; margin:0 0 0 20px; padding:0
	
	}
	
.slider_text a:hover
 { text-decoration:none	}
	
	
.navigation
{
  float:right; width:872px; padding:0;

  margin:0; z-index:10000;
}

.navigation li
{
  display:inline; z-index:10000;
  float:right; background:url(images/leftbodmenu.jpg) top left no-repeat ;
  margin-right:0; text-align:center;  position:relative
}

.navigation li a
{
  color:#616161; 
  display:block; font: bold 15px arial;
   height:28px; 
  padding:12px 13px 0;
  text-decoration:none; 
}
.navigation li a.active
{
 color:#fff; background:#ca000e;
  float:left;}


.navigation .sfHover a,.navigation li:hover a
{
  color:#fff; background:#ca000e;
  float:left;
}

.navigation .sfHover .active_end,.navigation li:hover .active_end
{
}

.navigation li.active a
{
  color:#fff;
  float:left;
}

.navigation .active_end
{
  display:none;
  float:right;
  height:47px;
  width:6px
}

.navigation .active .active_end
{
  background:transparent url(images/nav_current.png) no-repeat scroll right top!important
}

.navigation .sfHover .active_end,.navigation li:hover .active_end,.navigation .active .active_end
{
  display:block
}

.navigation li ul
{
  display:block; z-index:10000;
  right:0;
  margin-top:40px;
  position:absolute; color:#000;
  visibility:hidden; 
  z-index:10000;
  background:#cccccc;
  
}

.navigation li:hover ul
{
  visibility:visible; z-index:10000;
}

.navigation li ul li
{
  background:#090909; z-index:10001;
  display:block; width:140px;
  float:none; text-align:right;
  margin:0; padding:0; height:30px;
  padding-right:13px
}

.navigation li ul li:hover
{
  background-image:url(images/nav_sub_active.png)
}

.navigation li ul li a
{
z-index:10000;
  background:none!important;
  color:#000;
  float:none!important;
  font-size:12px;
  height:30px;
  line-height:30px;
  min-width:190px;
  padding:0!important;
  width:100%
}

.navigation li ul li ul
{
  left:203px; z-index:10000;
  padding-left:1px;
  padding-top:0;
  top:0;
  visibility:hidden!important
}

.navigation li ul li:hover ul
{
  z-index:10000; visibility:visible!important
}

.sf-sub-indicator
{
  z-index:10000; display:none
}

.navigation li ul .sf-sub-indicator
{
  background:transparent url(images/nav_arrow.png) no-repeat scroll;
  display:block;
  height:10px;
  position:absolute;
  right:6px;
  text-indent:-3000px;
  top:11px;
  width:7px; z-index:10000;

}

.maplinkss          { float:right; width:458px; min-height:156px; margin:0; padding:0 10px 3px 0; direction:rtl; text-align:right}
.maplinkss ul    {margin:0; padding:0; list-style:none;}
.maplinkss ul li {margin:0; list-style:none; padding:5px 0 5px 0; float:right; min-height:20px; width:458px}
.maplinkss a     {  float:right; background:url('images/bg_arrlink.png') top right no-repeat; padding:3px 15px 4px 10px; color:#636363;  text-decoration:none; font: bold 14px arial;}
.maplinkss a:hover {font: bold 14px arial; color:#000; text-decoration:none; }
.arrowlinkss        {background:url('images/doubldot.png') bottom no-repeat;  }


.blutitle       { float:right; width:236px; color:#fff; font:bold 15px arial; background:#ca000e; height:29px; padding:11px 12px 0 0}
.blutitles       { float:right; width:440px; color:#2f6a96; margin:0 8px 0 0; font:bold 15px arial; background:url('images/bg_blutitsor.jpg') top right no-repeat; height:29px; padding:10px 15px 0 0}
.blutitless       { float:right; width:208px; color:#2f6a96; padding:10px 15px 0 0; font:bold 15px arial; height:29px; margin:0 0 8px; background:url('images/bg_blutitsor.jpg') top right no-repeat; }
.grayleft       { float:right; width:248px; background:#f6f6fa; padding:0; margin:8px 0 8px; }
.quisvot       { float:right; width:226px; margin:0 0 10px 0; font:bold 14px arial; color:#575757; text-align:justify }
.radiobox       { float:right; width:22px; height:15px; padding:3px 0 0 0 }
.selekt        { float:right; width:90px; margin:0 0 10px 0; font:normal 14px arial; color:#000; text-align:justify }
.btnzon        { float:left; width:68px; margin:10px 0 0 0 }
.btnvotzon        { float:right; width:158px; }

.forgh   { float:right; width:226px; margin:20px 0 0 0}

.marknews    { float:right; width:982px; border-top:4px #ebebeb solid; padding:11px 0 0 0; background:#ca000e; height:38px }
.ahmelakbar    { float:right; width:78px; padding:0 20px 0 0; color:#eaeaea; font:bold 20px arial }
.bgmarq     { float:right; width:53px; margin:0 0 0 12px }

.picabout     { float:right; border:1px #c8c8c8 solid; background:#fff; padding:1px; margin:7px 5px 0 0}
.txtabout     { float:right; width:455px; padding:10px 10px 0 0; text-align:justify; line-height:1.3em}
.moreabout     { float:right; width:47px; background:url('images/bg_arrowg.jpg') top left no-repeat;}
.moreabout a    {  color:#008bcb; font-weight:bold}

#marqi      { width:800px; float:right; padding:3px 0 0 0; margin:0 0 0 19px; height:20px }
.marky_news             {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
.marky_news :link		{FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
.marky_news :visited	{FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none;}
.marky_news :hover	    {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:#ffffff; FONT-FAMILY: arial; TEXT-DECORATION: underline;}


@font-face {
 font-family: 'Conv_STC-Bold';
 src: url('/wps/wcm/connect/arabic/css/resources/b/2/b2337a3b-440d-4428-8692-23bf59c4660c/STC-Bold.eot');
 src: local('?'), url('/wps/wcm/connect/arabic/css/resources/3/f/3f95105f-5144-4f88-be83-dd9a5af41728/STC-Bold.woff') format('woff'), url('/wps/wcm/connect/arabic/css/resources/6/e/6eddb1d8-b458-4749-bd8c-4b4e2e64009c/STC-Bold.ttf') format('truetype'), url('/wps/wcm/connect/arabic/css/resources/6/b/6bbabfe8-a051-4b08-b6e6-ebcb60e68c29/STC-Bold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'STC-Bold';
 src: url('/wps/wcm/connect/arabic/css/resources/b/2/b2337a3b-440d-4428-8692-23bf59c4660c/STC-Bold.eot');
 src: url('/wps/wcm/connect/arabic/css/resources/6/e/6eddb1d8-b458-4749-bd8c-4b4e2e64009c/STC-Bold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_STC-Italic';
 src: url('/wps/wcm/connect/arabic/css/resources/d/1/d1ad2fb4-23af-4d4c-bea9-62fde0ebfb1b/STC-Italic.eot');
 src: local('?'), url('/wps/wcm/connect/arabic/css/resources/f/4/f434ea9a-78f9-4560-b9b7-53a276e50e6c/STC-Italic.woff') format('woff'), url('/wps/wcm/connect/arabic/css/resources/e/d/eda8bb41-45e7-4cf6-98d0-2e60aeabb79e/STC-Italic.ttf') format('truetype'), url('/wps/wcm/connect/arabic/css/resources/3/7/371c4275-3779-4d1b-a013-cfde5bbe3673/STC-Italic.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_STC-Light';
 src: url('/wps/wcm/connect/arabic/css/resources/3/1/31ca1a63-6f2a-4891-b9a7-c1c10ac2dd79/STC-Light.eot');
 src: local('?'), url('/wps/wcm/connect/arabic/css/resources/7/3/734f769f-8a2f-4922-9fec-1e058bc86bf1/STC-Light.woff') format('woff'), url('/wps/wcm/connect/arabic/css/resources/a/8/a88ed1c7-7662-479d-9b4a-38fb063c6d5c/STC-Light.ttf') format('truetype'), url('/wps/wcm/connect/arabic/css/resources/c/4/c42790a6-d330-435e-a4af-d152c9835c9e/STC-Light.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_STC-Regular';
 src: url('images/STC-Regular.eot');
src: local('?'), url('STC-Regular.woff') format('woff'), url('STC-Regular.ttf') format('truetype'), url('STC-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'stcregular';
    src: url(/wps/wcm/connect/arabic/css/resources/7/4/74118342-8578-4f19-8b60-50e2745fbe6d/stc-regular.eot);
    src: url(/wps/wcm/connect/arabic/css/resources/7/4/74118342-8578-4f19-8b60-50e2745fbe6d/stc-regular.eot?#iefix) format('embedded-opentype'),
         url(/wps/wcm/connect/arabic/css/resources/0/d/0d193d4e-bf62-45f6-a4fa-0f62d8c58993/stc-regular.woff) format('woff'),
         url(/wps/wcm/connect/arabic/css/resources/6/e/6e3f9b09-94c6-4d19-aade-f150a3a90716/stc-regular.ttf) format('truetype'),
         url(/wps/wcm/connect/arabic/css/resources/1/b/1b80c346-718f-44be-8a30-6b8e1f313119/stc-regular.svg#stcregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

.demo-show2  { float:left; width:226px; margin:20px 0 0 0 } 
.demo-show2 h3  { float:left; width:206px; cursor:pointer; margin:0 0 1px 0; font-size:16px; direction:rtl; font-weight:normal; background:#f1f1f1; color:#666; padding:5px 10px } 
.descfaq   { float:left; width:206px; background:#fff; color:black; padding:5px 10px; direction:rtl; border-bottom:1px #fff solid}  
.captiontop   { float:right; width:500px; padding:9px 0 0 0 }
.captiontop p        {text-align:center; float:right; font:bold 14px Arial; color:#4e4e4e; line-height:1.2em;}
.captiontop a        {font: bold 14px Arial; color:#4e4e4e; text-decoration:none; padding:0px; margin:0 5px 0 5px;}
.captiontop a:hover  {text-decoration:none; color:#005595   }
.datetoph  { float:left; min-width:50px; text-align:center;  margin:9px 10px 0 0; padding:2px 0; font:bold 13px arila; color:#fff }
.datetoph a  {  color:#ca000e}
.datetoph a:hover  { text-decoration:none}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer; float:right;
padding: 0;
 border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; color:#000;
background:#fff url(images/bg_adaa.jpg) top right no-repeat;
width: 246px; margin:0 0 1px 0
}

.mypets .lliis{ /*header of 1st demo*/
 padding:6px 35px 10px 15px ; border-bottom: 1px #e6e6e6 solid;  font:normal 13px tahoma;}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:#fff url(images/bg_openpet.jpg) top right no-repeat; color:#000
}

.thepet{
width: 100%; float:right;
 display: none; 
 

}
.thepet .downn{width:221px; background:url(images/down.jpg) right no-repeat; float:right; height:15px; margin:0; border-bottom:1px #fff solid;}
.thepet .crosa{width:226px; float:right;/* background:url(images/bg_crosa.jpg) top right no-repeat;*/ border-bottom: 1px #e6e6e6 solid; border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; font:normal 13px tahoma; padding: 10px;}

.accord            { width:248px; float:right; padding:0; margin:0; }

.thepet .crosa ul    {margin:0; padding:0; list-style:none;}
.thepet .crosa ul li {margin:0; padding:0; float:right; min-height:20px; width:201px}
.thepet .crosa a     {  float:right; background:url('images/bg_bolet.jpg') top right no-repeat; padding:0 15px 0 0; color:#707070; font: normal 13px tahoma;  text-decoration:none;}
.thepet .crosa a:hover { color:#000; text-decoration:none; }

.quicklinks   { float:right; width:248px; margin:0 0 8px 0; padding:0 0 7px 0}
.quicklinks a  { float:right; width:248px; margin:0 0 5px 0;}
.quicklinks img  { width:248px; }

.mapbg   { width:442px; background:#eaeaea; padding:5px; margin:0 8px 0 0; float:right; }
.searchbyarea   { float:right; width:420px; margin:5px 0 0 0 }
.searchbyarea span   { float:right; width:52px; color:#2e6a96; padding:5px 0 0 0; font:bold 14px arial }

.requestno     { float:right; width:226px; margin:5px 0 0 0  ; border-color:Black; border:6px; }
.requestno span   { float:right; width:60px; padding:5px 0 0 0; color:#787878; font:normal 14px arial }

.dayslect    { width:40px; padding:2px; background:#f3f3f3; border:1px #949494 solid; float:right; margin:0 0 0 5px }
.monthslect  { width:59px; padding:2px; background:#f3f3f3; border:1px #949494 solid; float:right; margin:0 0 0 5px }
.yearslect   { width:57px; padding:2px; background:#f3f3f3; border:1px #949494 solid; float:right; }
.mohafza    { width:160px; padding:2px; float:right; margin:0 0 0 20px}

.nsrhome  { float:right; width:60px; margin:0 0 0 20px }  
.txtminstry  { float:right; width:840px }
.titlministry   { float:right; width:825px; margin:0 0 10px 0; color:#008bcb; font:bold 15px arial; border-right: 3px #e6ce6e solid; padding:0 12px 0 0  }
.txtminstrydesc  { float:right; width:840px; text-align:justify }
.morminstry  { float:left; width:161px; margin:-11px 0 0 43px}

.internal   { width:657px; padding:20px;margin:0px; min-height:647px; float:right; border:1px #d7d7d7 solid; background:url('images/bg_internal.jpg') top center repeat-x;  }
.titlinternal  { width:657px; float:right; border-bottom:1px #b9b9b9 dotted; margin:0 0 10px 0; padding:0 0 10px 0; color:#4ba1d4; font:bold 18px arial }
.internal span { width:657px; float:right;  margin:10px 0 0 0; }

.prpl   { background:#984384 !important }
.move   { background:#be1a63 !important }
.green    { background:#01998d !important }
.ornge   { background:#dd9831 !important }
.redss   { background:#e01e20 !important }
.grays   { background:#717171 !important }
.narys    { background:#fa3500 !important }


.contenttop:before, .contenttop:after {
    content: "";
    display: table;
    line-height: 0;
}
.contenttop:before, .contenttop:after {
    content: "";
    display: table;
    line-height: 0;
}
.contenttop:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.contenttop {
    margin: 0 auto;
    padding: 0;
    width: 1002px;
}

.contentdown:before, .contentdown:after {
    content: "";
    display: table;
    line-height: 0;
}
.contentdown:before, .contentdown:after {
    content: "";
    display: table;
    line-height: 0;
}
.contentdown:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.contentdown {
    margin: 0 auto;
    padding: 0;
    width: 1002px;
}

.tablemews   {width: 657px; border-bottom:1px #d9dfe1 solid; margin:0 0 5px 0; }
.tablemewss   {width: 100%; margin:0 0 3px 0; margin-bottom:5px !important;}
.rightmew    { float:right}
.rightmew img    {width:120px;margin:0 0 5px 11px; padding:4px; border:1px #e7e7e7 solid; margin-bottom:0 !important}
.mewshomt    {float:right;min-width:516px;}
.titlmews    {margin:0; width:100%; text-decoration:none; padding:4px 0; margin:0 0 4px 0; font:normal 12px Tahoma;color:#fff; text-align:right; vertical-align:top !important;  }
.titlmews a    {color:#CA000E; font:bold 14px arial; text-decoration:none }
.datemew       {width:100%; margin:0; padding:1px 0 0 0; font:normal 11px ; text-align:right}
.datemew img       { margin-bottom:0 !important}
.txtmews       { margin:0; width:100%; text-decoration:none; font:normal 12px Tahoma; color:#515151; padding:5px 0 5px 0; text-align:right; height:35px; vertical-align:top !important;  }


.fancybox   { float:right; width:196px; padding:3px; background:#fff; border:1px #eee solid; margin:0 0 15px 15px }
.fancybox img  {  width:196px; height:120px }










.mypets1{ /*header of 1st demo*/
cursor: hand;
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    cursor: pointer; float:right;
    padding: 3px 0 4px 0;
    color:#000;
background:#e6ce6e url('images/bg_adaa1.jpg') no-repeat left top;
    width: 650px; margin:0 0 1px 0
}

.mypets1 .lliis1{ /*header of 1st demo*/
 padding:0 5px 0 0 ;  font:normal 13px tahoma;}

.openpet1{ /*class added to contents of 1st demo when they are open*/
background:#88a9b5 url('images/bg_openpet1.jpg') no-repeat; 
color:#fff
}

.thepet1{
width: 100%; float:right;
 display: none; 
/*background:url('images/bg_thepet.jpg') repeat-y right 50%;
*/}
.thepet1 .downn1{width:680px; background:url('images/down.jpg') no-repeat right 50%; 
float:right; height:15px; margin:0; border-bottom:1px #fff solid;
}
.thepet1 .crosa1{width:680px; float:right; /*background:url('images/bg_crosa.jpg') no-repeat right top;*/ 
font:normal 13px tahoma; padding: 10px;
}

.accord1            { width:650px; float:right; padding:0; margin:0; }

.thepet1 .crosa1 ul    {margin:0; padding:0; list-style:none;}
.thepet1 .crosa1 ul li {margin:0; padding:0; float:right; min-height:20px; width:650px}
.thepet1 .crosa1 a     {  float:right; background:url('images/bg_bolet.jpg') no-repeat right top; 
padding:0 15px 0 0; color:#707070; font: normal 13px tahoma;  text-decoration:none;
}
.thepet1 .crosa1 a:hover { color:#000; text-decoration:none; }