﻿@charset "utf-8";#sct{
	padding-bottom: 600px;}
section#sct section{
	width: auto;	float: none;}
h1#title.shortcodes-title,h2#title.shortcodes-title{
	font-size: 42px;	line-height: 42px;}
h1#title.shortcodes-title span,h2#title.shortcodes-title span{
	color: #a7a7a7;}
       .shortcodes-typography h2{
	font-size: 28px;	line-height: 28px;	font-weight: bold;	padding: 6px 0 22px 7px;}
.shortcodes-typography h3{
	font-size: 14px;	font-weight: bold;	padding: 36px 0 22px 7px;}
.example{
	padding: 0 7px 30px;}
.left_col{
	float: left;}
.right_col{
	float: right;}
.two_col div{
	width: 447px;}
.three_col div{
	width: 288px;	margin-left: 30px;}
.three_col div:first-child{
	margin-left: 0;}
.two_third_col div{
	width: 288px;	margin-left: 30px;}
.two_third_col div:first-child{
	width: 606px;	margin-left: 0;}
.three_quater_col div{
	width: 209px;	margin-left: 30px;}
.three_quater_col div:first-child{
	width: 687px;	margin-left: 0;}
.four_col div{
	width: 209px;	margin-left: 30px;}
.four_col div:first-child{
	margin-left: 0;}
