@font-face
{
font-family: 'myFirstFont';
    src: url('eshtar.eot'); /* IE9 Compat Modes */
    src: url('eshtar.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('eshtar.woff') format('woff'), /* Modern Browsers */
         url('eshtar.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('eshtar.svg#svgFontName') format('svg'); /* Legacy iOS */
}





a:link {
    text-decoration: none;
     color: inherit;
}

a:visited {
    text-decoration: none;
    color: inherit;
}







#tdofficenews
{
font-family: myFirstFont;
font-size:20px;
color:black;

}


#tdbanerinside
{

font-family: myFirstFont;
font-size:23px;
height:31px;
text-align:center;
background-color: #25292E;
color:white;

 }


.zero:hover
{
font-family: myFirstFont;
font-size:22px;
height:31px;
text-align:center;
color:black;
position:relative;
height:30px;
width:135px;
background: #E8EDDF;
border-radius: 4px;
border: 2px solid #ABAE85;
box-shadow: inset 0px 0px 5px #ACB985;
cursor:pointer;

}

.zero
{
font-family: myFirstFont;
font-size:22px;
height:31px;
text-align:center;
color:black;
position:relative;
height:30px;
width:135px;
background: #E0E2B6;
border-radius: 4px;
border: 2px solid #B8B67D;
box-shadow: inset 0px 0px 5px #B8B67D;

}




#search {

width :200px;
height :30px;
border-radius:5px;
overflow:auto;
}
#d1 {

height :134px;
width :324px ;
border: 1px solid #375037;
border-radius: 4px;
box-shadow: 0px 0px 3px #375037;

}
#d2 {

height :142px;
width :324px ;
border: 1px solid #375037;
border-radius: 4px;
box-shadow: 0px 0px 3px #375037;

}




#d3 {
 border-radius: 4px;
height :77px;
width :324px ;
border: 1px solid #375037;
box-shadow: 0px 0px 3px #375037;
text-align: center;
vertical-align:middle;
display: table-cell;

}




#d4 {
position: relative;
height :227px;
width :1100px ;


  

}





#d5 {

height: 227px; width: 251px;
  position: relative;
  top: 0px;
  left: -2px;


}

#dpic {
position: absolute;
   height: 308px;
   width: 211px;
top: -36px;
 background-image: url('images/sheekh.png');
}


#redban {
position: relative;
   height: 45px; 
   width: 150px;
font-family: myFirstFont;
font-size:25px;
color:white;
text-align:center;
 background-image: url('images/redban.gif');
border: 1px solid #75001B;
box-shadow: 0px 0px 3px #75001B;
}


#movnews {

height :45px;
width :940px ;
border: 1px solid #375037;
border-radius: 4px;
box-shadow: 0px 0px 3px #375037;

}







#d6 {


position: relative;
  top: -232px;
  left: 348px;
height :31px;
width :749px ;
border: 1px solid #375037;
}


#d7 {
position: relative;
  top: -232px;
  left: 70px;
height :31px;
width :249px ;
border: 1px solid #375037;
}



#d8 , #d9 {

height :184px;
width :325px ;
border: 1px solid #375037;
text-align:center;
border-radius: 4px;
box-shadow: 0px 0px 3px #375037;

}






#d10 ,#d11 ,#d12{

visibility:visible;
height :540px;
width :318px ;
border: 1px solid #375037;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0px 0px 3px #375037;

}




#td1 {


border-top: 1px solid #25292E; border-bottom: 1px solid #25292E;
  
  box-shadow: 0px 0px 1px #375037;    
 
background-color: #BCBCBC;
}







#d13{
position: relative;
  top: 1px;
  left: 1px;
height :184px;
width :318px ;
border: 1px solid #375037;
border-radius: 4px;
box-shadow: 0px 0px 3px #375037;

}



#d14{

visibility:visible;
height :590px;
width :318px ;
border: 1px solid #375037;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0px 0px 3px #375037;
}


#tb1{
position: relative;
  top: -950px;

}


#dmi1 , #dmi2, #dmi3, #dmi4, #dmi5, #dmi6 {

height :220px;
width :240px ;
background-color: #DEE1E5;
border: 1px solid #375037;
border-radius: 8px;
box-shadow: 0px 0px 3px #375037;

}


#d4ali {
position: relative;
height :222px;
width :750px ;
}

#d5ali {

height: 170; width: 165;
  position: relative;
  top: 0px;
  left: -2px;
}

#dpicali {
position: absolute;
left:2px;
   height: 186px;
   width: 211px;
top: 36px;
 background-image: url('images/alibsh2.png');

}






#headbar1{
position: relative;
font-family: myFirstFont;
font-size:23px;
color:#4F5B69;
text-align:center;
 background-image: url('images/icbar.gif');
border: 1px solid #375037;
cursor: pointer;



hover: background-color: yellow;;



}

#makalatban {
position: relative;
font-family: myFirstFont;
font-size:23px;
color:white;
text-align:center;
border: 1px solid #375037;
background-color: #25292E;
height:26px;
width:318px;
border-radius: 8px 8px 0px 0px;
}







#diamond {
   width: 150px; 
   height: 150px; 
   background: blue;
   margin: 3px 0 0 30px;
   /* Rotate */
   -webkit-transform: rotate(10deg);
   -moz-transform: rotate(10deg);
   -ms-transform: rotate(10deg);
   -o-transform: rotate(10deg);
   transform: rotate(10deg);

   
}
#diamond22 {
   width: 150px; 
   height: 150px; 
   background: blue;
   margin: 3px 0 0 30px;
   /* Rotate */
   -webkit-transform: rotate(-10deg);
   -moz-transform: rotate(-10deg);
   -ms-transform: rotate(-10deg);
   -o-transform: rotate(-10deg);
   transform: rotate(-10deg);

   
}




