/* The Title View Widget (div) */
.content-TitleView {
	
}

/* The Title View - feed back popup widget */
.content-TitleView-feedbackPopup {
	background-color: #8AB3F7;
	border-width: 0px;
	padding: 3px;
}

/* The Title View - feed back label widget displayed in feedback popup widget */
.content-TitleView-feedbackLabel {
	color: white;
	font-family: Arial Unicode MS, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
}

/* The Title View - main table container */
.content-TitleView>table {
	width: 100%;
}

/* The Title View - cells of the main table container */
.content-TitleView>table>tbody>tr>td {
	padding: 0px 5px;
}

/* The Title View Header Widget - contents of the main widget (table) */
.content-TitleViewHeaderWidget-contents>tbody>tr>td {
	padding: 0 3px 3px;
}

/* The Title View Header Widget - heading */
.content-TitleViewHeaderWidget-headingLabel {
	font-size: 18px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 12px;
}

/* The Title View Header Widget - image icons */
.content-TitleViewHeaderWidget-contents .imageLink {
	cursor: pointer;
}

/* The Title View Header Widget - thumbnail image div */
.content-TitleViewHeaderWidget-thumbnail {
	height: 75px;
	padding: 0 3px;
}

/* The Title View Header Widget - thumbnail image */
.content-TitleViewHeaderWidget-thumbnail>img {
	max-height: 75px;
}

/* The Title View Widget - header panel */
.content-TitleView-headerPanel {
	width: 100%;
}

/* The Title View Widget - tab container widget */
.content-TitleView-tabContainer {
	width: 100%;
}

/* The Title View Widget - the bottom (content area) of tab container (div) */
.content-TitleView-tabContainer>tbody>tr>td>.gwt-TabPanelBottom {
	background: #95A8B4;
	border: none;
	padding: 5px;
}

/* Title View Tab - widget contents for each tab in the Title View (div) */
.content-TitleViewTab {
	min-height: 200px;
	min-width: 560px;
}

/* Title Error Panel - widget to report severe errors to the user from the Title View (div) */
.content-TitleErrorPanel {
	height: 100%;
	width: 100%;
}

/* Title Error Panel - contents table to hold widgets for error panel */
.content-TitleErrorPanel>table {
	width: 100%;
}

/* Title Error Panel - style for label with error message */
.content-TitleErrorPanel-message {
	
}

/* Title Error Panel - style for refresh button */
.content-TitleErrorPanel-button {
	
}

/* Title View Metadata Tab - widget contents for metadata tab in the Title View (div) */
.content-TitleViewTab-metadata {
	
}

/* Title View Metadata Tab - table containing the contents of metadata tab */
.content-TitleViewTab-metadata>table {
	width: 100%;
}

/* Title View Metadata Tab - The label showing the loading message for the panel */
.content-TitleMetadataTab-loadingMessage {
	
}

/* Title View Metadata Tab - The scroll container containing the asset panel */
.content-TitleMetadataTab-scrollContainer {
	min-height: 200px;
	min-width: 560px;
	width: 100%;
}

/* Title View Metadata Tab - The contents of the scroll container (table) */
.content-TitleMetadataTab-scrollContents {
	height: 100%;
	width: 100%;
}

/* Title View Metadata Tab - The content cells of the scroll container (table) */
.content-TitleMetadataTab-scrollContents>tbody>tr>td {
	vertical-align: top;
	text-align: left;
}

/* Title View Metadata Tab - The table cell in scroll container containing title validation view */
.content-TitleMetadataTab-validationCell {
	
}

/* Title View Metadata Tab - The table cell in scroll container containing asset panel */
.content-TitleMetadataTab-assetPanelCell {
	height: 100%;
}

/* Title View Metadata Tab - The asset panel container */
.content-TitleMetadataTab-assetPanel > table  {
	width: 100%;
}

