* {
margin: 0;
padding: 0;
outline: none;
}

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

body {
background: #F4F4F4;
font-family: Arial, Verdana;
color: #7C8388;
font-size: 13px;
text-align: center;
margin: auto;
}

h1, h2, h3, h4 {
font-family: Arial, Verdana;
color: #FFF;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
background: #7b9297; 
padding: 6px 12px;
}

#page2 {
width: 980px;
height: 562px;
text-align: center;
margin: auto;
padding-top: 120px;
position: relative;
}

#page {
background: #FFF;
border: 1px solid #CCC;
width: 400px;
height: 200px;
text-align: center;
margin: auto;
position: relative;
}

#site {
text-align: left;
}

.formfield {
margin-bottom: 3px;
}

.formfield input {
display: block;
width: 250px;
height: 20px;
font-size: 16px;
color: #999;
border: 1px solid #444;
font-weight: normal;
font-family: Arial; 
}

.formfield input.submit {
width: 80px;
height: 25px;
}

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

.gimmepass {
position: absolute;
right: 0;
bottom: 0;
padding: 4px 8px 4px 4px;
}

.gimmepass a {
color: #af0917;
text-decoration: none;
}

.gimmepass a:hover {
text-decoration: underline;
}

form {
padding: 38px 2px 3px 86px;
}

#message {
background: #FFF;
position: absolute;
width: 400px;
height: 60px;
border: 1px solid #CCC;
font-size: 13px;
color: #DF5913;
top: 10px;
left: 50%;
margin-left: -200px;
}

.message_content {
padding: 8px;
}

table.csc-frame-frame1 {
width: 100%;
border-collapse: collapse;
}

table.csc-frame-frame1 tr td {
background: #EEE;
border: 1px solid #DDD;
color: #444;
padding: 8px;
}

table.csc-frame-frame1 tr th {
background: url(img/hosting_th_bg.png) repeat-x top left;
padding: 6px;
text-align: center;
height: 53px;
}

table.csc-frame-frame1 p {
margin: 0;
}

table.csc-frame-frame1 tr td.align-center {
text-align: center;
}

table.csc-frame-frame1 {
margin-bottom: 1.5em;
}

table.csc-frame-frame1 tr.rowcolor td {
background: #f8f8f8;
}

table.csc-frame-frame1 tr:hover td {
background: #FFF;
color: #000;
}