
/***************************************************
		*  Name:	Style.CSS
		*  AHHP CSS Library 1.0
		*  Copyright © 2007 [AT] SBUAS.com
		*  Author:	Amir Hossein Hossein Pour [AHHP]
		*  Site:	http://www.sbuas.com
		*  E-Mail:	AHHP@Ymail.com
		*  Support:	Info@sbuas.com
		*  Version:	1.0.2
		*  Date:	April 27 2007
		All Right Reserved by AHHP
****************************************************/
html{ background: url(other/bg.jpg) no-repeat fixed;}

body {
 font: 75%/170% 'lotus', 'traditional arabic', Arial;
 padding: 0px;
 margin:0px;
 color: black;}

#loading {
 width: 240px;
 height: 156px;
 position: absolute;
 left: 40%;
 top: 45%;
 border:0px #000 solid;
 z-index:10000000000000;

 background-color: transparent;
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/other/bg_loading.png", sizingMethod="scale");}



a { color: black; text-decoration: none;}
a:visited { color: #555;}
a:hover { text-decoration: none;}
p { margin: 0px; padding: 10px 15px 0px 0px;}
img { border: none; }

h1 { color: #333333;
 padding: 30px 25px 0px 0px;
 line-height: 2px;
 font: bolder 150%/150% 'traditional arabic', Arial;
 border-bottom: #a1e0ef dashed 2px ;
 background: url(gif/h1.gif) no-repeat 100% 30px;}

h3 {
 margin: 0px 15px 0px 0px;
 padding: 5px 20px 0px 0px;
 text-transform: none;
 background: url(gif/h3.gif) no-repeat 100% .5em;
 text-decoration: none;
 color: #337744;
 font: bold 18px 'Traditional Arabic', 'Tahoma';}

h4 {
 padding: 0px 20px 0px 0px;
 text-transform: none;
 background: url(gif/h4.gif) no-repeat 100% 2px;
 font: 16px 'Tahoma'; }

h6 {
 margin: 0px 15px 0px 0px;
 padding: 5px 25px 0px 0px;
 text-transform: none;
 background: url(gif/h6.gif) no-repeat 100% 10px;
 text-decoration: none;
 color: #4d4378;
 font: bold 16px lotus, 'Traditional Arabic', tahoma;}

#wrapper {
 width: 1000px;
 margin: 0px 0px 0px 0px;
 position: relative; }

#header {
 position: absolute;
 clear:left;
 width: 900px;
 height: 100px;
 margin: 0px;
 padding: 0px;
 background: url(other/logo.png) no-repeat left bottom;
 top: 30px;
 left: 100px;
 behavior: url(css/iepngfix.htc);}

#header 
h2#slogan {
 position: absolute;
 margin: 0;
 padding: 0;
 font: bolder 2.0em 'traditional arabic', Arial;
 color: #FFF;
 text-transform: none;
 top: 30px;
 left: 400px; }

#right-col {
 width: 775px;
 float: right;
 margin: 140px 0px 50px 0px;}

#right-col-top{
 background: url(other/right-col-top.gif) no-repeat left top;
 height: 26px;
 text-align:right;
 padding: 5px 130px 0px 0px;
 font: normal 90% 'tahoma', Arial;
 font-color: #000;
 direction:rtl;
 behavior: url(css/iepngfix.htc);}

#content {
 padding: 5px 25px 15px 25px;
 width: 622px;
 background: #fff;
 clear: both;
 overflow: hidden;
 text-align:right; }


.list_green {
 margin: 0px;
 padding: 0px 0px 0px 15px;
 text-transform: none;
 text-decoration: none;
 color: #333;
 font: normal arial;
 line-height: 20px;
 background: url(gif/list_green.gif) no-repeat left 5px;
 text-align:left; }

.list_violet {
 background: url(gif/list_violet.gif) no-repeat 100%;
 padding: 5px 20px 5px 0px;
 text-align:right;
 font: normal 11px tahoma, lotus, 'traditional arabic';}

.list_red {
 background: url(gif/list_red.gif) no-repeat 100% 8px;
 margin: 0px 35px 0px 30px;
 padding: 0px 20px 0px 20px;
 font: bold 15px 'traditional arabic'; }

.list_blue {
 margin: 0px 25px 0px 0px;
 background: url(gif/list_blue.gif) no-repeat 100%;
 padding-right: 20px;
 text-align: right;
 font: bold 16px 'traditional arabic', Arial;
 line-height:25px; }

.list_gold {
 margin: 0px 25px 0px 0px;
 background: url(gif/list_gold.gif) no-repeat 100%;
 padding-right: 20px;
 text-align:right;
 font: bold 16px 'lotus', 'traditional arabic', Arial; }

