/*
/////////////////////////////////////////////////////////////////////////////////////////////
// NTool[COMMON]				CSS - Styles Login
//
// Copyright (c) 				from 1999 - Gruppo36 (All rights reserved)
// Autore 							Chiodi Paolo
/////////////////////////////////////////////////////////////////////////////////////////////
*/

html{		height:100%;	}
body{		height:100%;	font-family:Verdana, Geneva, sans-serif;		margin:0;		text-align:left;	}

input, select{					font-family:Verdana, Geneva, sans-serif;	font-size:18px;		letter-spacing:1px; 	padding:5px;		border:1px solid #999;		border-radius:6px;	}
input[type="button"],
input[type="submit"]{		cursor:pointer;			}

table{	width:100%;	min-width:360px !important; 	height:100%;		padding:0;	border-spacing:0;		border:none;	}
img{		border:none;	}


/* HEAD */
.TableHead{		height:160px;		}
.HeadImg{ 	 	height:160px;	box-shadow:5px 5px 5px #999; 	}
.HeadLogo{ 	 	float:left;		background-position:center right; 	background-repeat:no-repeat;	min-width:140px;	height:100%;	 }
.HeadNaming{	position:absolute;	top:10px;	right:0px;	text-transform:uppercase;	text-align:center; font-size:50px; font-weight:bold; 	line-height:46px;		padding:0 20px;	overflow:hidden;	}
.HeadBy{			position:absolute;	top:69px;	right:0px;	text-align:center; font-size:16px; font-weight:bold; 	line-height:22px;		padding:0 40px;	overflow:hidden;}
.HeadBy a{		font-size:14px;	 color:#FFF;	text-decoration:none;	}
.HeadVersion{	font-size:.5em;		}


/* BODY */
.TableBody{		text-align:center;	min-height:430px !important;	}


/* PROMPT */
.PromptAbs, 
.PromptAbs2{	min-height:350px;	position:absolute;	left:50%;		top:270px;	 }
.PromptAbs{		width:330px;	margin-left:-165px;	}
.PromptAbs2{	width:680px; 	margin-left:-340px;	}
.Prompt{			min-height:210px;	width:310px;	padding:15px 10px 15px 10px;				border-radius:6px;		box-shadow:5px 5px 5px #999;	}
.InputRow{		padding:0 0 10px 0;		}


/* QUICK BUTTON */
.QuickButton{		margin:0 0 13px 0;	 	padding:0 2px; 	cursor:pointer;			border-radius:5px;			}

.QuickLink{			font-size:18px;		padding:1px 5px;	font-weight:bold;		float:left;	}
.QuickLogOut{		font-size:14px;		padding:3px 10px;	font-weight:bold; 	text-align:right;	}
.QuickIco{			padding:0 5px;		float:left;	}

.Loading{		border:1px solid #999;		padding:5px;	margin-bottom:10px;		background-color:#FFF;	line-height:0;			border-radius:5px;	box-shadow: inset 0 0 9px #999;		}
.Error{			font-size:16px;		color:#900;		font-weight:bold;			line-height:normal !important;	}
.Clear{			clear:both;		}


/* PROGRESSBAR */
.ProgressBar{				
	height:21px;	margin:10px;			padding:1px;	text-align:left;		border:1px solid #4E5B2D;		background-color:#BBB;		border-radius:5px;		
	background-image:linear-gradient(top center, #FFF, #BBB 50%, #AAA 50%, #CCC);	
	background-image:-moz-linear-gradient(top center, #FFF, #BBB 50%, #AAA 50%, #CCC);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.50, #BBB), color-stop(0.50, #AAA), to(#CCC) );
}
.ProgressBarFill{		
	height:21px;	overflow:hidden;	text-align:center;		font-weight:bold;		letter-spacing:3px;		color:#666;			background-color:#76A30D; 	border-radius:4px;	
	background-image:linear-gradient(top center, #9EDE12, #8DB926 50%, #76A30D 50%, #8EC50D);
	background-image:-moz-linear-gradient(top center, #9EDE12, #8DB926 50%, #76A30D 50%, #8EC50D);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#9EDE12), color-stop(0.50, #8DB926), color-stop(0.50, #76A30D), to(#8EC50D) );
}

/* FOOTER */
.TableFooter{	height:130px;	}
.Footer{			padding:10px; 	text-align:center;	box-shadow:5px 5px 5px #999;		}

/* FOOTER */
.CompSup{ 		float:left; }
.CompUns{ 		float:right; }
.CompIco{			padding:5px;			float:left;		border-radius:3px;		}
.CompIcoSup{	border:2px solid #666; 	margin:2px 10px 2px 2px;	}
.CompIcoUns{	border:4px solid #C00;	margin:0px 10px 0px 0px;	}

/* ICO ALT  */	
a 			span.Compatibility{ display:none;		text-decoration:none;		text-align:left;	 color:#000;	border-radius:3px;	}
a:hover	span.Compatibility{	display:block; 	position:absolute;  padding:4px;	bottom:60px;	border:1px solid #000000; 	background-color:#FFFF99;	}
a:hover span.Supported{ 		margin-left:10px;		}
a:hover span.Unsupported{ 	margin-left:-350px;	}




/* GRAPHIC LOGIN */
@-moz-keyframes 		LGDot {	from {	opacity:0; filter:alpha(opacity=0);	} to {	opacity:1;	filter: alpha(opacity=100);	 } }
@-webkit-keyframes 	LGDot {	from {	opacity:0; filter:alpha(opacity=0);	}	to {	opacity:1; 	filter: alpha(opacity=100);	 } }



.LogGraphBt{				width:40px;  height:36px;		float:right;		margin:30px 5px 10px 0;		background-image:url(../imgs/login_graphic/log_ico.png);		}
.LogGraphBt .Ico{		height:100%;	background-image:url(../imgs/login_graphic/log_ico.png);	background-position:center;		}

.LogGraphGui{			background-image:url(/core.a/common/imgs/loading/loading_bar.gif);	background-repeat:no-repeat; background-position:center;	background-color:rgba(230,230,230,0.9);
									position:fixed;	z-index:9999;	width:100%;	height:100%; left:0; top:0;	text-align:center;	}
.LogGraphImg{			box-shadow:0 0 60px #FFF;		border:4px solid #FFF;	background-repeat:no-repeat; background-position:center;	}

.LogGraphChecker{	position:fixed;		bottom:0;		height:50px;	width:100%;		overflow-x:scroll; overflow-y:hidden;	background-color:#FFF;	border-top:1px solid #999;	transition:height .4s .2s;	}
.LogGraphChecker:hover{	height:154px;		}
.LogGraphCheck{		display:inline-block;		width:100px;	height:66px;		margin:5px 0 0 10px;		background-size:160px;		background-position:center; 	text-align:left;	border:1px solid #CCC;	}

.LogGraphClose{		position:fixed;	width:22px;	right:20px;		top:20px;		text-align:center;	}
.LogGraphDot{			
	font-family:Arial, Helvetica, sans-serif;	font-size:16px; 	font-weight:bold;	
	position:fixed;	width:30px; height:30px;	background-color:rgba(181,241,3,0.8);	border-radius:15px;	 border:1px solid #999;	color:#FFF;	text-align:center; line-height:30px;
	-moz-animation: LGDot .3s linear;
	-moz-animation-fill-mode:forwards;
	-webkit-animation: LGDot .3s linear;
	-webkit-animation-fill-mode:forwards;
}

.LogGraphMsg{			
	position:fixed;	width:300px; padding:30px;	margin:0 -150px;	top:30%;	left:50%;		z-index:45;	
	background-color:rgba(255, 255, 255, 0.8);	border-radius:15px;	border:1px solid #999; 	font-size:24px;	 color:#333;	box-shadow:0 0 30px #999;
}




/* ///////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:960px), (max-device-width:960px){

	.TableHead{			height:120px;	}
	.HeadImg{ 	 		height:120px;	}
	.HeadLogo img{	height:40px;	}
	.HeadNaming{		font-size:34px; 	line-height:28px;  	}
	.HeadBy{				top:90px;	}
	
	.PromptAbs,
	.PromptAbs2{		width:320px;	margin-left:-165px; 	top:160px;	}
	#LoggedQMenu{		display:none;	}
	
	.CompIco{				padding:1px;	}
	
}
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-height:750px), (max-device-height:750px){
	
	.TableBody{		min-height:400px !important;	}
	
	.PromptAbs, 
	.PromptAbs2{	top:200px;	 }
	
}
/* ///////////////////////////////////////////////////////////////////////////////////////////// */