/*Disign By: taghilolo*/
/Font Face/
@font-face {
	font-family: 'BKoodakBold';
	src: url('font/BKoodakBold.eot');
	src: local('?'), url('font/BKoodakBold.woff') format('woff'), url('font/BKoodakBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:'DroidArabicNaskh';
	src:url(font/droidnaskh-bold.eot);
	src:
	url(font/droidnaskh-bold.eot?#iefix)
	format('embedded-opentype'),
	url(font/droidnaskh-bold.woff)
	format('woff'),url(font/droidnaskh-bold.ttf)
	format('truetype');
	font-weight:bold;
	font-style:normal;
}
/End Font Face/
*{
	margin:0;
	padding:0;
}
body{
	background:#ccc url(../images/wood.jpg) repeat top left;
	font-family: DroidArabicNaskh, Tahoma, Arial, Helvetica, sans-serif;
	color:#444;
	font-size:11px;
	color: #000;
	direction:ltr;
}

body.rtl {
	direction:rtl;
}

h1{
	color:#2F1B0C;
	font-size:40px;
	margin:20px 0px 0px 20px;
}
span.reference{
	font-family:Arial;
	display:block;
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
}
span.reference a{
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	margin:0px 20px;
}
span.reference a:hover{
	color:#ddd;
}
/* Booklet jQuery Plugin Style*/
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-top:51px !important;
}
.booklet .b-wrap-left  {
	background:#d6bb8e url(../images/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.booklet .b-wrap-right {
	background:#efefef url(../images/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.booklet .b-counter {
	bottom:6px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border:none;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:none;
	opacity:0.8;
}
.book_wrapper{
	position:absolute;
	left:0;
	top:50px;
	right:0;
	bottom:0;
	margin:auto;
	width:905px;
	height:600px;
	background-repeat:no-repeat;
	background-position:9px 26px;
}

.book_wrapper h1{
	color:#3f280c;
	font-family:Arial;
	margin:5px 5px 5px 15px;
	font-size:13px;
	background-image:url(../images/en/bg_h1.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	height:30px;
	padding:0 0 0 50px;
	line-height:33px;
	font-size: 11px;
}

.rtl .book_wrapper h1{
	font-size:13px;
	background-image:url(../images/fa/bg_h1.png);
	background-position: top right;
	padding:0 35px 0 0;
	font-family:'BKoodakBold';
}

.book_wrapper p{
	font-size:12px !important;
	margin:5px 5px 5px 15px;
	color:#51422f;
	text-align:justify;
}
.book_wrapper p a{
	color:#4b2514;
}
.book_wrapper a.article,
.book_wrapper a.demo{
	background:transparent url(../images/circle.png) no-repeat 50% 0px;
	display:block;
	width:95px;
	height:41px;
	text-decoration:none;
	outline:none;
	font-size:16px;
	color:#555;
	float:left;
	line-height:41px;
	padding-left:47px;
}
.book_wrapper a.demo{
	margin-left:50px;
}
.book_wrapper a.article:hover,
.book_wrapper a.demo:hover{
	background-position:50% -41px;
	color:#13386a;
}

.book_wrapper img{
	margin:10px 0 10px 30px;
	width:299px;
	padding:4px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3)
}
.rtl .book_wrapper img{
	margin:10px 30px 10px 0;
}

.book_wrapper img.screenshot{
	margin:3px 0 3px 30px;
}

.rtl .book_wrapper img.screenshot{
	margin:3px 30px 3px 0;
}

.booklet .b-wrap-right img{
	border:1px solid #e3ccaa;
}
a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:60px;
	height:45px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;

}
a#prev_page_button{
	left:-50px;
	background:transparent url(../images/arrow_left.png) no-repeat;
}
a#next_page_button{
	right:-50px;
	background:transparent url(../images/arrow_right.png) no-repeat;
}
a#next_page_button:hover{
}
a#prev_page_button:hover{
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:30%;
	margin-top:-20px;
	line-height:56px;
	color:#000;
	font-size:15px;
	background: #fff url(../images/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.9;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.ltr .loading{
	left:135px;
	padding-left:20px;
}

.rtl .loading{
	right:135px;
	padding-right:80px;
	background-position:175px 100%;
}

div.key_arrow{
	background:url(../images/key_arrow.png) right center no-repeat;
	width:500px;
	height:39px;
	padding:5px 30px 0 0;
	margin:0 auto;
}
div.key_arrow p.text_key{
	color:#fff;
	font-family:'BKoodakBold';
	margin:5px 5px 5px 15px;
	font-size:14px !important;
}

