/*	--------------------------------------------------
		Seth's Buttons
		-------------------------------------------------- */
	
		.button { background: #00ff00;
			display: inline-block;
			text-align: center;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
			font-size: 13px; font-size: 1.3em;
			direction: rtl;
			line-height: 1;
			font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
			position: relative;
			cursor: pointer;
			border: none;
			outline: none;
			
			margin:  5px;
			-webkit-transition: background-color .15s ease-in-out;
			-moz-transition: background-color .15s ease-in-out;
			-o-transition: background-color .15s ease-in-out;
			text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4); }
		
	  	/* Don't use native buttons on iOS */
		input[type=submit].button, button.button { -webkit-appearance: none; }
		
		/* Hide inner focus effect in Firefox */
		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;
		}
		
	
		.button.radius {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
		}
		.button.round {
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
		}
	
		.button.full-width {
			width: 100%;
			padding-left: 0 !important;
			padding-right: 0 !important;
			text-align: center;
		}
	
		.button.left-align {
			text-align: left;
			text-indent: 12px;
		}
		.full{
			width: 100%;
		}		
		
		/*Tabs---------*/
		
		.button.tab{
			-webkit-border-radius: 20px 20px 0px 0px;
			-moz-border-radius: 20px 20px 0px 0px;
			-ms-border-radius: 20px 20px 0px 0px;
			-o-border-radius: 20px 20px 0px 0px;
			border-radius: 20px 20px 0px 0px;
			
		}
		
		
		/* Social-media-buttons ---------- */
		
		.social.button{
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			padding: 5px 2px;
			font-size: .5em;
		}
		
		
		
		
		/* Button-sizes ---------- */
		
		.tiny.button			{ font-size: 10px; padding: 6px 14px 8px; width: auto; }
		.small.button 			{ font-size: 12px; padding: 8px 20px 10px; width: auto; }
		.medium.button 			{ font-size: 14px; padding: 10px 32px 12px; width: auto; }
		.large.button 			{ font-size: 21px; padding: 15px 48px 18px; width: auto; }
		.xlarge.button			{ font-size: 36px; padding: 22px 51px 30px; width: auto; }
	
	
	
	
	
		/* Colors ---------- */
		
		.red.button				{ background-color: #ed1c23; 
									background-image: -webkit-linear-gradient(top, #ed1c23 0%, #891100 100%);
									background-image: -moz-linear-gradient(top, #ed1c23 0%, #891100 100%);
									background-image: -ms-linear-gradient(top, #ed1c23 0%, #891100 100%);
									background-image: -o-linear-gradient(top, #ed1c23 0%, #891100 100%);
									background-image: linear-gradient(top, #ed1c23 0%, #891100 100%);
									-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.6), 0 1px 3px #333333;
									-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.6), 0 1px 3px #333333;
									-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.6), 0 1px 3px #333333;
									-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.6), 0 1px 3px #333333;
									box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.6), 0 1px 3px #333333;
									border: 1px solid #951100; }
		

		
		/* Active ---------- */
		
		
		.red.button:active							{ background-color: #9e0b10;
														background-image: -webkit-gradient(linear, left top, left bottom, from(#9e0b10 0%), to(#700d00 100%));
														/* Saf4+, Chrome */
														background-image: -webkit-linear-gradient(top, #9e0b10 0%, #ed1c23 100%);
														background-image: -moz-linear-gradient(top, #9e0b10 0%, #ed1c23 100%);
														background-image: -ms-linear-gradient(top, #9e0b10 0%, #ed1c23 100%);
														background-image: -o-linear-gradient(top, #9e0b10 0%, #ed1c23 100%);
														background-image: linear-gradient(top, #9e0b10 0%, #ed1c23 100%);
														-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
														-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
														-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
														-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
														box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
														-webkit-transition: background-color .15s ease-in-out;
														-moz-transition: background-color .15s ease-in-out;
														-o-transition: background-color .15s ease-in-out; }
		
													
		
		/* Disabled ---------- */
		.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
		
		/* Correct FF button padding */
		@-moz-document url-prefix(http://) {
			input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
			input[type=submit].tiny.button		{ padding: 5px 14px 7px; }
			input[type=submit].small.button		{ padding: 7px 20px 8px; }
			input[type=submit].medium.button	{ padding: 8px 34px 9px; }
			input[type=submit].large.button		{ padding: 9px 48px 10px; }
		}
		
	/*******************
	
	Buttons with icons
	
	*******************/
	
		
	/* text-attributes---------*/
		
		.button.icon{ }
		
		.tiny.button.icon		{ padding:7px 7px 0px; text-align: left;}
		.small.button.icon		{ padding:9px 15px 0px; text-align: left; }
		.medium.button.icon		{ padding:16px 20px 0px; text-align: left; }
		.large.button.icon		{ padding:22px 30px 0; text-align: left; }
		.xlarge.button.icon		{ padding:30px 40px 0px; text-align: left; }
				
		
		
		/*Icon-attributes---------*/

		/*.button:after			{float: right; font-weight:normal; } */
	
		.tiny.button:after		{ padding: 0px 0px 10px 10px; margin-top: -4px; font-size: 12px; font-weight: normal; float: right; }
		.small.button:after		{ padding: 0px 0px 12px 15px; margin-top: -6px; font-size: 16px; font-weight: normal; float: right; }
		.medium.button:after	{ padding: 0px 0px 15px 25px; margin-top: -13px; font-size: 28px; font-weight: normal; float: right; }
		.large.button:after		{ padding: 0px 0px 20px 35px; margin-top: -18px; font-size: 42px; font-weight: normal; float: right; }
		.xlarge.button:after	{ padding: 0px 0px 25px 45px; margin-top: -28px; font-size: 72px; font-weight: normal; float: right; }
		
		/* Icons---------*/
		
		.workbook:after 		{ font-family: 'iconSweetsRegular'; content: 'r';  }
		.slides:after			{ font-family: 'iconSweetsRegular'; content: '3';  }
		.whitepaper:after		{ font-family: 'iconSweetsRegular'; content: 'C';  }
		.book:after				{ font-family: 'iconSweetsRegular'; content: "'"   }
		.assessment:after		{ font-family: 'iconSweetsRegular'; content: '8';  }
		.fitness:after			{ font-family: 'iconSweetsRegular'; content: "o";  }
		.guide:after			{ font-family: 'iconSweetsRegular'; content: 'N';  }
		.scorecard:after		{ font-family: 'iconSweetsRegular'; content: 'm';  }
		.tools:after			{ font-family: 'iconSweetsRegular'; content: 'm';  }
		.download:after			{ font-family: 'iconSweetsRegular'; content: '[';  }
		.cal:after				{ font-family: 'iconSweetsRegular'; content: 'R';  }
		.cart:after				{ font-family: 'iconSweetsRegular'; content: 'D';  }
		.settings:after			{ font-family: 'iconSweetsRegular'; content: 'k';  }
		.chat:after				{ font-family: 'iconSweetsRegular'; content: '"';  }
		.clock:after			{ font-family: 'iconSweetsRegular'; content: 'S';  }
		.link:after				{ font-family: 'iconSweetsRegular'; content: 'P';  }
		.print:after			{ font-family: 'iconSweetsRegular'; content: 'V';  }
		.flag:after				{ font-family: 'iconSweetsRegular'; content: 'Y';  }
		.user:after				{ font-family: 'iconSweetsRegular'; content: 'a';  }
		.mail:after				{ font-family: 'iconSweetsRegular'; content: 'A';  }
		.secure:after			{ font-family: 'iconSweetsRegular'; content: 'y';  }
		.video:after			{ font-family: 'iconSweetsRegular'; content: 'F';  }
		.info:after				{ font-family: 'iconSweetsRegular'; content: '?';  }
		.arrowr:after			{ font-family: 'iconSweetsRegular'; content: '>';  }
		
		/*Icon-font---------*/
		
		@font-face {
		    font-family: 'iconSweetsRegular';
		    src: url('iconsweets/iconsweets-webfont.eot');
		    src: url('iconsweets/iconsweets-webfont.eot?#iefix') format('embedded-opentype'),
		         url('iconsweets/iconsweets-webfont.woff') format('woff'),
		         url('iconsweets/iconsweets-webfont.ttf') format('truetype'),
		         url('iconsweets/iconsweets-webfont.svg#iconSweetsRegular') format('svg');
		    font-weight: normal;
		    font-style: normal;
		
		}
		