/* ======================================================= */
/*                      Boxes Styles                       */
/* ======================================================= */
/* Messages
---------------------------------------------------------- */
.shortcode-boxes {
    padding: 10px;
    background:  #fefefe;
    border: 1px solid #f5f5f5;
    padding-left: 20px;
    margin-bottom: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	color:#666;
}
.box-info {
    background: url(../images/shortcode/flag.png) no-repeat center left;
    padding: 10px;
    padding-left: 45px;
}
.box-note {
    background: url(../images/shortcode/document.png) no-repeat center left;
    padding: 10px;
    padding-left: 40px;
}
.box-warning {
    background: url(../images/shortcode/warning.png) no-repeat center left;
    padding: 10px;
    padding-left: 40px;
}
.box-success {
    background: url(../images/shortcode/tick.png) no-repeat center left;
    padding: 10px;
    padding-left: 40px;
}
.box-download {
    background: url(../images/shortcode/arrow_down.png) no-repeat center left;
    padding: 10px;
    padding-left: 40px;
}
.box-exclamation {
    background: url(../images/shortcode/exclamation.png) no-repeat center left;
    padding: 10px;
    padding-left: 40px;
}
.box-star {
    background: url(../images/shortcode/star.png) no-repeat center left;
    padding: 10px;
    padding-left: 40px;
}

.toggle_styled .toggle_title {
    border-bottom: none;
}
.toggle_styled .toggle_active, .toggle_styled .toggle_title {
    background-image: none;
    font-size: 11px;
    font-weight: bold;
}
.toggle_styled .toggle_active {
    border-bottom: 1px solid #DDDDDD;
}
.toggle_styled .toggle_content {
    padding: 10px 15;
    background: #f9f9f9;
    margin: 0px;
}

