﻿/* .: Persian Style Sheets
 © 2010 www.pandm.ir, All Rights Reserved. */
 
body {
	font-size: 62.5%;
	font-family: Tahoma, Arial, sans-serif; 
}
/*-----------------------------------------------------------------------------------------------
	Font Text
-----------------------------------------------------------------------------------------------*/
h2, h4, h3, h5, h6, h1 {
	text-align: right;
	font-weight: normal;
}
h1 {
	clear: both;
}
h2 {
	font-family: Arial, Tahoma, Helvetica, sans-serif,"Courier New";
	font-size: 2em;
}
h3 {
	font-family: "B Yekan",Arial, Tahoma, Helvetica, sans-serif,"Courier New";
	font-size: 1.8em;
}
h4 {
	font-family: Arial, Tahoma, Helvetica, sans-serif,"Courier New";
	font-size: 1.5em;
	font-weight: bold;
}
h5 {
	font-family: Tahoma, Helvetica, sans-serif,"Courier New";
	font-size: 1.0em;
	font-weight: bold;
	color: #676e74;
}
h6 {
	font-family: Tahoma, Helvetica, sans-serif,"Courier New";
	font-size: 0.9em;
}
/*-----------------------------------------------------------------------------------------------
	Task Bar & Navi Bar
-----------------------------------------------------------------------------------------------*/
/*  Use it in line 149 */
.taskbar {
	text-align: right;
	direction:rtl
}

.taskbar h4 {
	float:right;
}
.taskbar ol {
	float:right;
	font-size: 1.0em;
	margin-top:2px;	
}
/*-----------------------------------------------------------------------------------------------
	layout
-----------------------------------------------------------------------------------------------*/
div.mainbanner a{
	direction:ltr;
	font-family:"B Yekan",Tahoma,Arial,sans-serif;
font-size:1.4em;
text-align:left;
text-indent:-9999px;
display:block;
width:94%;
height:97%;
margin:0 auto;
}

div#contents {
	clear:both;
	display:block;
	direction: rtl;
}
div#sidebar {
display:none;
}
.contentstyle, div#head-abstract, .taskbar, div.body-abstract {
	
	text-align: right;
	direction: rtl;
}

/*-----------------------------------------------------------------------------------------------
	navigation menu
-----------------------------------------------------------------------------------------------*/
ul#navigation{
	
	direction:rtl;
	
}
ul#navigation li {
	background-image: url('../Images/menu-head.gif');
	float: left;
}
ul#navigation li h1 {
	text-indent: -9000px;
	font-size: 1.6em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
ul#navigation li a {
direction:ltr;
font-family:"B Yekan",Tahoma,Arial,sans-serif;
font-size:1.2em;
text-align:left;
text-indent:-9999px;
}
ul#navigation li a:hover {
	text-decoration: none;
}
ul#navigation li#home {
	background-position: right 0;
	width: 127px;
}
ul#navigation li#home:hover {
	background-position: right -43px;
}
.homepage ul#navigation li#home {
	background-position: right -43px; !important ;
}
ul#navigation li#itme-1 {
	background-position: -717px 0px;
	width: 100px;
}
ul#navigation li#itme-1:hover {
	background-position: -717px -43px;
}
.firstpart ul#navigation li#itme-1 {
	background-position: -717px -43px !important ;
}
ul#navigation li#itme-2 {
	background-position: -567px 0px;
	width: 151px;
}
ul#navigation li#itme-2:hover {
	background-position: -567px -43px;
}
.secondpart ul#navigation li#itme-2 {
	background-position: -567px -43px !important ;
}

ul#navigation li#itme-3 {
	background-position: -464px 0px;
	width: 103px;
} 
ul#navigation li#itme-3:hover {
	background-position: -464px -43px;
} 
.tertiarypart ul#navigation li#itme-3 {
	background-position: -464px -43px !important ;
}

ul#navigation li#none {
	background-position: -330 0px;
	width: 133px;
}

ul#navigation li#end {
	background-position: left 0px;
	width: 330px;
}
ul#navigation li#end:hover {
	background-position: left -43px;
}



/*-----------------------------------------------------------------------------------------------
	L g    div#head-abstract
-----------------------------------------------------------------------------------------------*/
div.top-abstract {
	background: transparent none no-repeat scroll center bottom;
	height: 6px;
}
div.footer-abstract {
	background:  url('../Images/footer-Abstract-one.gif') transparent no-repeat 0 0;
	height: 6px;
	display: block;
	clear: both;
}

