﻿html {
	width: 100%;
	margin: 0px;
	height: 100%;
	font-family:Tahoma, sans-serif;
	text-align: center;
	background: #f5f5f5 url('../images/bgtop.jpg') repeat-x scroll center top;
	direction:rtl
}
body {
	width: 100%;
	margin: 0px;
	height:100%
}

.background {
	background: transparent url('../images/sky.gif') no-repeat scroll center top;
	vertical-align:top
}
.toptd {
	height: 280px;
}
.logotd {
	width: 235px;
}
.logofield {
	background: transparent url('../images/logo_ar.png') no-repeat scroll center center;
	height: 233px;
}
.emptyleftlogo {
	line-height: 1px;
	width: 10px;
	height: 37px;
}
.emptyrightlogo {
	line-height: 1px;
	width: 10px;
	height: 37px;
}
.emptybottomlogo {
	line-height: 1px;
	height: 11px;
	background:transparent url('../images/horbg.png') repeat-y scroll center center ;
	width:233px

}
.emptybottomlogo2 {
	line-height: 1px;
	height: 11px;
}
.logoslogan {
	background-color: #11335C;
	color:white;
	text-align:center;
	font-size:10px;
	padding-left:28px;
	padding-right:28px
}
.menunewstd {
	height: 280px;
}
.emptytopmenu {
	line-height: 1px;
	height: 11px;
}
.menutd {
	height: 44px;
}
.bannernewstd {
	height: 176px;
}
.searchtd {
	vertical-align: middle;
	width: 175px;
	text-align: right;
	padding-bottom: 3px;
}
.searchtd input {
	border: 1px #25789d solid;
	width: 120px;
	color: #11335C;
	padding-left: 5px;
	font-size: 12px;
	padding-right: 5px;
	font-weight: bold;
	height: 18px;
}
.searchtd img {
	border: 0;
	vertical-align: middle;
}
.searchtd a {
	outline: none;
}
.mainmenu {
	vertical-align: middle;
	padding-bottom: 5px;
}
.news {
	width: 239px;
	vertical-align: middle;
}
.newscontainer {
	height: 161px;
	background: transparent url('../images/newsbg.png') no-repeat scroll center center;
}
.newstitle {
	height: 50px;
	vertical-align: middle;
	color: #4f4e4e;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	font-family: Tahoma;
}
.newscontent {
	height: 111px;
}
.ctrlup {
	text-align: center;
	height: 32px;
}
.ctrldown {
	text-align: center;
	height: 32px;
}
.slider {
	height: 111px;
	width: 239px;
	margin: 0 auto;
	padding: 0;
}
.slider h2 {
	color: #000;
	font: normal 48px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 40px;
	line-height: 1.4em;
}
.slider div.img {
	float: right;
	padding: 0;
	margin: 10px auto;
}
p.clr, .clr {
	clear: both;
	padding: 0;
	margin: 0;
	width: 14px;
	height: 14px;
}
.where {
	height:35px
}
.whereami {
	height:35px;
	vertical-align:middle;
	text-align:right
}
.whereami ul {
	margin:0;
	padding:0;
	}
.whereami ul li {
display:inline;
list-style:none;
float:right
}
.whereami ul li a img {
	vertical-align:middle;
	padding-right:5px
}
.whereami ul li a {
	color:#11335C;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
}
.whereami a {
	color:#11335C!important;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
}

.whereami ul li a.selected {
	color:#4f4e4e;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
}
BreadCrumbStyle{
color:#4f4e4e!important;
	font-size:8pt!important;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
		font-family:Tahoma;
}


span .BreadCrumbStyle{
color:#4f4e4e!important;
	font-size:8pt!important;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	font-family:Tahoma;
	
}

.BreadCrumbSeparator{
background-image:url('../images/arrow.gif');
	background-repeat:no-repeat;background-position:center;
/*	margin-right:3px;*/ /*padding-right:3px;*/padding-right:-2px;padding-left:1px;

	
}

.BreadCrumbCurrent {
	color:#11335C;
	font-size:8pt!important;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
		font-family:Tahoma;
}

.languages {
	width:105px;
	text-align:right;
	vertical-align:middle
}
.languages img {
	border:0;
	margin-left:5px;
}
.languages a {
	outline:none
}
.leftbar {
	background:transparent url('../images/horbg.png') repeat-y scroll center center ;
	width:233px;
	vertical-align:top;
	height:100%
}
.titlecontent {
	color:#4f4e4e;
	font-size:15px;
	font-weight:bold;
	text-align:right
}
.main_content {
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	vertical-align:top;
	color:#545151;
	font-size:12px;
	/*min-height:160px*/

}

