** reset all paddings/margins */* div#eventlist * { margin: 0; padding: 0; } */** border (red) around the eventlist component */*div#eventlist { border: 1px solid red; }*/** border (blue) around all eventlist elements */*div#eventlist * { border: 1px solid grey; }*/div#eventlist {overflow: hidden; }div#eventlist .clear{ border: 0; clear: both; float: none; height: 1px; line-height: 1px; }div#eventlist .floattext:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}div#eventlist .floattext{ display:block; }div#eventlist .buttons{ float: right; }div#eventlist .buttons img{ border: none; }div#eventlist .buttons a{ padding: 0 0 0 5px; height: 16px; line-height: 16px; }div#eventlist h2 {font-size: 1.2em; font-weight: bold;border-bottom: 2px solid #ddd;padding:0.5em 0.3em; margin: 0.8em 0;}div#eventlist h2 img {border: none;}div#eventlist dl {margin: 0 5px;}div#eventlist dt { margin: 0; padding: 0.3em 0;float:left;font-size: 1em; font-weight: bold;width: 11em;background: transparent;border-bottom: 1px solid #ddd;}div#eventlist dd { display: block;margin: 0 0 5px 12em; padding: 0.3em 0;font-size: 1em;background: transparent;}* html .floattext dd { height: 1%; }div#eventlist div.description {margin: 5px 0; padding: 0 5px;}div#eventlist div.no_space,div#eventlist .no_space {margin: 0; padding: 0;}div#eventlist .copyright {font-size: 0.9em; text-align: center;margin: 1em 0;color: #aaa;}div#eventlist .modal,div#eventlist .map {float:right;margin:0.3em;position: relative;}div#eventlist a.modal img,div#eventlist img.modal,div#eventlist .catimg img,div#eventlist .map {border: 1px solid #ddd;padding:1px;} div#eventlist div.register {margin: 5px 0; padding: 0 5px;}div#eventlist ul.user {margin:5px; padding:0;list-style:none;font-size:0.9em;}div#eventlist ul.user li {float:left;margin:5px;list-style:none;}div#eventlist ul.user li img {border: #ddd 1px solid;padding:3px;}div#eventlist ul.user li span.username {display:block;text-align:center; font-weight:bold;}div#eventlist .pageslinks,div#eventlist .pagescounter {text-align: center;}div#eventlist .catimg {margin: 0 0.5em 0.5em 0;float: left;position: relative;}div#eventlist .catimg p {font-size: 0.9em; line-height: 180%;margin: 0 0 0.5em 0;}div#eventlist .catdescription {margin: 0 0 0.5em 0;}div#eventlist table.eventtable{ margin: 1em 1px; width: 99%; font-size: 1em; border-collapse: collapse; border: 1px solid #E5E5E5; }div#eventlist table.eventtable th{ background-color: #EFEFEF; color: #000; font-weight: bold; padding: 0.4em; text-align: left; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5; }div#eventlist table.eventtable th img{ margin: 0 0 5px 5px; vertical-align: middle; border: none; }div#eventlist table.eventtable td{ padding: 0.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5; vertical-align: top; }div#eventlist table.eventtable tr.sectiontableentry2 td{ background: #F4F4F4; }div#eventlist table.eventtable tr:hover td{ background: #F8F8F8 }div#eventlist #el_filter {margin: 1em 0 0.5em 0; padding: 0.5em;border: solid 1px #ddd;}div#eventlist .el_fleft {float: left;}div#eventlist .el_fright {float: right;}div.el_editevent form fieldset,div.el_editvenue form fieldset {margin: 0 0 1em 0;padding: 1em;border: 1px solid #ddd;} div.el_editevent form legend, div.el_editvenue form legend { padding: 0.3em; font-weight: bold; } div.el_editevent form label, div.el_editvenue form label { width: 9em; margin: 0; padding: 0; float: left; display: block; vertical-align: top; } div.el_editevent form input, div.el_editevent form button, div.el_editevent form select, div.el_editevent form textarea, div.el_editvenue form input, div.el_editvenue form button, div.el_editvenue form select, div.el_editvenue form textarea { margin: 0 0 0.5em 0; padding: 0.2em; border: 1px solid #ddd; cursor: pointer; background-color: #F0F0EE; } div.el_editevent form input#a_name { float: left; } div.el_editevent form img, div.el_editvenue form img { border: 0; margin: 0 0 0 5px; vertical-align: baseline; cursor: pointer; }div.el_editevent div.el_buttons {float: left; width: 45%;} div.el_editevent div.el_buttons button { float: right; margin: 0 0 0 5px; } div.el_editevent div.el_buttons a.el_venue_select, div.el_editevent div.el_buttons a.el_venue_select:hover, div.el_editevent div.el_buttons a.el_venue_select:active, div.el_editevent div.el_buttons a.el_venue_select:focus { background: #fff url(../images/venue_select_btn_left.png) 0 0 no-repeat; background-color: #fff; margin: 0 5px 0 5px; padding: 0 0 0 28px; font-size: 0.9em; line-height: 22px; float: right; color: #000; } div.el_editevent div.el_buttons a.el_venue_select span, div.el_editevent div.el_buttons a.el_venue_select:hover span, div.el_editevent div.el_buttons a.el_venue_select:active span, div.el_editevent div.el_buttons a.el_venue_select:focus span { background: transparent url(../images/venue_select_btn_right.png) 100% 0 no-repeat; background-color: #fff; display: block; height: 1%; width: auto; padding: 0 6px 0 0; color: #000; }div.el_save_buttons {margin: 0 0 1em 0;float: right;} div.el_save_buttons button { font-size: 1.5em; cursor: pointer; }div.el_editevent form label#recurrence_output {width: auto; float: none;margin: 5px 0;}div.el_editevent form div.el_unregister,div.el_editevent form div.el_register {width: 35%; float: left;margin: 0 1em 0 0;}div.el_box_left,div.el_box_right {width: 45%;float: left;}div.el_box_right {float: right;}