/* ==========================================================================
*  Project: SCUI Standard Theme
*  Note:    Place any styles you want to define in this file. You can also
*           break your styles into multiple files. Just add them to your
*           resources or .lrpoj directories to be included in the build.
*  ==========================================================================
*/

/* Calendar
---------------------------------------------- */

/* Reset */

.sc-pane.scui-calendar > .sc-view {
  border: 0;
  background: none;
}

/* Header */

.scui-calendar .header {
  width: 203px;
  height: 31px;
  border: 1px solid #910009;
  border-bottom-color: #5d0006;
  background: #c20a17;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
  background: -webkit-gradient(linear, left top, left bottom, from(#f41c2f), to(#a5000a));
  background: -moz-linear-gradient(top, #f41c2f, #a5000a);
}

.scui-calendar .month {
  margin: 0 29px;
  color: #fff;
  font-size: 14px;
  line-height: 31px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
}

.scui-calendar .button {
  width: 9px;
  height: 10px;
  position: absolute;
  top: 12px;
  background: static_url('img/calendar.png');
}

.scui-calendar .previous {
  left: 10px;
}

.scui-calendar .previous.active {
  background-position: 0 -10px;
}

.scui-calendar .next {
  right: 10px;
  background-position: -9px 0;
}

.scui-calendar .active {
  background-position: -9px -10px;
}

/* Body */

.scui-calendar .body {
  display: inline-block;
  padding: 10px 10px 30px;
  border: 1px solid #a6a09c;
  border-top: 0;
  background: #f7f2ee;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.scui-calendar .grid {
  width: 182px;
  overflow: hidden;
  border-top: 1px solid #c6c2be;
  border-left: 1px solid #c6c2be;
}

.scui-calendar .day {
  width: 25px;
  height: 25px;
  float: left;
  border-bottom: 1px solid #c6c2be;
  border-right: 1px solid #c6c2be;
  line-height: 25px;
  text-align: center;
}

.scui-calendar .day.name {
  height: 12px;
  border-color: transparent;
  font-size: 10px;
  line-height: 12px;
}

.scui-calendar .day.present {
  color: #353535;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
  background: #ededea;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f7), to(#e1e0dc));
  background: -moz-linear-gradient(top, #f8f8f7, #e1e0dc);
}

.scui-calendar .day.past {
  color: #aaa;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
  background: #f6f6f6;
}

.scui-calendar .day.today {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
  background: #a2a8ae;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
}

.scui-calendar .day.sel {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
  background: #db0c10;
  background: -webkit-gradient(linear, left top, left bottom, from(#f50f0f), to(#bd0915));
  background: -moz-linear-gradient(top, #f50f0f, #bd0915);
}

.scui-calendar .date-today,
.scui-calendar .date-none {
  border: 1px solid #a6a09c;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  background: #fff;
}