/** pagetype-article.css **/
.actionbuttons	{  margin: 7px 0 6px; clear: both; }

.article-content	{ overflow: hidden; padding-bottom: 8px; clear: both; }
.article-content p	{ margin: 16px 0 0; padding: 0; line-height: 1.5em; }
.article-content p sup {  line-height: 0.9em; }
.article-content li	{  line-height:1.5em;  }
.article-type--text img	{ margin: 2px; }

/* 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:10px; color:#999; width: 500px; margin-top: 0; margin-bottom: 10px; 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:7px 0 0;  }
.comments-wrapper	{  float:left;  margin:0 8px 0 0;  }
.comments-wrapper p	{  margin:0;  width:217px;  }
.comments-form ul li label	{  float:left;  font-size:11px;  font-weight:bold;  }
.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;  margin:0;  padding:0;  width:14px;  height:14px;  margin:5px 5px 0 0;  }
.comments-form ul li .select label	{  font-weight:normal;  margin:5px 0 0;  width:25px;  }
.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 textarea	{  margin:0;  padding:0;  width:320px;  height:65px;  float:left;  clear:both;  border:1px solid #737373;  background: url(http://media.aish.com/designimages/textarea-bg.gif) no-repeat bottom right white;  }
.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:213px;padding-top:5px;}
.comments-form .comment-counter-red { color:#FF002E;float:left;font-size:18px;font-weight:bold;padding-left:205px;padding-top:5px;}
.reply-form  { margin-top: 12px; padding-top: 1px; 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: 105px; color: black; margin-top: 5px; }
.reply-form  .emailPrivate { font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 0; text-align: right; width: 133px; }
.reply-form ul li .select label.dispNameChoice { float: left; width: 42px; }
.reply-form .select .rad-1 { margin-right: 3px; }
.reply-form .comment-counter, .reply-form .comment-counter-red { font-size: 13px; padding-left: 225px; 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; }

/******
 ****** Articles
 ******/
.pullquote	{  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-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;  }