﻿
body
{
   background:url("../image/body-back34.jpg") repeat-y fixed top #F2F2F3;
    font-family: Arial,Helvetica, "Nimbus Sans L" ,sans-serif;
    direction: rtl;
    font-size: 100%;
   /* background: #F2F2F3;*/
    margin: 0;
    padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
   
}
p {
  margin: 0;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 15px;
  margin: 0;
  position: relative;
}

h4 {
  font-size: 16px;
}

.

a, .buttons a: hover {
color:#DC1301;
  text-decoration: none;
}

a:link
{
    color: #1D5B9C;
    text-decoration: none;
}
a: hover {
  text-decoration: none;
}
.twoColFixLtHdr #container
{
    border-style: solid;
    border-color: #dbdbdb;
   /* font-weight: bold;*/
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    border-width: 0 2px 2px 2px;
    background-color: #FFFFFF;
    text-align: right; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #header-wrapper
{
    background:url("../image/hd-bak2.jpg") repeat-x scroll center top #661471;
    height: 180px;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px; /*width: 974px;
    height: 150px;*/
    z-index: 100;
   /* background-color: #053E5C;*/
} 
 #header {
/* background:url("images/header_back2.jpg") no-repeat scroll center top #002E46;*/
background:url("../image/header_back2_1_3.jpg") no-repeat scroll center top #661471;
margin:0 auto;
width:980px;
height:180px;
}
#gazatalk {
float:left;
padding-top:35px;
}

#logo {
float:right;
margin:0;
padding:15px 180px 0 0;
}
#logo img {
}
#gazatalk ul
{
   
    float: right;
    
}
#gazatalk ul li, #gazatalk ul a
{
    color: #FFFFFF;
    list-style-type: disc;
    font-weight: bold;
    text-decoration: none;
}
#navigation-wrapper
{
    /*background:none repeat scroll 0 0 #0C6CBF;
border-bottom:6px solid #DFDFDF;
border-top:1px solid #0085D0;*/
    background-position: 0 0;
    background: #661471 none repeat scroll 0 0;
    border-bottom: 6px solid #DFDFDF;
    border-top: 1px solid #0085D0;
    clear: both;
    direction: rtl;
    height: 35px;
    border-top-color: #9900FF;
    border-bottom-color: #DFDFDF;
}
 #navigation {
margin:0 auto;
width:980px;

}
#navigation ul
{
    display: inline;
    float: right;
    margin: 0;
    padding: 0;
}

#main-menu {
}

 #navigation li {
/*background:url("images/nav_border.png") no-repeat scroll left center transparent;*/
background:url("../image/nav_border21.jpg") no-repeat scroll left center transparent;
height:35px;

}
#navigation li a {
color:#FFFFFF;
font-weight:bold;
height:35px;
line-height:35px;
padding-right:5px;
}
ul.links li
{
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
    
}
#navigation li a:hover
{
    text-decoration: none;
    background-color: #7F1F81;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.twoColFixLtHdr #sidebar1
{
    margin: 0px 0px 0px 8px;
   /* _margin: 0px 7px 0px 8px;*/
    float: right;
    width: 300px;
    text-align: right;
    border-left: 1px dotted #E0E0E0;
   /* border-right: 1px dotted #E0E0E0;*/
	background: #fff;
}
#sidebar1 .block
{
    margin-bottom: 1em;
    
}
.Pagecontent .block
{
    margin-bottom: 1em;
    width: 320px;
    float: right;
    margin-right: 5px;
}
.homecontent .block
{
    margin-bottom: 1em;
    width: 320px;
    float: right;
    margin-right: 5px;
}
.block h2.title
{
    margin: 1px 0px 1px 0px;
    background-position: 0 0; /* background: none repeat scroll 0 0 #B68809;   //old color*/
    background: #991A79 none repeat scroll 0 0;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
    padding: 6px 10px;
    text-align: right;
    vertical-align: 50%;
}
.block .content1 {
direction:rtl;
padding:5px;
}
#reporters {
background:none repeat scroll 0 0 #E8E8E9;
clear:both;
height:65px;
margin-bottom:1px;
}
#reporter-photo {
float:right;
padding-right:10px;
padding-top:5px;
padding-left:6px;
/*width:75px;*/
}
#reporter-photo img {
border:2px solid #B3B3B4;
}
#reporter-details {
padding-left:6px;
padding-top:5px;
}
#reporter-name {
font-size:14px;
font-weight:bold;
text-align:right;
}
#reporter-name a {
color:#1D5B9C;
font-weight:bold;
}
#reporter-country {
text-align:justify;
font-size:12px;
font-weight:bold;

}
#headlines-2 {
/*height:400px;
margin-top:135px;
max-height:430px;*/
padding-left:5px;
padding-right:5px;
/*padding-top:5px;
background:url("images/news2.jpg") no-repeat scroll 0 0 transparent;*/
}
#headlines-small {
background:url("../image/back.png") repeat-x scroll 0 0 transparent;
/*border-top:1px solid #C8CACC;*/
display:inline;
float:right;
height:125px;
margin-right:4px;
/*margin-top:4px;*/
max-height:180px;
padding:7px 0;
width:380px;
}
#headline-thumb img {
display:inline;
float:right;
padding-left:2px;
}
#headline-text {
padding-right:2px;}
#headline-title {
text-align:right;
}
#headline-title a
{padding:7px 0;
width:320px;
    color: #1D5B9C;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    display: block;
}
#headline-title a:focus, #headline-title a:hover{
	color: #6AB9D3;
}
#headline-teaser
{
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    text-align: justify;
    line-height: 14px;
}
.center-wrapper
{
    clear: both;
    margin-top:5px;
    padding-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
}
.panel-col-first {
float:right;
width:50%;

}
.panel-col-first .inside{
margin:0 0 0.5em 0.5em;
}
.panel-col-last{
float:right;
width:50%;
}
.panel-col-last .inside
{margin:0 0.5em 0.5em 0;
}
#homepage-sections {
font-size:14px;
font-weight:bold;
/*height:190px;*/
line-height:16pt;
padding:5px;
}

