﻿body, table, td, tr, div, span, form, input, select, textarea, p, a{
	font-family: Tahoma;
	font-size: 11px;
	cursor: default;
}

a{
	cursor: pointer;
}

.topBar{
	background: white url('../images/topBar.png') no-repeat center top;
	height: 30px;
	color: white;
	direction: rtl;
}

.topBar a{
	color: white;
	text-decoration: none;
	padding: 2px 3px;
}

.topBar a:hover, .topBar a.selected{
	background: #FFF;
	color: #0066CC;
}

.topBarDiv1{
	float: left;
	padding: 0 0 3px 15px;
}

.topBarDiv2{
	float: right;
	padding: 0 15px 3px 0;
}

.logoFront{
	background: #FFF url('../images/logoFront.png') no-repeat right bottom;
}

.topWeather{
	height: 45px;
}

.topWeather img{
	float: left;
}

.topWeather div{
	padding-top: 5px;
}

.topDateTime{
	direction: rtl;
	text-align: left;
	margin-top: 15px;
}

.topPath{
	float: right;
}

.topPath a{
	color: #808080;
	text-decoration: none;
}

.topPath a:hover{
	color: #191919;
}

.logoNav{
	margin-top: 20px;
	margin-left: 10px;
	direction: rtl;
	text-align: left;
}

.logoNav a{
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid transparent;
	padding: 3px 2px!important;
}

.logoNav a:hover{
	border: 1px solid white;
	background: #3366CC;
	color: white;
}

ul#menu{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:100%;

}

ul#menu li{
	float: right;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
	background: url('../images/tabsLeft.gif') no-repeat left top;
	background-position: 0 -200px;
}

ul#menu li a{
	float: left;
	display: block;
	height: 31px;
	padding: 9px 13px 0px 10px;
	text-decoration: none;
	color: black;
	background: url('../images/tabsRight.gif') no-repeat right top;
	background-position: 100% -200px;
}

ul#menu li.activeblue{ background-position: 0 0; }
ul#menu li.activeblue a{ background-position: 100% 0; color: #FFF; }
ul#menu li.activered{ background-position: 0 -40px; }
ul#menu li.activered a{ background-position: 100% -40px; color: #FFF; }
ul#menu li.activegreen{ background-position: 0 -80px; }
ul#menu li.activegreen a{ background-position: 100% -80px; color: #FFF; }
ul#menu li.activeblack{ background-position: 0 -120px; }
ul#menu li.activeblack a{ background-position: 100% -120px; color: #FFF; }
ul#menu li.activepurple{ background-position: 0 -160px; }
ul#menu li.activepurple a{ background-position: 100% -160px; color: #FFF; }




#tabContent{
	margin-top: 33px;
}

#tabContent div{
	height: 130px;
	direction: rtl;
	text-align: right;
	padding: 0 25px;
	text-align: right;
}

#tabContent #tabs-1{
	background: #FFF url('../images/tabsBgOne.gif') no-repeat top center;
}

#tabContent #tabs-2{
	background: #FFF url('../images/tabsBgTwo.gif') no-repeat top center;
}

#tabContent #tabs-3{
	background: #FFF url('../images/tabsBgThree.gif') no-repeat top center;
}

#tabContent #tabs-4{
	background: #FFF url('../images/tabsBgFour.gif') no-repeat top center;
}

#tabContent #tabs-5{
	background: #FFF url('../images/tabsBgFive.gif') no-repeat top center;
}

#tabContent form{
	margin: 0px;
	padding: 45px 0px 0 0;
}

#tabContent .searchBox{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 5px;
	width: 250px;
}

#tabContent #tabs-1 .searchBox{
	border: 1px solid #003366;
	background: #FFF url('../images/searchBoxBlue.gif') no-repeat right top;
	color: #3366CC;
}

#tabContent #tabs-1 #dirSFSubmit{
	border: 1px solid #003366;
	background-color: #3366CC;
	height: 27px;
	color: #FFF;
	padding-bottom: 3px;
	cursor: pointer;
}

#tabContent #tabs-2 .searchBox{
	border: 1px solid #640000;
	background: #FFF url('../images/searchBoxRed.gif') no-repeat right top;
	color: maroon;
}

#tabContent #tabs-2 #locSFSubmit{
	border: 1px solid #640000;
	background-color: maroon;
	height: 27px;
	color: #FFF;
	padding-bottom: 3px;
	cursor: pointer;
}

#tabContent #tabs-3 .searchBox{
	border: 1px solid #003300;
	background: #FFF url('../images/searchBoxGreen.gif') no-repeat right top;
	color: #004800;
}

#tabContent #tabs-3 #infoSFSubmit{
	border: 1px solid #003300;
	background-color: #004800;
	height: 27px;
	color: #FFF;
	padding-bottom: 3px;
	cursor: pointer;
}

#tabContent #tabs-4 .searchBox{
	border: 1px solid #333333;
	background: #FFF url('../images/searchBoxBlack.gif') no-repeat right top;
	color: #333333;
}

