#exp {clear: both;padding-bottom: 50px !important;background: transparent url("images/chart_header.png") no-repeat bottom center;position: relative;right: 5px;}

#experience article {overflow: visible;}

#chartguide {width:505px;border-bottom: 1px solid #ccc;margin: 40px 0px 0 230px;}
#chartguide li {display: inline;text-transform: uppercase;font-size: 10px;font-weight: bold;color: #666;}
#no {position: relative;right: 20px}
#jnr {position: relative;left: 100px;}
#mid {position: relative;left: 215px;}
#snr {position: relative;left: 334px;}
#chartguide li:after {content: "|";position: relative;top: 14px;font-weight: normal;color: #ccc;}
#no:after {right: 18px;}
#jnr:after {right: 20px;}
#mid:after {right: 30px;}
#snr:after {right: 20px;}


#chart {width:740px;padding: 4px 0px 40px 0px;list-style-type: none;}
#chart li {line-height: 1;overflow: hidden;clear: both;margin: 1px 0;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;background-color: transparent;}
#chart strong {font-weight: normal;width:214px;float:left;margin:0 10px 0 0;padding:5px 0;display:inline;text-align:right;clear:left;color: #666;}
#chart em {width:505px;float:left;margin-bottom:5px;display:inline;}
#chart em span {-webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomright: 2px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;text-indent: -9999px;background:#09f;padding: 0;display:block;height: 15px;position: relative;top: 3px;}
#chart li:hover {background: #efefef}
#chart li:hover span {}

#data_45 {width: 100%;-webkit-animation-name:bar_data_45;}
#data_2 {width: 66%;-webkit-animation-name:bar_data_2;}
#data_49 {width: 100%;-webkit-animation-name:bar_data_49;}
#data_44 {width: 100%;-webkit-animation-name:bar_data_44;}
#data_3 {width: 82%;-webkit-animation-name:bar_data_3;}
#data_50 {width: 75%;-webkit-animation-name:bar_data_50;}
#data_4 {width: 100%;-webkit-animation-name:bar_data_4;}
#data_5 {width: 100%;-webkit-animation-name:bar_data_5;}
#data_6 {width: 82%;-webkit-animation-name:bar_data_6;}
#data_7 {width: 100%;-webkit-animation-name:bar_data_7;}
#data_8 {width: 33%;-webkit-animation-name:bar_data_8;}
#data_9 {width: 66%;-webkit-animation-name:bar_data_9;}
#data_10 {width: 100%;-webkit-animation-name:bar_data_10;}
#data_11 {width: 66%;-webkit-animation-name:bar_data_11;}
#data_12 {width: 100%;-webkit-animation-name:bar_data_12;}
#data_13 {width: 82%;-webkit-animation-name:bar_data_13;}
#data_14 {width: 100%;-webkit-animation-name:bar_data_14;}
#data_15 {width: 100%;-webkit-animation-name:bar_data_15;}
#data_16 {width: 100%;-webkit-animation-name:bar_data_16;}
#data_17 {width: 100%;-webkit-animation-name:bar_data_17;}
#data_18 {width: 100%;-webkit-animation-name:bar_data_18;}
#data_19 {width: 82%;-webkit-animation-name:bar_data_19;}
#data_20 {width: 66%;-webkit-animation-name:bar_data_20;}
#data_21 {width: 100%;-webkit-animation-name:bar_data_21;}
#data_22 {width: 82%;-webkit-animation-name:bar_data_22;}
#data_23 {width: 100%;-webkit-animation-name:bar_data_23;}
#data_24 {width: 100%;-webkit-animation-name:bar_data_24;}
#data_25 {width: 33%;-webkit-animation-name:bar_data_25;}
#data_26 {width: 66%;-webkit-animation-name:bar_data_26;}
#data_27 {width: 66%;-webkit-animation-name:bar_data_27;}
#data_28 {width: 100%;-webkit-animation-name:bar_data_28;}
#data_29 {width: 100%;-webkit-animation-name:bar_data_29;}
#data_30 {width: 66%;-webkit-animation-name:bar_data_30;}
#data_31 {width: 70%;-webkit-animation-name:bar_data_31;}
#data_46 {width: 100%;-webkit-animation-name:bar_data_46;}
#data_47 {width: 100%;-webkit-animation-name:bar_data_47;}
#data_32 {width: 100%;-webkit-animation-name:bar_data_32;}
#data_33 {width: 40%;-webkit-animation-name:bar_data_33;}
#data_34 {width: 100%;-webkit-animation-name:bar_data_34;}
#data_35 {width: 100%;-webkit-animation-name:bar_data_35;}
#data_36 {width: 100%;-webkit-animation-name:bar_data_36;}
#data_37 {width: 100%;-webkit-animation-name:bar_data_37;}
#data_38 {width: 80%;-webkit-animation-name:bar_data_38;}
#data_39 {width: 80%;-webkit-animation-name:bar_data_39;}
#data_40 {width: 100%;-webkit-animation-name:bar_data_40;}
#data_48 {width: 100%;-webkit-animation-name:bar_data_48;}
#data_41 {width: 85%;-webkit-animation-name:bar_data_41;}
#data_42 {width: 100%;-webkit-animation-name:bar_data_42;}
#data_43 {width: 100%;-webkit-animation-name:bar_data_43;}

