﻿body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body, th, td 
{
	color: #333333;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    /*	font-size: 11px; */	
}
/*this one for google*/
.cse-resultsContainer 
{
}
#topleftTitle
{
    color: #333333;
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-weight: normal;
    font-size: 14px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}
#siteTitle
{
    color: #003399;
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 25px;
    font-weight: normal;
    line-height: 130%;
    margin: 5px 0px 0px 10px;
    padding: 5px 0px 10px 0px;
    line-height: 100%;
}
a.linkSpecial:link, a.linkSpecial:hover
{
    color: #003399 !important;
    text-decoration: none !important;
}
/* Content placeholders */
#tdMainMenu 
{
    direction: rtl;
    background-color: #003399;
    font-size: 10pt;
    padding: 0px 120px 0px 0px;
    margin: 0px;
}
.tdLast
{
    background-color: #003399;
    font-size: 10pt;
    padding: 6px 10px 0px 10px;
    text-align: left;
    color: #FFFFFF !important;
    vertical-align: text-bottom;
}
a.toArabic:link,a.toArabic:visited {
    font-size: 10pt;
    color: #FFFFFF !important;
}
a.toArabic:hover 
{
   /* font-weight: bold;*/
    color: #99CCFF !important;
	text-decoration: none;
}

.tdLeft {
     width: 18%;
     vertical-align: top;
}
.tdCenter
{
    vertical-align: top;
}
.tdRight {
     width: 15%;
     vertical-align: top;
}


.tdFootLeft {
     width: 18%;
     vertical-align: top;
     text-align: center;
    font-size: 10pt;
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    }
.tdFootCenter 
{
    vertical-align: top;
    text-align: center;
    font-size: 10pt;
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
}

.tdFootRight {
     width: 15%;
     vertical-align: top;
     text-align: center;
    font-size: 10pt;
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    }
.Announce
{
    color: #333333;
    background-color: #F9F9F9;
    width: 98%;
    height: 100%;
    font-size: 11pt;
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    border: 1px solid #BCB8B6;
}
.Covers
{
    background-color: #F9F9F9;
    margin-top: 2px;
    margin-bottom: 2px;
}
.ahdrCovers
{
    padding: 2px;
    background-color: #F9F9F9;
    margin-left: 5px;
    margin-top: 5px;
}

.cphLeftStyle
{
    color: #333333;
    background-color: #F9F9F9;
    border-left: 1px solid #BCB8B6; /* was border-right */
    border-top: 1px solid #BCB8B6;
    border-bottom: 1px solid #BCB8B6;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 25px 0px; /* top right bottom left */
    width: 98%;
    height: 100%;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
}

.cphLeftStyle ul, .cphCenterStyle ul, .cphRightStyle ul {
    list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/bullet.gif');
	margin: 6px 15px 0px 0px;
	padding: 0px 16px 10px 0px; 
	border: none;
	}
.cphCenterStyle
{
     color: #333333;
    background-color: #FFFFFF;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 25px 0px;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
    vertical-align: top;
}
.cphRightStyle
{
    color: #333333;
    background-color: #F9F9F9;
    border-right: 1px solid #BCB8B6; /* was border-right */
    border-top: 1px solid #BCB8B6;
    border-bottom: 1px solid #BCB8B6;
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 25px 0px; /* top right bottom left */
    width: 98%;
    height: 100%;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
    }

.headerStyle
{
    background-color: #E6E6E6;
    color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
    font-weight: normal;
    padding: 4px 11px 5px 4px;
}
.topheaderStyle
{
    background-color: #E6E6E6;
    color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
    font-weight: normal;
    padding: 4px 11px 5px 4px;
    margin-top: 1px;
}
.topheaderStyle2
{
    background-color: #E6E6E6;
    color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
    font-weight: normal;
    padding: 4px 10px 5px 10px;
    margin-top: 2px;
    width: 40%;
    margin-bottom: 4px;
}
.topheaderStyle3
{
    background-color: #E6E6E6;
    color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 16px;
    font-weight: normal;
    padding: 4px 10px 5px 10px;
    margin-top: 2px;
    width: 50%;
    margin-bottom: 4px;
}
.staffHeaderStyle
{
    background-color: #E6E6E6;
    color: #003399;
    font-family: "Trebuchet MS" , "Arial" , sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 4px 5px 2px;
    margin-top: 1px;
}
.shadowLine
{
    border-top: 1px solid #BCB8B6;
    border-bottom: 1px solid #EEEEEE;
    height: 1px;
    font-size: 1px;
    width: 100%;
    margin-top: 20px;
}

