/* ******************************** CONTROL AREA ***************************** */
.alignRG 
{
    position: relative;
    float: right;
    text-align: right;
    vertical-align: middle;
}
.alignCENTER
{
    text-align: center;
    width: 100%;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}
.alignLF
{
    position: relative;
    float: left;
    text-align: left;
    vertical-align: middle;    
}
.clearBoth { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.textAlignCenter { 
    display: inline-block;
    text-align: center; 
    width: 100%;
}
.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.uppercase { text-transform: uppercase; }

.alignVmiddle { vertical-align: middle; }

.borderBox1 {
    border: 3px solid #666;
    border-radius: 10px;
    padding: 2%;
    display: inline-block;
    width: 100%;
}
.borderOrange {
    border: 3px solid #FF8B2D;
    border-radius: 10px;
}
.borderRed {
    border: 3px solid #c00 !important;
}
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.marginP2 { margin: 2%; }
.marginP5 { margin: 5%; }
.marginP10 { margin: 10%; }


.paddingP2 { padding: 2%; }
.paddingP0v4 { padding: 0.4em; }

.marginTopP2 { margin-top: 2%; }
.marginRightP2 { margin-right: 2%; }
.marginRight2 { margin-right: 2px; }
.marginLeft5 { margin-left: 5px; }
    
.height0 { height: 0px; }    
.height5 { height: 5px; }    
.height20 { height: 20px; }
.height25 { height: 25px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height60 { height: 60px; }
.height100 { height: 100px; }
.height150 { height: 150px; }
.height220 { height: 220px; }
.height250 { height: 250px; }
.height450 { height: 450px; }
.height600 { height: 600px; }

.heightP20 { height: 20%; }
.heightP30 { height: 30%; }
.heightP50 { height: 50%; }
.heightP100 { height: 100%; }


.width10 { width: 10px; }
.width12 { width: 12px; }
.width15 { width: 15px; }
.width20 { width: 20px; }
.width25 { width: 25px; }
.width30 { width: 30px; }
.width35 { width: 35px; }
.width40 { width: 40px; }
.width45 { width: 45px; }
.width50 { width: 50px; }
.width55 { width: 55px; }
.width65 { width: 65px; }
.width75 { width: 75px; }
.width80 { width: 80px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width120 { width: 120px; }
.width150 { width: 150px; }
.width180 { width: 180px; }
.width200 { width: 200px; }
.width220 { width: 220px; }
.width240 { width: 240px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }

.minWidth130 { min-width: 130px; }
.minWidth200 { min-width: 200px; }


.widthP03 { width: 3%; }
.widthP05 { width: 5%; }
.widthP07 { width: 7%; }
.widthP10 { width: 10%; }
.widthP15 { width: 15%; }
.widthP20 { width: 20%; }
.widthP25 { width: 25%; }
.widthP30 { width: 30%; }
.widthP40 { width: 40%; }
.widthP43 { width: 43%; }
.widthP45 { width: 45%; }
.widthP50 { width: 50%; }
.widthP55 { width: 55%; }
.widthP60 { width: 60%; }
.widthP70 { width: 70%; }
.widthP75 { width: 75%; }
.widthP80 { width: 80%; }
.widthP85 { width: 85%; }
.widthP90 { width: 90%; }
.widthP95 { width: 95%; }
.widthP99 { width: 99%; }
.widthP100 { width: 100%; }
.widthAuto { width: auto; }

.DEBUG { border: 1px solid red !important; }

.minHeight55 { min-height: 55px; }
.minHeight220 { min-height: 220px; }
.maxHeight25 { max-height: 25px; }
.maxHeight150 { max-height: 150px; }
.maxWidth200 { max-width: 200px; }
.maxWidth990 { max-width: 990px; }

.top4 { top: 4px; position: relative; }
.top70 { top: 70px; position: relative; }
.top100 { top: 100px; position: relative; }
.top190 { top: 190px; position: relative; }
.top200 { top: 200px; position: relative; }
.top300 { top: 300px; position: relative; }
 
.topP5 { top: 5%; }
.topP10 { top: 10%; }
.topP13 { top: 13%; }
.topP15 { top: 15%; }
.topP20 { top: 20%; }
.topP30 { top: 30%; }
.topP40 { top: 40%; }
.topP50 { top: 50%; }
.topP70 { top: 70%; }
.topP100 { top: 100%; }

.borderRadius5 { border-radius: 5px; }


.inlineBlock { display: inline-block; }
/* carriage return */
.whiteSpace { white-space: normal; }
.preLine { white-space: pre-line; }
.wordWrap { word-wrap: break-word; }

.overflowHidden { overflow: hidden; }
.positionRelative { position: relative; } 
.hideButLiveInAspx { display: none; }
 

.fontSize0v7em { font-size: 0.7em; }
.fontSize1v5em { font-size: 1.5em; }
.fontSize2v2em { font-size: 2.2em; }
.fontSize3v4em { font-size: 3.4em; }

.textShadow1 { text-shadow: 1px 1px 2px #333; }
.textShadow2 { text-shadow: 1px 1px 2px #999; }


.left7 { left: 7px; }
.leftP22 { left: 22%; }
.leftP26 { left: 26%; }
.leftP33 { left: 33%; }

.right7 { right: 7px; }

.lineHeight11 { line-height: 11px; }

.zindexMin { z-index: -10; }
.zindex0 { z-index: 0; }
.zindex100 { z-index: 100; }

.verticalAlignTop { vertical-align: top; }
.verticalAlignMiddle { vertical-align: middle; }

.colorWhite,
a:link.colorWhite
{
    color: #fff; 
    text-shadow: 1px 1px 1px #404040; 
}
.colorDark { color: #333; }
.colorGray1 { color: #777; }
.colorRed { color: #c00; }
.backgroundOrange { background: none repeat scroll 0 0 #FF9516; }
.backgroundWhite { background: none repeat scroll 0 0 #fff; }

.cursorPointer { cursor: pointer; }



/* ****** TABLE DEFAULT ****************** */
.TableDefault
{
    /*border: 1px solid blue;*/
    border: none;
    width: 100%;
    border-collapse: collapse;
    position: relative;
    margin: 0px;
    white-space: normal;
}
    .TableDefault tr {
        border-collapse: collapse;
        /*background: none repeat scroll left top #fff;*/
    }
    .TableDefault tr td,
    .TableDefault tr th 
    {        
        border-collapse: collapse;
        vertical-align: middle;               
    }
    .TableDefault .PluginCompress tr td,
    .TableDefault .PluginCompress tr th 
    {        
        padding: 0px;
        margin: 0px;        
    }
    
    /* Opzionale .PluginKeyValue -  2 colonne */
    .TableDefault.PluginKeyValue tr > :nth-child(1)
    {
        width: 20%;
    }
    .TableDefault.PluginKeyValue tr > td:nth-child(2)
    {
        width: 70%;
    }
    /* Opzionale .PluginKeyValue - 3 colonne label/validator/value */
    .TableDefault.PluginKeyValue3 tr > td:nth-child(1)
    {
        width: 20%;
    }
    .TableDefault.PluginKeyValue3 tr > td:nth-child(2)
    {
        width: 1%;
    }    
    .TableDefault.PluginKeyValue3 tr > td:nth-child(3)
    {
        width: 69%;
    }
    /* Opzionale "showRows"*/
    .TableDefault.showRows > tbody > tr:nth-child(odd)
    {
        /*background: #DDDDDD url("../Images/GenericImages/BpuAwaAlternateItemStyle_sf.gif") repeat scroll left top;*/
        background: none repeat scroll left top #EDEDF6;
    }    
    .TableDefault.showRows > tbody > tr.selected_panel:nth-child(odd)
    {        
        background: none repeat scroll left top #F8C45C; /*#FFB54D;*/
    }        
    .TableDefault.showRows > tbody > tr:hover 
    {
        background: none repeat top left #D2E2FF;
    }
    .TableDefault.showRows > tbody > tr.selected_panel:hover
    {
        background: none repeat top left #F8C45C; /*#FFB54D;*/
    }    
    /* Pone il contenuto celle al top */
    .TableDefault.allineaVtop tr td,
    .TableDefault.allineaVtop tr th  {
        vertical-align: top;
    }


/* ********************** TABLE BORDER ************************************************** */
.TableBorder
{
    border: 2px solid #21497B;
    width: 100%;
    border-collapse: separate;
    position: relative;
    margin: 0px;
    white-space: normal;
}
    .TableBorder tr td {
        /*border: 1px solid #21497B;*/
        vertical-align: top;
    }
    /* opzione 1 - mostra bordo su RIGHE - showRows */
    .TableBorder.showRows tr
    {
        border-bottom: 1px solid #21497B;      
    }    
    .TableBorder.showRows tr:nth-child(odd)
    {
        background: none repeat scroll left top #EDEDF6;
    }    
    
    /* opzione 2 "showCells" - mostra bordo su CELLE - showCells */
    .TableBorder.showCells 
    {
        border: none;
    }    
    .TableBorder.showCells > tbody > tr > td
    {        
        border: 1px solid #21497B;
    }    
/* ********************** TABLE BORDER 6 per BOXES ************************************************** */
.TableBorder6
{
    border: 10px solid #CEDBE7; 
    border-collapse: separate;
    margin: 0;
    padding: 3px 6px;
    position: relative;
    width: 100%;    
    border-radius: 26px 26px 26px 26px;
    box-shadow: 4px 4px 3px #5B6B83;
	-moz-box-shadow: 4px 4px 3px #5B6B83;
	-webkit-box-shadow: 4px 4px 3px #5B6B83;	
	white-space: normal;
}
    .TableBorder6 tr td {
        vertical-align: top;
    }

    /* opzione 1 - mostra bordo su RIGHE - showRows */
    .TableBorder6.showRows tr
    {
        border-bottom: 3px solid #A9BEDC;        
    }

    /* opzione 2 - mostra bordo su CELLE - showCells */
    .TableBorder6.showCells 
    {
        border: none;
    }
    .TableBorder6.showCells>tbody>tr>td
    {        
        border: 3px solid #A9BEDC;
    }

/* ************** Selettore pagine ********************* */
.FooterButtons table
{
	color: #004184;
	font-size: 14px;
	background-color: #fff;
	text-align: center;
	/*width: 100%;*/
	border: none;
	margin: 0 0 0 36%;
	
	/*padding: 0 0 0 34%;*/
	width: auto;
	display: inline-block;
	
	/*border: 1px solid red;*/
	
}
    /* Pagina selezionata */
    .FooterButtons span 
    {
        color: #4f0000;
        font-weight: bold;        
        padding: 5px 9px;
        border: 1px solid #6F6060;
        border-radius: 15px 15px 15px 15px;

        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFDF70), color-stop(1, #FF4A00) );
        background: -moz-linear-gradient(center top , #FFDF70 10%, #FF4A00 100%) repeat scroll 0 0 #D01B00;
        background: -o-linear-gradient(top, #FFDF70 15%, #FF4A00 100%, #FF4A00 51%, #FF4A00 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #FFDF70 15%,#FF4A00 80%, #FF4A00 51%, #FF4A00 100%); /* IE10+ */    
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF70', endColorstr='#FF4A00');     
        background-color: #FF6A20; /*#FFFFFF;*/

    }
    .FooterButtons a:hover
    {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F2F5F9), color-stop(1, #BED0E0) );
        background: -moz-linear-gradient(center top , #F2F5F9 10%, #BED0E0 100%) repeat scroll 0 0 #D01B00;
        background: -o-linear-gradient(top, #F2F5F9 15%, #BED0E0 100%, #BED0E0 51%, #BED0E0 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #F2F5F9 15%,#BED0E0 80%, #BED0E0 51%, #BED0E0 100%); /* IE10+ */    
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F5F9', endColorstr='#BED0E0');     
        background-color: #F2F5F9;
        cursor: pointer;
    }    
    /* Numero pagina */
    .FooterButtons a 
    {
        font-weight: bold;        
        padding: 5px 9px;
        border: 1px solid #60A1E4;
        border-radius: 15px 15px 15px 15px;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E2EAF1), color-stop(1, #8BAAC7) );
        background: -moz-linear-gradient(center top , #E2EAF1 10%, #8BAAC7 100%) repeat scroll 0 0 #D01B00;
        background: -o-linear-gradient(top, #E2EAF1 15%, #8BAAC7 100%, #8BAAC7 51%, #8BAAC7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #E2EAF1 15%,#8BAAC7 80%, #8BAAC7 51%, #8BAAC7 100%); /* IE10+ */    
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2EAF1', endColorstr='#8BAAC7'); 
        background-color: #D6E1EF; 
    }
/* *************************************************************  */	

.LoadingArea 
{
    border: none;
    position: fixed;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(148,122,230,0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
}
    .LoadingArea > div 
    {
        position: relative;
        width: 20%;
        top: 30%;
        left: 35%;
    }




/* ******************** responsive < 768 ******** */
@media screen and (max-width: 768px)  
{
    ._widthP03 { width: 3%; }
    ._widthP05 { width: 5%; }
    ._widthP07 { width: 7%; }
    ._widthP10 { width: 10%; }
    ._widthP15 { width: 15%; }
    ._widthP20 { width: 20%; }
    ._widthP25 { width: 25%; }
    ._widthP30 { width: 30%; }
    ._widthP40 { width: 40%; }
    ._widthP43 { width: 43%; }
    ._widthP48 { width: 48%; }
    ._widthP50 { width: 50%; }
    ._widthP55 { width: 55%; }
    ._widthP60 { width: 60%; }  
    ._widthP65 { width: 65%; }   
    ._widthP70 { width: 70%; }
    ._widthP75 { width: 75%; }
    ._widthP80 { width: 80%; }
    ._widthP90 { width: 90%; }
    ._widthP95 { width: 95%; }
    ._widthP99 { width: 99%; }
    ._widthP100 { width: 100%; }
    ._widthAuto { width: auto; }
}