#ecards-content {
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}
#ecards-content h1 {
  font-size:1.6em;
  margin: 8px;
}
#ecards-content p {
  font-size: 1em;
}
#ecards-content #required-msg,
#ecards-content #ecard-preview-label {
  margin: 0 12px;
}
#ecards-content form label,
#ecards-content #ecard-preview-label {
  font-size: 1em;
  font-weight: bold;
}
#ecards-content form input[type=text] {
} 
#ecards-content form td#select-title span#select-drop {
  float: left;
  width: 55%;
}
#ecards-content form td#select-title #id_other_title {
  float: right;
  width: 40%;
}
#ecards-content #id_message {
  font-size: 1.1em;
  font-family: 'Comic Sans MS', cursive;
  width: 95%;
}
#ecards-content #select-title label {
  width: 30%;
}
#ecards-content #select-title select {
  margin-left: .4em;
  width: 50%;
}
#ecards-content .blur {
  color: #777;
}
#ecards-content ul {
  margin: .5em 0;
  padding: 0;
}
#ecards-content ul li{
  display: inline;
}
#ecards-content #form-wrap {
  background-color: #EEE;
  margin: 8px 0;
  padding: 10px;
}
#ecards-content table {
  width: 550px;
}
#ecards-content table tr td {
  padding: 0 .6em 0 0;
  vertical-align: top;
}
#ecards-content table tr#message td  {
  padding-top: 1em;
  text-align: right;
}
#ecards-content table tr#message td #message-label {
  float: left;
}
#ecards-content table tr#message td span {
  font-size: 1em;
}
#ecards-content table tr#image-select td {
  padding: 0;
}
#ecards-content table tr#yourname-col td {
  vertical-align: bottom;
}
#ecards-content table #message-col {
  width: 60%;
}
#ecards-content .right {
  width: 10%;
  text-align: right;
}
#ecards-content #image-select img {
  background: transparent;
  border:1px solid #555;
  margin: 0 8px 8px 0;
  padding: 6px;
}
#ecards-content #image-select img:hover {
  background-color: #0060AF;
  cursor: pointer;
}
#ecards-content #image-select .selected img{
  background-color: #0060AF;
  border-color: #FFF;
}  
#ecards-content #required-msg {
  text-align: right;
}
#ecards-content .required {
  color: #AF0000;
  font-size: 16px;
}
#ecards-content .actionlist {
  margin-right: .5em;
  text-align: right;
}
#ecards-content #ecard-preview-holder {
  height: 410px;
  margin-bottom: 10px;
}
#ecards-content #ecard-preview img{
  border: 1px solid;
}
#ecards-content ul.errorlist {
  color: #AF0000;
  font-size: 1em;
  margin-top: 0;
}
#ecards-done {
  padding: 1em;
}
#ecards-content .notice {
  color: #AF0000;
  font-weight: bold;
}

/* lite and mobile ecards */
.lite-site #ecards-content #form-wrap {
  padding: 8px 12px !important;
}
.mobile-site #ecards-content table,
.lite-site #ecards-content table {
  width: auto!important;
}
.mobile-site #ecards-content td,
.lite-site #ecards-content td {
  display: block;
  width: 100%!important;
}
.mobile-site #ecards-content label, .mobile-site #ecards-content select, .mobile-site #ecards-content input,
.lite-site #ecards-content label, .lite-site #ecards-content select, .lite-site #ecards-content input {
  float: none!important;
  width: 98%!important;
}
.mobile-site #ecards-content #id_other_title,
.lite-site #ecards-content #id_other_title {
  margin-top: 1em;
}
.mobile-site #ecards-content #select-title select,
.lite-site #ecards-content #select-title select {
  margin-left: 0!important;
}
.mobile-site #ecards-content input[type=submit],
.lite-site #ecards-content input[type=submit] {
  width: auto!important;
}
.mobile-site #ecards-content .right,
.lite-site #ecards-content .right {
  text-align: left!important;
}
.mobile-site #ecards-content #ecard-intro-text p,
.lite-site #ecards-content #ecard-intro-text p {
  margin: 0!important;
}
.mobile-site #ecards-content #ecard-preview img,
.lite-site #ecards-content #ecard-preview img {
  width: 94%;
  max-width: 500px;
}
.mobile-site #ecards-content #ecard-preview-holder {
  height: 260px;
}
.mobile-site #ecards-content #image-select img {
  margin: 0 2% 8px 0;
  padding: 2%;
  width: 25.9%;
}