/* 	********************************************************************************************** 

	*		LAYOUT GENERALE *
	*		Created:	 29/07/2009	 *
	*		Last update: *
	*		Nome gruppo di proprieta': Files Anywhere	 	     *
    *		Author: Katty Garcia		 		 *

   	********************************************************************************************** */

/*----signup STYLES------  */
#left-signup {
	width: 280px;
	margin:25px 40px 0 40px;
	padding: 0;
	float: left;
}
#right-signup {
	width: 484px;
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
}
#payment {
	width: 100%;
}
.help {
	padding-top: 5px;
}
.help img {
	margin-left: 10px;
}
/*new help icon*/
.ccHelp {
	padding-top: 5px;
	padding-left:5px;
	
}
.detail {
	font-size: 14px;
}
/* -- BOX chosen --*/
#box-chosen {
	width: 279px;
	padding:23px 0 0 0;
	margin: 0;
	font-size: 12px;
	background: url(../HomeImages/top-box-chosen.png) no-repeat left top;
}

#box-chosen.welcome {
	float: right;
	margin-right: 40px;
	margin-top: 18px;
}

#box-chosen .middle {
	background: url(../HomeImages/bg-box-chosen.png) repeat-y left top;
	padding:0 8px 0 8px;
	margin: 0;
}
#box-chosen .bottom {
	width: 279px;
	height: 30px;
	display: block;
	background: url(../HomeImages/bottom-box-chosen.png) no-repeat left bottom;
}
#box-chosen h2 {
	width: 245px;
	font-family: "Arial Black", Arial, Verdana, Helvetica, sans-serif;
	color: #85a4b4;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#box-chosen .titolo {
	width: 236px;
	padding-bottom: 12px;
	margin-left: 15px;
	background: url(../HomeImages/bg-titolo.png) no-repeat left bottom;
}
#box-chosen .titolo span {
	width: 236px;
	height: 5px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(../HomeImages/span-h1-titolo.png) no-repeat;
	clear: both;
}
#box-chosen .titolo h1 {
	background: url(../HomeImages/bg-h1-titolo.jpg) repeat-y left top;
	color:#000;
	padding:2px 2px 2px 10px;
	letter-spacing: -1px;
	font-size:19px;
	font-weight: bold;
}
#box-chosen ul {
	list-style: none;
	/*list-style-position: inside;*/
	margin:10px 0 15px 33px;
	font-size: 12px;

	display:block;
	
}
#box-chosen ul li {
	padding-bottom: 10px;
}
#box-chosen ul li img {
	margin-right: 10px;
}
#box-chosen ul li strong {
	color: #0066cc;
}
.green {
	background-color: #ebffd6;
	color: #666;
	margin:20px 30px;
	padding:20px;
	font-size: 12px;
}
.green.attention {
	padding-left: 50px;
	background:#ebffd6 url(../HomeImages/ico-attention-green.png) no-repeat 20px center;
}
.green span {
	color: #000;
	font-weight: bold;
}
#box-chosen .green {
	width: 222px;
	margin: 0;
}
/* --ATTENTION CODE CHANGED!!-- */
#box-chosen .green.attention {
	padding:8px 10px 4px 30px;
	background:#ebffd6 url(../HomeImages/ico-attention-green.png) no-repeat 7px  center;
}

#box-chosen .green p 
{
    padding-top:5px;
	padding-bottom: 8px;
	color:#333;
}
#box-chosen .green span {
	color: #006600;
	font-weight: bold;
	font-size: 16px;
}
#box-chosen .green strong {
	color: #000;
	font-weight: bold;
}
a.btn-change-plan, a.btn-change-plan:visited {
	width: 171px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	background: url(../HomeImages/btn-change.gif) no-repeat left top;
}
a.btn-change-plan:hover, a.btn-change-plan:active {
	background: url(../HomeImages/btn-change.gif) no-repeat left bottom;
}
/* -- BOX SIGNUP FORM -- */
#box-form-signup {
	border: 1px solid #c8ddef;
	border-bottom: none;
	padding:0;
	margin: 0;
}

#box-form-signup.col-payment {
	width: 400px;
	float: left;
	margin: 25px 0 10px 30px;
	padding:0 0 10px 0;
	border-bottom: 1px solid #c8ddef;
	/*height:  360px; for fix height use this line!!*/
}
#box-form-signup h1 {
	display: block;
	background: #cce3f7;
	font-family: "Arial Black", Arial, Verdana, Helvetica, sans-serif;
	color: #507695;
	font-size: 18px;
	padding:8px 25px 8px 25px;
	letter-spacing: -1px;
	margin-bottom: 15px;
}
#box-form-signup p {
	font-size: 11px;
}
#box-form-signup p.note {
	margin: 10px 0;
	padding: 0px 20px 5px 20px;
	background: url(../HomeImages/ico-note.png) no-repeat left top;
	font-size:12px;

}
#box-form-signup .redNote {
    font-size: 11px;
	margin: 10px 0;
	padding: 0px 20px 5px 20px;
	background: url(../HomeImages/ico_red_note.gif) no-repeat left top;
	font-size:12px;
	line-height:30px;
}

