body {
	margin:0;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background:#00544b url(../images/ui-heb/bg-body.gif) repeat-x;
}
img {
	border:0;
}
.logo a {
	text-decoration: none;
	color:#fff;
}
.langLink  a {
	text-decoration: underline;
	color:#fff;
}
.langLink  a:hover {
	text-decoration:none;
}
input, button, 
textarea,
select, option, optgroup {
	font-size:100%;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}
optgroup { font-style:normal;}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	width:981px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 40px;
}
#header {
	width:100%;
	background: url(../images/ui-heb/header-heb.jpg) no-repeat;
	display:table;
	padding:0 0 7px;
	position:relative;
	z-index:10;
}
.logo {
	margin:6px 0 0 2px;
	
}
.logo a {
	outline:none;
/*	cursor:pointer;*/
	display:block;
	text-indent:-9999px;
	width:201px;
	height:120px;
	background:url(../images/ui-heb/bg-logo.png) no-repeat;
/*	float:left;*/
}

.langLink {	display:block;
	width:201px;
	height:16px;
	font-size:74%; text-align:center;
	font-weight:bold;
	background:url(../images/ui-heb/langBG.png) center top no-repeat;
}
/*.langLink  a{ color: #003C1E ;}*/

#nav {
	margin:5px 0 0;
	padding:3px 0 0 22px;
	list-style:none;
	background: url(../images/ui-heb/bg-nav.png) no-repeat;
	width:956px;
	height:37px;
	clear:right;
}
#nav li {
	float:right;
	display:inline;
	margin:0 7px 0 0;
	position:relative;
}
#nav li a {
	display:block;
	height:35px;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#nav li:hover .home,
#nav li.hover .home {
	background-position:0 -35px;
}
#nav li .home {
	background: url(../images/ui-heb/nav-home.gif) no-repeat;
	width:51px;
	background-position:0 0;
}

#nav li:hover .staff,
#nav li.hover .staff {
	background-position:0 -35px;
}
#nav li .staff {
	background: url(../images/ui-heb/nav-staff.gif) no-repeat;
	width:43px;
	background-position:0 0;
}

#nav li:hover .torat-yavneh,
#nav li.hover .torat-yavneh {
background-position:0 -35px;
}
#nav li .torat-yavneh {
	background: url(../images/ui-heb/nav-torah.gif) no-repeat;
	width:100px;
	background-position:0 0;
}

#nav li:hover .photos,
#nav li.hover .photos {
	background-position:0 -35px;
}
#nav li .photos {
	background: url(../images/ui-heb/nav-pics.gif) no-repeat;
	width:51px;
	background-position:0 0;
}

#nav li .history {
	background: url(../images/ui-heb/nav-history.gif) no-repeat;
	width:78px;
	background-position:0 0;
}
#nav li:hover .history,
#nav li.hover .history {
	background-position:0 -35px;
}
#nav li .mifalim {
	background: url(../images/ui-heb/nav-mifalim.gif) no-repeat;
	width:67px;
	background-position:0 0;
}
#nav li.hover .mifalim,
#nav li:hover .mifalim {
	background-position:0 -35px;
}

#nav li .zmorot {
	background: url(../images/ui-heb/nav-zmorot.gif) no-repeat;
	width:57px;
	background-position:0 0;
}
#nav li.hover .zmorot,
#nav li:hover .zmorot {
	background-position:0 -35px;
}

#nav li .shministim {
	background: url(../images/ui-heb/nav-shministim.gif) no-repeat;
	width:137px;
	background-position:0 0;
}
#nav li.hover .shministim,
#nav li:hover .shministim {
	background-position:0 -35px;
}

#nav li .alumni {
	background: url(../images/ui-heb/nav-alumni.gif) no-repeat;
	width:59px;
	background-position:0 0;
}
#nav li.hover .alumni,
#nav li:hover .alumni {
	background-position:0 -35px;
}


#nav li .contact {
	background: url(../images/ui-heb/nav-contact.gif) no-repeat;
	width:93px;
	background-position:0 0;
	height:29px;
}
#nav li.hover .contact,
#nav li:hover .contact {
	background-position:0 -29px;
}
#nav li .support {
	background: url(../images/ui-heb/nav-trumot.gif) no-repeat;
	width: 60px;
	background-position:0 0;
}
#nav li.hover .support,
#nav li:hover .support {
	background-position:0 -35px;
}




