﻿/* CSS document */

/* Basic styles */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Trebuchet", "Arial", sans-serif;
background-color: #fff;
}

body * {
position: relative;
}

div {
margin: 0;
padding: 0;
}

h2 {
margin: 1em;
}


abbr, acronym, span.help {
border-bottom: 1px dotted;
cursor: help;
}

.disappear {
display: none;
}

a {
text-decoration: none;
border-bottom: 1px dotted;
color: #529797;
}

a:hover {
border-bottom: 1px solid;
}

/*end basic styles */



div#header {
height: 56px;
background: url("headerbg.png") top left repeat-x #fff;
border-top: 1px solid #eee;
padding: 0 10% 0 10%;
}

img#top_banner {
float: right;
z-index: 9;
margin: 10px 0 0 0;
}

div#wrapper {
width: 800px;
margin: 0 auto 0 auto;
}

h1 {
position: relative;
width: 568px;
height: 56px;
float: left;
clear: left;
left: 0;
margin: 0;
background: url("header.png") top left no-repeat transparent;
}

h1 a {
display: block;
height: 80px;
}

h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover {
border: 0;
}

h1 span {
display: none;
}

h2 {
margin: .5em 1em;
padding: 0;
font-size: 1.2em;
color: #000;
}

h3 {
margin: 0 .2em;
font-weight: bold;
}

h3 a {
color: #d33c51;
}

/* menu styles */

div#menu {
position: absolute;
left: 568px;
width: 230px;
height: 56px;
margin: 0;
z-index: 5;
}

div#menu ul {
font-family: "Arial", sans-serif;
font-size: .8em;
width: 230px;
height: 56px;
text-align: right;
list-style: none;
padding: 0 0 0 10px;
margin: 5px 0 0 0;
}

div#menu ul li {
text-align: center;
float: left;
padding: 0;
margin: .1em;
}

div#menu ul li a {
color: #888;
font-weight: bold;
border: 0;
height: 26px;
padding: 0;
margin: 0;
}

div#pagecontent {
margin: 0 auto 0 auto;
color: #333;
font-size: 1em;
width: 800px;
background: url("header2.png") top left no-repeat #fff;
padding: 50px 0 0 0;
}

div#topblock p {
font-size: .7em;
}


table {
border-collapse: collapse;
margin: 0 auto;
font-family: "Arial", sans-serif;
}

table#sites {
width: 800px;
clear: both;
}

thead {
background: url("thead.png") top left repeat-x #fff;
height: 31px;
}

th {
padding: 0;
text-align: left;
margin: 0;
background: url("thead.png") top left repeat-x #fff;
height: 31px;
}

th a {
border: 0;
text-decoration: none;
color: #333;
font-size: .7em;
display: block;
text-align: center;
margin-top: 5px;
}

th a:hover {
border: 0;
text-decoration: none;
}

th label {
float: right;
border: 0;
background: transparent;
color: #333;
display: block;
font-size: .7em;
font-weight: bold;
padding-top: 5px;
margin: 0;
}

th select {
font-size: .7em;
width: 15em;
padding: 0;
margin-top: 5px;
}

tbody {
font-size: .8em;
}

tbody tr td {
border-bottom: 1px solid #ccc;
}

tbody td {
padding: 1em;
border-right: 1px solid #ccc;
}

td.logo {
vertical-align: top;
width: 100px;
}

td.logo img {
border: 0;
}

td.logo a {
border: 0;
}

td.last {
vertical-align: top;
width: 100px;
border-right: 0;
}

/* Begin login box */

form#login, div#login {
font-size: .8em;
color: #222;
position: relative;
float: right;
padding: .5em .5em .2em .5em;
margin: 0;
text-align: right;
border: 0;
}

form#login fieldset {
margin: 0;
padding: 0;
border: 0;
}

form#login input {
font-size: .8em;
width: 12em;
}

input.button {
width: auto;
}

form#login p {
margin: 2px;
}

div#login a {
color: #0000ff;
}

/* End login box */

form#filter, form#filter fieldset {
margin: 0;
padding: 0;
border: 0;
display: inline;
background-color: transparent;
position: relative;
}

form#tableform, form#tableform fieldset {
margin: 0;
padding: 0;
border: 1px red;
}

form#filter input, form#filter label {
margin: 0; 
font-size: .8em;
}



td.googlead {
width: 800px;
padding-top: 10px;
text-align: center;
background-color: #bad6d6;
}

div#gwrap {
float: right;
margin: -30px 5px 5px 5px;
height: 100px;
z-index: 10;
}

div#gwrap a, div#gwrap a img {
border: 0;
}

div#gwrap fieldset {
margin: 0;
padding: 0;
}

form, fieldset {
border: 0;
}

div#pagecontent p {
margin: 0 1.2em .5em 1.2em;
}

div.centred {
margin: 0 auto 0 auto;
width: 468px;
}

div.centred a, div.centred a img {
border: 0;
text-decoration: none;
}