#tabContent #tabs-4 #nameSFSubmit{
	border: 1px solid #333333;
	background-color: #333333;
	height: 27px;
	color: #FFF;
	padding-bottom: 3px;
	cursor: pointer;
}

#tabContent #tabs-5 .searchBox{
	border: 1px solid #660066;
	background: #FFF url('../images/searchBoxPurple.gif') no-repeat right top;
	color: #660066;
	font-family: Candara;
}

#tabContent #tabs-5 #dictSFSubmit{
	border: 1px solid #660066;
	background-color: #660066;
	height: 27px;
	color: #FFF;
	padding-bottom: 3px;
	cursor: pointer;
}

.weatherBar{
	height: 35px;
	direction: rtl;
	vertical-align: middle;
	text-align: right;
	padding: 0 180px 3px 0;
	color: #FFF;
}

.Wpersian{
	background: #FFF url('../images/weatherBarPersian.png') no-repeat center top;
}

.Wkurdish{
	background: #FFF url('../images/weatherBarKurdish.png') no-repeat center top;
}

.weatherBar a{
	color: white;
	font-size: smaller;
	text-decoration: none;
}

.weatherBar a:hover{
	color: #CCCCCC;
	border-bottom: 1px dotted #CCC;
}

ul#hTabs{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:100%;

}

ul#hTabs li{
	float: right;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
	background: url('../images/mainContentTabsLeft.png') no-repeat left top;
	background-position: 0 0px;
}

ul#hTabs li a{
	float: left;
	display: block;
	height: 20px;
	padding: 5px 13px 0px 10px;
	text-decoration: none;
	color: #FFF;
	background: url('../images/mainContentTabsRight.png') no-repeat right top;
	background-position: 100% -0px;
}

ul#hTabs li.homeActive{ background-position: 0 -25px; border-bottom: 1px solid #FFF;}
ul#hTabs li.homeActive a{ background-position: 100% -25px; color: #000; }

#mainTabContent{
	margin-top: 25px;
	height: 200px;
	background: #FFF url('../images/homeMainTabsContainer.gif') no-repeat right top;
}

#mainTabContent a{
	color: #003399;
	text-decoration: none;
}

#mainTabContent a:hover{
	color: #800000;
	border-bottom: 1px dotted #800000;
}

#mainTabs-1{
	direction: rtl;
	text-align: right;
}

#mainTabs-1 .content{
	padding: 20px 20px;
}

#mainTabs-1 .title{
	color: #336699;
	font-weight: bold;
	font-size: 11px;
}

#mainTabs-2, #mainTabs-3, #mainTabs-5, #mainTabs-6{
	direction: rtl;
	text-align: right;
	padding: 15px;
}

#mainTabs-2 td, #mainTabs-3 td, #mainTabs-5 td, #mainTabs-6 td{
	vertical-align: top;
}

#mainTabs-2 ul, #mainTabs-3 ul, #mainTabs-5 ul, #mainTabs-6 ul{
	padding: 0px 0px 0 0;
	margin: 0px;
	list-style: none;
	
}

#mainTabs-2 li, #mainTabs-3 li, #mainTabs-5 li, #mainTabs-6 li{
	background: transparent url('../images/icons/bullet_black.png') no-repeat right center;
	padding-right: 16px;
	padding-bottom: 3px;
}

#mainTabs-2 li:hover, #mainTabs-3 li:hover, #mainTabs-5 li:hover, #mainTabs-6 li:hover{
	background: transparent url('../images/icons/bullet_red.png') no-repeat right center;
}

#mainTabs-4{
	direction: rtl;
	text-align: center;
	padding: 7px;
}

#mainTabs-4 table{
	text-align: center;
}

#mainTabs-4 td{
	vertical-align: top;
	text-align: center;
}

#mainTabs-4 td #image{
	width: 94px;
	height: 74px;
	background: transparent url('../images/ppic_bg2.gif') no-repeat right top;
	padding: 10px 0 0 0;
}

#mainTabs-4 td #desc{
	width: 94px;
	margin-top: -10px;
}

#mainTabs-4 td{
	color: #333333;
	font-size: 11px;
}

.footer{
	border-top: 1px dotted #666666;
	background: #E2E2E2 url('../images/mahabad.gif') no-repeat right center;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	padding: 0 50px;
	direction: rtl;
	color: #575757;
}

.footer a{
	color: #333333;
	text-decoration: none;
	padding: 1px;
}

.footer a:hover{
	background-color: #575757;
	color: #FFFFFF;
}

.loading{
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #274E9C;
	color: #FFF;
	padding: 5px;
	direction: rtl;
	text-align: right;
}

.extendContentHeader{
	width: 600px;
	height: 25px;
	background: #fff url('../images/pageContentTopBar.gif') no-repeat center center;
	direction: rtl;
	text-align: right;
	color: #FFF;
}

