﻿/******************************
 main
 ******************************/

html{
/*    background: #f0ede5;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /* font-size: 13px !important; */
   /* GK 040814 */
    font-size: 14px !important;
    color: #595957;
    line-height: 17px;
    margin: 0 auto !important;
    max-width: 100%;
}

body{
    background: white;
/*  This change is necessary for ePub. Need a way of choosing the right one for the right circumstances.   */
    padding: 0px 0px 15px 0px !important;
    /*padding: 15px 15px 15px 15px !important;*/
    margin: 0 auto !important;
    max-width: 100%;
    color: #595957;
    font-size: 14px;
}

section#main_body, 
div#main_body{
    margin-left: 20px;
    float: left;
    max-width: 67%;
    margin-top: -160px;
    margin-bottom: 20px;
    color: #595957;
}

section section,
div.section_cont div.section_cont{
    margin-left: 0px;
    color: #595957;
}


/*
 * links
 */

a{
    /*color: #5f4d89;  */
     /*GK 040814*/
    color: #440099;
}



div#main_body a:hover{
    color: #9fc237;
}


/* 
 * headings 
 */

body h1{
    padding-top: 0px;
    /*color: #5F4D89;  */
     /*GK 040814*/
    color: #440099;
    font-family: Verdana, Geneva, Arial, Helvetica;
    font-weight: normal;
    /*font-size: 18px; */
    /* GK 040814 */
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 1.4em;
}

h1 > img{
    vertical-align: middle;
    margin-right: 8px;
}

h2{
    /*color: #5F4D89; */
     /*GK 040814*/
    color: #440099;
    font-family: Verdana, Geneva, Arial, Helvetica;
    font-weight: normal;
    /*font-size: 14px;*/
    /* GK 040814 */
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 22px !important;
}

h2.related {
  color: #595957;
}

/*GK 040814*/
h3{
    color: #440099;
}

h4,
h5,
h6 {
  color: #595957;
}


/******************************
 sideTOC
 ******************************/

div.sidebar{
    background: #F9F9F9;
    width: 195px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -145px;    
    margin-left: 22px !important;
    min-height: 100%;
    clear: both;
    float: left;
    overflow: hidden;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-right-width: 0px;
    border-color: #B5B6B7;
    border-left-color: #B5B6B7 !important;
    border-left-width: 7px !important;
    border-left-style: solid !important;     
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    -webkit-box-shadow: 3px 3px 7px #535355;
    -moz-box-shadow: 3px 3px 7px #535355;        
    box-shadow: 3px 3px 7px #535355;
}

div.box{
    clear: both;
    float: left;
    padding-bottom: 10px;
    /*font-size: 12px;*/
    /*GK 040814*/
    font-size: 14px;
    overflow: hidden;
    min-height: 400px;
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
    display: block;
    box-shadow: 1px 1px 1px #535355;    
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}


/* override Extreme stylesheet*/
#side_navigation{
    margin-left: 5px !important;
    margin-right: 0px !important;
    padding-left: 5px !important;
    float: left !important;
    height: auto !important;    
    max-width: 20%;
}

div.open{
    width: 195px;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
}

div.closed{
    width: 12px;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
}

div.box > div#nav_handle{
    display: block;
    position: absolute;
    right: 0px;
    margin-right: 0px;
    width: 6px;
    min-height: 100%;
    overflow: visible;
    border-right-color: #B5B6B7 !important;
    border-right-width: 7px !important;
    border-right-style: solid !important;
    border-radius: 3px;
    
}

div.box > div#nav_handle > div#nav_handle_img{
    position: absolute;
    margin-top: -18px;
    margin-left: -5px;
    left: 100%;
    top: 50%;
    border: #b5b6b7 1px solid;
    border-radius: 2px;
    height: 36px;
    width: 10px;
    display: block !important;
}

div.open > div#nav_handle:hover > div#nav_handle_img{
    background-color: #fafafa;
}

div.closed > div#nav_handle:hover > div#nav_handle_img{
    background-color: #fafafa;
}

