body {
    color:                     black;
    background-color:          #E3EEFD;
/*    background-image:          "grad.jpg";
    background-repeat:         repeat-y;
*/
    font-family:               Verdana, Arial, Helvetica, sans-serif;
    font-size:                 10pt;
}


table {
    font-size:                 10pt;
}

table.bordered {
    width:                     100%;
    margin-top:                8px;
    margin-bottom:             8px;
    border-color:              #0E58C0;
    border-style:              solid;
    border-width:              1px;
}

table.bordered td {
/*    padding:                   1px;*/
    border-color:              #0E58C0;
    border-style:              solid;
    border-width:              1px;
/*    border-bottom-style:       solid;*/
}

h1 {
    font-family:               Tahoma;
    font-size:                 28pt;
    text-align:                right;
    color:                     black;
    margin-left:               0;
    margin-right:              0;
    margin-top:                0;
    margin-bottom:             0;
}


h2 {
    font-family:               Tahoma;
    font-size:                 16pt;
    text-align:                right;
    color:                     black;
    margin-top:                0;
    margin-bottom:             0;
}

iframe {
    position:absolute;
    left:0; top:0; height:26pt; width:100%;
}

.SmallLogo {
    font-family:               Tahoma;
    font-size:                 20pt;
    font-weight:               bold;
    text-align:                left;
    color:                     black;
    margin-left:               0;
    margin-right:              0;
    margin-top:                0;
    margin-bottom:             0;
}

.Stripe {
    color:                     #4A4FEA;
    background-color:          #99CCFF;
    font-weight:               bold;
    text-decoration:           none;
    text-align:                left;
    padding-left:              4px;
    padding-top:               2px;
    padding-bottom:            2px;
    margin-top:                40pt;
    margin-bottom:             10pt;
    font-size:                 12pt;
}

.News {
    color:                     rgb(97,49,136);
    background-color:          rgb(174,174,247);
    font-weight:               bold;
    text-decoration:           none;
    text-align:                left;
}

.Copyright {
    font-size:                 8pt;
}


.breadboard {
    border:              none;
    border-width:              0;
    padding:                   0;
}


table.block {
    width:                     100%;
    margin-top:                8px;
    margin-bottom:             8px;
    border-color:              #0E58C0;
    border-style:              solid;
    border-width:              2px;
}

/* block body */
tr.block td {
    padding:                   4px;
    color:                     black;
    background-color:          white;
    border-style:              none;
}

/* block header */
td.block {
    padding:                   1px;
    text-align:                center;
    font-weight:               bold;
    color:                     black;
    background-color:          #ACCDE5;
    border-color:              #0E58C0;
    border-style:              none;
    border-width:              2px;
    border-bottom-style:       solid;
}

td.block.app {
    background-color:          #BAE5BB;
}
td.block.tool {
    background-color:          #F7F0B4;
}
td.block.dev {
    background-color:          #F3C8C6;
}
td.block.news {
    padding-left:              4px;
    text-align:                left;
/*    background-color:          #EDE289;*/
}
td.block.news.date {
    width:                     70pt;
    text-align:                center;
    background-color:          #E3EEFD;
    border-left-style:         solid;
}

/* CSS2.1, supported by Opera, not supported by IE7
a[class="block-link"] {
    color:                     yellow;
}*/

/* applies only to A with class "block-link"
a.block-link {
    color:                     red;
}*/

/* CSS2, supported by Opera, "+"(not checked) & ">" are not supported by IE7 */
td.block a {
    color:                     black;
    text-decoration:           none;
}
td.block a:hover {
    color:                     #0E58C0;
    text-decoration:           none;
}

ul {
    margin-top:               0;
    margin-bottom:            0;
}



a           { text-decoration: none; }
a:hover     { text-decoration: underline; }


.key        { color:            white;
              background-color: black;
              /*font-weight:      bold;*/
}
.mouse      { color:            white;
              background-color: brown;
}
.menu       { color:            black;
              background-color: lightgrey;
}