html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
strong {
	font-weight: bold;
}
/**
 * Minimal base styles.
 */

html {
	font-size: 100.01%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}
body {
	font-size: 62.5%;
	line-height: 1em;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	text-decoration: none;
	cursor/**/: /**/pointer;
}
a:link:hover, a:visited:hover {
	text-decoration: none;
}
:focus {
	outline: 0;
}
/* Remove margins for navigation lists */
nav ul, nav li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}

input, select {
	vertical-align: middle;
}
textarea {
	overflow: auto;
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: auto;
	overflow: visible;
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.2em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
/* blockquote , q and hr  */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/* Images and Default Classes  */
img {
	max-width: 100%;
	vertical-align: bottom;
}
img.alignleft, img.picLeft {
	float: left;
	margin: 0 15px 15px 0;
	display: inline;
}
img.alignright, img.picRight {
	float: right;
	margin: 0 0px 15px 15px;
	display: inline;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

/* Default List Styles  */
ul, ol {
	list-style: none;
}
li {
	line-height: 1.2em;
}
li ul, li ol {
	margin-bottom: 0px;
}
/* 
 * Clearing Methods
 */
.group:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.group {
	display: block;
}
.floatbox {
	overflow: hidden;
}
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
/* Global Reset & Standards ---------------------- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*---- Floats ----*/
.flR {
	float: right;
}
.flL {
	float: left;
}
/*---- Horizontal Alignment ----*/
.alR {
	text-align: right;
}
.alC {
	text-align: center;
}
/*---- Hide ----*/
.hide {
	display: none;
}


/* ==========================================================================
	Layout
========================================================================== */

body { background:#00544B url(../images/body-bg.gif) repeat-x left top; }

/* Container ---------------------- */
#container { min-width:320px; padding-bottom:30px; }

/* Wrapper ---------------------- */
.wrapper { max-width:1000px; padding:0 10px; width:100%; margin:0 auto; }

/* Header ---------------------- */
#header { position:relative; height:140px; }

/* Main Navigation ---------------------- */
#main-navigation { border:1px solid #0a675e; -webkit-box-shadow:0px 0px 1px #2f8278; -moz-box-shadow:0px 0px 1px #2f8278; box-shadow:0px 0px 1px #2f8278; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:url(../images/main-navigation-bg.png) repeat left top; padding:2px 10px 0; margin-bottom:10px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }

/* Main ---------------------- */
#main { width:77%; float:right; }

/* Sidebar ---------------------- */
#sidebar { width:20%; float:left; }

/* Content ---------------------- */
.post { margin-bottom:10px;  }

/* Two Column Layout ---------------------- */
.two-column-layout { position:relative; margin:0px -8px;}
.two-column-layout .column { width:50%; float:left; padding:0px 5px;}

/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

/*--- Post ---*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,
.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td
{ margin: 0; padding: 0; font-size: 14px;  line-height: 20px; direction: ltr; font-family:Verdana,Arial,Helvetica,sans-serif }

.post p { font-family: inherit; font-weight: normal; font-size: 13px; line-height: 19px; margin-bottom: 20px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

.post a {color:#000; text-decoration: underline;}
.post a:hover {text-decoration: none;}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6
{ font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small
{ font-size: 60%; color: #6f6f6f; line-height: 0; }

.post h1 { font-size: 30px; }

.post h2 { font-size: 24px; margin-bottom:20px; }

.post h3 { font-size: 20px; }

.post h4 { font-size: 16px; }

.post h5 { font-size: 14px; }

.post h6 { font-size: 12px; }

.post code { font-weight: bold; background: #ffff99; }

/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
.post ul { list-style-position: inside; }
.post ul li {list-style: none; list-style-position:inside; font-size: 13px;  margin-top: 4px; margin-bottom: 4px; background:url(../../images/ui/arrowsWhite.png) no-repeat; background-position: left 5px; padding-left: 20px;  }/*  list-style-image:url(../images/ui-heb/arrowsWhite.png); */

.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }

.post ol { margin-left: 20px; list-style:decimal; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #000; }

.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ccc; }
.post blockquote cite { display: block; font-size: 13px; color: #000; }
.post blockquote cite a, .post blockquote cite a:visited { color: #000; }

/*--- Main Navigation ---*/
#main-navigation ul { margin:0; padding:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }
#main-navigation ul li { list-style:none; float:left; position:relative; }
#main-navigation ul li a { font-family: 'myriadpro'; font-size:16px; font-style:italic; font-weight:bold; color:#fff; padding:11px 15px; display:inline-block; }
#main-navigation > ul > li:hover > a { color:#fdffb7; text-decoration:none; background:url(../images/main-navigation-li-bg.png) repeat-x left top; }

#main-navigation ul ul { position:absolute; display:none; left:0; top:auto; width:180px; background:#0d6058; z-index:100; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; }
#main-navigation ul li.parent:hover ul { display:block; }
#main-navigation ul ul li { float:none; width:100%; }
#main-navigation ul ul li:last-child a { -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }
#main-navigation ul ul li a { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; padding:5px 0; display:block; font-weight:normal; font-style:normal; padding-left:12px; }
#main-navigation ul ul li:hover a, #main-navigation ul ul li.active a { text-decoration:none; background:#4d9991; }

#main-navigation .menu-btn { height:30px; width:30px; padding:5px; display:none; }
#main-navigation .menu-btn:hover { text-decoration:none; }
#main-navigation .menu-btn span.line { width:100%; background:#fff; height:3px; margin-bottom:3px; display:block; }

/*--- Slide Show ---*/
.slideshow { margin-bottom:10px; border:1px solid #929292; background:url(../images/slideshow-bg.gif) repeat-x left bottom; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }
.slideshow .slides { height:300px; width:100%; }
.slideshow .slide:first-of-type { display:block; }
.slideshow .slide { position:relative; height:296px; display:none; width:100%; overflow: hidden }
.slideshow img { width: 100%;}
.slideshow .slide .description:before { background:url(../images/overlay-bg.png) 40px 0 repeat-y; position:absolute; left:-100%; top:0; height:100%; width:100%; content:""; }
.slideshow .slide .description { background: rgba(0,0,0,0.75); position:absolute; right:0; top:0; width:34%; padding:20px 10px 10px; }
.slideshow .slide h2 { font-size:24px; line-height:24px; color:#fdffc7; padding-bottom:10px; border-bottom:1px solid #fdffc7; margin-bottom:10px; }
.slideshow .slide p { font-size:14px; line-height:18px; color:#fff; margin-bottom:10px; }
.slideshow .slide .read-more { font-size:14px; color:#fff; background:url(../images/read-more-bg.png) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 10px; display:inline-block; height:24px; line-height:12px; border:1px solid #00544b; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }

/*--- Logo ---*/
.logo { float:left; width:20%; position:relative; z-index:10; }

/*--- Change Language ---*/
.change-language { clear:both; float:left; width:20%; text-align:center; background:#00544b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10; padding-bottom:5px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }
.change-language a { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-style:italic; text-decoration:underline; font-size:12px; line-height:14px; color:#fff; display:block; }
.change-language a:hover { text-decoration:none; }
#header .image { position:absolute; bottom:0; right:0; z-index:1; }

.contact-us { float:right; font-family: 'myriadpro'; z-index:10; font-size:14px; line-height:22px; font-weight:bold; color:#fff; background:url(../images/contact-us-bg.png) repeat-x; padding:0 25px; display:block; margin-top:5px; border:1px solid #07524b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }

/*--- Box 1 ---*/
.box1 { padding:15px; background:#fff; border:1px solid #0d6058; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }

/*--- Box 2 ---*/
.box2 { background:#f4ecd7; border:1px solid #bcb193; margin-bottom:10px; }
.box2 .content { padding:0 15px 15px; }
.box2 h2 { background:url(../images/box2-h2-bg.png) left top repeat-x; font-size:18px; line-height:28px; color:#fff; margin-bottom:0px; padding:0 15px; }
.box2 .more-btn { float:right; font-size:14px; color:#fff; font-weight:normal; text-decoration:underline; }

/*--- List 1 ---*/
.featured-links ul, .list1 { border-top:1px solid #ccc; margin: 0; padding: 0; }
.featured-links ul li, .list1 li { border-bottom: 1px solid #ccc; list-style: none outside none; margin: 0; padding: 0; }
.featured-links ul li a, .list1 li a { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; line-height:14px; background: url(../images/arrow1.png) no-repeat scroll 3px 9px rgba(0, 0, 0, 0); color: #003300; display: block; line-height:16px; padding: 7px 5px 7px 22px; text-decoration: none; }
.featured-links ul li:hover, .list1 li:hover { background:#fff; text-decoration:none; }

/*--- List 2 ---*/
.list2 { margin:0; padding:0; }
.list2 li { list-style:none; border-bottom:1px solid #c7c7c7; border-top:1px solid #fff;  }
.list2 li:hover { background:#fff; }
.list2 li:first-child { border-top:0; }
.list2 li.last { border-bottom:0; }
.list2 figure { float:left; margin-right:10px; background:#fff; padding:2px; border:1px solid #C3C3C3; }
.list2 li h4 { font-size:14px; line-height:14px; color:#0e635a; margin-bottom:5px; }
.list2 li a { color:#0e635a; display:block; padding:8px; height: 84px; }
.list2 li h4 a:hover { text-decoration:underline; }
.list2 li p { font-size:14px; line-height:14px; color:#000; }

/*--- Online Application ---*/
.online-application { padding: 10px; background: #1d7c72; margin-bottom:13px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d7c72), to(#0b514a)); background: -webkit-linear-gradient(#1d7c72, #0b514a); background: -moz-linear-gradient(#1d7c72, #0b514a); background: -ms-linear-gradient(#1d7c72, #0b514a); background: -o-linear-gradient(#1d7c72, #0b514a); background: linear-gradient(#1d7c72, #0b514a); -pie-background: linear-gradient(#1d7c72, #0b514a); behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; }

.online-application a { font-family: 'myriadpro'; font-size:21px; line-height:18px; color:#fdffbe; display:inline-block; font-weight:800; font-style:italic; }
.online-application img { margin-right:10px; margin-top:-20px; }

/*--- Secondary Navigation ---*/
#secondary-navigation ul { border-top:1px solid #ccc; margin: 0; padding: 0; }
#secondary-navigation ul li { border-bottom: 1px solid #ccc; list-style: none outside none; margin: 0; padding: 0; }
#secondary-navigation ul li:hover { }
#secondary-navigation ul li a { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:14px; background: url(../images/arrow1.png) no-repeat scroll 3px 9px rgba(0, 0, 0, 0); color: #003300; display: block; line-height:16px; padding: 7px 5px 7px 22px; text-decoration: none; }
#secondary-navigation ul li a:hover {background: #F2F2F2 url(../images/arrow1.png) no-repeat scroll 3px 9px;}

/*--- footer ---*/
#footer { color:#0E635A; font-size:11px; line-height:14px; }
#footer .site-by { float:right; }
#footer a { color:inherit; text-decoration:underline; }
#footer a:hover { text-decoration:none; }


/* ==========================================================================
	Index Page Specific
========================================================================== */

body.home #sidebar { width:35%; }
body.home #main { width:62%; }

/*--- Featured Links ---*/
.featured-links { padding-top:10px; }
.featured-links h2 { background:none; color:#0d5750; margin-bottom:10px; }
.featured-links .more-btn { color:#0d5750; }

/*--- Announcements ---*/
.announcements ul { margin:0 0 10px; padding:10px 0 0 10px;}
.announcements ul li { list-style:none; padding: 5px; font-size:12px; line-height:12px; background: url(../images/arrow1.png) no-repeat scroll 0px 7px rgba(0, 0, 0, 0); }
.announcements ul li.last { border-right:0; }
.announcements ul li a { font-size:12px; line-height:16px; color:#000; }
#announceInner {padding: 10px;}


/*--- Events ---*/
.events ul { margin:0; padding:10px 15px; background:#fff; }
.events ul li { list-style:none; text-align:center; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #000; }
.events ul li:first-child { border-top:0; }
.events ul li.last { border-bottom:0; }
.events ul li p { font-size:14px; line-height:14px; }
.events ul li a { text-decoration:underline; color:inherit; font-size:14px; line-height:14px; }
.events ul li a.more-btn { background:url(../images/arrow1.png) no-repeat; width:13px; height:13px; display:inline-block; }
.events ul li a:hover { text-decoration:none; }

.events li.amazon-smile h2 { font-size:26px; line-height:26px; margin-bottom:10px; background:none; color:#000; font-weight:normal; }

.events li h3 {  font-size:22px; margin-bottom:10px; }
.events li h3 a { text-decoration:none; font-size:22px; line-height:22px; display:block; }
.events li h3 span { font-size:18px; font-weight:normal; }

.events li.hachnasat-kallah-fund h3 a { color:#000080; font-size:22px; }
.events li.hachnasat-kallah-fund a { color:#333333; font-size:16px; }
.eventsInner {padding: 0 5px; height: 445px; overflow: auto;}
.eventsInner p , .eventsInner li {font-size: 14px; line-height: 19px;}
/*--- subscribe-form ---*/
#subscribe-form { background:#0a4f4a url(../images/subscribe-bg.jpg) no-repeat; padding-left:78px; margin-bottom:10px; border:1px solid #156960; }
#subscribe-form form { background:#dcecea; padding:5px 5px 0px; }
#subscribe-form select { width:100%; border:1px solid #3667A3; padding-left:15px; }
#subscribe-form input[type=text] { width:100%; border:1px solid #3667A3; padding-left:15px; }
#subscribe-form ul li { margin-bottom:3px; vertical-align:middle; }
#subscribe-form ul li.last { margin-bottom:0; }
#subscribe-form form label { font-size:12px; line-height:12px; }
#subscribe-form input[type="submit"] { border:0; background:url(../images/subscribe-btn.gif) no-repeat center center; height:19px; width:100%; margin:0 auto; }

/*--- ads ---*/
.ads ul { text-align:center; margin:0; padding:0; }
.ads ul li { display:inline-block; list-style:none; margin-bottom:10px; vertical-align:middle; float:left; }
.ads ul li img { width:100%; }

/* ==========================================================================
	Media Queries
========================================================================== */

@media (max-width:900px){
	#main-navigation ul li a { font-size:14px; padding:11px 12px; }
	.slideshow .slide h2 { font-size:20px; }
	.online-application a { font-size:20px; }
}

@media (min-width:801px){
	#main-navigation > ul { display:block !important; }
}

@media (max-width:800px){
	#header { height:auto; }
	.logo { width:100%; float:none; text-align:center; }
	.change-language { float:none; margin:0 auto; }
	#header .image { bottom:auto; position:relative; }
	#main-navigation ul { display:none; background:#1a766d; position:absolute; top:36px; z-index:1000; left:0; width:100%; }
	#main-navigation ul ul { position:relative; width:100%; border-radius:0; }
	#main-navigation ul li { float:none; }
	#main-navigation ul li.parent:hover ul { display:none; }
	#main-navigation ul li:hover { background:none; }
	#main-navigation > ul > li:hover > a { background:none; }
	#main-navigation ul ul li:last-child a { border-radius:0; }
	#main-navigation .menu-btn { display:block; }
	#main-navigation .contact-us { margin-bottom:4px; }
	#sidebar, body.home #sidebar { float:none; width:100%; margin-bottom:15px; }
	#main, body.home #main { float:none; width:100%; }
	.slideshow .slide img { width:100%; }
	.slideshow .slide .description { position:relative; width:100%; }
	.slideshow .slide .description:before { display:none; }
	
}

@media (max-width:640px){
	.two-column-layout .column { width:100%; float:none; }
	.post h2 { font-size:24px; margin-bottom:20px; }
}

@media (max-width:480px){
	.logo { width:50%; margin:0 auto; }
	.announcements ul li { width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #1B776E; border-right:0; }
	.change-language { width:50%; }
}

/* ------------------------------------- 
 	Cross Browser CSS
	Documentation: http://rafael.adm.br/css_browser_selector/
------------------------------------- */
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/* .ie .css3 { behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; } */


 /*================================================*/
 
.pageNav {background: #EEE; padding: 2px;}
.post .DarkGreenBG, .post .tableHeader { background: #00544b; color:#FFF;}
.post .DarkGreenBG a, .post .tableHeader a {color: #FFF;}
.post .DarkGreenBG a:hover, .post .tableHeader a:hover { background-color: none;}
.LightGreenBG {background: #4d9991; color: #FFF;}
.PDFlink {background:url(../../images/icons/page_white_acrobat.png) left top no-repeat; padding-left: 20px; padding-bottom: 2px;}
.DOClink {background:url(../../images/icons/page_white_word.png) left top no-repeat; padding-left: 20px; padding-bottom: 2px;}
.message, .red, .message a, .red a {color:#F00;}
.bottomBorder {border-bottom: 1px solid #DDD;}
.DarkGreenBG_Botborder { background: #00544b; color:#FFF;border-bottom: 1px solid #DDD;}
.LightGreenBG_Botborder {background: #4d9991; border-bottom: 1px solid #DDD;}
label.error {color: red; padding-left: .5em; vertical-align: top; font-size:85%; }
.DarkGreenBG_header { background: #00544b url(../../images/ui/arrowsWhite.png) left no-repeat; background-position: 5px 9px; color:#FFF; padding: 5px 5px 5px 25px;  font-size: 22px; font-weight: bold; line-height: 22px;}

.store_moreInfo, .store_orderNow {background:url(/assets/images/ui-heb/btn-see-more.png); margin: 0 auto; width: 112px; padding: 2px 3px; height: 24px; font-weight: bold; color: #FFF; }
.post .store_moreInfo a { color: #FFF;}
.post td {padding: 5px; font-size: 13px;}
.staffTitle {font-size: 16px; margin-bottom: 10px;}


/*--------------------------------------------------------------
shiurim*/

.boxContainer {background: #4C9991; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; float: left; margin: 10px 10px 0 0 ; text-align: center; color:#FFF; width: 150px;}
.ravImage { width: 100px; height:120px; background: #FFF; margin: 0 auto 7px; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center;}
.ravImageInner {height: 100px; background: #FFF url(/images/face-logo.jpg) center top no-repeat; width: 80px; margin: 0 auto; overflow: hidden; }
.ravImage img { width: 100px;}
.ravName { color:#FFF; height: 53px; overflow: hidden; font-weight: bold; line-height: 17px; font-size: 12px;}
.boxContainer.shiur .ravName { height: 50px; }
.boxContainer.cat .ravName { height: 16px; }
.post .ravName a, .post .ravName a:hover {color:#FFF; text-decoration: none;}
.iconSelection { padding:5px; text-align:center; margin: 7px auto; padding-right: 12px;}

.torahIcon {font-family: 'modern_pictogramsnormal'; color: #FFF; font-size: 150%;}
.torahIcon.black {color:#000;}
/*
.post .torahIcon, .post .torahLang   {color:#FFF; padding: 2px 5px; float:right; margin: 0 5px; text-decoration: none;background: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 20px; }*/

.post .torahIcon, .post .torahLang   {color:#666; padding: 5px; float: left; margin: 0 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 25px; }

.post .iconSelection .torahIcon, .post .iconSelection .torahLang { background: #333; color:#FFF;}
.post .relatedInfo .iconSelection .torahIcon, .post .relatedInfo .iconSelection .torahLang { background: none; color:#666; width: 20px;}

.post label .torahIcon, .post label .torahLang {float: none; margin: 0 3px;}
.post .torahLang { font-weight: bold;}
.post .searchIcon { font-size: 140%; background: none; font-weight: normal; margin-right:20px; margin-top: -1px; color:#FFF;}
.post .torahLang.heb {font-size: 120%;}
.post a.torahIcon:hover, .post a.torahLang:hover { background: #666;}
.shiurListIcons {float: right;}

.shiurListIcons td {width: 20px; background: #EEE; text-align:center;}
.shiurListIcons td.shiurOpener {width: 85px; background: none;}

.post .shiurListIcons td a.torahIcon, .post .shiurListIcons td a.torahLang   {color:#666; padding:0; float: none; margin: 0; text-decoration: none; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width: auto; }

.ShiurInfo {display: none; margin:1px 5px 5px; background: url(../images/ui-heb/shiurInfoArrow.gif) 98% 0px no-repeat; padding-top: 15px;}
.ShiurInfoInner { background: #F1F1F1; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow:auto;}
.ShiurInfoInner img  {float: left  ; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.ShiurInfoInner p {margin: 0 0 3px;}
.infoCats {float: right; width: 180px; text-align: left; padding-left: 10px; border-right: 2px solid #FFF;}
.shiurListingTitle {font-weight: bold; font-size: 130%; line-height: 130%;}

.tableBottomLine {border-bottom: 1px solid #EEE;}

#InnerSearchLink {margin: 5px 0 10px;	font-size: 120%;	padding:4px 0 ;}
.searchBar { background: #4C9991; color: #00544B; font-weight: bold; height: 35px; border: 1px solid #00544B; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.post .searchBar a {color: #00544B; font-size: 160%; line-height: 100%;}

.extra {padding: 4px; background: #DDD;}

.post a.open { background: #D1FC7C;}
.dynamicTorahCats a {padding-bottom: 2px; padding-top: 2px;}



/* paging */
#paging {
    padding: 4px 0;
	overflow: auto;
}
#paging a {
	background: #FFF;
  border: 1px solid #00544B;
  display: block;
  float: left;
  margin: 5px;
  padding: 4px;
  text-decoration: none;
  font-weight: bold;
   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#paging a:hover, #paging a.active {
  background: #4C9991;
  color: #FFF;
}

#relatedVideos {float: right; width: 30%; margin-left: 10px; border: 1px solid #CCC;}
/*#relatedInner {height: 500px; overflow: auto;}
#mainShiurDisplay {width: 500px; float: right;}*/
#shiurContent {width: 65%; float: left; }

ul#relatedHeader {
    border-bottom: 1px solid #CCC;
   /* border-left: 1px solid #CCC;*/
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul#relatedHeader li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #E0E0E0;
  /*  border-color: #999999 #999999 #999999 -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;*/
    float: left;
    height: 65px;
    line-height: 16px;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%;
}
ul#relatedHeader li a {
    border: 1px solid #FFFFFF;
    color: #000000;
    display: block;
   /* font-size: 110%;*/
    outline: medium none;
    padding: 0 2px 1px;
    text-decoration: none;
	height: 63px;
}
ul#relatedHeader li a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
html ul#relatedHeader li.active, html ul#relatedHeader li.active a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#byRav, #byCat {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
   /* border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: -moz-use-text-color #999999 #999999;
    border-style: none solid solid;
    border-width: medium 1px 1px;*/
    clear: both;
    float: left;
    width: 100%;
}


.playerHolder {
	padding: 10px 0 0 0;}
.playerHeading { color:#000; padding: 5px; border-bottom: 1px solid #CCC;}

.relatedImg  {float: left; margin-right: 10px;}
.relatedImg img  {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #666;}

.relatedInfo { float:left; width: 123px;}

.relatedShiur {padding: 5px; border-bottom: 1px solid #DDD; overflow:auto;}
.relatedShiur:hover {background: #EEE;}

.post .relatedShiur a.torahIcon {padding: 0px 1px; margin: 0 3px; font-size: 130%;}
.post .relatedShiur a.torahLang {padding: 0px 1px; margin: 0 3px; font-size: 120%;}
.post .relatedShiur a.torahLang.heb {font-size: 120%;}
.relatedShiur .iconSelection {padding:0;}
video {  background: #000;}

input[type=text].error, select.error, textarea.error { background:#F9C0C1;}



#commentArea{ border-top: 1px solid #BBB; margin-top: 20px; padding-top: 20px; }
#existingComments {}
.shiurComment{ margin: 10px 0; background: #E7E7E7; border: 1px solid #BBB; padding: 10px; overflow: auto;}
.commentBy { padding: 10px; float:left;}
.commentText { padding: 10px; border-top: 1px solid #BBB;line-height: 150%;}
.commentDate { padding: 10px; float: right;}

#newComment { margin: 10px 0;}
#newCommentForm { margin: 10px 0; background: #E7E7E7; border: 1px solid #BBB; padding: 10px;}
#newComment input[type=text] { padding: 10px; width: 100%; margin-bottom: 10px; border: 1px solid #DDD; background: #fff;font-size: 14px; font-family: Arial;}
#newComment input[type=text].error, textarea[name=comments].error{ background:#F9C0C1;}
#commentContent {}
textarea[name=comments] { padding: 10px; width: 100%; border: 1px solid #DDD; background: #fff; margin-bottom: 10px; font-size: 14px; font-family: Arial;}
#commentBy, #commentOptions  { width: 49%; float:left; line-height: 150%;}
#commentByEmail, #commentSpam { width: 49%; margin-left: 2%; float:left; line-height: 150%;}
#commentOptions { padding: 10px 0;}
input[name=submitComment] { float: right; cursor: pointer;}
#newComment label.error { display: none !important;}
#commentMessage { padding: 10px 0; margin-bottom: 15px; }
#commentMessage.good  { background:#AEDDBD;}
#commentMessage.bad  { background: #F7C9CA;}

#searchByID { font-size: 14px; margin-right: 15px; padding: 5px; line-height: 18px; font-weight: bold;}
#searchByID input[type=text] { width: 75px;}

.printonly { display: none;}