/* General */
* {padding: 0;margin: 0;}
body {font:13px/1.5em "Trebuchet ms", verdana, helvetica, arial, sans-serif;text-align: center;background-color: #FFF;color:#666; padding:0 10px}
h1 {color:#999; font-size:2em; line-height:120%; padding: 0;}
#col-sx h1 {margin-bottom:15px;}
p {margin:20px 5px}
ul {list-style: none; }
h2 {font-size:16px; color:#7DAC0E; margin-top:20px}
ol { padding-left:20px;margin:10px 10px 0 10px; color:#7DAC0E}

.float-left {float:left}
.float-right {float:right}

img, fieldset { border: 0; }

a:link, a:visited { color: #666; text-decoration: none; }
a:hover, a:active { color: #666; text-decoration: underline; }
a.verde {color:#7DAC0E !important}

.clear, br.clear { clear: both; height:0; line-height:0}
.right {/*float:right*/ text-align:right; height:100%;}
.right img {_float:right; cursor:pointer}
.baloon180 .right img {margin-right:5px}
.baloon420 .right img, .baloon300 .right img, .baloon180 .right img {cursor:auto}
p.nomargin {margin-left:0}

/*#beta {position: absolute; background: url(http://multimedia.youkuki.com/images/vers.gif); top: 0px; left: 0px; width: 50px; height: 50px;}*/

/* General Page Structure */
#container {margin: 0 auto; width: 970px;	text-align: left;}
#header {height: 82px; margin-bottom: 20px;}
#col-sx {float: left;width: 47%;}
#col-dx {float: right;width: 50%;}
#footer {margin: 5px; font-size:13px; clear:both; color:#999; padding:5px; text-align:center;}

#footer .col-sx {float: left;width: 70%;text-align:right;}
#footer .col-dx {float: right;width: 17%;text-align:right;}
#footer ul {height:25px;}
#footer li {float: right; background: url(http://multimedia.youkuki.com/images/list.gif) 10px 15px no-repeat;padding: 10px 15px 0px 15px;}
#footer li#reg { float: right; padding: 10px 0px 0px 15px;}
#footer li a, #footer li a:hover {color:#666;margin: 0 8px;float: left;font-size: 1.1em;}
#footer li#reg a {font-weight:bold; color:#7DAC0E;}

/* Header */
#logo {	margin-top: 12px;float: left;border: 0;}
#header ul { margin-top: 33px; width: 50%; float: right;}
#header li { float: right; 	background: url(http://multimedia.youkuki.com/images/divider.gif) no-repeat 100% 50%;}
#header li#reg { float: right; 	background: transparent;}
#header li a, #header li a:hover {color:#666;margin: 0 8px;float: left;font-size: 1.1em;}
#header li#reg a {font-weight:bold; color:#7DAC0E}


#header li#ciao {float: right; 	background: none;}
#header li#welcome {font-size:14px; font-weight:bold; padding: 0px 10px 0px 0px;}
#header li#welcome a {color:#7DAC0E;}

/* Box baloon */
.baloon { border-bottom:#E7E7E7 1px solid;padding: 10px;	margin:15px 10px 0 0;font-size:1em; background:  url(http://multimedia.youkuki.com/images/baloon_top.gif) top left no-repeat; width:430px}
div.bottom {display: block;background: url(http://multimedia.youkuki.com/images/baloon_bottom.gif) top left no-repeat; height:15px; margin: 0 0 10px 0;clear:both; width:450px;}
div#point {display: block;background: url(http://multimedia.youkuki.com/images/baloon_point.gif) top left no-repeat; height:46px; margin: 0 0 10px 0;clear:both; width:450px;position:relative;}
#lightbox .baloon {padding-bottom:10px; position:relative /*aggiunto*/}
#lightbox caption {_height:15px;_padding:5px 0}
#lightbox #close, #popup #close {position:absolute; top:15px; left:425px}
#lightbox h2 {margin-top:20px} /*controllare*/
#popup .baloon {position:relative}

.baloon h2 {color:#6F9B08}
.baloon p {margin-bottom:0; margin-top:10px }
.baloon form, .baloon .cont {margin:10px 15px 0; padding:0} /*vedere se togliere il form*/
.baloon input {vertical-align:middle}
.baloon ul {margin:10px 5px}
.baloon ul li {padding:4px 0;}

ul.link {font-size:1.2em;margin-top:25px;}
ul.link li {padding-left:15px; background: url(http://multimedia.youkuki.com/images/list.gif) 5px 5px no-repeat;}
ul.link li a {color:#666; font-weight:bold}
ul.verde li a {color:#7DAC0E; }
ul.verde li a:hover {text-decoration:underline;}
ul.link a:hover {text-decoration:none; color:#7DAC0E}
ul.link span {color:#7DAC0E}

ul.categorie { margin:10px 0 30px 15px;height:100%}
ul.categorie li {float:left; margin-right:25px;}
ul.categorie li a:hover {text-decoration:none; border-bottom:#7DAC0E 2px solid}

textarea#codice {width:410px;padding:1px 5px; height:130px; margin:15px; border:#9FC72C 1px solid; font:11px "Trebuchet ms", verdana, helvetica, arial, sans-serif;}

/* Form login */
#login {padding: 5px 15px}
#login legend {display:none}
#login label{display: block;line-height:15px; font-weight:bold; font-size:0.9em; margin-top:5px}
#login input, #login img { font-size:1.0em; padding:1px; vertical-align:middle;}
input#security__username {width:150px;border:#9FC72C 1px solid;}
input#security__password {width:150px;border:#9FC72C 1px solid;}
#login p {font-size:0.9em; font-weight:bold; padding:4px 0px 0px 0px; margin:0}
.inputTextLogin {float:left;padding: 0px  5px  0px  5px;}
.inputBtnLogin {padding: 19px 0px 0px 5px; float: left;}

*dimenticata password*/
.lostPwd {background:#E7E7E7;}
.lostPwd p { font-size:0.9em !important; background:transparent !important;padding: 2px 0px 0px 0px !important}
input#recuperopassword__username {width:150px;border:#9FC72C 1px solid;}
input#recuperopassword__email {width:150px;border:#9FC72C 1px solid;}
.inputBtnRecupero {float:left;margin:0px;padding: 19px 5px 0px 15px;}

/* Stats */
#stats {border-top:#E9E9E9 1px solid; color:#999;margin:15px 0px 15px 0px; padding:5px 25px 5px 10px; font-size:0.9em; line-height:250%}
#stats div.descr {float:left; width:70%;}
#stats div.res {float:right;text-align:right;width:20%;font-weight:bold;font-size:1em}
mbed, object {margin:auto}

/*registrazione*/
#registrazione {margin:10px 15px 0; padding:0}
#registrazione label, #modificaDati label { width:145px;font-size:14px; font-weight:bold;display:block;float:left;margin:7px 0 0px}
#registrazione input, #modificaDati input {float:left; margin:5px 0 8px;}
#registrazione input#consenso {position:relative; top:5px;}
input#username,input#password, input#conferma, input#email, #modificaDati input, input#registrazione__username, input#registrazione__password, input#registrazione__conferma, input#registrazione__email { width:190px; padding:5px; border:#9FC72C 1px solid;}
#registrazione a {font-size:11px;}
#registrazione img#invia {position:relative; /*top:-40px; left:280px;*/ margin:0;cursor:pointer;}
#modificaDati .dati {width:200px; float:left; margin:7px 0 5px; font-size:14px; font-weight:bold; color:#7DAC0E}
input#salvaDati {position:relative; width:auto; left:300px;top:10px margin:0;border:0}
p.feedback {color:#3F8000; padding:10px;}
p.avviso {font-size:11px; margin:0 }
#col-dx p.feedback {font-size:14px; padding:0}

ul.esempi { margin: 5px}
ul.esempi li {padding-left:13px; background: url(http://multimedia.youkuki.com/images/square.gif) 0 8px no-repeat}

/*dati user*/
p.welcome {font-size:14px; font-weight:bold; margin:0}
.welcome a {color:#7DAC0E}

.next {clear:both; text-align:right; margin-right:10px;}
.next a {font-size:16px; font-weight:bold; color:#7DAC0E; padding: 0 10px 0 0;background: url(http://multimedia.youkuki.com/images/list.gif) center right no-repeat}
.next a.back {margin-right:20px;padding: 0  0 0 12px;background: url(http://multimedia.youkuki.com/images/back.gif) center left no-repeat}
.next a.more {margin-right:20px;padding: 0  0 0 15px;background: url(http://multimedia.youkuki.com/images/plus.gif) center left no-repeat}

table#utente { margin:0 10px 0px; font-size:11px; width:405px}
#utente caption {margin:0px 5px 0px 10px; text-align:left; font-size:15px; color:#7DAC0E; font-weight:bold; padding:10px 0 15px}
#utente th {padding:0 10px 0 0; text-transform:uppercase; text-align:left}
th.domanda {width:250px; font-size:12px}
th.redemption {width:35px; text-align:center}
#utente td {border-bottom:#FFF 1px solid; padding:2px 0}
#utente tfoot td {border-bottom:0; color:#999}
#utente tfoot td a {color:#7DAC0E;font-weight:bold;}
#utente td.paginazione {text-align:right}

/*primo e secondo step*/
#formato, #stile {margin:20px 15px 20px 0px;}
#stile .elenco {display: inline; float:left; width:100px;}
#stile .clear {clear: both; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px;}

#formato input, #formato label, #stile input, #stile label {vertical-align:middle;}
#formato input {margin-left:50px}
#formato input.nomargin, #stile input.nomargin {margin:0;}
#stile input {margin-left:0px}

#sampleDomanda {margin:0 15px}
#sampleDomanda ul {margin:20px 0 0px}
#sampleDomanda ul li {margin:10px 0 0;}
#sampleDomanda input {margin-right:10px}

/*terzo step*/
#tipo {margin:20px 5px 50px}
/*prova bug ie*/  form#tipo {clear:both; height:100%; margin-bottom:30px}
#tipo input {vertical-align:bottom}
#tipo label {font-size:12px; font-weight:bold;margin:0}
#tipo div {font-size:11px; font-weight:normal;width:125px;float:left; line-height:100%; margin:0 10px}
#tipo input.nomargin {margin:0}
h3.off {color:#B1CB74; font-size:16px; margin-top:10px}
h3.on {color:#7DAC0E; font-size:16px; margin-top:10px}
#rispostaAperta {width:385px; height:90px; padding:5px;margin:10px 0 5px 0; border:#CCC 1px solid; font:12px "Trebuchet ms", verdana, helvetica, arial, sans-serif;}

/*quarto step*/
#inserisciDomanda {font-size:11px;}
#inserisciDomanda ul {margin:20px 0 0px}
.baloon180 form {margin:10px 5px 0; padding:0}
.baloon180 #inserisciDomanda ul {margin:10px 5px 0px 0;}
#inserisciDomanda ul li {margin:10px 0 0; height:40px;}
.baloon180 #inserisciDomanda ul li {margin:2px 0 0; height:35px;}
#inserisciDomanda input {margin-right:10px}
.baloon180  #inserisciDomanda input {margin-right:2px}
.add {text-align:right}
.baloon180 .add {margin-right:5px}
.add a {color:#7DAC0E; padding-left:13px; background: url(http://multimedia.youkuki.com/images/add.gif) 0 2px no-repeat}
.modificaDomanda input#domanda {border:#9FC72C 1px solid; height:15px; width:360px; padding: 5px; font-size:12px; margin-bottom:5px; margin-top:10px}
.baloon300 .modificaDomanda input#domanda  {width:240px; }
.baloon180 .modificaDomanda input#domanda  { height:13px; width:140px; padding: 2px 0; font-size:11px; margin-bottom:5px; margin-top:5px}
input.modificaRisposta {width:320px; height:22px; border:#848484 1px solid; margin:0}
.baloon300 input.modificaRisposta {width:200px; height:18px;}
.baloon180 input.modificaRisposta {width:115px; height:18px;}
.salvaRisposta {margin: 3px 0 3px 28px; }
.baloon180 .salvaRisposta {margin: 3px 0 0 20px;}
#inserisciDomanda {margin:0 15px}

/*quinto step*/
.genera {text-align:right; margin:20px 30px 30px 0;}
#col-dx textarea#codice {width:440px; height:180px; padding:1px 5px; margin:10px auto; border:#9FC72C 1px solid; font:12px "Trebuchet ms", verdana, helvetica, arial, sans-serif;}

/*contatti*/
#contatti label { width:160px;font-size:14px; font-weight:bold;display:block;float:left;margin:7px 0 5px}
#contatti input, #contatti textarea {float:left; margin:5px 0 8px; width:250px; padding:5px; border:#9FC72C 1px solid;}
#contatti textarea {height:200px;font:12px "Trebuchet ms", verdana, helvetica, arial, sans-serif;}
#contatti input#invia {border:none; width:auto; height:auto; margin-right:55px}

/*faq*/
h1.faq  {color:#7DAC0E}

/*stili di struttura dei baloon*/
.baloon420 #height {height:200px}
.baloon420 { padding:10px 10px 0 10px;	margin:0 auto 0; font-size:1em; width:400px;}
.baloon420 #rispostaAperta {width:360px; height:70px; padding:5px;margin:10px 0 0; border:#CCC 1px solid; font:12px "Trebuchet ms", verdana, helvetica, arial, sans-serif;}
div.bottom420 {display: block;height:46px; margin: 0 auto 0;clear:both; width:420px; }

.baloon180 #height {height:200px}
.baloon180 { padding:5px 0px 0 0px;	margin:0 auto 0; font-size:11px; width:180px}
.baloon180 h3 {font-size:13px;}
.baloon180 #sampleDomanda ul {margin:10px 0 20px 0; padding:0; }
.baloon180 #sampleDomanda ul li {margin:4px 0 0; padding:0}
.baloon180 #sampleDomanda input {margin-right:2px}
.baloon180 #rispostaAperta {width:145px; height:140px; padding:2px;margin:10px 0 ; border:#CCC 1px solid; font:11px "Trebuchet ms", verdana, helvetica, arial, sans-serif;}
div.bottom180 {display: block; height:46px; margin: 0 auto 0;clear:both; width:180px;}
.baloon180 .cloud {height:159px; overflow:hidden;margin-bottom:5px}
.baloon180 .cloud a {margin:2px;}
.baloon180 #openAnswer {height:155px;padding: 0 5px 0 0;font-size:11px;margin: 0;}
.baloon180 blockquote {margin: 0;text-align: left;text-indent:0;padding:2px 0 0 7px;height:100%;}
.baloon180 blockquote p {margin:0; padding:0}
.baloon180 #close {position:absolute; top:0; left:140px}
.baloon180 .cont ul li {padding:3px 0; margin:2px 0;position:relative;height:16px;}
.baloon180 .cont .res {width:20px; font-weight:bold;color:#7DAC0E; }
.baloon180 .cont li .imgRes  {height:15px; position:absolute; left:22px; top:1px; background:#DCDBDB; width:120px} 
.baloon180 .cont .imgRes img {height:15px;float:left; _margin-left:-3px}
.baloon180 .cont .answer {position:absolute; left:25px; top:2px; font-size:10px; z-index:1000; width:118px; height:12px;overflow:hidden;}

/*aggiungere tutti gli stili di struttura del ballon 300*/
.baloon300 #height {height:200px}
.baloon300 { padding:10px 10px 0 10px;	margin:0 auto 0;font-size:1em; width:280px}
div.bottom300 {display: block; height:46px; margin: 0 auto 0;clear:both; width:300px;}
.baloon300 #rispostaAperta {width:240px; height:90px; padding:5px;margin:10px 0 ;}
.baloon300 .cloud {height:100px; overflow:hidden;margin-bottom:5px}

/*modificare*/

.baloon300 .cloud a {margin:2px;}
.baloon300 #openAnswer {height:155px;padding: 0 5px 0 0;font-size:11px;margin: 0;}
.baloon300 blockquote {margin: 0;text-align: left;text-indent:0;padding:2px 0 0 7px;height:100%;}
.baloon300 blockquote p {margin:0; padding:0}
.baloon300 #close {position:absolute; top:0; left:140px}
.baloon300 .cont ul li {padding:3px 0; margin:2px 0;position:relative;height:16px;}
.baloon300 .cont .res {width:20px; font-weight:bold;color:#7DAC0E; }
.baloon300 .cont li .imgRes  {height:15px; position:absolute; left:22px; top:1px; background:#DCDBDB; width:120px} 
.baloon300 .cont .imgRes img {height:15px;float:left; _margin-left:-3px}
.baloon300 .cont .answer {position:absolute; left:25px; top:2px; font-size:10px; z-index:1000; width:118px; height:12px;overflow:hidden;}

/*##### STILE YOUKUKI#####*/
/*420*/
.stile1 .baloon420 {background: url(http://multimedia.youkuki.com/images/baloon420_top.gif) top left no-repeat;border-bottom:}
.stile1 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_bottom.gif) top left no-repeat; }

/*300*/
.stile1 .baloon300 { background: /*#E7E7E7*/ url(http://multimedia.youkuki.com/images/baloon300_top.gif) top left no-repeat;}
.stile1 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_bottom.gif) top left no-repeat;}

/*180*/
.stile1 .baloon180 { background: /*#E7E7E7*/ url(http://multimedia.youkuki.com/images/baloon180_top.gif) top left no-repeat;}
.stile1 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_bottom.gif) top left no-repeat;}

/*##### STILE CLASSICO #####*/
.stile2 {font-family: Georgia, Times, serif}
.stile2 h3.on {color:#000;}
.stile2 h3.off {color:#333;}

/*420*/
.stile2 .baloon420  {background: #FFF url(http://multimedia.youkuki.com/images/baloon420_2_top.gif) top left no-repeat;}
.stile2 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_2_bottom.gif) top left no-repeat; }

/*300*/
.stile2 .baloon300 { background: #FFF url(http://multimedia.youkuki.com/images/baloon300_2_top.gif) top left no-repeat;}
.stile2 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_2_bottom.gif) top left no-repeat;}

/*180*/
.stile2 .baloon180 { background: #FFF url(http://multimedia.youkuki.com/images/baloon180_2_top.gif) top left no-repeat;}
.stile2 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_2_bottom.gif) top left no-repeat; height:46px; margin: 0 auto 0;clear:both; width:180px;}
.stile2 .modificaDomanda input#survey__question__0__request__value {border:#000 1px solid;}
.stile2 .add a {color:#666; padding-left:13px; background: url(http://multimedia.youkuki.com/images/add_2.gif) 0 2px no-repeat}

/*##### STILE MODERNO #####*/
.stile3 {color:#FFF}
.stile3 h3.on {color:#FFF;}
.stile3 h3.off{color:#C5C5C5}
.stile3 .add a {color:#FFF; padding-left:13px; background: url(http://multimedia.youkuki.com/images/add_3.gif) 0 2px no-repeat}
.stile3 .modificaDomanda input#survey__question__0__request__value {border:#FFF 1px solid;}

/*420*/
.stile3 .baloon420  {background: url(http://multimedia.youkuki.com/images/baloon420_3_top.gif) top left no-repeat;}
.stile3 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_3_bottom.gif) top left no-repeat; }

/*300*/
.stile3 .baloon300 { background: url(http://multimedia.youkuki.com/images/baloon300_3_top.gif) top left no-repeat;}
.stile3 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_3_bottom.gif) top left no-repeat;}

/*180*/
.stile3 .baloon180 { background:  url(http://multimedia.youkuki.com/images/baloon180_3_top.gif) top left no-repeat;}
.stile3 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_3_bottom.gif) top left no-repeat; height:46px; margin: 0 auto 0;clear:both; width:180px;}

/*##### STILE CLASSICO #####*/
.stile4 {font-family: Arial, Verdana, sans-serif}
.stile4 h3.on {color:#7DAC0E;}

/*420*/
.stile4 .baloon420  {background: #FFF url(http://multimedia.youkuki.com/images/baloon420_4_top.gif) top left no-repeat;}
.stile4 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_4_bottom.gif) top left no-repeat; }

/*300*/
.stile4 .baloon300 { background: #FFF url(http://multimedia.youkuki.com/images/baloon300_4_top.gif) top left no-repeat;}
.stile4 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_4_bottom.gif) top left no-repeat;}

/*180*/
.stile4 .baloon180 { background: #FFF url(http://multimedia.youkuki.com/images/baloon180_4_top.gif) top left no-repeat;}
.stile4 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_4_bottom.gif) top left no-repeat; height:46px; margin: 0 auto 0;clear:both; width:180px;}

/*##### STILE FLOREALE #####*/
.stile5 {color:#333;}
.stile5 h3.on {color:#333;}
.stile5 h3.off{color:#333;}
.stile5 .add a {color:#333; padding-left:13px; background: url(http://multimedia.youkuki.com/images/add_2.gif) 0 2px no-repeat}
.stile5 .modificaDomanda input#survey__question__0__request__value {border:#FFF 1px solid;}

/*420*/
.stile5 .baloon420  {background: url(http://multimedia.youkuki.com/images/baloon420_5_top.gif) top left no-repeat;}
.stile5 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_5_bottom.gif) top left no-repeat; }

/*300*/
.stile5 .baloon300 { background: url(http://multimedia.youkuki.com/images/baloon300_5_top.gif) top left no-repeat;}
.stile5 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_5_bottom.gif) top left no-repeat;}

/*180*/
.stile5 .baloon180 { background:  url(http://multimedia.youkuki.com/images/baloon180_5_top.gif) top left no-repeat;}
.stile5 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_5_bottom.gif) top left no-repeat; height:46px; margin: 0 auto 0;clear:both; width:180px;}

/*##### STILE ORIENTE #####*/
.stile6 {color:#000;}
.stile6 h3.on {color:#000;}
.stile6 h3.off{color:#000;}
.stile6 .add a {color:#000; padding-left:13px; background: url(http://multimedia.youkuki.com/images/add_2.gif) 0 2px no-repeat}
.stile6 .modificaDomanda input#survey__question__0__request__value {border:#FFF 1px solid;}

/*420*/
.stile6 .baloon420  {background: url(http://multimedia.youkuki.com/images/baloon420_6_top.gif) top left no-repeat;}
.stile6 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_6_bottom.gif) top left no-repeat; }

/*300*/
.stile6 .baloon300 { background: url(http://multimedia.youkuki.com/images/baloon300_6_top.gif) top left no-repeat;}
.stile6 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_6_bottom.gif) top left no-repeat;}

/*180*/
.stile6 .baloon180 { background:  url(http://multimedia.youkuki.com/images/baloon180_6_top.gif) top left no-repeat;}
.stile6 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_6_bottom.gif) top left no-repeat; height:46px; margin: 0 auto 0;clear:both; width:180px;}

/*##### STILE Q MARK #####*/
.stile7 {color:#cecece;}
.stile7 h3.on {color:#cecece;}
.stile7 h3.off{color:#cecece;}
.stile7 .add a {color:#cecece; padding-left:13px; background: url(http://multimedia.youkuki.com/images/add_3.gif) 0 2px no-repeat}
.stile7 .modificaDomanda input#survey__question__0__request__value {border:#FFF 1px solid;}

/*420*/
.stile7 .baloon420  {background: url(http://multimedia.youkuki.com/images/baloon420_7_top.gif) top left no-repeat;}
.stile7 div.bottom420 {background: url(http://multimedia.youkuki.com/images/baloon420_7_bottom.gif) top left no-repeat; }

/*300*/
.stile7 .baloon300 { background: url(http://multimedia.youkuki.com/images/baloon300_7_top.gif) top left no-repeat;}
.stile7 div.bottom300 {background: url(http://multimedia.youkuki.com/images/baloon300_7_bottom.gif) top left no-repeat;}

/*180*/
.stile7 .baloon180 { background:  url(http://multimedia.youkuki.com/images/baloon180_7_top.gif) top left no-repeat;}
.stile7 div.bottom180 {background: url(http://multimedia.youkuki.com/images/baloon180_7_bottom.gif) top left no-repeat; height:46px; margin: 0 auto 0;clear:both; width:180px;}

/*errori*/
.errore {color:#DE0000;}
.errore input {border:#DE0000 1px solid !important}
.errore p {font-size:11px; margin:5px 0; clear:both}

/*legenda*/
#legenda {font-size:11px;margin-top:-7px}
#legenda img {margin-left:10px}

/* Clear those Floats!!!
----------------------------------------------- */

.clearfix:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*risultati checkbox e radio*/
.cont {position:relative}
.cont ul li {padding:3px 0; margin:6px 0;;position:relative;height:18px}
.cont .res {width:25px; font-weight:bold;color:#7DAC0E }
.cont li .imgRes  {height:20px; position:absolute; left:35px; top:1px; background:#DCDBDB; width:285px} 
.cont .imgRes img {height:20px;}
.cont .answer {position:absolute; left:35px; top:2px; font-size:11px; z-index:1000; width:282px; height:16px;overflow:hidden;}
.cont .answer a {color:#333; margin-left:3px}
.cont .answer a:hover {text-decoration:none}
.cont .numb {position:absolute; left:325px; top:1px; font-size:11px; color:#666;; text-transform:uppercase;width:75px; text-align:right;}

/*popup codice*/
.cont textarea#codice {margin:0; width:380px;height:130px; font-size:11px}

/*risultati table*/
table#risposte { font-size:11px; width:405px;margin:5px 15px 7px 20px;}
#risposte caption {margin:20px 5px 12px 15px; text-align:left; font-size:16px; color:#7DAC0E; font-weight:bold}
#risposte th {padding:0 10px 0 0; text-transform:uppercase; text-align:left}
#risposte th.domanda {width:300px; font-size:12px}
risposterisposte th.percentuale {width:35px; text-align:center}
#risposte td {border-bottom:#FFF 1px solid; padding:2px 0}

/*risultati risposta aperta*/
.cloud {text-align:center;margin-top:10px; margin-bottom:5px;height:145px; overflow:hidden}
.cloud a {margin:2px}
.cloud a:hover {text-decoration:none; color:#484747}
a.link1 {font-size:100%; color:#B1B1B1}
a.link2 {font-size:130%; color:#9C9C9C}
a.link3 {font-size:150%; color:#8D8D8D}
a.link4 {font-size:170%; color:#858585}
a.link5 {font-size:190%; color:#7B7B7B}
a.link6 {font-size:220%}

#openAnswer {height:135px;padding: 0 5px 0 0;background: url(http://multimedia.youkuki.com/images/quotes_close.gif) bottom right no-repeat;font-size:11px;margin-top:5px;position:relative}
blockquote {margin: 0;text-align: left;text-indent:0;padding:5px 0 0 15px;background: url(http://multimedia.youkuki.com/images/quotes_open.gif) 0 0 no-repeat;height:100%; overflow:auto}
.cont .al-right {text-align:right; margin:10px 10px 0 0;}
blockquote p {margin:0; padding:0}
#close {position:absolute; top:-10px; left:390px} 
.buttons {position:absolute; width:400px;top:-10px;left:30px;height:100% }/*aggiunto*/
.buttons img {margin-right:5px}

/*lightbox*/
.baloon .contentLightbox {height:250px; overflow:auto}

/*bottoni wizard*/
img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_1.gif) top left no-repeat }
img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_1.gif) top left no-repeat }

.stile2 .baloon180 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_2_180.gif) top left no-repeat }
.stile2 .baloon180 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_2_180.gif) top left no-repeat }

.stile3 .baloon180 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_3_180.gif) top left no-repeat }
.stile3 .baloon180 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3_180.gif) top left no-repeat }

.stile5 .baloon180 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_5_180.gif) top left no-repeat }
.stile5 .baloon180 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3_180.gif) top left no-repeat }

.stile6 .baloon180 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_6_180.gif) top left no-repeat }
.stile6 .baloon180 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3_180.gif) top left no-repeat }

.stile7 .baloon180 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_7_180.gif) top left no-repeat }
.stile7 .baloon180 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3_180.gif) top left no-repeat }

.stile2 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_2.gif) top left no-repeat }
.stile2 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_2.gif) top left no-repeat }

.stile3 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_3.gif) top left no-repeat }
.stile3 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3.gif) top left no-repeat }

.stile5 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_5.gif) top left no-repeat }
.stile5 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3.gif) top left no-repeat }

.stile6 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_6.gif) top left no-repeat }
.stile6 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3.gif) top left no-repeat }

.stile7 img.butt_invia {background: url(http://multimedia.youkuki.com/images/butt_invia_7.gif) top left no-repeat }
.stile7 img.butt_invia_off {background: url(http://multimedia.youkuki.com/images/butt_invia_off_3.gif) top left no-repeat }

img.butt_salva {background: url(http://multimedia.youkuki.com/images/butt_salva_1.gif) top left no-repeat }
img.butt_cancella {background: url(http://multimedia.youkuki.com/images/butt_cancella_1.gif) top left no-repeat }

.baloon180 img.butt_salva {height:17px; background: url(http://multimedia.youkuki.com/images/butt_salva_1_180.gif) top left no-repeat }
.baloon180 img.butt_cancella {height:17px; background: url(http://multimedia.youkuki.com/images/butt_cancella_1_180.gif) top left no-repeat }
.baloon180 img.butt_invia {width:44px; height:17px; background: url(http://multimedia.youkuki.com/images/butt_invia_1_180.gif) top left no-repeat}

.stile2 .baloon180 img.butt_salva {height:17px; background: url(http://multimedia.youkuki.com/images/butt_salva_2_180.gif) top left no-repeat }
.stile2 .baloon180 img.butt_cancella {height:17px; background: url(http://multimedia.youkuki.com/images/butt_cancella_2_180.gif) top left no-repeat }

.stile3 .baloon180 img.butt_salva {height:17px; background: url(http://multimedia.youkuki.com/images/butt_salva_3_180.gif) top left no-repeat }
.stile3 .baloon180 img.butt_cancella {height:17px; background: url(http://multimedia.youkuki.com/images/butt_cancella_3_180.gif) top left no-repeat }

.stile2 img.butt_salva {background: url(http://multimedia.youkuki.com/images/butt_salva_2.gif) top left no-repeat }
.stile2 img.butt_cancella {background: url(http://multimedia.youkuki.com/images/butt_cancella_2.gif) top left no-repeat }

.stile3 img.butt_salva {background: url(http://multimedia.youkuki.com/images/butt_salva_3.gif) top left no-repeat }
.stile3 img.butt_cancella {background: url(http://multimedia.youkuki.com/images/butt_cancella_3.gif) top left no-repeat }

.stile5 img.butt_salva, .stile6 img.butt_salva, .stile7 img.butt_salva {background: url(http://multimedia.youkuki.com/images/butt_salva_NA.gif) top left no-repeat }
.stile5 img.butt_cancella, .stile6 img.butt_cancella, .stile7 img.butt_cancella {background: url(http://multimedia.youkuki.com/images/butt_cancella_NA.gif) top left no-repeat }

.stile5 .baloon180 img.butt_salva, .stile6 .baloon180 img.butt_salva, .stile7 .baloon180 img.butt_salva {height:17px; background: url(http://multimedia.youkuki.com/images/butt_salva_NA_180.gif) top left no-repeat }
.stile5 .baloon180 img.butt_cancella, .stile6 .baloon180 img.butt_cancella, .stile7 .baloon180 img.butt_cancella {height:17px; background: url(http://multimedia.youkuki.com/images/butt_cancella_NA_180.gif) top left no-repeat }