/*******************************
	CSS login della procedura
********************************/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FAFAD2;
	color: #666666;
}
a {
	outline: none;
	cursor: pointer;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	display: inline;
}
input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*******************************
	Intestazione della pagina
********************************/
header {
	height: 82px;
	clear: both;
	display: block;
	cursor: default;
	font-size: 18px;
	background-color: #4682B4;
	color: white;
	text-align: center;
}
header div.gngHL {
	float: left;
	width: 25%;
	text-align: left;
	font-size: 14px;
	padding-top: 56px;
	padding-left: 6px;
	background: transparent url(images/logo_rve.png) top left no-repeat;
}
header div.gngHR {
	float: right;
	width: 25%;
	font-size: 10px;
	text-align: right;
	padding-top: 10px;
	padding-right: 6px;
	height: 72px;
	background: transparent url(images/logo_5488.png) top right no-repeat;
}

div.gngMenuHR {
	clear: both;
	width: 100%;
	height: 3px;
	background: transparent url(images/gng_fading.png) bottom center repeat-x;
}


/* Bottone visualizzazione menu
********************************/
.gngMT {
	position: fixed;
	top: 0px;
	right: 5px;
	z-index: 1900;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.gngMT span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 8%;
	background-color: #fff;
	font-size: 0px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.gngMT span:before,
.gngMT span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.gngMT span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}
.gngMT span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
}
.gngMT-open span:before {
	-webkit-transform: translateY(-350%);
	transform: translateY(-350%);
}
.gngMT-open span:after {
	-webkit-transform: translateY(350%);
	transform: translateY(350%);
}

/*********************
	Menu della pagina
**********************/
.gngMM {
	background-color: #2F4F4F;
	position: fixed;
	height: 100%;
	top: 30px;
	width: 25em;
	right: -25em;
	z-index: 2000;
}
.gngMM h3 {
	color: #afdefa;
	padding: 8px;
	margin: 0px 0px 1px 0px;
	font-weight: 300;
	background: #0d77b6;
	display: block;
	border-bottom: 1px solid #258ecd;
}
.gngMM {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.gngMM a {
	display: block;
	color: #fff;
	font-weight: 300;
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}
.gngMM a:hover {
	background: #258ecd;
	color: black;
}
.gngMM a.selected {
	color: yellow;
	text-decoration: underline;
}
.gngMM a.disabled {
	color: #a0a0a0;
	cursor: default;
}
.gngMM a.disabled:hover {
	background-color: #2F4F4F;
	color: #a0a0a0;
}
.gngMM-open {
	right: 0px;
}

/*********************
	Menu schede
**********************/
nav.gngMS {
	display: block;
	clear: both;
}
nav.gngMS ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	height: 22px;
	background: linear-gradient(#F8F8F8, #a8c8c8);
	font-size: 11px;
	border-top: 1px solid #5A9092;
}
nav.gngMS li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 10%;
}
nav.gngMS a {
	display: block;
	text-align: center;
	color: #2F4F4F;
	height: 20px;
	padding-top: 2px;
	border-left: 1px solid white;
	border-right: 1px solid #99C1B5;
}
nav.gngMS a.disabled {
	color: #A0A0A0;
	cursor: default;
	opacity: 0.5;
}
nav.gngMS a.selected {
	color: white;
	background: linear-gradient(#5a9092, #2a6062);
}
nav.gngMS a:hover {
	background: linear-gradient(#a8c8c8, #F8F8F8);
	color: black;
}
nav.gngMS li a.disabled:hover {
	color: #A0A0A0;
	background: url();
}
div.gngMenuHR {
	height: 3px;
	background-color: #2a6062;
}

/***************
	Area dati
****************/
section#gngDesk {
	clear: both;
	overflow: hidden;
	height: 200px;
	border: 0px;
	margin: 0px;
	visibility: hidden;
}

/***********************
	Piede della pagina
************************/
footer {
	font-size: 11px;
	height: 2em;
	visibility: hidden;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	background-color: #2F4F4F;
	color: White;
}

/***********************************************
	Definizioni relative alle scrolling tables
***********************************************/
div.gngFixHeadTable {
	padding: 0px;
	border: none;
	width: 100%;
	height: 320px;
	overflow: hidden;
	visibility: hidden;
}
div.gngFHTbase {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.gngFHTheader {
	position: absolute;
	z-index: 3;
}
div.gngFHTinner {
	position: relative;
}
div.gngFHTinner table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
}
div.gngFHTdata {
	position: absolute;
	z-index: 2;
	overflow: auto;
}
div.gngFHTdata table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
}

