@charset "UTF-8";
/* css: club */
body {
background-color:#ffffff;
background-image:url(/s/bg/page-gradient.jpg);
background-repeat:repeat-x;
background-position:0 0;
}
/* IMPORT start */
/* css: xinha.css */
* {
font-family:Arial, sans-serif;
}
body {
font-size:10pt;
margin:0;
padding:0;
line-height:1.3em;
color:#000000;
}
h1, h2, h3, h4, h5, h6 {
color:#94ab3f;
margin:0;
padding:1em 0 0.5em 0;
font-size:100%;
}
h1 {
font-size:150%;
font-weight:normal;
padding-top:0.1em;
}
h2 {
font-size:120%;
}
h3 {
}
h4,h5,h6 {
text-transform:uppercase;
font-weight:normal;
}
em {
color:#94ab3f;
font-style:normal;
}
address {
padding:5px 0;
}
a {
color:#64732b;
text-decoration:none;
}
a:hover {
color:#990000;
text-decoration:underline;
}
a.wxml {
color:#e0e0e0;
}
p:after {
content:".";
color:transparent;
line-height:0;
overflow:hidden;
display:block;
width:0px;
height:0px;
overflow:none;
clear:both;
}
div.column {
}
div.column.right {
float:right;
}
div.column.left {
float:right;
}
div.column p:after {
clear:none;
}
/* IMPORT end */
#bodybg {
z-index:1;
position:absolute;
width:700px;
height:503px;
top:0;
left:0;
background-image:url(/s/bg/page.png);
background-repeat:no-repeat;
background-position:0 0;
}
#universe {
margin:0 auto;
min-width:700px;
max-width:1200px;
}
#solarsystem {
position:relative;
z-index:10;
margin:0;
padding:10px;
border:1px solid #cccccc;
}
#head {
margin:10px 0 0 0;
position:relative;
z-index:10;
background-image:url(/s/bg/head.jpg);
}
#head img.logo {
background-image:url(/s/logo.png);
border:none;
}
#userstatus {
color: #151AE3;
float: right;
margin: 0.5em 1em;
text-align: right;
width: 300px;
}
#menu {
position:absolute;
left:0;
width:25%;
}
#menu > div {
padding:0;
margin:10px 0 0 0;
background-color:#e3e5d7;
}
#menu > div > div {
padding:0 0 10px 0;
}
div.box h6, #menu h6 {
background-image:url(/s/bg/blockhead.png);
background-position:0 0;
background-repeat:repeat-x;
color:#2d3413;
height:20px;
padding:5px 10px;
line-height:20px;
}
#menu ul {
margin:0;
padding:0;
}
#menu ul li {
list-style:none;
margin:0;
padding:0 0 0 10px;
}
#menu li > a {
padding: 0 1ex;
}
#menu li.active {
}
#menu li.active > a {
background-color:#ffffff;
color:#262C10;
}
#content {
margin:0 0 0 25%;
min-height:400px;
}
#main {
margin:0;
padding:10px 20px 20px 20px;
}
#foot {
background-image:url(/s/bg/foot.png);
background-repeat:repeat-x;
background-position:0 100%;
height:30px;
text-align:center;
line-height:30px;
}
#foot a {
color:#000000;
}
div.box {
float:right;
width:300px;
padding:10px;
}
div.box > div {
border:solid 1px #b4c86a;
background-color:#eeeee6;
padding:0;
}
div.box h6 {
}
div.box p {
margin:10px;
}
div.box > div div {
margin:10px;
}
div.clear {
clear:both;
}
span.age > span.year {
}
span.age > span.month {
font-size:0.8em;
}
table.table {
border-collapse:collapse;
width:100%;
}
table.table.normal {
width:auto;
}
table.table th {
text-align:left;
}
table.table td, table.table th {
border:solid 1px #aaaaaa;
padding:4px;
}
table.table tr {
background-color:#ffffff;
}
table.table tr.even {
background-color:#dddddd;
}
table.table thead tr {
background-color:#b4c86a;
color:#2d3413;
font-weight:bold;
}
td.numeric {
text-align:right;
}
div.predate {
float:right;
font-size:105%;
}
div.predate span.draft {
text-transform:uppercase;
}
div.end {
clear:both;
}
div.list > div.listentry {
border:none;
border-top:solid 2px #dddddd;
border-collapse:collapse;
margin:10px 0 0 0;
padding:0 1em;
background-color:#f0f0f0;
}
div.list > div.listentry > div.date {
float:left;
padding:1em 0 0 0;
width:14em;
}
div.list > div.listentry > h3 {
margin-left:15em;
}
div.list > div.listentry > div.blurb {
margin-left:15em;
padding:0 0 0.5em 0;
}
div.list > div.listentry > div.url {
margin-left:15em;
padding:0 0 0.5em 0;
}
div.list.newsletter > div.listentry > h2,
div.list.newsletter > div.listentry > h3,
div.list.newsletter > div.listentry > h4 {
margin-left:0;
padding:0.5em 0;
}
div.list.newsletter > div.listentry > div.blurb,
div.list.newsletter > div.listentry > div.url {
margin-left:0;
padding:0.5em 0;
}
/* css: form */
a.action {
background-repeat:no-repeat;
padding-left:18px;
}
img.action.add, a.action.add {
background-image:url(/s/icon/add.png);
}
img.action.edit, a.action.edit {
background-image:url(/s/icon/edit.png);
}
img.action.no, a.action.no, img.action.rm, a.action.rm {
background-image:url(/s/icon/no.png);
}
img.action.ok, a.action.ok {
background-image:url(/s/icon/ok.png);
}
img.action.info,a.action.info {
background-image:url(/s/icon/info.png);
}
img.action.list,a.action.list {
background-image:url(/s/icon/list.png);
}
img.action.home,a.action.home {
background-image:url(/s/icon/folder_home.png);
}
img.action.top, a.action.top {
background-image:url(/s/icon/top.png);
}
img.action.up, a.action.up {
background-image:url(/s/icon/up.png);
}
img.action.down, a.action.down {
background-image:url(/s/icon/down.png);
}
img.action.bottom, a.action.bottom {
background-image:url(/s/icon/bottom.png);
}
img.action.save, a.action.save {
background-image:url(/s/icon/save.png);
}
fieldset {
padding:13px;
border:1px solid #aaaaaa;
}
legend {
padding:0.2em 0.5em;
color:#533603;
font-size:120%;
}
label {
font-weight:bold;
padding:0 7px 0 0;
}
input, textarea {
width:300px;
padding:1px 3px;
margin:0px;
background-color:#efefef;
border:solid 1px #533603;
color:#533603;
}
input.wide, textarea.wide {
width:600px;
}
input.short{
width:auto;
}
input.captcha {
width:100px;
}
input[type="image"] {
width:auto;
}
input[type="number"] {
text-align:right;
}
input[type="submit"], input[type="reset"] {
background-color:#eeeee6 !important;
width:auto !important;
padding:3px !important;
border:2px outset #533603 !important;
font-family:Arial, sans-serif !important;
font-weight:bold !important;
}
input[type="checkbox"], input[type="radio"] {
width:auto !important;
}
input[name="save"], input.save {
color:#009900 !important;
}
input[type="reset"], input[name="cancel"], input.cancel {
color:#990000 !important;
}
input.numeric {
text-align:right;
}
input.error, textarea.error {
background-color:#ffaf80;
}
div.element {
margin:0;
padding:3px 0;
}
div.element > label {
color:#533603;
font-weight:bold;
float:left;
width:100px;
text-align:right;
}
div.element > div.input {
margin:0 0 0 107px;
padding:0;
}
div.element > div.description {
margin:3px 0 0 112px;
padding:0;
}
div.element > div.description > .annotation {
font-size:80%;
padding:7px 0 0 0;
}
div.form div.buttons {
height:30px;
margin:0;
padding:17px 0 0 100px;
}
div.form div.buttons > div.button {
float:left;
margin:0 7px;
}
div.form div.column {
width:330px;
}
div.form div.column.clear {
clear:left;
height:1px;
}
div.form div.column.first {
float:left;
}
div.form div.column.second {
margin-left:330px;
}
div.form div.column input, div.form div.column textarea {
width:200px;
}
div.form div.column div.element > label {
}
div.message {
color:#533603;
background-color:#b4c86a;
padding:8px;
margin:8px;
border:solid 2px #94a84a;
}
div.error {
color:#000000;
background-color:#ffaf80;
padding:8px;
margin:8px;
border:solid 2px #ff7002;
}
div.error h3 {
color:#CC0000;
margin:0;
padding:0;
}
div.error p {
margin:0;
padding:0;
}
div.error dl {
margin:5px 0;
padding:0;
}
div.error dt {
font-weight:bold;
float:left;
margin:0 7px 0 0;
}
div.error dd {
}
div.form {
padding:7px 0;
}
div.form.selectgroup div {
float:left;
padding:2px;
margin:2px;
background-color:#ffffff;
}
div.error dd {
margin:0;
padding:0;
}
img.captcha {
border:solid 1px #666666;
padding:1px;
margin-bottom:-5px;
}
#vfsframes {
display:none;
}
.xinha_iframe {
padding:1px 3px;
margin:0px;
border:solid 1px #666666;
width:300px;
}
div.pager {
height:2em;
margin:1em 0;
padding:3px;
width:99%;
border:solid 1px #eeefe6;
}
div.pager>div {
float:left;
padding:0 1em;
}
div.pager>div.total {
}
div.pager>div.prev {
padding-left:0;
}
div.pager>div.next {
padding-right:0;
}
div.pager>div.jump {
}
div.pager>div.end {
padding:0;
}
div.pager>div input {
width:50px;
}
/* css: window */
.overlay_dialog {
background-color: #666666;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.overlay___invisible__ {
background-color: #666666;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.dialog_nw {
width: 9px;
height: 23px;
background: transparent url(/s/window/top_left.gif) no-repeat 0 0;
}
.dialog_n {
background: transparent url(/s/window/top_mid.gif) repeat-x 0 0;
height: 23px;
}
.dialog_ne {
width: 9px;
height: 23px;
background: transparent url(/s/window/top_right.gif) no-repeat 0 0;
}
.dialog_e {
width: 2px;
background: transparent url(/s/window/center_right.gif) repeat-y 0 0;
}
.dialog_w {
width: 2px;
background: transparent url(/s/window/center_left.gif) repeat-y 0 0;
}
.dialog_sw {
width: 9px;
height: 19px;
background: transparent url(/s/window/bottom_left.gif) no-repeat 0 0;
}
.dialog_s {
background: transparent url(/s/window/bottom_mid.gif) repeat-x 0 0;
height: 19px;
}
.dialog_se {
width: 9px;
height: 19px;
background: transparent url(/s/window/bottom_right.gif) no-repeat 0 0;
}
.dialog_sizer {
width: 9px;
height: 19px;
background: transparent url(/s/window/sizer.gif) no-repeat 0 0;
cursor:se-resize;
}
.dialog_close {
width: 14px;
height: 14px;
background: transparent url(/s/window/close.gif) no-repeat 0 0;
position:absolute;
top:5px;
left:8px;
cursor:pointer;
z-index:2000;
}
.dialog_minimize {
width: 14px;
height: 15px;
background: transparent url(/s/window/minimize.gif) no-repeat 0 0;
position:absolute;
top:5px;
left:28px;
cursor:pointer;
z-index:2000;
}
.dialog_maximize {
width: 14px;
height: 15px;
background: transparent url(/s/window/maximize.gif) no-repeat 0 0;
position:absolute;
top:5px;
left:49px;
cursor:pointer;
z-index:2000;
}
.dialog_title {
float:left;
height:14px;
font-family: Tahoma, Arial, sans-serif;
font-size:12px;
text-align:center;
width:100%;
color:#000000;
}
.dialog_content {
overflow:auto;
color:#fffddd;
font-family:Arial, sans-serif;
font-size:12px;
background-color:#112233;
}
.dialog_content pre {
color:#fffddd;
background-color:#112233;
}
.top_draggable, .bottom_draggable {
cursor:move;
}
.status_bar {
font-size:12px;
}
.status_bar input{
font-size:12px;
}
.wired_frame {
display: block;
position: absolute;
border: 1px #000 dashed;
}
.dialog {
display: block;
position: absolute;
}
.dialog table.table_window  {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 0px;
padding:0px;
}
.dialog table.table_window td , .dialog table.table_window th {
padding: 0;
}
.dialog .title_window {
-moz-user-select:none;
}
.xinha_dialog {
padding:7px;
}
/* css: icon */
span.gender {
background-image:url(/s/male.png);
display:block;
float:left;
width:16px;
height:32px;
}
span.gender.male {
background-image:url(/s/dad.png);
}
span.gender.female {
background-image:url(/s/mom.png);
}
span.gender.male.child {
background-image:url(/s/boy.png);
}
span.gender.female.child {
background-image:url(/s/girl.png);
}
img.smiley16, img.smiley32, img.smiley64, img.smiley128 {
background-image:url(/s/smiley-16x16.png);
background-position:0 0;
background-color:transparent;
margin:0;
padding:0;
border:none;
width:16px;
height:16px;
}
img.smiley16.angry {
}
img.smiley16.winking {
background-position:0 16px;
}
img.smiley16.tongue {
background-position:0 32px;
}
img.smiley16.surprised {
background-position:0 47px;
}
img.smiley16.smile {
background-position:0 63px;
}
img.smiley16.smileface {
background-position:0 78px;
}
img.smiley16.sick {
background-position:0 95px;
}
img.smiley16.sad {
background-position:0 110px;
}
img.smiley16.nerd {
background-position:0 126px;
}
img.smiley16.laughing {
background-position:0 142px;
}
img.smiley16.happy {
background-position:0 158px;
}
img.smiley16.crying {
background-position:0 173px;
}
img.smiley16.cool {
background-position:0 189px;
}
img.smiley16.blushing {
background-position:0 205px;
}
img.smiley32 {
background-image:url(/s/smiley-32x32.png);
width:32px;
height:32px;
}
img.smiley32.angry {
}
img.smiley32.winking {
background-position:0 32px;
}
img.smiley32.tongue {
background-position:0 63px;
}
img.smiley32.surprised {
background-position:0 94px;
}
img.smiley32.smile {
background-position:0 125px;
}
img.smiley32.smileface {
background-position:0 158px;
}
img.smiley32.sick {
background-position:0 190px;
}
img.smiley32.sad {
background-position:0 220px;
}
img.smiley32.nerd {
background-position:0 252px;
}
img.smiley32.laughing {
background-position:0 284px;
}
img.smiley32.happy {
background-position:0 316px;
}
img.smiley32.crying {
background-position:0 346px;
}
img.smiley32.cool {
background-position:0 378px;
}
img.smiley32.blushing {
background-position:0 410px;
}
img.smiley64 {
background-image:url(/s/smiley-64x64.png);
width:64px;
height:64px;
}
img.smiley64.angry {
}
img.smiley64.winking {
background-position:0 64px;
}
img.smiley64.tongue {
background-position:0 126px;
}
img.smiley64.surprised {
background-position:0 188px;
}
img.smiley64.smile {
background-position:0 252px;
}
img.smiley64.smileface {
background-position:0 316px;
}
img.smiley64.sick {
background-position:0 378px;
}
img.smiley64.sad {
background-position:0 440px;
}
img.smiley64.nerd {
background-position:0 504px;
}
img.smiley64.laughing {
background-position:0 568px;
}
img.smiley64.happy {
background-position:0 632px;
}
img.smiley64.crying {
background-position:0 692px;
}
img.smiley64.cool {
background-position:0 756px;
}
img.smiley64.blushing {
background-position:0 820px;
}
img.smiley128 {
background-image:url(/s/smiley-128x128.png);
width:128px;
height:128px;
}
img.smiley128.angry {
}
img.smiley128.winking {
background-position:0 128px;
}
img.smiley128.tongue {
background-position:0 252px;
}
img.smiley128.surprised {
background-position:0 376px;
}
img.smiley128.smile {
background-position:0 504px;
}
img.smiley128.smileface {
background-position:0 632px;
}
img.smiley128.sick {
background-position:0 756px;
}
img.smiley128.sad {
background-position:0 880px;
}
img.smiley128.nerd {
background-position:0 1008px;
}
img.smiley128.laughing {
background-position:0 1134px;
}
img.smiley128.happy {
background-position:0 1264px;
}
img.smiley128.crying {
background-position:0 1384px;
}
img.smiley128.cool {
background-position:0 1512px;
}
img.smiley128.blushing {
background-position:0 1640px;
}
/* css: lightbox */
#lightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height: 0;
}
#lightbox img {
width:auto;
height:auto;
}
#lightbox a img {
border:none;
}
#outerImageContainer {
position:relative;
background-color:#94ab3f;
width:250px;
height:250px;
margin:0 auto;
}
#imageContainer {
padding:10px;
}
#loading {
position: absolute;
top:40%;
left: 0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav{
left:0;
}
#hoverNav a {
outline: none;
}
#prevLink, #nextLink {
width:49%;
height:100%;
background-image:url(data:image/gif;base64,AAAA);
display: block;
}
#prevLink {
left:0;
float:left;
}
#nextLink {
right:0;
float:right;
}
#prevLink:hover, #prevLink:visited:hover {
background:url(/s/icon/lb-l.png) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background:url(/s/icon/lb-r.png) right 15% no-repeat;
}
#imageDataContainer {
background-color:#94ab3f;
margin:0 auto;
line-height:1.4em;
overflow:auto;
width:100% ;
}
#imageData {
padding:0 10px;
color:#000000;
}
#imageData #imageDetails {
width:70%;
float:left;
text-align:left;
}
#imageData #caption {
font-weight:bold;
}
#imageData #numberDisplay {
display:block;
clear:left;
padding-bottom:1.0em;
}
#imageData #bottomNavClose {
width:66px;
float:right;
padding-bottom:0.7em;
outline:none;
}
#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color: #000000;
}
/* css: tool */
div.wboverlay {
opacity:0.5;
background-color:#000000;
background-image:url(/s/load.gif);
background-position:45%;
background-repeat:no-repeat;
}
div.wxmlcontenteditable {
}
div.wxmlcontenteditable > div.button ul {
margin:0;
padding:2px;
background-color:#fce3ac;
height:26px;
}
div.wxmlcontenteditable > div.button ul li {
float:left;
list-style-type:none;
margin:0 10px 0 3px;
padding:1px;
background-color:#fcefcb;
}
.form div.vfsselect {
}
.form div.vfsselect > div.control {
border:solid 1px #666666;
padding:2px 2px 2px 30px;
background-position:3px 2px;
background-repeat:no-repeat;
background-image:url(/s/vfs/folder.png);
background-color:#ffffff;
width:200px;
}
.form div.vfsselect > div.list {
float:none;
}
.form div.vfsselect > div.list > div {
float:none;
}
.form div.vfsselect > div.list > div.file {
padding:2px 0;
clear:both;
}
.form div.vfsselect > div.list > div.file > span.thumbnail img {
float:left;
padding:0 5px 0 0;
}
.form div.vfsselect > div.list > div.file > span.thumbnail {
display:inline-block;
width:50px;
min-height:30px;
padding:3px;
}
.form div.vfsselect > div.list > div.file > span.name {
padding:0 0 0 17px;
font-weight:bold;
}
.form div.vfsselect > div.list > div.file > span.remove {
border:solid 1px #666666;
padding:2px 2px 2px 25px;
background-position:3px 2px;
background-repeat:no-repeat;
background-image:url(/s/icon/no.png);
background-color:#ffffff;
width:100px;
}
.form div.vfsselect > div.list > div.end {
clear:both;
}
/* css: vfs */
a.vfsfile[target] {
background:none;
padding:0;
}
a.vfsfile {
padding:2px;
margin:0;
}
a.vfsfile img {
background-color:#eeefe6;
margin:0;
padding:2px;
border:solid 1px #cccccc;
}
.vfstb {
border:none;
margin:3px 0;
}
.vfstbimage {
width:60px;
height:50px;
border:none;
background-image:url(/s/vfs/image.png);
background-repeat:no-repeat;
background-position:0 0;
}
.vfstbimage.arrow {
background-position:0 -400px;
}
.vfstbimage.rot90 {
background-position:0 -50px;
}
.vfstbimage.rot180 {
background-position:0 -100px;
}
.vfstbimage.rot270 {
background-position:0 -150px;
}
.vfstbimage.flip {
background-position:0 -200px;
}
.vfstbimage.flop {
background-position:0 -250px;
}
.vfstbimage.grayscale {
background-position:0 -300px;
}
.vfstbimage.monochrome {
background-position:0 -350px;
}
.selectable, .selected {
vertical-align:middle;
padding:2px;
border:solid 1px #000000;
margin:2px;
}
.selected {
background-color:#feeba0;
}