/*** 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; }

/* Following for HTML5 support in older browsers: */
header, section, footer, aside, nav, main, article, figure { 
	display: block; 
} 

/*** 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: #FFFFFF; color: black; }
#bodywrap { margin: 0 auto; 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. */
.inner { width: 864px; margin: 0 auto; }

/* @noflip */ .comment-link { float: right; }
.comment-link a.green-btn,
.comment-link a:link.green-btn,
.comment-link a:visited.green-btn,
.comment-link a:active.green-btn,
.comment-link a:hover.green-btn { margin: 7px 0 5px; color: white; text-decoration: none; }

/** Dateline: date/parsha/subscribe.  Should be merged into header. **/
.dateline { background-color: #000033; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 50; height: 37px;
		/*background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/orange-signup-bar-bgrnd.jpg") repeat scroll 0 0 transparent;*/ }
.dateline .top-left					{ float: left; }
.dateline .top-left .top-email-join	{ color: #FFFFFF; float: left; font-size: 14px; margin: 10px 6px 0 0; }
.dateline .top-left img.envelope		{ float: left; margin-top: 12px; }
.dateline .top-left ul.parsha			{ float: left; margin: 8px 50px 0 0; padding: 0; color: #FFFFFF; }
.dateline .top-left ul.parsha li		{ list-style: none; float: left; font-size: 14px; padding: 2px 0 0 1px; }

.dateline .top-right { margin-top: 1px; margin-right: 5px; float: right; }
.dateline .top-right .top-hot-topics { float: right; margin-right: 61px; margin-top: 7px; }
.dateline .top-right .top-search-form { float: right; margin-top: 5px; }
.dateline .top-right .top-search-form form fieldset { border: medium none; } /* ie required this? */
.dateline .top-right .top-search-form #searchWidgetString {
	height: 15px;
	width: 200px;
	color: #555555;
	font-size: 12px;
	margin-right: -1px;
	padding: 6px 3px 4px 6px;
	border: 0 none;
	outline: none;
	/*box-shadow: 3px 3px 2px #A8C8EF inset;*/
	border-top-left-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0; 
	border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 0;
	-moz-border-bottom-right-radius: 0; 
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0; 
	-webkit-border-bottom-left-radius: 10px;
	/*border-bottom: 2px solid #507FAE;*/
}
/* @noflip */ .dateline .top-right .top-search-form form input[type="image"] { /* noflip because of cssjanus bug */
	height: 25px;
	width: 35px;
}
#signup-form, #hottopics {
	display: none;
	position: fixed;
	background: none repeat scroll 0 0 #12385F;
	z-index: 15;
	top: 37px;
	text-align: center;
	border: 2px solid #003355;
	box-shadow: 8px 8px 10px #333333;
	/* @noflip */ border-radius: 0 0 6px 6px;
	/* @noflip */ -moz-border-radius: 0 0 6px 6px;
	/* @noflip */ -webkit-border-radius: 0 0 6px 6px;
}
#signup-form {
	width: 200px;
}
#signup-form .interior, #hottopics .interior  {
	background-color: #CFE7FB;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-bottom: 8px;
}
#signup-form .interior p, #hottopics .interior p {
	margin: 0;
	padding: 11px 0;
	color: #004499;
	font-weight: bold;
}
html[lang="he"] #signup-form .interior p, #hottopics .interior p {
	font-size: 16px;
}
#signup-form .interior .getemail {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
}
html[lang="en"] #signup-form .interior .getemail,
html[lang="he"] #signup-form .interior .getemail {
	font-size: 16px;
}
html[lang="fr"] #signup-form .interior .getemail {
	text-transform: capitalize;
}
html[lang="en"] #signup-form .interior p,
html[lang="es"] #signup-form .interior p {
	padding: 7px 0;
}
#signup-form .interior p span {
	font-size: 12px;
	font-style: italic;
	line-height: 19px;
}
#signup-form  .form-inside {
	background-color: #FFFFFF;
	padding: 11px 8px 8px;
}
#signup-form input[type="text"] {
	border: 2px solid #CFE7FB;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #777777;
	margin-bottom: 11px;
	padding: 4px 0 4px 6px;
	background-color: #EEF3F6;
	font: italic 12.5px "Trebuchet MS",Helvetica,sans-serif;
	width: 160px;
}
#signup-form input[type="image"] {
	margin-bottom: 3px;
}
#signup-form div.thankyou {
	background-color: #CFE7FB;
	color: #000066;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 10px;
	line-height: 20px;
}
#signup-form div.thankyou img {
	cursor: pointer;
	margin-bottom: 5px;
}
#signup-form-tri, #hottopics-tri {
	display: none;
	z-index: 60;
	position: fixed;
	top: 28px;
}
#hottopics .hot-inner {
    background-color: #FFFFFF;
    color: #53667E;
    font-family: trebuchet ms,helvetica,arial;
    line-height: 20px;
    padding: 6px 15px 8px 9px;
	text-align: left;
}
#hottopics ul {
	margin: 0;
	padding-left: 0;
}
#hottopics ul li {
	list-style: none outside none;
    background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/orange_triangle_ltr.png") no-repeat scroll left 6px transparent;
    margin-top: 1px;
    padding: 0 1px 0 12px;
}

/** 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: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/orange-signup-bar-bgrnd.jpg") repeat scroll 0 0 transparent;
	/*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: 15px; }
.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: 143px; }
/* 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: 1px 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;
}
.newsletter-signup fieldset input[type="submit"]: hover { color: #ECFFBF; }

#sheet-of-paper	{ clear: both; background: white; position: absolute; width: 100%; top: 37px; }
/* Header contains the flag and the navbars */
#header	{ overflow: hidden; background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/hdr-bkgrnd-036.gif") repeat-x scroll 0 0 #FFFFFF; left: 0; }
#flag	{
	position: relative;
	height: 82px;
	width: 860px;
	margin: 0 auto;
	text-align: center;
	/* 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)); */
}
#flag ul				{ margin: 0; padding: 0; position: absolute; bottom: 7px; left: 5px; }
#flag ul li			{ list-style: none; float: left; font-size: 13px; line-height: 14px; padding: 3px 0 0 1px; color: #333344; }
#flag ul li.otherlangs	{ color: #B5D8F6; margin: 0 2px 1px 7px; }
#flag img.bullet		{ margin-top: 9px; float: left; }

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