.panel-col-last .panel-pane, .panel-col-first .panel-pane {
width:300px;
}
#homepage-sections .view-content {
padding-right:20px;
text-align:right;
}

.view-content {
clear:both;
}
#homepage-sections .view-content ul
{
    list-style-type: disc;
    list-style-position: outside;
    *padding-right:10px;
}
.quicktabs_main.quicktabs-style-zen {
clear:both;
}
.block ul, .item-list ul
{
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 14px;
}
.quicktabs_tabpage .item-list ul li
{
    border-bottom: 1px dotted #CCCCCC;
    color: #676767;
    list-style: none inside none;
    padding-bottom: 5px;
    padding-right: 5px;
}
.twoColFixLtHdr #mainContent
{/*width: 976px;*/
    
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    padding-top: 0px;
  
} 
.twoColFixLtHdr #mainContent h1,h2{
	color: #DC1301;
   
   
}
.homecontent
{width: 980px;
  margin: 0px 0px 0 2px;
  
  float:right;
  
}
.Pagecontent
{width: 660px;
  margin: 0px 7px 0 0px;
  _margin:0px 3px 0 0px;
  float:right;
  
}
.Pages
{
    
    width: 660px;
    margin: 0px;
    float: right;
    background-color: #FFFFFF;
    text-align: justify;
}
.pageheader h3
{
    font: bold 20px 'Traditional Arabic';
    color: #DC1301;
    text-align: justify;
    padding: 10px;

}
.content
{
    padding: 10px;
    text-align: justify;
    color: #333333;
    float: right;
}
/*---------------------------------------------------------------------*/

#slideshow
{
    margin-top: 3px;
   /* margin-right: 6px;*/
   float:right;
    margin-bottom: 0px;
}
#col1, #col2
{ margin: 10px 0px 0 0px;
    float: right;
    width:315px; position: relative;
   
}
#col2
{ margin-right: 10px;
}
#col3
{margin: 5px 0px 0 0px;
    float: right;
    width:640px;
    position: relative;
}

.colsethed3
{
   
    float: right;
    width: 665px;
    margin-bottom: 0px;
    position: relative;
      color: #FFFFFF;
     z-index: 100;
}

.colset3
{
    position: relative;
   
    float: right;
    width: 665px;
    height: auto;
    z-index: 1000;
    padding-bottom: 4px;
    border-top: 1px solid #FFFFFF;
    border-top-color: #DBDBDB;
}

