body  { 
font-family: Raleway, Verdana, sans-serif; background-color: #FFFFFF; font-size: 14px; color:gray;
}

.clear-both {
clear:both;
 }

.btn {
  display: inline-block;
  overflow: visible;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #F17B04;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
 
.pre-reg-wrapper {
width:600px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
 }
 
.pre-reg-header {
width:100%;
 }
 
.pre-reg-header img {
width:100%;
 }
 
.pre-reg-sub-header {
width:100%;
height:20px;
 }
 
.pre-reg-blue {
width:100%;
min-height:400px;
background-color:#E8F7FA;
 } 
 
.pre-reg-blue-left {
float:left;
padding:20px 5% 20px 5%;
width:40%;
font-style:italic;
 }
 
.pre-reg-blue-left input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:80%;
 }
 
.pre-reg-blue-right {
float:left;
width:40%;
padding:20px 5% 20px 5%;
 }

.pre-reg-blue-right img {
width:100%;
}

.pre-reg-blue-line {
padding:3px 0px 3px 0px;
height:35px;
 }

 .pre-reg-blue-line-email {
padding:3px 0px 3px 0px;
 }
 
.pre-reg-blue-right-line-devices {

 }
 
.pre-reg-blue-right-line-text {
color:#F17B04;
font-size:120%;
 }
 
.pre-reg-blue-right-line-label {
border-top-color:gray;
border-top-style:solid;
border-top-width:2px;
color:gray;
font-size:90%;
font-style:italic;
 }
 
.pre-reg-footer-message {
width:100%;
min-height:25px;
background-color:#E8F7FA;
font-size:12px;
padding:5px;
 }
 
.footer-left {
float:left;
width:60%;
font-size:90%;
color:gray;
padding:3px 3px 3px 3px;
 }
 
.footer-left a {
font-size:90%;
color:gray;
text-decoration:none;
 }
 
.footer-right {
float:left;
width:35%;
font-size:90%;
color:gray;
padding:3px 3px 3px 3px;
text-align:right;
 }
 
 
.btnloading {  
  display: inline-block;
  overflow: visible;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  min-width:50px;
  font-size: 13px;
  line-height: 18px;
  color: #F17B04;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #F5F5F5;
  background-image:url('images/loading.gif');
  background-repeat:no-repeat;
  background-position:center;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  
} 

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}








@media screen and (max-width: 800px) {

.pre-reg-wrapper {
width:96%;
margin-left:0px;
margin-right:0px;
}

.pre-reg-blue {
min-height:570px;
}

.pre-reg-blue-left {
width:90%;
padding:10px 2% 10px 2%;
min-height:320px;
}

.pre-reg-blue-right {
width:90%;
padding:10px 2% 10px 2%;
min-height:270px;
}

.pre-reg-blue-right-devices {
display:none;
 }

}