/* CUSTOM-FORM GENERAL STYLE */
/* ************************* */
.custom-form {
}

.cf-form {
	padding: 4px 4px 4px 4px;
	width: 100%;
}

.cf-form-title {
	FONT-SIZE: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: thin solid #544B4E;
	text-align: right;
	width: 100%;
	visibility: hidden;
  color:#544B4E;	
}

.cf-component {	
	margin-bottom: 8px;
}

.cf-component-title {	
	font-style: italic;
	text-align: justify;	
}

.cf-help {
	text-align: right;
	margin-right: 4px;
	cursor: pointer;
	cursor: hand;
}

.cf-help-popup {
	border: 1px solid #544B4E;
	background-color: #F3EDE4;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 400px;
  color:#544B4E;
}

.cf-component-bold {
  font-weight: bold;
}

.cf-component-justify {
  text-align: justify;
}

.cf-component-head {
  font-weight: bold;
  text-align: center;
}

.cf-component-subtitle{
  text-align: justify;
  font-weight: normal;
}

.cf-textbox-double{
  width: 60px;
}

.cf-textbox-short{
  width: 30px;
}

.cf-textbox-string{
  width: 125px;
}

.cf-testo-statico{
  width: 200px;
  border-style: none;
  border-width: 0px;
  background-color: transparent;
  color: black;
}

.cf-label{
  font-style:italic;
}

.hide {
	visibility: hidden;
}	

/* GWT STYLE */
/* ************************* */
.gwt-Label, .gwt-CheckBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	padding: 4px;
}

.gwt-TextBox {
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.gwt-TextArea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	width: 100%;
	height: 90px;
}

.gwt-Button {
	
}

.gwt-CheckBox {
	
}

/* SPECIFIC COMPONENT STYLES */
/* ************************* */

.cf-input {
}

.cf-input-text {
	width: 90%;
}

.cf-multi-input {
}

.cf-multi-input tr td {

}

.cf-list {
}

.cf-multi-block {
}

.cf-block {
	margin-bottom: 15px;
}

.cf-row {
	margin-left: 20px;
}

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

.cf-textbox-light {
	color: Silver;
}

.cf-textbox-error {
	background-color: #FF6633;
}

.cf-result {
	width: 100%;
	padding-top: 15px;
	color: Red;
}

.cf-result-success {
	color: Green;
	font-weight: bold;
}

.cf-state-panel {
}

/* TAB PANEL */

.gwt-TabPanel {	
}

.gwt-TabPanelBottom {
}

.gwt-TabBar {
  padding:0px;
  margin:0px;
	color: White;
	background: #ffffff;
	border-bottom:1px solid #544B4E;
}

.gwt-TabBarFirst {
}

.gwt-TabBarRest {
}

.gwt-TabBar .gwt-TabBarFirst {
}

.gwt-TabBar .gwt-TabBarRest {
}

.gwt-TabBarItem {
  margin-left:1px;
  margin-right:1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
	border-top: 1px solid #544B4E;
	border-right: 1px solid #544B4E;
	border-left: 1px solid #544B4E;
	padding: 4px 6px 4px 6px;	
	color:#544B4E ;
	background-color:#F3EDE4;
	cursor: pointer;
	cursor: hand;
}

.gwt-TabBarItem:hover{
  border-left-color: #227;
	color: #000;
	border-top-color: #227;
	border-right-color: #227;
	background-color: #A3ADA4;
}

.gwt-TabBarItem-selected {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
	border-top: 1px solid #544B4E;
	border-right: 1px solid #544B4E;
	padding: 4px 6px 4px 6px;	
	color:#544B4E ;
	background-color:#FFFFFF;
	cursor: pointer;
	cursor: hand;
}

.gwt-TabBarItem-selected:HOVER {
  border-left-color: #227;
	color: #000;
	border-top-color: #227;
	border-right-color: #227;
}