#nav .drop {
	position:absolute;
	top:35px;
	right:0;
	width:209px;
	display:none;
		text-align:right;
	direction:rtl;

}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	background:#0d6058;
	overflow:hidden;
	width:209px;
}
#nav ul li {
	float:none;
	display:block;
	margin:2px 3px  0 3px;

}
#nav ul li a {
	height:auto;
	text-indent:0;
	padding:2px 10px 2px 10px;
	height:1%;
	vertical-align:middle;
	color:#fff;
	font-size: 80%;
}
#nav ul li a:hover {
	background:#4d9991;
	text-decoration:none;
	color:#333;
}
#nav .drop .b {
	background: url(../images/ui-heb/bg-drop-b.png) no-repeat;
	width:209px;
	height:9px;
	font-size:0;
	line-height:0;
}
#nav li.hover .drop,
#nav li:hover .drop {
	display:block;
}
.main-block {
	width:981px;
}
.main-block-t,
.main-block-b {
	background: url(../images/ui-heb/bg-main-t.png) no-repeat;
	font-size:0;
	line-height:0;
	height:6px;
}
.main-block-b {
	background: url(../images/ui-heb/bg-main-b.png) no-repeat;
}
.main-block-c {
	background: url(../images/ui-heb/bg-main-c.gif) repeat-y;
	width:948px;
	overflow:hidden;
	padding:0 17px 6px 16px;
}
#main {
	padding:13px 0 0;
	width:940px;
	overflow:hidden;
	margin:0 0 16px;
}
#sidebar {
	width:193px;
	float:right;
	font-size:80%;
	padding-left: 15px;
	direction:rtl;
	text-align:right;
}

#sidebar ul { padding:0; margin:0; list-style: none; border-top: 1px solid #CCC;}
#sidebar ul li {padding:0 ; margin:0; list-style: none; border-bottom: 1px solid #CCC;}
#sidebar ul li a { display: block; color: #030; padding: 7px 22px 7px 5px; text-decoration:none; line-height: 150%; background:url(../images/ui-heb/arrowsGreen.png) no-repeat; background-position: right 11px;}
#sidebar ul li a:hover { background: #DDD url(../images/ui-heb/arrowsGreen.png) no-repeat; background-position: right 11px; }


#content {
	width:722px;
	float:left;
	font-size:80%;
	direction:rtl;
	text-align:right;
	min-height: 500px;
}

#content p, #content li, #content td {line-height: 150%;}
#content ul li {list-style: none;  margin-top: 4px; margin-bottom: 4px; background:url(../images/ui-heb/arrowsWhite.png) no-repeat; background-position: right 3px; padding-right: 20px;  }/*  list-style-image:url(../images/ui-heb/arrowsWhite.png); */
#content a {color: #333;}
#content a:hover {text-decoration: none; color: #000;}/*background-color: #4D9991; */
#content a:hover img {background-color: transparent; color:#FFF;}
#content h1 {text-align:right; font-size: 300%; margin-bottom: 30px;}
#content h2 {text-align:right; font-size: 130%; margin-bottom: 10px;}
#content td {vertical-align:top;}


#footer {
	width:100%;
	overflow:hidden;
	color:#0e635a;
	font-size:70%;
	direction:rtl;
}
#footer p {
	margin:0;
}

#footer a {color:#0e635a;}

.site-by {
	float:right;
	color:#7e7e7e;
	font-size:11px;
	line-height:11px;
	vertical-align:top;
}
.site-by span {
	vertical-align:top;
}
 /*================================================*/
 
