html, body {
border:medium none;
height:100%;
margin:0;
padding:0;
}

.disabledSubmit {
color: #cccccc !important;
border-color: #BEBED4 !important;
cursor: default !important;
}

.login-large-button {
	-moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 2px 2px 4px #DDDDDD;
    border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
    border-style: solid;
    border-width: 2px;
    float: left;
    height: 60px;
    margin: 3px;
    width: 100px;
}

/* NI */
div#logonContainer.clean {
background:#F6F7F7 url(../../images/default/ni_bg_logon_header.gif) repeat-x scroll left top;
font-family:Tahoma;
margin:0;
padding:0;
}

	div#logonContainer.clean #header,
	div#logonContainer.clean #mainLogon td.leftSide {
	display: none !important;
	}

	div#logonContainer.clean #mainLogon td.rightSide #loginForm {
	margin: 0 auto;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:50px auto 0px;
	width:450px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm.passwordForm {
		margin:120px auto 0px;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm.error {
		margin-top: 170px;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm .langSwitherContainer {
		top: 7px;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm h3 {
		background: none;
		border: none !important;
		}

			div#logonContainer.clean #mainLogon td.rightSide #loginForm h3 span {
			background: none;
			padding: 2px;
			height: auto;
			}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm h3 span div {
				background: none;
				/*background: url(../../images/common_style/logo.gif) left center no-repeat;
				text-indent: -1000000px;*/
				padding: 0px;
				height: auto;
				}

					div#logonContainer.clean #mainLogon td.rightSide #loginForm h3 span div img {
					display: block;
					margin-top: 15px;
					}

					div#logonContainer.clean #mainLogon td.rightSide #loginForm h3 span div span {
					display: none;
					}

					div#logonContainer.clean #mainLogon td.rightSide #loginForm h3 span div span.forgotHeader {
					display: block;
					padding-left: 20px;
					}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm tr.alternateLogin th span {
		width: 430px;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer {
		padding: 10px 0px;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper {
		padding-bottom: 20px;
		}

			div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper th {
			color:#7F7F7F;
			font-weight: bold;
			font-size: 12px;
			padding-right: 5px;
			}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper #signupStep {
				text-align: left;
				line-height: 3em;
				padding-left:20px;
				font-size:14px;
				color: #666666;
				}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper .explanation {
				padding: 0px 20px 15px;
				}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper .explanation_cc{
				margin-top: 10px;
				padding: 10px;
				background-color: #CEFFD1;
				color: #000000;
				font-size:12px;
				}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper .errorHead {
				font-size: 160%;
				text-align: left;
				}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper .error {
				text-align: left;
				}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper a {
				color: #006699;

				}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.logintext,
				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.passtext,
				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.mailtext,
				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.blanktext {
				border-color:#7F7F7F #DFDFDF #DFDFDF #7F7F7F;
				font-size:12px;
				padding:4px 4px 4px 20px;
				background-position: 3px center;
				font-weight: normal;
				color: #000000;
				width: 165px;
				-webkit-appearance: none;
				border-radius: 0;
				}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span {
		background: none;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #openIdLoginForm,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #openIdLoginForm #fieldsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #openIdLoginForm .buttonsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #openIdLoginForm .buttonsWrapper span {
		background: none;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #twitterLoginForm,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #twitterLoginForm #fieldsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #twitterLoginForm .buttonsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #twitterLoginForm .buttonsWrapper span {
		background: none;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #windowsLoginForm,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #windowsLoginForm #fieldsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #windowsLoginForm .buttonsWrapper,
		div#logonContainer.clean #mainLogon td.rightSide #loginForm #windowsLoginForm .buttonsWrapper span {
		background: none;
		}

		div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer.forgot {
		border-top: 1px dotted #CCCCCC;
		padding-top: 0px;
		}

			div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span {
			float: none;
			margin: 0 auto;
			padding: 0px;
			}

			div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper .explanation_terms {
				margin: 20px;
				margin-top: 0px;
				padding: 10px;
				background-color: #FFC;
				color: #000000;
				font-size:12px;
			}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span div {
				float: none;
				display: inline;
				}

					div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span a {
					color: #7F7F7F;
					text-decoration: underline;
					}

					div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span a:hover {
					background: transparent;
					color: #7F7F7F;
					text-decoration: underline;
					}

				div#logonContainer.clean #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span .submit,
				div#logonContainer.clean #mainLogon td.rightSide #loginForm #openIdLoginForm .buttonsWrapper span .submit,
				div#logonContainer.clean #mainLogon td.rightSide #loginForm #twitterLoginForm .buttonsWrapper span .submit,
				div#logonContainer.clean #mainLogon td.rightSide #loginForm #windowsLoginForm .buttonsWrapper span .submit {
				float: none;
				background: #999999;
				border-color:#BEBED4 #424262 #424262 #BEBED4;
				border-style:solid;
				border-width:1px;
				color:#FFFFFF;
				font-weight:bold;
				padding: 5px 15px;
				width: auto;
				height: auto;
				font-size: 11px;
				-webkit-appearance: none;
				border-radius: 0;
				}

	div#logonContainer.clean #footer {
	background: none;
	}

		div#logonContainer.clean #footer table {
		border-top:2px solid #B8B8B8;
		color:#666666;
		font-family:Arial;
		font-size:11px;
		margin:0 auto;
		padding-bottom:10px;
		padding-top:10px;
		text-align:center;
		width:80%;
		}

			div#logonContainer.clean #footer td.links {
			display: none;
			}

	div#logonContainer .supportContainer {
	width:100%;
	margin-top:7px;
	position:absolute;
	text-align:center;
	line-height:14px;
	color: #7f7f7f;
	}

		div#logonContainer .supportContainer a {
		color: #7f7f7f;
		text-decoration: underline;
		}

		div#logonContainer .supportContainer a:hover {
		text-decoration: none;
		}

