/* Calendar view grid */


.celldate
{
	font-size: 2em;
	font-weight: bold; 
	color: #7fc0d5;
}

.cellday
{
	font-size: 1.5em; 
	color: #DDD; 
	float: right;
}

.cellmonth
{
	font-size: 1em; 
	color: #DDD;
	text-transform: uppercase;
}

.eventcellheader
{
	margin-bottom: 5px;
}
/* Featured, Category, Calendar */

/* View Event */

	#standard-content-section {
		margin-bottom:20px;
	}

	.wbs-eventdiary-viewevent
	{
		margin-top: 0;
	}	
	
	.wbs-eventdiary-viewevent .preheading
	{
		color: #7fc0d5;
		font-size: 2em;
		font-weight: bold;
		margin: 0 0 0.4em 0;
	}
	
	.wbs-eventdiary-viewevent .heading	
	{
		color: #000;
		font-size: 2.5em;		
		font-weight: bold;
	}
	.wbs-eventdiary-viewevent h1.heading {
		margin: 0.3em 0 0.5em 0;
		font-size: 3em;	
		line-height: 1.2em;	
	}

	.wbs-eventdiary-viewevent .main
	{
		margin-top: 0;
		float: left; 
		width: 47%;
	}
		
	.wbs-eventdiary-viewevent .detail
	{
		float: right; 
		width: 47%;
		margin-top: 2em;
	}	
	
	.wbs-eventdiary-viewevent .facets
	{
		margin: 0 0 1em 0;
		color: #888;
	}
		
	.wbs-eventdiary-viewevent .body
	{
		font-size: 14px;
		line-height: 18px;
	}		
	
	.wbs-eventdiary-viewevent .body p
	{
	    font: 9pt/150% Helvetica,Arial,sans-serif;
	    margin-bottom: 10px;	
	}

	.wbs-eventdiary-viewevent .body li
	{
	    font: 9pt/150% Helvetica,Arial,sans-serif;
	    margin-bottom: 5px;	
	}	
	
	.wbs-eventdiary-viewevent .infopanel
	{
		background-color: #cae5f4;
		padding: 1em;
	}
	
	.wbs-eventdiary-viewevent .infopanel .heading
	{
		color: white;
		background-color: #7fc0d5;
		font-size: 1.5em;
		padding: 0.25em 0.5em;
	}

	.wbs-eventdiary-viewevent .infopanel p
	{
		padding: 0 0.5em;
		margin: 10px 0;
	}

/* Book Event */

.wbs-event-diary-dlg-book
{
	width: 90%;
	max-width: 720px;
}

.wbs-event-diary-dlg-book .ui-tooltip-title
{
	padding: 12px;
	font-size: larger;
}

.wbs-event-diary-dlg-book .ui-tooltip-close
{
	right: 15px;
}

.wbs-event-diary-dlg-book .ui-tooltip-content
{
	padding: 20px;
}

.wbs-event-diary-dlg-book .buttons
{
	margin-top: 2em;
	padding-top: 1em;
	text-align: left;
	border-top: 1px solid #EEE;
}

.wbs-event-diary-dlg-book .buttons .btn-ok
{
	float: right;
} 

/*
.wbs-event-diary-dlg-book table
{
	font-size: 9pt;
	line-height: 11pt;
	background-color: #EEE;
	margin: 1.5em auto;
	width: 90%;
}

.wbs-event-diary-dlg-book table th,
.wbs-event-diary-dlg-book table td
{
	background-color: #FFF;
	padding: 0.25em 0.5em;
	border: 1px solid #EEE;
	vertical-align: middle;
}

.wbs-event-diary-dlg-book table th.center,
.wbs-event-diary-dlg-book table td.center
{
	text-align: center;
}

.wbs-event-diary-dlg-book table th
{
	background-color: #EEE;
	padding: 0.5em 0.5em;
	vertical-align: middle;
}

.wbs-event-diary-dlg-book table td input.quantity
{
	width: 30px;
	padding: 0.25em 0.5em;
	border: 1px solid #DDD;
	text-align: center;
	color: #333;
}

.wbs-event-diary-dlg-book table td input.quantity:focus
{
	border: 1px solid #AAA;
	outline: none;
	color: #111;
}
*/

