/*
=============================================================
		Rich Style DV 1.2.1
		RichStyle.org
-------------------------------------------------------------
		Copyright © 2006-2008 MHD Anas Ramadan
		Under Creative Commons License
		http://creativecommons.org/licenses/by-nc-nd/2.5/

		RichStyle.org
		anas@richstyle.org
=============================================================
*/


body {
	font-family: verdana, arial, Bitstream Vera Sans, sans-serif;
	unicode-bidi: embed;
	margin: 30px;
	line-height: 120%;
}

h1,
h2,
h3 {
    line-height: 140%;
}

h1,
h2,
h3,
h4 {
    color: navy;
}

h6 {
	text-align: center;
	color: gray;
	margin: 0;
	padding: 5px;
}

h6 a img {
	border: 0;
}

/*=========================================================*/


body 	{
	font-size: 10pt;
}

p,
li,
table,
pre,
code {
	font-size: 1em;
}

h1	{font-size: 1.6em;}
h2	{font-size: 1.3em;}
h3	{font-size: 1.0em;}
h4	{font-size: 1.0em;}
h5	{font-size: 1.0em;}
h6	{font-size:  .7em;
	 font-weight: normal;
}

sub,
sup,
address {
	 font-size:  .7em;
}

h1 sup {
	display: block;
	font-size: .6em;
}

/*
h3:before {
	content: counter(section1) " - ";
	counter-increment: section1;
}

h4:before {
	content: counter(section1) " - " counter(section2) " - ";
	counter-increment: section2;
}

h5:before {
	content: counter(section1) " - " counter(section2) " - " counter(section3) " - ";
	counter-increment: section3;
}
*/

		/* abbr and acronym don't work in IE */

h1 sup,
abbr,
acronym,
em,
strong,
code,
dfn,
samp,
kbd,
cite,
var {
	color: #ff6600;
}

code {
	display: inline-block;
}

abbr,
acronym {
	cursor: help;
}

acronym {
	border-bottom: 1px dotted #ff6600; /* For IE */
}

hr {
	border-top: 1px solid #888;
	border-bottom: 1px solid #fff;
}

.cover {
	text-align: center;
	margin: auto;
	page-break-after: always;       
}

.cover .headline {
	font-size: 28px;
}

.cover p {
	text-align: center;
}

.cover img {
	margin: auto;
}

a			{color: #ff6600;	text-decoration: none; border-bottom: 1px dotted #ff6600;
				border-top-width: 1px; border-right-width: 1px; border-left-width: 1px;}
