/* USDG RETROFIT FROM OLD DEV */

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  max-width: none;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	width: 100%;
}
#content {
	margin: 0 20px;
}
#primary,
#secondary {
	float: right;
	width: 220px;
	margin-bottom: 36px;
}
#secondary {
	margin-top: -36px;
	clear: right;
    padding-top: 20px;
}
#footer {
	clear: both;
	width: 100%;
	margin-bottom: 20px
}

/* =Fonts
-------------------------------------------------------------- */
body,
header h1#title a {
	font-family: "Antenna Medium", sans-serif;
}
#footer {
	font-family: Helvetica, sans-serif;
}

/* =Images
-------------------------------------------------------------- */

#content img {
	height: auto;
	width: 100%;
	margin: 10px 0;
}
#content .attachment img {
	max-width: 100%;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Dropdown Menu
-------------------------------------------------------------- */
/*
x-dropdown-menu {
	position: relative;
	float: left;
	height: 30px;
}
x-dropdown-menu label:hover {
	background: #555;
}
x-dropdown-menu label {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	padding: 8px 25px 8px 10px;
	color: white;
	width: 130px !important;
	background: #999;
	margin-bottom: 0;
}

x-dropdown-menu menu label {
	padding: 0;
	margin-bottom: 0;
}

x-dropdown-menu menu {
	display: none;
	position: absolute;
	left: 0px;
	width: 165px;
	background: #999;
	color: white;
	margin: 0;
	padding: 0;
	z-index: 1;
}

x-dropdown-menu[data-active] > menu {
	display: block;
}

x-dropdown-menu menu menu {
	top: 0;
	right: auto;
	left: 150px;
	margin-top: 0px;
	margin-left: 15px;
}

x-dropdown-menu li {
	cursor: pointer;
	position: relative;
	list-style-type: none;
	padding: 10px;
	border-bottom: 1px solid #666;
}

x-dropdown-menu menu a {
	color: black;
	text-decoration: none;
	display: block;
}
x-dropdown-menu li label {
	line-height: 20px;
}
x-dropdown-menu menu li {
	line-height: 20px;
}

x-dropdown-menu li:hover, x-dropdown-menu li:hover > label {
	background: #555 !important;
}

x-dropdown-menu li:hover > menu {
	display: block;
}

x-dropdown-menu li:focus {
	background: #555;
	color: #222;
}
*/





/* =USDG Styles
-------------------------------------------------------------- */

body {
	background: white;
	font-family: "Antenna Medium", sans-serif;
	line-height: 22px;
}

#wrapper {
	width: 1040px;
	margin: 0 auto;
	padding: 20px;
	background: white;
}

header {
	overflow: hidden;
	margin-left: 20px;
}
#main {
	width: 100%;
	padding-top: 10px;
	display: inline-block;
}
p {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}
a.logo {
	float: left;
	margin-right: 20px;
}

a.logo img {
	width: 101px;
	height: 100px;
}
h1#title {
	float: left;
	color: #999;
	margin-top: 17px;
	font-size: 25px;
	clear: none;
	line-height: 40px;
}

