.calendarOverlay
{
	background-color:	white;
	opacity:			0;
	position:			fixed;
	width:				100%;
	height:				100%;
	top:				0;
	left:				0;
	overflow:			hidden;
}
.calendarContainer
{
	background-color:	white;
	box-shadow:			0 0 5px grey;
	border:				none;
	z-index:			102;
}

.calendarTitle
{
	height:				25px;
	vertical-align:		middle;
}

.calendarDayTitle
{
	background-color:	#F5F5F5;
	border:				1px solid #DDDDDD;
	color:				#666666;
	text-align:			center;
	vertical-align:		middle;
	font-size:			12px;
	font-weight:		bold;
	border-collapse:	collapse;
	height:				25px;
}

.calendarCell, .calendarMonthCell, .calendarYearCell, .calendarTime
{
	background-color:	#F5F5F5;
	border:				1px solid #DDDDDD;
	color:				#666666;
	text-align:			right;
	vertical-align:		middle;
	font-size:			12px;
	border-collapse:	collapse;
	height:				25px;
	cursor:				pointer;
	transition:			all 0.3s ease;
	padding:			2px 8px;
}
.calendarCell.calendarCellDisabled
{
	opacity:			0.5;
}

.calendarCellSelected
{
	background-color:	#33AAFF;
	color:				white;
	font-weight:		bold;
}

.calendarCell:hover, .calendarMonthCell:hover, .calendarYearCell:hover, .calendarTime:hover
{
	background-color:	#ff8000;
	color:				white;
}

.calendarTitleNextMonthButton, .calendarTitlePreviousMonthButton, .calendarTitleCurrentMonthButton, .calendarTitleCloseButton, .calendarPrevious10YearsButton, .calendarNext10YearsButton, .calendarSelectorOkButton, .calendarTimeSelectorEarlier, .calendarTimeSelectorLater
{
	background:		none;
	border:			none;
	color:			black;
	font-weight:	bold;
	opacity:		0.3;
	cursor:			pointer;
	margin:			1px;
	text-align:		center;
	vertical-align:	middle;
	transition:		all 0.6s ease;
}

.calendarTimeSelectorEarlier, .calendarTimeSelectorLater, .calendarTime
{
	padding:		0 5px;
}

.calendarTitleCurrentMonthButton, .calendarTitleNextMonthButton:hover, .calendarTitlePreviousMonthButton:hover, .calendarTitleCloseButton:hover, .calendarPrevious10YearsButton:hover, .calendarNext10YearsButton:hover, .calendarSelectorOkButton:hover, .calendarTimeSelectorEarlier:hover, .calendarTimeSelectorLater:hover
{
	opacity:		1;
}
.calendarYearCellCurrent, .calendarMonthCellCurrent, .calendarTitleCloseButton
{
	font-weight:	bold;
}

.calendarTitleCurrentMonthButton:hover
{
	text-decoration:	underline;
}

.calendarSelectorPaddingYear, .calendarSelectorPaddingTime
{
	width:				10px;
}
.calendarCellToday, .calendarYearCellToday, .calendarMonthCellToday
{
	text-decoration:	underline;
}
.calendarPrevious10YearsCell, .calendarNext10YearsCell, .calendarTitle, .calendarSelectorOkButtonCell
{
	text-align:			center;
}

.defaultText
{
	color: grey;
	font-style: italic;
}
.validField
{
	color: blue;
}
.errorField
{
	color: red;
}
.loadingField
{
	color: grey;
}
.listRenderContentSelected
{
	background-color:	grey;
}
.tip
{
	background-color: white;
	border:	1px solid darkgrey;
	color:	black;
	padding: 5px;
}
.dataTable
{
	background-color:	white;
	margin:				20px;
	box-shadow:			5px 5px 5px #F0F0F0;
}
.dataTable th, .dlcDataTable th
{
	background:					#dfdfdf; /* Old browsers */
	background:					-moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */
	background:					-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background:					-webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background:					linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%); /* W3C */
	/*background:					url("../img/header.gif") repeat-x scroll center top transparent;*/
	-moz-border-bottom-colors:	none;
	-moz-border-left-colors:	none;
	-moz-border-right-colors:	none;
	-moz-border-top-colors:		none;
	border-color:				#FFFFFF #D0D0D0 #D0D0D0 #FFFFFF;
	border-image:				none;
	border-style:				solid;
	border-width:				1px;
	font-family:				Tahoma,Arial,Helvetica,sans-serif;
	font-size:					11px;
	height:						14px;
	line-height:				14px;
	overflow:					hidden;
	vertical-align:				middle;
	white-space:				nowrap;
	padding:					2px 10px;
}
.dataTable td
{
	border-bottom:	1px solid #E0E0E0;
	border-width:	0 1px 1px 0;
	height:			14px;
	padding:		1px 10px;
	vertical-align:	middle;
}
.dataTable tr.pair
{
	background-color:	#F3F3F3;
}

.dataTable tr:hover
{
	background-color:	#CFDEEF;
}

.dataTable .sortable
{
	padding-left:	10px;
}

.dataTable .sortableButtonsContainer
{
	float:					left;
	width:					11px;
	height:					14px;
	margin-left:			-7px;
	margin-right:			3px;
}

.sortableButtonsContainer a
{
	float:					left;
	background:				url(../img/arrows.gif) no-repeat left top;
	width:					11px;
	height:					7px;
	cursor:					pointer;
}

.sortableButtonsContainer a.asc
{
	background-position:	0px -35px;
}

.sortableButtonsContainer a.desc
{
	background-position:	0px -28px;
}

.sortableButtonsContainer a.asc.active, .sortableButtonsContainer a.asc:hover
{
	background-position:	0px -21px;
}

.sortableButtonsContainer a.desc.active, .sortableButtonsContainer a.desc:hover
{
	background-position:	0px 0px;
}
.modalOverlay
{
	background-color:	black;
	opacity:			0.2;
	position:			fixed;
	width:				100%;
	height:				100%;
	top:				0;
	left:				0;
	overflow:			hidden;
}
.modal
{
	position:			fixed;
	left:				50%;
	top:				40%;
	background-color:	white;
	padding:			15px;
	border-radius:		10px;
	box-shadow:			5px 5px 10px #888888;
}
.modal .buttonContainer
{
	text-align:			center;
	margin-top:			10px;
}
.modal .buttonContainer input[type=button]
{
	margin:			0px 10px;
}
.modal.error
{
	color:	red;
}