/*
REMINDER: Don't use px unit for font-size, instead use pt for better rendering whatever
          the screen size is.
          On the opposite, use px for border size
*/
body {width:950px; margin:0px}
.subdomainname {color:#000000; font-family:helvetica; font-size:20pt}
.domainhorizmenu {
    background-color:#FFFFFF; color:#333333;
    text-transform:uppercase;
    font-size:7pt; font-weight:bold;  font-family:helvetica;
    padding-top:2pt; padding-bottom:2pt;           
}
.domainhorizmenu a, .domainhorizmenu a:visited{
    background-color:#FFFFFF; color:#333333;
    text-transform:uppercase;
    font-size:7pt; font-weight:bold;  font-family:helvetica;
    padding-top:2pt; padding-bottom:2pt;
    text-decoration:none;           
}
.domainhorizmenu a:hover{
    background-color:#FFFFFF; color:#333333;
    text-transform:uppercase;
    font-size:7pt; font-weight:bold;  font-family:helvetica;
    padding-top:2pt; padding-bottom:2pt;
    text-decoration:underline;           
}

.subdomainhorizmenu {
    background-color:#2d2d2d; color:#FFFFFF;
    text-transform:uppercase; text-align:center;
    font-size:8pt; font-weight:bold;  font-family:helvetica;
    padding-top:2pt; padding-bottom:2pt;           
}
.subdomainhorizmenu a, .subdomainhorizmenu a:visited {
    background-color:#2d2d2d; color:#FFFFFF;
    text-transform:uppercase; text-align:center;
    font-size:8pt; font-weight:bold;  font-family:helvetica;
    padding-top:2pt; padding-bottom:2pt;           
    text-decoration:none;
}
.subdomainhorizmenu a:hover {
    background-color:#2d2d2d; color:#FFFFFF;
    text-transform:uppercase; text-align:center;
    font-size:8pt; font-weight:bold;  font-family:helvetica;
    padding-top:2pt; padding-bottom:2pt;           
    text-decoration:underline;
}
.separator {margin-left:10pt; margin-right:10pt; display:inline}

div.toptopmenu {display:bloc}
div.toptopmenu td.leftpart h1 {color:#000000; font-size:20pt; font-weight:bold; text-transform:uppercase}
div.toptopmenu td.leftpart h2 {color:#999999; font-size:10pt; font-weight:bold; text-transform:uppercase}
div.toptopmenu div.separator {color:#999999;}
div.toptopmenu .rightpart {color:#999999;}
div.toptopmenu .rightpart a, div.header div.rightpart a:hover, div.header div.rightpart a:visited {color:#999999; text-decoration: none; font-size:10pt; font-weight:bold; font-variant:small-caps}
div.topmenu {background-color: #000000; color: #FFFFFF; text-align:center; padding-bottom:5px; padding-top:5px; }
div.topmenu a, div.topmenu a:hover, div.topmenu a:visited {background-color: #000000; color: #FFFFFF; text-decoration: none; font-size:10pt; font-weight:bold; font-variant:small-caps}
div.separator {left-margin:10pt; right-margin:10pt; display:inline}

/*
Section border color: #1E2E63 (dark blue)
Section title (1) background color: #1E2E63 (dark blue)
Section title (1) text color: #FFCF00 (yellow)
Section title (2) background color: #A0A3BF (light blue)
Section title (2) text color: #1A425B (light blue)
Section title (3) background color: #A0A3BF
Section title (3) text color: #1A425B (light blue)
*/
.leftmenu div.menu_level0 {width:100pt; margin-top:2px; margin-left:2px; margin-right:2px; text-align:left}
.leftmenu div.menu_level1 {font-size: 9pt; border: solid #1E2E63 1px; color:#FFCF00; background-color: #1E2E63; margin-bottom:2px; margin-left:2px; margin-right:0pt}
.leftmenu div.menu_level2 {font-size: 9pt; border: 0px; color:#1A425B; background-color: #A0A3BF; margin-bottom:0pt; margin-left:0pt; margin-right:0pt}
.leftmenu div.menu_level3 {font-size: 8pt; border: 0px; color:#1A425B; background-color: #A0A3BF; margin-bottom:0pt; margin-left:6pt; margin-right:0pt}

.leftmenu a, .leftmenu a:visited {color: #1E2E63; text-decoration: none}
.leftmenu a:hover {color: #1E2E63; text-decoration: underline}

.main tr.menu_level0 {width:100pt; margin-top:2px; margin-left:2px; margin-right:2px; text-align:left}
.main div.menu_level1 {font-size: 12pt; font-weight:bold; border: solid #1E2E63 1px; color:#FFCF00; background-color: #1E2E63; margin-bottom:10px; margin-left:0px; margin-right:0px; padding-top:0px}
.main div.menu_level2 {font-size: 11pt; font-weight:normal; border: 0px; color:#1A425B; background-color: #A0A3BF; margin-bottom:0pt; margin-left:0pt; margin-right:0pt}
.main div.menu_level3 {font-size: 9pt; border: 0px; color:#1A425B; background-color: #A0A3BF; margin-bottom:0pt; margin-left:6pt; margin-right:0pt}

.main table.menu a, .main table.menu a:visited {color: #1E2E63; text-decoration: none}
.main table.menu a:hover {color: #1E2E63; text-decoration: underline}

div.ad_banner {
	margin:2pt;
    text-align:center;
}

div.main {
    background-color: #E8EBFF;
}

div.main h1 {
	font-size: 15pt;
}

td.main {
    padding-left:5px;
}

div.footer {
    font-size: 8pt; font-weight:normal;
    border-top: 1px solid #1E2E63;
    background-color: #A0A3BF;
    text-align:center;
}

div.bigbutton {
   border: 3px solid #1E2E63;
   padding: 10px;
   background-color: #A0A3BF;
   width: 300pt;
   margin: 35pt;
   vertical-align:middle;
}

.bigbutton a,.bigbutton a:visited {
	color: #1E2E63;
	text-decoration: none;
}

.bigbutton a:hover {
	color: #1E2E63;
	text-decoration: underline;
}

table.book {
   border: 1px solid #1E2E63;
   font-size: 9pt;
}

table.book th {
   background-color: #A0A3BF;
}

.tutorial {font-weight:normal; font-size: 10pt}
.tutorial .h1 {font-weight:bold; font-size: 14pt}
.tutorial .h2 {font-weight:bold; font-size: 12pt}

.tutorial div.text {margin-bottom: 8pt}

.tutorial .code {border: 1px solid #000000; font-family: "MS Courier New", courier; font-size: 10pt; text-align:left; width:90%; margin-left:20px; color:#000000}
.tutorial .html {background-color: #E5EAF2} 
.tutorial .php {background-color: #E0E6F2} 
.tutorial .xml {background-color: #9096B2}
.tutorial .xsl {background-color: #B0B6D2}
.tutorial .sql {background-color: #DADFF6}

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

.tutorial .download {border: 1px solid #000000;width:418pt; text-align: left; padding-top:2pt; padding-left:2pt}
.tutorial .download a {color: #1a425B; text-decoration: none}
.tutorial .download a:hover {color: #1a425B; text-decoration: underline}
.tutorial .download a:visited {color: #1a425B; text-decoration: none}

.tutorial .code a { color: #0000FF; text-decoration: none; cursor: help }
.tutorial .code a:hover { color: #000000; background-color: #FFCF00; cursor: help }

a.previous, a.next {color: #1E2E63; font-size:12pt; text-decoration: none; border: solid 1px #1E2E63}
a:hover.previous, a:hover.next {color: #1E2E63; font-size:12pt; text-decoration: none; border: solid 1px #1E2E63; background-color:#B0B6D2}

.tutorial table.db_schema {font-size:9pt; border-top:solid 1px #000000; border-right:solid 1px #000000}
.tutorial table.db_schema th, .tutorial table.db_schema td {font-size:9pt; border-bottom:solid 1px #000000; border-left:solid 1px #000000}