/* CSS Document */

/* ARCHIVE_VIEW, Custom code for this template */

    .optionBox              {font-size: 81.81%; margin-bottom: 10px; padding: 10px;  }
    .select   { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .search {}
    .listRow               {margin-bottom: 10px; padding: 5px 10px;  }

/* ARCHIVE_VIEW coded by TYPO3 */
    .tx-mjseventpro-pi1-archiveView-events     { }
    .tx-mjseventpro-pi1-archiveViewField-title { font-weight: 700; font-size: 81.81%; text-transform: uppercase }
    .tx-mjseventpro-pi1-archiveViewField-bdate  { color: #777; font-size: 81.81%; 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 */
/* two seperate boxes:
#posterBox     { margin: 0 10px 10px 0; padding: 8px 10px; width: 100px; float: left; clear: both; }
#titleBox, #descrBox, #adDataBox       { margin-bottom: 10px; margin-left: 130px; padding: 8px 10px; clear: right;  }
*/
/* box in box: */
#posterBox          { margin: 0 10px 10px 0; position: relative; top: -9px; left: -11px; float: left; clear: both; }
#titleBox, #descrBox, #adDataBox       { margin-bottom: 10px; margin-left: 0px; padding: 8px 10px; clear: right; }
#bdate, #entrytime, #edate  { padding-right: 20px; float: left }
#btime, #etime, #edatetime  { margin-left: 110px }

.tx-mjseventpro-pi1-singleViewField-title {font-size: 127.27%; font-weight: 700; margin-bottom: 5px }
.tx-mjseventpro-pi1-singleViewField-teaser { font-weight: bold; margin-bottom: 10px; clear:both; }

.tx-mjseventpro-pi1-singleViewField-image           { font-size: 81.81%; margin: 0; padding: 10px; clear: both }
.tx-mjseventpro-pi1-singleViewField-imgcap         { color: #888; font-size: 81.81%; 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 {font-size: 100%; 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: 81.81%; border-top: 1px dashed #eee }


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

    .optionBox              {font-size: 81.81%; margin-bottom: 10px; padding: 10px;  }
    .select   { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .search {}
    .listRow              {font-size: 100%; margin-bottom: 5px; padding: 5px 10px;  }

/* List View coded by TYPO3 */
    .tx-mjseventpro-pi1-listView-events           {}
    .tx-mjseventpro-pi1-listViewField-image   { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .tx-mjseventpro-pi1-listViewField-title, .tx-mjseventpro-pi1-listViewField-title  p  { font-weight: 700; display:inline}
    .tx-mjseventpro-pi1-listViewField-bdate,
    .tx-mjseventpro-pi1-listViewField-btime,
    .tx-mjseventpro-pi1-listViewField-time { color: #777; font-size: 81.81%; display:inline }
    .tx-mjseventpro-pi1-listViewField-bdate a { color:#000}
    .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: 81.81%; font-weight: 400; text-decoration: none }
    .mjseventpro-listView-teaser:visited { color: #555; font-size: 81.81%; font-weight: 400; text-decoration: none }
    .mjseventpro-listView-teaser:hover     { color: #555; font-size: 81.81%; font-weight: 400; text-decoration: underline }
    

/* Teaser View, Custom code for this template */
    .teaserRow              {margin: 2px 0; padding:3px 10px; border-left:2px solid #EEE; }
    #listViewLink        {margin: 2px 0; padding: 5px 10px; border-left:2px solid #EEE; }
/* Teaser View coded by TYPO3 */
    .tx-mjseventpro-pi1-teaserView-events           {}
    .tx-mjseventpro-pi1-teaserView-header { color:#333; font-size: 20px; margin:15px 0; padding:10px; }
    .tx-mjseventpro-pi1-teaserViewField-image   { padding-right: 10px; padding-bottom: 10px; float: left; clear: both }
    .tx-mjseventpro-pi1-teaserViewField-title, .tx-mjseventpro-pi1-teaserViewField-title p  { font-weight: 700; display:inline }
    .tx-mjseventpro-pi1-teaserViewField-bdate,
    .tx-mjseventpro-pi1-teaserViewField-btime,
    .tx-mjseventpro-pi1-teaserViewField-bdatetime,
    .tx-mjseventpro-pi1-teaserView-listlink a { color: #777; font-size: 81.81%; display:inline }
    .tx-mjseventpro-pi1-teaserViewField-bdatetime a {color:#000}
    .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: 81.81%; font-weight: 400; text-decoration: none }
    .mjseventpro-teaserView-teaser:visited { color: #555; font-size: 81.81%; font-weight: 400; text-decoration: none }
    .mjseventpro-teaserView-teaser:hover     { color: #555; font-size: 81.81%; font-weight: 400; text-decoration: underline }
    
    .sidebar-right .teaserRow, #content .teaserRow, #content .listRow {
    	margin-top:3px;
    	border:1px solid #DEDEDE;
    }
    #content .listRow {
    	border:none;
    	border-bottom:1px solid #DEDEDE;
    }
    .sidebar-right .mjseventpro-teaserView-title, .sidebar-right .tx-mjseventpro-pi1-teaserViewField-btime {
    	display:block;
    }
    .sidebar-right .tx-mjseventpro-pi1-teaserViewField-teaser {
    	margin-top:-10px;
    	margin-left:4px;
    }