.ls-spr 
{
	background-image: url('sprite.png') !important;
	background-repeat: no-repeat !important;
	*overflow: hidden;    /* IE6-7 */
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) 
{
	.ls-spr 
	{
		background-image: url('sprite.png') !important;
		background-size: 90px auto !important;
	}
}

a.social 
{
    display: inline-block;
    margin-right: 15px;
}

a.social[disabled]
{
    cursor: default
}

div.social-logo-small,
a.social-logo-small {
    display: inline-block;
    margin-right: 10px
}
a.social-logo-small.microsoft {
    margin-right: 0
}

.ls-spr.social {
    height: 30px;
    width: 30px;
}

.ls-spr.social-logo-small 
{
    height: 20px;
    width: 20px;
}

a.social-logo-small:hover {
    text-decoration: none
}

.ls-spr.social-logo-small.google 
{
    background-position: 0 -170px;
}

.ls-spr.social-logo-small.microsoft 
{
    background-position: 0 -200px;
}

.ls-spr.social-logo-small.facebook 
{
    background-position: 0 -140px;
}

.ls-spr.social.google {
    background-position: -20px -170px;
}

.ls-spr.social.facebook 
{
    background-position: -20px -140px;
}

.ls-spr.social.microsoft 
{
    background-position: -20px -200px;
}

.ls-spr.social.google[disabled] {
    background-position: -50px -170px;
}

.ls-spr.social.facebook[disabled]
{
    background-position: -50px -140px;
}

.ls-spr.social.microsoft[disabled]
{
    background-position: -50px -200px;
}

a.social.qrlogin {
    position: absolute;
    left: 217px;
}

.ls-spr.social.qrlogin
{
    width: 60px;
    background-position: 0 -110px;
}

h2.secondary-title {
    margin-bottom: 10px
}
div.tertiary-title {
    padding-bottom: 10px
}
div#autoemail-row {
    padding-top: 17px
}

