@font-face {
    font-family: 'de5ign';
    src: url('fonts/BYekan.eot');
    src: url('fonts/BYekan.eot?#iefix') format('embedded-opentype'),
         url('fonts/BYekan.woff') format('woff'),
         url('fonts/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600–06FF;
}
html, body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #4ea400;
  background-image: url('images/pattern.jpg');
  direction:rtl;
  font-family:tahoma;
}

html {
  overflow-y: scroll;
}

div.wrapper {
  width: 100%;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

div.content {
  width: 844px;
  margin: 0px auto;
  padding: 0px 32px 32px 32px;
  text-align: left;
  background-color: #439a00;
  background-image: url('images/background.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}

div.content_header {
  float: right;
  width: 844px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

div.content_left {
  float: left;
  width: 536px;
  margin: 0px;
  padding: 0px;
}

div.content_right {
  float: left;
  width: 300px;
  margin: 0px 0px 0px 8px;
  padding: 0px;
}

a.logo {
  float: left;
  width: 160px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  background-image: url('images/merged.jpg');
  background-repeat: no-repeat;
  background-position: -300px -160px;
}

div.lead {
  float: right;
  color: #eeeeee;
  width: 600px;
  margin: 10px 18px 0px 0px;
  padding: 0px;
  font-size: 11px;
  text-align: justify;
  font-weight: normal;
  font-family: tahoma;
}

div.menu {
  float: left;
  width: 536px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

a.menu_decode {
  float: left;
  color: #ffffff;
  width: 252px;
  height: 30px;
  margin: 0px 8px 0px 0px;
  padding: 50px 0px 0px 12px;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  font-family: 'de5ign';
  text-decoration: none;
  background-image: url('images/merged.jpg');
  background-repeat: no-repeat;
  background-position: -264px 0px;
}

a.menu_decode:hover {
  color: #777777;
  text-decoration: none;
  background-position: 0px 0px;
}

a.menu_encode {
  float: left;
  color: #ffffff;
  width: 252px;
  height: 30px;
  margin: 0px;
  padding: 50px 0px 0px 12px;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  font-family: 'de5ign';
  text-decoration: none;
  background-image: url('images/merged.jpg');
  background-repeat: no-repeat;
  background-position: -264px -80px;
}

a.menu_encode:hover {
  color: #777777;
  text-decoration: none;
  background-position: 0px -80px;
}

div.code {
  float: left;
  color: #000000;
  width: 500px;
  margin: 8px 0px 0px 0px;
  padding: 18px;
  font-size: 11px;
  text-align: right;
  font-weight: normal;
  font-family: tahoma;
  background-color: #ffffff;
}

div.code select {
  color: #000000;
  width: 120px;
  height: 24px;
  border: 1px solid #cccccc;
  cursor: pointer;
  margin: 8px 0px 8px 0px;
  padding: 3px;
  font-size: 13px;
  font-family: tahoma;
  font-weight: normal;
  line-height: 17px;
  background-color: #eeeeee;
}

div.code input {
  color: #ffffff;
  width: 250px;
  height: 20px;
  border: 1px solid #439a00;
  cursor: pointer;
  margin: 8px 0px 8px 0px;
  padding: 3px;
  font-size: 13px;
  font-family: tahoma;
  font-weight: normal;
  line-height: 17px;
  background-color: #4da300;
}

div.code textarea {
  float: left;
  color: #000000;
  width: 490px;
  height: 102px;
  border: 1px solid #cccccc;
  resize: none;
  margin: 0px;
  padding: 4px;
  overflow: auto;
  font-size: 13px;
  text-align: right;
  font-weight: normal;
  font-family: tahoma;
  background-color: #eeeeee;
}
.submitlink1{
	font-family: 'de5ign';
	width: 100%;
	height: 30px;
	float:left;
	background-color:#000;
	border:1px solid #000;
	color:#fff;
}
.submitlink1:hover{
	background-color:#262626;
	border:1px solid #262626;
}
.submitlink{
	font-family: 'de5ign';
	width: 100%;
	height: 30px;
	float:left;
	background-color:#4EA401;
	border:1px solid #439A00;
	color:#fff;
}
.submitlink:hover{
	background-color:#439A00;
	border:1px solid #439A00;
}
h1.code_title {
  float: left;
  color: #000000;
  width: 500px;
  margin: 0px;
  padding: 0px;
  display: inline;
  font-size: 20px;
  text-align: right;
  font-weight: normal;
  font-family: 'de5ign';
}

div.code_detail {
  float: left;
  color: #777777;
  width: 500px;
  margin: 3px 0px 9px 0px;
  padding: 0px 0px 7px 0px;
  display: inline;
  font-size: 12px;
  text-align: justify;
  font-weight: normal;
  font-family: tahoma;
  border-bottom: 1px dashed #cccccc;
}

div.code_about {
  float: left;
  color: #444444;
  width: 490px;
  height: 243px;
  border: 1px dashed #cccccc;
  margin: 8px 0px 0px 0px;
  padding: 4px;
  overflow: auto;
  font-size: 11px;
  text-align: justify;
  font-weight: normal;
  font-family: tahoma;
}

div.code_about a {
  color: #444444;
  text-decoration: none;
}

div.code_about a:hover {
  color: #000000;
  text-decoration: none;
}

div.code_about table td, div.code_about table th {
  text-align: center;
  background-color: #eeeeee;
}

div.newsflash {
  float: left;
  color: #444444;
  width: 490px;
  border: 1px dashed #cccccc;
  margin: 8px 0px 0px 0px;
  padding: 4px;
  font-size: 11px;
  text-align: justify;
  font-weight: normal;
  font-family: tahoma;
}

div.newsflash b {
  color: #d6641c;
  font-weight: normal;
}

div.newsflash h1 {
  color: #000000;
  margin: 0px;
  padding: 0px;
  display: inline;
  font-size: 10px;
  text-align: left;
  font-weight: normal;
  font-family: tahoma;
}

div.newsflash h1 a {
  color: #00ace0;
  text-decoration: none;
}

div.newsflash h1 a:hover {
  color: #1cd664;
  text-decoration: none;
}

div.navigation {
  float: left;
  color: #ffffff;
  width: 536px;
  margin: 8px 0px 0px 0px;
  padding: 0px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  font-family: tahoma;
}

div.navigation a {
  color: #ffffff;
  text-decoration: none;
}

div.navigation a:hover {
  color: #000000;
  text-decoration: none;
}

span.navigation_spacer {
  font-weight: normal;
  margin: 0px 16px 0px 16px;
}

div.pernick {
  float: left;
  color: #ffffff;
  width: 536px;
  margin: 8px 0px 0px 0px;
  padding: 0px;
  font-size: 10px;
  text-align: center;
  font-weight: normal;
  font-family: tahoma;
}

div.pernick a {
  color: #eeeeee;
  text-decoration: none;
}

div.pernick a:hover {
  color: #111111;
  text-decoration: none;
}

div.like {
  float: left;
  width: 300px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  background-image: url('images/merged.jpg');
  background-repeat: no-repeat;
  background-position: 0px -160px;
}

div.like_title {
  float: right;
  color: #ffffff;
  width: 288px;
  height: 24px;
  margin: 8px 80px 0px 12px;
  padding: 0px;
  font-size: 18px;
  text-align: right;
  font-weight: normal;
  font-family: 'de5ign';
}

div.like_button {
  float: left;
  width: 90px;
  height: 20px;
  margin: 12px 0px 0px 12px;
}

div.like_push {
  float: right;
  color: #ffffff;
  height: 20px;
  margin: 6px 80px 0px 0px;
  font-size: 11px;
  text-align: right;
  font-weight: normal;
  font-family: tahoma;
  line-height: 16px;
}

div.bookmark {
  color: #ffffff;
  right: 8px;
  bottom: 8px;
  border: 1px solid #333333;
  margin: 8px 0px 0px 0px;
  padding: 4px;
  position: fixed;
  font-size: 11px;
  text-align: center;
  font-weight: normal;
  font-family: tahoma;
  background-color: #222222;
}

div.bookmark a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

div.bookmark a:hover {
  color: #00ace0;
  text-decoration: none;
}

div.banner_300_250 {
  float: left;
  width: 300px;
  height: 250px;
  margin: 8px 0px 0px 0px;
  padding: 0px;
  background-image: url('images/merged.jpg');
  background-repeat: no-repeat;
  background-position: 0px -240px;
}

div.banner_468_60 {
  float: left;
  width: 468px;
  height: 60px;
  margin: 8px 34px 0px 34px;
  padding: 0px;
  text-align: center;
  background-image: url('images/merged.jpg');
  background-repeat: no-repeat;
  background-position: 0px -490px;
}

form {
  margin: 0px;
  padding: 0px;
  display: inline;
}