@import url(printahacks.css); /* CSS filters and browser specific CSS */

*  {margin: 0; padding: 0;}

body {background: none; color: #505050; font: 75%/150% "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; text-align: right; direction:rtl;}
h2, h3, h4, h5, h6, p, ul, ol, dl, address, img, hr, blockquote {margin: 0 20px; padding: 5px 0;}

h1, h6 {font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-weight: bold;}
h2, h3, h4, h5, h7 {font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-weight: bold;}

h1.logo a {display: block; height: 66px; text-indent: -20px;}
h1.logo {margin-left: 5px; margin-top: 25px; height: 66px;}

/* LOGO FOR HOME PAGE 
.home h1.logo a {background: url(/external/07/images/logo_home.gif) no-repeat 97px 3px; display: block; height: 83px; text-indent: -1000px;}
.home h1.logo {background: url(/external/07/images/seal_home.gif) no-repeat 0 0; margin-left: 5px; margin-top: 15px;	 height: 83px;}
 END LOGO FOR HOME PAGE */

h1 img {padding-bottom: 0; margin-top: -2px;}
h2 {font-size:1.7em; line-height: 1.1em;}
h2.h2tight {margin-bottom:-.2em;}
h2.pagehead {font-size:1.3em;}
h3 {color: #3266CC; border-bottom: 1px solid #D2CCCC; margin: 0; padding: 1em 0 0 .8em; height: 14px; font-size:1.3em; clear: both; margin-bottom: 1em;}
div h4 {margin-top:.7em}
h4 {font-size: 1.1em; clear: both; padding-bottom: 0; font-weight:bold;}
h4+p {padding-top: 0; margin-top: 0; margin-bottom: 1em;}
h5 {padding-bottom: 0; font-size: .9em; line-height: 1.2em;}
h6 {font-size:.9em;}

img, img a {border: none;}

p img.left {margin-left: 0;} 

p img.right {margin-right: 0;} 

a {text-decoration: none;}
a:link {color: #333;}
a:visited {color: #999;}
a:hover, a:active, a:focus {color: #CA6900; text-decoration: underline;}


form {margin: .5em 10px;}
label {margin-bottom: .5em; cursor: pointer;}
input, textarea {color: #191919; font: 100% "Lucida Sans Unicode", "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {/*border: #7f6619; not needed as it looks funny in FF */}
input.text, select {padding: 2px 0; border: 1px solid #BCBCBC;}
label, select {float: left; display: block; padding: 0;}
input.search {width: 14em;}
input.submit {background: url(/external/07/images/search_bg.gif) no-repeat right top; color: #FFF; border: 1px solid #023392;}
fieldset {border: 0px; clear: both;}


dd p, blockquote p, form p {margin-left: 0;}

table {margin-left: 20px; margin-bottom: 10px; border-collapse: collapse; width: 92%; font-size: .9em; border: 1px solid #333333;}
caption {font-weight: bold; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; background: #003399; color: #FFF;  margin-left: 19px; margin-top: 10px;  padding: .5em 0 .5em .5em; font-size: 1.1em; text-align: left;}
td, th {padding: .5em 0 .5em .5em; font: .9em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; vertical-align: top; border-left: 1px solid #333333;}
th {font-weight: bold;}
.even {background-color: #E9E9E9;}

ul {margin-right: 2.5em;}
ul li em {font: bold 1.1em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;}

blockquote {font: bold 1.5em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; display: block;}

#searchformARA legend {display:none;}

/* =navsecond */
#navsecondARA {display: none;}
#navsecondARA {position: absolute; top: 12px; right: 1em; font-size: 0.9em;}
ul#navsecondARA  {list-style-type: none; margin: 0; margin-bottom: 1em;}
ul#navsecondARA li {display: inline; line-height: 1em;}
ul#navsecondARA a {float: left; border-right: 1px solid #fff; padding: 0 .75em; text-decoration: none;}
ul#navsecondARA li:last-child a {border-right: 0;}
ul#navsecondARA li:first-child a {padding-left: 0;}

/* =searchform */
#searchformARA {display: none;}
/*#searchformARA {margin: 0; padding: 0; position: absolute; top: 35px; right: 1.5em; width: 320px;}
#searchformARA label {display: inline; margin: 0; padding: 0 10px 0 0; color: #fff; font-size: 0.8em;}
#searchformARA label  {display: none;}
#searchformARA input.search {width: 260px; height: 15px; padding: 2px; margin-bottom: 5px; margin-left: 0;}
#searchformARA input.submit {width: 47px; padding: 2px; margin-bottom: 5px; margin-left: 0;}
#searchformARA #searchoptions {visibility: hidden;}
#searchformARA #searchoptions label {float: left; display: inline;}
#searchformARA #searchoptions .radio {float: left; display: inline; margin-right: 5px;}*/



/* =navlanguage */
#navlanguage {display: none;}
#navlanguage li {display: inline;list-style-type: none;}
#navlanguage a {text-decoration: none;}
#navlanguage li:first-child a {padding-left: 0;}

/** Smaller language bar for individual articles **/
#langbar {display: none;}

/* Print-friendly link */
.pficon, .pficona {display: none;}


/* =navmain */
#navmain {display: none;}

/* navigation turned on based on body class */
.home #navmain a#home {color: #333333; background: #FFF url(/external/07/images/navcorner.gif) no-repeat right bottom; line-height: 22px; margin-top: 2px;}
.whatIMFdoes #navmain a#whatIMFdoes {color: #333333; background: #FFF url(/external/07/images/navcorner.gif) no-repeat right bottom; line-height: 22px; margin-top: 2px;}
.datastats #navmain a#datastats {color: #333333; background: #FFF url(/external/07/images/navcorner.gif) no-repeat right bottom; line-height: 22px; margin-top: 2px;} 
.publication #navmain a#pubs {color: #333333; background: #FFF url(/external/07/images/navcorner.gif) no-repeat right bottom; line-height: 22px; margin-top: 2px;}
.about #navmain a#about {color: #333333; background: #FFF url(/external/07/images/navcorner.gif) no-repeat right bottom; line-height: 22px; margin-top: 2px;}
.news #navmain a#news {color: #333333; background: #FFF url(/external/07/images/navcorner.gif) no-repeat right bottom; line-height: 22px; margin-top: 2px;}

/* =navthird */
#navthird {background: url(/external/07/images/shade.gif) repeat-x left bottom; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#navthird ul {list-style-type: none; margin: 0; background: #A3A8AB; padding-top: 1em; padding-bottom: 1em;}
#navthird li {background: url(/external/07/images/arrow_2.gif) no-repeat left .4em; margin-left: 2em; padding-left: 1em; padding-bottom: .3em;}
#navthird a {text-decoration: none; color: #FFF;}
#navthird a:hover {text-decoration: underline;}
#navthird a:visited {color: #333;}

.notify {border: 1px solid #023392; border-top-width: 4px; margin-bottom: 2em;}
#content-nav .notify {margin-top: 1em; margin-bottom: 1em;}
.notify .icon {background: #3B7BC2 url(/external/07/images/mail_icon.gif) no-repeat 12px 2px; margin: 0; padding: .5em 0 .5em 3.5em; border-top: 2px solid #69A2DE; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-weight:bold;}
.notify .noicon {background: #3B7BC2; margin: 0; padding: .5em 0 .5em 1em; border-top: 2px solid #69A2DE; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;}
.notify .icon, .notify .noicon {color: #fff;}
.notify p {line-height: 105%; padding-top: 1em; padding-bottom: 1em; margin: 0 .5em;}
.notify p a {color: #cc6600;}
.notify p a:visited {color: #cc9933;}

.notify2 {border: 1px solid #333333; border-top-width: 4px; margin-bottom: 2em;}
.notify2 .noicon {background: #7A7A7A; margin: 0; padding: .5em 0 .5em 1em; border-top: 2px solid #999999;font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;}

/* =navfourth */
#navfourth {font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;border: 1px solid #999999; border-top-width: 4px;  margin: 20px;}
#navfourth ul {list-style-type: none; margin: 0; padding-top: 1em; padding-bottom: 1em;}
#navfourth li {background: url(/external/07/images/arrow.gif) no-repeat left .4em; margin-left: 1em; padding-left: 1em; padding-bottom: .3em;}
#navfourth a {text-decoration: none; color: #666666;}
#navfourth a:hover {text-decoration: underline;}
#navfourth a:visited {color: #333;}
#navfourth h3 {color: #333333; font-size: 1em; background: #E2DEDE; margin: 0; padding: .5em 0 .5em 1em; border-top: 2px solid #FFFFFF;}


/* =pagelist */
ul.pagelist {list-style: none; padding: 0;}
ul.pagelist li {background: url(/external/07/images/arrow.gif) no-repeat left .8em; margin-top: .5em;}
.pagelist-last {margin-bottom:.8em}

#content-sub ul.pagelist {list-style: none; padding: 0;}
#content-sub ul.pagelist li {background: url(/external/07/images/arrow.gif) no-repeat left .9em; margin-top: .5em;}
#content-sub .pagelist-last {margin-bottom:.8em}


/* =navpage */
ul#navpage {list-style: none; margin: 0; padding: 0 0 2em 0; font: bold .95em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; background: url(/external/07/images/shade2.gif) repeat-x left bottom;}
ul#navpage li {margin-left: 10px;}
ul#navpage a {display: block; color: #656565; background: url(/external/07/images/arrow.gif) no-repeat left 1em; border-bottom: 1px solid #D2CCCC; padding: 10px 0 10px 10px;}
ul#navpage li:last-child a {border-bottom: 0;}
ul#navpage a:hover {text-decoration: none; color: #CA6900;}
ul#navpage li a.active {background: url(/external/07/images/arrow_3.gif) no-repeat -.1em 1.2em;  color: #CA6900; border: none;}

ul#navpage ul {list-style: none; padding: 0; margin: -.5em 0 0 0; font: normal 1em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; border-bottom: 1px solid #D2CCCC;}
ul#navpage ul li {margin-left: 10px; margin-top: 1px; margin-right: 10px; background-color: #E2DEDE;}
ul#navpage ul a {background: none; border: 0; padding: 7px 0 8px 5px;}
ul#navpage ul a.active {background-image: none; color: #656565;  font-weight: bold; background-color: #FFF; border-left: 1px solid #E2DEDE; border-top: 1px solid #E2DEDE;}
ul#navpage ul a.active:hover {cursor: default;}



/* =layout */
/* =container */
#container {background: #fff; float: left; width: 500pt;}

/* =branding Arabic */
#brandingARA {overflow: hidden; text-align: right; background:none;}
#brandingARA a:link, #brandingARA a:visited {color: #FFF; text-decoration: none;}

/* =content */
#content {font-size:130%;}

/* =content-main */
#content-main {float: right; width: 500pt;}
#content-main h1 {margin-right:.3em; padding: .5em 0 .5em 0;}
#content-main:lang(ar) {font-family: "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;}
#content-main:lang(en) {font-family: Georgia, "Times New Roman", Times, serif!important; font-size: inherit; direction:ltr;}
#content-main h1 {margin-right:.3em; padding: .5em 0 .5em 0;}


/* =content-sub */
#content-sub {float: left; overflow: hidden; font-size: 0.9em;  width: 232px; padding-bottom: 1em;}
#content-sub p {font-size:110%;}
#content-sub h2 {font-size: 1.3em;}
#content-sub h3 {padding-right: 0.5em;}
#content-sub h4 {padding-top: .5em; margin-left: .5em;}
#content-sub table {margin-left: 1px; margin-bottom: 10px; width: 99%; font-size: .9em; border: 1px solid #023392; border-top-width: 4px;}
#content-sub .caption {margin-top: 0; padding-top: 0; width: 100%; font-size: .9em; line-height: 1.1em;}
#content-sub caption {font-weight:bold; font-family: "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; background: #003399; color: #FFF;  margin-left: 0px; margin-top: 10px;  padding: .5em 0 .5em .5em; font-size: 1.1em; text-align: right;}
#content-sub .weosection {background-image: url(/external/07/images/bg_stripes2.gif);}

/* .sectionhilite looks identical to .sectionhilite4 with exception of paragraph font style and size used in highlights box. It has a light gray background, a thin dark gray margin spacer on top, dark blue text for the title header, and dark gray hyperlinks for the items. */
#content-sub .sectionhilite {background: #D5D7DA url(/external/07/images/bg_stripes.gif) repeat-x right top; padding: 0.5em 0; min-height: 120px;}
#content-sub .sectionhilite p {font-size: 1em; font-family: "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;}
#content-sub .sectionhilite h4 {font-family: Verdana, Helvetica, Arial, sans-serif; padding-bottom: .6em;}
#content-sub .sectionhilite h5 {font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; padding-bottom: .5em;}
#content-sub .sectionhilite a {color: #333 !important; font-size: 1.1em;}
#content-sub .sectionhilite a:visited {color: #666699 !important; font-size: 1.1em;}
#content-sub .sectionhilite img {margin: 0 1em;}

.sectionhilite3 {border-top: 4px solid #023392; margin-top: 2em; margin-bottom: 2em; padding: 0 !important; border-bottom: none;}
.sectionhilite3 h3 {margin: 0; padding: 5px 0 10px 10px; border-top: 2px solid #99CCFF; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; color: #FFF; background-color: #6699CC;}


/* =content-nav */
#content-nav {display: none;}
#content-nav {width: 218px; float: left; padding-top: 2em; margin-left:-568px;}
#content-nav img {margin: 0 10px;}

/* Back to top link image for footer */
.topbutton {display: none;}

/* =siteinfo aka FOOTER*/
#siteinfoARA {display: none;}
/*#siteinfo {border-top: 2px solid #69A2DE; width: 100%;background: #528ED1 url(/external/07/images/seal_2.gif) no-repeat 10px 15px; clear: both; height: 6em; padding: 2em 0;}
#siteinfo ul {list-style-type: none; margin: 0; margin-bottom: .5em; margin-left: 70px;}
#siteinfo li {display: inline; line-height: 1em;}
#siteinfo a {color: #fff; float: left; border-right: 1px solid #fff; padding: 0 .75em; text-decoration: none;}
#siteinfo ul li:last-child a {border-right: 0;}
#siteinfo #navlanguage {padding-left: 10px; margin-top: 20px;}*/

.piconbox {display:none;}


/***** These are template layout specifics *****/
body#home-layout #content-main {padding-top: 2.5em;}
.columnspan {background:none;}
body#home-layout #content #content-main .column1, body#home-layout #content-main .column1sm {width: 320px; float: right;}
body#home-layout #content #content-main .column2, body#home-layout #content-main .column2sm {width: 320px; float: right;}
body#home-layout #content-main .column1 div, body#home-layout #content-main .column2 div {width: 100%; border-bottom: 1px solid #D2CCCC; padding-top: 1em; padding-bottom: 1em;}
body#home-layout #content-main .column1 div:last-child, body#home-layout #content-main .column2 div:last-child, body#home-layout #content-main .column1sm div:last-child, body#home-layout #content-main .column2sm div:last-child {border-bottom: 0;}
body#home-layout #content-main h3 {margin-bottom: 0;color:#333333;}

/* placement of language nav */
.home #navlanguage {position: absolute; top: 37px; right: 0px; font-size: 0.9em;}

body#channel-layout #content-main {background: none;}
body#channel-layout #content-main .column1 {float: none; padding-top: 2em;}
body#channel-layout #content-main .column2 {float: none; padding-top: 2em; font-size: 80%;}
body#channel-layout #content-main .column2 p {font-size: .9em;}
body#channel-layout #content-sub {float: left; padding-top: 18px;}


/* do additional review for printing */
body#channel-layout2 #content {background: none;}
body#channel-layout2 #content-main {width: 500pt;}
body#channel-layout2 #content-nav p {font-size: .9em;}
body#channel-layout2 #content-nav {margin-left: 0;}
body#channel-layout2 .columns {background: none; float:none;}
body#channel-layout2 #content-main .column1 {float: none;}
body#channel-layout2 #content-main .column2 {float: none;}
body#channel-layout2 #content-main .column1 div, body#channel-layout2 #content-main .column2 div {width: 100%; border-bottom: 1px solid #D2CCCC; padding-top: 1em; padding-bottom: 1em!important;}
body#channel-layout2 #content-main .column1 div:last-child, body#home-layout #content-main .column2 div:last-child {border-bottom: 0; padding-bottom: 0em;}
body#channel-layout3 #content-main {padding-top: 2em; padding-bottom: 3em;}
body#channel-layout3 #content-sub {display: none; float: left; padding-top: 18px;}
body.publication #searchform #searchoptions {visibility: visible;}
/* END do additional review for printing */


/* DELETED ONCE THE CONVERSION IS OVER */
body#legacy-layout #container {min-width: 800px; overflow: visible; background: #FFF;}
body#legacy-layout #content {float: left; font-size:110%;  background: #FFF;}
body#legacy-layout #content .menu ul, body#legacy-layout #content .menu120 ul {font-size:95% !important; list-style-image:none; list-style-position:outside; list-style-type:none;}
body#legacy-layout #content .color2 {background-color:#CCDDDD !important;}
body#legacy-layout #content h1, body#legacy-layout #content #dateline {margin-right: 20px;}
body#legacy-layout #content img {margin-right: 0px;}
body#legacy-layout #content .content a {color: #D86A22;}
body#legacy-layout table {margin: 0px auto; border-collapse: collapse; width: 100%; font-size: 110%; border: none;}
body#legacy-layout td, th {padding: .5em .5em .5em 0em; font: 1em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif;vertical-align: top; border-right: none;}
/* END DELETION */


/* =country */
.countryglance {border: 1px solid #003399;  margin: 0 20px;}
.countryglance h3 {background: #003399; color: #FFF;  margin: 0; padding: .5em 0 .5em .5em; font-size: 1.1em;}
.countryglance p {font: .9em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; margin-left: .5em;}


/* =searchnews */
#searchnews {padding: 0px; color: #000000; margin: 0 3px;}
#searchnews fieldset {width: 100%; margin: 0; padding: 0; padding-bottom: 5px;}
/*#searchnews fieldset.divide {border-bottom: 1px dotted #9C9C9C;}*/
#searchnews label {margin-top: 5px; margin-bottom: 2px;}
#searchnews select, #searchnews input.text {font-size: 1em; border: 1px solid #9C9C9C; width: 100%;}
#searchnews .option2 {clear: both; margin-top: 0; padding-top: 0;} 
#searchnews .option2 label {width: 100%;} 
#searchnews .option2 select {width: 33%; float: left;}
#searchnews .button1, #searchnews .button2 {padding-top: 0px;}
#searchnews input#newsSearch {width: 98%;}
fieldset.controls {text-align: right;}


/* =searchpage */
#searchpage {margin: 0 20px; padding: 5px 0; width: 70%; border-top: 1px solid #8D8D8D; border-bottom: 1px solid #8D8D8D;}
#searchpage .text {clear: both; float: left; width: 268px;}
#searchpage .button {float: left; margin-left: 5px;}
#searchpage fieldset {border-top: 1px solid #8D8D8D; margin: 0; padding-top: 10px;}
#searchpage a {color: #BC8333; font-size: 80%; text-decoration: underline;}
#searchpage .tips {clear: both;  margin-left: 275px;}
#searchpage .radio {margin: 0  2px;}
#searchpage label {margin-right: 30px; font-size: 80%;}


/* =classes */
.indent {padding-left: 1em; line-height: 1.2em;}
.indent p {padding-top: 0; margin-top: 0;}
.invisible {display: none;}
.hilite {color: #3265CB; font-size: 0.9em;}
#content-sub .hilite {font-size: 1em;}
.clear {clear: both; margin: 0; padding: 0; height: 0;}
.left {float: left;}
.right {float: right;}
.arrow {padding: 0; margin-right: 0; margin-left: 2px;direction:rtl}
.no-side-pad {padding: 0; margin: 0;}
.small {font-size: 95% !important; line-height: 1em;}
hr {height: 0; border: 0; border-top: 1px solid #D2CCCC; margin: 1em;}
.emlink {font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-weight: bold; font-size: 1em;}
#content-sub .emlink {font-size: 1em;}
h5.specialhead {margin: 0; color: #FFF; background: #528ED1; padding-left: .8em; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-size: 1.1em; clear:both; border-top: 1px solid #FFF;}

/* Highlights columns */
.highlightsCol-1 {float:right;width:48%;border:0;}
.highlightsCol-2 {float:left;width:48%;}

/* Feature styles */
.img-descript {float: right; width: 40%; border: 0;}
#content-main .img-descript p {width: 220px; font: 95% "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; padding: 0; margin-bottom: 14px; }
.feature {float: right; width: 54%!important;}
.featurewebcast {float: left; width: 40%; text-align:right;}
.img-left {float: left; width: 265px; border: 0;}
.img-right {float: right; width: 200px; border: 0;}
.sidenotes {float: left; width: 265px; border: 0;}
.sidenotes img, .sidenotes p, .sidenotes ul  {margin-left: 0;}
.caption {margin-top: 0; padding-top: 0; width: 90%; font-size: 1em; line-height: 1.1em;}
.caption1 {margin-top: 0; padding-top: 0; width: 88%; font-size: .9em; line-height: 1.1em;}
.captionrr {margin-top: 0; padding-top: 0; width: 90%; font-size: .9em; line-height: 1.1em;width:220px;}
.toppadding {padding-top: 1.5em;}
#siteinfo .active {color: #393D3E; font-weight: bold;}
.imgtitle {border-bottom: 8px solid #E9E9E9; margin-left: 0; margin-right: 0; margin-bottom: 1.5em; float: left; width: 100%}
.imgtitle p {font-size: .8em; line-height: 1.1em;}
.intro {font: bold 1.3em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; padding-top: 0;}
.introbull {font: bold 1.3em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; padding-top: 0; overflow: visible;}
.tagline {font: bold 1.3em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-style: italic; padding-top: 1.2em; }
.surveyheader {font: 1.3em "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; font-style: italic; border-bottom: 1px solid #D2CCCC; border-top: 1px solid #D2CCCC; margin: 0; padding-left: 1.5em; margin-bottom: .5em;}
.surveyheader span {font-style:normal; font-family:"Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; color:#0066cc; font-weight:bold;text-align:right;}

/* Hide feed icon and text */
div.sficon {display: none;}

/* Dropcap*/
.firstletter {font-size: 4em; display: block; float: left; margin-right: .1em; top: 0px; margin-top: -.2em; padding-top: 0px; margin-bottom: -.2em;}
.space-adjust {margin-left: 0.7em;}
div.border {width: 100%; border-bottom: 1px solid #D2CCCC; margin-bottom: .5em; clear: both;}
 
 
 /* Centerpiece links */
.links {clear: both; overflow: auto; /*border-bottom: 9px solid #fff; border-top: 1px solid #fff;*/ padding: .5em 0;}
.links br {clear: both; display: none;}
.links .arrow {float: right; clear: both; padding-top: 5px;}
.links p {}
.links p a {float: right; width: 81%; margin-right: 5px; display: inline;}

.archive {clear: both; width: 100%; float: right; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9;padding-top: 0;}
ul.archive  {list-style-type: none; margin: 0; margin-bottom: 1em; margin-top: 1em;}
ul.archive li {display: inline; line-height: 1em; padding: 15px;}
ul.contact  {list-style-type: none; margin: 0; margin-bottom: 1em; padding-left: 12px;}
ul.contact li {display: inline; line-height: 1em; float: left; border-right: 1px solid #fff; padding: 0 .75em;}
ul.contact li:last {border-right: 0;}
ul.contact a {color: #cc9933;}
.contactSearch {width: 80%; padding-left: 15px; padding-bottom: 10px;}
.graph {margin: 0 0 0 4px;}


/* Style for alignment of datamapper graphics on the homepage */
div.graph {text-align:center;}
.graph {padding: 0 35px 0 0!important;margin:auto!important;}
.topgraph {padding-top:10px!important;}



.colorlink a {color: #D86A22;}
a.colorlink {color: #D86A22;}
ul.regular li {margin-top: 1em;}
ul.regulartop li {margin-top: 1.1em; width: 250px; font-size:.9em;}
.survAuthor {font-size: 1em;}
.survTitle {font-style:italic;}
.caption {font-size: .9em;}
.kicker {font: 95% "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; padding-bottom: 0; text-transform: uppercase;}
.box {/*border: 1px solid #CCCCCC;*/ padding: 10px 0; font: 95% "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; width: 47%; margin: 5px 10px 10px 20px; float: left; display: inline;}
/*.box ul {margin: 0 10px 0 20px; list-style-type:square;}
.box ul li {margin-bottom: 5px;}*/


/*Added smaller bullet style as another option to .box bullets without float so text will not wrap around */
.bulletsm {padding: 10px 0px;  font: 95% "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; margin: 5px 10px 10px 80px!important;display: inline; }
.bulletsm ul {margin: 0 10px 0 40px; list-style-type:square;}
.bulletsm ul li {margin-bottom: 5px;}

.box2 {border: 1px solid #333333; border-top-width: 4px; margin: 10px 10px 10px 20px; float: left; width: 45%; font-size: 90%; display: inline;}
.box2 h4 {background: #666666; margin: 0; padding: .5em 0 .5em 1em; border-top: 2px solid #999999; font-family: "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; color: #FFF;}
.box2 p {padding-top: 1em; padding-bottom: 1em; margin: 0 .5em;}
/* option to add bullets */
.box2 ul {margin: 0; list-style-type:square; list-style-position:inside; padding:.2em}
*html .box2 ul li {margin-bottom: .3em; margin-left:1.6em; text-indent:-1.2em;}
.box2 ul li {margin-bottom: .3em; margin-left:1.5em; text-indent:-1em;}

/* .box3 is almost the same as box2 except that it takes the full width instead of floating on left */
.box3 {border: 1px solid #333333; border-top-width: 4px; margin: 10px 10px 10px 20px; float: left; width: 92%; font-size: 90%; display: inline;}
.box3 h4 {background: #666666; margin: 0; padding: .5em 0 .5em 1em; border-top: 2px solid #999999; font-family: "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; color: #FFF;}
.box3 p {padding-top: .5em; padding-bottom: .5em; margin: 0 .5em;}
/* option to add bullets */
.box3 ul {margin: 0 10px 0 1em; list-style-type:square; list-style-position:inside;}
*html .box3 ul li {margin-bottom: .3em; margin-left:1.6em; text-indent:-1.2em;}
.box3 ul li {margin-bottom: .3em; margin-left:1.5em; text-indent:-1em;}

/* .box4 is the same as .box3 except that it is a different color */
.box4 {border: 1px solid #FF6600; border-top-width: 4px; margin: 10px 10px 10px 20px; float: left; width: 92%; font-size: 90%; display: inline;}
.box4 h4 {background: #FF9900; margin: 0; padding: .5em 0 .5em 1em; border-top: 2px solid #FFCC00; font-family: "Traditional Arabic", "Simplified Arabic", "AB Geeza", "Times New Roman", Times, serif; color: #FFF;}
.box4 p {padding-top: .5em; padding-bottom: .5em; margin: 0 .5em;}
.box4 ul {margin: 0 10px 0 1em; list-style-type:square; list-style-position:inside;}
*html .box4 ul li {margin-bottom: .3em; margin-left:1.6em; text-indent:-1.2em;}
.box4 ul li {margin-bottom: .3em; margin-left:1.5em; text-indent:-1em;}

/* added footnote styles */
.footnote {clear:both;padding-top:20px;direction:rtl;}
.ftnline {border-top:1px solid #333; width:150px;padding-top:5px;right:0px;}
.footnote p {font-size:90%;margin-top:0em;}
/* IE 6 adjustments */
*html .ftnline {border-top:1px solid #333; width:150px;padding-top:0px;}
*html .footnote p {font-size:90%;margin-top:-1.5em;}

/*SDR BLUE BOX */

body#home-layout #content-main .column2 div#blue {
width:184px;
margin: 0 auto;
background-color:#6699cc;
padding: 1px 2px 1px 18px;
font-size:10px;
font-weight:bold;
color:#333
}

#blue .whitetext { color:#fff;}

/*** Begin for Organization chart for Arabic -- print styles for A needs more tweaking because of RTL orientation ***/
     /* Make text and links in org chart black for print-friendly reading */
#orgchartara-container .orgchart, 
#orgchartara-container .orgchart a  {color:#000;}
#orgchartara-container {width:100%;margin: 1em auto 0em auto!important;}
#orgchartara-container .orgchart div {
	margin: 0px;
	padding: 0;
	text-align: center;
	clear: both;
}
#orgchartara-container .orgchart .tier1 span, 
#orgchartara-container .orgchart .tier2 span, 
#orgchartara-container .orgchart .tier3 span {
width:120px; height:65px;border:1px solid #505050;left:0px;vertical-align:middle;display:inline-block;display:-moz-inline-box;margin:auto;font-size:1em;line-height: 1.2em;float: left;padding: 4px; color:#505050;background:#E0E7FE;}
#orgchartara-container .orgchart .middle {padding-top:1em!important;height:55px!important;}
#orgchartara-container .orgchart .tier1 span.hline, 
#orgchartara-container .orgchart .tier2 span.hline, 
#orgchartara-container .orgchart .tier3 span.hline, 
#orgchartara-container .orgchart .tier4 span.hline {width:30px; border:0px; background:url(/external/images/line-silver.gif) repeat-x center;}
#orgchartara-container .orgchart .tier2 span.hlineshort, 
#orgchartara-container .orgchart .tier3 span.hlineshort, 
#orgchartara-container .orgchart .tier4 span.hlineshort  {width:10px; border:0px; background:url(/external/images/line-silver.gif) repeat-x center;}
#orgchartara-container div.vline {height:30px; border:0px; background:url(/external/images/line-silver.gif) repeat-y 230px; padding:0px; margin:0px}
#orgchartara-container div.vlinelast {height:80px; border:0px; background:url(/external/images/line-silver.gif) repeat-y 230px;}
#orgchartara-container div.hline {margin-left:240px!important;width:70px;background:url(/external/images/line-silver.gif) repeat-x top;}
#orgchartara-container div.hlinelast {margin-left:240px!important;width:70px;background:url(/external/images/line-silver.gif) repeat-x center; padding-bottom:150px;}
#orgchartara-container div.tier5vline {height:30px; border:0px; background:url(/external/images/line-silver.gif) repeat-y 230px;}

#orgchartara-container .orgchart .tier1 {
	padding-left: 0px;

}
#orgchartara-container .orgchart .tier1 span, #orgchartara-container .orgchart .tier2 span, #orgchartara-container .orgchart .tier3 span{
	background:#E0E7FE;
}
#orgchartara-container .orgchart .tier2 {
	padding-left: 165px;
}
#orgchartara-container .orgchart .tier3 {
	padding-left: 165px;
}
#orgchartara-container .orgchart .tier4 {
	margin-left:300px;
	margin-bottom: 20px;
	margin-top: -105px;
	height:1%;
	position:absolute;
}
#orgchartara-container .tier4 span {width:75px; border:1px solid #505050;vertical-align:middle;display:inline-block;display:-moz-inline-box;margin: 0 1px 0 0px; font-size:.8em;text-decoration: none;line-height: 1.0em;white-space: normal;color: #505050;padding:3px 3px 3px 3px;background:#FEE8C7;float:left!important; }

#orgchartara-container .orgchart .tier4 span.space{
	background:#fff;
}
#orgchartara-container span.space {width:0px!important; border:0px!important;}
#orgchartara-container span.chartlines {left: 280px!important;width:266px!important; height:35px!important;border:0px!important;background:#fff url(/external/images/chartlinesp.gif) no-repeat left!important;margin-top:20px!important;}
#orgchartara-container .orgchart .title
{text-align:center;font-weight:bold;background:#DFE7FF!important;margin:0 0 10px 0 !important; line-height:1.0em; border:1px solid #333; font-size:1em;}
#orgchartara-container .orgchart .titlewide
{text-align:center;width:244px; background:#DFE7FF!important;position:absolute;	margin:0 0 10px 0 !important; font-weight:bold;line-height:1.2em; border:1px solid #333; font-size:1em;left:135px;}
*html #orgchartara-container .orgchart .titlewide
{text-align:center;width:246px; background:#DFE7FF!important;position:absolute;	margin:0 0 10px 0 !important; font-weight:bold;line-height:1.2em; border:1px solid #333; font-size:1em;left:138px;}
#orgchartara-container .orgchart .tier5 {font-size:1em;}

#orgchartara-container .orgchart .tier5 .tier5group span, #orgchartara-container .orgchart .tier5 .tier5groupcol2 span  {padding-right:3px!important;}

#orgchartara-container .orgchart .tier5 span.tier5group {
	text-align: left!important;
	width: 125px;
	padding-top: 0px;
	margin: 0px 3px 0 5px;
	float:left;	
	
}
#orgchartara-container .orgchart .tier5 span.tier5groupcol1 {
	text-align: right!important;
	width: 125px;
	padding-top: 0px;
	padding-left:0px!important;
	margin-top: 27px!important;
	background:#fff!important;
	border:0px!important;
}
/* Begin IE Tweak */
*html #orgchartara-container .orgchart .tier5 span.tier5groupcol1 {
	text-align: right!important;
	width: 125px;
	padding-top: 0px;
	padding-left:0px!important;
	margin-top: 26px!important;
	background:#fff!important;
	border:0px!important;
}
/* End IE Tweak*/
#orgchartara-container .orgchart .tier5 span.tier5groupcol2 {
	text-align: right!important;
	width: 125px;
	padding-top: 0px;
	padding-left:0px!important;
	margin-top: 30px;
	float:left;	
	}
	
/* Begin IE Tweak*/	
*html #orgchartara-container .orgchart .tier5 span.tier5groupcol2 {
	text-align: right!important;
	width: 125px;
	padding-top: 0px;
	padding-left:0px!important;
	margin-top: 28px;
	float:left;	
	}
/* End IE Tweak*/

#orgchartara-container .orgchart .tier5 span.tier5group span {
	clear: both;
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	background:#FEECB4;
	border:1px solid #333;
	margin:5px 3px 10px 0px;
	line-height:1em;
	text-align: right!important
}
#orgchartara-container .orgchart .tier5 span.tier5groupcol1 span, 
#orgchartara-container .orgchart .tier5 span.tier5groupcol2 span {	
	clear: both;
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	background:#FEECB4;
	border:1px solid #333;
	margin:4px 3px 10px 0px;
	line-height:1em;
}
#orgchartara-container .orgchart span span.tier6 {margin-bottom:0px!important;background:#fff!important; border:0px!important;background: url(/external/images/line-silver.gif) repeat-y 48%!important;width:75%}
				
#orgchartara-container .orgchart .tier6 {
	margin: 0 10px 0 10px!important;	
	text-align:right;
	line-height:1.0em;
	padding:5px 5px 0px 5px!important;
	
}
#orgchartara-container .orgchart .tier6 span {
	background:#EEEEDD!important;
	margin-bottom:0px!important;
}
#orgchartara-container span.last {margin-bottom:0px!important;}

/*** End for Arabic only -- print styles for A needs more tweaking than other languages because of RTL orientation ***/
/*********End organzational chart print style  *********/

/* Flash content embedding */
#flashcontent, .flashcontent {display:none;}