html { overflow-y: auto }
html, body {height: 100%; margin: 0; padding: 0; background-color: white; 
			text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body {position: relative; z-index: 1; min-height: 100%;	height: auto !important; height: 100% ;background-position: center; }
body, input, span.pseudoinput, select, textarea, button, label {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #444444}
input, span.pseudoinput, select, textarea, button {font-size: 14px}
body {
	line-height: normal;
	-webkit-font-smoothing: antialiased 
}
a:hover {
	text-decoration: underline
}
a.nohover, a.nohover:hover {
	text-decoration: none !important
}
.gray {
	color: gray
}
.green {
	color: green
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
.or {
	padding: 0 10px
}
.nomargin {
	margin: 0 !important
}
.nopadding {
	padding: 0 !important
}
div.mainwrapper {
	margin: 0 auto;
	padding: 0 30px;
	width: 930px;
	min-width: 930px;
}
div.gradientback,
div.footer {
	min-width: 990px;
}

div.gradientback {
	width: 100%;
	height: 160px;
	position: absolute; z-index: -1;
	bottom: 52px;

	background: linear-gradient(top, #FFFFFF 0%, #F4F7FD 100%); /* W3C */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F7FD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#F4F7FD 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #FFFFFF 0%,#F4F7FD 100%); /* FF */
	background: -o-linear-gradient(top, #FFFFFF 0%,#F4F7FD 100%); /* Opera */
}
div.footer {
	font-size: 12px;
	width: 100%;
	margin: 0;
	position: absolute; z-index: 2;
	bottom: 0;
	background-color: white;
	border-top: 1px solid #EAEFF8;
	
}
div.header {
	height: 60px;
	background-color: white;
	background-image: url('header.png') ;
	text-align:center;
	
}
div.footerpush {
	height: 75px;
	
}
div.footerinner {
	height: 30px; line-height: 30px;
	margin: 10px 30px 11px 30px;
	position: relative; z-index: 1;
	font-size: 11px;
}
div.footerinner,
div.footerinner a {
	color: #B0B0B0;
	font-weight: bold;
}
div.footerinner a {
	text-decoration: underline;
}
div.footerinner a,
div.footerinner span {
	margin: 0 0 0 20px;
}
div.header iframe {
	height: 75px;
	width: 100%;
	border: 0;
	overflow: hidden;
}

div#main {
	vertical-align: top;
}

div.singleblock {
	padding: 30px 0 0 0;
}

div.leftpart {
	padding: 30px 40px 0 0;
	width: 425px; max-width: 425px;
	min-height: 420px;
	position: relative; z-index: 1;
	background: url('../../img/signin/login-grad.png') no-repeat right 70px;
}

div.singleblock.leftpart 
{
	background:none;
	padding: 30px 0 0 0;
	width: 450px;
	max-width: 450px;
}

div.rightpart {
	padding: 30px 0 0 40px;
	width: 425px; max-width: 425px;
}

@media (min-height: 800px) {
	div.singleblock,
	div.leftpart,
	div.rightpart {
		padding-top: 70px
	}
	div.leftpart {
		background: url('../../img/signin/login-grad.png') no-repeat right 100px;
	}
}

iframe#main {
	width: 100%;
	height: 420px;
	border: 0;
	overflow:hidden;
}

h1 {
	font-size: 30px;
	height: auto;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #FFF;
}
h1.topspacer {
	padding-top: 10px;
}
h2 
{
    line-height: 24px;
	font-weight: normal;
	font-size: 18px;
	color: inherit;
}
h3 {
	font-weight: bold;
	font-size: 13px;
	color: inherit;
	margin-bottom: 10px;
}
h1.bottomspacer,
h2.bottomspacer,
h3.bottomspacer,
p.bottomspacer {
	margin-bottom: 40px
}
div.bottomspacer {
	padding-bottom: 20px;
}
h2.vertspacer,
h3.vertspacer {
	margin: 20px 0 10px 0
}
span.lsaq {
	font-size: 17px; line-height: 17px;
}
div#breadcrumb {
	padding-bottom: 15px
}
div.topspacer {
	padding-top: 30px;
}

.qrmobile div.bottomspacer,
.qrmobile h1
{
	padding-bottom: 20px;
}

.qrmobile div.topspacer {
	padding-top: 20px;
}

.qrmobile div.table {
    padding: 0;
    margin: 0 0 20px 0;
}

/* recaptcha_image */
div#recaptcha_widget {
    width: 277px;
}

div#recaptcha_image {
    width: 277px !important
}

div#recaptcha_image img {
    width: 277px !important
}

input#recaptcha_response_field {
    width: 260px
}

.mobile div#recaptcha_widget {
    width: 100%
}

.mobile div#recaptcha_image {
    width: 100% !important
}

.mobile div#recaptcha_image img {
    width: 100% !important
}

.mobile input#recaptcha_response_field {
    width: 100%
}

/*Table related*/

div.table {
    margin-top: 20px;
    padding-bottom: 10px;
    border: 1px solid #C8C8C8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%
}

div.table div.table-header {
    line-height: 21px;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 20px 14px 20px;
    background-color: #f2f2f2;
}

div.table div.row {
    line-height: 21px;
    font-size: 13px;
    border-top-width: 0;
    border-bottom: 0;
    padding: 0 20px 9px 20px;
}

div.table div.row.dottedseparator
{
    border-top: 1px solid #C8C8C8;
    padding-top: 12px;
    padding-bottom: 14px;
}

div.table div.row .cell,
div.table div.table-header .cell {
    float:left
}

div.table div.row .cell-righted,
div.table div.table-header .cell-righted {
    float: right;
    font-weight: normal
}

div.table.info {
    border-color: #BBC2DA;
    background-color: #C8E2FF;
}
div.table.info div.row.dottedseparator {
    border-color: #BBC2DA;
}

div.table.success {
    border-color: #CFE499;
    background-color: #DBFFC8;
}
div.table.success div.row.dottedseparator {
    border-color: #CFE499;
}

div.table.error {
    border-color: #F5C3C3;
    background-color: #FFCEC8;
}
div.table.error div.row.dottedseparator {
    border-color: #F5C3C3;
}

/* account settings table*/

div#status-table {
    padding-bottom: 0;
}

