/*
FILE /(new)main.css to support layout of /main.php and /new_daflinks.php
Developer note: from newmain6.css 23/1/2019
MODIFICATIONS:
23 Aug 2018 Modified .nm-maseches, setting margin-bottom to 0px (was 10px)
26 Aug 2018 Adjusted nm-dateline to have same font-size as nm-maseches
12 Sep 2018 Commented padding on a.nm-panel2-icon to align background of text 
with the background of the icon
24 Dec 2018 Mod to nm-panel
10 Jan 2019 Changed panel 1 dedication code style to being class-based with
introduction of a separate dedication.css file
*/

body {
    background: url(/images/table_icons/daftile.png) #FFF;
    /* max-width: 970px; */
    padding-top: 0px;
}
body img { border: none; }

@media screen and (min-width:500px) {
    .smallbreak { display:none; }
}
@media screen and (min-width:768px) {
    .medbreak { display:none; }
}
.ltr { direction:ltr; }
.rtl { direction:rtl; }
.nm-logo img { margin:0 auto; }

/*General panels with transparent background, no border*/
.nm-panel {
    background: transparent;
    padding: 5px 0px 5px 0px;
    border: none;
    margin-bottom: 0;
    text-align: center;
}
.nm-panel-heading {
    background-color: #8DBDFF !important;
    text-align: center;
}
.nm-panel-body { text-align: center; }

#nm-sidebar { width: 100px; float: left; }
#nm-wrapper { 
    clear: both; 
    position:relative; 
    padding-bottom: 25px; 
    margin-left: 0px;
    padding-top: 0px;
}

/***************************************************
MAIN MENU LAYOUT AND MARQUEE CONTROL
***************************************************/

/* MENU TOGGLE BUTTON 100x32px */
#nm-menubtn { position: fixed; top: 80px; left: 0; z-index: 2000; }
@media screen and (min-width:579px) {
    #nm-menubtn { display: none; }
}
@media screen and (max-width:578px) {
    #nm-menubtn { display: block; }
}

#nm-menuvis {
    background-color: #182693;
    width: 80px;
}

/* MAIN MENU CONTROL*/
.nm-nav {
    width: 80px;
    margin: 0 0 0 0;
    padding: 0;
    z-index: 1800;
    font-size: 1.2em; 
}
@media screen and (max-width: 578px) {
    .nm-nav {
        position: absolute;
        top: 105px !important; /* 80px+menu btn ht*/
        left: 0px;
        display: none;
    }
    body.main #nm-wrapper { padding-top: 10px; }
    body.main { padding-top: 0px; } /* was 10px; */
}
@media screen and (min-width: 579px) {
    .nm-nav {
        position: fixed;
        top: 80px !important;
        left: 0px;
        display: block !important;
        /*margin-top: 80px;*/
    }
    /*body.main .nm-wrapper { margin-top:-600px; }*/
    body.main #nm-wrapper {
		margin-left: 80px;
		max-width: 970px;
	}
}
/*MAIN MENU ITEMS (in <ul> list </ul>) */
.nm-menu {
    list-style-type: none;
    width: 80px;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 0.7em;
    line-height: 1em;
}
/*Hebrew index icon at top fixed (in main page) Not fixed in daflinks!*/
body.main .nm-heb-btn a {
    z-index:9999;
    position:fixed;
    top:0;
    left:0;
    display: block;
    width: 80px;
    height: 80px;
    margin-left: 0px;
}
/*Hebrew index icon at top. Not fixed in daflinks*/
body .nm-heb-btn a {
    float: right;
    display: block;
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
/*Hebrew index icon images*/
.nm-heb-btn a:link  { 
    background: url(/images/table_icons/heb.png) no-repeat; }
.nm-heb-btn a:hover { 
    background: url(/images/table_icons/heb_over.png) no-repeat; }

/*Get Study Material*/
.nm-menu li.nm-subscribe {
    background-image: url(/images/table_icons/mailiconup.png);
    color: #182963;
    height: 80px;
    padding-top: 47px;
    font-size: 1.1em;
}
.nm-menu li.nm-subscribe a {
    display: block;
    color: inherit;
    text-align: center;
    text-decoration: none;
}
.nm-menu li.nm-subscribe:hover {
    background-image: url(/images/table_icons/mailicondn.png);
}
/*Sponsors and donors*/
.nm-menu li.nm-sponsors {
    background-image: url(/images/table_icons/sponsorsiconup.png);
    text-align: center;
    height: 40px;
    color: #000;
    font-size:1.1em;
    line-height: 1.2em;
    padding-top: 0px;
}
.nm-menu li.nm-sponsors:hover {
    background-image: url(/images/table_icons/sponsorsicondn.png);
}
.nm-menu li.nm-sponsors a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding-top: 5px;
}