.content-MetadataHistoryPanel-assetPanel > table  {
	width: 100%;
}

.content-TitleMetadataTab-assetPanel > table > tbody > tr > td:first-child  {
	background: #ffffff;
	width: 250px;
}


.content-MetadataHistoryPanel-assetPanel > table > tbody > tr > td:first-child  {
	background: #ffffff;
	width: 250px;
}


.content-TitleMetadataTab-assetPanel .RightPanel {
 	/* background: #7ca9d2; */
}

.content-TitleMetadataTab-buttonContainer {
	margin-top: 5px;
	width: 100%;
}

.content-TitleMetadataTab-buttonContainer .MECheck {
	padding-left: 5px;
}

.content-TitleMetadataTab-buttonContainer .MELabel {
	padding-left: 7px;
	padding-bottom: 7px;
	font-weight: bold;
}


/*
.content-TitleMetadataTab-assetPanel .content-AssetContent {
	width: 100%;
}
*/

/* Title View Metadata Tab - The button container for the buttons (div with a child table) */
.content-TitleMetadataTab-buttonContainer {
	padding-top: 2px;
}

/* Title View Metadata Tab - styling for the cells holding the button controls */
.content-TitleMetadataTab-buttonContainer>table>tbody>tr>td {
	padding-right: 2px;
}

/* Title Validation View - The widget styling (div) */
.content-TitleValidationViewError {
	padding: 0px 0px 15px;
	color: red;
}

.content-TitleValidationViewInfo {
	padding: 0px 0px 15px;
	color: #000000;
}

.content-TitleValidationViewError .TitleValidationViewScroll {
	max-height: 65px;
	background: #FFCCCC;
	border: solid thin #FF0000;
	padding: 5px 10px;

}

.content-TitleValidationViewInfo .TitleValidationViewScroll {
	max-height: 65px;
	background: #ffffdd;
	border: solid thin #000000;
	padding: 5px 10px;
}


/* Title Validation View - label styling for the section heading label */
.content-TitleValidationView-sectionHeading {
	font-weight: bold;
}

.content-TitleValidationView-headingMessage {
	font-weight: bold;
}

.content-TitleValidationView-message-error {
	color: red;
}

/* Title Validation View - label styling for the error section heading */
.content-TitleValidationView-sectionHeading-error {
	color: red;
}

/* Title Validation View - label styling for the warning section heading label */
.content-TitleValidationView-sectionHeading-warning {
	color: #000000;
}

/* Title Validation View - label styling for the information section heading label */
.content-TitleValidationView-sectionHeading-information {
	color: #000000;
}

/* Title Validation View - widget showing a single message (could be label or horizontal panel) */
.content-TitleValidationView-messageWidget {
	margin-left: 20px;
}

/* Title Validation View - label styling for any message */
.content-TitleValidationView-message {
	
}

/* Title Validation View - label styling for an error message */
.content-TitleValidationView-message-error {
	
}

/* Title Validation View - label styling for a warning message */
.content-TitleValidationView-message-warning {
	color: #000000;
}

/* Title Validation View - label styling for an information message */
.content-TitleValidationView-message-information {
	color: #000000;
}

/* Title Validation View - label styling for field widget link text in an error message */
.content-TitleValidationView-fieldLink {
	cursor: pointer;
	padding-right: 5px;
	text-decoration: underline;
}

/* Title View History Tab - widget contents for history tab in the Title View (div) */
.content-TitleViewTab-history {
	
}

/* Title View History Tab - History Panel that serves as content for the tab (div) */
.content-HistoryPanel {
	width: 100%;
}

/* Title View History Tab - The progress history panel */
.content-HistoryPanel-progress {
	
}

/* Title View History Tab - The label showing the loading message for the panel */
.content-ProgressHistoryPanel-loadingMessage {
	
}

/* Title View History Tab - The table widget showing the progress items */
.content-ProgressHistoryPanel-progressTable {
	
}