h1#title a {
	color: #999;
}
hr.stripe {
	clear: both;
	height: 10px;
	border: none;
	margin: 10px 0;
}
hr {
	height: 1px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/* Color Specific */
.lime h3,
.lime hr.stripe {
	background: url(../images/hash-lime.png) repeat-x;
	padding-top: 1em;
}
.yellow h3,
.yellow hr.stripe {
	background: url(../images/hash-yellow.png) repeat-x;
	padding-top: 1em;
}
.teal h3,
.teal hr.stripe {
	background: url(../images/hash-teal.png) repeat-x;
	padding-top: 1em;
}
.orange h3,
.orange hr.stripe {
	background: url(../images/hash-orange.png) repeat-x;
	padding-top: 1em;
}
.purple h3,
.purple hr.stripe {
	background: url(../images/hash-purple.png) repeat-x;
	padding-top: 1em;
}
.green h3,
.green hr.stripe {
	background: url(../images/hash-green.png) repeat-x;
	padding-top: 1em;
}
.blue h3,
.blue hr.stripe {
	background: url(../images/hash-blue.png) repeat-x;
	padding-top: 1em;
}
.sky h3,
.sky hr.stripe {

}
.lime h1,
.lime .quote,
.lime a {
	color: #8ca74d;
}
.yellow h1,
.yellow .quote,
.yellow a {
	color: #cba013;
}
.teal h1,
.teal .quote,
.teal a {
	color: #009595;
}
.orange h1,
.orange .quote,
.orange a {
	color: #d4692c;
}
.purple h1,
.purple .quote,
.purple a {
	color: #6e7997;
}
.green h1,
.green .quote,
.green a {
	color: #008c55;
}
.blue h1,
.blue .quote,
.blue a {
	color: #0f6976;
}
.sky h1,
.sky .quote,
.sky a {
	color: #339bc4;
}
.lime .marker,
.lime .imageWrapper .instructions {
	background: #8ca74d;
}
.yellow .marker,
.yellow .imageWrapper .instructions {
	background: #cba013;
}
.teal .marker,
.teal .imageWrapper .instructions {
	background: #009595;
}
.orange .marker,
.orange .imageWrapper .instructions {
	background: #d4692c;
}
.purple .marker,
.purple .imageWrapper .instructions {
	background: #6e7997;
}
.green .marker,
.green .imageWrapper .instructions {
	background: #008c55;
}
.blue .marker,
.blue .imageWrapper .instructions {
	background: #0f6976;
}
.lime .thumb img {
	border: 2px solid rgba(140, 167, 77, 0.5);
}
.lime .thumb img:hover,
.lime .thumb .thumbWrap.active img {
	border: 2px solid rgb(140, 167, 77);
}
.purple .thumb img {
	border: 2px solid rgba(110, 121, 151, 0.5);
}
.purple .thumb img:hover,
.purple .thumb .thumbWrap.active img {
	border: 2px solid rgb(110, 121, 151);
}
.yellow .thumb img {
	border: 2px solid rgba(203, 160, 19, 0.5);
}
.yellow .thumb img:hover,
.yellow .thumb .thumbWrap.active img {
	border: 2px solid rgb(203, 160, 19);
}
.teal .thumb img {
	border: 2px solid rgba(0, 149, 149, 0.5);
}
.teal .thumb img:hover,
.teal .thumb .thumbWrap.active img {
	border: 2px solid rgb(0, 149, 149);
}
.green .thumb img {
	border: 2px solid rgba(0, 140, 85, 0.5);
}
.green .thumb img:hover,
.green .thumb .thumbWrap.active img {
	border: 2px solid rgb(0, 140, 85);
}
.green .imageWrapper {
	border-right: 2px solid rgb(0, 140, 85);
}
.blue .thumb img {
	border: 2px solid rgba(15, 105, 118, 0.5);
}
.blue .thumb img:hover,
.blue .thumb .thumbWrap.active img {
	border: 2px solid rgb(15, 105, 118);
}
.orange .thumb img {
	border: 2px solid rgba(223, 127, 28, 0.5);
}
.orange .thumb img:hover,
.orange .thumb .thumbWrap.active img {
	border: 2px solid #d4692c;
}
.orange .imageWrapper {
	border-right: 2px solid #d4692c;
}
.lime .graphic {
	border:	2px solid rgb(140, 167, 77);
}
.yellow .graphic {
	border: 2px solid #cba013;
}
.yellow #carousel {
	border: 1px solid #cba013;
}
.teal .graphic {
	border: 2px solid #009595;
}
.teal #carousel {
	border: 1px solid #009595;
}
.orange .graphic {
	border: 2px solid #d4692c;
}
.orange #carousel {
	border:	1px solid #d4692c;
}
.purple .graphic {
	border: 2px solid #6e7997;
}
.purple #carousel {
	border: 1px solid #6e7997;
}
.green .graphic {
	border: 2px solid #008c55;
}
.green #carousel {
	border: 1px solid #008c55;
}
.blue .graphic {
	border: 2px solid #0f6976;
}
.blue #carousel {
	border: 1px solid #0f6976;
}
.yellow .thumbWrap .overlay {
	background: rgba(203, 160, 19, 0.5);
}
.teal .thumbWrap .overlay {
	background: rgba(0, 149, 149, 0.5);
}
.orange .thumbWrap .overlay {
	background: rgba(223, 127, 28, 0.5);
}
.purple .thumbWrap .overlay {
	background: rgba(110, 121, 151, 0.5);
}
.green .thumbWrap .overlay {
	background: rgba(0, 140, 85, 0.5);
}
.blue .thumbWrap .overlay {
	background: rgba(15, 105, 118, 0.5);
}
.yellow .expandControl .btn-primary {
	background: #cba013;
	border-color: #cba013;
}
.teal .expandControl .btn-primary {
	background: #009595;
	border-color: #009595;
}
.orange .expandControl .btn-primary {
	background: #d4692c;
	border-color: #d4692c;
}
.purple .expandControl .btn-primary {
  	background: #6e7997;
  	border-color: #6e7997;
}
.green .expandControl .btn-primary {
  background: #008c55;
  border-color: #008c55;
}

.blue .expandControl .btn-primary {
  background: #0f6976;
  border-color: #0f6976;
}

/* Chapter Styles */

