

/*------------------------------------------------------------------------*/
/* default styles                                                         */
/*------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #444444;
}

h1,h2,h3 {
    margin: 0px 0 5px 0;
}

p {
  color: #333;
  padding: 0 0 8px 0;
}

p.tight {
    padding: 4px 0;
    margin: 0;
}

pre {
  line-height: 120%;
}

code {
  color: #224;
  font-weight: bold;
}

a {
    text-decoration: none;
    color: #00AAF0;
}

a:visited {
    color: #0059a5;
}

a:hover {
    color: #FF7F00;
}

a:focus {
    -moz-outline: none;
}

.alt {
    display: none;
}

.sample {
    display: block;
    width: 100px;
    height: 30px;
}

br.clear {
    clear: both;
}
/*------------------------------------------------------------------------*/
/* main body style                                                        */
/*------------------------------------------------------------------------*/

body {
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #333;
    margin: 0px;
    padding: 10px 10px 20px 10px;
    background: #cccccc url('../images/glass/grey/top_grad.gif') repeat-x top left;
}

#layout {
    background: white url('../images/glass/grey/left.gif') repeat-y top left;
    min-width: 600px;
}


/*------------------------------------------------------------------------*/
/* header                                                                 */
/*------------------------------------------------------------------------*/

#header {
    position: relative;
    height: 130px;
    margin: 0px;
    padding: 0 25px 0 220px;
    background: url('../images/glass/grey/header.gif') no-repeat top right;
}

#header #logo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 130px;
    background: url('../images/glass/grey/logo_blue.gif') no-repeat top right;
}

#header #logo:hover {
    background-image: url('../images/glass/grey/logo_orange.gif');
}

#header #trail {
    height: 40px;
    margin: 0;
    padding: 0 0 0 10px;
    background: url('../images/glass/grey/tab_pre.gif') no-repeat top left;
}

#header #trail.blank {
    background-image: none;
}

#header #trail li {
    display: block;
    float: left;
    background: url('../images/glass/grey/tab_cold.gif') no-repeat top left;
    padding: 0 0 0 10px;
}

#header #trail li a {
    display: block;
    float: left;
    font-size: 11px;
    text-decoration: none;
    color: #888888;
    line-height: 14px;
    height: 30px;
    min-width: 60px;
    padding: 10px 15px 0 0;
    background: url('../images/glass/grey/tab_cold.gif') no-repeat top right;
}

#header #trail li a:hover {
    color: #FF7F00;
}

#header #trail li:hover,
#header #trail li:hover a {
    background-image: url('../images/glass/grey/tab_roll.gif');
}

#header #trail li.last {
    background-image: url('../images/glass/grey/tab_warm.gif');
    color: #444444;
}

#header #trail li.last a {
    background-image: url('../images/glass/grey/tab_warm.gif');
    color: #444444;
    padding-right: 45px;
}

#header .headline {
    font-size: 24px;
    margin: 8px 0 8px 0;
    padding: 0 100px 0 0;
    color: #444444;
}

#header .subhead {
    font-size: 16px;
    line-height: 18px;
    padding: 0 110px 0 0;
    margin: 0;
    color: #444;
}

#header .controls {
    position: absolute;
    display: block;
    top: 40px;
    right: 20px;
    width: 130px;
    height: 70px;
    overflow: visible;
}


/*------------------------------------------------------------------------*/
/* main page content and sidebar                                          */
/*------------------------------------------------------------------------*/

#page {
    margin-bottom: 0;
    padding: 0;
    padding-left: 220px;
    background: url('../images/glass/grey/right.gif') repeat-y top right; 
}

#sidebar {
    position: relative;
    float: left;
    padding: 0;
    width: 220px;
    margin: 0;
    margin-left: -220px;
}

#content {
    position: relative;
    margin: 0;
    padding: 0 40px 10px 15px;
}

#sidebar #menu {
    width: 220px;
    margin: 0;
    padding: 0;
    background: url('../images/glass/grey/menu_body.gif') repeat-y top left;
}

#sidebar #menu div.foot {
    height: 20px;
    background: url('../images/glass/grey/menu_foot.gif') no-repeat bottom left;
}

#page div.pageinfo {
    text-align: center;
    font-size: 10px;
    color: #ccc;
}


/*------------------------------------------------------------------------*/
/* footer                                                                 */
/*------------------------------------------------------------------------*/

#footer {
    clear: both;
    position: relative;
    padding: 0 145px 0px 270px;
    height: 100px;
    background: url('../images/glass/grey/footer.gif') no-repeat bottom left;
}

