#holidayTab {
    width:400px;
    left:45px;
    border:0 none;
    margin:0;
    padding:0;
    z-index:999999;
    position:fixed;
    bottom:0px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
#holidayTab .header{
    padding:11px 15px 11px 15px;
    cursor: pointer;
    background-color: #CD2622;
    border: 1px solid #CD2622;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border-bottom:0;
}
#holidayTab .header h5{color:#fff; line-height:1.3; font-size:17px; padding-right:32px; position:relative;}
.header h5:after{display: block; position: absolute; z-index: 1; width: 22px; height: 13px; top:2px; right:0; background: url(../images/expand_arrow.png) 0 0 no-repeat; content:"";}
.expanded .header h5:after{background-position: -23px 0;}

#holidayTab .body{
    height: auto;
    background-color: #FF6600;
    border-left: 1px solid #F37070;
    border-right: 1px solid #F37070;
    padding:15px;
    color: #222;
    background: #fff;
    display:none;
    overflow-y:scroll;
    max-height:500px;
}
#holidayTab.expanded .body{display:block;}
#holidayTab .body *{font-size:14px; color:#333;}

@media (max-width: 500px){
    #holidayTab {left:10%; width:80%;}
}
@media (max-width: 480px){
    #holidayTab .header h5{font-size:15px;}
    #holidayTab .body{padding:10px;}
    #holidayTab .body *{font-size:13px}
    #holidayTab .body img{display: block; margin: 0 auto; max-height:140px;}
}
@media (max-width: 400px){
    #holidayTab .header h5{font-size:14px;}
    #holidayTab .body{padding:8px;}
    #holidayTab .body *{font-size:12px}
}

@media (max-width: 240px){
    #holidayTab .header h5{font-size:13px;}
    #holidayTab .body{padding:5px;}
}