h1, h2, h3, h4, h5 {
	padding: 3px;
}

h2 {
	border-bottom: 2px solid var(--border);
}

h3 {
	margin-bottom: 1em;
	font-size: 1em;
	color: #333;
}

h4 {
	font-style: italic;
	margin-bottom: .6em;
}

.header {
	display: none;
}

.clear {
	clear: both;
}

.submit {
	text-align: right;
	margin-top: 1em;
}

.max-size {
	width: 100%;
}

.menuTitle {
    padding: 2px 0;
    margin: 5px 0;
}

/**
 * This style should be used on every table that are listing some information.
 * Usage: add class="list" in the table tag. Please observe that css can not handle
 * cellspacing, which means you have to add cellspacing="0" also.
 */
table.list td, table.list th {
    font-size: .8em;
}

table.list th {
    text-align: left;
    font-weight: bold;
}

table.list td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
    

/**
 * This style should be used on every table that shows an item of any kind
 * Usage: add class="item" in the table tag. Please observe that css can not handle
 * cellspacing, which means you have to add cellspacing="0" also.
 */
table.item td, table.item th {
    font-size: .8em;
}

table.item tr {
    background-color: #f7f7f7;
}

table.item td.header {
    background-color: #e7e7e7;   
    border: solid; 
    border-width: 0px 0px 2px 0px;            
    display: none;
}

table.item td.trailer { 
    background-color: #e7e7e7;       
    text-align: right;
    border: solid; 
    border-width: 2px 0px 0px 0px;   
    border-color: #fff;        
}

table.item th {
    color: #333;
    font-weight: bold;
    text-align: right;
    border-bottom: 0px solid #333;
    border-top: 2px solid #333;
}

table.item td {
    color: #333333;
}


/**
 * This style should be used on every table which only serves as a structure for other objects
 * Usage: add class="pageStructure" in the table tag. Please observe that css can not handle
 * cellspacing, which means you have to add cellspacing="0" also.
 */
.pageStructure {
    width: 100%;
}

.pageStructure td {
    border-bottom: 1px dotted #ccc;  
}

.pageStructure td p {
    color: #333333;
}

.pageStructure td.leftTd {
    border-right: 1px dotted #ccc;
    padding-right: 5px;
}
.pageStructure td.rightTd {
		padding-left: 5px;
}

.pageStructure td.top {
    border-top-style: none;   
}

.pageStructure td.bottom {
    border-bottom-style: none;   
}


/** Login window */

.login {
	text-align: left;
	margin: auto;
	width: 400px;
}

.login-header {
	text-align: center;
}

.login-header * {
	padding: 1em;
}

.login-key {
	float: left;
}

.login-text {
	padding: 2em auto;
}

.login-button {
	padding-top: 2em;
	text-align: center;
}

.alert {
	float: left;
    color: #C25429;     
}

table.alphabet {
	border-collapse: separate;
}

table.alphabet td {
	background: #e7e7e7;
	text-align: center;
}

table.alphabet td:hover {
	background: #ccc;
}