/* Standard blue buttons (1 or 2 lines) */
.nm-menu li.nm-std { 
    height: 27px; text-align: center; color: #FFF;
    background: url(/images/table_icons/menuiconup.png);
}
.nm-menu li.nm-std2 { 
    height: 32px; text-align: center; color: #FFF;
    background: url(/images/table_icons/menuiconup2.png);
}
.nm-menu li.nm-std:hover {
    background: url(/images/table_icons/menuicondn.png);
}
.nm-menu li.nm-std2:hover {
    background: url(/images/table_icons/menuicondn2.png);
}
.nm-menu li.nm-std a {
    padding-top: 7px; /*one line text */
    display: block; color: inherit; text-decoration: none;
}
.nm-menu li.nm-std2 a {
    padding-top: 5px; /*two line text */
    display: block; color: inherit; text-decoration: none;
}

/*Ask a question*/
.nm-menu li.nm-ask {
    background: url(/images/table_icons/askiconup.png);
    color: #182963;
    height: 43px;
}
.nm-menu li.nm-ask a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding-left: 5px;
    padding-top: 7px;
    font-size: 1.0em;
    line-height: 1.1em;
}
.nm-menu li.nm-ask:hover {
    background: url(/images/table_icons/askicondn.png);
}

/***************************************************
HOME PAGE CONTENT
***************************************************/

#nm-calendar-offer { width:120px; margin: 15px auto 15px auto; padding: 0; }
#nm-calendar-offer img { width:120px; }

/*MAIN LOGO AND TITLE*/
.nm-logo { line-height: 1.1; text-align: center; }
.nm-logo img { }
.nm-logo .nm-logotext { font-size: 1.2em; color:blue; }
.nm-logo .nm-logosubtext { font-size:1.0em; }
.nm-logo .nm-logosubtext a { }
.nm-logo .nm-logosubtext a:hover { color:purple; }
.nm-logo .nm-logohead { font-size:1.1em; }

/* Members site logo & link */
a.nm-msite-icon {
    display: inline-block;
    width: 120px;
    height: 164px;
    background: transparent;
}
a.nm-msite-icon span {
    display: block;
    width: 100%;
    height: 100%;
}
/* Image size 120px x 164px transparent nm_ version 120px x 164px */
.nm-msite       { 
    background: url(/images/table_icons/nm_members_site.png); }
.nm-msite:hover { 
    background: url(/images/table_icons/nm_members_site_over.png); }

/* Ask the Kollel logo and link */
a.nm-ask-icon {
    display: inline-block;
    width: 120px;
    height: 164px;
    background: transparent;
}
a.nm-ask-icon span {
    display: block;
    width: 100%;
    height: 100%;

}
/* Image size 120px x 164px transparent nm_version 120px x 164px */
.nm-ask         { background: url(/images/table_icons/nm_ask_kollel.png); }
.nm-ask:hover   { background: url(/images/table_icons/nm_ask_kollel_over.png); }

#nm-marquee { max-width: 400px; margin: 0 auto; }

#nm-bulletin-board { text-align: center; }

#nm-bulletin-board table { margin:10px auto 10px auto; }
#nm-bulletin-board table td { padding:0 5px 0 5px; }
#nm-bulletin-board table td span { color:blue; font-weight:bold; }
#nm-bulletin-board img { max-height:140px; }

