/* ================================================================================================================================ */
/* Settembre 2014 -  nuovi stili in seguito alla trasformazione da liste a div */
.IMG_ELEM_Box_New { margin-right: 10px !important; display: inline-block;}
.IMG_ELEM_Box{ display: inline-block;position: relative; margin: 0  10px 8px 0!important; border: 1px solid #b2b1b4;  vertical-align: top; background-color:White}
/*.IMG_ELEM_Box span {overflow: hidden;text-overflow: ellipsis; font-family: Segoe UI Light, Segoe UI; font-weight: lighter; font-size: 16px; height: 40px; float: left; margin: 0; width: 100%; color: #fff!important;  background: #3b2e28; padding: 4px 0 0 3px;  position: absolute; left: 0; bottom: 0; text-align: left;  }*/
.IMG_ELEM_Box_span {/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-family: Segoe UI, sans-serif;  
font-size: 16px; height:50px; float: left; margin: 0; width: 100%;max-width: 170px; color: #fff; 
background: #3b2e28;/*padding:0 0 0 5px;*/ position: absolute; left: 0; bottom: 0; text-align:left}
/*.IMG_ELEM_Box span a {color:#fff!important; height:10px!important;overflow: hidden!important;}*/

.IMG_ELEM_Box_Select {background: #675045!important;} 

#IMG_ELEM_Box_New_Disable  {  margin-right: 10px !important; display: inline-block; border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color: Gray !important; }
.IMG_ELEM_Box_New_Disable  {  margin-right: 10px !important; display: inline-block; border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color:  Gray !important; }

.IMG_ELEM_Box_TopIconTools { position: absolute; right: 0; }
.IMG_ELEM_Box_TopIconTools div{background-color: #3b2e28;float: right;padding:2px}
.IMG_ELEM_Box_TopIconTools img { border: 0 !important;}


/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#IMG_ELEM_Box_New_holder_img  { border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color: White !important; }
#IMG_ELEM_Box_New_holder_img.hover   { border: 3px solid #0c0; background-color: White !important; background-repeat: no-repeat !important; background-position: center center !important; }
.hidden {  display: none !important; }


/*=================================== Generali ==============================================*/
img { border:0px; }



/*=====================================Content============================================*/
#content_G {margin: 0; position:relative; margin-top:10px; width:100%;max-width:970px;  }
#strip_title_G {width:100%; max-width:970px; height:43px; background-color:#cb2c31; margin-bottom:10px}
.strip_title {color:White; font-family:Segoe UI; font-size:31px; vertical-align:middle; padding-left:10px}
/*#ul_content { width:100%; margin:0; padding:0; list-style-type:none;}
#ul_content li{margin:0; padding:0; display:inline-block!important; margin-right:5px; vertical-align:top; margin-bottom:5px;}
#ul_content li img {border: 1px solid #b2b1b4;}
#ul_content li div {position:relative}
#ul_content li span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif;  
                    font-size: 16px; height:40px; float: left; margin: 0; width: 100%;max-width: 170px; color: #fff; 
                    background: #3b2e28;padding:0 0 0 5px; position: absolute; left: 0; bottom: 0; text-align:left}  */ 
                    
                    
 /*  MOD. 30.01.2014 ora le immagini non sono piu dentro ad una lista ma si compongono in DIV                  */  
.IMG_DivFoto { display:inline-block;position:relative;margin:0  10px 8px 0; border: 1px solid #b2b1b4; vertical-align:top; padding:0 }
.IMG_DivFoto span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif;  
font-size: 16px; height:40px; float: left; margin: 0; width: 100%;max-width: 170px; color: #fff; 
background: #3b2e28;/*padding:0 0 0 5px;*/ position: absolute; left: 0; bottom: 0; text-align:left}    

.IMG_span_TopIconTools { background-color:#3b2e28; padding:2px}   
.IMG_span_TopIconTools img{ border:0!important;} 
                  
                  
/*#ul_content_trash { width:100%; margin:0; padding:0; list-style-type:none;}
#ul_content_trash li{margin:0; padding:0; display:inline-block!important; margin-right:5px; vertical-align:top; margin-bottom:5px;}
#ul_content_trash li img {border: 1px solid #b2b1b4;}
#ul_content_trash li div {position:relative}
#ul_content_trash li span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif;  
                    font-size: 16px; height:40px; float: left; margin: 0; width: 100%;max-width: 170px; color: #fff; 
                    background: #3b2e28;padding:0 0 0 5px; position: absolute; left: 0; bottom: 0; text-align:left}    */

/* context menu #1 */
#cm1_content {background-color:white; width:436px; margin:0px; padding:0; height:300px; color:White;font-family:Segoe UI; padding-top:0px}
#cm1_ul { width:100%; margin:0px; padding:0; list-style-type:none}
#cm1_ul li{ padding:0; display:block;vertical-align:top; margin:0;  width:100%; }
#cm1_ul div { margin: 0px 20px 0px 20px;  vertical-align:top}
#cm1_ul img { vertical-align:middle; margin-right:10px}
.txt_red { color:#cb2c31;font-family:Segoe UI; font-size:18px;  }

a.txt_white   { color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:link.txt_white   { color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:visited.txt_white {color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:hover.txt_white  {color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration:none; }


/* context menu #2  - IMAGES */
#mc_content {background-color:white; width:580px;  margin:0; padding:20px 20px 20px 20px; height:380px; color:White;font-family:Segoe UI; top:0}
#mc_images { width:100%; margin:0px; padding:0; list-style-type:none}
#mc_images img { vertical-align:middle; margin-right:10px}
.li_foto{padding: 15px 0 0 0; display:inline-block;vertical-align:top; margin:0; width:190px;}
.li_operativita { padding:0; display:inline-block;vertical-align:top; margin:0; width:390px }


/* blocco universale image */
/*#IMG_Mng_Content {background-color:white; width:540px;  margin:0; padding:20px 20px 20px 20px; height:380px; color:White;font-family:Segoe UI; top:0}*/
#IMG_Mng {float:left; width:200px;padding: 0px  0px  0px 0px;}
#IMG_Mng_Content { margin:0; color:White;font-family:Segoe UI; top:0; }
.IMG_li_foto{padding: 0 5px 0 0; display:inline-block;vertical-align:top; margin:0; width:145px; height:145px;}
.IMG_li_foto img{ /*width:147px; height:147px;*/ max-width:145px; width:100% }
.IMG_li_btn{padding:  0px  0px 0px 0; display:inline-block;vertical-align:middle; margin:0; width:147px;}
.IMG_li_btn img { margin-right:8px; vertical-align:middle; margin-top:-12px}
.IMG_li_DescACapo{padding: 10px 0 0 0; vertical-align:middle; margin:0; width:147px;}
.IMG_li_TxtACapo{padding: 0; vertical-align:middle; margin:0; width:147px;}
.IMG_Mng_cImage { width:100%; margin:0px; padding: 0; list-style-type:none}

a.IMG_Mng_lnk   { color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration: none; }
a:link.IMG_Mng_lnk   { color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration: none; }
a:visited.IMG_Mng_lnk {color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration: none; }
a:hover.IMG_Mng_lnk  {color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration:none; }



.div_TB { margin:0; padding: 5px 0 0 0; }
.div_icona_operativita {margin: 0 10px 0 0; padding:0;clear:both; float:left; width:30px; background-color:White }
.div_spazio_vuoto { float:left; width:30px; height:10px;margin: 0 10px 0 0; padding:0; }
.span10 { margin-right: 20px;}
.div_etichetta {margin:0; padding:0;height:15px;font-family:Segoe UI, Verdana; font-size:14px;vertical-align:top;}
#property_image{ width:100%; margin:0px; padding:0; list-style-type:none}

a.zoom   { color:White;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:link.zoom   { color:White;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:visited.zoom {color:White;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:hover.zoom  {color:White;font-family:Segoe UI; font-size:18px;  text-decoration:underline; }


/*===================================== Drag and Drop with jQuery UI --> 4 Sortable ============================================*/
.ui-sortable-placeholder {  height: 159px; width: 145px; border: 2px dashed #aaa; background: #eaeaeb; display:inline-block; margin-right:10px}
.ui-sortable-placeholder-img{  height: 159px; width: 145px; border: 2px dashed #aaa; background: #eaeaeb; display:inline-block; margin-right:10px }
/*===================================== TRASH for image */
#sortable_trash { height: 35px; overflow: hidden; background: url('/UserArea/images/TB_images/TB_Delete_RW.png')  no-repeat  ;  width:50px}
#sortable_trash li, #sortable_trash div, #sortable_copy li, #sortable_copy div { height: 0; width: 0; overflow: hidden;}
#sortable_copy { height: 30px; overflow: hidden; background: url('/UserArea/images/TB_images/TB_Confirm_G.png')  no-repeat  ; width:50px}
#sortable_new { height: 80px; overflow: hidden;  width:150px; border:2px solid red}



.IMG_Intest_LineEnd { height:1px; background-color:#ede9e6; margin: 5px 0 5px 0px; width:100%}

/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#holder_mng.hover{ border: 3px solid #0c0;}
#holder_mng.hover, #holder_img.hover { border: 3px solid #0c0;background-color:White!important;background-repeat:no-repeat!important;background-position:center center!important }
.fail { background: #c00; padding: 2px; color: #fff; }
.hidden { display: none !important;}
#loading{ display: none ;}

/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
.holder-default, #holder_img { border: 1px solid #b2b1b4; width:145px; height:145px; background-repeat:no-repeat; background-position:center center; background-color:White!important }
.holder-ImgManager { border: 1px solid #b2b1b4; width:145px; height:145px;  background-repeat:no-repeat!important;background-position:center center;background-color:white}


/*===================================== modalità SELECT images per insert ============================================*/
.IMG_Img_NoSelected {border: 1px solid #b2b1b4;}
.IMG_Img_Selected {border-color: #1ac41a!important; border-width:4px!important; border-style:solid!important }
/* nuovo per select img in raccolta immagini, per evitare bordo esterno quando selezonato, ma crearne uno interno */
.IMG_DivFoto_Selected {border: 5px solid #1bc41b;position:absolute;top:0;bottom:0;left:0;right:0; z-index:1000}


.IMG_Img_insert {font-family:Segoe UI;font-weight: lighter; color:#0cc00c;  font-size:36px;}
.IMG_Img_insert_annulla {font-family:Segoe UI;font-weight: lighter; color:#dc0e0e;  font-size:36px;}



/*===================================== pannello per set variabile per SIMULATORE ============================================*/
.simText {color:#e12d19;font-family:Segoe UI; font-size:15px;padding-left:10px}
.simText_enable {color:#6f7269;font-family:Segoe UI; font-size:15px;padding-left:10px}


/*=================================================================================*/
@media only screen and (max-width: 1220px) 
{
   #content {max-width:752px; /*background-color:Yellow*/}
   #strip_title { max-width:752px;}  
}


/*=================================================================================*/
@media only screen and (max-width: 767px) 
{
   #content {max-width:460px; /*background-color:purple*/}
   #strip_title { max-width:460px;}    
}   



/*=================================================================================*/
@media only screen and (max-width: 479px) 
{ 
   #content {width:310px; /*background-color:green*/}
   #strip_title { width:310px;}  

}