div.open > div#nav_handle > div#nav_handle_img{
    background: #ededed url(../images/nav_handle_small.png) no-repeat center;
}

div.closed > div#nav_handle > div#nav_handle_img{
    background: #ededed url(../images/nav_handle_small_open.png) no-repeat center;
}


/* 
 * sideTOC lists 
 */

div.box > ul{
    overflow: hidden;
}

nav.sections ul,
div.sections ul{
    list-style-type: none;
    margin-left: 2px;
    margin-top: 8px;
    padding: 0px;
    width: 170px;
}

nav.sections ul ul,
div.sections ul ul{
    list-style-type: none;
    margin-top: 0px;
    margin-left: 15px;
    padding: 0px;
    color: #595957;
}

nav.sections ul li,
div.sections ul li{
    padding-bottom: 12px;
    padding-right: 4px;
    margin-left: 8px;
    color: #595957;
}

nav.sections ul li ul li,
div.sections ul li ul li{
    padding-top: 6px;
    padding-bottom: 2px;
    max-width: 140px;
    margin-left: 4px;
    color: #595957;
}

nav.sections ul li ul li ul li,
div.sections ul li ul li ul li{
    max-width: 125px;
    margin-left: 4px;
    color: #595957;
}

nav.sections ul li ul li ul li ul li,
div.sections ul li ul li ul li ul li{
    max-width: 100px;
    margin-left: 4px;
    color: #595957;
}

nav.breadcrumbs ul li,
div.breadcrumbs ul li{
    display: inline;
    list-style-type: disc;
}

nav.breadcrumbs ul li:last-child,
div.breadcrumbs ul li:last-child{
    font-weight: bold
}

span.toc_branch{
    display: block;
    float: left;
    margin-right: 6px;
    margin-left: -15px;
    height: 1.2em;
    width: 9px;
}

span.toc_branch[title = 'Click to expand']{
    background: url(../images/triangle_collapsed.png) no-repeat left center;
}

span.toc_branch[title = 'Click to collapse']{
    background: url(../images/triangle_expanded.png) no-repeat left center;
}


/* 
 * sideTOC PDF and EPUB links 
 */

/* [CE 2-4-15] Removed*/
/*div.epublink,
div.pdflink,
div.search{
    clear: left;
    float: left;
    margin-left: 9px;
}*/

/* [CE 2-4-15] Updating div for PDF and Epub links*/
div.epublink,
div.pdflink,
div.search{
    clear: right;
    float: right;
    margin-left: /*9*/18px;
}
div.epublink p,
div.pdflink p{
    margin-top: 0px;
    margin-bottom: 8px;
}

div.epublink p a,
div.pdflink p a{
    margin-left: 5px;
}

div.epublink p a,
div.epublink p img,
div.pdflink p a,
div.pdflink p img{
    vertical-align: middle;
    background: transparent !important;
}


/******************************
 breadcrumbs, prev-next
 ******************************/

/*[SP] 2016-08-04 sfb: copied entire selector to catalog.css in WebHelp transform to override this behavior. */
nav.breadcrumbs,
div.breadcrumbs{
    background: url(../images/breadcrumbs.png) repeat-x 5px bottom;
    margin-left: 15px !important;
    min-height: 33px;
    margin-top: 175px; 
    /*[CE 2016-01-12] reduced from 175px per request of Extreme Wireless team
    [CE 2016-02-04] 30px fixed webhelp but broke XHTML. Reverting to 175px and making change in Webhelp transform @ content_corp.css per recomendation from Scriptorium.*/
    margin-bottom: 10px !important;
}

nav.breadcrumbs p,
div.breadcrumbs p{
    margin-left: 5px !important;
    color: #9FC237;
    margin-bottom: 8px !important;
}

nav.breadcrumbs p.corp_crumbs,
div.breadcrumbs p.corp_crumbs{
    display: none;
}

