#login-box {
	width: 561px;
	height: 400px;
	padding: 6px 76px 0 106px;
	color: #999;
	font-size: 14px;
	margin-top: 100px;
	background: #237ea3a6;
}

.rtl #login-box {
	padding:65px 106px 0 76px;
}

.login-header {
  margin: 10px 0 10px 0; font-size: 16px;
}

#login-box img {
	border:none;
}

#login-box h2 {
	padding:0;
	margin:0;
	color: #999;
	font-size: 44px;
	text-align:left;
}

.rtl #login-box h2 {
	text-align:right;
}

#login-box instruction
{
  margin:20px 0 20px 0;
  font-size:13px;
  float:left;
  text-align:left;
}

.login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
	color:#999;
}
.rtl .login-box-name {
	float: right;
	text-align: left;
	padding: 14px 0 0 10px;
}

.login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}
.rtl .login-box-field {
	float: right;
}
.form-login-reqd  {
  float:left;
  padding:10px 0 0 13px;
  color:#ff4455
}
.rtl .form-login-reqd  {
  float:right;
  padding:10px 13px 0 0 ;
  color:#ff4455
}

.form-login {
	padding: 10px 4px 6px 3px;
	color: #999;
}

.rtl .form-login  {
	padding: 10px 3px 6px 4px;
}

.login-box-options  
{
  float:left;
  padding:10px 0px 5px 87px;
}

.rtl .login-box-options  
{
  float:right;
  padding:10px 87px 5px 0px;
}

.login-box-options a 
{
  color: #999;
}

.login-error
{
  color:#c13147;
  font-size:20px;
  font-weight:400;
  text-align:center;
  padding:5px;
  width:340px;
}

.copyright
{
  font-size:14px;
  margin-top:10px;
}

.copyright a
{
  color:blue;
  text-decoration:none;
}

.copyright a:hover
{
  text-decoration:underline;
}

.margin
{
  margin-left:20px;
}
#progressBackgroundFilter
{
  opacity: 0.9;
  filter: alpha(opacity=90); 
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  z-index: 1000;
}
    
#processMessage
{
  position: fixed;
  top: 38%;
  left: 40%;
  padding: 10px;
  width: 15%;
  z-index: 1001;
  opacity: 0.7;
  filter: alpha(opacity=70); 
}

.rtl #processMessage
{
  right: 40%;
}
    
.modalPopup
{
  background-color: #ffffdd;
  border: solid 1px #C8E3F9;
  padding: 3px;
  width: 250px;
}
    
.modalBackground
{
  background-color: #000000;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
    
input[type=text],
input[type=password]
{
border:medium none;
/*border: 1px solid #dfdfdf;*/
color:#999;
width:310px;
font-size:20px;
padding:0 5px 0 5px;
display: block;
line-height: 40px;
height: 40px;
float: left;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=text]:focus,
input[type=password]:focus
{
  color:#000;
}

.rtl input[type=text], 
.rtl input[type=password]{
  float: right;
}

.login-btn
{
  padding:1px 0 0 0;
  text-align:center;
  display:inline-block;
  height:40px;
  width:110px;
  text-decoration:none;
  color:#999;
  font-weight:400;
  font-size:23px;
}

/*.login-btn:hover {background:#339933;}*/

.my-icon{font-size:28px;float:left;margin-top:0px;margin-left:80px;background:#dfdfdf;height:40px;width:40px;padding-left:5px; color:#999;}
.rtl .my-icon{float:right;margin-left:0; margin-right:80px;padding-left:0; padding-right:5px;}
.gray-m{background:#dfdfdf;}
.gray-m:hover{color:#ffffff;background:#13a132}
#title {font-size:50px; color:#ffffff; font-weight:100;text-align:left;margin:0 0 20px -6px;padding:0;}
.rtl #title {text-align:right;margin:0 0px 20px 0;}
.icon-login{text-align:left;padding:2px 0 0 12px;border-right:1px solid #999;width:40px;height:40px;margin:-1px;}
.rtl .icon-login{text-align:right;padding:2px 7px 0 0;border-left:1px solid #999;border-right:none;}
.text-login{margin:-38px 0 0 40px}
.rtl .text-login{margin:-38px 40px 0 0 }
::-webkit-input-placeholder { color:#99ee00; }
::-moz-placeholder { color:#99ee00; } /* firefox 19+ */
:-ms-input-placeholder { color:#99ee00; } /* ie */
input:-moz-placeholder { color:#99ee00; }
.mskool{color:white;font-weight:bold;}