#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height:100%;
    width:100%;
    overflow:hidden;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}
/*****************************/
.BlinkingRedBackGround{
        -webkit-animation-name: blinkRed; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkRedBackGround;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: .3s;
    }
    @keyframes blinkRedBackGround {
        from {
            background-color:red;
        }
        to {
            background-color:#f96d6d;
        }
    }
    @-webkit-keyframes blinkRedBackGround {
        from {
            background-color:red;
        }
        to {
            background-color:#f96d6d;
        }
    }
.BlinkingRedText{
        -webkit-animation-name: blinkRed; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkRedText;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: .7s;
    }
    @keyframes blinkRedText {
        from {
            color:red;
        }
        to {
            color:maroon;
        }
    }
    @-webkit-keyframes blinkRedText {
        from {
            color:red;
        }
        to {
            color:maroon;
        }
    }

      .BlinkingYellow{
        -webkit-animation-name: blinkYellow; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkYellow;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 1s;
    }
    @keyframes blinkYellow {
        from {
            background-color:yellow;
        }
        to {
            background-color:white;
        }
    }
    @-webkit-keyframes blinkYellow {
        from {
            background-color:yellow;
        }
        to {
            background-color:white;
        }
    }
    /***************************************************************/
    .BlinkingRed{
        -webkit-animation-name: blinkRed; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkRed;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 1s;
    }
    @keyframes blinkRed {
        from {
            background-color:red;
        }
        to {
            background-color:white;
        }
    }
    @-webkit-keyframes blinkRed {
        from {
            background-color:red;
        }
        to {
            background-color:white;
        }
    }
    .BlinkingYellow{
        -webkit-animation-name: blinkYellow; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkYellow;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 1s;
    }
    @keyframes blinkYellow {
        from {
            background-color:Yellow;
        }
        to {
            background-color:white;
        }
    }
    @-webkit-keyframes blinkYellow {
        from {
            background-color:Yellow;
        }
        to {
            background-color:white;
        }
    }
    .BlinkingGreen{
        -webkit-animation-name: blinkGreen; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkGreen;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 1s;
    }
    @keyframes blinkGreen {
        from {
            background-color:green;
        }
        to {
            background-color:white;
        }
    }
    @-webkit-keyframes blinkGreen {
        from {
            background-color:green;
        }
        to {
            background-color:white;
        }
    }
    .BlinkingBlue{
        -webkit-animation-name: blinkBlue; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: blinkBlue;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 1s;
    }
    @keyframes blinkBlue {
        from {
            background-color:skyblue;
        }
        to {
            background-color:white;
        }
    }
    @-webkit-keyframes blinkBlue {
        from {
            background-color:skyblue;
        }
        to {
            background-color:white;
        }
    }
/***********************************/
* {
margin: 0px;
padding: 0px;
border: 0px;
}

html
{
    padding:0;
    margin:0;
    height:100%;
    font-family:Tahoma;
    font-size:8pt;
    text-align:center;
    position:relative;

}

form
{
    padding:0;
    margin:0;
    direction:rtl;
    height:auto;
    text-align:center;
}

a
{
    font-weight:500;
    color:#878889;
    text-decoration:none;
}
a:hover
{
    color:#646566;
}
a:active
{
    color:#cccccc;
}
a:visited
{
    color:#a9a9ab;
}
select
{
    font-family:Tahoma;
    font-size:9pt;
}
input
{
	font-size: 8pt;
	border-color:Gray;
	border :solid 1px darkgray;
	/*background-image: url(../images/input.gif);*/
	vertical-align: middle;
	color: #000033;
	direction: rtl;
	font-family: tahoma;
	height: 21px;
	text-align: right;
}
.select
{
    border:solid Gray 1px;
}
div
{
    font-family:Tahoma;
    font-size:9pt;
}
table
{
    font-family:Tahoma;
    font-size:9pt;
}
td
{
    font-family:Tahoma;
    font-size:9pt;
}
.combobox{
    border:solid 1px gray;
}
.checkbox{
    
}
.checkbox Label{
    vertical-align:bottom;
    padding-right:3px;
}

/*---------------------------*/
.LeftToRight
{
    direction:ltr;
}
.GridButtons
{
    width:24px;
    height:24px;
}
.imageInDiv
{
	display:block;
}
.MyButton
{
	color: #000000; 
	font-family: Tahoma; 
	font-size:8pt;
	background-image:url('../images/input.gif');
	border: solid 1px black; 
	text-align: center;
	height:24px;
}
.FaInput
{
	font-family: tahoma;
	font-size: 9pt;
	border:solid 1px darkgray;
	vertical-align: middle;
	color: #000033;
	height: 18px;
	text-align: right;
	direction:rtl;
}
.EnMemo
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 8pt;
	vertical-align: baseline;
	border-left: darkgray 1px solid;
	color: #000033;
	direction: ltr;
	border-bottom: darkgray 1px solid;
	background-color:#ffffff;
	background-repeat: repeat-x;
	font-family: tahoma;
	height: 21px;
	text-align: left;
}
.FaMemo
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 8pt;
	vertical-align: baseline;
	border-left: darkgray 1px solid;
	color: #000033;
	direction: rtl;
	border-bottom: darkgray 1px solid;
	background-repeat: repeat-x;
	background-color:#ffffff;
	font-family: tahoma;
	text-align: right;
	direction:rtl;
}
.EnInput
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-family: tahoma;
	font-size: 8pt;
	vertical-align: baseline;
	border-left: darkgray 1px solid;
	color: #000033;
	direction: ltr;
	border-bottom: darkgray 1px solid;
	background-repeat: repeat-x;
	height: 21px;
	text-align: left;
	
}
hr {
  border: 0;
  clear:both;
  display:block;
  width: 96%;        
  margin-top:15px;  
  padding-top:2px;     
  background-color:black;
  height: 1px;
}
/*----------- combo ---------*/
div.cmf-skinned-select 
{
    background: url('../images/dropDownBG.png') top right no-repeat ;
    
    border: 0px solid #ccc;
    width:325px;
    height:28px;
}
div.cmf-skinned-text {
    padding: 3px;
}
.GridButtons
{
    width:24px;
    height:24px;
}

@font-face {
  font-family: yekan;
  src: url('../fonts/yekan-font/yekan.eot');
  src: url('../fonts/yekan-font/yekan.eot?#iefix') format('FontName-opentype'),
       url('../fonts/yekan-font/yekan.woff') format('woff'),
       url('../fonts/yekan-font/yekan.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: samim;
  src: url('../fonts/samim-font-v2.0.1/samim.eot');
  src: url('../fonts/samim-font-v2.0.1/samim.eot?#iefix') format('FontName-opentype'),
       url('../fonts/samim-font-v2.0.1/samim.woff') format('woff'),
       url('../fonts/samim-font-v2.0.1/samim.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

fieldset {
		padding:0 10px 10px;
		border:1px solid #666;
		border-radius:8px;
		box-shadow:0 0 10px #666;
	}
	legend {
		padding:2px 4px;
		background:#fff; /* For better legibility against the box-shadow */
	}