﻿/* CSS Document */

body{
	margin:0px;	
	direction:rtl;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}

.BrowerStyle
        {
          position:absolute;left:500px;
          width:308px;height:23px;
          color:white;font-size:13px;font-weight:bold;font-family: Tahoma, Arial, Helvetica, sans-serif;
          padding:5px 2px;
          text-align:center;
         background-image:url(../images/header/panel.gif);
	     background-repeat:no-repeat;
	     z-index:500;
	     cursor:pointer;
	     }

p{
	margin:0px;
	padding:2px;
	text-align:justify;
	line-height:17px;
}

form{
	margin:0px;
	padding:0px;
}

a
{
	text-decoration:none;
	}

/* ........ Global ........ */
.IranFontF	{font-family:Tahoma,Arial,Helvetica,sans-serif;}
.titleFont	{font-family:Arial,Times New Roman;}

.black{color:#333333;}
.white{color:#ffffff;}
.red{color:#C31919;}
.Navy{color:#0D65BC;}
.Blue{color:#2399d0;}
.Gary{color:#828282;}

.fontSizeSmall{font-size:10px;}
.fontSizeMedium{font-size:11px;}
.fontSizeLarg{font-size:12px;}
.fontSizeXLarg{font-size:13px;}

.titleSize{font-size:15px;}

.boldFace{font-weight:bold;}
.normalFace{font-weight:normal;}
.noTextDec{text-decoration:none;}
.textRight{text-align:right;}
.textCenter{text-align:center;}
.textLeft{text-align:left;}
.textJustify{text-align:justify;}
.padding3{padding:3px;}
.padding5{padding:5px;}
.paddingB10{padding-bottom:10px;}


/* ........ HyperLink ........ */
#HeaderMenu a:hover ,a:active
{
	color:#C31919;
	}

#MarqueeLastNews  a:hover ,a:active
{
	color:#C31919;
	}

.LeftSideBox a:hover ,a:active
{
	color:#C31919;
	}

#RightHolder a:hover ,a:active
{
	color:#C31919;
	}	

#FooterLink	a:hover ,a:active
{
	color:#000;
	}	

.MainSideTab1Item a:hover ,a:active
{
	color:#fff;
	}	
	
.MainSideTab2Item a:hover ,a:active
{
	color:#C31919;
	}	

.MainSidePhotoItem a:hover ,a:active
{
	color:#C31919;
	}
	
.TopNewsContent	 a:hover ,a:active
{
	color:#fff;
	background-color:#000;
	}		
/* ........ Image ........ */

.Smallpic1 {
	width:87px;
	height:58px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	overflow:hidden;
	}

.Smallpic1 img{
	height:58px;	
	border:0px;
	}

.Smallpic2 {

	width:100px;
	height:67px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	overflow:hidden;
	}

.Smallpic2 img{
	height:67px;	
	border:0px;
	}

.Smallpic3 {

	width:206px;
	height:137px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	overflow:hidden;
	}

.Smallpic3 img{
	height:137px;	
	border:0px;
	}
	
.Smallpic4 {
	width:100px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	}

.Smallpic4 img{
	width:100px;	
	border:0px;
	}
	
.Smallpic5 {
	width:100px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	}

.Smallpic5 img{
	width:100px;	
	border:0px;
	}
		
.Largpic1 {
	width:408px;
	height:272px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	overflow:hidden;
	}

.Largpic1 img{
	height:272px;	
	border:0px;
	
	}
		
.Largpic2 {
	width:588px;
	height:392px;
	padding:0px;
	margin:0px;
	background-color:#1e1e1e;
	text-align:center;
	}

.Largpic2 img{
	height:392px;	
	border:0px;
	}	
		
/* ........ Header ........ */
#headerHolder
{
	width:1002px;
	height:120px;
	background:#636466;
	}
	
#HeaderPic1
{
	float:right;
	width:285px;
	height:120px;
	background-image:url(../images/header/EPE_Logo6.jpg);
	background-repeat:no-repeat;
	}

#HeaderPic2
{
	float:left;
	width:267x;
	height:120px;
	background-image:url(../images/header/EPE_Logo4.jpg);
	background-repeat:no-repeat;
	text-align:right;
	}

#HeaderPic3
{
	float:left;
	width:450px;
	height:120px;
	background-image:url(../images/header/EPE_Logo5.jpg);
	text-align:center;
	}

#HeaderDate
{
	float:right;
	width:150px;
	margin-top:100px;
	}

#HeaderSite
{
	float:right;
	width:100px;
	margin-top:77px;
	}
			
/* ........ Header Menu ........ */
#HeaderMenu
{
	margin-left:50px;
	float:left;
	width:267px;
	height:17px;
	margin-top:100px;
	}

.HeaderMenuItem{
	float:right;
	height:15px;
	padding-top:2px;
	}	
	
.HeaderMenuSpace{
	float:right;
	width:5px;
	height:17px;
	margin:0px 5px;
	background-image:url(../images/header/EPE_MenuSpace.jpg);
	background-repeat:no-repeat;}


/* ........ Menu ........ */
#TopMenuHolder
{
	width:1002px;
	height:24px;
	background-image:url(../images/Menu/EPE_MenuTile.jpg);
	background-repeat:repeat-x;
	}
	
.TopMenuItemBox
{
	width:98%;
	float:right;
	height:24px;
	}
	
.menuFixer{
	position:relative;
	top:1px;
}

.selectedMenuItem{
	vertical-align:middle;
	color:#fff;
	height:24px;
	float:right;
	background:url(../images/Menu/EPE_MenuSpace.jpg) no-repeat left top;
}

.selectedMenuItem a{
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
	height:20px;	
	color:#fff;
	display:block;

	background:url(../images/Menu/EPE_MenuSpaceSel.jpg) no-repeat left top;
}

.serverSelectedMenuItem{
	vertical-align:top;
	background-color:#ffffff;
	color:#203f63;
	height:24px;
}

.serverSelectedMenuItem a{
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
	height:20px;	
	color:#203f63;
	display:block;
	font-family:Tahoma;
	font-size:8pt;
	background:url(../images/Menu/EPE_MenuSpaceSel.jpg) no-repeat left top;

}

.unselectedMenuItem{
	height:24px;
	background:url(../images/Menu/EPE_MenuSpace.jpg) no-repeat left top;
	float:right;
}

.unselectedMenuItem a{
	background:url(../images/Menu/EPE_MenuSpace.jpg) no-repeat left top;
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
	color:#fff;
	display:block;
}

.subMenu{
	right: 0px;
	float: none;
	position: absolute;
	top: 24px;
	display:block;
	background-color:#720a0b;
	width:110px;	
}

.subMenu div a{
	display:block;
	background-color:#720a0b;
	color:white;
	width:110px;
	padding:2px 0px 2px 0px;
	height:100%; 
	overflow:hidden;
	border-bottom:solid 1px #7a6d42;
	padding-top:4px;
}

.subMenu div a:hover{
	display:block;
	background-color:#7a6d42;
	color:white;
	width:110px;	
	padding:2px 0px 2px 0px;
	height:100%; 
	overflow:hidden;
	padding-top:4px;
}



#RightMenuLogo
{
	float:right;
	width:10px;
	height:24px;
	background-image:url(../images/Menu/EPE_MenuRightLogoFirst.jpg);
	background-repeat:no-repeat;
}

#LeftMenuLogo
{
	float:left;
	width:10px;
	height:24px;
	background-image:url(../images/Menu/EPE_MenuLeftLogoFirst.jpg);
	background-repeat:no-repeat;
}		
/* ........ BodyHolder........ */
#bodyHolder{
	width:1002px;
	height:auto;
	overflow: auto;
}

/* ........ RightHolder........ */
	
#RightHolder{
	float:right;
	width:254px;
	height:auto;
	padding-bottom:15px;
	padding-top:15px;
}

.RightSideBox
{
	float:left;
	width:232px;
	height:auto;
	margin-bottom:20px;
}

.RightSideBoxGray
{
	float:left;
	width:232px;
	height:auto;
	margin-bottom:20px;
	background-color:#1e1e1e;
}

/* ........Left Side 3newsTop........ */
.RightSideItemTop
{
	width:232px;
	height:190px;
	padding:10px 0;
	margin-bottom:10px;
}

.RightSideItemTop .text
{
	overflow:hidden;
	height:185px;
	width:200px;
}

/* ........ Right Side Gray ........ */
.RightSideHeader
{
	width:227px;
	height:22px;
	background-color:Black;
	text-align:right;
	padding-right:5px;
	padding-top:4px;
}

.RightSideItem
{
	width:215px;
	height:140px;
	padding:10px 0;
}

.RightSideItem .text
{
	float:left;
	overflow:hidden;
	height:75px;
	width:100px;
	padding-top:60px;
}

/* ........ Right Side Red ........ */
.RightSideHeaderRed
{
	width:232px;
	height:22px;
	text-align:center;
	padding-top:4px;
	
}

.RightSideItemRed
{
	width:230px;
	height:auto;
	padding:10px 0;
	border:solid 1px #303030;
	border-bottom:none;
	background-color:#000;
}

.RightSideFooter
{
	width:232px;
	height:12px;
	background:#1E1E1E url(../images/Sidebar/EPE_RightSideFooter.jpg) no-repeat center top;
	}	
	
/* ........ LeftHolder........ */
	
#LeftHolder{
	float:left;
	width:300px;
	height:auto;
	padding-bottom:15px;
	padding-top:15px;
}
	
.LeftSideBox
{
	float:right;
	width:287px;
	height:auto;
	margin-bottom:20px;
	background-color:#1e1e1e;
}

/* ........Left Side ........ */
.LeftSideHeader
{
	width:280px;
	height:21px;
	background-color:Black;
	text-align:right;
	padding-top:2px;
	
}

.LeftSideItemContent
{
	width:270px;
	height:auto;
}

.LeftSideItem
{
	width:270px;
	height:58px;
	padding:10px 0;
}

.LeftSideItem .text
{
	float:right;
	overflow:hidden;
	height:59px;
	width:170px;
}

.LeftSideItem .Icon
{
	float:left;
	height:35px;
	width:18px;
}

.LeftSideLineDot
{
	width:150px;
	height:11px;
	background:#fff url(../images/Sidebar/EPE_LineDot.jpg) repeat-x center Top;
	margin-top:5px;
	
	}

.LeftSideFooter
{
	width:287px;
	height:12px;
	background:#1E1E1E url(../images/Sidebar/EPE_LeftSideFooter.jpg) no-repeat center bottom;
	}

/* ........ LeftSideTab ........ */

.LeftSideTab
{
	float:right;
	width:89px;
	height:20px;
	background:#1E1E1E url(../images/main/EPE_RedTab.jpg) no-repeat right Top;  
	color:#fff;
	display:block;
	cursor:pointer;
	padding-top:3px;
	margin-left:2px;
	text-align:center;
	font-weight:bold;
	}
	
.LeftSideTab:hover 
{
	width:89px;
	height:20px;
	background:#921717 url(../images/Sidebar/EPE_RightLineTab.jpg) no-repeat right Top;
	color:#C31919;
	padding-top:2px;

}

.LeftSideTabSel
{
	float:right;
	width:89px;
	height:20px;
	display:block;
	cursor:pointer;
	background:#921717 url(../images/Sidebar/EPE_RightLineTab.jpg) no-repeat right Top;
	padding-top:2px;
	margin-left:2px;
	color:#C31919;
	text-align:center;
	font-weight:bold;

}		
.LeftSideTabSel2
{
	float:right;
	width:100px;
	height:20px;
	display:block;
	background: url(../images/main/EPE_PhotoHeader.jpg) no-repeat right Top;
	padding-top:2px;
	margin-left:2px;
	color:#C31919;
	text-align:center;
	font-weight:bold;

}			

/* ........ MainHolder........ */

#MainHolder{
	float:right;
	width:448px;
	height:auto;
}
	
.MainSideHolder
{
	width:410px;
	height:auto;
	margin-bottom:15px;
	}
	
.MainSideHeader
{
	width:410px;
	height:24px;
	padding-top:2px;
	}
	
.MainSideContent
{
	width:410px;
	height:auto;
	overflow:hidden;
	background-color:#1E1E1E;
	padding:15px 0;
	}	
.MainSideBottom
{
	width:410px;
	height:13px;
	float:right;
	background: url(../images/main/mainsidebottom.jpg) no-repeat;
}	
.bottomRadius
{
	width:620px;
	height:14px;
	background: url(../images/bottom-radius.png) no-repeat;
}
/* ........ MainSideTab ........ */

.MainSideTab
{
	float:right;
	width:89px;
	height:23px;
	background:#1E1E1E url(../images/main/EPE_RedTab.jpg) no-repeat right Top;  
	color:#fff;
	display:block;
	cursor:pointer;
	padding-top:3px;
	margin-left:2px;
	text-align:center;
	}
	
.MainSideTab:hover 
{
	width:89px;
	height:23px;
	background:#921717 url(../images/main/EPE_GrayTab.jpg) no-repeat right Top;
	color:#C31919;
	padding-top:3px;

}

.MainSideTabSel
{
	float:right;
	width:89px;
	height:23px;
	display:block;
	cursor:pointer;
	background:#921717 url(../images/main/EPE_GrayTab.jpg) no-repeat right Top;
	padding-top:3px;
	margin-left:2px;
	color:#C31919;
	text-align:center;

}

/* ........ MarqueeNews ........ */

#MarqueeLastNews
{
	width:406px;
	height:25px;
	padding:5px 2px 0 2px;
	overflow:hidden;
	line-height:20px;
}
				

/* ........ TopNews ........ */

#TopNewsHolder
{
	width:410px;
	height:408px;
	margin-bottom:15px;
}

.TopNewsContent
{
	width:406px;
	height:378px;
	overflow:hidden;
	border:solid 1px #303030;
	}	

.TopNewsFooter
{
	width:408px;
	height:26px;
	background:#000 url(../images/main/EPE_TopNewsFooter.jpg) no-repeat center Top;
}
	
.TopNewsText
{
	width:384px;
	height:96px;
	overflow:hidden;
	padding-top:5px;
	}

.contentdiv{
visibility: hidden; /*leave as is*/
width:406px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:378px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
-moz-opacity: 1;
opacity: 0.5;
overflow:hidden;
}	

.pagination
{
	float:left;
	width:119px;
	height:auto;
	margin-top:3px;
	margin-left:20px;
}

.pagination a:hover, .pagination a.selected{
color: black;
width:14px; 
height:14px;
background-color:#C31919;
}

.TopNewsNumberIndex{
	float:left;
	width:14px; 
	height:14px;  
	cursor:pointer;
	text-align:center; 
	font-size:10x; 
	color:white; 
	margin:2px 2px 0px;
}

/* ........ Tab1Contant ........ */

.MainSideTab1Item
{
	float:right;
	width:180px;
	height:150px;
	margin:0 11px;
	overflow:hidden;
	margin-bottom:15px;
	}

.MainSideTab1Item .text1
{
	overflow:hidden;
	height:57px;
	padding-top:5px;
}

.BetweenLine
{
	float:right;
	width:3px;
	height:150px;
	background:white url(../images/main/EPE_LineDot.jpg) repeat-y right Top;
}	

/* ........ Tab2Contant ........ */

.MainSideTab2Item
{
	width:390px;
	height:58px;
	margin-bottom:15px;
}

.MainSideTab2Item .text
{
	float:right;
	overflow:hidden;
	height:59px;
	width:290px;
}


/* ........ Photo Gallery ........ */

.MainSideHeaderPhoto
{
	float:right;
	width:100px;
	height:22px;
	padding-top:4px;
	padding-right:10px;
	text-align:right;
	background: url(../images/main/EPE_PhotoHeader.jpg) no-repeat right Top;
	}
	
.MainSideContentPhoto
{
	clear:both;
	width:410px;
	height:auto;
	border-bottom:none;
	padding:20px 0;
	background-color: rgb(224, 224, 224);
	}	

.MainSideFooterPhoto
{
	width:410px;
	height:8px;
}

.MainSidePhotoItem
{
	position:relative;
	width:390px;
	height:auto;
	}

.MainSidePhotoItem .text
{
	overflow:hidden;
	height:95px;
	padding-top:37px;
}

.MainSidePhotoItem .Icon
{
	position:absolute;
	width:80px;
	height:24px;	
	background: url(../images/main/EPE_PhotoIcon.jpg) no-repeat Right Top;
	left:5px;top:5px;
}
	
/* ........ Footer ........ */

	
#FooterHolder
{
	width:1002px;
	height:96px;
	color:#000;
}

#FooterText
{
	width:575px;
	height:30px;
	padding-top:5px;
}

#FooterLink
{
	width:500px;
	height:23px;
	padding-right:30px;
	float:right;
	
}

.FooterMenuItem{
	float:right;
	height:20px;
}


.FooterBarSpace{
	float:right;
	width:3px;
	height:23px;
	margin:0px 5px;
	color:Black;
	
}
