/* --== --------------- Mr Site Design API 
        Application:	Button and interaction
		Date:			01/03/2010
----------------------------------------- */

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

select::-moz-focus-inner {
border: none;
}

input.large_button 
	{
		text-shadow: #356386 1px 1px 0px; 
		cursor:pointer; 
		border:0px; 
		color:#fff; 
		background:url(/assets/modules/buttons/images/large_button.gif) no-repeat top left; 
		width:130px; 
		height:34px;
		padding:0px;
	}
input.large_button.hover_over {background-position:0px -34px;padding:0px;}
input.large_button.click_it {background-position:0px -68px; -moz-outline-style: none; background-position:0px -68px; outline: none;padding:0px;}

div.large_button 
	{
		text-shadow: #356386 1px 1px 0px; 
		cursor:pointer; 
		border:0px; 
		color:#fff; 
		background:url(/assets/modules/buttons/images/large_button.gif) no-repeat top left; 
		width:130px; 
		height:34px;
		padding:0px;
	}
div.large_button.hover_over {background-position:0px -34px;padding:0px;}
div.large_button.click_it {background-position:0px -68px; -moz-outline-style: none; background-position:0px -68px; outline: none;padding:0px;}

input.larger_button 
	{
		text-shadow: #356386 1px 1px 0px; 
		cursor:pointer; 
		border:0px; 
		color:#fff; 
		background:url(/assets/modules/buttons/images/larger_button.gif) no-repeat top left; 
		width:160px; 
		height:34px;
		padding:0px;
	}
input.larger_button.hover_over {background-position:0px -34px;padding:0px;}
input.larger_button.click_it {background-position:0px -68px; -moz-outline-style: none; background-position:0px -68px; outline: none;padding:0px;}


/* To position the button - give it this class */
input.large_button_pos {margin:10px 0 0 5px;}

div.large_button_blue_bg 
	{
		text-shadow: #356386 1px 1px 0px; 
		cursor:pointer; 
		border:0px; 
		color:#fff; 
		background:url(/assets/modules/buttons/images/large_button_blue_bg.gif) no-repeat top left; 
		width:130px; 
		height:34px;
		padding:0px;
	}
div.large_button_blue_bg:hover {background-position:0px -34px;padding:0px;}
div.large_button_blue_bg:active {background-position:0px -68px; outline: none;padding:0px;}
div.large_button_blue_bg:focus {-moz-outline-style: none; background-position:0px -68px; outline: none;padding:0px;}
div.large_button_blue_bg_pos {margin:0px 0 10px 10px;}