.ArticleDate{
	font-family:Tahoma;
	font-size:8pt;
	font-style:italic;
	text-align:right;
}

.spacer {
	height:33px;
	background:transparent url('../images/spacer.png') no-repeat scroll center center ;
}
.moduletd {
	width:240px;
	vertical-align:top;
	height:auto
}
.moduletop {
	background:transparent url('../images/moduletop.png') no-repeat scroll center center ;
	height:47px;
	color:#4f4e4e;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px
}
.modulemiddle {
	background:transparent url('../images/modulemiddle.png') repeat-y scroll center center ;
	color:#545151;
	font-size:12px;
	text-align:right;
	padding-top:5px;
	vertical-align:top;
	height:auto;
	padding-left:15px;
	padding-right:15px
}
.modulemiddle a {
	display:block;
	color:#25789d;
	text-align:right;
	font-size:10px
}
.modulemiddle h1 {
	font-size:11px;
	font-weight:bold;
	text-align:justify;
	margin:0;
	padding:0;	
}
.modulemiddle img {
	float:right;
	border:0;
	padding-left:10px
}
.modulebottom {
	background:transparent url('../images/modulebottom.png') no-repeat scroll center center ;
	height:23px;
	line-height:1px;
}
.modulelefttitle {
	height:37px;
	font-weight:bold;
	color:white;
	text-align:right;
	padding-left:20px;
	font-size:13px;
	padding-right:12px;
	background-color:#14457e;
	}
.padder {
	padding-top:7px;
}
.emptytd {
	height:20px
}
.footer {
	text-align:center;
	height:100%
}
.footertd {
	background:transparent url('../images/footer.jpg') no-repeat scroll center center ;
	height:58px;
	color:#555454;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle
}
.footertd a {
	color:#25789d ;
	text-decoration:none
}
.footerend {
	background:transparent url('../images/bgfooter.jpg') repeat-x scroll center center ;
	height:38px
}

/*New testing*/

td.Projecttabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
	float: right;
	color:#4f4e4e!important;
	
}

div.Projecttabs {
	float: right;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px #E0E0E0 solid;
	margin: 0 !important;
	list-style-image: none ;
}

/*First Tab in the list*/
div.ProjecttabsFirst {
	float: right;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 !important;
	list-style-image: none;
	border-right: 1px #eeeeee solid;
	border-right-color: #E0E0E0;
		border-left: 1px #eeeeee solid;
	border-left-color: #E0E0E0;
}
div.Projecttabs a:link, div.Projecttabs a:visited, div.ProjecttabsFirst a:link, div.ProjecttabsFirst a:visited   {
	/*display: block;*/
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	color:#4f4e4e!important;
	font-size:11pt!important;
	font-weight:bold;
		font-family:Tahoma;
}

/* when mouse enters the tab move the background image */
div.Projecttabs a:hover, div.ProjecttabsFirst a:hover {
	color:white!important;
	background-color:#11335C;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.Projecttabs a.current, div.Projecttabs a.current:hover, div.ProjecttabsFirst a.current, div.ProjecttabsFirst a.current:hover {
	cursor: default;
	color: white!important;
	background-color:#11335C;
	font-weight: bold;
		font-size:11pt!important;

}

/*End new testing*/
/* initially all panes are hidden */
div.panes div.pane {
	display: none;
}
.internaltitles {
	font-size: 12px;
	font-weight: bold;
	color: #711471;
	text-align: right;
}
.internalcontent {
	font: 12px;
	color: #58595b;
	text-align: right;
	padding-top: 10px;
}


.publicationcover-image img{
		width:100px!important; margin:10px!important; margin-right:10px!important;
}

.publicationcover-image-big img{
	width:120px!important; margin:10px!important; margin-right:10px!important;

}

.publicationcover-image td{
		border:1px #B2D2DF solid;
		background-position:right;
		text-align:right;
		font-family:Tahoma!important;
	direction:rtl;
}

.publicationcover-image div{
		text-align:center!important;
margin:10px!important;
font-family:Tahoma;
	font-size:8pt;
	font-style:italic;
}