.picRight {float:right; margin: 0 0 5px 10px;}
.picLeft {float:left; margin: 0 10px 5px 0;}
.pageNav {background: #EEE; padding: 2px;}
#content .DarkGreenBG, #content .tableHeader { background: #00544b; color:#FFF;}
#content .DarkGreenBG a, #content .tableHeader a {color: #FFF;}
#content .DarkGreenBG a:hover, #content .tableHeader a:hover { background-color: none;}
.LightGreenBG {background: #4d9991; color: #FFF;}
.PDFlink {background:url(../images/icons/page_white_acrobat.png) right top no-repeat; padding-right: 30px; padding-bottom: 2px;}
.DOClink {background:url(../images/icons/page_white_word.png) right top no-repeat; padding-right: 20px; padding-bottom: 2px;}
.message, .red, #content .message a, #content .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%; }
input.error, textarea.error, select.error {border: 1px solid #F00; background: #FFC1C1;    padding: 2px;}
.DarkGreenBG_header { background: #00544b url(../images/ui-heb/arrowsWhite.png) right no-repeat; color:#FFF; padding: 5px 25px 5px 5px; font-size: 140%; font-weight: bold; }

.store_moreInfo, .store_orderNow {background:url(/images/ui-heb/btn-see-more.png); margin: 0 auto; width: 112px; padding: 2px 3px; height: 24px; font-weight: bold; color: #FFF; }
#content .store_moreInfo a { color: #FFF;}

/*--------------------------------------------------------------
shiurim*/

.boxContainer {background: #4C9991; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; float:right; margin: 10px 0 0 10px; 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: 120px; background: #FFF url(/images/face-logo.jpg) center top no-repeat; width: 100px; margin: 0 auto; overflow: hidden; }
.ravImage img { width: 100px;}
.ravName { color:#FFF; height: 30px; overflow: hidden; font-weight: bold;}
.boxContainer.shiur .ravName { height: 47px; }
.boxContainer.cat .ravName { height: 16px; }
#content .ravName a, #content .ravName a:hover {color:#FFF;}
.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;}
/*
#content .torahIcon, #content .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; }*/

#content .torahIcon, #content .torahLang   {color:#666; padding: 2px 5px; float:right; margin: 0 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 20px; }

#content .iconSelection .torahIcon, #content .iconSelection .torahLang { background: #333; color:#FFF;}
#content .relatedInfo .iconSelection .torahIcon, #content .relatedInfo .iconSelection .torahLang { background: none; color:#666;}

#content label .torahIcon, #content label .torahLang {float: none; margin: 0 3px;}
#content .torahLang { font-weight: bold;}
#content .searchIcon { font-size: 220%; background: none; font-weight: normal; margin-left:20px; margin-top: -10px;}
#content .torahLang.heb {font-size: 120%;}
#content a.torahIcon:hover, #content a.torahLang:hover { background: #666;}
.shiurListIcons {float:left;}

.shiurListIcons td {width: 20px; background: #EEE; text-align:center;}
.shiurListIcons td.shiurOpener {width: 85px; background: none;}

#content .shiurListIcons td a.torahIcon, #content .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: right; margin-left: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.ShiurInfoInner p {margin: 0 0 3px;}
.infoCats {float:left; width: 180px; text-align: right; padding-right: 10px; border-right: 2px solid #FFF;}
.shiurListingTitle {font-weight: bold; font-size: 110%;}

.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;}
#content .searchBar a {color: #00544B; font-size: 160%;}

.extra {padding: 4px; background: #DDD;}


/* paging */
#paging {
    padding: 4px 0;
	overflow: auto;
}
#paging a {
	background: #FFF;
  border: 1px solid #00544B;
  display: block;
  float: right;
  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:left; width: 210px; margin-right: 10px; border: 1px solid #CCC;}
/*#relatedInner {height: 500px; overflow: auto;}*/
#mainShiurDisplay {width: 500px; float: left;}


ul#relatedHeader {
    border-bottom: 1px solid #CCC;
   /* border-left: 1px solid #CCC;*/
    float: left;
    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: right;
    height: 65px;
    line-height: 16px;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 105px;
}
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: right;
    width: 210px;
}





.playerHolder {
	padding: 10px 0 0 0;}
.playerHeading { color:#000; padding: 5px; border-bottom: 1px solid #CCC;}

.relatedImg  {float: right; margin-left: 10px;}
.relatedImg img  {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #666;}

.relatedInfo { float:right; width: 123px;}

.relatedShiur {padding: 5px; border-bottom: 1px solid #DDD; overflow:auto;}
.relatedShiur:hover {background: #EEE;}

#content .relatedShiur a.torahIcon {padding: 0px 1px; margin: 0 3px; font-size: 130%;}
#content .relatedShiur a.torahLang {padding: 0px 1px; margin: 0 3px; font-size: 120%;}
#content .relatedShiur a.torahLang.heb {font-size: 120%;}
.relatedShiur .iconSelection {padding:0;}

.plus {background:url(../includes/loading.gif) 0 -16px no-repeat; width: 16px; height: 16px; padding-left: 18px;}
.lower {background: url(../includes/loading.gif) 0 0 no-repeat; width: 16px; height: 16px; padding-left: 18px;}

input.datepicker, input.birthpicker {background:url(/images/icons/calendar.png) 2px 2px  no-repeat; padding-left: 20px;}

.round3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.round6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

#cboxOverlay{background-color:#00554C;}
.postDetails {direction:rtl; padding:10px; background: #FFF;}
#cboxContent, #cboxLoadedContent {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#cboxClose  { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.printonly { display: none;}