/* CSS Document */
*{margin:0;paddding:0}

html, body {
margin: 0;
padding: 0;
font-family: 'TanseekModernProArabic-Light', sans-serif;
font-size:14px;
width: 100%;
}

@font-face {
font-family: 'TanseekModernProArabic-Bold';
src: url('../scripts/fonts/tanseekmodproarabicbold.eot');
src: url('../scripts/fonts/tanseekmodproarabicbold.eot?#iefix') format('embedded-opentype'),
	 url('../scripts/fonts/tanseekmodproarabicbold.woff') format('woff'),
	 url('../scripts/fonts/tanseekmodproarabicbold.ttf') format('truetype'),
	 url('../scripts/fonts/tanseekmodproarabicbold.svg#tanseekmodproarabicbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TanseekModernProArabic-Light';
src: url('../scripts/fonts/tanseekmodproarabiclight.eot');
src: url('../scripts/fonts/tanseekmodproarabiclight.eot?#iefix') format('embedded-opentype'),
	 url('../scripts/fonts/tanseekmodproarabiclight.woff') format('woff'),
	 url('../scripts/fonts/tanseekmodproarabiclight.ttf') format('truetype'),
	 url('../scripts/fonts/tanseekmodproarabiclight.svg#tanseekmodproarabiclight') format('svg');
font-weight: normal;
font-style: normal;
}
		
@font-face {
font-family: 'TanseekModernProArabic-Medium';
src: url('../scripts/fonts/tanseekmodproarabicmedium.eot');
src: url('../scripts/fonts/tanseekmodproarabicmedium.eot?#iefix') format('embedded-opentype'),
	 url('../scripts/fonts/tanseekmodproarabicmedium.woff') format('woff'),
	 url('../scripts/fonts/tanseekmodproarabicmedium.ttf') format('truetype'),
	 url('../scripts/fonts/tanseekmodproarabicmedium.svg#tanseekmodproarabicmedium') format('svg');
font-weight: normal;
font-style: normal;
}
		
				

/*=========================================
	Navigation
=========================================*/

#Header {
background-image:url(../images/navigation_background.png);
margin: auto;
width: 1000px;
height:160px;
position:fixed;
z-index:1;
left: 50%;
margin-left: -500px;
}

#Navigation {
width:1000px;
height:50px;
}

#LanguageLeft {
width:135px;
height:25px;
margin-right:30px;
float:right;
margin-top:12px;
border:solid;
border-width:1px;
border-color:#00a4e4;
text-align:center;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}

#MenuItem {
width:90px;
height:40px;
float:left;
font-size:18px;
line-height:14px;
font-family: 'TanseekModernProArabic-Medium';
margin-top:3px;
text-align:center;
padding-top:5px;
}

#MenuItemDivider {
width:1px;
height:25px;
float:left;
margin-top:13px;
background-color:#00a4e4;
}

/*=========================================
	Links
=========================================*/

a.MenuLink:link, a.MenuLink:visited {
color:#00a4e4;
text-decoration: none;
}

a.MenuLink:hover {
color:#274181;
}

a.LanguageLink:link, a.LanguageLink:visited {
color:#223e99;
text-decoration: none;
}

a.LanguageLink:hover {
color:#00a4e4;
}

a.Next:link, a.Next:visited {
font-size:20px;
color:#FFF;
text-decoration: none;
float:left; 
margin-right:50px;
font-family: 'TanseekModernProArabic-Bold';
margin-top:20px;
}

a.Next:hover {
color:#d5e14d;
}

a.Download:link, a.Download:visited {
font-size:20px;
color:#50b948;
text-decoration: none;
float:left; 
margin-right:50px;
font-family: 'TanseekModernProArabic-Bold';
margin-top:20px;
}

a.Download:hover {
color:#223e99;
}

a.Downloads:link, a.Downloads:visited {
color:#FFF;
text-decoration: none;
}

a.Downloads:hover {
color:#CCC;
}

/*a.Back:link, a.Back:visited {
font-size:20px;
color:#274181;
text-decoration: none; 
font-family: 'TanseekModernProArabic-Bold';
text-align:right;
}

a.Back:hover {
color:#d5e14d;
}*/

/*=========================================
	Innerpages combined CSS
=========================================*/

#Wrapper { 
margin:auto;
width:1000px;
}

#PageTitle { 
font-size:30px; 
color:#FFF; 
margin-right:250px;  
padding-top:90px;
margin-bottom:40px;
font-family: 'TanseekModernProArabic-Medium';
letter-spacing:0.5px;
}

