﻿div.Interval_DateIntervalSelector
{
    font-weight: bold;
}

div.IntervalLength_DateIntervalSelector
{
    font-size: 8pt;
    color: Gray;
}

div.SelectorPanel_DateIntervalSelector > div
{
    margin-right: 5px;
}

div.DatesTextBox_DateIntervalSelector
{
}

div.Buttons_DateIntervalSelector
{
    margin-top: 10px;
    margin-left: 3px;
}

div.Buttons_DateIntervalSelector > div
{
    margin-right: 5px;
}

div.TextBox_DateIntervalSelector
{
    padding: 1px;
    border: 2px solid transparent;
}

div.TextBoxSelected_DateIntervalSelector
{
    padding: 1px;
    border: 2px solid #ed1c24;
}

.dxeCalendar_DateIntervalSelector
{ 
    border: solid 1px #b7c2d1;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
	font-size: 12px;
}
.dxeCalendar_DateIntervalSelector td.dxMonthGrid 
{
}

.dxeCalendarDayHeader_DateIntervalSelector
{
    padding: 2px 2px 3px;
}
.dxeCalendarDay_DateIntervalSelector
{
    padding: 2px 0;
    text-align: center;
    border-top: 1px solid #b7c2d1;   
}
.dxeCalendarWeekend_DateIntervalSelector        /* inherits dxeCalendarDay */
{
    color: #ed1c24;
}
.dxeCalendarOtherMonth_DateIntervalSelector     /* inherits dxeCalendarDay */
{
    color: #b7c2d1;
}
.dxeCalendarOutOfRange_DateIntervalSelector     /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarSelected_DateIntervalSelector       /* inherits dxeCalendarDay */
{
    background-color: #eff2f4;
}
.dxeCalendarToday_DateIntervalSelector         /* inherits dxeCalendarDay */
{
}
.dxeCalendarHeader_DateIntervalSelector
{
    background-color: #dcdcdc;
    border-right: solid 1px #c9c9c9;    
    border-width: 1px 0;
    padding: 3px 5px;
    width: 160px;
}
.dxeCalendarHeader_DateIntervalSelector td.dxe
{
    text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFastNav_DateIntervalSelector
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea_DateIntervalSelector
{
    padding: 0px 4px;
}
.dxeCalendarFastNavYearArea_DateIntervalSelector
{    
}
.dxeCalendarFastNavFooter_DateIntervalSelector
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;   
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonth_DateIntervalSelector, .dxeCalendarFastNavYear_DateIntervalSelector
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 3px 5px;
    text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFastNavMonth_DateIntervalSelector
{
	padding: 6px;
}
.dxeCalendarFastNavMonthSelected_DateIntervalSelector, .dxeCalendarFastNavYearSelected_DateIntervalSelector
{
    color: White;
    background: #8d8d8d;    
}
.dxeCalendarFastNavMonthHover_DateIntervalSelector, .dxeCalendarFastNavYearHover_DateIntervalSelector
{        
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonthHover_DateIntervalSelector
{
	padding: 5px;
}

.dxeTextBox_DateIntervalSelector
{
    background-color: white;
    border: solid 1px #9f9f9f;
    width: 70px;
}

.dxeTextBox_DateIntervalSelector td.dxic
{
	padding: 1px 2px;
	width: 70px;
}

.dxeTextBox_DateIntervalSelector td.dxic input
{
    width: 70px !important;
}