/*html, body
{
    height: 100%;
}



body
{
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;    
    margin: 0;
    background-color: #c0c1fa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeef2), to(#c0c1fa));
    background-image: -webkit-linear-gradient(top, #ebeef2, #c0c1fa);
    background-image: -moz-linear-gradient(top, #ebeef2, #c0c1fa);
    background-image: -ms-linear-gradient(top, #ebeef2, #c0c1fa);
    background-image: -o-linear-gradient(top, #ebeef2, #c0c1fa);
    background-image: linear-gradient(top, #ebeef2, #c0c1fa);    
}*/

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

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}
#box
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#efceff), to(#c0c1fa));
    background-image: -webkit-linear-gradient(top, #fff, #c0c1fa);
    background-image: -moz-linear-gradient(top, #fff, #c0c1fa);
    background-image: -ms-linear-gradient(top, #fff, #c0c1fa);
    background-image: -o-linear-gradient(top, #fff, #c0c1fa);
    background-image: linear-gradient(top, #fff, #c0c1fa);  

	height: 300px;
    #width: 30%;
    margin: -150px 0 0 -130px;
    padding: 30px;
    position: absolute;
    top: 30%;
    #left: 70%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#boxRight:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}


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

.loginTxt
{
    text-shadow: 0 1px 0 rgba(0, 0, 0, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #e30b31;
    margin: -1px 0 -10px 0;
    letter-spacing: 5px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
    top: -20px;
}

.loginTxt:after, .loginTxt:before
{
    background-color: #e30b31;
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 30%;   
}

.loginTxt:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#e30b31), to(#e30b31));
    background-image: -webkit-linear-gradient(left, #e30b31, #e30b31);
    background-image: -moz-linear-gradient(left, #e30b31, #e30b31);
    background-image: -ms-linear-gradient(left, #e30b31, #e30b31);
    background-image: -o-linear-gradient(left, #e30b31, #e30b31);
    background-image: linear-gradient(left, #e30b31, #e30b31);      
    right: 0;
}

.loginTxt:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#e30b31), to(#e30b31));
    background-image: -webkit-linear-gradient(right, #e30b31, #e30b31);
    background-image: -moz-linear-gradient(right, #e30b31, #e30b31);
    background-image: -ms-linear-gradient(right, #e30b31, #e30b31);
    background-image: -o-linear-gradient(right, #e30b31, #e30b31);
    background-image: linear-gradient(right, #e30b31, #e30b31);
    left: 0;
}

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

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

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

#inputs input
{
	background: #f1f1f1 url(../css/login/login-sprite.png)  no-repeat;
	padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 75%; 
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}
#pin_code
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fdfede;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/
#actions
{
    margin: 10px 0 0 0;
}

.subBtn
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: right;
    height: 35px;
    padding: 0;
    width: 80px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #0e0693;
	padding-right:3px;
	margin-left: 10px;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    font: bold 13px Arial, Helvetica;
    color: #1506cc;    
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

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

.back
{
    text-align: center;
    position: relative;
    top: 60px;
	font: bold 13px Arial, Helvetica;
	color: #999;
}

#footer {
    position: absolute;
    top: 74%;
    z-index: 0;
    padding: 10px;
	#color: #073e00;
	color: #828282;
	#font-weight:bold;
	font-style:italic;

}
#footer hr {
       display: block;
       position: relative;
       padding: 0;
       margin: 8px auto;
       height: 0;
       width: 100%;
       max-height: 0;
       font-size: 1px;
       line-height: 0;
       clear: both;
       border: none;
       border-top: 1px solid #aaaaaa;
       border-bottom: 1px solid #ffffff;
}

#footer p {padding:0 0 0 45px; margin:6px; background:url(../images/warning.gif) 5px 5px no-repeat;}


.error1 {
    #background-color: #c0c1fa;
	color:#ff1a1a;
    font: bold 12px Arial, Helvetica;
}


.dvShowHidePassword
{
	font-size: 15px;
	font-weight: bold;
	margin-left: -38px;
	border-left: 1px solid #ff0000;
	padding: 7px 10px;
	cursor: pointer;
	line-height: 30px;
	ser-select: none;
	-webkit-user-select: none; /* webkit (safari, chrome) */
	-moz-user-select: none; /* mozilla */
	-khtml-user-select: none; /* webkit (konqueror) */
	-ms-user-select: none; /* IE10+ */
}

.icon-eye, .icon-eye-slash {
  color: #2727f8;
  font-size:18px;
}

/* Login level2 */

#menu {
	background: #830d0d url(../images/login/menu_bg.gif) 0 0 repeat-x; height:32px;
	border-top:1px solid #000;
}
#menu ul {list-style:none; margin:0; padding:0 10px;}
#menu ul li {float:left; padding:0 30px 0 0; line-height:30px;}
#menu ul li a {
	background: transparent url(../images/login/menu_bullet.gif) 0 0 no-repeat;
	color:#fff;  padding:0 0 2px 25px; font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#menu ul li a:hover {text-decoration:none; color:#ffcdcd; }
.bigred {color:red;font-size:16px; font-weight:bold; text-align:center; }
.small {font-size:14px; font-weight:bold; text-align:center;}
.smallgreen {color:#00ff99;font-size:14px; font-weight:bold; text-align:center;}
.biggreen {color:#66ff33;font-size:16px; font-weight:bold; text-align:center; }

.menutitle {
	text-align:center;vertical-align:middle;text-decoration:none;
}
.clear {clear:both;}
.red {color:#ff0000 !important;}
.pad15 {padding:15px;}
.boldTxt {
	float:left; font-size:13px; padding:0 0 0 40px; line-height:35px;
	font-weight:bold;color:#000;
}
.sms {
	float:left; font-size:13px; padding:0 0 0 40px; line-height:35px;
	background:transparent url(../css/login/txt-icon.png) 0 0 no-repeat;
	font-weight:bold;color:#f91e6a;
}
.voice {
	float:left; font-size:13px; padding:0 0 0 40px; line-height:35px;
	background:transparent url(../css/login/phone-icon.png) 0 0 no-repeat;
	font-weight:bold;color:#f91e6a;
}
.email {
	float:left; font-size:13px; padding:0 0 0 40px; line-height:35px;
	background:transparent url(../css/login/email-icon.png) 0 0 no-repeat;
	font-weight:bold;color:#f91e6a;
}
.auth_btn, .auth_btn_over {
	font:bold 13px Arial, Helvetica, sans-serif;
	cursor:default; padding:3px 10px; border:1px solid;
	margin:0 0 5px 0;
	width:80px;height:30px;
	cursor:hand;
}

.auth_btn {
	color:#fff;	
	background-color:#1ef206;
	border-top-color:#276aa2;
	border-left-color:#276aa2;
	border-right-color:#1c588a;
	border-bottom-color:#1c588a;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#b0c8dd');	
}

.auth_btn_over, .auth_btn:hover {
	color:#000;
	background-color:#C9E2FF;
	border-top-color:#276aa2;
	border-left-color:#276aa2;
	border-right-color:#1c588a;
	border-bottom-color:#1c588a;	
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#b0c8dd',EndColorStr='#ffffff');
}

.auth_btn_disabled {
	color:#6d6d6d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#dedede;
	border:1px solid;
	border-top-color:#b0b0b0;
	border-left-color:#b0b0b0;
	border-right-color:#959595;
	border-bottom-color:#959595;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#f1f1f1',EndColorStr='#d6d6d6');
	padding:2px 5px;
	height:20px;

	font:bold 13px Arial, Helvetica, sans-serif;
	padding:3px 10px; border:1px solid;
	margin:0 0 5px 0;
	width:80px;height:30px;
}

/* Yellow Box*/
.yellow-box1 {margin:10px 0; line-height:18px; line-height:7px;}
.yellow-box1 .tl {background: transparent url(../images/login/yellow_tl.gif) 0 0 no-repeat;}
.yellow-box1 .tr {background: transparent url(../images/login/yellow_tr.gif) top right no-repeat;}
.yellow-box1 .bl {background: transparent url(../images/login/yellow_bl.gif) bottom left no-repeat;}
.yellow-box1 .br {background: transparent url(../images/login/yellow_br.gif) bottom right no-repeat;}
.yellow-box1 .tl, .yellow-box1 .tr, .yellow-box1 .bl, .yellow-box1 .br {width:10px;}

.yellow-box1 .tm {border-top:1px solid #eecf70; background:#ffffe0;}
.yellow-box1 .lm {border-left:1px solid #eecf70; background:#ffffe0;}
.yellow-box1 .rm {border-right:1px solid #eecf70; background:#ffffe0;}
.yellow-box1 .bm {border-bottom:1px solid #eecf70; background:#ffffe0;}
.yellow-box1 input[type=text] {height:20px;width:200px;}

.yellow-box1 .text {
	background: #ffffe0  0 0 no-repeat; padding:0 0 0 25px; line-height:28px;text-align:center;
}