#dlist1 ,#dlist2 , #dlist3 , #dlist4 {
position: relative;
  top: 1px;
  left: 1px;
height :25px;
width :230px ;
border: 1px solid #121519;
border-radius: 8px;
box-shadow: 0px 0px 0px #375037;
background: #161A1F;
color:white;
font-size:15px;
text-align:left;
padding-left:15px;
font-family: tahoma;
cursor:pointer;
}

#divstar {
font-size: 25px;
position: relative;
top: -12px;
  left: 4px;
	width: 100px;
	margin: 3px auto;
	height: 25px;
	float: left;
	
	
  }




#tab{
position: relative;
  top: -10px;
  left: -10px;
height :auto;
width :750px ;
//border: 1px solid #62778E;
//border-radius: 4px;
//box-shadow: 0px 0px 3px #62778E;
//background: #9AA9BA;
}



#tabtree1{
Top:-7px;
position: relative;
height :25px;
width :100px ;
//border: 1px solid #62778E;
//background: #BAA9BA;
display: table-cell;
direction: ltr;
float: left;
}

#va{

position:relative;
Top:-40px;
left:-550px;
width:50px;
height:20px;
font-size: 20px;
}

#swyy{
position: relative;
float: left;
Top:1px;
}

#swyy1{

position: relative;
float: left;
Top:-40px;
left:130px;
}


#moreview{
direction: rtl;
font-size:14px;
font-family: tahoma;
display: table;
border-spacing: 8px;
text-align:justify;

}

#spanstar1 ,#spanstar2 ,#spanstar3 ,#spanstar4 ,#spanstar5 {
	//font-size: 23px;
	color: #FFA64D;
	cursor: pointer;
}

#spanstar1:hover:before ,#spanstar2:hover:before ,#spanstar3:hover:before ,#spanstar4:hover:before ,#spanstar5:hover:before {
	//content: "\2605";
	position: absolute;
	color: orange#FFE055;
}


.allform{
border: 1px solid #62778E;
background: white;
direction: rtl;
width:400px;
border-radius: 5px;
font-size:14px;
font-family: tahoma;
overflow-x: hidden;
text-align: justify;
text-justify: kashida;

}

.allform1{
border: 1px solid #62778E;
background: white;
direction: rtl;
width:100px;
border-radius: 5px;
font-size:14px;
font-family: tahoma;
overflow-x: hidden;
text-align: center;
text-justify: kashida;

}


.commdes{
border: 1px solid #62778E;
background: white;
direction: rtl;
width:400px;
//height:30px;
border-radius: 5px;
font-size:14px;
font-family: tahoma;
overflow-x: hidden;
text-align: justify;
text-justify: kashida;

}


.fdnews{
border-radius: 8px;
border-style: solid;
border-width: 0px;
font-size:12.4px;
font-family: tahoma;
text-align: justify;
direction: rtl;
padding-right: 5px;
padding-left: 5px;
}

.fdimg{
width:auto;
height:145px;
max-width: 220px;
box-shadow: 0px 0px 20px #375037;
}


.vote{

position:relative;
height:184px;
width:318px;
direction: rtl;
padding-right: 5px;
text-align: right;
}

.votefont{

font-family: myFirstFont;
font-size:25px;
color:black;

}

.maintablelist{

position:relative;
width:200px;
Top:4px;
height:auto;

border: 1px solid #375037;
background: #AAB6C6;

direction: rtl;
padding-right: 5px;
text-align: right;
z-index:40;
}







.maintablelist2{

font-size:15px;
font-family: tahoma;
font-weight: bold;

}





#gallery_image_ul {

    list-style:none;
    margin:0;
    padding:10px;
    text-align: right;
   // white-space:nowrap;
}



#gallery_image_li {

    display:inline;
   // white-space:nowrap;
   
   
   padding-right: .7em;
   margin: 1em 0;
}

.gallery_image_li_img {

width:250px;
height:auto;
cursor: pointer;
//max-height:250px;

}



#gallery_kutub_ul li {

display: inline-block;
       
        list-style-type: none;
        vertical-align: middle;
}






.overlay {
  position:fixed;
    display:table;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0px;
    background: rgba(51,51,51,0.9);
    z-index: 10;
    visibility:hidden;
    }


.itesallay{

width:135px;
height:26px;
background: #AAB6C6;
border-radius: 4px;
text-align:center;
font-size:15px;
font-family: tahoma;
font-weight: bold;
vertical-align: middle;
}

.itesalinp{

width:170px;
height:24px;

border: 1px solid #121519;
border-radius: 4px;
box-shadow: 0px 0px 0px #375037;

}


.ameen{

//background: #AAB6C6;
//border-radius: 4px;
//border: 1px solid #121519;
font-size:15px;
font-family: tahoma;
font-weight: bold;
overflow: hidden;
white-space:normal;
height:20px;
}

.sal
{
font-family: myFirstFont;
font-size:65px;
color:#272161;

text-align:center;
width:1000px;
height:170px;
background: #E0E2B6;
border-radius: 20px;
border: 1px solid #ABAD45;
box-shadow: inset 0px 0px 10px #ABAD45;
position:relative;
margin-left: auto; margin-right: auto;
}



ul#newsmovtab {
    list-style:none;
    margin:0;
    padding:0;
    white-space:nowrap;
  }

ul#newsmovtab li {
    display:inline;
    white-space:nowrap;
    font-family: myFirstFont;
    font-size:20px;
    }






/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }