/* Asset Panel - main widget (div) */
.content-AssetPanel {
}

/* Read-only widget styles */
.content-AssetPanel .gwt-TextBox-readonly {
    background-color: #dddddd;
}
.content-AssetPanel .gwt-TextArea-readonly {
    background-color: #dddddd;
}
.content-AssetPanel .gwt-DateBox-readonly {
    background-color: #dddddd;
}
.content-AssetPanel .gwt-ListBox-readonly {
    background-color: #dddddd;
}

/* Asset Panel - the context menu popup style */
.content-AssetPanel-contextMenu {
	
}

.content-AssetPanel-contextMenu-disabled {
	color:#aaaaaa;		
}

/* Asset Panel - the main split container holding the asset tree and metadata (table) */
.content-AssetPanel-splitContainer {
	height: 100%;
	width: 100%;
}

/* Asset Panel - the cells of the main split container */
.content-AssetPanel-splitContainer>tbody>tr>td {
	text-align: left;
	vertical-align: top;
}

/* Asset Panel - the tree cell (left) in the main split container */
.content-AssetPanel-splitContainer-treeCell {
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	min-width: 140px;
	width: 140px;
}

/* Asset Panel - the metadata cell (right) in the main split container */
.content-AssetPanel-splitContainer-contentCell {
	background: #7CA9D2;
}

/* Asset Tree - style for tree widget */
.content-AssetTree {
	height: 100%;
}

/* Asset Tree - A table representing an item in the asset tree */
.content-AssetTree-item>tbody>tr>td{
	padding: 0 3px;
}

/* Asset Tree - The item thumbnail / image */
.content-AssetTree-itemThumbnail {
	max-height: 50px;
}

/* Asset Tree - The selected tree node widget have the following background color */
.content-AssetTree .gwt-TreeItem-selected .content-AssetTree-item {
	background:none repeat scroll 0 0 #7CA9D2;
}

/* Asset Panel - the panel (table) for the content section containing several widgets including the content container */
.content-AssetPanel-contentSection {
	width: 100%;
}

/* Asset Panel - the scroll container holding the asset content widget */
.content-AssetPanel-contentScrollContainer {
	min-height: 180px;
	min-width: 400px;
	width: 100%;
}

/* Asset Panel - the panel (div) holding the asset content widget */
.content-AssetPanel-contentContainer {
	min-width: 880px;
	max-width: 880px;
	width: 880px;
}

/* Asset Content - main widget that holds the asset metadata and files (div with child table) */
.content-AssetContent {
	padding: 5px;
}

/* Asset Content - the container holding the content widgets */
.content-AssetContent>table {
	width: 100%;
}

/* Asset Content - the cell styling for the table holding the content widgets */
.content-AssetContent>table>tbody>tr>td {
	padding: 5px 5px 8px 5px;
}

/* Asset Content - label styling shared by different child widgets when data type mismatches */
.content-AssetContent-datatypeMismatchLabel {
	color: red;
}

/* Asset Content - The push button for field / file delete */
.content-AssetContent-deleteButton {
	
}

/* Asset Content Table - table widget */
.content-AssetContentTable {
	empty-cells: hide;
}

/* Asset Content Table - row style for all rows */
.content-AssetContentTable-row {
	
}

/* Asset Content Table - row style for header row */
.content-AssetContentTable-row-header {
	background-color: #5B5D5F;
}

/* Asset Content Table - row style for body rows */
.content-AssetContentTable-row-body {
	background-color: #E3E9ED;
}

/* Asset Content Table - cell style for all table cells */
.content-AssetContentTable-cell {
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}

/* Asset Content Table - cell style for all header row cells */
.content-AssetContentTable-cell-header {
	
}

/* Asset Content Table - cell style for all body row cells */
.content-AssetContentTable-cell-body {
	padding: 1px 2px;
}

/* Asset Content Table - cell style for all body row cells containing the delete button */
.content-AssetContentTable-cell-body-delete {
	padding: 0px;
	margin: 0px;
	background: transparent;
}

/* Asset Content Table - div style for the label widgets used in the header row */
.content-AssetContentTable-header-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
}

/* Complex Field Widget - widget representing a complete complex field (div) */
.content-ComplexFieldWidget {
	max-width: 850px;
	min-width: 450px;
	width: 100%;
}

/* Complex Field Widget - The main disclosure panel */
.content-ComplexFieldWidget-disclosureContainer {
	width: 100%;
}

/* Complex Field Widget - The header for the main disclosure panel (table) */
.content-ComplexFieldWidget-disclosureHeader {
	
}