div#login-table div.row div.cell.col-1 {
    width: 120px
}

div#login-table div.row div.cell.col-2 {
    width: 230px
}

div#login-table div.row div.cell.social 
{
    max-width: 410px
}

div#personal-table div.row div.cell.col-1 {
    width: 120px
}

div#personal-table div.row div.cell.col-2 {
    width: 220px
}

div#advanced-table {
    padding-bottom: 2px;
}

div#advanced-table div.row div.cell.col-1 {
    width: 310px
}

div#advanced-table div.row div.cell.col-1 div.maintext {
}

div#advanced-table div.row div.cell.col-1 div.subtext {
    color: gray;
    font-size: 11px;
    line-height: 16px
}

div.formrow
{
    line-height: 16px;
	padding-bottom: 20px;
	position: relative; z-index: 1;  /* only for IE8 input box icon positioning */ 
}
div.formrow div.subrow {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 277px;
    height: 16px;
}
div.formrow div.subrow .subtext {
    font-size: 11px;
    line-height: 16px;
}
div.pseudolabel {
    line-height: 21px;
	color: gray;
	padding-bottom: 8px;
	white-space: normal;    
}
div.formrow div.label
{
	color: #FFF;
	padding-bottom: 12px;
	white-space: normal;
}
div.formrow div.label.smalltext
{
    font-size: 11px;
}
div.formrow div.label.top
{
    line-height: 19px;
	padding: 100px 0 7px 0;
	width: 277px;
}
h2.maxwidth,
div.formrow div.label.maxwidth
{
	width: 277px;
}
div.formrow.checkbox
{
	padding-bottom: 5px;
}

div.formrow div.formrow.checkbox:last-child 
{
    padding-bottom: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
span.pseudoinput,
select,
textarea
{
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.01);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.01);      /* required for a smooth transition in Chrome */

	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;

	border: 1px solid #D0D0D0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: 0;

	margin: 0;
	padding: 11px 5px 11px 50px;
	width: 220px;
	background-color: white;
	display: inline-block;
	overflow: visible
}

input[type="text"],
input[type="email"],
input[type="password"],
span.pseudoinput
{
	min-width: 150px;
}


input[type="email"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],
select[disabled],
textarea[disabled]
{
	color: #A0A0A0;
	text-shadow: 1px 1px white;
	background: none;
	background-color: #F6F6F6;
	cursor: default
}


input.nopad,
span.pseudoinput.nopad {
	padding-left: 5px;
	width: 265px;
}
select {
	width: 277px;
	padding: 7px 5px 8px 5px;
	background: #FAFAFA !important;
}
input.inset,
span.pseudoinput.inset,
textarea.inset
{
	-moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
}

input.error {
	border-color: #E66968;
}
input.error:focus {
	border-color: #E66968;
	-moz-box-shadow: 0 0 0 1px rgba(230,105,104,0.5);
	box-shadow: 0 0 0 1px rgba(230,105,104,0.5);
}
input.ls-spr.email 
{
	background-position: 0 -30px !important;
}
input.ls-spr.password 
{
	background-position: 0 -70px !important;
}
span.pseudoinput.recoverykey {
	width: auto;
	padding-right: 12px;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}

span.watermark {
	font-style: normal;
	top: 10px; left: 52px;
	font-size: 14px;
	color: #A0A0A0;
}
span.watermark.focused {
	color: #C0C0C0;
}

input::-webkit-input-placeholder {
	font-style: normal;
	font-size: 14px;
	color: #A0A0A0;
}
input:focus::-webkit-input-placeholder {
	color: #C0C0C0;
}

/* Firefox < 19 */
input:-moz-placeholder {
	font-style: normal;
	font-size: 14px;
	color: #A0A0A0;
}
input:focus:-moz-placeholder {
	color: #C0C0C0;
}

/* Firefox > 19 */
input::-moz-placeholder {
	font-style: normal;
	font-size: 14px;
	color: #A0A0A0;
}
input:focus::-moz-placeholder {
	color: #C0C0C0;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
	font-style: normal;
	font-size: 14px;
	color: #A0A0A0;
}
input:focus:-ms-input-placeholder {
	color: #C0C0C0;
}

