/**
 * @version 0.9 $Id: eventlist.css 419 2007-10-01 00:04:26Z spook68 $
 * @package Joomla
 * @subpackage EventList
 * @copyright (C) 2005 - 2007 Christoph Lukes
 * @license GNU/GPL, see LICENCE.php
 * EventList is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License 2
 * as published by the Free Software Foundation.

 * EventList is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with EventList; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

 * if you've found a bug, please contact me @ spook.68[at]gmail.com
 **/

/******************************************************************************************
!!! if you have problems with your layout, activate this 'reset command' for debugging. !!!
******************************************************************************************/
/* 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 blue; } */

/* clearing >> do not edit if you don't know what you do <<
**********************************************************************************/
div#eventlist
{ overflow: hidden; /* clearing in beez */ }

div#eventlist .clear
{ border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden;}

div#eventlist .floattext:after /* ie fix in coditional comments (html source) */
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#eventlist .floattext
{ display:block; /* safari */ }


/* buttons
**********************************************************************************/
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; }


/* headlines
**************************************************************************/
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; }


/* definition list (event details)
**************************************************************************/
div#eventlist dl /* definition list */
{ margin: 0 5px; }

div#eventlist dt /* definition term */
{ 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 /* definition description */
{ display: block; margin: 0 0 5px 12em; padding: 0.3em 0; font-size: 1em; background: transparent; }

* html .floattext dd /* ie6 fix against the 3px jog bug */
{ 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; }


/* flyer, location, map pictures
*************************************************************************************/
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; }


/* registered user list
*************************************************************************************/
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; }


/* pagination
**************************************************************************/
div#eventlist .pageslinks,
div#eventlist .pagescounter
{ text-align: center; }


/* Categoryview
**************************************************************************/
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; }


/* Eventlist Table
**************************************************************************/
div#eventlist table
{ margin: 1em 1px; width: 99%; font-size: 1em; border-collapse: collapse; border: 1px solid #E5E5E5; }

div#eventlist table 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 th img
{ margin: 0 0 5px 5px; vertical-align: middle; border: none; }

div#eventlist table td
{ padding: 0.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5; vertical-align: top; }

div#eventlist table tr.sectiontableentry2 td
{ background: #F4F4F4; }

div#eventlist table tr:hover td
{ background: #F8F8F8 }


/* Filter
**************************************************************************/
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; }