nav.breadcrumbs p.lcl_crumbs,
div.breadcrumbs p.lcl_crumbs,
div.lcl_crumbs{
    padding-left: 5px;
    width: 75%;
    font-size: 13px !important;          
    /*GK 040814*/
    /*font-size: 16px !important;*/
    /*original font size*/
    /*font-size: 14px !important;*/
	/*GK 081516*/
    /*float: left;*/
	display: inline-block;
	padding-bottom: 10px;
}

a.lcl_crumbs_title {
  font-size: 15px !important;
  font-weight: bold;
}

p.prev_next,
div.prev_next {
    text-align: right;
    font-size: 13px !important;   
     /*GK 040814*/
   /* font-size: 15px !important;*/
    
    
    margin-right: 0px !important;
    color:#595957;
	/*GK 081516*/
	/*float: right;*/
	display: inline-block;
	padding-bottom: 10px;
	width: 24%;
	}

span.published {
color:#595957;
padding-right:10pt;
}

footer p.prev_next,
div.footer_cont p.prev_next,
div.footer_cont div.prev_next {
    clear: both;
    margin-right: 1% !important;
}

#bcrumbs{
    margin-left: 10px;
    margin-bottom: 5px;
    width: 98%;
}

a.link {
 display: list-item;
 list-style-type: square;
 margin-bottom: 3px !important;
 margin-left: 50px !important;
}


/******************************
 footer
 ******************************/

div.fn{
    /*font-size: 11px !important; */
     /*GK 040814*/
    font-size: 13px !important;
}

p.copyright{    
    display: none;
}

footer, div.footer_cont{
    clear: both;
	padding-top: 10px;
}


/******************************
 notes
 ******************************/

div.note{
    border-top: solid #595957 1px;
    border-bottom: solid #595957 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.Tablenote{
    border-top: none #595957 0px;
    border-bottom: none #595957 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.note p{
    margin-top: 6px;
    margin-bottom: 6px; 
}

