/* general rules */
body
{
    margin: auto;
    padding: 0px;
    border: none;
    text-align: center;
}
div#container
{
    margin: auto;
    padding: 30px;
    height: 100%;
    text-align: center;
    width: 600px;
}
body>div#container
{
    height: auto;
    min-height: 100%;
}
/* title of page */
div#header
{
    display: none;
    width: 600px;
    height: 110px;
}
img#ossigeno
{
    display: none;
    float: left;
}
/* content with menu and titles */
div#menu
{
    display: none;
    float: left; 
    width: 170px; 
} 
div.block_menu 
{ 
    display: none;
    border: none; 
    width: 165px; 
    padding: 1px; 
    margin: 0px 0px 20px 0px;
    font-size: 10pt;         
} 
div#content 
{ 
    clear: none; 
    width: 600px;
    text-align: center;
} 
    h1
    { 
        width: 100%;
        height: 20px;
        border: 1px solid #000000; 
        font-size: 10pt;
        font-family: Verdana, sans-serif;
        text-align: center;
    } 
    div.data 
    { 
        width: 100%; 
        font-size: 10pt;
        text-align: left; 
        height: 250px; 
        height: auto !important; 
        min-height: 250px;     
    } 
/* content popup */
div#popup 
{ 
    width: 300px;
    height: 250px;
    padding: 10px 5px; 
    border: none; 
    margin: 0px; 
    background-color: #F5F5F5; 
    text-align: left; 
} 
/* content forum (without menu), with tiles */ 
div#content_forum 
{ 
    background-color: #F5F5F5; 
    border: none;
    margin-left: 4px;
    width: 755px; 
    text-align: center; 
} 
div#common_forum_text 
{ 
    width: 748px; 
    background-color: #F5F5F5; 
    border: 1px solid #999999; 
} 
img#common_forum_img 
{
    float: left; 
} 
table#common_forum_bar 
{ 
    margin: 2px 0px; 
    border-collapse: separate; 
    border-spacing: 1px; 
} 
td.common_forum_button 
{ 
    padding: 2px 5px;
    border: 1px solid #999999; 
    background-color: #0099CC; 
    font-weight: bolder;
} 
div.data_forum 
{ 
    width: 100%; 
    padding: 20px 0px; 
    margin: 0px 0px 20px 0px; 
    background-color: #F5F5F5; 
    border: none; 
    font-size: 10pt; 
    text-align: left; 
    height: 250px; 
    height: auto !important; 
    min-height: 250px;     
} 
form#go_to_forum 
{ 
    width: 300px; 
} 
select.go_to_forum
{ 
    width: 300px; 
} 
/* footer and disclaimer (gpl license)*/ 
div#footer 
{ 
    clear: both;
    width: 765px; 
    background-color: #F5F5F5; 
}
h6 
{ 
    padding: 2px 3px 2px 2px; 
    margin: 0px; 
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: center; 
    font-weight: bolder; 
    } 
