/* Cascading Style Sheet specialized for 'CCBot/1.0 (+http://www.commoncrawl.org/bot.html)' */

/* General properties */

body {
    width: 99%;
    font-size: 80%;
    }
form {
    padding: 0px;
    margin: 0px;
    }
td {
    vertical-align: top;
    empty-cells: show;
    }
table {
    empty-cells: show;
    }
img {
    border: 0px;
    }
.hidden {
    display: none;
    }

input.box {
    width: 210px;
    }

textarea.box {
    width: 218px;
        height: 7em;
    }

textarea.popupedit {
    width: 400px;
    height: 300px;
    }

textarea.main {
    width: 99%;
    height: 100px;
    }

textarea.longedit {
    width: 99%;
    height: 500px;
    }

textarea.shortedit {
    width: 99%;
    height: 100px;
    }

/* Pagetop */

div.page_top {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    }

div.page_top div.face {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    height: 200px;
    }

div.page_top div.logo {
    position: absolute;
    top: 0px;
    left: 220px;
    width: 200px;
    height: 80px;
    }

div.page_top div.name {
    position: absolute;
    top: 0px;
    right: 220px;
    width: 200px;
    height: 80px;
    text-align: right;
    }

div.page_top div.flags {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 15px;
    }

div.page_top div.flags div.flag {
    float: left;
    height: 15px;
    padding-left: 5px;
    }

/* Left */

div.page_left {
    position: absolute;
    top:205px;
    left: 5px;
    width: 220px;
    }

div.page_left div {
    width: 220px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    }

div.page_left div.link {
    text-align: right;
    margin-right: 10px;
    }

div.page_left div.board div.header {
    padding: 2px 5px 2px 5px;
    margin-right: 5px;
    width: 205px;
        }

div.page_left div.board div.item {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 15px; /* top right bottom left */
    width: 195px;
        overflow: hidden;
    }

div.page_left div.board p, div.page_left div.board div.item p {
    padding: 0px;
    margin: 0px;
    }

/* Navigation */

#nav_root {
    z-index: 100;
    overflow: visible;
    top: 0px;
    left: 0px;
    width: 180px;
}

#nav_root ul {
    position: absolute;
    top: 0px;
    left: 185px;
        width: 180px;
    padding: 5px;
    visibility: hidden;
}

#nav_root ul ul {
    left: 190px;
    width: 180px;
}

#nav_root li {
    left: 0px;
    position: relative;
    width: 160px;
        padding: 0px 20px 0px 0px;
    margin: 0px;
    }

#nav_root li .arrow {
    position: absolute;
    right: 5px;
    top: 1px;
}

/* Main */

div.main {
    }

div.page_center {
    position: absolute;
    top: 85px;
    left: 235px;
    right: 5px;
    }

/* Main */

div.page_center div.left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    }

div.page_center div.right {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    }

/* Content */

div.page_center h1 {
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    clear: both;
    }
div.page_center h2 {
    margin-top: 1.33em;
    margin-bottom: 0.5em;
    clear: both;
    }
div.page_center h3 {
    margin-top: 1em;
    margin-bottom: 0.333em;
    clear: both;
    }
div.page_center h4 {
    margin-top: 1em;
    margin-bottom: 0.333em;
    }
div.page_center h5 {
    margin-top: 0.75em;
    margin-bottom: 0.25em;
    }
div.page_center h6 {
    margin-top: 0.75em;
    margin-bottom: 0.25em;
    }
div.page_center p {
    margin-left: 25px;
    }
div.page_center blockquote {
    margin-left: 45px;
    }

div.page_center ul {
    list-style-position: outside;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    line-height: 1.5em;
    }
div.page_center ul ul {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    line-height: 1.5em;
    }
div.page_center img.imgLeft {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    clear: left;
    }
div.page_center img.imgCenter {
    display: block;
    }
div.page_center img.imgRight {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    clear: right;
    }

/* Board */

div.page_center div.board div.header {
    padding: 2px 5px 2px 5px;
    margin-right: 5px;
    margin-top: 3px;
    }

div.page_center div.board div.item {
    margin-right: 5px;
    margin-bottom: 3px;
    padding: 5px 5px 5px 15px; /* top right bottom left */
    }

div.page_center div.board p, div.page_left div.board div.item p {
    padding: 0px;
    margin: 0px;
    }

/* Stats */

div.page_center td.statcol {
    vertical-align: bottom;
    text-align: center;
    width: 15px;
    }
div.page_center div.statcol {
    width: 15px;
    overflow: hidden;
    vertical-align: bottom;
    }

/* Lineage */

div.page_center div.lineage_place {
    padding: 5px;
    width: 100px;
    vertical-align: middle;
    }

div.page_center div.lineage_box {
    padding: 5px;
    }

/* image upload popups */

.imagepopup_tools {
    position: absolute;
    left: 5px;
    right: 220px;
    top: 5px;
    height: 20px;
    border: 1px solid black;
    padding: 5px;
    }

.imagepopup_main {
    position: absolute;
    left: 5px;
    right: 220px;
    top: 40px;
    border: 1px solid black;
    padding: 5px;
    }

.imagepopup_info {
    position: absolute;
    top: 5px;
    height: 200px;
    right: 5px;
    width: 200px;
    border: 1px solid black;
    padding: 5px;
    }

.imagepopup_preview {
    position: absolute;
    top: 220px;
    right: 5px;
    width: 200px;
    border: 1px solid black;
    padding: 5px;
    }

/* popup design */

ul.tabbed {
    margin:0px;
    padding: 0px 0px 1px 40px;
    list-style: none;
}

ul.tabbed li {
    display: inline;
    margin: 0px 0px 0px -36px;
    background: url(../img/tab_normal.gif) no-repeat;
    padding: 2px 40px 2px 36px;
    border-right: 1px solid #a0a0a0;
    position: relative;
}
ul.tabbed li.tabbed_active {
    background: url(../img/tab_active.gif) no-repeat;
    font-weight: bold;
    color: black;
}
div.tabpane {
    border: 3px ridge #a0a0a0;
    padding: 0px 10px 10px 10px;
    margin: 0px 10px 0px 0px;
}
div.popup_input_block {
    position: relative;
}
div.popup_input_block div.popup_input_label {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 110px;
    text-align: right;
}
div.popup_input_block div.popup_input_field {
    position: relative;
    left: 120px;
    top: 0px;
    right: 0px;
    padding-bottom: 10px;
}
div.popup_input_block div.popup_input_field input.text {
    height: 15px;
    width: 20em;
}