/**
*
* Shortcode CSS
*
*
*/

/***************************************************************
*
* Buttons
*
***************************************************************/

.lab-button {
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	margin: 0 10px 10px 0;
	padding: 7px 15px;	
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.6);
	text-decoration: none;
}

/********************************************
*
* Colors
*
********************************************/

.yellow.lab-button {
	background-color: #f69c00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(248, 176, 46)), to(rgb(246, 156, 0)));
	background-image: -webkit-linear-gradient(top, rgb(248, 176, 46), rgb(246, 156, 0));
	background-image: -moz-linear-gradient(top, rgb(248, 176, 46), rgb(246, 156, 0));
	background-image: -o-linear-gradient(top, rgb(248, 176, 46), rgb(246, 156, 0));
	background-image: -ms-linear-gradient(top, rgb(248, 176, 46), rgb(246, 156, 0));
	background-image: linear-gradient(top, rgb(248, 176, 46), rgb(246, 156, 0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f8b02e', EndColorStr='#f69c00');
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	box-shadow: 0 1px 0  rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15);	
	border: 1px solid #d8961f;
	color: #262626;

}
a:hover.yellow.lab-button {
	background-color: #db8900;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(246, 156, 0)), to(rgb(219, 137, 0)));
	background-image: -webkit-linear-gradient(top, rgb(246, 156, 0), rgb(219, 137, 0));
	background-image: -moz-linear-gradient(top, rgb(246, 156, 0), rgb(219, 137, 0));
	background-image: -o-linear-gradient(top, rgb(246, 156, 0), rgb(219, 137, 0));
	background-image: -ms-linear-gradient(top, rgb(246, 156, 0), rgb(219, 137, 0));
	background-image: linear-gradient(top, rgb(246, 156, 0), rgb(219, 137, 0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f69c00', EndColorStr='#db8900');
}
a:active.yellow.lab-button {
	background-color: #f69c00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(219, 137, 0)), to(rgb(246, 156, 0)));
	background-image: -webkit-linear-gradient(top, rgb(219, 137, 0), rgb(246, 156, 0));
	background-image: -moz-linear-gradient(top, rgb(219, 137, 0), rgb(246, 156, 0));
	background-image: -o-linear-gradient(top, rgb(219, 137, 0), rgb(246, 156, 0));
	background-image: -ms-linear-gradient(top, rgb(219, 137, 0), rgb(246, 156, 0));
	background-image: linear-gradient(top, rgb(219, 137, 0), rgb(246, 156, 0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#db8900', EndColorStr='#f69c00');
}
.green.lab-button {
	background-color: #1c7d80;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(37, 147, 151)), to(rgb(28, 125, 128)));
	background-image: -webkit-linear-gradient(top, rgb(37, 147, 151), rgb(28, 125, 128));
	background-image: -moz-linear-gradient(top, rgb(37, 147, 151), rgb(28, 125, 128));
	background-image: -o-linear-gradient(top, rgb(37, 147, 151), rgb(28, 125, 128));
	background-image: -ms-linear-gradient(top, rgb(37, 147, 151), rgb(28, 125, 128));
	background-image: linear-gradient(top, rgb(37, 147, 151), rgb(28, 125, 128));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#259397', EndColorStr='#1c7d80');
	border: 1px solid #1c7d80;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	box-shadow: 0 1px 0  rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15);
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0, 0.6);	
}
a:hover.green.lab-button {
	background-color: #146568;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(30, 126, 130)), to(rgb(20, 101, 104)));
	background-image: -webkit-linear-gradient(top, rgb(30, 126, 130), rgb(20, 101, 104));
	background-image: -moz-linear-gradient(top, rgb(30, 126, 130), rgb(20, 101, 104));
	background-image: -o-linear-gradient(top, rgb(30, 126, 130), rgb(20, 101, 104));
	background-image: -ms-linear-gradient(top, rgb(30, 126, 130), rgb(20, 101, 104));
	background-image: linear-gradient(top, rgb(30, 126, 130), rgb(20, 101, 104));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1e7e82', EndColorStr='#146568');
}
a:active.green.lab-button {
	background-color: #1e7e82;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(20, 101, 104)), to(rgb(30, 126, 130)));
	background-image: -webkit-linear-gradient(top, rgb(20, 101, 104), rgb(30, 126, 130));
	background-image: -moz-linear-gradient(top, rgb(20, 101, 104), rgb(30, 126, 130));
	background-image: -o-linear-gradient(top, rgb(20, 101, 104), rgb(30, 126, 130));
	background-image: -ms-linear-gradient(top, rgb(20, 101, 104), rgb(30, 126, 130));
	background-image: linear-gradient(top, rgb(20, 101, 104), rgb(30, 126, 130));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#146568', EndColorStr='#1e7e82');
}
.gray.lab-button {
	background-color: #4b4b4b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(82, 82, 82)), to(rgb(75, 75, 75)));
	background-image: -webkit-linear-gradient(top, rgb(82, 82, 82), rgb(75, 75, 75));
	background-image: -moz-linear-gradient(top, rgb(82, 82, 82), rgb(75, 75, 75));
	background-image: -o-linear-gradient(top, rgb(82, 82, 82), rgb(75, 75, 75));
	background-image: -ms-linear-gradient(top, rgb(82, 82, 82), rgb(75, 75, 75));
	background-image: linear-gradient(top, rgb(82, 82, 82), rgb(75, 75, 75));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#525252', EndColorStr='#4b4b4b');
	border: 1px solid #4b4b4b;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	box-shadow: 0 1px 0  rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15);
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0, 0.6);	
}
a:hover.gray.lab-button {
	background-color: #3d3d3d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 69, 69)), to(rgb(61, 61, 61)));
	background-image: -webkit-linear-gradient(top, rgb(69, 69, 69), rgb(61, 61, 61));
	background-image: -moz-linear-gradient(top, rgb(69, 69, 69), rgb(61, 61, 61));
	background-image: -o-linear-gradient(top, rgb(69, 69, 69), rgb(61, 61, 61));
	background-image: -ms-linear-gradient(top, rgb(69, 69, 69), rgb(61, 61, 61));
	background-image: linear-gradient(top, rgb(69, 69, 69), rgb(61, 61, 61));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#3d3d3d');
}
a:active.gray.lab-button {
	background-color: #454545;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(61, 61, 61)), to(rgb(69, 69, 69)));
	background-image: -webkit-linear-gradient(top, rgb(61, 61, 61), rgb(69, 69, 69));
	background-image: -moz-linear-gradient(top, rgb(61, 61, 61), rgb(69, 69, 69));
	background-image: -o-linear-gradient(top, rgb(61, 61, 61), rgb(69, 69, 69));
	background-image: -ms-linear-gradient(top, rgb(61, 61, 61), rgb(69, 69, 69));
	background-image: linear-gradient(top, rgb(61, 61, 61), rgb(69, 69, 69));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3d3d3d', EndColorStr='#454545');
}
.blue.lab-button {
	background-color: #005278;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(30, 114, 146)), to(rgb(0, 82, 120)));
	background-image: -webkit-linear-gradient(top, rgb(30, 114, 146), rgb(0, 82, 120));
	background-image: -moz-linear-gradient(top, rgb(30, 114, 146), rgb(0, 82, 120));
	background-image: -o-linear-gradient(top, rgb(30, 114, 146), rgb(0, 82, 120));
	background-image: -ms-linear-gradient(top, rgb(30, 114, 146), rgb(0, 82, 120));
	background-image: linear-gradient(top, rgb(30, 114, 146), rgb(0, 82, 120));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1e7292', EndColorStr='#005278');
	border: 1px solid #005278;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15); 
	box-shadow: 0 1px 0  rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0,0,0,0.15);
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0, 0.6);	
}
a:hover.blue.lab-button {
	background-color: #004566;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 81, 106)), to(rgb(0, 69, 102)));
	background-image: -webkit-linear-gradient(top, rgb(18, 81, 106), rgb(0, 69, 102));
	background-image: -moz-linear-gradient(top, rgb(18, 81, 106), rgb(0, 69, 102));
	background-image: -o-linear-gradient(top, rgb(18, 81, 106), rgb(0, 69, 102));
	background-image: -ms-linear-gradient(top, rgb(18, 81, 106), rgb(0, 69, 102));
	background-image: linear-gradient(top, rgb(18, 81, 106), rgb(0, 69, 102));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#12516a', EndColorStr='#004566');
}
a:active.blue.lab-button {
	background-color: #12516a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 69, 102)), to(rgb(18, 81, 106)));
	background-image: -webkit-linear-gradient(top, rgb(0, 69, 102), rgb(18, 81, 106));
	background-image: -moz-linear-gradient(top, rgb(0, 69, 102), rgb(18, 81, 106));
	background-image: -o-linear-gradient(top, rgb(0, 69, 102), rgb(18, 81, 106));
	background-image: -ms-linear-gradient(top, rgb(0, 69, 102), rgb(18, 81, 106));
	background-image: linear-gradient(top, rgb(0, 69, 102), rgb(18, 81, 106));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#004566', EndColorStr='#12516a');
}
/********************************************
*
* Button Sizes	
*
********************************************/

.sml.lab-button {
	font-size: 0.875em;

}
.med.lab-button {
	font-size: 1.2em;
}

.lrg.lab-button {
	font-size: 1.4em;
}


/********************************************
*
* Button Alignment	
*
********************************************/

.aligncenter.lab-button {
	margin-right: 0;
}

/********************************************
*
* Column Widths	
*
********************************************/
.column {
	float: left;
	margin-bottom: 15px;
	margin-right: 4%;
}
.full-centered.column {
	float: none;
	margin: auto;
	width: 70%;
}
.one-half.column {
	width: 48%;
}
.one-third.column {
	width: 30.66%;
}

.full.column {
	float: none;
	margin: auto;
	width: 100%%;
}
.last.column {
	margin-right: 0;	
}

/********************************************
*
* Editor Style
*
********************************************/

code {
	background: #fff !important;
	padding: 0;	
}

code.string {
	color: blue !important;
}
@media screen and (max-width: 768px) { 	.full-centered.column {
	 	width: 100% !important;
 	}
 }	
@media screen and (max-width: 320px) { 
	.full-centered.column img {
	    display: block;
		margin: auto;
		text-align: center;
	}
}