
/* CSS for More Resources Box */

#relatedBoxParents {
	width: 430px;
	background: url(/images/articles/moreResourcesBox/mr_bottom.png) bottom left no-repeat;
	padding: 0;
	margin-top: 50px;
	margin-bottom: -10px;
	font: normal normal normal 12px verdana, arial, helvetica, sans-serif;
	margin-left: 3px;
	margin-bottom: 10px;
}

#relatedBoxParents h1 {
	font-size: 8px;
	background: url(/images/articles/moreResourcesBox/mr_top.png) top left no-repeat;
	width: 430px;
	height: 33px;
	color: #f00;
}

#relatedBoxParents h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-left: 12px;
	margin-top: -11px;
}

ul#relatedArticlesListParents, ul#relatedArticlesListTeens, ul#relatedArticlesListKids, ul#relatedArticlesListCollege {
	list-style: url(/images/articles/moreResourcesBox/mr_bullet.gif);
	margin-left: 28px;
	margin-top: 10px;
}

ul#relatedArticlesListParents li, ul#relatedArticlesListTeens li, ul#relatedArticlesListKids li, ul#relatedArticlesListCollege li {
	margin-bottom: 4px;
}

#relatedBoxParents a, #relatedBoxParents a:link, #relatedBoxParents a:visited {
	color: #3362be;
	text-decoration: none;
	font-size: 12px;
}

#relatedBoxParents a:hover {
	text-decoration: underline;
}

#relatedArticlesListParents a, #relatedArticlesListParents a:link, #relatedArticlesListParents a:visited, #relatedArticlesListParents a:hover, #relatedArticlesListTeens a, #relatedArticlesListTeens a:link, #relatedArticlesListTeens a:visited, #relatedArticlesListTeens a:hover, #relatedArticlesListKids a, #relatedArticlesListKids a:link, #relatedArticlesListKids a:visited, #relatedArticlesListKids a:hover {
	font-weight: normal;
}

#boxBreaker {
	width: 400px;
	height: 10px;
	margin: 0 auto;
}

#relatedButtonsHolder {
	width: 400px;
	margin: 10px auto 0px 0px;
	height: 110px;
	padding-bottom: 5px;
}

#relatedButtonsLeft {
	width: 200px;
	float: left;
}

#relatedButtonsRight {
	width: 200px;
	float: left;
}

#relatedButtonsHolder ul {
	list-style-type: none;
	margin-left: 14px;
	font-weight: bold;
}

#relatedButtonsHolder ul li {
	margin-bottom: 10px;
	padding-bottom: 6px;
}

#relatedAdditionalButton a, #relatedAdditionalButton a:link, #relatedAdditionalButton a:visited {
	padding-left: 32px;
	font-size: 11px;
	padding-bottom: 20px;
	vertical-align: middle;
	background: url(/images/articles/moreResourcesBox/mr_additionalResources.png) top left no-repeat;
	padding-top: 6px;
	display: inline-block
}

#relatedPrinterButton a, #relatedPrinterButton a:link, #relatedPrinterButton a:visited {
	padding-left: 32px;
	font-size: 11px;
	padding-bottom: 20px;
	vertical-align: middle;
	background: url(/images/articles/moreResourcesBox/mr_print.png) top left no-repeat;
	padding-top: 6px;
	display: inline-block;
}

#relatedEmailUsButton a, #relatedEmailUsButton a:link, #relatedEmailUsButton a:visited {
	padding-left: 32px;
	font-size: 11px;
	padding-bottom: 20px;
	vertical-align: middle;
	background: url(/images/articles/moreResourcesBox/mr_contact.png) top left no-repeat;
	padding-top: 6px;
	display: inline-block;
}

#relatedEmailFriendButton a, #relatedEmailFriendButton a:link, #relatedEmailFriendButton a:visited {
	padding-left: 32px;
	font-size: 11px;
	padding-bottom: 20px;
	vertical-align: middle;
	background: url(/images/articles/moreResourcesBox/mr_emailFriend.png) top left no-repeat;
	padding-top: 6px;
	display: inline-block;
}

