/* 
    Document   : register
    Created on : 14-mar-2011, 13:04:23
    Author     : ruben
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#register .header {width: 60%; height: 20px; margin-bottom: 10px; color: #fa2398;}

#register-form {padding: 20px 20px 10px;}
#register-tab .form-line { width: 480px; clear: both; margin: 4px 0 ; padding: 0; position: relative; float: left;}
#register-tab .form-tp { float: left;}
#register-tab #register-button{ margin: 40px 0 40px 376px; font-size: 11px; font-weight: bold; padding: 8px 5px 8px 7px; border: 0 none transparent;}
#register-tab #register-button:hover{ -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4) inset ; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4) inset ; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4) inset ;}
#register-tab .form-label {color: #fa2398; margin:25px 0 15px 25px; font-weight: bold; float: left; }
#register-tab .form-label span { display: none;}

#register-tab .form-line-label {float: left; margin-top: 5px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; width: 165px; text-align: right; padding: 0 0 0 30px; position: absolute; bottom: 1px; }
#register-tab .form-line-label label { width: 125px; font-size: 12px ; color: #FA2398;}
#register-tab .form-line-label span { color:#FA2398;}
#register-tab .form-line-content {float: right; width: 266px;}
#register-tab .form-line-content .error_list {margin:5px 0 2px 15px; color:#CC0000; list-style:none; font-size: 10px; float: left; clear: both; }
#register-tab .form-line-content .error_list li { width: 237px; }
#register-tab .form-line-content img{ vertical-align: middle;}

#customers_customer_newsletter_enabled {margin-right: 83px;}
#register-tab .form-line select { height: 26px; width: 247px; margin: 0 10px; float:left; border-radius:0; border-color: #999; padding: 3px 0; font-size: 11px; color: #000; }
#register-tab .form-line select:hover, #register-tab .form-line select:focus {-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset; background: none #fefafc; }
#register-tab .form-line select option { background-color: #FFF;}
#register-tab .form-line .form-line-content #customers_customer_newsletter_enabled { width: 19px;}
#register-tab .form-line .form-line-content input { padding:2px 0 2px 5px; width: 240px; margin: 0 10px; float:left; height: 20px; border-radius:0; border-color:#999; font-size: 11px; color: #000;}
#register-tab .form-line .form-line-content input:hover, #register-tab .form-line .form-line-content input:focus {  -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset; background: none #fefafc; }
#register-tab .form-line-content .radio_list {float: left; margin: 0 10px;}
#register-tab .radio_list li {display: inline; float: left;}
#register-tab .form-line .form-line-content .radio_list li input {height: 20px; width: 24px; padding: 0; float: left; margin:0; }
#register-tab .radio_list label {vertical-align: super; margin:3px 45px 0 0; float: left; font-size: 11px;}
#customers_customer_dob_day, #customers_customer_dob_month, #customers_customer_dob_year {width: 50px;}

/*COMPLETED*/