.ar .book_wrapper h1,
.ar div.key_arrow p.text_key {
	font-family: 'DroidArabicNaskh';
	font-weight:bold;
}

#qTip{
border:1px solid #000;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
z-index: 3000;
background:black;
min-width:40px;
min-height:14px;
text-align:center;
padding:5px 5px;
filter:alpha(opacity=80);
opacity:0.8;
color:#fff;
font-size:9pt;
font-family: B Yekan;
text-shadow:0px 0px 0px #fff;
-o-text-shadow:0px 0px 0px #fff;
-moz-text-shadow:0px 0px 0px #fff;
-ms-text-shadow:0px 0px 0px #fff;
-webkit-text-shadow:0px 0px 0px #fff;
display:none;
box-shadow: 0px 0px 0px #000;
-moz-box-shadow: 0px 0px 0px #000;
-ms-box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
-khtml-box-shadow: 0px 0px 0px #000;
-o-box-shadow: 0px 0px 0px #000;
position:absolute;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
max-width: 300px;
background-color:black!important;
direction: rtl;
word-wrap: break-word;
}
/********************  Box White        *********************/
.SMT_nav{list-style:none;margin:0;padding:0;text-align:center;}
.SMT_nav li{display:inline;}
.SMT_nav a{padding:10px;margin:5px;border:1px transparent solid;transition:all 0.1s ease;-moz-transition:all 0.1s ease;-o-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-webkit-transition:all 0.1s ease;-khtml-transition:all 0.1s ease;}
.SMT_nav a:hover{border:1px #CCC solid;box-shadow:0 0 1px #FFF inset;-moz-box-shadow:0 0 1px #FFF inset;-o-box-shadow:0 0 1px #FFF inset;-ms-box-shadow:0 0 1px #FFF inset;
-webkit-box-shadow:0 0 1px #FFF inset;-khtml-box-shadow:0 0 1px #FFF inset;border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;-webkit-border-radius:3px;
-khtml-border-radius:3px;background:#E0E0E0;}a{text-decoration:none;color:#555;}a:hover{color:#333;}a:active{color:#000;}
h1{text-align:Right;font-size:40px;text-shadow:0 0 5px #999;-moz-text-shadow:0 0 5px #999;-o-text-shadow:0 0 5px #999;-ms-text-shadow:0 0 5px #999;-webkit-text-shadow:0 0 5px #999;-khtml-text-shadow:5px 5px 5px #999;margin-top:0;margin-bottom:20px;}
.txt{width:800px;text-align:justify;border:1px #E0E0E0 solid;box-shadow:1px 1px 1px #FFF;border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;
-webkit-border-radius:2px;-khtml-border-radius:2px;padding:10px;background:#f3f3f3;margin:10px 0;}
/********************  Box White END    *********************/

/********************  Menu    *********************/
/* reset */
.menu,.menu ul,.menu li,.menu a {margin: 0;padding: 0;border: none;outline: none;}
/* menu */
.menu {height: 40px;width: 435px;direction:rtl;
background: #4c4e5a;
background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
border-radius: 5px;}
.menu li {position: relative;list-style: none;float: right;display: block;height: 40px;}
/* links */
.menu li a {display: block;padding: 0 14px;margin: 6px 0;line-height: 28px;
text-decoration: none;
border-left: 1px solid #393942;
border-right: 1px solid #4f5058;
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;font-size: 12px;
color: #f3f3f3;
text-shadow: 1px 1px 1px rgba(0,0,0,.6);-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;}
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #8fde62; }
/* sub menu */
.menu ul {position: absolute;
top: 40px;right: 0;
opacity: 0;
background: #1f2024;
-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;}
.menu li:hover > ul { opacity: 1; }
.menu ul li {height: 0;overflow: hidden;padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;transition: height .25s ease .1s;}
.menu li:hover > ul li {height: 36px;overflow: visible;padding: 0;direction:rtl;}
.menu ul li a {width: 100px;
padding: 4px 30px 4px 0;
margin: 0;border: none;border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
/* icon */
.menu a.en { background: url(../images/icon/en.png) no-repeat right; }
.menu a.fa { background: url(../images/icon/fa.png) no-repeat right; }
.menu a.arrow { background: url(../images/icon/arrow.png) no-repeat right; }
.menu a.lan { background: url(../images/icon/arrow-down.png) no-repeat right; }
.menu a.yahoo { background: url(../images/icon/yahoo.png) no-repeat right; }
.menu a.help { background: url(../images/icon/help.png) no-repeat right; }
.menu a.helparrow { background: url(../icon/images/key-arrow.png) no-repeat right; }
.menu a.forum { background: url(../images/icon/forum.png) no-repeat right; }