/* asp.net menu styles */
.mainMenuStyle
{
 /*   color: #FFFFFF !important;
    padding: 3px 9px 0px 9px;
*/
}
.staticMenu {
    background-color:#003399;
    padding: 3px 9px 0px 9px;
}
.staticMenuItem
{
    background-color: #003399;
    color: #FFFFFF !important;
    padding: 3px 4px 0px 4px;
	font-size:11pt !important;
}
a.staticMenuItem:hover
{
    color: #99CCFF !important;
    text-decoration: none;
}
.staticSelected
{
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #003399 !important;
    padding: 3px 9px 0px 9px;
}
.staticHoverStyle
{
   /* font-weight: bold;*/
    color: #99CCFF !important;
}
.dynamicHoverStyle
{
    color: #FFFFFF !important;
    background-color:#6699CC !important;
}

.dynamicMenu {
    background-color:#CCDDEE;
}
.dynamicMenuItem
{
    direction: rtl ;
    background-color: #CCDDEE;
    padding: 3px 4px 3px 4px;
	border-bottom: 1px solid #336699;
	 border-left: 1px solid #336699;
	 border-right: 1px solid #336699;
	font-size:11pt !important;
}
a.dynamicMenuItem:hover
{
    text-decoration: none;
}
.dynamicSelected
{
	font-size:10pt !important;
	color: #000000 !important;
    background-color:#82B6D7!important;

}

/* LINKS */

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #CC3333;
	text-decoration: underline;
}

a.on {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}



/* HEADERS */

h1 {
	color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
	font-size: 25px;
	font-weight: normal;
	line-height:130%;
	
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:100%;
}

h2 {
	color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
	font-size: 21px;
	font-weight: normal;
	line-height:130%;
	
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	
	border-bottom: 1px dotted #666666;
	clear: both;
}

h3 {
	color: #003399;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
	font-size: 17px;
	font-weight: normal;
	line-height:130%;
	
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	
	border-bottom: 1px dotted #666666;
}


/* FONT COLORS */

.red, .text-red {
	color: #CC3333;
}

.gray {
	color: #666666;
}

.green {
	color: #669966;
}


/* TYPOGRAPHY */

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.smallcaps {
	font-variant: small-caps;
}

p {
	line-height: 130%;
	    text-align: justify;
}
.noJustify
{
    line-height: 130%;
    text-align: right !important;
    padding-left: 4px;
}

.credit {
	color: #999999;
}

.nowrap {
	white-space: nowrap;
}

.norule {
	border-bottom: none;
}

li + li, li + ol, li + ul { /* line spacing between list bullets */
	margin-top: 5px;
}

.et {
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
}


/* HEADER */

#logo {
	position: absolute;
	top: 13px;
	right: 20px;
	background-color: #6699CC;
	width: 51px;
	 height: 102px;
	  border: none; 
}


.header {
	background-color: #003399;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

#nav {
	margin: 0px;
	padding: 0px;
}

#nav td {
	background-color: #003399;
	font-size: 11px;
	margin: 0px;
	padding: 3px 9px 3px 9px;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #333333;
	white-space: nowrap;
}



/* BANNER */

.banner
{
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(/images/bluefade.gif);
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-size: 10pt;
    color: #FFFFFF;
}

.banner h3 {
	color: #333333;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 10px 0px 0px 17px;
	border: none;
}



#flag {
	margin-right: 8px;
	vertical-align: middle;
}

#leftLogo
{
    margin-right: 8px;
    vertical-align: middle;
    width: 110px;
    height: 30px;
    border: none;
    margin-left: 0px;
}


.breadcrumb
{
    background-color: transparent;
    color: #777777;
    font-size: 14px;
    margin: 0px 17px 0px 0px;
    padding: 0px 3px 4px 0px;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-weight: bold;
    border-bottom: 1px dotted #666666;
    line-height: 180%;
}

.breadcrumbPlus
{
    background-color: transparent;
    color: #777777;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 3px 4px 0px;
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-weight: bold;
    border-bottom: 1px dotted #666666;
    line-height: 180%;
}
.shadow {
	border-top: 1px solid #BBBBBB;
	background-color: #DDDDDD;
	border-bottom: 1px solid #EEEEEE;
	height:1px;
	font-size: 1px;
	width: 100%;
}
.topShadow
{
    border-top: 1px dotted #BBBBBB;
    margin-top: 10px;
    padding-right: 0px 1px 0px 1px;
}
.clear 
{
    clear:both;
 }
 .message
{
    font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
    font-style: italic;
    color: #800000;
}
.SubTitle1
{
	font-family: "Arabic Transparent" , "Simplified Arabic", "Arial", "Tahoma";
     font-weight: bold;
    color: #333333;
    font-size: 16px;
}
/*tables */
table.standard {
	/* standard table spacing */
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}
table.standard th {
	/* standard table headers */
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	text-align: right;
	font-weight: normal;
}

table.standard td {
	/* standard table cells */
	margin: 0px;
	padding: 3px 5px 3px 5px;
}
table.cellborder th, table.cellborder td {
	/* add border to cells */
	border: 1px solid #CCCCCC;
}
 .EvenRow
{
    background-color: #F3F3F3;
}
 .OddRow
{
    background-color: #FFFFFF;
}