#relatedBookmarkButton a, #relatedBookmarkButton a:link, #relatedBookmarkButton a:visited {
	padding-left: 32px;
	font-size: 11px;
	padding-bottom: 20px;
	vertical-align: middle;
	background: url(/images/articles/moreResourcesBox/mr_bookmark.png) top left no-repeat;
	padding-top: 6px;
	display: inline-block;
}

#relatedReprintButton a, #relatedReprintButton a:link, #relatedReprintButton a:visited {
	padding-left: 32px;
	font-size: 11px;
	padding-bottom: 20px;
	vertical-align: middle;
	background: url(/images/articles/moreResourcesBox/mr_reprintGuidelines.png) top left no-repeat;
	padding-top: 6px;
	display: inline-block;
}

#relatedButtonsRight #relatedEmailFriendButton a, #relatedButtonsRight #relatedEmailFriendButton a:link, #relatedButtonsRight #relatedEmailFriendButton a:visited  {
  padding-bottom: 5px;
}

#relatedButtonsLeft #relatedEmailUsButton a, #relatedButtonsLeft #relatedEmailUsButton a:link, #relatedButtonsLeft #relatedEmailUsButton a:visited {
 padding-bottom: 5px 
}

#relatedButtonsLeft #relatedPrinterButton a, #relatedButtonsLeft #relatedPrinterButton a:link, #relatedButtonsLeft #relatedPrinterButton a:visited {
 padding-bottom: 6px 
}
/* NavTabs */

#navTabs {
	position: relative;
	margin: -0px 10px 0px 0;
	float: right;
	font-size: 15px;
	height: 20px !important;
	z-index: 5;
	width: 410px;
}

#navTabs ul {
	margin-top: -21px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: right;
	width: 410px;
}
@-moz-document url-prefix() {
 #navTabs ul {
 margin-top: -23px;
}
}

#navTabs li {
	display: inline;
	margin: 0;
	padding: 0px 0 0 0;
	float: right;
}

#navTabs button {
}

#navTabs li button, #navTabs li.wascurrent button, #navTabs li.current button {
	border: 1px solid #3362be !important;
	border-radius: 14px 14px 0 0;
	border-bottom: 1px solid #fff !important;
	background: #fff;
	padding: 5px 12px 2px 12px !important;
	margin-top: -5px !important;
	font-size: 13px;
	font-weight: bold;
	color: #3362be;
	cursor: pointer;
	font-family: verdana, helvetica, arial, sans-serif !important;
}

#navTabs li.wascurrent button {
	border-bottom: 1px solid #fff !important;
	margin-top: -3px !important;
}
@-moz-document url-prefix() {
 #navTabs li.wascurrent button {
 border-bottom: 1px solid #fff !important;
 margin-top: -2px !important;
}
}

#navTabs li.current button {
	padding-bottom: 6px !important;
	margin-top: -6px !important;
}
 @-moz-document url-prefix() {
 #navTabs li.current button {
 padding-bottom: 5px !important;
 margin-top: -8px !important;
}
}

#mainBar {
	position: relative;
	background: url(/images/articles/moreResourcesBox/mr_top.png) bottom left no-repeat;
	width: 430px;
	height: 12px;
	line-height: 5px;
	z-index: 4;
	margin: 0px 0 10px 0px !important;
}

li#PKTtabTeens, li#PKTtabCollege, li#PKTtabKids {
	display: none;
}

#relatedArticlesListTeens, #relatedArticlesListKids, #relatedArticlesListCollege {
	display: none;
}

#mrLinks {
	background: url(/images/articles/moreResourcesBox/mr_gradBack.png) bottom left repeat-x;
	width: 424px;
	margin-left: 3px;
	padding-bottom: 8px;
	border-bottom: 1px solid #3362be;
}

