.JsDatePickBox {
  width: 212px;
  top: 37px !important;
  left: -307px !important;
  margin-top: 12px;
  letter-spacing: 0px;
  font-family: sans-serif;
}
.JsDatePickBox .jsDatePickCloseButton {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 10px;
  width: 33px;
  height: 13px;
  background: url(../img/calendario/closeButton_normal.gif) left top no-repeat;
}
.JsDatePickBox .jsDatePickCloseButtonOver {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 10px;
  width: 33px;
  height: 13px;
  background: url(../img/calendario/closeButton_over.gif) left top no-repeat;
}
.JsDatePickBox .jsDatePickCloseButtonDown {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 10px;
  width: 33px;
  height: 13px;
  background: url(../img/calendario/closeButton_down.gif) left top no-repeat;
}
.JsDatePickBox .boxLeftWall {
  float: left;
  width: 7px;
  margin: 0;
  padding: 0;
}
.JsDatePickBox .boxLeftWall .leftTopCorner {
  margin: 0;
  padding: 0;
  width: 7px;
  height: 8px;
  background: url(../img/calendario/boxTopLeftCorner.png) left top no-repeat;
  overflow: hidden;
}
.JsDatePickBox .boxLeftWall .leftBottomCorner {
  margin: 0;
  padding: 0;
  width: 7px;
  height: 8px;
  background: url(../img/calendario/boxBottomLeftCorner.png) left top no-repeat;
  overflow: hidden;
}
.JsDatePickBox .boxLeftWall .leftWall {
  margin: 0;
  padding: 0;
  width: 7px;
  background: url(../img/calendario/boxSideWallPx.gif) #fff left top repeat-y;
  overflow: hidden;
}
.JsDatePickBox .boxRightWall {
  float: left;
  width: 7px;
  margin: 0;
  padding: 0;
}
.JsDatePickBox .boxRightWall .rightTopCorner {
  margin: 0;
  padding: 0;
  width: 7px;
  height: 8px;
  background: url(../img/calendario/boxTopRightCorner.png) left top no-repeat;
  overflow: hidden;
}
.JsDatePickBox .boxRightWall .rightBottomCorner {
  margin: 0;
  padding: 0;
  width: 7px;
  height: 8px;
  background: url(../img/calendario/boxBottomRightCorner.png) left top no-repeat;
  overflow: hidden;
}
.JsDatePickBox .boxRightWall .rightWall {
  margin: 0;
  padding: 0;
  width: 7px;
  background: url(../img/calendario/boxSideWallPx.gif) #fff right top repeat-y;
  overflow: hidden;
}
.JsDatePickBox .topWall {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 7px;
  width: 198px;
  height: 4px;
  background: url(../img/calendario/boxTopPx.gif) #fff left top repeat-x;
}
.JsDatePickBox .bottomWall {
  position: absolute;
  overflow: hidden;
  bottom: -1px;
  left: 7px;
  width: 198px;
  height: 4px;
  background: url(../img/calendario/boxTopPx.gif) #fff left top repeat-x;
}
.JsDatePickBox .hiddenBoxLeftWall {
  float: left;
  width: 0;
  overflow: hidden;
}
.JsDatePickBox .hiddenBoxRightWall {
  float: left;
  width: 0;
  overflow: hidden;
}
.JsDatePickBox .boxMain {
  float: left;
  background-color: #fff;
  margin: 0;
  padding: 15px 0 5px 0;
}
.JsDatePickBox .boxMainStripped {
  background: #fff;
  border: none;
}
.JsDatePickBox .tooltip {
  height: 12px;
  line-height: 11px;
  overflow: hidden;
  font-size: 10px;
  color: #887971;
  text-align: left;
  padding: 0;
  margin: 2px 0 2px 0;
}
.JsDatePickBox .weekDaysRow {
  height: 12px;
  overflow: hidden;
  line-height: 11px;
  font-size: 10px;
  color: #887971;
  text-align: center;
  padding: 0;
  margin: 2px 0 0 0;
}
.JsDatePickBox .weekDaysRow .weekDay {
  float: left;
  height: 14px;
  overflow: hidden;
  width: 24px;
  margin: 0 5px 0 0;
  padding: 0;
}
.JsDatePickBox .boxMainInner {
  background: #fff;
  width: 198px;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
}
.JsDatePickBox .boxMainCellsContainer {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
.JsDatePickBox .boxMainInner .controlsBar {
  overflow: hidden;
  height: 20px;
  position: relative;
}
.JsDatePickBox .boxMainInner .controlsBarText {
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #584c45;
  font-size: 13px;
  text-align: center;
  font-weight: 700;
}
.JsDatePickBox .boxMainInner .monthForwardButton {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 22px;
  background: url(../img/calendario/monthForward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthForwardButtonOver {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 22px;
  background: url(../img/calendario/monthForward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthForwardButtonDown {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 22px;
  background: url(../img/calendario/monthForward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthBackwardButton {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 22px;
  background: url(../img/calendario/monthBackward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthBackwardButtonOver {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 22px;
  background: url(../img/calendario/monthBackward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthBackwardButtonDown {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 22px;
  background: url(../img/calendario/monthBackward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearForwardButton {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/calendario/yearForward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearForwardButtonOver {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/calendario/yearForward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearForwardButtonDown {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/calendario/yearForward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearBackwardButton {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/calendario/yearBackward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearBackwardButtonOver {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/calendario/yearBackward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearBackwardButtonDown {
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/calendario/yearBackward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .skipDay {
  cursor: default;
  overflow: hidden;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
}
.JsDatePickBox .boxMainInner .dayNormal {
  -khtml-user-select: none;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
  color: #544f4d;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
.JsDatePickBox .boxMainInner .dayNormalToday {
  -khtml-user-select: none;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
  color: #483435;
  font-weight: bold;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
.JsDatePickBox .boxMainInner .dayDisabled {
  -khtml-user-select: none;
  cursor: default;
  font-size: 12px;
  overflow: hidden;
  color: #999;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
.JsDatePickBox .boxMainInner .dayOver {
  -khtml-user-select: none;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  color: #887971;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
.JsDatePickBox .boxMainInner .dayOverToday {
  -khtml-user-select: none;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  font-weight: bold;
  color: #9c151c;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
.JsDatePickBox .boxMainInner .dayDown {
  -khtml-user-select: none;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  color: #F9F9F9;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
.JsDatePickBox .boxMainInner .dayDownToday {
  -khtml-user-select: none;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  color: #9c151c;
  font-weight: bold;
  width: 24px;
  height: 25px;
  float: left;
  margin: 4px 5px 0 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
}
@media (max-width:1370px) {
  .JsDatePickBox {
    left: -279px !important;
  }
}
@media (max-width:1024px) {
  .JsDatePickBox {
    left: -433px !important;
  }
}
@media (max-width:990px) {
  .JsDatePickBox {
    left: -576px !important;
  }
}
@media (max-width:875px) {
  .JsDatePickBox {
       margin-left: 185px !important;
    margin-top: 12px;
  }
}
@media (max-width: 778px) {
  .JsDatePickBox {
    margin-left: 202px !important;
  }
}
@media (max-width:670px) {
  .JsDatePickBox {
    margin-left: 202px !important;
  }
}
@media (max-width:500px) {
.JsDatePickBox {
    margin-left: 338px !important;
    margin-top: 50px;
}
}