/* CSS Document */

A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #238dbd;
    FONT-FAMILY: Tahoma, "Arabic Transparent";
    TEXT-DECORATION: underline}
A:visited
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #77869a;
    FONT-FAMILY: Tahoma, "Arabic Transparent";
    TEXT-DECORATION: underline
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #394da8;
    FONT-FAMILY: Tahoma, "Arabic Transparent";
    TEXT-DECORATION: underline
}
A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #394d8d;
    FONT-FAMILY: Tahoma, "Arabic Transparent";
	TEXT-DECORATION: underline
	}



BODY
{
	MARGIN: 0px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
	TEXT-ALIGN: justify;
	font-weight: normal;
	font-size: 10pt;
	background-color: #D7DAE1;
	
}
p
{
	FONT-FAMILY: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
	font-weight: normal;
	MARGIN: 0px;
    PADDING: 0px;
	font-size: 10pt;
	direction:rtl;}


H1
 	{
 	FONT-FAMILY: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
 	font-size: 12pt;
 	font-weight: bold;
 	MARGIN: 0px;
    PADDING: 0px;
 	COLOR: #861e6a;
 	direction:rtl;

 }
 H2
 	{
 	FONT-FAMILY: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
 	font-size: 10pt;
 	MARGIN: 0px;
    PADDING: 0px;
 	COLOR: #000000;
 	direction:rtl;

 }
 
 H3
 	{
 	font: bold 10pt Tahoma, Arial, Verdana;
 	MARGIN: 0px;
    PADDING: 0px;
 	COLOR: #9c2f7f;
 	direction:rtl;

 }


.indent{
text-indent: 20px;
direction:rtl
}

.glossymenu{
	list-style-type: none;
	TEXT-ALIGN: right;
	font: bold 8pt Tahoma, Arial, Verdana,;
	TEXT-DECORATION: none;
	padding: 0;
	width: 179px;
	height: 85px;
	margin: 5px 0;
	border-bottom-width: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

.glossymenu li a{
	
	color: #2F2F78;
	display: block;
	font: bold 8pt Tahoma, Arial, Verdana,;
	width: auto;
	padding: 3px 0px;
	padding-right: 5px;
	margin-bottom: 1px;
	text-decoration: none;
	background-color: white;
	background-image: url(button1.gif);
	background-repeat: no-repeat;
	background-position: right;	
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 179px;
height: 20px;
font: bold 8pt Tahoma, Arial, Verdana,;
text-decoration: none;
}

.glossymenu li a:visited, .glossymenu li a:active{
	color: #545A80;
	background-color: white;
	background-image: url(visited.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-decoration: none;
	font-size: 8pt;
}

.glossymenu li a:hover{
	background-image: url(button2.gif);
	color: white;
	text-decoration: none;
	font-size: 8pt;
}

.glossylevel2{
	list-style-type: none;
	TEXT-ALIGN: right;
	font: bold 8pt Tahoma, Arial, Verdana,;
	text-decoration: none;
	padding: 0;
	width: 179px;
	height: 85px;
	margin: 5px 0;
	border-bottom-width: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

.glossylevel2 li a{
	
	color: #2F2F78;
	display: block;
	width: auto;
	font: bold 8pt Tahoma, Arial, Verdana,;
	text-decoration: none;
	padding: 3px 0px;
	padding-right: 5px;
	margin-bottom: 1px;
	text-decoration: none;
	background-color: white;
	background-image: url(button_level2.gif);
	background-repeat: no-repeat;
	background-position: right;	
}


* html .glossylevel2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 179px;
height: 20px;
font: bold 8pt Tahoma, Arial, Verdana,;
text-decoration: none;
}

.glossylevel2 li a:visited, .glossymenu li a:active{
	color: #545A80;
	background-color: white;
	background-image: url(visited_level2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font: bold 8pt Tahoma, Arial, Verdana,;
	text-decoration: none;
}

.glossylevel2 li a:hover{
background-image: url(button2.gif);
color: white;
font: bold 8pt Tahoma, Arial, Verdana,;
text-decoration: none;
font-size: 8pt;
}


A.lowernav{
	font-family: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	background-color:#FFFFFF;
	direction:rtl;
	text-decoration:none;
	max-height: 15px;
}

A:visited.lowernav , A:active.lowrnav , A:hover.lowernav{ font-size: 11px;
text-decoration:none;
}

p.lowernav {
font-size:9px;
color: 000000;
}
/*.topnav
{ 
font-family: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
	font-size: 11px;
	text-align:center;
	font-weight: bold;
	color: white;
	direction:rtl;
}
*/

A.topnav{
	font-family: Tahoma, "Arabic Transparent", "Times New Roman", Verdana;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	direction:rtl;
	text-decoration:none;
	max-height: 15px;
}

A:visited.topnav , A:active.topnav , A:hover.topnav{ font-size: 11px;
color:#FFFFFF;
text-decoration:none;
}
.copyright
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #646a90;
	text-align: center;
	font-weight: bold;
	background-color: #D7DAE1;
}
.dark
{
	background-color: #a7c9dd;
}
.light
{
	background-color: #cbe6f6;
}
th {
	background: #374B82;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}


.chartthumbnail {
	position: relative;
	text-align:left;
	direction:rtl;
	z-index: 0;
}

.chartthumbnail:hover{
background-color: transparent;
z-index: 50;
}

.chartthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D7DAE1;
padding: 5px;
right: 3000px;
border: 1px dotted gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.chartthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.chartthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-50;
right: 385px; /*position where enlarged image should offset horizontally */

}


.smchartthumbnail {
	position: relative;
	text-align:left;
	direction:rtl;
	z-index: 0;
}

.smchartthumbnail:hover{
background-color: transparent;
z-index: 50;
}

.smchartthumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #D7DAE1;
	padding: 5px;
	left: -612px;
	border: 1px dotted gray;
	color: black;
	text-decoration: none;
	top: -185px;
	visibility: hidden;
}

.smchartthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.smchartthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-200;
right: 100px; /*position where enlarged image should offset horizontally */

}

div.leftside
{
background-color: #dbebf7
}