span.large_button_blue_bg_text {color:#fff;text-shadow: #356386 1px 1px 0px; display:block; text-align:center; font-size:12px; padding-top:8px;}

div.mail_admin_button 
	{
		text-decoration:none;
		text-shadow: #fff 1px 1px 0px; 
		cursor:pointer; 
		border:0px;
		color:#444c55; 
		background:url(/assets/modules/buttons/images/mail_admin_button.gif) no-repeat top left; 
		width:160px; 
		height:34px;
		padding:0px;
		text-align:right;
		padding-right:10px;
		margin-top:20px;
	}

div.mail_admin_button:hover {background-position:0px -34px;text-decoration:none; border:0px;padding:0px;padding-right:10px;}
div.mail_admin_button:active {background-position:0px -68px; outline: none; border:0px;padding:0px;padding-right:10px; padding-top:1px;}
div.mail_admin_button:focus {-moz-outline-style: none; background-position:0px -68px; outline: none; border:0px;padding:0px;padding-right:10px; padding-top:1px;}

span.mail_admin_button_text {color:#444c55;text-shadow: #fff 1px 1px 0px; display:block; text-align:right; font-size:13px; padding-top:8px; padding-right:13px;}

div.mail_default_button 
	{
		text-decoration:none;
		text-shadow: #fff 1px 1px 0px; 
		cursor:pointer; 
		border:0px;
		color:#444c55; 
		background:url(/assets/modules/buttons/images/mail_default_button.gif) no-repeat top left; 
		width:140px; 
		height:34px;
		padding:0px;
		text-align:right;
		padding-right:10px;
		margin-top:20px;
	}
div.mail_default_button:hover {background-position:0px -34px;text-decoration:none; border:0px;padding:0px;padding-right:10px;}
div.mail_default_button:active {background-position:0px -68px; outline: none; border:0px;padding:0px;padding-right:10px; padding-top:1px;}
div.mail_default_button:focus {-moz-outline-style: none; background-position:0px -68px; outline: none; border:0px;padding:0px;padding-right:10px; padding-top:1px;}





input.menu_reset 
	{
		text-shadow: #6f100c 0px -1px 0px; 
		cursor:pointer; 
		border:0px; 
		color:#fff; 
		background:url(/assets/modules/buttons/images/menu_reset.gif) no-repeat top left; 
		width:50px; 
		height:29px;
		padding:0px;
	}
input.menu_reset.hover_over {background-position:0px -29px;padding:0px;}
input.menu_reset.click_it {background-position:0px -58px; -moz-outline-style: none; background-position:0px -58px; outline: none;padding:0px 0 0 0;}



.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }

	/*demo page css*/
	h2 { clear: both; padding-top:1.5em; margin-top:0; } 
	.strike { text-decoration: line-through; }

	input.upload-submit-blue
	{
		background:url(/assets/modules/buttons/images/button-action-blue.gif) repeat-x 0px 0px;
		color:#ffffff;
		text-shadow:#124b78 0px -1px 0px;
		border:1px solid #124b78;
		-moz-border-radius: 2px; -webkit-border-radius: 2px;
		padding:8px 10px;
		cursor:pointer;
		font-size:12px;
		font-family:tahoma;
		margin:0 10px 0px 0px;
	}
.upload-submit-blue.hover_over	{background-position:0px -80px;}
.upload-submit-blue.click_it		{background-position:0px -160px; outline: none; color:#fff; text-shadow:#1d4563 0px -1px 0px;}





/* Craig and Dan's magical UI button API - Conan ain't got shit on these bad boys */

.ui-button {-moz-border-radius: 2px; -webkit-border-radius: 2px;}

/* Blue - call to action buttons */
/* Use these to complete actions that result in page submissions */
.button-action-blue 
	{
		background:url(/assets/modules/buttons/images/button-action-blue.gif) repeat-x 0px 0px;
		color:#ffffff;
		text-shadow:#124b78 0px -1px 0px;
		border:1px solid #124b78;
		padding:5px 10px;
		cursor:pointer;
		font-size:12px;
		font-family:tahoma;
	}
/* Grey - cancel button */
.button-action-grey 
	{
		background:url(/assets/modules/buttons/images/button-action-grey.gif) repeat-x 0px 0px;
		color:#ffffff;
		text-shadow:#3e3e3d 0px -1px 0px;
		border:1px solid #3e3e3d;
		padding:5px 10px;
		cursor:pointer;
		font-size:12px;
		font-family:tahoma;
	}
	a.ui-button-anchor {margin:0px; padding:0px; position:relative;}
	a.ui-button-anchor span {display:block;float:left; margin:0 10px 0 0;}
/* Green - Internal payment searches */
/* Not too sure about these as yet, but they're used throughout the payment system */
.button-action-green 
	{
		background:url(/assets/modules/buttons/images/button-action-green.gif) repeat-x 0px 0px;
		color:#ffffff;
		text-shadow:#2c5c19 0px -1px 0px;
		border:1px solid #2c5c19;
		padding:5px 10px;
		cursor:pointer;
		font-size:12px;
		font-family:tahoma;
	}
/* White - Generic button types */
/* Used for internal actions, simple grey gradient background */
.button-action-white
	{
		float:left;
		text-align:left; 
		display:block; 
		font-size:11px; 
		text-shadow:#ffffff 0px 1px 0px; 
		color:#5c5c5c; 
		background:url(/assets/modules/buttons/images/grey_button_ui.gif) repeat-x top left; 
		padding:5px 8px; 
		border:1px solid #e0e0e0; 
		font-family:tahoma;
	}

.ui-wizard-button
	{
		cursor:pointer;
		float:left;
		text-align:center;
		display:block;
		padding:10px 15px;
		background:#ecc200;
	}
	/* Colours designate what these actions do, call an additional class to specify */
	.ui-button-edit		{color:#537B4F;}	/* Edit button */
	.ui-button-delete	{color:#9C492B;}	/* Delete button */
	.ui-button-link		{color:#2E74A6;}	/* External link button */
	
	/* Padding and sizing */
	.ui-button-9-10		{padding:8px 10px 8px 10px;}
	
	/*	Floats */
	.ui-button-float-left	{float:left;}
	.ui-button-float-right	{float:right;}
	
	/*	Margins */
	.ui-button-margin-left-10 {margin-left:10px;}
	.ui-button-margin-top-10 {margin-top:10px;}
	
/* Hovers and clicks, based on generic psuedo's, and in base_system.js */
.ui-button.hover_over, .ui-button:hover		{background-position:0px -80px; cursor:pointer;}
.ui-button.click_it, .ui-button:active		{background-position:0px -160px; outline: none; cursor:pointer;}
.button-action-white:hover					{text-decoration:underline;}