/*

Talal Abu-Ghazaleh (Babtain Mo'jam)
Design by: Shatha Risheq

------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
	}


body{
	height: 100%; /* Required */
	font:; 
	color:;
	background-color: #082764;
	direction: rtl;
	}

html{
	height: 100%; /* Required */
	}

a{
	color:#;
	text-decoration: none;	
	}

a:hover{
	text-decoration: underline;	
	}

p{
	font: ;
	line-height: ;
	margin-bottom: ;	
	}

strong{
	font-weight: bold;
	}

ul{
	margin: 0 0 30px 0px;
	list-style: none;
	line-height: 22px;	
	}

ul li{
	margin: 7px 0px 7px 0px;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	}

.number {
	margin: 0 0 30px 0px;
	list-style: none;
	line-height: 22px;
	padding-bottom: 40px;
	}

.number li {
	margin: 15px 0px 15px 0px;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	list-style-type: decimal; 
	}

h1{
	color: #1446a7;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom: 23px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	line-height: 25px;
	}

.h12{
	color: #1446a7;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-top: 30px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	line-height: 25px;
	}

	
.laable{	
	color: #1446a7;
	font: 17px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom: 23px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	}
h2{
	color: #041c4e;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	}

h3{
	color: #041c4e;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	padding-bottom: 20px;
	}

h4{
	color: #063d76;
	font: 17px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-top:20px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	padding-bottom: 20px;
	}


h4 a{
	color: #063d76;
	font: 17px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}
	
	
h5{
	color: #000;
	font: 17px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-align: center;
	line-height: 33px;
	padding-bottom: 20px;
	}	

h6{
	color: #083283;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 25px;
	text-align:right;
	padding-top: 30px;
	}
		
h6 a{
	color: #083283;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 25px;
	text-align:right;
	}
	
		
h6 a:hover{
	color: #5d5303;
	font: 23px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 25px;
	text-align:right;
	}
	


/*
First Page---------------------------------------------------------------------------- */

/*
wrapper ---------------------------------------------------------------------------- */

#wrapper{
	height: 582px;
	margin: 0px auto;
	width: 100%;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	}

/*
 container---------------------------------------------------------------------------- */
 
#container{
	width: 501px;/*.....add by shatha*/
	height: 525px;
	margin: 0px auto;
	padding: 5px 0 0px 0; /*.....add by shatha*/
	}
	
#container:after{ 
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

/*
 Footer ---------------------------------------------------------------------------- */
 
#container-foot { 
	width: 100%;
	height: 57px;
	background: #CCC;
	background: url(footer_bg.jpg) left top repeat-X;
	position: absolute;
	bottom: 0;
	}

#foot {   
	padding: 0 1em;
	line-height: 40px;
	text-align: center; /*.....add by shatha*/
	}
	
	/*
main Page---------------------------------------------------------------------------- */

/*
 container---------------------------------------------------------------------------- */
 
#containerMain{
	width: 1000px;/*.....add by shatha*/
	height: 507px;
	margin: 0px auto;
	padding: 5px 0 0px 0; /*.....add by shatha*/
	text-align: center;
	}
	
#containerMain:after{ 
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

#staticMenu{
	width: 604px;
	height: 517px;
	float: left;
	}

#dataBaseMenu{
	width: 286px;
	height: 367px;
	background: url(dataBase_menu.jpg) left top no-repeat;
	padding-right: 110px;
	padding-top: 140px;
	float: left;
	}
	
#dataBaseMenu img{
	margin-top: 30px;
	padding-left: 170px;
	}

/*
 indexes---------------------------------------------------------------------------- */
	
#staticMenuIndexes{
	width: 447px;
	height: 507px;
	float: left;
	}


#databaseIndexes{
	height: 507px;
	width: 553px;
	float: left;
	display: inline;
	}
	
#databaseIndexesMenu{
	width: 553px;
	height: 340px;
	}
	
#searchIndexes{
	width: 553px;
	height: 35px;
	background: url(search_bg_indexes.jpg) left top no-repeat;
	padding-top: 132px;
	}	

#searchIndexes div{
	float: right;
	margin-right: 120px;
	display: inline;

	}
	

	/*
Search - main page---------------------------------------------------------------------------- */

#search{
	width: 286px;
	height: 36px;
	background: url(search_bg.jpg) left top no-repeat;
	padding-top: 65px;
	padding-right: 110px;
	}
	
