/**
 * Public facing CSS file
 *
 * @package   GCE
 * @author    Phil Derksen <pderksen@gmail.com>, Nick Young <mycorpweb@gmail.com>
 * @license   GPL-2.0+
 * @copyright 2014 Phil Derksen
 */

/* Base line-height for all views & tooltip */

.gce-page-grid,
.gce-page-list,
.gce-widget-grid,
.gce-widget-list,
.gce-event-info {
	line-height: 1.5;
}

/* Month & list titles for all views */

.gce-month-title,
.gce-list-title {
	font-weight: bold;
	padding-bottom: 5px;
}

/* Event titles with shaded background for all views */

.gce-list-event,
.gce-tooltip-event {
	background-color: #ddd;
	padding: 0 5px;
}

/* PAGE GRID */

.gce-page-grid .gce-calendar .gce-caption{ /* Caption at top of calendar */
	color:#333333;
	text-align:center;
}

.gce-page-grid .gce-calendar{ /* Main calendar table */
	width:100%;
	border-collapse:collapse;
	border:0px solid #CCCCCC;
	color:#CCCCCC;
}

.gce-page-grid .gce-calendar th{ /* Day headings (S, M etc.) */
	border:0px solid #CCCCCC;
	text-align:center;
	background:#053643;
	color:#FFFFFF;
	line-height:35px;
	font-weight:bold;
	width:14.29%;
	padding:0;
}

.gce-page-grid .gce-calendar td{ /* Day table cells */
	color:#000000;
	border:0px solid #CCCCCC;
	line-height:35px;
	text-align:center;
	height:40px;
	vertical-align:middle;
	padding:0;
}



.gce-page-grid .gce-calendar .gce-event-info{ /* Event information */
	display:none; /* Important! */
}

.gce-page-grid .gce-calendar .gce-day-number{ /* Day number span */
	font-size:1em;
}



.gce-page-grid .gce-calendar th abbr{ /* Day letter abbreviation */
	border-bottom:none;
}

.gce-page-grid .gce-calendar .gce-day-past, .gce-page-grid .gce-calendar .gce-day-future {background-color:#e5e5e5;}

.gce-page-grid .gce-calendar .gce-has-events{ /* Table cells with events */
	color:#fff;
	background:#33a7c7;
	line-height:35px;
	cursor:pointer;
}

.gce-page-grid .gce-calendar .gce-today{ /* Table cell that represents today */
	background-color:#b5b5b5;
}

.gce-page-grid .gce-calendar .gce-today-has-events{ /* Table cell that represents today */
	background-color:#28879c;
}
/* PAGE LIST */

.gce-page-list .gce-feed {
	padding-bottom: 10px;
}

.gce-page-list .gce-list p{ /* Each piece of information in the list */
	margin:0;
}

.gce-page-list .gce-list p span,
.gce-page-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

/* WIDGET GRID */

.gce-widget-grid .gce-calendar .gce-caption{
	text-align:center;
	line-height:35px;
}

.gce-widget-grid .gce-calendar{ /* Main calendar table */
	width:100%;
	border:0px solid #CCCCCC;
	border-collapse:collapse;
}

.gce-widget-grid .gce-calendar th{ /* Day headings (S, M etc.) */
	width:14.29%;
	border:0px solid #CCCCCC;
	background:#053643;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.gce-widget-grid .gce-calendar td{ /* Day table cells */
	color:#CCCCCC;
	width:14.29%;
	border:1px solid #CCCCCC;
	text-align:center;
}

.gce-widget-grid .gce-calendar .gce-has-events{ /* Table cells with events */
	cursor:pointer;
	color:#666666;
}

.gce-widget-grid .gce-calendar .gce-today{ /* Table cell that represents today */
	background-color:#DDDDDD;
}

.gce-widget-grid  .gce-calendar .gce-event-info{ /* Event information */
	display:none; /* Important! */
}

.gce-widget-grid .gce-calendar th abbr{ /* Day name abbreviations */
	border-bottom:none;
}

/* WIDGET LIST */

.gce-widget-list .gce-list p{ /* Each piece of information in the list */
	margin:0;
}

.gce-widget-list .gce-list p span,
.gce-widget-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

/* TOOLTIP */

.gce-event-info{ /* Tooltip container */
	background-color:#FFFFFF;
}

.gce-event-info .gce-tooltip-title{ /* 'Events on...' text */
	margin:5px;
	font-weight:bold;
	font-size:1.2em;
}

.gce-event-info ul{ /* Events list */
	padding:0;
	margin:5px;
	list-style-type:none;
}

.gce-event-info ul li{ /* Event list item */
	margin:10px 0 0 0;
}

.gce-event-info ul li p{ /* Each piece of information */
	margin:0;
}

.gce-event-info ul li p span,
.gce-event-info ul li div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

/** Calendar navigation bar, Prev/Next links & month title. **/

.gce-navbar {
	width: 100%;
	text-align: center;
	clear: both;
	overflow: hidden;
}

.gce-next,
.gce-prev {
	white-space: nowrap;
}

.gce-prev {
	float: left;
}

.gce-next {
	float: right;
}

.gce-prev a {text-decoration:none; color:#000000;}
.gce-prev a:before { content:"<< "; visibility:visible;}
.gce-next a {text-decoration:none; color:#000000;}
.gce-next a:after { content:" >>"; visibility:visible;}

.gce-month-title {
	display: inline-block;
	margin: 0 auto;
	white-space: nowrap;
}

/* Grouped List */

.gce-list-grouped .gce-feed { 
	margin-left: 5%;
}
.gce-page-list { margin-top:20px; overflow-style:auto;}

.gce-page-list .gce-list .infotitle{ /* The event title */
	color:#000;
	font-size: 14px;
	padding:5px 5px;
	margin-left:40px;
	list-style:none;
	font-weight:bold;
}

.gce-page-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
	float: left; width:15%; max-width:50px;
	text-align:center;
	color:#fff;
	background:#33A7C7;
	padding:5px;
	font-size:100%;
	border-radius: 5px;
}
.gce-page-list .gce-list li {list-style:none;}
.gce-page-list .gce-list li:after {content: ""; display:table; clear: both; margin-bottom:10px;}

.gce-page-list .gce-list ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:0 !important;
}

.gce-page-list .gce-list .infobox{
	margin-left:40px;
	color:#565656;
	padding:5px 5px;
	font-size: 14px;
}

.qtip-content .infotitle { font-weight:bold;}