body
{
    background: #f2f2f2;
    font-size: 11px;
    font-family: 'Segoe UI' , Tahoma, Arial;
    margin: 0px;
    padding: 0px;
    color: #000000;
    text-align: center;
}

.page
{
    width: 100%;
    background-color: #f2f2f2;
    text-align: left;
    vertical-align: top;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
}

.piede
{
    padding-left: 2px;
    text-align: left;
    vertical-align: middle;
    font-family: 'Segoe UI' , Tahoma, Arial;
    color: #ffffff;
    font-size: 11px;
}

.PageMenu
{
    width: 100%;
    background-color: #3b5998;
    text-align: left;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    background-image: url(Immagini/Menu_Bg.gif);
    background-repeat: repeat-x;
}

.PageImmagini
{
    width: 100%; 
    background-color: #2b3239;
    text-align: left;
    vertical-align: top;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
}

.PageTitolo
{
    width: 100%;
    background-color: #d8dfea; /*background-color: #2b3239;*/
    text-align: left;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    color: #2b3239;
    background-image: url(Immagini/PageTitolo_bg.png);
    background-repeat: repeat-x;
}

.PageTitoloClienti
{
    width: 100%; 
    /*background-color: #d8dfea;*/
    background-color: #2b3239;
    text-align: left;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    color: #ffffff;
}

.PageCorpo
{
    width: 100%; /**/ /*background-color: #2b3239;*/
    text-align: left;
    vertical-align: top;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    background-color: #ffffff;
}
.PagePiede
{
    width: 100%;
    background-color: #3b5998;
    text-align: left;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    background-image: url(Immagini/Piede_bg.png);
    background-repeat: repeat-x;
}

.FrameMenu
{
    margin: 0px auto;
    width: 1000px;
}
.FrameImmagini
{
    margin: 0px auto;
    width: 1000px;
    text-align: center;
    vertical-align: middle;
}

.FrameTitolo
{
    margin: 0px auto;
    width: 1000px;
    padding-left: 5px;
    font-family: 'Segoe UI', Tahoma, Arial;
    font-size: 18px;
    
    text-align: left;
}

.FrameCorpo
{
    margin: 0px auto;
    width: 1000px;
    background-color: #ffffff;
    /*background-color: #2b3239;*/
    padding-left: 5px;
    padding-bottom: 5px;
}
.FramePiede
{
    margin: 0px auto;
    width: 1000px;
    padding-left: 20px;
    padding-right: 20px;
}

.modalBackground
{
	background-color: #000000;
    filter: alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)"; /* IE8 */
    opacity: .70;
}

.MenuMasterP
{
    width: 1000px;
    height: 50px;
    background-color: #3b5998;
    margin: 0px auto 0px auto;
    padding-left: 20px;
    padding-right: 10px;
    text-align: left;
    vertical-align: middle;
    background-image: url(Immagini/ArcInformTop.gif);
    background-repeat: no-repeat;
}
/*
.FrameRowTitle
{
    vertical-align: middle;
    text-align: left;
    height: 30px; 
    background-color: #5775b4;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: Verdana;
    padding-right: 5px;
    padding-left: 20px;
    background-repeat: no-repeat;
}*/
.FrameRowTitle
{
vertical-align: middle;
    text-align: left;
    height: 40px; 
    background-color: #5775b4;
    font-weight: normal;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Segoe UI' , Tahoma, Arial;
    padding-right: 20px;
    padding-left: 20px;
    background-repeat: no-repeat;}

.RowUnderLine
{
    vertical-align: middle;
    text-align: left;
    height: 10px;
    background-color: #ffffff;
    border-bottom: #b4b4b4 1px solid;
    color: #ffffff;
}
.FrameRowNoFormat
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    border-collapse: collapse;
}

.FrameRowPanel
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    border-collapse: collapse;
}
.UpdateProgress
{
    text-align: center;
    background-color: #c0223a;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Segoe UI' , Tahoma, Arial;
    color: #ffffff;
    vertical-align: middle;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    border-bottom: #f0f0f0 2px solid;
    border-left: #f0f0f0 2px solid;
    border-top: #f0f0f0 2px solid;
    border-right: #f0f0f0 2px solid;
}

