/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05-Oct-2015, 14:50:42
    Author     : Matthew
*/

body {
    background-color: black;
    color: #FF7A00;
    font-family: 'Dosis', sans-serif;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
}

input, textarea {
    background-color: black;
    color: #FF7A00;
    border-style: solid;
    border-width: 2px;
    border-color: #FF7A00;
}

button, .formbutton {
    text-decoration: none;
    background-color: #693200;
    color: #FF7A00;
    border-style: solid;
    border-width: 2px;
    border-color: #FF7A00;
}

button:hover, .formbutton:hover {
    background-color: #A14D00;
}

button:active, .formbutton:active {
    background-color: #DB6900;
}

button:disabled, .formbutton:disabled {
    color: #FF0000;
    border-color: #FF0000;
    background-color: #690000;
}

.menubutton {
    width: 100%;
}

#backbutton {
    position: absolute;
    top: 5px;
    left: 5px;
}

#targetbuttons {
    position: absolute;
    top: 5px;
    right: 5px;
}

.header {
    text-align: center;
    margin-bottom: 50px;
}

.footer {
    text-align: center;
    margin-top: 50px;
}

#useractions {
    position: absolute;
    top: 5px;
    left: 5px;
}

.boxarea {
    position: relative;
    border-style: solid;
    border-width: 4px;
    margin: auto;
    width: 60%;
    padding: 5px;
    margin-bottom: 20px;
}

#search {
    margin: 0px;
    margin-bottom: 5px;
    padding: 5px;
}

table {
    width: 100%;
}

td {
    padding-left: 5px;
    padding-right: 5px;
}

.viewcol {
    width: 10%;
    padding: 0px;
}

.viewbutton {
    width: 100%;
}

.sort {
    width: 100%;
}

.sort:after {
    display:inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
}

.sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FF7A00;
    content:"";
    position: relative;
    top:4px;
    right:-5px;
}

.sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FF7A00;
    content:"";
    position: relative;
    top:-4px;
    right:-5px;
}