/**
 * @version 1.0.2 Stable $Id$
 * @package Joomla
 * @subpackage EventList
 * @copyright (C) 2005 - 2009 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
 **/

/**
 * @section reset
 *
 * 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; } */


/**
 * @section clear
 *
 * clearing the float containers
 */


div#eventlist .clear
{ border: 0; clear: both; float: none; height: 1px; line-height: 1px; }

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


/**
 * @section buttons
 *
 * print, pdf, ...
 */
div#eventlist .buttons
{ float: right; }

div#eventlist .buttons img
{ border: none; }




/**
 * @section headlines
 *
 */

div#eventlist h2 img {
border: none;
}


/**
 * @section definitionlist
 *
 * Event Details
 */
div#eventlist dl {
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;
}


/**
 * @section images
 *
 * flyer, locations, maps, ...
 */
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;
}


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


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


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

/**
 * @section Eventlist Table
 *
 */
div#eventlist table.eventtable
{ margin: 1em 1px; width: 99%; font-size: 1em; border-collapse: collapse; border: 1px solid #E5E5E5; box-shadow:0px 0px 5px #ddd;}

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 }


/**
 * @section Eventlist Table Filter Form
 *
 */
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;
}


/**
 * @section Editevent Form
 *
 */

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, /* event */
    div.el_editevent form button,
    div.el_editevent form select,
    div.el_editevent form textarea,
    
    div.el_editvenue form input, /* venue */
    div.el_editvenue form button,
    div.el_editvenue form select,
    div.el_editvenue form textarea {
    margin: 0 0 0.5em 0; 
    }
	.input-append .btn{
		padding:7.5px;
	}
    div.el_editevent form input#a_name {
    float: left;
    }
	.el_save_buttons .button {
		padding: 5px 22px;
		font-size: 20px;
	}
    div.el_editevent form img,
    div.el_editvenue form img {
    border: 0;
    margin: 0 0 0 5px;
    vertical-align: baseline;
    cursor: pointer;
    }

/** venue select buttons */
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(https://www.hkclubbing.com/components/com_eventlist/assets/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(https://www.hkclubbing.com/components/com_eventlist/assets/images/venue_select_btn_right.png) 100% 0 no-repeat;
    background-color: transparent;
    display: block;
    height: 1%; width: auto;
    padding: 0 6px 0 0;
    color: #000;
    }


/** save buttons */
div.el_save_buttons {
margin: 0 0 1em 0;
float: right;
}

    div.el_save_buttons button {
    font-size: 1.5em;
    cursor: pointer;
    }

/** recurrence */
div.el_editevent form label#recurrence_output {
width: auto; float: none;
margin: 5px 0;
}

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

/** page navigation **/
.pageslinks li{
display:inline;
text-align:left;
border:solid 0px #eee;
margin:0 2px}

