#ecarddetails {
  position: relative;
  min-height: 250px;
}
#ecarddetails .ecardpreview {
  position: absolute;
  right: 0;
  top: 0;
  width: 275px;
  min-height: 250px;
  background-color: #EFF8CD;
  border: thin solid #99CC00;
  text-align:center;
  padding: 2px;
}

#ui-datepicker-div, .ui-datepicker-inline {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px;
 padding: 0;
 margin: 0;
 background: #E0F4D7;
 width: 185px;
}
#ui-datepicker-div {
 display: none;
 border: 1px solid #FF9900;
 z-index: 10;
}
.ui-datepicker-inline {
 float: left;
 display: block;
 border: 0;
}
.ui-datepicker-rtl {
 direction: rtl;
}
.ui-datepicker-dialog {
 padding: 5px !important;
 border: 4px ridge #83C948 !important;
}
button.ui-datepicker-trigger {
 width: 25px;
}
img.ui-datepicker-trigger {
 margin: 2px;
 vertical-align: middle;
}
.ui-datepicker-prompt {
 float: left;
 padding: 2px;
 background: #E0F4D7;
 color: #000;
}
*html .ui-datepicker-prompt {
 width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
 clear: both;
 float: left;
 width: 100%;
 color: #FFF;
}
.ui-datepicker-control {
 background: #FF9300;
 padding: 2px 0px;
}
.ui-datepicker-links {
 background: #E0F4D7;
 padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
 font-weight: bold;
 font-size: 80%;
 letter-spacing: 1px;
}
.ui-datepicker-links label {
 padding: 2px 5px;
 color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
 float: left;
 width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
 float: right;
 text-align: right;
}
.ui-datepicker-current {
 float: left;
 width: 30%;
 text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
 float: right;
 width: 34%;
 text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
 float: left;
 text-align: left;
}
.ui-datepicker-header {
 padding: 1px 0 3px;
 background: #99CC00;
 text-align: center;
 font-weight: bold;
 height: 1.3em;
}
.ui-datepicker-header select {
 background: #99CC00;
 color: #000;
 border: 0px;
 font-weight: bold;
}
.ui-datepicker {
 background: #CCC;
 text-align: center;
 font-size: 100%;
}
.ui-datepicker a {
 display: block;
 width: 100%;
}
.ui-datepicker-title-row {
 background: #99CC00;
 color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
 background: #99CC00;
}
.ui-datepicker-days-row {
 background: #FFF;
 color: #666;
}
.ui-datepicker-week-col {
 background: #FFF;
 color: #000;
}
.ui-datepicker-days-cell {
 color: #000;
 border: 1px solid #DDD;
}
.ui-datepicker-days-cell a {
 display: block;
}
.ui-datepicker-week-end-cell {
 background: #E0F4D7;
}
.ui-datepicker-unselectable {
 color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
 background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
 background: #FFF !important;
 border: 1px solid #777;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
 background: #B1DB87 !important;
}
* html .ui-datepicker-week-end-cell {
 background: #E0F4D7 !important;
 border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
 background: #FFF !important;
 border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
 background: #83C948 !important;
}
.ui-datepicker-today {
 background: #B1DB87 !important;
}
.ui-datepicker-current-day {
 background: #83C948 !important;
}
.ui-datepicker-status {
 background: #E0F4D7;
 width: 100%;
 font-size: 80%;
 text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
 cursor: pointer;
 margin: 0;
 padding: 0;
 background: none;
 color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
 padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
 padding: 2px 5px !important;
 color: #000 !important;
}
.ui-datepicker-title-row a {
 color: #000 !important;
}
.ui-datepicker-control a:hover {
 background: #FDD !important;
 color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
 background: #FFF !important;
 color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
 border: 1px solid #83C948;
}
.ui-datepicker-one-month {
 float: left;
 width: 185px;
}
.ui-datepicker-new-row {
 clear: left;
}
.ui-datepicker-cover {
 display: none;
 display/**/: block;
 position: absolute;
 z-index: -1;
 filter: mask();
 top: -4px;
 left: -4px;
 width: 193px;
 height: 200px;
}

.templ_list {
  margin: 2px;
  z-index: 10;
  cursor:pointer;
  display:none;
}

.templ_headers {
  float:left;
  display:block;
  width:320px;
  background-color: #EFF8CD;
  border: thin solid #99CC00;
  margin-right: 10px;
}

.templ_headers ul {
  list-style:none;
}

.templ_headers li {
  width:100px;
  float:left;
  display:block;
}

.templ_headers .cat_head {
  border:none;
  padding: 1px 2px;
}

.template_cont {
  width: 310px;
  float: left;
  background-color: #FFFFFF;
}

.droppable-hover {
  border: thin solid #99CC00;
  background-color: #EFF8CD;
}

.months {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.month_div {
  float:right;
  position: relative;
  top: -40px;
  display:none;
}
.month_div table {
  border: thin solid #99CC00;
}
.month_div tr {
  height: 65px;
}

.month_instr {
	border:thin solid #FF6600;
	display:none;
	margin-bottom:5px;
	padding:15px;
}

.month_instr li {
	margin: 2px 0px 0px 30px;
}

.months img {
	width:40px;
}

#ecardthumbnail .month_div td {
  padding: 1px;
  text-align:center;
  border: thin solid #99CC00;
  width: 60px;
  height: 60px;
}

.monthHeader {
  cursor:pointer;
  margin:1px;
}
#senddate {
  background: url('../site-images/calendar.jpg') right center no-repeat;
}
.ecardforms {
  position: relative;
}

#ecarddetails input[type="text"] {
  padding: 2px;
}