.action-button-on, .action-button-off, .action-button {
	float: left;
	margin: 2px;
	height: 48px;
	width: 48px;
}

.action-button-on {
	cursor: pointer;
	border: 2px solid #93c0f0;
	background: #d1e4f9;
	background: -moz-linear-gradient(top, #fff 0%, #93c0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #93c0f0));
	background: -webkit-linear-gradient(top, #fff 0%, #93c0f0 100%);
	background: -o-linear-gradient(top, #fff 0%, #93c0f0 100%);
	background: -ms-linear-gradient(top, #fff 0%, #93c0f0 100%);
	background: linear-gradient(top, #fff 0%, #93c0f0 100%);
}

.action-button-on.white-green-gradient, .action-button-on:hover, .action-button-on:focus {
	border: 2px solid #cbdbb7;
	background: #dfe9d3;
	background: -moz-linear-gradient(top, #fff 0%, #cbdbb7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #cbdbb7));
	background: -webkit-linear-gradient(top, #fff 0%, #cbdbb7 100%);
	background: -o-linear-gradient(top, #fff 0%, #cbdbb7 100%);
	background: -ms-linear-gradient(top, #fff 0%, #cbdbb7 100%);
	background: linear-gradient(top, #fff 0%, #cbdbb7 100%);
}

.action-button-on.active {
	cursor: auto;
}

.action-button-off, .white-blue-gradient.action-button-off {
	border: 2px solid #ccc;
	background: #eee;
}

.action-button-off, .action-button-off *, .white-blue-gradient.action-button-off, .white-blue-gradient.action-button-off * {
	cursor: auto;
}

.action-button-text, .dataTable .action-button-text {
	font-size: 10px !important;
	max-width: 100px;
	color: #254676;
	text-align: center;
	margin: auto;
	font-weight: bold;
	clear: left;
	text-transform: lowercase;
}

.action-button-off, .action-button-off .action-button-text, .dataTable .action-button-off .action-button-text {
	color: #666;
}

.ui-buttons {
	float: right;
	margin: 0 8px;
}

.ui-action-button {
	float: right;
	width: 80px;
}

.ui-action-button .action-button-on {
	float: none;
	margin: auto;
}

.ui-action-button .action-button-text {
	margin-top: 4px;
	text-transform: capitalize;
}

.ui-action-button .icon {
	margin: 6px;
	height: 34px;
	width: 34px;
	background-repeat: no-repeat;
	background-size: 32px;
}

.inner {
	height: 46px;
	width: 46px;
	border: 1px solid #fff;
}

button, .ui-widget button, .ui-button, .ui-button.ui-state-default, li.ui-button, a.DTTT_button {
	color: white;
	white-space: nowrap;
	border: 2px solid #006;
	min-width: 100px;
	height: 22px;
	margin: 4px;
	background: #006;
	background: -moz-linear-gradient(top, #1d528d 0%, #006 100%);
	background: -webkit-linear-gradient(top, #1d528d 0%, #006 100%);
	background: -o-linear-gradient(top, #1d528d 0%, #006 100%);
	background: linear-gradient(top, #1d528d 0%, #006 100%);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

a.DTTT_button {
	padding: 0;
	text-align: center;
	line-height: 2;
}

button, .ui-widget button, .ui-button, .ui-button.ui-state-default .ui-button-text, li.ui-button .ui-button-text, a.DTTT_button span {
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-transform: lowercase;
	padding: 0 4px;
}

a.DTTT_button span {
	color: white !important;
}

.ui-button .ui-button-text {
	padding: 0;
}

button:hover, .ui-button:hover, .ui-button.ui-state-hover, li.ui-button.ui-state-focus, li.ui-button.ui-state-active, a.DTTT_button:hover, button:focus, .ui-button:focus, li.ui-button:focus, a.DTTT_button:focus {
	border: 2px solid #93c0f0;
	background: #93c0f0;
	background: -moz-linear-gradient(top, #b5d2ee 0%, #93c0f0 100%);
	background: -webkit-linear-gradient(top, #b5d2ee 0%, #93c0f0 100%);
	background: -o-linear-gradient(top, #b5d2ee 0%, #93c0f0 100%);
	background: linear-gradient(top, #b5d2ee 0%, #93c0f0 100%);
}

button:hover, .ui-button:hover, .ui-button.ui-state-hover .ui-button-text, li.ui-button.ui-state-focus .ui-button-text, li.ui-button.ui-state-active .ui-button-text, button:focus, .ui-button:focus,
.ui-button:focus .ui-button-text, li.ui-button:focus .ui-button-text {
	color: #0d0066;
}

a.DTTT_button:hover span, a.DTTT_button:focus span {
	color: #0d0066 !important;
}

button.off, .ui-button.off, li.ui-button.off {
	border: 2px solid #ccc;
	padding: 3px 6px 4px 6px;
	background: #eee;
	cursor: default;
}

button.off, .ui-button.off *, li.ui-button.off * {
	color: #666;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 0;
	margin: 0;
	border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	margin: 8px auto;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 4px;
}

.button-set {
	margin: 0 auto 16px auto;
}

.side-nav-body > div.button-set {
	margin: 0 auto 8px auto;
}

.button-set.left {
	float: left;
}

.button-set.right {
	float: right;
}

.button-1, .ui-dialog-buttonset.button-1 {
	width: 108px;
}

.button-2, .ui-dialog-buttonset.button-2 {
	width: 233px;
}

.button-3, .ui-dialog-buttonset.button-3 {
	width: 334px;
}

.button-4, .ui-dialog-buttonset.button-4 {
	width: 464px;
}

.button-5, .ui-dialog-buttonset.button-5 {
	width: 580px;
}

.ui-button.xl, .ui-button.ui-state-default.xl, .ui-dialog .ui-dialog-buttonpane button.xl {
	width: 150px;
}

/*actions button menu*/
.actions-button-ul.ui-menu {
	border: 0;
	background: transparent;
}

.actions-button-ul li.ui-button {
	min-width: 40px;
	width: auto;
}

.actions-button > .ui-icon,
.actions-button > .ui-menu-item-wrapper > .ui-icon{
	display: none;
}

.actions-button-ul.ui-menu, .move-buttons {
	float: left;
	margin-right: 4px;
}

.buttons .actions-button-ul.ui-menu {
	z-index: 20;
}

.line-item-children .buttons .actions-button-ul.ui-menu {
	z-index: 10;
}

.actions-button-image {
	height: 16px;
	width: 12px;
	background: url(/HTML/images/icons/actions.png) no-repeat;
	float: left;
	margin: -2px 8px -2px 0;
}

.ui-menu .ui-menu-item.actions-button {
	padding: 2px 16px 2px 8px;
	font-weight: normal;
	height: auto;
}

.actions-button.ui-menu-item {
	text-align: left;
	white-space: nowrap;
	margin: 4px 8px 4px 0;
}

.actions-button ul.ui-menu.ui-widget-content {
	min-width: 100px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #eee;
	background: -moz-linear-gradient(top, #fff 0%, #c9c9c9 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #c9c9c9 100%);
	background: -o-linear-gradient(top, #fff 0%, #c9c9c9 100%);
	background: linear-gradient(top, #fff 0%, #c9c9c9 100%);
	margin: 0;
	margin: 0;
	padding: 0 8px;
}

.actions-button ul.ui-menu.ui-widget-content li .ui-menu-item-wrapper .ui-menu-icon.ui-icon.ui-icon-caret-1-e {
	background: url(/HTML/images/icons/rightArrow.png) 0;
	height: 11px;
	width: 10px;
	float: right;
}

.actions-button ul.ui-menu * {
	font-weight: normal;
}

.actions-button ul.ui-menu.ui-widget-content li {
	cursor: pointer;
	margin-bottom: 0;
	padding: 4px 8px;
	margin-left: -8px;
	border-top: 2px groove #eee;
}

.actions-button ul.ui-menu.ui-widget-content li:first-child {
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border-top: 0;
}

.actions-button ul.ui-menu.ui-widget-content li:last-child {
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.actions-button ul.ui-menu.ui-widget-content li:first-child:last-child {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.actions-button ul.ui-menu.ui-widget-content li.ui-menu-item {
	text-transform: none;
	color: #333;
	white-space: nowrap;
}

.actions-button ul.ui-menu.ui-widget-content li.ui-state-focus, .actions-button ul.ui-menu.ui-widget-content li.ui-state-active  {
	border: 0;
	border-top: 2px groove #eee;
	background: #93c0f0;
}

.actions-button ul.ui-menu.ui-widget-content li:first-child.ui-state-focus, .actions-button ul.ui-menu.ui-widget-content li:first-child.ui-state-active {
	border: 0;
}

.actions-button .ui-state-active{
	border:0;
	background:none;
}

.actions-button ul.ui-menu.ui-widget-content li.option-selected {
	background: #cbdbb7;
}

.move-buttons {
	height: 32px;
	width: 32px;
}

.move-buttons .up, .move-buttons .down {
	height: 16px;
	width: 28px;
	cursor: pointer;
	margin: 0 2px;
}

.move-buttons .left, .move-buttons .right {
	width: 16px;
	height: 28px;
	cursor: pointer;
	margin: 2px 0;
	float: left;
}

.move-buttons .up {
	background-image: url(/HTML/images/icons/moveUp.png);
}

.move-buttons .down {
	background-image: url(/HTML/images/icons/moveDown.png);
}

.move-buttons .left {
	background-image: url(/HTML/images/icons/moveLeft.png);
}

.move-buttons .right {
	background-image: url(/HTML/images/icons/moveRight.png);
}

.mini-button {
	height: 20px;
	width: 20px;
	margin: 4px;
	float: left;
}

.mini-button {
	background-color: #f6f6f6;
	border: 1px solid #adceea;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.mini-button:hover, .mini-button:focus {
	background-color: #adceea;
	cursor: pointer;
}

.mini-button.off {
	border: 1px solid #ccc;
	background: #eee;
	cursor: default;
}

.action-button-on.price {
	height: 22px;
	width: 40px;
}

.action-button-on.price .inner {
	height: 20px;
	width: 38px;
	color: #5d7997;
	font-size: 16px !important;
	text-align: center;
	vertical-align: middle;
}

table.etch-button tr {
	background-color: transparent !important;
}

.sub-nav-tabs button {
	margin-top: 5px;
}

button:disabled {
	opacity: .35;
}