.componentheading{text-indent:10px;}
div#eventlist table.eventtable.featured th.sectiontableheader{background-color:#7F7F7F;}
.eventtable.featured th a{color:#fff;}
div#eventlist table.eventtable.featured td{background:#e5f3fc;}
div#eventlist table.eventtable.featured td a{color:#1678ba;}
.fsmall{font-weight:bold;font-size:9px;color:#ff264e;padding-left:5px;letter-spacing:1px;}

.inline-block{
	display:inline-block;
}
.eventList .eventRow{
	margin-bottom:15px;
}
.eventList .eventImageContent.nopromoCont{
	width:80%;	
}
.eventList .eventImageContent.promoCont{	
	width:100%;	
}
.eventList .eventImageContent{
	min-height:175px;
	box-shadow:0px 0px 3px #999;
	border-radius:2px;	
	vertical-align:top;	
}
.eventList .eventImage{
	width:25%;
	min-height:175px;
	vertical-align:top;
	border-radius:2px 0 0 2px;
}
.eventList .eventContent h4{
	margin-bottom:5px;
}
.eventList .eventContent a{
	color:#44aaed !important
}
.eventList .eventContent a.button{
	color:#fff !important
}
.eventList .eventContent a:hover{
	color:#000 !important
}
.eventList .eventContent a.button:hover{
	color:#fff !important
}
.eventList .eventContent{
	width:74%;
	min-height:175px;
	vertical-align:top;
	padding-left:8px;
	position:relative;
	padding-bottom:8px;
}
.eventList .eventCalendar{
	width:19%;
	position:relative;
	vertical-align:top;
}
.eventList .eventCalendar .popover-content{
	padding-top:22px;
}
.eventList .eventCalendar .popover-content span{
	display:block;
	text-align:center;
	font-size:28px;	
	color:#fff;
}

.eventList .eventCalendar .popover{
	min-height:175px;
	display:inline;
	width:100%;
	border:0;
	box-shadow:0px 0px 3px #999;
	border-radius:2px;	
}

.blue.popover{
	background:#279fba;
}
.eventList .eventCalendar  .blue.popover .arrow:after{
	border-right-color:#279fba;
}
.pink.popover{
	background:#d13b7b;
}
.eventList .eventCalendar  .pink.popover .arrow:after{
	border-right-color:#d13b7b;
}
.grey.popover{
	background:#000;
}
.eventList .eventCalendar  .grey.popover .arrow:after{
	border-right-color:#000;
}
.orange.popover{
	background:#ee7933;
}
.eventList .eventCalendar  .orange.popover .arrow:after{
	border-right-color:#ee7933;
}
.red.popover{
	background:#ef4a44;
}
.eventList .eventCalendar  .red.popover .arrow:after{
	border-right-color:#ef4a44;
}
.violet.popover{
	background:#874f9a;
}
.eventList .eventCalendar  .violet.popover .arrow:after{
	border-right-color:#874f9a;
}
.skyblue.popover{
	background:#01a8e7;
}
.eventList .eventCalendar  .skyblue.popover .arrow:after{
	border-right-color:#01a8e7;
}
.eventContent .estitle {
    display: inline-block;
    width: 60px;
}
.eventContent .escolon {
    padding-right: 5px;
}
.eventContent .esdesc, .eventContent .esdesc a {
    color: #44aaed !important;
}
.eventContent li {
    font-size: 14px;
    padding-bottom: 5px;
    list-style: none;
}
.eventContent ul {
	margin:0;
}
.eventContent .button {
    padding: 5px;     
}
.TopeFIlter a{
	color: #fff !important;
    background: #000;
    padding: 5px 7px;
    border-radius: 2px;
    box-shadow: 0px 0px 2px #999;
}
.TopeFIlter a:hover{
	background:#ef4a44;
}
#topFilterSel{
	height: 32px;
    position: relative;
    top: 4px;
    border: 3px solid #80a018;
    color: #80a018;
	background: #80a018;
    color: #fff;
	border-radius: 2px;
	width:196px;
	box-shadow: 0px 0px 2px #999;
	padding:2px;
}
#topFilterSel:focus{
	outline:0 !important;
}
#eventlist .copyright{
	display:none;
}
div.pageslinks li[class*=pagination-] {
   
}
div.pageslinks li {
    list-style:none;
	float: left;
    margin-right: 6px;   
	line-height:22px;
}
div.pageslinks li a,div.pageslinks li span{
   padding:2px 10px;
   background:#000;
   color:#fff !important;
   text-decoration:none;
   box-shadow:0px 0px 3px #999;border-radius:2px;
}
.pageslinks li span{
	cursor:not-allowed;
	font-style:italic;
	background: #95a5a6 !important;
}
div.pageslinks li[class*=pagination-] {
    float: left;
    margin-right: 6px;	
}
 .sicons > div {
    display: inline-block;
}


.eventList.eventDetail .eventContent ul{
	margin-top:10px;
}
.eventList.eventDetail .eventContent li {
	font-size:18px;
}
.eventList.eventDetail .eventContent .button{
	bottom:10px;
}
.eventList.eventDetail .eventContent {
	width:74%; 
	min-height:200px;
}
.eventList.eventDetail .eventImage {
	width:25%; 
	min-height:200px;
	position:relative;
}
.eventList.eventDetail .eventImageContent {
	width:100%;
}
.eventList.eventDetail .eventContent .estitle {
    display: inline-block;
    width: 80px;
}
.eventList .eventContent .cald{
	color:#6D8082 !important;
	font-size:18px;
	margin-top:3px;
	display:block;
}
.ebox{
	box-shadow:0px 0px 3px #999;
	border-radius:2px;
}
.efbTitle{
	background:#4965B4;
	color:#fff;
	font-size:22px;
	padding:8px 8px 8px 15px;
}
.fblink{
	position:relative;
	top:3px;
}
.efbImages a img {
    padding: 1px;
}
.efbImages{
	padding:10px;
}
.rmllink {
    color: #01a8e7 !important;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    padding: 6px 10px 6px 0;
}
h2.gtitle {
    background: #111111;
    color: #fff;
    font-weight: normal;
    padding: 0px 10px 5px !important;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    border-left: 5px solid #000;
}
.ebox .econtent{
	padding:10px;
}
.info-box p{
	margin:10px;
	color: #fff !important;
}
.info-box {
    background: rgba(164, 198, 57, 1);
    color: #fff !important;
    padding: 0 14px;
    border: 1px solid #a4c639;
    box-shadow: 0px 2px 3px #ddd;
    font-style: italic;
    position: relative;
}
.info-box:before {
    font-family: FontAwesome;
    content: "\f05a";
    font-style: normal;
    position: absolute;
    top: 0%;
    font-size: 33px;
    color: #80A018;
}
.econtent{
	overflow:hidden;
}
.info-box .custom {
    padding-left: 45px;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.eventImageContent {
  position: relative;
}
.topbanner .g-content{
	margin-right:0;
}
.redribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.redribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #B00A0A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.redribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #B00A0A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #B00A0A;
}
.redribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #B00A0A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #B00A0A;
}
.featuredribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.featuredribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#EF4A44 0%, #E84842 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.featuredribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #E84842;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #E84842;
}
.samll-caption {
  float: right;
  font-size: 12px;
}
.featuredribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #E84842;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #E84842;
}
#eventlist div[id*="___plusone"] {
    width: 48px !important;
}.css_whatsapp {	margin: 7px;	}.sicons > div.css_twitter{	width: 70px !important;}