.newsimg
{
    padding: 3px;
    border: 1px solid #333333;
    float: left;
    margin: 0px 2px 0px 2px;
    width: 59px;
    height: 65px;
}
.colset3 a, .colSet a{

text-decoration: none;
color: #DC1301;
padding-right: 5px;
}
.colset3 h3, .colSet h3
{margin:0;
    padding: 2px;
    font: bold 19px 'Traditional Arabic';
    color: #DC1301;
    text-align: justify;
}
.colset3 H5
{
    font-size: x-small;
    font-style: italic;
    color: #333333;
    text-align: left;
    padding-top: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    
}
.colset3 p, .colSet p
{ margin:0;
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'arabic Transparent';
    color: #333333;
    text-align: justify;
    direction:rtl;
     }
.date
{
    padding: 2px 5px 2px 2px;
    font-size: 11px;
    font-family: 'arabic Transparent';
    color: #333333;
    font-style: italic;
    font-weight: bold;
}


.allnews
{
    padding-right: 9px;
    padding-left: 9px;
}
.colSet
{
    position: relative;
    /*background: #ffffff url(../image/corners_new.gif) no-repeat left bottom;*/
    float: right;
    width: 300px;
    height: auto;
    border-top: 1px solid #FFFFFF;
    border-top-color: #DBDBDB;
}
.colSet ul{
padding:0px 25px 2px 10px;
position:relative;}

.links1 li a
{
    padding: 2px;
    font-size: 16px;
    font-weight: bold;
   display:block;
   _display:inline;
    color: #333333;
    text-decoration: none;
    line-height: 1.5;
   
}
.links1 li a:hover
{ color: #DC1301; 
}
.colsethed {
  float: right;
  width: 300px;
  margin-bottom: 6px;
  color: #494949;
  position: relative;
  z-index: 1;
 /* background: #ffffff url(images/gradient_bg.gif) repeat-x left -240px;*/
}

.colsethed h2
{
    color: #1D5B9C;
    font-size: 18px;
    margin: 0; /*background: transparent url(../image/corners_new.gif) no-repeat -918px top;*/
    padding-right: 10px;
    padding-bottom: 3px;
    text-decoration: none;
    padding-top: 5px;
    border-top:1px solid #DBDBDB;
}

.colsethed h2 a
{color: #1D5B9C;
 margin: 0;
 font-size: 18px;
    text-decoration: none;
}
.colsethed3 h2, .colsethed3 h2 a
{font-size: 18px;
    color: #1D5B9C;
   /* background-position: -918px top;*/
    margin: 0;
  /*  background: transparent url(../image/corners_new.gif) no-repeat -918px top;*/
    padding-top: 9px;
    padding-right: 30px;
    padding-bottom: 9px;
    padding-left:30px;
    _padding:0px 30px 0px 0px;
    text-decoration: none;
}
.colsethed h2 a:hover
{
    color: #BF8800;
    font-weight: bold;
}

.utils a.feed
{
  
    left: 7px;
    position: absolute;
    top: 12px;
    background: url(../image/icon_rss.jpg) no-repeat transparent;
   
    _display:inline;
    height: 16px;
    overflow: hidden;
    width: 35px;
    padding-left: 16px;
}
.colsethed IMG
{
  
     padding: 3px;
    border: 1px solid #333333;
    float: left;
    margin: 0px 5px 5px 5px;
    height: 95px; width: 89px;
    
   
}

.colmore
{
   /* border-top: 1px solid #cccccc;*/
    padding-right: 20px;
    text-decoration: none;
    font-weight: bold;
   /* float:left;*/
}
.moreNews 
{
    /*background:url(../image/bgsprite.gif) no-repeat scroll -290px -421px transparent;*/
    background: url(../image/bgsprite.gif) no-repeat scroll -180px -476px transparent;
    color: #DC1301; 
   /* display:block;
    font-weight: bold; padding-right: 15px;
    margin: 10px 15px 0 10px;*/
   
    position: relative;
    
    
    
   
}
.moreNews a:link
{
    /*background:url(../image/bgsprite.gif) no-repeat scroll -290px -421px transparent;
    background: url(../image/bgsprite.gif) no-repeat scroll -180px -475px transparent;
     background: url(../image/bgsprite.gif) no-repeat scroll -180px -476px transparent;*/
    color: #1D5B9C; 
   /* display:block;
   position: relative;
    margin: 0px 0px 0 0px;*/
    padding-left: 0px;
   
      font-weight: bold;
    text-decoration: none;
   
}
ul.column  {
float:right;
padding-left:0;
z-index:20;
width:125px
}

