/*@import "../../css/print.css";
*/

@import url("https://use.typekit.net/sju5kzy.css");

html,
body{
    /*height:100%;
    width:100%;*/
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#fff;
    font-family:"ge-inspira-sans", Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
}
.breadcrumbwrapper{
    margin-top:6pt;
    margin-left:4pt;
    /* IE10 Consumer Preview */
    background-image:-ms-linear-gradient(left, #F2F2F2 0%, #FFFFFF 100%);

    /* Mozilla Firefox */
    background-image:-moz-linear-gradient(left, #F2F2F2 0%, #FFFFFF 100%);

    /* Opera */
    background-image:-o-linear-gradient(left, #F2F2F2 0%, #FFFFFF 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #F2F2F2), color-stop(1, #FFFFFF));

    /* Webkit (Chrome 11+) */
    background-image:-webkit-linear-gradient(left, #F2F2F2 0%, #FFFFFF 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image:linear-gradient(to right, #F2F2F2 0%, #FFFFFF 100%);
}
.breadcrumbwrapper a:link{
    color:#9797A6;
} /* unvisited link */
.breadcrumbwrapper a:visited{
    color:black;
} /* visited link */
.breadcrumbwrapper a:hover{
    color:#9797A6;
} /* mouse over link */
.breadcrumbwrapper a:active{
    color:#9797A6;
} /* selected link */

#header{
    width:100%;
    border: none;
    float:left;
    /* sets the border around the header part of the page. Visible mainly on the bottom. */
    margin:0px;
    margin-bottom:0px; /*- Pat*/
    position:relative;
}
#lHeader{
    clear:both;
    float:right;
    width:100%;
    position:relative;
    background-color:#DAE3EE;
    padding-top:0pt;
}

/*Set the font family to GE Inspira - Pat*/
#productTitle{
    float:right;
    width:100%;
    top:0;
    font-family:"ge-inspira-sans", arial, helvetica, tahoma;
    display:block;
    /*background-image:url('../../img/VerticalBar.jpg');*/
    background-color: transparent;
    border: none;
    padding:0px 0px 0px 0px;
    /*
    background-color:#d2d9ce;
     removed the background gradient image and then altered the background color from white
    to match the light grey shade used at GE. Pat */
    /* in oxygen-webhelp\resources\skins\desktop, it sets the background image and styles for 
    the header. The grey to white transparent image is used throughout. */
}

#header .masthead {
    background-color: #182A39;
}

#header .masthead_title {
    color:#FFFFFF;
    font-size: 20px;
    font-family: "ge-inspira-sans", Arial, Sans, Regular;
}

#productTitle h1{
    margin:6pt 6pt 6pt 6pt;
    padding:0 6px 0em 0;
    float:right;
}

.framesLink{
    display:block;
    float:left;
    margin:0.5em 0em 0 0.3em;
    padding:5px;
    display:none;
    /*border-radius: 7px;
  border: 1px solid #ccc;
  background: #ddd;*/
}

.framesLink img{
    padding:0px 3px 0px 3px;
}

.framesLink a{
    text-decoration:none;
    color:#999999;
}
.framesLink a:hover{
    text-decoration:none;
    color:#999999;
}

#productToolbar{
    float:left;
    background-color:transparent;
    margin-top:-20pt;
    /* no obvious purpose for this style, though its name implies that it would be the
    background for the upper toolbar */
}

#productToolbar #breadcrumbLinks{
    clear:both;
    float:right;

}
#productToolbar #breadcrumbLinks a{
    padding:0px 0px 0px 0px;
}

#productToolbar #navigationLinks{
    float:left;
    padding-right:0px;
    margin-right:5px;
    background-color:transparent;
}

#space{
    border-top: 1px solid #D3E1F1;
    background: #D3E1F1;
    border-bottom: 1px solid #D3E1F1;
    clear: none;
    margin-top: -2px;
}

/*
#space{
  border-top: 1px solid #D3E1F1;
  background: #D3E1F1;
  border-bottom: 1px solid #D3E1F1;
  clear: both;        
}
table.tool td{
  padding: 0;
  margin:0;
}
table.tool{
  width: 100%;  
  border-spacing: 0px;    
}
table.tool tbody td:first-child{
  width: 25%;
  min-width: 180px;     
}
table.tool tr{
  border:1px solid red;
}
table.tool td {
  vertical-align: bottom;  
}*/

#bck_toc ul{
    background: none;
}

#bck_toc{
    padding: 0 0 0 0;
    background-color: #182A39;
}

