/* REGISTER FORM ELEMENTS   
----------------------------------------------------------*/  
#login .btn, 
#register .btn {
  margin:0px 0px 0px 10px;
  display:block;
  width:73px;
  height:22px;
  padding-bottom:1px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border: 0px solid #ffffff; /* <-- IE Hack to allow replace default submit buttons with custom images */
  cursor:pointer;
  text-align:center;
  background-color:#000;
  color: #fff;
  font-weight:bold;
  font-size:11px;
}
#register .btn {
  float:right;
}
#login .btn:hover, 
#register .btn:hover {
  background-color:#0079c1;
}
#login .btn.disabled,
#register .btn.disabled {
  background-color:#ddd;
}
#login .btn.disabled:hover,
#register .btn.disabled:hover
{
  cursor:default;
}
#register h6 { 
  padding:15px 0px 10px 15px; 
}
.fineprint {
  clear:both;
   font-size: 0.9em;
  padding:0px 0px 5px 0px;
  color:#999;
  text-align:left;
}
.fineprint p {
  margin-bottom:10px;
}
#register .fineprint {
  margin-left:25px;
}  
#register .paneltop {
  margin-left:2px;
  width:396px;
  height:64px;
  background-image: url('../../icons/spritesheet_homepage.png');
  background-repeat:no-repeat;
  background-position: -1px -117px;
}
#register .panelbody {
  margin-left:2px;
  width:346px;
  padding:10px 25px 20px 25px;
  min-height:285px;
  background-color:#fff;
  background-image: url('../../icons/dialogbgslice.png');
  background-repeat:repeat-x;
}
#register h4 {
  color:#333;
  font-weight:normal;
  margin:10px 0px 20px 0px;
  padding:10px 0px 0px 0px;
  font-size:16px;
}
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
.jqmWindow {
    display: none;
    position: fixed;
    color: #333;
    padding: 12px;
    top: 2%;
    left: 50%;
}
#registerDialog {
  width: 400px;
  margin-left:-200px;
}
#videoDialog, 
#videoDialog2, 
#howtoinstallDialog {
  position:fixed;
  top:50%;
  margin-top:-275px;
  margin-left:-434px;
  width:868px;
  height:515px;
}
.jqmClose {
  background-image:url('../../icons/spritesheet_homepage.png');
  background-repeat:no-repeat;
  background-position: -370px -4px;
  width: 19px;
  height:21px;
   float:right;
}
.jqmClose:hover {
  background-position: -389px -4px;
}
#registerDialog .jqmClose {
  margin:-17px -15px 0px 0px;
}
.jqmOverlay {
  background-color: #000;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */ 
* html .jqmWindow {
   position: absolute;
   top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#register label {}
#registerlabels {
  width: 105px;
  margin: 13px 20px 0px 0px;
  text-align:right;
  float:left;
  position:relative;
  display:inline;
}
    
#registerlabels li {
  height:30px;
  margin-bottom:0px;
}
#registerinputs {
  width: 220px;
  margin-top:8px;
  float:left;
  position:relative;
  display:inline;
}
#registerinputs li {
   height:20px;
   margin-bottom:10px;
}
#registerinputs input {
  border:1px solid #ccc;
  width:210px;
}
#registerinputs input:focus {
  background-color:#f5f5f5;
}
.message {
  clear:both;
  color:red;
  font-size: 0.8em;
  margin-bottom:0px;
}
#loginmessage {
  text-align:right;
}
.registererror li {
  padding-bottom:5px;
  margin-left:25px;
  line-height:1.5em;
  font-size:1.1em;
  text-align:left;
}
  
 /* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset label.inline {
  display: inline;
}
legend {
  display:none;
}
#mainform label {
  float:left; 
  margin:0px 20px 0px 0px; 
  clear:both;
}    
#mainform a {
  color:#fff;
}
.loginerror {
  float:right;
  text-align:right;
}
.loginerror li {
  padding-bottom:5px;
}