html, body { margin: 0; padding: 0; text-align: center; }  
#wrapper { padding-top: 8em; margin: 0 auto; text-align: center; position: relative; }

/* HEADER */
#header { position: absolute; width: 100%; height: 7em; margin: 0 auto; top:0; left:0; text-align: left; clear: both;}
#header_top { height: 5em; width:100%; text-align: left; }
#header h2{ font-weight: bold; font-size: 1.5em; padding: 0; margin: 0; }
#header h2 a{ text-decoration: none;}
#header h3{ font-weight: normal; font-size: 0.9em; padding: 0; margin: 0;}
#header_innerright{ margin-left: 15px; margin-right: 0;}
#header_innerleft{ margin-left: -15px; margin-right: 15px;}
#header_contents { margin: 0 0 0 15px;}
#header_leftcol {float: left; height: 4.3em; text-align: left; width: 65%; padding: 0.3em 0 0 0;}

#header_rightcol { float:right; padding:0.5em 0 0 0; margin:0; height: 4em; text-align: right; width: 30%;}
#header_rightcol ul {  display: block; padding:0; margin:0; text-align: right; list-style: none;}
#header_rightcol ul li { position: relative; height: 30px; margin: 0; padding-top:0; text-align: right; font-size: 0.9em;}

#header_rightcol ul li a {}
#header_rightcol ul li a span { display: none; }
#header_rightcol ul li a:hover {height: auto; overflow: hidden; }
#header_rightcol ul li a:hover span { text-align: justify; display: block; z-index: 90; width: 11em; position: absolute; text-decoration: none; top: 0.3em; right: 8em; padding: 0.5em;}
#header_menu {clear: both; height: 2em; }
#header_right_search{ float: right; height: 21px; font-size: 0.9em; margin:0; vertical-align: top; text-align: right; }
#search_input{ margin: 0; padding: 0; }
#search_button{ margin: 0; padding: 0 0.2em 0 0.2em; }



#header_popup {position: absolute; padding-left: 0.5em; padding-right:0.5em; top:0.2em; right: 0.2em; z-index: 99; font-size: 1em; }
#header_popup div{ text-align: right; padding-top: 0.4em; padding-bottom: 0.5em; }
#header_popup p{ text-align: left; padding: 0 0 0.4em 0; margin: 0; font-size: 0.7em; }
#header_popup ul{ font-size: 0.9em; padding:0.3em; margin:0 0 0.3em 0; list-style: none; }
#header_popup ul li{ padding-bottom:0.3em; text-align: justify; }


/* CONTENTS */
#contents {text-align: left; margin-top: 0;  min-height: 25em; height: auto !important; height: 25em; clear: both; padding: 0 0.5em 0.5em 0.5em;}

#user_warning  { margin: 1em 0 1em 0; }

/* SECTION LEFT SECTION RIGHT */
#section_left { margin-right: 40%; }
#section_right { float: right; width: 33%; font-size: 0.75em;}
.item_right { width: 100%; clear: both; margin: 0 0 1em 0; padding: 0;}
.item_right_contents { padding: 0.5em; }
.item_right_contents ul { font-weight: normal; padding: 0; margin: 0; list-style: none;}
.item_right_contents ul li { padding: 0 0 0.9em 0; margin: 0; }
.item_right_contents ul li h4 { padding: 0; margin: 0; font-weight: bold; font-size:0.95em;  }
.item_right_contents img { float: left; margin: 0 1em 0 0; padding: 0;}
.item_right_contents div { margin: 0; padding: 0;}
.h4_star {margin: 0; padding-top: 0; padding-bottom:0; font-weight: bold; font-size:1.1em; }



/* RESPAGES */
.respages { font-size: 0.9em; margin: 0.8em 0 0.8em 0; }
.respages_other { padding: 0.2em; margin: 0.2em; } 
.respages_arrow { padding: 0.2em; margin: 0.2em;}
.respages_current { padding: 0.2em; margin: 0.2em;}

