﻿/* IRAN  nongovernment environment news network CSS Document */

body{
	margin:0px;	
	direction:rtl;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#dfdfdf; 
}
a
{
	text-decoration:none;
	cursor:hand;
}
p{
	margin:0px;
	padding:0px;
	text-align:justify;
	line-height:16px;
}

/* ........ Global ........ */
.black{color:#333333;}
.white{color:#ffffff;}
.oceanBlue{color:#4fb2fa;}
.midBlue{color:#108bcf;}
.green{color:#65c50f;}
.gray{color:#666666;}
.Lightgray{color:#bababa;}

.fontFace{font-family: Tahoma, Arial, Helvetica, sans-serif;}

.fontSizeSmall{font-size:10px;}
.fontSizeMedium{font-size:11px;}
.fontSizeLarg{font-size:12px;}

.boldFace{font-weight:bold;}

.topBorder{border-top:solid 1px #555555;}
.rightBorder{border-right:solid 1px #555555;}
.leftBorder{border-left:solid 1px #555555;}
.bottomBorder{border-bottom:solid 1px #555555;}

.noTextDec{text-decoration:none;}
.noTextBorder{border:0px;}

/* ........ Page ........ */
#pageRightEffect{
	width:1003px;
	height:auto;
	background-image:url(../images/mohiteZist_pageBgRight.jpg);
	background-repeat:repeat-y;
	background-position:right top;
}

#pageLeftEffect{
	width:1003px;
	height:auto;
	background-image:url(../images/mohiteZist_pageBgLeft.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}

#pageHolder{
	width:917px;
	height:auto;
	background-color:#ffffff;
}

/* ........ Header ........ */
#headerHolder{
	width:915px;
	height:152px;
	background-image:url(../images/header/mohiteZist_headerBgTile.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#headerRight{
	float:right;
	width:241px;
	height:44px;
	margin-top:49px;
	background-position:left;
	background-repeat:no-repeat;
}

#headerLeftL{
	float:left;
	width:77px;
	height:152px;
	background-image:url(../images/header/mohiteZist_headerLeft01.jpg);
	background-repeat:no-repeat;
}

#headerLeftM{
	float:left;
	width:163px;
	height:152px;
	background-image:url(../images/header/mohiteZist_headerLeft02.jpg);
	background-repeat:no-repeat;
}

#headerLogoLeftBottom{
	float:left;
	width:100px;
	height:152px;
	background-image:url(../images/header/mohiteZist_headerLeft03.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
/* ........ Top Navigation ........ */
#topNavigationHolder{
	width:auto;
	height:25px;
	margin-right:20px;
}

#topLinks{
	padding-top:3px;
	padding-right:5px;
	padding-left:10px;
}

#topLinks a{
	text-decoration:none;
	color:#4fb2fa;
}

#topLinks a:hover{
	text-decoration:none;
	color:#65c50f;
}


/* ........ Logo ........ */
#logoPartTop{
	width:198px;
	height:24px;
	background-image:url(../images/logo/mohiteZist_logoTop01.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#logo{
	width:198px;
	height:55px;
	background-image:url(../images/logo/mohiteZist_logoTop02.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#logoPartMiddle{
	width:198px;
	height:29px;
	background-image:url(../images/logo/mohiteZist_logoTop03.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#logoPartBottom{
	width:198px;
	height:44px;
	background-image:url(../images/logo/mohiteZist_logoTop04.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

/* ........ Menu ........ */
#menuHolder{
	width:915px;
	height:29px;
	background-image:url(../images/menu/mohiteZist_menuBgTile.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#menuBg{
	width:915px;
	height:29px;
	background-image:url(../images/menu/mohiteZist_menuLeftBg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#menuItemHolder{
	width:890px;
	height:28px;
	border-bottom:solid 1px #ededed;
}

.menuItemPart{
	float:right;
	height:23px;
	padding-top:5px;
	padding-left:7px;
	padding-right:7px;	
	margin-right:1px;
	text-decoration:none;
}

.menuItemPart a{
	color:#2e92fe;	
	text-decoration:none;
}

.menuItemPartSelected,.menuItemPartServer{
	float:right;
	height:23px;
	padding-top:5px;
	padding-left:7px;
	padding-right:7px;
	margin-right:1px;
	text-decoration:none;
	background-color:#65c50f;
}

.menuItemPartSelected a,.menuItemPartServer a{
	color:#ffffff;
	text-decoration:none;
}

/* ........ Right Pan Menu........ */
#rightPanMenuHolder{
	width:143px; 
	height:263px;
}

/* ........ Adv Boxes ........ */
#rightPanAdvBoxHolder{
	width:143px;
	margin-top:15px;
	text-align:center;
}

.advBox{
	margin-top:5px;	
	border:solid 1px #dfdfdf;
}


/* ........ Body ........ */
#bodyHolder{
	width:915px;
	height:1520px;
	margin-top:1px;
}


/* ........ Sidebar ........ */
#sidebarHolder{
	float:right; 
	width:190px; 
	height:1400px;
	background-image:url(../images/sidebar/mohiteZist_sidebarBgTile.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#sidebarBottom{
	width:190px; 
	height:1480px;
	background-image:url(../images/sidebar/mohiteZist_sidebarBgBottom.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}


/* ....... Search Box ........ */
#searchBox{
	width:177px;
	height:32px;
	background-image:url(../images/sidebar/mohiteZist_greenTabBg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.searchTextBox{
	height:20px;
	width:80px;
	margin-top:2px;
	border:solid 1px #66cc00;
	background-color:Transparent;
}



/* ....... Blue Bar ........ */
.titlebarHeader{
	width:177px;
	height:33px;
	margin-top:10px;
}

.titlebarBg{
	float:right;
	width:159px;
	height:26px;
	padding-top:7px;
	background-image:url(../images/titlebar/mohiteZist_titlebarBgTile.jpg);	
	background-repeat:repeat-x;
}

.contentOfTitlebarBg{
	width:177px;
	height:auto;
	background-color:#ffffff;
}

.contentOfTitlebarBg p{
	direction:rtl;
	padding:10px;	
}
.contentOfTitlebarBg p div a
{
	direction:rtl;
	text-decoration:none;
	color:#65c50f;
}
.contentOfTitlebarBg p div a:over
{
	direction:rtl;
	text-decoration:none;
	color:#65c50f;
}
.contentOfTitlebarBg p div a:hover
{
	direction:rtl;
	text-decoration:none;
	color:#65c50f;
}
.listItem{
	padding:0px;
	padding-top:10px;
	margin:0px;	
	margin-right:10px;
	margin-left:10px;
	list-style:none;
	text-align:justify;
	line-height:17px;
	font-size:11px;
}
.listItem a
{
	color:Black;
}
.listItem a:hover
{
	color:#65c50f;
}
.listItem a:visited:hover
{
	color:#65c50f;
}
.listItem a:visited
{
	color:Black;
}


/* ....... Oponion Poll ........ */
.textBoxCls{
	background-color:#ffffff;
	border:0px;
	width:167px;
	height:15px;
}

.textBoxNrm{
	background-color:#ffffff;
	border:1px;
	width:167px;
	height:15px;
	font-family:Tahoma;
}

.textBox
{
	font-family:Tahoma;
}
.greenBtn{
	width:58px;
	height:20px;
	background-image:url(../images/button/mohiteZist_bottonGreen.jpg);
	border:0px;
}


/* ....... News ........ */
#newsTopBoxImg{
	width:520px;
	height:258px;
	background-color:#dcdcdc;
	background-image:url(../images/news/mohiteZist_newsBoxCornerTL.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#newsListBox{
	width:520px;
	height:92px;
	background-color:#efefef;
	background-image:url(../images/news/mohiteZist_newsImageGalleryBoxR.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#newsListBoxCorner{
	width:520px;
	height:92px;
	background-image:url(../images/news/mohiteZist_newsImageGalleryBoxL.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#newsImg{
	position:relative;
	float:right;
	width:378px;
	height:258px;
	background-color:#efefef;	
}

#showLableImg
{
	position:absolute; 
	top:0px; 
	right:30px;	
}

.spanEffect{
	width: 378px;
	height: 258px;
	display: block;
	position: absolute;
	border:solid 1px #cccccc;		
	background: url(../images/news/mohiteZist_newsImageEffect.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.spanNoEffect{
	width: 378px;
	height: 258px;
	display: block;
	position: absolute;		
	border:solid 1px #cccccc;
}

#newsContent{
	float:left;
	width:142px;
	height:258px;
	background-image:url(../images/news/mohiteZist_newsTtileBg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#newsContent p{
	padding:10px;
}

.newsListBtn{
	float:right;
	width:26px;
	padding-top:30px;
}

.newsItemHolder{
	float:right;
	margin-right:5px;
	margin-left:5px;	
}

.newsItemHolder img{
	border:solid 1px #ffffff;
}


/* ....... Short News Item ........ */
#shortNewsItemHolder{
	width:535px;
	height:355px;
	margin-top:10px;
	background-image:url(../images/mohiteZist_grayTile.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}

.shortNewsItem{
	float:right;	
	width:247px;
	height:152px;
	padding:10px;
	overflow:hidden;
}

.shortNewsImg{
	float:right;
	width:100px;
	height:68px;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	text-align:center;
	overflow:hidden;
}
.shortNewsImg img
{
	height:68px;
}
.shortNewsTitle{
	float:left;
	width:140px;
	height:63px;
}

.shortNewsContent{
	width:247px;
	height:81px;
	margin-top:10px;
	overflow:hidden;
}

.shortNewsContent p{
	padding:0px;
	margin:0px;
}



/* ....... Tab page ........ */
.tabBarTitleHolder{
	width:517px;
	height:33px;
	margin-top:10px;
	background-image:url(../images/titlebar/mohiteZist_greenTitlebarBgTile.jpg);
	background-repeat:repeat-x;
}

.tabBarFooterHolder{
	width:517px;
	height:7px;
	background-image:url(../images/titlebar/mohiteZist_greenFooterBgTile.jpg);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

.tabBarContent{
	width:515px;
	height:340px;
	background-color:#efefef;
	border:1px #dcdcdc solid;border-bottom:none;border-top:none;
}

.CntClass{
	position:relative; 
	top:0px; 
	right:0px
}

.tabNewsContent{
	width:465px;
	height:65px;
	padding-top:20px;
	overflow:hidden;
}

.tabItemPart{
	float:right;
	width:142px;
	height:28px;
	text-decoration:none;
	padding-top:5px;
	color:White;
	cursor:pointer;
}

.tabItemPartSelected{
	float:right;
	width:142px;
	height:28px;
	padding-top:5px;
	color:White;
	cursor:pointer;
	text-decoration:none;
	background-image:url(../images/titlebar/mohiteZist_greenTitlebarHover.jpg);
}

/* ....... Footer ........ */
#footerHolder{
	width:915px;
	height:105px;
	background-image:url(../images/footer/mohiteZist_footerBgTile.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#footerBg{
	width:915px;
	height:105px;
	background-image:url(../images/footer/mohiteZist_footerBg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#FooterText{
	width:700px;
	color:white;
	padding-top:30px;
}
/* ....... Left Tab page ........ */
.PointTitle{
	width:185px;
	height:26px;
	border-bottom:1px #ededed solid;
}
	
.PointContent{
	width:185px;
	height:311px;
}

.PointNewsContent{
	width:185px;
	margin:10px 0px 20px 0px;
	}

.PointNewsImg{
	float:right;
	width:90px;
	height:68px;
	overflow:hidden;
	border:solid 1px #cccccc;
	text-align:center;
	background-color:#eeeeee;
}
.PointNewsImg img
{
	height:68px;
}

.PointNewsTitle{
	float:right;
	width:70px;
	height:70px;
	padding:3px 4px;
}

.TextPointTitr
{
	width:70px;
	height:59px;
	overflow:hidden;
	text-align:right;
}
.TextPointSotitr
{
	float:right;
	width:185px;
	text-align:right;
	height:57px;
	overflow:hidden;
	
}
.PointNewsList
{
	float:right;
	width:181px;
	height:32px;
	border-bottom:2px white solid;
	background-color:#d7edfe;
	padding:2px;
	margin:2px 0px;
	}

/* ....... Banner Tab ........ */
.Banner
{
	float:right;
	overflow:hidden;
	text-align:center;
	width:174px;
	height:70px;
	background-color:#dcdcdc;
	margin-top:10px;
	margin-right:3px;
}

.ThumbPicHolder
{
	display:block;
	width:100px;
	height:68px;
	overflow:hidden;
	border:solid 1px #cccccc;
	background-color:#eeeeee;	
	text-align:center;
}

.ThumbPicHolder img
{
	height:68px;
}

.SmallPicHolder
{
	display:block;
	width:378px;
	height:258px;
	background-color:#eeeeee;
	overflow:hidden;
	text-align:center;
}

.SmallPicHolder img
{
	height:258px;
}

.RootHolder
{
	height:32px;
	overflow:hidden;
	display:block;
}

.SotitrHolder
{	
	height:147px;
	overflow:hidden;
	display:block;
}
