/* FONTS, da rimuovere in produzione */
@font-face {
    font-family: 'sole_serif_headlinebold';
    src: url('http://c.res.24o.it/css2013/font/soleserifdisplay28head04bold-webfont.eot');
    src: url('http://c.res.24o.it/css2013/font/soleserifdisplay28head04bold-webfont.eot?#iefix') format('embedded-opentype');
    src: url('http://c.res.24o.it/css2013/font/soleserifdisplay28head04bold-webfont.ttf') format('truetype'),
         url('http://c.res.24o.it/css2013/font/soleserifdisplay28head04bold-webfont.woff') format('woff'),
         url('http://c.res.24o.it/css2013/font/soleserifdisplay28head04bold-webfont.svg#sole_serif_headlinebold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sole_serif_headlineregular';
    src: url('http://c.res.24o.it/css2013/font/soleserifdisplay28head02regular-webfont.eot');
    src: url('http://c.res.24o.it/css2013/font/soleserifdisplay28head02regular-webfont.eot?#iefix') format('embedded-opentype');
    src: url('http://c.res.24o.it/css2013/font/soleserifdisplay28head02regular-webfont.ttf') format('truetype'),
         url('http://c.res.24o.it/css2013/font/soleserifdisplay28head02regular-webfont.woff') format('woff'),
         url('http://c.res.24o.it/css2013/font/soleserifdisplay28head02regular-webfont.svg#sole_serif_headlineregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sole_serif_textregular';
    src: url('http://c.res.24o.it/css2013/font/soleseriftext0402regular-webfont.eot');
    src: url('http://c.res.24o.it/css2013/font/soleseriftext0402regular-webfont.eot?#iefix') format('embedded-opentype');
    src: url('http://c.res.24o.it/css2013/font/soleseriftext0402regular-webfont.woff') format('woff'),
         url('http://c.res.24o.it/css2013/font/soleseriftext0402regular-webfont.ttf') format('truetype'),
         url('http://c.res.24o.it/css2013/font/soleseriftext0402regular-webfont.svg#sole_serif_textregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* widget*/
#overlay{ background-color: black; position: absolute; top: 0px; left:0px; z-index: 100;}
/* generici */
#wlauncher.hover{/*background:url(../img/icona-widget_off.png)*/}
#wlauncher a{color:#ffffff;text-decoration:none;font-size:10px;display:block;position:absolute; bottom:3px;text-align:center;width:50px;}
#wlauncher a:hover{text-decoration:underline;}
#widget {display:none;}
#wbody {width:540px;background-color:#ffffff;font-family:Arial;}
#wbody .clearer {clear:both;}
#wbody ul {list-style:none outside none;}
#wbody .status{background:#f53318; color: #ffffff; text-align:center; font-size:12px;padding:5px;}
#wbody p {margin:0;}
#wbody .testata {
height:63px;
line-height: 63px;
padding:0px;
background-color: #3a3a3a;
text-align:left;
font-size:24px;
color: #fff;
font-family: 'sole_serif_headlinebold', 'Times New Roman',serif;
padding-left: 25px;
}

#wbody .testata .my24_logo_black {
background: #3a3a3a url('/_client/img/my24_dark.png') no-repeat;
width:83px;
height:31px;
line-height:36px;
text-indent: -999999px;
display:inline-block;
}

#wbody .testata #closeoverlay {
width: 27px;
height: 27px;
line-height: 28px;
display: block;
font-size:14px;
font-family: sans-serif;
border: 1px solid #fff;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #fff;
cursor: pointer;
text-align: center;
float: right;
margin: 16px;
}


#wbody .corpo {background-color:#fff;padding:22px 25px 1px 25px;font-size:12px;color:#333333;}
#wbody p.ciao, #wbody p.msg {padding-left:0px;}
#wbody p.ciao {text-align: left;}
#wbody p.ciao a {color:#da2616;}
#wbody div.area {padding: 10px 0px; margin:0 auto;  font-family: 'sole_serif_textregular','Times New Romans', serif; font-size:14px;text-align:left;}
#wbody div.area p{ font-family: 'sole_serif_headlineregular';font-size: 16px; color: #1f1f1f;padding: 0px;}
#wbody div.area.facebook { width: 420px;}
#wbody div.area.crea { text-align:center;}
#wbody div.area p.titolo_articolo { font-family: "sole_serif_headlinebold","Times New Roman",serif; font-size:20px;line-height:24px;}
#wbody div.active {/*background-color:#c9d0e3;*/}
#wbody div.tipo.area {width:380px;margin:0; font-size:16px; min-height:34px; color:#1f1f1f;padding-bottom:0;font-family: 'sole_serif_headlineregular';}
#wbody div.tipo.area .tipo_left {float:left;width:100px; padding: 3px 0 0;}
#wbody div.tipo.area .tipo_right {float:right; width:140px;height:25px;}


#wbody .questionmark {background:#DCDCDC; border: 1px solid #868686; color:#000000; padding:10px; width: 140px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; font-size:10px; position:absolute; left:3px; top: 27px;z-index:1000;display:none;}
#wbody div.titolo {margin-top:18px; border-bottom: 1px solid #ebebeb;font-family: 'sole_serif_headlineregular';font-size: 16px; color: #1f1f1f;padding: 0px;}


#wbody div.tipo input {margin-left:13px;}
#wbody div.ul_folder_list {height:85px;width:435px;overflow:auto;
padding: 4px 8px;
border: 1px solid #d4d4d4;
box-shadow: -2px 2px 4px #e6e6e6 inset;
-moz-box-shadow: -2px 2px 4px #e6e6e6 inset;
-webkit-box-shadow: -2px 2px 4px #e6e6e6 inset;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border: 1px solid #d4d4d4;
}
#wbody .area.cartelle p { padding:0 0 13px 0;}
#wbody .area.cartelle, #wbody .area.taglist { padding-top:0;}
/*
#wbody ul.folder_list {padding:1px 0 3px;width:auto;margin:0;position:relative;}
#wbody ul.folder_list ul {padding-left:22px;}
#wbody ul.folder_list li {padding-top:2px;}
#wbody ul.folder_list li.root {margin-left:8px;}
#wbody ul.folder_list span {font-size:11px;color:#333333;font-weight:normal;cursor:default;}
#wbody ul.folder_list span.riga-li {white-space:nowrap;}
#wbody ul.folder_list a {text-decoration:none;}

#wbody ul li span.espandi {cursor:default;display:none;}
#wbody ul li span.opened {background:url(../img/el-opened.gif) no-repeat 0 4px;}
#wbody ul li span.closed {background:url(../img/el-closed.gif) no-repeat 0 4px;}
#wbody ul li span.checkbox {margin:0 6px;cursor:default;}
#wbody ul li span.chk-off {background:url(../img/checkbox-off.png) no-repeat 0 3px;}
#wbody ul li span.chk-on {background:url(../img/checkbox-on.png) no-repeat 0 3px;}
*/
ul.folder_list, #folderlist ul.taglist { margin:-5px 0px 0px 0px;padding:0 0 4px;/*width:auto;*/width:420px;background:url(../img/righe_titoli.png) repeat-x left bottom }
ul.folder_list li, #folderlist ul.taglist li {position:relative;/*overflow:hidden;*/font-family:sole_serif_headlineregular;font-size:16px;}
ul.folder_list li.root, ul.folder_list li + li {margin-top:-1px;}
ul.folder_list li:last-child {border-bottom:0px;margin-top:0px;}
ul.folder_list li a.espandi {margin-left:2px;margin-top:16px;float:left;position:absolute;line-height:10px;}
ul.folder_list li ul li ul li a.espandi{margin-top:5px;}
ul.folder_list span, ul.folder_list .foldername{color:#333333;cursor:pointer;font-size:16px;line-height:24px;font-weight:normal;}
/* rientri delle liste cartelle */
ul.folder_list li ul .riga-li {padding-bottom:1px; margin-top: -1px;}
ul.folder_list li ul .foldername {/*margin-left:30px;*/line-height:16px;line-height:24px; min-height: 24px; height: auto;width: 300px;}
ul.folder_list span.riga-li{display:block;width:100%;padding-top:3px;padding-bottom:3px;border-top:1px solid #f1eae3;}
ul.folder_list li ul li ul li{border-top:0px;border-bottom:0px;}
ul.folder_list li ul li ul li .foldername {/*margin-left:60px;*/font-size:14px;}
ul.folder_list li ul li ul li span.riga-li{border: 0px;}
ul.folder_list .foldername:hover{text-decoration:underline}
ul.folder_list .root{font-family:'sole_serif_headlinebold','Times New Roman',serif}

ul.folder_list li.root{border-top:0px; padding: 0px 0px 0px 10px;}
ul.folder_list li.root span.riga-li .foldername {padding:4px;}
#wbody .checkbox{
    border-right: 0 none;
    cursor: pointer;
    height: 12px;
    padding: 0;
    width: 14px;
	margin: 10px 5px 0px 0px;}
#wbody .checkbox.chk-on{background: url(../img/checkbox_on.png) no-repeat top left;}

ul.folder_list span.riga-li,ul.folder_list span.checkbox,ul.folder_list span.foldername{display:block;float: left;}

/*
#wbody ul.folder_list li ul li .riga-li {padding-top:0px!important;line-height:30px;}
#wbody ul.folder_list li ul li ul li .riga-li {padding-top:0px!important;line-height:17px}
*/
#wbody .folder_list .checkbox.chk-off{background:url(../img/checkbox_off.png) no-repeat center center}
#wbody ul li span.espandi {cursor:default;display:none;}


#wbody ul li span.none {visibility:hidden;}




#wbody .hidden {visibility:visible; display:none!important;}
#wbody .taglist {min-height: 30px; height: auto; position:relative;}
#wbody .taglist label {margin: 5px 0px 0px 0px;}
#wbody .taglist input.text {width:474px;height:22px;font-size:16px;}
#wbody input.inactive{color:#909090;}
#wbody div.buttons {float:right;}
#wbody .titolo .buttons, #wbody .cartelle .buttons {width:25px;}
#wbody .taglist .buttons {width:60px;}
#wbody a.tag_button, #wbody .actions input { height: 23px;text-align:center;font-size: 17px; display:block;text-decoration:none; /*background: #cfc7ba; color: #000000; border: 1px solid #898989;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;*/}

#wbody .qmark a.tag_button {
    background: url(../img/info.png) no-repeat 0px 0px;
    border: 0;
    display: block;
    float: right;
    height: 16px;
    margin: 0;
    position: relative;
    text-indent: -20000px;
    width: 16px;
}
#wbody .qmark a.tag_button:hover{opacity: 0.5;}
#wbody .titolo .qmark a.tag_button{margin: 38px 0 0;}