/* other graphic rules */ 
br.clear 
{ 
    clear: both;     
}
img 
{ 
    border: none; 
    padding: 0px; 
    margin: 0px; 
} 
form 
{
    vertical-align: middle;
} 
optgroup 
{ 
    font-style: italic; 
} 
input[type="text"] 
{ 
    width: 98%; 
} 
textarea 
{ 
    width: 98%; 
    height: 200px; 
} 
table 
{ 
    table-layout: fixed; 
    border-collapse: collapse; 
    empty-cells: show; 
    width: 100%; 
    padding: 0px; 
    margin: 0px; 
} 
tr 
{ 
    padding: 0px; 
    margin: 0px; 
    border: none; 
} 
th 
{ 
    border: 1px solid #B9B9B9;
    background-color: #F5F5F5; 
    padding: 2px; 
    margin: 0px; 
    font-size: 9pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: center; 
    font-weight: bolder; 
} 
td 
{ 
    border: 1px solid #B9B9B9; 
    font-size: 9pt; 
    padding: 2px; 
    margin: 0px; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: center; 
    font-weight: normal; 
}
/* h2 and h3 used for menu (title and option) */
/* h3 also used for left link */
h2 
{ 
    background-color: #6ba7e9;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: center; 
    padding: 2px; 
    margin: 4px; 
} 
h3 
{
    padding: 1px 3px; 
    margin: 4px; 
    font-size: 9pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: left; 
    font-weight: normal; 
}
/* h4 used for center link */
h4 
{ 
    padding: 2px; 
    margin: 0px; 
    font-size: 9pt; 
    font-weight: bolder; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: center; 
}
/* h5 opposite h3 (right link) */
h5 
{ 
    padding: 2px 3px 2px 2px; 
    margin: 0px; 
    font-size: 9pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: right; 
    font-weight: bolder; 
} 
div 
{ 
    margin: 0px;
    padding: 0px; 
    border: none; 
    text-align: center; 
} 
p 
{ 
    padding: 4px 0px; 
    margin: 0px; 
    font-size: 9pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: left; 
    font-weight: normal; 
} 
hr 
{ 
    width: 99%; 
    height: 1px; 
    color: #FFFFFF; 
}
/* code, strong and em are text styles which substitute b and i*/
code 
{ 
    font-size: 9pt;
    font-family: Courier, monospace;
    line-height: 1.2;
    text-align: left;
    font-weight: normal;
}
samp
{
    font-family: Courier, monospace;
}
kbd
{
    font-family: Courier, monospace;
}
var
{
    font-style: italic;
}
strong 
{ 
    font-weight: bolder; 
}
em 
{ 
    font-style: italic;
}
/* link style */
a:link 
{ 
    color: black; 
    text-decoration: none; 
} 
a:visited 
{ 
    color: black; 
    text-decoration: none; 
} 
a:active 
{ 
    color: black; 
    text-decoration: underline; 
} 
a:hover 
{ 
    color: black; 
    text-decoration: underline; 
} 
div.paragraph 
{ 
    padding: 4px 0px; 
    margin: 0px; 
    font-size: 9pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: left; 
    font-weight: normal; 
} 
p.small 
{ 
    padding: 2px; 
    font-size: 7pt; 
} 
td.evidence 
{ 
    background-color: #F5F5F5; 
    text-align: left; 
    font-weight: bolder;     
} 
td.not_evidence 
{ 
    background-color: #F5F5F5; 
    text-align: left; 
    font-weight: bolder; 
}
/* label and input used for forms */
td.label 
{ 
    vertical-align: top;
    width: 20%; 
    text-align: left; 
} 
td.input 
{ 
    vertical-align: top;
    width: 80%; 
    text-align: left; 
}
/* block of quote or code */
blockquote
{
    border: 1px solid #B9B9B9;
    margin: 4px;
    padding: 2px;
    background-color: #DDDDDD;
    text-align: left;
}
q
{
    font-style: italic;
}
div.quote /* backwards compatibility */
{
    border: 1px solid #B9B9B9;
    margin: 4px;
    padding: 2px;
    background-color: #DDDDDD;
    text-align: left;
}
div.code
{
    border: 1px solid #B9B9B9;
    margin: 4px;
    padding: 2px; 
    background-color: #DDDDDD; 
    text-align: left; 
}
/* hidden text (for screen readers) */
.hidden 
{ 
    display: none; 
}
/* smile and evidence */
span.smile 
{ 
    padding: 2px; 
} 
span.evidence 
{ 
    color: #0000CC; 
    font-weight: bolder; 
}
/* small link (used for partner) */
a.partner 
{ 
    color: #808080; 
    text-decoration: none; 
    font-size: 10pt; 
    font-family: Verdana, sans-serif; 
    line-height: 1.2; 
    text-align: center; 
    font-weight: normal; 
}
/* link for button and button which open new windows */
a.button_blank 
{ 
    color: #006699; 
    text-decoration: none; 
} 
a.button 
{ 
    color: #006699; 
    text-decoration: none; 
}
/* element without margin, padding and border (collapsed images) */ 
.null 
{ 
    background-color: inherit; 
    padding: 0px; 
    border: none; 
    margin: 0px; 
}
/* positive and negative span (for example 'online' and 'offline') */
.positive 
{ 
    color: #00CC00; 
    text-align: left; 
} 
.negative 
{ 
    color: #CC0000; 
    text-align: left; 
}
/* color of error messages */ 
.error 
{ 
    color: #CC0000; 
}
