@charset "utf-8";
/* CSS Document for MPG iGuide*/
/* Note some of these styles were developed for first versions (before design revisions) */ 
/* and unused styles need to be removed after design is finalized                                  */

body { font-family: "Roboto", serif;  color: #000; font-size: 1.5em; margin:20px 2px; padding:0; max-width: 99%;}

p { color: #000; }

a { color: #03c; }
a:hover { text-decoration: underline; }
a:visited { color: #60c; }

/** Primary Containers **/
div.iguide.container-fluid { margin: 0; padding: 0; background-color:#fff; }
header, div, nav, section { margin: 0; padding: 0; }




/** Header Styles **/
header {}
#masthead img{width: 100%; height: auto;}
header figure.iguide_logo { margin: 0; clear: none; float: left; width: 370px; }
header div.sponsors_logos { float: right; clear: none; width: 255px; margin: 15px 15px;}
header figure#ojjdp { float: right; width: 255px; }
#img_iguide_logo { z-index: 999; width: 450px; height: 150px;}
#img_ojp_logo { width: 255px; height: 40px; float: right;}
#img_ojjdp_logo { width: 255px; height: 55px; z-index: 999; margin: 0 auto; text-align: center; }
figure#ojjdp figcaption { margin:0 auto; text-align: center; font-size: .75em; color: #fff; line-height: 1em; }

.mpig { color: #000; }
.toolbar { margin: 0; padding: 0; }
div.topic-header { float: left;  }
figure.word-topic {float: right; }
figure.img_intro { float: right; }

/** Heading Styles **/
h1 { font-family: "Roboto", sans-serif; font-size: 2em; color: #069; }
h2, h3 { font-family: "Roboto", serif; font-size: 1.6em; color: #363; margin-top: .5em; padding-top: 0; }
h4 { font-family: "Roboto", serif; font-size: 1.25em; color: #363; margin: .5em 0 .5em .5em; padding-top: 0; }
h5 { font-family: "Roboto", serif; color:#060; font-size: 1.15em; margin: .25em .5em .25em; padding-top: 0;  }
h2.intro { margin-top: 1em;}
.iguide #main h1 { margin-bottom: 0; color: #039; text-align: center; font-size: 1.75em;}
.iguide #main h1 small { font-size: .9em; color: #630;}
.iguide #main h2 { font-family: "Roboto", sans-serif; color: #069; margin-top:0; line-height: 2em; font-size: 1.5em; text-align: center;}


/** Figures, Images **/
figure.word-art { margin: 0 auto; text-align: center; width: 100%; }
figure.word-art img { margin: 0 auto; text-align: center; }
figure.img_right { float: right; padding: 10px; }
figure.img_left { float: left; padding: 10px; }
figure.social-share { float: right; padding-right: 25%; padding-top: 5px; }
figure.social-share span { margin: 0 5px; }
figure.sampleHelp { height: auto; margin: 10px 0 5px; padding-left: 0; clear: right; }
figure.sampleHelp img { text-align: left; margin-left: 0; padding-left: 0; }
.col-md-4 figure { margin-left: 2em; }
figure.figure_right { float: right; clear: none; }

address { line-height: 1.15em; margin: 0; padding: 0; text-align: center; }

/* Lists */
ul { list-style-type: none; padding-left: 0; margin: 0; font-size: 1em; }
ul li { padding: 0; margin: 0; }
ul ul.level1 li {margin-left: 1.5em;}
ul.list-footer { margin-bottom: 1.5em;}
ul.list-footer li { margin: .15em 2em; padding:0;}
ol { padding: 0 0 .5em 1em; margin: 0; font-size: 1em;}
ol.last { padding-bottom: 0;}
ol li { padding: 0 0 .5em 0; }
ol.level1, ul ol.level1 { margin: 0 1em; }
ol.level5, ul ol.level5 { margin: 0 .5em; }
ol.level1 li { padding: 0; margin: 0 1em .05em 1em;}
ol.level5 li { padding: 0; margin: 0 .5em .05em .5em; line-height: 1.5em; }

/* Standard List Styles */
ul.list-circle { list-style-type: circle; list-style-position: inside; }
ul.list-circle li { margin: 0 0 1em 1em; padding-right: .25em; }
ul ul.list-circle li { margin: 0 0 .5em 1em; padding-right: .25em; }
ul.list-bullet, ul ul.list-bullet { list-style: disc inside; }
ul.list-bullet li, ul ul.list-bullet li { margin: 0 0 1em 1em; padding-right: .25em; }
ul.list-bullet2, ul ul.list-bullet2 { margin: 0 0 .5em 1.25em; list-style: disc outside;}
ul.list-bullet2 li, ul ul.list-bullet2 li { margin: 0 0 .25em 1.25em; padding-right: .25em; text-align: left; }
ul.list-disc-fig { list-style-type: disc; list-style-position: inside; }
ul.list-disc-fig li {margin: 0 0 .5em 1em; }
ul.list-disc-fig.list-indent { margin-left: 1.25em; }
ul.list-no-bullet {list-style: none; }
ul.list-no-bullet li {margin: 0 0 1em 5.5em; }

dl.dl-reference dt { color: #07519e; font-weight: bold; }
dl.dl-reference dd { padding-bottom: 1em; }
dl.list-categories { margin-bottom: 0;}
dl.list-categories dt { width: 85px; }
dl.list-categories dd { margin-left: 95px; padding-bottom: 1em;}
dl dd.dd-last { padding-bottom: 0; }
dl.resources, dl.dl-reference { margin-left: 4em; margin-right: 4em;}
dl.resources dt { font-weight: normal; color: #000; }
dl.resources dd { padding-bottom: 1em; }

/* lists with 16px colored bullets */
ul.list-bulletB16, ul ul.list-bulletB16 { margin: 0 0 .35em 4em; list-style-position: outside; list-style-image:url(../images/bulletB16.png); }
ul.list-bulletG16, ul ul.list-bulletG16 { margin: 0 0 .35em 4em; list-style-position: outside; list-style-image:url(../images/bulletG16.png);}
ul.list-bulletB16L5, ul ul.list-bulletB16L5 { margin: 0 0 .5em 1.25em; list-style-position: outside; list-style-image:url(../images/bulletB16.png); }
ul.list-bulletG16L5, ul ul.list-bulletG16L5 { margin: 0 0 .5em 1.25em; list-style-position: outside; list-style-image:url(../images/bulletG16.png);}
ul.list-bulletG16L5 li, ul ul.list-bulletG16L5 li { padding: 0 .5em .05em .5em; }

/* lists with square bullets outside - BLUE */
ul.list-bullet-squareB16, ul ul.list-bullet-squareB16, ul ul ul.list-bullet-squareB16 { margin: 0 0 .5em 1.25em; padding-top: .25em; list-style-position: outside; list-style-image:url(../images/bullet_squareB16.png); line-height: 1.5em;}
/* lists with square bullets inside - BLUE */ 
ul.list-bullet-squareB16i, ul ul.list-bullet-squareB16i, ul ul ul.list-bullet-squareB16i { margin: 0 0 .5em 2em; padding-left: 1em; list-style-image: url(../images/bullet_squareB16.png); list-style-position: inside; }

/* list with square bullets inside - GREEN */
ul.list-bullet-squareG16, ul ul.list-bullet-squareG16, ul ul ul.list-bullet-squareG16 { margin: 0 0 .5em 1em; list-style-image: url(../images/bullet_squareG16.png); list-style-position: outside; }
ul.list-bullet-squareG16.list-indent1, ul ul.list-bullet-squareG16.list-indent1, ul ul ul.list-bullet-squareG16.list-indent1 {margin-left: 2.5em;}
ul.list-bullet-squareG16.list-indent2, ul ul.list-bullet-squareG16.list-indent1, ul ul ul.list-bullet-squareG16.list-indent1 {margin-left: 5em;}

ul.list-bullet-squareG16.long li, ul ul.list-bullet-squareG16.long li, ul ul ul.list-bullet-squareG16.long li { padding-bottom: 1em;}
/* li styles 16px all colors  main section */	
	ul.list-bulletB16 li, ul ul.list-bulletB16 li, ul ul ul.list-bulletB16 li,
	ul.list-bulletG16 li, ul ul.list-bulletG16 li, ul ul ul.list-bulletG16 li,
	ul.list-bullet-squareB16 li, ul ul.list-bullet-squareB16 li,
	ul.list-bullet-squareG16 li, ul ul.list-bullet-squareG16 li,
	ul.list-puz-hbB16 li, ul ul.list-puz-hbB16 li, ul ul ul.list-puz-hbB16 li { padding: 0; margin: 0 .5em .05em; }
	ul.list-bullet-squareB16i li, ul ul.list-bullet-squareB16i li, ul ul ul.list-bullet-squareB16i li { padding: 0; margin: 0 .5em .05em 2em; line-height: 1.5em; }	
.contentDesc ul li a, .contentDesc ul ul li a { color: #363; }
.contentDesc ul li a:hover, .contentDesc ul ul li a:hover, #categories .dl-horizontal dt a:hover { color: #07519e; }
.contentDesc ul li a:visited, .contentDesc ul ul li a:visited, #categories .dl-horizontal dt a:visited { color: #363; }

#referenceSection { background-color: #f0f9ff; }
#referenceSection .cbp-ntcontent p ul.list-bullet2 li, 
	#referenceSection .cbp-ntcontent p ul.list-bulletB16 li,
	#referenceSection .cbp-ntcontent p ul.list-bulletG16 li { margin: 0 0 .5em 1.25em; padding: 0 0 0 .25em; line-height: 1.5em;}
#referenceSection .cbp-ntcontent p ul.list-bullet-squareB16 li, 
	#referenceSection .cbp-ntcontent ul.list-bullet-squareB16 li { margin: 0 0 .35em 2em; padding: 0 0 0 .15em; line-height: 1.5em;}
#referenceSection ul.list-bullet-squareB16 ul.list-bulletB16 { margin: .15em 0 .5em .25em; padding: 0 0 0 .15em; }
#referenceSection ul.list-bullet-squareB16 ul.list-bulletB16 li { margin: 0 0 .5em 1em; padding: 0 0 0 .15em; }

/* component table of contents list */
#referenceSection ul:first-child ul.toc { margin-bottom: .25em; } 
#referenceSection ul:first-child ul.toc li { margin: 0; line-height: 1em;}
#referenceSection ul:first-child ul.list-bullet-squareB16o.long-item li { line-height: 1.5em; padding-bottom: .75em; }
#referenceSection ul.rating { margin-left: .75em; }
#referenceSection ul.rating li { margin: 0 0 .5em 0; padding: 0;}
#referenceSection ul.rating ol { margin-left: 1.25em; padding: 0;}

ul.choices { list-style-type: none; margin: 0 0 1em 1.5em; }
ul.choices li { padding-left: 5px; }
ul.choices li a { color: #022252; }
.choices a:hover { color: #07519e; }

#iGuideComponents ul.list-bullet-squareG16 li {margin-left: 2em; }
ul#componentList li { color: #000; font-weight: bold; }
ul#componentList ul.list-bulletG16L5 li { margin-left: 1.75em; font-weight: bold; color: #060;}

#categories .dl-horizontal dd { padding-bottom: 1em; text-align: left; }
#categories .dl-horizontal dt a { color: #363; font-weight: bold; }


div.boxM { margin: .5em 1em 0 1.5em; padding: 1em 1em .5em; height: auto; float: left;}
#img_cat3 { margin-left: 3em;}
#categoryList dt { font-size: 1.15em; color: #060; font-weight: bold; width: 95px;}
#categoryList dd { padding-bottom: 1em; margin-left: 115px;}
#categoryList dd.last-dd { padding-bottom: 0; }

/** Navigation **/
/* Top Nav - breadcrumb */
nav#TopNav { background-color: #069; margin: 0; padding: 0; }
nav#TopNav.navbar-iguide-top { font-size: .8em; line-height: 1em; min-height: 20px; height: 23px; }
nav#TopNav.navbar-iguide-top > li > a { padding-bottom:4px;}

/** Breadcrumb Styles **/
nav#TopNav.navbar-iguide-top ul.breadcrumb { color: #fff; background: #069 url(../images/img_breadcrumb_bg.png) repeat-x; overflow: hidden; height:23px;}
nav#TopNav.navbar-iguide-top .breadcrumb > li + li:before { content:"\00BB"; color: #dbecdb; }
nav#TopNav.navbar-iguide-top .breadcrumb a { color: #dbecdb; }
nav#TopNav.navbar-iguide-top .breadcrumb a:hover { text-decoration: underline; }
nav#TopNav.navbar-iguide-top .breadcrumb > .active { color: #fff; font-weight: bold;}

/* Main Nav */
.iguide nav#menuMain { font-size: 1.25em; background-color: #030569; font-weight: bold; font-family:"Roboto", sans-serif; }
.navbar { border-radius: 0; margin: 0; padding: 0; background-color: #030569; font-size: 18.75px; }
nav#menuMain.navbar { margin-bottom: 2px; border: 1px solid #fff;}
nav#menuMain .navbar-brand { display: none; }
#menuMain ul { margin: 0; padding: 0; width: 100%; height: 50px; }
#menuMain ul li { margin: 0; padding: 0 20px 0;  border-right: 1px solid #030569; text-align: center; color: #000; height: 50px; background-color: #030569;}
#menuMain ul li.navbar-right { border-right: none; }
#menuMain ul li.comboFluid { display: none; border: none; }
#menuMain ul li a { text-decoration: none; color: #fff; background-color: #030569; font-size: 1em; width: 100%; text-align: center;}
#menuMain ul li a:hover { color: gold; }
#menuMain ul li a:focus, #menuMain ul li a:selected, #menuMain ul li a:active { font-weight: bold; }
#menuMain .secondary a, #menuMain .homeLink a {color: #fff;}
#menuMain ul li.last-item-list { border-right: none; color: #528352; }
/* Dropdown Menu */
#menuMain .navbar-nav ul.dropdown-menu  { width: auto; border: 1px solid #030569; padding: 0; height: auto;}
#menuMain .navbar-nav ul.dropdown-menu li { border: none; text-align: left; margin: 0; padding: 0 20px; width: auto; background-color: #fbfefb; font-size: 1.25em; height: 35px;}




#menuMain .navbar-nav ul.dropdown-menu li.selected, #menuMain .navbar-nav ul.dropdown-menu li.active, #menuMain .navbar-nav ul.dropdown-menu li.inactive { color: #393; font-weight: 400; padding: 7px 20px 0 40px;}
#iGuideHome #menuMain .navbar-nav ul.dropdown-menu li.inactive { color: #999; font-weight: 400; padding: 7px 20px 0 40px;}
#menuMain .navbar-nav ul.dropdown-menu li.inactive, #menuMain .navbar-nav ul.dropdown-menu li.inactive:hover { color: #999; }
#menuMain .navbar-nav ul.dropdown-menu li a { padding: 7px 20px 0; color: #000; font-size: 1em; text-align: left; width: auto; background-color: #fbfefb; display: block;}
#menuMain .navbar-nav ul.dropdown-menu.inactive li a, #menuMain .navbar-nav ul.dropdown-menu.inactive li a:hover { color: #000; }
#menuMain .navbar-nav ul.dropdown-menu li:hover, #menuMain .navbar-nav ul.dropdown-menu li.selected:hover, 
#menuMain .navbar-nav ul.dropdown-menu li.active:hover { background-color: #f0f0f0; }
#menuMain ul.dropdown-menu li.selected a, #menuMain .dropdown-menu li.active a { color: #393; font-weight: bold; }
#menuMain ul.dropdown-menu li a:hover, #menuMain .dropdown-menu li a:focus { color: #07519e; background-color: #f0f0f0;}

#menuMain .navbar-nav ul.dropdown-menu li.nav-header, #menuMain ul.dropdown-menu li.nav-header { color: #039; padding: 7px 20px 0; }
#menuMain .navbar-nav ul.dropdown-menu li.nav-header:hover, #menuMain ul.dropdown-menu li.nav-header:focus { background-color: #fbfefb; }







#menuMain .dropdown-submenu {
    position:relative;
}
#menuMain .dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
	}
	
#menuMain .dropdown-submenu:hover>.dropdown-menu {
    display:block;
	}
	
#menuMain .dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
		}
	
#menuMain .dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
#menuMain .dropdown-submenu.pull-left {
    float:none;
}
#menuMain .dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}


#menuMain #navbarCollapse { padding-left: 1px; padding-right: 1px;}

/** Footer Styles **/
footer a { text-decoration: underline; }
footer p {text-align: left; padding-left: 30%;}
footer p2 {text-algin: center; padding-left: 30%;}
footer div.footer-ojjdp { margin-top: 4%; margin-bottom: 3%; font-size: 1.15em;}
.footer { background-color: #fff; padding: 15px; border: 1px solid gold; font-size: .9em; text-align: center; line-height: 1.2em;}
ul#ojjdp-info-footer { width: 50%; margin: 0 auto; text-align: center; }
ul#ojjdp-info-footer li { text-align: left; padding-left: 30%; }
ul#ojjdp-info-footer li2 { text-align: center; padding-left: 30%; }
.footer-bottom { padding-top: 2%;}
.footer-bottom p { margin: .35em; }

/** Steps to Take **/
div.outerBox { border: 1px solid #363; border-top-left-radius: 16px; border-top-right-radius: 16px; margin: 0 auto; text-align: center; width: 80%; background-color: #f5f5f5; margin-top: 1em; }
div.innerBox { border-top: 1px solid #363; background-color: #f5f5f5; text-align: left; margin: 0; padding: 0 10px;}
div.outerBox h5 { background-color: #363; color: #f5f5f5; line-height: 1.5em; padding: 0; margin: 0; border-top-left-radius: 16px 16px; border-top-right-radius: 16px 16px; border-bottom-right-radius: 0 0; border-bottom-left-radius: 0 0;}
div.outerBox.square, div.outerBox h5.square {border-radius: 0; }
div.outerBox div.innerBox p { margin-top: 10px; font-weight: bold; font-size: 1.15em; line-height: 1.4em;}

/** General Styles **/
.alt-title {color: #060; font-weight: bold; font-size: 1.25em; font-style: italic;}
.audience { font-style: italic; font-weight: bold; color: #363; }
.box-text { border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; }
.bold-ref { color: #039; font-weight: bold; }
.bold-main { color: #060; font-weight: bold; }
.bold-black { color: #000; font-weight: bold; }
.main-color { color: #060; }
.sectioned { border-bottom: 1px solid #363; }
.ratingLegend { width: 71px; height: 16px; padding: 0 5px 3px 0; }
.error { color: #f00;}
p.text-indent { padding-left: 1.6em; }
p.top { margin-top: .75em }
span.caret { line-height: 1.5em; margin: 6px; }

#main div.key-point-box { margin: 2em auto; text-align:left; padding: 20px; background-color: #dbecdb; border: 1 solid #000; border-radius:20px; max-width: 550px; }
#main div.key-point-box p.tip { font-size: 1em; line-height: 1.25em; margin: 0; padding: 0; }
img #keyPoint { width: 133px; height: 32px;}

/* Expandable-collapsible view less option */
.cbp-ntopen p.viewLess { font-size: 1em; margin: 0 auto; text-align:center; color: #363; border-bottom: 1px solid #9cc39c; padding: 0 0 5px;}
.cbp-ntopen p.viewLess.last { border-bottom: none; }
.cbp-ntopen .viewLess.indentLevel4 img { padding-left: .5em; }
.cbp-ntopen .viewLess.closeRef { color: #1967b7; border-bottom: 1px solid #9cf; padding: 0 0 5px 0; }
.viewLess.closeRef.noLine, .viewLess.noLine { border-bottom: none; padding-bottom: 0; }
p.viewLess span.closeSection, p.viewLess span.closeParent, p.expand_children span.openChildren { font-size: .75em; padding: 0; color:#060; } 
p.expand_children { margin: 0 auto; text-align: center; padding: 0; width: 100%; }

/* iGuide Home Page Topics */
#Topics div.list-topics { margin: 2em auto; text-align: center;}
.topicSection { text-align: center; margin: 1em auto 0; }
.topicSection h1 { font-weight: bold; margin: 1.25em 0 1em; }
#featuredTopicHome .topicSection h1,  #iGuideHome h3.main-top{ margin-top: 5px; }
.topicSection h2 { color: #000; font-weight: bold; margin-bottom: .75em; padding-bottom: 0; }
.topicSection p { color: #363; margin-top: 0; padding-top: 0; font-size: 1.15em; }
.topicWords { margin: 20px auto 5px; width: 600px; height: 75px; }
#referenceSection div.words { margin: 0; }
#Topics .bold-main { color: #060; padding-bottom: 5px; font-size: 1.15em; }
#availableTopics ul { margin: 2em auto; width: 90%; text-align: center;}
#availableTopics li a {font-size: 1.5em; font-weight: bold; margin: .5em auto; text-align: center; color: #000; text-decoration: underline;}
#availableTopics li a:visited { color: #630; text-decoration: none;}
#availableTopics li a:hover { color: #630;}

#future-list { margin: 0 10%; text-align: center; background-color: #fff; border: 1px solid #d4e5d4; border-radius: .5em; padding: 8px;font-size: .85em; }
#future-list dd { text-align: left; }
#Topics .dl-horizontal.topic { margin: 1em auto; width: 95%; }
#Topics dt { width: 150px;}
#Topics dd { margin-left: 170px;}

/* MPG ICONS  Open-Close Acordion icons */
.icon_expandable24 { background: url(../images/expandable_24.png) no-repeat; vertical-align: text-bottom; }
span.icon_expandable24 { width: 24px; padding-left: 30px; }

/** Toolbar, Social Media Links **/
#referenceSection div.reftoolbar { padding: 0; margin-bottom: 5px; border-bottom: 1px solid #9cf; height: 38px; display: block;}

/* Pages without main content using cbp-ntaccordion */
div.no-accordion { margin-top: 2em;}
div.no-accordion h3 { margin-left: 1em;}

/* STYLES FOR CBP-ACCORDION */
.cbp-ntaccordion { 	list-style: none; margin: 0 1.5%; padding: 0; }
.cbp-ntsubaccordion { list-style: none; }
.cbp-ntsubaccordion li { margin: .5em; }
.cbp-ntaccordion .cbp-nttrigger { cursor: pointer; }
.cbp-ntcontent ol li { 	margin-left: 2em; }
.cbp-ntaccordion .cbp-ntcontent p.list-next.text-indent { padding-left: 1.6em; }

.cbp-ntaccordion h3 { margin: 0 0 .5em; padding: .75em 0 0.75em; border-bottom: 1px solid #9cc39c; font-weight: normal; text-align: left; }
.cbp-ntaccordion h3.main-top { text-align: center; border: none; }
.cbp-ntaccordion h3.main-title { text-align: center; border: none; margin-bottom: 20px;}
.cbp-ntaccordion h3.noLine { border: none; }

.cbp-ntopen > h3, .cbp-ntopen > h4, .cbp-ntopen > h5 { border: none; margin-bottom: 0; padding-bottom: .25em; }

.cbp-ntaccordion h4 { color: #363; padding: .75em 0 0.5em; margin: 0 0 0.5em; font-weight: 500; }
.cbp-ntsubaccordion h4 li { margin: 1.5em; }

.cbp-ntaccordion h5 { padding: 0.5em 0 0.5em; margin: 0 1.5em 0.5em; font-weight: normal; }
li.cbp-ntopen.shadedM div.cbp-ntcontent, li.cbp-ntopen.shadedM h5 { background-color: #eef4ee; }
li.cbp-ntopen.shadedM h5 { margin-left: 0; margin-right: 0; }

.cbp-ntaccordion .cbp-ntcontent p { padding: .5em 0 0.5em 1.6em; margin: 0; }
.cbp-ntaccordion li.flush .cbp-ntcontent p { padding-left: 0; }
.cbp-ntcontent .contentDesc p, .cbp-ntcontent .contentDesc ul { margin-left: 25%; }

/* Component page specific styles */
.basicContent  h4 { color: #363; margin-bottom: .5em; border-bottom: 1px solid #9cc39c; }
.basicContent .cbp-ntopen > h3, .basicContent .cbp-ntopen > h4, .basicContent .cbp-ntopen > h5 { border: none; margin-bottom: 0; padding-bottom: .25em; }

/* iGuide Home page specific styles */
a#openHomeStart:visited, a#openHomeSupport:visited, a#openHomeSecure:visited { color: #393; text-decoration: none; }
a#openHomeStart:hover, a#openHomeSupport:hover, a#openHomeSecure:hover { color: #393; text-decoration: underline; }
.cbp-ntaccordion li#Topics { border: none; margin-top: 1em;}
.cbp-ntaccordion li#Topics.cbp-ntopen { margin-bottom: 1em; }
.cbp-ntaccordion li#Topics h3 {text-align: center; }
#iguideFeatures h4 { border: none; }
.cbp-ntaccordion #iguideFeatures h4 { border: none; margin-left: 1.25em; color: #060; }
.cbp-ntaccordion #iguideFeatures div.indent5 { margin-left: .25em; }
.cbp-ntaccordion #iGuideComponents h5 { padding-bottom: .5em; margin-bottom: 0; } 
.cbp-ntcontent p.catSummary { margin-left: 25%; max-width: 600px;}
.cbp-ntaccordion #iguideFeatures span.indent-bold { padding-left: 2.5em; font-weight: bold; color: #000;}

/* Home page specific styles */
#cbp-ntaccordionHome .cbp-ntcontent p { font-weight: normal; text-align: left; }
#cbp-ntaccordionHome .cbp-ntcontent div.section-footer { padding-top: 0; }
#cbp-ntaccordionHome .cbp-ntcontent div.section-footer p, div.section-footer img { margin: 0 auto; text-align: center; } 
#cbp-ntaccordionHome .cbp-ntcontent div.section-footer2 p { margin: 0 auto; text-align: center; padding: 0; }

/* Resource page specific styles */
#Resources h4 { margin-left: 2em; }

/* Reference Section styles */
#referenceSection { border: 1px solid #9cf; margin:0; padding: 0; border-radius: .5em; }
#referenceSection .cbp-ntaccordion { margin-right: 0; margin-left: 0; padding: 0; }
#referenceSection .cbp-ntcontent { padding-right: 1em; padding-left: 1em; }
#referenceSection .cbp-ntaccordion h3 { color: #039; font-size: 1.25em; padding: .75em; border-bottom: 1px solid #9cf; font-weight: normal; }
#referenceSection .cbp-ntaccordion h3alt { color: #880014; font-size: 1.25em; padding: .75em; border-bottom: none; font-weight: bold; }
#referenceSection .cbp-ntaccordion h3alt2 { color: #039; font-size: 1.25em; padding-left: 2.75em; border-bottom: none; font-weight: normal; display:list-item;}
#referenceSection .cbp-ntaccordion h3.last, #referenceSection.aboutGuide .cbp-ntaccordion h3.last { padding-bottom: .5em; margin-bottom: 0; border-bottom: none; }
#referenceSection .cbp-ntaccordion h4 { color: #039; font-size: 1.15em; margin-bottom: .25em; padding: .25em 0 .25em; font-weight: 700;}
#referenceSection .cbp-ntaccordion h5 { font-size: .5em; }
#referenceSection .cbp-ntcontent p.list-next, .cbp-ntcontent p.list-next { padding-bottom: .35em; }
#referenceSection .cbp-ntcontent p.list-next ul, #referenceSection .cbp-ntcontent p.list-next ol { margin: 0 0 .5em 0; padding: 0 0 0 1.6em; list-style-position: outside; }
#referenceSection .cbp-ntcontent p.list-next.list-before, #referenceSection .cbp-ntcontent p.list-next.list-before { padding-top: .75em}
#referenceSection .cbp-ntopen > h3, #referenceSection .cbp-ntopen > h4, #referenceSection .cbp-ntopen > h5 { border: none; margin-bottom: 0; padding-bottom: .5em; }

.cbp-nttrigger.more-detail { text-align:center; }

/* Arrow icons - standard arrows - not using for iguide */
.cbp-ntaccordion > li > .cbp-nttrigger:before, .cbp-ntsubaccordion > li > .cbp-nttrigger:before { display: none;
	/*font-family: 'icomoon'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #363; margin-right: 0.5em;
	-webkit-font-smoothing: antialiased;*/ }

.cbp-ntaccordion > li > .cbp-nttrigger:before { font-size: 75%; }
.cbp-ntaccordion > li > .cbp-nttrigger:before { content: "\36"; }
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before { 	content: "\35"; color: inherit; }
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before { 	content: "\34"; color: inherit; }
.cbp-ntsubaccordion > li > .cbp-nttrigger:before { content: "\32"; }
.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before { content: "\33"; color: inherit; }
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before { content: "\31"; color: inherit; }

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent { height: 0; overflow: hidden; }

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent { height: auto; }

/* Citations */
sup { color: #dc5c5c; font-family: sans-serif; font-weight: bold; cursor: pointer; margin: 0 .15em; }
.js sup { text-decoration: underline; }
.citations { display: none; }
cite { display: block; font-size: .8em; margin: 1em; }
.js cite { display: none; }
.js cite.inserted { display: inline; color: #dc5c5c; }
.js cite.inserted sup { display: none; }

/* Icon font for arrow icons  --- NOT USING FOR MPG IMPLEMENTATION GUIDE -- SEE MPG ICONS */
	@font-face {
		font-family: 'icomoon';
		src:url('../fonts/icomoon_arrows/icomoon.eot');
		src:url('../fonts/icomoon_arrows/icomoon.eot?#iefix') format('embedded-opentype'),
			url('../fonts/icomoon_arrows/icomoon.woff') format('woff'),
			url('../fonts/icomoon_arrows/icomoon.ttf') format('truetype'),
			url('../fonts/icomoon_arrows/icomoon.svg#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	} /* Iconfont by Icomoon http://icomoon.io/ */
/* end accordion styles */

/***** TODO: NEED TO ADJUST BREAKPOINTS AND/OR ADD STYLES FOR RESPONSIVENESS      *****/
/***** LAST UPDATED IN JULY/AUG 2015 BEFORE CONTENT AND MENU REVISIONS            *****/ 
/*  Make header text and logos responsive */   


@media screen and (max-width: 480px) {
	}
@media screen and (max-width:724px){
	nav .navbar-brand { display: block; }
	header div figure.iguide_logo, header div figure.header_topic, header div.header_logos_large{ display: none; }
}
@media screen and (max-width:767px){

}
@media screen and (max-width:950px){
	div.text-center { padding-left: 360px; overflow: hidden; }
	#menuMain ul li { padding: 0 20px; margin: 0; border-right: 1px solid #696; border-bottom: 1px solid #363; text-align: center; line-height: 1.75em; color: #000; }
	#menuMain ul li.comboFluid { display:list-item; line-height: 1.75em; border-right: 1px solid #696;}
	#menuMain ul li.comboFluid a { color: #055205; }
	#menuMain ul li.secondary { display:none; }
	#menuMain ul li.primary { padding: 0 20px; }
	nav .navbar-brand { display: none; }
}

@media screen and (max-width:1015px){
	div.text-center { float: right; overflow: hidden; }
	#menuMain ul li { padding: 0 20px; margin: 0; border-right: 1px solid #696; border-bottom: 1px solid #363; text-align: center; line-height: 1.75em; color: #000; }
	#menuMain ul li.comboFluid { display:list-item; line-height: 1.75em; border-right: 1px solid #696;}
	#menuMain ul li.comboFluid a { color: #055205; }
	#menuMain ul li.secondary { display:none; }		
	nav .navbar-brand { display: none; }
}
@media screen and (max-width:1060px){
	div.text-center { float: right; overflow: hidden; }
	nav .navbar-brand { display: none; }
}
@media screen and (max-width:1125px){
	div.text-center { float: right; overflow: hidden; }
	nav .navbar-brand { display: none; }
}
@media screen and (max-width:1200px){
	div.text-center { float: right; overflow: hidden; }
	nav .navbar-brand { display: none; }
}
@media screen and (max-width:1265px){
	div.text-center { padding-left: 150px; overflow: hidden; }
	nav .navbar-brand { display: none; }
}

.yellowHr { 
    display: block;
    margin-before: 0.5em;
    margin-after: 0.5em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    
    border-width: 0px;
	background-color:gold;
	
	width:60%;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	
}