/* shortcodes */
.col {float:left;width:100%;padding:8px 16px;}
.col.boxed {border:1px solid #eee;background-color:#fff;padding:15px;position:relative;text-align:center;}
.col.boxed img {padding:0px;}
.col.centered-text {text-align:center;}

.col.span_6 {width:50%;}
.col.span_4 {width:33.333333%;}
.col.span_8 {width:66.666666%;}
.col.span_3 {width:25%;}
.col.span_9 {width:75%;}
.col.span_2 {width:16.666666%;}
.col.span_10 {width:83.333333%;}

.divider-border {
	margin: 35px 0px 35px 0px;
	border-bottom: 14px solid #f9f9f9;
}

/*.dropcap {display: block;float:left;width:40px;height:40px;padding:0;margin:0 8px 0 0;font-size:24px;line-height:40px;background:#252525;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;text-align:center;text-shadow:none;}*/
.dropcap {float:left;padding:10px;margin-right:5px;font-size:70px;line-height:64px;color:#252525;font-weight:600;}

.bw-regular-title {}
.bw-regular-title.center {text-align:center;}

.bw-button {
    display:inline-block;
    text-decoration:none;
    font-size:14px;
    padding:2px 14px;
    position:relative;
    font-weight:500;
    text-transform:uppercase;
    top:-3px;
    margin-bottom:10px;
    opacity:1;
    background-color:#fff;
    border:3px solid #d4d4d4;
    color:#777;
    
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    
    transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}
.bw-button:hover {background-color:#ff6a6a;border-color:#ff6a6a;color:#fff;}
.bw-button.small {padding:2px 14px;font-size:12px;}
.bw-button.medium {padding:6px 20px;font-size:13px;}
.bw-button.large {padding:12px 26px;font-size:14px;}

.bargraph {text-align:left;margin:0px;	}
.bargraph li {list-style:none;}
.bargraph li:last-child span {margin-bottom:0px;}
.bargraph li .bar-wrap {margin-bottom:13px;border:4px solid #000;}
.bargraph li span {height:8px;width:0px;display:block;background-color:#000;}
.bargraph li .bargraph {display:block;color:#000;padding-bottom:5px;margin-bottom:0;}
.bargraph li span {position:relative;}
.bargraph li span strong {
    position:absolute;
    right:-14px;
    top:-32px;
    color:#fff;
    padding:4px;
    line-height:12px;
    font-size:11px;
    opacity:0;
    display:block;
    font-weight:300;
    font-family:'Open Sans';
    background-color:#ff6a6a;
    
    transition:opacity 3.8s;
    -moz-transition:opacity 3.5s;
    -webkit-transition:opacity 3.8s;
    
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.bargraph li span strong:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #ff6a6a;
	border-width: 4px;
	margin-left: -4px;
}
.bargraph li span.visible strong {opacity:1;}
.bargraph li span strong em {font-style:normal;}
.bargraph li span strong.full:after {left: 15px;}

.toggle {float:left;width:100%;}
.toggle .toggle-title {float:left;width:100%;padding:8px 0 5px 31px;font-size:20px;background:url(../img/admin/toggle.png) no-repeat 0 11px;cursor:pointer;}
.toggle .toggle-content {display:none;float:left;width:100%;padding:7px 10px 10px 31px;}
.toggle.active .toggle-content {display:block;}
.toggle.active .toggle-title {background-position:0 -24px}