#footer a.osi {
    position: absolute;
    display: block;
    left: 200px;
    bottom: 30px;
    width: 70px;
    height: 50px;
    cursor: pointer;
    background: url('../images/glass/grey/osi.gif') no-repeat top left;
}

#footer .copyright {
    text-align: center;
    color: #666;
    font-size: 12px;
    padding: 14px 0 0 0;
}

#footer .licence {
    text-align: center;
    padding-top: 5px;
    color: #888;
    font-size: 11px;
    line-height: 15px;
    padding: 0 20px;
}

#footer .copyright a,
#footer .copyright a:visited, 
#footer .licence a,
#footer .licence a:visited {
    color: #40698c;
}

#footer .copyright a:hover,
#footer .licence a:hover {
    color: #FF7F00;
}

#footer .controls {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 125px;
    height: 100px;
    padding: 0 25px 0 0;
    background: url('../images/glass/grey/footer.gif') no-repeat bottom right;
}

/*------------------------------------------------------------------------*/
/* widescreen mode                                                        */
/*------------------------------------------------------------------------*/

#body.wide {
    padding: 10px 0 0 0;
}

#body.wide #palette {
    display: none;
}

#body.wide #header {
    padding: 0 20px 0 20px;
    margin: -50px -20px 0 0;
}

#body.wide #header #logo {
    display: none;
}

#body.wide #page {
    padding: 10px;
    margin: 0 0 0 0;
    background-image: none;
    background-color: white;
    min-width: 560px;
}

#body.wide #sidebar {
    display: none;
}

#body.wide #content {
    padding: 0 10px;
    background: white none;
}

#body.wide #footer {
    padding: 0 150px 0px 90px;
    margin-right: -20px;
    background-position: bottom right;
}

#body.wide #footer a.osi {
    left: 20px;
}

/*------------------------------------------------------------------------*/
/* controls for showing/hiding the menu                                   */
/*------------------------------------------------------------------------*/

div.controls a.menu {
    display: block;
    float: right;
    margin-right: 5px;
    width: 40px;
    height: 30px;
    background: url('../images/glass/grey/hide_menu.gif') no-repeat 0 5px;
}

div.controls a.hide:hover {
    background-image: url('../images/glass/grey/hide_menu_roll.gif');
}

div.controls a.show {
    background-image: url('../images/glass/grey/show_menu.gif');
}

div.controls a.show:hover {
    background-image: url('../images/glass/grey/show_menu_roll.gif');
}

body div.controls a.hide {
    display: block;
}

body div.controls a.show {
    display: none;
}

body.wide div.controls a.hide {
    display: none;
}

body.wide div.controls a.show {
    display: block;
}


/*------------------------------------------------------------------------*/
/* rollover tooltip box for our talking badger                            */
/*------------------------------------------------------------------------*/

div.controls a span.about,
div.controls span span.about {
    display: none;
    position: absolute;
    right: 175px;
    top: 5px;
    height: 40px;
    width: 200px;
    padding: 10px 37px 13px 10px;
    font-size: 10px;
    line-height: 13px;
    text-align: left;
    color: #888888;
    background: url('../images/glass/common/talkbox.gif') no-repeat top right;
}

div.controls a:hover span.about,
div.controls span:hover span.about {
    display: block;
}

div.controls span.about h4 {
    display: block;
    font-size: 11px;
    margin: 0;
    padding: 0 0 1px 0;
    color: #444444;
}


/*------------------------------------------------------------------------*/
/* pager for going to the previous/index/next page                        */
/*------------------------------------------------------------------------*/

div.pager {
    clear: right;
    float: right;
    padding-top: 5px;
    width: 98px;
}

div.pager .go {
    display: block;
    float: left;
    height: 18px;
    padding-top: 18px;
    width: 32px;
    font-size: 10px;
    text-align: center;
    background: url('../images/arrows/large/blank/dot.gif') no-repeat top center;
}

div.pager span.go {
    color: #aaa;
}

div.pager a.go {
    color: #00AAF0;
}

div.pager a.go:hover {
    color: #FF7F00;
}

div.pager a.back {
    background-image: url('../images/arrows/large/blue/left.gif');
}
div.pager a.back:hover {
    background-image: url('../images/arrows/large/orange/left.gif');
}
div.pager span.back {
    background-image: url('../images/arrows/large/blank/left.gif');
}

