.arrow-up,
.arrow-down,
.arrow-right,
.arrow-left {
	position: absolute;
    padding: 6px;
	
	/*border: solid;
	border-width: 0 2px 2px 0;*/
}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    
    border-top: none;
	border-right: solid 2px;
	border-bottom: solid 2px;
	border-left: none;
}

.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}