/* ==================== aural ============================ */

@media aural {
  h1, h2, h3, h4, h5, h6 { voice-family: paul, male&#59; stress: 20&#59; richness: 90 }
  h1 { pitch: x-low&#59; pitch-range: 90 }
  h2 { pitch: x-low&#59; pitch-range: 80 }
  h3 { pitch: low&#59; pitch-range: 70 }
  h4 { pitch: medium&#59; pitch-range: 60 }
  h5 { pitch: medium&#59; pitch-range: 50 }
  h6 { pitch: medium&#59; pitch-range: 40 }
  li, dt, dd { pitch: medium&#59; richness: 60 }
  dt { stress: 80 }
  pre, code, tt { pitch: medium&#59; pitch-range: 0&#59; stress: 0&#59; richness: 80 }
  em { pitch: medium&#59; pitch-range: 60&#59; stress: 60&#59; richness: 50 }
  strong { pitch: medium&#59; pitch-range: 60&#59; stress: 90&#59; richness: 90 }
  dfn { pitch: high&#59; pitch-range: 60&#59; stress: 60 }
  s, strike { richness: 0 }
  i { pitch: medium&#59; pitch-range: 60&#59; stress: 60&#59; richness: 50 }
  b { pitch: medium&#59; pitch-range: 60&#59; stress: 90&#59; richness: 90 }
  u { richness: 0 }
  
  :link { voice-family: harry, male }
  :visited { voice-family: betty, female }
  :active { voice-family: betty, female&#59; pitch-range: 80&#59; pitch: x-high }
}
  
a.external  {
  padding: 0 20px 0px 0px&#59;
	display:inline&#59;
  background-repeat: no-repeat&#59;
	background-position: center right&#59;
	background-image: url(images/external-link.gif)&#59;
}
  
#top          { background-color: #FFFFFF&#59;}  
 
#top .header .current { background-color: #4C6C8F&#59;} 
#top .header .current a:link {  color: #ffffff&#59;  }
#top .header .current a:visited { color: #ffffff&#59; }
#top .header .current a:hover { color: #ffffff&#59; }
 
#tabs li      { background-color: #E5E4D9 &#59;} 
#tabs li a:link {  color: #000000&#59;  }
#tabs li a:visited { color: #000000&#59; }
#tabs li a:hover { color: #000000&#59; }

#level2tabs a.selected      { background-color: #4C6C8F &#59;} 
#level2tabs a:link {  color: #ffffff&#59;  }
#level2tabs a:visited { color: #ffffff&#59; }
#level2tabs a:hover { color: #ffffff&#59; }

#level2tabs { background-color: #E5E4D9&#59;}
#level2tabs a.unselected:link {  color: #000000&#59;  }
#level2tabs a.unselected:visited { color: #000000&#59; }
#level2tabs a.unselected:hover { color: #000000&#59; }

.heading { background-color: #E5E4D9&#59;} 

.boxed { background-color: #E5E4D9&#59;} 
.underlined_5 	{border-bottom: solid 5px #E5E4D9&#59;}
.underlined_10 	{border-bottom: solid 10px #E5E4D9&#59;}
table caption { 
background-color: #E5E4D9&#59; 
color: #000000&#59;
}
    
#feedback {
color: #FFFFFF&#59;
background: #4C6C8F&#59;
text-align: center&#59;
}
#feedback #feedbackto {
color: #FFFFFF&#59;
}   

#publishedStrip { 
color: #FFFFFF&#59;
background: #4C6C8F&#59; 
}

#publishedStrip { 
color: #000000&#59;
background: #E5E4D9&#59; 
}

#menu .menupagetitle  { background-color: #CFDCED&#59;
  color: #000000&#59;}

#menu           { border-color: #999999&#59;}
#menu .menupagetitle  { border-color: #999999&#59;}
#menu .menupageitemgroup  { border-color: #999999&#59;}

#menu      { background-color: #4C6C8F&#59;} 
#menu  {  color: #ffffff&#59;} 
#menu a:link {  color: #ffffff&#59;} 
#menu a:visited {  color: #ffffff&#59;} 
#menu a:hover {  
background-color: #4C6C8F&#59;
color: #ffffff&#59;} 

#menu h1 {
color: #000000&#59;
background-color: #cfdced&#59;
}   
 
#top .searchbox { 
background-color: #E5E4D9 &#59;
color: #000000&#59; 
} 
 
#menu .menupageitemgroup     { 
background-color: #E5E4D9&#59;
}
#menu .menupageitem {
color: #000000&#59;
} 
#menu .menupageitem a:link {  color: #000000&#59;} 
#menu .menupageitem a:visited {  color: #000000&#59;} 
#menu .menupageitem a:hover {  
background-color: #E5E4D9&#59;
color: #000000&#59;
}

body{ 
background-color: #ffffff&#59;
color: #000000&#59;
} 
a:link { color:#0000ff} 
a:visited { color:#009999} 
a:hover { color:#6587ff} 

 
.ForrestTable      { background-color: #ccc&#59;} 
 
.ForrestTable td   { background-color: #ffffff&#59;} 
 
.highlight        { background-color: #ffff00&#59;} 
 
.fixme        { border-color: #c60&#59;} 
 
.note         { border-color: #069&#59;} 
 
.warning         { border-color: #900&#59;} 
 
.code         { border-color: #a5b6c6&#59;} 
 
#footer       { background-color: #E5E4D9&#59;} 
/* extra-css */
        
        p.quote {
        margin-left: 2em&#59;
        padding: .5em&#59;
        background-color: #f0f0f0&#59;
        font-family: monospace&#59;
        }
        
        #footer a { color: #0F3660&#59; }
        #footer a:visited { color: #009999&#59; }
        #top .projectlogo { float: none&#59; text-align: center&#59; width: auto&#59; }
        #menu { width: 200px }
        #content { padding-left: 230px }
        #content table.autosize { width: auto&#59; }
        #credit2 img { margin-top: 20px }

        .boxed { padding-left: 10px&#59; border-radius: 10px 0px&#59; }
        h2.boxed { color: white&#59; background-color: #036&#59; }
        h3.boxed { color: white&#59; background-color: #888&#59; }
        table.POITable th  { background-color: #bbb !important }
        table.POITable tr:nth-child(even) { background-color: #ddd }
        table.POITable tr:nth-child(odd) { background-color: #efefef }
        .feature-yes { background-color: #9f9 }
        .feature-na { background-color: #ddf }
        .feature-no { background-color: #f99 }

        li.pro, li.con {
            list-style: none&#59;
            padding-left: 0.7em&#59;
            text-indent: -0.3em&#59;
        }

        li.pro::before, li.con::before {
            content: "\00a0"&#59;
            font-weight: bold&#59;
            display: inline-block&#59;
            width: 1em&#59;
            margin-left: -1em&#59;
            margin-right: 0.3em&#59;
            background-repeat: no-repeat&#59;
            background-position: center&#59;
        }

        li.pro::before {
            background-image: url("data:image/svg+xml&#59;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='green' d='M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/></svg>")&#59;
        }


        li.con::before {
            background-image: url("data:image/svg+xml&#59;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='red' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z'></path></svg>")&#59;
        }

        /* Bare bones style for the desired effect */
        div.code {
            display: table&#59;
            white-space: pre-wrap&#59;
            border: solid 1px black&#59;
            font-family: monospace&#59;
        }

        div.code::before {
            counter-reset: linenum&#59;
        }

        div.codeline {
            display: table-row&#59;
            counter-increment: linenum&#59;
        }

        span.lineno {
            display: table-cell&#59;
            user-select: none&#59;
            -moz-user-select: none&#59;
            -webkit-user-select: none&#59;
            width: 4em&#59;
            background: #f0f0f0&#59;
            padding: 3px&#59;
            padding-top: 0px&#59;
            border-right: solid 1px silver&#59;
            border-top: solid 1px silver&#59;
        }

        span.lineno::before {
            content: counter(linenum) "."&#59;
            text-align: right&#59;
            display: block&#59;
            font-size: 90%&#59;
            color: #999&#59;
        }

        span.codebody {
            display: table-cell&#59;
            padding: 3px 5em 3px 1em&#59;
            background: white&#59;
        }

        div.code div.codeline:nth-child(odd) .codebody {
            background: #f0f8ff&#59;
        }

        dd {
            margin-bottom: 1em&#59;
        }

        tr.action td:nth-child(1), tr.action td:nth-child(2), tr.action td:nth-child(3) {
            text-align: center&#59;
        }

        .sebb, a.sebb:link, a.sebb:visited {
            color: white&#59;
        }