div#logonContainer {
background: #EEEFEF url(../../images/default/logon_bg.gif) left 75px repeat-x;
height:auto !important;
margin:0 auto;
min-height:100%;
position:relative;
width:100%;
}

	div#logonContainer #header {
	position: absolute;
	background: transparent url(../../images/header_shadow.png) repeat-x scroll left bottom;
	height:30px;
	min-width:920px;
	padding-bottom:5px;
	width:100%;
	z-index: 1000000000;
	}

	/* ================= MAIN ================ */
	div#logonContainer #mainLogon {
	padding-bottom: 100px;
	padding-top: 0px;
	}

		div#logonContainer #mainLogon td.leftSide {
		/*width: 70%;*/
		vertical-align: top;
		padding-left:30px;
		padding-right:30px;
		padding-top: 10px;
		}

			div#logonContainer #mainLogon td.leftSide #customizeLogoMenuWrapper {

			}

		div#logonContainer #mainLogon td.rightSide {
		padding-right: 5px;
		vertical-align: top;
		}

			div#logonContainer #mainLogon td.rightSide #loginForm {
			width: 330px;
			margin-top: -45px;
			position: relative;
			}

				div#logonContainer #mainLogon td.rightSide #loginForm .langSwitherContainer {
				float: right;
				position: absolute;
				right: 7px;
				top: 20px;
				}

				div#logonContainer #mainLogon td.rightSide #loginForm h3 {
				background:transparent url(../../images/blue/custom.logon_form_head.png) no-repeat scroll left top;
				display:block;
				margin:0;
				padding:0;
				margin-top: 3px;
				border-bottom: none;
				}

					div#logonContainer #mainLogon td.rightSide #loginForm h3 span {
					color:#333333;
					display:block;
					height:31px;
					padding-left:12px;
					padding-top:11px;
					}

						div#logonContainer #mainLogon td.rightSide #loginForm h3 span div {
						background:transparent url(../../images/default/custom.logon_form_ico.gif) no-repeat scroll left center;
						color:#666666;
						font-family:Arial;
						font-size:15px;
						font-weight:bold;
						padding-left:40px;
						line-height: 30px;
						}

							div#logonContainer #mainLogon td.rightSide #loginForm h3 span div img {
							display: none;
							}

							div#logonContainer #mainLogon td.rightSide #loginForm h3 span div span {
							background: none;
							color: #666666;
							padding: 0px;
							height: auto;

							}

				div#logonContainer #mainLogon td.rightSide #loginForm tr.alternateLogin th span {
				width: 311px;
				}

					div#logonContainer #mainLogon td.rightSide #loginForm tr.alternateLogin th span span,
					div#logonContainer #mainLogon td.rightSide #loginForm tr.alternateLogin th span span span {
					width: auto !important;
					}

				div#logonContainer #mainLogon td.rightSide #loginForm #fieldsContainer,
				div#logonContainer #mainLogon td.rightSide #loginForm #openIdLoginForm,
				div#logonContainer #mainLogon td.rightSide #loginForm #twitterLoginForm,
				div#logonContainer #mainLogon td.rightSide #loginForm #windowsLoginForm {
				background:#F4F3F2 url(../../images/blue/custom.logon_form_body_l.gif) no-repeat scroll left top;
				}

					div#logonContainer #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper,
					div#logonContainer #mainLogon td.rightSide #loginForm #openIdLoginForm #fieldsWrapper,
					div#logonContainer #mainLogon td.rightSide #loginForm #twitterLoginForm #fieldsWrapper,
					div#logonContainer #mainLogon td.rightSide #loginForm #windowsLoginForm #fieldsWrapper {
					background:transparent url(../../images/blue/custom.logon_form_body_r.gif) no-repeat scroll right top;
					color:#666666;
					font-family:Arial;
					font-size:11px;
					width:100%;
					padding-top: 10px;
					}

						div#logonContainer #mainLogon td.rightSide #loginForm td.error {
						padding: 0px !important;
						}

							div#logonContainer #mainLogon td.rightSide #loginForm td.error div {
							padding: 0px;
							text-align: center;
							color: red;
							line-height: 30px;
							font-weight: bold;
							}

								div#logonContainer #mainLogon td.rightSide #loginForm td.error table.error_block {
								padding: 0px;
								margin: 0px;
								margin-bottom: 15px;
								}

									div#logonContainer #mainLogon td.rightSide #loginForm td.error table.error_block td {
									width: auto !important;
									}

						div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table th {
						font-weight:normal;
						text-align:right;
						width:40%;
						}

						div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table td {
						padding-right:20px;
						width:60%;
						vertical-align: middle;
						}

						div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table td.info {
						font-size: 13px;
						padding: 10px;
						text-align: center;
						padding-top: 0px;
						}

							div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.logintext {
							background: #ffffff url(../../images/icons/icon_user.gif) 1px center no-repeat;
							border:1px solid #7F9DB9;
							color:#666666;
							font-size:14px;
							font-weight:bold;
							padding-left:20px;
							width:149px !important;
							}

							div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.passtext {
							background: #ffffff url(../../images/icons/key.gif) no-repeat scroll 1px center;
							padding-left:20px;
							border:1px solid #7F9DB9;
							color:#666666;
							font-size:14px;
							font-weight:bold;
							width:149px !important;
							}

							div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.mailtext {
							background: #ffffff url(../../images/icons/mail_icon.gif) no-repeat scroll 3px 3px !important;
							padding-left:23px !important;
							border:1px solid #7F9DB9;
							color:#666666;
							font-size:14px;
							font-weight:bold;
							width:146px !important;
							}

							div#logonContainer #mainLogon td.rightSide #loginForm #fieldsWrapper table td input.blanktext {
							padding-left:4px !important;
							border:1px solid #7F9DB9;
							color:#666666;
							font-size:14px;
							font-weight:bold;
							width:160px;
							}

				div#logonContainer #mainLogon td.rightSide #loginForm .buttonsWrapper {
				background:transparent url(../../images/default/custom.logon_form_footer_l.gif) no-repeat scroll left top;
				height:35px;
				}

					div#logonContainer #mainLogon td.rightSide #loginForm .buttonsWrapper span {
					background:transparent url(../../images/default/custom.logon_form_footer_r.gif) no-repeat scroll right top;
					color:#CCCCCC;
					display:block;
					float:right;
					font-family:Arial;
					font-size:11px;
					height:35px;
					padding-right:16px;
					text-align:center;
					width:80%;
					}

						#loginForm .buttonsWrapper span div {
						float:left;
						padding-top:10px;
						}

							#loginForm .buttonsWrapper span a {
							color:#3399CC;
							text-decoration:none;
							}

							#loginForm .buttonsWrapper span a:hover {
							background:#3399CC none repeat scroll 0 0;
							color:white;
							text-decoration:none;
							}

						div#logonContainer #mainLogon td.rightSide #loginForm .buttonsWrapper span .submit {
						background:transparent url(../../images/default/custom.logon_form_button_submit.gif) repeat scroll 0 0;
						border:medium none;
						color:#FFFFFF;
						cursor:pointer;
						float:left;
						font-family:Tahoma;
						font-size:11px;
						font-weight:bold;
						height:33px;
						width:79px;
						}



	/* ================= FOOTER ================ */
	div#logonContainer  #footer {
	/*background:transparent url(../../images/default/footer_bg.gif) repeat-x scroll left bottom;*/
	background:#EDEDED;
	bottom:0;
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	}

		div#logonContainer  #footer table {
		height:67px;
		margin:0;
		padding:0;
		width:100%;
		font-family:Arial;
		font-size:11px;
		}

			/*
			div#logonContainer  #footer td.links {
			background:transparent url(../../images/default/footer_item_bg.gif) repeat scroll 0 0;
			color:#9D9D9D;
			text-align:center;
			}

				div#logonContainer  #footer td.links a {
				color:#C3C3C3;
				text-decoration:underline;
				}
			*/

			div#logonContainer  #footer td.copyright {
			color:#666666;
			line-height:12px;
			width:100%;
			text-align:center;
			}

				div#logonContainer  #footer td.copyright a {
				color:#666666;
				text-decoration:underline;
				}

				div#logonContainer  #footer td.copyright a:hover {
				color: #999999;
				background:none;
				text-decoration: underline;
				}