/* Complex Field Widget - The cells in the header widget for the main disclosure panel (table) */
.content-ComplexFieldWidget-disclosureHeader>tbody>tr>td {
	padding: 0px 2px;
}

/* Complex Field Widget - The label in the disclosure header widget */
.content-ComplexFieldWidget-disclosureHeader-label {
	padding-right: 2px;
}

/* Complex Field Widget - The add button in the disclosure header widget */
.content-ComplexFieldWidget-disclosureHeader-addButton {
	margin-top: 0px;
	padding-top: 0px;
}

/* Complex Field Widget - The remove button in the disclosure header widget */
.content-ComplexFieldWidget-disclosureHeader-removeButton {
	margin-top: 0px;
	padding-top: 0px;
}

/* Complex Field Widget - The contents of the main disclosure panel (table) */
.content-ComplexFieldWidget-disclosureContents {
	width: 100%;
}

/* Simple Field Table - table widget showing all the simple fields in a complex field widget */
.content-SimpleFieldTable {
	margin-bottom: 10px;
}

/* Simple Field Table - cell styling for all cells in the simple field table */
.content-SimpleFieldTable>tbody>tr>td {
	vertical-align: top;
}

/* Simple Field Table - The table cell for column '0' (label) of the simple field table */
.content-SimpleFieldTable-columnCell0 {
	padding: 5px 2px 2px 2px;
	text-align: right;
}

/* Simple Field Table - The table cell for column '1' (field widget) of the simple field table */
.content-SimpleFieldTable-columnCell1 {
	padding: 2px;
	text-align: left;
}

/* Simple Field Table - The label for each simple field */
.content-SimpleFieldGroup-fieldLabel {
	
}

/* Simple Field Table - a table containing the field widget and the delete button */
.content-SimpleFieldGroup-fieldWidget {
	
}

/* Simple Field Table - the cells of the table containing the field widget and the delete button */
.content-SimpleFieldGroup-fieldWidget>tbody>tr>td {
	padding: 0px 2px;
}

/* Complex Field Widget - The table holding the groups of child complex fields */
.content-ComplexFieldWidget-complexGroupsContainer {
	width: 100%;
}

/* Complex Field Group Container - Widget to group together complex fields of same definition */
.content-ComplexFieldGroupContainer {
	width: 100%;
}

/* Complex Field Group Container - The cells for table holding the child complex fields */
.content-ComplexFieldGroupContainer>tbody>tr>td {
	padding-bottom: 10px;
}

/* Complex Field Group Container - disclosure container reporting error for complex field */
content-ComplexFieldGroupContainer-errorDisclosureContainer {
	width: 100%;
}

/* Complex Field Table - The disclosure panel showing a complex field table */
.content-ComplexFieldTable {
	width: 100%;
	margin-bottom: 10px;
}

/* Complex Field Table - The contents of the disclosure container (div) */
.content-ComplexFieldTable-container {
	
}

/* Complex Field Table - The asset table */
.content-ComplexFieldTable-assetTable {
	
}

/* Metadata View - part of the Title View to show the metadata section (div) */
.content-MetadataView {
	width: 100%;
}

/* Metadata Field Widget - complex field widget extension showing metadata section of an asset */
.content-ComplexFieldWidget-metadata {
	
}

/* File View - part of the Title View to show the file section (div) */
.content-FileView {
	max-width: 850px;
	min-width: 850px;
	width: 850px;
}

/* File View - the disclosure panel */
.content-FileView-disclosureContainer {
	max-width: 850px;
	min-width: 850px;
	width: 850px;
}

/* File View - the disclosure content div */
.content-FileView-disclosureContainer>tbody>tr>td>div>.content {
	max-width: 809px; /* disclosure panel - disclosure content padding / border / margin (41px) */
	min-width: 809px; /* disclosure panel - disclosure content padding / border / margin (41px) */
	overflow: hidden;
	width: 809px;
}

/* File View - the div holding the contents in the disclosure panel */
.content-FileView-disclosureContents {
	width: 100%;
}

/* File View - the div that is the contents of the scroll enabled file view */
.content-FileView-scrollContents {
	padding-bottom: 28px;
}

/* File View - table cell styling for cell showing the file ID value */
.content-FileView-fileIdValueCell {
	text-align: right;
}

/* File View - label styling showing the file ID value in the files table */
.content-FileView-fileIdValueLabel {
	
}

/* File View - The parent file list box */
.content-FileView-parentFileListBox {
	min-width: 40px;
}