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


/* 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: bold; text-transform: uppercase; line-height: 1px;}
    .tx-mjseventpro-pi1-listViewField-bdate,
    .tx-mjseventpro-pi1-listViewField-btime,
    .tx-mjseventpro-pi1-listViewField-time { color: #777; font-size: 10px;}
    .mjseventpro-listView-title:link { color: #333333; text-decoration: none }
    .mjseventpro-listView-title:visited { color: #333333; text-decoration: none }
    .mjseventpro-listView-title:hover     { color: #333333; text-decoration: underline }
    .mjseventpro-listView-teaser:link  { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-listView-teaser:visited { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
    .mjseventpro-listView-teaser:hover     { color: #555; font-size: 9px; font-weight: 400; text-decoration: underline }
    
    .tx-mjseventpro-pi1-searchbox-button, .tx-mjseventpro-pi1-searchbox-sword  { border: 1px solid #DDDDDD; background-color: #ffffff; margin: 0 2px 0 0}
   
   
/* 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; margin-bottom: 0px; }
    .tx-mjseventpro-pi1-archiveViewField-bdate  { color: #777; font-size: 9px; width: 160px; float: left; clear: both }
    .mjseventpro-archiveView-title:link     { color: #333333; text-decoration: none }
    .mjseventpro-archiveView-title:visited  { color: #333333; text-decoration: none }
    .mjseventpro-archiveView-title:hover    { color: #333333; text-decoration: underline }
    
    
/* SINGLE_VIEW */
#posterBox          { background-color: #fff; margin: 0 10px 10px 0; position: relative; top: -9px; left: -11px; float: left; clear: both; border: solid 1px #ddd }
#titleBox, #descrBox, #adDataBox       { background-color: #fff; margin-bottom: 10px; margin-left: 0px; padding: 8px 10px; clear: right; border: solid 1px #eee }
#bdate, #entrytime, #edate  { padding-right: 20px; float: left }
#btime, #etime, #edatetime  { margin-left: 110px }


.tx-mjseventpro-pi1-singleViewField-title { color: #444; font-size: 24px; 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: #ffffff; margin: 0; padding: 10px; clear: both }
.tx-mjseventpro-pi1-singleViewField-imgcap         { color: #888; font-size: 9px; background-color: #ffffff; 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: #222; 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: #888; font-size: 9px; border-top: 1px dashed #eee }

#descrBox p{margin: 5px 0 10px 0; padding: 0px;}
#adDataBox p{margin: 0 0 10px 0; padding: 0px; font-size: 11px;}