/*** global.css ***/

/*****
 ***** Default descriptions
 *****/
img	{  border-style:none;  }
.img-left	{ float: left; margin: 6px 6px 6px 0; }
.img-right	{ float: right; margin: 6px 0 6px 6px; }
form, fieldset	{  margin:0;  padding:0;  border-style:none;  }
input, textarea, select	{  font:11px/14px arial,sans-serif;  vertical-align: middle;  }
input[type="image"]  {  margin: 0;  border: 0;  padding: 0;  }


/*** Link behavior:
 ***	Links are just ordinary text that respond to mouse-overs.  (i.e. no change in color)
 ***	Utility classes enable other behaviours.
 ***/
a	{  text-decoration: none;  color: inherit;  }
	a:hover	{  text-decoration: underline;  }
a.util--std-link		{  text-decoration: underline;  }
a.util--std-link-color	{  text-decoration: underline;  }
	a.util--std-link-color:link		{  color: #0000EE;  }
	a.util--std-link-color:visited	{  color: #551A8B;  }
	a.util--std-link-color:active	{  color: #EE0000;  }
a.util--inverted-link	{  text-decoration: underline;  }
	a.util--inverted-link:hover	{  text-decoration: none;  }

/*****
 *****		HEADER ELEMENTS
 *****/


/** Body: Container of whole page.  Gives a fixed-width page, regardless of window-size. **/
body	{  margin:0;  font:14px/17px Arial,sans-serif;  background: #000033;  color: black;  }
#bodywrap	{  margin: 10px auto 0;  width:900px; padding-bottom:25px;  /*overflow:hidden;  position:relative;*/  }
/* DAR: Removed "padding-top: 23px" - had been used to align non-home pages with homepage - with its taller flag.
   Now all pages have taller flag. */

/** Dateline: date/parsha/subscribe.  Should be merged into header. **/
.dateline	{ padding: 1px 1px 0 1px; overflow: hidden; }
.dateline ul	{ margin: 0;  padding: 0; }
.dateline ul li	{  list-style:none;  float:left;  font-size:12px;  line-height:14px;  padding: 10px 8px 0 1px;  color: #C3DCF2;  }
.dateline ul li a		{  text-decoration:underline;  }
.dateline ul li a:hover	{  text-decoration:none;  }
/** NEWSLETTER SIGNUP: This code is re-used with minor changes in the footer's newsletter-signup!  **/
.newsletter-signup	{  float: right;  min-height: 35px;
	/* Background Gradient */
	background: #FFC603;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FF9A32, endColorStr=#FFC605);
	background: -moz-linear-gradient(top, #FF9A32, #FFC605);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9A32), to(#FFC605));
	/* Beveled Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.newsletter-signup p	{  float:left;  display: inline;  margin:0;  padding: 10px 5px 0 10px;  color:#000033;  font-size:12px;  font-weight: bold;  word-spacing:-1px;  line-height:14px;  }
.newsletter-signup form	{  display: inline;  }
.newsletter-signup fieldset	{  float: right;  padding: 7px 5px 0 0;  }
.newsletter-signup fieldset input.text	{  border:1px solid #c3c3c3;  border-top-color:#7c7c7c;  padding:2px 5px 1px;  width:156px;  }
/* Hebrew has an especially wide "Join" button.  To compensate, we need to shrink down the text field */
html[lang="he"] .newsletter-signup fieldset input.text	{  width:125px;  }
.newsletter-signup fieldset input[type="submit"]	{  margin: 0 0 0 3px;  border: 0px none;  padding: 0 6px;  color: white;  font-size: 13px;  font-weight: bold;
	/* Background Gradient */
	background: #6E0406;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6E0406, endColorStr=#B42625); /* IE, but conflicts with curvycorners */
	background: -moz-linear-gradient(top, #9E5C5D 37%, #6E0406, #B42625);
	background: -webkit-gradient(linear, left top, left bottom , color-stop(37%, #9E5C5D), color-stop(68.5%, #6E0406), to(#B42625));
	/* Beveled Corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#sheet-of-paper	{  clear: both;  margin-top: 10px;  padding: 3px;  background: white;
	/* Beveled Corners */
	/* @noflip */ -moz-border-radius: 14px 14px 0 0;
	-webkit-border-top-left-radius:  14px;
	-webkit-border-top-right-radius: 14px;
	border-top-left-radius:  14px;
	border-top-right-radius: 14px;
}

/* Header contains the flag and the navbars */
#header	{  overflow: hidden;  }/* Since we've thickened the white margin, the special banners no longer fit, so we crop them. */

#flag	{  position: relative;  height: 81px;
	/* Background Gradient */
	background: #426FA6;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#2D5588, endColorStr=#5083BC); /* IE, but conflicts with curvycorners */
	background: -moz-linear-gradient(top, #2D5588, #5083BC);
	background: -webkit-gradient(linear, left top, left bottom, from(#2D5588), to(#5083BC));
	/* Beveled Corners */
	/* @noflip */ -moz-border-radius: 13px 13px 0 0;
	-webkit-border-top-left-radius:  13px;
	-webkit-border-top-right-radius: 13px;
	border-top-left-radius:  13px;
	border-top-right-radius: 13px;
}

#logo	{  position: absolute;  left: 12px;  top: 5px;  text-indent:-3000px;  }  /* The BG images themselves are in <language>.css */

#adserver-HEADER  {  position: absolute;  left: 393px;  top: 10px;  }

#navbar-sideshows	{  padding-bottom: 1px;  }/* white "border" showing through from sheet-of-paper */
#navbar-sideshows ul	{  margin:0;  padding:1px 0 1px 4px;  overflow:auto;/*???*/  background:#183764;  }
#navbar-sideshows ul li	{  list-style:none;  float:left;  padding:0 4px 0 5px;  background: url(http://media.aish.com/designimages/main-nav-bullet.gif) no-repeat left 8px;  }
#navbar-sideshows ul li:first-child	{  background:none;  }
#navbar-sideshows ul li a	{  line-height:19px;  /*float:left;*/  padding:0 4px;  font-size:12px;  color:#c3dcf1;  }
#navbar-sideshows ul li a.brighter	{  color: #FFF;  }	/* make 1st 3 items white */
#navbar-sideshows ul li.active a,
#navbar-sideshows ul li a:hover	{  text-decoration:none;  color:#003366;  background: url(http://media.aish.com/designimages/main-nav-bg-hov.gif) repeat-x;  }

#navbar-core	{  padding: 8px 0 0 12px;  overflow:hidden;
	/* Background Gradient */
	background: #C3DCF2;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#88A3C0, endColorStr=#C3DCF2); /* IE, but conflicts with curvycorners */
	background: -moz-linear-gradient(top, #88A3C0, #C3DCF2);
	background: -webkit-gradient(linear, left top, left bottom, from(#88A3C0), to(#C3DCF2));
}
#navbar-core ul			{  margin: 0;  padding: 0;  list-style: none;  }
#navbar-core ul li		{  float: left;  padding-bottom: 6px;  }
#navbar-core ul li a		{  margin:0 2px;  padding: 2px 6px 2em;  height:22px;  white-space:nowrap;  color:#1D3A58;  font: bold 15px Arial;  text-decoration: none;  }
#navbar-core ul li a:hover,
#navbar-core ul li.active a	{  color: #D97102;  background: white;
	/* Beveled Corners */
	/* @noflip */ -moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius:  8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius:  8px;
	border-top-right-radius: 8px;
}
#adserver-Title, #adserver-Global_Title, #adserver-Homepage_Title { margin-top: 9px; padding-left: 17px; }
/* DAR lowered margin-top from 16 to 9, padding-left from 20 to 17. */
/* NOTE: adserver-Title should read adserver-Global_Title, but due to a bug in the AdServer, we can't support that name */


/*****
 *****		HIGH-LEVEL PAGE STRUCTURE: CANVAS / CONTENT / DASHBOARD / FOOTER
 *****/

 
#canvas	{  margin:0 0 0;  padding:0 17px 20px;  overflow: hidden;  } /* DAR wiped out margin (from 16px 0 0). It was way too large. */
	/*.pagetype-homepage #canvas	{  margin:16px 0 0;  }*/
	/*.pagetype-special #canvas	{  margin:16px 0 0;  }*/
#status-404	{  margin: 0 20px;  }  /* The 404 page is just the homepage with this div stuck in above the content */
#content	{  width:500px;  float:left;  }
#dashboard	{  width:343px;  float:right;  }

#footer	{  clear: both;  margin: 1px;  border:1px solid #000033;  background:#214d78;  }
#footer-head	{  padding: 5px 3px 0 0;  background: url(http://media.aish.com/designimages/footer-head-bg.jpg) no-repeat;  height:33px;  }
#footer .logo	{  float:left;  margin: -15px 0 0 16px;  text-indent:-3000px;  }

#sitemap {
	padding-bottom: 15px;
	background: url(http://media.aish.com/designimages/foot-box-bg.jpg) no-repeat;
	background-color: #214D78; /* DAR added - in hope it'll make #footer's background color appear in IE7 (Heb site only). */
	overflow: auto;/*???*/
}
#sitemap div	{  padding: 27px 0 0 17px;  float: left;  width: 133px;  }
#sitemap .first { margin-left: 15px; width: 116px; }
#sitemap .last { margin-left: 2px; width: 110px; }
#sitemap div h4	{  margin:0;  font-size:12px;  font-weight:bold;  color:#ffcc33; line-height: 20px; }
#sitemap div ul	{  margin:0;  padding:0;  }
#sitemap div ul li	{  line-height:17px;  list-style:none;  }
#sitemap div ul li a	{  font-size:12px;  color:#fff;  }
#sitemap div ul li a span	{  color:#ff9900;  }

/** Search form - used to be in pagetype-search.css alone, but now we need a variation for all pages - now that search bar in footer. **/
#footer .searchResultsPane			{ margin: 10px 45px 30px; padding: 3px; background: #C3DCF1; border: none; clear: both; }
#footer .searchResultsPane form		{ margin: 7px; overflow: auto; }
#footer .searchResultsPane form label	{ color: #214D78; font-size: 24px; vertical-align: middle; margin-right: 5px; }
#footer .searchResultsPane form input[type="text"]	{ font-size: 22px; padding: 0.2ex 0.4ex; width: 458px; border: 1px solid black; }
#footer .searchResultsPane form input[type="image"]	{ padding-top: 0.3ex; }

/*****
 *****		HOLIDAY DATES	
 *****			For holiday home pages, we display the date above the showcase
 *****/
	.showcase-holiday-date {margin: 20px 0px -20px; padding: 3px 3px 3px 10px; color: white; font-weight: bold;}
/*****
 *****		SHOWCASE
 *****			Presentation of top 4-7 articles, mostly via graphics.
 *****/

	.showcase	{  padding:12px 10px 5px 11px;  overflow: hidden; /* was auto, but IE occasionally shows scrollbars.  Why is this needed at all? */  border:1px solid #000;  }
	.showcase a.img-holder	{  display:block;  }
	.showcase a img	{  border: 1px solid;  }
	.showcase .box em	{  display:block;  font-size:12px; line-height:14px; word-spacing:-1px;  padding:2px 0 0;  }
	.showcase .box p	{  margin:0;  padding:4px 0 6px;  font-size:12px;  line-height:14px;  color: white;  }

	.showcase .showcase-row-of-3	{  margin-top: 13px;  clear:both;  }
	.showcase .showcase-row-of-3 .box	{  float:left;  width:142px;  margin-right:25px;  }
	.showcase .showcase-row-of-3 .last	{  margin-right:0;  }

	.showcase .showcase-row-of-2 .box	{  float:left;  width:228px;  margin-right:18px;  margin-bottom:14px;  }
	.showcase .showcase-row-of-2 .last	{  margin-right:0;  }

	/* Default color scheme */
	.showcase				{  background:#003366;  border-color: #000033;  }
	.showcase a img			{  border-color:#ccffff;  }							/* Image Graphic Border */
	.showcase .box em		{  color:#ccffff;  }								/* Byline text */
	
/*** Since category promo's appear on both the homepage and on the holiday homepages, I need to have this kept globally ***/
/*****
 ***** CATEGORY/INTEREST PROMOS
 *****		Mini-showcases for each subcategory of the current landing page.
 *****		Category Promos are shown on the site homepage and on the holiday homepages and promote a Category.
 *****		Interest Promos are shown on the category landing pages and promote an Interest.
 *****/
.category-promo	{  background: url(http://media.aish.com/designimages/container-bg.gif) repeat-x;  overflow:hidden;/*???*/  padding:0 0 7px;  margin:21px 0 0;  }
	.category-promo .section-bar,
	.interest-promo .section-bar	{  padding:0 10px 0 0;  overflow:hidden;/*???*/  background: url(http://media.aish.com/designimages/sectionbar-bg-generic-blue.gif) repeat-x;  }
	.category-promo .section-bar h2,
	.interest-promo .section-bar h2	{  text-transform: uppercase;  margin:0;  float:left;  padding:0 0 0 10px;  color:#fff;  font-size:14px;  line-height:19px;  background: url(http://media.aish.com/designimages/sectionbar-titlesplash-generic-blue-white-ltr.gif) no-repeat top left;  }
	.category-promo .section-bar h2 span	{  padding-right:33px;  float:left;  background: url(http://media.aish.com/designimages/sectionbar-titlesplash-generic-blue-white-ltr.gif) no-repeat top right;  }
	.category-promo .section-bar a.more,
	.interest-promo .section-bar a.more	{  font-size:12px;  color:#183765;  padding:0 8px 0 0;  float:right;  background: url(http://media.aish.com/designimages/arrow-blue-whitebg-ltr.gif) no-repeat right 7px;  }
	/* Hack: the label .virtual-category is gemini'd with section-bar.  I don't know the syntax for saying "match the gemini" in an IE6-friendly way */
	.category-promo .virtual-category /*.section-bar*/ h2	{background: url(http://media.aish.com/designimages/sectionbar-titlesplashvirtual-generic.png) no-repeat top left;}
	.category-promo .virtual-category /*.section-bar*/ h2 span	{background: url(http://media.aish.com/designimages/sectionbar-titlesplashvirtual-generic.png) no-repeat top right;}
	
	/** Promo Body types: **/
	.category-promo .category-promo--articles	{  overflow:hidden;/*???*/  margin:14px 0 0;  }
	.category-promo .category-promo--articles .box-image	{  width:139px;  padding:2px 0 0 8px;  float:left;  }
	.category-promo .category-promo--articles .box-image img	{  border:1px solid #ccc;  display:block;  }
	.category-promo .category-promo--articles .box-image img.black-border	{ border-color:#000;}
	.category-promo .category-promo--articles .box-text	{  width:176px;  padding:0 0 0 10px;  float:left;  }
	.category-promo .category-promo--articles .box-text p	{  margin:0;  padding:11px 0 0;  color:#666;  font-size:12px;  line-height:14px;  }
	.category-promo .category-promo--articles .also-ran	{  width:144px;  padding:0 0 0 10px;  float:left;  border-left:1px lightGrey solid;  }
	.category-promo .category-promo--articles .also-ran p	{  margin:0;  padding:0 0 7px;  font-size:11px;  line-height:12px;  color:#666;  }
	.category-promo h3,
	.category-promo h4	{  letter-spacing:0px;  font:bold 14px/15px Georgia, "Times New Roman", Times, serif;  color:#336699;  margin:0;  padding:0 5px 0 0;  }
	.category-promo h4	{  font-size:13px;  line-height:15px;  }
	.category-promo h3 a,
	.category-promo h4 a	{ color:#183765;}
	.category-promo h4 a span	{ color:#cc6600;}
	.category-promo em.author	{  display:block;  color:#666;  font-size:12px;  line-height:15px;  margin-top:2px;  }
	.category-promo .category-promo--articles a.more	{  text-decoration:underline;  color:#183765;  font-size:10px;  }
	.category-promo .category-promo--articles a.more:hover	{ text-decoration:none;}

	.category-promo--2medium	{  margin-top:14px;  }
	.category-promo--2medium img	{  margin-left:12px;  }

	.category-promo--1medium-list	{  margin-top:14px;  }
	.category-promo--1medium-list img	{  margin-left:12px;  float:left;}
	.category-promo--1medium-list div	{  margin-left:16px;  width:230px;  float:left;}
	.category-promo--1medium-list div span	{  font-size:10pt;  font-weight:bold;  }
	.category-promo--1medium-list div ol	{  margin:0; padding-left:1.5em;/* this works in FF.  What about IE? */}

.category-promo--blogs	{  margin:14px 0 0;  color:#183765;  font:bold 11px/15px Georgia, "Times New Roman", Times, serif;  letter-spacing:-1px;}
.category-promo--blogs div	{  float: left;  width: 156px;  margin-left:8px;  }	/* Blog entry */
.category-promo--blogs div span	{  color: #CC6500;  }	/* Content Type */
.category-promo--blogs .featured-articles img{border:1px solid #C0C0C0;}
.category-promo--blogs .featured-articles {margin-bottom:15px;}
	
	/* Note that only the category-promo's on the special homepages have bulleted lists. */
	.category-promo ul	{  margin:0;  padding:0 2px 0 0;  }
	.category-promo ul li	{  padding:0 0 4px 8px;  font:bold 11px/13px Georgia, "Times New Roman", Times, serif;  list-style:none;  letter-spacing:0px;  }

	
	
	
	
/*****
 ***** WIDGETS
 *****/

.widget	{  margin:5px 0 7px;  overflow:hidden;/*???*/  border:1px solid #9abddb;  background:#c3dcf1;  padding:0 0 6px;  }
.widget h3,
.subdued-widget h3 { font-size:14px;  line-height:16px; padding: 3px 8px 1px; margin:0;  color:#003366;  }
.subdued-widget h3 { padding-top: 5px; }
.widget h3 em	{  font-weight:normal;  font-size:11px;  }



	/* I commented out div.tab because I believe this is unused except by .widget--most-popular-in, which overrides all these descriptors except overflow:hidden.  nope!  It's used on the homepage Most Popular Widget */
	div.tab,
	.widget .box,
	.subdued-widget .box	{  margin:0 6px 0 5px;  background:#fff;  border:1px solid #99bedb;  overflow:hidden;/*???*/  }
	.widget .box,
	.subdued-widget .box	{ margin: 2px 0 1px 5px; width: 328px; }
	.subdued-widget	{  margin:5px 0 0;  overflow:hidden;/*???*/  border:1px solid #ccc;  background:#f3f2f3;  padding:0 0 6px;  }
	.subdued-widget h3.small	{  margin:0;  padding:0 8px;  font-size:10px;  line-height:13px;  color:#999;  }
	ul.banners	{  padding:0;  margin:2px 0 2px 2px;  overflow:hidden;/*???*/  }
	ul.banners li	{  float:left;  padding:0 0 7px 7px;  list-style:none;  }
	ul#adserver-SPONSORS li	{  padding-bottom: 20px;  }	/* Sponsors Widget: extra space between ads */
	ul.banners a img	{  display:block;  }
	.video	{  margin:8px 10px 12px;  background:#183764;  padding:0 0 2px;  }
	.video a.img-holder img	{  display:block;  border:1px solid #000;  }
	a.view	{  white-space:nowrap;  margin:0 0 0 116px;  font-size:12px;  color:#fff;  padding:1px 0 2px 18px;  background: url(http://media.aish.com/designimages/icon-view.gif) no-repeat;  }
	ul.banners-list	{  overflow:hidden;/*???*/  margin:0;  padding:0 9px;  }
	ul.banners-list li	{  width:323px;  float:left;  list-style:none;  padding:0 0 4px;  }
	ul.banners-list li img	{  border:1px solid #9bbfe9;  display:block;  }
	.widget fieldset.form	{  padding:0 7px 8px;  margin:0 8px 10px;  background:#fff;  border:1px solid #9abddb;  overflow:hidden;/*???*/  }
	.widget fieldset.form select	{  font-size:11px;  line-height:14px;  color:#000;  display:block;  margin:9px 0 0;  padding:1px 0;  width:202px;  }

/*-----------RSS Widget------------------------------------*/
.rssWidget{padding-top:8px;padding-left:20px;font-size:12px;color:#34608B;position:relative;text-align:right;padding-right:10px;}
.rssWidget a{text-align:right;}
.rssWidget img{align:left;}


/* -- "Most Popular Widget" ----------------------------------------------------------------- */

/** This css is gross.  Everything is inter-related in obscene ways.  I tried cleaning it up, but it really needs to be redone from scratch.
	The basic model is that you have an article-list ("items-list number").  The can be used as a tabpage within a most-popular-by-media or most-popular-in object.
	The most most-popular-by-media may in turn be used as a tabpage within a most-popular-in object or within a simple widget.
**/

#tab2, #tab3, #tab4, #tab1-2, #tab2-2	{  display:none;  }	/* Hide secondary tabs from the get-go, rather than wait for the Javscript OnLoad to kick in */

/* Note: ul.items-list is also used in other widgets */
ul.items-list	{  margin:0;  padding:0 12px 0 9px;  }
ul.items-list li	{  padding:3px 0 4px;  margin-bottom:-1px;  border-bottom:1px solid #ccc;  list-style:none;  }
ul.items-list li h4,
.widget-bullets h4,
.widget #seefull	{  clear:both;  overflow:hidden;/*???*/  color:#336699;  margin:0;  font:bold 13px/14px Georgia, "Times New Roman", Times, serif;  }
ul.number li h4 span	{  padding-bottom:2px;  width:14px;  float:left;  padding-right:3px;  }
ul.items-list li p		{  margin:0;  padding:0;  color:#666;  font-size:10px;  line-height:12px;  }
div.tab ul.items-list li p	{padding:0 0 0 16px;}

ul.tabset	{  overflow:hidden;/*???*/  margin:0 0 -1px;  padding:0 0 0 5px;  position:relative;  z-index:10;  }
ul.tabset li	{  list-style:none;  padding:0 2px 0 0;  float:left;  }
ul.tabset li a	{  color:#336699;  font-size:12px;  line-height:15px;  float:left;  text-decoration:none;  margin-right: 2px;  }
ul.tabset li a span	{  cursor:pointer;  white-space:nowrap;  height:16px;  margin-left: 5px;  margin-right: -2px;  padding:2px 5px 0 0;  float:left;  }

/*** See more widget defs in pagetype-homepage.css ***/

/** MOST POPULAR (HOMEPAGE) WIDGET
 ** This widget was originally meant just for the homepage,
 ** but is now on many sections of the site
 **/
#widget-most-popular-homepage ul.tabset li a:hover,
#widget-most-popular-homepage ul.tabset li a.active	{  color:#cc3300;  text-decoration:none;  background: url(http://media.aish.com/designimages/tab-most-popular-mediatype-homepage.gif) no-repeat top left;  }
#widget-most-popular-homepage ul.tabset li a:hover span,
#widget-most-popular-homepage ul.tabset li a.active span	{ background: url(http://media.aish.com/designimages/tab-most-popular-mediatype-homepage.gif) no-repeat top right;}


/** MOST POPULAR (CORE) WIDGET
 ** The classname not0withstanding, this is davka the "Core" version of Most Popular
 **/
/* We are currently transitioning to a new design.  To faciilate easy roll-back, we are temporarily renaming the classname
 * to -NEW.  Obviously this is all transitional, and when all is finalized, we will delete the old CSS and remove the -NEW
 */

/*** BEGIN: OLD "MOST POPULAR WIDGET" DESIGN (CORE AND SPECIAL) ***/
.widget--most-popular-in	{  overflow:hidden;/*???*/  margin: 20px 0 0;  }
.widget--most-popular-in h3	{  padding:3px 5px 0 2px;  margin:0;  font-weight:normal;  font-size:14px;  color:#336699;  float:left;  }
.widget--most-popular-in div.tab	{  margin:0;  padding:5px 6px 6px 5px;  border: 1px solid;  }
.widget--most-popular-in div.tab div.tab	{  padding:0;  overflow:hidden;/*???*/  background:#fff;  }  /* this selects the nested tabs of special-homepage */
.widget--most-popular-in ul.tabset--most-popular-in li	{  padding:0 2px 0 0;  }
.widget--most-popular-in ul.tabset--most-popular-in a {  color:#336699;  margin-right: 2px;/*NSM*/  font-size:14px;  font-weight:bold;  background: url(http://media.aish.com/designimages/tab-aish-com.gif) no-repeat left;  }
.widget--most-popular-in ul.tabset--most-popular-in a:hover,
.widget--most-popular-in ul.tabset--most-popular-in a.active	{  color:#fff;  background:/*url(http://media.aish.com/designimages/tab-current-issues.gif)*/ no-repeat left;  }
.widget--most-popular-in ul.tabset--most-popular-in a span	{  padding:4px 12px 0 0;  margin-left: 12px;  margin-right: -2px;/*NSM*/  height:20px;  background: url(http://media.aish.com/designimages/tab-aish-com.gif) no-repeat right;  }
.widget--most-popular-in ul.tabset--most-popular-in a:hover span,
.widget--most-popular-in ul.tabset--most-popular-in a.active span	{ background:/*url(http://media.aish.com/designimages/tab-current-issues.gif)*/ no-repeat right;}
.widget--most-popular-in div.box	{  overflow:hidden;/*???*/  background:#fff;  border:1px solid #660000;  }

/* tabset--most-popular-by-media only exists on the special pages! */
.widget--most-popular-in ul.tabset--most-popular-by-media a	{ color:#fff;}
	.widget--most-popular-in ul.tabset--most-popular-by-media a:hover,
	.widget--most-popular-in ul.tabset--most-popular-by-media a.active	{  color: #990000 /* was #cc3300*/;  background: url(http://media.aish.com/designimages/tab-most-popular-mediatype-purim.gif) no-repeat top left;  }
	.widget--most-popular-in ul.tabset--most-popular-by-media a:hover span,
	.widget--most-popular-in ul.tabset--most-popular-by-media a.active span	{ background: url(http://media.aish.com/designimages/tab-most-popular-mediatype-purim.gif) no-repeat top right;}

	/* generic */ .widget--most-popular-in ul.tabset--most-popular-in a.active,
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-in a.active span,
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-in a:hover,
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-in a:hover span				{  background-image: url(http://media.aish.com/designimages/tab-generic.gif);  }
	/* generic */ .widget--most-popular-in div.tab											{  background:   #183764;  }
	/* generic */ .widget--most-popular-in div.tab											{  border-color: #183764;  }	/* Outer trim */
	/* generic */ .widget--most-popular-in div.tab div.tab										{  border-color: #183764;  }	/* Inner trim */
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a.active,
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a.active span,
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a:hover,
	/* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span	{  background-image: url(http://media.aish.com/designimages/tab-most-popular-mediatype-generic.gif);  }
/*** END: OLD "MOST POPULAR WIDGET" DESIGN (CORE AND SPECIAL) ***/


/*** BEGIN: **NEW** "MOST POPULAR WIDGET" DESIGN (CORE AND SPECIAL) ***/
.widget--most-popular-in-NEW h3	{  padding: 6px 0 0 6px;  float:left;  }
.widget--most-popular-in-NEW ul.tabset--most-popular-in a {  border: 1px solid #9ABDDB;  padding-right: 2px;  color:#336699;  font-size:14px;  font-weight:bold;  background: #9ABDDB;  margin-top: 4px;  height: 20px;  }
.widget--most-popular-in-NEW ul.tabset--most-popular-in a:hover,
.widget--most-popular-in-NEW ul.tabset--most-popular-in a.active	{  border-bottom-color: white;  color: #003366;  background: white;  }
/*** END: **NEW** "MOST POPULAR WIDGET" DESIGN (CORE AND SPECIAL) ***/

	
/** widget--textbox = A box with an h6 title and div containing text **/
.widget--textbox	{  padding: 6px;  }
.widget--textbox h6	{  font-weight: bold;  font-size: 14px;  margin:0 0 0.25em;  }
#searchWidget				{  padding: 5px;  }
#searchWidget fieldset		{  padding: 2px 0;  border: 1px solid #7F9DB9;  background:  white;  }
#searchWidget input.text	{  margin: 0 2px;  border: 0 none;  padding: 1px 0;  width: 294px;  font-size:17px;  color:#E07313; line-height: 19px; }
#titleline #searchWidget {border:0 none;margin-left:533px;margin-top:-63px;position:absolute;width:331px;}

#titleline {margin-top:3px;overflow:hidden;}

ul.breadcrumbs	{  overflow:hidden;/*???*/  margin-top:0;  padding: 16px 0 0;  }
	ul.breadcrumbs li	{  padding:0 4px 0 9px;  background: url(http://media.aish.com/designimages/breadcrumb-arrow-ltr.gif) no-repeat left 5px;  float:left;  list-style:none;  font-size:12px;  line-height:14px;  }
	ul.breadcrumbs li:first-child	{  background:none;  padding-left:0;  }
	ul.breadcrumbs li a	{  color:#999;  text-transform: uppercase; text-decoration:underline; }
	ul.breadcrumbs li a:hover	{  color: inherit;  }
	/* was .pagetype-CIA, but breadcrumbs are not CIA specific */		ul.breadcrumbs	{  color:#990000;  }

	
/*** Promo: Can this be renamed?  What type of promo is this? ***/
.promo	{  position:relative;  overflow:hidden;/*???*/  padding: 10px 0 26px;  }
/***********
## I'm removing this a.img-holder tentatively, as the image is not always linked (e.g. Article detail pages).
## I've tested out Interest pages as well, and they seem to be OK without a.img-holder
##.promo a.img-holder	{  float:left;  display:inline;  margin:0 12px 0 0;  }
##.promo a.img-holder img	{  border:1px solid #000;  display:block;  }
##
## Also, the display: doesn't seem to have any effect.
## --Noach
*********/
.promo img	{  float:left;  margin:0 12px 0 8px;  border:1px solid #000;  }
.promo span.author	{  color:#666;  font-size:12px;  position:absolute;  left:251px /* was 243px but byline was too close to graphic */;  bottom:26px;  }
.promo span.author a	{  text-decoration:underline;  color:#666;  }
.promo span.author a:hover	{ text-decoration:none;}
.promo p	{  font-size:16px;  line-height:18px;  color:#000;  margin:0;  padding:0 0 5px;  font-weight:600;  }
.promo a.more	{  padding:0 10px 0 0;  text-decoration:underline;  background: url(http://media.aish.com/designimages/arrow-red-ltr.gif) no-repeat right 5px;  font-size:14px;  color:#990000;  }
.promo a.more:hover	{ text-decoration:none;}


/**** UNKNOWN --- WHERE ARE THESE USED ***/
.article-content h2	{  margin:0;  color:#990000;  font-size:20px;  font-weight:bold;  padding:17px 0 0;  }
.article-content h2 span	{  padding:0 0 0 5px;  color:#666;  font-weight:normal;  }
.article-content h3	{  margin:0;  padding:7px 0 9px;  color:#000;  font-size:20px;  font-weight:normal;  }


/**** UNKNOWN --- WHERE ARE THESE USED ***/
/*-- info-box --*/
.info-box	{  overflow:hidden;/*???*/  padding-top:26px;  }
.info-box h2	{  color:#003366;  font-size:14px;  line-height:19px;  margin:0;  border-bottom:1px solid #003366;  }
.info-box h2 span	{  font-weight:normal;  color:#666;  }
ul.comments-list	{  margin:0;  padding:0 0 0 23px;  }
ul.comments-list li	{  padding:11px 0 4px;  list-style:none;  }
ul.comments-list li h3	{  margin:0;  color:#333;  font-size:12px;  line-height:13px;  font-weight:normal;  }
ul.comments-list li p	{  color:#666;  font-size:12px;  line-height:14px;  margin:0;  padding:0 65px 0 0;  }
a.btn	{  display:inline;  margin:6px 9px 0 0;  float:left;  width:112px;  line-height:21px;  padding:0 0 0 22px;  color:#fff;  font-size:12px;  }
a.blue-btn	{background: url(http://media.aish.com/designimages/btn-blue.gif) no-repeat;}
a.green-btn	{background: url(http://media.aish.com/designimages/btn-green.gif) no-repeat;}
/**
## Fancy Bios will handle their own layout.  Just handle the generic font.
##.author-box a.img-holder	{  float:right;  display:inline;  margin:57px 0 0 6px;  }
##.author-box a.img-holder img	{  display:block;  border:1px solid #999;  }
**/
.author-box h3.name	{  margin:8px 0 0 0;  padding:0; color:#000099;  font-family:arial;  font-size:14px;  font-weight:bold;  }
.author-box h3.name a	{  text-decoration: underline;  }
.author-box div.bio		{  margin:0;  padding:0;  color:#666;  font-size:12px;  font-weight:normal;  line-height:15px;  }
.author-box div.bio a		{  text-decoration: underline;  }
.author-box div.bio a:link	{ color: #0000EE; }
.author-box div.bio a:visited	{ color: #551A8B; }
.author-box div.bio a:active	{ color: #EE0000; }
.author-box div.bio .bio-pic	{ float: right; margin-left: 3px; }

ul.link-list	{  margin:0;  padding:14px 0 0;  }
ul.link-list li	{  list-style:none;  }
ul.link-list li a	{  padding:0 0 0 16px;  color:#2d6dc1;  font-weight:bold;  font-size:12px;  line-height:14px;  background: url(http://media.aish.com/designimages/arrow-link.gif) no-repeat left 1px;  }
ul.link-list li a img	{  padding-top:2px;  padding-right:3px;  }
ul.related-articles	{  margin:0;  padding:0;  }
ul.related-articles li	{  padding:14px 23px 0 0;  float:left;  list-style:none;  }
ul.related-articles li img	{display:block;}
fieldset.search	{  overflow:hidden;/*???*/  background:#c3dcf1;  border:1px solid #6699cc;  padding:7px 0 8px 0;  margin:5px 0 0;  }
fieldset.search input	{  float:left;  margin:0;  }
fieldset.search input.text	{border:1px solid #6699cc;  background:#fff;  padding:2px 5px;  color:#990000;  display:inline;  margin:0 1px 0 98px;  }

/*Pagination for interest pages, search pages*/
.pagination		{  margin: 20px 0;  text-align:center;  color:#999999;  font-weight:bold;  }
.pagination span	{  color:#FDB142;  font-size:21px;  font-weight:bold;  text-decoration:underline;  }
.pagination a	{  color:#999999;  font-size:18px;  font-weight:bold;  padding:0 1px 0;  text-decoration:none;  }


/*Bottom Ad*/
#adserver-BOTTOM	{  margin-bottom: 5px;  text-align: center;  }

/** ARTICLE-ENTRY: An article-entry displays the title/author/teaser/smallGraphic of an article listed on an Interest page or Search result page **/
.article-entry				{  margin: 20px 0;  height:1%;  overflow:hidden;  }
.article-entry a.img-holder	{  display:inline;  margin:0 6px 0 0;  float:left;  }
.article-entry a.img-holder img	{ display:block;}
.article-entry h3			{  letter-spacing:0;  font-family:Arial, Helvetica, sans-serif;  font-size:13px;  line-height:12px;  margin:0;  padding:0;  }
.article-entry h3 a			{  text-decoration:underline;  color:#000080;  }
.article-entry h3 a:hover		{ text-decoration:none;}
.article-entry p				{  margin:5px;  padding:0 50px 0 0;  font-size:12px;  line-height:1.3em;  }
.article-entry em			{  font-size:11px;  line-height:12px;  }
.searchResultsPane .article-entry a.img-holder img			{  width: 70px;  height: 50px;  }
#searchResultsPane-HotTopic .article-entry a.img-holder img	{  width: auto;  height: auto;  }
.searchResultsPane .article-entry p						{  margin: 0;  }

/** Flatlist: For section display when user presses "more" **/
.flatlist li			{ clear: both; height: 100px; list-style: none outside none; margin: 21px 0 0; }
.flatlist li .pic		{ float: left; }
.flatlist li .text	{ padding-left: 150px; }
.flatlist li  h4		{ margin: 0; padding: 0; }
.flatlist li  h4 a		{ color: #2952A3; font-size: 14px; font-weight: normal; text-decoration: underline; }
.flatlist li  .author	{ color: #000000; display: block; font-size: 12px; font-style: italic; }
.flatlist li  .teaser	{ color: #000000; font-size: 12px; }

/** Settings for branches widget (DAR 06/10/10) **/
ul.branch-items li		{ border-bottom: 2px solid #E29100; margin-top: 4px; margin-bottom: 0; padding-bottom: 8px; }
ul.branch-items li	h4	{ margin-bottom: 2px; }
.widget-news-header	{ padding-bottom: 2px; }
.widget-bullets		{ margin-top: 2px; }
.widget-bullets h4	{ margin-bottom: 0; }
#branch-hdr			{ margin-top: 7px; }
.widget-bullets h4, 
.widget .seefull		{ margin-top: -4px; text-align: center; color: #000033; }
.widget #seefull		{ color: #000033; }
.widget-bullets ul	{ margin: 0; overflow: hidden; margin-bottom: 9px; padding-left: 3px; }
.widget-bullets ul li	{ background: url("http://media.aish.com/designimages/bullet-blue2.gif") no-repeat scroll left 7px transparent;
					 float: left; list-style: none outside none; margin: 3px 0 0 9px; padding: 0 4px 0 7px; width: 88px; }
.widget-bullets ul .newrow  { clear: left; }
.widget-bullets ul li a { color: #4376A9; font: normal 12px Georgia,"Times New Roman",Times,serif; }
#progs-sect h4,
#more-branches h4	{ border-top: 2px solid #E29100; margin: 8px 10px 6px; padding-top: 8px; text-align: center; }
#more-branches ul	{ background: url("http://media.aish.com/designimages/branches-separator.gif") repeat-y scroll 0 0  }
#progs-sect ul		{ background: url("http://media.aish.com/designimages/programs-separator.gif") repeat-y scroll 0 0  }
#progs-sect ul li		{ width: 142px; }
.widget .seefull		{ margin-bottom: 6px; }
.widget .seefull	a	{ text-decoration: underline; }
.widget .bldg-banner { margin-top: 7px; margin-bottom: -2px; }

/***** Showcase and Highlights for the Branches ***/
#adserver-SHOWCASE{background-color:#003366;border:1px solid #A6C0D7;margin-top:5px;padding-bottom:1px;padding-left:9px;padding-top:9px;}
#adserver-SHOWCASE img{padding-bottom:5px;padding-right:6px;}
#adserver-HIGHLIGHTS{background-color: #003366; margin-top:5px; padding-top: 9px; padding-left: 9px; padding-bottom: 1px;}
#adserver-HIGHLIGHTS img{padding-bottom:5px;padding-right:6px;}

/** Related Articles widget, also More by Author widget (DAR 07/15-25/10) **/
.related-articles-widget .article-entry 		{ border-bottom: 1px solid #CCCCCC; margin: 7px 7px -1px; }
.related-articles-widget .article-entry img	{ width: 100px; margin-bottom: 6px; }
.related-articles-widget .article-entry h3	{ color: #336699; font: bold 13px/14px Georgia,"Times New Roman",Times,serif; }
.related-articles-widget .article-entry h3 a	{ text-decoration: none; color: inherit; }
.related-articles-widget .article-entry p	{ margin-top: 1px; padding: 0; }
.related-articles-widget .box .more {
	background: url("http://media.aish.com/designimages/arrow-blue-whitebg-ltr.gif") no-repeat scroll right 7px transparent;
	color:#336699;
	float:right;
	font-size:12px;
	margin: 4px 7px 3px;
	padding-right:8px;
}