#data_45, #data_2, #data_49, #data_44, #data_3, #data_50, #data_4, #data_5, #data_6, #data_7, #data_8, #data_9, #data_10, #data_11, #data_12, #data_13, #data_14, #data_15, #data_16, #data_17, #data_18, #data_19, #data_20, #data_21, #data_22, #data_23, #data_24, #data_25, #data_26, #data_27, #data_28, #data_29, #data_30, #data_31, #data_46, #data_47, #data_32, #data_33, #data_34, #data_35, #data_36, #data_37, #data_38, #data_39, #data_40, #data_48, #data_41, #data_42, #data_43 {
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
}


/**** Keyframe Animation Scheme ****/
@-webkit-keyframes bar_data_45{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_2{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_49{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_44{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_3{
    0%{
        width: 0%;
    }
    100%{
        width: 82%;
    }
}
@-webkit-keyframes bar_data_50{
    0%{
        width: 0%;
    }
    100%{
        width: 75%;
    }
}
@-webkit-keyframes bar_data_4{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_5{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_6{
    0%{
        width: 0%;
    }
    100%{
        width: 82%;
    }
}
@-webkit-keyframes bar_data_7{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_8{
    0%{
        width: 0%;
    }
    100%{
        width: 33%;
    }
}
@-webkit-keyframes bar_data_9{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_10{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_11{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_12{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_13{
    0%{
        width: 0%;
    }
    100%{
        width: 82%;
    }
}
@-webkit-keyframes bar_data_14{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_15{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_16{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_17{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_18{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_19{
    0%{
        width: 0%;
    }
    100%{
        width: 82%;
    }
}
@-webkit-keyframes bar_data_20{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_21{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_22{
    0%{
        width: 0%;
    }
    100%{
        width: 82%;
    }
}
@-webkit-keyframes bar_data_23{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_24{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_25{
    0%{
        width: 0%;
    }
    100%{
        width: 33%;
    }
}
@-webkit-keyframes bar_data_26{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_27{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_28{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_29{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_30{
    0%{
        width: 0%;
    }
    100%{
        width: 66%;
    }
}
@-webkit-keyframes bar_data_31{
    0%{
        width: 0%;
    }
    100%{
        width: 70%;
    }
}
@-webkit-keyframes bar_data_46{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_47{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_32{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_33{
    0%{
        width: 0%;
    }
    100%{
        width: 40%;
    }
}
@-webkit-keyframes bar_data_34{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_35{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_36{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_37{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_38{
    0%{
        width: 0%;
    }
    100%{
        width: 80%;
    }
}
@-webkit-keyframes bar_data_39{
    0%{
        width: 0%;
    }
    100%{
        width: 80%;
    }
}
@-webkit-keyframes bar_data_40{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_48{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_41{
    0%{
        width: 0%;
    }
    100%{
        width: 85%;
    }
}
@-webkit-keyframes bar_data_42{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes bar_data_43{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}

.design span {background: #3abde8 url(images/stripe.png) repeat top left !important;-moz-box-shadow: inset 0px 0px 6px rgba(0,0,0,.5);box-shadow: inset 0px 0px 6px rgba(0,0,0,.5);-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.5)}
.business span {background: #299DC0 url(images/stripe.png) repeat top left !important;-moz-box-shadow: inset 0px 0px 6px rgba(0,0,0,.5);box-shadow: inset 0px 0px 6px rgba(0,0,0,.5);-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.5)}
.it span {background: #58696A url(images/stripe.png) repeat top left !important;-moz-box-shadow: inset 0px 0px 6px rgba(0,0,0,.8);box-shadow: inset 0px 0px 6px rgba(0,0,0,.8);-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.8);}
.development span {background: #1F3D55 url(images/stripe.png) repeat top left !important;-moz-box-shadow: inset 0px 0px 6px rgba(0,0,0,.8);box-shadow: inset 0px 0px 6px rgba(0,0,0,.8);-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.8)}