/*<!-- Body of Page*/
@import 'persianfonts/style.css';

body.fa{
	direction:rtl;
	text-align:right;
}

body.en{
	direction:ltr;
	text-align:right;
}

.leftAlign{
	direction:ltr;
	text-align:left;
}


body,p,td,option,input,textarea,*{
	font-family:tahoma;
	font-size:10.5pt;
}

a{
	text-decoration:none;
}
img{ border:none;}

table.bdy{
	border:none;
	width:100%;
}

table.bdy td{
	vertical-align:top;
}

table.bdy td.sidBr{
	width:20%;
	background-color:#FFE;
	border:1px solid #AAA;
}

table.bdy td.main{
	background-color:#FFF
	
}

table.bdy td.sidBr div.date{
	display:block;
	background-color:#FFC;
	border:1px solid #AAA;
	padding:2px;
	text-align:center;
}

/*End of Body of Page -->*/

/*<!-- Home Page Menu*/

hr.lastLogin{
	border:1px solid #888;
	margin:20px 50px;
}

div.lastLogin{
	border:1px solid #DDD;
	width:460px;
	margin: 10px auto;
	padding:4px;
}



/*End of Home Page Menu-->*/

/*<!-- Side Bar Menu*/

div.mnu{
	background-color:#EEC;
	border:1px solid #AAF;
}

div.mnu img{
	border:none;
}

div.mnu a{
	text-decoration:none;
}

div.mnu div.title{
	display:block;
	background-color:#DDE;
	cursor:pointer;
	border:1px solid #FFD;
	padding:2px;
}

div.mnu div.bdy{
	display:none;
	padding:1px;
	padding-right:12px;
	padding-left:12px;
}

div.mnu div.bdy br{
	margin:2px;
}

/*End of Side Bar Menu-->*/

/*<!-- Tabs*/
.actvBr{
	background-color:#94B9D6;
	border:1px solid #668BA0;
	color:#FFF;
	display:block;
	/*width: 100px;*/
	text-align:center;
	padding:3px;
	cursor:default;
}

.br{
	background-color:#C8D6FF;
	border:1px solid #BBBBEE;
	color:#000000;
	display:block;
	/*width: 100px;*/
	text-align:center;
	cursor:pointer;
	padding:3px;
}

.br:hover{
	background-color:#B4D7EB;
}

.tbar{
	border:1px solid #7E9DAF;
}
/*End of Tabs-->*/

/*<!-- Search bar*/

fieldset.srch{
	padding:2px;
	margin-bottom:2px;
	border:1px solid #CCC;
}

fieldset.srch legend{
	cursor:pointer;
	background:url('../imgs/srch.png') no-repeat top right;
	padding-right:25px;
	padding-left:10px;
}

fieldset.srch .label, form.edt .label{
	width:140px;
}

/*End of Search bar-->*/

/*<!-- List */

form.list{
	margin:0;
	text-align:center;
}

table.list{
	width:100%;
	margin-top:5px;
	border:1px solid #999;
}

.md_developer table.list{
	margin:2px 0 0 0;
}


table.list tr.frstRw{
	background-color:#666666;
	color: #FFF;
}

table.list tr.frstRw td{
	text-align:center;
	padding:1px;
}

table.list tr td.tls{/*Tools*/
	text-align:center;
}

table.list tr td.chk{/*CheckBox Column*/
	text-align:center;
}

table.list tr.rw1, r1{
	background-color:#eeeeee;
}

table.list tr.rw0, r0{
	background-color:#ffffff;
}

table.list tr.disabled{
	background-color:#F77;
}

table.list tr.rw1:hover,table.list tr.rw0:hover{
	background-color:#ffcccc;
}

table.list tr td a{
	color:#992031;
}

table.list tr td a:hover{
	color:#0F4F86;
}


table.list tr.gry{
	background-color:#DCDCDC;
}

/*End of List-->*/

/*<!-- Others */

div.actnTitle{ /*Action Title*/
	display:block;
	background-color:#EEF;
	padding:2px;
	border:1px solid #B1B1B1;
	margin:2px;
}

form.edt table{
	width:100%;
	/*border:1px solid #999;*/
}

form.edt table *.txt, form.edt table *.slct{
	margin-left:20px;
}

div.pg a{ /* Pagination*/
	margin:2px;
}

/*End of Others -->*/

/*<!-- Gallery List*/

	ul.list{
		list-style: none;
		display:block;
		width:100%;
	}
	
	ul.list li{
		width:125px;
		height:140px;
		float:right;
		border:1px solid #DDD;
		margin:2px;
	}
	
	ul.list li div.tls{
		display:block;
		margin:2px;
		padding:1px;
		background-color:#EEE;
	}

/*End of Gallery List-->*/

.hints{
	border:1px solid #FFD700;
	padding:3px;
	margin:5px 20px;
	background-color: #FFC;
}

