@import "./users.css.php";

body {
    margin: 0;
    font-size: 75%;
    font-family: "Segoe UI", "Lucida Grande", "Helvetica", "Arial", sans-serif;
}

a {
    text-decoration: none;
}

a:link, a:visited, a:active {
	color: #000099;
}

a:hover {
    text-decoration: underline;
}

a.nameref:hover {
    text-decoration: none;
}

div.block {
    position: relative;
    -moz-border-radius-topleft: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #999;
}


div.header-msg {
    position: absolute;
    top: 0;
    left: 160px;
    right: 0;
    height: 61px;
}

div.welcome, div.login {
    position: absolute;
    bottom: 0;
    left: 0;
}

div.logo {
    float: left;
    width: 150px;
    height: 70px;
}

div.welcome {
    color: #666666;
}

div.login span.field {
    margin-left: 5px;
    margin-right: 5px;
}

input {
    font-family: sans-serif;
    font-size: 100%;
}

input.text {
    border: 0px;
    border-bottom: 1px dotted #333333;
}

input.filebox {
}

form#new-topic input#title {
    width: 300px;
}

div.login input.text {
    width: 70px;
}

span.warning {
    color: #FF0000;
}

span.comment {
    color: #666666;
}

img {
    border: 0;
}

div.subtitle,
div.footbar-sep {
    background: #000066;
    color: #ffffff;
}

div.subtitle {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
}

div.footbar-sep {
    float: left;
    width: 100%;
    text-align: right;
}

div.doyouknow {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #ffffff;
    /* font-style: italic; */
    font-weight: normal;
}

div.top-navigation {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    padding-right: 10px;
    display: inline;
    text-align: right;
    width: 50%;
}

div.left-sidebar {
    float: left;
    width: 150px;
}

div.main-body {
    margin-left: 140px;
}

div.block h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

div.section {
    float: left;
    width: 100%;
}

div.top-navigation ul {
    margin: 0;
    padding: 0;
}

div.top-navigation li {
    display: inline;
    margin-right: 5px;
    list-style-type: none;   
}

ul.links {
    margin: 0;
    padding: 0;
}

ul.links li {
    list-style-type: none;
}

textarea {
    display: block;
    width: 90%;
    max-width: 600px;
    font-family: sans-serif;
    font-size: 100%;
}

form#topic-reply textarea#replycont {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
}

form#new-topic textarea#content {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 200px;
    padding: 3px;
}

div.userinfo ul,
div.topic-list,
ol.topic-list {
    padding: 0;
    margin: 0;
    margin-top: 7px;
    margin-bottom: 7px;
}

div.userinfo ul {
    list-style-type: none;
}