div.pager a.next {
    background-image: url('../images/arrows/large/blue/right.gif');
}
div.pager a.next:hover {
    background-image: url('../images/arrows/large/orange/right.gif');
}
div.pager span.next {
    background-image: url('../images/arrows/large/blank/right.gif');
}

div.pager a.up {
    background-image: url('../images/arrows/large/blue/up.gif');
}
div.pager a.up:hover {
    background-image: url('../images/arrows/large/orange/up.gif');
}
div.pager span.up {
    background-image: url('../images/arrows/large/blank/up.gif');
}



/*------------------------------------------------------------------------*/
/* pager is repeated in footer, but with text above arrows not below      */
/*------------------------------------------------------------------------*/

#footer .pager  {
    padding-top: 0;
}

#footer .pager .go {
    height: 42px;
    padding-top: 0;
    background-position: bottom center;
}

#footer a span.about {
    display: none;
    position: absolute;
    right: 28px;
    width: 200px;
    top: 58px;
    height: 25px;
    padding: 0;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    color: #444444;
    background-image: none;
}

#footer span span.about {
    display: none;
}

#footer a:hover span.about {
    display: block;
}


/*------------------------------------------------------------------------*/
/* colour selection palette                                               */
/*------------------------------------------------------------------------*/

#palette {
    position: absolute;
    top: 0;
    right: 60px;
    height: 20px;
    margin-top: 0px;
    width: 144px;
    background: url('../images/glass/grey/palette.gif') no-repeat top right;
}

#palette ul {
    display: block;
    height: 20px;
    margin: 0 12px 0 0;
    padding: 0 0 0 12px;
    background: url('../images/glass/grey/palette.gif') no-repeat top left;
}

#palette li {
    display: inline;
    padding: 0;
    margin: 0;
}

#palette li a {
    display: block;
    float: left;
    height: 20px;
    width: 24px;
    padding: 0;
    margin: 0;
    background: url('../images/glass/grey/col_grey_in.gif') no-repeat top right;
}

#palette li a.blue {
    background-image: url('../images/glass/grey/col_blue_in.gif');
}
#palette li a.blue:hover {
    background-image: url('../images/glass/grey/col_blue_out.gif');
}
#palette li a.orange {
    background-image: url('../images/glass/grey/col_orange_in.gif');
}
#palette li a.orange:hover {
    background-image: url('../images/glass/grey/col_orange_out.gif');
}
#palette li a.green {
    background-image: url('../images/glass/grey/col_green_in.gif');
}
#palette li a.green:hover {
    background-image: url('../images/glass/grey/col_green_out.gif');
}
#palette li a.purple {
    background-image: url('../images/glass/grey/col_purple_in.gif');
}
#palette li a.purple:hover {
    background-image: url('../images/glass/grey/col_purple_out.gif');
}
#palette li a.grey {
    background-image: url('../images/glass/grey/col_grey_out.gif');
}
#palette li a.grey:hover {
    background-image: url('../images/glass/grey/col_grey_out.gif');
}


/*------------------------------------------------------------------------*/
/* menu styles                                                            */
/*------------------------------------------------------------------------*/

ul.menu {
    list-style: none;
    margin: 0 20px;
    padding: 0;
}

ul.menu li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

ul.menu li.last {
    background: url('../images/glass/grey/menu_item_foot.gif') no-repeat top left;
    padding-top: 1px;
}

ul.menu li a {
    display: block;
    margin: 0;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 16px;
    min-height: 16px;
    color: #0059a5;
    text-decoration: none;
    background: url('../images/glass/grey/menu_item_body.gif') no-repeat top left;
}

ul.menu li.first a {
    background-image: url('../images/glass/grey/menu_item_head.gif');
}

ul.menu li.last a {
    background: url('../images/glass/grey/menu_item_foot.gif') no-repeat bottom left;
}

ul.menu li a:hover {
    color: #FF7F00;
    background-image: url('../images/glass/grey/menu_warm_body.gif'); */
}

ul.menu li a.warm {
    font-weight: bold;
    background-image: url('../images/glass/grey/menu_warm_body.gif'); */
}

ul.menu li.first a.warm,
ul.menu li.first a:hover {
    background-image: url('../images/glass/grey/menu_warm_head.gif');
}

ul.menu li.last a.warm,
ul.menu li.last a:hover {
    background: url('../images/glass/grey/menu_warm_foot.gif') no-repeat bottom left;
}

