/*
 * RPM Package Manager Project Website /
 * Copyright (c) 2007 Ralf S. Engelschall <rse@engelschall.com>
 */

/*
 *  ---- GENERAL STYLE ----
 */

html {
}

body {
    left:                  0px;
    top:                   0px;
    margin:                0px;
    padding:               0px;
    height:                100%;
    width:                 100%;
    background-color:      #000000;
    color:                 #d0d0d0;
    font-size:             10pt;
    font-family:           Arial, Helvectica, sans-serif;
}

img { 
    border:                0px none; 
}

a {
    color:                 #ffffff;
    text-decoration:       none;
}

a:hover {
    color:                 #ff3333;
    text-decoration:       none;
}

ul li {
    margin-top:            0px;
    margin-bottom:         6px;
}

ul.compact li {
    margin-top:            0px;
    margin-bottom:         0px;
}

h1 {
    font-size:             20pt;
    font-weight:           normal;
    margin-top:            16px;
    margin-bottom:         12px;
    color:                 #ffffff;
}

h2 {
    font-size:             14pt;
    font-weight:           normal;
    margin-top:            16px;
    margin-bottom:         12px;
    color:                 #ffffff;
}

/*
 *  ---- CANVAS STYLE ----
 */

div#canvas_head {
    position:              absolute;
    left:                  0px;
    top:                   0px;
    width:                 800px;
    height:                500px;
    background-image:      url(/canvas.img.d/rpm.png);
    z-index:               1;
}

div#canvas_body {
    position:              absolute;
    margin-left:           0px;
    padding-left:          0px;
    left:                  80px;
    top:                   190px;
    width:                 600px;
    z-index:               4 !important;
}

div#canvas_foot {
    width:                 300px;
    position:              relative;
    margin-top:            40px;
    color:                 #999999;
    font-size:             8pt;
}

div#canvas_foot a {
    color:                 #999999;
    font-size:             8pt;
}

/*
 *  ---- NAVIGATION BAR ----
 */

div#canvas_nav {
    position:              absolute;
    left:                  80px;
    top:                   150px;
    z-index:               2;
    font-size:             10pt;
    width:                 600px;
}
div#canvas_nav ul {
    position:              relative;
    display:               inline;
    list-style:            none;
    margin-left:           -4px;
    padding-left:          0px;
    padding-right:         0px;
}
div#canvas_nav ul li {
    display:               inline;
    margin-left:           0px;
    margin-right:          0px;
    padding-left:          4px;
    padding-right:         4px;
}
div#canvas_nav ul li + li {
    margin-left:           -4px;
    border-left:           1px solid #666666;
}
div#canvas_nav ul li a {
    text-decoration:       none;
    color:                 #999999;
}
div#canvas_nav ul li.inactive {
}
div#canvas_nav ul li.inactive a:hover {
    color:                 #ff3333;
}
div#canvas_nav ul li.active a {
    color:                 #ffffff;
}
div#canvas_nav ul li.active a:hover {
    color:                 #ff3333;
}

/*
 *  ---- OTHERS ----
 */

table tr td {
    vertical-align: top;
}

input {
    color: #d0d0d0;
    background-color:         #333333;
    border-top:     1px solid #404040;
    border-left:    1px solid #404040;
    border-right:   1px solid #909090;
    border-bottom:  1px solid #909090;
}

input[type="submit"] {
    color: #d0d0d0;
    background-color:         #333333;
    border-top:     1px solid #909090;
    border-left:    1px solid #909090;
    border-right:   1px solid #404040;
    border-bottom:  1px solid #404040;
}

.secondary {
    color:          #666666;
}
.secondary a {
    color:          #666666;
}