/*-----------------------------------------------*/
.online-application {
	margin:-10px 0 13px;
	text-indent:-9999px;
	background: url(../images/ui-heb/bg-kby-online-application.jpg) no-repeat;
	width:337px;
	height:41px;
}
* html .online-application {
	position:relative;
}
.online-application a { display: block; height: 41px; width: 337px;}

/*=====================================*/

.featured-links {
	border:1px solid #bfb497;
	background:#f4ecd7;
	padding:5px 18px 7px;
	height:1%;
	overflow:hidden;
	margin:0 0 10px;
}
.featured-links h3 {
	font-size:18px;
	color:#0d5750;
	margin:0;
	float:right;
}
.featured-links .heading {
	width:100%;
	overflow:hidden;
	margin:0 0 7px;
}
.featured-links .heading a {
	color:#0d5750;
	float:left;
}
.featured-links ul {
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
}
.featured-links ul li {
	padding:0 0 0 14px;
/*	background: url(../images/ui-heb/bullet-featured-links.gif) no-repeat 0 5px;*/
	list-style: none;
	border-bottom: 0;
}
#sidebar .featured-links ul li a {	color:#000; background:url(../images/ui-heb/arrowsGreen.png) no-repeat; background-position: right 11px;}
#sidebar .featured-links ul li a:hover {background:#FFF url(../images/ui-heb/arrowsGreen.png) no-repeat; background-position: right 11px;;}

/*=====================================*/

.featured-shiurim h3 {
	padding:0 18px 0 0;
	background:#0b514a url(../images/ui-heb/bg-heading.gif) repeat-x;
	line-height:31px;
	font-size: 140%;
	color:#fff;
	margin:0;
}
.featured-shiurim {
	overflow:hidden;
	width:100%;
}
.featured-shiurim ul {
	margin:0;
	padding:0 0 0 3px;
	list-style:none;
	background:#f4ecd7;
	border:solid #bcb193;
	border-width:0 1px 1px;
	overflow:hidden;
	width:336px;
	float:right;
}
#sidebar .featured-shiurim ul li {
	padding:8px 0 11px 3px;
	overflow:hidden;
	background: url(../images/ui-heb/separator-featured-shiurim.gif) repeat-x;
	margin:-2px 0 2px;
	float:right;
	clear:both;
	font-size:14px;
	width:323px;
	border-bottom: 0;
}
#sidebar .featured-shiurim ul li .visual {
	border:1px solid #C3C3C3; /*8b8b8b;*/
	float:right;
	margin:3px 7px 0 3px;
	display:inline;
}

.featured-shiurim .textArea {display: block; margin-right: 65px;}

.featured-shiurim ul li .visual img {display:block; padding: 2px;}
.featured-shiurim h4 {
	margin:0;
	font-size:110%;
	color:#0e635a;
}
#sidebar .featured-shiurim ul li a {padding:0; margin:0;}

#sidebar .featured-shiurim h4 a {
	color:#0e635a;
	text-decoration:none;
	background-image: none;
}
#sidebar .featured-shiurim h4 a:hover {
	text-decoration:underline;
	background-color: #FFF;
	background-image: none;
	}
#sidebar .featured-shiurim .visual a {
	text-decoration:underline;
	background-color: #FFF;
	background-image: none;
	padding:0;
	}	
.featured-shiurim ul li p {	margin:0;}

/*=====================================*/
.announcements {
	border:1px solid #bcb193;
	margin:0 0 14px;
	width:590px;
	height: 120px;
	overflow:hidden;
	background:#f4ecd7;
}
.announcements ul {
	margin:0 -15px 0 0;
	padding:6px 0 8px;
	list-style:none;
	overflow:hidden;
	width:603px;
	float:right;
}
.announcements ul li {
	width:155px;
	padding:0 22px 0 22px;
	border-left:1px solid #1b776e;
	float:right;
	margin:0 22px 0 -16px;
	font-size: 100%;
	height: 80px;
}

.announcements ul li a {text-decoration:none;}
#content .announcements ul li a:hover {text-decoration:underline; background-color: transparent;}
#content .announcements ul li {background-image: none;}

.announcements ul li p { margin:0; }


#content .announcements .more a, #content .events .more a {color: #FFF;}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 590px;
	height:115px;
	/* custom decorations 
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;*/
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	padding: 0; margin: 0; list-style: none;
}
/* single scrollable item 
.scrollable img, .scrollable li {
	float:right;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	list-style: none;
}
/* active item */
.scrollable .active {
	/*border:2px solid #000;*/
	z-index:9999;
	position:relative;
}


/*==============================================*/

