/**
	author: Mauro Mascia
	date: March 2010
	website: www.hotelreginamargherita.com
	copyright (c) Hotel Regina Margherita Cagliari 2010
*/
.formwizard {
	float: right;
}

#wizard {
	width: 200px;
	background-color: #234a8e;
	color: #FFF;
	padding-left: 5px
}

/* titolo wizard*/
#wiz-title {
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	width: 80%;
}
#wiz-info {
	padding-top: -10px;
	float: right;
}
#wiz-info img {
	width: 30px;
}

div.step {
	height: 350px; /* pulsanti next e back fissi in basso */
	margin-left: 10px;
}

#demoNavigation {
	border-top: 1px solid #FFFFFF;
}

/* Pulsanti aventi/indietro */
#button_back { float: left; }
#button_next { float: right; }
#button_next,
#button_back {
	font-size: 1.0em;
	padding: 2px 2px 2px 2px;
	margin-top:10px;
	text-decoration: none;
	text-transform: lowercase;
	color: #999;
	background-color: #1D407D;
	border: 1px solid #6D6D6D;
	outline: none;
}
#button_next:hover,
#button_back:hover {
 	background: #234a8e;
	color: #fff;
}



/*textarea per info addizionali */
.note-textarea {
	width: 170px;
	height: 40px;
	font-size: 0.85em;
	overflow:auto;
	background-color: #1D407D;
	color: #fff;
}
#clients_amount {
	width: 30px;
	height: 15px;
	font-size: 0.85em;
	overflow:auto;
	background-color: #1D407D;
	color: #fff;
	border: 1px solid #6D6D6D;
}

#nomecognome, #email, #tel {
	background-color: #1D407D;
	font-size: 0.85em;
	padding-left: 5px;
	padding-top: 2px;
	width: 170px;
	color: #FFFFFF;
	border: 1px solid #6D6D6D;
}

.error#nomecognome,
.error#email  {
	color: #FF4500;
}

.question {
	font-weight: bold;
	color: #AAA;
	font-size: 0.80em;
	padding-left: 5px;
	padding-top: 5px;
	
	/* posizione immagini nelle domande di ogni step */
	background-repeat:no-repeat;
	background-position: 123px -20px;
	
	/* bordino bianco sopra le domande */
	border-top: 1px solid #FFFFFF;
}
/*
#question1 {
	border-top: 0px; 
}
*/


:active, :focus { outline: none; } /* FF fix per rimuovere il border dotted */


/* RADIO disposizioni */
div#disposizioni {
	padding-left: 10px;
}
img.disp_img {
	width: 70px;
	/*background: #DCC982;*/
}
img.disp_img:hover{
	cursor: pointer;
}
div#ddisp_1, div#ddisp_3 {
	float:left;
}
div#ddisp_2, div#ddisp_4 {
	float:right;
}
div#ddisp_1, div#ddisp_2, div#ddisp_3, div#ddisp_4 {
	width: 70px;
	height: 110px;
	border-left: 0px solid #DCC982;
	border-top: 0px solid #DCC982;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	background-color: #234a8e;
}
div#disp_wrap1, div#disp_wrap2 { /*prima e seconda riga*/
	float:left;
	clear: both;
	text-align: center;
	background-color: #1D407D;
}
input.radio_disp { /* pallino dei radio-buttons */
	margin-left: 30px;
	float: left
}
span.text_img {
	font-size: 0.8em;
	color: #fff;
	font-weight:bold;
	text-transform: lowercase;
}

.input-info {
	border:0;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
}

.text-desc {
	height: 40px;
}
.text-desc img {
	float: right;
}

/* Campi input per visualizzazione */
.amount {
	border:0;
	color:#f6931f;
	font-weight:bold;
	font-size:0.8em;
	background-color: #234a8e;
}

/* SLIDER di default */
.ui-widget-header { /* barra dello slider */
	background: #DFB579;
}

.slider {
	margin-left: 10px;
	margin-right: 20px;
	height: 5px;
}

/* SLIDER: selectToUISlider */
.ui-widget-content, /* contenitore slider */
.ui-slider li span.ui-widget-content { /* tacche dello slider */
	height: 5px;

}
.ui-slider span.ui-slider-label { /* label in basso allo slider */
	font-size: .7em;
	margin-top: -5px;
	left: -4px; /* per centrare la label rispetto alla tacchetta */
	color: #fff;
}

.ui-slider-content-div { /* div contenente lo slider */
	margin-left: 10px;
	margin-right: 20px;
}

.ui-slider .ui-slider-handle { /* pulsante slider di entrambi */
	height: 10px;
	margin-top: 2px;
	cursor: pointer;
	border-color: #f6931f;
	background-color: #234a8e;
}

/* div con il contenuto del tooltip */
.tooltip-content-div {
	margin-top: -4px;
	font-size: 0.8em;
}


/* porta in primo piano la schermata di scelta ore/minuti */
#CP_hourcont,
#CP_minutecont {
	z-index: 200;
	color: #000;
}

/* proprietà degli errori di validazione */
.error {
	font-size: 0.8em;
	color: #FF4500;
}


/* Rounded corners */
.roundedbox {
	width: 230px;
	background: #234a8e;
}
.roundedbox .content {
	padding: 5px 5px 5px 5px;
	overflow: hidden;
}
.contentform {
	padding: 5px 5px 5px 5px;
}
.t {background: url('../img/dot.png') 0 0 repeat-x; }
.b {background: url('../img/dot.png') 0 100% repeat-x}
.l {background: url('../img/dot.png') 0 0 repeat-y}
.r {background: url('../img/dot.png') 100% 0 repeat-y}
.bl {background: url('../img/bl.png') 0 100% no-repeat}
.br {background: url('../img/br.png') 100% 100% no-repeat}
.tl {background: url('../img/tl.png') 0 0 no-repeat}
.tr {background: url('../img/tr.png') 100% 0 no-repeat; }


/* Calendario */
div.dp-popup div.dp-nav-next a {
	margin-right: 14px;
	background-image: url('../img/freccia.png');
}
div.dp-popup div.dp-nav-prev a {
	left: 0px;
	background-image: url('../img/freccia2.png');
}
div.dp-popup div.dp-nav-prev a,
div.dp-popup div.dp-nav-next a {
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	border-style: hidden;
	border: 0px; /*per firefox*/
	width: 11px;
	height: 10px;
}
div.dp-popup h2 {
	margin: 0px 0px;
	margin-right: 15px;
}
div.date-pick {
	margin-left: 8px;
}


/* Info tooltip */
.stickytooltip {
	box-shadow: 2px 2px 4px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 2px 2px 4px #818181;
	-moz-box-shadow: 2px 2px 4px #818181;
	display:none;
	position:absolute;
	display:none;
	border: 1px solid #234a8e; /*Border around tooltip*/
	z-index:3000;
	width: 200px;
	height: 140px;
	background-color: #1D407D;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90); /*per Internet Explorer 6-7*/
	text-align:left;
	padding-left: 10px;
}
.stickytooltip p {
	width: 200px;
	height: 130px;
	font-size: 0.8em;
	color: #fff;
	opacity: 1;
	z-index: 3001;
}