@media(min-width: 980px) {
	.mainContentContainer { margin-top: 60px; }
}

.mainContentContainer { margin-bottom: 40px; }

.picContainer { margin-top: 15px; margin-bottom: 15px; }
.picContainer img { max-width: 100%; max-height: 100%; }
.picContainer p.captionConfirmed, .picContainer p.caption { font-size: 11px; }

.table {
	width: 100%; 
	max-width: 250px;
}

.event-table {
  width: 100%; 
  max-width: 100% !important; 
  margin-bottom: 20px;
}

.event-th{
  width: 150px;
}

.background-blank{
	background-color: #FFF;
	border: none;
}

.event{
    font-size: 80%;
}

.event .span_3 { width: 350px; }
.event .span_2 { width: 150px; }

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.spacer{
  margin: 5px 0;
}

@media screen {
 #weekviewprintname { display: none; }
}

@media print {

  .hidden-print {
      display: none !important;
  }

  #weekView .spacer { padding: 3px; font-size: 12px; margin: 2px; }

  #weekviewprintname { display: inline; }

  .table {
    width: 100%; 
    max-width: 250px;
  }

  .event-table {
    width: 100%;
    max-width: 100% !important;
    font-size: 10px;
    margin-bottom: 0px;
  }

  .event-th{
    width: 100px;
  }

}