.dpPanel
{
  position:absolute;
  width:300px;
  border:2px solid #525252;
  background-color:#ffff99;
  font-size:10pt;
  padding:5px;
  z-index: 1100; 
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  box-sizing: border-box;
}

.dpPanelClose
{
  text-align:center;  
}

.dpPanelFixed 
{
  position: fixed;
}

.dpHeader
{
  background-color:#c0c0c0;
  font-size:100%;
  width:100%;
}

.dpHeaderBtn TD
{
  text-align:center;
  padding: 5px 0 0 0;
}

.dpHeader input, .dpPanelClose input
{
  font-size: 100%;
  min-width:20px;
  border:0px;
  border-radius:2px;
}

.dpInfo
{
  font-size:110%;
  font-weight:bolder;
  text-align:center;
  padding:10px;
}

.dbSelYear
{
  font-weight:bolder;
  background-color: #c0c0c0;
  font-family:inherit;
}

.dpDaysHead TD
{
  font-style:italic; 
}

.dpDay
{
  cursor:hand;
  cursor:pointer; 
}

.dpDaySel
{
  cursor:hand;
  cursor:pointer;
  border: 2px solid #df0000 !important;
}

.dpDayToday
{
  color: navy;
  font-weight:bolder;
}

.dpDayHigh
{
  background-color:#fff;
}

.dpDayOff
{
  color: #c0c0c0;
  border: 3px solid #000 !important;
}

.dpDays
{
  width: 100%;
  font-size:110%;
  border-collapse:collapse;
  table-layout:fixed;
}

.dpDays TD
{
  border: 1px solid #c0c0c0;
  text-align:center;
  padding: 10px 5px;
}

@media only screen and (max-width: 500px) 
{
  .dpPanel { width:100%; left:0 !important; top:0 !important; font-size:14pt; position:fixed; }
  .dpHeader INPUT, .dpPanelClose input { min-width:40px; border-radius:4px; font-size:120%; }
}