@charset "utf-8";

/*
 | (c) 2010 Copyright J K Software Ltd. All Rights Reserved.
 */
 
/* To avoid error messages, use only color names listed at http://www.w3schools.com/CSS/css_colors.asp : */
/* aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.  */
/* See http://en.wikipedia.org/wiki/Web_colors to see what those colours look like */
/* However - over 150 color names are supported by all browsers (allegedly) */

/* Use outputclass in DITA to obtain required classes for following parts */

body {
  margin: 0;
  font-size: 1.0em;
  line-height: 140%;
  color: #666666;
  font-family:  Arial, Helvetica, sans-serif;
  padding-bottom:20px;
/*  text-align: center; */
}
/* The text-align: center; in the above is only required for Olde Worlde browsers, so could drop. */
/* In the meantime, we need the following override: */
/* Override for the body element of the site map */

/* No longer required, because dropped centering of the body */
/*.jks-site-map {  text-align: left }*/


/* Make first line inside table cells line up, whether or not inside a para */
/* TODO - do the same for inside lists of features introduced */
td > p:first-child {
  margin-top: 0;
}

a{
  color: #0083E8;
}

a:link {
  color: #0083E8;
}

a:visited{
  color: purple;
}

a:hover{
  color: #FF7700;
}

h1, h3, h4, h5 {
  color: #7A99CA;
}

/*h2, h4{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #7A99CA;
  border-bottom: 8px solid #7A99CA;
}*/

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #7A99CA;
}

h3, h4, h5{
  font-size: 1em;
}

h1{
  font-size: 2em;
  margin: 0;
}

/* Not used - .sectiontitle is the one that has effect */
h2{
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #7A99CA;
  margin-bottom: 5px;
  border-bottom: 2px solid #7A99CA;
}

.sectiontitle {
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #7A99CA;
  margin-bottom: 5px;
  padding-bottom: 2px;
  border-bottom: 1px solid #7A99CA;
}

h3{
  color: #666666;
  margin-bottom:0;
}

h4{
  margin-bottom: 10px;
}

h5{
  border-bottom: 1px solid #ccc;
}

p.content{
  margin-top: 5px;
}

pre { font-size: 100%;}

.pre {
  margin-top: 0.25em;
  font-family: Arial, Helvetica, sans-serif;
}

.codeblock {
  font-size: 120%;
}

.codeph {
  font-size: 120%;
}

/* overriding (or supplying for first time, styling for classes output by Dita Open Toolkit */

/* Keep same as class SH-identifier */
.apiname {
  font-family: "Courier New", Courier, monospace ;
  font-size: 1.1em;
  color: #2040A0}

/* Keep same as class SH-reserved-word */
.keyword {
  font-family: "Courier New", Courier, monospace ;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
}

/* dcm: I chose color same as for SH-string, but there may be a better choice */
.filepath {
  font-family: "Courier New", Courier, monospace ;
  font-size: 1.0em;
  color: #008000;
}



/* Supply styles for jks classes */

/* .jks-container */

.jks-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
/*  top: 3px;*/
/*  width:auto;*/
  width:985px;
  text-align: left;
}

/* maybe change to 800 later, with suitable change to header image */

.jks-main-content-std, .jks-main-content-gallery {
  position: relative;
  width: 800px;
  left: 187px;
  top: 144px;
  margin-left: 0px;
  margin-top: 3px;
  margin-right: 6px;
  margin-bottom: 6px;  
}

.jks-main-content-gallery-photo {
  position: relative;
  width: 800px;
  left: 187px;
  top: 2px;
  margin-left: 0px;
  margin-top: 3px;
  margin-right: 6px;
  margin-bottom: 6px;
}

/* pic is 136 pixels high */

