/** pagetype-article.css **/
.promo .series-name-overlay	{ top: 12px; left: 2px; }

.actionbuttons						{ margin: 42px 0 10px; float: right; }
.widevideo .actionbuttons			{ margin-top: 0; float: left; margin-left: 14px;}
.actionbuttons a,
.article-content .actionbuttons a	{ text-decoration: none; margin-right: 9px; }

ul.breadcrumbs,
html[lang="es"] ul.breadcrumbs,
html[lang="he"] ul.breadcrumbs,
html[lang="fr"] ul.breadcrumbs { padding: 6px 0; width: 100%; float: none; }

.soc-btn-holder								{ height: 47px; width: 520px; clear: both; font-family: arial,sans-serif; font-weight: normal; position: relative; }
#canvas .at-svc-facebook						{ margin-left: 0 !important; }
#canvas .at-svc-facebook .at-icon-wrapper	{ width: 171px; border-radius: 8px 0 0 8px; }
#canvas .at-svc-facebook .at-label			{ letter-spacing: 2px; }
#canvas .at-svc-twitter .at-icon-wrapper		{ width: 83px; }
#canvas .at-svc-email .at-icon-wrapper		{ width: 76px; }
html[lang="es"] #canvas .at-svc-email .at-icon-wrapper { width: 83px; }
#canvas .at-svc-compact .at-icon-wrapper		{ width: 117px; border-radius: 0 8px 8px 0; }
html[lang="es"] #canvas .at-svc-compact .at-icon-wrapper { width: 110px; }
#canvas .at-svc-compact						{ margin-right: 0 !important; }
/* @noflip */ #canvas .at-resp-share-element a .at-label 	{ font-size: 11pt !important; margin-left: 3px !important; padding: 0 !important; }
html[lang="es"] #canvas .at-resp-share-element a.at-svc-compact .at-label { margin-left: 0 !important; }
/* @noflip */ html[lang="he"] #canvas .at-resp-share-element a.at-svc-facebook .at-label { margin-left: 0 !important; }
/* @noflip */ #canvas .at-resp-share-element .at-icon-wrapper .at-label span.at4-share-count-container { padding-left: 0; text-align: center; }
#canvas .at-resp-share-element .at-svc-facebook .at-icon-wrapper .at-label span.at4-share-count-container { width: 51px; }
html[lang="he"] #canvas .at-resp-share-element .at-svc-facebook .at-icon-wrapper .at-label span.at4-share-count-container { width: 50px; }
#canvas .at-resp-share-element .at-svc-compact .at-icon-wrapper .at-label span.at4-share-count-container { width: 45px; }
html[lang="he"] #canvas .at-resp-share-element .at-svc-compact .at-icon-wrapper .at-label span.at4-share-count-container { width: 52px; }
html[lang="fr"] #canvas .at-resp-share-element .at-svc-compact .at-icon-wrapper .at-label span.at4-share-count-container { position: absolute;
	right: 20px; top: 1px; visibility: visible; }
html[lang="es"] #canvas .at-resp-share-element .at-svc-compact .at-icon-wrapper .at-label span.at4-share-count-container { width: 37px; }
html[lang="fr"] #canvas .at-svc-compact .at-label { position: absolute; visibility: hidden; }
.fr-more-text-overlay					{ color: white; font-size: 11pt; pointer-events: none; position: absolute; right: 67px; top: 13px; z-index: 10; }

