table.mojoAgendaPuntIntro { border-collapse: collapse; border-spacing: 0; } .mojoAgendaPuntDatum { float: left; width: 80px; font-size: 14px; text-align: center; } .mojoAgendaPuntText { float: left; width: 380px; } .mojoAgendaPuntDay { font-size: 18px; font-weight: bold; } .mojoAgendaPuntTm { margin-top: 10px; margin-bottom: 10px; font-weight: bold; } .agendaPuntBtn { text-align: right; } .mojoAgendaPuntText h2, .mojoAgendaPuntText p { margin: 0px; padding: 0px; } td.mojoAgendaPuntProp { font-weight: bold; padding-right: 20px; } div.mojoAgendaPuntWrapper { margin-bottom: 10px; margin-top: 10px; }div.mojoAgendaCalendar { color:#000000; position: relative; } div.mojoAgendaCalendar table { border-collapse: collapse; background-color: white; border: 1px solid #cccccc; background-color: white; width: 100%; margin-top: 10px; } div.mojoAgendaCalendar table thead td{ font-weight: bold; font-size: 10px; color: #000000; background-color: #eeeeee; vertical-align: middle; height: 10px; } div.mojoAgendaCalendar table td { border: 1px solid #dddddd; color:#000000; vertical-align: top; font-weight: bold; text-align:center; width: 14%; height: 80px; } div.mojoAgendaCalendar table td.wknr { color: #444; font-weight:normal; background-color: #ededed; width: 2%; font-size: 10px; padding-top: 5px; } div.mojoAgendaCalendar table td.oth { background-color: #ffffff; color: #cccccc; } div.mojoAgendaCalendar table td.wknd { background-color: #eeeeee; } div.mojoAgendaCalendar table td.dis { color: #cccccc; } div.mojoAgendaCalendar table td.selected, div.calendarWidget table td.selected.active { background-color: #ffffcc; color:white; } div.mojoAgendaCalendar table td.pntFlip { cursor:pointer; } div.mojoAgendaCalendar table td.active { background-color: #ffdfcc; } div.mojoAgendaCalendar table td div.dag { text-align: right; clear:both; font-size: 10px; color: #000000; } div.mojoAgendaCalendar table td div.mojoAgendaPunt { position: relative; } div.mojoAgendaCalendar table td div.mojoAgendaPunt div.mojoAgendaDayDetailsWrapper, div#mojoAgendaDetailsDiv { position: absolute; display: none; width:200px; background-color: #ffffff; text-align: left; } div.mojoAgendaCalendar table td div.mojoAgendaPunt div.mojoAgendaDayDetailsBar { position: absolute; left: 0px; width: 100%; font-size: 10px; } div.mojoAgendaCalendar table td div.mojoAgendaPunt div.mojoAgendaDayDetails, div#mojoAgendaDetailsDiv div.mojoAgendaDayDetails{ border: 3px solid #cccccc; padding: 5px; } div#mojoAgendaDetailsDiv div.mojoAgendaDayDetailsClose { text-align: right; clear: both; } div#mojoAgendaDetailsDiv div.mojoAgendaDayDetails a.dayDetail { padding: 0px 3px; display:block; } div#mojoAgendaDetailsDiv div.mojoAgendaDayDetails div.dag { text-align: right; font-weight: bold; font-size: 13px; } div.mojoAgendaCalendar table td div.mojoAgendaPunt div.mojoAgendaDayDetailsLink { position: absolute; top: 40px; left: 0px; } div.mojoAgendaCalendar table td div.mojoAgendaPunt div.mojoAgendaDayDetailsLink a { font-size: 10px; } div.mojoAgendaPuntCategorieColor { float:left; width:10px; height:10px; margin-top: 6px; margin-right: 5px; } div.mojoAgendaPuntCategorieOmschrijving { padding-left: 15px; } div#mojoAgendaPuntCategorieLegend { border: 1px solid #cccccc; background-color: #ffffff; padding: 20px; margin-top: 10px; margin-bottom: 20px; }div.mojoAgendaPunt { background-color: #f0ffe3; width: 455px; margin: 0px; } div.mojoAgendaPunt p.mojoAgendaDetails { font-weight: bold; font-size: 14px; margin: 10px 0px 5px 0px; } table.mojoAgendaPuntIntro { width: 100%; } table.mojoAgendaPuntIntro td { vertical-align: top; padding-right: 10px; } table.mojoAgendaPuntIntro td p { margin: 0px 10px 0px 10px; } table.mojoAgendaPuntIntro td a { font-weight: bold; } table.mojoAgendaPuntIntro td.mojoAgendaPuntValue { width: 178px; border-right: 1px solid #000000; } h1 { margin-bottom: 6px; } h2 { font-size: 13px; } a.mojoAgendaPuntAanmelden { font-size: 12px; font-weight: bold; } table.psAanmelding input { border: 1px solid #000000; background-color: #f0ffe3; } table.psAanmelding input.pntRadioWidget { border-width: 0px; } table.psAanmelding td { padding-bottom: 10px; padding-right: 5px; } td.mojoAgendaPuntProp { width: 80px; }