﻿.EventCalendar_DetailView
{
    width:500px;
    height:400px;
    overflow:auto;
    border: solid 1px #333;
    padding:10px;
    background:#fff;
    position:absolute;
    z-index:2;
    font-family:Arial;
    line-height:19px;
    font-size:12px;
    text-align:left;
    display:none;
}
.EventCalendar_DetailView div
{
	font-size:11px;
	color:#898989;
	text-align:right;
	cursor:pointer;
}
.EventCalendar_DetailView h1
{
	margin:5px 0px;
	padding:0;
	font-size:22px;
}
.EventCalendar_DetailView h2
{
	margin:5px 0px;
	font-size:11px;
	color:#787878;
}
.EventCalendar_EventTrigger
{
	cursor:pointer;
}

.EventCalendar_Edit label
{
	width:100px;
	display:block;
	float:left;
	margin:5px;
}

.event-input
{
	width:260px;
	float:left;
	margin:5px 5px 5px 0px;
}

.big-input
{
	font-size:16px;
	font-weight:bold;
	width:535px;
	height:21px;
}

.RichTextEditor
{
	float:left;
	
}

.EventCalendar_DetailView img
{
	float:left;
	margin:5px;
}

.button, .button:focus {
	background: url(/images/button-fade.png );
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	width:auto;
}

.Calendar
{
	width:25px;
	height:25px;
	margin-bottom:2px;
	background:url(/images/calendaricon.gif) no-repeat bottom;
	float:left;
	cursor:pointer;
}

#CalendarContainer
{
	width:200px;
	height:225px;
	position:absolute;
	z-index:100;
	display:none;
	border:solid 1px #333;
	background:#fff;
}

.EventTitleInput
{
	width:500px;
	height:23px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:.1em;
	margin:5px 0px;
}

textarea
{
	float:left;
}

.ButtonContainer
{
	float:right;
	margin-bottom:15px;
}