.dxscControl
{
    background: #9f9f9f;
	border: solid 1px #9f9f9f;
}
.dxscLoadingPanel
{
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
	color: #303030;
	background: white;
	border: solid 1px #808080;
}
.dxscLoadingPanel td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px;
}
.dxscLoadingDiv
{
    cursor: wait;
	background-color: Gray;
	opacity: 0.01;
	filter:alpha(opacity=1);

}

/* Headers */
.dxscDateHeader, 
.dxscAlternateDateHeader,
.dxscDayHeader,
.dxscDateCellHeader,
.dxscTodayCellHeader,
.dxscTimelineDateHeader,
.dxscHorizontalResourceHeader,
.dxscVerticalResourceHeader
{    
    color: black;
    background: #dcdcdc;
    border: solid 1px #9f9f9f;
    border-width: 0 1px 1px 0;
    padding: 4px;
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;		
	text-align: center;
    vertical-align: top;
    
    cursor: default;
	overflow: hidden;
	white-space: nowrap;
}

.dxscAlternateTimelineDateHeader,
.dxscAlternateDateHeader
{
    background: #ffd554;
}
.dxscDayHeader
{
	border-width: 1px 1px 0 0;
}
.dxscDateCellHeader
{
    border-width: 1px;
}
.dxscTodayCellHeader
{    
	border-top-width: 1px;
	background: #ffd554;
}
.dxscTimelineDateHeader
{
    border-width: 1px 1px 1px 0;
}
.dxscHorizontalResourceHeader
{
    border-width: 1px 1px 1px 0;
    background: #cdcdcd;
}
.dxscVerticalResourceHeader
{
    border-width: 1px 1px 0 0;
    background: #cdcdcd;
    white-space: normal;
}
.dxscSelectionBar 
{	
    border-style: solid;
	border-width: 0 1px 0 0;
	height: 30px;
}

/* Corners */
.dxscLeftTopCorner, 
.dxscRightTopCorner
{
    background: #dcdcdc;
	width: 1px;
    border-style: solid;
    border-color: #9f9f9f;	
	border-width: 0 0 1px;
}
.dxscLeftTopCorner
{    
    border-width: 1px 1px 1px 0;
    font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    text-align: center;
    padding: 2px;
    overflow: hidden;
}

/* Separators */
.dxscGroupSeparatorVertical, 
.dxscGroupSeparatorHorizontal
{
    background: #dcdcdc;
    border: solid 1px #9f9f9f;
}

.dxscGroupSeparatorVertical
{
    width: 1px; 
    border-width: 0 1px;
}
.dxscGroupSeparatorHorizontal
{
	height: 1px;
    border-width: 1px 0 0;
    font-size: 1px;
}

/* Apts Area */
.dxscAllDayArea
{
    background: #ededed;
    border: solid 1px #9f9f9f;
    border-width: 0 1px 1px 0;
}
.dxscDateCellBody 
{
	height: 100px;
    border: solid 1px;
    border-width: 0 1px 0 0;
}
.dxscTimeCellBody
{
    border: solid 1px;
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
}
.dxscTimelineCellBody
{
	height: 300px;
    border-style: solid;
    border-width: 1px 1px 0 0;
}

.dxscAppointment
{
    color: black;
    font: 8pt Verdana, Arial, Helvetica, Sans-Serif;    
    border: solid 1px #8b8b8b;
    padding: 0;
	margin: 0;
	cursor: default;
	width: 100%;
	height: 100%;
	overflow: hidden;	
}
.dxscAppointmentInnerBorders
{	
    border: solid 1px #8b8b8b;
    padding: 0px;
}
.dxscAppointmentHorizontalSeparator 
{
	height: 1px;
	width: 100%;
	overflow: hidden;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
}
.dxscMoreButton
{
    font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    color: #0000cc;    
	text-decoration: underline;	
    padding: 0;
}

/* Rulers */
.dxscTimeRulerHoursItem, .dxscTimeRulerMinuteItem
{
    color: #6f6f6f;
    background: #ededed;
    border: solid 1px #9f9f9f;
    border-width: 0px 1px 1px 0;
	vertical-align: top;
	white-space: nowrap;
} 
.dxscTimeRulerHoursItem
{
    border-right-width: 0;
    border-left-color: #9f9f9f;
    font: 9pt Verdana, Arial, Helvetica, Sans-Serif;
	text-align: right;
	width: 45px;
    padding: 2px 4px 0px;
}
.dxscTimeRulerMinuteItem
{
    border-left-width: 0px;
	text-align: center;
	width: 13px;
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    padding: 4px;
    padding-left: 1px;
}

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


/* Control elements */
.dxscToolbar
{
    border: none;
    background: #e4e4e4;    
    padding: 4px 7px;    
}
.dxscResourceNavigator 
{    
    background: #c3c3c3;
    padding: 7px;
    border: solid 1px #9f9f9f;
}
.dxscViewVisibleInterval
{    
    color: #303030;
    font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    white-space: nowrap;
}
.dxscTooltip 
{
    background: #f9f9cd;
    padding: 4px 10px;
    font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    color: #303030;
    white-space: nowrap;
}
.dxscInplaceEditor
{
	background: #fdfdfd;
	border: solid 2px black;
	padding: 0;
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
	color: #303030;
}
.dxscControlAreaForm
{
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
	color: black;
	background-color: #efefef;
	border: none;
	white-space: normal;
	padding: 9px 12px;
}
.dxscErrorInfo
{
	background: #f1abab;
	color: #853a3a;
	padding: 10px;
	border: solid 1px #9f9f9f;
	border-width: 1px 0;
}

/* Buttons */
.dxscViewNavigatorButton
{    
    border: solid 1px #7f7f7f;
    font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    color: Black;
    background: url(<%=WebResource("Images.CssImages.ButtonBack.gif")%>) repeat-x left top #e5e5e5;
    height: 19px;
    padding: 0px 7px;    
    cursor: pointer;
    cursor: hand;
}
.dxscViewNavigatorButtonHover
{
    background: url(<%=WebResource("Images.CssImages.ButtonBackHover.gif")%>) repeat-x left top #f2f2f2;
    border-color: #606060;
}
.dxscViewNavigatorButtonPressed
{
    background: #D5D5D5;
    border-color: #606060;
}

.dxscResourceNavigatorButton,
.dxscNavigationButton,
.dxscDVTopMoreButton,
.dxscDVBottomMoreButton
{
    cursor: pointer;
    cursor: hand;
}

.dxscSmartTagButton 
{
    border: solid 1px black;
    background: #ffffee;
    padding: 4px 5px;
    cursor: pointer;
    cursor: hand;
}

.dxscViewSelectorButton 
{
    background: url(<%=WebResource("Images.CssImages.ViewSelectorButtonBack.gif")%>) repeat-x left top #e6e6e6;
	border: solid 1px #9f9f9f;
	border-width: 0 0 0 1px;
	padding: 10px 18px;
	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;
    cursor: pointer;
    cursor: hand;
}
.dxscViewSelectorButtonHover
{
    background: url(<%=WebResource("Images.CssImages.ViewSelectorButtonBackHover.gif")%>) repeat-x left top #f2f2f2;        
}
.dxscViewSelectorButtonPressed
{
    background: #b9b9b9;
    color: White;
}
.dxscViewSelectorButtonChecked
{
	background: #a4a4a4;
	color: White;
}

.dxscNoBorderButton
{
	border: solid 1px #FDFDFD;
	background: none;
    cursor: pointer;
    cursor: hand;
}
.dxscNoBorderButtonHover
{
    border: solid 1px #A8A8A8;
}