/**					**
**		HEADBAR		 **
 **					**/
@import "../../headbar/css/headbar.css";
 
 
/**					**
**		HELPBAR		 **
 **					**/
@import "../../helpbar/css/helpbar.css";
 
/*
html
{ background-color:#dcc;
  font-family: Verdana, Arial, sans-serif;
  color:#d33;
  font-size:12px;
  width: 100%;
  height: 100%;
  margin: 0px;
  
  box-shadow: 0px 0px 200px -50px rgba(0,0,20,1) inset;
  -webkit-box-shadow: 0px 0px 200px -50px rgba(0,0,20,1) inset;
  -o-box-shadow: 0px 0px 200px -50px rgba(0,0,20,1) inset;
}
*/
html
{ background-color:#dcc;
  font-family: Verdana, Arial, sans-serif;
  color:#000;
  font-size:12px;
  width: 100%;
  height: 100%;
  margin: 0px;
}


/**						**
**		WORKAREA		 **
 **						**/
	div#workarea
	{ position: absolute;
	  z-index: 10;
	  
	  width: 98%;
	  transition: width 0.5s;
	  height: 89%;
	  min-height: 460px;
	  min-width: 830px;
	  top: 70px;
	  right: 1%;
	}
	div#workarea.with_menu_open { right: 15px; width: 85%; }
	div#workarea.with_menu_mini { right: 15px; width: 94%; }
	
	/**	(CB) Workarea in style content-back (unica zona di contenuti posta in 1° piano  + (backImg+back -> decorazioni di sfondo) )
		- content		--> sono presenti i contenuti
		- back+backImg	--> sono messi sullo sfondo per inserire i contenuti di decorazione
	*/
	div#workarea.cb > div.content
	{ position: absolute;
	  top: 5%;
	  left: 2%;
	  z-index: 10;
	  width: 96%;
	  height: 90%;

	  overflow-x: hidden;
	  overflow-y: auto;
    }
	
    div#workarea.cb > div.back
	{ position: absolute;
	  top: -2px;
	  left: -2px;
	  width: 100%;
	  height: 100%;
	  
	  background: #f5e5ff;
	  border: 2px solid #769;
	  border-radius: 30px;
	  -webkit-border-radius: 30px;
	  -o-border-radius: 30px;
	  border-radius: 30px;
	}
	
	div#workarea.cb > div.backImg
	{ position: absolute;
	  bottom: 0px;
	  left: 4px;
	  z-index: 2;
	  width: 196px;
	  height: 196px;
	  opacity: 0.5;
    }
    
    
    /**	(HBF) Workarea in style head-body-foot (i contenuti sono su tre fascie orizzontali:
		- head			--> fascia alta (titolo dei contenuti, pulsanti, ...)
		- body			--> fascia intermedia (contenuti)
		- foot			--> fascia bassa (suggerimenti, pulsanti, gadgets, ...)
		- back+backImg	--> sono messi sullo sfondo per inserire i contenuti di decorazione
	*/
	div#workarea.hbf > div.head
	{ position: absolute;
	  top: 0px;
	  left: 0px;
	  height: 55px;
	  width: 100%;
	  z-index: 12;
	  background: #e6d6e0 url(../img/backs/back0.png) repeat-x bottom;
	  border:2px solid #769;
	  border-bottom: 2px solid #769;
	  border-radius: 30px 30px 0px 0px;
	  -webkit-border-radius: 30px 30px 0px 0px;
	  -o-border-radius: 30px 30px 0px 0px;
	  border-radius: 30px 30px 0px 0px;
	  overflow: visible;
    }
    
    div#workarea.hbf > div.body
	{ position: absolute;
	  top: 60px;
	  left: 2px;
	  z-index: 10;
	  padding: 8px 1%;
	  width: 98%;
	  height: 78%;
	  overflow-y: auto;
	  overflow-x: hidden;
    }
    
    div#workarea.hbf > div.foot
	{ position: absolute;
	  bottom: -4px;
	  left: 0px;
	  z-index: 20;
	  width: 100%;
	  height: 30px;
	  background: #e6d6e0 repeat-x bottom;
	  border:2px solid #769;
	  border-radius: 30px;
	  -webkit-border-radius: 30px;
	  -o-border-radius: 30px;
	  border-radius: 30px;
	  color: #555;
    }
	
	div#workarea.hbf > div.back
	{ position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	  
	  background: #f5e5ff;
	  border: 2px solid #769;
	  border-radius: 30px;
	  -webkit-border-radius: 30px;
	  -o-border-radius: 30px;
	  border-radius: 30px;
	}
	
	/**								**
	**		TITOLO FINESTRA			 **
	 **								*/
	 
		div#workarea.hbf > div.head > h1
		{ position: absolute;
		  top: 23px;
		  font-size:120%;
		  color:#DD3300;
		  text-align:center;
		  height: 30px;
		  width: 100%;
		  margin: 0px;
		  z-index: -1;
		}
	
	/**								**
	**		PULSANTI HEAD			 **
	 **								*/
		div#workarea.hbf > div.head > div.buttons
		{ position:absolute;
		  top: 10px;
		  z-index: 1;
		  width: 32px;
		  height: 32px;
		  border: 0px solid white;
		}
		div#workarea.hbf > div.head > div.buttons#ok			{ background: transparent url(../../main/img/buttons/ok_32.png) no-repeat scroll bottom right; right: 75px; }
		div#workarea.hbf > div.head > div.buttons#ok:hover		{ background: transparent url(../../main/img/buttons/ok_32h.png) no-repeat scroll bottom right; cursor:pointer; }
		
		div#workarea.hbf > div.head > div.buttons#save			{ background: transparent url(../../main/img/buttons/save_32.png) no-repeat scroll bottom right; right: 40px; }
		div#workarea.hbf > div.head > div.buttons#save:hover	{ background: transparent url(../../main/img/buttons/save_32h.png) no-repeat scroll bottom right; cursor: pointer;}
		
		div#workarea.hbf > div.head > div.buttons#close			{ background: transparent url(../../main/img/buttons/close_32.png) no-repeat scroll bottom right; right: 5px; }
		div#workarea.hbf > div.head > div.buttons#close:hover	{ background: transparent url(../../main/img/buttons/close_32h.png) no-repeat scroll bottom right; cursor:pointer;}
		
		div#workarea.hbf > div.head > div.buttons#reload		{ background: transparent url(../../main/img/buttons/reload_32.png) no-repeat scroll bottom right; right: 110px; }
		div#workarea.hbf > div.head > div.buttons#reload:hover	{ background: transparent url(../../main/img/buttons/reload_32h.png) no-repeat scroll bottom right; cursor:pointer;}
 
		div#workarea.hbf > div.head > div.buttons.info			{ background: transparent url(../../main/img/buttons/info_32.png) no-repeat scroll bottom right; right: 110px; cursor: help; }
		div#workarea.hbf > div.head > div.buttons.info:hover	{ background: transparent url(../../main/img/buttons/info_32h.png) no-repeat scroll bottom right; }
		
		div#workarea.hbf > div.head > div.buttons#lock			{ background: transparent url(../../main/img/actions/lock_48.png) no-repeat scroll bottom right; right: 160px; width: 48px; height: 48px; top: 3px; }
		div#workarea.hbf > div.head > div.buttons#lock:hover	{ background: transparent url(../../main/img/actions/lock_48h.png) no-repeat scroll bottom right; cursor:pointer; }
		
		div#workarea.hbf > div.head > div.buttons#unlock		{ background: transparent url(../../main/img/actions/unlock_48.png) no-repeat scroll bottom right; right: 160px; width: 48px; height: 48px; top: 3px; }
		div#workarea.hbf > div.head > div.buttons#unlock:hover	{ background: transparent url(../../main/img/actions/unlock_48h.png) no-repeat scroll bottom right; cursor:pointer; }
		
	/**							**
	**		PULSANTI FOOT		 **
	 **							**/
		div#workarea.hbf > div.foot > div.buttons
		{ position:absolute;
		  bottom: 3px;
		  z-index: 1;
		  width: 48px;
		  height: 48px;
		}
		div#workarea.hbf > div.foot > div.buttons#lock			{ background: transparent url(../../main/img/actions/lock_48.png) no-repeat scroll bottom right; right: 15px; }
		div#workarea.hbf > div.foot > div.buttons#lock:hover	{ background: transparent url(../../main/img/actions/lock_48h.png) no-repeat scroll bottom right; cursor:pointer; }
		
		div#workarea.hbf > div.foot > div.buttons#unlock		{ background: transparent url(../../main/img/actions/unlock_48.png) no-repeat scroll bottom right; right: 15px; }
		div#workarea.hbf > div.foot > div.buttons#unlock:hover	{ background: transparent url(../../main/img/actions/unlock_48h.png) no-repeat scroll bottom right; cursor:pointer; }
		
		div#workarea.hbf > div.foot > div.buttons#reset			{ background: transparent url(../../main/img/buttons/reset_48.png) no-repeat scroll bottom right; right: 70px; }
		div#workarea.hbf > div.foot > div.buttons#reset:hover	{ background: transparent url(../../main/img/buttons/reset_48h.png) no-repeat scroll bottom right; cursor: pointer;}
		
		div#workarea.hbf > div.foot > div.buttons#default		{ background: transparent url(../../main/img/buttons/reload_48.png) no-repeat scroll bottom right; right: 125px; }
		div#workarea.hbf > div.foot > div.buttons#default:hover	{ background: transparent url(../../main/img/buttons/reload_48h.png) no-repeat scroll bottom right; cursor: pointer;}
		
		div#workarea.hbf > div.foot > div.buttons#save			{ background: transparent url(../../main/img/buttons/save_48.png) no-repeat scroll bottom right; right: 180px; }
		div#workarea.hbf > div.foot > div.buttons#save:hover	{ background: transparent url(../../main/img/buttons/save_48h.png) no-repeat scroll bottom right; cursor: pointer;}

		
	/**  OGGETTI DRAGGABILI  **/
	.is_draggable { cursor: move; }