#wbody .actions input {margin: 0px 0px 0px 0px;}
#wbody a.tag_button {width: 23px; line-height:23px; position:relative;}
#wbody a.tag_button span {background: url(../img/see-tags-grey.png) no-repeat;display:block;width:26px; height:26px;position:absolute; left:6px;}
#wbody a.tag_button:hover span{opacity: 0.5}
#wbody .qmark {position:relative;}
#wbody .actions input {cursor:pointer;}
#wbody .cartelle .qmark {margin-top:10px;}
#wbody .taglist .qmark {float:right;}
#wbody a.tag_button:hover,#wbody a.hover{cursor:pointer;}
#wbody .qmark a.tag_button:hover, #wbody .qmark a.hover {color:#000;}
#wbody a.cartella span {background:url(../img/add-folder-grey.png) no-repeat;width:32px; height:32px;}
#wbody a.cartella:hover span{opacity: 0.5}
#wbody .taglist .alltags {display:none; margin: 10px; font-size:12px;width:381px;}
#wbody .taglist .alltags span{text-transform:uppercase; font-size:10px;color#444;display:block;margin-left:-10px;}
#wbody .taglist .alltags .tag {display:block;float:left;margin:3px; padding:1px;font-weight:normal;cursor:pointer;}
#wbody . 	 .alltags .selected {color:#ffffff;background:#909090}
#wbody .taglist .alltags .hover{color:#ffffff;background:#444444}
#wbody .actions {padding:10px 0 25px; display:inline-block;   margin:0 25px;}
#wbody .actions .alignleft { float: left; margin-right:0px;}
#wbody .actions .alignright { float:right; margin-left:0px;}

