@font-face {
  font-family: 'BNazanin';
  src: url("font/BNazanin.eot");
  src: url(".font/BNazanin.eot?#iefix") format('embedded-opentype'), url("font/BNazanin.woff") format('woff'), url("font/BNazanin.ttf") format('truetype'), url("font/BNazanin.svg") format('svg'), url("font/BNazanin.otf") format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BTitr';
  src: url("font/BTitr.eot");
  src: url(".font/BTitr.eot?#iefix") format('embedded-opentype'), url("font/BTitr.woff") format('woff'), url("font/BTitr.ttf") format('truetype'), url("font/BTitr.svg") format('svg'), url("font/BTitr.otf") format('otf');
  font-weight: normal;
  font-style: normal;
}

body {
	background: url('img/denim.png');
	margin:5px 5px 5px 5px;
	float:right;
	direction:rtl;
	border:0;
	font-family: 'BNazanin';
	font-size: 14px;
	color:#3c4046;
	line-height:10px;
	width:98%;
	text-align:justify;
	line-height:20px;
}

.TitleStyle {font-weight:bold;}

.clearfix {
	clear: both;
}

.context{text-align:justify;}

.wrap {
	width: 98%;
	margin: 1em auto;
}

nav {
	background: url('img/background_menu.png') right no-repeat;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
	padding: 0 10px;
	position: relative;
}

.menu li {
	float: right;
	position: relative;	
	list-style:none;
}

.menu li a {
	color: black;
	display: block;
	font-family: 'BNazanin';
	font-size: 15px;
	font-weight:bolder;
	line-height: 15px;
	padding: 6px 12px;
	margin: 8px 8px;
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    cursor: pointer;
	border: none;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;	
	outline:none;
}

.menu li a:hover {
	background-color: #be72af;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
	cursor:pointer;
}

.menu ul {
	position: absolute;
	right: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
}

.menu ul li {
	float: none;	
}

.menu ul a {
	white-space: nowrap;	
}

.menu li:hover ul {
	background: rgba(245,245,245,1);
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	right: 5px;
	opacity: 1;	
	border: 1px solid #bbb;
	padding:0px;
}

.menu li:hover a {
	background-color: #eba6d3;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #000;
}

.menu li:hover ul a {
	background: none;
	border-radius: 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	box-shadow: none;	
}

.menu li:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);	
}

/* Page */
.right {text-align:right;top:0px;margin-right:10px;}
.left {position:absolute;top:0px;left:50px;}

.MainTable
{    
    margin:5px 20px 5px 5px;
    vertical-align:middle;
    text-align:right;
    border:1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family: 'BNazanin';
    font-size:14px;
    font-weight:bold;
	padding: 5px;
}

.MarqueeTable
{    
    margin:12px;
	background: url('img/background_menu.png') right no-repeat;
    vertical-align:middle;
    text-align:right;
    border:1px solid #ccc;
    border-radius:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-family: 'BNazanin';
    font-size:16px;
    font-weight:bold;
	padding: 5px;
	cursor: pointer;
}

.LogTable
{    
    margin:5px 20px 5px 10px;
    vertical-align:middle;
    text-align:right;
    font-family: 'BNazanin';
    font-size:14px;
    font-weight:bold;
}

.usertitle
{    
    text-align:right;
    font-family: 'BNazanin';
    font-size:14px;
    font-weight:bolder;
}