/*#GoBack { 
width:250px;
float:right;
text-align:right;
padding-top:100px;
color:#274181;
position:static;
}*/

.ContentWrapper {
width:940px;
margin:auto;
}

/*=========================================
	Homepage
=========================================*/

#homeTextContainer { 
padding-top:120px;
font-family: 'TanseekModernProArabic-Bold';
}

#homeBottomMenu {
width:939px;
height:150px;
margin: 50px 35px 0 auto;

border:solid;
border-width:4px;
border-color:#FFF;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;

background-color:#FFF;
}

.homeBottomMenuBox {
display: inline-block;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/*=========================================
	Financial Highlights
=========================================*/

.HeadingOne {
font-size:100px;
color:#d5e14d;
font-family: 'TanseekModernProArabic-Bold';
line-height:55px;
}

.HeadingTwo {
font-size:60px;
color:#274181;
font-family: 'TanseekModernProArabic-Bold';
margin-right:35px;
line-height:55px;
}

.HeadingThree {
font-size:60px;
color:#9561a9;
font-family: 'TanseekModernProArabic-Bold';
margin-right:35px;
line-height:55px;
}

.HeadingFour {
font-size:57px;
color:#FFF;
font-family: 'TanseekModernProArabic-Bold';
margin-right:35px;
line-height:55px;
}

.FinancialText {
font-size:21px;
line-height:18px;
color:#FFF;
font-family: 'TanseekModernProArabic-Light';
}

/*=========================================
	Chairman's Message
=========================================*/

#ChairWrap {
width: 950px;
height: 525px;
margin:auto;
}

#ChairTopWrap {
width: 640px;
height: 160px;
font-size:70px; 
color:#FFF; 
margin-right:250px; 
line-height:48px;
margin-top:20px;
font-family: 'TanseekModernProArabic-Bold';
}

#ChairLeftWrap {
width: 200px;
height: 130px;   
float:right;
margin-right:10px;
}

.ChairLeftWrapImage {
display: inline-block;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#ChairRightWrap {
width: 680px;
height:350px;
font-size:31.5px; 
color:#FFF; 
float:left; 
line-height:23px;
margin-top:-7px;
font-family: 'TanseekModernProArabic-Light';
}

#ChairText {
width: 655px;
height:510px;
font-size:25px; 
color:#000; 
float:left; 
line-height:20px;
margin-right:45px;
font-family: 'TanseekModernProArabic-Light';
}

/*=========================================
	Board of Directors
=========================================*/

#DropWrapper {
width: 700px;
float:left;
}

#DropOneContainer {
width: 340px;
height: 600px;
float:left;
}

#DropTwoContainer {
width: 340px;
height: 700px;
margin-left:20px;
float:left;
}

#AccrodionItemSpacer {
width: 340px;
height: 20px;
float:left;
}

/*=========================================
	Operational Highlights
=========================================*/

#OperationalWrap {
width: 950px;
height: 525px;
margin:auto;
}

#OperationalTopWrap {
width: 700px;
float:left;
}

#OperationalIntro {
width: 700px;
height:95px;
float:right;
font-size:32px; 
color:#274181; 
line-height:23px;
margin-top:10px;
font-family: 'TanseekModernProArabic-Medium';
}

#OperationalRight {
width: 340px;
height:300px;
float:right;
}

#OperationalLeft {
width: 340px;
height:300px;
float:right;
margin-right:20px;
}

#OperationalLine {
width: 340px;
height:1px;
background-color:#9561a9;
}

.OperationalNumbers {
font-size:100px;
font-family: 'TanseekModernProArabic-Bold';
line-height:55px;
}

.OperationalImage {
display: inline-block;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#OperationalText {
width: 330px;
font-size:25px; 
color:#000;  
line-height:20px;
margin-top:20px;
margin-bottom:30px;
font-family: 'TanseekModernProArabic-Light';
}

#OperationalImageContainer {
width: 700px;
height: 470px;
}

#OperationalImageOne {
width: 350px;
height: 235px;
float:left;
background-image:url(../images/executive_management_image1.png);
background-repeat:no-repeat;
}

#OperationalImageTwo {
width: 350px;
height: 235px;
float:left;
background-image:url(../images/executive_management_image2.png);
background-repeat:no-repeat;
}

#OperationalImageThree {
width: 350px;
height: 235px;
float:left;
background-image:url(../images/executive_management_image3.png);
background-repeat:no-repeat;
}

#OperationalImageFour {
width: 350px;
height: 235px;
float:left;
background-image:url(../images/executive_management_image4.png);
background-repeat:no-repeat;
}

/*=========================================
	Executive Management
=========================================*/