/* ARTICLES LIST */
#articles_list { text-align: left; }
#articles_list ul {list-style: none; margin:0; padding:0;}
#articles_list ul li {list-style: none; margin:0.5em 0 0.9em 0; padding:0;}
#articles_list li h2{ padding:0 0 0 0.3em; margin:0; font-size: 0.85em; font-weight: bold;}
#articles_list li h3{ padding:0 0 0 0.6em; margin:0 0 0.2em 0; font-size: 0.75em; font-weight: normal;}
#articles_list li p {padding:0 0 0 1em; margin:0 0 0.2em 0; font-size: 0.9em;}
#articles_list li h4 {padding:0 0 0 0.6em; margin:0 0 0.2em 0; font-size: 0.75em; font-weight: normal;}    
#articles_list li h4 a { margin-right: 0.5em; }

/* YOU ARE HERE */
#where { text-align: left; font-size: 0.8em; clear: both; padding: 0.2em; margin-bottom: 0.7em;}
#where span a:hover {text-decoration: none; }

/* ARTICLE PAGE */
.article_single_page {z-index: 2; font-size: 0.9em; margin-bottom: 2em;}
.let_overflow { width: 100%; overflow: auto;}
.article_multiple_pages {z-index: 2; margin-bottom: 3em; font-size: 0.9em;}

/* ARTICLE TITLE AND LINKS */
#article_title { margin-bottom: 1em; }
#article_title h2{ margin:0; padding:0; font-weight: bold; font-size: 1.3em; }
#article_title h3{ margin:0; padding:0; font-weight: normal; font-size: 1em; }
#article_title h4{ margin:0; padding:0; font-weight: normal; line-height:1.2em; font-size: 0.8em; }
#article_title h4 a { margin-right: 0.5em; }
#article_title h4 a:hover { text-decoration: none; }

#article_pages { clear: both; padding: 0.5em; text-align: right; font-size: 0.8em; z-index: 4; }
#article_pages h4 { position: relative; margin:0.9em 0 0 0; padding:0; font-weight: normal; font-size: 0.9em; }
#article_pages  h4 a.article_pages_popup span { display: none; }
#article_pages  h4 a.article_pages_popup:hover {  height: auto; overflow: hidden; }
#article_pages  h4 a.article_pages_popup:hover span { text-align: justify; display: block; z-index: 97; width: 15em; position: absolute; text-decoration: none; top: -4em; right: 7em; padding: 0.5em;}

.article_pages_link { padding: 0.2em; margin: 0.2em;} 
.article_pages_current { padding: 0.2em; margin: 0.2em;}
.article_pages_arrow { padding: 0.2em; margin: 0.2em;}
.article_pages_arrow a:hover, .article_pages_current a:hover, .article_pages_link a:hover { text-decoration: none; }  

#article_tools_div { clear: both; margin-top: 0.5em; padding:0;}
#article_tools_head { clear: both; margin: 0; padding:0; min-height: 2.5em; height: auto !important; height: 2.5em; font-size: 0.9em; overflow: visible;  }
h4.article_tools { position: relative; float: left; font-size: 1em; font-weight: normal; overflow: visible;  z-index: 3; padding: 0.5em 1em 0.5em 1em; margin: 0;}
h4.article_tools a {  }
h4.article_tools a span { display: none; }
h4.article_tools a:hover { height: auto; overflow: hidden; }
h4.article_tools a:hover span { position: absolute; font-size: 75%; text-align: left; display: block; line-height: 1.1; z-index: 95; width: 15em; bottom: 3em; left: -1em; text-decoration: none; padding: 0.5em;}
h3.article_tools { position: relative; float: left; font-size: 1em; font-weight: normal; overflow: visible;  z-index: 3; margin: 0.5em 0 0.5em 0; padding: 0;}

#article_extradiv { clear: both; padding:0; margin:0; }
#article_extra_wrapper { clear: both; padding: 0.4em; }
#article_extra_contents { clear: both; padding: 0.4em; }
#article_extra_closediv { clear: both; padding-bottom: 0.4em; padding-top:0; text-align: right;  }
#article_extra_closediv a { font-size: 0.7em; }

