/* CSS Document Styles of MJS Event Calendar */
/* Single View, Custom code for this template */
/* two seperate boxes:
#posterBox     { background-color: #fff; margin: 0 10px 10px 0; padding: 8px 10px; width: 100px; float: left; clear: both; border: solid 1px #eee }
#titleBox, #descrBox, #adDataBox       { background-color: #fff; margin-bottom: 10px; margin-left: 130px; padding: 8px 10px; clear: right; border: solid 1px #eee }
*/

/* box in box: */
#posterBox { 
  margin: 0px;
  float: left;
  clear: both;
}
#titleBox, #descrBox, #adDataBox {
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 0px;
  clear: right;
}
#bdate, #entrytime, #edate  {
  padding-right: 10px;
  float: left
  font-weight: bold;
}
#btime, #etime, #edatetime  {
  margin-left: 0px;
}
#teaser {
  margin-bottom: 10px
}
.label {
  border-top: 1px dashed #eee
}
.data {
  margin-bottom: 10px
}

/* Teaser View, Custom code for this template */

#listViewLink {
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #eee
}

/* All kind of Views coded by TYPO3 */
div.tx-mjseventpro-pi1 {
  background: transparent;
  padding-top: 5px;
  border: none;
}
div.tx-mjseventpro-pi1 .help {
  color: #777;
  background-color: #ffc;
  padding: 1px 2px;
  border: solid 1px #d2d29f
}

/* List View, Custom code for this template */
/* Custom styles won't be read by the TYPO3-engine. I use them to design the template and then copy them to the setup code. */		
div.tx-mjseventpro-pi1 td.list {
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dashed #bbb;
  border-left: 0
}


/* ------- */
.table-single { }
.td-single    { }
.tx-mjseventpro-pi1-singleView-Infobox   {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: dashed 1px #999
}
.tx-mjseventpro-pi1-singleView-DescrBox  {
  padding: 2px 20px
}

.tx-mjseventpro-pi1-browsebox  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tx-mjseventpro-pi1-listrowField-title  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.tx-mjseventpro-pi1-listrowField-teaser { }
.tx-mjseventpro-pi1-listrowField-bdate { }
.tx-mjseventpro-pi1-listrowField-entrytime { }
.tx-mjseventpro-pi1-listrowField-time { }
.tx-mjseventpro-pi1-listrowField-location { }

/* Teaser View coded by TYPO3 */
.teaserRow {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  background: transparent;
  color:rgb(188,188,188);  
  font-size: 100%;
}
.tx-mjseventpro-pi1-teaserView-events {
  background: transparent;
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-teaserViewField-image   {
  padding-right: 10px;
  padding-bottom: 10px;
  float: left;
  clear: both;
}
.tx-mjseventpro-pi1-teaserViewField-title  {
  float: left;
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-teaserViewField-location  {
  float: left;
  margin-right: 1em;
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-teaserViewField-area  {
  float: left;
  margin-right: 1em;
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-teaserViewField-bdate, .tx-mjseventpro-pi1-teaserViewField-btime, .tx-mjseventpro-pi1-teaserViewField-bdatetime {
  float: left;
  margin-right: 1em;
  background: transparent;
  color:rgb(188,188,188);  
  font-size: 100%;
}

/* Single View */

.tx-mjseventpro-pi1-singleView {
  background-color: rgb(0,0,0);
}

.tx-mjseventpro-pi1-singleViewHeader-btime {
  width: 4em;
  float: left;
}
.tx-mjseventpro-pi1-singleViewHeader-entrytime  {
  width: 4em;
  float: left;
}

.tx-mjseventpro-pi1-singleView-back   {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 30px 20px 4px;
  padding: 1px 2px 3px;
  border: solid 1px #ccc
}

.tx-mjseventpro-pi1-singleViewField-image  {
  margin: 0;
  padding: 10px;
  clear: both;
}
.tx-mjseventpro-pi1-singleViewField-imgcap {
  margin: 0;
  padding: 0 10px 10px;
}

.tx-mjseventpro-pi1-singleViewField-entrytime,
.tx-mjseventpro-pi1-singleViewField-btime,
.tx-mjseventpro-pi1-singleViewField-edate,
.tx-mjseventpro-pi1-singleViewField-etime,
.tx-mjseventpro-pi1-singleViewField-title,
.tx-mjseventpro-pi1-singleViewField-teaser,
.tx-mjseventpro-pi1-singleViewField-cat,
.tx-mjseventpro-pi1-singleViewField-type,
.tx-mjseventpro-pi1-singleViewField-descr,
.tx-mjseventpro-pi1-singleViewField-internalrefs,
.tx-mjseventpro-pi1-singleViewField-location,
.tx-mjseventpro-pi1-singleViewField-files,
.tx-mjseventpro-pi1-singleViewField-links,
.tx-mjseventpro-pi1-singleViewField-promoter,
.tx-mjseventpro-pi1-singleViewField-location,
.tx-mjseventpro-pi1-singleViewField-area,
.tx-mjseventpro-pi1-singleViewField-status,
.tx-mjseventpro-pi1-singleViewField-priority,
.tx-mjseventpro-pi1-singleViewField-fees,
.tx-mjseventpro-pi1-singleViewField-ticketlink,
.tx-mjseventpro-pi1-singleViewField-age {
  background-color: rgb(0,0,0);
  margin-bottom: 0px;
}

.tx-mjseventpro-pi1-singleViewField-bdate {
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}  
.tx-mjseventpro-pi1-singleViewToday {
  display: none;
}

/* ARCHIVE_VIEW, Custom code for this template */

.optionBox {
  color:rgb(188,188,188);  
  font-size: 100%;
  margin-bottom: 10px;
}
.select {
  padding-right: 10px;
  padding-bottom: 10px;
  float: left;
  clear: both;
}
.search {}
.listRow {
  margin-bottom: 5px;
  background: transparent;
  color:rgb(188,188,188);  
  font-size: 100%;
}

/* ARCHIVE_VIEW coded by TYPO3 */
select, input {
  font-size: 100%;
}
.tx-mjseventpro-pi1-archiveView-events {
  background: transparent;
}
.tx-mjseventpro-pi1-archiveViewField-title {
  float: left;
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-archiveViewField-bdate  {
  float: left;
  margin-right: 1em;
  color:rgb(188,188,188);  
}
.mjseventpro-archiveView-title:link     {
  color:rgb(188,188,188);  
  text-decoration: none;
}
.mjseventpro-archiveView-title:visited  {
  color:rgb(188,188,188);  
  text-decoration: none;
}
.mjseventpro-archiveView-title:hover    {
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-archiveViewField-location  {
  float: left;
  margin-right: 1em;
  color:rgb(188,188,188);  
}
.tx-mjseventpro-pi1-archiveViewField-area  {
  float: left;
  margin-right: 1em;
  color:rgb(188,188,188);  
}