.buttonLink {
	text-decoration: none;
}

.buttonLink table {
	border-collapse: collapse;
	cursor: pointer;
}

.buttonLink label {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: .95em;	
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

.buttonLink table td {
	padding: 0px;
	vertical-align: middle;
}	

/********************************
 * Orange button
 ********************************/

.orangeButton td.left {
	background: url('/images/ndar/button/orange/base/left.png') no-repeat;
	height: 28px;
	width: 13px;
}

.orangeButton td.middle {
	background: url('/images/ndar/button/orange/base/middle.png') repeat-x;
}

.orangeButton td.right {
	background: url('/images/ndar/button/orange/base/right.png') no-repeat;
	width: 13px;
}

.orangeButton:hover td.left {
	background: url('/images/ndar/button/orange/over/left.png') no-repeat;
	height: 28px;
	width: 13px;
}

.orangeButton:hover td.middle {
	background: url('/images/ndar/button/orange/over/middle.png') repeat-x;
}

.orangeButton:hover td.right {
	background: url('/images/ndar/button/orange/over/right.png') no-repeat;
	width: 13px;
}

.orangeButton:active td.left {
	background: url('/images/ndar/button/orange/down/left.png') no-repeat;
	height: 28px;
	width: 13px; 
}

.orangeButton:active td.middle {
	background: url('/images/ndar/button/orange/down/middle.png') repeat-x; 
}

.orangeButton:active td.right { 
	background: url('/images/ndar/button/orange/down/right.png') no-repeat;
	width: 13px;
}

.disabled .orangeButton td.left {
	background: url('/images/ndar/button/orange/disabled/left.png') no-repeat; 
	height: 28px;
	width: 13px;
}

.disabled .orangeButton td.middle {
	background: url('/images/ndar/button/orange/disabled/middle.png') repeat-x;
}

.disabled .orangeButton td.right {
	background: url('/images/ndar/button/orange/disabled/right.png') no-repeat;
	width: 13px;
}

.orangeButton:active label {
	left: 1px;
	position: relative;
	top: 1px;
}

.disabled .orangeButton label {
	color: #DDDDDD;
}

.disabled .orangeButton:active label {
	left: 0px;
	top: 0px;
}

/*****************************************
 * OrangeLink button
 *****************************************/
 
.orangeLinkButton td.left {
	background: url('/images/ndar/button/orangeLink/base/left.png') no-repeat;
	height: 28px;
	width: 13px;
}

.orangeLinkButton td.middle {
	background: url('/images/ndar/button/orangeLink/base/middle.png') repeat-x;
}

.orangeLinkButton td.right {
	background: url('/images/ndar/button/orangeLink/base/right.png') no-repeat;
	width: 13px;
}

.orangeLinkButton:hover td.left {
	background: url('/images/ndar/button/orangeLink/over/left.png') no-repeat;
	height: 28px;
	width: 13px;
}

.orangeLinkButton:hover td.middle {
	background: url('/images/ndar/button/orangeLink/over/middle.png') repeat-x;
}

.orangeLinkButton:hover td.right {
	background: url('/images/ndar/button/orangeLink/over/right.png') no-repeat;
	width: 13px;
}



/*****************************************
 * JQueryUI overrides
 *****************************************/
.medium-button .ui-button-text {
	font-size: .8em;
}
 
.info-button button.ui-button-icon-only {
	height: 22px;
	width: 20px;
	background-color: white;
	background-image: url('/images/info-icon.png') !important;
	background-repeat: no-repeat;
	border: none;
	margin: 0px 5px;
}