.MenuBottone
{
    background-color: transparent;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    font-family: 'Segoe UI', Tahoma,Arial;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-style: none;
    border-top-style: none;
    border-left-style: none;
    border-right: none;
    cursor: hand;
}

.MenuBottone:hover
{
    background-color: #7e96c9;
}
.FrameRow
{
    vertical-align: middle;
    text-align: left;
    height: 35px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    color: #000000;
}
.FrameRowS
{
    vertical-align: middle;
    text-align: left;
    height: 10px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    color: #000000;
}

.FrameRowMetroStyle
{
    vertical-align: middle;
    text-align: left;
    height: 30px;
    /*background-color: #0d8845;*/
    background-color: #5775b4;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff; /*background-color: #5775b4;
    background-image: url(Immagini/MetroBG.gif);
    background-repeat: no-repeat;*/
}


.FieldLabel
{
    text-align: right;
    vertical-align: middle;
    font-size: 11px;
    font-family: 'Segoe UI', Tahoma, Arial;
    text-decoration: none;
    color: #323232;
    width: 100px;
    padding-right: 5px;
    font-weight: normal;
}
.FieldData
{
    text-align: left;
    vertical-align: middle;
}

.TextBox
{
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    color: #000000;
    width: 100px;
    border-bottom: #e3e3e3 2px solid;
    border-left: #e3e3e3 2px solid;
    border-top: #e3e3e3 2px solid;
    border-right: #e3e3e3 2px solid;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    height: 20px;
}
.TextBox:focus
{
    border-bottom: #505050 2px solid;
    border-left: #505050 2px solid;
    border-top: #505050 2px solid;
    border-right: #505050 2px solid;
}

.Watermark
{
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    color: #dcdcdc;
    width: 100px;
    border-bottom: #e3e3e3 2px solid;
    border-left: #e3e3e3 2px solid;
    border-top: #e3e3e3 2px solid;
    border-right: #e3e3e3 2px solid;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    height: 20px;
}

.TextBoxNum
{
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    color: #000000;
    width: 100px;
    border-bottom: #e3e3e3 2px solid;
    border-left: #e3e3e3 2px solid;
    border-top: #e3e3e3 2px solid;
    border-right: #e3e3e3 2px solid;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    height: 20px;

}

.TextBoxNum:focus
{
    border-bottom: #505050 2px solid;
    border-left: #505050 2px solid;
    border-top: #505050 2px solid;
    border-right: #505050 2px solid;
}

.DList
{
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    color: #000000;
    width: 100px;
    border-bottom: #e3e3e3 2px solid;
    border-left: #e3e3e3 2px solid;
    border-top: #e3e3e3 2px solid;
    border-right: #e3e3e3 2px solid;
    padding-left: 5px; /*height: 27px;*/
    line-height: 20px;
    height: 24px;
    padding-bottom: 2px;
}

.DList:focus
{
    border-bottom: #505050 2px solid;
    border-left: #505050 2px solid;
    border-top: #505050 2px solid;
    border-right: #505050 2px solid;
}

/*

*/

.BottoneMetroStyle
{
    color: #ffffff;
    background-color: transparent;
    border-right: #ffffff 2px solid;
    border-top: #ffffff 2px solid;
    border-left: #ffffff 2px solid;
    border-bottom: #ffffff 2px solid;
    font-size: 12px;
    font-family: 'Segoe UI', Tahoma, Arial;
    font-weight: normal;
    height: 30px;
    text-align: center;
    width: 100px;
    cursor: hand;
}
.BottoneMetroStyle:hover
{
    color: #ffffff;
    background-color: #000000;
}
.BottoneMetroStyle:active
{
    color: #000000;
    background-color: #ffffff;
}