#bck_toc #contentBlock{
    height: 95%;
    padding-top: 30px;
    color: #FFFFFF;
    background-color: #182A39;
}

#tocMenu{
    clear:both;
    width:100%;
    float:left;
    background-color:transparent;
/*    margin:0;*/
    /*padding-top:0pt; Adjusted to 5pt to add a bit of space above the buttons on the top of the screen - Pat */
    padding-top:7px;
    height:7px;
    position:relative;
/*    top:-25px;*/
    font-family: "ge-inspira-sans",arial,helvetica,sans-serif;
    margin-bottom:-25px;
    /* A layer below the navigation menu, apparently. It appears just below the content/search buttons.
    Modified the font family to use the GE Inspira font - Pat */

    margin: 0 auto;
    padding-left: 13px;
    white-space: nowrap;
    z-index: 1;
}

.tab span{
    float:left;
    display:inline-block;
}
#expnd{
    float:right;
    text-align:right;
    display:inline-block;
    padding: 27px 4px;
}
#expnd a{
    display:none;
}

#tocMenu div.tab:hover{
    color:#F0F1F2;
}

#tocMenu div.selectedTab:hover{
    color:#FFFFFF;
}

#tocMenu div.tab{
    height: 14px;
    text-decoration:none;
    color: #F0F1F2;
    padding:1px 7px 1px 7px;
    /*    margin-top:-20px;*/
    margin-top: -9px;
    margin-bottom:2px;
    margin-right:2px;
    cursor:pointer;
    float:left;
    min-height:1px;
    font-family: "ge-inspira-sans", Arial, Sans, Regular;
    font-size: 12px;
    text-shadow: none;
    background-color:#304250;
    border: none;
}

#tocMenu div.selectedTab{
    text-decoration: none;
    color: #FFFFFF;
    background-color: #356479;
    font-family: "ge-inspira-sans", Arial, Sans, Regular;
    font-size: 12px;
    text-shadow: none;
    border: none;
}

#splitterContainer .menuItemSelected{
    background-color: #356479;
    font-family: "ge-inspira-sans", Arial, Sans, Regular;
    font-size: 14px;
    color: #FFFFFF;
    border: none;

}

#bck_toc ul>li>span {
    margin-left: 10px;
}

#bck_toc ul>li>ul>li>span {
    margin-left: 20px;
}

#bck_toc ul>li>ul>li>ul>li>span {
    margin-left: 30px;
}

#bck_toc ul>li>ul>li>ul>li>ul>li>span {
    margin-left: 40px;
}

/*#tocMenu div.tab{
    text-decoration:none;
    color:#F0F1F2;
    !*background-color: #304250;*!
    border:1px solid #ccc;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom:1px solid #ccc;
    font-family: "ge-inspira-sans", Sans, Regular;
    font-size: 12px;
    text-shadow: none;

}*/

/*
table.nav{
  width: 100%;      
}
table.nav tbody td:last-child{
  text-align: right;
}    
#splitterContainer { /\* Main splitter element *\/
  height: 95%;
  width: 100%;
  margin: 0;
  padding: 0;        
  display: block;   
  background: #ffffff;
}
*/
#leftPane{
    float:left;
    width:25%;
    height:100%;


    /* IE10 Consumer Preview */
    background-image:-ms-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%);

    /* Mozilla Firefox */
    background-image:-moz-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%);

    /* Opera */
    background-image:-o-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #FFFFFF));

    /* Webkit (Chrome 11+) */
    background-image:-webkit-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image:linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 100%);
 /*   overflow:auto;*/
/*    overflow:hidden;
    border:1px solid #fff;*/
}

#rightPane{ /*Contains toolbar and horizontal splitter*/
    float:right;
    width:74%;
    height:95%;
    background:#ffffff;
    overflow:hidden;
    margin:0px; /* do not modify*/
    margin:0px; /* do not modify*/
    /* Significant in that it controls the sizing and colors for the content portion of the page. */
}
/*
/\* Splitbar styles; these are the default class names and required styles *\/
.splitbarV {
  float: left;
  width: 6px;
  height: 100%;
  line-height: 0px;
  font-size: 0px;
  border-left: solid 1px #eee;
  border-right: solid 1px #ccc;
  background: #eee ;
}

.splitbuttonV {
  margin-top: -22px;
  margin-left: -1px;
  top: 50%;
  position: relative;
  height: 44px;
  width: 8px;
  background: transparent url(../../img/splitter.png) 8px 50%;
  Sets the image for the split screen option => Toc menu + content or just content + back/forth between them.
}

.splitbuttonV.invert {
  margin-left: -1px;
  background: transparent url(../../img/splitter.png) 0px 50%;
}

.splitbarV.working,.splitbuttonV.working{
  -moz-opacity: .50;
  filter: alpha(opacity = 50);
  opacity: .50;
}
.splitterMask
{
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 20000;
}
#contentBlock>ul>li{
  padding: 1px 0 1px 0;
}
#contentBlock ul>li ul{
  display:none;
}
#contentBlock ul{
  margin: 0;
}
*/
.menuItemSelected{
    font-weight:bolder;
    background:#f2f2f2;
    /* controls the color and font for the chosen link in the navigation.  The ccccccc is the heavy grey background color which can now be swapped with a find and replace.*/
}
/*
li{
  list-style: none;
}*/


