.SFXAutosize
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.SFXAutosizeHeader
{
    width: 100%;
    overflow: hidden;
}

.SFXAutosizeContent
{
    width: 100%;
    overflow: auto;
    position: relative;
}

.SFXAutosizeFooter
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.NoScrollBars .SFXAutosizeContent
{
    overflow: hidden;
}

.SFXBreadcrumbs
{
    text-align: left;
    width: 100%;
}

.SFXBreadcrumb
{
    cursor: pointer;
    margin-left: 1ex;
    margin-right: 1ex;
    text-decoration: underline;
}

.SFXBreadcrumbCurrent
{
    cursor: default;
    margin-left: 1ex;
    margin-right: 1ex;
}

.SFXBreadcrumbSeparator
{
    margin-left: 1ex;
    margin-right: 1ex;
}
.SFXButton
{
    height: 19px;
    width: 6em;
    position: relative;
    float: left;
    cursor: pointer;
}

.ArrangeFromLeft .SFXButton
{
    margin-right: 10px;
}

.ArrangeFromRight .SFXButton
{
    float: right;
    margin-left: 10px;
}

.SFXButton table
{
    font-family: Arial;
    font-size: 8pt;
    font-variant: small-caps;
    font-weight: bold;
    table-layout: fixed;
    width: 100%;
}