div.warning,
div.caution,
div.note{
    margin-left: 60px;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

div.warning > img,
div.caution > img,
div.note > img{
    float: left;
    padding-right: 0px;
    margin-left: -55px;
    max-width: 40px;
}

div.Tablenote{
    margin-left: 0px;
    margin-bottom: 6px;
    }

div.note div.p{
    color: #595957;
}

p.warningtitle{
    color: #abbd26;
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
}

p.cautiontitle{
    color: #abbd26;
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
}

p.notetitle + p.p,
div.note p.p{
    /*font-weight: bold;*/
    font-weight:normal;
}

p.notetitle{
    color: #abbd26;
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
    
}

p.tiptitle{
    color: #abbd26;
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
    
}

p.warningtext{
    margin-top: -10px;
}

span.ph.menucascade{
font-weight: bold;
color: #595957;
}

span.ph.uicontrol{
font-weight:bold;
color: #595957;
}

span.table_admonition{
    font-weight:bold;
}

/******************************
 figures and tables
 ******************************/

/* 
 * figure and table captions 
 */

.fig_table_caption,
.figcap{
    /*font-size: 12px !important;*/
     /*GK 040814*/
    font-size: 14px !important;
    font-style: italic;
    color: #5F4D89;
}

#expand,
.expand{
    display: inline;
    float: left;
    margin-right: 3px;    
}

.tablenoborder{
    margin-bottom: 8px;
}

    /* '\9' targets <IE9 only */

.tablenoborder .expand > img{
    /*margin-top: 3px\9;*/     
}

div.table_exp *{
    /*font-size: 12px;*/
     /*GK 040814*/
    font-size: 14px;
}

td > div.figborder{
    /*margin: 5px;*/
    /*padding: 5px;*/
}

td{
    padding: 5px;
}

td p.p{
    /*line-height: 10px;    */
    /*font-size: 13px !important;   */
     /*GK 040814*/
    font-size: 14px !important;
    color: #595957;
}

/*GK 050614 styling for DL terms*/
dt {
   display: inline-block;
}

dd {
   display: inline;
   margin: 0px;
}

dt.dthd {
  width: 160px;
  word-wrap: break-word;
  padding-left: 5px;
  padding-right: 10px;
  color: #440099;
  font-size: 14px;
}

dd.ddhd {
   color: #440099;
   font-size: 14px;
}


td.dt {
    font-weight: bold;
    word-wrap: break-word;
    text-align: left;
    vertical-align: top;
    width: 160px;
    border: transparent !important;
    font-size: 14px;
    color: #595957;
   
}

td.dd {
    
    text-align: left;                   
    vertical-align: top;
    border: transparent !important;
    font-size: 14px;
    color: #595957;
  
}

/* 
 * figures 
 */

img.productexample{
    float: right
}

/* Limit images to 600 px wide. */
img.image{
    clear: both;
    display: block;
   /* margin: auto;    */
/*    max-height: 250px;*/
/*    max-width: 250px;*/
/*Trying new max width */
    max-width: 500px;
    /* Scale the height proportionally. */
    height: auto;
    max-height:auto;
}

img.image.imageinline {
   display:inline;
/*  2015-04-03 sfb: changed from 100% to 280px. */
   max-width: 280px;
   max-height: 280px;
}

embed.image{
    height: 200px;
    width: 200px;
}

div.figure_exp,
div.table_exp{
    padding: 10px;
}

div.figure_exp img.image{
    max-height: 80% !important;
    max-width: 80% !important;
    margin: 10px;
}

div.figborder{
    /* sfb 15-Jan-13: Max width was limiting SVG display. */
    /* sfb 03-Apr-15: Images were overlapping the border, added 20px to the max-width and removed max-height.*/
    /* sfb 01-Sep-16: Relaxing width even further to 320px (needs to change inconcert with img.image, above).   */
    max-width: 320px;
/*    max-width: 300px;*/
/*    max-height: 280px;*/
    padding-top: 3px;
    padding-bottom: 10px;
}

div.figborder + div.tablenoborder > table.table{
    width: 268px !important;
}

.figborder img{
    /*height:auto;*/
    /*added or changed for epub*/
    /*max-width: 150px;*/
    /*width:75%;*/
    border: 10px;
}

.figborder{
    border-style: solid;
    padding-left: 3px;
    border-width: 1px;
    padding-right: 3px;
    margin-top: 1em;
    border-color: gray;
}

div.fignone{
    /*  sfb: None means no border, NOT "don't display the figure at all"! */  
    /* display: none !important; */
    border-style: none;
    padding-left: 3px;
    border-width: 0px;
    padding-right: 3px;
    margin-top: 1em;
    margin-bottom: 10px;
    border-color: white;
}

.figure_exp * img{
    max-width: 600px;
}

.figure_exp .expand,
.table_exp .expand{
    display: none;
}

.figure_exp img.image{
    /*width: 100% !important;*/
    /*max-width: 100% !important;*/
    margin: 10px;
}


/* 
 * tables 
 */

table.table, tr, th, td{
    border-spacing: 2px !important;
    border: 1px solid gray !important;
}

#main_body table.table{
    border: 1px solid gray !important;
    width: 100%;
/*  changed width from 400px to 100% to fix odd table width problem - GK 5/5/2014  */
}

thead.thead > tr.row > th.entry{
    padding: 4px 6px 4px 6px !important;
    /*font-size: 13px;*/
     /*GK 040814*/
    font-size: 14px;
}

.row:before, .row:after {
   display: none;
}

thead.thead{
    background: #f0ede5 !important;    
}

tbody.tbody > tr.row > td.entry{
    padding-right: 6px !important;
    padding-left: 6px !important;
    padding: 0 6px 6px 6px !important;
}

td.entry {
/*font-size: 13px !important; */
 /*GK 040814*/
font-size: 14px !important;
}

table.table embed{
    width: 50px !important;
    height: 50px !important;
}

table .p{
    margin-top: 4px;
    margin-bottom: 0px;
    /*font-size: 13px !important; */
     /*GK 040814*/
    font-size: 14px !important;
    color: #595957;
}

