.clear { clear: both; }
br.clear { height: 1px; }

#calendar_wrapper a {
  outline: none;
}

#calendar_calendars {
	margin: 5px 0 10px;
}
#calendar_select, #calendar_new_date, #calendar_help {
	float: left;
}
#calendar_select, #calendar_help {
	margin-top: 7px;
} 
#calendar_help {
	margin-left: 20px;
	text-decoration: underline;
}
#calendar_new_date a {
	display: block;
	height: 35px;
	width: 131px;
	background: url(/themes/solspace_themes/calendar/img/add_rule.png) no-repeat 0 -10px;
	text-indent: -9999em;
}
#calendar_new_date a:hover {
	background-position: 0 -65px;
}

#calendar_fields div.line {
	margin-top: 5px;
}
#calendar_fields div.rule {
	position: relative;
	margin-right: 15px;
	padding: 15px 30px;
	float: left;
	width: auto;
	border: 2px groove #fff;
	margin-bottom: 15px;
	background: #D2E1EE;
}
/* --- */
.hasDatepicker {
	background-image: url(/themes/solspace_themes/calendar/img/calendar_icon.png);
	background-position: right 1px;
	background-repeat: no-repeat;
/* 	padding-left: 20px; */
}
#calendar_fields div.rule div.repeat #dp1259253782949 {
  margin-top: 10px;
  background: none;
  padding-left: 0;
}
#calendar_fields div.rule div.date input {
	width: 100px;
}
#calendar_fields div.rule div.time input {
	width: 55px;
	background-image: url(/themes/solspace_themes/calendar/img/time_icon.png);
	background-position: right 1px;
	background-repeat: no-repeat;
}

#calendar_fields div.rule div.time select {
  margin-left: 5px;
}
#calendar_fields div.rule div.repeat_select select,
#calendar_fields div.rule div.end select {
	width: 106px;
}
#calendar_fields div.rule div.options input {
	width: 25px;
}
#calendar_fields div.rule div.options .by_date,
#calendar_fields div.rule div.options .by_relative {
	float: left;
}
#calendar_fields div.rule div.leader label {
	padding-top: 5px;
}
#calendar_fields div.rule div.group {
	border-top: 2px groove #fff;
	padding-top: 5px;
	margin-top: 5px;
}
#calendar_fields div.rule div.first {
	border: none;
}
#calendar_fields div.rule div.options .clear {
	font-size: 1em;
	padding-left: 10px;
	padding-top: 10px;
}
#calendar_fields div.rule div.end input {
	margin-left: 10px;
}
#calendar_fields div.rule div.end .hasDatepicker {
	width: 106px;
}
/* --- */

#calendar_fields div.rule .inactive {
	display: none;
}
#calendar_fields div.rule div.rule_number,
#calendar_fields div.rule div.rule_close {
	position: absolute;
	top: -1px;
	width: auto;
	padding: 5px 8px;
	background-color: #B3C1CD;
	color: #fff;
}
#calendar_fields div.rule div.rule_number {
	left: -1px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#calendar_fields div.rule div.rule_close {
	right: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;

}
#calendar_fields div.rule div.rule_close a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 5px 8px;
	color: #fff;
}
#calendar_fields div.rule div.all_day {
	padding-left: 58px;
	margin-top: 0;
}
#calendar_fields div.rule div.leader,
#calendar_fields div.rule div.time {
	float: left;
}
#calendar_fields div.rule div.leader label {
	display: block;
	float: left;
	width: 50px;
	padding-right: 10px;
	text-align: right;
}
#calendar_fields div.rule div.options {
	float: left;
	text-align: left;
}
#calendar_fields div.rule div.repeat div.options div.picker_three {
	padding-top: 0;
	padding-left: 10px;
}
#calendar_fields div.rule div.time label,
#calendar_fields div.rule div.options label {
	width: auto;
	padding: 0 10px;
	text-align: left;
}
#calendar_fields div.rule div.selector {
	float: right;
	min-height: 30px;
	line-height: 30px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: 9px;
	margin-bottom: 5px;
}
#calendar_fields div.rule div.selector div.item {
	float: left;
	border: 1px solid #fff;
	border-left: none;
	border-top: none;
}
#calendar_fields div.rule div.selector div.newline {
	clear: left;
}
#calendar_fields div.rule div.selector div.close {
	border-right: 1px solid #fff;
}
#calendar_fields div.rule div.selector a {
	display: block;
	float: left;
	text-align: center;
	min-width: 25px;
	padding: 5px 8px;
	color: #fff;
	background-color: #B2BFCC;
}
#calendar_fields div.rule div.selector a.selected,
#calendar_fields div.rule div.selector a:hover,
#calendar_fields div.rule div.selector div.close a:hover {
	background-color: #8A98A4;
	color: #fff;
}
#calendar_fields div.rule div.selector div.close a {
	background-color: #d1d7de;
	color: #7d8691;
}
#calendar_fields div.rule div.picker_three {
	clear: both;
	background: none;
	padding-left: 0;
	padding-top: 10px;
}
.ui-widget-content .ui-datepicker-selected-day { background: #ffffff url(/themes/solspace_themes/calendar/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; outline: none; }
.ui-widget-content .ui-datepicker-selected-day .ui-icon {background-image: url(/themes/solspace_themes/calendar/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-widget-content .ui-datepicker-selected-day a { background-color: #8D98A3; background-image: none; color: #fff; outline: none; text-decoration: none; border: 1px #8D98A3 solid;}