#contentBlock li span{
    display:block;
    padding:2px 5px 2px 21px;
    /*background:#f2f2f2;*/
}

#contentBlock li span .ph {
    display:inline;
    padding-left: 0px;
}

/*#contentBlock li:last-child span
{
    border-bottom:none;
}
*/

a.prevClass {
    background-color: #356479;
    position: absolute;
    top: 29px;
    left: 300pt;
    text-decoration: none;
    padding-left: 3pt;
    padding-right: 3pt;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 2;
}

a.nextClass {
    background-color: #356479;
    position: absolute;
    top: 29px;
    left: 315pt;
    text-decoration: none;
    padding-left: 3pt;
    padding-right: 3pt;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 2;
}

#tree li.legal 
{
    display: none;
}

#contentBlock,
#contentBlock ul{
    padding-left:0px;
    background: none;
    background-color: transparent;
}
a.link,
a.navheader_parent_path{
    text-decoration:none;
    font-size:10pt;
    color:black;
    font-family:"ge-inspira-sans", arial, helvetica, tahoma;
    white-space:nowrap;
    /* controls the styles of the links in the navigation tree. But there is another layer
  beneath it that control the background color more fully. */

}

#bck_toc #indexBlock{
    background-color: #FFFFFF;
}

#indexBlock #indexForm{
    box-shadow: none;
}

#bck_toc #searchBlock{
    background-color: #FFFFFF;
    margin-top: -15px;
}

#contentBlock a,
#contentBlock a:hover{
    color:#FFFFFF;
    font-family: "ge-inspira-sans", Arial, Sans, Regular;
    font-size: 14px;

}

#indexBlock #indexForm{
  z-index:0;  
  padding-top: 30px;
}

/*#contentBlock a:hover{
  background: #F2F7FD;
}*/

a.link:hover,
a.navheader_parent_path:hover{
    text-decoration:none;
    color:white;
    background:#9EA3D2;
}

#searchForm {
    float: none;
    margin:20px 10px 0 15px;
    font-family: "ge-inspira-sans", Sans, Regular;
    font-size: 14px;
    color: #364756;
}

.textToSearch, .textToSearch:focus {
    width: 150px;
    border: 1px #999 solid;
    padding: 2px 8px;
    margin: 5px 4px 0 0;
    line-height: 16px;
    border-radius: 1px;
}

.searchFormButton{
    margin-top: 10px;
}

.searchFormButton .searchButton{
    font-family: "ge-inspira-sans", Sans, Regular;
    font-size: 14px;
    background-color: #5D6B77;
    color: #FFFFFF;
    border: none;
    text-decoration: none;
    padding: 5px 20px;
}

#searchResults{
    padding: 0 14px;
    font-size: 14px;
    color: #0065DB;
}

splitterContainer
/*
div#searchResults a{
  background-image: none;
  background-repeat: no-repeat;                
}

#searchForm {
    margin:15px 10px;
} 

#indexForm {
    margin:15px 10px;
} */

.topic{
/*The doc.gif was the background image in the toc that GE requested to be removed. - Pat*/
    /*background-image:url('../../img/doc.gif');
    background-repeat:no-repeat;*/
    padding-left:16px;
    /* Represent the image to be used for the topics in the navigation menu. Functionally
    similar and I chose to use ours in lieu of the GE versions. */
}

.hasSubMenuClosed{
    background-image:url('../../img/fc.gif');
    background-repeat:no-repeat;
    padding-left:16px;
    cursor:pointer;
    /* Represent the image to be used for the closed topics in the navigation menu. Functionally
    similar and I chose to use ours in lieu of the GE versions. */
}
.hasSubMenuOpened{
    background-image: url('../../img/fo.gif');    background-repeat:no-repeat;
    padding-left:16px;
    cursor:pointer;
}
    /* Represent the image to be used for the opened topics in the navigation menu, including the parents.
Functionally similar and I chose to use ours in lieu of the GE versions. 
} */



