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

  GENERAL MARKUP

-------------------------------------------------------------------- */



* {

	margin: 0px;

	padding: 0px;

	border: none;

	line-height: 1.16em;



}



html, body {

	width: 100%;

	height: 100%;

	SCROLLBAR-3D-LIGHT-COLOR:#8198B4;

	SCROLLBAR-ARROW-COLOR:#3A5270;

	SCROLLBAR-BASE-COLOR:#3A5270;

	SCROLLBAR-DARK-SHADOW-COLOR:#8198B4;

	SCROLLBAR-FACE-COLOR:#8198B4;

	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;

	SCROLLBAR-SHADOW-COLOR:#3A5270;

}



body {

	width: 100%;

	height: 100%;

	font-size: 12px;

	font-family: Verdana, Times New Roman, Arial, sans-serief, Geneva, Helvetica, Tahoma;

	font-weight: normal;

	background: #FFFFFF url(images/fa-en-fr-ar-background.gif) repeat-x top;

}



h1, h2, h3, h4, h5, h6 {

	color: #778BAA;

	font-family: Times New Roman, Verdana, Arial, sans-serief, Geneva, Helvetica, Tahoma;

}

h1 { font-size: 16px; line-height: 24px; }

h2 { font-size: 16px; color: #667788; font-family: Times New Roman, Verdana, Arial, sans-serief, Geneva, Helvetica, Tahoma; line-height: 24px;}

h3 { font-size: 1.15em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1.0em; }

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{

	color: #16588c;	

	font-style: normal;

}



p {

	margin-top: 10px;

}



ul.data {

	list-style: none;

}



hr {

	margin: 8px 0px;

	color: #b8b7b3;

	background-color: #b8b7b3;

	height: 1px;

}



a:link { color: #16588c; text-decoration: none; }

a:visited { color: #16588c; text-decoration: none; }

a:hover { color: #16588c; text-decoration: underline; }

a:active { color: #16588c; text-decoration: underline; }

		 

.border {

	border: 1px solid #e2dcc4;

}



.borderThick {

	border: 2px solid #bfb27c;

}



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

  SHADOWS - PNG HACKS

-------------------------------------------------------------------- */



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowLeft {

	width: 5px;

	/* works for IE5+ win */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-left.png', sizingMethod='scale');



	/* hides from everything but IE5mac */

	/*\*//*/

	background: url(http://www.persiangulfhost.com/fa-en-fr-ar-shadow-left.png) repeat-y right;

	/**/

}

/* FF/Moz see this [class]fine and render it fine */

#shadowLeft[class] {

	background: url(http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-left.png) repeat-y right;

}



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowRight {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-right.png', sizingMethod='scale');

	/*\*//*/

	background: url(http://www.persiangulfhost.com/fa-en-fr-ar-shadow-left.png) repeat-y right;

	/**/

}

/* FF/Moz see this fine and render it fine */

#shadowRight[class] {

	background: url(http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-right.png) repeat-y left;

}



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowTop {

	height: 5px;

	/* works for IE5+ win */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-top.png', sizingMethod='scale');

	/* hides from everything but IE5mac */

	/*\*//*/

	background: url(http://www.persiangulfhost.com/fa-en-fr-ar-shadow-top.png) no-repeat;

	/**/

}

/* FF/Moz see this fine and render it fine */

#shadowTop[class] {

	background: url(http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-top.png) no-repeat;

}



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowBottom {

	height: 5px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-bottom.png', sizingMethod='scale');

	/*\*//*/

	background: url(http://www.persiangulfhost.com/a-en-fr-ar-shadow-bottom.png) no-repeat;

	/**/

}

/* FF/Moz see this fine and render it fine */

#shadowBottom[class] {

	background: url(http://www.persiangulfhost.com/images/fa-en-fr-ar-shadow-bottom.png) no-repeat;

}







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

  LAYOUT

-------------------------------------------------------------------- */



#innerTable{

	background-color: #FFFFFF;

	padding: 1px;

}



#headerTop {

	font-size: 10px;

	text-align: left;

	height: 66px;

	background: url(images/fa-en-fr-ar-header-continue.gif) no-repeat right;

}



