/* ===============================
	SMS WIDGET STYLES
================================== */
body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
  margin:0;
  padding:0;
  width:300px;
  height:250px;
  /*background:url(/melfoster/img/smswidget/bg.png) no-repeat left top;*/
  background-color:#<?= $bgcolor ?>;
  font:11px Arial, Helvetica, sans-serif;
  overflow: hidden;
}
select,input,button,textarea,button {
  font:99% arial,helvetica,clean,sans-serif;
}
table {
  font-size:inherit;
  font:100%; 
}
pre,code,kbd,samp,tt {
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}
h1 {
  font-size: 17px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px;
  color: #ee3744;
}
.wrapper {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 100%;
  padding: 0 15px;
}
.upper-left {
  width: 160px;
  height: auto;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  color: #545454;
  display: inline-block;
}
.phones {
  width: 104px;
  height: 87px;
  padding: 0;
  margin: 0;
  background: url(/melfoster/img/smswidget/mobile_devices.png) no-repeat top center;
  position: relative;
  top: 20px;
  display: inline-block;
}
.sms-form,.sms-form-nobtn {
  padding: 10px;
  margin:0;
  background:url(/melfoster/img/smswidget/bg_text_melfoster.png) no-repeat 0 0;
  /*text-align:center;*/
  font-weight:normal;
  font-size:13px;
  position: relative;
  top: 20px;
  background: #ccc;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.sms-form-nobtn {
  background:url(/melfoster/img/smswidget/bg_text_melfoster.png) no-repeat 0 0;
}
.enter-phone-number { 
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
.sms-fields {
  display: inline-block;
  line-height: 20px;
}
.poweredby{
  width:129px;
  height:27px;
  padding:0;
  margin:0;
  background:url(/homespotter/mra/images/smswidget/logo_powered_by_hs.png
) no-repeat 0 0;
}
.area-prefix{
  width:32px;
  height:13px;
  padding:5px;
  margin:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.number{
  width:46px;
  height:13px;
  padding:5px;
  margin:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.lower-right{
  width:235px;
  height:32px;
  padding:0;
  margin:0;
  font-size:12px;
  font-weight: bold;
  line-height:15px;
  color:#545454;
  position: absolute;
  bottom: 10px;
}
.getappbutton {
  height:26px;
  padding:0 10px;
  margin:0 0 0 2px;
  border:0;
  background: #ee3744;
  color: #fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.getappbutton:hover {
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
  cursor: pointer;
}