input:-webkit-autofill {

}

button,
a.button 
{
    display: inline-block;
	margin-right: 6px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	height: auto; line-height: normal;
	text-decoration: none;
	padding: 8px 20px 9px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
button  /* IE7 properties */
{
	*padding: 6px 5px 6px 5px;
	*position: relative; z-index: 1;
}
a.button  /* IE7 properties */
{
	*position: relative;
	*z-index: 1;
	*zoom: 1;
    *display: inline;
}
button::-moz-focus-inner
{   
	border: 0;
	padding: 0;
}
button:active, 
a.button:active {
	box-shadow: inset 0 1px 4px  rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.5);
}
button.gray,
button.gray:hover,
button.gray:active,
a.button.gray,
a.button.gray:hover,
a.button.gray:active {
	border: 1px solid #BBBBBB;
	border-bottom-color: #999999;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	color: #555555 !important;
	font-weight: bold;
	text-decoration: none;
}
button.gray,
a.button.gray {
	background: #FCFCFC;
	background: linear-gradient(top, #FCFCFC 0%, #EEEEEE 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFCFC), color-stop(80%, #EEEEEE)); /* Chrome,Safari4+ */
	background: -moz-linear-gradient(top, #FCFCFC 0%, #EEEEEE 80%);
	background: -o-linear-gradient(top, #FCFCFC 0%, #EEEEEE 80%);
	background: -ms-linear-gradient(top, #FCFCFC 0%, #EEEEEE 80%);
}
button.gray:hover,
a.button.gray:hover {
	background: #F0F0F0;
	background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(80%, #EEEEEE)); /* Chrome,Safari4+ */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 80%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 80%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 80%);
}
button.gray:active,
a.button.gray:active {
	text-shadow: 0 -1px 0 rgba(255,255,255,0.6);
}
button[disabled],
a.button[disabled],
button[disabled]:hover,
a.button[disabled]:hover,
button[disabled]:active,
a.button[disabled]:active {
	cursor: default !important;
	color: #A8A8A8 !important;
	text-shadow: 1px 1px white;
	border: 1px solid #D8D8D8;

	background-color: #E8E8E8;
	background: linear-gradient(top, #F0F0F0, #E8E8E8);
	background: -moz-linear-gradient(top, #F0F0F0, #E8E8E8);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#E8E8E8));
	background: -o-linear-gradient(top, #F0F0F0, #E8E8E8);
	background: -ms-linear-gradient(top, #F0F0F0, #E8E8E8);
}
button[disabled]:active,
a.button[disabled]:active {
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

button.minwidth3,
a.button.minwidth3
{
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 300px;
}
button.minwidth3
{
	*min-width: 342px
}
button.button_as_link,
button.button_as_link:hover,
button.button_as_link:active {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	color: #88BC00;
	font-size: 13px;
	font-weight: normal;
	text-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
}
button.button_as_link:hover,
button.button_as_link:active {
	text-decoration: underline;
}

div.formrow.social-row {
    height: 20px;
    line-height: 20px;
    padding-bottom: 10px
}

div.formrow.lastrow {
    margin-top: 18px
}

div#socialLogin {
    padding-bottom: 14px;
}

div#socialLogin div.label.top {
    padding-bottom: 10px
}

table.loginform h1
{
	margin-bottom: 0
}

table.loginform tr td
{
	padding: 5px;
}
table.loginform tr td.bottomspace
{
	padding-bottom: 20px
}
label.errormsg, label.infomsg,
span.errormsg, span.infomsg
{
	display: -moz-inline-stack;
	display: inline-block;
	*zoom: 1; *display: inline;
	color: #E66968;
	padding: 9px 0 10px 5px;
	font-size: 11px;
	font-weight: bold;
}
div.formrow div.label.errormsg {
    color: #E66968;
    font-weight: bold;
}
span.infomsg
{
	color: #000000;
}
span#lbEmailSent.infomsg
{
	padding: 0;
}
div.errormsgouter
{
	vertical-align: top;
}
div.errormsgouter span.errormsg
{
	padding: 0 0 0 5px;
	white-space: normal;
	font-size: 11px;
	font-weight: bold;
	width: 140px; height: 40px; vertical-align: middle; line-height: 11px;
	display: table-cell;
}
span#lbErrorMessage,
span#lbInfoMessage
{
	padding: 0;
}
div.messageplaceholder
{
	min-height: 0;
}

div.loginpage .textblock
{
	display: block;
	margin: 0 0 10px 0;
	line-height: 20px;
}
span.passinfomsg
{
	color: red;
	padding: 5px;
	border: 1px solid #FFD6D6;
	background-color: #FEE513;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div#trFederatedMessage
{
	padding-bottom: 23px;
}

div#passOuter
{
	background: #E8E8E8;
	height: 3px;
}

div#passInner
{
	width: 0;
	height: 100%;
	background:#88BC00;
}

.passMessage
{
	font-size: 12px;
	font-weight: bold;
}

.passStrength
{
	padding-top: 5px;
	position: static !important;
	width: 277px;
}

.tobottom
{
	vertical-align: bottom;
}


.bluebox 
{
	padding: 0 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bluebox .blueboxhr 
{
	margin: 0 -30px;
}
.bluebox p
{
	margin-bottom: 10px;
}
.bluebox .blueboxlink 
{
	display: block;
	padding: 15px 30px 15px 18px; 
	margin: 0 -30px;
    font-weight: bold;
    cursor: pointer;
}

.bluebox .blueboxlink a + a
{
    outline-style: none;
}

.bluebox .blueboxlink a:hover
{
	text-decoration: none !important
}
.bluebox .raquo
{
	font-size: 18px;
}
.bluebox #CantFindEmailBox,
.bluebox #DiffEmailBox
{
	margin: -8px 0 20px 0;
}
.bluebox .infomsg
{
	padding: 0 !important
}
.bluebox .closed 
{
	display:none;
}

a.alertboxlink 
{
	display: block;
	font-weight: bold;
}

div.table .raquo
{
	font-size: 18px;
}

div.table div.messages 
{
	padding: 15px 0 6px 50px;
	position: relative
}

div.table div.icon 
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 30px;
	height: 30px;
}

.ls-spr.icon.success {
    background-position: -30px -230px;
}

.ls-spr.icon.error {
    background-position: -60px -230px;
}

.ls-spr.icon.info
{
	background-position: 0 -230px;
}

div.accountnotif
{
	width: 400px;
}

.wordwrapped
{
	word-wrap: break-word;
}

#emailpasstable 
{
	table-layout: fixed;
}
#emailpasstable td 
{
	vertical-align: top
}
#emailpasstable td.accountmidtd
{
	width: 200px
}

#btnPrintKey {
    display: none;
}

#valRegOptionIT {
    padding-top: 0;
    padding-bottom: 0;
    height: 25px;
}

div.formrow.radiobuttonlist
{
	display: inline-block;
    padding-bottom: 0;
    width: 276px;
}

/* mobile layout */

.mobile div.rightpart,
.mobile div.footerinner a,
.mobile div.footerinner span {
	display: none
}
.mobile div#main {
	padding-top: 10px;
	display: inline-block;
	text-align: left;
	width: 100%;
	min-width: 250px;
	max-width: 350px;
}
.mobile div.mainwrapper {
	min-width: 0;
	width: auto;
	padding: 0 15px;
	text-align: center;
}
.mobile div.footer,
.mobile div.gradientback,
.mobile div.header {
	min-width: 0;
	width: 100%;
}
.mobile div.leftpart {
	background: 0;
	padding-right: 0;
}
.mobile div.footer div.footerinner {
	margin: 10px 15px 11px 15px;
}
.mobile div.singleblock {
	padding: 0
}
.mobile div.errormsgouter {
	display: block !important;
	position: relative; z-index: 2;
}
.mobile div.formrow {
	padding-bottom: 25px;
}
.mobile div.formrow.smaller {
	padding-bottom: 8px;
}
.mobile div.formrow.smaller #btnContinue {
    margin-bottom: 0;
}
.mobile div.formrow div.subrow {
    width: 100%;
    *width: 79%;
}
.mobile div.formrow.checkbox {
	padding-bottom: 5px;
}
.mobile div.formrow div.formrow.checkbox:last-child {
	padding-bottom: 0;
}
.mobile div.errormsgouter span.errormsg {
	width: auto;
	height: auto;
	padding: 0 5px;
	background-color: white;
	position: absolute; z-index: 2; top: 1px; left: 0;
}
.mobile div#trFederatedMessage,
.mobile div#dvFederated {
	width: 300px
}

.mobile span.textbox,
.mobile input[type="email"],
.mobile input[type="text"],
.mobile input[type="password"],
.mobile span.pseudoinput,
.mobile button,
.mobile a.button {
	display: block;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	*width: 79%;
}
.mobile a.button {
    *width: 67%;
}
.mobile button,
.mobile a.button {
	text-align: center;
	margin-bottom: 20px;
}
.mobile button.button_as_link {
    text-align: left;
    margin: 0;
    display: inline;
    width: auto;
}
.mobile div.formrow div.label.top {
    width: auto;
}
.mobile h2.maxwidth,
.mobile div.formrow div.label.maxwidth {
    width: auto;
}
.mobile div.recaptcha_widget div#recaptcha_image {
	width: auto !important;
}
.mobile .passStrength {
	width: auto
}

.mobile div.formrow.radiobuttonlist {
	padding-bottom: 5px;
}

/* Qrlogin */

.qrlogin .status-authorized {
    display: none;
}

.qrlogin #qrcontainer 
{
    position: relative;
}
.qrlogin #qrcode
{
    padding:20px;
    width: 128px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e7e9eb;
}

.qrlogin #waitmobilelogin
{
    padding:20px;
    width: 128px;
}

.qrlogin #timeout
{
    position: absolute;
    top: 58px;
    left: 230px;
    
    padding: 15px 25px;
    width: 90px;
    
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.qrlogin .bluebox-container {
    padding-bottom: 15px
}

.qrlogin .bluebox-container .last-bluebox-element {
    padding-top: 10px
}

.bluebox.howitworks {
    width: 390px;
    margin: 20px 0;
}

.table#qr-error-table 
{
    display: none;
    padding-bottom: 0;
}

#linkQrLogin {
    display: none
}
button, a.button
{
    color: white !important;
    text-shadow: 0 -1px 0 rgba(0,110,170,1);

    border: 1px solid #0088CE;
    border-bottom-color: #004F77;

    background: #00A7EE;
    background: linear-gradient(top, #00A7EE, #0088CE);
    background: -moz-linear-gradient(top, #00A7EE, #0088CE);
    background: -webkit-gradient(linear, left top, left bottom, from(#00A7EE), to(#0088CE));
    background: -o-linear-gradient(top, #00A7EE, #0088CE);
    background: -ms-linear-gradient(top, #00A7EE, #0088CE);
}

button:hover, 
a.button:hover {
    background: #00B3FF;
    background: linear-gradient(top, #00B3FF, #0088CE);
    background: -moz-linear-gradient(top, #00B3FF, #0088CE);
    background: -webkit-gradient(linear, left top, left bottom, from(#00B3FF), to(#0088CE));
    background: -o-linear-gradient(top, #00B3FF, #0088CE);
    background: -ms-linear-gradient(top, #00B3FF, #0088CE);
}
button:active, 
a.button:active {
    text-shadow: 0 1px 0 rgba(0,110,170,1);
}




input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    -moz-box-shadow: 0 0 0 1px rgba(00,136,206,0.5);
    box-shadow: 0 0 0 1px rgba(00,136,206,0.5);
    border-color: #0088CE;
}

.bluebox {
    background-color: #F6F6F6;
    border: 1px solid #C0C0C0;
}
.bluebox .blueboxhr {
    border-bottom: 1px solid #C0C0C0;
}

a, a:active, a:visited {
    color: #0088CE;
}
button.button_as_link {
    color: #0088CE !important;
}

div#passInner
{
    background: #0088CE;
}

.prod-text-color,
span.passMessage
{
    color: #0088CE;
}