h1, h2, h3 {
	clear: both;
  line-height: 22px;
}
h1.entry-title {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 14px;
	margin-top: 15px;
	margin-bottom: 0;
}
h4 {
	text-transform: uppercase;
	font-size: 12px;
	margin: 10px 0;
	display: inline-block;
}
.entry-content {
	font-family: Helvetica, sans-serif;
}
.subchapter {
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
}
img.one {
	max-width: 30.3333%;
}
img.two {
	max-width: 63.666%;
}
.row {
  width: 103.1%;
  margin-left: 0 !important;
  margin-bottom: 1em;

}
.one {
	width: 30.333%;
}
.two {
	width: 63.666%;
}
.three {
	width: 30.333%;
}
.half {
	width: 47%;
}
.whole {
	width: 100%;
}
.column {
	margin-right: 3%;
	float: left;
}
.column.whole {
  margin-right: 0;
}
.four {
	width: 22%;
}
.clear	{
	clear: both;
}
.right {
	float: right;
}
.item {
	margin: 0;
	padding: 10px 0;
}
.item ul {
	margin-top: 10px;
}
.item img {
/* 	margin: 10px 0; */
}
.item.additional,
.item .additional {
	padding-top: 5px;
}
.item.additional a.more,
.item .additional a.more {
	display: block;
	text-align: right;
}
.item.additional .additionalContent,
.item .additional .additionalContent {
	line-height: 22px;
	display: none;
}

.item + hr {
  margin: 5px 0;
}
.caption {
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 16px;
}
.column .item:last-child {
	border-bottom: none;
}
.marker {
	float: left;
	height: 24px;
	width: 24px;
	border-radius: 12px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	color: white;
	margin: 5px 10px 5px 0;
  box-shadow: 0 0 0 5px rgba(0,0,0,0);
  transition: box-shadow 0.25s ease-in-out;
}
.marker.selected {
   box-shadow: 0 0 0 5px rgba(0,0,0,0.6);
}
.subchapter .marker {
	margin: 8px 10px 0 0;
}
.quote {
	margin-top: 20px;
	font-size: 22px;
	line-height: 34px;
}
.highlight {
	background: #fef8e4;
	padding: 2% 0 2% 2%;
	margin: 2% 0;
}
.highlight .half {
	width: 43%;
	margin-right: 4.5%;
}
.highlight.two {
	width: 61%;
}
.noborder {
	border: none;
}
#footnotes {
	padding-top: 20px;
}
#footnotes ol li,
#footnotes ul li {
	margin-bottom: 10px;
}

#resources .item,
#footnotes .item {
  margin-top: -28px;
}

#resources .additionalContent,
#footnotes .additionalContent {
  padding-top: 15px;
  font-size: 12px;
}
#resources .additionalContent a,
#footnotes .additionalContent a {
	font-style: italic;
}
#resources .additionalContent hr,
#footnotes .additionalContent hr {
	margin-top: 5px;
	margin-bottom: 15px;
	border-top: 1px solid rgb(213, 213, 213);
}
#resources li,
#footnotes li {
    line-height: 20px;
    list-style: inside none disc;
    margin-bottom: 5px;
}
#resources p,
#footnotes p {
	margin: 10px 0;
}

/* Chapter-Specific Styles */

#ugc-media-form {
	width: 400px;
}
.single.single-usdg_chapter.postid-10010 .entry-content ul {
	margin-left: 0;
	padding-left: 0;
}
.single.single-usdg_chapter.postid-10010 .entry-content ul li {
	margin-bottom: 10px;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.single.single-usdg_chapter.postid-10010 .entry-content ul li ul li {
	margin-bottom: 0;
	margin-left: 10px;
}

.single-usdg_chapter.postid-9560 .four.column img {
	border: 1px solid black;
	margin: 30px 0 10px 0 !important;
}
.single.single-usdg_chapter.postid-9572 .bar {
	height: 20px;
	margin-top: 12px;
	margin-bottom: 3px;
}
.single.single-usdg_chapter.postid-9572 .bar.blue {
	background: #116a7c;
}
.single.single-usdg_chapter.postid-9572 .bar.orange {
	background: #d5692d;
}
.single.single-usdg_chapter.postid-9572 .bar.green {
	background: #8ca84d;
}

/* End Chapter Styles */

/* Diagrams with Callouts */

#graphic-thumb {
	display: block;
	height: 84px;
	margin-bottom: 20px;
}

#graphic-thumb img {
  width: auto;
}
#graphic-thumb:hover {

}