/* to display the credit card 10day trial */
#box-form-signup .creditNote {
    font-size: 11px;
	margin: 10px 0;
	padding: 0px 20px 5px 20px;
	background: url(../HomeImages/ico-note.png) no-repeat left top;
	font-size:12px;
	line-height:30px;
}
#box-form-signup span.required {
	font-size: 11px;
	color: #000;
	float: right;
	font-family: 'Arial';
	letter-spacing: 0;
	padding: 2px 20px 0 0;
	margin-top: 15px;
	margin-right: 15px;
	font-weight: bold;
	background: url(../HomeImages/ico-required.gif) no-repeat right top;
}
form#signup {
	margin: 0;
	padding: 0;
}
form#signup fieldset {
	margin:0 0 5px 0;
	padding:0;
	margin-left: 25px;
}
form#signup fieldset.btn-form {
	margin:20px 0 0 -2px;
	text-align: center;
	width: 487px;
	height: 57px;
	padding-top: 15px;
	background: url(../HomeImages/div-btn-continue.png) no-repeat left top;
} 
form#signup label {
	width: 114px;
	height: 22px;
	padding:8px 0 0 10px;
	background: url(../HomeImages/label-signup.png) no-repeat left top;
	
	display: block;
	font-size: 12px;
	color: #3399cc;
	float: left;
	letter-spacing: -1px;
}
/* Left labels*/
.Displaylabel {
	width: 114px;
	height: 22px;
	padding:8px 0 0 8px;
	background: url(../HomeImages/label-signup.png) no-repeat left top;
	
	display: block;
	font-size: 12px;
	color: #3399cc;
	float: left;
	/*letter-spacing: -1px;*/
}
form#signup .inp {
	height: 30px;
	background: url(../HomeImages/corner-input-signup.jpg) no-repeat right top;
}
form#signup input, form#signup input.error {
	width: 280px;
	height:22px;
	font-size: 14px;
	color: #333;
	border: none;
	border-left: 1px solid #cce6f6;
	padding: 5px 6px 2px 10px;
	background: url(../HomeImages/bg-input-signup.png) no-repeat right top;
	margin: 0;
}
form#signup input.error {
	background: url(../HomeImages/bg-input-error.png) no-repeat right top;
	border-left: 1px solid #f96913;
	height:23px;
	padding: 5px 6px 2px 10px;
	font-weight:normal;
}
form#signup.payment input {
	width: 200px;
}
form#signup input.small, form#signup input.smallerror {
	width: 100px;
	float: left;
	font-size: 14px;
}
form#signup input.smallerror 
{
    background: url(../HomeImages/bg-input-error.png) no-repeat right top;
	border-left: 1px solid #f96913;
	height:23px;
}
form#signup select {
height: 25px;
	margin-top: 2px;
	padding:0px;
	background-color: #fff;
	/*border: 1px solid #cce6f6;*/
	width: 133px;
	float: left;
	
}
form#signup select.small {
	width: 80px;
	
}
form#signup .blu-cont {
	width: 300px;
	height:29px;
	margin: 0;
	float: left;
	color: #525151;
	font-size: 11px;
	background: url(../HomeImages/blu-cont.png) no-repeat right top;
	
}
form#signup.payment .blu-cont {
	width: 218px;
}
form#signup .blu-cont p {
	padding-top: 8px;
}
form#signup .radio {
	float: left;
	font-size: 12px;
	font-weight: normal;
	display: inline;
	margin-left:0px;
	margin-top: 5px;
	margin-right:20px;
	/*width: 300px;*/
	color:#333;
	
}
 form#signup .radio #rdFree, form#signup .radio #rdPaid,
  form#signup .radio #rdCredit, form#signup .radio #rdPaypal,
  form#signup .radio  #chkTerms, form#signup .radio  #chkPwd,
   form#signup .radio  #chkTrialP, form#signup .radio  #chkTrial {
	width: 15px;
	height:20px;
	margin: 0px;
	padding: 0;
	float: left;
	background-color: #e5f0f7;
	background-image:none;
	border:none;
	vertical-align:middle;
	font-size: 12px;
	}



form#signup .blu-cont  input.check {
	width: 15px;
	
	margin-right: 5px;
	padding: 0;
	float: left;
	background-color: #e5f0f7;
	background-image:none;
	border:none;
}

form#signup input.check {
	margin-top: 8px;
	margin-left: 5px;
}


.spinner {
	width: 20px;
	float: right;
	margin:0 1px 0px 0px;
	
} 
form#signup a.up, form#signup a.up:visited {
	width: 20px;
	height: 15px;
	background: url(../HomeImages/spiner-up-signup.png) no-repeat left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
form#signup a.up:hover {
	background: url(../HomeImages/spiner-up-signup.png) no-repeat right top;
}
form#signup a.down, form#signup a.down:visited {
	width: 20px;
	height: 15px;
	background: url(../HomeImages/spiner-down-signup.png) no-repeat left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