/*GK 050614 styling for definiton lists as tables*/
table.dl {
    border: transparent !important;
}

tr.dlentry{
    border: transparent !important;
}

div.tablenoborder{
    /*font-size: 9px; */
     /*GK 040814*/
    font-size: 11px;
}

div.tablenoborder > p{
    margin-top: 6px;
    margin-bottom: 3px;
}


/******************************
 lists
 ******************************/

ul.ullinks{
    list-style-type: square;
}

.ulchildlink{
    /*margin-bottom: 3px;*/
    margin-top: 3px;
}

#main_body ol,
#main_body ul{
    margin-left: 10px !important;
    color: #595957;
}

#main_body ol
{
    list-style: decimal !important;
    color: #595957;
}
#main_body ol li ol
{
    list-style: lower-alpha !important;
    margin-left: -20px !important;
    color: #595957;
}

#main_body ol ol
{
    list-style: lower-alpha !important;
    margin-left: -20px !important;
    color: #595957;
}

ol.steps{
    list-style: decimal !important;
    color: #595957;
}

ol.substeps{
    list-style: lower-alpha;
    margin-left: -20px !important;
    color: #595957;
}

li.step,
li.substep{
    margin-top: 10px !important;
    color: #595957;
}

#main_body ul{
    list-style-type: square !important;
    color: #595957;
}
#main_body li[class~=step] ul {
    margin-top: 6px;
    list-style-type: disc !important;
    margin-left: -10px !important;
    color: #595957;
}

#main_body ul ul{
    list-style-type: disc !important;
    margin-left: -20px !important;
    color: #595957;
}

#main_body ul ol {
  margin-left: -20px !important;
  color: #595957;
}

#main_body ol ul,
#main_body ol ul li {
  list-style-type: disc !important;
  margin-left: -13px !important;
  color: #595957;
}

#main_body ol ul ul li {
    list-style-type: circle !important;
}


/******************************
 para, span, blockquote, terms
 ******************************/

/* dl styles */
.term{
    /*font-weight: bold;    */
    font-style: italic;
    color: #595957;
    }

div.search p{
    font-weight: bold;
    margin-bottom: 0px;
}

input.search{
    cursor: pointer;
    color: #5F4D89;
    font-weight: bold;
    padding: 1px 2px;
}

input {
  width: 165px !important;
/*  float: right;*/
}

div.unittoggle{
    margin-top: 10px;
    text-align: left;
    float: left;
    clear: both;
    display: none;
}

/* syntax descriptions. */
var.keyword,
span.keyword {
   font-family: courier;
   font-weight: bold;
}

dfn.keyword {
   font-family: courier;
   font-style: italic;
/*   text-decoration: dashed;*/
}

var.wintitle, span.keyword.wintitle, span.wintitle, wintitle {
font-family: inherit;
font-weight: bold;
}

/*  Software domain. */
var.varname,
span.varname {
    font-style: italic;
}
span.cmdname {
    font-weight: bold;
}

/* Programming domain. */
span.var {
    font-style: italic;
}
span.kwd {
    font-weight: bold;
}


/* Reserved for future use. */
span.si{
}

span.us{
}

div.print_email{
  margin-right: 50px;
}

div.print_email a img{
    margin: 0 8px -5px 0;
}

p.pdflink,
p.epublink,
p.print_this,
p.mail_this,
p.feedback
{
    font-size: 13px;  
     /*GK 040814*/
   /* font-size: 1em;*/
    color: #5F4D89;
    float: right;
    text-align: left;
    margin-bottom: 3px;
    margin-right: 20px;
    height: 20px;
}

p.pdflink:hover,
p.epublink:hover,
p.print_this:hover,
p.mail_this:hover,
p.feedback:hover{
    color: #9FC237;
}

