html{
	overflow-x:auto;
	overflow-y:auto;
}

/* === MAIN FRAME === */
#WTTDivFrame{
	position:absolute;
	top:70px; /* height of the header + the menu */
	bottom:0px;
	width:100%;
}

#WTTTableFrame{
	border-collapse:separate;
	height:100%;
	width:100%;
	table-layout: fixed;
}

#WTTTdTreeFrame{
	border:1px solid #DADEE3;
	width:25%;
	vertical-align:top;
	height:98%;
}

#WTTTdPropFrame{
	border:1px solid #DADEE3;
	width:75%;
	overflow:auto;
	vertical-align:top;
	height:98%;
}

.wttPropertiesFrameContainer{
	position:relative;
	height:100%;
	overflow:auto;
}

.wttTreeFrameContainer{
	position:relative;
	height:96%;
	overflow:auto; 
}

/* === Tree frame === */
.treeTransactionIcon{
	background-image: url(./../images/menu/newFromScratch16.png); 
	width: 16px;
	height: 16px;
}

.treePanelIcon{
	background-image: url(./../images/componentsIcons/panel.gif); 
	width: 16px;
	height: 16px;
}

.treeTabbedPaneIcon{
	background-image: url(./../images/componentsIcons/tab.gif); 
	width: 16px;
	height: 16px;
}

.treeActionIcon{
	background-image: url(./../images/componentsIcons/action.gif); 
	width: 16px;
	height: 16px;
}
.treeTextfieldIcon{
	background-image: url(./../images/componentsIcons/textfield.gif); 
	width: 16px;
	height: 16px;
}
.treeCheckboxIcon{
	background-image: url(./../images/componentsIcons/checkbox.gif); 
	width: 16px;
	height: 16px;
}
.treeLabelfieldIcon{
	background-image: url(./../images/componentsIcons/labelfield.gif); 
	width: 16px;
	height: 16px;
}
.treePlainLabelIcon{
	background-image: url(./../images/componentsIcons/plainlabel.gif); 
	width: 16px;
	height: 16px;
}
.treeComboboxIcon{
	background-image: url(./../images/componentsIcons/combobox.gif); 
	width: 16px;
	height: 16px;
}
.treeRadioIcon{
	background-image: url(./../images/componentsIcons/radio.png); 
	width: 16px;
	height: 16px;
}
.treeTextareaIcon{
	background-image: url(./../images/componentsIcons/textarea.gif); 
	width: 16px;
	height: 16px;
}
.treePageIcon{
	background-image: url(./../images/componentsIcons/page.png); 
	width: 16px;
	height: 16px;
}
.treeGridIcon{
	background-image: url(./../images/componentsIcons/grid.png); 
	width: 16px;
	height: 16px;
}
.treeDateIcon{
	background-image: url(./../images/componentsIcons/datefield.gif); 
	width: 16px;
	height: 16px;
}
.treeDecimalIcon{
	background-image: url(./../images/componentsIcons/decimalfield.gif); 
	width: 16px;
	height: 16px;
}
.treeIntegerIcon{
	background-image: url(./../images/componentsIcons/integerfield.gif); 
	width: 16px;
	height: 16px;
}

.wttLabelPickerDiv{
	padding:10px;
	min-width:650px;
}
.wttCORefPickerDiv{
	padding:10px;
}

.wttPanelPickerDiv{
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

.wttFieldPickerDiv{
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	min-width:650px;
}

/* === PROPERTIES FRAME === */
.wttPropertiesTitle{
	margin:10px;
	margin-top:6px;
	margin-bottom:0px;
	padding-top:3px;
	height: 20px;
	text-align:center;
	font-size:9pt;
	border:1px solid #DADEE3;
	background: url(./../../img/bgHeader.gif) repeat-x;
}
 
.wttPropertiesFrame{
	background-color:#F9FAFA;
	border:1px solid #F0F3F0;
	margin-left:10px;
	margin-right:10px;
	padding-top:6px;
	width:auto;
}

.wttPropertiesFrame .labelTD{
	width:40%;
}

DIV.wttPropertiesSelector{
	text-align:left;
}

/* === PROPERTIES FRAME === */
.wttManagementTitle{
	margin:0px;
	padding-top:3px;
	height: 20px;
	text-align:center;
	font-size:9pt;
	border:1px solid #DADEE3;
	background: url(./../../img/bgHeader.gif) repeat-x;
}

#UserPanel{
	width : 300px;
	margin-top : 15px;
}

#Panel_UserManagement{
	width : 500px;
	margin-left : 20px;
	margin-top : 15px;
}

#tableContainer_tableUserManagement{
	padding-top : 2px;
	padding-bottom :2px;
}


.BusinessModifierPopup{
	width : 480px;
	height : 550px;
}

#WTTGridFrame{
	width: 95%;
}

.userEntryHelp{
	width: auto;
	min-width: 370px;
	max-width:700px;
	height: auto;
	position: absolute;
	overflow: hidden;
}
.interfaceTransactionDiv{	
	padding:5px;
	padding-top:10px;
	width: 99% !important;
	
}
.userEntryTableList{
	text-align:left;
	min-width:600px;
	margin:2px;
	margin-top:20px;
	width:650px;
}
.interfaceTableLabel{
	padding:10px;
}

/* @starts style for Panel title bar in TransactionConflictsScreen  */

.panelBarTitleInfo {
	display: inline-block;
	padding-right: 20px;
}

/* @ends style for Panel title bar in TransactionConflictsScreen  */

.labelSearchPicker {
	padding: 20px;
}

/* Transaction Configuration */
.wttPropertiesTDLabel{
	text-align:right;
	width:50%;
	height:25px;
}
.wttPropertiesTDValue{
	width:40%;
	font-weight:normal;
	color:#666666;
}
.wttPropertiesTDButton{
	width:10%;
}
.wttPropertiesTable{
	width:100%;
}
.wttButtonFrame{
	text-align:center;
	width:100%;
	margin-top:10px;
}
.wttPropertiesDeleteButton{
	background-image: url(./../images/delete.png); 
	width: 20px;
	height: 20px;
	border:none;
	background-color:transparent;
	background-repeat:no;
}

.wttPropertiesOverwriteButton{
	background-image: url(./../images/marker.png);
	width: 20px;
	height: 20px;
	border:none;
	background-color:transparent;
	background-repeat:no;
}
.wttPropertiesCancelOverwriteButton{
	background-image: url(./../images/undo.png);
	width: 20px;
	height: 20px;
	border:none;
	background-color:transparent;
	background-repeat:no;
}
.divTransConfigNewTreeNode{
	padding-top:20px;
	padding-bottom:10px;
}

.transConfigMissingValuesTextarea{
	width: 600px;
	height:300px;
	margin: 10px;	
}