/* Revised Bulletin Board (responsive) )style*/
.bb-items {
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.bb-item {
    display:inline-block;
    max-width:150px;
    vertical-align: top;
    margin: 0 10px 0 10px;
}
.bb-item a { color: blue; text-decoration: none; }
.bb-item img { height: 150px; }
.bb-item span {
    display: block;
}
.bb-item span img { }

/*********************************************************
CSS for Icon Panels 1, 2 and 3
*********************************************************/
/* Titles and date text*/

.nm-maseches {  /*Similar to masechenamegemara*/
    color:#0033FF;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-size:1.2em;
    display: block;
}
.nm-dateline {
    color: #0033ff;
    font-size:1.1em;
}

.nm-panel-title2 {
    color: black;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-size:1.2em;
    display: block;
}

/* The table icon containers for Icon Panel 1 */
a.nm-panel1-icon {
    display: inline-block;
    width: 110px;
    height: 100px;
    background: #FFF;
}
a.nm-panel1-icon span {
    display: block;
    width: 110px;
    height: 100px;

}
/* The icons for Icon Panel1 (replacing .sN coding)*/
.nm01       { background: url(/images/table_icons/insights.png); }
.nm02       { background: url(/images/table_icons/background.png); }
.nm03       { background: url(/images/table_icons/q&a.png); }
.nm04       { background: #c0c0c0; }
.nm05       { background: url(/images/table_icons/eng_charts.png); }
.nm06       { background: url(/images/table_icons/point.png); }
.nm07       { background: url(/images/table_icons/halacha.png); }
.nm08       { background: url(/images/table_icons/dailyq.png); }
.nm09       { background: url(/images/table_icons/galai.png); }
.nm10       { background: url(/images/table_icons/yosef.png); }
.nm10m      { background: url(/images/table_icons/yosef_members.png); }
.nm10h      { background: url(/images/table_icons/yosef_members_hb.png); }
.nm11       { background: url(/images/table_icons/charts.png); }
.nm12       { background: url(/images/table_icons/chidon.png); }
.nm13       { background: url(/images/table_icons/tosfos.png); }
.nm13a      { /*For sid=13 gid=16*/
    background: url(/images/table_icons/tosfos-nedarim.png); }   
.nm14       { background: url(/images/table_icons/revach.png); }
.nm15       { background: url(/images/table_icons/podcast.png); }
.nm16       { background: url(/images/table_icons/palm.png); }
.nm16       { background-position:center; }
/*nm17 canvas resized to 110px x 100px avoiding positioning */
.nm17       { background: url(/images/table_icons/nm_ye_matchup.png); }
.nm18       { background: #c0c0c0; }
.nm19       { background: #c0c0c0; }
.nm20       { background: url(/images/table_icons/our-replies.png); }
.nm21       { background: url(/images/table_icons/fullreview.png); }
.nm22       { background: url(/images/table_icons/yerushalmi-audio.png); }
.nm23       { background: #c0c0c0; }
.nm24       { background: #c0c0c0; }
.nm25       { background: url(/images/table_icons/navigator.png);}
.nm99       { background: #c0c0c0; }
.nm01:hover { background: url(/images/table_icons/insights_over.png); }
.nm02:hover { background: url(/images/table_icons/background_over.png); }
.nm03:hover { background: url(/images/table_icons/q&a_over.png); }
.nm04:hover { background: #c0c0c0; }
.nm05:hover { background: url(/images/table_icons/eng_charts_over.png); }
.nm06:hover { background: url(/images/table_icons/point_over.png); }
.nm07:hover { background: url(/images/table_icons/halacha_over.png); }
.nm08:hover { background: url(/images/table_icons/dailyq_over.png); }
.nm09:hover { background: url(/images/table_icons/galai_over.png); }
.nm10:hover { background: url(/images/table_icons/yosef_over.png); }
.nm10m:hover { background: url(/images/table_icons/yosef_members_over.png); }
.nm10h:hover { background: url(/images/table_icons/yosef_members_hb_over.png); }
.nm11:hover { background: url(/images/table_icons/charts_over.png); }
.nm12:hover { background: url(/images/table_icons/chidon_over.png); }
.nm13:hover { background: url(/images/table_icons/tosfos_over.png); }
.nm13a:hover {  /*For sid=13 gid=16*/
    background: url(/images/table_icons/tosfos_over-nedarim.png); }  
.nm14:hover { background: url(/images/table_icons/revach_over.png); }
.nm15:hover { background: url(/images/table_icons/podcast_over.png); }
.nm16:hover { background: url(/images/table_icons/palm_over.png); }
.nm16:hover { background-position:center; }
/*nm17 canvas resized to 110px x 100px avoiding positioning */
.nm17:hover { background: url(/images/table_icons/nm_ye_matchup_over.png); }
.nm18:hover { background: #c0c0c0; }
.nm19:hover { background: #c0c0c0; }
.nm20:hover { background: url(/images/table_icons/our-replies-color.png); }
.nm21:hover { background: url(/images/table_icons/fullreview_over.png); }
.nm22:hover { 
    background: url(/images/table_icons/yerushalmi-audio-colored.png); }
.nm23:hover { background: #c0c0c0; }
.nm24:hover { background: #c0c0c0; }
.nm25:hover { background: url(/images/table_icons/navigator-color.png);}
.nm99:hover { background: #c0c0c0; }
/*******************/
/* The table icon containers for Icon Panel2 */
a.nm-panel2-icon {
    display: inline-block;
    width: 110px;
    height: 150px;
    margin: 0px 1px 5px 1px;
    background: white;
/*    padding: 2px;*/
}
a.nm-panel2-icon .img {
    display: block;
    width: 110px;
    height: 100px;
}
/* The table icons for the home page panel2 (replacing .rN coding)*/
.nm202          { 
    background: url(/images/table_icons/nx_otherdaily.png); }
.nm203          { 
    background: url(/images/table_icons/nx_dafyomicycle.png); }
.nm204          { 
    background: url(/images/table_icons/nx_yerushalmicycle.png); }
.nm206          { 
    background: url(/images/table_icons/mishnah-yomis.png); }
.nm207          { 
    background: url(/images/table_icons/halachah-yomis.png); }
.nm201          { 
    background: url(/images/table_icons/nx_mishnayomi.png); }
.nm205          { 
    background: url(/images/table_icons/nx_schedulecolor1.png); }
.nm202:hover    { 
    background: url(/images/table_icons/nx_otherdaily_over.png); }
.nm203:hover    { 
    background: url(/images/table_icons/nx_dafyomicycle_over.png); }
.nm204:hover    { 
    background: url(/images/table_icons/nx_yerushalmicycle_over.png); }
.nm206:hover    { 
    background: url(/images/table_icons/mishnah-yomis-over.png); }
.nm207:hover    { 
    background: url(/images/table_icons/halachah-yomis-over.png); }
.nm201:hover    { 
    background: url(/images/table_icons/nx_mishnayomi_over.png); }
.nm205:hover    { 
    background: url(/images/table_icons/nx_schedulecolor1_over.png); }
/*******************/
/* The table icon containers for Icon Panel3 */
a.nm-panel3-icon {
    display: inline-block;
    width: 110px;
    height: 150px;
    margin: 0px 1px 5px 1px;
/*    padding: 2px;*/
    background: white;
}
a.nm-panel3-icon .img {
    display: block;
    width: 110px;
    height: 100px;
}
a.nm-panel2-icon .nmcaption, 
a.nm-panel3-icon .nmcaption {
    color: black;
    font-size:0.8em;
    line-height:normal;
}
a.nm-panel2-icon .nmcaptionheb, 
a.nm-panel3-icon .nmcaptionheb {
    color: black;
    font-size:0.8em;
}
/* The table icons for the home page panel3 (replacing .rN coding)*/
.nm301          { 
    background: url(/images/table_icons/nx_othermas.png) no-repeat; }
.nm302          { 
    background: url(/images/table_icons/nx_references.png) no-repeat; }
.nm303          { 
    background: url(/images/table_icons/nx_israel.png) no-repeat; }
.nm306          { 
    background: url(/images/table_icons/nx_iconsiyum.png) no-repeat; }
.nm301:hover    { 
    background: url(/images/table_icons/nx_othermas_over.png) no-repeat; }
.nm302:hover    { 
    background: url(/images/table_icons/nx_references_over.png) no-repeat; }
.nm303:hover    { 
    background: url(/images/table_icons/nx_israel_over.png) no-repeat; }
.nm306:hover    { 
    background: url(/images/table_icons/nx_iconsiyum_over.png) no-repeat; }
/*******************/

/* Links to rest of topic with book icon */
.nm-book-icon-heading { font-size: 1.2em; }
.nm-book-icon-link 
{ position: relative; width: 150px; margin: 5px auto 0 auto; }

a.nm-book-icon {
    display: inline-block;
    width: 128px;
    height: 128px;
    text-decoration: none;
}
a.nm-book-icon div {
    display: block;
    width: 100%;
    height: 100%;
}
a.nm-book-icon div { 
    background: url(/images/table_icons/masecheslinks-book-bw.png); 
    color: black; 
}
a.nm-book-icon:hover div  {
    background: url(/images/table_icons/masecheslinks-book-color.png); 
    color:yellow; 
}
a.nm-book-icon p {
    font-size: 0.8em;
    position: relative;
    left: 4%;
    top: 40%;
    background: transparent;
}

/* Google search form */
.nm-google-form {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 30px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #003399;
}

/*Chavrusa and Tutor*/
a.nm-chavrusa-icon {
    display: inline-block;
    width: 170px;
    height: 170px;
}
a.nm-chavrusa-icon span {
    display: block;
    width: 170px;
    height: 170px;
}
.nm-chavrusa         
{ background: url(/images/table_icons/chavrusaandtutor.png); }
.nm-chavrusa:hover   
{ background: url(/images/table_icons/chavrusaandtutor_over.png); }

/* Shomershabes link */
/* Needs attention. See comments in (new)main.php */
.nm-shomershabes-text { 
    color: #FF0033; 
    font-family: Arial, sans-serif; 
    font-size: 14px;
    margin-top: 0px; }

/*********************************************************
CSS for footer text: acknowledgements, links and addresses
*********************************************************/
.nm-ack1 { margin-bottom: 0px; }
.nm-ack2 { font-size: 1.2em; color: #996600; }
/*********************************************************
 Supplement CSS for Madmimi 'subscribe' tab
*********************************************************/
#webform_side_tab {
    top: 45px !important;
    left: 85px !important;
    max-height:30px;
    max-width:100px;
    padding: 5px 10px !important;
}
#webform_side_tab_span {    /* Hides the X */
    display:none !important;
}
/* EOF 23 Jan 2019 */