/* Social Bookmarking */

#relatedSocialBookmarking {
	width: 420px;
	border: 1px solid #ccc;
	float: left;
	margin: 5px auto 9px 4px;
	padding-top: 6px;
	background: #ebeff3;
}

#relatedSocialBookmarking h4 {
	font-size: 12px !important;
	font-weight: bold;
	width: 200px;
	float: left;
	padding-left: 5px;
	color: #7a98d2;
}

#relatedSocialBookmarking h5 a {
	width: 210px;
	font-size: 12px;
	font-weight: normal;
	float: left;
	text-align: right;
	color: #7a98d2 !important;
}

#relatedSocialBookmarking ul {
	width: 436px;
	clear: both;
	margin-left: 5px !important;
	margin-top: 25px !important;
	margin-bottom: -5px;
}

#relatedSocialBookmarking ul li {
	display: inline;
}

#relatedSocialBookmarking ul li a {
	font-weight: normal;
	font-size: 10px !important;
	margin-right: 4px;
	padding: 2px !important;
}

#relatedSocialBookmarking ul li a:hover {
	background: #fff;
}

#relatedSocialBookmarking ul li img {
	margin: 0 !important;
	vertical-align: middle !important;
	margin-right: 2px !important;
}

#socialDisclaimer {
	font-size: 9px;
	text-align: center;
	color: #666;
	padding: 0 0 3px 0;
	margin-top: -5px;
}

/* Relates to subcat jumpbox, added here since any article with a jumpbox will also have a MR box */


#subCatBox {
	width: 408px;
	border: 1px solid #ccc;
	margin: 10px auto;
	padding: 5px;
	/*background: #f4f5f5;*/
	background: #ebeff3;
	border-radius: 12px;
}

ul#subCatLinks {
	margin-left: 31px;
	list-style-type: disc;
	line-height: 2em;
	color: #7a98d2 !important;
	margin-top: 2px;
}

ul#subCatLinks li a {
	color: #3963af;
	font-weight: normal !important;
	text-decoration: none;
}

ul#subCatLinks li a:hover {
	text-decoration: underline;
}

#subCatBox h5 a {
	font-weight: normal;
	font-size: 12px;
	color: #3963af;
	text-decoration: none;
	margin-bottom: 4px !important;
	padding-left: 15px;
}

.subCatClosed a {
	background: url(/images/articles/subCatArrow.gif) 1px 4px no-repeat !important;
	display: block;
}

/*
.subCatClosed a:after {
	content: " see more [+]";
	float: right;
	margin-right: 10px;
	color: #abc
}

.subCatOpen a:after {
	content: " see less [-]";
	float: right;
	margin-right: 10px;
	color: #abc
}

.kh_es_content .subCatOpen a:after {
	content: "ver menos [-]" !important;
}

.kh_es_content .subCatClosed a:after {
	content: "ver más [+]" !important;
}
*/
.subCatOpen a {
	background: url(/images/articles/subCatArrowDown.gif) 0px 5px no-repeat !important;
	display: block;
}

/* Styles for single UL, multiple column MOTT box for non-responsive-layout licensees */
#relatedButtonsBoth ul {
	width: 100%;
	text-align: left;
}

#relatedButtonsBoth ul li {
	display: inline-block;
	width: 50%;
	min-width: 50%;
	max-width: 50%;
}

/* Styling for 'this link opens in a new window' MOTT box icons */
#relatedButtonsBoth .newWindowIcon_leftSpace {
	background: url(/images/common/newWindowIconBlue1_leftSpace.png) 0 -1px no-repeat;
	font-size: 0px;
	padding-right: 19px;
	height: 12px;
	width: 19px;
	display: block;
	float: right;
}
/* For other implementations of the new window icon, see khcontent_style.css - there are also
   a couple of individual licensee customizations */
