/*  Global Reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: helvetica, arial;	vertical-align: baseline;}:focus {	outline: 0;}body {	line-height: 1;	color: black;	background: white;}ol, ul {	list-style: none;}table {	border-collapse: collapse;	border-spacing: 0;}caption, th, td {	text-align: left;	font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q{	quotes: "" "";}

html{height:100%; width:100%;}
body {background:#f9f9f6; color: #333; font: 11px/16px Helvetica, Tahoma, Verdana, Arial, sans-serif; height:100%; width:100%;}

h1{font-family:helvetica; font-size:24px; font-weight:normal; color:#ffa724; margin:0 0 20px;}
h2{font-family:helvetica; font-size:16px; font-weight:normal;}
h3{font-family:helvetica; font-size:14px; font-weight:normal;}
h4{font-family: helvetica; font-size:14px; font-weight:bold;}
h5{font-family:Arial, Helvetica, sans-serif; font-size:17px;}
h6{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

a{ color:#636363;}

p strong{ font-weight:bold;}
p em{ font-style:italic;}
p a{ text-decoration:underline;}
blockquote{margin: 0 0 10px 20px;}
blockquote p{font:18px/24px Georgia; color:#888;}

.content p{font:14px/18px arial; color:#3e434a; margin:0 0 10px;}



.round{ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px;}	
.h{ display:none;}
.r{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}	
.h{ display:none;}
.rt{-moz-border-radius-topleft:5px;   -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px;  -webkit-border-top-right-radius:5px; border-top-left-radius: 5px;border-top-right-radius: 5px;-khtml-border-top-left-radius: 5px;-khtml-border-top-right-radius: 5px;}
.rb{-moz-border-radius-bottomleft:5px;   -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-right-radius:5px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-khtml-border-bottom-left-radius: 5px;-khtml-border-bottom-right-radius: 5px;}


.sprite{ background:url(../graphics/sprite.png);}
span.sprite{ display:block; height:16px; width:16px;}


/* Info Error and check Message styles */
.msg{ padding:5px 10px 5px 15px; margin:0 0 20px!important; position:relative}
	.content .msg{ _width:95%}
	.event-tabs .msg{ _width:93%}