.PrintTable
{
    margin:10px;
    vertical-align:middle;
    float:right;
    direction:rtl;
    text-align:right;
    border:1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.Table
{
    margin:5px 10px 5px 5px;
    vertical-align:middle;
    text-align:right;
    font-family: 'BNazanin';
    font-size:16px;
    font-weight:bold;
    white-space:nowrap;
}

.sTable
{
    margin:5px 35px 5px 5px;
    vertical-align:middle;
    text-align:right;
    font-family: 'BNazanin';
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
}

.pTable
{
    margin:0px 10px 5px 0px;
    vertical-align:middle;
    text-align:right;
    font-family: 'BNazanin';
    font-size:14px;
    font-weight:bold;
    white-space:nowrap;
}

.text-form {
	float:right;
	display: inline-block;
	font-size:14px;
	font-weight:bold;
	color:#2b2b2b;
	padding: 0 5px 0 5px;	
	font-family: 'BNazanin';
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border: 1px solid #000;
	height:20px;
	outline:none;
	width:85px;
	height:25px;
}

.text-form2 {
	float:right;
	display: inline-block;
	font-size:14px;
	font-weight:bold;
	color:#2b2b2b;
	padding: 0 5px 0 5px;	
	font-family: 'BNazanin';
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border: 1px solid #be72af;
	height:20px;
	outline:none;
	width:150px;
	cursor: pointer;
}

.text-form_en {
	float:right;
	display: inline-block;
	font-size:12px;
	color:#2b2b2b;
	padding: 0 5px 0 5px;	
	font-family: Arial;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border: 1px solid #000;
	height:20px;
	outline:none;
	width:85px;
	height:25px;
}

/* Button Style */
/*Normal*/
.button {
    background-color: #ff0270;
    color: white; 
    border: 1px solid #ff0270;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-family: 'BNazanin';
	font-weight:bold;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    cursor: pointer;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;	
	outline:none;
	width: 100px;
}

.button:hover {
    background-color: white;
    color: #ff0270;
}

.minibutton {
    background-color: #ff0270;
    color: white; 
    border: 1px solid #ff0270;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	font-family: 'BNazanin';
	font-weight:bold;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    cursor: pointer;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;	
	outline:none;
}

.minibutton:hover {
    background-color: white;
    color: #ff0270;
}

.button_popup {
    background-color: #f47721;
    color: white; 
    border: 1px solid #f47721;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	font-family: 'BNazanin';
	font-weight:bold;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    cursor: pointer;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;	
	outline:none;
	width: 100px;
}

.button_popup:hover {
    background-color: #faee4d;
    color: black;
}

.button_tab {
    background-color: #9c2785;
    color: white; 
    border: 1px solid #9c2785;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-family: 'BNazanin';
	font-weight:bold;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    cursor: pointer;
	border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
	outline:none;
	width: 100px;
}

.button_tab:hover {
    background-color: #f5c7ec;
    color: black;
}

.ImageButton{outline:none;cursor:pointer;}
.blank {width:5px}
.ablank {width:25px}
.bblank {width:50px}

/* footer */
footer {padding:6px 5px 0 0;height:30px;width:98%;overflow:hidden;font-family:'BNazanin';font-size:14px;color:#fff;text-align:right; vertical-align:middle}
.fbody {background: #9c2785;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;height:30px;}
.mbody {margin:0 auto;width:98%}
.dropdownlist {
	display:inline-block;
	color:#2b2b2b;
	padding-right:1px;
	border:1px solid #2b2b2b;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family: 'BNazanin';
	height:25px;
	font-size: 14px;
	font-weight:bold;
	outline:none;
}

.DataTable {
    -moz-border-radius : 5px; /* Firefox */
    -webkit-border-radius : 5px; /* Safari & Chrome */
    -khtml-border-radius : 5px; /* Linux browsers */
    border-radius : 5px; /* CSS3 compatible browsers */
    overflow: hidden;
	min-width:800px;
}

.CalenderB
{
    background: url('img/cal.png') no-repeat;
    background-color:inherit;
    border: 0 none;
	float:right;
	vertical-align:middle;
	width: 20px;
	height: 20px;
	cursor: pointer;
	outline:none;
}

.notification
{
    background: url('img/background_menu.png');
    text-align:center;
    line-height:30px;
    font-family: 'BNazanin';
    font-size:16px;
    font-weight:bolder;
    box-shadow: 4px 4px 4px #bbb;
    border: 1px solid #9c2785;
    -moz-border-radius : 5px; /* Firefox */
    -webkit-border-radius : 5px; /* Safari & Chrome */
    -khtml-border-radius : 5px; /* Linux browsers */
    border-radius : 5px; /* CSS3 compatible browsers */
    padding: 10px;
	max-width: 1024px;
}

.gridHeader A { text-decoration:none; }
.gridHeader A:hover { text-decoration: underline; }

/*Header*/
.Tab .ajax__tab_header
{
    margin:5px 20px 0px 20px;
    vertical-align:middle;
    text-align:right;
	color: #5d7b9d;
    font-family:'BNazanin';
    font-size: 14px;
    font-weight: bolder;
    cursor:pointer;
    height:21px;
	outline: none;
}
/*Body*/
.Tab .ajax__tab_body
{
    margin:0px 20px 5px 20px;
    border:1px solid #5d7b9d;
    padding:10px;
    border-radius: 5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:auto;
	outline: none;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    border:1px solid #5d7b9d;
    border-radius: 5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
    height:20px;
    padding:0 10px 0 10px;
    background-color:#009ccf;
	outline: none;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    padding-left:0px;   
	outline: none;	
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    padding-right:0px;
	outline: none;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #015b79;
    border:1px solid #5d7b9d;
    border-radius: 5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
    height:20px;
    padding:0 10px 0 10px;
	outline: none;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #015b79;
    padding-left:0px;
	outline: none;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #015b79;
    padding-right:0px;
	outline: none;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #000;
    border:1px solid #aaaaaa;
    border-radius: 5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
    height:20px;
    padding:0 10px 0 10px;
	outline: none;
}
.Tab .ajax__tab_inner
{
    color: #000;
    padding-left:0px;
	outline: none;
}
.Tab .ajax__tab_outer
{
    color: #000;
    padding-right:0px;
    margin-right: 2px;
	outline: none;
}

.introduction {
    background: url('img/background_footer.png') right no-repeat;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
    direction:rtl;
    float:right;
    font-size:16px;
    text-align:justify;
    line-height:30px;
}

.info {
    background-color: white;
    text-align:justify;
    font-family: 'BNazanin';
    font-size:14px;
    font-weight:bolder;
	color: #9c2785;
}
.HeddenTab {
    cursor:not-allowed;
}