﻿form.registration{
     width:600px;
     margin: 10px auto;
     padding:10px;
     font-family: "Trebuchet MS";   
}
form.registration label{
     font-size: 18px;
     width:200px;
     float: left;
     text-align: right;
     clear:left;
     margin:4px 4px 0px 0px;
     padding:0px;
     color: #FFF;
     text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
form.registration input{
     font-family: "Trebuchet MS";
     font-size: 18px;
     float:left;
     width:300px;
     border:1px solid #cccccc;
     margin:2px 0px 4px 2px;
     color:#00abdf;
     height:26px;
     padding:3px;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}
form.registration input:focus, form.registration select:focus{
     background-color:#E0E6FF;
}
form.registration select{
     font-family: "Trebuchet MS";
     font-size: 20px;
     float:left;
     border:1px solid #cccccc;
     margin:2px 0px 2px 2px;
     color:#00abdf;
     height:32px;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}
.button, .button:visited{
     float:right;
     background: #2daebf url(images/overlay.png) repeat-x; 
     font-weight:bold;
     display: inline-block; 
     padding: 5px 10px 6px; 
     color: #fff; 
     text-decoration: none;
     -moz-border-radius: 5px; 
     -webkit-border-radius: 5px;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
     border-bottom: 1px solid rgba(0,0,0,0.25);
     cursor: pointer;
     margin-top:95px;
     margin-right:15px;
}
.button:hover{
     background-color: #007d9a; 
}
#sortable {
     list-style-type: none;
     margin: 5px 0px 0px 16px;
     padding: 0;
}
#sortable li {
     margin: 3px 3px 3px 0;
     padding: 1px;
     float: left;
     width: 35px;
     height: 35px;
     font-size: 20px;
     text-align: center;
     line-height:35px;
     cursor:pointer;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
     text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
     background:#2daebf url(images/overlay.png) repeat-x scroll 50% 50%;
     color:#fff;
     font-weight:normal;
}
.captcha_wrap{
     border:1px solid #fff;
     -moz-border-radius:10px;
     -webkit-border-radius:10px;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     float:left;
     height:90px;
     overflow:auto;
     width:188px;
     overflow:hidden;
     margin: 25px 0px 25px 145px;
     background-color:#fff;
}
.captcha{
     -moz-border-radius:10px;
     -webkit-border-radius:10px;
     font-size:12px;
     color:#BBBBBB;
     text-align: center;
     border-bottom:1px solid #CCC;
     background-color:#fff;
}