/*#indexBlock {
  line-height:1.8em;
}

#indexBlock a{
  text-decoration:none;
}

#indexBlock fieldset{
  border:0;
  padding-top:0;
  border-bottom:1px solid #eee;
}

#indexBlock ul{
  color:#444;
  list-style:none;
  margin:0;
  padding-left: 16px;
}


#id_search{
  width:230px; 
}

#bck_toc{
  background-color:#FFF;
  padding:0px 0 0 0px;      
}
#rightPane iframe{
  float: left;
}      
#frm{
  width: 100%;
  height: 100%;
  border: 0;    
  margin: 0;
  padding-left:0px;
}           

.tooltip{
    box-shadow: 3px 3px 3px #ccc;
    color:#333;
    text-shadow:1px 1px 1px #fff;  
    background-color:#efefef;
    border-radius: 4px;    

    padding: 2px 5px 2px 5px;
    border: 1px solid #999999;
    position: absolute;            
    z-index: 10;
  }       
.navheader_label{

}
.navheader_linktext, 
.navheader_separator{
  display: none;
}
.navnext a,.navprev a,.navparent a{
  padding-left: 15px;
  display: inline-block;    
}
.navparent,.navprev,.navnext{
  background-repeat: no-repeat;    
    margin-left: 5px;
    cursor: pointer;
    padding-right: 10px;
    padding-bottom: 5px;
    line-height: 16px;
    display: inline-block;
}
*/
.navparent{
    background-image:url('../../img/nav_up16.png');
}
.navprev{
    margin-left:6pt;
    background-image:url('../../img/prev.png');
    position:absolute;
    top:10px;
    left:2.6in;
    width:100%;

}
.navnext{
    background-image:url('../../img/next.png');
    position:absolute;
    top:10px;
    left:3.0in;
    width:100%;
}

.highlight{
  background: #FFFF88;
}

/*
#rightDiv{
    clear: both;
    position: relative;
    margin-top: 5px;
    width: 98%;
    text-align: right;    
}
#star .star { 
    LIST-STYLE: none; 
    MARGIN: 0; 
    PADDING: 0; 
    WIDTH: 85px;
    /\* was 100 *\/ 
    HEIGHT: 20px;
    LEFT: 1px; 
    TOP: -5px; 
    POSITION: relative; 
    FLOAT: right; 
    BACKGROUND: url('../../img/starsSmall.png') repeat-x 0 -25px;
}
#star div { 
    PADDING: 0; 
    MARGIN: 0; 
    FLOAT: right; 
    DISPLAY: block; 
    WIDTH: 85px;
    /\* was 100 *\/
    HEIGHT: 20px; 
    TEXT-DECORATION: none; 
    text-indent: -9000px; 
    Z-INDEX: 20; 
    PADDING: 0; 
}
#star .curr {   
    BACKGROUND: url('../../img/starsSmall.png');
    background-position: 0 25px; 
    float: left;
    width: 85px;    
    FONT-SIZE: 1px; 
}
#star div.user {
    LEFT: 5px;
    POSITION: relative;
    FLOAT: right;
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial;
    COLOR: #888;
}
.oXygenLogo {
    color:#1166DD;
    background-color:inherit;
    font-weight:bold;
    font-size:1.2em;
}
.searchExpression {
    color: #0050A0; 
    /\*background-color: #EBEFF8;*\/ 
    font-size: 10pt; 
    font-weight:bold;
}
#searchResults{
    padding: 0.6em;
}

.searchresult{
  margin:0;
  padding:0
}

.searchresult li{
  margin-top:0.2em;
  padding: 0.6em;
}
span#warningSign{  
  cursor: pointer;
}
div#warning{
  position: absolute;
  right: 2%;
  width: 250px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 2px 5px #999999;
  display: none;
  padding: 5px;
  background-color: #ffff99;
}
.highlight{
  background: #FFFF88;
}
@media print{
  .splitbarV, 
  #lHeader, 
  #leftPane{
    display: none;
  }
  #rightPane{
    display: block;
    position:absolute;
    left:0;
    top:0;
  }
}
.legal {
    margin: 1em;
}
.legalCopyright{
    font-size: 0.8em;
    text-align: right;
    font-weight:normal;
}
.legalNotice{
    margin-top: 1em;
    border-top: 1px solid gray;
    padding-top: 1em;
    color: #999;
}*/