#adserver-HEADER  { position: absolute; left: 364px; height: 65px; top: 10px; height: 65px; overflow: hidden; }
html[lang="es"] #adserver-HEADER  { left: auto; right: 0; }
#adserver-Homepage_Parsha { padding: 0 17px; margin: 0 auto; width: 867px; }
.parshaBanner { display: block; margin: 0 auto; }

.navbar-darkrow-outer	{ background: none repeat scroll 0 0 #B5D8F6; }
#navbar-sideshows		{ padding-bottom: 1px; padding-left: 2px; margin: 0 auto; width: 873px; }
#navbar-sideshows ul		{ margin: 0; padding: 1px 0; overflow: auto; background: none repeat scroll 0 0 #B5D8F6; }
#navbar-sideshows ul li	{ list-style: none; float: left; padding: 0 3px 0 2px; margin-top: 1px; background: none;
						  /*background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/bullet-blue2.gif") no-repeat scroll left 8px transparent;*/ }
#navbar-sideshows ul li:first-child { background: none; padding-left: 0; }
#navbar-sideshows ul li a	{ line-height: 20px; padding: 2px 4px; font-size: 14px; color: #003399; }
#navbar-sideshows ul li:first-child a { margin-left: 0; }
/* #navbar-sideshows ul li a.brighter	{ color: #FFF; }	/* make 1st 3 items white */
#navbar-sideshows ul li a.shiny		{ color: #FF7010; }	/* used for donate tab */
#navbar-sideshows ul li.active a	{ text-decoration: none; color: #EF2050; }
#navbar-sideshows ul li a:hover		{ text-decoration: none; color: #FFFFFF; background: none repeat scroll 0 0 #1E90FF; }

.navbar-lightrow-outer	{ background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/navbar-core-back.jpg") repeat scroll 0 0 #D0E7F9;
						  width: 100%; z-index: 12; height: 31px; overflow: hidden; left: 0; }
html[lang="es"] .navbar-lightrow-outer, html[lang="fr"] .navbar-lightrow-outer { height: 33px; }
#navbar-core			{ padding: 6px 0 0; overflow: hidden; width: 870px; margin: 0 auto; background: none repeat scroll 0 0 #D0E7F9; }
#navbar-core ul			{ margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #A1CCF6; height: 24px; }
#navbar-core ul li			{ float: left; padding-bottom: 5px; padding-top: 2px; }
#navbar-core ul li a		{ margin: 0 1px; padding: 2px 3px 6px; height: 22px; white-space: nowrap; color: #003388;
						  font-weight: bold; font-size: 16px; text-decoration: none; /* @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; }
#navbar-core ul li a:hover,
#navbar-core ul li.active a {
	color: #CC6600; /*#D97102;*/
	background-color: white;
	border-bottom: 1px solid #FFFFFF; /* needed for some browsers */
}
#navbar-core ul li.active a {
	border-left: 1px solid #80B4DE;
	border-right: 1px solid #80B4DE;
	border-top: 1px solid #80B4DE;
}
/* #navbar-core ul li a:hover	{ background: white; color: #D97102; } */
/* #navbar-core ul li.active a	{ background: #ECEEF5; color: #E98102; } */
/* #navbar-core ul li.downarrow a { background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-dark-orange-sm-down.gif") no-repeat scroll center 19px white; } */

.navbar-bot-outer		{ margin-bottom: 2px; /*border-bottom: 1px solid #DBEAF6;*/ }
#navbar-bot				{ width: 878px; margin: 0 auto; border-bottom: 1px solid #DBEAF6; }
#navbar-bot ul			{ display: table; margin: 0; overflow: auto; padding: 1px 0; }
#navbar-bot ul li			{ float: left; list-style: none outside none; }
#navbar-bot ul li a 		{ border-left: 1px solid #A1CCF7; color: #3B5998; font-size: 12px; line-height: 24px; padding: 0 7px; text-decoration: none; }
#navbar-bot ul li.active a, #navbar-bot ul li a:hover  { color: #D97102; }
#navbar-bot ul li.active a	{ font-weight: bold; }

/* Following introduced for AishLatino, 05/30/11. */

