.dijitButtonNode {
	/* enabled state - inner */
	/* border:1px outset #a0a0a0; */
	border:1px solid #9b9b9b;
	vertical-align: middle;
	padding: 0.2em 0.2em;
	background:#e9e9e9 url("images/buttonEnabled.png") repeat-x top;
}
.dj_ie .dijitButtonNode {
	zoom: 1;
	padding-bottom: 0.1em;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}
.dj_ie .dijitButtonNode * {
	zoom: 1;
	display:inline;
}
.dijitButtonText {
	padding: 0 0.3em;
}

.dijitButtonHover .dijitButtonNode
{
	/* hover state - inner */
	/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
	border-color:#366dba;
	color:#366dba;
	background:#f1f6fc url("images/buttonHover.png") repeat-x bottom;
}

.dijitButtonActive .dijitButtonNode
{
	/* active state - inner (for when you are pressing a normal button, or
	 * when a toggle button is in a depressed state
	 */
	border-color:#366dba;
	background: #ededed url("images/buttonActive.png") bottom repeat-x;
}


/* Dialog */


.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99998;
	display: none;
	background: transparent;
}

.dijitDialogUnderlay {
	background: silver;
	opacity: 0.6;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=60);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	position:absolute;
}

.dijit_a11y .dijitDialog .closeText { 
	display:inline;
}


.dijitDialog {
	position: absolute;
	z-index: 99999;
	padding: 1px;
	background: #eee;
	border: 1px solid #999;
	-webkit-box-shadow: 0px 5px 10px #adadad;
	width: 300px;
}

.dijitDialog .dijitDialogTitle {
	border-top: none;
	border-left: none;
	border-right: none;
}

.dijitDialog .dijitDialogPaneContent {
	background: #ffffff;
	border:none;
	border-top: 1px solid #ccc; /* #cddde9;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
	padding:10px;

}

.dijitDialogTitleBar {
	/* outer container for the titlebar of the dialog */
	background: #fafafa url("../images/dijit/titleBarBg.gif") repeat-x bottom left;
	/* border: 1px solid #bfbfbf; */
	padding: 4px 8px 2px 4px;
	cursor: move;
	outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
}

.dijitDialogTitle {
	/* typography and styling of the dialog title */
	font-weight: bold;
	padding: 8px 12px 8px 12px;
	outline:0;
}

.dijitDialogCloseIcon {
	/* the default close icon for the dialog */
	background : url("../images/dijit/tabClose.png") no-repeat right top;
	float: right;
	position: absolute;
	vertical-align: middle;
	right: 5px;
	top: 5px;
	height: 22px;
	width: 22px;
	cursor: pointer;
	/* display: none; */
}
.dj_ie6 .dijitDialogCloseIcon {
	background-image: url("../images/dijit/tabClose.gif"); 
}

.dijitDialogContent {
	/* the body of the dialog */
	padding: 8px;
	text-align: center;
}