/***********************************************************/
/********************   Common CSS   ***********************/
/***********************************************************/ 

* {
    font-family: "Source Sans Pro","Segoe UI","Trebuchet MS",sans-serif,Arial,Helvetica;
    padding: 0;
    margin: 0;
}

ul {
  padding-left: 2em;
}

html, body {
  height: 100% !important; /* needed for iframe */
  margin: 0;
  font-size: 13px;
  /*background-color: #ccf;*/
}

input {
  border: 0;
}

/***********************************************************/
/***********************   Header   ************************/
/***********************************************************/

body.frameset_header #header {
	background-image: url(img/navbar.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background-position: right;
	width: 100%;
	height: 90px;
	margin: 0px 20px 0px 0px;
	z-index: 1;
}

body.frameset_header #logo {
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	float: left;	
	height: 46px;
	width: 300px;
	margin: 22px 0px 22px 20px;
}

/*body.frameset_header #buttonContainer {
    bottom: 10px;
    padding: 2px 0 0 5px;
    position: fixed;
    right: 0;
    width: 240px;
}*/

body.frameset_header #buttonContainer {
	float: right;
	position: relative;
	z-index: 2;
}

body.frameset_header #buttonContainer img {
	cursor: pointer;
	margin-top: 60px;
	border: solid 1px #ccc;
}

body.frameset_header #prevButton{
	margin-right: 20px;
}

/*body.frameset_header #prevButton, body.frameset_header #parentButton, body.frameset_header #nextButton {
    background-color: #EEE0FF;
    border: 1px solid #AAAAEE;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 3px;
    padding: 3px 5px;
    text-align: center;
    width: 60px;
}

body.frameset_header #prevButton:hover, body.frameset_header #parentButton:hover, body.frameset_header #nextButton:hover {
    background-color: #CCCCFF;
}

body.frameset_header #prevButton:active, body.frameset_header #parentButton:active, body.frameset_header #nextButton:active {
    background-color: #BBBBFF;
}*/
body.frameset_header .label {
    clear: both;
    color: #DDDDDD;
    font-size: 0.78em;
    padding-bottom: 2px;
    text-align: center;
}

/***********************************************************/
/*****************   Tabs, iframes CSS   *******************/
/***********************************************************/
.tabs {
    /*border-bottom: 1px solid black;*/
    /*border: 2px 2px 4px 0;*/
    /*height: 29px;*/
    padding: 4px 4px 0 4px;
    width: 310px;
}
.tabs .active, .tabs .nonactive {
    /*border: 1px solid #7777AA;*/
    cursor: pointer;
    float: left;
    height: 22px;
    /*margin-bottom: -2px;
    overflow: hidden;*/
    padding: 0 0 0 2px;
    text-align: center;
    width: 100px;
}

/*.tabs .active {
    background-color: #BBBBFF;
    border-bottom: 2px solid #BBBBFF;
    border-color: black black #BBBBFF;
}

.tabs .nonactive {
  background-color: #DDDDFF;
  border-color: #9999BB #9999BB;
  border-bottom: none;
}

.tabs .nonactive:hover {
    background-color: #ccf;
}*/

/*.tabs .active:hover {
    background-color: #8888DD;
    color: #000000;
}*/



/*
iframe.visible {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 10;
}

iframe.hidden {
  display: block;
  height: 0;
  width: 0;
}*/

iframe {
  border: none;
  margin: 0;
  padding: 0;
}
iframe.visible {
	display: block; 
	width: 100%;
	height: 100%;
	z-index: 10; 
}

iframe.hidden {
	display: none; 
	width: 0px;
	height: 0px;
}


/***********************************************************/
/**************   First (cover) page CSS   *****************/
/***********************************************************/ 
body.firstPage  {
  padding: 20px;
  height: auto !important;
}

body.firstPage .title {
  margin: 10px;
  text-align: left; 
  color: #000066;
}

body.firstPage .title h1 {
  font-size: 2.4em;
}

body.firstPage .title h2 {
  font-size: 1.58em;
  margin-top: 1em
}

body.firstPage .bottomInfo {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 20px;
}

body.firstPage .bottomInfo .topic-created {
  font-weight: bold;
}

/***********************************************************/
/**********************   TOC CSS   ************************/
/***********************************************************/
.frameset_toc #toolbar {
    background-color: #B3B5B4;
    height: 30px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
div.collapse_all {
	cursor: pointer;
	background-image: url(img/toc_closed.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	margin-right: 2px;				
}
div.expand_all {
	cursor: pointer;
	background-image: url(img/toc_open.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	margin-right: 2px;				
}
body.frameset_toc #DynTree {
    margin-left: -18px;
    padding: 30px 10px 0 10px;
}
/*
body.frameset_toc .ExpandCollapseAll {
    background-color: #BBBBFF;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

body.frameset_toc #ExpandAll, body.frameset_toc  #CollapseAll  {
    cursor: pointer;
    float: right;
    height: 18px;
    left: -1px;
    position: relative;
    width: 18px;
}
*/
#DynTree .Container {
  padding: 0;
  margin: 0;
}