#searchBG{
	width: 286px;
	height: 27px;
	padding-top: 8px;
	background: url(search_bg.gif) left top no-repeat;
	text-align: right;
	.text-align: inherit;
	color: #fff;
	font: 13px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	}

#searchBG .saerchWord{
	color: #fff;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	.padding: 0 10px 0 4px;;
	}
	
#searchBG .saerchWord a{
	text-decoration: none;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
#searchBG .saerchWord a:hover{
	text-decoration: none;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

	/*
Dynamic Page---------------------------------------------------------------------------- */

/*
 container---------------------------------------------------------------------------- */
 
#containerDynamic{
	width: 882px;
	margin: 0px auto;
	padding: 5px 0 0px 0; 
	text-align: center;
	}
	
#containerDynamic:after{ 
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}
	
#header{
	width: 882px;
	height: 253px;
	margin: 0px auto;
	background-color:#00FFFF;
	}
	
	
#logo{
	width: 300px;
	height: 253px;
	float: left;
	background: url(logo.gif) left top no-repeat;
	}	

#searchPart{
	width: 582px;
	height: 253px;
	float: left;
	background: url(searchPart_bg.jpg) left top no-repeat;
	padding: 0px;
	margin: 0 auto;
	}

#dataBaseLinks{
	width: 286px;
	height: 50px;
	float: right;
	margin-top: 27px;
	margin-right: 34px;
	display: inline;
	}
	
#dataBaseLinks img{
	float: right;
	}
	
#content{
	width:810px;
	text-align: right;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	border-left: #c9cacb solid 1px;
	border-right: #c9cacb solid 1px;0
	color: #163f90;
	padding: 35px 35px 50px 35px;
	line-height: 27px;
	background:#fef8e5;
	text-align: justify;
}

	/*
Search - Dynamic Page---------------------------------------------------------------------------- */

#searchPart #searchBG{
	width: 286px;
	height: 27px;
	background: url(search_bg.gif) left top no-repeat;
	text-align: right;
	.text-align: inherit;
	color: #fff;
	font: 13px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 126PX;
	margin-right: 34px;
	display: inline;
		}

#searchBG .saerchWord{
	color: #fff;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	.padding: 0 10px 0 4px;;
	}
	
#searchBG .saerchWord a{
	text-decoration: none;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
#searchBG .saerchWord a:hover{
	text-decoration: none;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

#searchBG input{
	width: 146px;
	height: 16px;
	background-color:#FFF;
	border: #76acc2 solid 1px;
	color: #052e57;
	font: 13px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	direction: rtl;
	}



	/*
static Page---------------------------------------------------------------------------- */

/*
 container---------------------------------------------------------------------------- */
 
#containerStatic{
	width: 1000px;/*.....add by shatha*/
	margin: 0px auto;
	padding: 5px 0 0px 0; /*.....add by shatha*/
	text-align: center;
	}
	
#containerStatic:after{ 
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

#staticLinksBG{
	width: 372px;
	height: 762px;
	float: left;
	}

#staticLinks{
	width: 604px;
	height: 517px;
	float: left;
	}

#staticContent{
	width: 628px;
	height: 762px;
	float: left;
	background: url(static_content.jpg) left top no-repeat;
	}
	
#staticText{
	width: 416px;
	height: 292px;
	margin-top: 290px;
	overflow: auto;
	float: right;
	margin-right: 134px;
	display: inline;
	color: #153d90;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align:right;
	padding-right: 10px;
	padding-left: 10px;
	scrollbar-face-color: #041c4e;
	scrollbar-shadow-color: #E5E5E5;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #E5E5E5;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-track-color: #E5E5E5;
	scrollbar-arrow-color: #FFFFFF;
	}
	
#staticText p{
	text-decoration: underline;
	}


/*
 Footer ---------------------------------------------------------------------------- */
 
#container-main-foot { 
	width: 100%;
	height: 81px;
	background: #CCC;
	background: url(main-page_footer_bg.jpg) left top repeat-X;
	position: absolute;
	bottom: 0;
	clear: both;

	}

#main-foot {   
	padding: 0 1em;
	line-height: 40px;
	text-align: center; /*.....add by shatha*/
	}


/*
 indexes page ---------------------------------------------------------------------------- */
 
 /*
General index ---------------------------------------------------------------------------- */


.letters{
	text-align: center;
 	}


.sha3er{
	width: 100%px;
	margin: 0 auto;
	padding-left: 100px;
	text-align: justify
	}