.article-content						{ overflow: visible; padding-bottom: 8px; clear: both; }
.article-content p,
.article-content h2.article-subheader	{ margin: 16px 0 0; padding: 0; line-height: 1.5em; font-size: 16px; }
.article-content h2.article-subheader	{ color: #000000; font-size: larger; font-weight: bold; }
html[lang="he"] .article-content h2.article-subheader	{ font-size: 22px; }
.article-content p.par-indent			{ margin-left: 3em; }
.article-content p sup					{ line-height: 0.9em; }
.article-content ul						{ line-height: 1.5em; font-size: 16px; }
.article-content li						{ line-height: 1.5em; }
.article-type--text img					{ margin: 2px; }
.article-content p:first-of-type			{ margin-top: 5px; }

/* Links within articles should have their normal behaviour.  Color scheme is from FF 3.5 */
.article-content a			{ text-decoration: underline; }
.article-content a:link		{ color: #0000EE; }
.article-content a:visited	{ color: #551A8B; }
.article-content a:active	{ color: #EE0000; }

.article-type--coloring-book h3	{ text-align: center; }
.article-type--coloring-book h4	{ text-align: center; margin-top: 5px; font-size: 18px; }
.article-type--coloring-book p	{ font-size: 17px; }

p.date-published	{ display: block; text-align: right; font-size: 11px; color: #777777; width: 500px; margin-top: 0; margin-bottom: 8px; float: right; }
p.date-published span a	{ text-decoration: underline; color: blue; font-size: 11px; }

p.support-info	{ color: #cc0000; padding-top: 0; }
p.support-info a	{ color: #cc0000; text-decoration: underline; }

.pager-box		{ margin: 19px 0 3px; background: url(http://media.aish.com/designimages/pager-box-bg.gif) repeat-y; clear: both; }
.pager-box-foot	{ height: 1%; overflow: hidden; background: url(http://media.aish.com/designimages/pager-box-foot-bg.gif) no-repeat bottom left; }
.pager-box h4	{ font-size: 14px; font-weight: normal; text-align: center; clear: both; background: url(http://media.aish.com/designimages/pager-box-head-bg.gif) no-repeat;
				  color: #000000; overflow: hidden; margin: 0; padding: 11px 0 5px; }
.pager-box div a, .pager-box div span { line-height: 22px; color: #444444; font-size: 12px; }
.pager-box div span	{ color: #BBBBBB; }
.pager-box div p		{ font-size: 10px; color: #555555; overflow: hidden; clear: both; padding: 1px 0; margin: 0 0 4px 1px; }
.pager-box div .prev	{ padding: 0 0 0 7px; width:242px; float: left; }
.pager-box div .prev a,
.pager-box div .prev span { float: left; width:55px; margin-bottom: 1px; padding: 0 0 0 17px; background: url(http://media.aish.com/designimages/btn-prev.gif) no-repeat; }
html[lang="es"] .pager-box div .prev a,
html[lang="es"] .pager-box div .prev span { width: 52px; padding-left: 20px; }
html[lang="fr"] .pager-box div .prev a,
html[lang="fr"] .pager-box div .prev span { background-image: url("http://media.aish.com/designimages/btn-prev-wide.gif"); width: 78px; padding-left: 20px; }
html[lang="he"] .pager-box div .prev a,
html[lang="he"] .pager-box div .prev span { width: 75px; padding-left: 20px; background-image: url(http://media.aish.com/designimages/btn-next-wide.gif);}
/* Note: Wasn't sufficient to have CSS Janus flip settings in the RTL vn of this file since we needed a wider background image in Hebrew.
 * So this is done by hand. I did reverse the padding value (setting padding-left to the value I want for padding-right) since I know the
 * values will be flipped by Janus in the RTL version. */
.pager-box div.next { text-align:right; width:242px; padding: 0 9px 0 0; float:right; }
.pager-box div.next a,
.pager-box div.next span { margin-bottom: 1px; padding: 0 30px 0 0; width: 42px; float: right; background-image: url(http://media.aish.com/designimages/btn-next.gif); }
html[lang="es"] .pager-box div .next a,
html[lang="es"] .pager-box div .next span  { width: 56px; padding-right: 16px; }
html[lang="fr"] .pager-box div .next a,
html[lang="fr"] .pager-box div .next span  { width: 51px; padding-right: 21px; }
html[lang="he"] .pager-box div .next a,
html[lang="he"] .pager-box div .next span  { width: 73px; padding-right: 23px; background-image: url(http://media.aish.com/designimages/btn-prev-wide.gif); }
/* See note of a few lines above. */

/*
 * Comments Form and red/blue "Processing..." blocks.
 * Copied from Spanish CSS
 */
.comments-form		{ border: 1px solid #000088; margin: 15px 0 0; padding: 14px 0 16px 19px; background-color: #F5F5F9; }
.comments-form h3	{ margin: 0; font: 18px "Lucida Sans Unicode", sans-serif; color: #4a80ca; letter-spacing:-1px; }
.comments-form ul	{ margin: 12px 0 0; padding: 0; list-style: none; }
.comments-form ul li	{ width: 100%; overflow: hidden; vertical-align:top; margin: 12px 0 0; }
.comments-wrapper	{ float: left; margin: 0 8px 0 0; }
.comments-wrapper p	{ margin: 0 0 3px; width:217px; }
.comments-form ul li label	{ float: left; font-size: 12px; font-weight: bold; margin-bottom: 1px; line-height: 17px; }
.comments-form ul li .txt-2	{ clear: left; width: 148px; height: 19px; background: url(http://media.aish.com/designimages/text-field-3.gif) no-repeat; }
.comments-form ul li .txt-2 input	{ margin:2px 0 0 2px; padding: 0 3px 0 2px; float: left; width: 142px; height: 18px; border: 0; background: none; }
.select .rad-1	{ float: left; padding: 0; width: 14px; height: 14px; margin: 1px 1px 0 0; }
.comments-form ul li .select label { font-weight: normal; margin-right: 6px; }
.comments-form ul li .select label span { color: #000000; }
.comments-form ul li .txt-3	{ clear: left; width:322px; height: 19px; background: url(http://media.aish.com/designimages/text-field-4.gif) no-repeat; }
.comments-form ul li .txt-3 input	{ margin:2px 0 0 2px; padding: 0; padding: 0 3px 0 2px; float: left; width:315px; height: 18px; border: 0; background: none; }
.comments-form ul li input	{ clear: left; display: block; font-size: 13px; height: 16px; padding: 3px 5px; width: 156px; }
.comments-form ul li input#title	{ width: 350px; }
.comments-form ul li textarea	{ margin: 0; padding: 2px 4px; width: 352px; height: 91px; float: left; clear: both; border: 1px solid #737373; font-size: 12px; line-height: 15px; }
.comments-form ul li span	{ color: #ff002e; }
html[lang="he"] .comments-wrapper span.address-required { display: none; }
.comments-form ul li .notation		{ clear: both; float: left; font-size: 11px; }
.comments-form  .comment-signup	{ font-size: 12px; margin-top: 11px; clear: both; }
.comments-form  .comment-signup input { float: left; margin-left: 0; margin-right: 4px; }
.comments-form  .comment-signup div.signup-text { float: left; margin-top: 1px; }
.comments-form a.btn-3			{ margin: 15px auto 0; display:block; color: #FFFFFF; text-decoration: none; clear: both; }
html[lang="en"] .comments-form a.btn-3 { margin-top: 11px; }
.comments-form a:link.btn-3,
.comments-form a:active.btn-3,
.comments-form a:hover.btn-3,
.comments-form a:visited.btn-3	{ color: #FFFFFF; text-decoration: none; }
.comments-form .comment-counter	{ color: gray; float: left; font-size: 18px; font-weight: bold; padding-left: 253px; padding-top: 3px; }
.comments-form .comment-counter-red { color: #FF002E; float: left; font-size: 18px; font-weight: bold; padding-left: 253px; padding-top: 3px;}
.reply-form  { margin-top: 12px; padding-top: 3px; padding-bottom: 12px; }
.reply-form ul { margin-top: 7px; }
.reply-form .comments-wrapper { margin-right: 26px; font-size: 11px; font-weight: bold; line-height: 22px; margin-bottom: 4px; }
.reply-form .select { line-height: 24px; margin-bottom: 0; margin-right: 0; }
.reply-form .first-line { margin-bottom: 0; }
.reply-form ul li.dispLine { margin-top: 0; }
.reply-form .comments-wrapper .displayName { float: left; width: 106px; color: black; margin-top: 5px; }
.reply-form  .emailPrivate { font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 0; text-align: right; width: 167px; }
.reply-form ul li .select label.dispNameChoice { float: left; width: 38px; margin-top: 8px; }
.reply-form .select .rad-1 { margin-right: 3px; margin-top: 2px; }
.reply-form .comment-counter, .reply-form .comment-counter-red { font-size: 13px; padding-left: 265px; padding-top: 1px; }
.reply-form a.btn-3 { margin-top: 4px; }
.reply-form-wrapper { position: absolute; }
.red-block	{ width:351px; min-height:90px; margin: 19px 0 0 22px; background: #f2cbcc; border:2px solid #9b0005; padding: 0 30px 0 15px; }
.red-block p	{ margin:20px 0 0; font-weight:bold; color: #9b0005; }
.blue-block	{ width:351px; min-height:90px; margin: 19px 0 0 22px; background: #d6e3f4; border:2px solid #164b9b; padding: 0 30px 0 15px; }
.blue-block p	{ margin:20px 0 0; font-weight:bold; color: #164b9b; }
#AJAX-statusblock-main,	#AJAX-statusblock-reply { display: none; }
.AJAX-statusblock-hidden { display: none; }
.AJAX-statusblock-red,
.AJAX-statusblock-blue	{ display: block !important; width:351px; min-height: 90px; margin: 12px 0 0 22px; padding: 0 30px 0 15px; }
.AJAX-statusblock-red	{ background: #f2cbcc; border: 2px solid #9b0005; }
.AJAX-statusblock-blue	{ background: #d6e3f4; border: 2px solid #164b9b; padding-top: 8px; }

/******
 ****** Articles
 ******/
.article-content blockquote { font-size: 15px; line-height: 150%; }
.article-content blockquote.pullquote	{ float: left; margin: 0.85em 10px 0.85em 0; width: 140px; text-align: right; color: #990000; font-family: "Trebuchet MS",Helvetica,sans-serif; font-weight: bolder; font-size: large; line-height: 21px; }
.pullquote-left	{ float: left; margin: 0.85em 10px 0.85em 0; width: 140px; text-align: right; color: #990000; font-family: Times New Roman,Times,serif; font-weight: bolder; font-size: large; line-height: 21px; }
.pullquote-right	{ float: right; margin: 0.85em 10px 0.85em 0; width: 140px; text-align: right; color: #990000; font-family: Times New Roman,Times,serif; font-weight: bolder; font-size: large; line-height: 21px; }

.pdf-download {
	background-color: beige;
	border: 2px solid #139716;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 7px auto 0;
	overflow: hidden;
	width: 388px;
}
.pdf-download h2 {
	color: #139716;
	font-style: italic;
	text-align: center;
	padding-bottom: 11px;
	padding-top: 14px;
	line-height: 21px;
}
.pdf-download  .inner-form {
	height: 208px;
	width: 340px;
	border: 0 none;
	margin: 0 auto;
	display: block;
}
html[lang="es"] .pdf-download  .inner-form {
	height: 223px;
	padding-right: 8px;
}
.article-content table.response-header {
	width: 500px;
	margin-top: 4px;
}
.article-content table.response-header img {
	margin-top: 0px;
	margin-right: 6px;
}
.article-content table.response-header .response-text {
	height: 30px;
	background: none repeat scroll 0% 0% rgb(0, 0, 51);
	color: white;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	text-align: center;
}
.begin-music {
	display: block;
	margin: 0 auto;
	padding-top: 8px;
}
.mainsectlink {
	text-align: center;
	font-size: 16px;
	display: none;
}
.msl-top {
	margin-bottom: 12px;
}
.msl-bot {
	margin-top: 9px;
}
.article-content .mainsectlink a {
	color: #0033AA;
}
.fb-commhdr {
	border-bottom: 4px double #AFAFAF;
	border-top: 4px double #AFAFAF;
	color: #555555;
	font-size: 12px;
	font-style: italic;
	margin-top: 5px;
	padding: 4px 0 3px;
}