.SFXButtonLeft
{
    width: 22px;
    height: 19px;
    background-image: url(../img/button_left.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.SFXButtonLeftNoIcon
{
    width: 5px;
    height: 19px;
    background-image: url(../img/button_left_no_icon.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.SFXButtonRight
{
    width: 5px;
    height: 19px;
    background-image: url(../img/button_right.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.SFXButtonCaption
{
    color: #5b5b5b;
    height: 19px;
    overflow: hidden;
    background-image: url(../img/button_background.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    text-align: center;
    line-height: 19px;
}

.SFXButtonDisabled .SFXButtonCaption
{
    color: #c0c0c0;
}

.SFXButtonIcon
{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    top: 0px;
    left: -6px;
    width: 25px;
    height: 25px;
    background-position: top right;
}

.SFXButtonIconTypeAdd
{
    background-image: url(../img/button_icon_add.gif);
    display: block;
}

.SFXButtonIconTypeDetails
{
    background-image: url(../img/button_icon_details.gif);
    display: block;
}

.SFXButtonIconTypeDelete
{
    background-image: url(../img/button_icon_delete.gif);
    display: block;
}

.SFXButtonIconTypeSearch
{
    background-image: url(../img/button_icon_search.gif);
    display: block;
}

.SFXButtonIconTypeHelp
{
    background-image: url(../img/button_icon_help.gif);
    display: block;
}

.SFXButtonIconTypeClose
{
    background-image: url(../img/button_icon_close.gif);
    display: block;
}

.SFXButtonIconTypeCancel
{
    background-image: url(../img/button_icon_cancel.gif);
    display: block;
}

.SFXButtonIconTypeOK
{
    background-image: url(../img/button_icon_ok.gif);
    display: block;
}

.SFXButtonDisabled
{
}
.SFXCheckBox
{
}

.SFXCheckBoxDisabled
{
}

.SFXCheckBoxField
{
    float: left;
}
.SFXComboBox
{
    cursor: pointer;
}

.SFXComboBoxDisabled
{
    border: 1px solid #cccccc;
    color: #404040;
}

.SFXComboBoxBoxingTable
{
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
    table-layout: fixed;
}

.SFXComboBox .SFXComboBoxBoxingTable
{
    border: 1px solid #4b6679;
}

.SFXComboBoxTextBoxCol
{
}

.SFXComboBoxButtonCol
{
    width: 17px !important;
}

.SFXComboBoxTextBoxCell
{
    border: none 0px Transparent !important;
    padding: 0px !important;
    margin: 0px !important;
    cursor: pointer;
}

.SFXComboBox .SFXComboBoxButtonCell
{
    background-image: url(../img/combobox_button_enabled.png);
}

.SFXComboBoxDisabled .SFXComboBoxButtonCell
{
    background-image: url(../img/combobox_button_disabled.png);
}

.SFXComboBox .SFXTextBoxInnerDIV
{
    border: none !important;
}

.SFXComboBoxDisabled .SFXTextBoxInnerDIV
{
    border: none !important;
}

.SFXComboBoxButtonCell
{
    border: none 0px Transparent !important;
    padding: 0px !important;
    margin: 0px !important;
    width: 17px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.SFXComboBoxTextBox
{
    background-image: url(../img/input_background.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SFXComboBoxTextBoxDisabled
{
}

.SFXComboBoxList
{
    display: none;
    height: 0px;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 40;
    cursor: pointer;
    text-align: left;
    border: solid 1px #4b6679;
    background-color: white;
}

.SFXComboBoxList table
{
    table-layout: fixed;
    position: static;
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
    color: #454545;
    width: 100%;
}

.SFXComboBoxList td
{
    padding: 2px 6px 2px 2px;
    border-bottom: solid 1px #eaeaea;
}

.SFXComboBoxListHover
{
    background-color: #005f9c;
    color: White;
}


.SFXComboBoxAsLink
{
}

.SFXComboBoxAsLinkDisabled
{
}

.SFXComboBoxAsLinkBoxingTable
{
    border-collapse: collapse !important;
    border-style: none !important;
    border-width: 0px !important;
    table-layout: fixed !important;
}

.SFXComboBoxAsLinkTextBoxCol
{
}

.SFXComboBoxAsLinkButtonCol
{
    width: 0px !important;
}

.SFXComboBoxAsLinkTextBoxCell
{
    cursor: pointer;
    border: none 0px Transparent !important;
    padding: 0px !important;
    margin: 0px !important;
}

.SFXComboBoxAsLinkButtonCell
{
    width: 0px;
    display: none;
}

.SFXComboBoxAsLinkTextBox
{
    background-image: none;
    background-color: Transparent !important;
}

.SFXComboBoxAsLinkTextBox .SFXTextBoxInnerDIV
{
    border: none;
    padding: 0px !important;
}

.SFXComboBoxAsLinkTextBoxDisabled .SFXTextBoxInnerDIV
{
    border: none;
    padding: 0px !important;
}

.SFXComboBoxAsLinkTextBox input
{
    color: #0000ff !important;
    cursor: pointer;
    text-decoration: underline;
}

.SFXComboBoxAsLinkTextBox input:hover
{
    color: #000077 !important;
}

.SFXComboBoxAsLinkTextBoxDisabled input
{
    color: #cccccc;
}
.FixedTable
{
    table-layout: fixed;
    width: 0px;
}

.FixedTable100Percent
{
    table-layout: fixed;
    width: 100%;
}

.FillAllAvailableHeight
{
    height:100%;
}

.NoScrollBars
{
    overflow: hidden!important;
}

.SFXCustomContentBox
{
    background-color: #fff;
}

.SFXDataGrid
{
    display: block;
    background-color: white;
    position: relative;
    width: 100%;
    height: 100%;
    outline: none;
    -moz-outline: none;
    -moz-user-select: none;
}

.SFXDataGridHeaderContainer
{
    background-color: #a56747;
    overflow: hidden;
    position: relative;
}

.SFXDataGridHeaderTable
{
    color: white;
    border-collapse: separate;
    font-weight: bold;
    cursor: pointer;
}

.SFXDataGridHeaderTable td
{
    overflow: hidden;
}

.SFXDataGridHeaderTable td table
{
    height: 19px;
}

.SFXDataGridDataContainer
{
    background-color: white;
    overflow: auto;
    position: relative;
}

.SFXDataGridDataTable
{
    border-collapse: collapse;
    -moz-outline: none;
}

.SFXDataGridDataTable td
{
    border-left: 1px solid white;
    cursor: pointer;
    padding-top: 1px;
    padding-bottom: 1px;
    overflow: hidden;
}

.SFXRowAlternate 
{
    background-color: #e2e2e2;
}
.SFXDataGridRowAlternate
{
    background-color: #e2e2e2;
}

.SFXDataGridRowAlternate td
{
    border-top: dotted 1px #808080;
}

.SFXDataGridRow
{
    background-color: #F3F3F3;
}

.SFXDataGridRow td
{
    border-top: dotted 1px #e0e0e0;
}

.SFXDataGridSelectedRowAlternate
{
    background-color: #005f9c !important;
    color: White;
}

.SFXDataGridSelectedRow
{
    background-color: #005f9c !important;
    color: White;
}

.SFXDataGridNoRows
{
    background-color: white;
    text-align: center;
    cursor: default;
}

/*wskazanie na wierszu, że drop pójdzie w niego*/
.SFXDataGridDragRowHover td
{
    background-color: #ffc316;
}

/*wskazanie na wierszu, że drop pójdzie nad nim (między nim a wierszem wyżej)*/
.SFXDataGridDragOverRowHover td
{
    border-top: solid 1px #ffc316;
}

/*wskazanie na całym kontenerze datatable, że drop pójdzie do niego (typowo na koniec listy)*/
.SFXDataGridDragOverDataContainer
{
    border: solid 1px #ffc316;
    cursor: pointer;
}

.SFXDataGridColumnSeparator
{
    width: 3px;
    cursor: col-resize;
    background-color: #cdab72!important;
}

.SFXDataGridHeaderContent
{
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    overflow: hidden;
    height: 15px;
    white-space: nowrap;
}

.FreeFlow .SFXDataGridDataContainer
{
    overflow: visible;
}

.SFXImageColumn
{
    position: static !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.SFXEnclosedLabelColumn
{
}

.SFXEnclosedLabelColumnContainer
{
	overflow : hidden;
	width : 100%;
}

.SFXEnclosedLabelColumnContent
{
    height : 1.2em;
}
.SFXDatePicker
{
    width: 90px;
}

.SFXDatePicker .SFXTextBox
{
    width: 60px;
}

.SFXDatePicker .SFXTextBoxSuggest
{
    width: 60px;
}

.SFXDatePicker .SFXTextBoxDisabled
{
    width: 60px;
}

.SFXDatePickerLong
{
    width: 110px;
}

.SFXDatePickerLong .SFXTextBox
{
    width: 90px;
}

.SFXDatePickerLong .SFXTextBoxSuggest
{
    width: 90px;
}

.SFXDatePickerLong .SFXTextBoxDisabled
{
    width: 90px;
}

.SFXDatePickerBoxingTable td
{
    padding: 0 0 0 0;
    border: 0px;
}

.SFXDatePickerBoxingTable
{
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
    table-layout: fixed;
    width: 100%;
}

.SFXDatePickerInputCol
{
    width: 75px;
}

.SFXDatePickerInputLongCol
{
    width: 105px;
}

.SFXDatePickerButtonCol
{
    width: 22px;
}

.SFXDatePickerButton
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 22px;
    height: 20px;
    background-image: url(../img/calendar_button.gif);
    background-position: top right;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

.SFXDatePickerButtonDisabled
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 22px;
    height: 20px;
    background-image: url(../img/calendar_button.gif);
    background-position: top right;
    background-repeat: no-repeat;
    cursor: default;
    background-color: Transparent;
    visibility: hidden;
}

.SFXDatePickerTextBox
{
    background-image: url(../img/input_background.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #4b6679;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 56px;
}

.SFXDatePickerTextBoxDisabled
{
    width: 68px;
    color: #404040;
    background-color: #c0c0c0;
    text-align: center;
}

.SFXDatePickerCalendar
{
    display: none;
    position: absolute;
    width: 210px;
    height: 180px;
    overflow: hidden;
}

.SFXDatePickerCalendar table
{
    table-layout: fixed;
    width: 210px;
    background-color: #fcf5f1;
    color: #454545;
    text-align: center;
    border-left: 1px solid #f2996b;
    border-top: 1px solid #f2996b;
}

.SFXDatePickerCalendar table col
{
    width: 30px;
}

.SFXDatePickerCalendar table tr
{
    height: 19px;
}

.SFXDatePickerCalendar table td
{
    border-right: 1px solid #f2996b;
    border-bottom: 1px solid #f2996b;
}

.SFXDatePickerYearCalendarButton
{
    cursor: pointer;
    font-weight: bold;
    color: White;
    background-color: #bb460a;
}

.SFXDatePickerMonthCalendarButton
{
    cursor: pointer;
    font-weight: bold;
    color: White;
    background-color: #cf5a1b;
}

.SFXDatePickerWeekDaysCell
{
    font-weight: bold;
    background-color: #fcf5f1;
    background-image: url(../img/calendar_weekday.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.SFXDatePickerYearCell
{
    font-weight: bold;
    color: White;
    background-color: #bb460a;
}

.SFXDatePickerMonthCell
{
    font-weight: bold;
    color: White;
    background-color: #cf5a1b;
}

.SFXDatePickerCalendarCell
{
    cursor: pointer;
    background-color: #fcf5f1;
}

.SFXDatePickerCalendarWeekendCell
{
    cursor: pointer;
    background-color: #fde2d2;
    color: red;
}

.SFXDatePickerCalendarOuterCell
{
    cursor: pointer;
    color: #808080;
    background-color: #fcf5f1;
}

.SFXDatePickerCalendarSelectedCell
{
    font-weight: bold;
    background-color: #666666;
    color: White;
}

.SFXDragElement
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffc316;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    padding: 0.5em;
}

.BodyNoDrop *
{
    cursor: no-drop !important;
}
.FieldWithValidator td
{
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
}

.FieldWithValidator
{
}

.FieldWithValidatorCaption
{
    text-align: left;
    padding-right: 4px;
}

.FieldWithValidatorPopup
{
    width: 18px;
}.SFXFile
{
    height : 20px;
}

.SFXFile input
{
    width : 100%;
}

.SFXFile div
{
    background-color : white;
    color : Black;
    background-image: url(../img/trash_16x16.gif);
    background-position : left center;
    background-repeat : no-repeat;
    padding-left : 20px;
    height : 18px;
    border : 1px solid black;
    line-height : 20px;
}.SFXFileDownloadButton
{
     display:block;
     border-style: dotted;
     padding: 10px 10px 10px 50px;
     min-height: 45px;
     border-width:1px;
     background-image: url(../img/file_download_icon.gif);
     background-repeat: no-repeat;
     background-position: 10px 10px;
 
}.SFXGroupeBox
{
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    border-bottom-style: solid;
}

.SFXGroupeBoxCaption
{
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    border-bottom-style: solid;
    width: 100%;
}
.SFXHorizontalSplitter
{
    position : relative;
    left : 0;
    top : 0;
    height : 100%;
    width : 100%;
    background-color: #999999;
    overflow : hidden;
}

.SFXHorizontalSplitterTopPanel
{
    position : relative;
    width : 100%;
    overflow : auto;
    background-color: #ffffff;
}

.NoScrollBars .SFXHorizontalSplitterTopPanel
{
    overflow: hidden;
}

.SFXHorizontalSplitterBottomPanel
{
    position : relative;
    width : 100%;
    overflow : auto;
    background-color: #ffffff;
    margin-top: 10px;
}

.NoScrollBars .SFXHorizontalSplitterBottomPanel
{
    overflow: hidden;
}

.SFXHorizontalSplitterHandle
{
    position : absolute;
    left : 0;
    width : 100%;
    height : 10px;
    cursor : n-resize;
    background-image: url(../img/horizontal_splitter_background.png);
    background-position: center top;
}

.SFXHorizontalSplitterHandleMoving
{
    z-index : 1000;
    background-image: url(../img/horizontal_splitter_moving_background.png);
}

.SFXImageButton
{
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    cursor: pointer;
}
.SFXLabel
{
}

.SFXLabelWarning
{
    color: #c0c000;
}

.SFXLabelError
{
    color: #ff0000;
}

.SFXPopupLabelContainer
{
    width: 18px;
    height: 18px;
    background-color: Transparent;
}

.SFXPopupLabel
{
    background-repeat: no-repeat;
    background-position: center center;
    width: 0px;
    height: 0px;
    cursor: help;
}

.SFXPopupLabelInfo .SFXPopupLabel
{
    background-image: url(../img/information.gif);
}

.SFXPopupLabelWarning .SFXPopupLabel
{
    background-image: url(../img/warning.gif);
}

.SFXPopupLabelError .SFXPopupLabel
{
    background-image: url(../img/error.gif);
}

.SFXPopupLabelContentContainer
{
    width: 200px;
    display: none;
    left: 18px;
    top: 0px;
    height: 0px;
    overflow: hidden;
}

.SFXPopupLabelContent
{
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border: 1px solid;
    color: black;
}

.SFXPopupLabelError .SFXPopupLabelContent
{
    background-color: #ffedc6;
    border-color: #ff0000;
}

.SFXPopupLabelWarning .SFXPopupLabelContent
{
    background-color: #ffff80;
    border-color: Yellow;
}
.SFXPopupLabel .SFXPopupLabelContent
{
    background-color: #8080ff;
    border-color: Blue;
}
.SFXLinkButton
{
    text-decoration: underline;
    color: #0000ff;
    cursor: pointer;
}

.SFXLinkButton:hover
{
    text-decoration: underline;
    color: #000077;
}

.SFXLinkButtonDisabled
{
    text-decoration: none;
    color: #666;
}

.SFXMasterView
{
    width: 100%; 
    height: 100%; 
}

.SFXMenuItem
{
    background-color: #f4f4f4;
    color: #000000;
    border: solid 1px #ffc316;
    padding: 2px 2px 2px 2px;
    margin: 0 0 0 0;
    text-align: center;
    display: block;
    width: 100%;
}

.SFXMenu
{
    float: left;
}

.SFXMainMenuItem
{
    background-color: #f4f4f4;
    color: #000000;
    border: solid 1px #ffc316;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    margin: 0 0 0 0;
    text-align: center;
    display: block;
    width: 100%;
}

.SFXMainMenu
{
}
.SFXMultiPanel
{
    height : 100%;
}

.SFXCollapsibleBox
{
    overflow: hidden;
    position: relative;
    border: 1px solid #ffed9a;
    background-color: #a53a02;
}

.SFXCollapsibleBoxHeader
{
    height: 30px;
    color: White;
    line-height: 30px;
    background-image: url(../img/collapsible_header_bg.png);
    background-position: top left;
    cursor: pointer;
}

.SFXCollapsibleBoxCaption
{
    padding-left: 5px;
    font-weight: bold;
}

.SFXCollapsibleBoxButtonCollapsed
{
    background-image: url(../img/arrow_down.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: right;
}

.SFXCollapsibleBoxButtonExpanded
{
    background-image: url(../img/arrow_up.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: right;
}

.SFXCollapsibleBoxContent
{
    display: none;
    overflow: auto;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    background-color: White;
    position: relative;
}

.SFXMultiPanelHorizontal
{
    height : 100%;
}

.SFXCollapsibleBoxHorizontal
{
    overflow: hidden;
    position: relative;
    border-left: 1px solid #ffed9a;
    border-right: 1px solid #ffed9a;
    background-color: #a53a02;
    float : left;
    height : 100%;
}

.SFXCollapsibleBoxHeaderHorizontal
{
    width: 30px;
    height : 100%;
    color: White;
    text-align : center;
    background-image: url(../img/collapsible_header_bg_horizontal.png);
    background-position: top left;
    float : left;
    cursor: pointer;
}

.SFXCollapsibleBoxCaptionHorizontal
{
    padding-top: 5px;
    font-weight: bold;
}

.SFXCollapsibleBoxButtonCollapsedHorizontal
{
    background-image: url(../img/arrow_right.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.SFXCollapsibleBoxButtonExpandedHorizontal
{
    background-image: url(../img/arrow_left.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.SFXCollapsibleBoxContentHorizontal
{
    display: none;
    overflow: auto;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    background-color: White;
    float : left;
    position : relative;
}
.SFXNotificationBar
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 110;    
    font-size: 12pt;
    font-weight: bold;
    right:0px;
}

.SFXNotificationBar div
{
    display: block;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border: 5px solid;
}

.SFXNotificationTypeInformation div
{
    background-color: #eeeeee;
    border-color: #999999;
    cursor: pointer;
}

.SFXNotificationTypeActionSuccessful div
{
    background-color: #80ff80;
    border-color: #00ff00;
    cursor: pointer;
}

.SFXNotificationTypeActionFailed div
{
    background-color: #ff8060;
    border-color: #ff3000;
    cursor: pointer;
}

.SFXNotificationTypeValidationError div
{
    background-color: #ffff80;
    border-color: #ffff00;
    cursor: pointer;
}

.SFXNotificationTypeFatalError div
{
    background-color: #ff8080;
    border-color: #ff0000;    
}

.SFXNotificationBar .SFXNotificationClose
{
    position: absolute;
    top: 5px;
    right: 5px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: none;
    background-image: url(../img/close_x.gif);
    height: 29px;
    width: 29px;
    background-repeat: no-repeat;
    cursor: pointer;
}


.SFXPanel
{
    position: relative;
    display: block;
}

.SFXPanelHidden
{
    display: none;
}

.SFXPanelInvisible
{
    visibility: hidden;
}

.SFXRadioButton
{
    cursor: pointer;
    width: 13px;
    height: 13px;
    margin: 3px 3px 3px 3px;
}

.SFXRadioButtonOn
{
    background-image: url(../img/radio_button_on.png);
    background-position: top left;
}

.SFXRadioButtonOff
{
    background-image: url(../img/radio_button_off.png);
    background-position: top left;
}

.SFXRadioButtonOnDisabled
{
    background-image: url(../img/radio_button_on_disabled.png);
    background-position: top left;
}

.SFXRadioButtonOffDisabled
{
    background-image: url(../img/radio_button_off_disabled.png);
    background-position: top left;
}.SFXRoundBox
{
    margin: 4px;
    margin-top: 8px;
    border: solid 1px transparent;
    position: relative;
}

.SFXRoundBox .SFXRoundBox
{
    margin: 0px;
    margin-top: 8px;
}

.SFXRoundBoxCaption
{
    position: absolute;
    overflow: hidden;
    height: 18px;
    top: -8px;
    left: 10px;
}

.SFXRoundBoxCaptionLeft
{
    width: 5px;
    height: 18px;
    background-image: url(../img/roundbox_caption_l.png);
    float: left;
}

.SFXRoundBoxCaptionRight
{
    width: 5px;
    height: 18px;
    background-image: url(../img/roundbox_caption_r.png);
    float: left;
}

.SFXRoundBoxCaptionText
{
    font-weight: bold;
    background-color: White;
    float: left;
}

.SFXRoundBoxContent
{
    position: relative;
    margin: 5px;
    margin-top: 1em;
    padding: 3px;
    background-color: #ffffff;
}

.SFXRoundBoxLeft
{
    position: absolute;
    top: 5px;
    left: 0px;
    width: 5px;
    bottom: 5px;
    border-left: solid 1px #333333;
    background-color: #ffffff;
}

.SFXRoundBoxTop
{
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    height: 5px;
    border-top: solid 1px #333333;
    background-color: #ffffff;
}

.SFXRoundBoxRight
{
    position: absolute;
    top: 5px;
    right: 0px;
    width: 5px;
    bottom: 5px;
    border-right: solid 1px #333333;
    background-color: #ffffff;
}

.SFXRoundBoxBottom
{
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    height: 5px;
    border-bottom: solid 1px #333333;
    background-color: #ffffff;
}

.SFXRoundBoxTopLeft
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    background-image: url(../img/roundbox_tl.png);
    background-repeat: no-repeat;
}

.SFXRoundBoxTopRight
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 5px;
    height: 5px;
    background-image: url(../img/roundbox_tr.png);
    background-repeat: no-repeat;
}

.SFXRoundBoxBottomLeft
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    background-image: url(../img/roundbox_bl.png);
    background-repeat: no-repeat;
}

.SFXRoundBoxBottomRight
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 5px;
    height: 5px;
    background-image: url(../img/roundbox_br.png);
    background-repeat: no-repeat;
}
.SFXSoundPlayer
{
    width : 1px;
    height : 1px;
    overflow : hidden;
    position : absolute;
}
.SFXTextArea
{
    background-image: url(../img/input_background.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #4b6679;
    padding: 5px 5px 5px 5px;
}

.SFXTextAreaDisabled
{
    color: #404040;
    background-color: #c0c0c0;
}
.SFXTextBox
{
    background-image: url(../img/input_background.gif);
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.SFXTextBoxInnerDIV
{
    border: 1px solid #4b6679;
    padding: 3px;
    padding-left: 4px;
    background-color: Transparent;
    width: auto;
}

.SFXTextBox input
{
    background-color: Transparent;
    width: 100%;
    border: none 0px Transparent;
    padding: 0px;
    margin: 0px;
}

.SFXTextBoxDisabled
{
    background-color: #c0c0c0;
}

.SFXTextBoxDisabled input
{
    background-color: Transparent;
    width: 100%;
    color: #404040;
    border: none 0px Transparent;
    padding: 0px;
    margin: 0px;
}

.SFXTextBoxSuggest
{
    background-image: url(../img/input_background.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SFXTextBoxSuggest input
{
    background-color: Transparent;
    width: 100%;
    color: #808080;
    border: none 0px Transparent;
    padding: 0px;
    margin: 0px;
}
.SFXTimelineAxis
{
    position: relative;
    width: 100%;
    height: 28px;
    overflow: hidden;
    font-weight: bold;
    cursor: move;
}

.SFXTimelineAxisDisabled
{
    cursor: default !important;
}

.SFXTimelineAxisInner
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.SFXTimelineAxisDay
{
    position: absolute;
    text-align: center;
    line-height: 18px;
    border-left: 2px dotted black;
    background-image: url(../img/axis_grip.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

.SFXTimelineBar
{
    padding: 2px 2px 2px 2px;
}

.SFXTimelineBarSegments
{
    position: relative;
    overflow: hidden;
    height: 15px;
}

.SFXTimelineBarSegment
{
    position: absolute;
    height: 15px;
    background-color: Black;
}

.SFXTimelineBarPoints
{
    position: relative;
    overflow: hidden;
    height: 30px;
}

.SFXTimelineBarPointAbove
{
    position: absolute;
    height: 24px;
    padding: 1px 1px 1px 1px;
    background-color: #d0d0d0;
    color: Black;
    border-left: 1px solid black;
    border-bottom: 4px solid white;
    width: 5.4em;
    display: inline;
}

.SFXTimelineBarPointBelow
{
    position: absolute;
    height: 24px;
    padding: 1px 1px 1px 1px;
    background-color: #d0d0d0;
    color: Black;
    border-left: 1px solid black;
    border-top: 4px solid white;
    width: 5.4em;
    display: inline;
}
.SFXVerticalSplitter
{
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #999999;
}

.SFXVerticalSplitterPanel
{
    position: relative;
    height: 100%;
    overflow: auto;
    background-color: #ffffff;
}

.NoScrollBars .SFXVerticalSplitterPanel
{
    overflow: hidden;
}

.SFXVerticalSplitterHandle
{
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    cursor: w-resize;
    background-image: url(../img/splitter_background.png);
    background-position: center top;
}

.SFXVerticalSplitterHandleMoving
{
    z-index: 1000;
    background-image: url(../img/splitter_moving_background.png);
}

.SFXVerticalSplitterPanelToLeft
{
    margin-right: 10px;
    float: left;
}

.SFXVerticalSplitterPanelToRight
{
    margin-left: 10px;
    float: right;
}
.ViewFullScreen
{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: White;
    overflow: auto;
}

.ViewDialogScreen
{
    border: 1px solid #a53a02;
    background-color: #a53a02;
    z-index: 50;
}

.ViewDialogScreenTitle
{
    height: 2em;
    top: -2em;
    left: -1px;
    width: 100%;
    position: absolute;
    font-size: 10pt;
    font-weight: bold;
    color: White;
    background-color: #a53a02;
    border: solid 1px #a53a02;
}

.ViewDialogScreenTitle span
{
    margin-left: 10px;
    margin-top: 2px;
    display: block;
}


.ViewDialogScreenContent
{
    background-color: White;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    overflow: auto;
}


.PreviousViewsSeparator
{
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
    background-color: Black;
    z-index: 50;
}