.spotlight1 img
{
    padding: 5px 0px 5px 0px;
    float: right;
    width: 294px;
    background-position: #fff;
    background: #fff;
    margin: 0px 0px 5px 0px;
    height: auto;
    border-style: none;
}
/*--------------------------------------------------------------------------------*/
.twoColFixLtHdr #footer
{
    height: 60px;
    margin: 2px auto 0 auto;
    width: 950px;
    position: absolute;background-color: #F2F2F2;
 
    padding: 14px;
} 

#footerline
{
    border-bottom-style: solid;
    border-bottom-width: 15px;
    border-bottom-color: #DC1301;
    bottom: 100px;
    height: 10px;
    width: 945px;
    top: 140px;
    position: absolute;
    clear: both;
    z-index: auto;
    float: left;
}




.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.nav
{
    float: right;
    padding: 0px;
    margin: 4px;
    width: 295px;
    background-color: #CCCCCC;
}
.nav A
{
    display: block;
    font-weight: bold;
    color: #CC3333;
    text-align: right;
    text-decoration: none;
    height: 34px;
    font-size: medium;
    line-height: 30px;
    padding: 0px 10px 0px 0px;
    margin: 0px;
    float: none;
    font-style: normal;
    width: 285px;/* +padding=width*/
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #FFFFFF;
}
.nav A:hover
{
    color: #CC3333;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #CC3333;
    text-decoration: none;
}

.navbottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:  no-repeat 50% top; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 164px; PADDING-TOP: 0px; HEIGHT: 20px
}


/*=============================*/


#news1
{float: left;
    width: 510px;
    margin-right: 10px;
    background-color: #fff;
}
#news1 H2
{
    padding-right: 5px;
    padding-left: 9px;
    font-weight: bold;
    font-size: 12pt;
    padding-bottom: 1px;
    margin: 0px 0px 3px 0px;
    color: #003366;
    padding-top: 5px;
}
#news1 img
{
    padding-right: 2px;
    padding-left: 2px;
    float: right;
    padding-bottom: 2px;
    margin: 0px 2px 0px 10px;
    width: 59px;
    padding-top: 2px;
    height: 65px;
}
#news1 a
{display: block;
text-decoration: none;
}
#news1 H5
{
    font-size: x-small;
    font-style: italic;
    color: #333333;
    text-align: left;
    padding-top: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    
}




#toplinks A:link
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 0px;
    color: #DC1301;
    padding-top: 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: medium;
}
#toplinks A:visited
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 0px;
    color: #DC1301;
    padding-top: 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: medium;
}
#toplinks A:hover {
	TEXT-DECORATION: underline
}
#footerwrappercontent
{
    padding-right: 10px;
    padding-left: 10px;
    font-size: 8pt;
    padding-bottom: 10px;
    margin: 0px auto;
    width: 900px;
    
}
#footerwrapper A:link {
	TEXT-DECORATION: none
}
#footerwrapper A:visited {
	TEXT-DECORATION: none
}
#footerwrapper A:hover {
	TEXT-DECORATION: underline
}
#footerwrapper P {
	MARGIN: 5px 0px 0px
}
#footerrighttwrapper {
	FLOAT: right; WIDTH: 520px
}
#footerleftwrapper {
	FLOAT: left; WIDTH: 250px; TEXT-ALIGN: left
}
#footerleftwrapper UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
#footerleftwrapper LI {
	DISPLAY: inline
}
.addthis_toolbox.addthis_pill_combo a {
    float: center;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: center;
}   



/* Accordion ----------------------------------------*/
.accordionHeader
{
     color: #DC1301;
  
    width: 300px;
    margin-bottom: 1px;
    color: #494949;
    position: relative;
    background: url(../image/m1.gif) no-repeat ;text-decoration: none;
}

.accordionHeader h2, .accordionHeader h2 a
{
    color: #666666;
    margin: 0;
    padding-top: 9px;
    padding-right: 30px;
    padding-bottom: 9px;
    text-decoration: none;
}