.sha3er p{
padding-bottom: 30px;

	}
	
.generalIndexes{
	width: 100%px;
	padding-top: 30px;
	text-align: center;
	margin: 0 auto;
	}
	
.generalIndexes table{
	margin: 0 auto;
	padding: 0 0 ;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	color: #163f90;
	text-align: right;
	font-weight: bold;	
 	}

.generalIndexes table a{
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #163f90;
	font-weight: bold;
 	}
	
.generalIndexes table a:hover{
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #5d5303;
	font-weight: bold;
 	}	

.fullName{
	width: 70%;
	text-align: justify;
	}
	
.fullName td{
	border: #DADADA solid 1px;
	padding-right: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

.country{
	width: 53%;
	text-align: justify;
	}
	
.country td{
	border: #DADADA solid 1px;
	padding-right: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	}


.searchResult{
	width: 55%;
	}
	
.searchResult td{
	padding-right: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 40px;
	width: 25%;
	}
	
.searchResult td a{
	text-decoration: underline;
	}
	
	
.searchResult td a:hover{
	text-decoration: underline;
	}
	
	
.photoGallery{
	width: 90%;
	}
	
.photoGallery td{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 25%;
	text-align: center;
	}
	
.photoGallery img{
	width: 121px;
	height: 118px;
	border: 0;
	border: #999999 solid 1px;
	padding: 4px;
	}

.photoGallery td a{
	text-decoration: underline;
	}
	
.photoGallery td a:hover{
	text-decoration: underline;
	}	
	
.label{
	background-color: #0f2f73;
	color: #FFFFFF;
	font-weight: bold;
	font: 20px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	}	
 
 .info{
 background-color:#e5e4db;
 color:#333333;
 	}
	

.Advancedsearch{
	width: 77%;
	text-align: justify;
	}
	
.Advancedsearch td{
	border: #DADADA solid 1px;
	padding-right: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

.Advancedsearch input{
	width: 250px;
	height: 16px;
	background-color:#FFF;
	border: #76acc2 solid 1px;
	color: #052e57;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	direction: rtl;
	}

.Advancedsearch .infoo{
	width: 70px;
	height: 16px;
	background-color:#fff;
	border: #76acc2 solid 1px;
	color: #052e57;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	direction: rtl;
	}
	
.Advancedsearch select{
	width: 259px;
	height: 22px;
	background-color:#FFF;
	border: #76acc2 solid 1px;
	color: #052e57;
	font: 15px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	direction: rtl;
	}
	
.Advancedsearch .bttn{
	padding-right: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 0;
	}
	
.Advancedsearch .bttn input{
	width: auto;
	height: 26px;
	background-color:#000;
	border: #76acc2 solid 1px;
	color: #fff;
	font: 14px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	padding: 3px 7px;
	direction: rtl;
	background: url(bg.gif) left top repeat-X;
	}	
	
.comment{
	color: #063d76;
	font: 18px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 25px;
	padding-bottom: 20px;
	}
	
.button{
	width: 100%;
	text-align: right;
	margin-top: 20px;
	margin-top: 0px;
	}

.button img{
	margin: 2px;
	border: 0px;cursor: pointer;
	}
	
	
.qasa2ed{
	width: 95%;
	text-align:justify;
	}
	
.wide{
	text-align: left;
	}
	
.qasa2ed td{
	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 12PX;
	padding-right: 12PX;
	}
	
	
.text{
	width: 100%px;
	padding-buttom: 20px;
	text-align: center;
	margin: 0 auto;
	}
	
.text table{
	margin: 0 auto;
	padding: 0 0 ;
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	color: #163f90;
	text-align: right;
	font-weight: bold;	
 	}

.text table a{
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #163f90;
	font-weight: bold;
 	}
	
.text table a:hover{
	font: 16px "Arabic Transparent" ,tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #5d5303;
	font-weight: bold;
 	}	

.comments{
	width: 100%;
	text-align:center;
	}
	
	
	
/* PRINT -----------------------------------------------------------------------
 ---------------------------------------------------------------------------*/	

@media Print {

#header, img, #right, #footer, input {
	display: none;
	visibility: hidden;
	width: 0px;
	line-height: 0;
	height: 0px;
	}
	
#content, p, h1, h2, h3, h3, h4, h5, h6{
	color: #000000;
	text-align: right;
	border: 0px;
	}

}