@CHARSET "ISO-8859-1";

@import url("screen_former.css");

h1 {margin-top:1.2em; padding-left:0px; width:100%; color:#333; font:1.3em Georgia, "Times New Roman", Times, serif; font-weight:normal; border-bottom:1px #888 solid;}
h2 {margin:1.2em 0px .6em 0px; padding-left:0px; width:60%; color:#333; font:1.1em Georgia, "Times New Roman", Times, serif; font-weight:normal; border-bottom:1px #888 dotted;}
h3 {margin:1em 0px .4em 0px; padding-left:0px; color:#222; font:1.1em Georgia, "Times New Roman", Times, serif; font-weight:normal;}
p {width:99%; margin-top:0em; margin-bottom:1em; padding:0px; text-align:justify;}
ul {list-style-type:square;}
ul ul {list-style-type:circle;}

div.infoBox {background:#f0f0ff; width:97%; margin:0.5em auto 1em auto; text-align:justify; padding:0.5em 1.2em 0.6em 1.2em; border-radius:10px; font-size:0.9em;}
div.infoBoxRight {background:#fff0f0; width:70%; float:right; margin:0.5em 0 1em 1em; text-align:justify; padding:0.5em 1em 0.6em 1em; border-radius:10px; font-size:0.9em;}

hr.separatorMedium {width:60%; margin:2em auto 2em auto; height:1px; border:0; border-top:1px solid #aaa;}

p.first {text-indent:1em;}

span.initialLetter {float:left; margin-top:-.15em; margin-right:.1em; padding:0px; font:2.45em Georgia, Times New Roman, Times, serif;}
span.code {font:1.1em Courier new;}
span.path {font:1.05em Courier new;}

table.generic {width:100%; margin-left:auto; margin-right:auto;}
table.generic td {vertical-align:top;}
table.generic td.separator {padding:0em 1em 0em 1em;}
table.generic td.widest {width:100%;}
table.generic tr.shadded {background:#f0f0f0;}

table.footnotes {width:100%; margin-top:0.5em; border-top:1px #bbb solid;}
table.footnotes td {font-size:0.8em; text-align:justify; vertical-align:top; color:#335;}
table.footnotes td.reference {font-size:0.6em; width:1%; text-align:right; padding-right:1em;}

table.competenciesHeader {width:100%; color:#000; font-size:16px; font-weight:bold;}
table.competenciesHeader hr {height:1px; border:0; border-top:1px solid #555;}
div.competencies {clear:both;}
div.competencies_DEPRECATED {background:#eee;}
div.competencies li {text-align:left;}
div.competencies ul.level1 {color:#750; font-weight:bold;}
div.competencies ul.level1 li {margin-top:1em;}
div.competencies ul.level2 {color:#111; font-weight:normal;}
div.competencies ul.level2 li {margin-top:0em;}

div.errorMessage {color:#500; background:#fff0f0; margin:0em auto 0.7em auto; padding:0.2em 1em 0.2em 1em; min-width:600px; text-align:center; vertical-align:middle; border-radius:5px; border:1px #c88 solid;}
div.successMessage {color:#050; background:#f0fff0; margin:0em auto 0.7em auto; padding:0.2em 1em 0.2em 1em; min-width:600px; text-align:center; vertical-align:middle; border-radius:5px; border:1px #8c8 solid;}

span.vHeader {display:inline-block; width:5em;}
span.vHeaderLarge {display:inline-block; width:8em;}
span.reference {font-weight:bold;}

div.figure {width:100%; margin:0.5em auto 0.5em auto; text-align:center;}
img.figure {max-width:750px;}
p.caption {text-align:justify; padding:0.2em 2em 0.5em 2em; font-size:0.9em; text-align:center; box-sizing :border-box;}

table.people td.left {width:50%; vertical-align:top; padding-right:1em;}
table.people td.right {width:50%; vertical-align:top; padding-left:1em;}
table.people td.top {text-align:justify; padding-bottom:1em;}

table.affiliates {width:100%;}
table.affiliates td.left {width:50%; vertical-align:top; padding-right:0.5em;}
table.affiliates td.right {width:50%; vertical-align:top; padding-left:0.5em;}

table#refBook td.preface {padding-left:1em;}

table#homeMenu {width:50%; margin-left:auto; margin-right:auto; text-align:center; border-collapse:collapse;}
table#homeMenu td {margin:0; padding:0; text-align:center;}
table#homeMenu span {padding-top:1em; padding-bottom:1em;}
table#homeMenu a {color:#000; font-size:1.2em; font-weight:normal;}
table#homeMenu a:hover {color:#c37905; text-decoration:none; font-weight:bold;}

table#users {width:100%; font-size:0.9em;}
table#users td {padding:0.1em 1em 0.1em 1em; vertical-align:top;}
table#users tr.shadded {background:#f0f0f0;}
table#users th {color:#511; background:#f0e0e0; padding:0.2em 1em 0.2em 0.5em; font-weight:bold;}

table#descriptionSections {width:100%; font-size:0.9em;}
table#descriptionSections td {vertical-align:top; padding-bottom:0.5em; border-top:1px #ccc dotted;}
table#descriptionSections td.itemId {text-align:right;}
table#descriptionSections td.link {padding-right:2em; text-align:left;}
table#descriptionSections td.description {text-align:justify;}

section#headerWrapper {width:800px; height:1.8em; margin:0px auto 0px auto; padding-top:0.1em; text-align:center; font:2.7em "Cambria"; color:#ccc; background:#444; border:1px #444 solid; vertical-align:top;}
section#headerWrapper table {margin:0px; padding:0px; width:100%; vertical-align:top;}

section#footerWrapper {width:800px; height:1.8em; margin:0px auto 0px auto; padding:0px; text-align:center; /*border-top:1px transparent dotted; /* Seems to correct the problem of shifted background with Opera and Safari . . ?! */
 font:"Calibri"; border:1px #444 solid; color:#ccc; background:#444;}

section#footerWrapper table.footer {width:100%; margin-left:auto; margin-right:auto; border:0px;}
section#footerWrapper table.footer td.left {padding-left:1em; text-align:left;}
section#footerWrapper table.footer td.right {padding-right:1em; text-align:right;}