/**
 * register.css - Styles for Registration Page
 */
 
div.registration_form_header    {
  background: transparent url(/images/registration/form_top.png) no-repeat;
  width: 544px;
  height: 15px;
}
div.registration_form           {
  background: transparent url(/images/registration/form_body_tile.png) repeat-y;
  width: 544px; 
  padding: 0 17px; }

div.registration_form_footer    {
  background: transparent url(/images/registration/form_bottom.png) no-repeat;
  width: 544px; 
  height: 15px;
}

div.register_heading           { 
  width: 100%; 
  height: 60px;
}
div.not_registered_box         {
  float: left;
  width: 48%;
  border-right: 1px groove black; 
}
div.already_registered_box     { 
  float: left;
  width: 48%; 
  margin-left: 20px; }

td.Label                       { 
color: #6b9e10; 
font-weight: bold;  
}

div.already_registered_box h2, div.not_registered_box h2 { 
  color: black;
}

div.registration_form input         {
  background: transparent url(/images/registration/text_field.png) no-repeat scroll 0 0; 
  border: medium none;
  width: 240px;
  padding: 7px 16px 0 8px; 
  height: 27px;
}
div.registration_form input.active  {
  background: transparent url(/images/registration/active_text_field.png) no-repeat scroll 0 0;
}

div.register_dialog             { 
  display: none; 
}

div.benefit_box_container       { 
  background: transparent url(/images/registration/benefit_background.png) no-repeat;
  padding: 0px 17px; 
  height: 130px;
  margin: 0px 0px 17px;
}

div.benefit_box                 {
  height: 110px; 
}
div.benefit_box img             { 
  margin-right: 10px; 
}
p.benefit_box_heading           {
  padding: 7px 0px 12px 0px !important; margin: 0px !important; 
}

/*
  reg info pages
*/

div#regInfoLoading{
  text-align:center;
  height:50px;
  padding-left:200px;
}

div#regInfoLoading img, div#regInfoLoading span{
  float:left;
}

div#regInfoLoading span{
  padding-left:12px;
  padding-top:9px;
}

div#regInfoBar{
  text-align: center;
  padding-top:24px;
}

div#regInfoBar span{
  padding: 6px 12px 12px;
}