/* ======== global ========== */

body{
margin:0;
text-align:left;
background-color:slategray;

}

a{
color:black;
}

#snitch{
display:none;
}

#target{
border:0;
height:100%;
}

#betterbar{
height:100%
overflow:scroll;
display:block;
float:right;

width:19%;
font-family:'monaco';
font-size:10px;
}

#betterbar a{
text-decoration:none;
}


#betterbar ul{
margin: 0;
padding: 0;
list-style-type: none;
}

input{
text-align:center;
width:65px;
height:16px;
line-height:16px;
font-family:'monaco';
font-size:10px;
margin:0px;
background-color:slategray;
border:none;
}


/* ======== tier one ========= */
#betterbar ul li{
padding:1px;			/* padding value */
padding-left:5px;
text-decoration: none;
background-color: #000000;
color: #ffffff;
display: block;
}


/* ======== tier two =========== */
#betterbar ul ul{
margin-bottom:5px;
}

#betterbar ul ul li {
background-color:slategray;
color: black;
padding:0px;
}

#betterbar ul ul li a {
display:block;
padding:1px;			/* padding value */
padding-left:15px;
}

#betterbar ul ul li a:hover {
background-color:pink;
text-decoration:underline;
}

#header{
text-align:center;
font-weight:bold;
padding:1px;
}

#blahblahblah{
text-align:center;
display:block;
padding-top:100px;
font-family:georgia;
}

.monaco{
font-family:monaco;
font-size:10px;
}