#DynTree .Container li {
  list-style-type: none;
}

/* indent for all tree children excepts root */
#DynTree .Node {
    margin-left: 18px;
    zoom: 1;
    /*background-image : url(img/i.gif);
    background-position : top left;
    background-repeat : repeat-y;*/
}

#DynTree .ExpandOpen > .Expand {
    background-image: url(img/toc_open.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* closed is higher priority than open */
#DynTree .ExpandClosed > .Expand {
    background-image: url(img/toc_closed.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* highest priority */
#DynTree .ExpandLeaf > .Expand {
/*    background-image: url(img/expand_leaf.gif);*/
    background-image: url(img/leaf.gif);
}


#DynTree .Content {
    min-height: 18px;
    margin-left:18px;
    padding: 0em 0 0 0.3em;
    border: 1px dashed #fff;
}


/*#DynTree .IsLast {
    background-image: url(img/i_half.gif);
    background-repeat : no-repeat;
}*/


#DynTree .Expand {
    width: 18px;
    height: 18px;
    float: left;
}


#DynTree .ExpandOpen .Container {
    display: block;
}

#DynTree .ExpandClosed .Container {
    display: none;
}

#DynTree .ExpandOpen .Expand, #DynTree .ExpandClosed .Expand {
    cursor: pointer;
}
#DynTree .ExpandLeaf .Expand {
    cursor: auto;
}

#DynTree li.Selected > .Content {
  background-color: #ccf;
  border: 1px solid #aae;
}


#DynTree a {
  text-decoration: none;
  color: #0000EE;
}

#DynTree a:visited {
  color: #551A8B;
}

#DynTree a:hover {
  text-decoration: underline;
}


/***********************************************************/
/*********************   Index CSS   ***********************/
/***********************************************************/ 
#index input {
    margin: 3px;
    margin-top: 6px;
    width: 98%;
}

#index #filter {
    background-color: #B3B5B4;
    height: 30px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

#index label {
    color: #777777;
    left: 6px;
    position: absolute;
    top: 3px;
}

#index label.hidden {
  display: none;
}

#index > .innerterms {
    margin: 30px 0 0;
}

#index .entry > .topics > li {
    list-style: none outside none;
}
#index .entry > .topics {
    background-color: #ccf;
    border: 1px solid #aae;
    left: 1.3em;
    padding: 0.1em 0.4em;
    position: absolute;
    top: 1em;
    visibility: hidden;
    z-index: 100;
    font-size: 0.9em;
}
#index .entry {
    cursor: pointer;
    list-style: none outside none;
    position: relative;
}
#index .term:hover + .topics, #index  .topics:hover {
    visibility: visible;
}
#index .term:hover {
    background-color: #DDDDEE;
    border: 1px dashed #5555EE;
}
#index .innerterms {
    padding: 0 0 0 1em;
}
#index .term {
    padding: 0 0.1em;
    border: 1px dashed #fff;
}

#index .term {
  color: #0000EE;
}


/***********************************************************/
/******************   Search page CSS   ********************/
/***********************************************************/ 
body.frameset_search .RocketSearch_queryForm {
  background-color: #B3B5B4;
  height: 30px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

body.frameset_search .searchResults {
    padding: 30px 7px 7px 7px;
}

body.frameset_search form.RocketSearch_queryForm input.query {
    margin: 3px;
    width: 165px;
}

body.frameset_search form.RocketSearch_queryForm label {
    color: #777777;
    left: 6px;
    position: absolute;
    top: 3px;
}

body.frameset_search form.RocketSearch_queryForm label.hidden {
  display: none;
}

body.frameset_search form.RocketSearch_queryForm .context {
    margin: 2px 2px 2px 20px
}

body.frameset_search .RocketSearch_resultsNest a {
    display: block;
    text-decoration: none;
}

body.frameset_search .RocketSearch_resultsNest a:hover {
    text-decoration: underline;
}

body.frameset_search .RocketSearch_resultsNest ul {
    padding: 1px 2px 3px 10px;
}

body.frameset_search .RocketSearch_resultsNest li {
    list-style: none outside none;
}

body.frameset_search .RocketSearch_resultsNest li p {
    /*border-left: 1px dotted #0000FF;*/
    border: 1px dotted #000000;
    color: #555555;
    font-size: 0.85em;
    margin-bottom: 5px;
    padding: 0 0 0 3px;
}

body.frameset_search .RocketSearch_highlight {
    background-color: yellow;
}

body.frameset_search .totalHits {
  font-weight: bold;
  margin-bottom: 1em;
}