/*<meta />*/

.nav-div
{
	width: 100%;
	/*border: 1px solid silver;*/
	height: 90px;
	float: left;
}

.nav-logo
{
	margin-top: 10px !important;
	float: left;
	vertical-align: middle;
	width: 20%;
}

.Logo-Img
{
	max-width: 70%;
	padding-left: 5%;
}

#nav-items
{
	float: right;
	margin-top: 14px;
	width: 78%;
}

#Nav-Div-Topic
{
	background-color: #E2507E;
	height: 60px;
	padding-left: 15px;
}

.nav-url > a,
.nav-url
{
	text-decoration: none;
	color: #000;
	cursor: pointer !important;
}

.nav-item,
a.nav-item,
a.nav-item:visited,
a.nav-item:link
{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	width: 16%;
	border: 0px solid silver;
	/*height: 60px;*/
	float: left;
	vertical-align: bottom;
	text-align: center;
	margin-top: 10px !important;
	color: #333;
	/*padding: 18px 0 12px;*/
	text-transform: uppercase;
	font-weight: 700;
	/*margin: 0 26px;*/
	/*cursor: pointer;*/
	letter-spacing: .5px;
	padding-bottom: 12px;
}

a#CourseAnchor,
a#CourseAnchor:visited,
a#CourseAnchor:link
{
	text-decoration: none;
	color: #bbb;
	margin-top: 0px !important;
}

#nav-Upper-Menu
{
	width: 50%;
	float: right;
}

#UpItem1
{
	width: 20% !important;
}

#UpItem2
{
	width: 20% !important;
}

#UpItem3
{
	width: 40% !important;
}

#UpItem4
{
	width: 20% !important;
}

.nav-Up-item,
a.nav-Up-item,
a.nav-Up-item:visited
{
	font-family: "Open Sans";
	font-size: 12px;
	/*width: 25%;*/
	border: 0px solid silver;
	/*height: 60px;*/
	float: left;
	vertical-align: bottom;
	text-align: center;
	margin-top: 10px !important;
	color: #333;
	/*padding: 18px 0 12px;*/
	/*text-transform: uppercase;*/
	font-weight: 700;
	/*margin: 0 26px;*/
	cursor: pointer;
	letter-spacing: .5px;
}

#skin-heading
{
	display: none;
	text-align: center;
	width: 80% !important;
}

#nav-item-recommended
{
	width: 14% !important;
	background-color: #e6e6e6;
	padding-bottom: 13px !important;
}

.col-2
{
	width: 16%;
}

.col-4
{
	width: 33%;
}

.col-8
{
	width: 66%;
}

.col-9
{
	width: 75%;
}

.col-10
{
	width: 83%;
}

.col-12
{
	width: 100%;
}

span.nav-url
{
	margin-top: 25px !important;
	/*cursor: pointer !important;*/
}

.recommended
{
	color: #e65684;
	background-color: #e6e6e6;
	font-size: 12px;
	float: left;
	display: inline;
	margin-top: -55px !important;
	text-align: left;
	padding-left: 20px;
}

.recommended2
{
	color: #fff;
	background-color: #e65684;
	font-size: 12px;
	float: left;
}

span.recommended
{
	display: none;
	padding-top: 30px !important;
}

span.recommended > a
{
	display: none;
}

#tb_3
{
	margin-top: 5px !important;
	display: inline;
}

#Nav-Bottom-Div222
{
	background-color: rgb(255, 255, 255);
	height: 60px;
	margin-left: 15px;
	display: inline;
}

#Nav-Div-Search
{
	flex: 0 1 auto;
	overflow: auto;
	width: 24%;
	margin-right: 2px;
	margin-bottom: 40px;
	display: block;
	border-top: none 1px #000000;
	border-right: none 1px #000000;
	border-bottom: none 1px #000000;
	border-left: none 1px #000000;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	float: left;
}

#Nav-Div-NavIcons
{
	float: right;
	width: 75%;
}

#bookTitle
{
	order: 1;
	color: white;
	position: relative;
}

#CP-Menu
{
	background-color: #fff !important;
}

div.MCBreadcrumbsBox_0
{
	margin-top: 0px !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	padding-bottom: 5px !important;
	margin-bottom: 5px !important;
	width: 100% !important;
}