#widget #wbody form .corpo.actions { padding:13px 0 50px 0;display:block; width:490px;}
#widget #wbody form .corpo.actions input {padding-left:6px; padding-right:6px;}

#wbody .actions input {font-size:12px;padding-bottom:5px}
#wbody .acdrop {position:absolute; left:68px; top:35px; width: 270px;padding:7px 3px 10px;margin:0;background-color:#f3f0ed; border: 1px solid #898989;z-index:1000;}
#wbody .acdrop a {display:block;padding: 1px 6px;color:#000;font-weight:100;font-size:11px;text-decoration:none;}
#wbody .acdrop a:hover {background-color:#cdcddb;text-decoration:none;cursor:default;}
/*#wbody input.ui-button {
width: auto;
background: #575657;
background: -moz-linear-gradient(top,  #575657 0%, #3a393a 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575657), color-stop(100%,#3a393a)); 
background: -webkit-linear-gradient(top,  #575657 0%,#3a393a 100%);
background: -o-linear-gradient(top,  #575657 0%,#3a393a 100%);
background: -ms-linear-gradient(top,  #575657 0%,#3a393a 100%);
background: linear-gradient(to bottom,  #575657 0%,#3a393a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575657', endColorstr='#3a393a',GradientType=0 );
border: 1px solid #747474;
font-family: 'sole_serif_textregular', 'Times New Roman',serif;
color: #fff;
text-shadow: 1px 1px 2px #222;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin: 0 auto;
cursor: pointer;
height:32px;line-height: 32px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}*/
#wbody input.ui-button {
    background: url("/img/assets/sfumatura_tasto.png") repeat-x scroll left bottom #4A4A4A;
    border-radius: 3px 3px 3px 3px;
    color: #F1F1F1;
    font-family: sole_serif_headlinebold;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-shadow: 1px 1px 0 #000000;
    text-transform: uppercase;
    width: 219px;
	border: 0px;
}