.extendContentHeader div{
	padding: 5px 30px;
}

.extendContentBody{
	margin-top: 4px;
	width: 600px;
}

.extendContentBodyBody{
	width: 600px;
	background: #FFF url('../images/pageContentMiddle.gif') repeat-y top center;
}

.extendContentBodyBody div.extendContentBodyChild{
	padding: 15px;
	direction: rtl;
	text-align: right;
}

.extendContentBody h2{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 15px;
	color: #648AD9;
	border-bottom: 7px solid #D9ECFF;
	padding-bottom: 0px;
}

.extendContentBody a{
	color: #003399;
	text-decoration: none;
}

.extendContentBody a:hover{
	color: #800000;
	border-bottom: 1px dotted #800000;
}


ul.directoryCats{
	padding: 0px 0px 0 0;
	margin: 20px 15px 0 0;
	list-style: none;
	
}

ul.directoryCats li{
	background: transparent url('../images/icons/bullet_black.png') no-repeat right center;
	padding-right: 16px;
	padding-bottom: 3px;
}

ul.directoryCats li:hover{
	background: transparent url('../images/icons/bullet_red.png') no-repeat right center;
}

.directoryAdItem{
	width: 540px;
	margin-right: 16px;
}

.directoryAdItem .adItemTitle{
	background: #FFF url('../images/directoryAdItemTitle.gif') no-repeat right top;
	padding: 5px 10px;
	height: 25px;
	
}

.directoryAdItem .adItemBody{
	padding: 10px 5px;
	line-height: 17px;
}

.directoryAdItem .adItemBody .adItemBodyDesc{
	margin: 5px 10px;
	padding-right: 5px;
	border-right: 5px solid #CCCCCC;
}

.directoryAdItem .adItemImage{
	width: 170px;
	height: 120px;
	background: #FFF url('../images/adItemImageBg.gif') no-repeat center center;
	float: left;
	text-align: center;
}

.directoryAdItem .adItemImage img{
	margin-top: 14px;
}

.infoPostItem{
	width: 540px;
	margin-right: 16px;
}

.infoPostItem .postItemOdd{
	background: #FFF url('../images/directoryAdItemTitle.gif') no-repeat right top;
	padding: 0px 10px;
	height: 25px;	
}

.infoPostItem .postItemOddEng{
	background: #FFF url('../images/directoryAdItemTitleEng.gif') no-repeat right top;
	padding: 0px 10px;
	height: 25px;
	text-align: left;
	direction: ltr;	
}

.infoPostItem .postItemEven{
	background: #FFF;
	padding: 0px 10px;
	height: 25px;
	border-right: 6px solid #CCC;
}

.infoPostShowPost{
	width: 540px;
	margin-right: 16px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.infoPostShowPostDate{
	width: 540px;
	margin-right: 16px;
	text-align: left;
	padding-top: 5px;
}

#galleryAlbums{
	vertical-align: top;
	text-align: center;
	padding-top: 20px;
}

#galleryAlbums #image{
	width: 118px;
	height: 92px;
	background: transparent url('../images/ppic_bg.gif') no-repeat right top;
	padding: 12px 0 0 0;
}

#galleryAlbums #desc{
	width: 118px;
	margin-top: -12px;
}
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	direction: rtl;
	text-align: right;
	width: 150px;
}	

#contactForm td{
	padding: 3px;
}

#contactForm input.ctext{
	border: 1px solid #CCC;
	padding: 2px;
	width: 200px;
}

#contactForm textarea.ctext{
	border: 1px solid #CCC;
	padding: 2px;
	width: 250px;
	height: 120px;
}

#contactForm input.csubmit{
	padding: 3px;
	border: 1px solid #CCC;
}

.SR4N{
	margin-right: 30px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	line-height: 16px;
}

.namesIndex{
	text-align: center;
}

.namesIndex a{
	padding: 3px;
	border: 1px solid transparent;
}

.namesIndex a.selected{
	background: maroon;
	color: #FFF;
}

.namesIndex a:hover{
	background: #0066CC;
	color: #FFF;
	text-decoration: none;
}

.even{
	background: #E9E9E9;
}

.addData{
	width: 550px;
	margin: 30px 0px;
}

.addData td{
	padding: 5px;
}

.addData .typeHeader td{
	background-color: #333333;
	color: #FFF;
}

.addData input.text{
	width: 250px;
	padding: 4px;
	border: 1px solid #666666;
}

.addData textarea.text{
	width: 350px;
	height: 120px;
	padding: 5px;
	border: 1px solid #666666;
}

.addData input.submit{
	border: 1px solid #666666;
	background: #808080;
	color: white;
	padding: 5px;
}

.didYouMean{
	background: #E9E9E9;
	padding: 5px;
	color: maroon;
}

.didYouMean a{
	color: #000;
	font-weight: bold;
}

.didYouMean a:hover{
	border-bottom: 1px dotted maroon;
	color: maroon;
}
