/*		########################################
		BUTTONS
*/
		.buttons																{  }
		.buttons.right															{ float: right; }
		.buttons.left															{ float: left; }
		
		.buttons.center .button													{ margin: 0 4px 0 4px; }
		.buttons.center .center													{ display: table; }


/*		########################################
		BUTTONS SMALL
*/
		.buttons.small.right .button											{ margin: 0 0 0 10px; }
		.buttons.small.left .button												{ margin: 0 10px 0 0; }

		.buttons.small .button													{ height: 20px; xoverflow: hidden; float: left; }
		.buttons.small .button a												{ height: 20px; padding: 0 0 0 20px; float: left; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
		.buttons.small .button a p												{ height: 20px; padding: 9px 20px 0 0; font-family: 'lucida grande', verdana; font-size: 9px; line-height: 1px; font-weight: bold; white-space: nowrap; float: left; }

		.buttons.small .button.normal											{ margin-top: 1px; }
		.buttons.small .button.normal a											{ background: linear-gradient(top,#5d5d5d 0%,#373737 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#373737)); background: -webkit-linear-gradient(top, #5d5d5d 0%, #373737 100%); background: -moz-linear-gradient(top, #5d5d5d 0%, #373737 100%); box-shadow: 0px 1px 3px #111, inset 0px 1px 0px #7d7d7d; -webkit-box-shadow: 0px 1px 3px #111, inset 0px 1px 0px #7d7d7d; -moz-box-shadow: 0px 1px 3px #111, inset 0px 1px 0px #7d7d7d; }
		.buttons.small .button.normal a p										{ text-shadow: 0px -1px 0px #000; }
		.buttons.small .button.normal a:hover p									{ color: #fff; text-shadow: 0px 0px 3px #fff; }

		.buttons.small .button.selected											{ margin-bottom: 1px; }
		.buttons.small .button.selected a										{ background: linear-gradient(top,#1c1c1c 0%,#444444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#444444)); background: -webkit-linear-gradient(top, #1c1c1c 0%, #444444 100%); background: -moz-linear-gradient(top, #1c1c1c 0%, #444444 100%); box-shadow: 0px 1px 0px #616161, inset 0px 1px 0px #141414; -webkit-box-shadow: 0px 1px 0px #616161, inset 0px 1px 0px #141414; -moz-box-shadow: 0px 1px 0px #616161, inset 0px 1px 0px #141414; }
		.buttons.small .button.selected a p										{ padding-top: 11px; color: #76b6ff; text-shadow: 0px 1px 1px #000; }

		.buttons.small .button.disabled,
		body.busy .buttons.small .button.normal.inherit							{ margin-top: 1px; }
		.buttons.small .button.disabled a,
		body.busy .buttons.small .button.normal.inherit a						{ background: linear-gradient(top,#3e3e3e 0%,#272727 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#272727)); background: -webkit-linear-gradient(top, #3e3e3e 0%, #272727 100%); background: -moz-linear-gradient(top, #3e3e3e 0%, #272727 100%); box-shadow: 0px 1px 1px #111, inset 0px 1px 0px #525252; -webkit-box-shadow: 0px 1px 1px #111, inset 0px 1px 0px #525252; -moz-box-shadow: 0px 1px 1px #111, inset 0px 1px 0px #525252; cursor: not-allowed; }
		.buttons.small .button.disabled a p,
		body.busy .buttons.small .button.normal.inherit a p						{ color: #888; text-shadow: none; }


/*		########################################
		BUTTONS LARGE
*/
		.buttons.large.right .button											{ margin: 0 0 0 6px; }
		.buttons.large.left .button												{ margin: 0 6px 0 0; }

		.buttons.large .button													{ height: 29px; overflow: hidden; float: left; }
		.buttons.large .button a												{ height: 29px; padding: 0 0 0 20px; background-image: url(../../graphics/buttons/large/button_large.png); background-repeat: no-repeat; float: left; display: block; }
		.buttons.large .button a p												{ height: 29px; padding: 8px 20px 0 0; background-image: url(../../graphics/buttons/large/button_large.png); font-size: 11px; line-height: 12px; font-weight: bold; float: left; }
		
		.buttons.large .button.general a										{  }
		.buttons.large .button.general a p										{ background-position: right -30px; text-shadow: 0px -1px 1px #000; }
		.buttons.large .button.general a:hover									{ background-position: left -60px; }
		.buttons.large .button.general a:hover p								{ background-position: right -90px; text-shadow: 0px 0px 4px #fff; }
		
		.buttons.large .button.default a										{ background-position: left -120px; }
		.buttons.large .button.default a p										{ background-position: right -150px; text-shadow: 0px -1px 1px #19385b; }
		.buttons.large .button.default a:hover									{ background-position: left -180px; }
		.buttons.large .button.default a:hover p								{ background-position: right -210px; text-shadow: 0px 0px 4px #fff; }

		.buttons.large .button.confirm a										{ background-position: left -240px; }
		.buttons.large .button.confirm a p										{ background-position: right -270px; text-shadow: 0px -1px 1px #5a1616; }
		.buttons.large .button.confirm a:hover									{ background-position: left -300px; }
		.buttons.large .button.confirm a:hover p								{ background-position: right -330px; text-shadow: 0px 0px 4px #fff; }

		.buttons.large .button.disabled a										{ background-position: left -360px !important; cursor: not-allowed; }
		.buttons.large .button.disabled a p										{ background-position: right -390px !important; color: #707070; text-shadow: 0px -1px 0px #000; }
		.buttons.large .button.disabled a:hover p								{ text-shadow: 0px -1px 0px #000 !important; }

		.framework.changed_false .buttons.large .button.inherit a,
		body.busy .buttons.large .button.inherit a								{ background-position: left -360px !important; cursor: not-allowed; }
		.framework.changed_false .buttons.large .button.inherit a p,
		body.busy .buttons.large .button.inherit a p							{ background-position: right -390px !important; color: #707070; text-shadow: 0px -1px 0px #000; }
		.framework.changed_false .buttons.large .button.inherit a:hover p,
		body.busy .buttons.large .button.inherit a:hover p						{ text-shadow: 0px -1px 0px #000 !important; }


/*		########################################
		BUTTONS CANDY
*/
		.buttons.candy.right .button											{ margin: 0 0 0 6px; }
		.buttons.candy.left .button												{ margin: 0 6px 0 0; }

		.buttons.candy .button													{ width: 16px; height: 16px; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; float: left; }
		.buttons.candy .button a,
		.buttons.candy .button p												{ width: 16px; height: 16px; opacity: 0.75; border: 1px solid #898989; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#898989)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -moz-linear-gradient(top, #3a3a3a 0%, #898989 100%); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-shadow: 0px 1px 2px #000; -webkit-box-shadow: 0px 1px 2px #000; -moz-box-shadow: 0px 1px 2px #000; display: block; }

		.buttons.candy.left .button												{ margin: 0 8px 0 2px; }
		.buttons.candy.right .button											{ margin: 0 2px 0 8px; }

		.buttons.candy .button a.add,
		.buttons.candy .button p.add											{ background-position: 0 0; }
		.buttons.candy .button.normal a.add:hover,
		.buttons.candy .button.normal p.add:hover								{ opacity: 1.0; border: 1px solid #7dbd40; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, linear-gradient(top, #086330 0%, #7dbd40 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#086330), color-stop(100%,#7dbd40)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-linear-gradient(top, #086330 0%, #7dbd40 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -moz-linear-gradient(top, #086330 0%, #7dbd40 100%); }
		.buttons.candy .button a.delete,
		.buttons.candy .button p.delete											{ background-position: -20px 0; }
		.buttons.candy .button.normal a.delete:hover,
		.buttons.candy .button.normal p.delete:hover							{ opacity: 1.0; border: 1px solid #c93e44; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, linear-gradient(top, #72090d 0%, #e11c24 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72090d), color-stop(100%,#e11c24)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, -webkit-linear-gradient(top, #72090d 0%, #e11c24 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, -moz-linear-gradient(top, #72090d 0%, #e11c24 100%); }
		.buttons.candy .button a.edit,
		.buttons.candy .button p.edit											{ background-position: -40px 0; }
		.buttons.candy .button.normal a.edit:hover,
		.buttons.candy .button.normal p.edit:hover								{ opacity: 1.0; border: 1px solid #0b91c4; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, linear-gradient(top, #044775 0%, #66abf0 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#044775), color-stop(100%,#66abf0)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, -webkit-linear-gradient(top, #044775 0%, #66abf0 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, -moz-linear-gradient(top, #044775 0%, #66abf0 100%); }
		
		.buttons.candy .button.disabled											{ opacity: 0.4; }
		.buttons.candy .button.disabled a,
		.buttons.candy .button.disabled p										{ cursor: not-allowed; }
		
		/*	busy */

			body.busy .buttons.candy .button									{ opacity: 0.4; }
			body.busy .buttons.candy .button a,
			body.busy .buttons.candy .button p									{ width: 16px; height: 16px; opacity: 0.75; border: 1px solid #898989; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#898989)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -moz-linear-gradient(top, #3a3a3a 0%, #898989 100%); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; box-shadow: 0px 1px 2px #000; -webkit-box-shadow: 0px 1px 2px #000; -moz-box-shadow: 0px 1px 2px #000; display: block; }

			body.busy .buttons.candy .button a.add,
			body.busy .buttons.candy .button p.add								{ background-position: 0 0; }
			body.busy .buttons.candy .button.normal a.add:hover,
			body.busy .buttons.candy .button.normal p.add:hover					{ opacity: 0.75; border: 1px solid #898989; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#898989)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -webkit-linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat 0 0, -moz-linear-gradient(top, #3a3a3a 0%, #898989 100%); }
			body.busy .buttons.candy .button a.delete,
			body.busy .buttons.candy .button p.delete							{ background-position: -20px 0; }
			body.busy .buttons.candy .button.normal a.delete:hover,
			body.busy .buttons.candy .button.normal p.delete:hover				{ opacity: 0.75; border: 1px solid #898989; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#898989)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, -webkit-linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -20px 0, -moz-linear-gradient(top, #3a3a3a 0%, #898989 100%); }
			body.busy .buttons.candy .button a.edit,
			body.busy .buttons.candy .button p.edit								{ background-position: -40px 0; }
			body.busy .buttons.candy .button.normal a.edit:hover,
			body.busy .buttons.candy .button.normal p.edit:hover				{ opacity: 0.75; border: 1px solid #898989; background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#898989)); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, -webkit-linear-gradient(top, #3a3a3a 0%, #898989 100%); background: url(../../graphics/buttons/candy/candy_icons.png) no-repeat -40px 0, -moz-linear-gradient(top, #3a3a3a 0%, #898989 100%); }