/*
 * Plugin: Symple Shortcodes Plugin
 * Author: AJ Clarke : http://wpexplorer.com
 * Copyright: Copyright (c) 2012, AJ Clarke
 * License: GNU General Public License version 2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Toggle
================================================== */
.detailed-skillbar .detailed-skillbar-toggle-trigger { height: 35px; display: block; cursor: pointer; border-bottom: 1px solid #ecb206; text-transform: none; letter-spacing: normal; font-weight: normal; margin: 0;}
.detailed-skillbar .detailed-skillbar-toggle-trigger span{ display: block; background-image: url("images/plus.png"); background-repeat: no-repeat; background-position: 15px center; outline: 0; }
.detailed-skillbar .detailed-skillbar-toggle-trigger:hover { text-decoration: none; }
.detailed-skillbar .detailed-skillbar-toggle-trigger.active span,
.detailed-skillbar .detailed-skillbar-toggle-trigger.active:hover span { background-image: url("images/minus.png"); text-decoration: none; }
.detailed-skillbar .detailed-skillbar-container { display: none; background-color: #fcfcfc; overflow: hidden; padding: 15px; border: 1px solid #ddd; border-top: 0px; }
/* Skillbars 
================================================== */
.detailed-skillbar { position: relative; display: block; margin-bottom: 15px; width: 100%; background: #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; }
.detailed-skillbar-title { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 13px; color: #fff; background: #6adcfa; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.detailed-skillbar-title span { display: block; background: rgba(0,0,0,0.1); padding: 0 20px 0 40px; height: 35px; line-height: 35px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.detailed-skillbar-bar { height: 35px; width: 0px; background: #6adcfa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.detailed-skill-bar-percent { position: absolute; right: 10px; top: 0; font-size: 11px; height: 35px; line-height: 35px; color: #444; color: rgba(0,0,0,0.4); }