body
{
    font-family : arial;
    font-size : 11px;
    color : #444444;
    text-align : center;
}

.resize {
	position : absolute;
	z-index : 100;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	cursor: pointer;
	width : 30px;
	height : 30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.resizeContent
{
	display : block;
	-moz-transform: rotate(-90deg);	
	overflow : hidden;
	
	padding-top : 5px;
    padding-bottom : 5px;
    position : absolute;
    color : #FFFFFF;
}

.handle
{
	position : absolute;
	bottom : 0px;
	left : 0px;
	width : 100%;
	height : 10px;
	cursor : s-resize;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#calendarContainer
{
	position : absolute;
	top : 10px;
	left : 10px;
}

table#calendar
{
	position : relative;
	top : 0px;
	left : 0px;
	border-spacing: 0px;
	border-collapse: collapse; 
}

#calendar td, #calendar th
{
	width : 100px;
	height : 30px;
	border : solid 1px #777777;
	margin : 0px;
}

table#persons
{
	position : absolute;
	top : 500px;
}

#persons td
{
	height : 15px;
	width : 15px;
}

#persons .person
{
	position : relative;
	height : 15px;
	width : 15px;
	cursor : pointer;
	border : solid 1px #dddddd;
}

#persons input
{
	width : 150px;
	border-style : none;
	border-bottom : solid 1px #777777;
	padding : 2px;
	font-family : arial;
    font-size : 11px;
    color : #444444;
}

div.drop
{
	top : 1px;
	width : 100px;
	height : 30px;
	background-color : #EFCBDE;
}