/**						**
**		AREA DEBUG		 **
 **						**/
	div#debug_area
	{ position: absolute;
	  width: 500px;
	  height: 400px;
	  z-index: 10000;
	  padding: 10px;
	  background: white;
	  border: 3px solid black;
	  color: black;
	  font-family: Courier;
	  font-size: 10pt;
	  font-weight: bold;
	  border-radius: 20px;
	  -webkit-border-radius: 20px;
	  -o-border-radius: 20px;
	  border-radius: 20px;
	  overflow: auto;
	}
	div#debug_area button.active { color: red; font-weight: bold; }
	
/**					 	**
**		BETECK ICO		 **
 **						**/
	img.BeTeck_ico.small
	{ width: 96px;
	  height: 20px;
	  vertical-align: bottom;
	  background: transparent url(../img/beteck_logo/beteck-logomini_20.png) no-repeat center;
	}
	
	a > img { border: 0px solid white; }
	
	
	/* PULSANTI GENERALI: APPLY - SAVE - CLOSE */
		div#workarea > div.head > div.general_buttons
		{ position:absolute;
		  top: -1px;
		  right: -1px;
		  z-index: 1;
		  width: auto;
		  height: 32px;
		  background: #c6b6c0;
		  border-radius: 0px 30px 0px 30px;
		  -webkit-border-radius: 0px 30px 0px 30px;
		  -o-border-radius: 0px 30px 0px 30px;
		  border: 1px solid #769;
		  margin: 0;
		  padding: 5px 10px;
		}
		
		div#workarea > div.head > div.general_buttons > div
		{ float: right;
		  z-index: 1;
		  width: 32px;
		  height: 32px;
		  opacity: 0.8;
		}
		div#workarea > div.head > div.general_buttons > div:hover { cursor: pointer; opacity: 1; }
		div#workarea > div.head > div.general_buttons > div#ok			{ background: transparent url(../img/buttons/ok_32.png) no-repeat scroll bottom right; }
		div#workarea > div.head > div.general_buttons > div#save		{ background: transparent url(../img/buttons/save_32.png) no-repeat scroll bottom right; }
		div#workarea > div.head > div.general_buttons > div#close		{ background: transparent url(../img/buttons/close_32.png) no-repeat scroll bottom right; }
		
textarea { resize: none; }