body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: #f2f6f7;
}
.loginLabel
{
    padding-right:5px;
    vertical-align:middle;    
    font-weight: bold;
    font-size: 12px;
    text-align:left;
}
.cToolTipContainer {
    width: auto;
    background-color: #e4eac8;
    font-family: Tahoma;
    font-size: 12pt;
    min-width: 200px;
    border-width:medium;
    padding: 5px 15px 10px 15px;
    opacity: 0.97;
}
.dxpcContent
{
    background-color: #f2f6f7;
}
body, .text, .dxbButton, .dxbButtonHover, .dxeBase, .dxic input, .dxeListBoxItem, .dxeListBoxItemRow, .dxmSubMenuItemWithImage, .dxgvSelectedRow, .dxgvFooter
{
    font-family: Arial, Verdana;
    font-size: 11px;
}
.PageTitle
{
    font-size: large;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    color: #D62601;
}
.RequiredValue
{
    font-weight: bold;
}
.dxscLeftTopCorner
{
    border-left-width: 1px;
    border-bottom-width: 0px;
}
.navTd
{
    padding-left: 10px;
    padding-right: 2px;
}
.copyright
{
    font-family: Arial, Verdana;
    font-size: 11px;
    color: #D62601;
    letter-spacing: 2px;
    text-decoration: none;
    margin-top: 10px;
}
/*                      Grid           */
.dxgvHeader, .dxpcHeader
{
    border-color: rgb(72,72,72);
    border-width: 1px;
    border-style: Solid;
    background-color: rgb(113, 113, 113);
    /*background-image: url('../../Img/gridHeaderBG.png');*/
    text-align: Center;
    border-left-width: 0px;
    border-top-width: 1px;
}
.dxgvHeader, .dxpcHeader, .dxpcHeader td.dxpc
{
    color: #EBEFF3;
}


.dxgvDataRow, .dxgvHeader, .dxgvHeader table, .dxbButton, .dxpSummary, .dxpPageNumber, .dxeBase gridPageSize, .gridPageSize, .dxgvEditFormCaption
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.dxgvHeader, .dxgvHeader table
{
    color: Window;
    font-weight: bold;
}
.dxeBase gridPageSize
{
    vertical-align: middle;
}
.dxgvControl
{
    border-style: none;
}
.dxgvEditForm .dxgvEditFormTable, .dxpcHeader, .dxgvPagerTopPanel
{
    background-color: rgb(72,72,72);
}
.dxgvEditFormCaption, .dxgvDataRow td.dxgv, .dxgvSelectedRow
{
    /*text-align: left;*/
}
.dxeListBoxItemHover
{
    background-color: #D62601;
}
.dxgvEditFormCaption
{
    white-space: nowrap;
    vertical-align: middle;
    font-size: 11px;
}
.dxgvEditFormCellNoError
{
    padding-right: 32px;
}
.contolsTemplate
{
    padding-right: 28px;
}
.dxgvEditForm TD.dxgv
{
    padding: 0;
    border-style: none;
}
.dxgvSelectedRow
{
    background-color: #6699FF;
}
.dxeDisabled, .dxeReadOnly, .dxeReadOnly .dxeEditArea
{
    color: #666666;
}

