
.woo-sc-button {
  display: inline-block;
  padding: .327em 1em;
  color: white !important;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  text-decoration: none;
  font-size: 1em;
  margin-bottom:15px;
  /* Make inputs the same size as normal text */
  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */
  cursor: pointer;
  /* Inputs need pointers! */
  overflow: visible;
  /* IE fix */
  width: auto;
  /* IE fix */
  line-height: 1.618em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  background: #428bca;
  font-weight: 200;
  text-transform: uppercase;
  box-shadow: 0 0 0 0 #888;
  -webkit-box-shadow: 0 0 0 0 #888;
  border-radius: 3px;
  text-shadow: none;
  -webkit-appearance: none;
  /* Remove input shadowing on iOS */
  -moz-appearance: none;
  /* mobile firefox too! */ }
  
.woo-sc-button:hover {
    text-decoration: none;
    background: #245682; }
	
.woo-sc-button:active {
    box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); }
	
.woo-sc-button.small {
    font-size: .6em;
    letter-spacing: 1px; }
	
.woo-sc-button.large {
    font-size: 1.4em; }

.woo-sc-button.xl {
    font-size: 2em; }
.woo-sc-button.red {
    background: #d72323; }
.woo-sc-button.red:hover {
      background: #d20000; }
	  
.woo-sc-button.orange {
    background: #d76b23; }
	
     .woo-sc-button.orange:hover {
      background: #d25e00; }

.woo-sc-button.green {
    background: #8dc11e; }
    .woo-sc-button.green:hover {
      background: #87c000; }

.woo-sc-button.aqua {
    background: #23d7af; }
    .woo-sc-button.aqua:hover {
      background: #00d2a8; }
	  
.woo-sc-button.teal {
    background: #23abd7; }
    .woo-sc-button.teal:hover {
      background: #009ed2; }
.woo-sc-button.purple {
    background: #2356d7; }
    .woo-sc-button.purple:hover {
      background: #0036d2; }

.woo-sc-button.pink {
    background: #d723d5; }
    .woo-sc-button.pink:hover {
      background: #bc00d2; }
.woo-sc-button.silver {
    color: #444 !important;
    text-shadow: 0 1px #fff;
    background: #d8d8d8; }
    .woo-sc-button.silver:hover {
      background: #ccc; }
.woo-sc-button .woo-alert {
    background: none;
    padding-left: 0; }
    
.woo-sc-button .woo-alert:before {
      content: ""; }
.woo-sc-button .woo-download {
    background: none;
    padding-left: 0; }
.woo-sc-button .woo-download:before {
      content: ""; }
.woo-sc-button .woo-tick {
    background: none;
    padding-left: 0; }
.woo-sc-button .woo-tick:before {
      content: ""; }
.woo-sc-button .woo-info {
    background: none;
    padding-left: 0; }
.woo-sc-button .woo-info:before {
      content: ""; }
.woo-sc-button .woo-note {
    background: none;
    padding-left: 0; }
.woo-sc-button .woo-note:before {
      content: ""; }

.ie8 .button {
  padding: 10px 15px;
  margin: 0; }
  .ie8 .button:visited {
    padding: 10px 15px;
    margin: 0; }

/* 6.2 Info Boxes */
 .woo-sc-box:before {
  content: "";
  content: none;
  margin-right: .57em; }
 .woo-sc-box.alert {
  border-color: #f0baa2;
  background-color: #ffd9c8;
  background-image: none; }
   .woo-sc-box.alert:before {
    content: "\f071"; }
 .woo-sc-box.download {
  border-color: #d4ebaf;
  background-color: #edfcd5;
  background-image: none; }
   .woo-sc-box.download:before {
    content: "\f01a"; }
 .woo-sc-box.tick {
  border-color: #d4ebaf;
  background-color: #edfcd5;
  background-image: none; }
   .woo-sc-box.tick:before {
    content: "\f058"; }
 .woo-sc-box.info {
  border-color: #ccc;
  background-color: #eee;
  background-image: none; }
   .woo-sc-box.info:before {
    content: "\f05a"; }
 .woo-sc-box.note {
  border-color: #efe3ae;
  background-color: #fef6d2;
  background-image: none; }
   .woo-sc-box.note:before {
    content: "\f016"; }
 .woo-sc-box.normal {
  border-color: #ccc;
  background-color: #eee;
  background-image: none;
  padding: 9px 15px; }
 .woo-sc-box.no-icon:before {
  content: none; }
 p.woo-sc-box,  div.woo-sc-box {
  margin: 1em 0 1.5em 0;
  padding: 15px 20px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  color: #555;
  text-shadow: none;
  background-image: none;
  border-width: 0; }
 .woo-sc-box.medium {
  padding: 18px 20px;
  font-size: 1.1em; }
 .woo-sc-box.large {
  padding: 25px 27px;
  font-size: 1.2em; }
 .woo-sc-box.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
 .woo-sc-box.tip{
  border-color: #ccc;
  background-color: #eee;
  background-image: none; }
  body .woo-sc-box.tip:before {
    content: "\f0eb"; }



/*-------------------------------------------------------------------------------------------*/
/* 3. Columns */
/*-------------------------------------------------------------------------------------------*/
.twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.fourcol-two{width:48%;}
.fourcol-three{width:74%;}
.fivecol-one{width:16.8%;}
.fivecol-two{width:37.6%;}
.fivecol-three{width:58.4%;}
.fivecol-four{width:78.4%;}
.sixcol-one{width:13.33%;}
.sixcol-two{width:30.66%;}
.sixcol-three{width:47.99%;}
.sixcol-four{width:65.33%;}
.sixcol-five{width:82.67%;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;margin-bottom:4%;position:relative;}
.last{ clear:right; margin-right:0; }
@media only screen and (max-width: 768px) {
	.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{margin-right: 0; width: 100% !important;}
}
.clear:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

/*-------------------------------------------------------------------------------------------*/
/* 4. Tweetmeme */
/*-------------------------------------------------------------------------------------------*/
.woo-tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-tweetmeme.none { margin:0 0 1.5em 0;  }
.woo-tweetmeme.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 5. Twitter */
/*-------------------------------------------------------------------------------------------*/
.woo-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-sc-twitter.none { margin:0 0 1.5em 0;  }
.woo-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 6. Digg */
/*-------------------------------------------------------------------------------------------*/
.woo-digg.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-digg.none { margin:0 0 1.5em 0;  }
.woo-digg.right { margin:0 0 1.5em 1.5em; float:right;  }

/*-------------------------------------------------------------------------------------------*/
/* 7. Related posts */
/*-------------------------------------------------------------------------------------------*/
.woo-sc-related-posts .thumbnail { float:left; margin:0 1em 1em 0;}
.woo-sc-related-posts li { clear:both; }

/*-------------------------------------------------------------------------------------------*/
/* 8. Horizontal Rule */
/*-------------------------------------------------------------------------------------------*/
.woo-sc-hr { border-bottom:1px solid #e6e6e6; }
.woo-sc-hr, .woo-sc-divider { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }
.woo-sc-divider.flat { padding:0; margin:0; }

/*-------------------------------------------------------------------------------------------*/
/* 9. Quote */
/*-------------------------------------------------------------------------------------------*/
.woo-sc-quote p { margin: 1em 20px; padding: 0 0 0 55px; background: url(../images/quote.png) no-repeat 0 3px; font-family: serif; font-size: 1.2em; font-style: italic; color:#777; min-height: 32px; }
.woo-sc-quote.boxed { background: #f5f5f5; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.woo-sc-quote.boxed.left { margin: 0 1.5em 1em 0;}
.woo-sc-quote.boxed.right { margin: 0 0 1em 1.5em;}

/* Desktop */
@media screen and (min-width: 768px) {
	.woo-sc-quote.left { float:left; width:30%;}
	.woo-sc-quote.right { float:right; width:30%;}
}

/*-------------------------------------------------------------------------------------------*/
/* 10. Icon Links */
/*-------------------------------------------------------------------------------------------*/
.woo-sc-ilink { padding:0 0.3em;  }
.woo-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; }
.woo-sc-ilink a:hover { text-decoration: none; }
.woo-sc-ilink .download { background: url(../images/ico-download.png) no-repeat left 40%; }
.woo-sc-ilink .tick { background: url(../images/ico-tick.png) no-repeat left 40%; }
.woo-sc-ilink .info { background: url(../images/ico-info.png) no-repeat left 40%; }
.woo-sc-ilink .note { background: url(../images/ico-note.png) no-repeat left 40%; }
.woo-sc-ilink .alert { background: url(../images/ico-alert.png) no-repeat left 40%; }

/*-------------------------------------------------------------------------------------------*/
/* 11. Facebook */
/*-------------------------------------------------------------------------------------------*/
.woo-fbshare.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-fbshare.none { margin:0 0 1.5em 0;  }
.woo-fbshare.right { margin:0 0 1.5em 1.5em; float:right;  }

.woo-fblike.left { margin:0 1.5em 1.5em 0; float:left; }
.woo-fblike.none { margin:0 0 1.5em 0;  }
.woo-fblike.right { margin:0 0 1.5em 1.5em; float:right;  }


/*-------------------------------------------------------------------------------------------*/
/* 13. Tabber */
/*-------------------------------------------------------------------------------------------*/

.shortcode-tabs { background:#f0f0f0; background:rgba(0,0,0,.05); clear: both; height:auto; display: block; padding:5px; margin-bottom:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.shortcode-tabs ul.tab_titles { padding:0px; background:none; border:none; margin:0;}
.shortcode-tabs ul.tab_titles li.nav-tab { background:none; padding:0; float: left; display:inline; color: #ffffff; margin: 0 5px 0 0; cursor: pointer; }
.shortcode-tabs ul.tab_titles li.nav-tab.ui-state-active a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { background:#fff; text-decoration:none; outline: none; }
.shortcode-tabs ul.tab_titles li.nav-tab a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px sans-serif; }
.shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px; }
.shortcode-tabs .tab { background:#fff; padding:10px; text-align: left; clear: both; }
.shortcode-tabs .tab li.nav-tab { background:#fff;  }
.shortcode-tabs .tab ul.tab_titles { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
.shortcode-tabs .tab li.nav-tab { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
.shortcode-tabs .tab li.nav-tab a { color:#555; font:bold 12px/18px sans-serif; }
.shortcode-tabs .tab a:hover {}
.shortcode-tabs .ui-tabs-hide { display: none; }

/*-------------------------------------------------------------------------------------------*/
/* -13.1 Tabber Alternate Style - Boxed */
/*-------------------------------------------------------------------------------------------*/

.shortcode-tabs.boxed { background: #FFFFFF; }
	.shortcode-tabs.boxed ul.tab_titles { clear: both; float: left; background:none; border:none; border-left: 1px solid #EBEBEB; margin-bottom: 0px; position: relative; z-index: 2; }
		.shortcode-tabs.boxed ul.tab_titles li { background: #EBEBEB; padding:0; border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; margin-right: 0; }
		.shortcode-tabs.boxed ul.tab_titles li.ui-state-active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
	.shortcode-tabs.boxed .tab { border: 1px solid #EBEBEB; top: -2px; position: relative; z-index: 1; }

/*-------------------------------------------------------------------------------------------*/
/* -13.2 Tabber Alternate Style - Vertical */
/*-------------------------------------------------------------------------------------------*/

.shortcode-tabs.vertical { background: #FFFFFF; }
	.shortcode-tabs.vertical .tab_header { border: 1px solid #F0F0F0; border-bottom: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 25%; float: left; margin-bottom: -5px; color:#555; font:bold 12px/18px sans-serif; }
		.shortcode-tabs.vertical .tab_header {

			/* Gradient Background */
			background: #f5f5f5;
		  	background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);
		  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));

		  	border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-bottom-left-radius: 0px;
			-webkit-border-bottom-right-radius: 0px;

		}
		.shortcode-tabs.vertical .tab_header span { display: block; padding: 8px 8px 12px 8px; border: 1px solid #EBEBEB; }
	.shortcode-tabs.vertical ul.tab_titles {  clear: left; float: left; background:none; border: 1px solid #F0F0F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 0px; position: relative; z-index: 2; width: 25%; }
		.shortcode-tabs.vertical ul.tab_titles.has_title { border-top: 0px !important; margin-top: 5px; }
		.shortcode-tabs.vertical ul.tab_titles.has_title {

			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-topleft: 0px;
			-webkit-border-top-left-radius: 0px;
			-webkit-border-top-right-radius: 0px;

		}
		.shortcode-tabs.vertical ul.tab_titles li { clear: both; background:none; padding:0; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; display: block !important; float: none !important; margin-right: 0; }
		.shortcode-tabs.vertical ul.tab_titles li.ui-state-active {}
			.shortcode-tabs.vertical ul.tab_titles li.ui-state-active a { background: #F0F0F0; background: rgba(0,0,0,.05); }
			.shortcode-tabs.vertical ul.tab_titles li a:link { display: block; float: none !important; }
			.shortcode-tabs.vertical ul.tab_titles li a:hover { background: #F0F0F0; background: rgba(0,0,0,.05); }
	.shortcode-tabs.vertical .tab { clear: right !important; top: 5px; position: relative; z-index: 1; margin-left: 30%; padding: 0px; }


/* Responsive Tweaks for the Vertical Tabber */
@media only screen and (max-width: 767px) {
	.shortcode-tabs.vertical .ui-tabs-nav{
		clear: both !important;
		display: block !important;
		width: 100% !important;
		margin-bottom: 30px!important;
	}
	.shortcode-tabs.vertical .ui-tabs-nav li  {
		float: left!important;
		clear: none!important;
	}
	.shortcode-tabs.vertical .tab {
		margin-left: 0!important;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 15. Content Toggle */
/*-------------------------------------------------------------------------------------------*/

.shortcode-toggle { margin: 0 0 1.2em;}
.shortcode-toggle h4 {margin: 0;}
.shortcode-toggle h4 a { display: block; padding: 3px 0 3px 10px; background: #f3f3f3 url(../images/shortcode-toggle-close.png) no-repeat 99% center; }
.shortcode-toggle.closed h4 a  { background-image: url(../images/shortcode-toggle-open.png); }
.shortcode-toggle .toggle-content  { padding: 10px 10px; background: #f9f9f9; }
.shortcode-toggle.closed .toggle-content, .shortcode-toggle .more-text.closed { display: none; }
.shortcode-toggle .more-text.open { display: block; }
.shortcode-toggle.border { border: 1px solid #EBEBEB; }

/*-------------------------------------------------------------------------------------------*/
/* -15.1 Content Toggle Alternate Style - White */
/*-------------------------------------------------------------------------------------------*/

.shortcode-toggle.white h4 a { background-color: #FFFFFF; }
.shortcode-toggle.white .toggle-content { background-color: #FFFFFF; }


/*-------------------------------------------------------------------------------------------*/
/* 19. Social Icon */
/*-------------------------------------------------------------------------------------------*/

img.social-icon { border: none; }


.woo-sc-button .woo-alert:before,
.woo-sc-button .woo-download:before,
.woo-sc-button .woo-tick:before,
.woo-sc-button .woo-info:before,
.woo-sc-button .woo-note:before,
.woo-sc-box:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.2857142857em;
  text-align: center; }