/**********************
	Griglie per schede
***********************/
table.tabGrid {
	width: 100%;
	border: 0;
	margin: 0; 
	padding: 2px;
	border-collapse: collapse;
}
div.divGrid {
	overflow: auto;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/********************
	Scheda di login
*********************/
/****************
	Box login
****************/
div.logoLeft {
	width: 25%;
	float: left;
	background-color: #B0C4DE;
	color: #556677;
}
div.logoRight {
	width: 75%;
	float: left;
}
div.logoHead {
	padding: 8px;
	background-color: #2A4E6C;
	color: white;
	border: 1px outset #cebb9e;
	text-align: center;
}
div#logoInner {
	border: 1px outset #cebb9e;
	padding: 8px;
	height: 200px;
}
div#logoInner input[type=text], div#logoInner input[type=password] {
	color: #333333;
	display: block;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	margin-bottom: 5px;
	border: 3px solid #ebe6e2;
	border-radius: 5px;
}
.logoBtn {
	width: 100%;
	height: 2.8em;
	font-weight: bold;
	box-shadow: inset 0 1px rgba(255,255,255,0.3);
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin-right: 1%;
	background-color: #2A4E6C;
	color: white;
	text-shadow: 0 1px rgba(255,255,255,0.3);
}
span#logErr {
	display: block;
	font-weight: bold;
	color: Red;
	text-align: center;
	padding: 8px 0px;
}
span.logUsr {
	display: block;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	margin-bottom: 5px;
	background: transparent url(images/user01.png) no-repeat left center;
}
span.logPwd {
	display: block;
	height: 1.5em;
	margin-top: 1em;
	padding-top: 4px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	background: transparent url(images/lock01.png) no-repeat left center;
}
.tacx {text-align: center;}
.tadx {text-align: right;}
.fldx {float: right;}
.logBtn {
	width: 10em;
	height: 2.4em;
	font-weight: bold;
	box-shadow: inset 0 1px rgba(255,255,255,0.3);
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin-right: 1%;
	background-color: #2A4E6C;
	color: white;
	text-shadow: 0 1px rgba(255,255,255,0.3);
}

/***********************
	Scheda di benvenuto
************************/
div.pageHead {
	color: #4682B4;
	border-bottom: 3px solid #bbb082;
	background-color: #FFFFC1;
	padding: 0.5em;
}
div.divAct {
	float: left;
	width: 25%;
	background-color: #FFF8DC;
}
div.divApp {
	float: left;
	width: 75%;
}

ul#logActions {
	margin: 0;
	padding: 4px 1px 0px 1px;
	border-right: 1px solid silver;
}
ul#logActions li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul#logActions a {
	display: block;
	cursor: pointer;
	padding: 10px 6px;
	margin-bottom: 1px;
	background-color: #B0C4DE;
	color: #202020;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
ul#logActions a.laSelect {
	background-color: #4169E1;
	color: white;
}
ul#logActions a:hover {
	background-color: #778899;
	color: white;
}

div.divHead {
	background-color: #4682B4;
	color: white;
	font-weight: bold;
	padding: 6px 8px;
	border: thin outset;
}
div.h4 {height: 4px;}

table.logTable {
	cursor: default;
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana, Arial, sans serif;
}
table.logTable tr:hover {
	color: Navy;
	background-color: #c4e3ed;
}
table.logTable tr.rowSelected {
	background-color: #F0E68C;
	color: #333333;
}
table.logTable th {
	padding: 8px;
	background-color: #2A4E6C;
	color: white;
	border: 1px outset #cebb9e;
}
table.logTable th.user {
	background: url(images/user01.png) no-repeat center center;
	background-color: #2A4E6C;
}
table.logTable td {
	border: 1px solid #cebb9e;
	padding: 8px 6px;
}
table.logTable td.enab {
	background: url(images/tick-button.png) no-repeat center center;
}
table.logTable td.disab {
	background: url(images/cross-button.png) no-repeat center center;
}

span.oldPwd {
	font-weight: bold;
	padding-left: 24px;
	background: url(images/unlock.png) no-repeat left center;
}
span.newPwd {
	font-weight: bold;
	padding-left: 24px;
	background: url(images/lock01.png) no-repeat left center;
}
span.chkPwd {
	font-weight: bold;
	padding-left: 24px;
	background: url(images/ok.png) no-repeat left center;
}
.redLine {
	text-align: center;
	font-weight: bold;
	color: red;
}