#header {

	height: 102px;

	background: url(images/fa-en-fr-ar-header.gif) right no-repeat;

}



#navigation {

	height: 28px;

	background: url(images/fa-en-fr-ar-navigation.gif) repeat-x;

}

#menu {

	background-color: #cfd3d6;

}

#menu img {

	margin-top: 20px;

	border: 1px solid #FFFFFF;

}



#content {

	background: url(images/fa-en-fr-ar-content.gif) repeat-y;

}

#contentsub {

	background: url(images/fa-en-fr-ar-content.gif) no-repeat;

	padding: 10px 40px 30px 30px;

}



#footerTop {

	height: 27px;

	background: url(images/fa-en-fr-ar-footer-top.gif);

}



#footer {

	height: 35px;

	background: url(images/fa-en-fr-ar-footer.gif) repeat-x;

	

   font-family: Arial, Helvetica, sans-serif;

   font-size: 11px;

	color: #8d9092;

}



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

  STYLES

-------------------------------------------------------------------- */



#welcome {

	padding: 15px;

	direction:rtl;

}

#news {

	padding: 20px 10px;

	direction:rtl;

}



.plan0 { height: 15px; direction: rtl; padding:10px; background:#8BBBCC url(images/fa-ar-plan0.gif); font-family:Andalus,Times New Roman,Arial,Sans-Serief,Geneva,Helvetica,Verdana,Tahoma; color:#588899; font-size:14px; font-weight:bold; line-height:15px; }

#plan1, #plan2, #plan3 { height: 95px; cursor: hand; direction: rtl; padding-right:10px;}

#plan1, #plan2, #plan3 { margin-top: 1px; }

#plan1 { background-image: url(images/fa-ar-plan1.gif); }

#plan2 { background-image: url(images/fa-ar-plan2.gif); }

#plan3 { margin-bottom:0px; background-image: url(images/fa-ar-plan3.gif); }

#plan1 h1 {

	color: #295984;

	padding-top: 5px;

	margin-left: 12px;

	font-family: Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

	font-size: 18px;

	font-weight: normal;

	line-height: 18px;

}

#plan2 h1 {

	color: #9ED3FF;

	padding-top: 5px;

	margin-left: 12px;

	font-family: Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

	font-size: 18px;

	font-weight: normal;

	line-height: 18px;

}

#plan3 h1 {

	color: #549CDB;

	padding-top: 5px;

	margin-left: 12px;

	font-family: Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

	font-size: 18px;

	font-weight: normal;

	line-height: 18px;

}

#plan1 p, #plan2 p, #plan3 p {

	margin-top: 0px;

	margin-left: 12px;

	font-family: Tahoma, Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana;

	font-size: 11px;

	color: #DDEEFF;

}



#plan1 a:link, #plan1 a:visited, #plan1 a:hover, #plan1 a:active, 

#plan2 a:link, #plan2 a:visited, #plan2 a:hover, #plan2 a:active, 

#plan3 a:link, #plan3 a:visited, #plan3 a:hover, #plan3 a:active {

	text-decoration: none;

}





h1.company-name {

	margin: 0px;

	padding: 0px;

	line-height: 50px;

	font-size: 24px;

	font-weight: bold;

	color: #00486f;

}

h1.header-info {

	margin: 0px;

	padding: 0px 0px 0px 35px;

	line-height: 80px;

	font-size: 26px;

	font-weight: Normal;

	color: #FFFFFF;

}



/*##########################################################################################################

============================================================================================================

Client-Side Display Elements

------------------------------------------------------------------------------------------------------------

This is the from default CMS stylesheet for all client-side (visitor facing).

============================================================================================================

##########################################################################################################*/





/* >> Menu System - #TLANGS# */



/* This is the top hsub table */

table.tlangs {

	border: 0px;

	padding: 0px;

	margin: 0px 0px;

	font-family: Verdana, Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #16588c;

	direction: ltr;

	float: right;

}



/* This cell contains a submenu link */

td.tlangs {

	border: 0px;

	padding: 0px 0px 0px 0px;

	margin: 10px;

}



a.tlangs { line-height: 15px; margin-right: 2px; margin-left: 5px; }

