
.sleepy-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

.sleepy-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #eee;
  width: 100%;
  max-width:350px; box-sizing:border-box;
  z-index: 11;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
  padding: 5px;
  
  
}


.sleepy-header span { margin-top: 3px; }

.sleepy-close {
  float: right;
  width: 16px;
  height: 16px;
  background-image: url("../images/close.png");
  margin-top: 10px;
  margin-right:10px;
  cursor: pointer;
}

#sleepy-close:after { clear: both; }

#sleepy-content, .sleepy-modal, .sleepy-wake-up {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

#sleepy-content {
  padding: 5px;
  text-align:center;
}

#sc-text{padding:15px 5px; -webkit-border-radius: 5px 5px 5px 5px; color:#fff;
  border-radius: 5px 5px 5px 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,515151+100 */
background: #515151; /* Old browsers */
background: -moz-linear-gradient(top, #515151 0%, #212121 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #515151 0%,#212121 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #515151 0%,#212121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
  
  }
#sc-text h1{color:#fff; margin:0 0 5px 0; font-weight:normal;}
#sc-text h4{font-size:14px; margin:5px 0 0 0; line-height:18px; font-weight:normal; color:#ddd; border-bottom:none;}
#sc-text h3{font-size:16px; margin:5px 0 0 0; line-height:20px; color:#ddd; font-weight:normal;}
#sleepy-content p{margin:15px 0 0 0; color:#000; font-size:12px; color:#000;}
#sleepy-content .inputtext{width:100%; border:1px solid #ddd; height:40px; color:#333; padding:0 15px; box-sizing:border-box; -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; font-size:14px; margin:5px 0;}
#sleepy-content table{margin:5px auto 5px auto; padding:0px; width:100%; max-width:260px; font-size:16px;} 
#sleepy-content .inputsubmit{width:100%; max-width:260px; margin:auto; text-align:center; background-color:#b92025; padding:10px 15px; border:1px solid #fff; cursor:pointer; -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; color:#fff; font-size:14px;}
#sleepy-content .small{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; text-align:center;}
  
  
  
  
