/*******************************************************************************
 *
 ******************************************************************************/
body{
    color:#afafaf;
    margin:0px;
    padding:0px;
    background:black;
}

.green{
    color:#00ff00;
    background:black;
}

.red{
    color:#ff4040;
    background:black;
}

.error{
    color:black;
    background:red;
}

/* DEBUG */
.num{
    color:black;
    background:black;
    font-size: 1px;
}

/*******************************************************************************
 *
 ******************************************************************************/
#data{
    text-align:center;
    position:absolute;
    top:10px;left:10px;
    width:300px;
    height:412px;
    background:black;
    color:#afafaf;
    font-size: 10pt;
}

/*******************************************************************************
 * Input Styles
 ******************************************************************************/
input
{
    background: transparent;
    color: #afafaf;
    /*height: 15px;*/
    font-size: 10pt;
    text-align: center;
    border: 0px solid;/* Mozilla hack - need border-style to make transparency work */
    padding: 0px;
}

/*******************************************************************************
 * Tab Styles
 ******************************************************************************/
div.tab {
    position:absolute;
    text-align: center;
    font-size: 10pt;
    font-variant: small-caps;
    z-index:3;/* Mozilla hack - should be on top without this */
}

#tab3 {top:113px;}
#tab2 {top:221px;}
#tab1 {top:329px;}
#tab1, #tab2, #tab3 {
    left:550px;
    width:85px;
    height:96px;
}

#tab4 {
    top: 5px;
    left: 557px;
    width: 79px;
    height: 52px;
}

div.tab input {
    border: 1px solid #afafaf;
    width: 21px;
}

div.tab a {
    color: #afafaf;
    font-weight: bolder;
    text-decoration: none;
}

#tab4 div {
    position: absolute;
    top: 61px;
    left: 0px;
    width: 79px;
    text-align: center;
}

/*******************************************************************************
 *
 ******************************************************************************/
div.tree div
{
    position: absolute;
    width: 48px;
    height: 48px;
    cursor:pointer;
}

div.i11, div.i12, div.i13 {top: 15px;}
div.i21, div.i22, div.i23 {top: 83px;}
div.i31, div.i32, div.i33 {top: 151px;}
div.i41, div.i42, div.i43 {top: 219px;}
div.i51, div.i52, div.i53 {top: 287px;}
div.i61, div.i62, div.i63 {top: 355px;}

div.i11, div.i21, div.i31, div.i41, div.i51, div.i61 {left: 15px;}
div.i12, div.i22, div.i32, div.i42, div.i52, div.i62 {left: 84px;}
div.i13, div.i23, div.i33, div.i43, div.i53, div.i63 {left: 153px;}

div.tree input {
    position: absolute;
    left: 42px;
    top: 44px;
    width: 21px;
}

/*******************************************************************************
 *
 ******************************************************************************/
div.tree
{
    position: absolute;
    left: 320px;
    top: 0px;
    display: none;
}

img.r1,img.r2,img.r3{position:absolute;top:385px;cursor:pointer;}
img.r1{left:15px;}
img.r2{left:100px;}
img.r3{left:171px;}