a.tlangs:link { color: #00486f; text-decoration: none; }

a.tlangs:visited { color: #00486f; text-decoration: none; }

a.tlangs:hover { color: #16588c; text-decoration: underline; }

a.tlangs:active { color: #bd790d; text-decoration: none; }











/* >> Menu System - #HMAINS# */



/* This is the main hsub table */

table.hmains {

	border: 0px;

	padding: 0px;

	margin: 0px 0px;

	height: 20px;

	font-family: Verdana, Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #2983a6;

}



/* This cell contains a submenu link */

td.hmains {

	border: 0px;

	padding: 0px 10px 0px 0px;

	margin: 0px;

	background: url(images/fa-ar-list.gif) no-repeat right;

}



a.hmains { line-height: 21px; margin-left: 15px; }

a.hmains:link { color: #00486f; text-decoration: none; }

a.hmains:visited { color: #00486f; text-decoration: none; }

a.hmains:hover { color: #bd790d; text-decoration: none; }

a.hmains:active { color: #bd790d; text-decoration: none; }













/* >> Menu System - #HSUBS# */



/* This is the main hsub table */

table.hsubs {

   border: 0px;

   padding: 0px 0px 0px 0px;

   font-family: Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

   font-size: 11px;

}



/* This cell contains a submenu link */

td.hsubs {

   direction: rtl;

   border: 0px;

   padding: 2px 6px 2px 8px;

}



a.hsubs:link { color: #00486f; text-decoration: none; }

a.hsubs:visited { color: #00486f; text-decoration: none; }

a.hsubs:hover { color: #ac790d; text-decoration: underline; }

a.hsubs:active { color: #bd790d; text-decoration: none; }





/* >> #NEWSBOX# */



/* Newsbox

/*-----------------------------------------------------------*/



/* <font> */

.newsbox_date {

   font-family: Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

   font-size: 13px;

   font-weight: normal;

   color: #335566;

   text-indent: 10px;

   text-align: justify;

}



.newsbox {

   font-family: arial, helvetica, sans-serif; 

   font-size: 11px;

	font-weight: bold;

	margin: 0px;

}



.newsbox a:link { color: #00aadd; text-decoration: none; }

.newsbox a:visited { color: #00aadd; text-decoration: none; }

.newsbox a:hover { color: #0099dd; text-decoration: underline; }

.newsbox a:active { color: #00aadd; text-decoration: underline; }



/* <font> */

.newsbox_tease {

   font-family: Arial, helvetica, sans-serif;

   font-size: 11px;

   font-weight: normal;

   color: #000000;

	margin: 0px;

}



/* >> #WELCOME# */



/* Welcome

/*-----------------------------------------------------------*/



/* <font> */

.welcome {

   font-family: Times New Roman, Arial, sans-serief, Geneva, Helvetica, Verdana, Tahoma;

   font-size: 13px;

   font-weight: normal;

   color: #112233;

   text-indent: 10px;

   text-align: justify;

}



.newsbox a:link { color: #0099dd; text-decoration: none; }

.newsbox a:visited { color: #0099dd; text-decoration: none; }

.newsbox a:hover { color: #00aadd; text-decoration: underline; }

.newsbox a:active { color: #0099dd; text-decoration: underline; }



/* <font> */

.newsbox_tease {

   font-family: Arial, helvetica, sans-serif;

   font-size: 11px;

   font-weight: normal;

   color: #000000;

	margin: 0px;

}



/* Full Ariticle Display

/*-----------------------------------------------------------*/

table.article_table {

   font-family: arial, helvetica, sans-serif;

   font-size: 12px;

   font-weight: normal;

   color: #000000;

}



td.article_title {

   font-family: Courier New, Courier, mono;

   font-size: 16px;

   font-weight: bold;

   color: #2E2E2E;

}



font.article_date {

   color: #336699;

}

      

td.article_content {

   padding: 4px;

}



/* >> Old Styles (to be phased out after obsolecense is assured) */

textarea {

	font-size:8pt;

	height:75px;

	width:175px;

}



.logohead {

	font-family : Arial;

	font-size : 25pt;

	font-weight : bold;

}



.logosub {

	font-family : Arial;

	font-size : 8pt;

	font-weight : bold;

}



.menusys {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

}