.ExecutiveImage {
display: inline-block;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/*=========================================
	Nawras and the Community
=========================================*/

#CommunityWrap {
width: 950px;
height: 525px;
margin:auto;
}

#CommunityTopWrap {
width: 640px;
height: 250px;
font-size:70px; 
color:#FFF; 
margin-right:250px; 
line-height:48px;
margin-top:20px;
font-family: 'TanseekModernProArabic-Bold';
}

#CommunityRightWrap {
width: 650px;
height:350px;
font-size:32px; 
color:#FFF; 
float:left; 
line-height:23px;
margin-right:50px;
margin-top:-7px;
font-family: 'TanseekModernProArabic-Light';
}

.CommunityImage {
display: inline-block;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#CommunityText {
width: 655px;
height:510px;
font-size:25px; 
color:#000; 
float:left; 
line-height:20px;
margin-right:45px;
font-family: 'TanseekModernProArabic-Light';
}

/*=========================================
	Corporate Governance
=========================================*/

#CorporateWrap {
width: 950px;
height: 525px;
margin:auto;
}

#CorporateIntroText {
width: 655px;
font-size:28.5px; 
color:#9561a9; 
float:left; 
line-height:24px;
margin-right:45px;
margin-bottom:20px;
font-family: 'TanseekModernProArabic-Medium';
}

#CorporateText {
width: 655px;
height:510px;
font-size:25px; 
color:#000; 
float:left; 
line-height:20px;
margin-right:45px;
font-family: 'TanseekModernProArabic-Light';
}

ul.governance {
list-style:disc;
list-style-position: outside;
padding: 0;
margin: 0;
line-height:18px;
margin-top:5px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

ul.governance li {
margin-bottom:5px;
margin: 0;
padding:2px 0 15px 15px;
list-style: none; 
background: url('../images/bullet.jpg') no-repeat 0 .4em;
}

/*=========================================
	Downloads
=========================================*/

#DownloadsTableTop {
width: 650px;
height:50px;
float:left;
background-color:#005394; 
margin-bottom:3px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#DownloadsTableBottom {
width: 650px;
height:520px;
float:left; 
background-color:#005394;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
}

#DownloadsText {
font-size:23px; 
color:#FFF; 
margin-right:20px;
}

#DownloadsTextRowLight {
background-color:#01589d;
height:30px;
width:650px;
}

#DownloadsTextRowDark {
height:30px;
width:650px;
}

/*=========================================
	Fullscreen script
=========================================*/

body .mc-cycle {
left:0;
overflow:hidden;
top:0;
z-index:-1;
position:absolute;
}

div.mc-image {
/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
If you are using fading transitions, use 'opacity: */
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center center;
background-repeat:no-repeat;
}

/*=========================================
	Accordion script
=========================================*/

#accordionWrapper {
width: 340px;
margin-left: auto;
margin-right: auto;
}
 
.accordionButton {	
width: 340px;
height:90px;
float: left;
border-bottom: 1px solid #FFFFFF;
cursor: pointer;
}
 
.accordionContent {	
width: 310px;
padding:15px;
float: left;
background: #f2f3f3;
display: none;
font-family: 'TanseekModernProArabic-Light';
font-size:22px;
line-height:18px;
}

/*=========================================
	Tooltip script
=========================================*/
 
#tooltip {
font-family: Ubuntu, sans-serif;
font-size: 0.875em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
z-index: 100;
padding: 5px;
}
			
#tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}

#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6 );
top: 10px;
bottom: auto;
}
				
#tooltip.left:after {
left: 10px;
margin: 0;
}
				
#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
		
abbr {
border-bottom: 1px dotted #111;
cursor: help;
}

#info {
width: 20px;
height: 20px;
background-color: rgba(255,255,255, 0.9);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 2px;
margin: 0 auto 50px;
}

#info:hover {
background-color: rgba(255,255,255, 0.5);
}

#info abbr {
height: 100%;
font-size: 22px;;
font-family: 'TanseekModernProArabic-Medium';
line-height: 15px;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .25 );
color: #fff;
background: #64bc5d;
background: -webkit-gradient( linear, left top, left bottom, from( #84e100 ), to( #6fbc00 ) );
background: -webkit-linear-gradient( top, #84e100, #6fbc00 );
background: -moz-linear-gradient( top, #84e100, #6fbc00 );
background: -ms-radial-gradient( top, #84e100, #6fbc00 );
background: -o-linear-gradient( top, #84e100, #6fbc00 );
background: linear-gradient( top, #84e100, #6fbc00 );
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: none;
cursor: help;
display: block;
}