#mainContent { margin: 1em 0 2em 0;}

#calendar { float: none ; clear: both ; }
#calendar table{ background-color: white; border-collapse: collapse ; width: 100%; }
#calendar table td { border: 1px solid #004281; color: black;width: 12% ; padding: 1%; vertical-align: top;}
#calendar table td.week { text-align: center ;}
#calendar table td.th { color: white ; background-color: #004281 ; font-weight: bold ; font-size:1.2rem; height:1.2rem; text-align:center;}
#calendar table td.outOfMonthDate {color: #ccc;}
#calendar table td.saturdayOutOfMonthDate { background-color: #EFEFEF; color: #ccc ;}
#calendar table td.saturday	{ background-color: #EDEDED; }

.yomtov { color: #FF8000 ; font-weight: bold ;  }
.roshhodesh { color: #7BBF6A;}
.personal { color: green ; BEHAVIOR: url(#default#userdata) ; padding:0.2rem;}
.erev { color: #ffa64d; font-weight: bold; }
.erevzom { font-size: 0.8rem; color: #ff1a1a; font-weight:bold; }
.zom { font-size: 0.8rem; color: #E04006; font-weight:bold; }
.Parasha { font-size: 0.8rem; font-weight: bold; }
.parashaplus { font-size: 0.8rem; color: #CC6600;}
.hadlakat {	font-size: 0.8rem; }
.jerusalem { color: #FF8000 ; font-weight: bold; }
.holhamoed { color: #FF8000; font-weight: bold; }
.independence { font-weight:bold; color: #1E91FC;}
.info { font-size: 0.8rem; color: #004281 ; }
.erevhag {font-size: 0.8rem; color: #CC6633;}
.mozaeihag { font-size: 0.8rem; color: #CC6644;}
.erevhanuka {color: #ffa64d ; font-weight: bold;}
.hanuka { color: #FF8000; font-weight: bold; }
.purim {color: orange  ;}
.number { font-size:1.6rem; font-weight: bold; float:left ; }
.cellUpperArea img { cursor: pointer}
.hDate { }
.specialday,.holiday { color: #FFA500 ; font-weight: bold ; }
.sadday { color: #AF0F0F; font-weight:bold; }
.personal { color: green ; BEHAVIOR: url(#default#userdata) ; padding:6px;}
.info { font-size: 0.6rem; color: #004281 ; }
.today { background-color: #FFDC73; }
.noprint { background-color:#eee; }
.nobordernoprint { }

#toolbar
{
	padding: 0px ;
	height: 3rem ;
	width: 100% ;
	/*text-align: center ;*/
	overflow: visible ;
}

#title
{
	display: /*inline-*/block ;
	height: 6rem ;
	margin: 0 ; 
	padding: 6px 0 ;
	overflow: hidden ;
	vertical-align: middle ;
	/*float: right ;*/
	text-align: right ;
	margin-right: 0.3rem ;
}

#title span { display: block ; }
.titleFirstLine {font-weight: bold ; font-size: 1.8rem ; color: #ee2629;}
.titleSecondLine {font-size: 1.2rem ; color: gray;}


#navigationButtons
{
	display: inline-block ;
	height: 3rem ;
	line-height: 3rem ;
}

#navigationButtons div
{
    display: inline-block;
    width: 3rem;
    height: 2.5rem;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 2.3rem;
    cursor: pointer;
    background-color: white;
}

#moreButtons
{
	display: inline-block ;
	line-height:3rem ;
	vertical-align: middle ;
	float: left ;
	margin-left: 0.3rem ;
}
    #moreButtons input,#moreButtons select {
        cursor: pointer;
    }
    #moreButtons select {
        padding:6px;
    }
        #moreButtons input[type=button] {
            background: #ee2629;
            border: none;
            outline: none;
            border-radius: 6px;
            cursor: pointer;
            color: white;
            padding: 0px 20px;
            margin: 3px 10px 5px -5px;
            line-height: 30px;
            vertical-align: top;
        }
    #moreButtons input[type=radio] {
        vertical-align: top;
        margin-top: 15px;
    }
    #moreButtons span {
        padding-right: 10px;
    }
#dayTimesDiv
{
	position: absolute;
    left: 0;
    top: 280px;
    width: 10rem;
    /*height: 20rem;*/
    border: 2px solid #004281;
    background-color: whitesmoke;
    padding: .5rem;
    box-sizing: content-box;
    box-shadow: 2px 3px 5px rgba(0,0,0,.4);
    z-index: 99;
}
#dayTimesDiv table {margin:  0 auto;}
#dayTimesDiv .selected_day_header{
    color: #ee2629;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
}
#dayTimesDiv img { width: 2rem ; height: 2rem ; cursor: pointer;}
#dayTimesDiv hr { border: 0; border-top:1px solid #bbb; margin: 4px 0; height: 1px; }
@media print {
    #monthlyCalendar{
        display: block;
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    #toolbar,#underCalendar{display: none;}
}