@charset "utf-8";

center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white; }

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }

a, a:hover {
	text-decoration: none; color:#1A171B; }

html { 
	 }

.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; }

input, select, textarea {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Calibri, Arial, Helvetica, sans-serif; color: #666; font-size: 11px; border: none; outline: none; }

body {
	width: 100%; min-height: 500px; background-color: #fff; font-family: Calibri; color: #191919; font-size: 14px; }



/*                                   */
/* main layout                     	 */
/*                                   */
div#main {
	overflow: hidden; width: 292px; margin: 120px auto 0 auto; }

div#info {
	width: 292px; margin: 7px auto 0 auto; text-align: right; }

div#info a {
	margin: 0 15px 0 0; color: #fff; }

div#info a:hover {
	color: #666; }

/*                                   */
/* header layout                     */
/*                                   */
div#logo {
	width: 292px; height: 50px; background: url(../images/logo_mobilerecap_login.png) 25px 0px no-repeat; }

div#header {
	display: none; position: relative; width: 292px; height: 100px; background-image: url(../images/login_header.jpg); }

div#js-header {
	position: relative; width: 292px; height: 100px; background-image: url(../images/login_header.jpg); }


/*                                   */
/* content layout                    */
/*                                   */
div#content {
	display: none; padding: 20px 0 25px 0; }

div#js-info, div.browser-error {
	padding: 5px 0 25px 0 !important; }

body.error div#content {
	padding: 10px 0 25px 0; }
	
div#content p.formfield {
	clear: both; margin: 15px 25px 0px 25px; } 

div#js-info p, div#browser-info p {
	clear: both; margin: 15px 25px 0px 25px; line-height: 17px; font-size: 14px; color: #191919; }

div#content p.formfield span {
	display: block; }

div#content p.formfield span.title {
	margin: 0 0 5px 8px; font-size: 13px; color: #191919; }

div#content p.error span.title {
	font-weight: bold; color: #336EB4; line-height: 17px; }
	
div#content p.formfield input {
	width: 100%; padding: 6px 7px 6px 7px; border: 1px solid #999999; font-family: Calibri; color: #191919; font-size: 14px; }

	

div#content p.submit-btn {
	margin: 20px 25px 0 25px; text-align: center; }

div#content p.submit-btn span.btn-mask {
	overflow: hidden; display: block; margin: 0 0 0 97px; width: 195px; height: 25px; }

div#content p.submit-btn input {
	width: 100%; height: 30px; border: none; background-color: #336EB4; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; font-family: Calibri; }

div#content p.submit-btn input:hover {
	background-color: #00bf02; }


div#content span.break-border, div#js-info span.break-border {
	display: block; margin: 15px 0 0 0; height: 1px; background-color: #ccc; border-bottom: 1px solid #fff; }

body.error div#content span.break-border, div#js-info span.break-border, div#browser-info span.break-border {
	background-color: #F09844; border-bottom: 1px solid #FADAA3; }

div#content p.footer {
	text-align: center; }

div#content p.footer a {
	color: #666; text-decoration: underline; text-align: center; }
	
div#content p.footer a:hover {
	color: #1E60A2; }
	

div#browser-content {
	display: none; }