ol.topic-list li {
    display: block;
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

ol.topic-list li:first-child {
    border-top: 1px solid #cccccc;
}

ol.topic-list .time {
    display: inline-block;
    width: 30px;
    margin-right: 5px;
}

ol.topic-list .meta {
    text-align: right;
    margin-left: 5px;
    margin-right: 5px;
}

ol.topic-list .creator {
    display: inline-block;
    width: 50px;
}

ol.topic-list .title {
    display: inline-block;
}

ol.topic-list .not-read {
    font-weight: bold;
}

ol.topic-list .count {
    font-size: 90%;
    color: #666666;
}

ol.topic-list .right {
    display: inline-block;
    position: absolute;
    text-align: right;
    top: 5px;
    right: 0px;
}

ol.topic-content .delete {
    position: absolute;
    right: 0px;
    bottom: 5px;
    display: inline-block;
    width: 1.5em;
    text-align: center;
    color: #c00000;
}

ol.topic-list .delete {
    width: 1.5em;
    text-align: center;
    color: #c00000;
    padding: 0;
}

ol.topic-list .puttop {
    width: 1.5em;
    text-align: center;
    color: #0000c0;
    padding: 0;
}

ol.topic-list .puttop-caption {
    color: #333333;
    font-size: 90%;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border: #cc9999 1px solid;

    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 5px;
}

ol.topic-list .puttop:hover {
    background: #c0c0ff;
}

ol.topic-list .puttop a {
    display: inline-block;
    width: 1.5em;
    text-decoration: none;
    color: inherit;
}

ol.topic-list .delete:hover,
ol.topic-content .delete:hover,
ol.topic-content-gt .delete:hover {
    background: #ffc0c0;
}

ol.topic-list .delete a,
ol.topic-content .delete a,
ol.topic-content-gt .delete a {
    display: inline-block;
    width: 1.5em;
    text-decoration: none;
    color: inherit;
}

div.topic-list-navi {
}

div.topic-list-navi .navi {
    float: right;
    text-align: right;
    width: 50%;
}

div.topic-list-navi .navi .navi-page {
    display: inline-block;
    width: 50px;
}

div.topic-list-navi .navi .navi-current {
    margin-left: 10px;
    margin-right: 10px;
}

div.topic-title {
    font-weight: bold;
}

ol.topic-content {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

ol.topic-content li {
    position: relative;
    list-style-type: none;

    border-bottom: 1px solid #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

ol.topic-content li:first-child {
    border-top: 1px solid #cccccc;
}

ol.topic-content .user {
    display: inline-block;
    width: 50px;
}

ol.topic-content .time {
    right: 5px;
    position: absolute;
    text-align: right;
    color: #666666;
    font-size: 90%;
}

ol.topic-content .content {
    display: block;
    margin-top: 10px;
    max-width: 600px;
}

ol.topic-content .pic {
    display: block;
}

ol.topic-content-gt .pic img,
ol.topic-content .pic img {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #999999;
    background: #e0e0e0;
}


div.topic-navi-top {
    width: 50%;
    float: right;
    text-align: right;
}

div.topic-navi-bottom {

}

form#topic-reply .upload {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.userinfo {
    position: relative;
    vertical-align: top;
    display: block;
    width: 350px;
    border: 1px solid #999999;
    padding: 10px;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    margin-right: 10px;
    margin-bottom: 15px;
    background: #f0f0f0;
}

div.userinfo h2 {
    margin-top: 0px;
    padding: 0;
}

div.userinfo h4 {
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 120%;

    border-bottom: 1px solid #999999;
    margin-right: 10px;
}

div.userinfo ul li {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin-left: 100px;
}

div.userinfo ul span.address {
    height: 3em;
}

div.userinfo .f {
    display: inline-block;
    width: 100px;
    color: #666666;
    margin-left: -100px;
}

div.userinfo .idcolor {
    display: inline-block;
    width: 1.5em;
    border: 1px solid #333333;
}

div.userinfo .extra {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #660000;
}

div.userinfo .to-page-start {
    margin-top: -1.5em;
    float: right;
    width: 1.5em;
    text-align: center;
}

div.userinfo .user-edit {
    margin-top: -1.5em;
    margin-right: 2em;
    width: 1.5em;
    text-align: center;
    float: right;
}

div.userinfo .user-edit:hover,
div.userinfo .to-page-start:hover {
    background: #cccccc;
}

div.userinfo .user-edit a,
div.userinfo .to-page-start a {
    display: inline-block;
    width: 1.5em;
    text-align: center;
}


code {
    font-size: 90%;
}

div.userinfo-list {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div.user-edit {

}

div.settings div.fd,
div.user-edit div.fd {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.user-edit span.caption {
    width: 100px;
    display: inline-block;
    color: #333333;
}

div.user-edit input.text {
    width: 400px;
}

div.user-edit div.birthday input {
    width: 50px;
    text-align: right;
}

div.user-edit #submit {
    margin-top: 10px;
}

div.error {
    background: #ffe0e0;
    color: #cc0000;
    padding: 10px;
    border: #cc9999 1px solid;
    margin-top: 5px;
    margin-bottom: 10px;
}

div.settings span.caption {
    width: 100px;
    display: inline-block;
    color: #333333;
}

div.settings h4 {
    font-weight: normal;
    padding: 5px;
    margin: 0;
    margin-bottom: 5px;
    margin-top: 10px;
    border-bottom: 1px solid #999999;
    display: block;
    width: 400px;
    font-style: italic;
    text-align: right;
}

div.settings input.address {
    width: 300px;
}

div.settings input.text {
    width: 200px;
}
div.settings input#submit {
    margin-top: 20px;
}

select {
    font-size: 100%;
}

span.miibeian {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    font-size: 80%;
}

div.front {
    height: 500px;
}

div.front div.moto {
    display: inline-block;
    padding-top: 50px;
    margin-left: 50px;
    font-style: italic;
    line-height: 2em;
}

div.front img {
    float: left;
    width: 600px;
    padding: 10px;
    border: #666666 solid 1px;
    background: #cccccc;
    margin: 10px;
}

ol.topic-content-gt {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

ol.topic-content-gt li {
    position: relative;
    list-style-type: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

ol.topic-content-gt .user {
    display: inline-block;
    /* width: 50px; */
}

ol.topic-content-gt .date {
    display: inline-block;
    float: left;
    padding-top: 0.3em;
    margin-left: 0;
    position: absolute;
    text-align: left;
    color: #666666;
    font-size: 90%;
}

ol.topic-content-gt .year {
    display: block;
    color: #666666;
    font-size: 90%;
    padding-top: 3px;
    padding-bottom: 3px;
}

ol.topic-content-gt .time {
    display: inline-block;
    margin-left: 3em;
    padding-top: 0.3em;
    float: left;
    position: absolute;
    text-align: left;
    color: #666666;
    font-size: 90%;
}

ol.topic-content-gt .user {
    left: 5.5em;
    position: absolute;
    text-align: left;
}

ol.topic-content-gt .content {
    max-width: 600px;
}

ol.topic-content-gt .content,
ol.topic-content-gt .pic {
    margin-left: 9em;
    margin-right: 2em;
    display: block;
}

ol.topic-content-gt .delete {
    position: absolute;
    right: 0px;
    bottom: 5px;
    display: inline-block;
    width: 1.5em;
    text-align: center;
    color: #c00000;
}