 /* 
 * Copyright 2011 DoAT. All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, are
 * permitted provided that the following conditions are met:
 * 
 * 1. Redistributions of source code must retain the above copyright notice, this list of
 *      conditions and the following disclaimer.
 *
 *   2. Redistributions in binary form must reproduce the above copyright notice, this list
 *      of conditions and the following disclaimer in the documentation and/or other materials
 *      provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY Do@ ``AS IS'' AND ANY EXPRESS OR IMPLIED
 * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
 * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * The views and conclusions contained in the software and documentation are those of the
 * authors and should not be interpreted as representing official policies, either expressed
 * or implied, of DoAT.
 */

.s_circle {
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.s_arrdown {
    background: transparent;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-color: #000 transparent transparent transparent;
}
.s_arrup {
    background: transparent;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-color: transparent transparent #000 transparent;
}
.s_arrright {
    background: transparent;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-color: transparent transparent transparent #000;
}
.s_arrleft {
    background: transparent;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-color: transparent #000 transparent transparent;
}
.s_arrupe {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    background: transparent;
    border: 10px solid #000;
    border-width: 10px 10px 0 0;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.s_arrdowne {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    background: transparent;
    border: 10px solid #000;
    border-width: 0 10px 10px 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.s_arrrighte {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    background: transparent;
    border: 10px solid #000;
    border-width: 10px 10px 0 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.s_arrlefte {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    background: transparent;
    border: 10px solid #000;
    border-width: 0 0 10px 10px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}