span.council-en{
	display:none;

}

span.council-fr{
	display:none;

}

td.council
{
	vertical-align:top;
}

/*New Main Page Tabs*/

td.Maintabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
	float: right;
	color: #716F6F;
	
}

div.Maintabs {
	float: right;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #E0E0E0 solid;
	margin: 4 !important;
	list-style-image: none ;
    font-size:8pt!important;

}

/*First Tab in the list*/
div.MaintabsFirst {
	float: right;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin: 4 !important;
	list-style-image: none;
		border: 1px solid #E0E0E0;
	background-color: #4581AD;
	color: #FFFFFF!important;

}

div.MaintabsSecond  {
border: 1px solid #E0E0E0;
	float: right;
	text-indent: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0px !important;
	list-style-image: none;
	background-color: #4581AD;
	color: #FFFFFF!important;
	font-size: 8pt;display: block;
}


div.MaintabsFirst a:link{
		color: #FFFFFF!important;
		font-size:8pt!important;
	font-weight:bold;
	font-family:Tahoma;
	height: 28px;
	line-height: 28px;

}

div.Maintabs a:link, div.Maintabs a:visited, div.MaintabsFirst a:link, div.MaintabsFirst a:visited   {
	/*display: block;*/
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
		color: #716F6F;
	font-size:8pt!important;
	font-weight:bold;
		font-family:Tahoma;
}

/* when mouse enters the tab move the background image */
div.Maintabs a:hover {
	color:#11335C!important;
	background-color:transparent;
}

div.MaintabsFirst a:hover{
		color:#FFFFFF!important;
	background-color:transparent;

}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.Maintabs a.current, div.Maintabs a.current:hover, div.MaintabsFirst a.current, div.MaintabsFirst a.current:hover {
	cursor: default;
	color: white!important;
	background-color:#11335C;
	font-weight: bold;
		font-size:11pt!important;

}

div.MaintabsSecond a:link  {
		color: #FFFFFF!important;
		font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
	height: 28px;

}

div.MaintabsSecond a:visited   {
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
		color: #716F6F;
	font-size:8pt!important;
	font-weight:bold;
		font-family:Tahoma;


}


td.mainTabsBelow{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E0E0E0;
}

div.MainPagePanel{
		border: 1px #E0E0E0 solid;

}
/*End Main Page Tabs*/

span.cover-en{
	display:none;
}

span.abst-en{
	display:none;
}

span.cover-fr{
	display:none;
}

span.abst-fr{
	display:none;
}

div.LeftBarText{
	color:#14457e;
	font-size:10pt;
	font-family:Verdana;
	vertical-align:top;
	width:180px;
}

.LeftBarText {
		text-align:center!important;
		border:1px #B2D2DF solid!important; font-weight:bold!important;
		vertical-align:top;
/*margin:10px!important;*/
padding:10px;
width:200px!important;
}

table.LeftBarText a, td.LeftBarText a:visited{
	font-family: Tahoma !important;
	font-size: 11px!important;
	font-weight: bold!important;
		color: #1C5394;

}


.ContactUsLabels{
	color:#14457e;
	font-size:10pt!important;
	font-family:Tahoma;
	text-align:right;
	font-weight:bold;
}

.ContactUsTextTD{
	background-position: right!important;
	text-align:right!important;

}

.ContactUsButtons
{
	background-color:#14457e;
 color:#FFFFFF;
 	font-weight:bold;
	font-size:10pt;

}
.ContactUsButtons a:link
{
 color:#FFFFFF!important;
 	font-weight:bold;
	font-size:9pt!important;
}

.LeftMenuContainer div{
	width:214px;
}

ul.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
	/*float: right;*/
}
/* single tab */
ul.tabs li {
	float: right;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px #eeeeee solid;
	margin: 0 !important;
	list-style-image: none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	color:#4f4e4e;
	font-size:8pt;
	font-weight:bold;
}
ul.tabs a:active {
	outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:white;
	background-color:#1c5e7c;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor: default;
	color: white;
	background-color:#4581AD;
	font-weight: bold;
}
/* initially all panes are hidden */
div.panes div.pane {
	display: none;
}

<style type="text/css">
/* tab pane styling */
div.panes div {
	display: none;
	padding: 15px 0px 0px 0px;
	border-top: 0;
	height: auto;
	font-size: 10pt;
	text-align: right;
	color: #858589;
}
</style>