#registercompleted{
        background: url("/images/completedbuy/fondo.gif") repeat-x scroll 0 0 transparent;
        border: 1px solid #FFE0F1;
        border-radius: 4px 4px 4px 4px;
        margin: 10px 0 8px 15px;
        padding: 2px 0 24px;
        width: 588px;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:12px;
        float: left;
}
#registercompleted .header-completed{
	background:url("/images/completedbuy/punt.gif") repeat-x scroll 0 bottom transparent;
	border:none;
	border-radius:0;
	color:#FA2398;
	padding:25px 0 0;
	width:500px;
	margin:0 0 0 24px;
}
#registercompleted .header-completed .inter-header-completed{
	background:url("/images/completedbuy/ok-buy.png") no-repeat scroll 0 0 transparent;
	border:none;
	border-radius:0;
	padding:0 0 20px;
	width:500px;
}
#registercompleted .header-completed .inter-header-completed h3{
	font-size:12px;
	margin:12px 0 5px 46px;
	width:335px;
}
#registercompleted .header-completed .inter-header-completed p{
	font-size:11px;
	color:#454545;
	margin:0 0 0 46px;
	width:315px;
}
#registercompleted .inter-box-blue {
	background:url("/images/completedbuy/punt.gif") repeat-x scroll 0 bottom transparent;
	border:none;
	border-radius:0;
	color:#FA2398;
	padding:20px 0;
	width:500px;
	margin:0 0 0 24px;
}
#registercompleted .inter-box-blue .box-bue{
	background:none;
	border: solid 1px #a8b6d2;
	border-radius:0;
	margin:0 0;
	color:#1e4b97;
	width:500px;
	padding:0 0 15px;
}
#registercompleted .inter-box-blue .box-bue h3{
	font-size:11px;
	margin:12px 0 7px 46px;
	width:420px;
}
#registercompleted .inter-box-blue .box-bue p{
	font-size:11px;
	margin:0 0 0 46px;
	width:315px;
}
#registercompleted .list-completed{
	background:none;
	border:none;
	border-radius:0;
	color:#FA2398;
	padding:13px 0 20px;
	width:500px;
	margin:0 0 0 24px;
}
#registercompleted .list-completed ul{
	padding:0;
	margin:0;
	background:url("/images/completedbuy/punt-2.gif") no-repeat scroll 17px 30px transparent;
}

#registercompleted .list-completed ul li{
	background:url("/images/completedbuy/imag-number-1.gif") no-repeat scroll 0 5px transparent;
	list-style:none;
	padding:10px 0 16px 46px;
	margin:0;
	color:#454545;
	font-size:11px;
}
#registercompleted .list-completed ul li span{
	color:#FA2398;
}
#registercompleted .list-completed ul li.number-list-2{
	background:url("/images/completedbuy/imag-number-2.gif") no-repeat scroll 0 5px transparent;
}
#registercompleted .list-completed ul li.number-list-3{
	background:url("/images/completedbuy/imag-number-3.gif") no-repeat scroll 0 5px transparent;
}
#registercompleted .list-completed ul li.number-list-4{
	background:url("/images/completedbuy/imag-number-4.gif") no-repeat scroll 0 5px transparent;
}
#registercompleted .list-completed ul li.number-list-5{
	background:url("/images/completedbuy/imag-number-5.gif") no-repeat scroll 0 5px transparent;
}
#registercompleted .footer-confirm{
	background:none;
	border:none;
	border-radius:0;
	color:#FA2398;
	padding:13px 0 20px;
	width:500px;
	margin:0 0 0 24px;
}
#registercompleted .footer-confirm p{
	padding:10px 0 10px 46px;
	margin:0;
	color:#454545;
	font-size:11px;
	width:245px;
}
#registercompleted .footer-confirm p span{
	color:#FA2398;
}

#registercompleted #register-back{
        float: right;
        margin: 0 30px 0 0;
}

#activationaccount {
        background: url("/images/completedbuy/fondo.gif") repeat-x scroll 0 0 transparent;
        border: 1px solid #FFE0F1;
        border-radius: 4px 4px 4px 4px;
        margin: 10px 0 8px 15px;
        padding: 2px 0 59px;
        width: 588px;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:12px;
        float: left;
}
#activationaccount .header-activation{
	background:url("/images/completedbuy/punt.gif") repeat-x scroll 0 bottom transparent;
	border:none;
	border-radius:0;
	color:#FA2398;
	padding:45px 0 0;
	width:536px;
	margin:0 0 0 25px;
}
#activationaccount .header-activation .inter-header-activation{
	background:url("/images/completedbuy/ok-buy.png") no-repeat scroll 0 0 transparent;
	border:none;
	border-radius:0;
	padding:3px 0 15px;
	width:500px;
}
#activationaccount .header-activation .inter-header-activation h3{
	font-size:12px;
	margin:12px 0 5px 46px;
}
#activationaccount .paragraph-activation{
	background:none;
	border:none;
	border-radius:0;
	padding:13px 0 20px;
	width:431px;
	margin:0 0 0 72px;
        font-size: 11px;
}
#activationaccount .paragraph-activation p{
        margin: 7px 0 11px;
}
#activationaccount .paragraph-activation p strong span{
        color:#FA2398;
}