/* Calendar view events */	
	
.eventlink,
.eventlink:visited
{
	background-color: #f1f2f2;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #444;
	display: block;
	cursor: pointer;
	position: relative;
}

.no-touch .eventlink:hover
{
	background-color: #E6E7E7;
	color: #111;	
}

.eventlink.odd
{
	background-color: #cae5f4;
	color: #223344;
}

.no-touch .eventlink.odd:hover
{
	background-color: #9fd2ee;
	color: #111;	
}

.eventteaser
{
	display: none;
}

/* Filters */

.calendar-grid
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.calendar-grid a,
.calendar-grid a:hover,
.calendar-grid a:visited
{
	text-decoration: none;
	color: #888;
	display: block;
	line-height: 28px;
}

.calendar-grid li
{
	margin: 1px;
	width: 32%;
	float: left;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #EEE; 
	cursor: pointer;
}

.calendar-grid li.selected a,
.calendar-grid li a:hover,
.calendar-grid li a:active
{
	color: #555;
	background-color: #EEE;
}

.eventteaser-tooltip
{
	width: 280px;
}

.eventteaser-tooltip p
{
	margin: 0.25em 0;
}




.agendagrid
{
	
}
	
.agendagrid .heading
{
	font-weight: bold; 
	background: white url(/wbs2012/includes/themes/wbs/img/bg/eventdiary-cell-arrow.png) right 0 no-repeat; 
	height: 32px; 
	font-size: 1.5em; 
	line-height: 32px;
}

.agendagrid .liner
{
	color: white; 
	min-height: 148px; 	
	max-height: 148px; 
	padding: 10px;	
	overflow: hidden;
}

.agendagrid .liner .teaser
{
	min-height: 100px;	
	max-height: 100px; 
	overflow: hidden;
}

.agendagrid .liner .overlay
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 20px;
	width: 200px;
	background: transparent url(http://dev-mura.wbs.ac.uk/wbs2012/includes/themes/wbs/img/bg/eventdiary-cell-footer.png) left 0 repeat-x; 
}

.agendagrid .liner:hover
{
	z-index: 2;
	max-height: 250px;
}

.agendagrid .liner:hover .teaser
{
	max-height: 250px;
}

.agendagrid .liner:hover .overlay
{
	display: none;
}

.agendagrid .liner h3
{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}

.agendagrid .odd .heading
{
	color: #7fc0d5;
	background-position: right 0;
}

.agendagrid .odd:hover .heading
{
	color: #7bbace;
}
	
.agendagrid .odd .liner
{
	background-color: #7fc0d5;
}

.agendagrid .odd:hover .liner
{
	background-color: #7bbace;
}

.agendagrid .odd .liner
{
	text-shadow: 1px 1px 0px #6ba1b2;
}

.agendagrid .even .heading
{
	color: #bcbec0;
	background-position: right -32px;	
}
	
.agendagrid .even:hover .heading
{
	color: #9a9c9e;
}	
	
.agendagrid .even .liner
{
	background-color: #a5a7a9;
}

.agendagrid .even:hover .liner
{
	background-color: #9a9c9e;
}



.agendagrid .even .liner
{
	text-shadow: 1px 1px 0px #98999b;
}

.agendagrid .even .liner .overlay
{
	background-position: left -20px; 
}

.category-list
{
	overflow: auto;
}

.category-list a
{
	display: block;
	width: 75px; 
	float: left;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0.3em 5px;
	margin: 0 5px;
	text-align: center;
}

.category-list a:hover,
.category-list a.selected
{
	color: #555;
	background-color: #EEE;
}

.allevents
{
	display:block;
	font-size:15px;
	padding:0.2em 0.5em;
	text-decoration:none;
}
.allevents:hover
{
	background-color:#EEE;
}

.rsslink
{
	float: right; 
	margin-top:0.5em;
	margin-right:0.5em;
}


/* NEW: List All */

.wbs-slidepanel-wrapper.list-all {
	height:auto;
}
.wbs-slidepanel.list-all {
	height:auto;
}

.wbs-events-all {
	width:672px;
	height:auto;
	background-color:white;
}

.wbs-events-all-inner {
	border:1px solid #EAEAEA;
	padding:0 18px 18px 18px;
	width:635px;
}