.graphic {
	width: 960px;
	overflow: hidden;
	margin: 10px 0 0 0;
	display: inline-block;
	font-size: .8em;
}
.graphic img {
	margin: 0 !important;
}
.infoBox {
	width: 196px;
	float: left;
	padding: 10px;
	display: none;
	height: 475px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.thumbWrap {
	float: left;
	position: relative;
	width: 132px;
	height: 84px;
	overflow: hidden;
	margin: 5px 10px 0 0;
}
.thumbWrap img {
	margin: 0 !important;
	float: left;
	display: inline;
}
.thumbWrap .overlay {
	color: black;
	position: absolute;
	display: none;
	height: 82px;
	width: 132px;
	text-align: center;
	padding-top: 30px;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.5);
}
.thumbWrap:hover,
.thumb img {
	cursor: pointer;
}
.thumbWrap.active .overlay {
	display: block;
}
.infoBox .item {
	border-bottom: none;
	padding: 0;
}
.infoBox .item .text .marker,
.infoBox .item .text img,
.infoBox .item .text .caption {
  display: none;
}

.infoBox .item .text .additional a.more {
	display: none;
}
.infoBox .item .additional .additionalContent {
	display: block;
}
.infoBox h3 {
	margin: 0 0 10px 0;
	line-height: 24px;
}

.imageWrapper {
	width: 760px;
	float: left;
	position: relative;
	border-right: 2px solid #ACACAC;
	height: 475px;
}
.imageWrapper img {
	display: block;
	position: absolute;
	bottom: 0;
}
.imageWrapper .marker {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.imageWrapper .instructions {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	padding: 5px 10px;
	z-index: 1;
}

.navbar {
  position: absolute;
  top: 88px;
  margin-left: 122px;
  width: 838px;
  background: #999;
  border-radius: 0;
  min-height: 30px;
  border: none;
}

.navbar-default .navbar-nav>li>a {
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
  border-top-color: white;
  border-bottom-color: white;
}

.collapse.navbar-collapse.navbar-ex1-collapse {
	padding-left: 0;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:rgb(34, 34, 34);}
.dropdown-submenu{position:relative;}
.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;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.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;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.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;}

#bottom-chapter-nav {
  width: 960px;
  margin: 0 20px;
}

#bottom-chapter-nav .chapterTimeline {
  position: relative;
  margin: 10px auto;
  height:8px;
}

#bottom-chapter-nav .chapterTimeline a {
  display: block;
  float: left;
}

#bottom-chapter-nav .current {
  width: 5px;
  height: 20px;
  background-color: black;
  position: absolute;
  top: -5px;
}

#bottom-chapter-nav .chapter-section {
  height: 10px;
}

#bottom-chapter-nav .chapter-section.lime {
  background: #8ca74d;
}

#bottom-chapter-nav .chapter-section.yellow {
  background: #cba013;
}

#bottom-chapter-nav .chapter-section.teal {
  background: #009595;
}

#bottom-chapter-nav .chapter-section.orange {
  background: #d4692c;
}

#bottom-chapter-nav .chapter-section.purple {
  background: #6e7997;
}

#bottom-chapter-nav .chapter-section.green {
  background: #008c55;
}

#bottom-chapter-nav .chapter-section.blue {
  background: #0f6976;
}

#bottom-chapter-nav .nextChapter {
  float: right;
}
#carousel {
	margin-top: 15px;
	margin-bottom: 5px;
}
.carousel-control.right,
.carousel-control.left {
  color: #FFF;
  background-image: none;
}
.carousel {
	line-height: 1.4;
	overflow: hidden;
}
.carousel .item a {
  width: 100%;
}
.carousel .item {
	border-top: none;
	border-bottom: none;
}
.carousel-caption {
  display: none;
	color: whiteSmoke;
	width: 435px;
}
.carousel-inner {
	height: 290px;
}
.carousel-inner .item {
	margin-right: 0;
	padding: 0;
	position: absolute;
	height: 290px;
  width: 100%;
  background: black;
}
#content .carousel .item img {
	max-height: 350px;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}

.row.expandable {
  max-height: 500px;
  overflow: hidden;
  position: relative;
}

.expandControl {
  margin-bottom: 10px;
}

.row.expandable .fadeOut {
  height: 50px;
  background: white;
  position: absolute;
  top: 450px;
  width: 100%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.nactoFooter {
  margin: 20px;
  color: #FFF;
  overflow: hidden;
}

.nactoFooter a {
  color: #fff;
}

.nactoFooter .person {
  margin-bottom: 8px;
}

.nactoFooter .row {
  padding: 8px 20px;
  background: #999;
}

.nactoFooter .footerTitle {
  font-size: 20px;
}

.nactoFooter .footerTop {
  margin-bottom: 3px;
}

.nactoFooter .members {
  font-size: 12px;
}

.title-hide {
  text-indent: -9999px;
  width: 1000px;
  height: 42px;
}

.section-hide {
  text-indent: -9999px;
  width: 465px;
  height: 139px;
}


.chapter-title-hide {
  text-indent: -9999px;
  width: 960px;
  height: 150px;
}