.dxeReadOnly, .dxeReadOnly .dxeEditArea
{
    background-color: #DFDFDF;
}
.dxgvPopupEditForm TD.dxgvCommandColumn
{
    padding-right: 23px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.dxgvPopupEditForm TD.dxgvCommandColumn IMG
{
    padding-right: 10px;
}

.CargoId td
{
    text-align: left;
}
.dxgvFocusedRow
{
    background-color: #e8a83c;
}
.dxgvFocusedRow TD.dxgv
{
    text-align: left;
}

.dxeDropDownWindow
{
    padding: 2px;
}
.mergedColumn
{
    border-right-width: 0px;
    text-align: right;
}
.dxgvFooter TD.dxgv
{
    padding: 2px 25px 2px 0px;
    background-color: #9D1B00;
    font-weight: bold;
    color: White;
}

.dxgvDataRow
{
    border-left: #cfcfcf 1px solid;
}
.dxgvHeader
{
    padding: 4px 0px 3px 2px;
}
.dxgvDataRow td.dxgv
{
    vertical-align: middle;
    padding: 0px 0px 0px 2px;
}
.dxgv
{
    white-space: nowrap;
}
.dxgvDataRowHover
{
    background-color: #f0f7d2;
}
.sh_c, .sh_wt
{
    border-width: 1px 1px 0px 0px;
    border-style: solid;
}
.sh_wt
{
    border-top-color: #dea4a6;
    border-right-color: #dea4a6;
    border-bottom-color: #dea4a6;
    border-left-color: #dea4a6;
    
    
}

/*ASPxScheduler*/
.dxscControl
{
    background: #484848;
    border: 1px solid #484848;
}
.dxscLoadingPanel
{
    font: 11px Verdana;
    color: #3c3c3c;
    background: White;
    border: solid 1px #757575;
}
.dxscLoadingPanel td.dx
{
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
}
.dxscLoadingDiv
{
    background: White;
    opacity: 0.25;
    filter: alpha(opacity=25);
    cursor: wait;
}

/* Headers */
.dxscDateHeader, 
.dxscAlternateDateHeader,
.dxscDayHeader,
.dxscDateCellHeader,
.dxscTodayCellHeader,
.dxscTimelineDateHeader,
.dxscHorizontalResourceHeader,
.dxscVerticalResourceHeader
{
    color: White;
    background: #717171;
    border: 1px solid #484848;
    border-width: 0 1px 1px 0;
    padding: 4px;
    font: 11px Verdana;
    text-align: center;
    vertical-align: top;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
}

.dxscAlternateTimelineDateHeader,
.dxscAlternateDateHeader
{
    background: #ffea77 left top repeat-x;
    color: black;
}
.dxscDayHeader
{
    border-width: 1px 1px 0 0;
}
.dxscDateCellHeader
{
    border-width: 1px;
}
.dxscTodayCellHeader
{
    border-top-width: 1px;
    background: #ffdc7a;
    color: #3c3c3c;
}
.dxscTimelineDateHeader
{
    border-width: 1px 1px 1px 0;
}
.dxscHorizontalResourceHeader
{
    border-color: #484848;
    border-width: 1px 1px 1px 0;
    background: #838383;
}
.dxscVerticalResourceHeader
{
    border-width: 1px 1px 0 0;
    border-top-color: #484848;
    background: #838383;
    white-space: nowrap;
    height:21px;
}
.dxscSelectionBar
{
    border-style: solid;
    border-width: 0 1px 0 0;
    height: 30px;
}

/* Corners */
.dxscLeftTopCorner, 
.dxscRightTopCorner
{
    background-color: #ababab;
    width: 1px;
    border-style: solid;
    border-color: #3c3c3c;
    border-width: 0 0 1px;
}
.dxscLeftTopCorner
{
    border-width: 1px 1px 1px 0;
    font: 11px Verdana;
    text-align: center;
    padding: 2px;
    overflow: hidden;
}

/* Separators */
.dxscGroupSeparatorVertical,
.dxscGroupSeparatorHorizontal
{
    background: #f5f5f5;
    border: 1px solid #646464;
}
.dxscDayHdrsTbl .dxscGroupSeparatorVertical,
.dxscDayHdrsTbl .dxscGroupSeparatorHorizontal
{
    background: #717171;
    border-color: #484848;
}
.dxscGroupSeparatorVertical
{
    width: 1px;
    border-width: 0 1px;
}
.dxscGroupSeparatorHorizontal
{
    height: 1px;
    border-width: 1px 0 0;
    font-size: 1px;
}

/* Apts Area */
.dxscAllDayArea
{
    background-color: #ababab;
    border: 1px solid #484848;
    border-width: 0 1px 1px 0;
}
.dxscDateCellBody
{
    height: 100px;
    border: solid 1px;
    border-width: 0 1px 0 0;
}
.dxscTimeCellBody
{
    border: solid 1px;
    font: 11px Verdana;
}
.dxscTimelineCellBody
{
    height: 300px;
    border-style: solid;
    border-width: 1px 1px 0 0;
}

.dxscAppointment
{
    color: Black;
    font: 10px Verdana;
    border: 1px solid #838383;
    padding: 0;
    margin: 0;
    cursor: default;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dxscAppointmentInnerBorders
{
    border: 1px solid #838383;
    padding: 0px;
}
.dxscMoreButton
{
    font: 11px Verdana;
    color: Black;
    text-decoration: underline;
    padding: 0;	
}
.dxscAppointmentHorizontalSeparator
{
    height: 0px;
    width: 100%;
    overflow: hidden;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}
/* Rulers */
.dxscTimeRulerHoursItem, .dxscTimeRulerMinuteItem
{
    color: #646464;
    background: White;
    border: 1px solid #a0a0a0;
    border-width: 0px 1px 1px 0;
    vertical-align: top;
    white-space: nowrap;
}
.dxscTimeRulerHoursItem
{
    border-right-width: 0;
    border-left-color: black;
    font: 11px Verdana;
    text-align: right;
    width: 45px;
    padding: 4px 4px 0px;
}
.dxscTimeRulerMinuteItem
{
    border-left-width: 0px;
    text-align: center;
    width: 18px;
    font: 9px Verdana;
    padding: 4px;
    padding: 5px 1px 5px 1px;
}

.dxscTimeRulerHeaderHourItem
{
    width: 55px;
}
.dxscTimeRulerHeaderMinuteItem
{
    width: 16px;
}
.dxscScrollHeaderItem
{
    width: 16px;
}


/* Control elements */
.dxscToolbarContainer
{
    border-bottom: 1px solid #484848;
    border-right: 1px solid #484848;
}
.dxscToolbar
{
    background-color: #838383;
    padding: 3px 0 3px 3px;
}
.dxscViewSelector
{
    background-color: #838383;
    padding: 0;
}
.dxscResourceNavigator
{
    background: #f5f5f5;
    padding: 3px 6px 3px 3px;
    border: 1px solid #484848;
}
.dxscViewVisibleInterval
{
    color: White;
    font: 11px Verdana;
    padding: 0 20px;
    white-space: nowrap;
}
.dxscInplaceEditor
{
    background: #898989;
    border: solid 3px black;
    padding: 0;
    font: 11px Verdana;
    color: Black;
}
.dxscErrorInfo
{
    background: #f1abab;
    color: #853a3a;
    padding: 10px;
    border: 1px solid #484848;
    border-width: 1px 0;
}

/* Buttons */
.dxscViewNavigatorButton,
.dxscViewNavigatorGotoDateButton
{
    background: #a2a2a2 left top repeat-x;
    border: 1px solid #6a6a6a;
    height: 21px;
    padding: 0 6px;
    font: 11px Verdana;
    color: #3c3c3c;
    cursor: pointer;
}
.dxscViewNavigatorButton span,
.dxscViewNavigatorGotoDateButton span
{
    padding: 0 22px;
}
.dxscViewNavigatorButtonHover,
.dxscViewNavigatorGotoDateButtonHover
{
    background: #fcf8e5 left top repeat-x;
}
.dxscViewNavigatorButtonPressed,
.dxscViewNavigatorGotoDateButtonPressed
{
    background: #fee287 left top repeat-x;
}

.dxscViewSelectorButton
{
    font: 11px Verdana;
    background: #a6a6a6;
    border: 1px solid #484848;
    border-width: 0 0 0 1px;
    padding: 8px 18px;
    cursor: pointer;
}
.dxscViewSelectorButtonHover
{
    background: #d7d8d8;
    border-color: #484848;
}
.dxscViewSelectorButtonChecked
{
    background: White;
    border-color: #484848;
}
.dxscViewSelectorButtonPressed
{
    background: #838383;
    border-color: #484848;
}

.dxscViewSelector.dxscVSHorz,
.dxscViewSelector.dxscVSVert
{
    border-style: solid;
    border-color: #484848;
    border-width: 1px 0 0 1px;
}
.dxscToolbar .dxscViewSelector
{
    border-width: 0;
}
.dxscVSHorz .dxscViewSelectorButton,
.dxscVSVert .dxscViewSelectorButton
{
    border-width: 0 1px 1px 0;
}
.dxscToolbar .dxscViewSelectorButton
{
    border-width: 0 0 0 1px;
}

.dxscResourceNavigatorButton
{
    background: none;
    cursor: pointer;
}
.dxscResourceNavigatorButtonHover
{
    background: none;
}
.dxscResourceNavigatorButtonPressed
{
    background: none;
}

.dxscNavigationButton
{
    background: none;
    cursor: pointer;
}
.dxscNavigationButtonHover
{
    background: none;
}
.dxscNavigationButtonPressed
{
    background: none;
}

.dxscSmartTagButton
{
    background: #a2a2a2 left top repeat-x;
    border: 1px solid #6a6a6a;
    padding: 4px 5px;
    cursor: pointer;
}

.dxscDVBottomMoreButton,
.dxscDVTopMoreButton
{
    cursor: pointer;
}

.dxscNoBorderButton
{
    cursor: pointer;
    border: 1px solid #797979;
}
.dxscNoBorderButtonHover
{
    background: #a9a9a9;
    border-color: #797979;
}
.dxscNoBorderButtonPressed
{
    background: #797979;
    border-color: #797979;
}
.dxscControlAreaForm
{
    font: 16px Verdana;
    color: Black;
    white-space: normal;
    padding: 9px 12px 13px 12px;
    background-color: white;
}
.dxscToolTipRoundedCornersTopBottomRow
{
    font-size: 1px;
}
.dxscToolTipRoundedCornersTopSide
{
    border-top: 1px solid Black;
    vertical-align: bottom; 
    height: 1px;
    background-color: #fafad2;
}
.dxscToolTipRoundedCornersLeftSide
{
    border-left: 1px solid Black;
    vertical-align: bottom;
    background-color: #fafad2;
}
.dxscToolTipRoundedCornersRightSide
{
    border-right: 1px solid Black;
    vertical-align: bottom; 
    background-color: #fafad2;
}
.dxscToolTipRoundedCornersBottomSide
{
    border-bottom: 1px solid Black;
    vertical-align: bottom;
    height: 1px;
    background-color: #fafad2;
}
.dxscToolTipRoundedCornersContent
{
    background-color: #fafad2;
    padding: 0;
}
.dxscToolTipSquaredCorners
{
    background: #f9f9cd;
    padding: 0;
    font: 11px Verdana;
    color: #303030;
    white-space: nowrap;
    border: 1px solid Black;
}
.dxscTimeMarker
{
    top: -2px;
}
.dxscTimeMarkerLine
{
    top: -2px;
    height: 3px;
    font-size: 1px;
}
.dxscTimeMarkerLineV
{
    position: absolute;
    background-color: #f5f5f5;
    border: 1px solid #646464;
    width: 1px;
    font-size: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
}
.dxscTimeMarkerLineH
{
    position: absolute;
    top: -2px;
    background-color: #f5f5f5;
    border: 1px solid #646464;
    height: 1px;
    font-size: 1px;
    border-left-width: 0;
    border-right-width: 0;
}