/*=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;
			
			}
			@font-face {
				  font-family: 'gantter-registration';
				  src: url("../webfont/gantterregistration/fonts/gantter-registration.eot?yve1cl");
				  src: url("../webfont/gantterregistration/fonts/gantter-registration?yve1cl#iefix") format("embedded-opentype"), url("../webfont/gantterregistration/fonts/gantter-registration.ttf?yve1cl") format("truetype"), url("../webfont/gantterregistration/fonts/gantter-registration.woff?yve1cl") format("woff"), url("../webfont/gantterregistration/fonts/gantter-registration.svg?yve1cl#gantter-font") format("svg");
				  font-weight: normal;
				  font-style: normal;
			}
			/*.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: 10px;
					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;
}

	.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;
	}
	
	.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; }
		}