ul.ui-toolbar { margin: 0 auto; }

/* ==== Buttons ==== */
.ui-button { cursor: pointer;}

		
/* ==== Button height & width==== */
input.ui-button, .ui-button .ui-button-content { display: table; padding: 12px 11px; }


	/* Button Gradient Colors */
	.ui-button.grey-gradient
	{
		
		/* next line is navigation bottom line */
		/*  border-bottom: 1px solid #C3C3C3; */
		
		border-left: 1px solid #C3C3C3;
		border-right: 1px solid #C3C3C3;
		background: #80c201;
		background: linear-gradient(top bottom, #6ca202 0%, #375401 100%);
		background: -moz-linear-gradient(top, #6ca202 0%, #375401 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ca202), color-stop(100%, #375401));
		background: -webkit-linear-gradient(top, #F8F8F8 0%, #d6d4d4 100%);
		background: -o-linear-gradient(top, #6ca202 0%, #375401 100%);
		background: -ms-linear-gradient(top, #6ca202 0%, #375401 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#6ca202', endColorstr = '#375401', GradientType = 0);
		zoom: 1;
	}
	.ui-button.grey-gradient:hover, .ui-button.grey-gradient:active
	{
	
		background: #d6d4d4;
		background: linear-gradient(top bottom, #FBFBFB 0%, #d6d4d4 100%);
		background: -moz-linear-gradient(top, #FBFBFB 0%, #d6d4d4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(100%, #d6d4d4));
		background: -webkit-linear-gradient(top, #FBFBFB 0%, #d6d4d4 100%);	
		background: -o-linear-gradient(top, #FBFBFB 0%, #d6d4d4 100%);
		background: -ms-linear-gradient(top, #FBFBFB 0%, #d6d4d4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#d6d4d4',GradientType=0 );
		zoom: 1;
		
	}

	.ui-button.grey-gradient:active
	{
		box-shadow: 0 0 5px #E2E2E2 inset;
		-webkit-box-shadow: 0 0 5px #E2E2E2 inset;
		-moz-box-shadow: 0 0 5px #E2E2E2 inset;
	}

/* ==== Button Toolbar ==== */
ul.ui-toolbar { display: table; list-style: none; margin: 0; padding: 0 }
ul.ui-toolbar > li { float: left; cursor: pointer; }
ul.ui-toolbar > li.ui-button { border-right-width: 0px; }
ul.ui-toolbar > li.ui-button:last-child { border-right-width: 1px; cursor: pointer; }

	/* First & Last Child with Border  Radius*/
	ul.ui-toolbar > li.ui-button:first-child { border-radius: 0px 0 0 0px; -moz-border-radius: 0px 0 0 0px; -webkit-border-radius: 2px 0 0 2px; }
	ul.ui-toolbar > li.ui-button:last-child { border-radius: 0 0px 0px 0; -moz-border-radius: 0 0px 0px 0; -webkit-border-radius: 0 2px 2px 0; }

	/* With Drop Button */
	ul.ui-toolbar li.has-drop { position: relative !important; }
	ul.ui-toolbar li.has-drop:hover { box-shadow: 0 0 5px #E2E2E2 inset; -webkit-box-shadow: 0 0 5px #E2E2E2 inset; -moz-box-shadow: 0 0 5px #E2E2E2 inset; }
	ul.ui-toolbar li.has-drop:hover > ul { display: table; margin: 0; padding: 0; }
	ul.ui-toolbar li.has-drop span.arrow { display: inline-block; width: 0; height: 0; vertical-align: center; padding-top: 1px; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 0.6; }
	ul.ui-toolbar li.has-drop ul { display: none; list-style: none; position: absolute; border: 1px solid #C3C3C3; z-index: 5; min-width: 160px; }
	ul.ui-toolbar li.has-drop ul.right-dropdown { right: 1px; }
	ul.ui-toolbar li.has-drop ul.left-dropdown { left: 1px; }
	ul.ui-toolbar li.has-drop ul > li { display: table; width: 100%; }
	ul.ui-toolbar li.has-drop ul > li a { display: table; width: 100%; padding: 10px 10px; border-bottom: 1px solid #E4E4E4; border-top: 1px solid white; background: #6ca202; background: -moz-linear-gradient(top, #6ca202 0%, #375401 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca202), color-stop(100%,#375401)); background: -webkit-linear-gradient(top, #6ca202 0%,#375401 100%); background: -o-linear-gradient(top, #6ca202 0%,#375401 100%); background: -ms-linear-gradient(top, #6ca202 0%,#375401 100%); background: linear-gradient(top, #6ca202 0%,#375401 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca202', endColorstr='#375401',GradientType=0 ); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
	ul.ui-toolbar li.has-drop ul > li a:hover { background: #F5F5F5; }