.list_none {
 background: url(gif/list_none.gif) no-repeat 100% 2px;
 margin: 5px 15px 0px 5px;
 padding: 0px 15px 0px 0px;
 font: normal 12px tahoma; }

.list_none_2 {
 background: url(gif/list_none_2.gif) no-repeat 100% 2px;
 margin: 5px 25px 0px 5px;
 padding: 0px 15px 0px 0px;
 font: normal 12px tahoma; }

.list_dot {
 background: url(gif/list_dot.gif) no-repeat 100% 10px;
 margin: 5px 30px 5px 30px;
 padding: 0px 20px 0px 0px;
 text-decoration: underline;
 font: bold 20px 'traditional arabic'; }

.item_blue {
 margin: 0px 35px 20px 30px;
 padding: 10px 25px 0px 0px;
 font: bold 17px 'lotus', 'traditional arabic';
 background: url(gif/item_blue.gif) no-repeat 100% 16px; }

.item_bullet3 {
 margin: 0px 20px 0px 0px;
 padding: 5px 20px 5px 0px;
 font: normal 12px tahoma, lotus, 'traditional arabic';
 background: url(gif/tools/bullet3.gif) no-repeat 100% 5px; }

.item_pen {
 margin: 0px 10px 0px 0px;
 padding: 0px 20px 0px 0px;
 font: bold 14px 'b nazanin', 'traditional arabic';
 line-height:25px;
 background: url(gif/tools/pen.gif) no-repeat 100% 10px; }

#footer {
 text-align: center;
 background: url(other/footer.gif) no-repeat left 100%;
 padding: 20px 100px 0px 0px;
 font-size: 100%;
 color: #555;}

#footer a, #footer a:visited { text-decoration: none; color: #000;}
#footer a:hover { text-decoration: underline;}
#footer2 {
 background: url(other/footer2.gif) no-repeat 100% -4px;
 padding: 10px 0px 0px 5px;
 font-size: 87%;
 color: #282828;}

.dbx-group {
 width:210px;
 padding:0 0px 10px;}

.dbx-handle {
 position:relative;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 176px;
 background:url(other/handle.gif);}
 
.dbx-min { margin: 0px; padding: 1px; background:url(other/dbx-min0.gif) no-repeat; z-index:10000000;}
.dbx-min:hover{ background:url(other/dbx-min1.gif) no-repeat;}

.dbx-max { margin: 0px; padding: 1px; background:url(other/dbx-max0.gif) no-repeat;}
.dbx-max:hover{ background:url(other/dbx-max1.gif) no-repeat;}

.dbx-help { margin: 0px; padding: 1px; background:url(other/dbx-help0.gif) no-repeat;}
.dbx-help:hover{ background:url(other/dbx-help1.gif) no-repeat;}

.dbx-content {
 margin: 0;
 padding: 10px 10px 0px 5px;
 background: url(other/content.png) no-repeat 0 100%;
 overflow: visible; }


#sidebar-left { float: left; margin: 130px 3px 10px 3px;}
#sidebar-left h3 { padding: 10px 20px 0px 15px; font: bold 16px/100% 'lotus'; color: #e0e0e0; text-align:right; direction:rtl;}
#sidebar-left h3 img  { vertical-align: middle;}
#sidebar-left a, #sidebar-left a:visited  { color: #000000; text-decoration:none;}
#sidebar-left a:hover, #sidebar-left a:active  { text-decoration:underline;}
#sidebar-left ul { list-style: none; margin: 0px 0px 0px 5px; padding: 0px ;}
#sidebar-left ul li { background: url(gif/list_red.gif) no-repeat 100%; padding-right: 20px ;}


.table_top{
 width: 204px; 
 height: 27px;
 background-image:url(other/table_top.jpg);
 background-repeat:no-repeat;}

.table_content{
 width: 204px;
 background-image:url(other/table_content.jpg);
 background-repeat:repeat-y;}

.table_bottom{
 width: 204px; 
 height: 23px;
 background-image:url(other/table_bottom.jpg);
 background-repeat:no-repeat;}