hr{
    color: #eaecee;    background-color:#eaecee;    border: 0 none;    height: 1px;}
.shortcodes-typography h3.elements_header{
	font-size: 18px;	font-weight: normal;	padding: 36px 0 0 7px;}
.shortcodes-typography h2.ele{
	padding: 12px 0 22px 7px;}
.accordion ul{
	padding: 16px 0 0;}
.accordion ul li{
	padding: 8px;	background: url('../images/sprite/sprite.png');  	background-repeat:repeat-x;	background-position:0 -999px;}
.accordion ul li:first-child{
	background: none; }
.accordion ul li a{
	color: #373737;	padding: 0 0 0 12px;	background-repeat:no-repeat;			-webkit-transition: 0.25s ease all;	-moz-transition: 0.25s ease all;	-o-transition: 0.25s ease all;	transition: 0.25s ease all;}
.accordion ul li a:hover{
	color: #3c8cbf;	text-decoration: none;}
.example_accordion{
	width: 218px;}
.example_tabs{
	width: 248px;	margin-left: 8px;}
.example_tabs .example.elements{
	margin-top: 20px;}
.tab_nav li{
	float: left;	cursor: pointer;	border: solid 1px #e4e7e9;	border-left: none;	background: #f8f8f8;	padding: 8px 16px 12px 16px;	margin: 4px 0 0;	color: #a7a7a7;	-webkit-transition: 0.25s ease background, 0.25s ease border, 0.25s ease color;	-moz-transition: 0.25s ease background, 0.25s ease border, 0.25s ease color;	-o-transition: 0.25s ease background, 0.25s ease border, 0.25s ease color;	transition: 0.25s ease background, 0.25s ease border, 0.25s ease color;}
.tab_nav li:first-child{
	border-left: solid 1px #e4e7e9;}
.tab_nav li.active,.tab_nav li:hover{
	cursor: pointer;	color: #3781b7;	border-top: solid 1px #96b9d2;	border-bottom: solid 1px transparent;	background: #fff;	margin: 0;	padding: 12px 16px 12px 16px;}
.tab_nav li.active,.tab_nav li.active:hover{
	cursor: default;}
.tabs{
	display: none;	border: solid 1px #e4e7e9;	padding: 16px 16px 32px 16px;	margin: -1px 0 0;}
.tabs.active{
	display: block;}
.example_alert{
	width: 220px;	margin-left: 8px;}
.example_alert .example.elements{
	margin-top: 20px;}
.alert{
	border-style: solid;	border-width: 1px;	padding: 12px 12px 6px 8px; 	vertical-align: top;}
.alert span{
	display: inline-block; *display: inline; zoom: 1;	width: 22px;	height: 22px;	margin: -3px 4px 0 0;}
.alert_error{
	border-color: #f7c7c9;	background: #f9e5e6;	color: #b3696c;	-webkit-box-shadow: inset -4px 0 0 #f8cfd0;	-moz-box-shadow: inset -4px 0 0 #f8cfd0;	box-shadow: inset -4px 0 0 #f8cfd0;}
.alert_error span{
	background: url('../images/sprite/sprite.png') no-repeat 0 -200px;}
.alert_success{
	border-color: #c2d288;	background: #e3ebc6;	color: #809533;	-webkit-box-shadow: inset -4px 0 0 #cad898;	-moz-box-shadow: inset -4px 0 0 #cad898;	box-shadow: inset -4px 0 0 #cad898;}
.alert_success span{
	background: url('../images/sprite/sprite.png') no-repeat 0 -243px;}
.alert_info{
	border-color: #9ac9df;	background: #d8ecf5;	color: #5694b1;	-webkit-box-shadow: inset -4px 0 0 #aad2e5;	-moz-box-shadow: inset -4px 0 0 #aad2e5;	box-shadow: inset -4px 0 0 #aad2e5;}
.alert_info span{
	background: url('../images/sprite/sprite.png') no-repeat 0 -220px;}
.alert_notice{
	border-color: #f5dc7d;	background: #fcf7d9;	color: #d9b31f;	-webkit-box-shadow: inset -4px 0 0 #f7e394;	-moz-box-shadow: inset -4px 0 0 #f7e394;	box-shadow: inset -4px 0 0 #f7e394;}
.alert_notice span{
	background: url('../images/sprite/sprite.png') no-repeat 0 -264px;}
.example .alert_success,.example .alert_info,.example .alert_notice{
	margin-top: 20px;}
.example_infobox{
	width: 220px;	margin-left: 8px;}
.example_infobox .example.elements{
	margin-top: 10px;}
.custom-button,.button{
	text-transform: uppercase;	color: #383838;	cursor: pointer;	width: 132px;	height: 32px;	border: solid 1px #dfdfdf;	-webkit-box-shadow: inset 1px 1px 0 #fff;	-moz-box-shadow: inset 1px 1px 0 #fff;	-o-box-shadow: inset 1px 1px 0 #fff;	box-shadow: inset 1px 1px 0 #fff;	background: #fbfbfb; /* Old browsers */	background: -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top, #fbfbfb 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top, #fbfbfb 0%,#e9e9e9 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top, #fbfbfb 0%,#e9e9e9 100%); /* IE10+ */	background: linear-gradient(to bottom, #fbfbfb 0%,#e9e9e9 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */	-webkit-transition: 0.25s ease all;	-moz-transition: 0.25s ease all;	-o-transition: 0.25s ease all;	transition: 0.25s ease all;}
.custom-button:hover,.button:hover{
	color: #000;	background: #e9e9e9; /* Old browsers */	background: -moz-linear-gradient(top, #e9e9e9 0%, #fbfbfb 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top, #e9e9e9 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top, #e9e9e9 0%,#fbfbfb 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top, #e9e9e9 0%,#fbfbfb 100%); /* IE10+ */	background: linear-gradient(to bottom, #e9e9e9 0%,#fbfbfb 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */}
a.custom-button,a.button,span.button,div.button{
	display: inline-block; *display: inline; zoom: 1;	text-align: center;	line-height: 32px;}
.infobox{
	padding: 72px 0; 	text-align: center;	border: solid 1px #e4e7e9;	border-top-color: #96b9d2;}
.infobox h1,.infobox h2,.infobox h3{
	text-transform: uppercase;	font-size: 16px;	line-height: 18px;	padding: 0;	font-weight: normal;}
.infobox h3{
	padding: 0 0 16px;}
.example_buttons{
	width: 208px;	margin-left: 8px;}
.example_buttons .example.elements{
	margin-top: 32px;}
.custom-button.medium,.custom-button.large,.example .med_button,.example .big_button{
	margin-top: 20px;}
.custom-button.small,.button.sml_button{
	width: 91px;	height: 32px; margin-bottom: 21px;}
.align-btn-right {float: right;}
.align-btn-left {float: left;}
a.custom-button.small,a.button.sml_button,span.button.sml_button,div.button.sml_button{
	line-height: 32px;}
.custom-button.medium,.button.med_button{
	width: 131px;	height: 42px;}
a.custom-button.medium,a.custom-button.large,a.button.med_button,span.button.med_button,div.button.med_button{
	line-height: 42px;}
.custom-button.large,.button.big_button{
	width: 161px;	height: 42px;}
a.custom-button.large,a.button.big_button,span.button.big_button,div.button.big_button{
	line-height: 42px;}
/* END */