div.main-abstract {
	padding: 20px 20px 5px 20px;
	background-color: white;
	border-left: 1px #505050 solid;
	border-right: 1px #505050 solid;
	width: 902px;
	line-height: 1.4em;
	clear: both;
}
html > body div.main-abstract {
	padding: 20px 20px 0px 20px;
}

/*-----------------------------------------------------------------------------------------------
	thick box
-----------------------------------------------------------------------------------------------*/

div.thick-content p img {
float:right;
margin:0 0 20px 20px;
}
div.thick-content p.centered img {
clear:both;
float:none;
margin:0 auto 20px auto ;
max-height:none;
max-width:600px;
}

/*-----------------------------------------------------------------------------------------------
	menu
-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------
	in side bar
-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------------*/
div#footer {
	background-image: url('../Images/bg-footer.gif') ;
}
div#footer ul {
	direction: rtl;
		margin:0 0 0 14px;
		font-size: 0.9em;
}
/*-----------------------------------------------------------------------------------------------
	homepage
-----------------------------------------------------------------------------------------------*/
a.advbox {
	float: left;
	margin: 0 10px 0 0;
}
html > body a.advbox {
	margin: 0 10px 0 0; /* Correct value for browsers that don't suffer from IE Win' s bugs */
}
a.advbox-last{
	float: left;
	margin: 0;
}
html > body a.advbox-last {
	float: none; /* Correct value for browsers that don't suffer from IE Win' s bugs */
}

/*-----------------------------------------------------------------------------------------------
	style 
-----------------------------------------------------------------------------------------------*/
.style-red {
	color: #CC0000;
}
.style-black {
	color: #000;
}
.style-green {
	color: #33CC33;
}
.style-blue {
	color: #00CCFF;
}
.style-discontinue {
	color: #555555;
	text-decoration: line-through;
}
/*-----------------------------------------------------------------------------------------------
	about
-----------------------------------------------------------------------------------------------*/
/*---------------======== Panel article==========  ---------------*/
div.article {
	line-height: 16pt;
	font-size: 1.2em;
	direction: rtl;
}
div.article .section{
	clear:both;
	text-align:center;
}
div.article img.float-right {
	margin: -50px -20px 20px 20px;
	float: right;	
}
div.article img.float-left {
	margin: 0 20px 20px 0;
	float: left;	
}

div.article .even{
	clear:both;
	padding-right:10px;
}
div.article .even img{
	float: left;
	margin-right:40px;
}
div.article .odd{
	clear:both;
	padding-left:10px;
}
div.article .odd img{
	float: right;
	margin-left:30px;
}
div.article .grid2col{
	clear: both;
	width: 90%;
	margin: 20px auto;
	height: 190px;
	font-size: 0.9em;
}
div.article .grid-frame{
	/*  -moz-border-radius:4px 4px 4px 4px;
	border-color:#DCDCDC;
	border-style:solid;
	border-width:1px 1px 1px; */
	padding: 18px;
	margin-right: 10px;
	clear: none;
	width: 54%;
	height: 140px;
}

div.article .grid2col .column{
	width:45%;
}
div.article .grid-frame .column{
	width: 45%;
}

.column{
float: left;
margin-left:17px;
}

.column.first, .column.last {
margin-left:0 !important;
}

.column.last{
float:right !important;
}
/* three column */
div.article .grid3col{
	clear: both;
	width: 100%;
	margin: 20px auto;
	font-size:1.0em;
	height:150px;
}
div.article .grid3col .column{
	width:32%;	
}

/*  */
div.article p {
	text-align:  justify;
	padding-bottom: 10px;
	margin: 0 0 10px 0;
}
 
div.article p.centered {
	display: block;
	clear: both;
}
div.article h4, div.article h3 {
	text-align: right;
	font-family: "B Yekan",Tahoma,Arial,sans-serif;
	font-size: 1.6em; 	
	font-size: 1.5em;	
}
div.article h5 {
	font-size: 1.6em;
	text-align: right;
	padding-right: 10px;
	font-family: "B Yekan",Tahoma,Arial,sans-serif;	
}
div.article ul {
	text-align: right;
	line-height: 1.91em;
}

/*-----------------------------------------------------------------------------------------------
	News
-----------------------------------------------------------------------------------------------*/
div.article a.btnmore {
	background: transparent url('../images/btn-more.gif') no-repeat scroll center bottom;
	width: 50px;
	height: 10px;
	font-size: 0.9em;
	display: block;
	float: left;
	padding: 0 5px 4px 17px;
	border: 0;
	color: white;
	margin: 0 10px 0 0;
	line-height: normal;
}
div.article a.btnmore:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------------------
	Style Table
