/* 
    Document   : main.css
    Created on : 30-jul-2009, 0:28:40
    Author     : pjm
    Description:
        Purpose of the stylesheet follows.
*/

div p,
div h1,
div h2,
div h3,
div h4,
div table,
div form{
	padding-left: 10px; padding-right: 10px;
        padding-top: 5px; padding-bottom: 5px;
        margin: 0px;
}

input, select, textarea, button {
   border: 1px dashed #CCCCCC;
   background: #F3F3F3;
}

button,
[type="submit"], input.submit,
[type="reset"], input.reset {
    /* padding:.3em .6em; */
    color:#000;
    letter-spacing:1px;
    text-decoration:none;
    background:#F0F0F0;
    border: 1px solid #CCCCCC;
    cursor:pointer;
}

button:hover,
[type="submit"]:hover, input.submit:hover
[type="reset"]:hover, input.reset:hover {
    color:#fff;
    background:#CCC;
    border: 1px solid #CCCCCC;
}

input:focus, select:focus, textarea:focus{
   border: 1px solid #666633;
   background: #FFFFFC;
}

table {
    padding: 0px;
    margin: 0px;
    
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

table thead {
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}

table thead td{
    background: #FFFFFF;
    border-bottom: 2px solid #333366;
}

.panel {
    text-align: left;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel table
.panel p,
.panel div,
.panel ul
{
    margin-left: 10px;
    margin-right: 10px;
}

#menu a{
    color: white;
    font-style:normal;
    text-decoration:none;
}

#menu a:hover{
    color: #FF3300;
}

#footerdiv a {
    color: #999999;
    text-decoration: overline underline;
}

.r0{
    background: #FFFFFF;
}

.r1{
    background: #F0FFFF;
}

.compactform{
    border: 1px solid #CCCCCC;
    width: 150px;
    background: #F6F6F6;
}

.compactform input,
.compactform select,
.compactform textarea{
   border: 1px solid #666633;
   background: #FFFFFC;
}

.line{
    font-size: 1px;
    width: 450px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    background: #666666;
    padding: 0px;
}

.comments{

    margin: 10px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    background: #FDFDFD;
    padding: 2px;
    text-align: left;

}

/*
.comments p{
    margin:5px;
    padding:5px;
    font-size: 10px;
}
*/

.error_old {
    border: 1px solid #FF0000;
    background: #FFCCCC;
    color: #000000;
    width: 400px;
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
}

.topdiv {
    margin-top:0px;
    text-align: left;
}

.topdiv a{
    color: #FFFFFF;
    font-style:normal;
    text-decoration:underline;
}

.toplink {
    z-index:1;
    float:right;
    width:100px;
    height: 12px;
    text-align:right;
    margin: 0 5px;
}

.activemenuitem {
    margin:0;
    width: 90px;
    margin-top:0;
    padding:0;
    background-color: #FFFFFF;
    color: #990000;
    font-weight: bold;
    text-align: center;
}

.menuitem {
    margin:0;
    width: 90px;
    margin-top:0;
    padding:0;
    background-color: #444444;
    text-align: center;
}



.newsitem
{
    text-align: left;
    border: 1px solid #CCCCCC;
    margin: 10px;
}

.rtop{display:block; margin-top:5px;}
.rbottom{margin-bottom:5px;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.footertext
{
    margin:0px;
    padding:0px;
    text-align: center;
    color:#999966;
    font-size:10px;
}

.webmailKnop{
    display: block;
    float: left;
    width: 200px;
    height: 12px;
    vertical-align: super;
    margin-left: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.webmailKnop a {
    font-style:normal;
    text-decoration:none;
}


.note {
        margin:10px; padding:10px;
        font-size:10px; line-height:18px;
        background-color:#ffffe0; border:#ece76b 1px solid;
        /*border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;*/
}

.comment { color:#777 }
.error	 { color:#cc0000; background-color:#ffe0e0; border-color:#cc0000  }
.success { color:#088a08; background-color:#e0ffe0; border-color:#088a08  }

p.note { font-size: 10px; padding-left: 30px; background-repeat:no-repeat; background-position:6px 6px }

p.comment { background-image:url('../img/icon_comment_yellow.gif') }
p.error	  { background-image:url('../img/icon_exclamation.png') }
p.success { background-image:url('../img/icon_accept.png') }

.legend_span{
    display: block;
    width: 100px;
    float: left;
}

label{
    margin: 0 0 0 10px;
    padding: 0;
    height: 21px;
    display: block;
}

label input{
    font-size: 11px;
    padding:0;
    margin: 0;
    border: 0;
}

label input:focus{
    border: 0;
    background: white;
    margin: 0;
    padding: 0;
}

label button
{
    margin: 0;
    padding: 0;
}