/**
 *  @file
 *  shortcode.css
 *  
 *  This file contains the CSS for shortcodes used in textfields.
 */

/**
 *  Type: Buttons
 */

.shortcode-decoded-field .shortcode-button-holder{
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	border: 1px solid #c3c3c3;
	cursor: pointer;
	line-height: 28px;
}
	.shortcode-decoded-field .shortcode-button-holder a.shortcode-button,
	.shortcode-decoded-field p .shortcode-button-holder a.shortcode-button{
		display: inline-block;
		font-family: 'News Gothic W01';
		background: none;
		color: #000;
		text-decoration: none;
		width: 100%;
		cursor: pointer;
		background-image: none;
		line-height: auto;
	}

	.shortcode-decoded-field .shortcode-button-holder a.shortcode-button:hover,
	.shortcode-decoded-field p .shortcode-button-holder a.shortcode-button:hover{
		text-decoration: none;
	}

	/**
	 *  Colors
	 */

	 /* --- Green --- */
	.shortcode-decoded-field .shortcode-button-holder.color-green{
		background: #67c19a;
		border: 1px solid #7db09a;
		-webkit-box-shadow: 0px 1px 0px rgba(63, 104, 87, 0.75);
		-moz-box-shadow:    0px 1px 0px rgba(63, 104, 87, 0.75);
		box-shadow:         0px 1px 0px rgba(63, 104, 87, 0.75);
	}
		.shortcode-decoded-field .shortcode-button-holder.color-green a.shortcode-button{
			border-top: 1px solid #8bd0b2;
			text-shadow: 0px -1px 0px rgba(91, 152, 126, 1);
			color: #fff;
		}
	.shortcode-decoded-field .shortcode-button-holder.color-green:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-green:active{
		background: #59b98d; /* Old browsers */
		background: -moz-linear-gradient(top,  #59b98d 0%, #75caa8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59b98d), color-stop(100%,#75caa8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #59b98d 0%,#75caa8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #59b98d 0%,#75caa8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #59b98d 0%,#75caa8 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #59b98d 0%,#75caa8 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b98d', endColorstr='#75caa8',GradientType=0 ); /* IE6-9 */
	}
	.shortcode-decoded-field .shortcode-button-holder.color-green.size-small:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-green.size-small:active{
		background: #59b98d; /* Old browsers */
		background: -moz-linear-gradient(top,  #59b98d 0%, #75c9a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59b98d), color-stop(100%,#75c9a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #59b98d 0%,#75c9a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #59b98d 0%,#75c9a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #59b98d 0%,#75c9a7 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #59b98d 0%,#75c9a7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b98d', endColorstr='#75c9a7',GradientType=0 ); /* IE6-9 */
	}
		.shortcode-decoded-field .shortcode-button-holder.color-green a.shortcode-button:active{
			text-shadow: 0px 1px 0px rgba(91, 152, 126, 1);
		}
	

	/* --- Blue --- */
	.shortcode-decoded-field .shortcode-button-holder.color-blue{
		background: #5ac2bd;
		border: 1px solid #44938f;
		-webkit-box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
		-moz-box-shadow:    0px 1px 0px rgba(44, 95, 93, 0.75);
		box-shadow:         0px 1px 0px rgba(44, 95, 93, 0.75);
	}
		.shortcode-decoded-field .shortcode-button-holder.color-blue a.shortcode-button{
			border-top: 1px solid #81d1cd;
			text-shadow: 0px -1px 0px rgba(61, 131, 128, 1);
			color: #fff;
		}
	.shortcode-decoded-field .shortcode-button-holder.color-blue:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-blue:active{
		background: #4ebab4; /* Old browsers */
		background: -moz-linear-gradient(top,  #4ebab4 0%, #66cac6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ebab4), color-stop(100%,#66cac6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4ebab4 0%,#66cac6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4ebab4 0%,#66cac6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4ebab4 0%,#66cac6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #4ebab4 0%,#66cac6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ebab4', endColorstr='#66cac6',GradientType=0 ); /* IE6-9 */
	}
	.shortcode-decoded-field .shortcode-button-holder.color-blue.size-small:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-blue.size-small:active{
		background: #59b98d; /* Old browsers */
		background: -moz-linear-gradient(top,  #59b98d 0%, #75c9a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59b98d), color-stop(100%,#75c9a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #59b98d 0%,#75c9a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #59b98d 0%,#75c9a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #59b98d 0%,#75c9a7 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #59b98d 0%,#75c9a7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b98d', endColorstr='#75c9a7',GradientType=0 ); /* IE6-9 */
	}
		.shortcode-decoded-field .shortcode-button-holder.color-blue a.shortcode-button:active{
			text-shadow: 0px 1px 0px rgba(61, 131, 128, 1);
		}


	/* --- Pink --- */
	.shortcode-decoded-field .shortcode-button-holder.color-pink{
		background: #e56096;
		border: 1px solid #c97798;
		-webkit-box-shadow: 0px 1px 0px rgba(156, 75, 98, 0.75);
		-moz-box-shadow:    0px 1px 0px rgba(156, 75, 98, 0.75);
		box-shadow:         0px 1px 0px rgba(156, 75, 98, 0.75);
	}
		.shortcode-decoded-field .shortcode-button-holder.color-pink a.shortcode-button{
			border-top: 1px solid #eb86af;
			text-shadow: 0px -1px 0px rgba(177, 84, 112, 1);
			color: #fff;
		}
	.shortcode-decoded-field .shortcode-button-holder.color-pink:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-pink:active{
		background: #e15388; /* Old browsers */
		background: -moz-linear-gradient(top,  #e15388 0%, #e96da4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15388), color-stop(100%,#e96da4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e15388 0%,#e96da4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e15388 0%,#e96da4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e15388 0%,#e96da4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e15388 0%,#e96da4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e15388', endColorstr='#e96da4',GradientType=0 ); /* IE6-9 */
	}
	.shortcode-decoded-field .shortcode-button-holder.color-pink.size-small:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-pink.size-small:active{
		background: #e25489; /* Old browsers */
		background: -moz-linear-gradient(top,  #e25489 0%, #e96da4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e25489), color-stop(100%,#e96da4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e25489 0%,#e96da4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e25489 0%,#e96da4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e25489 0%,#e96da4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e25489 0%,#e96da4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25489', endColorstr='#e96da4',GradientType=0 ); /* IE6-9 */
	}
		.shortcode-decoded-field .shortcode-button-holder.color-pink a.shortcode-button:active{
			text-shadow: 0px 1px 0px rgba(177, 84, 112, 1);
		}


	/* --- Purple --- */
	.shortcode-decoded-field .shortcode-button-holder.color-purple{
		background: #a4a4db;
		border: 1px solid #9a9abd;
		-webkit-box-shadow: 0px 1px 0px rgba(86, 86, 115, 0.75);
		-moz-box-shadow:    0px 1px 0px rgba(86, 86, 115, 0.75);
		box-shadow:         0px 1px 0px rgba(86, 86, 115, 0.75);
	}
		.shortcode-decoded-field .shortcode-button-holder.color-purple a.shortcode-button{
			border-top: 1px solid #babae4;
			text-shadow: 0px -1px 0px rgba(106, 106, 141, 1);
			color: #fff;
		}
	.shortcode-decoded-field .shortcode-button-holder.color-purple:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-purple:active{
		background: #9898d6; /* Old browsers */
		background: -moz-linear-gradient(top,  #9898d6 0%, #b0b0e0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9898d6), color-stop(100%,#b0b0e0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9898d6 0%,#b0b0e0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9898d6 0%,#b0b0e0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9898d6 0%,#b0b0e0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #9898d6 0%,#b0b0e0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9898d6', endColorstr='#b0b0e0',GradientType=0 ); /* IE6-9 */
	}
	.shortcode-decoded-field .shortcode-button-holder.color-purple.size-small:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-purple.size-small:active{
		background: #e25489; /* Old browsers */
		background: -moz-linear-gradient(top,  #e25489 0%, #e96da4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e25489), color-stop(100%,#e96da4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e25489 0%,#e96da4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e25489 0%,#e96da4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e25489 0%,#e96da4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e25489 0%,#e96da4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25489', endColorstr='#e96da4',GradientType=0 ); /* IE6-9 */
	}
		.shortcode-decoded-field .shortcode-button-holder.color-purple a.shortcode-button:active{
			text-shadow: 0px 1px 0px rgba(106, 106, 141, 1);
		}


	/* --- Peach --- */
	.shortcode-decoded-field .shortcode-button-holder.color-peach{
		background: #f69597;
		border: 1px solid #cd8f90;
		-webkit-box-shadow: 0px 1px 0px rgba(119, 72, 73, 0.75);
		-moz-box-shadow:    0px 1px 0px rgba(119, 72, 73, 0.75);
		box-shadow:         0px 1px 0px rgba(119, 72, 73, 0.75);
	}
		.shortcode-decoded-field .shortcode-button-holder.color-peach a.shortcode-button{
			border-top: 1px solid #f8aeb0;
			text-shadow: 0px -1px 0px rgba(188, 113, 116, 1);
			color: #fff;
		}
	.shortcode-decoded-field .shortcode-button-holder.color-peach:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-peach:active{
		background: #f58789; /* Old browsers */
		background: -moz-linear-gradient(top,  #f58789 0%, #f7a3a5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f58789), color-stop(100%,#f7a3a5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f58789 0%,#f7a3a5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f58789 0%,#f7a3a5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f58789 0%,#f7a3a5 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f58789 0%,#f7a3a5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58789', endColorstr='#f7a3a5',GradientType=0 ); /* IE6-9 */
	}
	.shortcode-decoded-field .shortcode-button-holder.color-peach.size-small:hover,
	.shortcode-decoded-field .shortcode-button-holder.color-peach.size-small:active{
		background: #f58789; /* Old browsers */
		background: -moz-linear-gradient(top,  #f58789 0%, #f7a3a5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f58789), color-stop(100%,#f7a3a5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f58789 0%,#f7a3a5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f58789 0%,#f7a3a5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f58789 0%,#f7a3a5 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f58789 0%,#f7a3a5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58789', endColorstr='#f7a3a5',GradientType=0 ); /* IE6-9 */
	}
		.shortcode-decoded-field .shortcode-button-holder.color-peach a.shortcode-button:active{
			text-shadow: 0px 1px 0px rgba(188, 113, 116, 1);
		}

	/**
	 *  Sizes
	 */

	.shortcode-decoded-field .shortcode-button-holder.size-full{
		width: 100%;
		/*margin-top: 30px;*/
	}
		.shortcode-decoded-field .shortcode-button-holder.size-full a.shortcode-button{
			font-size: 20px;
			padding: 8px 0 9px 0;
		}

	.shortcode-decoded-field .shortcode-button-holder.size-large{
		width: 273px;
		height: 46px;
		overflow: hidden;
		margin-top: 30px;
	}
		.shortcode-decoded-field .shortcode-button-holder.size-large a.shortcode-button{
			font-size: 20px;
			padding: 8px 0 9px 0;
		}

	.shortcode-decoded-field .shortcode-button-holder.size-small{
		width: 85px;
		height: 35px;
		overflow: hidden;
	}
		.shortcode-decoded-field .shortcode-button-holder.size-small a.shortcode-button{
			font-size: 16px;
			padding: 6px 0 8px 0;
			font-family: 'News Gothic W01 Bold706740';
		}



/**
 *  Type: Boxes
 */
 
.shortcode-decoded-field .shortcode-box-holder{
	display: inline-block;
}
	.shortcode-decoded-field .shortcode-box-holder span.shortcode-box-content{
		display: inline-block;
	}
		.shortcode-decoded-field .shortcode-box-holder span.shortcode-box-content a{
			background: none;
			padding: 0px;
			color: inherit;
			text-decoration: underline;
		}
		.shortcode-decoded-field .shortcode-box-holder span.shortcode-box-content strong{
			font-weight: normal;
			font-family: 'News Gothic W01 Bold706740';
		}

	/**
	 *  Colors
	 */

	.shortcode-decoded-field .shortcode-box-holder.color-green{
		background: #67c19a;
		border: 1px solid #5aa886;
	}
	.shortcode-decoded-field .shortcode-box-holder.color-blue{
		background: #5ac2bd;
		border: 1px solid #50aca8;
	}
	.shortcode-decoded-field .shortcode-box-holder.color-pink{
		background: #e56096;
		border: 1px solid #df6a8c;
	}
	.shortcode-decoded-field .shortcode-box-holder.color-purple{
		background: #a4a4db;
		border: 1px solid #9a9acd;
	}
	.shortcode-decoded-field .shortcode-box-holder.color-peach{
		background: #f69597;
		border: 1px solid #e3898b;
	}


	 /**
	 *  Sizes
	 */

	.shortcode-decoded-field .shortcode-box-holder.size-full{
		width: 100%;
		position: relative;
	}
		.shortcode-decoded-field .shortcode-box-holder.size-full span.shortcode-box-content{
			padding: 13px 15px 12px 15px;
		}

	.shortcode-decoded-field .shortcode-box-holder.size-large{
		width: 273px;
		position: relative;
	}
		.shortcode-decoded-field .shortcode-box-holder.size-large span.shortcode-box-content{
			padding: 15px 15px 15px 15px;
		}