/* Used for fixed-size cells. */
.fwi_fixedSizeCell {
    overflow: hidden;
    width: 200px;
}

/* Indicates that the element can be clicked. */
.fwi_interactive {
    cursor: pointer;
}

/* Help icon to provide additional help for a control. */
.fwi_helpIcon {
    cursor: pointer;
    padding-left: 2px;
    vertical-align: middle;
}

/* Used for cells that contain comparison operator controls. */
.fwi_operatorCell {
    min-width: 160px;
}

/* Used for expression operators such as "on same day as". */
.fwi_expressionOperator {
    overflow-x:hidden;
}

/* Unselectable items in a control. */
.fwi_unselectableItem {
    background-color: yellow;
    cursor: not-allowed;
}

/* Audit Summary Report dialog page */
.fwi_auditSummaryDialogPage
{
    height:300px;
    width:300px;
}

.fwi_auditSummaryDialogPage_propertyName
{
    clear:both;
    float:left;
    width:100px;
}

.fwi_auditSummaryDialog_itemsContainer
{
    height:200px;
    overflow:auto;
}

.fwi_mediaMetadataControl_container
{
    background-color: #eee;
    margin: 5px;
    min-height: 80px;
    padding: 10px;
    width: 100%;
}

.fwi_requestHeadersControl_descriptionBox
{
    background-color: #eee;
    height:16px;
    width:100%;
}

/* Message box. */
.fwi_messageBoxDialog
{
    min-height: 100px;
    width: 500px;
}

.fwi_commandsDialog_container {
    width: 400px;
}

.fwi_commandsDialog_resourcesRow
{
    clear: both;
    margin-top: 2px;
}

.fwi_commandsStatusDialog
{
    width: 700px;
}

.fwi_commandsStatusDialog td,th
{
    padding: 0 5px 0 5px;
}

.fwi_commandsStatusDialog th
{
    font-weight: bold;
    padding-bottom: 5px;
}

.fwi_commandsStatusDialog_playerCell
{
    max-width: 30%;
    padding-right: 3px;
}

.fwi_commandsStatusDialog_statusCell 
{
    min-width: 150px;
    max-width: 50%;
}

.fwi_dataSelectorDialog_container {
    width: 745px;
    min-height:250px;
}

.fwi_resourcesDialog_container
{
    width:800px;
}

.fwi_resourcesDialog_header_cell
{
    background-color:#bbb;
    float:left;
    margin-bottom:1px;
    overflow:hidden;
    padding:2px;
    font-weight:bold;
    text-align:left;
    white-space:nowrap;
}

.fwi_resourcesDialog_header_cell_location
{
    float:left;
    margin-bottom:1px;
    overflow:hidden;
    padding:2px;
    font-weight:bold;
    text-align:left;
    white-space:nowrap;
    width:300px;
}

.fwi_resourcesDialog_header_cell_text
{
    width:130px;
}

.fwi_resourcesDialog_data_cell_text
{
    float:left;
    margin-bottom:1px;
    overflow:hidden;
    padding:2px;
    font-weight:normal;
    white-space:nowrap;
    text-align:left;
    width:130px;
}

#fwi_resourcesDialog_header_cell_dataFormat
{
    width:130px;
}

.fwi_resourcesDialog_dataContainer
{
    clear:both;
    min-height:50px;
    max-height:200px;
    overflow:auto;
}

.fwi_resourcesDialog_resourcesRow
{
    clear:both;
    margin-top:2px;
}

.fwi_resourcesDialog_data_cell_location
{
    float:left;
    overflow:hidden;
    padding:2px;
    white-space:nowrap;
    width:300px;
}

.fwi_resourcesDialog_data_cell_updateInterval
{
    float:left;
    overflow:hidden;
    padding:2px;
    padding-right:10px;
    text-align:right;
    white-space:nowrap;
    width:130px;
}

.fwi_resourcesDialog_data_cell_dataFormat
{
    float:left;
    overflow:hidden;
    padding:2px;
    white-space:nowrap;
    width:130px;
}

.fwi_resourcesDialog_data_cell_button
{
	cursor:pointer;
    float:left;
	margin:1px;
	padding:0;
	width:16px;
}

