/* Reset CSS */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

img, body, html {
    border: 0;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

/* GWT Standard conventions */
body, table td, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

pre {
    font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    font-size: small;
}

a, a:visited, a:hover {
    color: #0000AA;
}

/* Page Header and Footer */
#header-top {
    padding: 10px 100px 0;
    height: 25px;
    background: black url("/image/header-top-grad.png") repeat-x;
}

#header-vdc-logo {
    width: 141px;
    height: 22px;
    float: left;
}

#header-vdc-logo {
    background: white url("/image/vdc-header-logo.png") no-repeat;
}

#dummy {
    visibility: hidden;
}

#footer-vdc, #footer-vdc a {
    color: #4c4c4c;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background: transparent url("/image/footer-gradient.png") repeat-x;
    padding: 15px 0 50px;
    clear: both;
}

/* Error page */
#error-header {
    padding: 0 30px;
    min-height: 230px;
    background: #808285 url("/image/login-top-grad.png") repeat-x top;
}

#error-header-logo {
    margin-top: 65px;
    float: left;
}

#error-header-bottom {
    min-height: 24px;
    background: #E77E1D url("/image/header-bottom-grad.png") repeat-x bottom;
    color: white;
    font-size: 14px;
    padding: 9px 0 0 100px;
}

#error-message {
    color: #7A7A78;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #F5F5F5;
    width: 620px;
}

#error-message h1 {
    padding-bottom: 10px;
    font-size: 24px
}

#error-message p {
    font-size: 12px
}

/* Index */
#index-header-bottom {
    height: 24px;
    background: white url("/image/header-bottom-grad.png") repeat-x;
    padding-top: 10px;
    color: white;
    font-size: 14px;
}

#index-header-date {
    padding-left: 100px;
}

/* Content */
#content {
    width: 100%;
    height: auto;
}

.cleaner {
    clear: both;
}

.spacer {
    height: 60px;
}

#home {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background-color: #f4f4ee;
}

#home-content {
    border-left: solid #666666 1px;
    border-right: solid #666666 1px;
    border-bottom: solid #666666 1px;
    margin: 0 8% 45px;
    background-color: white;
    padding: 2%;
    float: left;
    width: 78%;
}

/* Messages */
.error, .info {
    font-size: 12px;
    color: #7f7f7f;
    padding: 6px 6px 6px 40px;
    width: 42%;
    left: 25%;
    position: relative;
}

.error,.info,.message,.warn,.emptyMessage {
	font-size: 12px;
	color: #7f7f7f;
	padding: 6px 6px 6px 40px;
	width: 50%;
	left: 25%;
	position: relative;
}

.emptyMessage {
	background: transparent url("/image/spacer.gif") no-repeat 6px;
	padding-left: 60px;
	height: 15px;
}

.error {
	background: #f1f1f1 url("/image/message-error.png") no-repeat 6px;
}

.info {
	background: #f1f1f1 url("/image/message-info.png") no-repeat 6px;
	height: 15px;
}

.warn {
	background: #f1f1f1 url("/image/message-warn.png") no-repeat 6px;
	height: 15px;
}

.message {
	background: #f1f1f1 url("/image/loading-balls.gif") no-repeat 6px;
	padding-left: 60px;
	height: 15px;
}

.error ul {
	padding: 10px;
	list-style-image: url("/image/protocol-info-bullet.png");
	margin-left: 20px;
}

/* Help */
#tos, #help-index, #help-content {
    font-size: 14px;
    color: black;
    padding: 0 20px 20px;
}

#tos h1, #help-index h1, #help-content h1 {
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 10px;
}

#tos ul {
    list-style: decimal;
    padding-left: 20px;
}

#help-index ul, #help-content ul {
    list-style: disc;
    padding-left: 20px;
}

#tos ul li {
    padding: 10px;
}

#help-index ul li ul li {
    padding: 4px;
    font-size: 12px;
}

#tos ul li ul {
    list-style: lower-latin;
}

#help-index ul li ul, #help-content ul li ul {
    list-style: circle;
}

#tos p, #help-index p, #help-content p {
    padding: 10px 0;
}

#help-content .image-caption {
    font-size: 10px;
    text-align: center;
}

#help-content h2 {
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
}

.backToTop {
    font-weight: bold;
    font-size: 10px;
    color: #7f7f7f;
}

#index-incapacity, #index-death {
    list-style: decimal;
    padding-left: 25px;
}