/* @group global reset */
html, body {
	padding:0;
	margin:0;
	height:100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
sup {
	vertical-align:top;
	line-height:1;
}
fieldset, dd, button, form {
	margin:0;
	padding:0;
	border: none;
}
ul, ul li, ol, ol li, dl, p, input {
	margin:0;
	padding: 0;
}
ul li, ol li, menu li { list-style-type: none;}
img, a img {
	border: none;
}
table {
	border-spacing:0; 
	*border-collapse:collapse;
	width:100%;
}
input, button, label, td {
	margin: 0;
	padding: 0;
}
iframe {
	border:none;
}
abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video, blockquote, address {
	margin:0;
	padding:0;
}
header, footer, nav, menu, section, aside, article, details, summary, address {
	display:block;
	zoom:1;
	width:100%;
}
/* @end */

/* @group Default Element Styles */
body {
    font: normal 12px/16px arial;
    color: #666;
}
a {
	text-decoration: none;
	color:#0086c1;
	cursor:pointer;
	outline:0;
}
a:hover { text-decoration:none; color:#666; }
a:hover, a:active, a:focus { outline:0; }
input[type=text], input[type=password], textarea {
	border:1px solid #dfdfdf;
	font:normal 12px/16px arial;
	color:#333;
	padding:5px;
	width:190px;
	outline:0;
	position: relative;
    z-index: 1;
    display:block;
}
input:active, textarea:active { outline:0; }
input:focus, textarea:focus { 
	outline:0;
	box-shadow:0 0 10px 1px #ddd; 
	-moz-box-shadow:0 0 10px 1px #ddd; 
	-webkit-box-shadow:0 0 10px 1px #ddd; 
}
/* @end */

/* @group clearfix */
.clearfix { zoom: 1; }
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	font-size: 0;
}
.clearfix { display:block; }
* html .clearfix { height:1%; }
*+html .clearfix { display:inline-block; }
/* @end */
.rPos {
	position:relative;
}
/*
.loginBlockWrap {
	max-width:1380px;
}*/

.loginBlockWrap {
	max-width:100%;
}


.loginBlock {
	float:right;
	width:380px;
	margin:20px 40px 20px 0;
	background:url(Images/LogOn_files/login-form-bg.png) repeat left top;
}

 
.forgotpassForm { background:url(Images/LogOn_files/forgotpass-bg.png) repeat left top; }
.logo, .logo img { display:block; }
.loginForm {
	/*padding:30px;*/
    padding: 15px 30px 30px 30px;
	background:url(Images/LogOn_files/login-shadow.png) repeat-x left top;
} 
.loginForm h2 {
	background:url(Images/LogOn_files/login-form-divider.png) repeat-x left bottom;
	/*padding:0 8px 40px 8px;*/
    padding: 0 8px 30px 8px;
	/*margin-bottom:30px;*/
    margin-bottom: 15px;
	font:normal 44px/38px "Calibri", "arial";
	color:#fff;
	text-transform:uppercase;
}
.loginForm h2 span {
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	display:block;
}
.loginForm p {
	font:italic normal 22px/26px "Calibri", "arial";
	color:#fff;
	padding:0 8px;
	margin-bottom:20px;
}
.loginForm form {
	display:block;
	padding:0 8px;
}
.loginForm label {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	font: normal 11px/14px arial;
	color: #999;
	text-transform: uppercase;
	background-color: #fff;
	float: left;
	width: 90px;
	height: 14px;
	padding: 12px 0 12px 15px;
}
.loginForm input {
	display: block;
	clear: both;
	font: normal 16px/20px arial;
	color: #333;
	border: none;
	width: 160px;
	padding: 9px 15px 9px 10px;
	margin-left: 95px;
}
.loginForm .itl {
	color:#999;
}
.loginForm input:focus { outline:0; box-shadow:none; }
.loginForm .submitBtn {
	font:normal 24px/28px "Calibri", "arial";
	color:#fff;
	text-transform:uppercase;
	border:none;
	width:auto;
	cursor:pointer;
	padding:6px 30px 6px 20px;
	background:#333 url(Images/LogOn_files/sprites/icons.png) no-repeat right -1386px;
	margin:0 0 15px 0;
}
.loginForm .submitBtn:hover { background-color:#004867; }
.loginForm .forgotPass {
	font-size:14px;
	font-weight:normal;
	color:#72d4ff;
}
.loginForm .backToLogin {
	font-size:14px;
	font-weight:normal;
	color:#ccc;
}

.loginForm .forgotPass:hover, .loginForm .backToLogin:hover { text-decoration:underline;	 }
#validation-summary-errors {
	display:block;
	clear:both;
	font:normal 12px/16px arial;
	color:#a8364b;
	border:none;
	width:250px;
	padding:12px 15px;
	margin-bottom:15px;
	background-color:#ffe6ea;
}
#validation-summary-errors label {
	position:static;
}

