@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

* {
margin: 0;
padding: 0;
outline: none;
border: 0px solid;
}

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

body {
background: #f3f3f3;
color: #444444;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
text-align: center;
margin: auto;
position: relative;
}

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

a:hover {
text-decoration: underline;
}

h1, h2 {
font-size: 24px;
margin-bottom: 0.8em;
}

#page {
width: 980px;
text-align: center;
margin: auto;
}

#site {
text-align: left;
}

#page2 {
width: 326px;
text-align: center;
margin: auto;
padding-top: 180px;
}

#top, #mid {
text-align: left;
}

#mid {
padding: 20px 0;
}

#mid table {
background: #FFF;
border: 1px solid #cecece;
width: 100%;
margin: 15px 0;
border-collapse: collapse;
}

#mid table tr td, #mid table tr th {
padding: 4px;
}

#mid table tr th {
background: #CCC;
}

#mid table tr:hover td {
background: #EEE;
}

#logo {
width: 326px;
float: left;
}

#menu {
float: right;
}

#menu ul {
list-style-type: none;
padding-top: 104px;
}

#menu ul li {
padding-left: 35px;
float: left;
}

#top {
padding-bottom: 8px;
}

.clearer {
display: block;
clear: both;
}

.dialog {
width: 480px;
background: #FFF;
border: 1px solid #EEE;
position: absolute;
top: 50%;
margin-top: 0px;
left: 50%;
margin-left: -250px;
text-align: left;
padding: 10px;
z-index: 2;
}

.dialog.small {
margin-top: 0px;
}

#dialogbg {
background: #000;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1000px;
z-index: 1;
}

.formfield {
margin-bottom: 5px;
}

select {
width: 165px;
border: 1px solid #DDD;
padding: 3px;
}

.formfield label {
width: 165px;
float: left;
margin-right: 5px;
display: block;
}

.formfield input {
width: 165px;
border: 1px solid #DDD;
float: left;
padding: 3px;
}

.formfield input:focus, .formfield input:hover {
border: 1px solid #444;
}

.formfield textarea {
width: 235px;
border: 1px solid #DDD;
float: left;
padding: 3px;
height: 100px;
}

.formfield textarea:focus, .formfield textarea:hover {
border: 1px solid #444;
}

.close {
float: right;
}

.dialog h1, .dialog h2 {
float: left;
padding-top: 5px;
}

a.submit {
background: url(images/submit.png) no-repeat top left;
display: block;
width: 170px;
text-align: center;
padding: 8px 0 7px;
float: left;
font-size: 13px;
}

a.submit:hover {
background: url(images/submit_hover.png) no-repeat top left;
text-decoration: none;
}

input.submit {
background: url(images/submit.png) no-repeat top left;
display: block;
width: 170px;
text-align: center;
padding: 8px 0 7px;
float: left;
font-size: 13px;
cursor: pointer;
color: #e30040;
border: 0px solid;
}

input.submit:hover, input.submit:focus {
background: url(images/submit_hover.png) no-repeat top left;
text-decoration: none;
border: 0px solid;
}

form.start {
padding-left: 73px;
}

.logo {
margin-bottom: 45px;
}