/* default.css */

*{
padding:0;
margin:0;
}

html {
min-height:100%; margin-bottom:1px;
}

body {
font-family: Verdana, Arial, Sans-Serif;
font-size:10px;
text-align:justify;
}

#header {
background: url('header.jpg') repeat;
height:100px;
margin-bottom: 5px;
z-index:1;
}

#headerwidth {
margin:0 auto;
width:980px;
}

#headertitle {
font-size:3em;
font-weight:bold;
padding:20px;
z-index:2;
}

#headertitle a {
color:#fff;
text-decoration:none;
}

#wrap{
margin:0px auto;
width:980px;
}

.page{
float:left;
width:60%;
margin:0 10px;
padding:1% 1%;
text-align:left;
}

.sidebar{
float:right;
width:25%;
margin:10px;
padding:1% 1%;
text-align:left;
}

#clear {
display:block;
clear:both;
width:100%;
height:1px;
overflow:hidden;
}

#footer {
margin:20px;
padding-top:5px;
}

#footer a {
color:#777;
font-size:10px;
}


/* Typo and Elements */

h1,h2,h3,h4 {
color:#900;
}

h2{
font-size:14px;
padding:10px 0;
}

p{} 

a {
color:#900;
text-decoration:none;
}

a:hover {
color:#400;
text-decoration:underline;
}

li {
list-style-type:square;
}

ul li {
margin-left:20px;
}

ul{
padding:10px 0;
}

strong {
color:#900;
}

/* Table */

table strong {
text-decoration:underline;
color:#900;
}

table.sortable {
border: 1px solid #ddd;
background-color: #f9f9f9;
}

.sortable th {
color:#900;
background-color:#ddd;
text-align: left;
text-transform:lowercase;
text-decoration: underline;
border: 1px solid #d0d0d0;
padding: 2px;
}

.sortable th a {
color:#900;
}

.sortable td {
padding:1px 8px 1px 0;
border-bottom: 1px solid #ddd;
}

.even {
background-color:#fff;
}

/* Form */

form {
background-color:#f7f7f7;
border: 1px solid #555;
padding: 5px;
}

legend {
padding:0 15px;
margin-bottom:5px;
font-size:10px;
color:#900;
}

select {
}

input {
padding:2px;
}

.submitbutton input {
margin-bottom:15px;
padding:3px;
}

#login {
width:400px;
}

#login label {
text-align:right;
float:left;
width:100px;
font-weight:bold;
margin-top:3px;
padding-right:10px;
}

#login .submitbutton {
margin-left:110px;
}

#mainform {
margin-top:15px;
width: 500px;
}

#mainform label {
text-align:right;
float:left;
width:80px;
font-weight:bold;
margin-top:3px;
padding-right:10px;
}

#mainform .submitbutton {
margin-left:90px
}

#category {
margin-top:15px;
width: 500px;
}

#category label {
text-align:right;
float:left;
width:80px;
font-weight:bold;
margin-top:3px;
padding-right:10px;
}

#category .submitbutton {
margin-left:120px
}

#support {
margin-top:15px;
width: 440px;
}

#support label {
text-align:right;
float:left;
width:110px;
font-weight:bold;
margin-top:3px;
padding-right:10px;
}

#support .submitbutton {
margin-left:120px;
}

#support img {
float:right;
padding: 10px 50px 0 10px;
}

.task {
width:350px;
}

/* Misc. */

#countrytabs {
margin-top:15px;
}

.problem {
color:#A00;
background-color:#f7f7f7;
border:1px solid #ccc;
font-weight:bold;
padding:10px;
width:100%;
}