* {margin:0; padding:0;}

html, body {background:#2a2f32;
	height:100%;
	min-width:950px; 
	font:100% Calibri,Arial, Helvetica, sans-serif;
	color:#000;}
body { min-height:100%}
#container { background:url(../images/skin/body_bg.jpg) repeat-x;
	width:100%;
	height:auto !important; 
	min-height:100%;
	height:100%; 
	position:relative;
	margin:0 auto; }

#content {
	width:950px;
	height:650px;
	margin:0 auto;
	padding: 0; 
	overflow:hidden;
	position:relative;
}
#logo { background:url(../images/skin/logo2.png) center no-repeat; 
	width:324px; height:93px;
   position: absolute;
   top:-5px;
   left:62px;
   z-index:500;
  }

#chars {position:absolute;
	right:20px;
	top:120px;
	z-index:500;}

a img { border:none; display:block;}
h1, h2 {color:#000; display:block}
h1 {font-size:24px; margin:0 30px 10px 10px; text-align:left}
h2 {font-size:16px; font-weight:bold; margin-left:15px;}
/*login*/
#login_popup { 
	background: url(../images/form/login_bg1.png) center no-repeat;;
	width: 390px;
	height: 357px;
	position: fixed;
	left: 50%;
	top: 40%;
	margin-left: -220px;
	margin-top: -140px;
	z-index:900;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #555 0px 3px 7px;
	-moz-box-shadow: #555 0px 3px 7px;
	box-shadow: #555 0px 3px 7px;
	zoom: 1
}
#login_popup h1 {display:none}
#login_popup.emailexists h1 {display: block !important;
	color: #000;
	font-size: 22px;
	text-align: center;
	margin:0 0 5px 0;
	position:relative;
	top:120px

}
#login_popup.emailexists .login-form {margin:10px auto 0 auto;}
.login-form {width:310px;
	margin: 0 auto;
	position:relative;
	top:133px;
}
.login-form .fieldname label {font:13px Arial, Helvetica, sans-serif}
.login-form .field {height:40px}
.login-form .field input {
		width:190px;
		height:25px}

#login_btn {background: url(../images/form/login_btn.png) center  no-repeat;
	width: 162px;
	height: 41px;
	margin: 3px 0 0 90px;	
	cursor: pointer;
	border: 0;
	text-indent:-9999px !important;
	color:#fff

}

/*end login*/
/*regform*/
#regform {background:url(../images/form/regform_bg_white.png) repeat;
	width:340px;
	height:423px;
	padding: 15px;
	position:absolute;
	top:92px;
	left:40px;
	z-index:500;
	border-radius:10px;
	
}
#regform_top {margin:-7px 0 0 0; }
#regform_bottom {margin:0px auto 0 auto;}

/*regform fields*/
.registration-form { background:#fff;
width: 340px;
zoom: 1;
}

.form-content {
  width: 315px;
  height: 352px;
  margin:0 auto;
}

.registration-form .form-fields {
  margin: 10px 0;
  height:165px;
  width: 315px;
}

input.txt, select {
	background:#fff;
  width: 195px;
  height: 20px;
  border: 1px solid #E2E3EA;
  border-top: 1px solid #ABADB3;
  outline: none;
}
.form-fields select.field {
  height:20px;}
.fieldname,
.field {
  width:196px;
  height:34px;
  margin: 0;
  float: left;
  position:relative;
}

.fieldname {
  width: 100px;
  clear: both;
  text-align:right;

}
.fieldname label {
  margin: 5px 8px 0 0;
  display:block;
  font: 12px Arial, Helvetica, sans-serif;
  color: #333;
}

.registration-form .form-fields .day {
  width: 47px;
  margin-right: 7px;
}

.registration-form .form-fields .month {
  width: 77px;
  margin-right: 7px;
}

.registration-form .form-fields .year {
  width: 57px;
}

/*reg&login errors*/
.registration-form .unknown-error, 
.login-form .unknown-error{
	display: none;
}
.registration-form .invalid .unknown-error, 
.login-form .invalid .unknown-error {
	display: block;
}	

.invalid div.validator {
  display: block;
}
.field .message {
  display: none;
}
.registration-form [class*=invalid-] .exists {
	display: none;}


