/*--Shortcode Styles--*/

/* =Button
----------------------------------------------- */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}
.column-last {
	margin-right: 0!important;
	clear: right;
}

/* Buttons ------------------------------*/
a.button,
a:hover.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 8px 10px 0 10px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}
a.button.large {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}
a:hover.button {
    background-position: 0 -28px;
}
a:hover.button.large {
    background-position: 0 -35px;
}
a.button.white {
	background-image: url(images/shortcodes/buttons/button_white.png);
	border: 1px solid #d3d3d3;
	color: #555555!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
a.button.large.white {
    background-image: url(images/shortcodes/buttons/button_white_large.png);
}
a:hover.button.white {
    border: 1px solid #c4c4c4;
}
a.button.grey {
	background-image: url(images/shortcodes/buttons/button_grey.png);
	border: 1px solid #b5b5b5;
	color: #555555!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.grey {
    background-image: url(images/shortcodes/buttons/button_grey_large.png);
}
a:hover.button.grey {
    border: 1px solid #989898;
}
a.button.red {
	background-image: url(images/shortcodes/buttons/button_red.png);
	border: 1px solid #df6f8b;
	color: #913944!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.3);
}
a.button.large.red {
    background-image: url(images/shortcodes/buttons/button_red_large.png);
}
a:hover.button.red {
    border: 1px solid #c36079;
}
a.button.orange {
	background-image: url(images/shortcodes/buttons/button_orange.png);
	border: 1px solid #f5b74e;
	color: #996633!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.orange {
    background-image: url(images/shortcodes/buttons/button_orange_large.png);
}
a:hover.button.orange {
    border: 1px solid #d29a3a;
}
a.button.green {
	background-image: url(images/shortcodes/buttons/button_green.png);
	border: 1px solid #adc671;
	color: #5d7731!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.green {
    background-image: url(images/shortcodes/buttons/button_green_large.png);
}
a:hover.button.green {
    border: 1px solid #8bb14d;
}
a.button.teal {
	background-image: url(images/shortcodes/buttons/button_teal.png);
	border: 1px solid #90c6c8;
	color: #437b7d;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.teal {
    background-image: url(images/shortcodes/buttons/button_teal_large.png);
}
a:hover.button.teal {
    border: 1px solid #7db9bb;
}
a.button.blue {
	background-image: url(images/shortcodes/buttons/button_blue.png);
	border: 1px solid #8dc5da;
	color: #42788e !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.blue {
    background-image: url(images/shortcodes/buttons/button_blue_large.png);
}
a:hover.button.blue {
    border: 1px solid #7caec0;
}
a.button.navy {
	background-image: url(images/shortcodes/buttons/button_navy.png);
	border: 1px solid #a2afb8;
	color: #515f6a!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.navy {
    background-image: url(images/shortcodes/buttons/button_navy_large.png);
}
a:hover.button.navy {
    border: 1px solid #8996a0;
}
a.button.purple {
	background-image: url(images/shortcodes/buttons/button_purple.png);
	border: 1px solid #bc9db9;
	color: #7b5777!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.purple {
    background-image: url(images/shortcodes/buttons/button_purple_large.png);
}
a:hover.button.purple {
    border: 1px solid #a482a0;
}
a.button.black {
	background-image: url(images/shortcodes/buttons/button_black.png);
	border: 1px solid #4c4c4c;
	color: #ffffff!important;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}
a.button.large.black {
    background-image: url(images/shortcodes/buttons/button_black_large.png);
}
a:hover.button.black {
    border: 1px solid #2c2c2c;
}

/* =Alert
----------------------------------------------- */
.alert {
    padding: 12px 5% 12px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px 0;
}
.alert.white {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}
.alert.red {
    background: #FFD7D8;
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}
.alert.orange {
    background: #FFCBA8;
    border-top: 1px solid #efd1b1;
    border-bottom: 1px solid #efd1b1;
    color: #cc6600;
}
.alert.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}
.alert.yellow {
    background: #ffff66;
    border-top: 1px solid #ffff00;
    border-bottom: 1px solid #ffff00;
    color: #5f8b33;
}
.alert.black {
    background: #000000;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    color: #ffffff;
}

/* =Tabs
----------------------------------------------- */
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}
.tabs {
    border: 1px solid #e9e8e8;
	margin: 0 0 20px 0;
}
.tabs ul.tab-nav {
    border: none;
    border-bottom: 1px solid #e9e8e8;
	list-style: none;
	margin: 0;
	padding: 0;
}
.tabs ul.tab-nav li {
    background: none;
    border: none;
    border-right: 1px solid #e9e8e8;			    
	float: left;
	position: relative;
    padding: 0;
	margin: 0 2px -1px 0;
	z-index: 10;
}
.tabs ul.tab-nav li a {
	border-bottom: none;
	display: block;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	margin: 0;
	height: 24px;
	background: #FBFBFB;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
	   		border-radius: 3px 3px 0 0;
}
.tabs ul.tab-nav li.ui-tabs-selected a {
	height: 25px;
}
.tabs .tab {
	padding: 10px;
}

/* =Toggle
----------------------------------------------- */
.toggle {
    border: 1px solid #e9e8e8;
	margin: 0 0 20px 0;
}
.toggle h4 {
    border-bottom: 1px solid #e9e8e8;
	font-size: 12px;
	padding: 10px;
	cursor: pointer;
	margin: 0;
}
.toggle-inner {
	padding: 10px;
	border-top: none;
}
.toggle .ui-icon {
	background: url(images/shortcodes/toggles/toggle-closed.png) no-repeat;
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px 10px 0 0;
}
.toggle .ui-state-active .ui-icon {
    background: url(images/shortcodes/toggles/toggle-open.png) no-repeat
}