-----------------------------------------------------------------------------------------------*/
div.thick-content{
	width:95%;
	border:0 transparent none;
	margin:5px auto
}

/*-----------------------------------------------------------------------------------------------
	Contact============== 
-----------------------------------------------------------------------------------------------*/
div.slice {
	width: 48.5%;
}
div.slice code {
	direction: ltr;
	display: block;
	text-align: left;
	text-transform: lowercase;
	text-indent: 10px;
}
div.floatright {
	/*  float: right;*/
	text-align:left;
	
}
div.floatleft {
	float: left;
	text-align:left;
	
}
div.contact {
	/* width: 49.2%; */
	padding-top:20px;
}
div.comments-form select, div.comments-form input, div.comments-form textarea, div.contact select, div.contact input, div.contact textarea {
	background-color: #F0F0F0;
	border:  1px #DADADA solid;
	color: #000;
	display: block;
	float: right;
	font-family: Tahoma,Arial,sans-serif;
	font-size: 1em;
	margin: 0 0 7px;
	overflow: auto;
	padding: 3px;
	width: 220px;	
}
div.contact label {
	clear: right;
	display: block;
	float: right;
	padding-left: 10px;
	text-align: left;
	width: 98px;
	font-size:1.1em;
}

div.contact input{
	width: 187px;
	overflow: visible;
}
div.contact input:hover, div.contact textarea:hover , div.contact select:hover {
	background-color: #FFFFD2;
}
div.contact input:focus, div.contact textarea:focus , div.contact select:focus {
	background-color: #333333;
	color:#fff;
}

div.contact select{
	width:195px;
}
div.contact textarea {
	width: 187px;
}
span.validator{
background:transparent url("../Images/icovalidator.gif") no-repeat scroll left center;
cursor:help;
display: block;
float:right;
height:18px;
padding-right:5px;
text-indent:-9999px;
width:18px;
}

div.contact a.btnmore:hover{
	color:#000;
	text-decoration:none;
	cursor: pointer;
}
div.contact-form {
}
div.contact-form  h5{
padding-top:5px;
	
}
div.contact-form li{
	list-style-type:square;
	list-style-position:inside;
	font-size:1.1em;
	padding: 5px 10px 0 0;
	line-height:1.3em;
}

div.slice div.row ol li {
	border-bottom:1px #E0E0E0 solid;
}
div.slice div.row ol {
	border:0 transparent none;
}

div.updateprogress{
	clear:both;
	display:block;
	border-bottom:1px dotted #234D65;
	border-top:1px dotted #234D65;
	background-color:#fff;
	padding:5px 10px;
	margin:10px 20px;
}
div.updateprogress p{
	margin:0;
	background: #fff url('../Images/icons18.gif') no-repeat scroll right  center;
	clear:both;
	display:block;
	height:20px;
	padding:0 35px 0 0;
	text-indent:0;
}
div.updateprogress p#finalicon{
 	background-position:right -467px;
}
div.updateprogress p#waiticon{
 	 background-image:url('../Images/loading3.gif');
 	  background-position:574px center;
 	  height:41px;
 	  padding-right:70px
}
 
div.updateprogress p#erroricon{
 	 background-position:right -683px;
 	 color:#FF0000;
}
/*-----------------------------------------------------------------------------------------------
	Style Table
-----------------------------------------------------------------------------------------------*/
table.tablesorter {
	font-family: Tahoma;
	font-size: 8pt;
	text-align: left;
	background-color: #e1e1e1;
	margin: 0;
	width: 100%;
	border-bottom: 2px solid #E0E0E0;
	border-collapse: separate;
	border-spacing: 1px;
}
table.tablesorter tbody td {
	background-color: #FFFFFF;
	color: #2D2D2D;
	padding: 5px 3px 5px 13px;
	vertical-align: top;
	font-size: 9pt;
	font-weight: bold;
}
table.tablesorter thead tr .header {
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #CBF54B;
	border: 1px solid #FFFFFF;
	font-size: 1.6em;
	padding: 5px;
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}
table.tablesorter tbody tr.odd td {
	background-color: #F4F4F4;
	color: #1D1D1D;
	padding-left: 13px;
}
table.tablesorter tbody tr td:hover {
	color: #000;
}
table.tablesorter tbody tr td.dir-ltr {
	direction: ltr;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/*-----------------------------------------------------------------------------------------------
	etooltip
-----------------------------------------------------------------------------------------------*/
#tooltip {
	direction: rtl;
	font-size: 1.2em;
	text-align: right;
}