.main-visual {
	width:592px;
	background: url(../images/ui-heb/bg-main-visual-c.gif) repeat-y;
	margin:0 0 10px;
}
.main-visual-t {
	background: url(../images/ui-heb/bg-main-visual-t.gif) no-repeat;	
}
.main-visual-b {
	background: url(../images/ui-heb/bg-main-visual-b.gif) no-repeat 0 100%;
	width:586px;
	padding:7px 3px 0;
}
.main-visual .jflow-content-slider {
	width:564px;
	background: url(../images/ui-heb/bg-main-visual-gradient.gif) repeat-x;
	padding:6px 13px 7px 9px;
}
.main-visual .slide-wrapper {
	margin:0;
	padding:0;
	list-style:none;
	/*border:1px solid #8b8b8b;*/
	width:562px;
	margin: 0 0 4px;
	position:relative;
}
.main-visual .slide-wrapper img {
	display:block;
	float:left;
}
.main-visual .overlay {
	position:absolute;
	top:-6px;
	right:-1px;
	width:278px;
	color:#fff;
	font-size:14px;
}
.main-visual .overlay div {
	background: url(../images/ui-heb/bg-overlay.png) repeat-y;
	padding:0px 15px 0 70px;
	width:127px;
	height:285px;
}
.main-visual .overlay h4 {
	font-size:24px;
	color:#fdffc7;
	line-height:24px;
	font-weight:normal;
	margin:5px 0 10px;
	padding:0 0 8px;
	border-bottom:1px solid #fdffc7;
}
.main-visual p {
	margin:0 0 17px;
}
#content .main-visual .more {
	background: url(../images/ui-heb/btn-see-more.png) no-repeat;
	color:#FFF;
	width:118px;
	height:28px;
	line-height:28px;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
#content .main-visual .overlay .more a {color:#FFF; }
#content .main-visual .overlay .more a:hover {background-color:transparent;}


.pager {
	/*width:196px;*/
	height:26px;
	padding-top: 4px;
	margin:0 auto;
}/*
.pager ul {
	margin:9px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.pager ul li {
	float:right;
	margin:0 7px 0 0;
	display:inline;
}
#content .pager ul li {background-image: none;list-style: none; padding:0;}


.pager ul li a {
	width:14px;
	height:14px;
	background:#fff;
	display:block;
	text-indent:-9999px;
	line-height:0;
	overflow:hidden;
}*/
.pager .btn-prev {
	width:31px;
	height:31px;
	padding: 4px;
	
/*	display:block;
	background: url(../images/ui-heb/btn-prev.png) no-repeat;
	float:right;text-indent:-9999px;*/
	background:url(../images/ui-heb/arrowsGreenBack.png) no-repeat; background-position: 0 6px;
	
	overflow:hidden;
	cursor:pointer;
	margin:0 7px 0 0;
}
.pager .btn-next {
	width:31px;
	height:31px;
	padding: 4px;
	/*	width:31px;display:block;
	background: url(../images/ui-heb/btn-next.png) no-repeat;
	float:right; text-indent:-9999px;*/
	background:url(../images/ui-heb/arrowsGreen.png) no-repeat; background-position: 0 6px;
	
	cursor:pointer;
	overflow:hidden;
}
/*
.pager li.active a,
.pager li a:hover  {
	background:#10655c;
}*/

/*==========================================================*/

#content .heading h3 {
	margin:0;
	float:right;
	font-size:18px;
	color:#fff;
}
#content .heading {
	height:1%;
	height:31px;
	line-height:31px;
	overflow:hidden;
	padding:0 19px 0 11px;
	background: url(../images/ui-heb/bg-heading.gif) repeat-x;
}
#content .heading a {
	float:left;
}

#content .container {
	width:100%;
	overflow:hidden;
}
#content .events {
	width:273px;
	float:right;
	border:1px solid #bcb193;
}
#content .eventsInner {
		padding: 0 5px;
}

/*=============================================*/
#content .container .frame {
	width:293px;
	float:left;
}
.container .frame .subscribe {
	border:1px solid #156960;
	width:203px;
	overflow:hidden;
	padding:4px 0 20px 88px;
	background:#dcecea url(../images/ui-heb/bg-subscribe.jpg) no-repeat;
	position:relative;
	margin:0 0 8px;
	height:65px;
}
.subscribe .text {
	border:1px solid #3667a3;
	width:162px;
	padding:2px 22px 2px 5px;
}
.subscribe .select {
	border:1px solid #3667a3;
	width:191px;
	padding:0 22px 0 0;
	margin:4px 0 0;
}
.subscribe .select option {
	padding:0 22px 0 0;
}
.subscribe .row {
	font-size:11px;
	overflow:hidden;
	width:100%;
	margin:2px 0 0;
	line-height:14px;
}
.subscribe .row label {
	float:right;
	margin:0 3px 0 0;
}
.subscribe .row .radio {
	width:16px;
	height:15px;
	float:right;
	margin:0 0 0 3px;
	padding:0;
}
.subscribe .row .privacy {
	float:right;
	color:#0e635a;
}
.subscribe .submit {
	width:103px;
	height:19px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background: url(../images/ui-heb/btn-submit.gif) no-repeat;
	border:0;
	bottom:-1px;
	position:absolute;
	left:138px;
	cursor:pointer;
}
.ads {
	width:293px;
	overflow:hidden;
	margin:0 0px 4px  8px;
}
.ads img {
	display:block;
}
.ads .ads1 {
	width:145px;
	float:right;
	margin:0 0 0 5px;
	display:inline;
}
.ads .ads2 {
	width:143px;
	float:right;
}
.ads3 img {
	display:block;
}
