.speed_test{
	font-family: Helvetica, Arial, sans-serif;
	width: 200px;
	height: 30px;
	background: #389d01;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #00720b;
	font-size: 16px;
    color: #ffffff;
}

.speed_test .start, .speed_test .stop, .speed_test .retry{
	display: none;
}

.speed_test.start .start, .speed_test.stop .stop, .speed_test.retry .retry{
	display: block;
}

.speed_test .start{
	height: 30px;
	text-align: center;
	line-height: 30px;
    cursor: pointer;
}

.speed_test .stop{
}

.speed_test .stop .speed{
    float: left;
    width: 150px;
    height: 20px;
    margin: 3px 0 0 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ffffff;
    overflow: hidden;
}

.speed_test .stop .speed .label{
    color: #ffffff;
    float: left;
    height: 20px;
    width: inherit;
    text-align: center;
    line-height: 20px;
}

.speed_test .stop .speed .scaled{
    width: 30%;
    height: 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    /*background: #ff0000;*/
}

.speed_test .stop .button{
	width: 20px;
	height: 20px;
	float: right;
	margin: 5px 10px 0 0;
	background: url("cancel.png");
    cursor: pointer;
}

.speed_test .retry{
    height: 30px;
    font-size: 14px;
}

.speed_test .retry .speed{
    float: left;
    width: 160px;
    height: 30px;
    margin: 0 0 0 10px;
    text-align: left;
    line-height: 30px;
}

.speed_test .retry .speed .label{
    float: right;
    margin: 0 5px 0 0;
    width: 70px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.speed_test .retry .button{
    width: 20px;
    height: 20px;
    float: right;
    margin: 5px 10px 0 0;
    background: url("retry.png");
    cursor: pointer;
}