/* Teaser View, Custom code for this template */
.teaserRow { color: #222; font-size: 11px; background-color: #fff; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
#listViewLink { background-color: #fff; margin-top: 10px; padding: 10px; border: solid 1px #eee }
/* Teaser View coded by TYPO3 */
.tx-mjseventpro-pi1-teaserView-events { background-color: #f7f7f7 }
.tx-mjseventpro-pi1-teaserView-header { color: #222; font-size: 12px; font-weight: 700; background-color: #fff; text-transform: uppercase; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
.tx-mjseventpro-pi1-teaserViewField-image { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
.tx-mjseventpro-pi1-teaserViewField-title { font-weight: 700; text-transform: uppercase }
.tx-mjseventpro-pi1-teaserViewField-bdate,
.tx-mjseventpro-pi1-teaserViewField-btime,
.tx-mjseventpro-pi1-teaserViewField-bdatetime { color: #fff; font-size: 9px }
.mjseventpro-teaserView-title:link { color: #333333; text-decoration: none }
.mjseventpro-teaserView-title:visited { color: #333333; text-decoration: none }
.mjseventpro-teaserView-title:hover { color: #333333; text-decoration: underline }
.mjseventpro-teaserView-teaser:link { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
.mjseventpro-teaserView-teaser:visited { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
.mjseventpro-teaserView-teaser:hover { color: #555; font-size: 9px; font-weight: 400; text-decoration: underline }

/* List View, Custom code for this template */
.optionBox { color: #fff; font-size: 9px; background-color: #fff; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
.select { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
.search {}
.listRow { color: #fff; font-size: 11px; background-color: #fff; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }

/* List View coded by TYPO3 */
select, input { font-size: 9px }
.tx-mjseventpro-pi1-listView-events { background-color: #f7f7f7 }
.tx-mjseventpro-pi1-listViewField-image { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
.tx-mjseventpro-pi1-listViewField-title { font-weight: 700; text-transform: uppercase }
.tx-mjseventpro-pi1-listViewField-bdate,
.tx-mjseventpro-pi1-listViewField-btime,
.tx-mjseventpro-pi1-listViewField-time { color: #fff; font-size: 9px }
.mjseventpro-listView-title:link { color: #fff; text-decoration: none }
.mjseventpro-listView-title:visited { color: #fff; text-decoration: none }
.mjseventpro-listView-title:hover { color: #fff; text-decoration: underline }
.mjseventpro-listView-teaser:link { color: #fff; font-size: 9px; font-weight: 400; text-decoration: none }
.mjseventpro-listView-teaser:visited { color: #fff; font-size: 9px; font-weight: 400; text-decoration: none }
.mjseventpro-listView-teaser:hover { color: #fff; font-size: 9px; font-weight: 400; text-decoration: underline }

/* SINGLE_VIEW */
/* 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 { background-color: #222222; margin: 0 10px 10px 0; position: relative; top: -9px; left: -11px; float: left; clear: both; border: solid 0px #ddd }
#titleBox, #descrBox, #adDataBox { background-color: #222222; margin-bottom: 10px; margin-left: 0px; padding: 8px 10px; clear: right; border: solid 0px #eee }
#bdate, #entrytime, #edate { padding-right: 20px; float: left }
#btime, #etime, #edatetime { margin-left: 110px }

.tx-mjseventpro-pi1-singleViewField-title { color: #FFFFFF; font-size: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px }
.tx-mjseventpro-pi1-singleViewField-teaser { font-weight: 700; color: #222; font-size: 11px; margin-bottom: 10px }

.tx-mjseventpro-pi1-singleViewField-image { font-size: 9px; background-color: #222222; margin: 0; padding: 10px; clear: both }
.tx-mjseventpro-pi1-singleViewField-imgcap { color: #888; font-size: 9px; background-color: #222222; margin: 0; padding: 0 10px 10px }

.tx-mjseventpro-pi1-singleViewField-bdate,
.tx-mjseventpro-pi1-singleViewField-entrytime,
.tx-mjseventpro-pi1-singleViewField-btime,
.tx-mjseventpro-pi1-singleViewField-edate,
.tx-mjseventpro-pi1-singleViewField-etime,
.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,
.tx-mjseventpro-pi1-singleViewField-edatetime { color: #fff; font-size: 11px; margin-bottom: 10px }

.tx-mjseventpro-pi1-singleViewHeader-bdate,
.tx-mjseventpro-pi1-singleViewHeader-entrytime,
.tx-mjseventpro-pi1-singleViewHeader-btime,
.tx-mjseventpro-pi1-singleViewHeader-edate,
.tx-mjseventpro-pi1-singleViewHeader-etime,
.tx-mjseventpro-pi1-singleViewHeader-title,
.tx-mjseventpro-pi1-singleViewHeader-teaser,
.tx-mjseventpro-pi1-singleViewHeader-cat,
.tx-mjseventpro-pi1-singleViewHeader-type,
.tx-mjseventpro-pi1-singleViewHeader-descr,
.tx-mjseventpro-pi1-singleViewHeader-internalrefs,
.tx-mjseventpro-pi1-singleViewHeader-location,
.tx-mjseventpro-pi1-singleViewHeader-image,
.tx-mjseventpro-pi1-singleViewHeader-imgcap,
.tx-mjseventpro-pi1-singleViewHeader-files,
.tx-mjseventpro-pi1-singleViewHeader-links,
.tx-mjseventpro-pi1-singleViewHeader-promoter,
.tx-mjseventpro-pi1-singleViewHeader-location,
.tx-mjseventpro-pi1-singleViewHeader-area,
.tx-mjseventpro-pi1-singleViewHeader-status,
.tx-mjseventpro-pi1-singleViewHeader-priority,
.tx-mjseventpro-pi1-singleViewHeader-fees,
.tx-mjseventpro-pi1-singleViewHeader-ticketlink,
.tx-mjseventpro-pi1-singleViewHeader-age,
.tx-mjseventpro-pi1-singleViewHeader-edatetime { color: #AAAAAA; font-size: 9px;}

/* ARCHIVE_VIEW, Custom code for this template */
.optionBox { color: #222; font-size: 9px; background-color: #fff; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
.select { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
.search {}
.listRow { color: #fff; font-size: 11px; background-color: #222; margin-bottom: 10px; padding: 5px 10px; border: solid 0px #eee }

/* ARCHIVE_VIEW coded by TYPO3 */
select, input { font-size: 9px }
.tx-mjseventpro-pi1-archiveView-events { background-color: #f7f7f7 }
.tx-mjseventpro-pi1-archiveViewField-title { font-weight: 700; font-size: 9px; text-transform: uppercase }
.tx-mjseventpro-pi1-archiveViewField-bdate { color: #fff; font-size: 9px; width: 160px; float: left; clear: both }
.mjseventpro-archiveView-title:link { color: #fff; text-decoration: none }
.mjseventpro-archiveView-title:visited { color: #fff; text-decoration: none }
.mjseventpro-archiveView-title:hover { color: #fff; text-decoration: underline }