
/*=Login ------------------------------------------------*/	

		.gid {
			font-family:"Roboto-Regular";
			font-size: 14px;
			}
			
		.gidWrap { width: 800px; margin: 0 auto; overflow: hidden; }
			
		.socialPrompt { width: 330px; margin: 0 auto 20px auto; float: left; }
			
		.forgotPassword {
			text-align: right;			
			}
		.forgotPassword.webforgotpassword a {line-height: 16px;}
			/*.forgotPassword a { 	text-decoration: none; }*/

			
		.gidForm { overflow: hidden; padding-bottom: 20px; }
		
		.gidWrap .gidForm { float: right; }
		
		.gidForm form { margin-bottom: 0; }
		
		.gidForm fieldset { 
			border: 0;
			-webkit-margin-start: 0px;
			-webkit-margin-end: 0px;
			-webkit-padding-before: 0em;
			-webkit-padding-start: 0em;
			-webkit-padding-end: 0em;
			-webkit-padding-after: 0em;
			margin: 0;
			padding: 0;
			display: block;
			overflow: hidden;
			}
						 
			 .navTabsWrap { margin: 20px 20px 0 20px; overflow: hidden; }
			 .navTabs, .navTabs li { margin: 0; padding: 0; list-style: none; }
			 
			 .navTabs { border-bottom: 1px solid #ccc; }
			 .navTabs:before, .navTabs:after {
				display: table;
				line-height: 0;
				content: "";
				clear: both;
				}
			 .navTabs li { float: left; margin-bottom: -1px; }
			 .navTabs li a {
				margin-right: 2px;
				padding: 10px;
				display: block;	
				line-height: 32px;
				border: 1px solid transparent;
				-webkit-border-radius: 4px 4px 0 0;
				-moz-border-radius: 4px 4px 0 0;
				border-radius: 4px 4px 0 0;
				font-weight: bold;
				color: #555;
				}
				
				.navTabs .thumbnail {
					width: 32px;
					height: 32px;
					float: left;
					display: inline;
					}
					
					.navTabs .thumbnail img { max-width: 100%; }
				
				.navTabs li a:hover { background-color: whiteSmoke; border-bottom: 1px solid #ccc; }
				
				.navTabs .active a, .navTabs .active a:hover {
					background-color: #fff;
					border: 1px solid #DDD;
					border-bottom-color: transparent;
					border-bottom: 1px solid transparent;
					color: #333;
					}
		
		.gidForm legend, .gidForm .sectionHeading {
			border: none;
			border-bottom: 1px solid #ccc;
			-webkit-padding-start: 0;
			-webkit-padding-end: 0;
			display: block;

			background: #eee;
			background-image: linear-gradient(bottom, rgb(238,238,238) 37%, rgb(249,249,249) 69%);
			background-image: -o-linear-gradient(bottom, rgb(238,238,238) 37%, rgb(249,249,249) 69%);
			background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 37%, rgb(249,249,249) 69%);
			background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 37%, rgb(249,249,249) 69%);
			background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 37%, rgb(249,249,249) 69%);

			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.37, rgb(238,238,238)),
				color-stop(0.69, rgb(249,249,249))
			);
			
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;

			width: 100%;
			padding: 10px 0;
			text-align: center;
			text-shadow: 0px 1px 1px rgba(255,255,255,.8);
			font-size: 18px;
			font-weight: normal;
			
			-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
			-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
			box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
			
			outline: none;
			
			
			}
			
		.gidLogo {
			width: 350px;
			margin: 5% auto 20px auto;
			text-align: center;
			}
			
		#gid-form {
			margin: 0 auto;
				/*padding-bottom: 20px;*/
			width: 350px;
			
			overflow: hidden;
			
			background: #fff;
			
			border: 1px solid #ccc;
	
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			-ms-border-radius: 6px;
			border-radius: 6px;
			
			-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.25);
			-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.25);
			box-shadow: 0px 1px 2px rgba(0,0,0,.25);
			
			zoom: 1;
			}
			
			.register #gid-form { width: 680px; }
			
			.gidForm.register #gid-form { 
				float: left;
				-webkit-border-radius: 6px 0 6px 6px;
				-moz-border-radius: 6px 0 6px 6px;
				-ms-border-radius: 6px 0 6px 6px;
				border-radius: 6px 0 6px 6px;
				overflow: hidden; padding-bottom: 20px;
				}
			
			.gidForm label { display: block; margin-bottom: 5px; display: none;  }
			.gidForm.register label { display: block; }
			
			
			.gidForm .checkbox label { display: inline; margin-left: 5px; }
			.gidForm .checkbox input { margin-left: 0; }
			
			
			.gidForm .field {
				margin: 0 20px;
				padding-top: 20px; 
				overflow: hidden;
				}
				
				.gidForm .field.login { margin-bottom: 20px; }
				
				
				.gidForm.register .field { margin-right: 0; float: left; }
				.gidForm.register .fieldCaptcha { width: 310px; }
			
			.gidForm input.TextboxMedium {
				font-size: 14px;
				display: block;
				width: 288px;
				padding: 10px;
				margin-bottom: 0;
				border: 1px solid #ccc;
				background: #f9f9f9;
				
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-ms-border-radius: 3px;
				border-radius: 3px;
				
				-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
				-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
				box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
				}
				
				.gidForm input.TextboxMedium:focus { background: #fff; }
				
				.gidForm .gidBtn {
					cursor: pointer;
					font-size: 14px;
					font-weight: bold;
					padding: 12px;
					margin-bottom: 0;
					color: #fff;
					text-shadow: 0px 1px 1px #003d76;
					width: 100%;
					-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
					-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
					box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
					
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-ms-border-radius: 3px;
					border-radius: 3px;
					}
				
				.gidForm .btnLogin {
					
					background: #00609a;
					background-image: linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -o-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -moz-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -webkit-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
					background-image: -ms-linear-gradient(bottom, rgb(0,128,219) 37%, rgb(96,183,255) 75%);
	
					background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.37, rgb(0,128,219)),
						color-stop(0.75, rgb(96,183,255))
					);
					border: 1px solid #003d76;
					
					}
								
								.gidForm .btnLogin:hover {
									background: #016cad;
									background-image: linear-gradient(bottom, rgb(0,119,199) 0%, rgb(96,183,255) 73%);
									background-image: -o-linear-gradient(bottom, rgb(0,119,199) 0%, rgb(96,183,255) 73%);
									background-image: -moz-linear-gradient(bottom, rgb(0,119,199) 0%, rgb(96,183,255) 73%);
									background-image: -webkit-linear-gradient(bottom, rgb(0,119,199) 0%, rgb(96,183,255) 73%);
									background-image: -ms-linear-gradient(bottom, rgb(0,119,199) 0%, rgb(96,183,255) 73%);
				
									background-image: -webkit-gradient(
										linear,
										left bottom,
										left top,
										color-stop(0, rgb(0,119,199)),
										color-stop(0.73, rgb(96,183,255))
									);
									}
									
									
				
					.gidForm .btnRegister {
						background: #53a900;
						background-image: linear-gradient(bottom, #53a900 37%, #64c200 75%);
						background-image: -o-linear-gradient(bottom, #53a900 37%, #64c200 75%);
						background-image: -moz-linear-gradient(bottom, #53a900 37%, #64c200 75%);
						background-image: -webkit-linear-gradient(bottom, #53a900 37%, #64c200 75%);
						background-image: -ms-linear-gradient(bottom, #53a900 37%, #64c200 75%);
						background-image: -webkit-gradient(
						 linear,
						 left bottom,
						 left top,
						 color-stop(0.37, #53a900),
						 color-stop(0.75, #64c200)
						 );
						border: 1px solid #4b9700;
						}
						
						.register .btnRegister { width: 310px; margin-top: 59px; }
						
						.gidForm .btnRegister:hover {
							background: #5dbb03;
							background-image: linear-gradient(bottom, #53a900 0%, #64c200 75%);
							background-image: -o-linear-gradient(bottom, #53a900 0%, #64c200 75%);
							background-image: -moz-linear-gradient(bottom, #53a900 0%, #64c200 75%);
							background-image: -webkit-linear-gradient(bottom, #53a900 0%, #64c200 75%);
							background-image: -ms-linear-gradient(bottom, #53a900 0%, #64c200 75%);
							background-image: -webkit-gradient(
							 linear,
							 left bottom,
							 left top,
							 color-stop(0, #53a900),
							 color-stop(0.75, #64c200)
							 );
							
							}
				
								.gidForm .gidBtn:active {
									-webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,.5);
									-moz-box-shadow: inset 0px 2px 5px rgba(0,0,0,.5);
									box-shadow: inset 0px 2px 5px rgba(0,0,0,.5);
									}



		
.gid p.watermark a {
		background: url('../Images/iq-smallbiz/watermark.png') transparent no-repeat top center;
		}
		

	
.gidLogo img { max-width: 350px; max-height: 150px; }

#Branding .logo {
	width: 90px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	}

#Branding .logo img {
	max-width: 90px;
	max-height: 50px;
	margin-top: 5px;
	margin-left: 5px;
	}
	
p.SubmitErrorMessage {
	margin: 0 auto;
	text-align: center;
	width: 350px;
	margin-top: 20px;
	background: white;
	background: rgba(255,255,255,.5);
	padding: 20px 0;
	-webkit-border-radius:
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: red;
}

.forgotPassword,
.forgotPassword a {
 
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

/* SOCIAL MEDIA */

.socialLogin {	
	padding-top: 10px;
	border-top: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 130px !important;
}

	.socialLogin .sectionTitle {
		margin-bottom: 10px;
		display: block;
		text-align: center;
		
	}
	
	.socialLogin ul, .socialLogin li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.socialLogin ul { margin-left: 70px; margin-right: 70px; }
	
	.socialLink {
		width: 70px;
		float: left;
		}
		
		.socialDisabled { opacity: .35; }
	
		.socialLink a {
			width: 48px;
			height: 48px;
			margin: 0 auto;
			background-image: url('../img/social-sprite-48.png');
			background-repeat: no-repeat;
			background-position: 0 0;
			
			text-indent: -999em;
			display: block;
			}
			
			.socialLink a.socialGoogle { background-position: 0 -116px; }
			.socialLink a.socialGoogle:hover { background-position: 0 0; }
			.socialLink a.socialGoogle:active { background-position: 0 -58px; }
			
			.socialLink a.socialFacebook { background-position: 0 -290px; }
			.socialLink a.socialFacebook:hover { background-position: 0 -174px; }
			.socialLink a.socialFacebook:active { background-position: 0 -232px; }
			
			.socialLink a.socialLinkedIn { background-position: 0 -464px; }
			.socialLink a.socialLinkedIn:hover { background-position: 0 -348px; }
			.socialLink a.socialLinkedIn:active { background-position: 0 -406px; }
			
			.socialLink a.socialTwitter { background-position: 0 -638px; }
			.socialLink a.socialTwitter:hover { background-position: 0 -522px; }
			.socialLink a.socialTwitter:active { background-position: 0 -580px; }
			
			.socialLink a.socialGantter { background-position: 0 -812px; }
			.socialLink a.socialGantter:hover { background-position: 0 -696px; }
			.socialLink a.socialGantter:active { background-position: 0 -754px; }
			
			.socialLink a.socialSA { background-position: 0 -986px; }
			.socialLink a.socialSA:hover { background-position: 0 -870px; }
			.socialLink a.socialSA:active { background-position: 0 -928px; }



			.socialSettings {
				overflow: hidden;
				margin-left: 20px;
				background: white;
				border: 1px solid #CCC;
				border-left: 0;
				-webkit-border-radius: 0 6px 6px 0;
				-moz-border-radius: 0 6px 6px 0;
				-ms-border-radius: 0 6px 6px 0;
				border-radius: 0 6px 6px 0;
				-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .25);
				-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.25);
				box-shadow: 0px 1px 2px rgba(0, 0, 0, .25);
				zoom: 1;
				}
			
			.socialSettings ul, .settingsToggle li {
				list-style: none;
				margin: 0; 
				padding: 0;
				}
				
				.socialSettings li { overflow: hidden; padding: 10px 5px; border-bottom: 1px solid #ccc; -webkit-transition: all .3s ease-out; margin-bottom: 0}
				.socialSettings li:hover { background: #f5f5f5; box-shadow: inset 0px 1px 1px rgba(0,0,0,.25); }
				.socialSettings li.loginLink { background: #eff8fd; }
				
				
				.socialSettings .settingTitle, .socialSettings .thumbnail { float: left; margin: 0; line-height: 32px; font-size: 14px; }
				.socialSettings .thumbnail { width: 32px; height: 32px; margin-right: 10px; }
				.socialSettings .thumbnail img { max-width: 100%; image-rendering:optimizeQuality; }
				.socialSettings .switch { float: right; top: 6px; }

        			
				
	.fieldCaptcha #recaptcha_image span { position: relative; top: -20px; }
				
	.fieldCaptcha object { margin: 0;  }
				
	.captchaTools {
		float: left;	
		margin-top: 5px;
		display: block;
		height: 16px;
	}
	.captchaTools div {
		display: inline;	
	}	
	.captchaTools a {
		width: 16px;
		height: 16px;
		background-image: url('../img/captcha-sprite-16.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -999em;
		display: block;
		float: left;
		margin-right: 10px;
		opacity: .75;
		margin-top: 4px;
	}
	
	.captchaTools a:hover { opacity: 1; }
	.captchaTools a:active { position: relative; top: 1px; }	
	a.captchaReload { background-position: top right; }
	.recaptcha_only_if_image a { background-position: bottom right; }
	.recaptcha_only_if_audio a { background-position: bottom left; }
	
	
	.gidForm .iqNotify.error { margin: 0; margin-top: 20px; border-radius: 0; }
	.gidForm .legendGantter{ display:none; margin: 20px;}	
	.registerLink { font-size: 16px; }
	.registerLink a { color: #53a900; background: lightyellow; }
	
	@media (max-width: 320px) {
		body { margin: 0; padding: 0; }
		.gidForm input.TextboxMedium, #gid-form, .gidLogo, .socialLogin {
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}
			
		.socialLink { float: none; display: inline-block; }
			
		.navTabs li a { padding: 5px; }
		.socialLogin ul { margin: 0 auto; text-align: center; }
		.gidForm { overflow: visible; }
		}

		@media only screen and (min-width: 320px) and (max-width: 450px) { 
			.section-checkbox {
			margin-left: 14px;
		}
		.modalMessage {
			padding: 10px;
			overflow: scroll;
			text-overflow: ellipsis;
			height: 90vh;
		}

		.noSecondaryMenu .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.alert {width:300px !important;left:8% !important}
		.gidForm input.TextboxMedium {   
    	width: 90% !important;   
		}
		}

	@media only screen and (min-width : 320px) and (max-width : 700px) {
		.section-RigisterBtn .checkboxtermsandconditions input {
		    -webkit-appearance: checkbox !important;
		    -moz-appearance: none;
		    appearance: none;
		    margin-bottom: 4px !important;
		}
	.modalMessage {
			padding: 10px;
			overflow: scroll;
			text-overflow: ellipsis;
			height: 90vh;
		}

		.noSecondaryMenu .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.alert {width:300px !important;left:8% !important}
#main {padding-top: 30px;}
.gid.gidForm.register {
    margin-top: -153px !important;
    margin-left: 0px !important;
    height: 490px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.container {
    padding-left: 0px;
    padding-right: 0px;
}
.gidForm .field {
    margin: 0 6px;
    padding-top: 9px;
    overflow: hidden;
}
.gidForm input.TextboxMedium {
    font-size: 9pt;
    display: block;
    width: 96%;
    padding: 6px 5px;
	margin-bottom: 9px;
}
input#recaptcha_response_field {
    width: 90% !Important;    
}
.sixcol {
    width: 49.1%;
}
.register #gid-form {
    width: 100% !important;
}
.label .content {
    color: #959595;
    font-size: 13px;
    text-align: center;
    word-wrap: break-word;
    width: 100%;
	margin-top: 0px;
}

.section .buttonslist {
    margin: 0px auto !important;
    display: flex;
    float: none;
    position: relative;
    width: 100%;
    padding: 0px;
}
.buttonslist .gidBtn {
  display: flex;
  position: relative;margin:0px auto
}
.button.newregister, .themecolor.newregister, .gray.newregister, .disabled.newregister {
    width: 14em !important;
    margin-top: 0px !important;
}
.topborder {
    border-top: 1px solid #DADADA;
    box-shadow: none;
    margin-left: 10px;
    margin-top: 3px;
    width: 94%;
}
.label {
    float: left;
    margin: 0px 0 6px 0;
    width: 100%;
}
.section-RigisterBtn {
    margin-left: -149px;
    margin-top: 110px;
    display: flex;
    float: none;
    width: auto;
}
.button.themecolor {
    background: #3498db;
    border: 1px solid #3cb0fd;
    padding: 8px;
    margin: 0px;
    cursor: pointer;
    position: relative;
}
.twelvecol p.colorblack, .twelvecol p.colorblack a {color:#fff !important;margin-top: 60px;}
.column100percent .column25Percent {
    float: left !important;
    margin-left: 16px !important;
    margin-top: 67px !important;
    vertical-align: middle !important;
    width: 32% !important;
}
.threecol {
    width: 100% !important;
}
.masterheadLogodesign .threecol {
    margin-top: 15px !important;
}
#logo img, #logo-right img {
    margin: 0 auto !important;
}
#content {
    /* background: #eee; */
    padding-top: 80px;
    padding-bottom: 15px;
}
.noSecondaryMenu #content {
    padding-top: 194px;
    background-position: left 50px;
}
.field-validation-valid {
    color: #FF0000;
    float: right;
    font-weight: bold;
    margin-top: -44px !important;
    padding-left: 0px;
    margin-left: 140px;
}
#content > .row {
    position: relative;
    background: #3498DB;
}
.column100percent .column30Percent {
    float: left;
    width: 33% !important;
}
#footer a {
   /* display: block !important;*/
}
.register-title {
    padding-left: 7px !important;
}

.section-RigisterBtn input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Login Page UI changes */
.fivecol {
    width: 100%;
}
.masterheadLogodesign .ninecol.last {
    margin-top: -4px !important;
}
.NoborderRadius {
    border-radius: 0px !important;
    width: 100% !important;
}
.button.login, .themecolor.login, .gray.login, .disabled.login {
    width: 15em;
}
.buttonslist {
    float: left;
    min-width: 100% !important;
    /* display: inline; */
}
}
@media only screen and (min-width: 736px) and (max-width: 1024px) and (orientation:landscape) {
.column100percent .column35Percent {
        margin-left: 86px !important;   
}
.column100percent .column25Percent {
    margin-left: -108px !important;
  }
.section-RigisterBtn {
    margin-left: 642px !important;
}
}

@media only screen and (min-width: 500px) and (max-width: 700px) and (orientation:landscape) {
.column100percent .column35Percent {
    margin-left: 6px !important;
}
.rc-anchor-normal {
    width: 290px;
}
.section-RigisterBtn {
    margin-left: -11px;
    margin-top: 40px;
    display: flex;
    float: none;
    width: auto;
    /* margin: 0px auto; */
}
}
@media only screen and (min-width: 700px) and (max-width: 1100px) and (orientation:landscape) {
	.g-recaptcha {
    margin-left: -65px !important;
}
}
@media only screen and (min-width: 700px) and (max-width: 2000px)  {
	.field-validation-error {
    margin-top: 2px;
    position: relative;
    margin: 0px auto !important;
    float: left;
}
.section-RigisterBtn .checkboxtermsandconditions input {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: none;
}
.section-checkbox table {
    width: 246px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1000px) { 
		.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.termsandconditionsdialogStyle.ui-draggable {
			width: 98% !important;
			height: 100%;
			overflow: auto;
		}
	}

@media (min-width:1025px) { 
.section-RigisterBtn {
   margin-left: -48px;
}
.section-RigisterBtn table td #chkAgree {
  /* float: none !important; */
}
.section-checkbox table {
   width: 232px;
}
.section-RigisterBtn table td .label .content {
   margin-left: -8px;
}
.section-RigisterBtn .button.newregister, .section-RigisterBtn .themecolor.newregister, .section-RigisterBtn .gray.newregister, .section-RigisterBtn .disdabled.newregister {   
   margin-top: 28px;
}
}
@media only screen and (min-width: 320px) and (max-width: 700px) {
.register .section-RigisterBtn {
    display: flex;
    float: none;
    position: relative;
}
.btn-register-new {
    display: block;
    float: left;
    width: 100%;
}
.button.newregister, .themecolor.newregister, .gray.newregister, .disabled.newregister {
    width: 14em !important;
    margin-top: 0px !important;
    min-height: 40px;
    top: -11px;
    font-weight: bold;
}
.section-checkbox {
    margin-left: 14px;
    display: block;
    float: left;
    width: 140px;
    position: relative;
    left: -243px;
    top: 19px;
    height: 46px;
}
.section-checkbox table {
    width: 245px;
}
.section-RigisterBtn input[type="submit"].newregister:disabled {
    background-color: #999999;
    border-color: #8a8989;
    min-height: 35px;
    top: -11px;
}
}
/*register button changes for mobile registration through invitation mail */
.newregisternotification .button.themecolor.disabledcls {
     opacity: 0.9;
}

.newregisternotification .button.newregister, .newregisternotification .themecolor.newregister, .newregisternotification .gray.newregister, .newregisternotification .disabled.newregister {
    width: 12em !important;
    min-height: 48px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.newregisternotification .gidForm .TextboxMedium{
font-size: 16px;
}
.newregisternotification input[type="submit"]
{font-size: 18px;}

/* New UI - Login and Registration page UI cleanup - 18 Mar 19 */
.globallogin .loginDefaultIcon
{
    background-color: #02B2CE;
    height: 155px;
}
.globallogin .gid.gidForm.gidform-top-position {
    margin-top: -99px;
    border: 10px solid #ffffff;
    box-shadow: 0px 0px 6px #c7c7c7;
    border-radius: 6px;
}
.globallogin .field-validation-valid {
    color: #ffffff;
    text-align: right;
    font-weight: bold;
    padding: 0px 0px;
    font-size: 13px;
    float: none;
    position: relative;
    margin: 0px 4px;
}
.globallogin .gidForm label {
    display: block;
    margin-bottom: 5px;
    display: block;
    text-align: left;
    color: #525252;
}
.globallogin .loginheaderImageBg img.defaultImage {display:none}
.globallogin .loginheaderImageBg:before {content: 'Login to Smartapp.com';font-size: 16pt;text-align: center;vertical-align: middle;line-height: 1;top: 92px;position: relative;font-family: "Roboto-Light";font-weight: normal;}
.globallogin .loginheaderImageBg {width: 300px;}
.globallogin .gidForm input.TextboxMedium {
    font-size: 14px;
    display: block;
    width: 287px;
    padding: 6px 2px;
    margin: 0px 0px 0px 35px;
    border: 0px solid #ccc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,.35);
    background-size: 15px 15px;
    border-bottom: 1px solid #dedede;
}
.globallogin #gid-form {
    margin: 0 auto;
    /* padding-bottom: 20px; */
    width: 350px;
    overflow: hidden;
    background: #fff;
    border: 0px solid #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.25);
    box-shadow: 0px 0px 0px rgba(0,0,0,.25);
    zoom: 1;
}

/*.globallogin .loginDefaultIcon:before {
    font-family: jobsite;
    content: '\e914';
    font-size: 50pt;
    top: 66px;
    position: absolute;
    left: 46%;
    color: #efefef;
}*/
.globallogin .loginheaderImageBg {
    width: 300px;
    background: url(../img/login-logo-header-img.png);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: 50% 78%;
}

.globallogin .gidForm .margin-topposition:before {
    font-family: 'jobsite';
    content: '\e92e';
    color: #909090;
    position: absolute;
    left: 0px;
    font-size: 18px;
    text-align: left;
    padding-left: 52px;
    padding-top: 32px;
}

.globallogin .gidForm .password-topposition:before {
    font-family: 'jobsite';
    content: '\e91d';
    color: #909090;
    position: absolute;
    left: 0px;
    font-size: 18px;
    text-align: left;
    padding-left: 52px;
    padding-top: 32px;
}
.globallogin input[type=text].Username, .globallogin input[type=password].password {
    background: none !important;
}
.globallogin input[type=text].Username.input-validation-error, .globallogin input[type=password].password.input-validation-error {
    background: none !important;
    border-bottom:1px solid red
}

.globallogin .forgotPassword.webforgotpassword a {
    float: left;
    line-height: 34px;
    font-size: 10.5pt;
    font-weight: normal;
    padding-left: 35px;
}
.globallogin .button.login, .globallogin .themecolor.login, .globallogin .gray.login, .globallogin .disabled.login {
    width: 6em;
    float: right;
    margin-right: 32px;
    text-transform: uppercase;
}

.globallogin div#js-saxfields {
    padding: 0px 19px;
}

.globallogin .socialLink.socialnetworkingIcons a {
    width: 155px;
    height: 23px;
    margin: 0 auto;
    background: url('../img/icon-google-48db.jpg');
    background-position: 4px 5px;
    text-indent: unset;
    display: block;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 10px #e0e0e0;
    color: #8a8a8a;
    font-weight: normal;
    padding: 8px 0px 0px 22px;
    margin-bottom: 4px;
    float: none;
    display: flex;
    margin-right: 12px;
    font-size: 12px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.globallogin .socialLink.socialnetworkingIcons:hover {
	background: url('../img/icon-google-48db.jpg');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.globallogin .socialLink.socialnetworkingIcons a:before {
    /* font-family: 'jobsite'; */
    /* content: '\e91d'; */
    color: #909090;
    padding: 0px 7px;
    }

.globallogin .socialLogin {
    margin-left: 0px !important;
    margin-bottom: 14px;
}
.globallogin .socialLogin ul {
    margin-left: 15px;
    margin-right: 0px;
}
.globallogin.loginuserCenterPosition {
    margin: 0px auto !important;
    float: none !important;
    position: relative;
    margin-bottom: 19px !important;
}
.globallogin .googletext {display:block !important;color: #7b7b7b;width: 100%;float: left;text-align: left;/* display: inline; */font-size: 10pt;vertical-align: middle;line-height: 2.5;}
.globallogin .socialLink {
    width: 100%;
    float: left;
    display: flex;
}

.globallogin .googletext.registercls {
    text-align: center;
}

.globallogin a.registersmartapp {
    font-weight: normal;
}

.globallogin a.socialGoogle.js-socialGoogle a {
    background: url('../img/icon-google-48db.jpg') !important;
}
.globallogin .gidForm input.TextboxMedium:focus { background: none; background-image:none !important;  outline: none }
.globallogin .field-validation-error {
	display:none
}
.globallogin input[type=text].Username.input-validation-error::-webkit-input-placeholder, .globallogin input[type=password].password.input-validation-error::-webkit-input-placeholder { 
  color: #ffa5a5;
  font-size: 12px
}
.globallogin input[type=text].Username::-webkit-input-placeholder, .globallogin input[type=password].password::-webkit-input-placeholder { 
  color: #c1c1c1;
  font-size: 12px
}
.globallogin .iqNotify li {
    margin-bottom: 6px;
    text-align: left;
    line-height: 17px;
    font-size: 12px;
}
.globallogin a.socialGoogle.js-socialGoogle:hover {
    text-decoration: none;
}
@font-face {
  font-family: 'jobsite';
  src:  url('../webfont/fonts/jobsite.eot?n91zgr');
  src:  url('../webfont/fonts/jobsite.eot?n91zgr#iefix') format('embedded-opentype'),
    url('../webfont/fonts/jobsite.ttf?n91zgr') format('truetype'),
    url('../webfont/fonts/jobsite.woff?n91zgr') format('woff'),
    url('../webfont/fonts/jobsite.svg?n91zgr#jobsite') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('../css/fonts/Roboto-Light.ttf');
	src: url('../css/fonts/Roboto-Light.ttf?#iefix') format('embedded-opentype'), url('../css/fonts/Roboto-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* NEW REGISTRATION - UI CLEANUP @ 20 MAR 19 */
.globalregister .register-title {
    text-align: center !important;
    color: #2e8fc7;
    padding-left: 20px !important;
}

.globalregister.gidForm legend, .globalregister.gidForm .sectionHeading {
			border: none;
			border-bottom: 1px solid #ccc;
			-webkit-padding-start: 0;
			-webkit-padding-end: 0;
			display: block;
			/* background-color: #02B2CE; */
			height: 146px;
			background-image: none;
			background-image: none;
			background-image: none;
			background-image: none;
			background-image: none;
			background-image: none;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			width: 100%;
			padding: 10px 0;
			text-align: center;
			text-shadow: none;
			font-weight: normal;
			-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
			-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
			box-shadow: none;
			outline: none;
			text-align: center;
			vertical-align: middle;
			line-height: 11;
			color: #ffffff;
			font-family: 'Roboto-Light';
			font-size: 16pt;
			background: url(../img/register-logo-header.png) #02B2CE;
			background-size: 144px 86px;
			background-repeat: no-repeat;
			background-position: 50% 24%;
}
.globalregister.gidForm.register #gid-form {
    border-radius:6px;
    float: inherit;
    overflow: hidden;
    padding-bottom: 20px;
    border: 10px solid #ffffff;
}
.globalregister.gid.gidForm.register {
    margin-top: -85px;
    margin-left: 34px;
}
.globalregister.register #gid-form {
    width: 898px;
}
.globalregister.gidForm input.TextboxMedium {
    font-size: 14px;
    display: block;
    width: 267px;
    padding: 10px 2px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    background: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35);
    box-shadow: none;
    border: 0px solid;
    border-bottom: 1px solid #ccc;
    color: #4a4a4a;
    margin-left: 33px;
    vertical-align: bottom;
    height: 8px;
    font-family: Roboto-Regular;
}
.globalregister .field-validation-valid {
    display: none;
}
.globalregister.gidForm input.TextboxMedium:focus { background: none; background-image:none !important;  outline: none }
.globalregister input[type=text]::-webkit-input-placeholder, .globalregister input[type=password]::-webkit-input-placeholder { 
  color: #c1c1c1;
  font-size: 12px
}
.globalregister input[type=text].input-validation-error::-webkit-input-placeholder, .globalregister input[type=password].input-validation-error::-webkit-input-placeholder { 
  color: #ffa5a5;
  font-size: 12px
}
.globalregister .field-validation-error {
    display:none
}
.globalregister input[type=text].input-validation-error, .globalregister input[type=password].input-validation-error {
    background: none !important;
    border-bottom:1px solid red
}
.globalregister .register-label-cls {display: block !important; color: #040404; text-align: left}
.globalregister .register-label-cls .field-validation-valid {
    display: inline-block;
    text-align:left;
    float:none;
	color: #333333;
}
.globalregister .register-leftcoll {
    width: 121px;
    height: 121px;
    float: left;
    border: 1px solid #d6d6d6 !important;
    background: white;
    display: block !important;
    margin: 19px 42px 19px 9px;
    padding: 13px;
    box-shadow: 0px 2px 2px #cccccc;
}
.globalregister .register-leftcoll .register-upload-icon:before {
    font-family: 'jobsite';
    content: '\e900';
    color: #909090;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 50pt;
    display: block;
     border: 1px solid #d6d6d6 !important; 
    }
.globalregister .register-centercoll.sixcol {
   width: 38.1%;
}
.globalregister .register-addphoto { padding-top: 10px}
.globalregister .register-addphoto a {font-size: 12px;font-weight:normal; padding-top: 10px}
.globalregister .register-addphoto a:hover {text-decoration:none}
.globalregister .register-icon-firstname:before,
.globalregister .register-icon-email:before,
.globalregister .register-icon-password:before,
.globalregister .register-icon-lastname:before,
.globalregister .register-icon-confirmemail:before,
.globalregister .register-icon-confirmpassword:before  {
	font-family: 'jobsite';
	content: '\e900';
	color: #909090;
	text-align: left;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	float: left;
	position: absolute;
	top: 31px;
	font-size: 19px;
}
.globalregister .register-icon-firstname:before {content: '\e92e';}
.globalregister .register-icon-email:before {content: '\e90f';font-size: 14px;}
.globalregister .register-icon-password:before {content: '\e91d';}
.globalregister .register-icon-lastname:before {content: '\e92e';}
.globalregister .register-icon-confirmemail:before {content: '\e90f';font-size: 14px;}
.globalregister .register-icon-confirmpassword:before  {content: '\e91d';}
.globalregister .register-label-cls {
	position: relative;
}
.globalregister.gidForm .field {
    margin: 6px 20px;
    padding-top: 20px;
    overflow: hidden;
}
.globalregister .column100percent .column30Percent {
    float: left;
    width: 11%;
}
.globalregister .column100percent .column35Percent {
    float: left;
    margin-left: 225px;
    width: 43%;
}
.globalregister .section-RigisterBtn {
    margin-left: -104px;
}
.globalregister .button.newregister {
    width: 8em;
    margin-top: 28px;
    text-transform: uppercase;
}

.globalregister .section-checkbox {
    margin-left: -24px;
}
.globalregister .label.newregister-bottom-message {display:none}
.globalregister .newregister-bottom-message-latest {display:block !important}
.globalregister .btn-google.gidBtn > span {
    width: 118px;
    height: 23px;
    margin: 0 auto;
    background: url(../img/icon-google-48db.jpg);
    background-position: 17px 9px;
    text-indent: unset;
    display: block;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 10px #e0e0e0;
    color: #8a8a8a;
    font-weight: normal;
    padding: 8px 0px 0px 36px;
    margin-bottom: 4px;
    float: none;
    display: flex;
    margin-right: 97px;
    font-size: 12px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.globalregister .buttonslist .gidBtn {
    background-image: -moz-linear-gradient(center top , #F6F6F6, #EDEDED);
    background-image: -webkit-linear-gradient(center top , #F6F6F6, #EDEDED);
    background-image: -ms-linear-gradient(center top , #F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(center top , #F6F6F6, #EDEDED);
    border: 1px solid #E0E0E0;
    border-radius: 3px 3px 3px 3px;
    color: #6D6D6D;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    margin-right: 79px;
    text-shadow: none;
    width: auto;
    padding: 0px;
    background: none;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    margin: 0px auto;
}
.globalregister .section .buttonslist {
    margin: 0 auto;
    display: flex;
    position: relative;
    float: none;
    display: inline-flex;
    margin-top: 36px;
	padding-left: 125px;
}
.globalregister .label.newregister-bottom-message-latest .content {
    color: #959595;
    font-size: 13px;
    text-align: left;
	padding-top: 5px;
}
.globalregister .topborder {
    border-top: 0px solid #DADADA;
    box-shadow: none;
    margin-left: 23px;
    margin-top: 8px;
    width: 100%;
}
.globalregister .hidebtn {display:none !important}
.globalregister .showbtn {display:block !important}
.globalregister .register-header-msg {display:block !important;color: #000000;text-align: center;vertical-align: middle;line-height: 4;font-family: 'Roboto-Regular';font-size: 14px;height: 40px;}