form#signup a.down:hover {
	background: url(../HomeImages/spiner-down-signup.png) no-repeat right top;
}
form#signup span.price {
	color: #000;
	margin:5px 0 0 10px;
	font-family: "Arial Black", Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
}

/*save label*/
.lblSave {float:left;padding-top :7px; margin-left:10px; font-family:Arial;color:#22B14C;font-size:14px;font-weight:bold;}
/*For Billing Cycle*/ 
form#signup span.BillingCycle {
	color: #000;
	margin:5px 0 0 10px;
	font-family:Arial, Verdana,   Helvetica, sans-serif;
	font-size: 14px;
	float: left;
}
form#signup .btn-form .continue a {
	width: 190px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	/*margin: 0 auto ;*/
	float:right;
	margin-right:30px;
	background:url(../HomeImages/btn-continue.png) no-repeat left top;
}
form#signup .continue a:hover {
	background: url(../HomeImages/btn-continue.png) no-repeat right top;
}

/*form#signup input.confirm {
	width: 217px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-left: 15px;
	float: right;
	margin-right: 30px;
	background: url(../HomeImages/link-confirm.png) no-repeat left top;
}
form#signup input.confirm:hover {
	background: url(../HomeImages/link-confirm.png) no-repeat left bottom;
}*/
form#signup .confirm a{
	width: 217px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-left: 15px;
	float: right;
	margin-right: 30px;
	background: url(../HomeImages/link-confirm.png) no-repeat left top;
}
form#signup  .confirm a:hover {
	background: url(../HomeImages/link-confirm.png) no-repeat left bottom;
}
a.back, a.back:visited {
	width: 107px;
	height: 45px;
	text-indent: -9999px;
	display: block;
	float: right;
	background: url(../HomeImages/link-back.png) no-repeat left top;
}
a.back:hover, a.back:active {
	background: url(../HomeImages/link-back.png) no-repeat left bottom;
}
/*Advanced step 2 back*/
form#signup .btn-form  a.advBack, form#signup .btn-form  a.advBack:visited {
	width: 107px;
	height: 45px;
	text-indent: -9999px;
	display: block;
	float:right;
	background:transparent url(../HomeImages/adv-link-back.png) no-repeat left top;
	margin-right:15px;
}
form#signup .btn-form  a.advBack:hover, form#signup .btn-form  a.advBack:active {
	background: url(../HomeImages/adv-link-back.png) no-repeat right top;
}
form#signup div.error {
	width:75%;
	color: #f96913;
	font-weight: normal;
	font-size: 12px;
	margin:0px 10px 15px 25px;
	padding:6px 20px 6px 35px;
	border: 1px solid #f96913;
	background: url(../HomeImages/icon_redError.png) no-repeat 10px center;
}
/* Customer Support Control*/
.custSupport {
	background-color: #ebffd6;
	color: #666;
	margin:20px 30px;
	padding:10px;
	font-size: 11px;
}
.custSupport .custSupportattention {
	padding-left: 50px;
	background:#ebffd6 url(../HomeImages/ico-attention-green.png) no-repeat 20px center;
}

/* Welcome Page continue button*/
.btn-continue-small a, .btn-continue-small a:visited {
	width: 140px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0;
	background: url(../HomeImages/btn-continue-small.png) no-repeat left top;
}
.btn-continue-small a:hover,.btn-continue-small a:active {
	background: url(../HomeImages/btn-continue-small.png) no-repeat right top ;
}

/* for captcha image*/
form#signup input.smCatpcha {
	width: 50px;
	float:left;
}
form#signup input.smCatpchaError 
{
    background: url(../HomeImages/bg-input-error.png) no-repeat right top;
	border-left: 1px solid #f96913;
	height:23px;
}
.catpchaText{font-size:11px;margin-left:5px; }

/*other modes of payment */
form#signup .blu-pay {
	width: 300px;
	height:59px;
	margin: 0;
	float: left;
	color: #666 ;
	font-size: 11px;
	background: url(../HomeImages/blu-pay.png) no-repeat right top;
	
}
form#signup.payment .blu-pay {
	width: 218px;
}

.Paylabel {
	width: 114px;
	height: 53px;
	padding:8px 0 0 8px;
	background: url(../HomeImages/label-pay.png) no-repeat left top;
	
	display: block;
	font-size: 12px;
	color: #3399cc;
	float: left;
	/*letter-spacing: -1px;*/
}

#box-form-signup p.genNote {
	margin: 10px 0px 5px 0px;
	padding: 0px 20px 0px 20px;
	background: url(../HomeImages/ico-note.png) no-repeat left top;
	font-size:12px;

}

/*paypal button adjustment*/
form#signup input#imgPaypal{
	padding: 0px;
	margin: 0;
	background:none;
}


.disabledText {font-size:12px;
color:#666;}
.enabledText{font-size:12px;
color:#333333;line-height:12px;}