.info{ border-bottom:1px solid #CCEAFD; border-top:1px solid #CCEAFD; background:#E7F5FE; }
.info-icon{ position:relative; top:3px; left:-5px;}
.close-msg{ position:absolute; right:10px; top:5px;}
#frm-error{padding:5px 10px 5px 30px!important;}
.error{border-bottom:1px solid #FFB2B2; border-top:1px solid #FFB2B2; background:#FFE5E5 url(../graphics/icons/error.png) no-repeat 5px 7px; }
.check{border-bottom:1px solid #B2D1B2; border-top:1px solid #B2D1B2; background:#E5EFE5 url(../graphics/icons/accept.png) no-repeat 5px 7px; }

/* Add to calendar Modal Box */
.add-calendar{ cursor:pointer;}
.add-cal h3{display:none;}
.add-calendar-popup .sprite{ display:block; width:32px; height:32px; float:left; margin:0 10px 0 0;}
.add-calendar-popup ul{ overflow:hidden;}
.add-calendar-popup li{ float:left; width:50%;}
.ical{ background-position:0 -80px;}
.outlook{background-position:0 -120px;}
.google-calendar{background-position:0 -160px;}


.pages{ padding:8px 15px 5px;}


/* ## Buttons
------------------------------------*/
.submit{ background:url(../graphics/btn/submit.png) no-repeat top left; width:130px!important; height:40px; border:0 none; text-indent:-99999px; _display:block; font-size:0px; line-height: 0px }
.submit:hover{background-position:bottom left!important;}

/*  Content Blocks
------------------------------------------------------------------*/
#wrapper{background:url(http://torahlive.dev.projectsinai.org/graphics/bg.jpg) repeat-y; margin:0 auto; width:960px; position:relative; padding:0 3px;}
#wrapper.no-sidebar{background:url(http://torahlive.dev.projectsinai.org/graphics/bg-full.jpg) repeat-y;}

#header{ height:106px; background:white }

.container{ overflow:hidden;}
.content{ padding:20px 30px; _width:590px;}
.event-open .content{ padding:0 30px 20px 30px;}

.grid1{ width:650px; float:left;  }
.grid2{width:310px; float:right;  margin:0 0 10px; }

/* ## Module
------------------------------------*/
.mod{margin:5px 14px 16px 15px; position:relative; }
.grid1 .mod{margin:15px; }

.mod .hd{margin:0 0 0 15px; position:relative;}
.mod .hd h4{ padding:10px 0 0 0 ; color:black; cursor:pointer;}
.mod .bd{ background:white; margin:11px 6px 0; padding:10px;}
.mod .ft{ height:8px;}

.hd,.bd,.ft{overflow:hidden; _height:1%;}

/* ## Header
------------------------------------*/
#logo{background:url(http://torahlive.dev.projectsinai.org/graphics/torahlive-logo.png) no-repeat; width:230px; height:70px; float:left; margin:17px 0 0 29px; }
	#logo span{ display:none;}
	
.account-menu{float:right; margin:0 20px 0 0;}
	.account-menu li {display:block; float:left; font:11px helvetica; line-height:40px; margin:0 10px 0 0; color: #636363;}
	.account-menu li a {color: #636363; text-decoration:underline;  }

.top-sponsor{ width:280px; height:43px; background:#E5E5DC; position:absolute; top:40px; right:18px;}

.search{ width:325px; height:43px; background:url(../graphics/serach-bg.gif) no-repeat; position:absolute; top:40px; left:310px;}
.search fieldset{ margin:8px 10px; overflow:hidden;}
.search-bg{ height:27px; background-position:-200px -160px; width:240px; overflow:hidden; float:left; _height:1%;}
.search-box{ border:0 none; padding:0; margin:2px; width:100%; float:left; height:23px; _margin:2px 5px 2px 2px;}
.search-filter{background-position:-200px -120px; width:53px; height:18px; margin:5px 0 5px 4px; float:right;}
.search-btn{ float:left; background-position:-200px 0; width:61px; height:27px; border:0 none; margin:0 0 0 3px;}

/* ## Menu
------------------------------------*/
.menu{background: #3e4349 url(http://torahlive.dev.projectsinai.org/graphics/menu-bg.jpg) repeat-x bottom left; clear:both; height:39px;overflow:hidden; margin:0 1px; *height:1%;}
.menu li{background:url(http://torahlive.org/graphics/menu-divider.jpg) no-repeat top right; float:left;}
.menu li a{padding:0 15px; font:14px/39px helvetica; color:white; text-decoration:none;}
.menu a:hover, .menu .active a{color:#FFA724;}


.menu .g a{color: #999;}


.menu .rss-menu, .menu .email-menu{background:none; float:right;}
.rss-menu a, .email-menu a{padding:0 25px 0 7px !important; font:normal 14px/39px helvetica!important;}

.rss-menu .sprite{background-position:0 -40px; margin:11px 0 0 0; width:16px; height:16px; float:left;}
.email-menu .sprite{background-position:0 0; margin:15px 0 0 0; width:16px; height:13px; float:left;}


/* ## Main module forntpage
------------------------------------*/
.tabstyle .inner{ margin:0 0 0 150px; position:relative;}
.tabstyle .inner img{ position: absolute; left:-150px; display:block; background:#c9c7c7; padding:4px; width:125px; margin:0 15px 0 0px; float:left;}

.breadcrumb{width:604px; margin:10px 0; padding:0 0 10px 0; color:#636b75; border-bottom:1px solid #eee; }
	.breadcrumb a{ color:#636b75; text-decoration:none; font:12px helvetica;}
		.breadcrumb a:hover{ color:#333;}
	.breadcrumb span{ padding:0 5px;}

.tabstyle .ui-tabs .ui-widget-content {border:1px solid #C9C9C9;!important}

.tabstyle .ui-tabs-nav li{display:block;background:none !important;float:left;cursor:pointer;margin:0;padding:0; border:0 none; }
.tabstyle .ui-tabs-nav a{float:left;background: url(../graphics/tabs/tabs.jpg) no-repeat left top;text-decoration:none;margin:0;padding:0 0 0 5px;cursor:pointer;}
.tabstyle .ui-tabs-nav a span{ background:url(../graphics/tabs/tabs.jpg) right -31px;float:left;display:block; font-weight:200;color:#3B3B3B;padding:9px 13px 5px 3px;cursor:pointer; font:bold 14px arial; }

.tabstyle .ui-tabs-nav a:hover, .tabstyle .ui-tabs-selected a{float:left;background: url(../graphics/tabs/tabs.jpg) no-repeat left -62px;}
.tabstyle .ui-tabs-nav a:hover span, .tabstyle .ui-tabs-selected a span{ background:url(../graphics/tabs/tabs.jpg) right -93px;}

.related-articles-header{ margin:10px 0 5px;}

.featured-hp .related-articles li{ list-style:inside disc;}
.featured-hp .related-articles a{color:#004276;}


/* ## Upcomin/Archived List
------------------------------------*/
.listing{border:1px solid #c9c9c9; background:white; margin:0 0 15px; padding:15px 0 10px 0; }
.listing li{ overflow:hidden; border-bottom:1px solid #c9c9c9; margin:0 14px; padding:13px 0 10px 0; _height:1%; zoom:1; }

.listing li:last-child{ margin:0 14px 20px 14px; border-bottom:0 none!important;}

.listing h5 a{ text-decoration:none; color:#3e434a;}
.event-data{width:280px; font:12px arial; float:left; margin:0 10px 0 0; padding:0 10px 0 0;}
.event-meta{width:140px; font:11px arial; float:left; overflow:hidden;}
.event-data h5{ margin:0 0 2px;}
.event-data h5 a{ text-decoration:underline!important;}
	.event-data h5 a:hover{ color:#FF9900}
	.event-data h5 a:visited{ color: #FFCC66}

.event-data em{font:12px arial; margin:0 0 6px; display:block;}
.event-data p{font:11px arial; color:#888;}

.event-meta .join-class{ margin:0 0 8px;}


.event-meta em{ color:#888;}
.add-calendar{ color:#fb8d27;}

.listing .featured{ background:#fbf9e0; margin:0!important; padding:13px 14px 10px 14px;}

.pic{ display:block; background:#c9c7c7; padding:4px; width:125px; margin:0 15px 0 0px; float:left;}
.pic img{ display:block;}

.join-class{display:block; width:125px; height:27px; text-indent:-3244515px; }
.attend{ background-position:-200px -40px!important; }
.attend-archive{ background-position:-200px -80px;; }
.enter{ background-position:-200px -80px; }
.sign-up{ background-position:-360px -40px; }
.view{ background-position:-200px -80px; }

.signing-up{ background-position:-360px -80px!important; position:relative; }
	.signing-up img{position: absolute; right:9px; top:9px; }

/* ## Article List
------------------------------------*/
.article-list li{overflow:hidden; border-bottom:1px solid #c9c9c9; margin:0 14px; padding:13px 0 10px 0; zoom:1;}
.article-list li:last-child{border-bottom:0 none!important;}


/* media page*/
#social-bar { border:1px solid #BDBCBD; overflow:hidden; margin:10px 0 20px 0!important; padding:0 10px; height:28px; background: url(../graphics/social-bg.jpg) repeat-x;}
#social-bar li, #social-bar li a{ float:left; margin:0 15px 0 0!important; list-style: none!important; color:#333; line-height:28px;}
.embed input{ width:300px;}

#social-menu{top:30px; z-index:9999; display:none; position:absolute; background: #BDBCBD; width:200px; height: 160px; padding: 5px;}
#social-menu div { padding:7px; background:white; overflow:hidden;}

.view-comments{margin:0 0 10px 0!important; }
	.view-comments li{ overflow:hidden; border-bottom:1px solid #eee; padding:10px 0 5px; _height:1%;}
	.view-comments li div{ display:block; float:left; width:150px; margin:0 15px 0 0; }
	.view-comments .hold{float:left; width:380px; margin:0!important;}
		.view-comments  em{ display:block; font:12px arial;}
		.view-comments .author{ font:bold 13px arial; color:#024174;}
		.view-comments .author span{ color:#333;}
			.view-comments li p{ color:#424242; font:13px/20px arial; margin:0 0 5px!important; }
	
.logged-out-comment{font:bold 14px helvetica; color:#888888;}
.logged-out-comment a{color:#114F82;}
#comment_form{ margin:15px 0;}

.form-comment ul { margin:20px 0!important;}
.form-comment li{ overflow:hidden; margin:0 0 10px;}
.form-comment label{ width:100px; text-align:right; float:left; margin:0 15px 0 0; font: 16px helvetica; color:#333;}
.form-comment input{ width:200px; float:left;}
.form-comment textarea{ width:410px; height:150px; float:left;}
.form-comment .submit{ margin:0 0 0 100px!important}

.post-comment{background:url(/images/_ui/login_btn.png) no-repeat;cursor:pointer;display:block;height:35px;margin:7px 0 5px; width:140px; border:none; margin:0 0 0 160px;}

.ui-state-default em{ font-weight:normal; font-size:90%;}

.downloads a{ text-decoration:none;}
.downloads .pdf{ padding:0 5px 10px 25px; background:url(../graphics/icons/pdf.png) no-repeat;}

/* ## Sidebar
------------------------------------*/
.sidebar{ margin:10px 0 0 0;}
.sidebar .mod{ background:#e1e1e1; _width:281px;}

.sidebar .hd .sprite{ background-position:-40px -40px; position:absolute; top:12px; right:10px;}
.sidebar .active .sprite{ background-position:-40px 0;}

.sidebar p{ font:12px/17px helvetica!important;}
.sidebar .box ul.b li { border:none!important; padding:0!important; font:12px/17px helvetica!important; list-style:inside disc;}

#author img { width:60px; height:60px;}
	.author-pic{ float:left; margin:3px 10px 5px 0;}

#popular .bd{ padding:0;}
#popular .ui-tabs .ui-tabs-nav{background:#919191;}
#popular .ui-tabs .ui-tabs-nav li {border:none; margin:0; padding: 0; background:none; }
#popular .ui-tabs .ui-tabs-nav li a { padding:7px 6px; font:bold 11px arial; }
#popular .ui-tabs .ui-tabs-nav li.ui-tabs-selected {background:none;}


.mail-labels{ margin:10px 0 5px;}
.mail-labels .submit{background:url(../graphics/btn/sign-up.png) no-repeat top left; margin:6px 0 0 95px;}
.mail-labels label{font:12px/22px arial; width:95px; display:block; float:left;}
.mail-labels .input{width:145px; float:left; display:block;  height:20px;}

#tellafriend_form input, #tellafriend_form textarea{ width:98%; _width:95%; margin:0 0 8px;}

#cat_topics { overflow:hidden;}
#cat_topics li{ float:left; width:47%; }

/* ## Main article styles
------------------------------------*/
.article h2, .article h3{color:#3e434a; margin:0 0 15px;}
.article ol, .article ul{font:14px/18px arial; color:#3e434a; margin:0 0 10px; margin: 0 0 10px 30px;}
.article li{ margin:0 0 5px;}
.article ul li{list-style:outside circle;}
.article ol li{ list-style:outside decimal;}


/* ## Single Event
------------------------------------*/
.presentation{ background:white; padding:15px;}
	.content .presentation{ padding:0!important;}
	.presentation .title{ color:#ffa724; margin:0 0 15px;}
	.presentation .presenter{ margin:0 0 10px;  font:14px arial;}
	.close-btn{ padding:8px 10px 5px 27px; background:#eee url(../graphics/icons/close.png) no-repeat  8px 9px; margin:-22px 20px 0 0 ; float: right; text-decoration:none;}
#presentation{ width:910px!important; _width:890px!important;  border:10px solid #eee!important;}

.class-description{ overflow:hidden; margin:15px 0 25px; _height:1%; _overflow:visible; _position:relative;}
.class-description .class-image{float:left; margin:0 10px 0 0; _margin:0;}
.class-description .hold{float:left; width:71%;  _margin:0  0 0 10px;}
.class-description .start-time{ font-weight:bold; margin:0 0 5px!important;}
.class-description .title{margin:0 0 5px!important; font-size:12px;}
.class-description .join-class{ margin:5px 0;}

.event-tabs{ overflow:hidden;}
.event-tabs .ui-tabs .ui-tabs-panel{ 20px 10px !important}
.review{ overflow:hidden;}

.signing-up-ajax{ display:block;}

/*Forgot Password
------------------------------------------ */
.forgot-password li{ list-style:none;}

/*Topics page
------------------------------------------ */
.topic-div .archive-tag{background: url(../graphics/icons/archived-tag.gif) no-repeat; height:15px; width:60px; display:block; float:left; margin:4px 8px 0 0;}
.topic-div .upcoming-tag{background:url(../graphics/icons/upcoming-tag.gif) no-repeat; height:15px; width:60px; display:block; float:left; margin:4px 8px 0 0;}
.topic-div .soon-tag{background:url(../graphics/icons/soon-tag.gif) no-repeat; height:15px; width:60px; display:block; float:left; margin:4px 8px 0 0;}

/*Presenter page
------------------------------------------ */
.presenter-list{ overflow:hidden; margin:0 0 10px -5px; _height:1%;}
.presenter-list li{ display:inline-block; vertical-align: top; margin:0 24px 20px 0; width:100px; float:left;}
.presenter-list li .pic{ display:block;}
.presenter-list li p{ display:block; text-align:center;}
.presenter-list li #bio-pic { float:none!important;}

span#success{background:#eee url(/images/icons/accept.png) no-repeat center left; padding:7px 7px 7px 20px; border:1px solid #333; display:block; }

.bio-pic{ width:100px!important; margin:0 15px 15px 0;}
.presenter-bio-tabs { margin:15px 0;}
.presenter-tab-div{ overflow:hidden; margin:0 0 10px;}
	.presenter-tab-div .pic{ width:60px}
	.presenter-tab-div img{ width:60px}

.presenter-list .pic{ width:100px; height:100px;}
.presenter-link{ display:block; text-align:center; font:11px arial;}

#authors-box h5{ margin:0 0 10px 0;}
#authors-box .bio-pic{ width:60px!important; height:60px!important; margin:0 10px 4px 0;}
#authors-box .bio-a{ float:left;}


/* ## Main content styles
------------------------------------*/
.audio-player{ margin:15px 14px 16px 15px;}
.audio-holder{ padding:10px; background:black; width:500px; overflow:hidden;  _height:1%; zoom:1;}
.audio-holder .author{ float:left;}
.audio-holder #preview{ float:left; margin:0 10px;}

.audio-jukebox { background:#DEDEDE; overflow:hidden; _height:1%; }
.audio-jukebox .hd{ display:none; margin:10px;}
.audio-jukebox .bd{ background:none; margin:0; padding:0; }
.audio-jukebox .control{background:#DEDEDE; height:32px; display:block;}
.audio-jukebox h4 {background:#DEDEDE; line-height:20px; text-align:center}

.control .sprite{ width:21px; height:21px; position:relative; left:43%; top:20%;}
.control .top{ background-position:-80px -40px; }
	.control:hover .top{ background-position:-80px -120px; }
.control .bottom{ background-position:-80px 0;}
	.control:hover .bottom{ background-position:-80px -80px;}

.audio-jukebox .col{float:left; background:#F1F1F1; }
.col ul {height:450px; } 
.col li { overflow:hidden;} 
.col li a { overflow:hidden;} 
.category1{ width:180px; border-right:1px solid #C0C0C0;}
.category2{ width:200px; border-right:1px solid #C0C0C0; display:none}
.directory{ width:748px;}
.main-cats li, .sub-cats li{margin:0;  border-bottom:1px solid #E5E5E5;}
.main-cats a{font:14px arial; color:#333; text-decoration:none; padding:15px 10px; display:block; position:relative;}

.directory-list .sprite{ background-position:-120px 0; width:38px; height:43px;  }
.directory-list { overflow:hidden;}
.directory-list li{ display:inline-block; zoom:1; *display:inline; width:150px; padding:10px; float:left;}
.audio-jukebox .category1 .active, .audio-jukebox .category2 .active{ background-image:url(../graphics/sprite.png); background-position:-200px -200px; background-repeat:repeat-y; background-color:#FEFEFE;}
.arrow{background-position:-80px -160px;  position: absolute; top:18px; right:10px; *display:inline!important;  _display:block!important; }
.audio-info{ position:absolute; top:20px; right:25px; width:380px; height:150px;}

.ap-icon{float:left; margin:0 10px 0 0; }
.ap-links{ float:left; width:80%;}

.directory-list li{ overflow:hidden; }
.audio-player .social-bar { overflow:hidden}
.audio-player .social-bar li{ float:left; margin:0 10px 0 0 ;}



/* root element for scrollable*/  
.scrollable {position:relative; overflow:hidden;  height: 450px;   } 
.scrollable .items { position:absolute;  height:20000em; width:100%;}
.disabled span{ opacity:.5;}

/* ## forms
------------------------------------*/
.p-forgot-password{ float:left; width:550px; font-size:16px!important; line-height:23px!important;}
.forgot-password{float:right; margin:-40px 0 40px 0!important; width:260px; padding:10px; border:1px solid #B3B7BD; }
.forgot-password label{ display:block; margin:0 0 10px; }
.forgot-password .input{ display:block; margin:0 0 10px; height:22px; border:1px solid #EEE; width:90%}
.forgot-password .submit{ margin:0 0 0 -3px; }

/*Login page --------------------- */
#account h1{font:bold 16px Helvetica, sans-serif; color:#002144;}
.fs{ overflow:hidden; margin:10px 0; padding:10px; border:1px solid #B3B7BD; }
.fs label{display:block;}
.fs .input{display:block; margin:0 0 10px;  }
.myaccount-form .a-forgot-password{padding:10px 0 0 10px; display:block; float:left;}
.myaccount-form .submit{float:left;}
.myaccount-form{ overflow: hidden;}

.entry-rating{ overflow:hidden; padding:10px 5px; border-bottom:1px solid #eee; _height:1%;}
.entry-rating .hold{width:350px;}

.rating{margin:0 0 10px 10px!important; }
	.rating li{ overflow:hidden; border-bottom:1px solid #eee; padding:10px 0}
	.rating li div{ display:block; float:left; }
			.rating li div{ display:block; float:left; width:160px; margin:0 20px 0 0; }
				.rating li div em{ display:block;}

.view-comments div{ display:block; float:left; width:150px; margin:0 15px 0 0; }


.review-label{ width:100px; text-align:right; float:left; margin:0 15px 0 0; font: 13px helvetica; color:#333;}
.review-textarea{ width:410px; height:150px; float:left;}
.review .submit{ margin:10px 0 10px 100px;;}



/* ## Footer
------------------------------------*/
#footer{margin:0 auto; width:960px; padding:20px 0; text-align:center;}
	#footer ul{  overflow:hidden;}
	#footer li{display:inline;}
	#footer a{ font:bold 14px helvetica; color:#ff6b00; text-decoration:none;}
	#footer p{ color:#636b75; margin:5px 0 0 0;}