#CourseAnchor
{
	margin-top: 0px !important;
	margin-left: 20px;
	padding-bottom: 12px;
}

@media only screen and (max-width: 400px)
{
	#Nav-Div
	{
		display: none !important;
	}

	nav.title-bar
	{
		background: #e65684 !important;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 99;
	}

	#Nav-Bottom-Div222
	{
		position: fixed;
		top: 70px; /*77*/
		margin-left: 0px !important;
		height: 112px !important; /*120*/
	}

	#Nav-Div-NavIcons
	{
		margin-top: -40px;
		float: left !important;
		width: 90% !important;
		padding-left: 15px;
	}

	#Nav-Div-Search
	{
		float: left !important;
		width: 90% !important;
	}

	.main-section
	{
		margin-top: 25% !important;
	}

	.MCBreadcrumbsSelf
	{
		font-size: smaller !important;
	}

	#bookTitle
	{
		order: 1 !important;
		color: white !important;
	}

	.main-section222
	{
		margin-top: 150px !important;
	}

	.search-bar .search-bar-container
	{
		margin-top: 80px !important;
		z-index: 1 !important;
	}
}

@media only screen and (min-width: 401px) and (max-width: 767px)
{
	#Nav-Div
	{
		display: none !important;
	}

	nav.title-bar
	{
		background: #e65684 !important;
		position: fixed;
		top: 0px;
		width: 100%;
		height: 80px;
		z-index: 99;
	}

	#Nav-Bottom-Div222
	{
		position: fixed;
		top: 80px;
		margin-left: 0px !important;
		height: 120px !important;
	}

	#Nav-Div-NavIcons
	{
		margin-top: -40px !important;
		float: left !important;
		width: 100% !important;
		padding-left: 15px !important;
	}

	#Nav-Div-Search
	{
		float: left !important;
		width: 90% !important;
	}

	.main-section
	{
		margin-top: 15% !important;
	}

	#bookTitle
	{
		order: 1;
		color: white;
	}

	#nav-items
	{
		display: none;
	}

	#skin-heading
	{
		text-align: center;
		width: 80% !important;
	}

	.main-section222
	{
		margin-top: 160px !important;
	}

	.search-bar .search-field
	{
		z-index: 1 !important;
	}

	.search-bar .search-bar-container
	{
		margin-top: 80px;
		z-index: 1;
	}
}

