﻿
/* ELEMENTS
---------------------------------------
===
 */
* {font: 0.98em Tahoma, "Traditional Arabic", Arial, Helvetica, sans-serif; margin:0; padding:0;}
a {color:#013298; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
acronym {cursor:help;}
body, html {/*\*/ width:100%; min-height:100%;/**/} /* Mozilla requires height 100% to be applied to html */ 
body {background:#F2F2F2 url(/arabic/css/images/bg_3col_ar_blue.gif) 100% 0 repeat-y; color:#333; /* font-size:90%; */ line-height:1.2;}
em {font-style:normal;}
h1 {color:#013298; font-family: Tahoma, "Traditional Arabic", Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold; line-height:1.1; padding:0 0 2px; position:relative; top:-2px; display: inline;}
h2 {color:#424242; font-family: Tahoma, "Traditional Arabic", Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; line-height:1.1; padding:0 0 0px;}
h3 {color:#424242; font-weight:bold; font-size:1.1em; margin:0 0 5px;}
h2 a {color:#424242; font-family: Tahoma, "Traditional Arabic", Arial, Helvetica, sans-serif; line-height:1.1; padding:0 0 0px;}
a:visited { color: #800080; }
img {border:0; } /* Removes inline wht space from images */
table {border:0; border-collapse:collapse;}

/* MOBILE
--------------------------------------- */
#m_logo {display:none;}

/* CLASSES
--------------------------------------- */
.acc {display:none;} /* Accessibility Options */
.articles dl {float:right; margin:0 0 0 10px; width:130px;}
.articles dl.last {margin:0;}
.articles dt {color:#333; font-weight:bold; padding:0 0 2px;}
.articles dt a { color: #333; }
.articles dd {font-size:0.9em;}
.articles dd a {line-height:1.6;}
.articles dt .newArticle { font-weight: bold; color: #f00; font-style: italic; }
.banner img {margin:0 0 0px;}
.banner dl {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; line-height:1.2; padding:8px 0 8px 0;}
.banner dt {padding: 0;}
.banner dd {padding: 0;}
.banner dl.last { background-image: none; }

.cell {background-color:#FFF; border:1px solid #CECECE; line-height:1.4; margin:5px; padding:8px;}

.centerBase {background:#f2f2f2 url(/arabic/css/images/bg_centerdivide_base.gif) 100% 0 no-repeat; clear:both; height:5px; overflow:hidden;}
.centerDivide {background:transparent url(/arabic/css/images/bg_centerdivide_rev_ar.gif) 100% 0 repeat-y; float:right; width:617px; }
.centerLcol {background-color:#F2F2F2; float:right; width:306px;}
.centerRcol {background-color:#F2F2F2; float:left; width:306px;} /* w285 */
/* .feature a {display:block; margin:5px 0 0 0;} */

.featurette dl {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; clear:both; float:right; margin:10px 0 0; padding:0 0 10px; width:100%;}
.featurette dt {display:block; font-weight:bold; margin:0 0 4px;}
.featurette dd img { float: right; margin-right: -2px; }
.featurette dd.leftCol { width: 77px; float: right;margin-left: 10px; }
.featurette dd.rightCol { float: right; width: 180px; }
.emergency .feature .featurette dd.rightCol { width: 132px; }
.standard .feature .featurette dd.rightCol { width: 132px; }

.multiMediaLinks { margin-right: 3px; direction: rtl;}
.multiMediaLinks img { position: relative; margin-top: 1px;}

.featurelist {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 0 repeat-x; color:#013298; float:right; list-style:inside square; margin:25px 5px 0 0;}
.featurelist a {display:inline;}
.featurelist li {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; line-height:1.2; padding:6px 0 8px;}
.langlinks {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; color:#013298; padding:10px 0 10px 0; }
.langlinks .nowAvailMargin { display: block; margin: 0 0 5px 0; }
.langlinks a {color:#013298; font-size: 0.6em; font-family: verdana, arial;}
.langlinks a .artext {font-size: 1.6em;}

.last {background-image:none !important; border-bottom:0 !important; margin-bottom:0 !important;}
.linkAudio {display:block; margin:4px 0 0;}
.linkGo {
background:transparent url(/arabic/css/images/app_alevel_search_gobutton_ar.gif) 100% 0 no-repeat; 
height:16px;
margin:10px 0 0 10px; 
padding-right:20px; 
display: block;
float: right;
}
.linkLine {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; display:block; margin:10px 0 0; padding:0 0 10px;}
.listcell li {background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; line-height:1.2; padding:4px 0 6px;}
.listcell ul {color:#013298; list-style:outside square; padding-right:14px;}
.map img#natcomflags { display:block; }
.map div {font-weight:bold; margin:5px 0 10px 0;}
.subtitle {display:block; font-weight:bold; padding:2px 0 5px;}

/* IDS
--------------------------------------- */
#bg3colbase {background:#F2F2F2 url(/arabic/css/images/bg_3col_base_ar.gif) 100% 0 no-repeat; clear:both; height:15px; width:935px;}
#bg4colbase {background:#F2F2F2 url(/arabic/css/images/bg_4col_base_blue_rev_ar.gif) 100% 0 no-repeat; clear:both; height:15px; width:952px;}
#container {border-top:1px solid #F2F2F2; float:right; text-align:right; width:935px; margin-top: 0;}
#container4Col {border-top:1px solid #F2F2F2; float:right; text-align:right; width:952px; margin-top: 0; background: transparent url(/arabic/css/images/container_bg_blue_rev_ar.gif) 100% 0 repeat-y;}
#content {background-color:#F2F2F2; border-top:1px solid #F2F2F2; float:right; width:617px;}
#content .cell {margin:5px 0 0; float:right; width:599px;}
* html #content .cell { width: 617px; }
/*changed by marc
#content .cell {margin:5px 0 0; float:right; width:582px;}
* html #content .cell { width: 600px; }
*/
#content .centerLcol .cell, #content .centerRcol .cell { width:288px; } 
* html #content .centerLcol .cell, * html #content .centerRcol .cell { width: 306px; }
  
.cell img#factbanner { margin-top: 10px; }
  
#footerBG {background-color:#09F; border-top:1px solid #55C1FF; clear:both; font-size:90%; position:relative; width:100%; height: 31px; }
#footer {background-color:#09F;  border-top:1px solid #55C1FF;clear:both; font-size:90%; position:relative; width:935px; height:31px; margin-top: -1px;}

#footer ul.list2 {position:absolute; top:8px; right:611px; width: 200px;} 
#footer ul a {color:#FFF; padding:0 0 0 0; text-decoration:none; }
#footer ul a:hover {text-decoration:underline;}
#footer ul.list2 a {color:#FF0; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}
#footer ul li { display: block; float: right; list-style:none; margin-left: 15px;}

#footer ul.list1 { margin:8px 23px 0 0;} /* width is declared for Opera, min-width does not behave as expected */

#headerBG { width: 100%; height:122px; background: url(/arabic/css/images/header_bg-1.gif) 100% 0 repeat-x; } 
* html #headerBG { width: 100%; height: 125px; background: url(/arabic/css/images/header_bg-1_ie.gif) 100% 0 repeat-x; }
#headerBG img { border: 0; }
#headerNew {background-color:transparent; width: 935px; height:59px; margin:0 0 34px; position:relative;}
#headerNew #logo {display:block; position:absolute; top:29px; right:586px;}
#headerNew span {display:block; position:absolute; top:33px; /*was38*/ right:23px;}
#headerBG object {position:absolute; top:29px; right:0px;}
#languageLinks {
    height: 14px;
    width: 313px;
    background: transparent url(/arabic/css/images/langnav.gif) top left no-repeat;
    position: absolute;
    top:5px;
    right:448px;}
        /* Simplified Box Model Hack so the widths are right in IE 5.x */
 #languageLinks {
     \width: 310px;
    w\idth: 313px;}

  #languageLinks li {
    list-style: none;
    position: absolute;}
 #languageLinks li, #languageLinks a {
    border: 0;
    height: 14px;
    display: block;}
  div#languageLinks ul#languageMenu li a {
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    }
div#languageLinks #englishMenu       {left: 0; top: 0;  width: 56px; height: 14px;}
div#languageLinks #spanishhMenu      {left: 57px; top: 0; width: 75px; height: 14px;}
div#languageLinks #frenchMenu     {left: 131px; top: 0; width: 80px; height: 14px;}
div#languageLinks #arabicMenu       {left: 211px; top: 0; width: 61px; height: 14px;}
div#languageLinks #chineseMenu  {left: 271px; top: 0; width: 42px; height: 14px;}

div#languageLinks #englishMenu.yourHere        {background: transparent url(/arabic/css/images/langnav.gif) 0px -15px no-repeat;}
div#languageLinks #spanishhMenu.yourHere       {background: transparent url(/arabic/css/images/langnav.gif) -57px -15px no-repeat;}
div#languageLinks #frenchMenu.yourHere         {background: transparent url(/arabic/css/images/langnav.gif) -131px -15px no-repeat;}
div#languageLinks #arabicMenu.yourHere         {background: transparent url(/arabic/css/images/langnav.gif) -211px -15px no-repeat;}
div#languageLinks #chineseMenu.yourHere        {background: transparent url(/arabic/css/images/langnav.gif) -271px -15px no-repeat;}

div#languageLinks #englishMenu a:hover         {background: transparent url(/arabic/css/images/langnav.gif) 0px -15px no-repeat;}
div#languageLinks #spanishhMenu a:hover        {background: transparent url(/arabic/css/images/langnav.gif) -57px -15px no-repeat;}
div#languageLinks #frenchMenu a:hover       {background: transparent url(/arabic/css/images/langnav.gif) -131px -15px no-repeat;}
div#languageLinks #arabicMenu a:hover         {background: transparent url(/arabic/css/images/langnav.gif) -211px -15px no-repeat;}
div#languageLinks #chineseMenu a:hover    {background: transparent url(/arabic/css/images/langnav.gif) -271px -15px no-repeat;}

#navt1 {background-color:#007BD3; border-top:1px solid #55C1FF; border-width:1px 0; position:absolute; top:88px; right:0; width: 935px; height:32px;}
/* html #navt1 { height: 34px; top: 59px;} */
#navt1 ul {display:block; padding:3px 23px 0 0px; height:26px; width: 910px;}
#navt1 ul li {color:#FFF;float:right; list-style:none; margin-left: 18px;}


#lcol {background-color:#F2F2F2; border-top:1px solid #F2F2F2; width:175px; float: right; font-size:90%; }



#headerPF { display: none; }
#rcol {background-color:#F2F2F2; border-top:2px solid #F2F2F2; float:left; width:160px; margin-top: -1px; font-size:90%; }
#rcol .cell {margin-left:0;}
/*#searchfm { padding-bottom: 10px; }*/
#searchfm { padding-bottom: 0px; }
/* #searchfm:after {clear:left; content:"."; display:block; height:0; visibility:hidden;} */
#searchbox, #newsBox {float:right; width:110px;  font-size: 0.9em;}
#searchbt {border:0; background:transparent url(/arabic/css/images/app_alevel_search_gobutton_ar.gif) 100% 0 no-repeat; color:#FE8445; cursor:pointer; float:right; font-size:1px; letter-spacing:-1em; line-height:1px; width:16px; height:16px; word-spacing:0; margin-right: 5px;}
.artext {
font-family: Tahoma, "Traditional Arabic", Arial, Helvetica, sans-serif;       
font-size: 150%;
font-weight:bold;
}

.cellBlueBG { background-color: #0070D0; color: #fff; } 
.cellBlueBG h2 { color: #fff; }
.cellBlueBG h3 { color: #fff; }
.cellBlueBG a { color: #fff; }
.cellBlueBG a:visited { color: #6db4ef; }
.cellBlueBG .langlinks { color: #fff; }
.cellBlueBG ul {color:#fff; }

.cellCyanBG { background-color:#0099ff; }
.cellCyanBG dl { margin:0; padding:0; margin-bottom:-2px; }


.standard .featureimg { float: none;  padding-left: 0px; margin-left: 0px;  }
.standard .featurevideo { float: none;  padding-left: 0px; margin-left: 0px;  }
.standard .featureArea {  background-color: #E8E8E8;  padding: 10px; margin: 8px 0 0 0;  width: 268px;}
* html .standard .featureArea { width: 100%; }
.featureArea div.videomargin, .featureArea p.videomargin { margin-top: 6px;  }
.standard .featureArea h2 { margin-bottom: 3px; }
.standard .featureArea h2 a { font-size: 1.2em; line-height: 1.3em;}

#StandardLinkLine { background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 0 repeat-x; margin:10px 0 0; padding:1px 0 0 0; }
#StandardLinkLine li {
background:transparent url(/arabic/css/images/border_dot_blue.gif) 100% 100% repeat-x; 
margin:10px 0 0 0; 
padding:0 0 10px 0;
list-style: none;
}
.press #StandardLinkLine { background:none; margin:0; padding:1px 0 0 0; }
.standardReddots {  }
#StandardLinkLine .standardReddots a { display: inline; margin: 0; padding: 0; background-image: none;}
#StandardLinkLine .standardReddots a img { display: inline; margin: 0; padding: 0; background-image: none; border: 0px;}


 /*Tsunami 4Y update styles*/
.tsunami4y {background-color:#e8e8e8; margin: 0px; height:100%; float:left; width:279px;}
.tsunami4y a {color:#f04902;}
.tsunami4y dl {
    background:transparent url(/arabic/css/images/border_dot_grey.gif) 0 100% repeat-x; 
    clear:both; 
    float:right; 
    margin:10px 5px 0 0; 
    padding:0 0 10px; 
    width:91%; 
}
*html .tsunami4y dl {
    background:transparent url(/arabic/css/images/border_dot_grey.gif) 0 100% repeat-x; 
    clear:both; 
    float:right; 
    margin:10px 5px 0 0; 
    padding:0 0 10px; 
    width:92%; 
}
.tsunami4y dt {display:block; font-weight:bold; margin:0 0 4px;}
.tsunami4y dd img { float: right; margin-right: 2px; }
.tsunami4y dd.leftCol { width: 77px; float: right;margin-left: 10px; }
.tsunami4y dd.rightCol { float: right; width: 180px; }
.tsunami4y  dd.rightCol { width: 132px; }
.tsunami4y h2{background:transparent url(/arabic/css/images/tsunami_278x55_hp_ar.gif) top left no-repeat; height:55px; text-indent:-9999px; overflow:hidden;}


/* new search 2009 (added 201004289) */
.newSearchBG { background-color: #0070D0; /background-color: *#ff9900*;/ padding:8px; /*padding-top: 15px;*/ position:relative; 
    zoom: 1; /*required for IE 6*/
}
.newSearchBG h3 { color:#FFFFFF; font-size: 1em; font-style: italic; }
.newSearchBG #searchfieldbkgd { background: #fff; border: 1px solid #cecece; width:146px; height:20px; }
.newSearchBG #searchbox { padding: 1px; border: 0; height:17px; font-size:1em; margin-top:1px; margin-right:3px; width:120px; }
*html .newSearchBG #searchbox {
    margin-right: 3px;
    width: 117px;
    height:18px;
}
.newSearchBG #searchbutton {
    right:4px;
    position:relative;
    top:2px;
}
    *html .newSearchBG #searchbutton { right: 4px; }



 

