.hipponav li {

list-style: none;
font-size: 12px;
font-family: Arial;

}

.hipponav li.level1 > a > span:after, .hipponav li.level2 > a > span:after, .hipponav li.level3 > a > span:after {

content: '\f0fe'; /* plus */
font-family: 'FontAwesome';
color: #e47911;
font-size:14px;
padding-right: 8px;

}

.hipponav li.level1, .hipponav li.level2, .hipponav li.level3{

text-indent: -1.7em;

}

.hipponav li.level1items > a:before, .hipponav li.level2items > a:before, .hipponav li.level3items > a:before {

content: '\f096'; /* empty square */
font-family: 'FontAwesome';
color: #e47911;
padding-right: 10px;

}

.hipponav li.open > a > span:after {

content: '\f146'; /* minus */
font-family: 'FontAwesome';
color: #e47911;
font-size:14px;
padding-right: 8px;

}

.hipponav li.level3, .hipponav li.level3items {

padding-left:2px

} .hipponav li.level2, .hipponav li.level2items {

padding-left: 2px;

} .hipponav li.level1, .hipponav li.level1items {

padding-left: 2px;

}

.productTitle {

font-size: 18px;
font-weight: bold;
color: #333333;
display: block;
padding-bottom: 14px;
padding-top: 14px;

}

.relatedResources {

font-size: 14px;
font-weight: bold;
color: #333333;
display: block;
padding-top: 15px;

}

hr.resourceSeparator {

display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-width: 1px;
color: black;

}

li#otherSections {

list-style: none;
font-size: 15px;
color: black;

}

.hipponav ul {

width: 190px;

} .hipponav ul ul {

width: 170px;

} .hipponav ul ul ul {

width: 150px;

}

a.open {

color: black;
font-weight: bold;

}

.hipponav li.level1items.open > a:before, .hipponav li.level2items.open > a:before, .hipponav li.level3items.open > a:before {

color: #444;

}

.rightMenu {

float: right;
margin-left: 20px;
padding: 15px;
list-style-type: square;
color: #e47911;
width: 230px;
right: 0;
margin-right: 10px;
background-color: white;
border: 2px solid #f0f0f0;

}

/* used for navtabs */ ul#profileTabs.nav.nav-tabs li { margin: 5px; } ul#profileTabs.nav:after, ul#profileTabs.nav:before { display: inline-table !important; margin-bottom: 40px; } ul#profileTabs.nav-tabs>li.active>a, ul#profileTabs.nav-tabs>li.active>a:focus, ul#profileTabs.nav-tabs>li.active>a:hover { font-weight: bold; } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { ul#profileTabs.nav.nav:after, ul#profileTabs.nav.nav:before { display: inline-table !important; margin-bottom: 48px; } }} table.grid { margin-bottom: 30px; }

.tab-content .tab-pane.active {

padding: 15px;
background-color: #f9f9f9;

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ul#profileTabs.nav:after, ul#profileTabs.nav:before { display: inline-table !important; margin-bottom: 48px; } }

.bestPractices {

border-bottom: 1px solid gray;
padding-bottom:3px;

}

content div.content-html-container ul#profileTabs {

padding: 0px;

}

/* end navtabs*/

/* callouts */

.bs-callout {

padding: 20px;
margin: 20px 0;
border: 1px solid #dedede;
border-left-width: 5px;
border-radius: 3px;
line-height:18px

} .bs-callout h4 {

margin-top: 0;
margin-bottom: 5px;

} .bs-callout p:last-child {

margin-bottom: 0;

} .bs-callout code {

border-radius: 3px;

} .bs-callout+.bs-callout {

margin-top: -5px;

} .bs-callout-gray {

border-left-color: #777;

} .bs-callout-gray h4 {

color: #777;

} .bs-callout-blue {

border-left-color: #428bca;

} .bs-callout-blue h4 {

color: #428bca;

} .bs-callout-green {

border-left-color: #5cb85c;

} .bs-callout-green h4 {

color: #5cb85c;

} .bs-callout-red {

border-left-color: #d9534f;

} .bs-callout-red h4 {

color: #d9534f;

} .bs-callout-orange {

border-left-color: #f0ad4e;

} .bs-callout-orange h4 {

color: #f0ad4e;
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;

} .bs-callout-lightblue {

border-left-color: #5bc0de;

} .bs-callout-lightblue h4 {

color: #5bc0de;

} /* end callouts */