@charset "windows-1255";
/* CSS Document */
td { vertical-align: top;}
body {
	font-family: Roboto,sans-serif;	font-size: 15px;
}
#bg .blog-post a {text-decoration: underline;}
#bg .blog-post a:hover {text-decoration:  none;}
a.underline { text-decoration:  underline !important;}
.dlab-bnr-inr {	height: 320px;}
.overlay-black-middle::after {	opacity: .3;}
.box-header .dlab-topbar-right .site-button-link {
	text-shadow: 1px 1px 1px #000;
}
.dlab-topbar-left { padding-left: 0;}
.applyNav { background:  #0086f0; font-weight: bold; padding: 5px 10px;}
.hebNav { background:  #fff; color:  #0086f0 !important; font-weight: bold; padding: 5px 10px;}

.box-header .dlab-topbar-left ul li a:hover, .box-header .dlab-topbar-right .site-button-link:hover {
	color: #333 !important; text-shadow: none;
}
.box-header .extra-nav .site-button { font-size: 15px;}

.site-footer.style1 .footer-bottom {
	padding: 10px 0;
}
.footer-bottom-social img { margin-left: 15px;}

.dlab-post-media img { /* for desktop*/
	height: 280px !important;
}
.productItem {padding: 12px; box-shadow: 2px 2px 4px #333; text-align: center;}
.productItem img {  height: 150px; width:  auto;}
.store_prod_title {}
.store_prod_title a { font-weight: bold; text-decoration: none;}
.store_short_bio {}
a.storeButton { display:  block; background: #0086f0; color: #fff; font-size: 1.2rem; margin: 5px 0 0;}

.boxContainer { background: #fff; padding: 5px; border: 3px solid #fff; text-align: center;}
.boxContainer:hover { border-color: #0086f0;}
.ravImageInner {}
.ravImageInner img { height: auto; width: 100%;}
.ravName { background: #333; padding: 3px; margin: 3px 0; color: #fff; height: 75px; max-height: 75px; overflow: hidden; }
.ravName a {font-weight: bold; text-decoration: none; color: #fff;} 
.ravName a:hover {text-decoration: underline;} 
.boxContainer .iconSelection { background: #0086f0; color: #fff; text-align: center; text-decoration: none; padding: 3px; margin-top: 2px;}
.boxContainer .iconSelection a {color: #fff; margin-right: 10px; font-size: 1.2rem;}
.boxContainer .iconSelection a:hover { color: #333;}
.boxContainer .iconSelection a:last-child { margin: 0;}

.boxContainer.cat .ravName { font-size: 1.5rem; height: 55px; max-height: 55px; overflow: hidden;}

.dynamicTorahCats ul { margin: 10px 30px;}
.dynamicTorahCats ul li a { color: #333;}
.torahLang {
	background: #0086f0;
	color: #fff;
	border-radius: 50%;
	padding: 1px 3px 3px 3px;
	width: 20px;
	display: inline-block;
	text-align: center;
	height: 20px;
	font-size: 17px;
	line-height: 100%;
}
.innersearch label i {color: #0086f0;}

.portbox3 .overlay-bx, .portbox1 .portinner {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
}

.overlay-bx {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 10;
	opacity: 1;
	visibility: visible;
}


/*--------------------------------------------------------------
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: 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: 40px; overflow: hidden; font-weight: bold; line-height: 100%;}
.boxContainer.shiur .ravName { height: 50px; }
.boxContainer.cat .ravName { height: 35px; }
.blog-single .ravName a, .blog-single .ravName a:hover {color:#FFF; text-decoration: none;}
.iconSelection { padding:5px; text-align:center; margin: 7px auto; padding-right: 12px;}

.torahIcon { color: #FFF; /*font-size: 150%;*/}
.torahIcon.black {color:#000;}
/*
.blog-single .torahIcon, .blog-single .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; }*/

.blog-single .torahIcon, .blog-single .torahLang   {color:#fff; padding: 5px; /*float:right; */margin: 0 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 25px; }
#InnerSearch .torahLang { color: #fff; padding: 1px;}

.blog-single .iconSelection .torahIcon, .blog-single .iconSelection .torahLang { background: #333; color:#FFF;}
.blog-single .relatedInfo .iconSelection .torahIcon, .blog-single .relatedInfo .iconSelection .torahLang { background: none; color:#666; width: 20px;}

.blog-single label .torahIcon, .blog-single label .torahLang {float: none; margin: 0 3px;}
.blog-single .torahLang { font-weight: bold;}
.blog-single .searchIcon { font-size: 140%; background: none; font-weight: normal; margin-left:20px; margin-top: -1px; color:#FFF;}
.blog-single .torahLang.heb {font-size: 120%;}
.blog-single a.torahIcon:hover, .blog-single a.torahLang:hover { background: #666;}
.shiurListIcons {  float: right;  min-width: 100px;  width: 14%;}
.shiurListIcons table { width: 100%; margin-bottom: 0;}
.shiurListIcons td {width: 23px; background: #EEE; text-align:center; padding: 5px;}
.shiurOpener {width: 100%; text-align: center; background: #ddd;}

.blog-single .shiurListIcons td a.torahIcon, .blog-single .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:3px 5px 5px 0; 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; clear: both;}
.ShiurInfoInner img, .ravImg  {float: left;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 10px 0 0;}
.ShiurInfoInner p {margin: 0 0 3px;}
.infoCats {float:right; width: 50%; text-align: left; padding-left: 10px; border-left: 2px solid #FFF;}
.shiurListingTitle {font-weight: bold; font-size: 130%; line-height: 110%;}
.shiurListingRav { line-height: 110%; margin-top: 3px;}

.tableBottomLine {border-bottom: 1px solid #EEE;}


#InnerSearchLink {margin: 5px 0 10px;	font-size: 120%;	padding:4px 0 ;}
.searchBar, #InnerSearch { background: #f5f5f5; color: #333; font-weight: bold; border: 1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.blog-single .searchBar a {color: #0086f0; font-size: 160%; line-height: 100%;}

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

.blog-single a.open { background-color: #D1FC7C;}
.dynamicTorahCats a {padding-bottom: 2px; padding-top: 2px;}

/* paging */
#paging {
    padding: 4px 0;
	overflow: auto;
}
#paging a {
	background: #FFF;
  border: 1px solid #0086f0;
  display: block;
  float: left;
  margin: 5px;
  padding: 1px 4px;
  text-decoration: none !important;
  font-weight: bold;
   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#paging a:hover, #paging a.active {
  background: #0086f0;
  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;}

.blog-single .relatedShiur a.torahIcon {padding: 0px 1px; margin: 0 3px; font-size: 130%;}
.blog-single .relatedShiur a.torahLang {padding: 0px 1px; margin: 0 3px; font-size: 120%;}
.blog-single .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;}



@media (max-width:640px){
	.two-column-layout .column { width:100%; float:none; }
	.post h2 { font-size:24px; margin-bottom:20px; }
	#relatedVideos {float: none; width: 100%;}
	#shiurContent {width: 100%; float: none; }

}

@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-left:0; }
	.change-language { width:50%; }
	#relatedVideos {float: none; width: 100%;}
	#shiurContent {width: 100%; float: none; }
	
}

.playerHolder div {direction: ltr;}
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:right;}
.commentText { padding: 10px; border-top: 1px solid #BBB;line-height: 150%;}
.commentDate { padding: 10px; float: left;}

#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: 12px;}
#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: 12px;}
#commentBy, #commentOptions  { width: 49%; float:right; line-height: 150%;}
#commentByEmail, #commentSpam { width: 49%; margin-right: 2%; float:right; line-height: 150%;}
#commentOptions { padding: 10px 0;}
input[name=submitComment] { float:left; cursor: pointer;}
#newComment label.error { display: none !important;}
#commentMessage { padding: 10px 0; margin-bottom: 15px; }
#commentMessage.good  { background:#AEDDBD;}
#commentMessage.bad  { background: #F7C9CA;}

#torahManualContent {}
#torahManualContent ul {  padding: 0; margin: 0; list-style: none; width: 100%;}
#torahManualContent ul li { padding: 0; margin: 0; list-style: none; float: left; width:23%; margin-right: 2%;}
#torahManualContent ul li a { color: #fff !important; background: #0086f0; padding: 10px; display: block; font-weight: bold;}
#torahManualContent ul li a:hover { padding-left: 20px;}

@media (max-width:640px){
	#torahManualContent ul li { float: none; width:100%; margin-right: 0%; margin-bottom: 3px;}
	
}
.message, .error, label.error {color: red;}

strong { font-weight: 700;}
#btnAction { padding: 10px 20px; font-weight: bold; cursor: pointer; background: #333; color: #fff; border: 1px solid #333; border-radius: 5px;}
#btnAction:hover { background: #fff; color: #333;}