.wbs-events-all h3
{
	font-family:"Crete Round", Helvetica, Arial, Sans-Serif;
	font-size:22px;
	font-weight: normal;
	margin-top:0.8em;
	padding-bottom:0.1em;
}
.wbs-events-all h4
{
	font-family:"Crete Round", Helvetica, Arial, Sans-Serif;
	font-size:17px;
	font-weight: normal;
	margin-top:0.7em;
	margin-bottom:0.4em;
}

.event-line {
	display:block;
	text-decoration:none;
	padding:2px;
	padding-right:6px;
	font-size:13px;
}
.event-line.odd {
	background-color:#F8F8F8;
}
.event-line:hover {
	background-color:#7BBACE;
	color:white;
}

.event-line .date {
	display:inline-block;
	width:35px;
	margin-right:5px;
	text-align:right;
}

.event-line .fa {
	color:black;
	float:right;
	font-size:15px;
	margin-top:3px;
}
.event-line:hover .fa {
	color:white;
}

.wbs-icon {
	background-image:url(/wbs2012/includes/themes/wbs/img/header/warwick-business-school-notext.png);
	background-repeat: no-repeat;
	background-size:100%;
	display:inline-block;
	width:16px;
	height:16px;
	margin-top:2px;
	border-radius: 1px;
}
.event-line .wbs-icon {
	float:right;		
}



@media(max-width:767px) {

	.wbs-slidepanel-wrapper {
		height: auto;
	}

	.wbs-slidepanel {
		clear: both;
		margin: 0;
		width: 100%;
		height: auto;
	}

	.wbs-slidepanel-filters {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		position: relative;
	}

	.wbs-slidepanel-caddy {
	    width: 100% !important;
	    position: relative;
	}

	.wbs-slidepanel-caddy-section {
	    float: none;
	    width: 100%;
	    height: auto;
	    border: 0;
	}

	.wbs-slidepanel-grid-cell,
	.wbs-slidepanel-grid-cell.row2 {
		clear: none !important;
	    display: block;
	    width: 100%;
	    height: auto;
	    padding: 10px;
	    background-color: white;
	    margin: 0 5px 5px 5px;
	    float: left;
	    position: relative;
	    text-decoration: none;
	    border: 1px solid #EAEAEA;
	    z-index: 0;
	}

	.wbs-slidepanel-mask-left,
	.wbs-slidepanel-mask-right {
		display: none;
	}

	.wbs-slidepanel-filters	{
		*zoom: 1;
		clear: both;
	}

	.wbs-slidepanel-filters:before,
	.wbs-slidepanel-filters:after {
		display: table;
		content: "";
		// Fixes Opera/contenteditable bug:
		// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
		line-height: 0;
	}
	.wbs-slidepanel-filters:after {
		clear: both;
	}


	#booklinkexternal {
		display: none;
	}

	#booklinkexternal2,
	#booklink,
	#booklink2 {
		float: none !important;
		display: block;
		margin-bottom: 1em;
	}

	#backlink {
		position: relative;
		width: 100%;
		display: block;
		left: 0;
		top: 0;
		margin: 0 0 20px 0;
		font-size: 13px;
	}

	#backlink .label {
		display: block;
	}

	.wbs-eventdiary-viewevent .main,
	.wbs-eventdiary-viewevent .detail {
		float: none !important;
    	width: auto !important;
	}

	#standard-content-section {
		width: auto !important;
		padding: 15px;
		border-width: 15px;
	}

	.wbs-eventdiary-viewevent h1.heading {
		padding: 0 !important;
	}

	.wbs-events-all-inner {
		width: 100%;
	}

	.event-line {
		line-height: 18px;
		clear: both;
		color: black;
		border-bottom: 1px solid #DDD;
		padding: 5px;
		min-height: 46px;
	}

	.event-line .date {
	    display: inline-block;
	    width: 35px;
	    float: left;
	    margin-right: 8px;
	    text-align: right;
	    background-color: #555;
	    text-align: center;
	    color: #fff;
	    clear: both;
	    margin-bottom: 1px;
	    font-size: 12px;
	    line-height: 36px;
	}

	.event-line > .wbs-icon,
	.event-line > .fa {
		display: none;
	}

}