.skillbar  {
position:  relative;
display:  block; margin-bottom:  15px;
width:  100%;
background:  #ddd;
height:  42px;
border-radius:  2px;
-moz-border-radius:  2px;
-webkit-border-radius:  2px;
-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;
}
.skillbar-title  {
position:  absolute;
top:  0;
left:  0;
font-weight:  bold;
font-size:  13px;
color:  #333;
background:  #6adcfa;
-webkit-border-top-left-radius:  2px;
-webkit-border-bottom-left-radius:  2px;
-moz-border-radius-topleft:  2px;
-moz-border-radius-bottomleft:  2px;
border-top-left-radius:  2px;
border-bottom-left-radius:  2px;
}
.skillbar-title h6 {
font-size: 15px;
color: #999;
position: relative;
margin-top: -35px;
display:  block;
height:  35px;
line-height:  35px;
-webkit-border-top-left-radius:  2px;
-webkit-border-bottom-left-radius:  2px;
-moz-border-radius-topleft:  2px;
-moz-border-radius-bottomleft:  2px;
border-top-left-radius:  2px;
border-bottom-left-radius:  2px;
}
.skillbar-bar  {
height:  42px;
width:  0px;
-webkit-border-top-left-radius:  2px;
-webkit-border-bottom-left-radius:  2px;
-moz-border-radius-topleft:  2px;
-moz-border-radius-bottomleft:  2px;
border-top-left-radius:  2px;
border-bottom-left-radius:  2px;
}
.skillbar-percent  {
position:  absolute;
right:  10px;
top:  0;
font-size:  12px;
height:  42px;
line-height:  42px;
color:  #444;
color:  rgba(0, 0, 0, 0.4);
}
.no-percent .skillbar-percent  {
display: none;
}
.skillbar-title em span {
color: #333;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 3px;
}