.greenButtonContents {
	padding: 0px;
	text-align: center;	/* if icon and label are split across two lines, center icon */
        vertical-align: middle; /* if icon and label are on same line, center them */
	white-space: nowrap;
	color: inherit;
}

.greenButtonContents * {
        text-align: center;
        vertical-align: middle; /* if icon and label are on same line, center them */
}

/* ---------- drop down button specific ---------- */

/* border between label and arrow (for drop down buttons */
.greenButtonContentsDropDown {
        padding-right: 3px;
}

.greenButtonDownArrowBackground {
        padding-left: 2px;
        padding-right: 2px;
}

.greenButtonDownArrowBorder {
        border: 1px solid white;
}

.greenButtonDownArrow {
        width: 0px;
        height: 0px;
	line-height: 0px !important;
        border-style: solid dotted none dotted;
        border-color: black transparent transparent transparent;
	border-width: 6px 5px 0px 5px;
}

.greenButton[popupActive] .greenButtonDownArrow,
.greenButtonDownArrowBackground[popupActive] .greenButtonDownArrow,
.greenButton:active .greenButtonDownArrow {
	border-top-color: white;
}

.greenButton {
	font-family: Myriad, Arial, Helvetica;
	font-weight:normal;
	border:1px solid #788FAF;
	margin:3px 3px;
	padding:1px;
	white-space: nowrap;
	cursor: pointer;
	background-image:url("images/greenPressed-c.gif");
	color: white;
	background-color:#e1e1e1;
	vertical-align: middle;
	overflow: visible;
}

.greenButton:hover {
	cursor: pointer;
	border-top-color: silver;
	border-left-color: white;
	background-image:url("images/greenButton-c.gif");
	background-color:#e9e9e9;
}

.greenButton[popupActive],
.greenButtonDownArrowBackground[popupActive],
.greenButton:active {
	border-style: inset !important;
	color:white;
	background-image:url("images/greenActive-c.gif");
	background-color:gray;
}

.greenButton[disabled] {
	cursor: default;        /* makes opera happy */
	cursor: url("images/no.gif"), default;
	opacity: 0.3;
	filter: alpha(opacity=30);
}