.title_panel_small {
 font: traditional arabic;
 font-size: 18px;
 font-weight: bold;
 border-bottom: dashed 2px #88cd03; }

.table_top_big{
 margin: 10px 0px 0px 0px;
 width: 600px; 
 height: 40px;
 background-image:url(other/table_top_big.jpg);
 background-repeat:no-repeat;}

.table_content_big{
 width: 600px;
 background-image:url(other/table_content_big.jpg);
 background-repeat:repeat-y; }

.table_bottom_big{
 width: 600px; 
 height: 23px;
 background-image:url(other/table_bottom_big.jpg);
 background-repeat:no-repeat;}

.table_bottom_big_{
 width: 600px; 
 height: 50px;
 background-image:url(other/table_bottom_big_.jpg);
 background-repeat:no-repeat;}

.title_panel {
 position: relative;
 right: 40px;
 top: 7px;
 direction:rtl;
 text-align:right;
 font-family: 'traditional arabic', Arial;
 font-size: 16px;
 font-weight: bold; }

.bottom_panel {
 position: relative;
 right: 535px;
 top: 20px;
 font: 'traditional arabic', Arial;
 font-size: 14px;
 font-weight: bold; }

.text {
 padding: 5px 0px 0px 20px;
 text-transform: none;
 text-decoration: none;
 text-align: right;
 color: #000000;
 font-family:tahoma, lotus, 'traditional arabic', Arial;
 font-size: 13px;
 font-weight: normal;
 line-height: 20px; }

.entext {
 padding: 0px 05px 0px 50px;
 text-transform: none;
 text-decoration: none;
 text-align: left;
 color: #555;
 font-family: Arial;
 font-size: 17px;
 font-weight: normal;
 line-height: 19px; }

.index_text {
 margin: 5px 25px 0px 5px;
 padding: 0px 20px 0px 0px;
 font: normal 11px 'tahoma'; }

.meta {
 margin: 5px 0px 0px 0px;
 padding: 0px 10px 0px 10px;
 background: url(other/bg.gif);
 border-top: 1px dotted #666;
 border-bottom: 1px solid #666;
 text-align: right;
 color: #333332;
 text-transform: none;
 font-family: tahoma;
 font-size: 11px;
 font-weight: normal; }

.meta_en {
 margin: 5px 0px 0px 0px;
 padding: 0px 10px 0px 10px;
 background: url(other/bg.gif);
 border-top: 1px dotted #666;
 border-bottom: 1px solid #666;
 text-align: left;
 color: #333332;
 text-transform: none;
 font-family: tahoma;
 font-size: 11px;
 font-weight: normal; }


.meta img {margin: 2px 5px 0px 5px;}
.meta_en img {margin: 0px 5px 0px 5px;}

.path {
 margin: 0px 13px 0px 0px;
 padding: 0px;
 background: url(other/path.gif) no-repeat 0% 0px;
 text-align: right;
 color: #fff;
 text-transform: none;
 font-family: tahoma;
 font-size: 11px;
 font-weight: normal; }
.path a { color: #fff; text-decoration:none;}
.path a:visited { color: #bbb; text-decoration:none;}

.orb1 {
 margin: 4px 7px 4px 7px;
 padding: 5px 25px 3px 0px;
 text-transform: none;
 background: url(gif/orb1.gif) no-repeat right;
 text-decoration: none;
 color: #333;
 font: bold 17px 'lotus', 'Traditional Arabic','Tahoma';
 line-height: 10px; }

.orb2 {
 margin: 10px;
 padding: 5px 25px 3px 0px;
 text-transform: none;
 background: url(gif/orb2.gif) no-repeat right;
 text-decoration: none;
 color: #333;
 font: bold 17px 'Traditional Arabic','Tahoma';
 line-height: 10px; }

.orb3 {
 margin: 0px 5px 0px 0px;
 padding: 0px 20px 0px 0px;
 text-transform: none;
 background: url(gif/orb3.gif) no-repeat right;
 text-decoration: none;
 color: #333;
 font: bold 15px 'Traditional Arabic','Tahoma'; }

.orb4 {
 margin: 0px 15px 0px 0px;
 padding: 0px 20px 0px 0px;
 text-transform: none;
 background: url(gif/orb4.gif) no-repeat right;
 text-decoration: none;
 color: #333;
 font: bold 15px 'Traditional Arabic','Tahoma'; }

.orb5 {
 margin: 4px 0px 4px 10px;
 padding: 0px 0px 0px 20px;
 text-align: left;
 text-transform: none;
 background: url(gif/orb5.gif) no-repeat left;
 text-decoration: none;
 color: #333;
 font: bold 15px 'Traditional Arabic','Tahoma'; }

#page {
 margin: 15px 0px 0px 0px;
 padding: 20px 0px 10px 0px;
 text-align: center;
 letter-spacing: 13px;
 color: #000000;}

#page a {
 margin: 0px 0px 0px 0px;
 padding: 5px 8px 25px 13px;
 background: url(gif/page.gif) no-repeat 0% 0px;
 text-decoration: none;
 font: bolder 15px Arial ;
 color: #fff;
 border:#000 0px solid; }

#page .current { background: url(gif/page.gif) no-repeat 0% -100px;} 
#page a:hover { background: url(gif/page.gif) no-repeat 0% -49px;}

