body
{
    background-color:       #112233;
    margin: 0px;
}

/* Everything is inside this thing. */
div.outer
{
    background-color:           #E3F1FF;
    -moz-border-top-colors:     #000 #EEEECC #BBBB99;
    -moz-border-bottom-colors:  #000 #EEEECC #BBBB99;
    -moz-border-left-colors:    #000 #EEEECC #BBBB99;
    -moz-border-right-colors:   #000 #EEEECC #BBBB99;
    border:                     6px solid #000;
    vertical-align:             middle;
    text-align:                 center;
    position:                   relative;
    width:                      1000px;
    height:                     625px;
}

/* Some extra table border styles */
table.outer
{
    background-color:           #EEEECC;
    -moz-border-top-colors:     #999 #777 #f2f2f2;
    -moz-border-bottom-colors:  #999 #777 #f2f2f2;
    -moz-border-left-colors:    #999 #777 #f2f2f2;
    -moz-border-right-colors:   #999 #777 #f2f2f2;
    border:                     4px solid #000;
    width:                      1000px;
    height:                     625px;
    padding:                    8px;
}

/* The map borders */
.map
{
    background-color:           #BBBB99;
    -moz-border-top-colors:     #BBBB99 #999 #f2f2f2;
    -moz-border-bottom-colors:  #BBBB99 #999 #f2f2f2;
    -moz-border-left-colors:    #BBBB99 #999 #f2f2f2;
    -moz-border-right-colors:   #BBBB99 #999 #f2f2f2;
    border:                     2px solid #BBBB99;
    padding:                    8px;
    color:                      #444444;
    font-family:                Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    font-size:                  11px;
    font-weight:                bold;
    line-height:                225%;
}

/* text entry */
.entry
{
    background-color:           #BBBB99;
    -moz-border-top-colors:     #999 #777 #f2f2f2;
    -moz-border-bottom-colors:  #999 #777 #f2f2f2;
    -moz-border-left-colors:    #999 #777 #f2f2f2;
    -moz-border-right-colors:   #999 #777 #f2f2f2;
    border:                     2px solid #000;
    padding:                    6px;
    color:                      #444444;
    font-family:                Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    font-size:                  11px;
    font-weight:                bold;
    line-height:                225%;
}

/* Advertisement menu */
.ads
{
    background-color:           #DDD;
    -moz-border-top-colors:     #999 #777 #f2f2f2;
    -moz-border-bottom-colors:  #999 #777 #f2f2f2;
    -moz-border-left-colors:    #999 #777 #f2f2f2;
    -moz-border-right-colors:   #999 #777 #f2f2f2;
    border:                     2px solid #000;
    width:                      200;
    height:                     240;
    padding:                    6px;
    color:                      #444444;
    font-family:                Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    font-size:                  11px;
    font-weight:                bold;
    line-height:                225%;
}

/* The graph container. Vertices are absolute w.r.t this. */
div.cell
{
    background-color:           white;
    -moz-border-top-colors:     #999 #777 #f2f2f2;
    -moz-border-bottom-colors:  #999 #777 #f2f2f2;
    -moz-border-left-colors:    #999 #777 #f2f2f2;
    -moz-border-right-colors:   #999 #777 #f2f2f2;
    border:                     2px solid #000;
    vertical-align:             middle;
    text-align:                 center;
    position:                   relative;
    width:                      640px;
    height:                     480px;
}

/* A known vertex. */
div.kv
{
    background-color:       #BCEF63;
    border:                 3px solid #85B464;
    font-family:            sans-serif;
    font-size:              10px;
    position:               absolute;
    text-align:             center;
    vertical-align:         middle;
    font-variant:           small-caps;
}

/* An unknown vertex. */
div.uv
{
    background-color:       #EFBC63;
    border:                 3px solid #B48564;
    font-family:            sans-serif;
    font-size:              10px;
    position:               absolute;
    text-align:             center;
    vertical-align:         middle;
    font-variant:           small-caps;
}

/* An unreached theme vertex. */
div.tv
{
    background-color:       #BC63EF;
    border:                 3px solid #8564B4;
    font-family:            sans-serif;
    font-size:              10px;
    position:               absolute;
    text-align:             center;
    vertical-align:         middle;
    font-variant:           small-caps;
}

/* A clue vertex. */
div.cv
{
    background-color:       #EFEF63;
    border:                 3px solid #B4B464;
    font-family:            sans-serif;
    font-size:              10px;
    position:               absolute;
    text-align:             center;
    vertical-align:         middle;
    font-variant:           small-caps;
}