#cal1, #cal2 {width:231px; float:left; margin:0 auto!important; padding:0; position:relative; text-align:center;
    border:solid 3px #000; margin:0 10px 0 10px; vertical-align:middle; font-size:11px; font-weight:bold; font-family:'majorant-thin'  }

#cal1 { margin:0 30px!important }
@media all and (max-width: 767px) {
    #cal2 {clear:both!important; margin-top:20px!important;}
    .prevnext {margin-right: 30px;  clear: both; position: relative;  bottom: 30px;  width: 230px;  display:table    }
    #dynamic .realtime{text-align:left!important; font-size:26px!important; display:table-caption; line-height:28px}
    #dynamic .legend { width:300px!important; float:left  }
    #dynamic .color2 { margin-top:5px;clear:both;  margin-left: 0!important;  }
    #dynamic hr {width:300px!important; float:left; margin-bottom:20px}
}
@media all and (max-width: 420px) {
    #cal1 { margin: 0 !important  }
}

#cal1 .title2, #cal2 .title2 {left:0; float:left; width:273px; font-size:17px; font-weight:bold; color:#FFF; 
    background:#000; margin-left:5px; font-weight:400; border:solid 1px red }


#calendars {text-align:center; font-size:11px; font-weight:normal; font-family:majorant}
#calendars .day5 {color:#000!important}
#calendars .days, #calendars .day, #calendars .days, #calendars .day5, #calendars .n, #calendars .a, #calendars .o, #calendars .b, 
#calendars .bluered2, #calendars .redblue2, #calendars .greenred2, #calendars .redgreen2, #calendars .greenblue2, #calendars .bluegreen2{width:20px; height:20px}

#calendars .days { height:20px; float:left; position:relative;clear:right;  }
#calendars .day { height:20px; line-height:25px;color:#FFF; border:solid 1px #D0C7B0; background:#000; float:left; margin:1px; width:20px; text-align:center; }
#calendars .day5 {  height:20px; color:#FFF!important; border:solid 1px #D0C7B0; background:gray; float:left; margin:1px; width:20px; text-align:center; line-height:25px}

#cal1 .days, #cal2 .days { height:25px; float:left; position:relative;clear:right;  }

#cal1 .day, #cal2 .day { height:25px; line-height:25px;color:#000; border:solid 1px #D0C7B0; background:#FFF; float:left; margin:1px; width:30px; text-align:center; }

#cal1 .day5, #cal2 .day5, #cal3 .day5, #cal4 .day5, #cal5 .day5, #cal6 .day5 {  height:25px; color:#000; border:solid 1px #D0C7B0; background:#FFF; float:left; margin:1px; width:30px; text-align:center; line-height:25px}

#wishlist .border, #calendars .border { /*border-top:solid 3px navy;*/ border-bottom:solid 3px gray }
                
  
.n {height:25px; position:relative; margin:1px; float:left; width:30px; color:#FFF; background-color:#FFF; 
     border:solid 1px silver; line-height:25px}
.a {height:25px; position:relative; margin:1px; float:left; width:30px; color:#000; background-color:#FFF; 
    border:solid 1px silver; line-height:25px}
.o {height:25px; position:relative; margin:1px; float:left; width:30px; color:#000; background-color:#acacac;
    border:solid 1px silver; line-height:25px}
.b {height:25px; position:relative; margin:1px; float:left; width:30px; color:#FFF;background-color:#000; 
    border:solid 1px silver; line-height:25px}


.greenblue2,.bluegreen2,.redgreen2,.greenred2, .bluered2 {    background: transparent;    overflow: hidden;}

    .greenblue2:before, .bluered2:before, .redblue2:after {
        content: ''; display: block; border-top: 23px solid transparent; border-right: 32px solid #acacac; position: absolute; z-index: -1; right: 0; top: 0;
    }

    .bluegreen2:before, .bluered2:after {
        content: ''; display: block; border-bottom: 23px solid transparent; border-left: 32px solid #acacac; position: absolute; z-index: -1; left: 0; bottom: 0;
    }

.greenred2:before, .bluered2:before {
    content: ''; display: block; border-top: 23px solid transparent; border-right: 32px solid #000000; position: absolute; z-index: 20; right: 0; top: 0;
}
    .redgreen2:before, .redblue2:before {
        content: ''; display: block; border-bottom: 23px solid transparent; border-left: 32px solid #000000; position: absolute; z-index: 20; left: 0; bottom: 0;
    }
.date .greenblue2:before,.date .greenred2:before {border-top-width: 20px; border-right-width: 20px;}
.date .bluegreen2:before,.date .redgreen2:before { border-bottom-width: 20px; border-left-width: 20px;}

.date .greenblue2:before,.date .bluegreen2:before,.date .redgreen2:before,.date .greenred2:before { z-index: 0;}

.date .greenblue2 div, .date .bluegreen2 div, .date .redgreen2 div,.date .greenred2 div { position: relative; z-index: 2;}

.bluered2 { float:left; position:relative; width:30px; height:25px; margin:1px; text-align:center;  border:solid 1px silver; 
    color:#FFF; /*background:url(/images/portals/eh/pink-blue.png); */
	background-position:center; background-repeat:no-repeat; line-height:25px}
	
.redblue2 { float:left; position:relative;  width:30px; height:25px; margin:1px; text-align:center;  border:solid 1px silver; 
    color:#000; /*background:url(/images/portals/eh/blue-pink.png); */
	background-position:center; background-repeat:no-repeat; line-height:25px }

.greenred2 { float:left; position:relative;  width:30px; height:25px; margin:1px; text-align:center;  border:solid 1px silver; 
    color:#000; /*background:url(/images/portals/eh/white-blue.png); */
	background-position:center; background-repeat:no-repeat; line-height:25px }
		
.redgreen2 { float:left; position:relative; width:30px; height:25px; margin:1px; text-align:center;  border:solid 1px silver; 
    color:#000; /*background:url(/images/portals/eh/blue-white.png); background-repeat:no-repeat;*/
	background-position:center; line-height:25px }
	
.greenblue2 { float:left; position:relative;  width:30px; height:25px; margin:1px; text-align:center;  border:solid 1px silver; 
    color:#000; /*background:url(/images/portals/eh/white-pink.png); */
	background-position:center; background-repeat:no-repeat; line-height:25px}
	
.bluegreen2 { float:left; position:relative;  width:30px; height:25px; margin:1px; text-align:center;  border:solid 1px silver; 
    color:#000; /*background:url(/images/portals/eh/pink-white.png); */
	background-position:center; background-repeat:no-repeat; line-height:25px }