/*.loginForm .forgotPass:hover, .loginForm .backToLogin:hover { text-decoration:underline;	 }*/
#validation-summary-errors-frgt {
	display:block;
	clear:both;
	font:normal 12px/16px arial;
	color:#a8364b;
	border:none;
	width:250px;
	padding:12px 15px;
	margin-bottom:15px;
	background-color:#ffe6ea;
}
#validation-summary-errors-frgt label {
	position:static;
}
/*.loginForm .forgotPass:hover, .loginForm .backToLogin:hover { text-decoration:underline;	 }*/
#validation-summary-errors-GetPasswd {
	display:block;
	clear:both;
	font:normal 12px/16px arial;
	color:#a8364b;
	border:none;
	width:250px;
	padding:12px 15px;
	margin-bottom:15px;
	background-color:#ffe6ea;
}
#validation-summary-errors-GetPasswd label {
	position:static;
}
.dateField {
	display:block;
	clear:both;
	font:normal 16px/20px arial;
	color:#333;
	border:none;
	width:160px;
	height:38px;
	padding:0 15px 0 105px;
	background-color:#fff;
}
.dateField input {
	padding: 9px 15px 9px 0;
	width: 25px;
	float: left;
	clear: none;
	margin: 0 7px 0 0;
	background:url(Images/LogOn_files/icons/date-field-bg.png) no-repeat right 9px;
	text-align:center;
}
.dateField .dateYear {
	width:45px;
	margin:0;
	padding: 9px 0 9px 0;
	background:none;
}
.forgotpassSuccess {
	padding:30px;
	background:url(Images/LogOn_files/login-shadow.png) repeat-x left top;
}
.forgotpassSuccess h2 {
	font:bold 44px/48px "Calibri", "arial";
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;
	padding:0 5px;
}
.forgotpassSuccess h3 {
	font:italic normal 22px/26px "Calibri", "arial";
	color:#fff;
	margin-bottom:15px;
	padding:0 5px;
}
.forgotpassSuccess p {
	font:italic normal 18px/22px "Calibri", "arial";
	color:#fff;
	margin-bottom:20px;
	padding:0 5px 28px 5px;
	background:url(Images/LogOn_files/login-form-divider.png) repeat-x left bottom;
}
.forgotpassSuccess .backToLogin {
	font:normal 24px/28px "Calibri", "arial";
	color:#fff;
	text-transform:uppercase;
	border:none;
	width:auto;
	cursor:pointer;
	padding:6px 30px 6px 20px;
	background:#333 url(Images/LogOn_files/sprites/icons.png) no-repeat right -1386px;
	float:left;
}
.forgotpassSuccess .backToLogin:hover { background-color:#004867; text-decoration:underline; }
.formField {
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #fff;
	width: 280px;
	overflow: hidden;
}
.focus {
	box-shadow:0 0 10px 2px #333; 
	-moz-box-shadow:0 0 10px 2px #333; 
	-webkit-box-shadow:0 0 10px 2px #333;
}

/* @group footer*/
#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background-color: #333;
    z-index: 99;
}

    #footer p {
        float: right;
        font-size: 11px;
        line-height: 26px;
        margin: 0;
    }

    #footer img {
        float: right;
        margin: 5px 8px 0 10px;
    }
/* @end */

/*New CSS for the Background*/
/* @begin */
.stretchbackground {
    height: 100%;
    width: 100%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    border: 0px;
    z-index: -99999999;
    overflow: hidden;
}

.stretchbackground .childStretchbackground {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    border: 0px;
    z-index: -99999998;
    overflow: hidden;
}     
.x {
float: right;
height: 35px;
width: 35px;
left: -1px;
position: relative;
top: 10px;
}

.btns,.alphabets,.num {
    height:27px;
    width:27px;
    cursor:pointer;
    color:#1d7d8e;
    margin-bottom:2px;
    font-family:Arial;
    font-weight:bold;
    font-size:1em;
}
.btns_bksp,.btns_Shift,.btns_Clear {
     height:27px;
    width:75px;
    cursor:pointer;
    color:#1d7d8e;
    margin-bottom:2px;
    font-family:Arial;
    font-weight:bold;
    font-size:1em;
    }
.btns_capslock {
     height:27px;
    width:78px;
    cursor:pointer;
    color:#1d7d8e;
    margin-bottom:2px;
    font-family:Arial;
    font-weight:bold;
    font-size:1em;
    }
.checkbox input {
    margin-left:0;
    padding-left:0;
    font-size:16px;
}  
/* @end*/