@font-face {
    font-family: 'MyFontName';
    src: url('Nazanin.ttf') format('truetype');
    font-family: 'MyFontName1';
    src: url('Zar.ttf') format('truetype');
}

body {margin: 0;   text-align: center;font-size:14px;font-family:MyFontName1;  line-height: 170%; color: #EEE;background: #585858 url(Images/bg_body.jpg) repeat-y top center;}

p { 
  padding-top: 10px !important;
  padding-top: 3px;
  padding-bottom: 10px !important;
  padding-bottom: 3px;
}


a:link { color: #ffffff; text-decoration:none;}
a:visited { color: #ffffff;text-decoration:none;}
a:hover {color: #86E160;text-decoration:none;}


.HelpDiv {background: url(Images/help.png) no-repeat; height:30px; width:120px;}

.textbox,.riTextBox,html body .RadInput_Default .riTextBox{height:20px; border:1px solid #999 ; padding-right:16px;
 border-radius: 4px; width:130px;  color:#000000; font-weight:bold;font-family:tahoma; padding-left:5px;box-shadow: 1px 1px 0px 0px #999999; }

.textbox:focus,.riTextBox:focus,html body .RadInput_Default .riTextBox:focus {border-radius: 5px;   border:1px #92c802 solid; background:#e5faad;  outline: none;}

.btnOk{background: url(Images/btnok.png) no-repeat; width:120px; height:26px; color:#000000; font-weight:bold; font-size:16px;font-family:Divbtn tahoma;
cursor:pointer; border:none; padding-right:20px;text-shadow:-2px 2px 1px #ffffff}

.btnOk:hover{ cursor:pointer; opacity:0.7;font-weight:bold;}


.btnOk2{background: url(Images/btnok2.png) no-repeat; width:120px; height:26px; color:#000000; font-weight:bold; font-size:16px;font-family:Divbtn tahoma;
 border:none; padding-right:20px;text-shadow:-2px 2px 1px #ffffff}

.btnOk2:hover{  font-weight:bold;}

.btnEdit4 { color:#ffffff; border: none; height: 28px;border-radius: 7px;box-shadow: 2px 1px 2px #24530f;text-shadow: 1px 1px 0px #000000; font-size: 18px;font-weight: bolder; cursor:pointer;
background: rgb(0,94,36);
background: -moz-linear-gradient(top, rgb(0,94,36) 0%, rgb(0,147,61) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(0,94,36) 0%,rgb(0,147,61) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(0,94,36) 0%,rgb(0,147,61) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e24', endColorstr='#00933d',GradientType=0 ); /* IE6-9 */}

.btnDel4 {color:#ffffff; border: none; height: 28px;border-radius: 7px;box-shadow: 2px 1px 2px #530f0f;text-shadow: 1px 1px 0px #000000; font-size: 18px;font-weight: bolder;cursor:pointer;
background: rgb(96,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgb(96,0,0) 0%, rgb(204,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(96,0,0) 0%,rgb(204,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(96,0,0) 0%,rgb(204,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ }

h1 { clear: both;margin: 10px 0; font-size:15px; font-weight:bold; text-transform: uppercase;color: #7BD32C; background: #686868 url(images/rounded_tr.gif) no-repeat top right;}

h1 span { display: block; padding: 2px; background: url(images/rounded_br.gif) no-repeat bottom right; padding-right:3px;}

#sideBar h1 { text-align: right; background: #686868 url(images/rounded_tl.gif) no-repeat top left;}

#sideBar h1 span { display: block; padding: 2px; background: url(images/rounded_bl.gif) no-repeat bottom left;}


#content ol li {  color: #9BE4FF;}

#content ol li span {
  color: #EEE;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li {
  list-style-image: url(images/li_bullet.gif);
}

blockquote {  
  margin: 0;
  background: #686868 url(images/rounded_tr.gif) no-repeat top right;
} 

blockquote span {
  display: block;
  padding: 5px;
  background: url(images/rounded_br.gif) no-repeat bottom right;
}


.totalFildDiv{ width:100%; text-align:right; padding-bottom:10px; }
.TitleDiv{ width:100px; float:right; text-shadow:0px 0px 1px #ffffff;}
.TitleDivTheme{ width:100%; float:right; font-weight:bolder; color:#1b1464; }
.ControlDivTheme{ padding-bottom:10px; padding-right:10px; width:90%; line-height:1.7;}
.ControlDiv{}
.Divbtn{ margin:0 auto; padding:10px; text-align:center;}
.Divbtn1{padding:2px; text-align:center;}


#header {  width: 100%;height: 3em; background: #585858 url(images/bg_header.jpg) repeat-y top center;  }
.Row1{ width:1100px;margin:0 auto;}
#menu { width: 650px; float:left;  font:13px; font-weight:bold;margin: 0 auto;text-align: right;  }

#menu ul { margin: 0; padding: 0;line-height: normal;  }
#menu ul li { width: 130px;display: inline;float: right; padding-top: 15px;  list-style: none;text-align: center;}
#menu ul li a { display: block; text-decoration: none;text-transform: uppercase;padding-bottom: 5px;color: #222;}
#menu ul li a:hover,#menu ul li a.active { font-weight: bold;color: #111; background: url(images/menu_tab.gif) no-repeat bottom center;}

#title { padding-top:5px;padding-right:10px; margin-right: 15px; width:250px; float: right; background: url(images/logo_greenery.gif) no-repeat top right;color:  #222; font-weight:bold}



#content {  
  clear: both;
  width: 1050px;
  margin: 0 auto;
  text-align: left;
}

#text {
  float: left; text-align:right; margin-top:10px;
  width: 820px !important;
  padding: 5px 5px 5px 5px;
}

#image {
  float: left;
  width: 170px;  
  vertical-align: top;
}

#sideBar {
  float: right;
  width: 180px !important;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
}

.Star { font-weight:bold; color:#e40000;}

/***************************************************
 Sidemenu Styles
 ***************************************************/

.sideMenu {
  padding: 10px 0;
}

.sideMenu a {
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;  
}

.sideMenu a span {
  display: block;
  padding: 1px;
}

.sideMenu a:hover {
  background: #686868 url(Images/rounded_tl.gif) no-repeat top left;
}

.sideMenu a:hover span {
  background: url(Images/rounded_bl.gif) no-repeat bottom left;
}

/***************************************************
 Comment Styles
 ***************************************************/

#comments p {
  padding: 0 5px; text-align:right;
  margin-bottom: 0;
  background: #686868 url(images/rounded_tl.gif) no-repeat top left;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

#comments img {
  margin-top: -1px;
}



/***************************************************
 Footer
 ***************************************************/

#footer {
  clear: both;
  float: left;
  width: 500px;
  padding: 10px 20px;
  color: #888;
}

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#footer a {
  color: #888;
}

#footer a:hover {
  color: #EEE;
}

a.fullAhead {
  float: left;
  width: 30px;
  height: 34px;  
  margin-right: 10px;
  background: url(images/logo_fullahead.gif) no-repeat 0 0;
}

a:hover.fullAhead  {
  background-position: -30px 0;
}


/***************************************************
 Generic Display Classes
 ***************************************************/

.center {text-align: center;}
.noPad {padding: 0; margin: 0;}

.left {float: left;}

.right { float: right;}

img.left {padding: 5px 5px 5px 0;}

img.right { padding: 5px 0 5px 5px;}
/* datagrid */
.evenitem{ background:#fff; height:25px; color:#000000; }
.evenitem td,.odditem td{ padding-right:5px; padding-bottom:5px; }


.evenitem:hover{ background:#28b103; height:25px; color:#fff; }
.odditem:hover{ background:#28b103; height:25px; color:#fff; }

.odditem{ background:#cdcdcd; height:25px;color:#000000;}


.hgcontentdiv{ height:29px;  color:#ffffff; text-align:center;background: #f99e1c; font-size:14px;}
.hgcontentdiv:hover{ height:29px;background: #b1b1b1;}

.totaldiv { width:100%;
}
.contentdiv{ width:99%;color:#000000;  margin-top:5px; margin-left:5px; background:#a3a3a3; border-radius:6px 6px 6px 6px;  padding-bottom:20px;}


.bcontentdiv{ padding-top:10px;   padding-right:10px;}
.hcontentdiv{ height:24px;  color:#ffffff; text-align:right; border-radius:6px 6px 0px 0px;background: #f99e1c; padding-right:10px; font-size:16px; padding-top:8px;}
.hcontentdiv:hover{ height:24px;color:#ffffff;background: #b1b1b1;}


.panelbody1{ box-shadow: 1px 2px 1px #535353; border:1px solid #555555; border-radius: 10px;  color:#fff; font-weight:bold; width:440px;cursor:pointer; }
.PanelHeader10{background: url(Images/h1.png) repeat-x; height:42px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;  }
.PanelHeader11{background: url(Images/h2.png) repeat-x; height:42px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;  }

.PanelContent10{ padding-right:20px; text-align:center; background:#d2d2d2; opacity: 0.9; color:#000;-moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; padding-top:6px; direction:rtl; min-width:350px;}
.panelButton10,.panelButton{ padding-top:10px; padding-bottom:8px; clear:both;}

.Edit{ border:none;background:url(Images/edit.png) no-repeat; height:20px;width:20px;  cursor:pointer;}
.Del{ border:none;background:url(Images/del2.png) no-repeat; height:20px;width:16px; cursor:pointer;}