.SkyFMS.SkyOMS .time_period_selector button.IS_Button,
.SkyFMS.SkyOMS .object_selection_box button.IS_Button {
	background-image:none;
	border-color: #808080;
	background-color: #fff;
	padding: 6px 12px;
	border-radius: 3px;
}

.SkyFMS.SkyOMS .select_period .choose_type button.IS_Button.selected {
	background-image: none;
	background-color: #8F1A1F;
	color: #fff;
	border-color: transparent;
}

.SkyFMS.SkyOMS .date_row.period_comparison .select_period.one_calendar {
	width: 194px;
}

.SkyFMS.SkyOMS .date_row.period_comparison .select_period.two_calendars {
	width: 390px;
}

.SkyFMS.SkyOMS .select_period .periods {
	background-color: transparent;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width:138px;
}

.SkyFMS.SkyOMS .select_period.one_calendar .periods {
	height: 258px;
}

.SkyFMS.SkyOMS .select_period.two_calendars .periods {
	height: 277px;
}

@-moz-document url-prefix() {
	.SkyFMS.SkyOMS .select_period.one_calendar .periods {
		height: 246px;
	}
	.SkyFMS.SkyOMS .select_period.two_calendars .periods {
		height: 265px;
	}
}

.SkyFMS.SkyOMS .custom_period_calendar .topBar {
	background-color: #8F1A1F;
} 

.SkyFMS.SkyOMS .ISCalendar .topBar div {
	margin-right:1px;
}

.SkyFMS.SkyOMS .ISCalendar .selectBoxSimple.active {
	border:none;
}

.SkyFMS.SkyOMS .custom_period_calendar td.weekDayNames {
	background-color: #7d7c7c;
	color: #FFFFFF;
	font-weight:normal;
}

.SkyFMS.SkyOMS .custom_period_calendar .activeDay {
	border-color: transparent;
	color: #FFFFFF;
}

.SkyFMS.SkyOMS .ISCalendar .in-period .day_cell_content,
.SkyFMS.SkyOMS table.calendarTable .day_cell_content {
	border:none;
	padding:0;
	font-size:10px;
	border-radius:0;
}

.SkyFMS.SkyOMS .ISCalendar .in-period .day_cell_content {
	background-color:transparent
}

.SkyFMS.SkyOMS table.calendarTable .activeDay .day_cell_content,
.SkyFMS.SkyOMS .ISCalendar .in-period.activeDay .day_cell_content {
	background-color: #aa2329;
	border-color: #aa2329;
	color: #FFFFFF;
}

.SkyFMS.SkyOMS .calendarDiv,
.SkyFMS.SkyOMS .custom_period_calendar,
.SkyFMS.SkyOMS .custom_period_calendar td.weekDayNames {
	border-color: #8F1A1F;
}

.SkyFMS.SkyOMS .calendarDiv,
.SkyFMS.SkyOMS .custom_period_calendar {
	border-top: none;
	padding:0px 0px 20px 0px;
}

.SkyFMS.SkyOMS .custom_period_calendar .monthYearPicker {
	border: 0;
	background-color: #f1f0ef;
	position:absolute;
	color: #233d6d;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
	font-size:10px;
	box-shadow:none;
}

.SkyFMS.SkyOMS .ISCalendar .monthYearPicker div {
	text-align:left;
}

.SkyFMS.SkyOMS .ISCalendar .monthYearPicker div:hover,
.SkyFMS.SkyOMS .ISCalendar .monthYearPicker div.active {
	background-color:#f1f0ef;
	color:#D60808;
}

.SkyFMS.SkyOMS .ISCalendar .calendarTableWrap {
	padding:0;
}

.SkyFMS.SkyOMS .custom_period_calendar table.calendarTable {
	color: #4b4c51;
}

.SkyFMS.SkyOMS .time_period_selector .popup_window {
	padding: 0px;
}

/* Making sure that the heights of .periods and .custom_periods are always the same.
   Idea taken from https://stackoverflow.com/a/1059435 */
.SkyFMS.SkyOMS .select_period .periods,
.SkyFMS.SkyOMS .select_period .custom_periods {
	margin-bottom: -150px;
	padding-bottom: 150px;
}

.SkyFMS.SkyOMS .select_period .custom_periods .closeButton {
	background: url('../images/gridlink/x_gray_2.png') no-repeat 50% 50%;
	background-color: #ffffff;
	width: 19px;
	height: 19px;
	margin-right: 1px;
}

.SkyFMS.SkyOMS .select_period .custom_periods .closeButton:hover {
	background-color: #666666;
}

.SkyFMS.SkyOMS .custom_period_calendar .selectBoxOver {
	background-color: #8F1A1F;
}

.SkyOMS .datetime_picker .ISCalendar, 
.SkyOMS .popup_window .select_period .ISCalendar {
	border:1px solid;
}

.SkyOMS div.custom_periods div.from, 
.SkyOMS div.custom_periods div.to {
	width:180px;
	padding:8px 0;
	border:none;
	margin:10px 5px 10px 10px;
}

.SkyOMS .popup_window .select_period .periods a {
	display:block;
	padding:0;
	color:#28435b;
	text-decoration:underline;
	margin:12px 0;
	cursor:pointer;
}

.SkyOMS .popup_window .select_period .periods a:first-child {
	margin-top:12px;
}

.SkyOMS .popup_window .select_period .periods a:last-child {
	margin-bottom:12px;
}

.SkyOMS .popup_window .select_period .periods a:hover {
	background-color:transparent;
}

.SkyOMS .ISCalendar .selectBoxSimple,
.SkyOMS .ISCalendar .selectBoxOver,
.SkyOMS .datetime_picker .ISCalendar .selectBoxSimple,
.SkyOMS .datetime_picker .ISCalendar .selectBoxOver
.SkyOMS .popup_window .select_period .ISCalendar .selectBoxSimple,
.SkyOMS .popup_window .select_period .ISCalendar .selectBoxOver {
	color:#fff;
	padding:1px 1px 1px 2px;
}

.SkyOMS .datetime_picker .custom_period_calendar .topBar img,
.SkyOMS .popup_window .select_period .custom_period_calendar .topBar img {
	filter:none;
}

.SkyOMS div.calendarContainer {
	margin:0;
}

.SkyOMS div.custom_periods span.from, 
.SkyOMS div.custom_periods span.to {
	font-weight:bold;
	font-size:10px;
}

.SkyOMS .ISCalendar .topBar,
.SkyOMS .datetime_picker .ISCalendar .topBar,
.SkyOMS .popup_window .select_period .ISCalendar .topBar  {
	height:20px;
	padding:0 18px;
}

.SkyOMS .custom_period_calendar .topBar .year-month-wrap {
	flex-direction:row;
}

.SkyOMS .custom_period_calendar .topBar .arrowDiv {
	width:auto;
	height:auto;
	background:none;
}

.SkyOMS .ISCalendar .topBar #leftDiv {
	left:0;
	top:0;
}	

.SkyOMS .ISCalendar .topBar #rightDiv {
	right:0px;
	top:0;
	transform:rotate(0);
}

.SkyOMS .ISCalendar span,
.SkyOMS .ISCalendar img {
	float:left;
}

.SkyOMS .ISCalendar .selectBoxSimple, 
.SkyOMS .ISCalendar .selectBoxOver {
	width:auto;
	text-align:left;
	font-size:10px;
	font-weight:normal;
}
	

.SkyOMS .ISCalendar .monthSelect {
	width:73px;
}

.SkyOMS .ISCalendar { 
	width:176px;
	box-shadow:none;
	border-radius:0;
	padding:8px;
}