/* GOOGLE */
div#logonContainer.google {
background: none;
margin:0;
padding:0;
}

	div#logonContainer.google #header,
	div#logonContainer.google #footer,
	div#logonContainer.google #mainLogon td.leftSide {
	display: none;
	}

	div#logonContainer.google #mainLogon {
	padding: 0px;
	}

		div#logonContainer.google #mainLogon td.rightSide {
		padding: 0px;
		}

			div#logonContainer.google #mainLogon td.rightSide #loginForm {
			margin: 0px;
			width: auto;
			}

				div#logonContainer.google #mainLogon td.rightSide #loginForm h3,
				div#logonContainer.google #mainLogon td.rightSide #loginForm h3 span,
				div#logonContainer.google #mainLogon td.rightSide #loginForm h3 span div {
				background: none;
				padding: 0px;
				font-size: 12px;
				line-height: 12px;
				height: auto;
				}

				div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer,
				div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper,
				div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper,
				div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper span {
				background: none;
				float: left;
				}

					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper th,
					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper td {
					display: block;
					width: 100%;
					text-align: left;
					padding: 0px;
					}

					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper td .logintext,
					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper td .passtext,
					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper td .mailtext{
					font-weight: normal;
					color: #000000;
					width: 160px;
					}

					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper tr.rememberPass th {
					float: left;
					width: auto;
					text-align: right;
					}

					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer #fieldsWrapper tr.rememberPass td {
					float: left;
					width: auto;
					padding: 3px;
					}

					div#logonContainer.google #mainLogon td.rightSide #loginForm #fieldsContainer .buttonsWrapper {
					float: right;
					clear: both;
					}

					div#logonContainer.google #mainLogon td.rightSide #loginForm .buttonsWrapper span {
					float: none;
					padding: 0px;
					text-align: right;
					}

						div#logonContainer.google #mainLogon td.rightSide #loginForm .buttonsWrapper span div {
						display: none;
						}

						div#logonContainer.google #mainLogon td.rightSide #loginForm .buttonsWrapper span .submit {
						background: #999999;
						border-style:solid;
						border-width:1px;
						border-color: #BEBED4 #424262 #424262 #BEBED4;
						float: none;
						width: auto;
						height: auto;
						padding: 4px;
						}