@charset "utf-8";
h3
{
	margin-left:1em;
}

h2
{
	text-align:center;
}

#eventsBox1
{
	min-height:36em;
}

#tablecontainer
{
	display:inline-block;
	box-shadow:1px 1px 5px gray;
}

#tablecontainer .info
{
	display:none;
}

.images
{
	display:none;
	position:relative;
}

#tablecontainer table
{
	border-collapse:collapse;
	border:1px black solid;
	background-color:white;
}

#tablecontainer th
{
	text-align:center;
	border:1px black solid;
	background-color:#a1d5ed;
}

#tablecontainer tbody td
{
	max-width:9em;
	min-width:9em;
	width:9em;
	border:1px black solid;
	font-size:0.65em;
	height:7em;
	vertical-align:top;
}

#tablecontainer tbody td > div
{
	max-height:7em;
  max-width:9em;
  overflow-y:auto;
  overflow-x:hidden;
	position:relative;
	z-index:10;
}

.daynum
{
	display:block;
	position:relative;
	z-index:1;
}

.daynum span
{
	position:absolute;
	width:2.25em;
	text-align:center;
	font-size:4em;
	color:#E9E9E9;
	line-height:1.75em;
	vertical-align:middle;
}
.event
{
	white-space:nowrap;
}

.day.today
{
	border-color:#00F;
	background-color:#6598cc;
}

.day:not(.out):hover
{
	background-color:#C4C5FB;
}

.day[id]
{
	cursor:pointer;
}

.day[id]:hover
{
	border-color:blue;
}

#tablecontainer tbody td.out
{
	background-color:#bfc1c1;
}

.out .daynum
{
	color:#F4F4F4;
}

.event:hover
{
	background-color:#D1DAFC;
}

#eventside
{
	width:18em;
	max-width:18em;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	float:right;
	height:100%;
	padding:5px;
}

#NewEvent
{
	background-color:transparent;
	border:none;
	cursor:pointer;
}

td a.eventname
{
	text-decoration:none;
	color:black;
}

#eventbox a.eventname
{
	font-size:24px;
	font-weight:bold;
}

#eventbox
{
	border:1px solid #fff;
	border-radius:1em;	
	box-shadow:1px 1px 3px gray;
	border-bottom:none;
	padding:5px;
	margin-top:0.5em;
	display:none;
	background-color:white;
	animation: grow 1.5s;
	-moz-animation: grow 1.5s;
	-webkit-animation: grow 1.5s;
	-o-animation: grow 1.5s;
	transform-origin:0% 0%;
	-webkit-transform-origin:0% 0%; /* Safari and Chrome */
	-ms-transform-origin:0% 0%; /* IE 9 */
	-moz-transform-origin:0% 0%; /* Firefox */
	-o-transform-origin:0% 0%; /* Opera */
	-ms-animation: grow 1.5s;
}

#eventbox .info
{
	display:block;
}

#eventbox .info > span
{
	display:inline-block;
	width:95%;
}

#eventbox .info .desc
{
	word-wrap:break-word;
	text-overflow:ellipsis;
	margin-bottom:0.2em;
	overflow:hidden;
	white-space:nowrap;
}

#eventbox .info .startdate,
#eventbox .info .address,
#eventbox .info .starttime
{
	background-color:#F3F7F8;
	text-align:right;
	padding:5px;
}

#eventbox .addrmap
{
	cursor:pointer;
	color:#090;
	text-decoration:underline;
	position:relative;
	top:-2em;
	max-height:2em;
	max-width:2em;
}

#map
{
	width:95%;
	height:10em;
	position:relative;
	top:-1em;
	margin:auto;
}

#eventbox #image img
{
	max-height:5em;
	max-width:5em;
}

#imgthumbs
{
  max-height: 10em;
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

#imgthumbs img
{
	max-height:6em;
	max-width:6em;
	margin-right:0.2em;
}

#attendCounts,
.review
{
	text-align:right;
}

.attendbtn,
.review img:first-child
{
	max-height:1.5em;
	max-width:1.5em;
	cursor:pointer;
	vertical-align:top;
	margin-right:0.5em;
}

#attendCounts span,
.review span
{	
  display: inline-block;
  min-width: 2em;
  border: 0.1em #a1d5ed solid;
  border-right: none;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  vertical-align: top;
  height: 1.5em;
  text-align: center;
  line-height: 1.5em;
	margin-bottom:0.2em;
}

.attendimg,
.review .reviewimg
{
  max-height: 1.5em;
  border: 0.1em #a1d5ed solid;
  border-left: none;
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  vertical-align: top;
}

#events
{
	position:relative;
}

#eventhead
{
	border-radius:1em;	
	box-shadow:1px 1px 3px gray;
	background-color:#a1d5ed;
	text-align:center;
	margin-top:0.5em;
	padding:5px;
}

#events #prevEvent
{
	float:left;
}


#events #nextEvent
{
	float:right;
}

section#eventsBox1
{
	width:99%;
	padding:0px;
	margin-bottom:10px;
	margin-left:5px;
	overflow:auto;
}

#mainEvent
{
	background-color:#FFF;
	padding:5px;
}

/*h1
{
	border:#CCC 1px solid;
	background-color:#ADBAF8;
	font-size:16px;
	font-weight:bold;
	margin:2px;
}*/
.showEvent
{
	width:200px;
	display:inline-block;
	vertical-align:top;
}

.eventPic
{
	max-width:200px;
	display:inline-block;
}

#absolutedis
{
	display:none;
}

#eventform
{
	border:0.15em solid white;
	border-radius:1em 1em 1em 1em;	
	background-color:#FFF;
	box-shadow:1px 1px 3px gray;
	z-index:2;
	padding:0em 1em 1em;
	margin:0.5em auto;
	width:35em;
	max-height:95%;
	overflow:auto;
	display:block;
}

#eventform label
{
	text-align:right;
	display:inline-block;
	width:10em;
	margin-right:0.2em;
}

#eventform br
{
	margin-bottom:0.5em;
}

#desc
{
	vertical-align:middle;
}

.attend
{
	margin-bottom:1em;
}

#buttons
{
	margin-left:12em;
	margin-top:1em;
}

section#eventsBox2
{
	width:250px;
	height:300px;
	float:left;
	padding:0px;
	margin-top:2px;
	margin-left:5px;
	margin-bottom:5px;
}

#createEvent
{
	font-size:18px;
	font-weight:bold;
}

#calText
{
	color:#009;
	font-size:24;
	font-weight:bold;
	margin-left:2em;
	margin-top:2em;
}

#Cal
{
	margin-left:2em;
}

.condition
{
	font-size:0.8em;
	margin-top:1em;
	padding:5px;
}

.condition h3,
.condition ul
{
	margin:0em;
}

.warning
{
	color:#F00;
}