@media only screen and (width: 768px)
{
	#Nav-Div
	{
		display: none !important;
	}

	nav.title-bar
	{
		background: #e65684 !important;
		position: fixed;
		top: 0px;
		width: 100%;
		height: 80px;
		z-index: 99;
	}

	#Nav-Bottom-Div222
	{
		position: fixed;
		top: 80px;
		margin-left: 0px !important;
		height: 120px !important;
	}

	#Nav-Div-NavIcons
	{
		margin-top: -40px !important;
		float: left !important;
		width: 100% !important;
		padding-left: 15px !important;
	}

	#Nav-Div-Search
	{
		float: left !important;
		width: 90% !important;
	}

	.main-section
	{
		margin-top: 100px !important;
	}

	#bookTitle
	{
		order: 1;
		color: white;
	}

	#nav-items
	{
		display: none;
	}

	#skin-heading
	{
		text-align: center;
		width: 60% !important;
	}

	.main-section222
	{
		margin-top: 160px !important;
	}

	.search-bar .search-field
	{
		z-index: 1 !important;
	}

	.search-bar .search-bar-container
	{
		margin-top: 80px;
		z-index: 1;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1025px)
{
	#Nav-Div
	{
		display: block !important;
	}

	.nav-logo
	{
		/*display: none !important;*/
	}

	.Logo-Img
	{
		max-width: 100%;
		padding-left: 5%;
	}

	.recommended
	{
		font-size: 10px !important;
	}

	.nav-item,
	.nav-item > a,
	a.nav-item:visited,
	a.nav-item:link
	{
		font-family: "Open Sans";
		width: 16%;
		border: 0px solid silver;
		float: left;
		vertical-align: bottom;
		text-align: center;
		margin-top: 0px !important;
		color: #333;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 10px !important;
		/*cursor: pointer; */
		letter-spacing: .8px;
		text-decoration: none !important;
	}

	a#CourseAnchor:link,
	a#CourseAnchor:visited
	{
		font-family: "Open Sans";
		width: 16%;
		border: 0px solid silver;
		float: left;
		vertical-align: bottom;
		text-align: center;
		margin-top: 0px !important;
		margin-left: 20px;
		color: #333;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 10px !important;
		cursor: pointer;
		letter-spacing: .8px;
		text-decoration: none !important;
	}

	#nav-item-recommended
	{
		width: 15% !important;
		background-color: #e6e6e6;
		padding-bottom: 30px !important;
	}

	#nav-Upper-Menu
	{
		width: 60% !important;
	}
}

@media only screen and (min-width: 1026px)
{
	#Nav-Div
	{
		display: block !important;
	}

	.nav-logo
	{
		/*display: none !important;*/
	}

	.Logo-Img
	{
		max-width: 100%;
		padding-left: 5%;
	}

	.nav-item,
	.nav-item > a,
	a.nav-item:visited,
	a.nav-item:link
	{
		font-family: "Open Sans";
		width: 16%;
		border: 0px solid silver;
		float: left;
		vertical-align: bottom;
		text-align: center;
		margin-top: 0px !important;
		color: #333;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		/*cursor: pointer;*/
		letter-spacing: .8px;
		text-decoration: none !important;
	}

	#nav-item-recommended
	{
		width: 14% !important;
		padding-bottom: 30px !important;
	}

	a#CourseAnchor:link,
	a#CourseAnchor:visited
	{
		font-family: "Open Sans";
		width: 16%;
		border: 0px solid silver;
		float: left;
		vertical-align: bottom;
		text-align: center;
		margin-top: 0px !important;
		margin-left: 20px;
		color: #333;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		cursor: pointer;
		letter-spacing: .8px;
		text-decoration: none !important;
	}

	#nav-Upper-Menu
	{
		width: 60% !important;
	}

	.Book_Variablestp_full_book_title
	{
		font-family: 'Open Sans', 'Segoe UI Light', 'Segoe UI', Calibri, Arial !important;
		font-size: 16px !important;
		font-weight: bold !important;
		letter-spacing: 1.5px !important;
	}

	#UpItem1
	{
		width: 25% !important;
		text-align: center !important;
	}

	#UpItem2
	{
		width: 20% !important;
		text-align: center !important;
	}

	#UpItem3
	{
		width: 30% !important;
		text-align: center !important;
	}

	#UpItem4
	{
		width: 25% !important;
	}
}

@media only screen and (min-width: 1200px)
{
	.Logo-Img
	{
		max-width: 100%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 1400px)
{
	.Logo-Img
	{
		max-width: 85%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 1600px)
{
	.Logo-Img
	{
		max-width: 80%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 1700px)
{
	.Logo-Img
	{
		max-width: 75%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 1800px)
{
	.Logo-Img
	{
		max-width: 70%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 1900px)
{
	.Logo-Img
	{
		max-width: 65%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 2000px)
{
	.Logo-Img
	{
		max-width: 60%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 2200px)
{
	.Logo-Img
	{
		max-width: 55%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 2400px)
{
	.Logo-Img
	{
		max-width: 55%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 2600px)
{
	.Logo-Img
	{
		max-width: 50%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 2800px)
{
	.Logo-Img
	{
		max-width: 47%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 3000px)
{
	.Logo-Img
	{
		max-width: 45%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 3200px)
{
	.Logo-Img
	{
		max-width: 42%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 3400px)
{
	.Logo-Img
	{
		max-width: 40%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 3600px)
{
	.Logo-Img
	{
		max-width: 38%;
		padding-left: 5%;
	}
}

.nav-item a,
.nav-item a:visited,
.nav-item a:link,
a,
a:link,
a:visited
{
	/* cursor:pointer !important; */
}

/* ################################### */
/* START - Styles for Feedback buttons */
/* ################################### */
@media only screen and (max-width: 768px)
/* Do not show the Feedback buttons on mobile devices */
{
	#helpful
	{
		display: none;
	}
}

.helpful_cl, .thanks
{
	/*height: 40px;*/
	/*width: 230px;*/
	/*position: absolute;*/
	/*left: 30%;*/
	text-align: center;
	box-sizing: border-box;
	border-radius: 3px;
	/*margin-top: 5px;*/
	margin-bottom: 5px;
	padding-left: 10px;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
	background: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

@media only screen and (min-width: 769px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0%;
		margin-right: 20%;
	}
}

@media only screen and (min-width: 900px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.2%;
		margin-right: 19%;
	}
}

@media only screen and (min-width: 1000px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.3%;
		margin-right: 19%;
	}
}

@media only screen and (min-width: 1200px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.3%;
		margin-right: 17%;
	}
}

@media only screen and (min-width: 1280px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.4%;
		margin-right: 12%;
	}
}

@media only screen and (min-width: 1360px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.4%;
		margin-right: 15%;
	}
}

@media only screen and (min-width: 1440px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.5%;
		margin-right: 14%;
	}
}

@media only screen and (min-width: 1600px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.3%;
		margin-right: 12%;
	}
}

@media only screen and (min-width: 1800px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.45%;
		margin-right: 11%;
	}
}


@media only screen and (min-width: 1920px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.6%;
		margin-right: 10%;
	}
}

@media only screen and (min-width: 2048px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.7%;
		margin-right: 10%;
	}
}

@media only screen and (min-width: 2200px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.75%;
		margin-right: 10%;
	}
}

@media only screen and (min-width: 2400px)
{
	.helpful_cl, .thanks
	{
		margin-top: 0.75%;
		margin-right: 9%;
	}
}

@media only screen and (min-width: 2560px)
{
	.helpful_cl, .thanks
	{
		margin-top: 1%;
		margin-right: 8%;
	}
}

@media only screen and (min-width: 3000px)
{
	.helpful_cl, .thanks
	{
		margin-top: 1%;
		margin-right: 8%;
	}
}

@media only screen and (min-width: 3200px)
{
	.helpful_cl, .thanks
	{
		margin-top: 1%;
		margin-right: 8%;
	}
}

@media only screen and (min-width: 3400px)
{
	.helpful_cl, .thanks
	{
		margin-top: 1%;
		margin-right: 8%;
	}
}

@media only screen and (min-width: 3600px)
{
	.helpful_cl, .thanks
	{
		margin-top: 1%;
		margin-right: 8%;
	}
}

/* The 'Yes' and 'No' buttons - styles */
.dropbtn
{
	display: inline-block;
	min-width: 48px;
	line-height: 12px;
	box-sizing: border-box;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	border-radius: 2px;
	/*margin: 6px;*/
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 7px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: normal;
	background-color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease,-webkit-transform 0.1s ease;
	-webkit-transition: background-color 0.3s ease,transform 0.1s ease;
	transition: background-color 0.3s ease,transform 0.1s ease;
	-webkit-text-decoration: none;
}

/* The 'Yes' and 'No' buttons - change styles on hover */
.dropbtn:hover
{
	font-weight: bold;
	box-shadow: 2px 2px 1px #808080;
}

/* The 'No' button drop-down - need to position the DIV */
.dropdown
{
	position: absolute;
	display: inline-block;
}

/* The 'No' button drop-down - options (Hidden by Default) */
.dropdown-content
{
	display: none;
	z-index: 1;
	position: absolute;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	bottom: 25px;
	background-color: #f9f9f9;
}

/* The 'No' button drop-down - options - links inside the drop-down */
.dropdown-content a
{
	/*float: left;*/
	display: block;
	cursor: pointer;
	color: black;
	padding: 2px 16px;
	text-decoration: none;
}

/* The 'No' button drop-down - options - links inside the drop-down - change color on hover */
.dropdown-content a:hover
{
	background-color: #f1f1f1;
}

/* The 'No' button drop-down - show the drop-down menu on hover */
.dropdown:hover .dropdown-content
{
	display: block;
}

/* The 'No' button drop-down - change the background color of the drop-down button when the drop-down content is shown */
.dropdown:hover .dropbtn:hover
{
	font-weight: bold;
	box-shadow: 2px 2px 1px #808080;
}

/* Styles for the sentence "Thank you for your feedback!" that appears after you click a button */
/* This class is applied by the 'toolbar.js' script */
.thanks
{
	padding-top: 12px;
	text-align: center;
}

/* ################################### */
/* END - Styles for Feedback buttons   */
/* ################################### */