﻿body{

	font-family: Tahoma;

	font-size: 9pt;

	color: #60671E;

	margin: 0px;

	margin-top: 0px;

	text-align: center;

	background-image: url('http://www.hbeben.com/al-w3d_03.jpg');

}

html {

  overflow-x: auto;

  padding: 0px;

  color: #000000; margin:0px;

FONT-FAMILY: tahoma;

FONT-SIZE: 9pT;

}

a:link, a:visited, a:active {

FONT-FAMILY: tahoma;

FONT-SIZE: 9pT;

text-decoration: none;

color: #637003

}

a:hover {

FONT-FAMILY: tahoma;

FONT-SIZE: 9pT;

text-decoration: underline; color: #86903C

}

.description {

background-image: url('images/description.gif');

background-repeat: repeat-x;

 background-attachment: fixed;

FONT-FAMILY: tahoma;

FONT-SIZE: 9pt;

color: #939F38;

}

.tdtitle {

background-image: url('images/tdtitle.gif');

background-repeat: repeat-x;

background-attachment: fixed;

}

.title a:link {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #5B5E41;

}

.title a:visited {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #5B5E41;

}

.title a:hover {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #8F9B39;

text-decoration: underline

}

.cat a:link {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #FFFFFF;

}

.cat a:visited {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #FFFFFF;

}

.cat a:hover {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #FCFEEA;

text-decoration: underline

}

.etitle a:link {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #F87A13;

}

.etitle a:visited {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #F87A13;

}

.etitle a:hover {

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

color: #F81313;

text-decoration: underline

}

marquee, td {

FONT-FAMILY: tahoma;

FONT-SIZE: 9pT;

}

textarea {

border: 1px solid #0E5F7A;

FONT-FAMILY: tahoma;

FONT-SIZE: 9pt

}

form{

	display: inline;

	margin: 0px;

	padding: 0px;

    FONT-FAMILY: tahoma;

FONT-SIZE: 10px;

}

.hd1 {

	background-image: url('pics/hedr-1_01.gif');

}

.hd2 {

	background-image: url('pics/hedr-1_03.gif');

}

.hd3 {

	background-image: url('pics/hedr-1_04.gif');

}

.hd4 {

	background-image: url('pics/hedr-1_05.gif');

}

.hd5 {

	background-image: url('pics/hedr-1_06.gif');

}





.fot { background-image: url('pics/fot.gif'); }



.share-detailed img { border: 0; margin: 0 5px; }