.BottoneMetroStyleSel
{
    color: #ffffff;
    background-color: #89a7e6;
    border-right: #ffffff 2px solid;
    border-top: #ffffff 2px solid;
    border-left: #ffffff 2px solid;
    border-bottom: #ffffff 2px solid;
    font-size: 12px;
    font-family: 'Segoe UI', Tahoma, Arial;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 100px;
    cursor: hand;
}
.BottoneMetroStyleSel:hover
{
    color: #ffffff;
    background-color: #000000;
}
.BottoneMetroStyleSel:active
{
    color: #000000;
    background-color: #ffffff;
}

.BottoneBlu
{
    color: #f1f1f1;
    background-color: #748ec3;
    border-right: #748ec3 2px solid;
    border-top: #748ec3 2px solid;
    border-left: #748ec3 2px solid;
    border-bottom: #748ec3 2px solid;
    font-size: 12px;
    font-family: 'Segoe UI' , Tahoma, Arial;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 100px;
}
.BottoneBlu:hover
{
    color: #ffffff;
    background-color: #90aadf;
}
.BottoneBlu:active
{
    color: #ffffff;
    background-color: #000000;
}

.BottoneGrigio
{
    color: #464646; 
    font-size: 12px;
    font-family: 'Segoe UI' , Tahoma, Arial;
    font-weight: bold;
    height: 30px;
    width: 100px;
    background-color: #cccccc;
    border-bottom: #cccccc 2px solid;
    border-left: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
}

.BottoneGrigio:hover
{
    background-color: #d8d8d8;
}

.BottoneGrigio:active
{
    color: #ffffff;
    background-color: #000000;
}


