.fieldset {
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #DDD;	
}

.legend {
	padding: 0px 5px;
	color: #36A;
}

.textInput, .textInputTiny, .textInputLong {
	padding: 2px;
	font: 11px Tahoma;
	border: 1px solid #CCC;
	background-color: #FAFAFA;
	color: #444;
}

.textInputLong { width: 240px; }
.textInput { width: 150px; }
.textInputTiny { width: 30px; }

.textInputDark {
	padding: 2px;
	width: 110px;
	font: 11px Tahoma;
	border: 1px solid #111;
	background-color: #666;
	color: #EEE;
}

.button {
	padding: 3px;
	font: 10px Verdana;
	text-transform: lowercase;
	color: #333;
}


.spreadSheet {
	margin: 15px 0px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

.spreadSheet a {
	border-bottom: 2px solid #ACF;
	color: #6AF;
}

.spreadSheet a:hover {
	border-bottom: 2px solid #00B769;
	color: #00B769;
}

.spreadSheet tr th {
	padding: 3px;
	text-align: left;
	border-top: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #FFF;
	background-color: #EEE;
}

.spreadSheet tr:hover {
	background-color: #FAFAFA;
}

.spreadSheet tr td {
	padding: 5px;
	font-weight: bold;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	text-align: left;
	background-color: #FFF;
}

.spreadSheet tr:hover td {
    background-color: #F6F6F6;
}

/*---------------------------- Calendar component ---------------------------------*/

.calendar {
	border: 1px solid #DDD;
}

.calendarDayHeader {
	color: #333;
}

.calendarDayStyle {
	
}

.calendarTitle {
	padding: 3px 0px;
	font: bold 12px Arial;
	background-color: #333;
	color: #EEE;
}

.calendarTodayDay {
	background-color: #DFD;
}

.calendarWeekend {
	background-color: #F6F6F6;
}

/*---------------------------- DataGrid component ---------------------------------*/

.dataGrid {
	border: none;
}

/*---------------------------- TreeView component ---------------------------------*/

.treeSelectedNode {
	font-weight: bold;
	color: #000;
}