/* ------------------------------- Saudi Aramco World Main Style Sheet -------------------------------- */
/*																												*/
/*																												*/


/* HTML Elements */
body
{
	margin: 0px;
	font-family: "Times New Roman" , Times, serif;
	background-color: #000000;
}

.bodyrev
{
	color: white;
}

h1
{
	font-weight: bold;
	color: #5a5933;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

h2
{
	font-weight: bold;
	color: #5a5933;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

a, a:link {
	color: #006390;
	text-decoration: underline;
}

a:visited {
	color: #006390;
}

a:hover
{
	color: #cc0000;
}

a:active {
	color: #006390;
}

.aRev:link {
	color: #ffffff;
}

.aRev:active {
	color: #ffffff;
}

.aRev:visited {
	color: #ffffff;
}

.aRev:hover
{
	color: #ffffff;
}

.tocBody
{
	font-size: 90%;
}

.tocLink
{
	font-weight: bold;
	font-size: 110%;
	font-family: Verdana, Sans-Serif;
}

.tocTeaser
{
}

.tocContributor
{
	font-style: italic;
}

.tocChildArticleLink
{
}

b, strong {
	font-weight: bold;
}

/* Form Elements */
input, textarea, select, option
{
	font-size: 12px;
	font-family: Verdana;
}

.footerText {
	font-size: 70%;
	color: #999999;
	text-decoration: none;
	font-family: Verdana;
}

.footerTextPrint {
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
}

/* Navigational Elements */
.footerLink, .footerLink:link {
	font-size: 85%;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana;
}

.footerLink:visited {
	color: #ffffff;
	text-decoration: none;
}

.footerLink:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footerLink:active {
	color: #ffffff;
	text-decoration: none;
}

.subMenu {
	font-family: Verdana;
	font-size: 70%;
	font-style: normal;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

.subMenuLink:link {
	color: #000000;
	text-decoration: none;
}

.subMenuLink:visited {
	color: #000000;
	text-decoration: none;
}

.subMenuLink:hover {
	color: #000000;
	text-decoration: underline;
}

.subMenuLink:active {
	color: #000000;
	text-decoration: none;
}


/* Additional Classes */
.body
{
	font-size: 100%;
}

.backIssueDate
{
	font-size: 70%;
}

.searchHelperTab
{
	font-size: 80%;
	color: #ffffff;
	font-family: Verdana;
}
.searchHelperTabPager
{
	font-size: 100%;
	color: #000000;
	font-family: Verdana;
}

.pageHead
{
	font-size: 80%;
	color: #888888;
	font-family: Verdana;
}

.pageHead2
{
	font-size: 80%;
	color: #888888;
	font-family: Verdana;
}

	
.indexBannerHead
{
	font-size: 140%;
	color: #ffffff;
	font-family: Verdana;
	font-weight: bold;
}

.genericIndex
{
	font-size: 90%;
	color: #000000;
}
	.genericIndex td{
		padding-bottom:3px;
	}

.coverDescr
{
	font-family: Verdana;
	font-size: 70%;
	color: #ffffff;
}

.head3
{
	font-weight: bold;
	color: #000000;
	font-size: 80%;
	font-family: Verdana;
}

.head3rev
{
	font-weight: bold;
	color: #ffffff;
	font-size: 80%;
	font-family: Verdana;
}

form { margin: 0; }

.credit
{	
	font-size:8px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.alignRightMargin
{
	float:right;
	margin:0px 0px 2px 10px;
}

.alignLeftMargin
{
	float:left;
	margin:0px 10px 2px 0px;
}






/* TABLE OF CONTENTS */

.toc-banner {border:none;margin:0 0 0 0;width:735px;overflow:hidden;position:relative;padding:0 0 24px 0;}
.toc-banner ul {margin:0 5px 0 0;}
.toc-banner ul li {float:left;list-style:none;}

.toc-banner .banner-top-right {background:url(/images/template/page-main-bg-right-top.gif) repeat-y 0 0;height:20px;width:5px;position:absolute;right:0;top:0;z-index:101;}
.toc-banner .banner-right {background:url(/images/template/page-main-bg-right.gif) repeat-y 0 0;width:5px;height:370px;position:absolute;right:0;top:0;margin:0;z-index:100;}
.toc-banner .banner-bottom {background:url(/images/template/page-main-bg-bottom.gif) no-repeat 0 0;width:100%;height:24px;position:absolute;left:0;bottom:0;z-index:101;margin:0 0 0 0;}

.toc-banner ul.banners {height:340px;position:relative;}
.toc-banner ul.banners li {display:none;height:100%;width:100%;overflow:hidden;position:absolute;top:0;left:0;}
.toc-banner ul.banners li:first-child {display:block;}

.toc-banner ul.controls {border-top:none;padding:0 100px 0 346px;font-family:Arial,sans-serif;font-size:12px;height:30px;overflow:hidden;clear:both;background:#000000 url(/images/template/section-issue.gif) no-repeat 0 1px;position:relative;}
.toc-banner ul.controls li {margin-top:6px;}
.toc-banner ul.controls li a {float:left;border:1px solid #808080;padding:3px 9px;margin-right:5px;color:#FFFFFF;background:#4C4C4C;line-height:10px;text-decoration:none;}
.toc-banner ul.controls li.active {display:block;}
.toc-banner ul.controls li.active a,
.toc-banner ul.controls li.active a:hover {border:1px solid #FFFFFF;background:#E20A16;padding:3px 9px;} 
.toc-banner ul.controls li a:hover {border:1px solid #eee;background:#666;}

div.toc-banner ul.controls li.item-play,
div.toc-banner ul.controls li.item-pause {position:absolute;right:7px;top:6px;z-index:100;margin:0;padding:0;}

div.toc-banner ul.controls li.item-play a,
div.toc-banner ul.controls li.item-pause a {margin:0;}

div.toc-banner ul.controls li.item-play a,
div.toc-banner ul.controls li.item-pause a {background:#444 no-repeat -1px -1px;text-indent:-5000px;width:18px;height:17px;overflow:hidden;float:left;padding:0;}

div.toc-banner ul.controls li.item-play.active a:hover,
div.toc-banner ul.controls li.item-pause.active a:hover {}

div.toc-banner ul.controls li.item-play a {background-image:url(/images/toc-play.gif);}
div.toc-banner ul.controls li.item-pause a {background-image:url(/images/toc-pause.gif);}

#basicTOC 
{
    margin-top:15px;
}

/* GALLERY POPUPS */

body.popup-gallery {background:#fff;text-align:center;color:#555;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

.simple-gallery {margin:0 auto;text-align:left;width:576px;}
.simple-gallery ul {margin:0;padding:0;overflow:hidden;}
.simple-gallery ul li {margin:0;padding:0;list-style:none;}


.simple-gallery ul.items {position:relative;height:367px;background:url(/images/ajax-loader.gif) no-repeat center center;}
.simple-gallery ul.items li {position:absolute;top:0;left:0;text-align:center;width:100%;height:100%;}
.simple-gallery ul.items li a {height:100%;display:block;}
.simple-gallery ul.items li img {height:100%;border:none;}

.simple-gallery ul.controls {overflow:hidden;z-index:5;position:relative;margin:10px 0;}
.simple-gallery ul.controls li a {text-decoration:none;color:#666;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;font-family:Arial Narrow, Arial, sans-serif;}
.simple-gallery ul.controls .item-prev {float:left;}
.simple-gallery ul.controls .item-next {float:right;}
.simple-gallery ul.controls li a:hover {color:#333;}

.simple-gallery .placement {text-align:center;position:absolute;width:576px;margin:-25px 0 0 0;z-index:4;font-size:11px;}
.simple-gallery .caption {overflow:hidden;overflow-y:scroll;height:150px;color:#356b76;background:#ececec;padding:10px;font-size:12px;line-height:18px;clear:both;}
.simple-gallery .caption.one-line {text-align:center;background:#FFFFFF;overflow-y:hidden;color:#333;}

/* Header */

#siteContainer{

	width:950px;
	margin:0px auto 0px auto;
}

		
.inthisissue {
	color: #fff;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 9999;
	font: 19px arial, helvetica, san-serif;
	line-height: 16px;
	letter-spacing: 1px;
}
		
.toc-banner ul.controls {
	background-image: none;
}

#siteContainer #localizationContainer td > a > img
{
    margin-left:5px;
}


p.translation-survey {
	margin:2em 0;	
}

p.translation-survey a {
	transition:background-color .3s;
	font-size:12px;
	text-decoration: none;
	display: block;
	border-radius: 1em;
	padding: 6px 10px;
	background: #808080;
	color: #FFF;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
p.translation-survey a:hover {
	background-color:rgba(0,0,0,.5);	
}

#translationSurvey {
	position:fixed;
	top:50%;
	left:50%;
	padding:20px;
	margin:-237px 0 0 -250px;
	background:#fff;
	background:rgba(255,255,255,.9);
}

#translationSurvey .close-survey {
	cursor:pointer;	
	position:absolute;
	top:4px;
	right:4px;
	display:block;
	float:left;
	padding:4px 6px;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background:#808080;
	border-radius:5px;
}