.navbar-subsects-outer		{ background: none repeat scroll 0 0 #1D3A58; }
.navbar-subsects			{ overflow: hidden; line-height: 15px; padding: 5px 0 0; background-color: #1D3A58; width: 910px; margin: 0 auto; }
.navbar-subsects ul			{ margin: 0; padding: 0; list-style: none; }
.navbar-subsects ul li			{ float: left; padding-bottom: 6px; color: white; }
.navbar-subsects ul li a		{ color: white; font-size: 13px; padding: 2px 7px 2em; }
.navbar-subsects ul.narrower li a	{ padding-right: 5px; padding-left: 5px; }
.navbar-subsects ul li a.ltblue	{ color: #C3DCF2; }
.navbar-subsects ul li.active a	{ text-decoration: underline; }

/* Auto-Expanding Menus - 02/12 */
.submenu					{ width: 432px; position: absolute; background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/popup-menu-top-border.png") no-repeat scroll 50px 0 transparent; 
							  display: none; z-index: 15; padding-top: 1px; }
.submenu .wrapper			{ background-color: #FFFEEA; border-right: 1px solid #73ACE1; border-left: 1px solid #73ACE1; margin-bottom: -7px;
							  overflow: hidden; }
.submenu .item-list			{ width: 296px; float: left; background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/popup-menu-vert-border-ltr.png") repeat-y scroll 0 0 transparent}
.submenu .item				{ margin: 0 9px; clear: both; border-bottom: 1px solid #73ACE1; min-height: 81px; padding: 5px 0;}
.submenu .item img			{ float: left; margin-right: 7px; margin-top: 3px; width: 105px; }
.submenu .item  h3			{ color: #125298; font-size: 13px; line-height: 16px; margin-bottom: 3px; margin-top: 0; }
.submenu .item  h3 a			{ color: #125298; }
.submenu .item p				{ font-size: 12px; line-height: 15px; margin: 0; }
.submenu .subsects			{ float: left; font-weight: bold; padding: 6px 0 3px 3px; width: 131px; min-height: 267px;
							  background-color: #FEFACA; position: relative; }
html[lang="he"] .submenu .subsects { /* @noflip */ padding-right: 7px; width: 127px; }
.submenu .subsects .header	{ color: #751A1A; margin-bottom: 5px; margin-top: 3px; }
html[lang="he"] .submenu .subsects .header { font-size: 17px; margin-bottom: 7px; }
.submenu .subsects ul			{ margin: 0 2px 10px 0; padding: 0; }
.submenu .subsects ul li		{ list-style: none outside none; margin-bottom: 4px; }
.submenu .subsects a			{ color: #800000; font-size: 12px; padding-left: 5px; padding-right: 2px; text-decoration: none;
							  display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
html[lang="he"] .submenu .subsects a { padding-bottom: 2px; font-size: 14px; }
.submenu .subsects a:hover	{ color: #FFFACD; background-color: #900000; }
.submenu .subsects .see-more-link 	{ height: 16px; clear: both; position: absolute; bottom: 1px; right: 0; }
.submenu .subsects .see-more-link a	{ background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-blue-ltr.png") no-repeat scroll right 7px transparent; color: #235C91; float: right;
							  font-size: 12px; font-weight: normal; padding: 0 8px 0 0; margin-right: 6px; margin-top: 2px; }
.submenu .subsects .see-more-link a:hover { color: #437CC1; }

#adserver-Title, #adserver-Global_Title, #adserver-Homepage_Title { width: 862px; margin: 8px auto 0; }
/* 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 auto; padding: 0 0 20px; overflow: visible; width: 864px; display: table; }
	/*.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 */
#content0, #content		{ width:500px; float: left; }
#content0				{ margin-bottom: 9px; }
.wide-content			{ width: 864px !important; }
.wide-content .promo,
.wide-content .soc-btn-holder { width: 500px; clear: both; }
#midsect				{ display: table; clear: both; border: 1px solid #B1D3EB; width: 864px; padding-bottom: 9px; background-color: #f7fafd; }
#dashboard, #dashboard0	{ width: 343px; float: right; }
#dashboard				{ position: relative; }
#dashboard .currdate {
	background: none no-repeat scroll 0 0 #E2F0FC;
	/*border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;*/
	color: #003388;
	display: block;
	font-size: 15px;
	margin: 7px 0 6px;
	padding: 7px 0;
	text-align: center;
	position: relative;
	width: 100%;
}
#dashboard .currdate img { position: absolute; left: 23px; bottom: 5px; display: none; }
#footer	{ clear: both; margin: 1px; border: 1px solid #000033; background: none no-repeat scroll 0 0 #214D78; }
.footer-head-wrapper { background-color: #1A3E65; }
#footer-head	{ padding: 5px 3px 0 0; height: 33px; width: 891px; margin: 0 auto; }
#footer .logo	{ float: left; margin: -15px 0 0 16px; text-indent:-3000px; }

.footer-inner-wrapper { width: 894px; margin: 0 auto; position: relative; }
#sitemap {
	padding-bottom: 15px;
	/*background-color: #214D78; DAR added - in hope it'll make #footer's background color appear in IE7 (Heb site only).
	  Later needed to remove this for site redesign (11/12). Hope no longer an issue... */
	overflow: auto;/*???*/
}
#sitemap div			{ padding: 31px 0 0 17px; float: left; width: 156px; }
#sitemap div.FooterFollowUs { padding: 5px 0 0; width: 58px; }
#sitemap .first		{ margin-left: 30px; }
#sitemap .last		{ margin-left: 2px; width: 110px; }
#sitemap div h4		{ margin: 0 0 2px; 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; overflow: visible; }
#footer .searchResultsPane form		{ margin: 7px 0 7px 5px; overflow: hidden; }
#footer .searchResultsPane form label	{ color: #214D78; font-size: 24px; vertical-align: middle; margin-right: 0; }
#footer .searchResultsPane form input[type="text"]	{ font-size: 22px; margin-right: 5px; padding: 0.2ex 0.4ex; width: 465px; border: 1px solid black; }
#footer .searchResultsPane form input[type="image"]	{ padding-top: 0.3ex; }

.series-name-overlay	{ background-color: #3C5878; background-color: rgba(60, 88, 120, 0.8); *background-color: #3C5878;
		color: #FFFFE8; font-size: 9px; line-height: 15px; margin: 0 !important; padding: 0 6px 2px; position: absolute; top: 0; width: auto !important;
		letter-spacing: 1px; font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; left: 0; }
.play-btn				{ position: absolute; left: 42.8%; top: 94px; opacity: 0.8; filter: alpha(opacity=80); border: medium none !important; }
.box .play-btn			{ width: 40px; left: 46px; top: 37px; }
.showcase-2-3 .box .play-btn { left: 51px; top: 38px; }
.category-promo .play-btn { width: 40px; left: 49px; top: 35px; }

/*****
 *****		HOLIDAY DATES
 *****			For holiday home pages, we display the date above the showcase
 *****/
.showcase-holiday-date { margin: 7px 0 0; padding: 4px 4px 3px; color: white; font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-weight: normal; text-align: center; line-height: 18px; }

/*****
 *****		SHOWCASE
 *****			Presentation of top 4-7 articles, mostly via graphics.
 *****/
.showcase				{ padding: 12px 0px 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			{ position: relative; }
.showcase .box em		{ display: block; font-size: 12px; line-height: 14px; word-spacing:-1px; padding: 2px 0 0; }
.showcase .box em.title	{ font-family: trebuchet ms,helvetica,sans-serif; font-style: normal; font-weight: bold;
						  letter-spacing: 0.4px; text-decoration: none; }
.showcase-row-of-2 .box em.title { font-size: 16px; line-height: 17px; }
.showcase-row-of-3 .box em.title { font-size: 14px; line-height: 16px; }
.showcase .box a:hover	{ text-decoration: underline; }
.showcase .box a.teaser	{ color: white; }
.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; }
.showcase .showcase-row-of-3 .box,
.showcase-new .showcase-row-of-3 .box	{ float: left; width: 142px; margin-right: 25px; }
.showcase .showcase-row-of-3 .last,
.showcase-new .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; }
.showcase .showcase-row-of-2 .play-btn	{ width: 50px; left: 85px; top: 55px; }

/* 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 */

.showcase-new							{ margin-top: 5px; position: relative; }
.showcase-new #showcase-wrapper			{ position: relative; height: 295px; }
.showcase-new #showcase-wrapper .fb-cnt	{ position: absolute; right: 0; top: 0; height: 52px; width: 100px; }
.showcase-new .sm-img-wrapper			{ overflow: hidden; margin-bottom: 2px; }
.showcase-new .sm-img-holder				{ float: left; position: relative; width: 124px; margin-right: 1px; background-color: #000000; }
.showcase-new .small-graphic				{ cursor: pointer; float: left; width: 124px; height: 72px; }
.showcase-new .up-arrow					{ position: absolute; top: 41px; /* @noflip */ left: 25px; z-index: 2; }
.showcase-new h2.showcase-title-sm		{ color: #183765; font: bold 12px/15px Georgia,"Times New Roman",Times,serif; width: 120px; padding: 0 0 2px 4px; }
.showcase-new h2.showcase-title-sm a		{ text-decoration: none; }
.showcase-new .showcase-row-of-3			{ clear: both; padding-top: 13px; }
#midsect .showcase-new .showcase-row-of-3 { padding-top: 5px; }
.showcase-new .showcase-row-of-3 .box	{ width: 154px; position: relative; }
#midsect .showcase-new .showcase-row-of-3 .box { margin-left: 11px; margin-right: 0; }
.showcase-new .showcase-row-of-3 .last	{ width: 140px; }
.showcase-new h2.showcase-title			{ margin: 2px 0 0; color: #183765; font: bold 14px/15px Georgia,"Times New Roman",Times,serif; }
#midsect .showcase-new h2.showcase-title	{ margin-right: 4px; }
.showcase-new .box p						{ color: #666666; font-size: 12px; line-height: 14px; margin: 0; padding: 4px 3px 0 0; }
.showcase-new .overlay					{ background-color: #002950; background-color: rgba(0, 41, 80, 0.8); *background-color: #002950; color: #FFFFFF;
										  padding-left: 9px; position: absolute; bottom: 4px; left: 0; width: 491px; }
.showcase-new .top-left-overlay			{ position: absolute; top: 0; left: 0; }
.showcase-new .top-left-overlay div.announce	{ background-color: #FF8A0F; color: #FFFFFF; font-weight: bold; letter-spacing: 1px; padding: 4px 9px 5px;
		margin: 1px 0 0 1px; }
.showcase-new .top-left-overlay div.vid-text	{ background-color: #3C5878; background-color: rgba(60, 88, 120, 0.8); *background-color: #3C5878;
		border: 2px solid #B8DBFF; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; color: #FFFFE8; float: left; font-size: 14px; font-weight: bold;
		letter-spacing: 0.5px; margin-left: 6px; margin-top: 6px; padding: 2px 7px; }
.showcase-new .overlay table				{ width: 480px; }
.showcase-new .overlay h2				{ font-size: 20px; line-height: 21px; margin: 6px 3px 2px 0; float: left; }
.showcase-new .overlay div.author			{ color: #D8EBFF; font-size: 12px; font-style: italic; font-weight: normal; float: right; min-width: 100px;
		text-align: right; margin-top: 6px; }
.showcase-new .overlay h3				{ font-size: 14px; font-weight: normal; margin: 0 4px 9px 3px; clear: both; }
.showcase-new .prev-arrow				{ position: absolute; left: 0; top: 96px; cursor: pointer; z-index: 10; }
.showcase-new .next-arrow				{ position: absolute; right: 0; top: 96px; cursor: pointer; z-index: 10; }
	
/*** 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	{ overflow: hidden;/*???*/  padding: 15px 0 7px; margin: 0; clear: both; }
.category-promo .section-bar,
.interest-promo .section-bar	{ overflow: hidden;/*???*/ padding: 0 1px 0 0; background: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-blue-ltr.png) no-repeat right 7px; }
.category-promo .section-bar a.more	{ margin-top: 1px; }
.section-bar-new				{ background-color: #D0E6FB; padding: 3px 0 3px 8px; clear: both; overflow: hidden; }
#midsect .section-bar-new		{ background-color: transparent; }
.section-bar-new h2				{ color: #325686; font-size: 16px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase;
								  float: left; background-image: none !important; }
#midsect .section-bar-new h2		{ margin-left: 1px; }
.section-bar-new h2 a				{ text-decoration: none; }
.section-bar-new a.more			{ float: right; text-transform: lowercase; text-decoration: none; color: #325686; font-size: 12px;
								  line-height: 16px; padding-right: 6px; }
.section-bar-new a:hover	{ color: #4286D6; }
.section-bar-new a.more span		{ font-size: 13px; }
.showcase-lowerbar				{ margin-top: 25px; }
#midsect .showcase-lowerbar 		{ margin-top: 0; }

/* 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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/sectionbar-titlesplashvirtual-generic.png) no-repeat top left; }
.category-promo .virtual-category /*.section-bar*/ h2 span	{background: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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; margin: 2px 0 0 8px; float: left; position: relative; }
.category-promo .category-promo--articles .box-image img	{ 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: 6px 3px 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 div.wrapper { float: left; position: relative; }
.category-promo--2medium img	{ margin-left: 12px; }
.category-promo .category-promo--2medium .play-btn { left: 89px; top: 57px; width: 50px; }

.category-promo--1medium-list	{ margin-top: 14px; position: relative; }
.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 .category-promo--1medium-list .play-btn { width: 50px; left: 102px; top: 56px; margin-left: 0; }

.category-promo--blogs						{ margin: 14px 0 0; color: #183765; font: bold 11px/15px Georgia, "Times New Roman", Times, serif; }
.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; }
.category-promo--blogs .item-holder			{ position: relative; }
.category-promo--blogs h2					{ background-image: none !important; }
.category-promo--blogs h2.blog-title			{ margin: 2px 0 0; font-size: 14px; }
.category-promo--blogs h2.blog-teaser		{ color: #666666; font-size: 12px; line-height: 14px; margin: 0; padding: 4px 3px 0 0;
											  font-family: arial,sans-serif; font-weight: normal; }

/* 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; }

.category-promo-3small						{ margin-top: 13px; }
.category-promo-3small .box					{ float: left; width: 154px; margin-right: 25px; }
.category-promo-3small .last					{ margin-right: 0; width: 140px; }
.category-promo-3small h2.showcase-title-sm	{ color: #183765; font: bold 12px/15px Georgia,"Times New Roman",Times,serif; }
.category-promo-3small h2.showcase-title		{ margin: 2px 0 0; color: #183765; font: bold 14px/15px Georgia,"Times New Roman",Times,serif;
											  background-image: none !important; }
.category-promo-3small .box p				{ color: #666666; font-size: 12px; line-height: 14px; margin: 0; padding: 4px 3px 0 0; }

/*****
 ***** WIDGETS
 *****/
.widget					{ margin: 5px 0 0; overflow: hidden;/*???*/ background: #FFFFFF; padding: 0 0 7px; font-style: normal;
						  border: 1px solid #B1D3EB; }
.widget h3,
.subdued-widget h3,
#atftbx2 p				{ min-height: 22px; font-size: 14px; padding: 5px 8px 1px 10px; margin: 0 0 8px; color: #003366;
						  background: none no-repeat scroll 0 0 #E2F0FC; font-weight: bold; }
#atftbx2 .addthis_toolbox	{ margin: 11px 9px 4px; }
#atftbx2 .addthis_toolbox a { padding-right: 7px; }
.subdued-widget h3		{ padding-top: 5px; }
.widget h3 em			{ font-weight: normal; font-size: 11px; }
.widget h3 em a			{ color: #4206BB; text-decoration: underline; }
.widget h3 em a:hover		{ text-decoration: none; }

#at4-share				{ right: 50%; left: auto; margin-right: 453px !important; }

div.tab					{ border-top: 1px solid #A7C9E4; }
div.tab,
.widget .box,
.subdued-widget .box		{ margin: 0 6px 0 5px; background: #FFFFFF; overflow: hidden;/*???*/ }
.widget .box,
.subdued-widget .box		{ margin: 2px 0 1px 9px; width: 322px; }
.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; background: none; min-height: 13px; }
ul.banners				{ padding: 0; margin: 2px 0 0 2px; overflow: hidden;/*???*/ }
ul#adserver-SPONSORS		{ margin-left: 0; }
ul.banners li				{ float: left; padding: 0 0 7px 7px; list-style: none; }
ul#adserver-SPONSORS li	{ float: none; padding-bottom: 12px; padding-left: 0; text-align: center; } /* Sponsors Widget: extra space between ads */
/* Note: The following Hebrew settings undo changes recently made to English site to center the right-side
   ads. We didn't want this for Hebrew. Note also that all the settings below will be flipped in rtl-global
   and were designed with this in mind. */
html[lang="he"] ul#adserver-SPONSORS	{ margin-left: 2px; }
html[lang="he"] ul#adserver-SPONSORS li	{ float: left; padding-left: 7px; }

ul.banners a img	{ display: block; }
ul#adserver-SPONSORS a img { margin: 0 auto; }
ul#adserver-SPONSORS a iframe { display: block; margin: 0 auto; }
html[lang="en"] ul#adserver-SPONSORS a img { width: 300px; }
.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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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; }

#widget-most-popular-homepage h3 {
	margin-bottom: 6px;
}
/*-----------Date Widget------------------------------------*/
#TodayWidget		{ color: #003388; background-color: #D0E7F9; border-color: #A1C3DB; padding-bottom: 1px; }
html[lang="es"] #TodayWidget { border-color: #B1D3EB; background-color: #F7FAFD; }
#TodayWidget h3		{ background-color: #D0E7F9; color: #003388; font-size: 15px; margin: 1px 0 2px 17px; padding: 0; }
html[lang="es"]  #TodayWidget h3 { background-color: #E2F0FC; font-size: 15px; font-weight: normal; margin: 0; padding: 6px 0 1px; text-align: center; }
#TodayWidget h3 span	{ float: left; padding-top: 9px; }
#TodayWidget h3 img	{ float: left; }
#TodayWidget h3 em	{ float: left; margin-top: 10px; margin-left: 21px; }
#TodayWidget h3 em a	{ font-style: normal; font-size: 12px; color: #003388; }
#TodayWidget .dailyimglink	{ float: left; overflow: hidden; margin-bottom: 0; position: relative; text-decoration: none; }
#TodayWidget .dailyoverlay	{ display: block; position: absolute; color: #FFFFFF; top: 70px; text-align: center; width: 140px;
							  padding-bottom: 2px; padding-top: 11px; font-weight: bold;
							  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #001144) repeat scroll 0 0 rgba(0, 0, 0, 0);
							  background: -o-linear-gradient(rgba(0, 0, 0, 0), #001144) repeat scroll 0 0 rgba(0, 0, 0, 0);
							  background: -moz-linear-gradient(rgba(0, 0, 0, 0), #001144) repeat scroll 0 0 rgba(0, 0, 0, 0);
							  background: linear-gradient(rgba(0, 0, 0, 0), #001144) repeat scroll 0 0 rgba(0, 0, 0, 0); }
#TodayWidget .to-bak			{ height: 100px; width: 140px; opacity: 0; position: absolute;
							  background-color: #333355; background-color: rgba(0, 0, 40, 0.65); *background-color: #333355;
							  left: 0; top: 0; transition: opacity 0.3s linear 0s; filter: alpha(opacity=0); }
#TodayWidget .to-bak:hover	{ opacity: 1; filter: alpha(opacity=100); }			
#TodayWidget .titleoverlay	{ width: 87%; position: absolute; /* @noflip */ left: 50%; 
							  top: 46%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center;
							  color: #FFFFFF; font-family: trebuchet ms,helvetica,arial; font-style: italic; letter-spacing: 0.1em; }
#TodayWidget .titleoverlay .click	{ color: #F6D530; font-family: arial,sans-serif; font-size: 12px; margin-top: 2px; }
#TodayWidget .box					{ background-color: #D0E7F9; margin-top: 0; margin-bottom: 0; }
#TodayWidget .img-containers			{ height: 107px; margin: 0 10px 3px; overflow: hidden; }
#TodayWidget .box-inner				{ float: left; width: 140px; position: relative; }
#TodayWidget .box-inner img			{ width: 140px; height: 100px; }
#TodayWidget .bi2					{ margin-left: 20px; margin-bottom: 3px; }
#TodayWidget .box-inner .img-subtext	{ height: 43px; color: #003366; font-size: 12px; line-height: 14px; margin: 0; overflow: hidden; }
#TodayWidget .box-inner .img-sub2	{ float: left; width: 130px; }
#TodayWidget .box-inner p.more-arrow	{ color: #2277EE; font-size: 13px; line-height: 11px; float: right; width: 9px; margin-bottom: 0; margin-top: 28px; }
#TodayWidget .box ul.items-list		{ clear: both; }
html[lang="es"] #TodayWidget ul.items-list { padding: 0 20px; }
#TodayWidget .box ul.items-list li		{ border-bottom-color: #B1D3EB; padding: 6px 0 4px; clear: both; overflow: hidden; }
#TodayWidget .box ul.items-list li.oneline { clear: none; float: left; }
html[lang="es"] ul.items-list li		{ padding: 10px 0; }
#TodayWidget .box ul.items-list li h4	{ color: #003388; }
html[lang="es"] #TodayWidget ul.items-list li h4	{ color: #81B3CB; font: normal 15px/16px arial,sans-serif; margin-bottom: 3px; }
#TodayWidget .box ul.items-list li h4 a:hover { text-decoration: none; }
#TodayWidget .box ul.items-list li p	{ color: #003366; font-size: 12px; line-height: 14px; height: 14px; overflow: hidden; float: left;
									  width: 290px; margin-right: 3px; }
html[lang="es"] #TodayWidget ul.items-list li p { color: #003366; font-size: 18px; font-weight: bold; line-height: 17px; }
#TodayWidget .box ul.items-list li.tall p { height: 28px; }
#TodayWidget .box ul.items-list li p.more-arrow { color: #2277EE; font-size: 13px; line-height: 11px; margin-right: 0; width: 10px; }
#TodayWidget .box ul.items-list li.tall p.more-arrow { height: 14px; margin-top: 14px; }
#TodayWidget .box ul.items-list li p.more-arrow a:hover { text-decoration: none; }

#QuoteWidget { background-color: #E2F0FC; padding-left: 8px; }
#QuoteWidget h3 { margin-bottom: 0; padding-left: 0; }
#QuoteWidget .quote-image img{ width: 324px; }
#QuoteWidget .fb-share-button { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
							   -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0;}
#QuoteWidget a.quote-more-btn { background-color: #E6E6E6; border: 1px solid #BBBBBB; border-radius: 5px; -moz-border-radius: 5px;
		-webkit-border-radius: 5px; color: #7C7C7C; display: block; float: right; font-weight: bold; margin: 7px 8px 1px 0;
		padding: 2px 7px 3px; }
#QuoteWidget a.quote-more-btn:hover { text-decoration: none; }

/*-----------RSS Widget------------------------------------*/
.rssWidget		{ padding-top: 8px; padding-left: 20px; font-size: 12px; color: #34608B; position: relative; text-align: right;
				  padding-right: 10px; background-color: #DBEAF6; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.rssWidget a		{ text-align: right; }
.rssWidget img	{ text-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 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; color: #336699; margin: 0 0 2px; 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.items-list li .atr-title { color: #222222; }

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; }

/** Following all added for the parsha widget. The ParshaTabs settings were copied & adapted from tabset, but
    renamed so that tabset functionality would not affect this second tabset on page. **/
.parsha-widget			{ margin-bottom: 3px; }
.widget h3 span.SpecName	{ color: #994499; }
.widget div.invis-tab		{ display: none; }
.widget .parsha-text		{ color: #D92102; font-size: 13px; font-weight: normal; }
ul.ParshaTabs	{ overflow: hidden; margin: 0 0 -1px; padding: 0 0 0 5px; position:relative; z-index: 10; }
ul.ParshaTabs li	{ list-style: none; padding: 0 2px 0 0; float: left; }
ul.ParshaTabs li a	{ color: #336699; font-size: 14px; line-height: 15px; float: left; text-decoration: none; margin-right: 2px;
				  background: none repeat scroll 0 0 #9ABDDB; border: 1px solid #9ABDDB; font-weight: bold; height: 20px;
				  margin-top: 4px; padding-right: 2px; }
ul.ParshaTabs li a:hover,
ul.ParshaTabs li a.active	{ background: none repeat scroll 0 0 white; border-bottom-color: white; color: #003366; }
ul.ParshaTabs li a span		{ cursor: pointer; white-space: nowrap; height: 16px; margin-left: 5px; margin-right: -2px; padding: 2px 5px 0 0; float: left; }
ul.ParshaSeries li a		{ color: #0044AA; font-size: 14px; }
ul.ParshaSeries li a:hover	{ color: #4499FF; text-decoration: none; }
ul.ParshaSeries li span.ArtTitle { color: #444444; font-size: 13px; }
ul.ParshaSeries li span.special { color: #883388; font-size: 13px; }

/*** 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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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{ margin-bottom: 3px; }
.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							{ background-color: #E2F0FC; padding: 5px; height: 29px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#searchWidget form						{ float: left; }
html[lang="fr"] #searchWidget form		{ float: none; }
#searchWidget fieldset						{ padding: 2px 0; border: 1px solid #84B6D4; background: white; width: 331px; }
/* html[lang="fr"] #searchWidget fieldset		{ width: 331px; } */
#searchWidget input.text					{ margin: 0 2px; border: 0 none; padding: 1px 0; width: 297px; font-size: 17px; color: #E07313; line-height: 19px; }
/* html[lang="fr"] #searchWidget input.text	{ width: 297px; } */
#titleline 								{ margin-top: 3px; overflow: hidden; }
#titleline #searchWidget 				{ border: 0 none; margin-left: 533px; margin-top: -63px; position: absolute; width: 331px; }
#titleline #searchWidget input.text 		{ width: 295px; }

/** Features Widget (DAR 07/31/11) **/
.features-widget			{ background-color: #DBEAF6; padding-bottom: 2px; }
.features-widget h3			{ min-height: 17px; margin-bottom: 2px; background-color: #DBEAF6; }
.FeatureLinks				{ clear: both; float: none; font-size: 12px; line-height: 18px; margin-left: 0; margin-top: 3px; padding-left: 28px; }
.FeatureLinks .row			{ float: left; }
.FeatureImg					{ display: block; margin: 0 auto 10px; text-align: center; }
#adserver-FEATURES			{ margin-bottom: 0; } /* was 7px */
ul.banners li.HolBanner		{ float: none; padding-bottom: 2px; }
.HolLeadingArt				{ border-bottom: 1px solid #B1D3EB; clear: both; margin-left: 7px; margin-right: 7px; margin-top: 6px; min-height: 81px; }
img.HolArtImg				{ float: left; height: 73px; }
.HolArtInfo					{ float: left; font-size: 12px; line-height: 13px; margin-left: 5px; width: 215px; }
ul.banners li.HolArtLink		{ float: none; list-style: disc inside none; font-size: 12px; line-height: 18px; margin-left: 6px; padding-bottom: 0; }

/** Facebook Join-us Widget (and others) **/
.fb-widget				{ padding: 8px; background-color: #DBEAF6; overflow: visible; height: 46px;
						  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.fb-widget .fbwid-inner	{ background-color: white; overflow: visible; padding-top: 3px; }
.fb-widget img			{ float: left; padding-left: 5px; background-color: white; }
.fbwid-inner-sp			{ margin-bottom: 8px; margin-top: 8px; overflow: visible; background-color: #3B5998; width: 343px; height: 69px; }
.fbwid-inner-sp img		{ float: left; }
.fb-widget .fb-share-button,
#fbwid2 .fb-share-button	{ padding: 3px 0 5px 6px !important; }

/** Book Ad Widget **/
.bookAd		{ padding-top: 10px; padding-bottom: 6px; background-color: #DBEAF6; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.bookAd a	{ display: block; text-align: center; }

/** Blog Post Widget **/
.blog-widget ul.items-list	{ padding: 0 8px; }
.blog-widget ul.items-list li	{ border-bottom: none; }
.widget img.blog-widget-pic	{ float: left; width: 70px; margin: 4px 7px 7px 0; }
.widget .blog-widget-text	{ float: left; width: 229px; margin-top: 3px; }

/** YouTube Sign-up Widget **/
.yt-widget { padding: 10px 10px 6px; background-color: #E2F0FC; }

/** AddThis Vertical Follow Buttons **/
.addthis_vertical_follow_toolbox { position: fixed; left: 50%; margin-left: 443px; width: 133px; background-color: #FFFFFF; }
.addthis_vertical_follow_toolbox #atftbx2 { border: 1px solid #003366; height: 191px; background-color: #fffbf8; }
.addthis_vertical_follow_toolbox #atftbx2 .addthis_toolbox { margin: 10px 9px 4px; }
.addthis_vertical_follow_toolbox #atftbx2 p { background: none no-repeat scroll 0 0 #E2F0FC; border-bottom: 1px solid #003399; color: #003399;
		font-size: 14px; font-weight: bold; margin: 0; min-height: 22px; padding: 5px 0 0; text-align: center; }
@media (max-width: 1160px) {
	.addthis_vertical_follow_toolbox { display: none; }
}


/** Left ad space **/
.left_ad { position: absolute; right: 50%; margin-right: 443px; margin-top: 672px; width: 120px; height: 600px; background-color: transparent; top: auto; }
@media (max-width: 1160px) {
	.left_ad { display: none; }
}

/** breadcrumbs **/
ul.breadcrumbs	{ overflow: hidden;/*???*/  margin: 0 2px 0 0; padding: 0; }
html[lang="en"] table.BreadCrumbsWrapper ul.breadcrumbs { width: 240px; }
html[lang="es"] table.BreadCrumbsWrapper ul.breadcrumbs { width: 208px; }
html[lang="fr"] table.BreadCrumbsWrapper ul.breadcrumbs { width: 222px; }
html[lang="he"] table.BreadCrumbsWrapper ul.breadcrumbs { width: 242px; }
ul.breadcrumbs li	{ padding: 0; float: left; list-style: none; font-size: 14px; line-height: 15px; color: #666666; }
ul.breadcrumbs li h1 { font-size: 14px; font-weight: normal; margin-bottom: 0; margin-top: 0; }
ul.breadcrumbs li:first-child	{ background: none; padding-left: 0; }
ul.breadcrumbs li a	{ color: #666666; text-transform: capitalize; font-size: 12px; }
ul.breadcrumbs li a:hover	{ color: inherit; }
/* was .pagetype-CIA, but breadcrumbs are not CIA specific */		ul.breadcrumbs	{ color: #990000; }
table.BreadCrumbsWrapper td { padding: 0; }

	
/*** Promo: Can this be renamed?  What type of promo is this? ***/
.promo	{ position:relative; overflow: hidden;/*???*/  padding: 10px 0 20px; }
/***********
## 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 0; border: 1px solid #000; }
.promo span.author	{ color: #666; font-size: 12px; position: absolute; left: 243px; bottom: 19px; }
.promo span.art-author { width: 195px; }
html[lang="sp"] .promo span.art-author,
html[lang="fr"] .promo span.art-author { width: 175px; }
html[lang="he"] .promo span.art-author { width: 183px; }
.promo span.author a	{ text-decoration: underline; color: #666; }
/* .promo span.author a:hover	{ text-decoration: none; } */
.promo .top-print-btn { border: medium none; margin: 0; position: absolute; bottom: 17px; right: 1px; }
.promo h1			{ font-family: "Trebuchet MS",Helvetica,sans-serif; font-size: 20px; line-height: 21px; margin-bottom: 5px; margin-top: -3px;
					  float: left; width: 255px; color:#003388;}
.promo p, .promo h2	{ font-family: "Trebuchet MS",Helvetica,sans-serif; font-size: 14px; line-height: 16px; color: #333333; margin: 0;
					  padding: 0 0 3px; font-weight: normal; }
.promo a.more		{ padding: 0 10px 0 0; background: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-red-ltr.gif) no-repeat right 5px; font-size: 14px; color: #990000; }


/**** 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: 8px; clear: both; }
.info-box h2, .info-box h3			{ color: #003366; font-size: 14px; line-height: 19px; margin: 0; border-bottom: 1px solid #003366; }
.info-box h2 span, .info-box h3 span	{ color: #666666; }
.comments-list						{ margin: 0; padding: 0; }
.comments-list .comment-top			{ background-color: #E0E0E4; border-top: 2px solid gray; padding: 6px 8px; }
.comments-list p						{ color: #333333; font-size: 12px; line-height: 15px; margin: 0; }
.comments-list p.comment-info		{ margin: 0 0 3px; line-height: 13px; }
.comments-list .comment-body			{ background-color: #F5F5F9; padding: 9px 11px 8px 13px; }
.comments-list .comment-body p		{ line-height: 16px; margin-bottom: 8px; color: black; }
a.btn		{ display: inline; margin: 12px 9px 5px 0; float: left; width: 112px; line-height: 21px; padding: 0 0 0 22px; color: #fff; font-size: 12px; text-decoration: none; }

a.blue-btn	{ background: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/btn-blue.gif) no-repeat; }
a.green-btn	{ background: url(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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 9px; padding: 0; color: #000099; font-family: arial; font-size: 14px; font-weight: bold; float: left; border-bottom: none;}
.author-box h3.name a			{ color: #000099; text-decoration: none; }
.author-box h3.name a:hover	{ text-decoration: underline; }
.author-box .author-more		{ color: #003366; float: right; font-weight: bold; margin-right: 3px; margin-top: 6px; }
.author-box .author-more a	{ color: #003366; text-decoration: none; }
.author-box .author-more a:hover { text-decoration: underline; }
.author-box div.bio			{ margin-right: 2px; padding: 0; color: #666666; font-size: 12px; font-weight: normal; line-height: 15px; clear: both; overflow: hidden; }
.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; }
.bio-seemore				{ margin-top: 2px; text-align: center; }
#bio-seemore				{ background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-orange-sm-down.gif") no-repeat scroll right 4px rgba(0, 0, 0, 0);
							  color: #EE8822; font: 13px/16px arial,sans-serif; padding-right: 12px; text-decoration: none; }

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(https://web-archive.nli.org.il/National_Library/20160526010038oe_/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		{ width: 155px; padding: 14px 17px 1px 0; float: left; list-style: none; }
ul.related-articles li	a	{ text-decoration: none; }
ul.related-articles li	a:hover	{ text-decoration: underline; }
ul.related-articles li img	{ display: block; }
ul.related-articles li .relart-title { margin: 3px 0 0; color: #003366; font: bold 14px/15px arial,sans-serif; }
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 p							{ margin: 0; padding-right: 20px; }
.searchResultsPane .article-entry a.img-holder img			{ width: 70px; height: 50px; }
#searchResultsPane-HotTopic .article-entry					{ float: left; margin: 10px 20px 10px 0; width: 142px; }
#searchResultsPane-HotTopic .article-entry p					{ padding: 4px 0 6px; }
#searchResultsPane-HotTopic .article-entry a.img-holder img	{ width: auto; height: auto; margin-bottom: 3px; }
#searchResultsPane-HotTopic .article-entry h3				{ line-height: 16px; text-decoration: none; }


/** 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: medium none; margin-top: 4px; margin-bottom: 0; padding-bottom: 8px; }
ul.branch-items li	h4	{ margin-bottom: 2px; color: #FF9933; }
ul.branch-items li	h4 a	{ color: #336699; }
.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		{ text-align: center; color: #336699; margin-top: -4px; }
.widget #seefull		{ font: 12px arial,sans-serif; color: #FF9933; background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-orange-sm-down.gif") no-repeat scroll right 4px transparent;
					  margin-right: 9px; padding-right: 12px; text-decoration: none; vertical-align: top; line-height: 16px; }
.widget-bullets ul	{ margin: 0; overflow: hidden; margin-bottom: 9px; padding-left: 3px; }
.widget-bullets ul .branches-col { float: left; width: 106px; }
.widget-bullets ul .programs-col { float: left; width: 159px; }
.widget-bullets ul li { background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/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: 86px; }
.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 #FF9933; margin: 8px 10px 6px; padding-top: 8px; text-align: center; }
#more-branches ul		{ background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/branches-separator.gif") repeat-y scroll 0 0 }
#progs-sect ul		{ background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/programs-separator.gif") repeat-y scroll 0 0 }
#progs-sect ul li		{ width: 139px; }
.widget .seefull		{ height: 18px; background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/tab-background-white.gif") no-repeat scroll 0 0 transparent; margin-left: 9px; margin-top: -2px; }
.widget .bldg-banner { margin-top: 7px; }

/***** Showcase and Highlights for the Branches ***/
#adserver-SHOWCASE		{ padding-bottom: 1px; border: none; padding-left: 9px; padding-top: 5px; }
#adserver-SHOWCASE img	{ float: left; padding-bottom: 5px; padding-right: 3px; }
#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					{ width: 341px; }
.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; height: auto;
											  background: none repeat scroll 0 0 transparent; min-height: 16px; }
.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("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/arrow-blue-ltr.png") no-repeat scroll right 7px transparent;
	color: #336699;
	float:right;
	font-size: 12px;
	margin: 4px 7px 3px;
	padding-right:8px;
}

/** Random Article Button **/
.randomBtn {
	float: left;
	margin-left: 4px;
	cursor: pointer;
	display: none;
}

/** Rotating Graphic **/
.showcase .ArtSelectorRow {
	margin-top: 9px;
	text-align: center;
	margin-right: 11px;
}
.showcase .ArtSelectorRow a img {
	margin-right: 7px;
	margin-left: 7px;
	border: medium none;
}
.showcase .ArtSelectorRow .prevArrow, 
.showcase .ArtSelectorRow .nextArrow {
	display: inline-block;
	width: 13px;
	line-height: 15px;
}
.showcase .ArtSelectorRow .prevArrow {
	background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/dbl_arrow_rtl.png") no-repeat scroll left top transparent;
	margin-right: 12px;
}
.showcase .ArtSelectorRow .nextArrow {
	background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/dbl_arrow_ltr.png") no-repeat scroll -14px top transparent;
	margin-left: 12px;
}

/** Video Dashboard Widget **/
#dashboardVideo1_wrapper, #dashboardVideo2_wrapper, #dashboardVideo3_wrapper {
	margin: 0 auto;
	text-align: center;
}

/** Support Us Box **/
.supportUs {
	margin-top: 8px;
	background: url("https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://media.aish.com/designimages/supportaish_backgroundimage500x95.gif") no-repeat scroll center center transparent;
	clear: both;
}
html[lang="en"] .supportUs,
html[lang="es"] .supportUs {
	margin-bottom: 11px;
}
.supportUs div {
	margin-bottom: 8px;
	margin-top: 2px;
	line-height: 18px;
}
html[lang="en"] .supportUs div,
html[lang="es"] .supportUs div {
	margin-bottom: 6px;
	line-height: 19px;
}
.supportUs .support-title {
	color: #003366;
	font-weight: bold;
}
html[lang="en"] .supportUs .support-title,
html[lang="es"] .supportUs .support-title {
	color: #0053AA;
	font-size: 18px;
}
.supportUs .support-text {
	color: #444444;
}

/** Facebook and Google+ buttons **/
ul.SocialButtons {
	background-color: #E9E9E9;
	height: 27px;
	margin: 0 0 8px;
	padding: 7px 0 0;
	overflow: visible;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.BreadCrumbsWrapper ul.SocialButtons {
	margin-bottom: 0;
}
ul.SocialButtons li {
	float: left;
	list-style: none outside none;	
}
.social-button-fbshare {
	clear: left;
	float: left;
	width: 68px;
	height: 62px;
	margin-top: 1px;
	overflow: visible;
}
.widevideo .social-button-fbshare {
	height: 24px;
	clear: both;
	margin-top: 0;
	width: 110px;
}
.social-button-fb {
	float: left;
	width: 59px;
	height: 22px;
	margin-top: 42px;
	overflow: visible;
}
.widevideo .social-button-fb {
	width: 91px;
	height: 30px;
	margin-top: 0;
}
.social-button-twitter {
	float: left;
	max-height: 65px;
	max-width: 72px;
	overflow: hidden;
	margin-top: 42px;
	margin-right: 11px;
}
.widevideo .social-button-twitter {
	max-height: 30px;
	max-width: 105px;
	margin-top: 0;
	margin-right: 13px;
}
.social-button-google {
	float: left;
	margin-top: 42px;
	max-height: 22px;
	max-width: 52px;
	overflow: hidden;
}
.widevideo .social-button-google {
	margin-top: 0;
}
.social-button-pinterest {
	float: left;
	margin-top: 42px;
	margin-left: 12px;
}