.fwi_resourcesDialog_data_cell_source
{
    background-color:#eee;
    float:left;
    overflow:hidden;
    height:1.5em;
    white-space:nowrap;
    width:150px;
}

/* Report Generation Dialog */
.fwi_reportGenerationDialog_container
{
    height:100px;
    width:300px;
}

/* Selection drop-downs container */
.fwi_menu_container
{
    clear:both;
    float:left;
    text-align:left;
    width:350px;
}

/* Sign grid container for published web signs */
.fwi_signGrid_container
{
    max-height:300px;
    overflow:auto;
}

/* Network Monitor Dialog */
.fwi_networkMonitor_container
{
    height:500px;
    overflow:hidden;
    width:560px;
}

/* Header background color */
.fwi_header {
    background-color:#ddd;
    height:1.5em;
    padding-top:2px;
    overflow:hidden;
}

/* Style for the status container of a single machine */
.fwi_networkMonitor_machine_container
{
    float:left;
    height:200px;
    margin:5px 10px 15px 10px;
    overflow:auto;
    padding:5px;
    width:250px;
}

.fwi_networkMonitor_machine_indicator
{
    height:16px;
    left:2px;
    position:absolute;
    top:4px;
    vertical-align:middle;
    width:16px;
}

.fwi_networkMonitor_machine_name
{
    overflow:hidden;
    white-space:nowrap;
}

.fwi_networkMonitor_machine_description
{
    background-color:#00a7cf;
    border:1px solid #666;
    color:white;
    height:65px;
    margin-bottom:5px;
    overflow:hidden;
    width:200px;
}

.fwi_networkMonitor_machine_description p
{
    position:relative;
    top:-20px;
    padding:5px;
    text-align:center;
}

/* For error messages */
.fwi_networkMonitor_machine_error
{
    font-size:9px;
    height:20px;
    overflow:auto;
}

/* For general error messages. */
.fwi_errorDialogContainer {
    margin-bottom: 30px;
}

.fwi_statusDialog_deviceRow
{
    cursor: pointer;
}

.fwi_statusDialog_headerCell
{
    height:1.5em;
    overflow:hidden;
    padding:5px;
}

.fwi_statusDialog_statusCell
{
    background-color: #ccc;
    padding:5px;
}

.fwi_networkMonitor_navigation_container
{
    clear:both;
    bottom:10px;
    position:absolute;
    width:560px;
}

.fwi_networkMonitor_button_container
{
    float:left;
    padding-left:15px;
    padding-right:15px;
}

.fwi_networkMonitor_navigation_backButton
{
    float:left;
}

.fwi_networkMonitor_navigation_nextButton
{
    float:right;
}

.fwi_liveData_container
{
    float:left;
    height:380px;
    overflow:auto;
    padding:5px;
    width:600px;
}

.fwi_liveData_table
{
    border-collapse:collapse;
    overflow:scroll;
}

.fwi_liveData_table td
{
    border:1px solid black;
    padding: 2px;
    text-align:left;
}

.fwi_liveData_table th
{
    background-color:#aaa;
    border:1px solid black;
    padding: 2px;
    text-align:center;
}

.fwi_liveData_statusBar
{
    padding:5px;
}

.fwi_liveData_fieldsContainer
{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px 45px 10px;
}

.fwi_previewDialog {
    min-width: 600px;
    min-height: 400px;
}

.fwi_configurationSelectionHeaderCell
{
    overflow:hidden;
    height:1.5em;
    width:200px;
}

.fwi_configurationSelectionRow
{
    cursor:default;
}

.fwi_conflictDialog_table
{
    background-color: #eeeeee;
    margin: 10px;
    padding: 5px;
    text-align: left;
}

.fwi_conflictDialog_table th
{
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-align: left;
}

.fwi_conflictDialog_table td
{
    max-width: 115px;
    padding: 1px 10px 1px 10px;
    text-align: left;
    word-wrap: break-word;
}

.fwi_importDialog
{
    height: 300px;
    width: 550px;
}

/* Import wizard pages */
.fwi_import_page
{
    height: 300px;
    padding-bottom: 5px;
    padding-top: 5px;
    width:500px;
}

.fwi_import_page div
{
}

#fwi_import_itemsContainer
{
    height: 240px;
    overflow: auto;
}