#wbody .ui-state-hover {background:url(../img/ui-bg_highlight-hard_100_efece6_1x100.png) repeat-x scroll 50% 50% #EFECE6!important;}
#wbody ul.folder_list li input {border:1px solid #898989;font-size:11px!important;margin:-1px 0!important;}
/*login*/
#widget .login {padding:0px!important;}

 
#wbody .intro {font-family: 'sole_serif_textregular', 'Times New Roman',serif;clear:both;font-size:16px;}
#wbody .intro p {font-family: sole_serif_headlinebold;font-size:16px;padding: 0;line-height:20px; font-weight: normal;margin-bottom:15px;color: #1f1f1f}
#wbody .intro p.intro_sub { font-family: 'sole_serif_textregular', 'Times New Roman',serif; font-size: 16px; font-weight: normal;color:#333333;}
.login .area {padding:0px 0px 19px 0px;font-size:12px;color:#333333;font-size:12px;font-weight:normal!important;clear:both;zoom:1}
.login .area a {text-decoration: underline; font-style:normal; font-weight:normal;color:#3e5e71;}
.login .area a.recupera {font-size:10px; display:block;font-weight:normal;font-style: normal;clear:both;float:right; color:#3e5e71;}
.login .area form {display:block; clear:both; width: 300px;margin:4px auto 0 auto;position:relative;zoom:1; font-family: sans-serif; font-size: 12px;text-align:center;}
.login .area label {width: 72px;  line-height:16px;margin-top:8px;display:block;text-align: left;}
.login .area input {height:26px;margin-top:4px;
}
.login .area input.text, .taglist input.text, .area.titolo input.text {
box-shadow: -2px 2px 4px #e6e6e6 inset;
-moz-box-shadow: -2px 2px 4px #e6e6e6 inset;
-webkit-box-shadow: -2px 2px 4px #e6e6e6 inset;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border: 1px solid #d4d4d4;
padding:4px 7px 6px;
height: 16px;
line-height: 16px;
margin: 4px 0 10px 0;
width: 286px;
}
.area.titolo input.text { width: 430px;margin: 10px 0 15px; padding: 10px;font-family: Arial;color:#7e7e7e; font-size: 12px;}


.login .area input.ui-button {margin-top:3px;text-align:center;}
.login .facebook {height:10px;background:none;}
.login .facebook label, .login .crea label  {width:270px;margin:0px;height:15px;line-height:19px;float:left; text-align:right;}
.area.crea .right_arrow {display: inline-block; padding-right:10px; background: transparent url('/_client/img/right_arrow.png') no-repeat right 2px; }


.login .crea input.ui-button {margin-top:-3px;}
.login .crea label  {margin-top: 4px;}
.login input.ui-button {width:80px;}
.login input.hidden {display:none;}
#wbody #fb_button{text-indent:9000px;overflow:hidden;background:url(http://imagesdotcom.ilsole24ore.com/img2010/fbconnect.gif) repeat scroll 0 0 transparent;height:21px;margin-left:13px;position:absolute;width:89px;right:26px;}
.login .moreinfo {height: 37px; line-height: 37px; margin-top:6px; border-top:1px solid #e4e4e4;}
.login .moreinfo a{color:#3e5e71; font-size:12px;}
.login .moreinfo a:hover {text-decoration:underline;}
#wbody .greencode{background-color:#00a145;}
/* specifici per i siti */
/*.dotcom {clear:both;float:right;margin:0px 15px 15px 0px;}*/
.bdol, .dotcom2, .widget-bdprof, .widget-glavoro{background-color:#fff!important;width:52px; height:58px;background:url(../img/icona-widget_on.png) no-repeat;clear:both;position:relative;cursor:pointer;float:right;margin:0px 15px 15px 0px;}
.widget-bdprof{margin:0px;width:49px;}
.widget-bdprof{text-align:left;float:left;}
.bdol:hover{background:url(/_client/img/icona-widget_off.png)!important;}
#widget .bdol2 input.text,#widget .glavoro input {height:25px!important;}
.quotidianoonline {height: 21px!important; width: 18px!important;  background:url(/_client/img/estratto-articolo_on.png) no-repeat!important;}
.quotidianoonline:hover{background:url(/_client/img/estratto-articolo_off.png) no-repeat!important;}
.quotidianoonline a {display:none!important;}
/* loading */
.loading{display:none;position:absolute; top:180px;left:200px;padding:10px!important; background:#5a5a5a!important;width:32px; height:32px;  border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
/*popup blocker */
.popupblocker {width:250px; height:110px; padding:10px;color:#000; background: #f5f1ee; border:1px solid #4f4c45; position:absolute; top: 5px; left:10px;z-index:1000001; font-size:12px;}
.popupblocker a{color:#df3327;font-weight:bold;}