a:link		{color: #ff6600;	text-decoration: none;}
a:visited	{color: #ff6600;	text-decoration: none;}

a:hover		{color: #ff6600;	text-decoration: none; border-bottom: 1px solid #ff6600;}
a:active	{color: #ff6600;	text-decoration: none; border-bottom: 1px solid #ff6600;}

img {
	display: block;
	margin: auto;
	max-width: 95%;
	background: #fff;
	padding: 4px;
}

img.art {
	background: #eee;
	border: 1px solid #ccc;
	float: right;
}

h1 {
	text-align: center;
}

li,
li li   {
	padding: 2pt;
}

pre {
	overflow: auto;
}

pre,
blockqoute {
	background-color: rgb(239,239,239);
	border: 1px solid rgb(204,204,204);
	padding: 5px;
}
 
table {
	margin: auto;
	width: 100%;
}

table.comparison {
	table-layout: fixed;
}

table.fixedTable {
	width: auto;
}

caption {
	padding: 2px;
	text-align: left;
	caption-side: top;
}

th {
	background-color: rgb(60,95,132);
	border-bottom: 2px double orange;
	color: white;
	padding: 4px;
	text-align: center;
}

td {
	background-color: rgb(239,239,239);
	border: 1px solid rgb(204,204,204);
	padding: 4px;
	vertical-align: top;
}

dl {
	width: 100%;
}

dt {
	padding: 3px;
	font-weight: bold;
	float: left;
	width: 3em; /* Default: 8em */
	clear: both;
}

dd {
	margin-bottom: 5px;
	padding: 3px;
	margin-left: 4em; /* Default: 9em */
}

sup a:link {
	border-bottom: 0;
}

.note {
	border-top: 1px dashed orange;
	border-bottom: 1px dashed orange;
	padding: 5px 5px 5px 32px;
	background-repeat: no-repeat;
	background-color: rgb(239,239,239);
	background-image: url(note.png)  
}

.tip {
	border-top: 1px dashed orange;
	border-bottom: 1px dashed orange;
	padding: 5px 5px 5px 32px;
	background-repeat: no-repeat;
	background-color: rgb(239,239,239);
	background-image: url(tip.png)   
}

.alert {
	border-top: 1px dashed orange;
	border-bottom: 1px dashed orange;
	padding: 5px 5px 5px 32px;
	background-repeat: no-repeat;
	background-color: rgb(239,239,239);
	background-image: url(alert.png) 
}

.note table,
.note td,
.tip table,
.tip td,
.alert table,
.alert td {
	border: none;
}

div.FAQ {
	margin: 20px;
}

.FAQ li a,
.FAQ li a:link,
.FAQ li a:visited,
.FAQ li a:active {
    text-decoration: none;
}

.FAQ ul {
	list-style-type: square;
}

div.FAQ dt {
	padding: 2px;
	float: none;
	width: 90% !important;
	clear: both;
}

div.FAQ dd {
	margin-bottom: 10px;
	padding: 3px;
	margin-left: 0 !important;
	border: 0;
}

address	{
	font-style: normal;
	margin-top: 8px;
	padding: 1px 10px;
	text-align: right;
}

.license {
	text-align: justify;
}

.license ol ol {
	list-style-type: lower-alpha;
}

/*============================================================
						CONTEXT FORMAT
============================================================*/

.centredText {
	text-align: center;
}

.centerdBlock {
	text-align: center;
	display: block;
	margin: auto;
	width: auto;
}

.leftFloat {
	float: left;
}

.rightFloat {
	float: right;
}

.leftBlock {
	text-align: left;
}

.ltrText {
	text-align: left;
	direction: ltr;
}

.rightBlock {
	text-align: right;
}

.rtlText {
	text-align: right;
	direction: rtl;
}

.fixedTable {
	width: auto;
}

.highlighted {
	background-color: yellow;
}

.hidden {
	display: none;
}

.newpage {
	page-break-before: always;
}

/*
					CONTEXT FORMAT.end
============================================================*/

/*===========================================================
					PRINTING SETTINGS
===========================================================*/

@media print {

body {
	font-family: georgia, verdana, arial, serif;
    font-size: 14px;
    margin: 0;
}

code,
pre {
	font-size: .9em;
}

caption,
address,
h6	{
	font-size: .7em;
}

h1,
h2,
h3,
h4,
code {
	color: black;
}

h1 sup,
abbr,
acronym,
em,
strong,
dfn,
samp,
kbd,
cite,
var {
	color: black;
	font-weight: bold;
}

a,
a:link {
	color: black;
	border-bottom: 1px dotted black;
}

acronym {
	border-bottom: 1px dotted black; /* For IE */
}

h1 {
	page-break-before: always;
}

table {
	border-collapse: collapse;
	border-bottom: 1pt black solid;
	border-top: 1pt black solid;
}

th {
	color: #000;
	text-align: left;
	border-width: 1px 0;
	border-color: #000;
}

td {
	border: 0;
}

p {
	/* text-indent: 10pt; */
	text-align: justify;
}

pre,
blockqoute {
	border: 1px solid black;
	background-color: white;
}

pre {
	white-space: pre-wrap;
}

.note,
.tip,
.alert {
	border-top: 1px black dotted;
	border-bottom: 1px black dotted;
	background-color: white;
}

.note {
	background-image: url(note-bw.png)
}

.tip {
	background-image: url(tip-bw.png)
}

.alert {
	background-image: url(alert-bw.png)
}

.highlighted {
	border: 1px solid black;
}

.faq li a:link {
	border-bottom: 1px solid transparent;
}


}
/*
					PRAINTING SETTINGS.end
===========================================================*/

/*===========================================================
					  ARABIC LANGAUAGE SETTINGS
===========================================================*/

.arabic { 
	direction: rtl;
}

code,
pre {
	direction: ltr !important;
}

pre.rtlText {
	direction: rtl !important;
}

pre.rtlText .ltrText {
	direction: ltr !important;
}


.arabic,
.arabic table{
    font-family: Tahoma, arial, 'Bitstream Vera Sans', sans-serif;
}
.arabic h1 {
	font-family: 'monotype kofi', andalus;
	font-size: 20pt;
	font-weight: bold;
}

.arabic .cover .headline,
.arabic h2,
.arabic h3,
.arabic h4,
.arabic h5 {
	font-family: system, ae_AlMateen, 'ae_AlMohanad Bold', 'Traditional Arabic';
}

.arabic address {
	text-align: left;
}

.arabic dt {
	float: right;
}

.arabic dd {
	margin-right: 9em;
}

.arabic caption {
	text-align: right;
}

.arabic .note,
.arabic .tip,
.arabic .alert {
	padding: 5px 55px 5px 5px;
	background-position: 99% 50%;
}


@media Print {

.arabic,
.arabic table {
    font-family: 'ae_AlMohanad Bold', 'Traditional Arabic', arial;
}

body.arabic {
    font-size: 14pt;
}

.arabic code,
.arabic pre {
	font-size: .7em;
}

.arabic th {
	text-align: right;
}


}


/*	
					  ARABIC LANGAUAGE SETTINGS.end	
===========================================================*/