#fwi_import_csItemsContainer
{
    height: 150px;
    overflow: auto;
}

/* Table cell for a menu label */
.fwi_networkOverview_cell_label
{
	text-align:left;
	white-space:nowrap;
}

.fwi_networkOverview_cell_dropDown
{
	text-align:left;
}

.fwi_networkOverview_cell_properties
{
	text-align:left;
	white-space:nowrap;
	width:100%;
}

/* Field for a toolbar button or other button */
.fwi_imageButtonField
{
	cursor:pointer;
	margin:0;
	padding:0;
	width:16px;
}

/* Represents a container for data fields to select in joined data sets. */
.fwi_fieldPane {
    background-color: lightgray;
    height: 125px;
    width: 300px;
    border-style: solid;
    border-color: black;
    border: 1px;
    overflow: auto;
}

.fwi_fieldPane select
{
    width:100%;
    border:0px;
    outline:0;
    overflow:auto;
}

/* Represents a container for field panes in the joined data sets dialog. */
.fwi_fieldPanes
{
    height:145px;
}

.dynamic-url-deployment-dropdown {
    width: 360px
}

/* Represents a container for field mappings in the joined data sets dialog. */
.fwi_fieldMappings
{
    background-color: lightgray;
    height:80px;
    width:100%;
    overflow:auto;
}

/* Represents a simple toolbar container. */
.fwi_toolbar
{
    padding-bottom:5px;
}

/* Represents a simple tabs control container. */
.fwi_tabsContainer
{
    width:100%;
    height:320px
}

.fwi_addContentContainer
{
	background-color:white;
	min-width:200px;
}

.fwi_addContentCell
{
	cursor:pointer;
}

.fwi_addContentCell_ro
{
	cursor:pointer;
	background-color:#eeeeee;
}

.fwi_recurrenceContainer
{
	background-color:#eee;
	padding:5px;
}

.fwi_recurrenceContainer th
{
    font-weight:bold
}

.fwi_recurrenceRow
{
	cursor:pointer;
}

.fwi_recurrenceRow_ro
{
	cursor:pointer;
	background-color:#eeeeee;
}

.fwi_recurrenceRow_selected
{
	cursor:pointer;
	background-color:#bbbbbb;
}

.fwi_propertiesContainer
{
    background-color: white;
    padding-bottom: 3em;
    width: 100%;
}

.fwi_subPropertiesContainer
{
    padding-left: 30px;
}

.fwi_contentStoreItemsContainer
{
	background-color:white;
	overflow:auto;
	width:100%;
	height:220px;
}

.fwi_contentStoreItemRow
{
    clear:both;
	cursor:pointer;
	height:18px;
}

.fwi_contentStoreItemRow:hover
{
    clear:both;
	cursor:pointer;
	height:18px;
	background-color:#eeeeee;
}

.fwi_contentStoreItemRow_selected
{
	cursor:pointer;
	background-color:#bbbbbb;
}

.fwi_contentStoreItemThumbnailCell
{
    clear:both;
    float:left;
    overflow:hidden;
    width:16px;
}

.fwi_contentStoreItemThumbnailImage
{
    height:16px;
    width:16px;
}

.fwi_contentStoreItemNameCell
{
    float:left;
    overflow:hidden;
    padding:3px;
    white-space:nowrap;
    width:60%;
}

.fwi_contentStoreItemIdCell
{
    float:left;
    padding:3px;
    width:15%;
}

.fwi_contentStoreItemLinkCell
{
    float:left;
    padding:3px;
    width:15%;
}

/* Combination */
.fwi_combination
{
	height: 200px;
}

/* Left corner of the title bar */
.fwi_topBarLeft
{
    background-image:url(../images/GreenBarLeft.png);
    background-repeat:no-repeat;
    clear:both;
    content:" ";
    float:left;
    height:32px;
    width:14px;

    position:absolute;
    left:8px;
}

/* Middle of the title bar */
.fwi_topBarMiddle
{
    background-image:url(../images/GreenBarMiddle.png);
    background-repeat:repeat-x;
    color:white;
    content:" ";
    float:left;
    height:32px;
    min-width:800px;
	padding-left:10px;
	padding-top:7px;
	text-align:left;

    position:absolute;
    left:19px;
    right:19px;
}