ul.menu li.l1 a {
    padding: 3px 8px 3px 22px;
    font-size: 11px;
}
ul.menu li.l2 a {
    padding: 3px 8px 3px 36px;
    font-size: 11px;
}
ul.menu li.l3 a {
    padding: 3px 8px 3px 50px;
    font-size: 11px;
}
ul.menu li.l4 a {
    padding: 3px 8px 3px 64px;
    font-size: 11px;
}
ul.menu li.l5 a {
    padding: 3px 8px 3px 78px;
    font-size: 11px;
}
ul.menu li.l6 a {
    padding: 3px 8px 3px 92px;
    font-size: 11px;
}
ul.menu li.l7 a {
    padding: 3px 8px 3px 106px;
    font-size: 11px;
}



/*------------------------------------------------------------------------*/
/* Styles for table of contents                                           */
/*------------------------------------------------------------------------*/

ul.toc {
    margin: 0 0 20px 0;
    padding: 0;
}

ul.toc li {
    list-style: none;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

ul.toc li a {
    font-size: 14px;
    line-height: 16px;
    min-height: 14px;
    text-decoration: none;
    margin: 0;
    padding: 4px 0 1px 18px;
    background: url('../images/arrows/small/blue/dot.gif') 0px 4px no-repeat;
    color: #00AAF0;
}

* html ul.toc li a {
    height: 16px;
}

ul.toc li.sub {
    margin: 0;
    line-height: 14px;
}

ul.toc li.sub a {
    display: block;
    margin: 0;
    padding: 2px 0 1px 34px;
    font-size: 13px;
    line-height: 15px;
    background: url('../images/arrows/small/blue/minidot.gif') 20px 3px no-repeat;
}

ul.toc li.subsub a {
    display: block;
    margin: 0;
    padding: 0 0 0 60px;
    font-size: 12px;
    line-height: 14px;
    background: url('../images/arrows/small/blue/minidot.gif') 40px 2px no-repeat;
}

ul.toc li a:hover {
    background-image: url('../images/arrows/small/orange/dot.gif');
    color: #FF7F00;
}

ul.toc li.sub a:hover,
ul.toc li.subsub a:hover {
    background-image: url('../images/arrows/small/orange/minidot.gif');
    color: #FF7F00;
}


/*------------------------------------------------------------------------*/
/* sections                                                               */
/*------------------------------------------------------------------------*/
div.section,
div.subsection {
    padding: 0 0 0 20px;
    clear: right;
}

div.section div.head,
div.subsection div.head {
    margin: 0 0 4px 0px;
    min-height: 20px;
    position: relative;
}

div.section div.head {
    border-bottom: 1px dashed #b0d2e9;
}

div.subsection div.head {
    border-bottom: 1px dashed #b0d2e9;
    margin-bottom: 2px;
}

div.section div.head h1 {
    padding: 0 80px 4px 28px;
    margin: 0 0 0 -28px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    background: url('../images/arrows/large/blue/dot.gif') no-repeat top left;
}

div.section div.head h2 {
    padding: 0 80px 2px 20px;
    margin: 0 0 0 -20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    background: url('../images/arrows/small/blue/dot.gif') no-repeat 0 3px;
}

div.section h3 {
    margin: 0;
    padding: 5px 0 5px 0;
    font-size: 14px;
    line-height: 18px;
}

div.section.open div.head h1 {
    background-image: url('../images/arrows/large/blue/dotminus.gif');
}

div.section.open div.head:hover h1 {
    color: #FF7F00;
    cursor: pointer;
    background-image: url('../images/arrows/large/orange/dotminus.gif');
}

div.section.shut div.head h1 {
    background-image: url('../images/arrows/large/blue/dotplus.gif');
}

div.section.shut div.head:hover h1 {
    color: #FF7F00;
    cursor: pointer;
    background-image: url('../images/arrows/large/orange/dotplus.gif');
}

div.subsection.open div.head h2 {
    background-image: url('../images/arrows/small/blue/dotminus.gif');
}

div.subsection.open  div.head:hover h2 {
    color: #FF7F00;
    cursor: pointer;
    background-image: url('../images/arrows/small/orange/dotminus.gif');
}

div.subsection.shut div.head h2 {
    background-image: url('../images/arrows/small/blue/dotplus.gif');
}

div.subsection.shut div.head:hover h2 {
    color: #FF7F00;
    cursor: pointer;
    background-image: url('../images/arrows/small/orange/dotplus.gif');
}

div.section div.head a.top {
    position: absolute;
    bottom: 4px;
    right: 0px;
    padding: 0px 20px 0px 0;
    margin: 0px;
    width: 25px;
    text-align: right;
    font-size: 10px;
    height: 16px;
    color: #00AAF0;
    background: url('../images/arrows/small/blue/up.gif') no-repeat 28px 3px;
}

div.section div.head a.top:hover {
    color: #FF7F00;
    background-image: url('../images/arrows/small/orange/up.gif');
}

div.section div.head a.open, 
div.section div.head a.shut,
div.subsection div.head a.open, 
div.subsection div.head a.shut {
    position: absolute;
    bottom: 4px;
    right: 45px;
    margin: 0px;
    padding: 0px 5px;
    font-size: 11px;
    height: 16px;
    width: 3em;
    text-align: right;
    border-right: 1px solid #ddd;
    display: none;
}

div.section.shut div.head a.open,
div.subsection.shut div.head a.open {
    display: block;
}

div.section.shut div.head a.shut,
div.subsection.shut div.head a.shut {
    display: none;
}

div.section.open div.head a.open,
div.subsection.open div.head a.open {
    display: none;
}

div.section.open div.head a.shut,
div.subsection.open div.head a.shut {
    display: block;
}

div.section div.body {
    display: block;
    padding: 10px 0 20px 0;
}

div.subsection div.body {
    display: block;
    padding: 5px 0 10px 0;
}

div.section.shut div.body,
div.subsection.shut div.body {
    display: none;
}

/*------------------------------------------------------------------------*/
/* POD markup                                                             */
/*------------------------------------------------------------------------*/

div.pod {
}

div.pod p {
  margin: 0px 0px 10px 0px;
}

div.pod pre {
  margin: 0 0 15px 20px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  font-size: 13px;
  color: #444444;
}

div.pod pre span.tt {
    font-weight: bold;
    color: #0059a5;
}




/*------------------------------------------------------------------------*/
/* Index page list                                                        */
/*------------------------------------------------------------------------*/

ul.index {
    margin: 10px 10px 10px 0;
    padding: 0px;
}

ul.index li {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}

ul.index li a {
    text-decoration: none;
    font-weight: bold;
    padding: 0 0 0 20px;
    margin: 0;
    color: ;
    background: url('../images/arrows/ff16_blue/right.gif') no-repeat top left;
}

ul.index li a:hover {
    color: ;
    background-image: url('../images/arrows/ff16_orange/right.gif');
}

ul.index li p {
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
}




#palette,
#header #logo,
#header #trail,
#header div.controls,
#footer div.controls,
#sidebar,
a.top {
    display: none;
}

#body {
    padding: 10px;
    background-color: white;
    background-image: none;
}