.button{
    padding: 5px 10px;
    background: #5E6066;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 20px;
    display: inline-block;
    border: 1px solid #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
a.button, a.button.black, a.button.gray, a.button.orange, a.button.red, a.button.blue, a.button.rosy, a.button.green, a.button.blue {
    color: #FFF;
    text-shadow: 0px 1px 1px #666;
}
a.button:hover {
    background-position: left -28px;
}
.black {
    color: #F9F9F9;
    background: url(../images/shortcode/button-black.png) repeat-x top left #333;
    border-color: #333;
}
/* gray */
.gray {
    border-color: #858585;
    color: #e9e9e9;
    background: url(../images/shortcode/button-gray.png) repeat-x top left #6e6e6e;
}
/* white */
.white {
    color: #666;
    text-shadow: 0 1px 1px #FFF;
    background: url(../images/shortcode/button-white.png) repeat-x top left #fff;
    border-color: #FFF;
}
a.button.white {
    color: #666;
    text-shadow: 0 1px 1px #FFF;
}
/* orange */
.orange {
    color: #fef4e9 !important;
    background: url(../images/shortcode/button-orange.png) repeat-x top left #f78d1d;
    border-color: #f78d1d;
}
/* red */
.red {
    color: #faddde;
    background: url(../images/shortcode/button-red.png) repeat-x top left #d81b21;
    border-color: #d81b21;
}
/* blue */
.blue {
    color: #d9eef7;
    background: url(../images/shortcode/button-blue.png) repeat-x top left #0095cd;
    border-color: #0095cd;
}
/* rosy */
.rosy {
    color: #fae7e9;
    background: url(../images/shortcode/button-rosy.png) repeat-x top left #c92295;
    border-color: #c92295;
}
/* green */
.green {
    color: #e8f0de;
    background: url(../images/shortcode/button-green.png) repeat-x top left #64991e;
    border-color: #64991e;
}
/* pink */
.pink {
    color: #feeef5;
    background: url(../images/shortcode/button-pink.png) repeat-x top left #f895c2;
    border-color: #f895c2;
}
.button-icon {
    padding-left: 10px;
}
.button-download {
    background: url(../images/shortcode/button-icons/arrow-down.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-image {
    background: url(../images/shortcode/button-icons/camera.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-document {
    background: url(../images/shortcode/button-icons/document.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-email {
    background: url(../images/shortcode/button-icons/email.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-link {
    background: url(../images/shortcode/button-icons/link.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-star {
    background: url(../images/shortcode/button-icons/star.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-tick {
    background: url(../images/shortcode/button-icons/tick.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-power {
    background: url(../images/shortcode/button-icons/power.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-comment {
    background: url(../images/shortcode/button-icons/comment.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-picture {
    background: url(../images/shortcode/button-icons/picture.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.button-video {
    background: url(../images/shortcode/button-icons/video_recorder.png) no-repeat left center;
    padding-left: 25px;
    padding-bottom: 1px;
    padding-top: 1px;
}
/* ======================================================= */
/*                         Columns                         */
/* ======================================================= */
/* Basic columns
---------------------------------------------------------- */
.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%;
    float: left;
}
.one_half {
    width: 48%;
}
.one_third {
    width: 30.6666%;
}
.two_third {
    width: 65.3332%;
}
.one_fourth {
    width: 22%;
}
.two_fourth {
    width: 48%;
}
.three_fourth {
    width: 74%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth {
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 79.2%;
}
.one_sixth {
    width: 13.3333%;
}
.two_sixth {
    width: 30.6666%;
}
.three_sixth {
    width: 47.9998%;
}
.four_sixth {
    width: 65.3332%;
}
.five_sixth {
    width: 82.6665%;
}
.last {
    margin-right: 0 !important;
    clear: right;
}
/* Two level columns
---------------------------------------------------------- */
.one_half .one_half {
    margin-right: 8.3333%;
    width: 45.8333%;
}
.one_half .one_third {
    margin-right: 8.3333%;
    width: 27.7778%;
}
.one_half .two_third {
    margin-right: 8.3333%;
    width: 63.8889%;
}
.two_third .one_third {
    margin-right: 6.1224%;
    width: 29.2517%;
}
.two_third .two_third {
    margin-right: 6.1224%;
    width: 64.6258%;
}
.two_third .one_fourth {
    margin-right: 6.1224%;
    width: 20.4082%;
}
/* ======================================================= */
/*                   Extended Typography                   */
/* ======================================================= */
/* dropcap
---------------------------------------------------------- */

.dropcap {
    background:url("../images/shortcode/dropcap-bg.png") no-repeat transparent;
    color:#fff;
    line-height: 38px;
	height: 40px;
    width: 40px;
	font-weight:bold;
    margin:4px 8px -4px 0;
    font-size: 20px;
    float: left;
    text-align: center;
    overflow:hidden;
    font-family: "Helvetica Neue", Arial, sans-serif;
}
.article-image-slide {
    overflow: hidden;
}
/* ======================================================= */
/*                    Gallery shortcode                    */
/* ======================================================= */
.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px !important;
}
.gallery .gallery-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
}
.gallery .gallery-item {
    overflow: hidden;
    float: left;
    margin: 0;
    text-align: center;
    list-style: none;
    padding: 0;
}
.gallery img {
	border: none !important;
}
.gallery .gallery-image-wrap {
    overflow:hidden;
    position:relative;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    width: 90%;
    margin: 0 3%;
    height: auto;
    padding: 2%;
    display:block;
    margin: 0 auto;
    background: #f9f9f9;
}
.gallery-caption {
    margin-left: 0;
}
.gallery p {
    margin-bottom: 0px;
}
dt.gallery-icon {
    margin-bottom: 0px;
    margin-top: 0px;
}

/* Image sizes depending on the number of columns */
.gallery .col-0 { width: 100%; }
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 50%; }
.gallery .col-3 { width: 33.33%; }
.gallery .col-4 { width: 25%; }
.gallery .col-5 { width: 20%; }
.gallery .col-6 { width: 16.66%; }
.gallery .col-7 { width: 14.28%; }
.gallery .col-8 { width: 12.5%; }
.gallery .col-9 { width: 11.11%; }
.gallery .col-10 { width: 10%; }
.gallery .col-11 { width: 9.09%; }
.gallery .col-12 { width: 8.33%; }
.gallery .col-13 { width: 7.69%; }
.gallery .col-14 { width: 7.14%; }
.gallery .col-15 { width: 6.66%; }
.gallery .col-16 { width: 6.25%; }
.gallery .col-17 { width: 5.88%; }
.gallery .col-18 { width: 5.55%; }
.gallery .col-19 { width: 5.26%; }
.gallery .col-20 { width: 5%; }
.gallery .col-21 { width: 4.76%; }
.gallery .col-22 { width: 4.54%; }
.gallery .col-23 { width: 4.34%; }
.gallery .col-24 { width: 4.16%; }
.gallery .col-25 { width: 4%; }
.gallery .col-26 { width: 3.84%; }
.gallery .col-27 { width: 3.7%; }
.gallery .col-28 { width: 3.57%; }
.gallery .col-29 { width: 3.44%; }
.gallery .col-30 { width: 3.33%; }

/* blockquote
---------------------------------------------------------- */

blockquote p {
    margin-bottom:8px;
}

blockquote cite {
    color: #666;
    font-size: 12px;
}


/* ======================================================= */
/*                Tabs & Accordion & Toggle                */
/* ======================================================= */

/* Accordion
---------------------------------------------------------- */
.accordion .pane {
    border:1px solid #efefef;
	border-top:none;
    display:none;
    padding:10px 15px;
    overflow: hidden;
    background: #fefefe;
	color:#333;
	text-shadow: 0px 1px 1px #FFF;
}
.accordion {
    margin-bottom:20px;
}
.accordion .tab, .toggle_styled .toggle_title, ul.shortcode-tabs li a {
    color:#666;
    background-color:#f9f9f9;
    margin:0;
    padding: 10px 15px;
    border:1px solid #efefef;
    cursor:pointer;
}
/* currently active header */
.accordion .tab.current {
    color: #5E6066;
    cursor:default;
    text-shadow: 0px 1px 1px #FFF;
}
h2.tab {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
.accordion h2.tab:first-child, ul.shortcode-tabs-mini li a, .toggle_title, ul.shortcode-tabs li a {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.accordion h2.tab:nth-last-child(2), .shortcode-tabs-mini .panes.shortcode-tab-panes, .toggle_title, .toggle_styled .toggle_content, .shortcode_tabs .panes.shortcode-tab-panes {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.accordion h2.current:nth-last-child(2), .toggle_active {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/* Toggle
---------------------------------------------------------- */

.toggle_title {
    margin:0;
    padding:3px 25px 13px 0px;
    background: url("../images/shortcode/toggle-bg.png") no-repeat scroll right -7px transparent;
    cursor:pointer;
    border-bottom: 1px solid #c0c0c0;
    font-size: 12px;
}
.toggle_active {
    background-position: right -44px;
}

/* Toggle
---------------------------------------------------------- */
.toggle {
    position:relative;
    margin-bottom:10px;
}
.toggle_content {
    padding:10px 0;
    display:none;
}

.toggle_styled .toggle_title {
    border-bottom: none;
}
.toggle_styled .toggle_active, .toggle_styled .toggle_title {
    background-image: none;
    font-size: 12px;
    font-weight: bold;
}
.toggle_styled .toggle_active {
    border-bottom: 1px solid #DDDDDD;
}
.toggle_styled .toggle_content {
    padding: 10px 15px;
}

/* Tabs
---------------------------------------------------------- */
.shortcode_tabs {
    margin-bottom: 20px;
}
ul.tabs {
    overflow:hidden;
    border-bottom: 1px solid #ddd;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tabs li a, ul.shortcode-tabs li a, 
ul.tabs a, h2.tab {
    display: block;
    padding: 0 10px;
    background: #f9f9f9;
    color: #000;
    padding: 5px 15px;
    font-size: 12px !important;
    font-weight: bold;
    white-space: nowrap;
    text-shadow: 0 0 0 #FFF;
}
ul.tabs a:hover {
    background: #666;
    text-decoration: none;
}
ul.tabs li a.current {
    background: #fefefe;
    color: #FFF;
    cursor: default;
	padding-bottom:7px;
	margin-bottom:-2px;
	z-index:100;
}
ul.shortcode-tabs {
    border-bottom: none;
}
ul.shortcode-tabs li{
    float:left;
}
ul.shortcode-tabs li a {
    float: left;
    display: block;
    margin-right: 2px;
    border-bottom: 1px solid #efefef;
}
ul.shortcode-tabs li a.current, ul.shortcode-tabs li a:hover, h2.tab.current, h2.tab:hover  {
    background: #fefefe;
    color: #666;
    text-shadow: 0px 1px 1px #FFF;
	border-bottom:none;
}
.accordion h2.tab {border-bottom:none; line-height: 18px;
}
.accordion h2.tab:nth-last-child(2) {
	border-bottom:1px solid #efefef;}
.accordion .pane {
	border-bottom:none;}
.accordion .pane:last-child {
	border-bottom:1px solid #efefef;}
h2.tab.current, .accordion h2.tab.current:first-child, .accordion h2.tab.current:nth-last-child(2) {
	border-bottom:1px solid #f9f9f9;}
ul.shortcode-tabs-mini {  
    margin:0 !important; 
    padding:0;
    border-bottom: 1px solid #f4f4f4;
}

/* link inside the tab. uses a background image */
ul.shortcode-tabs-mini li a, .shortcode_accordion_mini h2.tab { 
    float:left;
    display:block;
    text-decoration:none;
    background: #333;
    color: #f4f4f4;
    border: none;
    margin-right: 1px;
    text-shadow: 0px 1px 1px #333;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
.shortcode_accordion_mini {
    border: none;
}
.shortcode_accordion_mini h2.tab {
    float: none;
    border: none;
}
.shortcode_accordion_mini .pane, .shortcode_accordion_mini .pane:last-child{
	padding: 15px;
	padding-bottom: 0px;
	background: #333;
	color:#FFF;
	text-shadow: 0px 0px 0px #000;	
	border: 1px solid #444;
}
ul.shortcode-tabs-mini li a:hover {
    background: #222;
    color: #FFF;
    text-shadow: 0px 1px 1px #000;
}
.shortcode_accordion_mini h2.tab:hover {
	background:#222;
	color:#FFF;
	text-shadow: 0px 1px 1px #000;}
.shortcode-tab-panes {
    padding: 10px 0;
}

ul.shortcode-tabs-mini li a.current, .shortcode_accordion_mini h2.current {
    border-bottom: 1px solid #222 !important;
    background: #000 !important;
    color: #efefef !important;
	text-shadow:0 0 0 #000 !important;
}
ul.shortcode-tabs-mini li a.current {
    border-bottom: none;
}
.shortcode_accordion_mini h2.tab {
	border-bottom: 1px solid #333;
	margin-right: 0px;
	background:#000;
}
.shortcode_accordion_mini h2.tab.current, .shortcode_accordion_mini h2.tab:hover, .shortcode_accordion_mini h2.tab.current:nth-last-child(2),
.shortcode_accordion_mini h2.tab.current:first-child, {
	border-bottom: 1px solid #444;
	background:#333;
	color:#FFF;
	text-shadow: 0px 1px 1px #000;
}
.shortcode_tabs  .panes.shortcode-tab-panes {
    background: #fefefe;
	border:1px solid #efefef;
    padding: 15px;
	color:#333;
	margin-top:-1px;
	z-index:99;
	text-shadow: 0px 1px 1px #fff;
}
.shortcode-tabs-mini .panes.shortcode-tab-panes {
	background: #000;
	color: #FFF;
	text-shadow:0px 1px 1px #000;
	border:1px solid #000;}
ul.shortcode-tabs-mini {
border-bottom: 1px solid #000;
}
ul.shortcode-tabs-mini li a.current {
	background: #000;
	color:#FFF;
	text-shadow: 0px 1px 1px #000;
}
/* ======================================================= */
/*                         Divider                         */
/* ======================================================= */
.hr {
    position:relative;
    clear:both;
    display:block;
    padding-top:20px;
    margin-bottom:30px;
    border-bottom:1px solid #ccc;
}
.divider {
    position:relative;
    clear:both;
    display:block;
    padding-top:20px;
    margin-bottom:30px;
    border-bottom:1px solid #f5f5f5;
}
.divider.top a {
    position:absolute;
    right: 0;
    top: 2px;
    width: 20px;
    font-size: 9px;
    padding: 0 10px;
    padding-right: 2px;
    margin-top:9px;
    text-decoration: none;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #999;
    background: #d8d8d8;
    text-shadow: 0px 0px 0px #FFF;
    height: 16px;
}
.divider.top a:hover {
    color: #666;
    text-shadow: 0px 0px 0px #666;
    font-weight: normal;
}