* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
html {
    width:100%;
    height:100%;
    margin:0
}
body {
    width:100%;
    height:100%;
    margin:0;
    padding:10px;
}
div#container {
    height:100%;
    position:relative;
    width:1000px;
    margin:0 auto;
    border:1px solid #777777;
    border-radius:5px;
    overflow:hidden
}
div#closure {
    position:relative;
    height:100%;
    overflow:hidden;
    border-style:solid;
    border-color:transparent;
    border-width:120px 0 48px 0;
    top:-100px;
}
div#closure:hover {
    overflow-y:auto;
}
div#container div.content {
    margin:20px 35px;
}
div#container div.content table {
    width:100%;
}
div#container div.content table th {
    text-align:left;
}
div#container div.content table th {
    overflow:hidden;
}
div#container div.content table td.action, div.content table th.action {
    width:32px;
}
div#container div.content table td.update {
    width:24px;
    padding-right:2px;
    text-align:right;
}
div#container div.content table td i
{
    cursor:pointer
}
div#container div.content table td input {
    width:100%;
}
div#container div.content table td select {
    width:100%;
}
div#content {
    display:none;
}
div#header {
    height:100px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-color:#cccccc;
    color:#333333;
}
div#header h1 {
    margin-top:0;
    padding:10px;
}
div#header h4 {
    margin:0;
    padding:10px;
}
div#header a:visited, div#header a:link {
    text-decoration:none;
    color:#333333;
}
div#header sup {
    font-weight:lighter;
}
div#header h1 sup {
    font-size:45%;
}
div#navigation {
    position:absolute;
    height:100%;
    border-top:120px solid transparent;
    border-bottom:48px solid transparent;
    top:0px;
    width:380px;
    left:-355px;
    overflow:hidden;
    z-index:100;
    cursor:pointer;
    font-family:Arial;
    transition: left 200ms ease-out;
    -webkit-transition: left 200ms ease-out;
    -moz-transition: left 200ms ease-out;
    -ms-transition: left 200ms ease-out;
    -o-transition: left 200ms ease-out;
}
div#navigation .navWrapper {
    width:380px;
    height:100%;
    margin-right:24px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background-color:#cccccc;
    transition: width 400ms linear;
    -webkit-transition: width 400ms linear;
    -moz-transition: width 400ms linear;
    -ms-transition: width 400ms linear;
    -o-transition: width 400ms linear;
}
div#navigation .navWrapper:hover {
    width:580px;
    overflow:auto;
    transition: width 400ms linear;
    -webkit-transition: width 400ms linear;
    -moz-transition: width 400ms linear;
    -ms-transition: width 400ms linear;
    -o-transition: width 400ms linear;
}
div#navigation .scrollWrapper {
    width:80%;
    float:left;
}
div#navigation:hover {
    left:0px;
    transition: left 200ms ease-out;
    -webkit-transition: left 200ms ease-out;
    -moz-transition: left 200ms ease-out;
    -ms-transition: left 200ms ease-out;
    -o-transition: left 200ms ease-out;
}
div#navigation ul {
    padding:0;
    margin:0;
}
div#navigation li {
    list-style-type:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div#navigation div.navLabel {
    padding:9px 18px;
    border-bottom:1px solid #cccccc;
    color:#000000;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div#navigation div.navLabel[data-level='0'] {
    background-color:#777777;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div#navigation div.navLabel[data-level='1'] {
    background-color:#aaaaaa;
}
div#navigation div.navLabel:hover {
    background-color:#333333;
    color:#ffffff;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div#navigation li.active div.navLabel {
    background-color:#333333;
    color:#ffffff;
}

/* conveniency styles */
div.section {
    width:100%;
    text-align:right;
    font-style:italic;
    color:#777777;
    font-size:12px;
    border-bottom:1px solid #cccccc;
    margin-bottom:8px;
}
div.datasection {
    width:100%;
    text-align:right;
    font-style:italic;
    color:#777777;
    font-size:12px;
    padding-right:5px;
}
div.button {
    float:left;
    cursor:pointer;
    background-color:#cccccc;
    border:1px solid #999999;
    padding:4px 6px;
    border-radius:5px;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div.button.right {
    float:right;
}
div.page div.button {
    margin-right:9px;
}
div.page div.button.right {
    margin-right:0px;
    margin-left:9px;
}
div.button:hover {
    background-color:#ffffff;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div.button.disabled {
    background-color:#dddddd;
    color:#777777;
    border-color:#999999;
}
div.button.disabled:hover {
    cursor:default;
    color:#777777;
}
.hidden {
    display:none;
}
li.file {
    cursor:pointer;
    background-color:#ffffff;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
li.file:hover {
    background-color:#cfcfcf;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div.page {
    padding-right:10px;
    width:922px!important;
    /*height:100%;*/
}
div.pika-single {
    position:absolute!important;
}
table[data-tables] {
    background-color:#eeeeee;
    border-radius:5px;
    padding:4px;
    margin-bottom:12px;
}
div.dateClicker {
    cursor: pointer;
    color: #999999;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
}
div.dateClicker:hover {
    color: #000000;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
}