#checkmark {
    display:inline-block;
	position: absolute;
    width: 22px;
    height:22px;
    background: #a0cc00;
    border-radius:50%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
   transform: translateX(2px) rotate(45deg);
	cursor: pointer;
}

#checkmark:before{
    content:"";
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:11px;
    top:6px;
}

#checkmark:after{
    content:"";
    position: absolute;
    width:3px;
    height:3px;
    background-color:#fff;
    left:8px;
    top:12px;
}

#checkmark:hover{
	background: #7ea000;
}

#delete {
    display:inline-block;
	position: absolute;
    width: 22px;
    height:22px;
    background: #e21010;
    border-radius:50%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: translateX(25px) rotate(45deg);
	cursor: pointer;
}

#delete:before{
    content:"";
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:10px;
    top:7px;
}

#delete:after{
    content:"";
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:10px;
    top:7px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
#delete:hover{
	background: #b70f0f;
}

.downIcon {
	display:inline-block;
	position: absolute;
    width: 22px;
    height:22px;
    background: #e21010;
    border-radius:50%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: translateX(25px) rotate(45deg);
	cursor: pointer;
}

.downIcon:before{
    content:"";
    position: absolute;
    width:3px;
    height:7px;
    background-color:#fff;
    left:11px;
    top:7px;
}

.downIcon:after{
    content:"";
    position: absolute;
    width:3px;
    height:7px;
    background-color:#fff;
    left:9px;
    top:9px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.downIcon:hover{
	background: #b70f0f;
}

.upIcon {
	display:inline-block;
	position: absolute;
    width: 22px;
    height:22px;
    background: #a0cc00;
    border-radius:50%;
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: translateX(2px) rotate(225deg);
	cursor: pointer;
}

.upIcon:before{
    content:"";
    position: absolute;
    width:3px;
    height:7px;
    background-color:#fff;
    left:11px;
    top:7px;
}

.upIcon:after{
    content:"";
    position: absolute;
    width:3px;
    height:7px;
    background-color:#fff;
    left:9px;
    top:9px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.upIcon:hover{
	background: #7ea000;
}
#controlOut{
	display: table-cell;
    vertical-align: middle;
}
#control{
	background-color: transparent;
	//display: table;
	margin-left: auto;
    margin-right: auto; 
	//width: 10px;
}