.jks-dyn-header-std, .jks-dyn-header-gallery {
  background-image: url(../../../static/gsa/images/gsa-banner-04.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  width: 800px;
  left: 187px;
  top: 2px;
  cursor: pointer;
  height: 136px;
  background-color: #FFFFFF;
  margin: 0;
  list-style: none;
}

.jks-dyn-header-gallery-photo {
  background-image: url(../../../static/gsa/images/gsa-slim-banner-01.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  width: 416px;
  left: 397px;
  top: 0px;
  cursor: pointer;
  height: 40px;
  background-color: #FFFFFF;
  margin: 0;
  list-style: none;
}
.jks-nav-bar {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  left: 182px;
  top: 63px;
}

.jks-dyn-header ul
{
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
  width: 611px;
}

.jks-dyn-header li
{
  float: left;
  margin: 0;
  width: 94px;
  padding: 0 0px 0 0px;
  border: 0;
  border-right: 2px solid #C8Ff61;
}

.jks-dyn-header a:link
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #98bf21;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* Show in selected state if the page is an ancestor-or-self of the target linked to by the button */
.jks-dyn-header .jks-nav-button-selected a:link
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #7A991A;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}



.jks-dyn-header a:visited
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #98bf21;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* Show in selected state if the page is an ancestor-or-self of the target linked to by the button */
.jks-dyn-header .jks-nav-button-selected a:visited
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #7A991A;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}


.jks-dyn-header a:hover
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #6A890A;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* Show in selected state if the page is an ancestor-or-self of the target linked to by the button */
.jks-dyn-header .jks-nav-button-selected a:hover
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #6A890A;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}


.jks-dyn-header a:active
{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #7A991A;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}


/* ======= Start sidebar =============================================================================== */ 

/* pic is 105 pixels high */

.jks-dyn-sidebar{
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  width: 178px;
  left: 2px;
  top: 2px;
  cursor: pointer;
  height: 136px;
  background-color: #FFFFFF;
  margin: 0;
  list-style: none;
}

.jks-nav-sidebar {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 3px;
  left: 5px;
  top: 164px;
}

.jks-dyn-sidebar ul
{
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
  width: 160px;
}

.jks-dyn-sidebar li
{
  float: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  margin: 0;
  width: 150px;
  padding: 2px 5px 2px 2px;
  border: 0;
  border-right: 2px solid #4f74af;
}

.jks-dyn-sidebar a:link
{
  display: block;
  color: #FFFFFF;
  background-color: #80a0d2;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* Show in selected state if the page is an ancestor-or-self of the target linked to by the button */
.jks-dyn-sidebar .jks-nav-button-selected a:link
{
  display: block;
  color: #FFFFFF;
  background-color: #5f84bf;
  border: 0;
  margin: 0;
  padding: 1px 0 1px 0;
  text-decoration: none;
}



.jks-dyn-sidebar a:visited
{
  display: block;
  color: #FFFFFF;
  background-color: #80a0d2;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* Show in selected state if the page is an ancestor-or-self of the target linked to by the button */
.jks-dyn-sidebar .jks-nav-button-selected a:visited
{
  display: block;
  color: #FFFFFF;
  background-color: #5f84bf;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}


.jks-dyn-sidebar a:hover
{
  display: block;
  color: #FFFFFF;
  background-color: #466faf;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* Show in selected state if the page is an ancestor-or-self of the target linked to by the button */
.jks-dyn-sidebar .jks-nav-button-selected a:hover
{
  display: block;
  color: #FFFFFF;
  background-color: #466faf;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}


.jks-dyn-sidebar a:active
{
  display: block;
  color: #FFFFFF;
  background-color: #7A1A99;
  border: 0;
  margin: 0;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

/* ======= End sidebar =============================================================================== */ 

.jks-shortdesc-maincontent {
  font-weight: bold;
  font-size: 1.1em;
  color: #7A99CA;
  margin: 0;
  padding: 0;
  margin-top: .45em;
  margin-bottom: .45em; 
}

.jks-shortdesc-sidepanel {
  font-weight: bold;
  font-size: 1.1em;
  color: #7A99CA;
}

.jks-sidepanel-right,
.jks-sidepanel-left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  padding: 3px;
  background-color: #FFFFDD;
  color: #003333;
  z-index: 1;
}

.jks-sidepanel-left {
  position: absolute;
  width: 170px;
  left: 5px;
  top: 2px;
}


#di-jks-sidepanel-left-banner {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  color: #7A99CA;
  text-align: center;
  height: 64px;
  padding-left: 12px;
  padding-top: 5px;
  padding-bottom: 2px;
  border-bottom: solid orange 1px;
}

.jks-sidepanel-left .ullinks { padding-left: 0px;
  margin-left: 0em;
}

.jks-sidepanel-left ol { padding-left: 0px;
  margin-left: 2em;
}

/* CR: Make links in left sidepanel green */
.jks-sidepanel-left a{
  color: #00A000;
}

.jks-sidepanel-left a:hover{
  color: #FF7700;
}


.jks-sidepanel-right {
  display: none;
  position: absolute;
  width: 157px;
  left: 1010px;
  top: 101px;
}

.jks-dyn-footer {
  clear: both;
}

.jks-dyn-footer{
  position: relative;
  width: 800px;
  left: 187px;
  top: 141px;
  background-color: #FFFFFF;
  text-align: center;
  margin-left: 0px;
  border-top: 1px solid #C8C8C8;
  list-style: none;
  padding-top: 6px;
}


.jks-dyn-footer ul
{
  list-style-type: none;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 6px;
}

.jks-dyn-footer li
{
  display: inline;
  padding: 0 0px 0 0px;
  border-right: 2px solid #BBBBBB;
}

.jks-dyn-footer .jks-last-in-list{
  border-right: none;
}

.jks-dyn-footer a:link
{
  font-size: 10px;
  color: #707070;
  background-color: #FFFFF9;
  text-align: center;
  padding: 4px;
  text-decoration: none;
}

.jks-dyn-footer a:visited
{
  font-size: 10px;
  color: #707070;
  background-color: #FFFFF9;
  text-align: center;
  padding: 4px;
  text-decoration: none;
}


.jks-dyn-footer a:hover
{
  color: #707070;
  background-color: #CCCCCC;
}

.jks-dyn-footer a:active
{
  background-color: #999999;
}

.fignone p {
    text-align: right;
    font-size: 0.8em;
    line-height: 95%;
    color: gray;
}

.jks-pagetype-gallery-photo img {
    border: 0;
}

.jks-pagetype-gallery-photo body {
    background-color: #000001;
}

a img {
    border: 0;
}

/* for graphical prev next links  */


.jks-graphical-prevnext {
    position: absolute;
    left: 700px;
    top: -17px;
}

.jks-graphical-prevnext .jks-graphical-familylinks {
  height: 20px;
}

.jks-graphical-prevnext .jks-graphical-previouslink {
  position: absolute;
  left: 6px;
}

.jks-graphical-prevnext .jks-graphical-parentlink {
  position: absolute;
  left: 36px;
}

.jks-graphical-prevnext .jks-graphical-nextlink {
  position: absolute;
  left: 66px;
}

/* for graphical links in sidebar */


.jks-dyn-sidebar .jks-graphical-familylinks {
  height: 40px;
}

.jks-dyn-sidebar .jks-graphical-previouslink {
  position: absolute;
  left: 6px;
}

.jks-dyn-sidebar .jks-graphical-parentlink {
  position: absolute;
  left: 66px;
}

.jks-dyn-sidebar .jks-graphical-nextlink {
  position: absolute;
  left: 126px;
}


.jks-graphical-familylinks {
  height: 40px;
}

.jks-graphical-previouslink {
  position: absolute;
  left: 200px;
}

.jks-graphical-parentlink {
  position: absolute;
  left: 350px;
}

.jks-graphical-nextlink {
  position: absolute;
  left: 500px;
}

.jks-footer-nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #707070;
}

.jks-copyright-footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #707070;
  text-align: center;
  padding-bottom: 4px;
}

.jks-diagnostic {
  margin-top: 20px;
  border-top: 1px solid #C8C8C8;
}

.jks-keypoints {
    border: 1px solid #7A99CA;
    background-color: #EEEEEE;
    padding: 3px;
}
.wintitle {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #77AA00;
}

.dlterm {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #7A99CA;
  margin-top: 1.0em;
  margin-bottom: 0.25em;
}

/* the following needs some work, and consistent usage of dd elements */


.ddexpand {
  position: relative;
  width: 650px;
  padding-bottom: 3px;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
/* We can put a nice box round uicolntrol, making it look like a button, but that does not suit all uses! */
/* hence drop the following
  border: 1px solid #707070;
  padding-left: 3px;
  padding-right: 3px;


*/
.uicontrol {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.0em;}

.sysout {
  font-family: "Courier New", Courier, monospace ;
  font-size: 1.1em;
}

.jks-tooltip {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: black;
  background-color: #FFFFDD;
  padding: 1px;
  border: solid black 1px;
}

.sysoutxx {
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.0em;
}

thead {
    color: #7A99CA;
    background-color: #E0E0E0;
}
/* check usage */
.title {
	font-family: Arial, Helvetica, sans-serif;
    color: #7A99CA;}