body {
    background: #EEEEEE;
    color: #282828;
    font-family: Verdana,Arial,sans-serif;
    /*font-family:'lucida grande',verdana,helvetica,arial,sans-serif; */
	/*font-size:70%;*/
    font-size: 10px;

    margin: 0;
}

a {
    color: #282828;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color: #89a30a;
    text-decoration:none;
}

a img {
    border:none;
}

table {
    background: #fff;
    border-right:0;
    clear: both;
    color: #282828;
    margin-bottom: 10px;
    width: 100%;
}

th {
    border:0;
    border-bottom:2px solid #555;
    text-align: left;
    padding:4px;
}

th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}

th a.asc:after {
    content: ' ⇣';
}

th a.desc:after {
    content: ' ⇡';
}

table tr td {
    background: #fff;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #ddd;
}

table tr:nth-child(2n) td {
    background: #f5f5f5;
}

table .altrow td {
    background: #f5f5f5;
}

td.actions {
    text-align: center;
    white-space: nowrap;
}

table td.actions a {
    margin: 0px 6px;
    padding:2px 5px;
}

form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 95%;
}

form div {
    clear: both;
    padding: .5em;
    vertical-align: text-top;
}

form .input {
    color: #282828;
}

.required {
    font-weight: bold;
}

.required label:after {
    color: #e32;
    content: '*';
    display:inline;
}

form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
}

label {
    display: block;
    font-size: 100%;
    margin-bottom:3px;
}

input, textarea {
    clear: both;
    font-size: 100%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 3px 3px;
    width:98%;
}

select {
    clear: both;
    font-size: 100%;
    vertical-align: text-bottom;
}

select[multiple=multiple] {
    width: 100%;
}

option {
    font-size: 100%;
    padding: 1px 6px 1px;
}

input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}

div.checkbox label {
    display: inline;
}

input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}

div.radio label {
    margin: 0 0 6px 20px;
}

input[type=submit] {
    display: inline;
    font-size: 100%;
    width: auto;
}

[disabled] {
    background-color:#CCCCCC;
}

form .submit input[type=submit] {
    background:#c50074;
    background: -webkit-gradient(linear, left top, left bottom, from(#c50074), to(#9e005d));
    background-image: -moz-linear-gradient(top, #c50074, #9e005d);
    border-color: #9e005d;
    color: #FFF;
    text-shadow: #282828 0px 1px 0px;
}

form .submit input[type=submit]:hover {
    background:#c50074;
    background: -webkit-gradient(linear, left top, left bottom, from(#c50074), to(#9e005d));
    background-image: -moz-linear-gradient(top, #9e005d, #c50074);
}

#inhoud {
    padding: 20px;
}

#welcome {
    font-size: 1.2em;
    color: #9e005d;
    font-weight: bold;
    padding: 10px 20px 20px;
}

#disclaimer {
    padding: 20px;
    width: 60%;
}

#users_login {
    font-size: 1.1em;
    width: 400px;
}

.error-message {
    color: #c50074;
    font-weight: bold;
}

.message {
    color: #c50074;
    font-weight: bold;
    padding: .5em;
}