.accordionHeaderSelected
{
    color: #DC1301;
   
    width: 300px;
    margin-bottom: 1px;
   
    position: relative;
    background: url(../image/m1.gif) no-repeat;
    text-decoration: none; /*
    background-position: url(../image/m1.gif) no-repeat;
    width: 306px;  margin-bottom: 6px;
    color: #494949;
    position: relative;
    background: url(../image/m1.gif) no-repeat;*/
}
.accordionHeaderSelected h2, .accordionHeaderSelected h2 a
{
    color: #C03CC3;
    margin: 0;
    padding-top: 9px;
    padding-right: 30px;
    padding-bottom: 9px;
    text-decoration: none;
}
.accordionContent
{/*position: relative;*/
    background: #ffffff url(../image/corners_new.gif) no-repeat left bottom;
    float: right;
    width: 300px;
    height: auto;
    border-top: 1px solid #FFFFFF;
    border-top-color: #DBDBDB;
    
	 /*float: right;
  width: 200px;
  margin-bottom: 6px;
  color: #494949;
 position: relative;
  z-index: 1;
  background: #ffffff url(images/gradient_bg.gif) repeat-x left -240px;*/
}
.accordionContent a{


}

div.subNav
{
    margin: 0px 0px 5px 0px;
    font-size: 1em;
    line-height: 1.7;
    padding: 5px 0 10px 0;
    width: 290px;
    font-weight: bold;
    background-color: #FFF;
}

div.subNav ul
{
    margin: 0 14px 0 14px;
    padding: 0;
}
div.subNav ul li
{
    padding: 0;
    list-style-type: none; /*padding:6px 6px 6px 10px;*/
    color: #006600;
    line-height: 24px;
}
div.subNav a
{/*background: transparent url(Images/new.gif) no-repeat scroll right ;*/
    color: #333333;
    text-decoration: none;
    display: block;
    background-color: #F2F2F2;
 background: url(../image/icon_smallarrow1.gif) no-repeat right 50%;
  /*  padding-right: 30px;*/ padding-right: 15px;
}
div.subNav a:hover
{
     color: #DC1301;
    background-color: #DBDBDB;
}

div.subNav li.level2
{background-color: #F2F2F2;
   
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #FFFFFF;
   /* background-position: 100% center; background: url(../image/icon_smallarrow1.gif) no-repeat right 50%;
    background:  url(../image/icon_smallarrow1.gif) no-repeat scroll 100% 50%;*/
    padding-right: 0px;
}
div.subNav li.level2Bottom {
border-bottom:medium none;
}
div.subNav li.level2Selected, div.subNav li.level2SelectedAlone, div.subNav li.level2BottomSelectedAlone {
background:transparent url(https://wrtc.aden-univ.net/App_Themes/wrtc/Images/arrow_subnav.gif) no-repeat scroll 100% 9px;
}
div.subNav li.level2SelectedAlone {
border-bottom:1px solid #E4DED0;
}
div.subNav li.level2Selected a, div.subNav li.level2SelectedAlone a, div.subNav li.level2BottomSelectedAlone a, div.subNav li.level2SelectedNoArrow a {
 color: #006600;
position:relative;
right:9px;
}
div.subNav li.level3, div.subNav li.level3End
{background:transparent url(https://wrtc.aden-univ.net/App_Themes/wrtc/Images/arrow_subnav1.gif) no-repeat scroll 100% 50%;
    padding: 0px 10px 0px 0px;
    position: static;
    border-bottom: 1px solid #E4DED0;
    margin-right: 20px;
    border-bottom-color: #CCCCCC;
}
div.subNav li.level3Selected, div.subNav li.level3EndSelected {
background:transparent url(https://wrtc.aden-univ.net/App_Themes/wrtc/Images/arrow_subnav.gif) no-repeat scroll 100% 6px;
padding:3px 9px 0 5px;
}
div.subNav li.level3Selected {
position:relative;
}
div.subNav li.level3Bottom, div.subNav li.level3BottomSelected {
border-bottom:1px solid #E4DED0;
padding:3px 0 15px;
}
div.subNav li.level3BottomSelected {
background:transparent url(https://wrtc.aden-univ.net/App_Themes/wrtc/Images/arrow_subnav.gif) no-repeat scroll 100% 6px;
}
div.subNav li.level3Selected a, div.subNav li.level3BottomSelected a, div.subNav li.level3EndSelected a {
color:#CC3333;
position:relative;
}
div.subNav li.level3BottomSelected a {
color:#CC3333;
right:9px;
}
div.subNav li.level3Bottom a {
position:relative;
right:9px;
}
/*=============================*/