/*p.pdflink,
p.epublink,
p.print_this,
p.mail_this,
p.feedback{    
    width: 140px;
    margin-top:0px;
}
*/
p.pdflink{    
    width: 140px;
    margin-top:0px;
}
p.epublink{    
    width: 140px;
    margin-top:0px;
}
p.print_this{    
    width: 140px;
    margin-top:0px;
}
p.mail_this{    
    width: 140px;
    margin-top:0px;
}
p.feedback{    
    width: 140px;
    margin-top:0px;
}



p.pdflink,
p.epublink,
p.mail_this,
p.feedback{
    clear: both;
}

div.footer_cont p.mail_this,
div.footer_cont p.feedback{
    clear: none;
}

div.footer_cont div.print_email{
    
    float: right;
}

div.footer_cont p.print_this,
div.footer_cont p.mail_this,
div.footer_cont p.feedback{
    width: auto;
}

p.feedback{    
    padding: 1px;
}

p.feedback a img{
    width: 13px;
    height: 13px;
    margin: 0 10px -3px 4px;
}

p.feedback a{
    /*background-image: url(../images/static_plus16.gif);
    background-repeat: no-repeat;
    display:inline-block;*/
    /*text-indent: 22px;    
    margin-left: 1px;*/
}

p.feedback a:hover{
    /*background-image: url(../images/animated_plus16.gif);*/
}

/******************************
 override Extreme main.css
 ******************************/

#tertiaryNavigation{
    margin-bottom: 10px !important;
}

#tertiaryNavigation a{
    margin-top: 10px !important;
    padding-right: 2px !important;
}

div.logo > img{
    width: 170px !important;
    margin-left: 30px;
}


div.refsyn {
   /*margin-bottom: 10px; */
   /*Moved margin-bottom to synph so that it will apply to synph both inside and outside the refsyn.*/
}

synph, span.synph{
   font-family: courier;
    display:inline-block;
    /* Note, this will cause any pretty printing passed from the XML to the 
       HTML to be taken literally. * Commented out by GK 050614 per HTML ticket request./
   /* white-space: pre-wrap; */
   padding-bottom: 10px;
  
}

div.search{
    margin-left: 18px !important;
    background: transparent !important;
    display: none;
}

div.search > form > input,
div.search > form > input.search,
div.search > form > select{
    width: 160px;
}

#footer{
    margin-top: auto !important;
}

div.p {
  color: #595957;
}

p,
.widget p,
.textwidget,
#project-highlights li {
  color: #595957;
}

q, span.q {
  font-size: 14px !important;
  padding-bottom: 20px !important;
  display: block;
  color: #595957;
}

sup {
   top: -0.8em;
}

sub, sup {
   font-size: 50%;
}

span.servicemark {
  font-size: 50%;
  top: -0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.related-links {
/*  padding-top: 20px;*/
  padding-top: 0px;
}

.relinfo.reltasks {
  padding-bottom: 10px;
}

.relinfo.relconcepts {
  padding-bottom: 10px;
}

.small {
  color: #595957;
}

li class~=step {
  color: #595957;
}


.unicode {font-family: "Arial Unicode MS";}

/* [CE 5-15-17] Added styling for filepath*/
span.ph filepath {
    font-family: courier;
}

/* [CE 2-9-15] Added search form styling from Kate Gilbert*/
/* [CE 2-25-15] Removed*/
/*.gsc-control-cse {
	width: 200px;
	float: right;
}
td.gsc-search-button { 
	display: none; 
}
table.gsc-search-box td.gsc-input, table.gsc-search-box tr, td {
	border: none !important; 
	padding: 0px;
}
#tertiaryNavigation a.gsst_a {
	margin-top: 5px !important;
}
.gsib_a {
	padding: 4px 6px 0;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
	padding-left: 8px;
	padding-right: 8px;
}

@media only screen and (device-width: 768px) {
  section#main_body, div#main_body{
    max-width: 50%;
  }
}
*/

/* If using adaptive CSS, uncomment this. 
   WARNING: The adaptive CSS make ePub very unhappy.  If you re-enable this, find a way of doing it for XHTML only. 
*/
/*@import url('a.css');*/

/*
 * EOF ///////////////////////////////////////
 */
