/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Alternate CSS for Calendar (navigation: 2), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.alternate,
select.alternate {
  width: 99px;
}

button.alternate {
  border: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
  background-image: url(/i/frontend/ico_calendar.png);
  background-repeat: no-repeat;
  text-decoration: none;
  margin: 1px 0 0 5px;
  position: absolute;
}
button.alternate:hover,
button.alternate.active {
  background-position: 0 -30px;
}

div.alternate {
 /* background: transparent url(/i/frontend/calendar_bg.png) no-repeat scroll center bottom;*/
  padding: 0;
  text-align: center;
  width: 244px;
  height: 213px;
}
div.alternate * {
  margin: 0;
  padding: 0;
}
div.alternate div {
  background: none !important;
  cursor: move;
  height: 0px;
  overflow: visible;
  position: relative;
  width: 0px    ;
}

div.alternate caption {
 background-color: #989691;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    margin: 1px 10px 0 0;
/*    padding: 0px 10px;*/
    text-transform: uppercase;
    vertical-align: middle;
    width: 279px;
}
div.alternate caption a {
  cursor: pointer;
  display: block;
  height: 20px;
  overflow: hidden;
  position: absolute;
  text-indent: -100px;
  top: 17px;
  width: 20px;
}
div.alternate caption a.prev {
  background-image: url(/i/frontend/button_round_1.png);
  background-position: left -40px;
  margin-left: 10px;
/*  margin-top: -2px;*/
}
div.alternate caption a.next {
  margin-left: 210px;
  background-image: url(/i/frontend/button_round_1.png);
  background-position: left -20px;
/*  margin-top: -2px;*/
}

div.no_flexp caption a.next {
 display: none;
}

div.no_flexp caption a.prev {
 display: none;
}

/*div.alternate caption a:hover {
  background-position: 0 12px;
}*/
div.alternate caption span {
/*  padding-top: 6px;*/
  position: relative;
  text-align: center;
  color:#FFFFFF;
  display:inline;
  font-size:14px;
  font-weight:bold;
  line-height:30px;
/*  padding-top:6px;*/
  position:relative;
  text-align:center;
  text-transform:uppercase;
}
div.alternate caption span.month {
  float: left;
  height: 24px;
  #background:transparent url(/i/frontend/box_rounded2_head2.png) no-repeat scroll left 0;
  margin-left: 0px;
  /*margin-top: -2px;*/
  line-height:24px;
}

div.alternate caption span.monthNav1 {
  float: left;
  height: 24px;
  #background:transparent url(/i/frontend/box_rounded2_head2.png) no-repeat scroll left 0;
  margin-left: 40px;
  margin-top: -6px;
  display:block;
  width: 80px;
}

div.alternate caption .month span {
  margin-left: 40px;
/*  margin-top: -6px;*/
  line-height:30px;
  cursor: pointer;
  display:block;
  width: 80px;
}

div.alternate caption .monthNav1 span {
  margin-left: 40px;
  margin-top: -6px;
  cursor: pointer;
}

div.alternate caption span.month:after {
  content: '';
}
div.alternate caption span a {
  top: 5px;
}
div.alternate caption span.year {
  float: left;
  height: 30px;
/*  #margin: 7px 0 0 0px;*/
  padding-left: 8px;
  font-size:14px;
  cursor: pointer;
  display: block;
  width: 50px;
}
div.alternate caption span.year span {
  /*font-size:11px;*/
}
div.alternate caption span.year .prev, div.alternate caption span.year .next {
  display:none;
}

div.alternate caption span select {
  font: normal 11px Arial, Helvetica, sans-serif;
  height: auto;
}

div.alternate table {
  cursor: default;
  margin: 0 auto;
  overflow: visible;
  width: 280px;
  height: 215px;
}


div.alternate td,
div.alternate th {
  color: #ddd;
  font: bold 12px Arial, Helvetica, sans-serif;
  height: 20px;
  text-align: center;
  width: 21px;
  line-height:21px;
  padding:5px;

}

div.alternate td.active{
  color:#ffffff;

}