/* Container for the title */
.fwi_topBarMiddleTitleContainer
{
    overflow:hidden;
	white-space:nowrap;
	width:95%;
}

/* Right corner of the title bar */
.fwi_topBarRight
{
    background-image:url(../images/GreenBarRight.png);
    background-repeat:no-repeat;
    content:" ";
    float:left;
    height:32px;
    width: 14px;

    position:absolute;
    right:8px;
}

.fwi_scheduledGridContainer
{
    clear: both;
}

/* Scheduled content grid */
.fwi_scheduledContentGrid_toolbar
{
    background-color:#e7e7e9;
    clear:both;
    color:Black;
    margin-top:15px;
    min-height:24px;
    overflow:hidden;
    padding-bottom:2px;
    padding-left:2px;
    padding-top:2px;
    text-align:left;
    width:100%;
}

.fwi_libraryGrid_radioButton
{
    background-image:url(../images/tab_unselected.png);
    background-position: 8px -7px;
    background-repeat:no-repeat;
    color:Black;
    cursor:pointer;
    float:left;
    font-size:9px;
    height:18px;
    margin:0 5px 0 -25px;
    padding:5px 10px 0 10px;
    position:relative;
    text-align:center;
    width:96px;
}

.fwi_libraryGrid_radioButton_selected:hover
{
    /*background-color:#ffaaaa;*/
}

.fwi_libraryGrid_radioButton_selected
{
	background-image:url(../images/tab_selected.png);
	background-position: 8px -7px;
	color:White;
	font-size:10px;
	font-weight:bold;
}

.fwi_workflowHistoryContainer {
    max-height: 150px;
    overflow:auto;
    margin: 5px 0 5px 0;
}

/* Content grid */
.fwi_contentGrid
{
	width:100%;
}

.fwi_contentGrid_title
{
    padding-left:70px;
}

.fwi_contentGrid_toolbar
{
    background-color:White;
    clear:both;
    color:Black;
    height:24px;
    padding-left:2px;
    padding-top:5px;
    text-align:left;
    width:100%;
}

/* Dialog button container that allows for window resize icon. */
.fwi_dialogButtonContainer_resizable {
    position: absolute;
    bottom: 20px;
    right: 5px;
}

