body {
    color: #000000;
    background-color: #ffffff;
    font-size: 16px;
}

a:link {
    color: #0000ff;
    background-color: #ffffff;
}
a:hover {
    color: #00ff00;
    background-color: #ffffff;
}
a:visited {
    color: #000080;
    background-color: #c0c0c0;
}
a:active {
    color: #000000;
    background-color: #ff0000;
}

.img-center {
    vertical-align: middle;
}

.text-button {
    font-size:20px;
    vertical-align: middle;
}

.arrow-up {
    font-size: 0;
    display: inline-block;
}
.arrow-right {
    font-size: 0;
    display: inline-block;
}
.arrow-left {
    font-size: 0;
    display: inline-block;
}

.inner-arrow {
    border:none;
    padding-top:0;
    padding-right:5px;
    padding-left:5px;
    padding-bottom:0;
    height:25px;
    display: inline-block;
    background-color:#00CBCB;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    vertical-align: middle;
}

.arrow-up:before {
    float:center;
    display:block;
    width: 0;
    height: 0;
    content:'';
    top: -1em;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #00CBCB;
    vertical-align: middle;
}

.arrow-left:before,
.arrow-right:after {
    content:'';
    display: inline-block;
    width:0;
    height:0;
    border:20px solid transparent;
    vertical-align: middle;
}

.arrow-left:before {
    border-right-color: #00CBCB;
    margin: 0px 0 0 -15px;
}

.arrow-right:after {
    border-left-color: #00CBCB;
    margin: 0px -15px 0 0px;
}