/*--------------------------- new Template Style--------------------------------*/

/* =GENERAL
------------------ */

body{ 
	padding:0; margin:0;
	background:#FFF url(../imgs/bg.gif) repeat-x top left; 
   	color:#000;
   /*font:normal 14px tahoma, Arial, Helvetica, sans-serif; */
   position:relative;  
}

a { color:#0091D5; }
	a:hover { }

img{ border:none; }
	
table{ width:100%; margin-bottom:15px; line-height:24px; }

.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.fixed{display:block;}
	/*  \*/
	.fixed{min-height:1%;}
	* html .fixed{height:1%;}

/* =HEADER
------------------ */

#header { margin:0 auto; width:900px; }

	/* =LOGO
	------------------*/
	
	.logo { padding:5px 0 5px 2px; margin:0;  color:#FFF; text-align:left;}
	.logo a{ outline:none; }
		
	/* =NAVIGATION
	------------------*/
/* =CONTENT 
-------------------*/

#content { width:98%; margin:0 auto; padding:1%; }

.fa #content{ direction:rtl;}
.en #content{ direction:ltr;}

	/* =MAIN CONTENT
	------------------*/
	
	#maincontent { float:right; width:100%; padding:0 0 30px 0; margin:0px; text-align:justify; border:1px solid #DDD;}

/* =FOOTER 
-------------------*/

#footer { background: url(../imgs/bg_footer.gif); padding:0; height:15px; margin:0 auto; padding:10px 40px; width:820px; text-align:center;}

	#footer p { font-size: 12px; color:#fff; }
	#footer a { color:#fff; text-decoration:underline;}
	.copyright{ direction:ltr;}
	.credits{ float:right;}
		
/* =MISC
-------------------*/
#round_bottom{ width:900px; height:20px; background:url(../imgs/round-bottom.png) no-repeat top center; margin:0 auto; }

div.actvR{ border-color:#E55; width:500px;background-color:#FFDD55;}

/*<!-- Top Menu */

.sf-menu * {
	font-size:10pt;
}

.sf-menu * img{
	height:16px;
	width:16px;
}

ul.sf-menu li ul{
	margin-top:6px;	
}
ul.sf-menu{
	--background-image:url( '../imgs/adMnuBg.jpg');
	--background-repeat:x-repeat;
	background-color:#d9d9d9;
}

/*Toolbar*/

div.h-mnu{
	display:block;
	background-color:#d9d9d9;
	width:100%;
	height:76px;
	margin-top:1px;
}

div.h-mnu img{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div.h-mnu img:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

ul.h-mnu{
	list-style: none;
	width:100%;
	margin:0;
	margin-right:10px;
	/*margin-top:18px;*/
	padding:0;
}

ul.h-mnu li.item{
	height:72px;
	width:93px;
	border:0px solid #EEE;
	margin:0px;
	padding:2px 0;
	text-align:center;
	float:right;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */	
}

ul.h-mnu li.item:hover{
	--background-image:url( '../imgs/tlbr.bg.ovr.png');
	background-repeat:x-repeat;	
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */	
}

ul.h-mnu li.item a{
	font-size:8pt;
	color:#000;
}

ul.h-mnu li img{
	display:block;
    margin:0 auto;
}

ul.h-mnu li.item:hover{
	background-color:#EEE;
}


/*End of Top menu-->*/


/*Modules Form*/

.md_houses form.edt table div.input{
	
}

.md_reports form.edt table div.input label, .md_houses form.edt table div.input label, .md_houses .srch div.input label{
	width:100px;
	display:block;
	float:right;
}

.md_reports form.edt table div.input label{
	width:120px;
}

.md_reports form.edt table div.input input, .md_reports form.edt table div.input select,
.md_houses form.edt table div.input input, .md_houses form.edt table div.input select{
	float:right;
}

br.sep{
	clear:both;
	margin-top:6px;
}
legend{
	background-image:url( '../imgs/lgbg.jpg');
	background-repeat:y-repeat;
	border:1px solid #848484;
	font-size:10pt;
}
/*Modules Form-->*/

div.bnr{
	--background-image:url( '../imgs/adm.bnr.bg.png');
	--background-repeat:x-repeat;
	background-color:#4a4a4a;
	height:30px;
	width:100%;
	direction:rtl;
	padding-top:5px;
	color:#FFF;
	font-size:10.5pt;
}
div.bnr div.icn{
	background-image:url( '../imgs/adm.png');
	background-repeat:no-repeat;
	height:24px;
	width:24px;
	float:right;
	margin-right:8px;
	margin-left:3px;
}

div.bnr div.date{
	float:left;
	padding-left:4px;
}

div.bnr a{
	color:#EEC;
}

div.bnr a:hover{
	color:#EE0;
}


/*Customize the Modules*/

.md_config table.list tr td{
	text-align:center;
}
.md_config table.list tr td a img{
	display:block;
	margin:0 auto;
}

div.welcome{
    display:block;
    text-align:center;	
}

.srtIcn{
	float:left;
	padding-left:3px;
	padding-top:3px;
}

/*--------*/

.md_tickets form.list table.list tr.rw0 td a,
.md_tickets form.list table.list tr.rw1 td a{
	display:block;
}

.md_tickets form.list table.list tr.unread{
	font-weight:bold;
}

.md_serials form.edt .label{
	width:250px;
}

.md_sales form.edt .label{
	width:220px;
}

.smsButton{
    background-color: #2680c5;
    border: 1px dotted #333;
    color: #FFF;
    cursor: pointer;
    font-size: 10pt;
    padding-top: 0;
    padding:3px;
}

.anchorPointButton{
    background-color: #f8a836;
    border: 1px dotted #333;
    color: #000;
    cursor: pointer;
    font-size: 10pt;
    padding-top: 0;
    padding:3px;
}
/*--------*/

/*  -=-=-=-=-=-  */
/* Button  Style */
/* Ghasem Babaie 1393.05.12 */
/*  -=-=-=-=-=-  */
/* This first block of code sets the common style for all example 1 buttons. */
.button-base-1 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;   
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #ffffff;
	text-shadow: none;
	border: none;
	height: 34px;
	line-height: 0px;
	padding: 0px 11.6px;
	font-weight: 300;
	font-size: 10.5pt;
	font-family: tahoma;
	margin: 0;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	cursor: hand;
	cursor: pointer;
}

/* The next blocks of code are for user actions on the buttons. */
.button-base-1:hover {
	text-decoration: none;
	color: #ffffff
}
.button-base-1:active {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.03), inset 0px -1px 1px rgba(255, 255, 255, 0.05), 0px 1px 0px #777777, 0px 3px 3px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.05), 0px 1px 0px #777777, 0px 3px 3px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.03), inset 0px -1px 1px rgba(255, 255, 255, 0.05), 0px 1px 0px #777777, 0px 3px 3px rgba(0, 0, 0, 0.03)
}
	
/* The next blocks of code are specific to the color. Copy the color you want. */
.delBtnStyle {
	background: #BBBEBE;
	color: #000033;
}
.delBtnStyle:hover {
	background: #E35349;
}
.addBtnStyle{
	background: #BBBEBE;
	color: #000033;
}
.addBtnStyle:hover {
	background: #51a3d6;
}
.edtBtnStyle {
	background: #BBBEBE;
	color: #000033;
}
.edtBtnStyle:hover {
	background: #DA905C;
}
.clrBtnStyle {
	background: #EA7E74;
	color: #000033;
}
.clrBtnStyle:hover {
	background: #BBBEBE;
}
.srchBtnStyle {
	background: #99CC66;
	color: #000033;
}
.srchBtnStyle:hover {
	background: #BBBEBE;
}
.sendBtnStyle {
	background: #D59359;
	color: #FFF;
}
.sendBtnStyle:hover {
	background: #BBBEBE;
}
.duplicateBtnStyle {
	background: #dae350;
	color: #000;
}
.duplicateBtnStyle:hover {
	background: #BBBEBE;
}
.cancleBtnStyle {
	background: #4A4A4A;
	color: #FFF;
}
.cancleBtnStyle:hover {
	background: #BBBEBE;
}
.commentBtnStyle{
	background: #BD62C4;
	color: #FFF;
}
.commentBtnStyle:hover {
	background: #BBBEBE;
}
.followBtnStyle{
	background: #65A4F7;
	color: #FFF;
}
.followBtnStyle:hover {
	background: #BBBEBE;
}
.assignBtnStyle {
	background: #4A4A4A;
	color: #FFF;
}
.assignBtnStyle:hover {
	background: #BBBEBE;
}
/* -=-=-=-=-=- */

.blinkMsg {
	-moz-animation-duration: 700ms;
	-moz-animation-name: blinkMsg;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;

	-webkit-animation-duration: 700ms;
	-webkit-animation-name: blinkMsg;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	animation-duration: 700ms;
	animation-name: blinkMsg;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@-moz-keyframes blinkMsg {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.7;
  }
}

@-webkit-keyframes blinkMsg {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.7;
  }
}

@keyframes blinkMsg {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.7;
  }
}

.blinkTxt {
	font-family: 'MyriadArabic', 'B Yekan', 'BYekan', 'Tahoma';
	font-size: 1.3em;
	color:#e1e32f;

	-moz-animation-duration: 800ms;
	-moz-animation-name: blink;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;

	-webkit-animation-duration: 800ms;
	-webkit-animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	animation-duration: 800ms;
	animation-name: blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.4;
  }
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.4;
  }
}

@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.4;
  }
}