@CHARSET "ISO-8859-1";

html { overflow-x:hidden; }
body { background:#fff url(../img/elements/tg.png) 0 -36px repeat-x; }
body, input, select, button, textarea { font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size:12px; color:#444; }
h1 { font-size:20px; } h2 { font-size:17px; } h3 { font-size:14px; }
h1, h2, h3, h4, h5 { margin:0; }
a { text-decoration:none; }
table { border-collapse:collapse; }
small { font-size:11px; color:#999; }
dl, .bq { margin:5px 5px 15px 5px; color:#888; }
dt { width:auto; float:left; }
dd { color:#444; }
#profile dd { font-weight:bold; color:#555; }
input[type=text], input[type=password], select { padding:3px; background:#fff; border:1px solid #e7e7e7; }
button { padding:3px; }
button, .point { cursor:pointer; }
img { vertical-align:middle; border:0; }
form { padding:0; margin:0; }

#center { position:absolute; top:0; left:50%; margin-left:-420px; width:840px; }

#head { position:relative; height:60px; }
#head a { color:#aaa; border:0; }
#head #smallmenu { position:absolute; right:0; font-size:9px; }
#logo { z-index:99998; position:absolute; top:10px; left:50%; margin-left:-35px; }

#body { position:relative; }
#body h3 { margin-top:10px; }

span.cM, .cM { color:#09f; }
span.cF, .cF { color:#f09; }
.cY { color:#fc0; }
.cG { color:#aaa; }
.ttl { padding-bottom:2px; padding-left:16px; background:url(../img/elements/ttl.png) no-repeat 0 90%; }
.tti { font-style:italic; }
.tti:before { content:"»"; margin-right:3px; color:#aaa; }

.ttu { margin:4px 0 10px 18px; }

.cb { clear:both; }

.link, a { cursor:pointer; color:#551; margin-bottom:1px; border-bottom:1px solid #e5e5e5; }
.link:hover, a:hover { color:#667; margin-bottom:0; border-bottom:2px solid #ff5; }

.but_ { padding-top:1px; width:144px; height:24px; color:#fff; border:none; background:url(../img/elements/button_.png); }
.but_male { padding-top:1px; width:144px; height:24px; color:#fff; border:none; background:url(../img/elements/button_male.png); }
.but_female { padding-top:1px; width:144px; height:24px; color:#fff; border:none; background:url(../img/elements/button_female.png); }
.but_male:hover { background:url(../img/elements/button_female.png); }
.but_female:hover  { background:url(../img/elements/button_male.png); }

.overlay { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#fff; }

.topButton { cursor:pointer; position:absolute; top:-20px; right:0; height:17px; padding-top:0; text-align:center; color:#fff; border-bottom:1px dotted #ddd; }
.topButton:hover { top:-22px; height:18px; }
.topImg { float:right; margin:10px 22px 10px 0; }
.tsym { position:absolute; top:20px; left:-30px; }
.shadow { position:relative; margin:0; color:#ccc; letter-spacing:-3px; font-size:45px; font-family:'Myriad Pro','lucida grande',tahoma,verdana,arial,sans-serif; }
.title { position:absolute; color:#333; left:-2px; top:-1px }

.umale h2, .umale .title { color:#036; }
.umale .light { color:#6cf; }
.umale .medium { color:#4d7e9f; }
.umale .bright { color:#96d5ff; }
.ufemale h2, .ufemale .title { color:#603; }
.ufemale .light { color:#f6c; }
.ufemale .medium { color:#9f4d76; }
.ufemale .bright { color:#ffb8dc; }

.small { font-size:9px; }

#status { margin-top:-5px; color:#aaa; }

.submenu { position:relative; margin:25px 0 20px 0; font-size:16px; font-weight:bold; height:30px; color:#aaa; }
.submenu big { position:absolute; z-index:1; }
.submenu span { cursor:pointer; }
.submenu span:hover { color:#555; }
.submenu small { font-size:9px; color:#fc6; }
.umale .submenu small { color:#9cf; }
.ufemale .submenu small { color:#f9c; }

input.yinp, textarea.yinp { border:2px solid #ffa; padding:5px; background-color:#ffc; color:#960; }

.comment { width:810px; margin:15px 0 0 0; padding:6px 15px; border:1px solid #f5f5f5; border-top:3px solid #eee; border-bottom:3px solid #e4e4e4; background:#f5f5f5; -moz-border-radius:25px; }

.album { text-align:center; margin:auto; margin-top:-2%; padding:0 2% 25px 2%; }
.album td { width:115px; height:125px; padding:3px 10px; }
.album td h4 { width:100px; overflow:hidden; white-space:nowrap; margin-top:-13px; text-align:center; font-size:11px }
.album td .icon { position:absolute; top:-7px; right:8px; }
.album td small { font-weight:normal; color:#444; font-size:10px; }
#album_description { width:800px; padding-left:20px; line-height:20px; }

#shortcut { position:absolute; z-index:100000; white-space:nowrap; }
#shortcut div { padding:3px 5px; color:white; font-size:11px; }
#shortcut #sc_arrb, #shortcut #sc_arrt { float:left; margin:0 1px; }

.lkngfemale { cursor:pointer; position:absolute; width:24px; height:22px; background:url(../img/elements/pointer_female.png) no-repeat; }
.lkngmale   { cursor:pointer; position:absolute; width:24px; height:22px; background:url(../img/elements/pointer_male.png) no-repeat; }

#group table { width:840px; text-align:center }
#group table td { padding:8px; }
#group table thead { font-size:11px; }
#group table thead img { vertical-align:top; }
#group .info { vertical-align:top; text-align:left; }
#group dt { width:85px; }
#group dd { font-weight:normal; }

#friend div, .rimg div { position:relative; margin:auto; float:left; padding:3px 5px; }
#friend h3 { padding-top:13px; }
#friend div h4, #userInfo h4, .rimg h4 { width:101px; position:absolute; bottom:5px; left:9px; white-space:nowrap; overflow:hidden; font-size:11px; text-align:center; }
#friend div img, .rimg div img.pic { margin-left:-1px; border:1px solid #eee; border-bottom:none; }
#friend div img:hover, .rimg div img.pic:hover { border:1px solid #000; }
#friend .male, #userInfo .male, .rimg .male { color:#09f; }
#friend .female, #userInfo .female, .rimg .female { color:#f09; }

#userBar { z-index:99999; position:fixed; right:0; top:0; left:0; height:36px; }
#userBar a { border:none; }
#userBar h1, #userBar h2, .ht { font-weight:normal; font-family:'Myriad Pro',"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; letter-spacing:-1px; }
#userBar_table { margin:3px 6px 0 6px; font-size:11px; }

#userBar.umale .link, #userBar.umale a { color:#09f; font-weight:bold; }
#userBar.ufemale .link, #userBar.ufemale a { color:#f09; font-weight:bold; }
#userBar .link:hover, #userBar a:hover { color:white; }
#userBar #liveBar b { font-weight:normal; }

#blackBar { position:fixed; right:0; left:0; z-index:9997; width:100%; padding:16px 10px 16px 10px; color:#aaa; background:url(../img/elements/blackbar.png) repeat-x; }
#blackBar h1, #blackBar h2, #blackBar h3 { color:#fff; }
#blackBar .cY h1 { color:#fc0; }
#blackBar .close { cursor:pointer; position:absolute; top:-4px; right:25px; }
#blackBar .link { border-bottom:1px solid #fc0; color:#ccc; }
#blackBar .link:hover { border-bottom:2px solid #fc0; font-style:italic; }
#blackBar input { border:0; width:124px; padding:4px 4px 4px 21px; background-repeat:no-repeat; background-color:transparent; }
#blackBar input:hover { color:#aaa; }
#blackBar input:focus { color:#fc0; }

#userBar_chat { position:fixed; bottom:18px; margin:0 12px; }
#userBar_chat td { padding:0 8px; line-height:17px; color:white; }
#userBar_chat img { vertical-align:top; }
#userBar_chat span { cursor:pointer; padding:0 7px 0 2px; }
#userBar_chat .dialog { position:absolute; left:0; top:18px; width:200px; height:120px; line-height:13px; color:#222; font-size:9px; padding:1px; border-bottom:0; background:#fff; }
#userBar_chat .ufemale .dialog { border:1px solid #f09; border-bottom:0; }
#userBar_chat .umale   .dialog { border:1px solid #09f; border-bottom:0; }
#userBar_chat .ufemale .dialog>div { background:#ff8cd1; }
#userBar_chat .umale .dialog>div { background:#75c8ff; }
#userBar_chat .dialog>div { position:absolute; top:1px; right:1px; bottom:0; left:1px; padding:5px 7px; }
#userBar_chat .dialog .add { cursor:pointer; position:absolute; top:-11px; right:40px; }
#userBar_chat .dialog .minimize { cursor:pointer; position:absolute; top:-11px; right:20px; }
#userBar_chat .dialog .close { cursor:pointer; position:absolute; top:-11px; right:0; }
#userBar_chat .dialog .voices { position:relative; overflow:hidden; }
#userBar_chat .dialog blockquote { position:relative; margin:0 0 6px 0; }
#userBar_chat .dialog blockquote .date { position:absolute; top:0; right:-5px; }
#userBar_chat .dialog blockquote .msg { margin:1px 2px; font-size:11px; }
#userBar_chat .dialog textarea { overflow:hidden; margin:6px 0 0 -6px; width:190px; line-height:13px; height:24px; padding:3px 2px; font-size:11px; border:0; }
#userBar_chat .dialog .scrollUp { position:absolute; top:0; left:0; right:100px; height:20px; }
#userBar_chat .dialog .scrollDown { position:absolute; bottom:0; left:0; right:0; height:20px; }

.userInfo { cursor:pointer; }
#userInfo { z-index:10000; width:440px; height:130px; padding:40px; background:url(../img/elements/userInfo.png) }
#userInfo .x { cursor:pointer; position:absolute; top:18px; right:18px; }
#userInfo .detailbox { position:absolute; top:135px; left:40px; width:90px; color:#888; font-size:9px; text-align:center; }
#userInfo .infos { position:absolute; left:155px; width:323px; height:127px; padding:0 }
#userInfo .bottom { position:absolute; right:0; bottom:0; left:0; padding:0 }
#userInfo .bottom input, #userInfo .bottom select { vertical-align:middle; border:1px solid #ccc; background:#eee url(../img/sym/pin_right.png) no-repeat 4px 3px; }
#userInfo .bottom input { width:150px; padding-left:23px; color:#bbb; }
#userInfo .bottom select { padding-top:2px; height:24px; color:#888; }
#userInfo .vr { margin:0 5px; }

.footNote { margin-top:35px; padding:12px 8px; color:#aaa; border-top:1px solid #eee; }

#credits { list-style-type:none; padding:0; margin:0; }
#credits li { margin-top:40px; }
#credits h2:first-letter { color:#f09; }
#credits h2 { color:#09f; }
#credits h1 { color:#fff; line-height:150%; }
#credits a { color:#666; border-bottom:1px solid #222; }

#askAnswer input { padding:5px; font-size:13px; border:1px solid #222; background:#333; }

#agb h3 { margin:25px 0 10px 0; }
#agb dt { margin-top:1px; font-size:10px }
#agb dd { margin-left:30px; }