#article_extrapop_linkcount  { padding: 0.2em 0.3em; text-align: left; font-size: 0.9em;  }
#article_extrapop_linkcount p { margin: 0; padding: 0.2em; }
#ybadge {position:relative; left:0px; top:0px; width:110px; height:55px; z-index:1; border: 1px solid #8ea9ba; background: url(https://sec.yimg.com/us.yimg.com/i/us/sch/el/siteex_badgebig_bg.gif) repeat-x; overflow: hidden; cursor:pointer; }
#ylogo {position: absolute; left:6px; top:5px; width:18px; height:10px; z-index:1; }
#ynum {position: absolute; left: 2px; top:21px; width:106px; font:bold 14px Arial, Helvetica, sans-serif; color: #2d2a25; height:15px; z-index:2; text-align: center; }
#ytxt {position: absolute; height:15px; z-index:3; font:normal 11px Tahoma, Verdana, Arial; left: 2px; top:38px; width:106px; color: #2d2a25; text-align: center; }


#article_extrapop_react  { padding: 0.2em 0.3em; text-align: left; font-size: 0.9em; }
#article_extra_react_button { width: 4em; }
#article_extrapop_bookmark { padding: 0.2em 0.3em; text-align: left;  font-size: 0.9em;}
#article_extrapop_react ul {list-style: none; margin: 0; padding: 0;}
#article_extrapop_react ul li { display: block; }
#article_extrapop_bookmark ul {overflow: auto; width: 100%; padding: 0; margin: 0; clear: both; font-size: 1em;}
#article_extrapop_bookmark ul li {font-size: 1em; height: 30px; overflow: hidden; display: block; float: left; padding-top: 2px; width: 10em;}
#article_extrapop_bookmark ul li a {font-size: 80%; } 
#article_extrapop_bookmark_other { clear: both; text-align: right; }
#article_extrapop_bookmark_other a { font-size: 80%; }

/* RELATED LINKS, EXTERNAL LINKS, RECENT ARTICLES */
#article_related_links , #article_external_links, #recent_articles { clear: left; float: none; margin: 0.8em 0 0 0;}
#article_related_links h4, #article_external_links h4, #recent_articles h4  { padding:0; margin:0; font-size: 1em;}
#article_related_links ul, #article_external_links ul, #recent_articles ul  { padding:0; margin:0; list-style: square inside; font-size: 0.9em; }
#article_related_links ul li, #article_external_links ul li, #recent_articles ul li  { padding:0.2em 0 0 0.5em; margin:0; }

/* TECHNORATI */
#technorati_search { }
#technorati_search h4 { font-size: 0.9em; font-weight: normal; }
#technorati_search h4 a { padding-right: 1em; }
#technorati_search h4 a:hover { text-decoration: none; }

/* TAGCLOUD */
#tagcloud_wrapper { width: 40%; padding: 0; margin: 0;  float: right; font-size: 1em; }
#tagcloud { font-size: 1em; padding-left: 0.4em; padding-right: 0.4em; padding-bottom: 0.4em;  }
#tagcloud_upperright{ margin-left: 40px; margin-right: 0;}
#tagcloud_upperleft{ margin-left: -40px; margin-right: 40px;}
#tagcloud_header { margin: 0; padding:0;}
#tagcloud_lowerright{ margin-left: 10px; margin-right: 0;}
#tagcloud_lowerleft{ margin-left: -10px; margin-right: 10px;}
#tagcloud_contents { margin: 0; padding: 0 0 0 10px; font-size: 1em;}
#tagcloud_header h3 { font-size: 0.8em; margin:0; padding-left: 15px; padding-top: 15px; }
#tagcloud p {width: 100%; text-align: justify; font-size: 1em; margin: 0; padding: 0; line-height: 1.5;}
#tagcloud p a.size1 { font-size: 0.75em;}
#tagcloud p a.size2 { font-size: 1em;}
#tagcloud p a.size3 { font-size: 1.25em;}
#tagcloud p a.size4 { font-size: 1.5em;}

#tagcloud h4{ font-size: 0.8em; text-align: right; margin: 0; padding: 0 5px 5px 0; }
#tagcloud h4 a{  }

/*SIDE MENU*/
#menu_col { clear: both; font-size: 1em; font-weight: normal;  text-align: left;}
#menu_col_div {font-size: 0.85em; margin: 0; padding: 0; height: 25em; position: relative; text-align: left;}
#menu_ul1 { list-style: none; margin-bottom: 7em; margin-top:0; margin-left:0; padding: 0;}
#menu_ul1 li { margin: 0.2em; padding: 0;}
#menu_ul1 li a.selected_menu { font-size: 1em; }
#menu_ul1 li a:hover { height: auto; overflow: hidden;}
#menu_ul1 li a span { display: none; }
#menu_ul1 li a:hover span { position: absolute; text-align: left; font-weight: normal; display: block; z-index: 99; top: 12em; left: 0; padding: 0 0.5em; margin:0; }
#menu_col_div h4 { margin: 0; padding: 0 0 0 0.2em; font-size: 1em; font-weight: normal; font-style: italic;}