/* Title View History Tab - The metadata history panel */
.content-HistoryPanel-metadata {
	
}

/* Title View History Tab - The table containing the contents of the metadata history panel */
.content-HistoryPanel-metadata>table {
	width: 100%;
}


/* Title View History Tab - The scroll widget (div) containing the metadata contents */
.content-MetadataHistoryPanel-scrollContainer {
	min-height: 200px;
	min-width: 560px;
	width: 100%;
}

/* Title View History Tab - The table containing the scroll enabled asset contents */
.content-MetadataHistoryPanel-scrollContainer>div>table {
	height: 100%;
	width: 100%;
}

/* Title View History Tab - The content cells of the scroll container (table) */
.content-MetadataHistoryPanel-scrollContainer>div>table>tbody>tr>td {
	vertical-align: top;
	text-align: left;
}

/* Title View History Tab - The table cell holding the revision label in scroll table */
.content-MetadataHistoryPanel-revisionLabelCell {
	
}

/* Title View History Tab - The table cell holding the asset panel in scroll table */
.content-MetadataHistoryPanel-assetPanelCell {
	height: 100%;
}

/* Title View History Tab - The revision label showing on the metadata history panel */
.content-MetadataHistoryPanel-revisionLabel {
	
}

/* Title View History Tab - The asset panel widget in a scroll enabled contents table */
.content-MetadataHistoryPanel-assetPanel {
	
}

/* Title View History Tab - The container holding the button controls (div containing a table) */
.content-MetadataHistoryPanel-controlsContainer {
	
}

/* Title View History Tab - The cells containing the button controls */
.content-MetadataHistoryPanel-controlsContainer>table>tbody>tr>td {
	padding-right: 2px;
}

/* Title Preview Widget (div) */
.content-TitlePreviewWidget {
	
}

/* Title Preview Widget - controls section (table) */
.content-TitlePreviewWidget-controls {
	padding: 5px 1px;
}

/* Title Preview Widget - controls section cells (table) */
.content-TitlePreviewWidget-descriptionLabel {
	padding-top: 2px;
	padding-left: 30px;
}

/* Title Preview Widget - buttons section (div) */
.content-TitlePreviewWidget-buttons {
	padding: 2px 1px;
}

/* Title Preview Widget - frame container (div) */
.content-TitlePreviewWidget-frameContainer {
	border-style: solid;
	border-color: #3468A3;
	border-width: 2px;
}

/* Title Preview Widget - frame */
.content-TitlePreviewWidget-frame {
	min-height: 200px;
	min-width: 560px;
	width: 100%;
}

/* Key frames Time Label */
.content-keyframe-time-label {
	font: bold 15px Georgia;
	text-align: center;
	background-color: white;
}

/* Key frames Image Panel */
.content-keyframe-image-panel {
	padding: 5px;
	border: 2px solid green;
}

.ContentSelectorView > table {
    float: left;
    width: 100%;
}

/* Prevents second horizontal scrollbar on Rightpanel */
.content-AssetPanel .ScrollPanelContainer > tbody > tr > td:nth-child(2) {
    min-width: 700px;
}

.VideoSnapshotPanel .ButtonsPanel {
	margin-left: -3px;
}

.VideoLogicalClipPanel .ButtonsPanel1 {
	margin-left: -3px;
}

.VideoLogicalClipPanel .ButtonsPanel2 {
	margin-left: -3px;
}

.LogicalClipPanel .Header {
    padding-bottom: 15px;
    font-weight: bold;
}

.KeyframesLogicalClipPanel .ButtonsPanel {
	margin-left: -3px;
}

.VideoAvailTimeCodePanel .TimeCodeButton {
    width: 13em;
}

.VideoAvailTimeCodePanel .TimeCodeGrid
{
	margin-left: -8px;
}

.VideoAvailTimeCodePanel .ButtonsPanel {
	margin-left: -3px;
}