/* lijst.com styles
v2008-06-20

Used example layout:
http://css.maxdesign.com.au/floatutorial/tutorial0809.htm
*/

body {
    margin: 0;
    padding: 0;
    border: 0;
    color: #333;
    background-color: #FFF;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 0.9em;
    /* min-width:750px; */
    background-image: url('images/background/gradient.gif');
    background-repeat: repeat-x;
    background-position: 0 89px;
}

table {
    margin-bottom: 5px;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
}

th {
    text-align: left;
    vertical-align: top;
/*    background-color: gray; */
}

img {
    border: 0px;
}

table#measurements td {
    padding: 0.4em;
}

#menu ul {
    list-style-type: none;
    /* border: 2px solid gray; */
}
#menu li {
    margin-top: 3px;
    padding: 1px;
    /* background-color: #EEE; */
}

#menu a {
    margin-left: 2px;
    padding: 3px;
    padding-top: 1px;
    padding-left: 0px;
}
#menu a:hover {
    margin-left: 0px;
    background-color: #EFE;
    border-left: 2px solid gray;
}

#menu .inactive {
    margin-left: 2px;
    padding: 3px;
    padding-top: 1px;
    padding-left: 0px;
    color: #666666;
}

#menu li.first {
    /* background-color: #FFF; */
    font-size: smaller;
}
/* #menu li.first:hover {
    background-color: #000;
}
*/

#messages {
  background-color: #DDFFDD;
  color: black;
  border: 1px solid white;
  list-style-type: none;
}


.icon {
    margin: 0px;
    margin-right: 0px;
    padding: 2px;
    vertical-align: middle;
    /* background-color: #EEE; */
}

a .icon {
   /* background-color: #FFF; */
}
a:hover .icon {
    background-color: #EFE;
}

.external {
    background: url('icons/wikipedia/external.png') center right no-repeat;
    padding-right: 13px;
}

h1 {
    font-size: 1.3em;
    margin-bottom: 3px;
    margin-left: -3px;
}

h2 {
    font-size: 1.1em;
    margin-bottom: 3px;
}

h3 {
    font-size: 1.0em;
    margin-top: 3px;
    margin-bottom: 3px;
}

#lijst_logo {
    margin: 5px;
    margin-top: 9px;
}

#header_title {
    position: absolute;
    left: 80px;
    top: 5px;
    color: #BBDDBB;
    color: #88BB88;
}

#header {
    width: 100%;
    margin-bottom: 0px;
    background-color: #DDFFDD;
    border-bottom: 2px solid white;
}

#menu {
    float: left;
    width: 180px;
    height: 89px;
    margin: 0px;
    padding: 0em;
}

#content {
    margin: 0px;
    padding: 0px;
    margin-left: 180px;
    padding-left: 10px;
}

#login_box {
    float: right;
    margin: 5px;
    padding: 5px;
    border: 2px solid gray;
}

#login_box .sub {
    font-size: small;
    text-align: center;
}

#footer {
    clear: both;
    font-size: small;
}

tr .submit {
    text-align: right;
}

.plain_text {
    font-family: "Courier New" Courier monospace;
    background-color: #EEE;
}

.attention {
    background-color: #AF9;
}
.error {
    background-color: #FC9;
}
.errorlist {
    background-color: #FC9;
    list-style-type: none;
    margin: 0px;
    margin-top: 3px;
}

.help {
    font-size: smaller;
}

.huge {
    font-size: 36px;
    margin-left: 10px;
    margin-right: 10px;
}
.almosthuge {
    font-size: 24px;
    margin-left: 12px;
}

.even {
    background-color: #EEFFEE;
}

.odd {
    background-color: #EEEEEE;
}

.actions {
    font-size: small;
}

.column {
    max-width: 600px;
}

.box {
    border-top: 2px solid #CCEECC;
}

.screenshot {
    margin-top: 5px;
    margin-left: 10px;
    padding: 0px;
    border: 5px solid #ccc;
}

.comment {
    color: #666;
    background-color: #EEE;
}