#menu_ul2 { text-align: left; list-style: none; margin: 0; padding: 0; }
#menu_ul2 li {margin:0.2em; padding: 0; font-size: 1em; font-weight: normal;}
#menu_ul2 li a.selected_menu, #menu_ul2 li ul li a.selected_menu { font-size: 1em; font-weight: normal;}
#menu_ul2 li a:hover, #menu_ul2 li ul li a:hover { height: auto; overflow: hidden;}
#menu_ul2 li a span, #menu_ul2 li ul li a span { display: none; }
#menu_ul2 li a:hover span, #menu_ul2 li ul li a:hover span {position: absolute; text-align: left; font-weight: normal; display: block; z-index: 99; top: 7em; left:0; padding: 0 0.5em; margin: 0; height: 4em; width: 10em;}

/*FOOTER*/
#footer {position: relative; clear: both; margin:1em 0 0 0; padding:0; font-size: 1em;}
#footer_innerright{ margin: 0 0 0 15px;}
#footer_innerleft{ margin: 0 15px 0 -15px;}
#footer_contents { margin: 0 0 0 15px; padding: 0.5em 0 0 0; }
#footer_cols {padding: 0; margin:0; width: 100%; }
#footer_leftcol {padding: 0; margin:0; float: left; z-index: 27; }
#footer_leftcol img { border:0; }
#footer_leftcol h4 {margin: 1em 0 0 0; padding:0; font-size: 0.75em; }
#footer_rightcol {margin: 0 0 0 175px; padding:0; text-align: right;}
#footer_rightcol ul { text-align: right; list-style: none; padding: 0; margin:0 0 1em 0; }
#footer_rightcol ul li {display:inline; padding: 0; margin:0;}
#footer_rightcol ul li a { font-size: 0.75em; }
#footer_rightcol h4 {font-size: 0.8em; font-weight: normal; padding: 0; margin:0;}

/*ARCHIVE*/
#table_archive { width: 100%; text-align: left; font-size:0.8em;}
#table_archive tr th { text-align: left; } 
#table_archive tr td{ padding-bottom: 0.8em; text-align: left;} 
#table_archive tr .first_col { width: 8em; } 
#table_archive tr .last_col { width: 8em; text-align: center; } 
#table_archive tr td span { padding-right: 0.5em; font-size: 0.9em; } 

/*SEARCH*/
.searchresults { width: 100%; overflow: hidden; margin:0; padding: 0;}
.searchdiv { margin: 0.2em 0.2em 1em 0.2em; }
.searchdiv h4 { font-size: 0.9em; margin: 0; padding: 0;}
.searchdiv h4 a { }
.searchdiv p { font-size: 0.9em; margin:0; padding: 0.3em;}
.searchdiv span { font-size: 0.8em; margin: 0 0 0 0.5em; }

/*RSS PAGE*/
#rss_div h2 { margin: 0; padding: 0 0 0.3em 0; font-size: 1em; font-weight: bold;}
#rss_div h4 { margin: 0; padding: 0 0 0.3em 0; font-size: 1em; font-weight: normal;}
#rss_div h3 { margin: 0; padding: 0 0 0.3em 0; text-align: right; font-size: 0.8em; font-weight: normal;}

#change_style { font-size: 0.8em;}
#change_style h4 { padding: 0; margin: 0.8em 0 0.1em 0; font-weight: normal; font-size: 1em;  }
#change_style ul{ margin: 0; padding: 0; list-style: none; }
#change_style ul.inline_list li { display: inline; margin: 0 1em 0 0; padding: 0; }
#change_style ul.normal_list li { margin: 0 0 0.5em 0; padding: 0; }
#change_style ul li a { font-size: 0.9em; }

/* ---------------- EXTRAS ------------------------------- */