div.alternate  th {
  font-size:11px;
  color: #fff;
}
div.alternate td {
  font-size: 12px;
}
div.alternate td.invalid {
  color: #999;
}
div.alternate td.valid {
  color: #8B8B84;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
div.alternate td.today {
  /*background: #b3b4aa;
  color: #49862D;
  cursor: pointer;*/
}
div.alternate td.hilite {
  background: url(/i/UI/calendar/calendar-hilite.gif);
}
div.alternate td.inactive {
  background: url(/i/UI/calendar/calendar-td.gif) 0 100%;

}
div.alternate td.active,
div.alternate td.hover {
  background: #9EC54D ;
  color: #FFF !important ;
  font-weight:bold;
  cursor: pointer;
}
div.alternate td.hover{
  background: #DDDDDD !important;
}

div.alternate td.litegreen {
  background-color:#E8F1CB;
  color:#49862D;
}


div.alternate td.green {
  background-color:#9EC54D;
  color:#FFFFFF;
}

.alternate_table {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: auto !important;
  vertical-align: middle !important;
}

.listers {
  position: absolute;
  text-align: left;
  background-color: white;
  list-style-type: none;
  border: 1px solid #7F7F7F;
  height: 135px;
  width: 85px;
  overflow: auto;
  margin-top: 5px!important;
  margin-left: 30px!important;
}

.listers li {
  padding: 1px 3px 1px 3px;
}

.bolditem {
  font-weight: bold;
}

.selecteditem {
  background-color: #0597DB;
}

/* appendix */

div.BoxDCalendar1 {
  float: left;
  margin: 0px 20px 20px 0;
  width: 210px;
  height: 210px;
}

.BoxDCalendar1 span.year {
  font-size: 11px;
}

.BoxDCalendar1 div.BoxCR2Content  {
  padding: 17px 0 0;
}


div.BoxDCalendar1a {
  float: none;
  margin: -8px 0 0 0;
  width: 180px;
  height: 190px;
}

.BoxIdCompare .BoxDCalendar1a .BoxCR2Content {
  width: auto;
}

.BoxDCalendar1a div.BoxCRounded2 {
  position: relative;
  z-index: 1;
  width: 207px;
}

.BoxDCalendar1a .BoxCRounded2 .BoxCR2Head div.BoxCR2HeadBgL {
  background: url(../i/frontend/box_rounded2_head2.png) no-repeat left top;
}

.BoxDCalendar1a .BoxCRounded2 .BoxCR2Head div.BoxCR2HeadBgR {
  background: url(../i/frontend/box_rounded2_head2.png) no-repeat right top;
}

.BoxDCalendar1a div.BoxCR2l {
  padding: 0 0 0 15px;
}

.BoxDCalendar1a div.BoxCR2r {
  padding: 0 15px 0 0;
}



.BoxDCalendar1a .TableCalendar th,
.BoxDCalendar1a .TableCalendar td {
  line-height: 18px;
}

.BoxDCalendar1a .BoxCRounded2 .BoxCR2Head .BoxCR2HeadContent div.BoxCR2HeadLabel {
  font-size: 12px;
}

.BoxDCalendar1a .BoxCRounded2 .BoxCR2Head .BoxCR2HeadContent div.BoxCR2HeadLabel span.year {
  font-size: 9px;
}

table.TableCalendar {
  margin: 0 0 0px 0;
  box-shadow: 0 0 21px black;
  -webkit-box-shadow: 0 0 21px black;
  -mox-box-shadow: 0 0 21px black;
}

.TableCalendar th,
.TableCalendar td {
  line-height: 21px;
  border: #eee 1px solid;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  color: #666;
  cursor: pointer;
}

.TableCalendar th {
  width: 14%;
  font-size: 11px;
  background-color: #b3b4aa;
  color: #fff;
}


.TableCalendar td.passive {
  color: #ddd;
}

.TableCalendar td.select {
  background-color: #e8f1cb;
  color: #49862d;
}

.TableCalendar td.active {
  background-color: #9EC54D ;
  color: #fff !important;
}

.alternate table {
  border-collapse: collapse;
  border-spacing: 0;
}