.CampoNascosto
{
    width: 1px;
    height:1px;
    font-size: 0px;
    font-family: Arial;
    background-color: #ff0066;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.Nascosto
{
    position: absolute;
    top: -2000px;
}

.GridTestata
{
    background-color: #ededed;
    height: 30px;
    color: #707070;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    border-bottom: #dbdbdb 2px solid;
}
.GridTestataCol
{
    /*border-bottom: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;*/
}
.GridRiga
{
    background-color: #ffffff;
    height: 30px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: #dbdbdb 1px solid;
}

.GridRigaR
{
    background-color: #f3f6fa;
    height: 30px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;

}
.GridRiga:hover
{
    /*background-color: #e6e6e6;*/
    background-color: #d9e0e2;
    color: #000000;
}

.GridRigaR:hover
{
    background-color: #d9e0e2;
    color: #000000;
}

.GridColNormale
{
}
.GridColCenter
{
    text-align: center;
}
.GridColRight
{
    text-align: right;
}


.GridApri
{
	background-image: url(Immagini/GridApri.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.GridApri:hover
{
	background-image: url(Immagini/GridApriH.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.GridVerde
{
	background-image: url(Immagini/GridVerde.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.GridRosso
{
	background-image: url(Immagini/GridRosso.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.GridGiallo
{
	background-image: url(Immagini/GridGiallo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.GridWait
{
	background-image: url(Immagini/GridWait.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.iArcLabel
{
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    /*color: #000000;*/
    height: 18px;
    vertical-align: middle;
}
.iArcLabelBlu
{
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    color: #4185cf;
    height: 18px;
    vertical-align: middle;

}
.iArcLabelBlack
{
    font-size: 11px;
    font-family: Verdana;    
    text-decoration: none;
    color: #000000;
    height: 18px;
    vertical-align: middle;

}
.iArcLabelRed
{
    font-size: 11px;
    font-family: Verdana;   
     text-decoration: none;
    color: #ff4500;
    height: 18px;
    vertical-align: middle;

}
.iArcLabelGreen
{
    font-size: 11px;
    font-family: Verdana;    
    text-decoration: none;
    color: #339966;
    height: 18px;
    vertical-align: middle;

}

.iArcLink
{
    font-size: 11px;
    font-family: Verdana;    
    color: #4185cf;
    cursor: hand;
    background-color: transparent;
    border-right: none;
    border-top: none;
    border-left: none;
    height: 18px;
    vertical-align: middle;

}
.iArcLink:hover
{
    text-decoration: underline;
    background-color: #d8dfea;
}

/*
------------------------------------------------------------------------------------------------------------------------
 FORMATTAZIONI PER COMMERCIALE
------------------------------------------------------------------------------------------------------------------------
*/

.TestoComm
{
    text-align: left;
    vertical-align: middle;
    /*font-family: 'Lucida Sans Unicode' , 'Trebuchet MS' , Helvetica, Arial;*/
    font-family: 'Segoe UI', Tahoma, Arial;
    height: 21px;
    color: #2a2a2a;
    font-size: 12px;
    line-height: 20px;
}
.TestoBComm
{
    text-align: left;
    vertical-align: middle;
    font-family: 'Segoe UI',Tahoma,Arial;
    
    
    height: 21px;
    color: #3f3f4d;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.TestoTComm
{
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    height: 42px;
    color: #ffffff;
    font-size: 22px;
    background-image: url(Immagini/sprite.gif);
    width: 40px;
    background-repeat: no-repeat;
    padding-right: 5px;
}


.TitoloComm
{
    text-align: left;
    vertical-align: middle;
    font-family: 'Segoe UI', Tahoma, Arial;
    height: 50px;
    color: #3b5998;
    font-size: 20px;
}

/*
------------------------------------------------------------------------------------------------------------------------
 FORMATTAZIONI PER Tiles
------------------------------------------------------------------------------------------------------------------------
*/

.TileTable
{
    width: 100%;
}

.TileTitolo
{
    text-align: left;
    vertical-align: middle;
    font-family: 'Segoe UI',Tahoma, Arial;
    height: 40px;
    font-size: 24px;
    text-decoration: none;
}

.TileTesto
{
    text-align: left;
    vertical-align: middle;
    font-family: 'Segoe UI',Tahoma, Arial;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
}

.TileImmagine
{
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
}

.TileGreen
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #4ba94d;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px; /*background-image: url(Immagini/TileGreen.gif);*/
}


.TileBlue
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #075e7f;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px; /*background-image: url(Immagini/TileBlue.gif);*/
}


.TileOrange
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #e56d42;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px;
}

.TileAzure
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #28a1c7;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px;
}

.TileRed
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #c0223a;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px;
}

.TileGray
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #343434;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px;
}

.TileYellow
{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #000000;
    background-color: #f7cc3b;
    text-align: left;
    vertical-align: top;
    width: 300px;
    height: 120px;
}

.TileRow
{
    vertical-align: middle;
    text-align: left;
    height: 35px;
}
.TileRowS
{
    vertical-align: middle;
    text-align: left;
    height: 10px;
}

.Calendario .ajax__calendar_container
{
    border: 2px solid #e3e3e3;
    background-color: #ffffff;
    color: black;
    font-size: 12px;
    font-family: 'Segoe UI' , Tahoma, Arial;
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 180px;
    text-align: center;
}
.Calendario .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.Calendario .ajax__calendar_container TABLE {font-size:12px;}
.Calendario .ajax__calendar_header {height:20px;width:100%;}
.Calendario .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;}
.Calendario .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;}
.Calendario .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.Calendario .ajax__calendar_footer {height:15px;}
.Calendario .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.Calendario .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.Calendario .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.Calendario .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.Calendario .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.Calendario .ajax__calendar_other .ajax__calendar_day, .Calendario .ajax__calendar_other .ajax__calendar_year
{
    color: black;
    background-color: #e3e3e3;
}
.Calendario .ajax__calendar_hover .ajax__calendar_day, .Calendario .ajax__calendar_hover .ajax__calendar_month, .Calendario .ajax__calendar_hover .ajax__calendar_year
{
    color: #1e90ff;
}
.Calendario .ajax__calendar_active .ajax__calendar_day, .Calendario .ajax__calendar_active .ajax__calendar_month, .Calendario .ajax__calendar_active .ajax__calendar_year
{
    color: #ff4500;
    font-weight: bold;
}