/* For the main text (in the center area) */
/*body,table,.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; clip:   rect(   )} */

/* CSS For the left menu */
td.leftmenu {background-color: #FFFFFF; width:130}
td.leftmenu table {background-color: #E0E6F2; width: 130}
    /* Menu border color + spaces
       + Menu title bgcolor and text */
td.leftmenu table.bloc {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFCF00; text-align: left; background-color: #1e2a63; margin-bottom: 4pt; margin-left:2pt; margin-right: 2pt;} 
td.leftmenu table.bloc table th {color: #1A425B; font-family: Arial, Helvetica, sans-serif; font-size:10px; background-color: #D0D6F2; text-align: left}  /* Tutorial title */
td.leftmenu table.bloc table td {color: #1A425B; font-family: Arial, Helvetica, sans-serif; font-size:9px; background-color: #D0D6F2; text-indent:10pt}  /* Tutorial items (sub-titles) */


td.leftmenu a {color: #1a425B; text-decoration: none}
td.leftmenu a:hover {color: #1A425B; text-decoration: underline}
td.leftmenu a.script {color: #9096B2}

td.leftmenu .bullet {color: #FFCF00; font-family: monospace; font-size: 11px; font-weight: bold; text-indent:4pt;}
td.leftmenu .main {background-color: #FFFFFF}

/* CSS For the right menu */
td.rightmenu {background-color: #FFFFFF;}
td.rightmenu table {background-color: #1e2a63;}
td.rightmenu table.blocborder {background-color: #1e2a63; margin-bottom: 4pt; margin-left: 2pt; margin-right: 2pt}
td.rightmenu table.bloc {background-color: #1e2a63}
td.rightmenu .bullet {color: #9096B2; background-color: #1e2a63; font-size: 8pt; font-weight: bold; margin-right: 2pt}
td.rightmenu .main {background-color: #FFFFFF}

/* CSS For the main panel */
/*
td.main a {color: #606682; text-decoration: none}
td.main a:hover { color: #9096B2; text-decoration: underline }
td.main, td.main table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
td.main table.blocborder {background-color: #A0A3BF; width:600; margin-bottom: 4pt; margin-left: 2pt; margin-right: 2pt}
td.main table.bloc th a {color: #404662; text-decoration: none}
td.main table.bloc th a:hover { color: #FFCF00; text-decoration: underline }
*/
td.main a {color: #9096B2; text-decoration: none}
td.main a:hover { color: #404662; text-decoration: underline }
td.main table.bloc a {color: #404662; text-decoration: none}
td.main table.bloc a:hover { color: #9096B2; text-decoration: underline }
td.main table.bloc th a {color: #404662; text-decoration: none}
td.main table.bloc th a:hover { color: #FFCF00; text-decoration: underline }
td.main, td.main table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; clip:   rect(   )}
td.main table.bloc { background-color: #1E2E63; width:550; margin-bottom:4pt;}
td.main table.twoblocs {width:550;}
td.main table.twoblocs table.bloc { background-color: #1E2E63; width:250; margin-bottom:4pt;}
td.main table.bloc tr {background-color: #F1F1F1}
td.main table.bloc tr th {background-color: #A0A3BF}


td.main table.code { background-color: #000000; width: 600; margin: 0px; padding: 0px; font-family: "MS Courier New", courier; font-size: 10pt; }
td.main table.code tr { background-color: #E0E6F2 }
td.main table.code tr td a { color: #0000FF; text-decoration: none; cursor: help }
td.main table.code tr td a:hover { color: #000000; background-color: #FFCF00; cursor: help }
td.main table.code tr th { background-color: #C0C6D2; text-align: left; padding: 2pt }
td.main table.code tr th a { color: #404662; text-decoration: none;}
td.main table.code tr th a:hover { color: #E0E6F2; text-decoration: none; }


/* V3 colors
td.main table.bloc { background-color: #A0A3BF}
td.main table.bloc tr {background-color: #D0D3EF}
td.main table.bloc tr th {background-color: #A0A3BF}
*/
/* V2 colors */
td.main table.bloc { background-color: #1E2E63; width:550; margin-bottom:4pt;}
td.main table.bloc tr {background-color: #F1F1F1}
td.main table.bloc tr th {background-color: #A0A3BF}


/* Code border */
/* Here I've got a pb (at least with Mozilla)
   Even when using the CSS attributes border, margin, padding
   I have to set the HTML attributes cellpadding, cellspacing, border
*/
/* REM here border-bottom-width can be used to add a shadow effect */
/*
td.main table.code { background-color: #000000; width: 600; margin: 0px; padding: 0px; font-family: "MS Courier New", courier; font-size: 12pt;}
td.main table.code tr td table.code { background-color: #E0E6F2}
td.main table.code tr td table.code tr { background-color: #E0E6F2}
td.main table.code tr td table.code tr td { background-color: #E0E6F2}
*/
table.bloc tr td table.code { background-color: #000000; width: 525; margin: 0px; padding: 0px; font-family: "MS Courier New", courier; font-size: 12pt;}
table.bloc tr td table.code tr td table.code { background-color: #FFFFFF}
table.bloc tr td table.code tr td table.code tr { background-color: #FFFFFF}
table.bloc tr td table.code tr td table.code tr td { background-color: #FFFFFF}
/*
table.code tr td a { color: #0000FF; text-decoration: none; cursor: help }
table.code tr td a:hover { color: #000000; background-color: #FFCF00; cursor: help }
*/


.copyright {  color: #FFCF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; vertical-align: middle; text-align: center}
.topmenu {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFCF00}
a {  text-decoration: none; color: #FFCF00}
a:hover {  color: #FFCF00}
.link { text-decoration: underline; color: #1e2a63; }
.link:hover { text-decoration: none; color: #1e2a63; }
.search {  font-size: 12px; color: #1e2a63; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase; background-color: #FFCF00; text-align: center}
.toplink {  color: #9096B2}
.toplink:hover { text-decoration: none; color: #FFCF00}

.summary { color: #606682 }
.summary:hover { color: #9096B2 }

.download { color: #505672 }
.download:hover { color: #9096B2 }

.prerequisite { font-size: 10pt; color: #FF2222 }
a.prerequisite { font-size: 10pt; color: #606682 }
a.prerequisite:hover { font-size: 10pt; color: #9096B2 }


.tabcategory {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}

/* DEPRECATED
.tabitem:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9096B2; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-weight: bold}
.tabitem {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCF00; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-weight: bold}
.tabsubitem:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #9096B2; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-weight: normal}
.tabsubitem {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFCF00; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-weight: normal}
.tabsubitemhighlighted:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #9096B2; font-weight: normal}
.tabsubitemhighlighted {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #DF8F00; font-weight: normal}
*/
.inputtext {  font-weight: bold; color: #1e2a63; background-color: #FFCF00}
.inputbutton {  color: #FFCF00; background-color: #1e2a63}
.category {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFCF00; background-color: #1e2a63; text-align: left}
.tabtitle {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCF00; background-color: #1e2a63; font-weight: bold}
.tabsmall {  font-size: 9px; color: #FFCF00; background-color: #1e2a63; text-align: right; font-family: Arial, Helvetica, sans-serif}
.tabtext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
h1 { background-color: #1e2a63; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFCF00}
h2 { background-color: #1e2a63; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCF00}
.tablink {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #1e2a63; font-weight: bold;}
.tablink:hover {  color: #9096B2}

.highlighted { background-color: #FFCF00 }

.output { background-color: #FFEFD0; font-family: "MS Courier New", courier; font-size: 12px }

.sqlexampleheading { background-color: #D0D6F2 }
.sqlexampleborder { background-color: #000000 }
.sqlexample { background-color: #B0B6D2; font-family: "MS Courier New", courier; font-size: 10px }
.sqlexamplelegend { background-color: #D0D6F2; font-family: "MS Courier New", courier;  font-size: 10px; font-weight: bold}

.xslcodeborder { background-color: #1e2e63 }
.xslcode { background-color: #9096B2; font-family: "MS Courier New", courier; font-size: 12px }

/* deprecated */
.code { background-color: #E0E6F2; font-family: "MS Courier New", courier; font-size: 12px }
.reflink { color: #0000FF; cursor: help }
.reflink:hover { color: #000000; background-color: #FFCF00; cursor: help }