.fwi_contentGrid_toolbar_buttonContainer
{
	cursor:pointer;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.fwi_contentGrid_toolbar_buttonImage
{
    cursor:pointer;
    vertical-align:middle;
    width:16px;
    height:16px;
}

.fwi_contentGrid_toolbar_buttonText
{
    vertical-align:middle;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.fwi_contentGrid_gridHeaderContainer
{
    background-color: #00a7cf;
	color: White;
	height: 20px;
	padding-top: 4px;
}

/* Dialog to pick a Cloud folder to upload to. */
.fwi_cloudFolderPickerControlDialog
{
    width:550px;
    height:340px;
}

/* Container for tree control to pick a Cloud folder to upload to. */
.fwi_cloudFolderPickerControlContainer
{
    height: 300px;
    overflow: auto;
}

.fwi_contentPicker_treeGrid
{
    width: 60%;
}

.fwi_contentGrid_grid
{
    clear:both;
    height:200px;
    overflow:auto;
}

.fwi_backgroundColor
{
    background-color:White;
}

/* Buffer used for auto-scroll */
.fwi_contentGrid_buffer
{
    clear:both;
    height:8px;
    margin:0;
    padding:0;
}

.fwi_contentGrid_row
{
    border-bottom: 1px solid #dfdfdf;
    clear:both;
    height:20px;
    margin:0;
    padding:2px 0 0 0;
	text-align:left;
}

.fwi_contentGrid_row:hover
{
    background-color:#e7e7e9;
}

.fwi_contentGrid_row_selected
{
	background-color:#bbb;
    border-bottom: 1px solid #dfdfdf;
    clear:both;
    height:20px;
    margin:0;
    padding:2px 0 0 0;
	text-align:left;
}

/* When a row is temporarily highlighted, e.g. when new items have been imported. This is not the same as being selected. */
.fwi_contentGrid_row_highlighted
{
	background-color:#76c043;
}

/* Field for a check box used to select a row */
.fwi_contentGrid_cell_selector
{
	/*border:solid 5px Black;*/
	clear:both; /* Since this is the first cell of a row, all floats should be cleared */
	cursor:pointer;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	width:20px;
}

.fwi_contentGrid_cell_icon
{
	width:16px;
}

/* Field for the name of an item, including associated icon */
.fwi_contentGrid_cell_name
{
    cursor: pointer;
    float:left;
	margin:0;
	overflow:hidden;
	padding-left:2px;
	text-align:left;
	white-space:nowrap;
}

.fwi_contentGrid_cell_name_treeIcon
{
    cursor: pointer;
    float: left;
    white-space: nowrap;
    width: 16px;
    height: 16px;
}

.fwi_contentGrid_cell_name_icon
{
    float:left;
    white-space:nowrap;
    width:16px;
    height:16px;
}

.fwi_contentGrid_cell_name_name
{
    overflow:hidden;
    padding-left:3px;
    position:relative;
    top:2px;
    vertical-align:middle;
    white-space:nowrap;
}

.fwi_grid_cell_name_name
{
    margin-left:3px;
    overflow:hidden;
    position:relative;
    vertical-align:middle;
    white-space:nowrap;
}

/* Description field for an item */
.fwi_contentGrid_cell_description
{
    float:left;
	overflow:hidden;
	padding-left:3px;
	text-align:left;
    width:20%;
}

.fwi_contentGrid_cell_descriptionDiv
{
	overflow:hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
	width:100%;
}

/* Image button field for an item */
.fwi_contentGrid_cell_imageButton
{
	cursor:pointer;
	float:right;
	margin:1px;
	padding:0;
	width:16px;
}

.fwi_contentGrid_cell_emptyImage
{
	float:right;
	margin:1px;
	padding:0;
	width:16px;
}

.fwi_deploymentStatusGridContainer
{
	background-color:#f0f0f0;
	height:300px;
	overflow:auto;
	width:600px;
}

.fwi_deploymentTargetStatusGridContainer
{
	background-color:#f0f0f0;
	border-style: groove;
	max-height:250px;
	overflow:auto;
	width:600px;
}

.fwi_deploymentTargetStatusGridCell
{
    padding: 0 5px 0 5px;
}

.fwi_deploymentStatusGrid_cell_descriptionDiv
{
	font-size:8pt;
	overflow:auto;
	white-space:normal;
	width:350px;
	word-wrap:break-word;
}

.fwi_deploymentStatus_message
{
	vertical-align:middle;
}

.fwi_textFormatDialog_example_container
{
    max-width:350px;
    max-height:150px;
    overflow:auto;
    padding:10px;
}

.fwi_frameDialog_example_container
{
    width:220px;
    height:150px;
}

/* Global controls */
.fwi_globalControlContainer
{
    float:right;
    min-width:400px;
    width:33%;
}

.fwi_topInfoBar
{
    padding: 5px 6px 0 6px;
}

.fwi_loginContainer
{
    clear:both;
    float:left;
	height:30px;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	min-width:100px;
	width:80%;
}

#fwi_globalSmallButtons
{
    float:right;
}

.fwi_smallButton
{
	cursor:pointer;
	margin:1px;
	height:16px;
	width:16px;
}

.fwi_bigButton
{
	background-image:url(../images/Button3StatesSmaller.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	color:White;
	cursor:pointer;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	text-align:center;
	width:90px;
}

.fwi_bigButton_disabled
{
	background-image:url(../images/Button3StatesSmaller.png);
	background-position: -180px 0;
	color:#aaaaaa;
	cursor:pointer;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	text-align:center;
	width:90px;
}

.fwi_bigButton_ro
{
	background-image:url(../images/Button3StatesSmaller.png);
	background-repeat:no-repeat;
	background-position: -90px 0;
	color:White;
	cursor:pointer;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	text-align:center;
	width:90px;
}

.fwi_roundedCorners {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.fwi_shadows {
    box-shadow:5px 5px 3px #888888;
}

/* Status bar. This is divided into sub divisions where one contains an optional icon and the other contains the text to show. */
.fwi_statusBar
{
	background-color:#dddddd;
    font-size:12px;
	overflow:hidden;
	padding:1px 0 2px 0;
	text-align:left;
    text-overflow: ellipsis;
	vertical-align:middle;
	width:100%;
	z-index:100;
}

.fwi_statusBarTextContainer
{
	min-width:450px;
	overflow:hidden;
	padding-top:2px;
    text-overflow: ellipsis;
	vertical-align:middle;
	white-space:nowrap;
	width:99%;
}

.fwi_statusBarIcon
{
    height: 16px;
    margin-right: 2px;
    vertical-align:middle;
}

.fwi_statusBarTextArea
{
	padding-left:5px;
	text-align:left;
    text-overflow: ellipsis;
	vertical-align:middle;
	white-space:nowrap;
}


/*
Upload dialog property label.
*/
.fwi_uploadPropertyLabel
{
	clear:both;
	float:left;
	padding-right: 10px;
	text-align:left;
	width:30%;
}

.fwi_uploadDialog_header
{
    font-size:14px;
    font-weight:bold;
}

/* Upload message container in upload dialog. */
.fwi_uploadMessageContainer
{
    clear: both;
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto;
}

.fwi_variablesDialog_variablesContainer
{
    background-color: #e7e7e9;
	clear:both;
	max-height: 250px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow:auto;
}

.fwi_dialog_buttons_div
{
	clear:both;
	padding-top:10px;
	text-align:right;
}

.fwi_buttonImage
{
    height:16px;
}

.fwi_properties_connectionProperties_specificControls_div
{
    clear:both;
    margin-top:5px;
    padding:5px;
}

/* Table of property controls. */
.fwi_properties_table {
    float:left;
    margin-left:10px;
    margin-bottom:2em;
}

.fwi_properties_property_row
{
	margin:3px;
	text-align:left;
	vertical-align:middle;
}

.fwi_properties_property_cell_name
{
	height:100%;
	margin-right:3px;
	overflow:hidden;
	text-align:left;
	vertical-align:middle;
	width:200px;
}

.fwi_properties_property_cell_value
{
	overflow:hidden;
	text-align:left;
}

.fwi_languageControl {
    float: right;
    margin-top: 3px
}

.fwi_languageControlDropdown
{
    height:25px;
}

.fwi_contextViewer_tabs
{
    margin-top:5px;
    margin-left:65px;
    padding-top:7px;
}

/* Template Viewer */
.fwi_templateViewer
{
    background-color:#dddddd;
    color:white;
    float:left;
    min-height:150px;
    overflow:hidden;
    text-align:center;
    clear: both;
}

.fwi_previewControl_radioButtonsContainer
{
    background-color:#aaa;
    clear:both;
    height:20px;
}

/* Error message container when previewing. */
.fwi_previewControl_errorMessageContainer {
    background-color: rgb(200,200,200);
    background-color: rgba(200,200,200,0.8);
    color: black;
    cursor: pointer;
    overflow: auto;
    position: absolute;
    text-align: left;
    z-index: 1;
}

/* Error message from the player while previewing. */
.fwi_previewControl_errorMessage
{
    padding:3px;
    white-space:nowrap;
}

.fwi_templateViewer_breadcrumb
{
    background-color:#bbb;
    clear:both;
    height:20px;
    padding-top:2px;
}

/* Class to add to currently active region */
.fwi_templateViewer_highlightedRegion
{
    border: 4px solid red;
}

/* Container for behaviors */
.fwi_behaviors_container
{
    background-color:#eee;
    height:100px;
    overflow:auto;
}

.fwi_behaviors_behaviorDescriptionCell
{
	cursor:pointer;
	width:100%;
}

/* Container for the behavior description */
.fwi_behaviors_behaviorDescriptionContainer
{
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

/* Condition container in Behaviors dialog. */
.fwi_behaviors_conditionContainer {
    clear: both;
    padding-top: 5px;
    padding-bottom: 15px;
}

.fwi_behaviors_conditionContainer td:first-of-type {
    padding-right:10px;
}

/* Container for showing the selected color in the Color dialog. */
.fwi_colorDialog_colorContainer {
    border-style:solid;
    border-color:black;
    border-width:1px;
    float:left;
    height:16px;
    margin-top:4px;
    width:16px;
}

.fwi_selectedRow
{
	background-color:#bbb;
}

.fwi_actionMenu_buttonContainer {
    cursor: pointer;
    float: none;
    padding: 2px;
}

.fwi_actionMenu_buttonContainer:hover
{
    background-color:#eeeeee;
}

.fwi_label
{
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap;
}

.fwi_layoutDialog_field {
    border:2px solid black;
    background-color:white;
    box-shadow:3px 3px 5px black;
    cursor:pointer;
    float:left;
    margin:4px;
    padding:5px;
}

.fwi_layoutDialog_fieldsControl
{
    clear:both;
    padding:5px;
    width:95%;
}

.fwi_layoutDialog_fieldsControl_container
{
    float:left;
    overflow:auto;
    height:100px;
}

.fwi_layoutDialog_fieldPropertyControlRow
{
    margin-bottom:10px;
}

.fwi_layoutDialog_fieldPropertyControl
{
    overflow:auto;
    margin-right:20px;
}

/* In order to support non-modal dojo dialogs, the "class" property must be set to "fwi_nonModal". */
.fwi_nonModal_underlay {
    display:none
}

.fwi_layerControl_fieldControl {
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor:pointer;
}

/* Field/region controls in the layout editor. */
.fwi_fieldControl {
    cursor:move;
    overflow:hidden;
    position:absolute;
}

/* Holds the actual field data inside the control itself. */
.fwi_fieldControlContainer {
    height:100%;
    position:absolute;
    width:100%;
}

/* Anchor control (layout constraints) */
.fwi_anchorControl {
    cursor:pointer;
}

.fwi_anchorControlDeselected {
    background-color:#ccc;
}

.fwi_anchorControlSelected {
    background-color:black;
}

.fwi_deviceSelectionControl {
    color: white;
    background-color: gray;
    cursor: pointer;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    text-align: left;
    margin: 0;
    padding: 2px 4px 2px 4px;
    white-space: nowrap;
}

/* Indicates that the element is interactive. */
.fwi_selectableItem {
    cursor:pointer;
}

.fwi_selectableItem:hover {
    cursor:pointer;
    background-color:#eeeeee;
}

.fwi_selectableItem_selected {
    background-color:#bbbbbb;
}

.fwi_contentPickerControl_container
{
    float:left;
    overflow-x:hidden;
    overflow-y:auto;
    width:59%;
}

.fwi_contentPickerControl_container > table
{
    width:100%;
}

.fwi_singleLineControl
{
    cursor:pointer;
    float:left;
    overflow:hidden;
    white-space:nowrap;
    text-align:left;
    text-overflow:ellipsis;
}

.fwi_gridHeaderCell
{
    height:1.5em;
    overflow:hidden;
}

.fwi_javaBrowseButton
{
    height:32px;
    margin-top:-2px;
    padding-left:2px;
    padding-right:2px;
    vertical-align:middle;
    width:30px;
}

.fwi_tableDialog_cell {
    height:1.5em;
    border:1px solid black;
    overflow:hidden;
    white-space:nowrap;
    width:10em;
}

.fwi_zoomControl {
    background-color: white;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden;
    padding: 0 5px 0 5px;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.fwi_zoomControl_label
{
    display:inline-block;
    height:16px;
    text-align:center;
    vertical-align:middle;
    width:60px;
}

.location-properties-dialog {
    width: 770px;
}

.fwi_propertiesDialog {
    width:480px;
}

.fwi_propertiesDialogSubSection {
    padding:20px 0 20px 50px;
}

.fwi_propertiesDialog_buttonContainer {
    margin:5px 5px 5px 0;
}
.dynamic-query-row-container {
    margin: 5px 0 5px 0;
    border: 1px dotted #808080;
    padding: 5px 2px 5px 2px;
    max-height: 200px;
    overflow-y: auto;
    width: 540px;
}

.fwi_groupDivider {
    height: 20pt;
}

/* Container to hold action buttons. */
.fwi_dialogActionButtonContainer {
    position: absolute;
    bottom: 15px;
    left: 5px;
}

[data-row] .dijitTextBox {
    width: 180px;
}

[data-row] .dijitDropDownButton {
    width: 125px;
}

[data-row] .dijitButtonNode {
    width: 118px;
}

/* To correct margin issue with dropdown controls. */
.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
    margin: 0;
}