.comment1 {  border: 1px solid #D4D4D4; color: #000000; height: 29px; background-color: #F4F4F4; height: 20px; margin:0; }

.comment   {   border: 1px solid #D4D4D4; padding: 0 0 0 0; margin-bottom: 0px; }

.comment2 { border: 1px solid #D4D4D4; background-color: #FFFFFF; }



.blok { background-image: url('pics/bl.png'); color: #FFFFFF; height: 29px; background-color: #F4F4F4; height: 20px; margin:0; }

.blok1 {  border: 1px solid #F0F3BE; padding: 0 0 0 0; margin-bottom: 0px; }

.blok2 { background-color: #FFFFFF; }



.listfav1 { background-color: #1C1C1C; color: #FF910F; }

.listfav2 { background-color: #D1E2EE; }

.listfav3 { background-color: #FFFAF0; }

.listfav4 { background-color: #D1E2EE; }

.listfav5 { background-color: #FFFAF0; }



.topfiles1 { background-color: #E2E2E2; color: #050505; }

.topfiles1 A:link,.tags A:visited,.tags A:active {

text-decoration: none;

color: #302F2F;

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

}

.topfiles1 A:hover {

color:#C20000;

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

text-decoration: underline;

}

.topfiles2 { background-color: #E2E2E2; }



a.nube1,a.nube1:hover,a.nube1:active,a.nube1:visited {

font-size:1.2em;

color:gray;

}

span{

display: inline;

}



}

.imgBrdr {

     padding: 0px 0px 0px 0px;

     border: 1px solid #999;

     text-align: center;

}

.imgb img{

     padding: 0px 0px 0px 0px;

     border: 1px solid #999;

     text-align: center;

}



#recentrow{

    font-family: tahoma;

    font-size: 10px;

    text-align: right;

     text-align: center;

}



.row{

	border-bottom: 1px dotted #C0CACC;

}

.rrow{

	border-right: 1px dotted #C0CACC;

}

.lrow{

	border-left: 1px dotted #C0CACC;

	padding:5px 5px 5px 5px;

}

.tagunder {

color:#2E2C2C;

font-family:tahoma;

font-size: 10px;

}

.imgb img{

     padding: 0px 0px 0px 0px;

     border: 1px solid #999;

     text-align: center;

}



.cpcomment{

 padding: 3px 3px 3px 3px;

 margin: 6px 6px 6px 6px;

 border: 1px solid #89D09F;

 width: 90%;

 color:#000000;

 background-color: #E9FDEF;

}



.grnblk {	background-color: #A6C10D; color:#00000;}

.gryblk {	background-color: #e2e2e2; color:#00000;}

.orngblk {background-color: #8A9057; color:#FFFFFF;}

.gryblk *.m5, .orngblk *.m5, .blublk *.m5, .grnblk *.m5  { margin: 0 5px;}

.gryblk *.m3, .orngblk *.m3, .blublk *.m3, .grnblk *.m3  { margin: 0 3px;}

.gryblk *.m2, .orngblk *.m2, .blublk *.m2, .grnblk *.m2  { margin: 0 2px;}

.gryblk *.m1, .orngblk *.m1, .blublk *.m1, .grnblk *.m1 { margin: 0 1px;}

.gryblktop, .gryblkbottom { background-color: #FFFFFF; /* must be of the same as body bg-color */ display: block; width: 100%;}

.gryblktop *, .gryblkbottom * {	background-color: #e2e2e2; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}









.orngblktop, .orngblkbottom { background-color: #FFFFFF; /* must be of the same as body bg-color */ display: block; width: 100%;}

.orngblktop *, .orngblkbottom * {	background-color: #8A9057; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}

.orngblk a,visited { color:#0C4A76;}

.orngblk a { color:#0C4A76;}

.orngblk a:hover { color:#ED3618;}









.blublk {	background-color: #292D02; color:#FFFFFF;}

.blublktop, .blublkbottom { background-color: #FFFFFF; /* must be of the same as body bg-color */ display: block; width: 100%;}

.blublktop *, .blublkbottom * {	background-color: #292D02; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}

.blublk a,visited { color:#FFFFFF}





.grnblktop, .grnblkbottom { background-color: #FFFFFF; /* must be of the same as body bg-color */ display: block; width: 100%;}

.grnblktop *, .grnblkbottom * {	background-color: #A6C10D; /* must be of the same as .rblock bg-color */ display: block; height: 1px; overflow: hidden;}

.grnblk a,visited { color:#FFFFFF}



.comment {

border-bottom:1px solid #F9F9F9	

}



.crow1{ 

color: #FFD905;

background-color: #0F3F66;

FONT-FAMILY: tahoma;

padding: 2px 2px 2px 0px;

FONT-SIZE: 10pt;

border-bottom:1px solid #337BB1

}



.crow2{ 

color: #123E87;

background-color: #F8F8F8;

FONT-FAMILY: tahoma;

FONT-SIZE: 10pt;

border-bottom:1px solid #DDDDDD;

}

.cimgBrdr {

     padding: 6px 6px 6px 6px;

     border: 1px solid #999;

     text-align: right;

     background-color: #FFFFFF;

     margin: 2px 2px 2px 10px;

}



.tstyle{

width: 99%;

border: 1px solid #CCD1A1;

}

.tstyle1{

border: 1px solid #90965E;

background-image: url('pics/bl.png');

color: #FFFFFF;

}

.tstyle2{

background-color: #FBFEE3;

color: #000000;

}

.tstyle3{
background-color: #FCFDF3;
color: #000000;
}
.tdnewstitle {
    background-color: #FFFFFF;
	font: bold 15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
	padding:1px 3px 1px 3px;
	direction: rtl;
}
.newstitle a {
color: #063563;
font: bold 15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.newstitle a:visited {
color: #063563;
font: bold 15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.newstitle a:hover {
color: #058918;
font: bold 15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.news {
	color: #404747;
	font: bold 16px 'Times New Roman', 'Traditional Arabic', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
	text-align: justify;
    line-height: 120%;
	padding:1px 3px 1px 3px;
    direction: rtl;
}

#morenews {
	background-color: #FAFAFA;
    font: 8pt 'Microsoft Sans Serif', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px dotted #D0E4ED;
	padding: 3px;
    height: 12px;
    direction: rtl;
    color: #747474;
	text-align: center;
}
#morenews a {
	color: #ED2727;
}
#morenews a:visited {
	color: #ED2727;
}
#morenews a:hover {
	color: #1D5396;
}


.row1{ 
color: #000000;
background-color: #FEFFF8;
FONT-FAMILY: tahoma;
FONT-SIZE: 10pt;
border-bottom:1px solid #F3F5E1;
}
.row1 a:link {
FONT-FAMILY: tahoma;
FONT-SIZE: 10pt;
color: #074067;
}
.row1 a:visited {
FONT-FAMILY: tahoma;
FONT-SIZE: 10pt;
color: #074067
}
.row1 a:hover{ 
color: #A70303;
background-color: #F3F3F3;
FONT-FAMILY: tahoma;
FONT-SIZE: 10pt;
}

.row2{ 
color: #123E87;
background-color: #F7FAE1;
FONT-FAMILY: tahoma;
FONT-SIZE: 10pt;
border-bottom:1px solid #EBEDD8;
}

#tags p {
    margin: 0px;
    padding: 0px;
padding-top: 5px;
    border-top: 1px dotted #897665;
text-align: justify;
    display: block;

}

a.ctags {
	text-decoration: none;
	padding: 2px;
	color: #000000;

}

a.ctags:hover {
	text-decoration: none;
	border-bottom: none;
	background: #585C36;
	color: white;
	padding: 2px;

}
#lightsoff-background
{
	position: absolute;
	margin:0;
	padding: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}






.arrowlistmenu{
width: 179px; /*width of menu*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../../images/arrowbullet.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 4px 0 0 0;
text-align: right;
padding-right: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;
FONT-FAMILY: tahoma;
FONT-SIZE: 13px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
FONT-FAMILY: tahoma;
FONT-SIZE: 14px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
FONT-FAMILY: tahoma;
FONT-SIZE: 16px;
}


#flashcontent {
  border: 0px solid #000000;
  width: 400x;
  height: 200px;
 float: left;
  margin: 0px 0px
 } 