/** Global **/
body		{ /*width: 90%;*/ font-family: Arial; margin: 0; } /* width is to prevent horizontal scrolling. 95% doesn't work.  Is it worth tweaking? */
img			{ border-style: none; }
form, fieldset	{ border-style: none; margin: 0; padding: 0; }
input			{ vertical-align: bottom; text-align: left !important; }
a			{ color: #2040A2; text-decoration: none; }
a:hover		{ text-decoration: underline; }
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a,
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
	color: #003388;
}
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
	color: #3388CC;
}

.header							{ color: #009; overflow: visible; }
.header .banner					{ height: 46px; text-align: center; background-color: #003366; position: fixed; width: 100%; z-index: 15; top: 0; }
.header .banner a				{ position: fixed; top: 0; left: 50%; margin-left: -60px; text-decoration: none; }
html[lang="es"] .header .banner a	{ margin-left: -90px; }
html[lang="fr"] .header .banner a	{ margin-left: -43px; }
html[lang="he"] .header .banner a	{ margin-left: -69px; }
.header .banner a .top-logo		{ text-decoration: none; height: 38px; padding-top: 2px; }
.left-icon						{ padding: 8px; float: left; cursor: pointer; }
.right-icon						{ position: fixed; right: 0; top: 0;padding: 8px; cursor: pointer; z-index: 10; }
.header .searchbox				{ margin-left: 9px; background: #34669C; margin-left: 0; position: fixed; left: 0; top: 45px; width: 100%; z-index: 5; }
.searchbox form					{ padding: 4px 3px 2px; }
.searchbox form .search-title		{ color: #000000; font-weight: bold; margin-top: 3px; }
.searchbox form .ui-input-text	{ width: 82%; float: left; margin: 6px 8px 0 0; }
.header .searchbox form .ui-input-text	{ margin-left: 5px; }
#content .searchbox form .ui-input-text	{ width: 60%; }
.searchbox input.text				{ margin: 2px; color: #777777; text-align: left; }
.header .searchbox input.text		{ border-left: medium none; border-radius: 3px; border-top: medium none; font-size: 1em;
								  padding: 4px 4px 2px; margin-right: 4px; min-height: 1.7em; font-style: italic; }
.searchbox .search-btn			{ background-color: #D4F7FE; border: medium none; border-radius: 0.3125em; color: #0000BB;
								  font-family: arial; font-size: 16px; font-weight: bold; height: 34px; margin-top: 5px;
								  padding: 3px 0 0; vertical-align: top; width: 38px; }
#content .searchbox form .ui-input-btn			{ height: 16px; letter-spacing: 1px; margin-top: 6px; padding: 9px 5px 13px; width: 60px; }
html[lang="es"] #content .searchbox form .ui-input-btn { width: 70px; }
html[lang="fr"] #content .searchbox form .ui-input-btn { width: 95px; }
html[lang="es"] .searchbox form .ui-input-text	{ width: 71% }
html[lang="es"] .searchbox .search-btn		{ width: 66px; }
html[lang="he"] .searchbox form .ui-input-text	{ width: 78% }
html[lang="he"] .searchbox .search-btn		{ width: 45px; }
html[lang="fr"] .searchbox form .ui-input-text	{ width: 65% }
html[lang="fr"] .searchbox .search-btn		{ width: 90px; }
.SearchDirections				{ font-size: 14px; }
.header #title-line				{ height: 23px; overflow: hidden; margin-top: 46px; }
.header .tall-title-line			{ height: 43px !important; }
.header #titlebar				{ left: 70%; }
.header #titlebar,
.header #titlebar2				{ margin: 4px 0 3px 8px; overflow: hidden; top: 65px; font-size: 12px; float: none; text-align: center;
								  font-weight: normal; height: 16px; }
.header #titlebar a,
.header #titlebar2 a				{ font-weight: normal; }
.header #titlebar2 a.highlight	{ letter-spacing: 1.3px; font-weight: bold; text-transform: uppercase; }
html[lang="he"] .header #titlebar a.highlight,
html[lang="he"] .header #titlebar2 a.highlight	{ letter-spacing: 2px; }

.header .SectNameHdr {
	background-color: #DFDFDF;
	border-top: 1px solid #BBBBBB;
	color: #000000;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 4px 10px 2px;
	text-align: center;
	text-shadow: none;
	left: 70%;
}
.ui-collapsible-heading-toggle	{ text-transform: uppercase; }

/*.ui-collapsible-set, .ui-listview-inset { width: 70%; } */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
	border-color: #888888;
}
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover
{
	border-color: #EECCCC;
}
.ui-header .ui-btn				{ display: block; text-align: left !important; }
.ui-header #searchsect .ui-btn	{ text-align: center !important; }
#top-menus 						{ float: left; width: 70%; position: absolute; top: 45px; }
html[lang="he"] #top-menus		{ position: static; margin-top: 45px; }
#top-menus .ui-btn				{ color: #003388; background-color: #D0EBFF; }
.ui-btn-icon-left				{ padding-left: 1em; }
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
    background-color: rgba(0, 0, 0, 0.5);
}
.ui-btn-icon-left:after, .ui-header .ui-btn-icon-left:after, .ui-footer .ui-btn-icon-left:after {
	left: auto;
}
.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
	right: 0.37em;
	left: auto;
}
.ui-listview .ui-btn	 {
	color: #0070D2 !important;
	padding-left: 1.7em;
}
html[lang="he"] .ui-header .ui-btn,
html[lang="he"] .ui-footer .ui-btn {
	font-size: 13.5px;
	padding-bottom: 8px;
	padding-top: 8px;
}
#top-menus .ui-listview .top-level-menu	{ padding-left: 1em; text-transform: uppercase; color: #003388 !important; }
.ui-collapsible .ui-collapsible-content	{ padding: 0; border: none; }
.ui-collapsible-content > .ui-listview	{ margin: 0; }
#top-menus .indent1 h2 a					{ padding-left: 21px; }
#top-menus .indent1 ul li a					{ padding-left: 30px; }
#top-menus .indent2 h2 a					{ padding-left: 30px; }
#top-menus .indent2 ul li a					{ padding-left: 39px; }

#adserver-Mobile_Homepage_Title		{ background-color: transparent; overflow: hidden; clear: both; text-align: center; }
#adserver-Mobile_Global_Title		{ text-align: center; }
#adserver-Mobile_Global_Title img	{ margin-top: 8px; }

#content { margin: 0; padding: 6px 0.6em 0; top: 71px; left: 70%; clear: both; }
@media (max-width: 559px) {
	html[lang="fr"] #content { top: 91px; }
}
@media (max-width: 479px) {
	#content { top: 91px; }
}

ul.breadcrumbs	{ overflow:auto; margin: 0; padding: 0.5em 11px 0; }
ul.breadcrumbs li	{ float: left; list-style: none; font-size: 15px; color: #777777; }
ul.breadcrumbs li h1 { background: none; margin: 0; padding: 0; border-bottom: none; color: #777777; font-weight: normal; text-transform: none; }
ul.breadcrumbs li a	{ color: #777777; font-size: 13px; text-decoration: none; }
html[lang="he"] ul.breadcrumbs li a	{ font-size: 13px; }
ul.breadcrumbs li a:hover	{ text-decoration: underline; }

h1	{ padding: 2px 0 0 0.5em; background: #7FB1F5; font-size: 15px; font-weight: bold; color: #003366; text-transform: uppercase; clear: both; }
h1 a	{ color: inherit; text-decoration: none; }

.ui-page-theme-a .section h1 a { color: #000000; }
.ui-page-theme-a .section h1 a:hover { color: #000000; text-decoration: none; }

hr.footer-top-border { clear: both; }

.askTheRabbiContent .facebook-rec {
	height: 38px;
}
ul.SocialButtons {
	margin: 0;
	padding-left: 0;
}
ul.SocialButtons li {
	float: left;
	list-style: none outside none;
	margin-bottom: 1px;
}

.footer		{ padding-bottom: 52px; }
.footer ul	{ padding-left: 25px; }
.footer ul li	{ list-style: none outside none; }

/** Article **/
#article-body	 { clear: both; }
#article-body h2	 { font-size: large; }
#article-body p	 { font-size: 17px; line-height: 1.7em; }
#article-body p.par-indent { margin-left: 1em; }
#article-body img { max-width: 100%; height: auto; }
.article-title	 { color: #444444; font-size: 20px; font-weight: bold; margin-bottom: 3px; }
.pullquote		 { display: none; }
ul.relart-list	 { overflow: hidden; margin: 0; padding-left: 1px; }
ul.relart-list li { float: left; list-style: none outside none; width: 155px; position: relative; }
ul.relart-list li .play-btn { position: absolute; top: 34px; left: 45px; width: 46px; opacity: 0.7; }
ul.relart-list li .relart-title { font-size: 15px; line-height: 16px; width: 140px; margin-bottom: 10px; }
.sect-divider	{ color: #666666; height: 2px; text-align: center; width: 90%; }
.mainsectlink	{ text-align: center; font-size: 16px; display: none; }
.msl-top		{ margin-bottom: 12px; }
.msl-bot		{ margin-top: 9px; margin-bottom: 7px; }
.quote-artbot img { width: 296px; max-width: 100%; }

/* Videos - special embed code for YouTube videos: */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-subtitle-text {
	color: #038;
	font-size: 14px;
	margin: 0 15px 5px;
	text-align: center;
}

/* Following for search results page. Copied from global.css with several modifications. (Note that these
   settings do not appear in pagetype-search.css (which our mobile version loads when needed) presumably
   because someone thought they were used for other things (or they actually were at one time). */
.article-entry				{ margin: 20px 0; overflow: hidden; }
.article-entry h3			{ letter-spacing: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; 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: 13px; line-height: 15px; }
.article-entry em			{ font-size: 12px; line-height: 12px; }
.article-entry a.img-holder	{ display: inline; float: left; margin: 0 6px 0 0; }
.article-entry a.img-holder img { height: 60px; width: 84px; }
.searchResultsPane h2		{ font-size: 18px; line-height: 18px; padding: 0.3em; margin-bottom: 13px; }
.searchResultsPane .article-entry p				{ margin: 0; padding-right: 6px; }
#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 h3	{ line-height: 16px; text-decoration: none; }
h3.relart-title				{ clear: both; font-size: large; margin: 0; padding: 5px 0 8px; }

/* Some overrides of pagetype-search.css */
.searchResultsPane 					{ margin: 15px 0 0; }
.searchtopline h1					{ background: none; font-size: 22px; max-width: 100%; }
.searchResultsContent				{ padding: 0 0.3em 0 0.8em !important; }
.searchResultsContent .author-box a	{ color: #000000; }
.searchResultsPane .article-entry	{ margin: 2px 0 9px; }

/* Also from global.css for search pages, touched up: */
.pagination		{ margin: 13px 0; text-align:center; color: #999999; font-weight: bold; clear: both; }
.pagination img	{ vertical-align: text-bottom; }
.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; }

/** About the author **/
.info-box h2 {
	border-bottom: 1px solid #003366;
	color: #003366;
	margin-bottom: 0;
}
.info-box h2, .info-box h3.name {
	font-size: large;
}
.info-box h3 {
	font-size: 16px;
}
.info-box h3.name {
	color: #000099;
	margin: 8px 0 0;
}
.author-box div.bio .bio-pic {
    float: right;
    margin-left: 3px;
}

/** Judaism 101 **/
.jl-mainpage {
	clear: both;
	overflow: hidden;
	margin-bottom: 8px;
	margin-top: 5px;
}
.jl-mainpage h3 {
    color: #8B0000;
    font-size: 20px;
    font-weight: bold;
	margin: 8px 0 0;
}
.jl-mainpage a {
	color: #003388;
	text-decoration: none;
}
.jl-mainpage a:hover {
	text-decoration: underline;
}
.jl-mainpage ul {
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}
.jl-mainpage ul li {
	color: #2222A5;
	line-height: 20px;
	list-style: none outside none;
	font-size: 14px;
	margin-left: 22px;
}
.jl-mainpage #newcol {
	float: left;
	width: 265px;
}

/** Content Types: Day in Jewish History, Growing Each Day, Daily Lift **/
.tijh img {
	float: right; 
	padding-bottom: 7px;
	padding-left: 3px;
}
.promo {
	font-weight: bold;
}

.vidicon {
	vertical-align: text-top;
}

/** For parsha landing page: **/
h1.parshasecthdr {
	border-top: 1px solid #AAAAAA;
	background-color: #DDDDEE;
	color: #300060;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 6px 10px 5px;
	text-shadow: none;
}
html[lang="he"] h1.parshasecthdr {
	font-size: 14px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.social-wrapper {
	height: 30px;
	margin-left: 0.6em;
}
.candlelink {
	margin: 12px 0px 0.6em 0.6em;
}
.ParshaSeriesName {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-left: 0.6em;
	margin-top: 10px;
}
.ParshaSeriesWrapper {
	margin: 2px 0 0 0.6em;
	clear: both;
}
.ParshaSeriesImage {
	float: left;
	margin: 2px 8px 16px 0;
	width: 130px;
}
.parsha-title {
	font-size: 15px;
	margin-bottom: 3px;
}
html[lang="he"] .parsha-title {
	font-size: 16px;
}
.parsha-title a.ui-link {
	color: #333333;
}
.special {
	color: #990000;
	font-weight: bold;
}
strong.new {
    color: #990000;
    font-style: italic;
}
.parsha-text {
	font-size: 14px;
	margin-left: 138px;
	margin-right: 8px;
}
.parsha-sefer-list {
	margin: 12px 0 12px 4px;
	color: #003388;
}
.all-parsha-link {
	margin: 12px 0 10px 0.6em;
}

/** Main Article Stuff **/
#top-art-wrapper {
    position: relative;
	width: 500px;
	max-width: 100%;
}
#top-art-wrapper a {
    text-decoration: none;
}
.top-left-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.top-left-overlay div.vid-text {
	background-color: rgba(60, 88, 120, 0.8);
	border: 2px solid #B8DBFF;
	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;
	text-shadow: none;
}
.top-left-overlay div.announce {
	background-color: #FF8A0F;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 1px 0 0 1px;
	padding: 2px 6px 3px;
	text-shadow: none;
}
.main-overlay {
	background-color: rgba(0, 63, 114, 0.7);
	bottom: 6px;
	color: #FFFFFF;
	left: 0;
	position: absolute;
	width: 500px;
	max-width: 100%;
}
.main-overlay h2 {
	float: left;
	font-size: 18px;
	line-height: 22px;
	margin: 7px 3px 5px 0;
	text-shadow: none;
	padding-left: 9px;
}
#top-art-wrapper .play-btn {
	position: absolute;
	top: 39%;
	left: 42%;
	width: 64px;
	opacity: 0.7;
}
.TopStoryTeaser {
	clear: both;
	margin-top: 2px;
	position: relative;
}
.TopStoryTeaser div {
	font-size: 14px;
	margin-left: 128px;
}
.TopStoryTeaser div.ArtTitle {
	font-size: 16px;
	line-height: 18px;
}
.TopStoryTeaser .play-btn {
	position: absolute;
	top: 31px;
	left: 40px;
	width: 40px;
	opacity: 0.7;
}
.ArtHomePageImage {
	float: left;
	margin: 2px 8px 11px 0;
	width: 120px;
}
.ArtTitleImage {
	max-width: 100%;
	height: auto;
}
.ArtTeaser {
	color: #333333;
	font-size: 14px;
	margin-top: 1px;
	margin-bottom: 3px;
}
.ArtAuthor {
	color: #444444;
	font-size: 13px;
	margin-bottom: 7px;
}
.ArtAuthor a {
	color: #4040A2;
	text-decoration: none;
}
.ArtAuthor a:hover {
	text-decoration: underline;
}
.ArtDivider {
	border: medium none;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	text-align: center;
	text-shadow: none;
	width: 97%;
	clear: both;
	margin: 10px auto;
}
.see-more {
	clear: both;
	font-size: 18px;
	margin-bottom: 3px;
}

/* Copied and adapted from pagetype-ATR.css: */
.ask-the-rabbi-search-widget  {
	background: none repeat scroll 0 0 #C3DCF1;
	border: 1px solid #7A9DBB;
	margin: 10px 0 12px;
	padding: 7px;
	width: 280px;
	clear: both;
}
.ask-the-rabbi-search-widget .ui-input-text {
	float: left;
	margin: 0 5px 0 0;
	width: 232px;
}
#searchAskTheRabbiInput-, #searchAskTheRabbiInput-1, #searchAskTheRabbiInput-2 {
	color: #336799;
	font-size: 16px;
	margin-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-top: 1px;
	width: 232px;
	min-height: 1.5em;
}
#submitAskTheRabbiSearch {
	margin-top: 1px;
}
.askTheRabbiMainTitle {
	background: none repeat scroll 0 0 transparent;
	color: #CC6C00;
	font-size: 18px;
	font-weight: bold;
	padding-left: 0;
	text-transform: none;
	margin: 4px 0 3px;
}
.askTheRabbiTitle, .askTheRabbiTitle a {
	color: #336799;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	background: none;
	padding-left: 0;
	float: left;
	text-transform: none;
}
h2.askTheRabbiTitle a {
	margin-top: 0;
	margin-bottom: 7px;
}
.askTheRabbiTitle a {
	text-decoration: none;
}
.askTheRabbiTitle a:hover {
	text-decoration: underline;
}
.aishRabbiReplies {
	color: #336799;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.ask-the-rabbi-homepage-FAQ-separator {
	background-color: #336799;
	height: 3px;
	margin: 20px auto;
	width: 90%;
}
.MoreQsBtn {
	cursor: pointer;
	margin: 4px 0 0;
}
.askTheRabbiContent p {
	clear: both;
	margin: 10px 0;
	font-size: 15px;
}

/* Following lines for next and prev in series box (needed especially for ATR Q's), copied and adapted from
   pagetype-article.css. */
.pager-box		{ margin: 19px 0 11px; background: url(http://media.aish.com/designimages/pager-box-bg.gif) repeat-y; clear: both; width: 296px; }
.pager-box-foot	{ overflow: hidden; background: url(http://media.aish.com/designimages/pager-box-foot-bg-mobile.jpg) no-repeat bottom left; padding: 5px; }
.pager-box h4	{ font-size: 14px; font-weight: normal; text-align: center; clear: both;
				  background: url(http://media.aish.com/designimages/pager-box-head-bg-mobile.jpg) no-repeat;
				  color: #000000; overflow: hidden; margin: 0; padding: 11px 0 10px; }
.pager-box div a, .pager-box div span { line-height: 22px; color: #444444; font-size: 12px; }
.pager-box div span	{ color: #BBBBBB; }
.pager-box div p		{ font-size: 10px; color: #555555; overflow: hidden; clear: both; padding: 1px 0; margin: 0 0 4px 1px; }
.pager-box div .prev	{ padding: 0 0 0 7px; float: left; }
.pager-box div .prev a,
.pager-box div .prev span { color: #444444; float: left; width:55px; margin-bottom: 1px; padding: 0 0 0 17px;
						background: url(http://media.aish.com/designimages/btn-prev.gif) no-repeat; }
html[lang="es"] .pager-box div .prev a, html[lang="es"] .pager-box div .prev span { width: 52px; padding-left: 20px; }
html[lang="he"] .pager-box div .prev a, html[lang="he"] .pager-box div .prev span { width: 75px; padding-left: 20px;
			background: url(http://media.aish.com/designimages/btn-next-wide.gif) no-repeat;}
/* Comments about above lines appear in pagetype-article.css. */
.pager-box div.next { text-align: right; padding: 0 9px 0 0; float: right; }
.pager-box div.next a,
.pager-box div.next span { color: #444444; margin-bottom: 1px; padding: 0 30px 0 0; width: 42px; float: right;
						background: url(http://media.aish.com/designimages/btn-next.gif) no-repeat; }
html[lang="es"] .pager-box div .next a, html[lang="es"] .pager-box div .next span  { width: 56px; padding-right: 16px; }
html[lang="he"] .pager-box div .next a, html[lang="he"] .pager-box div .next span  { width: 73px; padding-right: 23px;
			background: url(http://media.aish.com/designimages/btn-prev-wide.gif) no-repeat; }

/* Comments */
.info-box	{ overflow: hidden;/*???*/  padding-top: 0; clear: both; }
.info-box h2	{ color: #003366; font-size: 14px; line-height: 19px; margin: 0; border-bottom: 1px solid #003366; }
.info-box h2 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 h3	{ margin: 0 0 3px; color: #333333; font-size: 12px; line-height: 13px; font-weight: normal; }
.comments-list p		{ color: #333333; font-size: 15px; line-height: 18px; margin: 0; }
.comments-list .comment-body { background-color: #F5F5F9; padding: 9px 11px 8px 13px; }
.comments-list .comment-body p { font-family: "Trebuchet MS",Helvetica,sans-serif; line-height: 20px; 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(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; }
html[lang="he"] a.blue-btn	{ font-size: 13px; font-weight: bold; /* @noflip */ padding-right: 5px; width: 129px; }
html[lang="he"] a.green-btn	{ background-position: 2px 0; font-size: 15px; font-weight: bold; height: 21px; line-height: 20px; /* @noflip */ padding-right: 24px; }
html[lang="fr"] a.green-btn	{ background-image: url("http://media.aish.com/designimages/btn-green-widest.gif"); width: 155px; }
html[lang="es"] a.green-btn	{ background-image: url("http://media.aish.com/designimages/btn-green-wide.gif"); width: 120px; }
html[lang="es"] a.blue-btn	{ background-image: url("http://media.aish.com/designimages/btn-blue-wide.gif"); width: 157px; }
.view-comments-btn { margin: 9px 0px 18px; }
a.comment-link { background-color: #e2e2e2; border: 1px solid #aaaaaa; border-radius: 6px; color: #595959 !important; padding: 4px 6px; }
a.comment-link:hover { text-decoration: none; }

/* Comments Form */
.comments-form		{ border: 1px solid #000088; margin: 5px 0 0; padding: 14px 0 16px 19px; background-color: #F5F5F9; clear: both; }
.comments-form h3	{ margin: 0; font: 16px "Lucida Sans Unicode", sans-serif; color: #4a80ca; letter-spacing: -1px; }
.comments-form ul	{ margin: 8px 0 0; padding: 0; list-style: none; }
.comments-form ul li	{ width: 100%; overflow:hidden; vertical-align:top; margin:7px 0 0; }
.comments-wrapper	{ float: left; margin: 0 8px 0 0; }
.comments-wrapper p	{ margin: 0; width: 150px; font-size: 13px; }
.comments-wrapper .ui-radio .ui-btn { text-align: center; }
.comments-wrapper .ui-radio .ui-btn.ui-radio-on  span { font-weight: bold; color: #00A000; }
.comments-wrapper .ui-radio .ui-btn.ui-radio-on:after,
.comments-wrapper .ui-radio .ui-btn.ui-radio-off:after { border: none; background-color: rgba(0, 0, 0, 0); }
.ui-mobile .comments-form ul li label	{ float: left; font-size: 11px; font-weight: bold; margin-bottom: 0.2em; }
.comments-form ul li .txt-2	{ clear: left; width: 148px; height: 36px; background: none repeat scroll 0 0 #FFFFFF; border-left: 2px solid #DDDDDD; }
#commentForm-reply ul li .txt-2 { width: 136px; }
.comments-form ul li .txt-2 input	{ margin: 2px 0 0 2px; padding: 0 3px 0 2px; float: left; width: 142px; border: 0; background: none; }
#commentForm-reply ul li .txt-2 input	{ width: 131px; font-size: 16px; }
ul li .txt-2 input	{ margin:2px 0 0 2px; padding: 0 3px 0 2px; float: left; width: 142px; height: 18px; border: 0; background: none; }
.select .rad-1	{ float: left; margin: 0; padding: 0; width: 14px; height: 14px; margin:5px 5px 0 0; }
.comments-form ul li .select label	{ font-weight: normal; margin: 0; width:25px; }
.comments-form ul li .txt-3	{ clear: left; width: 90%; height: 36px; background: none repeat scroll 0 0 #FFFFFF; border-left: 2px solid #DDDDDD; }
#commentForm-reply ul li .txt-3	{ width: 287px; }
.comments-form ul li .txt-3 input	{ margin: 2px 0 0 2px; padding: 0; padding: 0 3px 0 2px; float: left; width: 100%; height: 18px; border: 0; background: none; }
#commentForm-reply ul li .txt-3 input	{ width: 280px; }
.comments-form ul li textarea	{ margin: 0; padding: 3px 5px; width: 90%; height: 70px; float: left; clear: both; border: 1px solid #737373; }
#commentForm-reply ul li textarea { width: 286px; margin-right: 5px; }
html[lang="he"] #commentForm-reply ul li textarea { margin-right: 10px; }
.comments-form ul li span { color: #ff002e; }
.comments-form ul li label.ui-btn span { color: #000000; text-align: center; }
html[lang="he"] .comments-wrapper span.address-required { display: none; }
.comments-form ul li .notation		{ clear: both; float: left; font-size: 11px; }
.comments-form  .comment-signup	{ font-size: 12px; margin-top: 6px; }
.comments-form  .comment-signup input { float: left; margin-left: 0; margin-right: 4px; }
.comments-form  .comment-signup div.signup-text { float: left; margin-top: 1px; }
.comments-form a.btn-3			{ margin: 15px auto 0; display:block; color: #FFFFFF; text-decoration: none; clear: both; }
html[lang="en"] .comments-form a.btn-3 { margin-top: 15px; }
.comments-form a: link.btn-3,
.comments-form a:active.btn-3,
.comments-form a:hover.btn-3,
.comments-form a:visited.btn-3		{ color: #FFFFFF; text-decoration: none; }
.comments-form .comment-counter,
.comments-form .comment-counter-red	{ float: left; font-size: 17px; font-weight: bold; padding-left: 183px; padding-top: 1px; }
.comments-form .comment-counter		{ color: gray; }
.comments-form .comment-counter-red	{ color: #FF002E; }
html[lang="es"] .comments-form .comment-counter,
html[lang="es"] .comments-form .comment-counter-red,
html[lang="fr"] .comments-form .comment-counter,
html[lang="fr"] .comments-form .comment-counter-red { padding-left: 165px; }
html[lang="he"] .comments-form .comment-counter,
html[lang="he"] .comments-form .comment-counter-red { padding-left: 262px; }
#commentForm-reply  { margin-top: 12px; padding-top: 1px; padding-bottom: 12px; }
#commentForm-reply ul { margin-top: 7px; }
#commentForm-reply .comments-wrapper { margin-right: 0; font-size: 11px; font-weight: bold; line-height: 22px; margin-bottom: 4px; }
#commentForm-reply .select { line-height: 24px; margin-bottom: 0; margin-right: 0; width: 138px; }
#commentForm-reply .first-line { margin-bottom: 0; }
#commentForm-reply .second-line { margin-left: 13px; }
#commentForm-reply ul li	{ margin-right: 7px; }
#commentForm-reply ul li.dispLine { margin-top: 0; }
#commentForm-reply .comments-wrapper .displayName { float: left; width: 105px; color: black; margin-top: 5px; }
html[lang="es"] #commentForm-reply .comments-wrapper .displayName { width: 127px; }
#commentForm-reply .ui-radio { float: left; }
#commentForm-reply .ui-radio:first-child { clear: left; }
#commentForm-reply  .emailPrivate { font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 0; text-align: right; margin-left: 12px; }
#commentForm-reply .dispNameChoice { float: left; width: 42px; }
#commentForm-reply .select .rad-1 { margin-right: 3px; }
#commentForm-reply .comment-counter,
#commentForm-reply .comment-counter-red { font-size: 13px; padding-left: 183px; padding-top: 2px; }
html[lang="es"] #commentForm-reply .comment-counter,
html[lang="es"] #commentForm-reply .comment-counter-red,
html[lang="fr"] #commentForm-reply .comment-counter,
html[lang="fr"] #commentForm-reply .comment-counter-red { padding-left: 162px; }
html[lang="he"] #commentForm-reply .comment-counter,
html[lang="he"] #commentForm-reply .comment-counter-red { padding-left: 260px; }
#commentForm-reply a.btn-3 { margin-top: 4px; }
#replyFormWrapper { position: absolute; }
.red-block	{ width:351px; min-height:90px; margin: 19px 0 0 22px; background: #f2cbcc; border:2px solid #9b0005; padding: 0 30px 0 15px; }
.red-block p	{ margin:20px 0 0; font-weight: bold; color: #9b0005; }
.blue-block	{ width:351px; min-height:90px; margin: 19px 0 0 22px; background: #d6e3f4; border:2px solid #164b9b; padding: 0 30px 0 15px; }
.blue-block p	{ margin:20px 0 0; font-weight: bold; color: #164b9b; }
#AJAX-statusblock-main,	#AJAX-statusblock-reply { display: none; }
.AJAX-statusblock-red,
.AJAX-statusblock-blue	{ display: block !important; width:310px; min-height: 90px; margin: 12px 0 0; padding: 0 15px 0 15px; }
.AJAX-statusblock-red	{ background: #f2cbcc; border: 2px solid #9b0005; }
.AJAX-statusblock-blue	{ background: #d6e3f4; border: 2px solid #164b9b; }

.fb-commhdr {
	border-bottom: 4px double #999999;
	border-top: 4px double #999999;
	color: #444444;
	font-size: 13px;
	font-style: italic;
	margin-top: 10px;
	padding: 2px 0;
}

/* Related Articles - shown vertically */
ul.related-articles {
	margin-bottom: 8px;
	margin-top: 8px;
	padding-left: 11px;
}
ul.related-articles li {
	list-style: none outside none;
	padding: 11px 0 0;
}
ul.related-articles li a img {
	width: 115px;
}

p.date-published {
	color: #777777;
	font-size: 13px;
	margin-bottom: 0;
	margin-top: 5px;
	text-align: right;
}

/* Adapted from pagetype-interest.css - for "more articles" banner. ul.intlist settings new. */
.interest-promo	{
	background: none;
	padding-top: 10px;
	padding-bottom: 0;
	clear: both;
}
.interest-promo .section-bar {
	background: url(http://media.aish.com/designimages/container-head-bg-blue.gif) repeat-x;
	overflow: hidden;
	padding: 0 10px 0 0;
}
.interest-promo .section-bar h2 {
	background: url(http://media.aish.com/designimages/blue-blue-container-head-ltr.gif) no-repeat;
	color: #FFFFFF;
	float: left;
	font-size: 14px;
	line-height: 19px;
	margin: 0;
	padding: 0 0 0 10px;
	text-transform: uppercase;
}
.interest-promo .section-bar h2 span {
	float: left;
	padding: 0 30px 0 0;
	background: url(http://media.aish.com/designimages/blue-blue-container-head-right-ltr.gif) no-repeat top right;
}
ul.intlist {
	margin-top: 10px;
	padding-left: 28px;
}
.pdf-download {
	background-color: beige;
	border: 2px solid #139716;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 7px auto 0;
	overflow: hidden;
	width: 388px;
}
.pdf-download h2 {
	color: #139716;
	font-style: italic;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	font-size: 20px;
}
.pdf-download  .inner-form {
	height: 208px;
	width: 340px;
	border: 0 none;
	margin: 0 auto;
	display: block;
}

/* Jewlarious - jokes and comics: */
.jewlarious-rated-content			{ color: #666666; font-family: Verdana,Arial; font-size: 14px; font-weight: bold; padding-bottom: 1px; }
.jewlarious-rated-content h1			{ background-color: rgba(0, 0, 0, 0); padding: 0; float: left; margin-top: 3px; margin-bottom: 4px; }
.jewlarious-rated-content .stats		{ clear: both; }
.jewlarious-rated-content p			{ margin: 11px 0; }
.jewlarious-linked-list				{ text-align: center; color: #1177CC; margin-bottom: 1em; }
.jewlarious-linked-list .prev-link	{ float: left; color: #1177CC !important; }
.jewlarious-linked-list .next-link	{ float: right; color: #1177CC !important; }
.mob-lower-link						{ height: 10px; }
.comic-display img					{ max-width: 100%; }

/* Quote & Photo sections: */
.quote-content h1,
.photo-holder h1					{ background: none; text-transform: none; margin: 2px 0; padding: 0; }
.quote-content img,
.photo-holder .photo img			{ max-width: 100%; height: auto; }
.quote-list						{ height: auto; }
.quote-list .prev-link			{ display: inline-block; width: 32%; }
.quote-list .quote-date			{ display: inline-block; font-weight: bold; text-align: center; width: 33%; color: #003388; }
.quote-list .next-link			{ float: right; }
.quote-list span.prev-link,
.quote-list span.next-link		{ opacity: 0.5; }
.quote-content .quote .subtext,
.photo-holder .photo .subtext 	{ color: #666666; font-size: 14px; font-weight: bold; line-height: 14px; margin-top: 0; }
.photo-holder h3					{ color: #666666; font-size: 13px; font-weight: bold; line-height: 13px; margin-bottom: 3px; margin-top: 2px; }
.photo-holder h3 span				{ color: #1244d5; }

/* AddThis tools: */
.addthis_responsive_sharing						{ clear: both; }
.footer ul li .addthis_horizontal_follow_toolbox	{ margin-bottom: 8px; }
.footer ul li .addthis_horizontal_follow_toolbox p	{ margin-bottom: 0; margin-left: 1px; }
.addthis_default_style .addthis_separator,
.addthis_default_style .at300b,
.addthis_default_style .at4-icon,
.addthis_default_style .at300bo,
.addthis_default_style .at300m,
.addthis_default_style .at300bs { float: left !important; } /* mainly so that RTL vn will get opposite */

/* ATR Form: */
.ask-the-rabbi-submit-q { padding: 10px; overflow: hidden; }
.ask-the-rabbi-submit-q h3{ font-size: 20px; margin: 6px 0 3px; }
.ask-the-rabbi-submit-q > h3{ color: #003399; text-align: center; }
.atr-email-conf { color: red; font-size: 15px; }
.captcha-instructs { color: #003366; font-size: 15px; font-weight: bold; }
.ask-the-rabbi-submit-q #submit { display: block; margin: 8px auto; }
.ask-the-rabbi-submit-q .comment-signup div { float: left; padding-top: 6px; }
.ask-the-rabbi-submit-q .comment-signup .ui-checkbox { width: 25px; margin-top: 0; padding-top: 1px; }
.ask-the-rabbi-submit-q .comment-signup .ui-checkbox #signup { position: static; }
.ask-the-rabbi-submit-q .comment-signup div.signup-text {  padding-top: 0; max-width: 88%; }
@media (max-width: 379px) {
	#recaptcha_widget_div {
		-ms-transform: scale(0.815);
		-webkit-transform: scale(0.815);
		-moz-transform: scale(0.815);
		-o-transform: scale(0.815);
		transform: scale(0.815);
		-ms-transform-origin: left top;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}
}

/* About the author: */
#author_sect h3						{ margin: 5px 0; }
.askTheRabbiContent #author_sect p	{ clear: none; }
.bio p:first-of-type				{ margin-top: 0; }
.author-more						{ clear: both; padding-top: 8px; }

/* Chat window: */
@livechat-mobile {
	#invitation_message_text { margin-left: 10.5em !important; }
}

/* Certainly specially-formatted articles (such as one listing best art's of year): */
div.pic-title-teaser h2 {
	margin-bottom: 3px;
}
div.pic-title-teaser p {
	margin-top: 3px;
}
@media (max-width: 479px) {
	div.pic-title-teaser img {
		width: 100%;
	}
}

/* Calendar Page: */
.holiday-year {
	font-size: 50px;
	line-height: 50px;
	color: rgb(254, 99, 27);
	text-align: center;
	margin: 9px 0 6px;
}
.holiday-page-title {
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	color: rgb(45, 108, 134);
}
.hol-horiz {
	width: 96%;
	text-align: center;
	height: 6px;
	color: rgb(0, 174, 279);
	background-color: rgb(0, 174, 279);
	margin-top: 4px;
	margin-bottom: 10px;
}
#holiday-date-description {
	color: #a00;
	text-align: center;
	font-style: italic;
}
.holiday-table {
	padding-top: 15px;
	font-family: arial,verdana;
	max-width: 100% !important;
	margin: 0 auto;
}
.hol-date {
	text-align: left;
	font-weight: bold;
	color: rgb(45, 108, 134);
	width: 230px;
	height: 55px;
	vertical-align: top;
}
.hol-name {
	text-align: right;
	width: 300px;
	height: 55px;
	vertical-align: top;
}
.hol-name a {
	color: rgb(10, 80, 136);
}
.hol-candle-link {
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 7px;
}
.hol-candle-link a {
	color: #a00;
}

/* Holiday Landing Page: */
.AishCalLink {
	text-align: center;
	color: #0033AA;
	font-weight: bold;
	font-size: 17px;
}
.text-box1 {
	max-width: 500px;
	margin: 0 auto;
}
.text-box1 .top-part {
	width: 500px;
	max-width: 100%;
	border-radius: 8px 8px 0 0;
	padding: 13px 0 16px 0;
	background: #0A1C64;
    background: -webkit-linear-gradient(#010336, #0A1C64); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#010336, #0A1C64); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#010336, #0A1C64); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#010336, #0A1C64);
}
.text-box1 .top-part img {
    border: 1px solid #000000;
	display: block;
	margin: 0 auto;
}
.text-box1 .top-part .holiday-title	{
	font-size: 19px;
	line-height: 23px;
	letter-spacing: 0.5px;
	padding-bottom: 9px;
	text-shadow: none;
	text-align: center;
	margin: 3px 4px 0;
}
html[lang="he"] .text-box1 .top-part .holiday-title {
    font-size: 24px;
    line-height: 27px;
	padding-bottom: 5px;
}
.text-box1 .top-part .holiday-title	a {
	color: #FFFFFF;
}
.text-box1 .top-part .holiday-date	{
	color: #FFFFFF;
	font-size: 15px;
	text-shadow: none;
	text-align: center;
	margin: 0 4px 3px;
}
html[lang="he"] .text-box1 .top-part .holiday-date {
	font-size: 19px;
}
.text-box1 .top-part .holiday-p {
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-shadow: none;
	margin: 0 13px;
	display: block;
}
html[lang="he"] .text-box1 .top-part .holiday-p {
    font-size: 16px;
    line-height: 20px;
}
.text-box1 #holiday-date-description {
	color: #DD0000;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	font-style: normal;
	padding: 10px 6px;
}
.text-box1 .more-holidays {
	background-color: #F0F0F0;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}
.text-box1 .more-holidays .holiday-list {
	max-width: 100%;
    clear: both;
    overflow: hidden;
    padding: 1px 6px 12px 2%;
}
.text-box1 .more-holidays .holiday-list .col1 {
	width: 148px;
}
.text-box1 .more-holidays .holiday-list .col2 {
	width: 326px;
	vertical-align: top;
}
.text-box1 .more-holidays .holiday-list .row2 {
	vertical-align: top;
}
.text-box1 .more-holidays .holiday-list img {
    float: left;
    border: 1px solid #ccc;
    margin: 4px 6px 0 0;
}
.text-box1 .more-holidays .holiday-list a {
    font-size: 18px;
}
html[lang="he"] .text-box1 .more-holidays .holiday-list a {
    font-size: 19px;
}
.text-box1 .more-holidays .holiday-list span {
    color: #666666;
    font-size: 14px;
}
html[lang="he"] .text-box1 .more-holidays .holiday-list span {
    font-size: 16px;
}
.text-box1 .more-holidays .holiday-list p {
    clear: left;
	color: #666;
	font-size: 14px;
	margin-bottom: 12px;
	margin-top: 0;
}
html[lang="he"] .text-box1 .more-holidays .holiday-list p {
    font-size: 16px;
}
.text-box1 .downloads {
	background-color: #F0F0F0;
	border: 1px solid #AAAAAA;
	border-radius: 0 0 8px 8px;
	margin-bottom: 8px;
	padding: 11px 0 9px;
}
.text-box1 .downloads div {
	margin: 0 15px;
	line-height: 22px;
}
.vert-spacer {
	height: 22px;
}