/*	==========================================================================
	Login
	==========================================================================  */

    body { background-color: #373737; }

	#login-bg { position: fixed; z-index: 1; top: 0; left: 0; }
	.bgwidth { width: 100%; }
	.bgheight { height: 100%; }

	.color-bar { position: fixed; z-index: 99; top: 0; left: 0; height: 10px; width: 100%; background: url("../img/backgrounds/bg-header.png") repeat-x 0 -76px; }
	.lt-ie7 .color-bar { position: absolute; }

    .login { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6232323,endColorstr=#E6232323);  } 
	.login { position: absolute; z-index: 100; top: 45%; left: 50%; width: 350px; padding: 20px; margin-top: -220px; margin-left: -195px; background: rgba(35, 35, 35, 0.95); }
	.login-header .brand { position: relative; display: block; height: 90px; width: 275px; margin: 0 auto; color: #efefef; }
	.login-header .brand .emblem { float: left; height: 40px; width: 40px; margin: 11px 0; background: url("../img/emblem_40px.png") no-repeat center center; background-size: 40px; }
	.login-header .brand h1 { display: inline-block; padding: 15px 0 12px 130px; margin: 0 0 0 12px; background: url("../img/insync-logo.png") no-repeat left center; font-size: 25px; }
	.lt-ie8 .login-header .brand h1 { display: inline; zoom: 1; }
	.login-header .brand span { display: inline-block; text-indent: -9999px; }
	.lt-ie8 .login-header .brand span { display: inline; zoom: 1; }
	.login-header .brand .version { position: relative; top: -15px; text-align: center; }

	.login-validation { margin-top: 10px; text-align: center; }
	.login-validation p { margin: 0; color: #e88737; font-weight: 600; }
    .ui-state-highlight { color: #eb9853; }

	.login-form { margin: 20px 0; text-align: center; }
    .login-form .input-login { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0414141,endColorstr=#F0414141); }
	.login-form .input-login { padding: 16px 6px 15px; width: 280px; border: 0 none; margin: 0 0 25px 0; background: rgba(65, 65, 65, 0.9); color: #fff; font-size: 16px; text-align: center; }
	.login-form .input-login:first-child { margin: 0 0 15px 0; }
    .login-form .input-login:focus, .login-form .input-login.focus { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0FFFFFF,endColorstr=#F0FFFFFF); }
	.login-form .input-login:focus, .login-form .input-login.focus { background: rgba(255, 255, 255, 0.9); color: #232323; outline: 0; }
	.login-form .btn { width: 290px; padding: 16px 0 15px; border: 0 none; margin: 0; background: url("../img/backgrounds/bg-split.png") repeat-x 0 -24px; background-clip: padding-box; color: #f2f2f2; font-size: 15.5px; font-weight: 600; }
	.lt-ie8 .login-form .btn { margin-left: 0.3em; }
	.login-form .btn:hover, .login-form .btn:focus, .login-form .btn.focus { opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
	.login-form .btn:active, .login-form .btn.active { opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }

    footer { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C9232323,endColorstr=#C9232323); }
	footer { position: fixed; z-index: 99; bottom: 0; left: 0; height: 25px; width: 100%; background: rgba(35, 35, 35, 0.8); }
	.lt-ie7 footer { position: absolute; }
	footer p { padding: 2px 0 4px 10px; margin: 0; color: #777; font-size: 11px; font-weight: 600; }

	/* CSS3 */
	.login, .login-form .btn {
	-webkit-border-radius: 3px;
			border-radius: 3px; 
	}
	.login-form .btn { 
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.login-form .input-login { 
	-webkit-transition: background-color 0.3s; 
	   -moz-transition: background-color 0.3s; 
		 -o-transition: background-color 0.3s; 
			transition: background-color 0.3s; 
	}
	.login-form .input-login { 
	-webkit-box-shadow: 0 0 4px 3px rgba(25, 25, 25, 0.4); 
	   -moz-box-shadow: 0 0 4px 3px rgba(25, 35, 25, 0.4); 
			box-shadow: 0 0 4px 3px rgba(25, 25, 25, 0.4); 
	}
	.login { 
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); 
	   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); 
			box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
	}
	footer { 
	-webkit-box-shadow: inset 0 6px 9px -4px rgba(0, 0, 0, 0.8); 
	   -moz-box-shadow: inset 0 6px 9px -4px rgba(0, 0, 0, 0.8); 
			box-shadow: inset 0 6px 9px -4px rgba(0, 0, 0, 0.8);
	}
    
    .glowbug { background: url(/img/backgrounds/glowbug.png) no-repeat; width: 41px; height: 41px; z-index: 3; position:absolute }
    .bug_container { width: 125px; height: 175px; position:absolute; z-index: 2 }