/* ------------------------------------------------------------------------- */
	/* Tags 																	 */
	/* ------------------------------------------------------------------------- */

	body {
		font-family: verdana, sans-serif;
		font-size: 8pt;
	}

	form {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* ------------------------------------------------------------------------- */

	/* ------------------------------------------------------------------------- */
	/* Elements																	 */
	/* ------------------------------------------------------------------------- */

	.qll {
		color: blue;
		text-decoration: underline;
		cursor: pointer;
	}

   	.qhidden {
   		position: absolute;
    	visibility: hidden;
	}

	.qbold {
		font-weight: bold;
	}

	.qmargin {
		margin: 0px 0px 0px 0px;
	}

	.qnopad, .qnopadding {
		padding: 0px 0px 0px 0px;
	}

	.qnots {
		border-spacing: 0px;
		border-collapse: collapse;
	}

	.qnots td {
		padding: 0px 0px 0px 0px;
	}

    .qscrollx {
		overflow-x: scroll;
	}

	.qscrolly {
		overflow-y: scroll;
	}

    .qnoscrollx {
		overflow-x: hidden;
	}

	.qnoscrolly {
		overflow-y: hidden;
	}

	.qautoscrollx {
		overflow-x: auto;
	}

	.qautoscrolly {
		overflow-y: auto;
	}

	.qnoborder {
		border: 0px;
	}

    .qborder {
     	border: 1px solid #000000;
     }

    .qborder1 {
		border: 1px solid #999999;
	}

	.qborderb, .qhline {
	    border-bottom: 1px solid #000000;
    }

	.qbkg {
		background-image: url("../images/bkg-tablehead.png");
	}

	.qbkg1 {
		background-color: #055F9B;
	}

	.qbkg2 {
		background-color: #E6EEF6;
	}

	.qbkg3, .qrow0 {
		background-color: #FFFFFF;
	}

	.qbkg4, .qrow1 {
		background-color: #EDEEF4;
	}

	.qbkg5 {
		background-color: #3D77CB;
	}

	.qred {
		color: #C90000;
	}

	.qhr {
		border: 0pt none;
		color: #000000;
		background-color: #000000;
		height: 1px;
    }

	/* ------------------------------------------------------------------------- */


	/* -------------------------------------------------------------------------*/
	/* Login (lgn) 																*/
	/* -------------------------------------------------------------------------*/

	.qlgn {
		background-color: #E6EEF6;
		color: #000000;
		border-bottom: 1px solid #000000;
		width: 100%;
	}

	.qlgnfield {
        border: 1px solid #000000;
    }

    .qlgntable {
    	background-color: #E6EEF6;
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		border-spacing: 0px;
        border-collapse: collapse;
	}

	.qlgntop {
		border-top: 1px solid #000000;
	}

	/*.qlgnbutton {
        font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		background-color: #3061B6;
		color: #FFFFFF;
   		vertical-align: middle;
   		cursor: pointer;
     }*/

	.qversion {
		font-family: arial, sans-serif;
		font-size: 9pt;
		color:#1D7AD9;
		text-decoration: none;
		white-space: nowrap;
		/*color: #1D50A8*/

	}

	.qbanner {
		font-family: arial, sans-serif;
		font-size: 18pt;
		font-weight: bold;
		color: #000000;
		text-align: left;
	}

	/* -------------------------------------------------------------------------*/

	/* -------------------------------------------------------------------------*/
	/* message (qm) 															*/
	/* -------------------------------------------------------------------------*/

	.qmerror {
        font-size: 9pt;
        font-weight: bold;
        color: #C90000;
    }

    .qmalert {
        font-size: 9pt;
        font-weight: bold;
        color: #05509B;
    }


	/* -------------------------------------------------------------------------*/

	/* -------------------------------------------------------------------------*/
	/* About (qat) 																*/
	/* -------------------------------------------------------------------------*/

	.qattable {
		border-bottom: 1px solid #000000;
		width: 100%;
	}

	.qatcell {
		width: 10%;
	}

	.qatcellfill {
		width: 60%;
	}

	.qbuttonselected {
        font-weight: bold;
		background-color: #EFF3F7;
		color: #000000;
   		vertical-align: middle;
   		cursor: pointer;
     }

	/* -------------------------------------------------------------------------*/


	/* ------------------------------------------------------------------------- */
	/* DataTable (dt)														     */
	/* ------------------------------------------------------------------------- */

	.qdt {
		background-color: #FFFFFF;
		border: 1px solid #999999;
	}

	#qdtfooterb {
	 	width:100%;
	 	border-top: 1px solid #999999;
	}

	.qdtdiv {
		/*overflow-y: auto;*/
	}

	.qdthead {
		background-image: url("../images/bkg-tablehead.png");
		color: #000000;
		font-weight: bold;
		font-size: 11pt;
	}

	.qdtsubhead {
	    background-color: #1F7EB9;
		color: #FFFFFF;
        font-weight: bold;
        font-size: 9pt;
        text-align: center;
        vertical-align: middle;
    }

   	.qdtbody {
   		/*overflow: auto;
		height: 150px;
		overflow-x: hidden;*/
   	}

   	.qdtcoloredrow {
		background-color: #FFEBA7;
		font-size: 8pt;
	}

   	.qdtrow0, .qdtr0 {
		background-color: #FFFFFF;
		font-size: 8pt;
	}

	.qdtrow1, .qdtr1 {
	    background-color: #DEEBF5;
        font-size: 8pt;
	}

	.qdtfoot {
		color: #000000;
		font-weight: bold;
		font-size: 8pt;
		text-align: right;
	}

	.qdtpage {
		/*color: #F3F3F3;*/
		font-size: 8pt;
		text-align: right;
		border: 0px;
		cursor: pointer;
		white-space: nowrap;
	}

	.qdtline {
      	color: #000000;
    	background-color: #000000;
      	height: 1px;
	}

	/*.qdtinput {
		background-color: #FFFFFF;
		text-align: right;
		border: 1px inset #002D96;;
	}*/

	/* Change Layer */
	/*.qdtchangeselect {
		width: 200px;
		border: 1px inset #000000;
	}*/

	/* Export Layer */
	/*.qdtexportcell {
		font-weight: bold;
		text-align: left;
	}*/


	/* Layer */
	.qdtlyr {
		width: 95%;
		text-align: center;
		border-spacing: 1px;
		margin-left: auto;
		margin-right: auto;
		font-weight: bold;
	}

	.qdtlyr select {
		width: 200px;
		border: 1px inset #000000;
		background-color: white;
	}

	.qdtlyr input[type=text] {
		text-align: right;
		border: 1px inset #3A64A8;
	}

	#exportLayerTable {
		text-align: left;
	}

	/* Layer */

	/* -------------------------------------------------------------------------*/


	/* ------------------------------------------------------------------------ */
	/* DropMenu	 DropHeadMenu (qdm)  								            */
	/* ------------------------------------------------------------------------ */

	.qdm {
		background-color: #FFFFFF;
		border: 0px solid #003366;
		color: #003366;
		width: 100%;
	}

	.qdmbody {
		background-color: #EDEEF4;
		cursor: pointer;
		text-align: left;
	}

	.qdmleft {
		width: 10%;
		text-align: center;
	}

	.qdmright {
		width: 90%;
	}

	/* ------------------------------------------------------------------------ */

	/* -------------------------------------------------------------------------*/
	/* Layer																	*/
	/* -------------------------------------------------------------------------*/

	.qlayer, .qdtlayer {
		position: absolute;
		visibility: hidden;
		background-color: #E1E1E1;
        border: 1px solid #80A7D8;
	}

	.qlyrdrag {
		color: #FFFFFF;
		font-weight: bold;
		background-image: url("../images/bkg-tablehead.png");
	}

	.qlydragtable {
		width: 100%;
		cursor: move;
	}

	.qlydragtitle {
		font-size: 9pt;
		width: 97%;
		text-align: center;
	}

	.qlydragclose {
		width: 3%;
		text-align: right;
	}

    .quserbody {
  		background-color: #FFFFDC;
    }

	/* -------------------------------------------------------------------------*/

	/* ------------------------------------------------------------------------- */
	/* 	ToolBar (qtb)															 */
	/* ------------------------------------------------------------------------- */

	/*.qtbdiv, .qabToolbarDiv {
	}*/

	.qtbhead, .qhtitle {
        font-size: 12pt;
        font-weight: bold;
        color: #325065;
        text-align: left;
        width: 100%;
		border-spacing: 0px;
        border-collapse: collapse;
        background-image: url("../images/bkg-tbhead.png");
        border-radius: 3px;
	    -moz-border-radius: 3px;
    }

	.qtbfooter {
		background-color: #C3D5E1;
		width: 100%;
		border-spacing: 5px;
	}
	.qtbfooterWithoutBackground {

		width: 100%;
		border-spacing: 5px;
	}

	.qtbrow, .qht30 {
		height: 25px;
	}

	/* ------------------------------------------------------------------------- */

	/* ------------------------------------------------------------------------- */
	/* Button (button - b)       												 */
	/* ------------------------------------------------------------------------- */
    .qbutton {
		font-size: 8pt;
		font-weight: bold;
		background-image: url("../images/button/blue.png");
		color: #FFFFFF;
   		cursor: pointer;
   		border: 1px solid white;
   		border-radius: 3px;
	    -moz-border-radius: 3px;
     }

     .qbutton1 {
    	font-size: 8pt;
		font-weight: bold;
		background-image: url("../images/button/green.png");
		cursor: pointer;
		color: #FFFFFF;
		border: 1px solid white;
		border-radius: 3px;
	    -moz-border-radius: 3px;
	}

	.qbutton2 {
    	font-size: 8pt;
		font-weight: bold;
		background-image: url("../images/button/orange.png");
		cursor: pointer;
		color: #FFFFFF;
		border: 1px solid white;
		border-radius: 3px;
	    -moz-border-radius: 3px;
	}

	.qbutton3 {
    	font-size: 8pt;
		font-weight: bold;
		background-image: url("../images/button/rouge.png");
		cursor: pointer;
		color: #FFFFFF;
		border: 1px solid white;
		border-radius: 3px;
	    -moz-border-radius: 3px;
	}

	.qbutton4 {
    	font-size: 8pt;
		font-weight: bold;
		background-image: url("../images/button/grey.png");
		cursor: pointer;
		border: 1px solid white;
		color: #FFFFFF;
		border-radius: 3px;
	    -moz-border-radius: 3px;
	}

	.qblink, .qlink {
	    cursor: pointer;
	}

	.qbmidlink, .qbalign {
		vertical-align: middle;
		cursor: pointer;
	}

	.qbtop {
		vertical-align: top;
	}

	.qbmid {
		vertical-align: middle;
	}

    .qbdisabled {
		font-size: 8pt;
		font-style: italic;
		background-color: #959393;
        border: 0px solid #F5F5F5;
    	color: #FFFFFF;
    	cursor: pointer;
    }

	/**
	 * Pulsanti di navigazione DataTable
	 */
  	.qbhead {
  		cursor: pointer;
    }

	/**
	 * Pulsanti testuali toolbar DataTable
	 */
    .qbarrow {
		font-size: 9pt;
		font-weight: bold;
		background: transparent url("../images/button/button-arrow.png") no-repeat;
        border: 0px solid #F5F5F5;
    	cursor: pointer;
		vertical-align: top;
    }

    .qbarrowbuttondatatable {
		font-size: 9pt;
		font-weight: bold;
		background: transparent url("../images/button/button-arrow.png") no-repeat;
        border: 0px solid #F5F5F5;
    	cursor: pointer;
		vertical-align: top;
    }

    .qbarrowdisabled {
		font-size: 9pt;
		font-weight: bold;
		font-style: italic;
		background: transparent url("../images/button/button-arrow.png") no-repeat;
        border: 0px solid #F5F5F5;
    	color: #C3C3C3;
    	cursor: pointer;
		vertical-align: top;
    }

	/**
	 * @deprecated use: .qbutton .qbtop
	 */
    .qbuttontop {
        font-size: 8pt;
		font-weight: bold;
		background-image: url("../images/button/blue.png");
		color: #FFFFFF;
   		vertical-align: top;
   		cursor: pointer;
   		border: 1px solid white;
   		border-radius: 3px;
	    -moz-border-radius: 3px;
     }

	/* ------------------------------------------------------------------------- */

	/* -------------------------------------------------------------------------*/
	/* Panel (pnl)															    */
	/* -------------------------------------------------------------------------*/

	.qpnldiv, .qabPanelDiv  {
  	}

	.qpnldivhidden, .qabPanelDivHidden {
		position: absolute;
		visibility: hidden;
	}

    .qpnltable {
        font-weight: bold;
        color: #506F84;
        width: 100%;
    }

	.qpnltitle, .qabPanelTitle {
        font-size: 11pt;
        width: 100%;
        border-bottom: 1px solid #95ABBC;
        border-spacing: 0px;
        border-collapse: collapse;
    }

    .qpnltitleleft {
    	width: 98%;
    }

    .qpnltitleright {
    	text-align: right;
    	width: 2%;
    	cursor: pointer;
    }

	.qpnlbody, .qabPanelBody {
		width: 100%;
    }

    .qpnlbodyhidden {
    	width: 0px;
    }

	/* ------------------------------------------------------------------------- */



	/* ------------------------------------------------------------------------- */
	/* HTMLObjects 															     */
	/* ------------------------------------------------------------------------- */

    .qdatefield {
        background-position: right center;
        background-repeat: no-repeat;
        background-image: url("../images/calendar.png");
        background-color: #FFFFFF;
        border: none;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .qnumericoperator {
    	border: 1px inset #000000;
    	border-radius: 4px;
	    -moz-border-radius: 4px;
    }

	.qradiofield {
		border: 1px solid #000000;
	}

	.qviewfield {
		border-spacing: 0;
		border-collapse: collapse;
		border: 1px solid #000000;
	}

	.qviewfieldhidden {
		position: absolute;
		visibility: hidden;
		width: 95%;
	}

	.qhtmlw {
	    background-position: right center;
        background-repeat: no-repeat;
        background-image: url("../images/html-viewer.gif");
        background-color: #FFFFFF;
        border: none;
        width: 19px;
        height: 16px;
        cursor: pointer;
	}

    .qenabled0, .enabled0 {
    	font-family: verdana, sans-serif;
    	font-size: 8pt;
        background-color: #FFFFFF;
	    border: 1px inset #000000;
	   	border-radius: 4px;
	    -moz-border-radius: 4px;
    }

    .qenabled1, .enabled1 {
    	font-family: verdana, sans-serif;
		font-size: 8pt;
	    background-color: #9CCBDF;
		border: 1px inset #000000;
		border-radius: 4px;
	    -moz-border-radius: 4px;
	}

    .qdisabled0, .disabled0 {
    	font-family: verdana, sans-serif;
    	font-size: 8pt;
        background-color: #FFFFFF;
        border: 1px dotted #000000;
		border-radius: 4px;
	    -moz-border-radius: 4px;
	}

    .qdisabled1, .disabled1	{
    	font-family: verdana, sans-serif;
		font-size: 8pt;
        background-color: #E1E1E1;
        border: 1px dotted #000000;
		border-radius: 4px;
	    -moz-border-radius: 4px;
    }

	.qreadonly0, .readonly0 {
    	font-family: verdana, sans-serif;
    	font-size: 8pt;
        font-style: italic;
        background-color: #FFFFFF;
        border: 1px inset #000000;
		border-radius: 4px;
	    -moz-border-radius: 4px;
    }

  	.qreadonly1, .readonly1	{
    	font-family: verdana, sans-serif;
		font-size: 8pt;
        font-style: italic;
        background-color: #9CCBDF;
        border: 1px inset #000000;
		border-radius: 4px;
	    -moz-border-radius: 4px;
    }

    .qreadis {
    	color: #000000;
    }

    /* -------------------------------------------------------------------------*/

	/* ------------------------------------------------------------------------- */
	/* EntityView (qew) 														 */
	/* ------------------------------------------------------------------------- */

	.qewl {
		font-size: 10pt;
		font-weight: bold;
		background-color: #C7D0D9;
		width: 30%;
	}

	.qewr {
		font-size: 10pt;
		background-color: #EDEEF4;
		width: 70%;
	}

	/* ------------------------------------------------------------------------- */

	/* ------------------------------------------------------------------------- */
	/* System Error Page                                                         */
	/* ------------------------------------------------------------------------- */

	.qerrorthead {
	    font-style: normal;
	    color: #000000;
	    background-color: #CADCF1;
	}

	.qerrortitle {
		text-align:center;
		font-size: 14pt;
		font-weight: bold;
	}

	.qerrorpage {
		color: #4191DE;
	}

	/* ------------------------------------------------------------------------- */

	#qroll {
		position: absolute;
		visibility: hidden;
	}

	.ui-tooltip,.arrow:after { position:absolute;background: #fff;border:1px solid #808080;}
	.ui-tooltip {z-index:10;width:auto ;max-width:300px; font-size:0.995em;text-align:center;border-radius: 20px;color:#000;background:#fff ;font-family: Arial,sans-serif;	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;	border:1px solid #808080;}
	.arrow { width: 50px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px;*display:none;}
	.arrow.top { top: -16px; bottom: auto;}
	.arrow.left {left: 20%;}
	.arrow:after {  content: "";   position: absolute;   left: 20px;   top: -20px;   width: 25px;   height: 25px;   -webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg);   -ms-transform: rotate(45deg);    -o-transform: rotate(45deg);    tranform: rotate(45deg);}
	.arrow.top:after {bottom: -20px;top: auto;}