/* IMAGES */
.imagebox { margin: 0.8em 0 0.8em 0; padding: 0;}
.imagebox div { text-align: center; width: 100%; overflow: auto;   }
.imagebox div a img, .imagebox div img { border: 0; }
.imagebox p { margin: 0; padding:0; text-align: center; font-size: 0.8em; font-weight: bold; }

.centred {text-align: center; }
.clear_div { clear: both; }
.linka {}

/* SECTION */
.section_title { margin: 1em 0 0 0; padding: 0.2em; font-size: 0.9em; font-weight: bold;}
.section_div { margin: 0.5em 0 0.5em 0; padding: 0.5em; }

/* HEADERS */
.h4_small { font-size: 0.75em; font-weight: normal; padding: 0; margin: 0; }
.h4_medium { font-size: 1em; font-weight: normal; padding: 0; margin: 0; }
.h4_bold { font-size: 1em; font-weight: bold; padding: 0; margin: 0; }

/* PARAGRAPH default=medium */
.p_medium { font-weight: normal; padding: 0.5em 0 0.5em 0; margin: 0; }
.size09 { font-size: 0.9em; }
.small_text_p { padding:0; margin:0.5em 0; font-size: 0.8em; }

/* LIST UL LI */
.ul_medium { font-weight: normal; padding: 0.8em; margin: 0; list-style: none;}
.ul_medium li { padding: 0.2em; margin: 0; }
.ul_medium li  ul{ padding: 0 0 0 0.5em; margin: 0; list-style: none;}

.ul_circle {font-weight: normal; padding: 0.8em; margin: 0; }
.ul_circle li { padding:0; margin: 0; }

/* BOX DIV*/
.spacebox { margin: 0; padding: 1em; }
.noborder {border: 0; }
.outer_centred_box { width: 100%; text-align: center;}
.centred_box { margin: 0 auto; }

/* CODICE COURIER */
.span_code { font-family: courier,mono; font-weight: normal; }
.span_code_bold { font-family: courier,mono; font-weight: bold; }
.block_code {  margin:0 0.5em 0 0.7em; padding:0; }
.block_code pre { width: 100%; overflow: auto; margin:0; padding-bottom: 1.4em;}

/* SPAN */
.span_bold { font-weight: bold; }
.span_italic { font-style: italic; }
.span_bolditalic { font-weight: bold; font-style: italic; } 

/* OVERFLOW DIV */
.div_over {width: 100%; overflow: auto; margin:0; padding: 0; }
.vjb_over {width: 100%; min-height: 50px; padding-bottom: 1em; overflow: auto; margin:0; padding: 0; }

/*PHP INFO */
.php_info {margin: 0; padding: 0; font-size: 0.9em; width: 95%; overflow: auto; }
.php_info pre {margin: 0px; font-family: monospace;}
.php_info a:link {color: #000099; text-decoration: none; background-color: #ffffff;}
.php_info a:hover {text-decoration: underline;}
.php_info table {border-collapse: collapse;}
.php_info .center {text-align: center;}
.php_info .center table { margin-left: auto; margin-right: auto; text-align: left;}
.php_info .center th { text-align: center !important; }
.php_info td, .php_info th { border: 1px solid #000000; font-size: 75%; vertical-align: baseline;}
.php_info h1 {font-size: 150%;}
.php_info h2 {font-size: 125%;}
.php_info .p {text-align: left;}
.php_info .e {background-color: #ccccff; font-weight: bold; color: #000000;}
.php_info .h {background-color: #9999cc; font-weight: bold; color: #000000;}
.php_info .v {background-color: #cccccc; color: #000000;}
.php_info i {color: #666666; background-color: #cccccc;}
.php_info img {float: right; border: 0px;}
.php_info hr {width: 97%; background-color: #cccccc; border: 0px; height: 1px; color: #000000;}
                                                                               


/* ADVERT */
.pub_wrapper { margin: 0 0 0.5em 0; padding: 0 0.2em 0 0.2em; text-align: right; }
.pub_wrapper span { font-size: 0.6em; padding: 0; margin: 0; } 
.pub { padding: 0; margin: 0; text-align: left; }
.pub h4 { font-size: 0.85em; margin: 0.3em 0 0.1em 0; padding: 0; }
.pub p { font-size: 0.8em; margin: 0; padding: 0; }