/* -- topico user guide -- */ /*------------------------------------------------------------------------------------------------------------------*/ /* collection specific */ /*------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------*/ /* layout */ div#background {background:#D3D3D3; width:100%; height:100%; margin:0px; padding:0px; text-align: center;} div#page {border-collapse: collapse; width:800px; margin:8px auto; padding:0px; text-align: left; border: 2px solid #004400;} div#page_full_width {border-collapse: collapse; width:100%; margin:8px auto; padding:0px; border: 2px solid #004400; text-align: left; } div#header {position:relative; width:100%; height:128px; margin:0px; padding:0px; background-color: #004400; background-image: url(../images/topico_header.jpg);} div#wrapper {position:relative; width:100%; background:#eeeeee; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC;} table.wrapper {margin:0px; padding:0px; border-collapse:collapse; border:0px;} table.wrapper td.navleft {width:180px; margin:0px; padding:0px; background:#eeeeee;} div#navleft {width:180px; margin:0px; padding:4px; background:transparent; border-right:1px solid #DCDCDC;} table.wrapper td.content {width:592px; margin:0px; padding:0px; padding-bottom:8px; background:#ffffff;} div#content {width:592px; margin:0px; padding:8px; background:transparent;} div#footer {height:60px; margin:0px; padding:4px; background:#004400;} /*----------------------------------------------------------------*/ /* header */ div.product_version {color:#FFFFE0; font-size:0.82em; position:absolute; margin:8px; margin-top:4px;} a#skipnav {position:absolute; display:none;} img#headerbackground {position:absolute; margin:0px; padding:0px; z-index: -1;} div#breadcrumb {position: absolute; left:200px; top:110px; color:white; font-size:0.84em; text-align:left;} div#breadcrumb a {color:#FFFFE0;} div#quick_search_small {position:absolute; left:628px; top:50px; width:280px; } /*----------------------------------------------------------------*/ /* content */ div#navlist {margin:2px; margin-top:12px; padding:4px; background:transparent; float:left; font-size:0.9em;} div#navlist p.title {left:4px; top:28px; width:178px; margin:0px; margin-top:12px; padding:0px; color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; text-decoration:underline;} div#navlist {} div#navlist ul {margin:0px; list-style: none;} div#navlist ul li{padding:2px; color:#004400; font-weight:bold;} div#navlist ul li ul{list-style: none;} div#navlist ul li ul li{margin-top:0px; margin-bottom:0px; padding:2px; font-weight:normal;} /*table of content*/ div#toc {} div#toc li {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px;} div#toc a {} /*links to sub topics*/ div#sub-topics {margin-top:12px; margin-bottom:8px; border-top: 1px solid #A9A9A9;} div#sub-topics p.title {margin-bottom:0px; padding-bottom:0px;} div#sub-topics p.description {margin-top:0px; padding-top:4px;} div#sub-topics a {font-weight:bold; text-decoration:underline;} /*related-links*/ div#related-links {margin-top:12px; margin-bottom:12px; border-top: 1px solid #A9A9A9;} div#related-links p {margin-top:1px; margin-bottom:1px; padding-top:1px; padding-bottom:1px;} div#related-links a {font-weight:bold; text-decoration:underline;} /*----------------------------------------------------------------*/ /* sidebar */ div.sidebar {} div.sidebar div {background:#F5F5F5; color:Black; margin:4px; padding:4px; border:1px solid Black; width:144px;} div.sidebar div p.title {font-weight:bold; font-size:1em;} div.sidebar div p {font-size:0.8em;} /*----------------------------------------------------------------*/ /* footer */ div#footer {color:white; font-size:0.84em;} div#footer a {color:#FFFFE0;} div#footer a:link {color:#FFFFE0;} div#footer a:visited {color:#FFFFE0;} div#footer a:hover {color: #FF4500; text-decoration:underline;} div#footer a:active {color: #FF4500;} div#topicopub {font-size:0.92em; float:right;} /*----------------------------------------------------------------*/ /* navigation */ div#navtop {width:120px; margin:4px; margin-right:10px; float:right;} div#navbottom {width:120px; margin:4px; margin-right:10px; float:right;} div.navigation {text-align:right;} div.navigation a {font-size:0.84em;} div.navigation a:visited {} a#starthere {position:absolute; display:none;} div.pagenums {width:60px; margin:4px; margin-right:10px; font-size:0.82em; text-align:right; float:right; clear:both;} div.back { margin:4px; font-size:0.84em;} /*----------------------------------------------------------------*/ /* matrix table selectors */ table#matrix {width:96%; border-collapse: collapse; border:1px solid black;} table#matrix caption {margin:0px; padding:2px; border:1px solid black; text-align:right;} table#matrix th {background:#DCDCDC; margin:0px; padding:2px; width:8%; border:1px solid black; font-size:0.9em;} table#matrix th.description, table#matrix td.description {width:40%; padding-top:2px; text-align:left; font-size:0.84em; line-height: 1.4em;} table#matrix td {margin:0px; padding:2px; border:1px solid black; text-align:center;} table#matrix td.left { text-align:left;} table#matrix img {width:12px; height:12px;} /*----------------------------------------------------------------*/ /* table sample selectors */ table#tablesample {border-collapse: collapse; border:1px solid black;} table#tablesample th {background:#006400; color:white; margin:0px; padding:2px; border:1px solid black; font-size:0.9em; text-align:center;} table#tablesample th.description { text-align:left; width:31%;} table#tablesample td {margin:0px; padding:2px; border:1px solid black; text-align:center;} table#tablesample td.description {background:#eeeeee; text-align:left; font-size:0.9em;} /*----------------------------------------------------------------*/ /* package layout selectors */ table.package {border-collapse: collapse; border:1px solid black;} table.package caption {margin:0px; padding:2px; border:1px solid black;} table.package th {width:80px; margin:0px; padding-right:4px; border:1px solid black; font-size:0.9em; text-align:right;} table.package td {width:80px; margin:0px; padding-left:4px; border:1px solid black;} /*----------------------------------------------------------------*/ /* tables in the search form */ div.formfield_search table{border:0px;} div.formfield_search th, div.formfield_search td {border:0px;} /*----------------------------------------------------------------*/ /* folders */ div.folders ul {margin:4px 0px; margin-left:20px; padding:0px;} div.folders ul li {margin:2px; margin-left:12px; padding:2px 0px; list-style-type:square;} /*----------------------------------------------------------------*/ /* faq page */ div#faq {} div#faq div.section_faq_index {margin-top:8px; } div#faq div.section_faq_index p.section_faq_index_title {color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; padding-bottom:0px; border-bottom:1px solid black;} div#faq div.section_faq_index span.section_faq_index_title {background-color:#CEEEAE; padding: 4px 4px 0px 4px; margin-bottom:0px; border: 1px solid black;} div#faq div.section_faq_index ul {} div#faq div.section {margin-top:12px; } div#faq div.section p.section_title {color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; padding-bottom:0px; border-bottom:1px solid black;} div#faq div.section span.section_title {background-color:#CEEEAE; padding: 4px 4px 0px 4px; margin-bottom:0px; border: 1px solid black;} div#faq div.section div.question {} div#faq div.section div.question p.question {font-weight:bold;} div#faq div.section div.question div.answer {margin-left:16px; margin-right:16px;} div#faq div.section div.question div.answer p {font-style:italic;} div#faq div.section div.question div.answer ul li, div.question div.answer ol li { } /*----------------------------------------------------------------*/ /* other specific selectors */ div.clickimage {position:relative; left:0px; top:-12px; color:red; font-size:0.88em;} span.feature {font-size:0.8em; border-bottom:1px solid black;} span.version-requirement {font-size:0.8em; border-bottom:1px solid black;} span.xml_element {color:#8B0000; font-family:monospace;} span.xml_attribute {color:#8B0000; font-family:monospace;} /*----------------------------------------------------------------*/ /* film titles and actors */ span.filmtitle {color:#005500; border-bottom:1px solid #005500;} span.actor {color:#005500;} /*----------------------------------------------------------------*/ /* drop down document styles */ span.button {background-color:#E9E9E9; border:1px solid black; padding-left:2px; padding-right:2px;} span.menu {background-color:#F2F2F2; border:1px solid black; padding-left:2px; padding-right:2px;} span.filename {color:#8B0000; font-family:monospace;} span.xml {color:#8B0000; font-family:monospace;} span.xsl {color:#008B00; font-family:monospace;} span.css {color:#00008B; font-family:monospace;} span.html {color:#8B008B; font-family:monospace;} span.js {color:#008B00; font-family:monospace;} span.vb {color:#008B00; font-family:monospace;} div.xml, div.xsl, div.css, div.html, div.js, div.vb {margin:8px 4px; padding:8px; border: 1px dotted #3D3D3D;} div.xml {background:#F5F5F5; color:#8B0000; } div.xsl {background:#F5F5F5; color:#008B00; } div.css {background:#F5F5F5; color:#00008B; } div.html {background:#F5F5F5; color:#8B008B; } div.js {background:#F5F5F5; color:#008B00; } div.vb {background:#F5F5F5; color:#008B00; } div.xml_label, div.xsl_label, div.css_label, div.html_label, div.js_label, div.vb_label {float:right; margin:12px; font-size:0.8em;} div.xml_label {color:#8B0000; border-top:1px solid #8B0000; border-bottom:1px solid #8B0000;} div.xsl_label {color:#008B00; border-top:1px solid #008B00; border-bottom:1px solid #008B00;} div.css_label {color:#00008B; border-top:1px solid #00008B; border-bottom:1px solid #00008B;} div.html_label {color:#8B008B; border-top:1px solid #8B008B; border-bottom:1px solid #8B008B;} div.js_label {color:#008B00; border-top:1px solid #008B00; border-bottom:1px solid #008B00;} div.vb_label {color:#008B00; border-top:1px solid #008B00; border-bottom:1px solid #008B00;} /*----------------------------------------------------------------*/ /* page template layout */ div#background_ {background:#cccccc; width:100%; padding:2px; border:1px solid #000000;} div#page_ {background:#cccccc; width:404px; margin:1px auto; padding:2px; border:1px solid #000000;} div#header_ {background:#cccccc; margin:1px; padding:2px; border:1px solid #000000;} div#wrapper_ {background:#cccccc; margin:1px; padding:2px; border:1px solid #000000;} div#content_ {background:#cccccc; margin:1px; padding:2px; border:1px solid #000000;} table.content_ {width:99%; margin:0px; padding:0px; border:0px;} table.content_ td.left_ {width:15%;} table.content_ td.content_ {width:60%;} table.content_ td.right_ {width:15%;} div#footer_ {background:#cccccc; margin:1px; padding:2px; border:1px solid #000000;} /*----------------------------------------------------------------*/ /*print selectors*/ @media print{ div#page {width:100%; border:0px;} div#header {display:none;} div#breadcrumb {display:none;} div.navigation {display:none;} div#navleft {display:none;} div.back {display:none;} div#content {width: 100%; border:0px;} div#left {display:none;} div#main {width:96%; margin-left:0px; background:white; border:0px;} div.clickimage {display:none;} div#footer {display:none;} span.online {display:none;} div.online {display:none;} span.print {display: inline;} div.print {display: block;} } /*------------------------------------------------------------------------------------------------------------------*/ /* html */ /*------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------*/ /* body */ body {background:#D3D3D3; color:black; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;} /*----------------------------------------------------------------*/ /* html headings */ h1, h2, h3, h4, h5, h6 {color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; } h1 {font-size:1.5em; margin-left:0px; margin-top:12px; margin-bottom:4px;} h2 {font-size:1.2em; margin-left:2px; margin-top:12px; margin-bottom:2px;} h3 {font-size:1.1em; margin-left:4px; margin-top:8px; margin-bottom:2px;} h4 {font-size:1.1em; margin-left:6px; margin-top:6px; margin-bottom:2px;} h5 {font-size:1.0em; margin-left:6px; margin-top:4px; margin-bottom:2px;} h6 {font-size:0.9em; margin-left:6px; margin-top:4px; margin-bottom:2px;} /*----------------------------------------------------------------*/ /* html blocks */ p {margin:4px 6px; padding:4px 2px; line-height: 1.2em;} p.title, p.subtitle {color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold;} p.title {font-size:1.2em; margin:0px; padding:0px; margin-left:2px; margin-top:12px; margin-bottom:2px;} p.subtitle {font-size:1.1em; margin:0px; padding:0px; margin-left:4px; margin-top:8px; margin-bottom:2px;} p.line {margin-top:1px; margin-bottom:1px; padding-top:1px; padding-bottom:1px;} /*----------------------------------------------------------------*/ /* topic section */ div.section {margin:1px;} div.section p.title, div.section p.subtitle {color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold;} div.section p.title {font-size:1.2em; margin:0px; padding:0px; margin-left:2px; margin-top:12px; margin-bottom:2px;} div.section p.subtitle {font-size:1.1em; margin:0px; padding:0px; margin-left:4px; margin-top:8px; margin-bottom:2px;} /*----------------------------------------------------------------*/ /* html links */ a {color:#A44400; text-decoration: none;} a:link {color:#A44400;} a:visited {color:#A44400;} a:hover {color: #FF4400; text-decoration:underline;} a:active {color: #FF4400;} /*----------------------------------------------------------------*/ /* html table */ table {margin:12px; padding:2px 2px 2px 2px; border-collapse:collapse; border:2px solid black; font-size:1em;} table caption {padding:2px 2px 2px 2px; border:2px solid black; font-style:italic; font-size:1.1em;} th, td {margin:2px; padding:2px 2px 2px 4px; vertical-align:top; border:1px solid #708090;} th.row {font-weight:normal; text-align:right; vertical-align:top;} /*----------------------------------------------------------------*/ /* html 4.0 */ col, colgroup, tbody, tfoot, thead {} /*----------------------------------------------------------------*/ /* html lists */ li {margin:2px 4px; padding:2px 0px; line-height:1.1em;} ul, ol {margin:8px 0px; margin-left:20px; padding:0px;} ul li, ol li {margin-left:20px;} ul li {list-style-type:square;} ul li ul li {margin-left:10px; list-style-type: disc;} ul li ol li {margin-left:10px; list-style-type: decimal;} ul li ul li ul li{margin-left:10px;list-style-type: circle;} ul li ol li ul li{margin-left:10px; list-style-type: circle;} ol li {list-style-type: decimal;} ol li ol li {margin-left:10px; list-style-type: decimal;} ol li ul li { margin-left:10px; list-style-type: disc;} table ul, table ol {margin-left:12px;} table ul li, table ol li {margin-left:12px;} /*----------------------------------------------------------------*/ /* html definitions list */ dl {margin:8px;} dt {margin:4px; font-family:Verdana, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;} dd {margin-left:24px;} /*----------------------------------------------------------------*/ /* html decoration */ hr {} /*----------------------------------------------------------------*/ /* html image */ img {border:0px; margin:2px; padding:2px;} img.left {float:left; clear:left; margin-right:4px;} img.right {float:right; clear:right; margin-left:4px;} img.border {padding:1px; border:1px solid black;} img.icon {padding:2px; border:1px solid black;} img.inline {margin-top:-6px;} img.external_link {position:relative; margin:0px; margin-left:1px; padding:0px; width:11px; height:11px;} /*----------------------------------------------------------------*/ /* html image map */ map { margin:2px; padding:2px;} /*----------------------------------------------------------------*/ /*html form*/ form {margin:8px 8px; padding:8px 8px;} fieldset {} fieldset.submit {border-style:none;} legend {margin-left:8px;} label {} label.text {} label.textarea {vertical-align:top;} input {margin:2px;} textarea {} button {} div.formfield {} div.formfield_search {margin:12px;} div.formfield label {} div.formfield input.submit {} div.textarea {margin-top:8px;} div.search_message p {color:maroon; font-size: 0.84em; margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px;} /*----------------------------------------------------------------*/ /* html 2.0 */ /* blocks */ address { display:block; } blockquote { margin-top:0px; font-style: italic; width: 80%;} dir, menu {} pre, xmp {font-size:1.1em; font-family:monospace;} listing {} /* fonts */ b, i, u {} tt {font-size:1.1em; } /*phrase*/ cite {border-bottom:1px dashed;} code {color:maroon; font-family: monospace;} em {} kbd {font-size:1.1em; padding:0px 2px 0px 2px; border-width:1px 2px 2px 1px; border-style:solid} samp {background:#ccffcc; font-family: courier, monospace; padding:0px 2px 0px 2px; border:1px solid #cccccc;} strong {} var { padding:0px 2px 0px 2px; border:1px dashed;} /*----------------------------------------------------------------*/ /* html 3.2 */ /* blocks */ div {} /* fonts */ strike, big, small, sub, sup {} /* phrase */ dfn {border-bottom:1px dashed;} /*----------------------------------------------------------------*/ /* html 4.01 */ /* fonts */ abbr {border-bottom:1px dashed; cursor:help;} acronym {border-bottom:1px dashed; cursor:help} del {} /*deleted text*/ ins {} /*inserted text*/ object {} q { font-style: italic; } /* short quote*/ s {} /* striked through (back from html 3.0)*/ span {} /*frames*/ /*frame, frameset, iframe, noframes {}*/ /*scripts*/ noscript {} bdo {} /*----------------------------------------------------------------*/ /* xhtml 2.0 */ blockcode {} h {} section {} separator {} /*------------------------------------------------------------------------------------------------------------------*/ /* t�pico & cie. */ /*------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------*/ /*useful classes*/ div.left, p.left {text-align:left;} div.center, p.center {text-align:center;} div.right, p.right {text-align:right;} div.float-left, p.float-left {float:left;} div.float-right, p.float-right {float:right;} div.indent, p.indent {margin-left:20px;} div.clear, p.clear {clear:both;} div.em, p.em, span.em {font-style:italic;} div.strong, p.strong, span.strong {font-weight:bold;} div.border, p.border, span.border {border:1px solid black;} div.underline, p.underline, span.underline {text-decoration:underline;} div.strikethrough, p.strikethrough, span.strikethrough {text-decoration:line-through;} div.lcase, p.lcase, span.lcase {text-transform: lowercase;} div.ucase, p.ucase, span.ucase {text-transform:uppercase;} div.small, p.small, span.small {font-size:.92em;} div.smaller, p.smaller, span.smaller {font-size:.88em;} div.smallest, p.smallest, span.smallest {font-size:.82em;} div.big, p.big, span.big {font-size:1.05em;} div.bigger, p.bigger, span.bigger {font-size:1.1em;} div.biggest, p.biggest, span.biggest {font-size:1.15em;} div.black, p.black, span.black {color:black;} div.white, p.white, span.white {color:white;} div.hidden, p.hidden, span.hidden {display:none;} h1.pba, h2.pba, h3.pba, div.pba, p.pba {page-break-after: always;} h1.pbb, h2.pbb, h3.pbb, div.pbb, p.pbb, {page-break-before: always;} /*----------------------------------------------------------------*/ /*custom styles drop down list*/ span.highlight {background:#FFFFCC; padding:0px 2px; border:1px solid #cccccc;} div.sidebar {background:#F5F5F5; color:Black; margin:4px; padding:4px; border:1px solid Black; width:144px;} div.sidebar p.title {font-weight:bold; font-size:1em;} div.sidebar p {font-size:0.8em;} div.example, div.note, div.tip, div.message, div.caution, div.warning {width: 90%; min-width: 90%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:18px; padding:4px; padding-top:0px;} div.example {background:#FFFFF0; color:#004401; border:1px solid #F0FFF0; font-style: italic;} div.note {background:#F8F8F8; color:#006400; border:1px solid #006400; font-style: italic;} div.tip {background:#F8F8F8; color:#006400; border:1px solid #006400; font-style: italic;} div.message {background:#F8F8F8; color:#006400; border:1px solid #006400; font-style: italic;} div.caution {background:#F8F8F8; color:#8B0000; border:1px solid #8B0000; font-style: italic;} div.warning {background:#F8F8F8; color:#8B0000; border:1px solid #8B0000; font-style: italic;} div.hidden {background:#F8F8FF; color:#D3D3D3; border:1px solid #FA8072; display:none;} div.hidden * {background:#F8F8FF; color:#D3D3D3;} div.editor-only {display:none;} span.online {display:inline;} div.online {display:block;} span.print {display:none;} div.print {display:none;} /*----------------------------------------------------------------*/ /*generated content*/ div.example_label, div.note_label, div.tip_label, div.message_label, div.caution_label, div.warning_label {margin:24px; margin-top:12px; margin-bottom:0px; padding:4px; padding-bottom:0px; font-size:1.1em; font-weight:bold; } div.example_label {color:#003500;} div.note_label {color:#003500;} div.tip_label {color:#006400;} div.message_label {color:#006400;} div.caution_label {color:#8B0000;} div.warning_label {color:#8B0000;} div.subtopics_label {color:#003500;} /*----------------------------------------------------------------*/ /*special classes*/ div#topico {display:none;} /*----------------------------------------------------------------*/ /* address */ div.address {margin-top:12px; border-top: 1px solid #A9A9A9;} div.address p, p.address {margin-top:1px; margin-bottom:1px; padding-top:1px; padding-bottom:1px; font-size:0.9em;} /*----------------------------------------------------------------*/ /* caption and description */ div.caption, div.caption p, p.caption, span.caption, td.caption {font-size:0.9em; font-style: italic; text-align:center;} div.description, div.description p, p.description, span.description, td.description {font-size:0.9em;} /*----------------------------------------------------------------*/ /* separator */ div.hr {width:96%; height:1px; border-top:1px solid black;} div.separator {width:100%; margin:18px 0px; font-size:0.1em; border-top: 4px dotted Black;} /*----------------------------------------------------------------*/ /* online vs print */ span.online {display:inline;} div.online {display:block;} span.print {display:none;} div.print {display:none;} /*----------------------------------------------------------------*/ /* custom styles drop down list */ div.example, div.note, div.tip, div.message, div.caution, div.warning, div.update {width: 90%; min-width: 90%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:18px; padding:4px; padding-top:0px;} div.example {background:#FFFFF0; color:#000044; border:1px solid #000044; font-style: italic;} div.note {background:#F8F8F8; color:#000044; border:1px solid #000044; font-style: italic;} div.tip {background:#F8F8F8; color:#004400; border:1px solid #004400; font-style: italic;} div.message {background:#F8F8F8; color:#004400; border:1px solid #004400; font-style: italic;} div.caution {background:#F8F8F8; color:#440000; border:1px solid #440000; font-style: italic;} div.warning {background:#F8F8F8; color:#440000; border:1px solid #440000; font-style: italic;} div.update {background:#FFFFF0; color:#000044; border:1px solid #000044; font-style: italic;} /*----------------------------------------------------------------*/ /* generated content */ div.example_label, div.note_label, div.tip_label, div.message_label, div.caution_label, div.warning_label, div.update_label {margin:24px; margin-top:12px; margin-bottom:0px; padding:4px; padding-bottom:0px; font-size:1.1em; font-weight:bold; } div.example_label {color:#000044;} div.note_label {color:#000044;} div.tip_label {color:#004400;} div.message_label {color:#004400;} div.caution_label {color:#440000;} div.warning_label {color:#440000;} div.update_label {color:#000044;} div.subtopics_label {color:#004400; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; margin:0px; padding:0px; margin-left:2px; margin-top:12px; margin-bottom:2px;} /*----------------------------------------------------------------*/ /* feed selectors */ div.feed_link {text-align:center;} p.feed_link_item {margin-bottom:0px; padding-bottom:0px;} p.feed_link_item a {font-size:1.1em; font-weight:bold} p.feed_link_info {color:#000088; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-left:6px; font-size:0.8em;} p.feed_link_description {margin-top:0px; padding-top:0px; padding-left:12px;} /*----------------------------------------------------------------*/ /* code ordered/unordered list */ div.code {background:#F5F5F5; margin:4px; padding:4px;} ol.code, ul.code { } ol.code li, ul.code li {margin-top:1px; margin-bottom:1px; padding:1px; font-family:"Courier New", Courier, monospace; } ol.code li.tab00, ul.code li.tab00 {padding-left:10px; } ol.code li.tab01, ul.code li.tab01 {padding-left:15px; } ol.code li.tab02, ul.code li.tab02 {padding-left:20px; } ol.code li.tab03, ul.code li.tab03 {padding-left:25px; } ol.code li.tab04, ul.code li.tab04 {padding-left:30px; } ol.code li.tab05, ul.code li.tab05 {padding-left:35px; } ol.code li.tab06, ul.code li.tab06 {padding-left:40px; } ol.code li.tab07, ul.code li.tab07 {padding-left:45px; } ol.code li.tab08, ul.code li.tab08 {padding-left:50px; } ol.code li.tab09, ul.code li.tab09 {padding-left:55px; } ol.code li.tab10, ul.code li.tab10 {padding-left:60px; } ol.code li.tab11, ul.code li.tab11 {padding-left:65px; } ol.code li.tab12, ul.code li.tab12 {padding-left:70px; } ol.code li.tab13, ul.code li.tab13 {padding-left:75px; } ol.code li.tab14, ul.code li.tab14 {padding-left:80px; } ol.code li.tab15, ul.code li.tab15 {padding-left:85px; } ol.code li.tab16, ul.code li.tab16 {padding-left:90px; } ol.code li.tab17, ul.code li.tab17 {padding-left:95px; } ol.code li.tab18, ul.code li.tab18 {padding-left:100px; } ol.code li.tab19, ul.code li.tab19 {padding-left:105px; } ol.code li.tab20, ul.code li.tab20 {padding-left:110px; } ol.code li.tab21, ul.code li.tab21 {padding-left:115px; } ol.code li.tab22, ul.code li.tab22 {padding-left:120px; } ol.code li.tab23, ul.code li.tab23 {padding-left:125px; } ol.code li.tab24, ul.code li.tab24 {padding-left:130px; } ol.code li.tab25, ul.code li.tab25 {padding-left:135px; } ol.code li.tab26, ul.code li.tab26 {padding-left:140px; } ol.code li.tab27, ul.code li.tab27 {padding-left:145px; } ol.code li.tab28, ul.code li.tab28 {padding-left:150px; } ol.code li.tab29, ul.code li.tab29 {padding-left:155px; } ol.code li.tab30, ul.code li.tab30 {padding-left:160px; } ol.code li.tab32, ul.code li.tab32 {padding-left:165px; } /*----------------------------------------------------------------*/ /* topico */ div#topico {display:none;} /* it should be removed by the template but just in case */ /*----------------------------------------------------------------*/ /*related-links*/ div#related-links {margin-top:12px; margin-bottom:12px; border-top: 1px solid #A9A9A9;} div#related-links p {margin-top:1px; margin-bottom:1px; padding-top:1px; padding-bottom:1px;} /*----------------------------------------------------------------*/ /*yui menu*/ div#topmenu { margin-left:120px; margin-top:0px; border:0px; background: transparent; } div#topmenu * { border:0px; } div#topmenu li a { border:0px; color:white; } div#topmenu li:hover { background:#eeeeee; } div#topmenu li:hover a{ color:black; } div#topmenu li li a{ border:0px; color:black; } /*oooooooooooooooooooooooooooooooooooooooooooooooooo*/ /*standard based browsers*/ div#content>div#main {top:0px; width:590px; margin-left:192px; padding:8px; padding-top:12px; background:white; border-left:1px solid black; text-align:left; height:500px; min-height: 500px; } /*----------------------------------------------------------------*/ /*menu*/ div#topmenu { margin-left:200px; margin-top:0px; } div#topmenu a{ } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 18em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 18em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu li a { border-left: 1px solid #fff; border-top: 1px solid #eeeeee; padding: .5em .75em; text-decoration:none; } .sf-menu li li a { border-left: 1px solid #fff; border-top: 1px solid #dddddd; padding: .5em .75em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: transparent; } .sf-menu li li { background: #eeeeee; } .sf-menu li li li { background: #eeeeee; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent; outline: 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background: transparent; outline: 0; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #dddddd; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* About IE7 In particular, the hacks that we know, for certain, will no longer work are: The HTML Child Hack html > body The Star Hack (or Universal Selector Hack) * html The Owen Hack head:first-child + body The Adjacent BODY Hack head + body The BODY Child Hack body > element The second of these is a rule that IE6 understands and all other browsers correctly ignore -- the HTML element should never have a parent -- while the other rules are perfectly valid CSS that was never understood by IE. Conditional comments All non-Microsoft browsers will see the above markup as nothing more than a comment, and as such, they'll ignore it completely. IE has the ability to parse the comment and look for the telltale square bracket instructions. They can also allow you to craft more intricately targeted content.