.selected {
	background-color: #eee;
}
.hover {
	background-color: #f90;
}
.active {
	background-color: #f00;
}
.disabled {
	background-color: #333;
	color: #999;
}

.customButton {
	border: 3px double #999;
	color: #666;
	background: #ccc;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
}
.customButtonSelected {
	border-color: #f90;
	color: #333;
	background: #ddd;
}
.customButtonHover {
	border-color: #aaa;
	color: #333;
	background: #eee;
}
.customButtonActive {
	border-color: #f90;
	color: #f60;
	background: #eee;
}
.customButtonDisabled {
	border-color: #aaa;
	color: #999;
	background: #ddd;
	cursor: default;
}

#containerActivator {
	background-color: #aaa;
	padding: 6px;
}
#containerActivator span {
	background-color: #aaa;
	border: 2px solid #aaa;
	cursor: default;
	padding: 3px;
}
#containerActivator .hover {
	background-color: #ccc;
	border-style: outset;
}
#containerActivator .selected {
	border-style: inset;
}
#containerActivator .active {
	background-color: #ccc;
	border-style: inset;
	color: #f00;
}
#containerActivator .disabled {
	color: #999;
	font-style: italic;
}

#buttonContainer {
}
#buttonContainer .button {
	background-image: url(../images/activator/button_r1_c1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: white;
	height: 32px;
	padding: 6px;
	margin-left: 7px;
	cursor: default;
}

#buttonContainer .button span {
	background-image: url(../images/activator/button_r1_c2.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: white;
	padding: 6px;
	padding-right: 13px;
	color: white;
}

#buttonContainer .hover {
	background-image: url(../images/activator/button_hover_r1_c1.gif);
	background-color: white;
}

#buttonContainer .hover span {
	background-image: url(../images/activator/button_hover_r1_c2.gif);
	background-color: white;
}

#buttonContainer .active {
	background-image: url(../images/activator/button_active_r1_c1.gif);
	background-color: white;
}

#buttonContainer .active span {
	background-image: url(../images/activator/button_active_r1_c2.gif);
	background-color: white;
}

#buttonContainer .disabled {
	background-image: url(../images/activator/button_disabled_r1_c1.gif);
	background-color: white;
}

#buttonContainer .disabled span {
	background-image: url(../images/activator/button_disabled_r1_c2.gif);
	background-color: white;
	color: #ccc;
}

#customEventsTable {
	border: 1px solid #999;
	border-collapse: collapse;
}

#customEventsTable td {
	border: 1px solid #999;
	padding-left: 2px;
	padding-right: 2px;
}

#customEventsTable .hover {
	background-color: #0af;
}

#customEventsTable .active, #customEventsTable .selected {
	background-color: #09f;
}