.float_left {float:left;}
.float_right {float: right;}
.clear {clear: both;}

.font.big {font-family:Trebuchet MS;font-size:1.5em;}
.font.medium {font-family:Trebuchet MS;font-size:1.2em;}
h1.titolo {border-bottom:1px solid #CCCCCC;color:#5890D1;font-family:Trebuchet MS;font-size:1.9em;margin:0 10px 0 4px;padding: 5px 0;overflow: hidden;height: 100%;}


#congratulazioni {
	padding: 10px 30px 10px 30px;
}


/*_________________________Pagina congratulazioni_______________________*/
.msg {
	padding: 10px 10px 10px 55px;
}

.msg.warning {
	border: 2px solid #F2DD8C;
	background: #FFF5CC url('/tmp/crea_sito/warning.gif') no-repeat scroll 10px 13px;
	
}

.msg.done {
	border:2px solid #BBDF8D;
	background: #EAF7D9 url('/tmp/crea_sito/ok.gif') no-repeat scroll 10px 13px;
}
/*_________________________Fine pagina congratulazioni_____________________*/



/*_____________________________________Layout______________________________________*/
#top {background: transparent url('/tmp/crea_sito/crea-sito-half.png') no-repeat 20px 0; height: 42px; margin-top: 20px; margin-bottom: 0; }
#wrapper {margin-top:0;border: 3px solid #AAA;overflow: hidden;height: 100%;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#wizard_left {float: left;width: 270px;height: 450px;overflow: hidden;background: transparent url('/tmp/crea_sito/wizard_bg.png') repeat-x 0 0;}
#wizard_right {float: right;width: 680px;overflow: hidden;}
/*_____________________________________Fine layout______________________________________*/



/*___________________________Template e Preview ______________________*/
#nome_template {text-align: center;}

#preview {
	text-align: center;
	min-width: 500px;
	min-height: 300px;
	margin: 25px 0;
	overflow: hidden;
	height: 100%;
}

#preview img {
	border: 1px solid #aaa;
	padding: 3px;
	background-color: #ccc;
}


#preview.loading {background: url('/tmp/loading.gif') no-repeat center center;}	
	
#carousel li img { cursor: pointer; }
#carousel li img:hover { border: 2px solid #666; }
/*________________________Fine Template e Preview ____________________*/




	
.riepilogo {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	
	border: 3px solid #aaa;
	margin: 0 40px 20px 40px;
}

.riepilogo dt {
	width: 100px;
}

.riepilogo dd {
	color:#5890D1;
	font-size:1em;
	margin-left: 125px;
	margin-bottom: 15px;
}



/*_________________________________Legenda______________________________*/
#legenda {width: 197px;height: 250px;background: transparent url('/tmp/crea_sito/legenda.png') no-repeat 0 0;position: relative;left: 40px;top: 25px;}
#punto1 {position: absolute; left: 15px; top: 60px; }
#punto2 {position: absolute; left: 15px; top: 120px; }	
#punto3 {position: absolute; left: 15px; top: 180px; }
#punto1_label {position: absolute; left: 50px; top: 46px;}
#punto2_label {position: absolute; left: 50px; top: 106px;}
#punto3_label {position: absolute; left: 50px; top: 166px;}
.etichetta_passo {color:#aaa;font-family:Trebuchet MS;font-size:1.2em;}	
.etichetta_passo_attivo {color:#5890D1;font-family:Trebuchet MS;font-size:1.3em;font-weight:bold;}
/*_________________________________Fine legenda______________________________*/



/*_____________________________Pulsanti__________________________*/
button {
	height: 42px;
	border: 0;
	cursor: pointer;
	text-align:center;
	font:bold 20px/35px "Trebuchet MS",Arial,sans-serif;
	color:#FFF;
}
button.avanti {
	width: 118px;
	background: #fff url('/tmp/crea_sito/avanti.png') no-repeat 0 0;
}
	
button.indietro {
	width: 125px;
	background: #fff url('/tmp/crea_sito/indietro.png') no-repeat 0 0;
}

button.fine {
	width: 105px;
	background: #fff url('/tmp/crea_sito/fine.png') no-repeat 0 0;
}

button:hover{background-position: 0 -43px;}
button:active{background-position: 0 -86px;}
/*__________________________Fine pulsanti__________________________*/





/*______________________________Loghi pacchetti________________________*/
.pacchetto_base {background: #fff url('/tmp/base_small_blank.png') no-repeat 180px 0;height: 65px;}
.pacchetto_professional {background: #fff url('/tmp/professional_small_blank.png') no-repeat 180px 0;height: 71px;}	
.pacchetto_premium {background: #fff url('/tmp/premium_small_blank.png') no-repeat 180px 0;height: 80px;}	
.bg_base {background: #fff url('/tmp/base_blank.png') no-repeat top right !important;}
.bg_professional {background: #fff url('/tmp/professional_blank.png') no-repeat top right !important;}
.bg_premium {background: #fff url('/tmp/premium_blank.png') no-repeat top right !important;}
/*_____________________________Fine loghi pacchetti_________________________*/




/*________________________________Form______________________________*/
#servername { width: 150px; }
#sitename	{ width: 202px; }
#email		{ width: 202px; }
#username	{ width: 202px; }
#password	{ width: 202px; }
#conferma	{ width: 202px; }

label { font-size:0.8em; color: red; font-weight: bold;}
dl {}
dt {float: left;text-align: right;padding-right: 25px;width: 200px;}
dd {margin-left: 225px;margin-bottom: 25px;}	
dd input {padding: 3px;}
dd select {padding: 3px; width:150px;}	
input.error {border: 2px solid red;background-color: #FFFFCC;	
select.error {border: 2px solid red;background-color: #FFFFCC;}
/*______________________________Fine form_____________________________*/