/* lotto.css */

/*------------------------- base.css ------------------------- */

#reg-flow {
  width: 559px;
  position: relative;
  font-family: 'Arial', sans-serif;
}

#reg-flow > h2 {
	font-size: 45px;
	color: black;
}

#reg-flow p {
	font-size: 13px;
}

/* anchors */
#reg-flow a {
  color: #000;
}
#reg-flow .form-container .form-middle {
  padding-left: 0;
  padding: 20px;
  width: 529px;
  overflow: hidden;
}

/*------------------------- content.css ------------------------- */


  /* radio */
#reg-flow .choise a.choise-toggle span.title-main {
	font-size: 18px;
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
}
#reg-flow .choise a.choise-toggle span.title-sub {
	font-size: 13px;
}

#reg-flow .choise a.choise-toggle span.choise-radio {
  background-image: url('Lotto/images/reg-flow/skins/lotto/choise-radio.png');
}

#reg-flow .form-container {
  padding: 0;
}

/* warning-message */
#reg-flow .warning-message .warning-icon {
  background-image: url('Lotto/images/reg-flow/skins/lotto/warning-icon.gif');
}

/* final message */
#reg-flow .final-message {
  background-color: #ffd800;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
}
  #reg-flow .final-message p {
    color: #000;
  }

/* tooltip */
#reg-flow .tooltip-field-info .field-info-top,
#reg-flow .tooltip-field-info .field-info-bottom {
	background: none;
}
#reg-flow .tooltip-field-info .field-info-arrow {
  background-image: url('Lotto/images/reg-flow/skins/lotto/tooltip-field-info-arrow.png');
}
#reg-flow .tooltip-field-info .field-info-middle,
#reg-flow .tooltip-alt,
#reg-flow .tooltip-above {
  color: #444;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  behavior: url(/cspublish/Lotto/images/PIE.htc);
  background: url('Lotto/images/content/info-color.png') repeat 0 0;
  padding: 10px;
  font-size: 13px;
  line-height: 1.2;
}
#reg-flow .tooltip-alt p {
  color: #444;
  background: transparent;
}

#reg-flow .tooltip-alt .tooltip-arrow {
  background-image: url('Lotto/images/reg-flow/skins/lotto/tooltip-alt-arrow.png');
}


/*------------------------- form.css ------------------------- */
#reg-flow form .button-container a.back-link,
#reg-flow form .error-text,
#reg-flow form .hint,
#reg-flow form .required,
#reg-flow form p.field-link,
#reg-flow form {
  font-size: 13px;
}
#reg-flow form .error-text {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}

#reg-flow form .button-container button {
	float: left;
}

#reg-flow form .button-container a.back-link {
	float: left;
	clear: left;
}

/* form text input */
#reg-flow form .text-input.middle,
#reg-flow form .text-input.small,
#reg-flow form .text-input {
  padding: 0;
  height: auto;
  background: none;
}

#reg-flow form textarea,
#reg-flow form .text-input input.text {
  padding: 5px;
  background: white;
  
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  
  border: 1px solid #bbb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0, 0.35);
  box-shadow: inset 0 0 3px rgba(0,0,0, 0.35);
}

/*bon change*/
.ie8 #reg-flow form  .text-input input[type=password]{  
  font-family: 'Arial', sans-serif; 
}
.ie7 #reg-flow form  .text-input input[type=password]{  
  font-family: 'Arial', sans-serif;  
}
/*enof bon change*/

#reg-flow form .field-container.input-ok .text-input input.text, 
#reg-flow form .field-container.input-wrong .text-input input.text {
	padding: 5px 26px 5px 5px;
	background: white right center url('Lotto/images/reg-flow/skins/lotto/ok.png') no-repeat;
}
#reg-flow form .field-container.input-wrong .text-input input.text {
	background: white right center url('Lotto/images/reg-flow/skins/lotto/error.png') no-repeat;
}

#reg-flow form textarea:focus,
#reg-flow form .text-input input:focus {
  color: #000;
  border: 1px solid #000;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#reg-flow form .text-input input.text.captcha-code {
  font-family: monospace;
  width: 198px;
}
/*
#reg-flow form input {
}
#reg-flow form textarea {
}

#reg-flow form .field-container.disabled .text-input {
}
#reg-flow form .field-container.error .text-input {
}
#reg-flow form .field-container.input-wrong .text-input {
}
#reg-flow form .field-container.input-ok .text-input {
}
#reg-flow form .text-input.loading input.text {
}
*/
/* ajax loader */
#reg-flow form .text-input.loading .ajax-loader {
  background-image: url('Lotto/images/content/loading.gif');
}


/* button */
#reg-flow form .button-container {
  overflow: visible;
}
#reg-flow button {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  left: auto;
  float: none;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  
  border: 1px solid #000;
  
  background-color: #000;
  background-image: url('Lotto/images/backgrounds/button-black.png');
  background-position: center center;
  background-repeat: repeat-x;
}
#reg-flow button > span {
  display: inline-block;
  padding: 7px 40px 9px 40px;
  height: auto;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-image: url('Lotto/images/backgrounds/button-black.png');
  background-position: center center;
  background-repeat: repeat-x;
}
#reg-flow button:active > span,
#reg-flow button:hover > span,
#reg-flow button:focus > span,
#reg-flow button:hover,
#reg-flow button:focus {
  background-image: url('Lotto/images/backgrounds/button-black-active.png');
  background-position: center center;
  text-shadow: none;
}


/* field info */
#reg-flow form a.field-info {
  background-image: url('Lotto/images/reg-flow/skins/lotto/field-info.png');
  cursor: pointer;
  display: inline-block;
  height: 26px;
  position: relative;
  text-indent: -9999px;
  text-align: left;
  direction: ltr;
  width: 26px;
 	display: block;
 	top: 0;
}

#reg-flow form label a.field-info {
	top: 0;
}

#reg-flow .chzn-container a span,
#reg-flow .chzn-drop {
  color: #444;
}


#reg-flow .textarea-container textarea {
	background: white;
 border: 1px solid #BBBBBB;
}