html{height:100%}
body{height:100%;font-family:Ubuntu,Quicksand,'Open Sans','Trebuchet MS',Helvetica,Arial,sans-serif;font-size:11pt;position:relative}

header{font-family:Quattrocento,Garamond,'Times New Roman',serif;color:#fff;height:30pt}

a:link{color:#3ef;text-decoration:none}
section a:link{color:#0bf}

h1,h2{margin:0 8px;font-size:18pt;line-height:30pt}
h1{float:right}
hgroup{
    margin-left:210px;height:inherit;background-color:#158;
    -webkit-box-shadow: 0 0 4px 3px gray;
    -moz-box-shadow: 0 0 4px 3px gray;
    box-shadow: 0 0 4px 3px gray;
    -moz-border-bottom-left-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    border-bottom-left-radius:8px
}

nav{
    float:left;background-color:#158;margin:20px 8px 8px 0;width:190px;font-size:80%;color:white;
    -webkit-box-shadow: 0 0 4px 3px gray;
    -moz-box-shadow: 0 0 4px 3px gray;
    box-shadow: 0 0 4px 3px gray;
    -moz-border-top-right-radius:8px;
    -webkit-border-top-right-radius:8px;
    border-top-right-radius:8px;
    -moz-border-bottom-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    border-bottom-right-radius:8px
}
nav table{width:100%}
nav tr.first,nav tr.last{height:8px}
nav tr.sep{border-bottom:1px solid #0bf}
nav th,nav td{padding:0 5px;line-height:1.8}
nav td:hover,nav td#current{background-color:#269}
nav a{display:block;padding:0 5px}
nav a:visited{color:#3ef}

section{
    position:absolute;top:30pt;bottom:0;right:0;left:210px;margin-top:20px;padding:8px;
    overflow:auto;background-color:#eee;
    -webkit-box-shadow: 0 0 4px 3px gray;
    -moz-box-shadow: 0 0 4px 3px gray;
    box-shadow: 0 0 4px 3px gray;
    -moz-border-top-left-radius:8px;
    -webkit-border-top-left-radius:8px;
    border-top-left-radius:8px
}

form table{letter-spacing:1px}
form table th,form table td{padding:4px 8px}
form table,table.listing{margin-top:10px;margin-bottom:10px}
table.listing{
    font-size:10pt;letter-spacing:normal;border:1px solid #999;border-collapse:separate;background-color:#e8e8e8;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
table.listing thead{
    line-height:1.8;
    background-image:-ms-linear-gradient(top,#fcfcfc 0%,#ececec 100%); /* IE10 Consumer Preview */
    background-image:-moz-linear-gradient(top,#fcfcfc 0%,#ececec 100%); /* Mozilla Firefox */
    background-image:-o-linear-gradient(top,#fcfcfc 0%,#ececec 100%); /* Opera */
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(1,#ececec)); /* Webkit (Safari/Chrome 10) */
    background-image:-webkit-linear-gradient(top,#fcfcfc 0%,#ececec 100%); /* Webkit (Chrome 11+) */
    background-image:linear-gradient(to bottom,#fcfcfc 0%,#ececec 100%) /* W3C Markup, IE10 Release Preview */
}
table.listing thead th{cursor:pointer}
table.listing tr th,table.listing tr td{padding:2px 3px;margin:0;border-top:1px dotted #999;border-left:1px dotted #999}
table.listing thead th,table.listing thead td{border-top:0 none}
table.listing tr th:first-child,table.listing tr td:first-child{border-left:0 none}
table.listing img{cursor:pointer}
table.listing a:link{color:#158;display:block}
table.listing a:link:hover{color:#37a;text-decoration:underline}
table.view th,table.view td{padding:8px}

input.btn{padding:4px 8px;cursor:pointer}