.invalid-required .required,
.invalid-correctness .correctness,
.invalid-pattern .pattern,
.invalid .latin {
  background:url(../images/form/err-icon.gif) 0 5px no-repeat;
  padding: 4px 10px 0 19px;
  white-space: nowrap;
  font-size: 11px;
  line-height: 11px;
  display: block;
}


.validator-wrapper {
  position: absolute;
  left: 210px;
  top: 0;
  z-index:1;
}

.validator {
  width: 100%;
  display: none;
}
.validator .shadow {
  width: 100%;
  height: 20px;
  position: absolute;
  margin-top: 3px;
  background-color: black;
  -moz-border-radius: 0px 2px 2px 0px;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  
}
.validator .content-container {
  position: relative;
  height: 20px;
  background-color: #FFFED8;
  border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
}

.validator .shadow .shadow-arrow {
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-right: 10px solid black;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  _border: 0;
}


.validator-wrapper .arrow {
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #FFFED8;
  _border: 0;
  _width: 20px;
  _height: 20px;
}
/*end reg&login errors*/
/*end regform fields*/

#submit_button {
	background: url(../images/form/form_button_inact.png) no-repeat;
    width: 200px;
	height: 53px;
	display: block;
    margin: 10px auto;
	cursor: pointer;
    border: none;
}
.satellizer-ready #submit_button {
	background: url(../images/form/form_button.png) no-repeat;}

.conditions {
margin: 0 0 10px 0;
}
.conditions p {font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	margin: 2px 0;}

/*end regform*/
.show_login_popup, .show_contact_us {
    color: #001F55;
    cursor: pointer;
    text-decoration: underline;
}
.show_terms, .show_policy {text-decoration:underline; cursor:pointer}
#gar {
    background: url(../images/form/security.gif) no-repeat;
    border: none;
    height: 40px;
    margin: 0 auto;
    width: 150px;
}

/*popups*/
.popup {display:none}
.close_button {	background: url(../images/skin/popup_close.png);	
	position: absolute;
	right: -19px;
	top: -19px;
	width: 38px;
	height: 38px;
	z-index: 1000;
	cursor: pointer;
}
#fade_block { background:url(../images/skin/bg.png) repeat;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 900;
	display: none;
	width: 100%;
	height: 100%;
}

* html #fade_block {background:url(../images/skin/bg.png) repeat;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 900;
	display: none;
	height: 900px;
	width: 1280px;
}


#policy {
	zoom: 1;
	position: fixed;
	left: 50%;
	margin-top: 100px;
	margin-left: -400px;
	z-index: 1000;
	width: 800px;
	height: 600px;
	border: 3px solid #f8dd85;
	background: #ffffff;
	display: none;
}
#terms {
	zoom: 1;
	position: fixed;
	left: 50%;
	margin-top: 100px;
	margin-left: -400px;
	z-index: 1000;
	width: 800px;
	height: 600px;
	border: 3px solid #f8dd85;
	background: #ffffff;
	display: none;
}

.terms_content {
	width: 770px;
	height: 570px;
	overflow: scroll;
	padding: 15px;
	overflow-x: hidden;
}


/*popups */

#contact_us {background:url(../images/form/login_bg1.png) center no-repeat;
	width:370px;
	height:340px;
	zoom: 1;
	position: fixed;
	z-index: 1000;
	top:110px;
	left:30%;	
	
}

#contact_us h2, #login_popup h2 { font-size:25px;
	margin-left:45px}
#contact_us p {
	margin: 0px 0 0 40px;
	padding-top: 30px;
	width: 210px;
	color: #333333;
	font-family: Arial;
}
#contact_us .content {margin:145px 0 0 30px}

.popup_p_bigfont {
	font-weight: bold;
	font-size: 18pt;
}

.popup_p_mediumfont {
	font-weight: bold;
	font-size: 13.5pt;	
}

.popup_p_title {
	font-weight: bold;
	font-size: 15pt;		
}

.popup_numbers_p {
	margin-left: 20px;
}

.popup_letters_p {
	margin-left: 40px;
}

.popup_char_p {
	margin-left: 60px;	
}
/*end popups*/
#ribbon{
	position:absolute;
    z-index: 200;
    
	left: 795px;	
	}
#footnote {color: #ffffff;
    font-size: 11px;
    position: absolute;
    right: 13px;
    top: 550px;
    z-index: 5;}
footer {width:100%; position:absolute; top:650px}
footer p {color:#999; font: 11px Arial, Helvetica, sans-serif; text-align: center; padding:10px}