#layout, #page {
    background-image: none;
}    

#header {
    height: 80px;
    background-image: none;
    padding: 10px;
}

#header h1.headline {
    padding: 0;
}

#header h2.subhead {
    padding: 0;
}

#header a.permalink {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    color: black;
}


#page {
    padding: 0px;
    margin: 0 0 0 0;
    background-image: none;
    background-color: white;
}

#content {
    padding: 0 10px;
    background: white none;
}

#footer {
    margin: 0;
    padding: 0;
    height: 80px;
    background-image: none;
}

#footer a.osi {
    display: none;
    left: 20px;
}

#footer .copyright {
    padding: 0;
}

div.section,
div.subsection {
    padding-left: 0px;
}

div.section div.head h1,
div.section.open div.head h1,
div.section.shut div.head h1,
div.section div.head h2,
div.section.open div.head h2,
div.section.shut div.head h2,
div.subsection div.head h1,
div.subsection.open div.head h1,
div.subsection.shut div.head h1,
div.subsection div.head h2,
div.subsection.open div.head h2,
div.subsection.shut div.head h2 {
    margin-left: 0;
    padding-left: 0;
    background-image: none;
}

ul {
    padding-left: 20px;
}

ul li {
    list-style: disc;
    padding: 0;
    background-image: none;
}

ul.toc  {
    padding-left: 0px;
}

ul.toc li {
    list-style: none;
    padding: 0;
    background-image: none;
}

ul.toc li a {
    padding: 4px 0 1px 0px;
    background-image: none;
    color: black;
}

ul.toc li.sub a {
    margin-left: 15px;
    padding: 4px 0 1px 0px;
    background-image: none;
    color: black;
}

ul.toc li.subsub a {
    margin-left: 30px;
    padding: 4px 0 1px 0px;
    background-image: none;
    color: black;
}

#content a.ext, a.ext:visited {
    padding: 0;
    background-image: none;
}

#content a.ext:after {
   content: " [" attr(href) "] ";
   font-size: 90%;
}

