/* --------------------------------------------------- */
/* Stylesheet für Extension MJSEVENTPRO           */
/* --------------------------------------------------- */

/* --------------------------------------------------- */
/* allgemein */
/* --------------------------------------------------- */

.tx-mjseventpro-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }

.links { 
	font-size: 11px;
}

.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: #222; 
	font-size: 11px; 
	background-color: #fff; 
	padding: 10px 20px 20px 20px;  
	margin: 0 0 10px 0;
	border: solid 1px #eee 
}

select, input { font-size: 9px }

/* --------------------------------------------------- */
/* tables */
/* --------------------------------------------------- */

.table-list    { background-color: #fff }
.td-list    { background-color: #eee }
.td-listalt   { background-color: #ff9 }

.table-single     { }
.td-single     { }

/* --------------------------------------------------- */
/* Teaser */
/* --------------------------------------------------- */

.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 }

.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: #777; */
	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 */
/* --------------------------------------------------- */

.tx-mjseventpro-pi1-listView-events           { background-color: #f7f7f7 }

.tx-mjseventpro-pi1-listViewField-image   { 
	padding: 0 20px 10px 0; 
	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: #777; font-size: 9px }

.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 }




/* --------------------------------------------------- */
/* single View */
/* --------------------------------------------------- */

.tx-mjseventpro-pi1-singleView { background-color: transparent; }

.tx-mjseventpro-pi1-singleViewField-title {
	color: #444; 
	font-size: 24px; 
	font-weight: 700; 
	text-transform: uppercase;
	border: solid 1px #dddddd;
	padding: 15px 5px 15px 5px;
	margin: 0 0 15px 0;
}

.tx-mjseventpro-pi1-singleViewField-teaser {
	font-weight: 700; 
	color: #222; 
	font-size: 11px;
	margin: 0 0 15px 0;
}

.tx-mjseventpro-pi1-singleViewField-image { 
	font-size: 9px; 
	background-color: #eeeeee;
	border: solid 1px #dddddd;
	margin: 15px ; 
	padding: 10px;
}

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

.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;}

.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; }

.tx-mjseventpro-pi1-singleViewHeader-files,
.tx-mjseventpro-pi1-singleViewHeader-internalrefs,
.tx-mjseventpro-pi1-singleViewHeader-links {
	margin: 25px 0 0 0;
}

/* --------------------------------------------------- */
/* Archive-View */
/* --------------------------------------------------- */

.tx-mjseventpro-pi1-archiveView-events           { background-color: #f7f7f7 }

.tx-mjseventpro-pi1-archiveViewField-image   { 
	padding: 0 20px 10px 0; 
	float: left; 
	clear: both 
}

.tx-mjseventpro-pi1-archiveViewField-title  { font-weight: 700; text-transform: uppercase }
.tx-mjseventpro-pi1-archiveViewField-bdate,
.tx-mjseventpro-pi1-archiveViewField-btime,
.tx-mjseventpro-pi1-archiveViewField-time { color: #777; font-size: 9px }

.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 }
.mjseventpro-archiveView-teaser:link  { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
.mjseventpro-archiveView-teaser:visited { color: #555; font-size: 9px; font-weight: 400; text-decoration: none }
.mjseventpro-archiveView-teaser:hover     { color: #555; font-size: 9px; font-weight: 400; text-decoration: underline }


/* --------------------------------------------------- */
/* Browsebox */
/* --------------------------------------------------- */

.tx-mjseventpro-pi1-browsebox  {  background-color: #ffc }

/* --------------------------------------------------- */
/* Listrow Fields
/* --------------------------------------------------- */

.tx-mjseventpro-pi1-listrowField-title  { font-size: 12px; font-weight: 700 }
.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 {  }
.tx-mjseventpro-pi1-listrowField-ticketlink  {  }

/* --------------------------------------------------- */
/* SingleView - Boxmodell
/* --------------------------------------------------- */

#poster-title-box {
	background-color: #fafafa;
	float: left; 
	left:0px;
	top:0px;
	width:260px;
	margin: 0 20px 0 0;
	padding: 0px;
	border: solid 1px #dddddd;
}

/* image width 100, height 75 */
#posterBox { 
	background-color: #fafafa; 
	margin: 0; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	float: left; 
	width: 230px;
}

#titleBox{ 
	background-color: #fafafa; 
	margin: 0 0 10px 0; 
	padding: 8px 0 8px 15px;
	top: 90px;
	left: 0px;
	width: 230px; 
}
#adDataBox { 
	background-color: #fafafa; 
	margin: 0 0 10px 0; 
	padding: 8px 15px; 
	width: 230px;
}

#descrBox { 
	background-color: white; 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 400px;
}

#bdate, #entrytime { 
	padding: 0px 10px 0 0; 
	float: left;
}

#btime {
	margin: 0 0 0 150px;
}

#edate { 
	padding: 10px 10px 0 0; 
	float: left;
}

#etime, #edatetime {
	margin: 0 0 0 150px;
	padding: 10px 0 0 0;
}


#buttons {
	position: relative;
	left: 0;
	top: 500px;
	margin: 0;
}