body { background:#ccc; margin:0px; color:white; }
input { box-sizing:border-box; }
div { box-sizing:border-box;  }	
a img { border:none; }
a { color:#48a; }
h1 { margin:0; }
h2 { color:#444; }
h3 { clear:both; padding:20px 0px 0px 20px; color:#444; margin:0; }

#awesomebadge { display:none; }
#leftrail { display:none; position:relative; left:0; bottom:0; width:160px; }
#foty { display:flex; justify-content:space-evenly; flex-wrap:wrap }
.fotyimg { border-radius:6px; background-position:center center; background-size:contain; cursor:pointer; background-color:rgba(0,0,0,0.5); background-repeat:no-repeat; height:300px; width:300px; }
#foty button { padding:2px 20px; font-size:12pt; background:white; border:none; border-radius:6px; color:#48a; }
#header { background-color:#345; background-size:cover; background-position:bottom; height:23vw; vertical-align:center; position:relative; }
#logo { position:absolute; top:0; left:14vw; height:14vw; width:56vw; }
#mailbox { position:absolute; top:2vw; right:14vw; width:10.5vw; height:10.5vw; background:url(/images/mail_icon.png); background-size:contain; }
#mailcount { position:absolute; margin:-10px -5px 0 0; bottom:4.2vw; right:0; background:red; color:white; font-weight:bold; display:flex; width:20px; height:20px; font-size:12px; border-radius:15px; }
#mailcount div { margin:auto; }
#menu { transition:transform 250ms ease-out; position:absolute; width:161px; left:-160px; top:0px; background:rgba(204, 204, 204, 0.8); border-bottom-right-radius:10px; }
#menu ul { background-color:rgba(255,255,255,0.6); cursor:pointer; margin:0; padding:8px 0 8px 10px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; font-size:11pt; font-weight:bold; color:#567; }
#menu ul:hover { background-color:#fff; }
#menu a { text-decoration:none; }
#menuicon { position:absolute; height:12vw; width:12vw; left:1vw; top:1vw; }
#mcontainer { background:#888; position:absolute; top:0px; left:0px;  }
#mcontainer:hover #menu { transform: translate(160px, 0px); -webkit-transform: translate(160px, 0px); }
#newpanel { font-size:18pt; margin-bottom:10px; }
#newpanel select { border:1px solid #888; border-radius:3px; padding:2px 10px; width:130px; -moz-appearance: none; -webkit-appearance: none; font-size:12pt; background:#ddd; }
#newpanel .highlighted { background:#69b; color:white; }
#news { padding:10px; color:#444; }
#profilepic { margin-right:10px; display:flex; justify-content:flex-end; flex-direction:column; width:150px; height:150px; border-radius:20px; border:1px solid #aaa; background-size:cover; background-repeat:no-repeat; background-position:center center; }
#usericon { position:absolute; width:11vw; height:11vw; right:1.5vw; top:1.5vw; }
.useravatar { border-radius:6px; background-color:#888; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#ucontainer { position:absolute; top:0px; right:0px; }
#ucontainer:hover #userbox { transform: translate(0px, 130px); -webkit-transform: translate(0px, 130px); }
#userbox { transition:transform 150ms ease-out; background:#eee; color:black; border:2px solid #666; padding-left:5px; border-radius:10px; position:absolute; width:200px; height:125px; top:-125px; right:5px; }
#userbox input { margin:1px 0; padding-left:5px; }
#userbox a { color:#163b5d; }
#userbox a:hover { color:red; }
#searchbar { flex:1; border:none; }
#searchbox { display:flex; color:black; padding:0 5vw; border-radius:10vw; font-size:4vw; border:1px solid gray; background:white; height:7.5vw; width:96%; position:absolute; left:2%; bottom:0.8vw; }
#content { padding:10px 10px 10px 4px; top:23vw; overflow:hidden; }
#suggestions { position:absolute; top:23vw; left:2vw; width:96vw; visibility:hidden; }
#overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; display:flex; background:rgba(0,0,0,0.5); z-index:2; }
#overlay>div { background:white; color:black; font-size:14pt; border-radius:3vmin; padding:10px 20px; margin:auto; line-height:20px; }
.hidden { display:none; }

.byg { background:white; margin:auto; padding:20px 30px; position:relative; border-radius:20px; color:#222; }
.byg button { border:none; border-radius:6px; background:#57a; color:white; font-weight:bold; padding:5px; }
.closebutton { cursor:pointer; position:absolute; top:6px; right:6px; width:30px; height:30px; background:#57a; color:white; font-weight:bold; border-radius:20px; display:flex; }
.closebutton div { margin:auto; }
.btn { border:none; border-radius:6px; background:#57a; color:white; font-weight:bold; padding:5px; margin-top:4px; }

.fortext { color:black; }

.celebbox { margin:10px 10px 20px 10px; position:relative; background:#999; padding:6px 0px 6px 0px; }
.boxtitle { background:#999; left:2px; right:2px; top:6px; text-indent:8px; color:white; padding:2px; position:absolute; height:20px; }
.boxtitle a { color:white; }
.boxcont { white-space: nowrap; background:#bbb; margin:20px 2px 0px 2px; height:100px; text-align:center; overflow:hidden; position:relative; }
.crslimg { width:100px; height:100px; margin-right:10px; background-size:cover; position:relative; display:inline-block; }

.foty_big { display:flex; background-color:#62a8cc; border-radius:2vw; padding:1vw; }
.foty_big .cimage { flex:none; margin-right:1.5vw; width:20vw; height:20vw; border-radius:2vw; }
.foty_big div { display:flex; background-size:cover; background-position:bottom center; justify-content:flex-end; }
.foty_big h1 { margin:0; font-size:4vw; }
.foty_big h2 { margin:0; font-size:3.5vw; }
.foty_big .images { justify-content:flex-start; }
.foty_big .images div { width:10vw; height:10vw; }
.foty_med { display:flex; background-color:#62a8cc; border-radius:2vw; padding:1vw; width:49%; flex-direction:column; }
.foty_med .cimage { flex:none; margin-right:1.5vw; width:14vw; height:14vw; border-radius:2vw; }
.foty_med div { display:flex; background-size:cover; background-position:bottom center; justify-content:flex-end; }
.foty_med h1 { margin:0; font-size:4vw; }
.foty_med h2 { margin:0; font-size:3.5vw; }
.foty_med .images { justify-content:flex-start; }
.foty_med .images div { width:5vw; height:5vw; }
.foty_small { flex-wrap:wrap; }
.foty_small div { padding:6px 5px; background:#7dc0e3; margin:5px 10px 5px 0; white-space:nowrap; border-radius:6px; color:white; }
.foty_small a { text-decoration:none; }

.dashboard { max-width:1200px; }
.dashboard h3 { padding:0; clear:none; }
.dashboard>div { width:100%; padding:5px 5px 0 10px; display:flex; flex-direction:column; overflow:hidden; }
.dashboard>div>div:not(.dashtitle) { background:#e4e4e4; padding:4px; border:1px solid #999; height:100%; color:#333; display:flex; flex-flow:wrap; }
.dashboard>div>div iframe { width:50%; height:100%; }
.dash0 { height:auto; width:100% !important; }
.dash1 { height:120px; }
.dash2 { height:240px; }
.dash3 { height:360px; }
.dash4 { height:480px; }
.imgbox1, .imgbox2 { position:relative; }
.imgbox1>a, .imgbox2>a { width:100%; }
.imgbox1>a>div, .imgbox2>a>div { display:flex; flex-flow:wrap; height:100%; }
.imgbox1>a>div>div { width:25%; height:100%; background-size:cover; background-position:center top; }
.imgbox2>a>div>div { width:25%; height:50%; background-size:cover; background-position:center top; }
.uidbox { flex-flow:column !important; }
.uidbox>div { flex:1; display:flex; position:relative; }
.uidbox>div>a { width:100%; }
.uidbox>div>a>div { display:flex; height:100%; }
.uidbox>div>a>div>div { width:25%; background-size:cover; background-position:center top; }
.vidbox>div { display:flex; flex-direction:column; width:50%; }
.vidbox>div iframe { width:100% !important; }
.dashdock { position:absolute; right:0; bottom:0; background:#f0f0f0; border-top-left-radius:20px; padding:2px 5px 2px 15px; height:auto !important; width:auto !important; }

.guildtab { margin-right:2px; padding:3px; font-weight:bold; font-size:8pt; border-top-right-radius:6px; border-top-left-radius:6px; color:black; }
.videobox { color:white; background:#468; padding:4px 8px; margin:3vw; }
.vvid { height:40vw; margin-bottom:2px; }
.vtext { padding:5px; margin:4px 0px; background:white; color:black; text-decoration:italic; }
.widget { float:left; position:relative; border-radius:20px; background:#aaa; flex:1; max-width:400px; min-width:250px; height:160px; margin:10px 0px 0px 10px; }
.widget div { width:100%; left:0px; }
.widget a { color:white; text-decoration:none; }
.lion0 { cursor:pointer; float:right; margin-right:20px; color:#555; background:#eee; border-radius:15px; padding:1px 12px; box-shadow:rgba(0,0,0,0.8) 2px 2px; }
.lion1 { cursor:pointer; float:right; margin-right:20px; color:white; background:#48a; border-radius:15px; padding:1px 12px; box-shadow:rgba(0,0,0,0.8) 2px 2px; }
.mainw { float:left; border-radius:20px; background:#aaa; margin:4px 20px 12px 10px; }
.mainw a { color:white; text-decoration:none; }
.mainwflex { display:flex; flex-wrap:wrap; }
.mainwbox { height:134px; position:relative; width:250px; }
.mainvid { clear:both; border-radius:20px; background:#aaa; padding-right:10px; float:left; display:flex; flex-wrap:wrap; margin:4px 20px 12px 10px; }
.pid { transition:opacity 250ms; position:absolute; font-size:9pt; font-family:arial; top:20px; padding:0 6px; right:-5px; background:rgba(0,0,0,0.5); color:white; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.reslabel { transition:opacity 250ms; pointer-events:none; opacity: 0; position:absolute; font-size:9pt; font-family:arial; top:40px; padding:0 6px; right:-5px; background:rgba(0,0,0,0.5); color:white; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.new { pointer-events:none; position:absolute; font-size:10pt; top:20px; padding:0 6px; left:-5px; background:red; color:white; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.pic { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-backface-visibility: hidden; font-size:7.5pt; width:160px; height:160px; position: relative; display:inline-block; margin:0px 0px 13px 13px; color:#222; }
.pic:hover .reslabel, .pic:hover .pid, .pic:hover .taglabel { opacity: 1; }
.pic .thumb { transition:background-position 150ms ease-out; width:100%; height:100%; border:1px solid #aaa; border-radius:12px; background-size:contain; background-color:#bbb; background-position: 50% 50%; background-repeat:no-repeat; }
.pic .extra  { transition:all 150ms ease; position:absolute; right:0px; bottom:0px; width:20px; height:30px; padding-left:6px; padding-top:3px; border-top-left-radius:12px; border-bottom-right-radius:12px; color:white; background:#aaa; font-family:arial; font-weight:bold; }
.pic .eopen { width:100%; height:100%; border-radius:12px; background-color:rgba(50, 50, 50, 0.75); }
.pic .ptext { line-height:13px; color:white; overflow:hidden; }
.pic .plus { cursor:pointer; font-size:12pt; padding-left:2px; }
.ptable { margin:0 20px 20px 0; width:400px; }
.redbutton { background:red; border:1px solid white; border-radius:6px; padding:4px 15px; color:white; }
.reported { position:absolute; font-size:10pt; text-align:center; padding:2px 20px 2px 0px; bottom:0; width:100%; border-bottom-left-radius:12px; border-bottom-right-radius:12px; background:red; color:white; }
.reported button { background:#faa; color:black; font-weight:bold; border:none; border-radius:4px; padding:1px 4px; }
.taglabel { transition:opacity 250ms; pointer-events:none; opacity: 0; position:absolute; font-size:8pt; bottom:10px; left:-5px; color:white; text-align:center; }
.taglabel div { background:rgba(0,0,0,0.5); border-top-right-radius:10px; border-bottom-right-radius:10px; padding:2px 5px; margin-top:2px; }
.triplepics { top:26px; bottom:26px; position:absolute; padding-right:5px; width:100%; display:flex; }
.triplepics div { flex:1; margin-left:5px; background-size:cover; }

#ptable td { padding:5px; }
#ptable td:first-child { width:200px; }

.badges svg { height:32px; width:24px; pointer-events: bounding-box; }
.gs { display:none; --sh-top: #FFFFFF; --sh-middle: #FFFFFF; --sh-bottom:#FFFFFF; --sh-knight:hidden; fill:#FFFFFF; }
.gs1 { --sh-top: #E2E2E2; --sh-middle: #E2E2E2; --sh-bottom:#E2E2E2; --sh-knight:hidden; fill:#E2E2E2; }
.gs2 { --sh-top: #E2E2E2; --sh-middle: #E2E2E2; --sh-bottom:#0099CC; --sh-knight:hidden; fill:#0099CC; }
.gs3 { --sh-top: #E2E2E2; --sh-middle: #FF00FF; --sh-bottom:#FF00FF; --sh-knight:hidden; fill:#FF00FF; }
.gs4 { --sh-top: #FFAA00; --sh-middle: #FFAA00; --sh-bottom:#FFAA00; --sh-knight:visible; fill:#FFAA00; }
.gs5 { --sh-top: #00FF00; --sh-middle: #00FF00; --sh-bottom:#00FF00; --sh-knight:hidden; fill:#00FF00; }
.sh-fb { fill: inherit; }
.sh-fb2  { visibility:hidden; }

.svg-fav1 { fill: #F04B54; color:#B52B2A; }
.svg-fav0 { fill: transparent; color:#DDDDDD; }
.svg-psub1 { fill:#5C97D0; color:#AFD8F3; }
.svg-psub0 { fill:transparent; color:#DDDDDD; }
.svg-wsub1 { fill:#FFFFFF; color:#000000; }
.svg-wsub0 { fill:transparent; color:#DDDDDD; }
.svg-friend1 { fill:#14A4B7; color:#92D5DF; }
.svg-friend0 { fill:transparent; color:#DDDDDD; }
.svg-ignore1 { color:#DD2222; fill:#FF3333; }
.svg-ignore0 { fill:transparent; color:#DDDDDD; }

.celeb-fav1 { fill: #F04B54; color:#FFAAAA; }
.celeb-fav0 { fill: #AAAAAA; color:#DDDDDD; }

.icons { border-bottom:2px solid #ddd; display:flex; }
.icons div { flex:1; }
.icons svg { height:24px; cursor:pointer; width:24px; }

	@media (min-width:561px)
	{
		#leftrail { display:block; }
        #header { height:8vw; }
		#logo { width:32vw; left:1vw; top:0; height:8vw; }
		#searchbox { font-size:2vw; padding:0 2vw; top:3.5vw; width:35vw; height:3.7vw; left:38vw;  }
        #mailbox { top:0.8vw; right:9vw; width:6.5vw; height:6.5vw; }
        #mailcount { bottom:3vw; }
		#menuicon { visibility: hidden; }
        #usericon { width:6.5vw; height:6.5vw; top:0.75vw; right:1.3vw; }
		#menu { top:8vw; left:0px; }
		#content { margin-left:160px; }
        #mcontainer:hover #menu { transform:initial; }
        #suggestions { top:8vw; left:38vw; width:35vw; }
        .boxcont { height:120px; }
        .crslimg { width:120px; height:120px; }
        .guildtab { margin-right:5px; padding:3px 5px; font-size:9pt; }
        .vvid { width:40vw; height:25vw; float:right; }
		
		.dashboard>div { width:50%; }
		.vidbox>div { flex:1; }
	}
	 
	@media (min-width:1025px)
	{
		#awesomebadge { height:5vw; left:0.5vw; top:0.25vw; display:block; position:absolute; }
        #header { height:5.5vw; }
		#logo { width:22vw; left:20vw; top:0; height:5.5vw; }
		#searchbox { font-size:1vw; padding:0 1vw; top:3.1vw; width:30vw; height:2vw; left:45vw;  }
        #mailbox { top:1vw; right:6.5vw; width:4vw; height:4vw; }
        #mailcount { bottom:1.8vw; }
		#menuicon { visibility: hidden; }
        #usericon { width:4.5vw; height:4.5vw; top:0.5vw; right:1.1vw; }
		#menu { top:5.5vw; left:0px; }
        #suggestions { top:5.5vw; left:45vw; width:30vw; }
        .boxcont { height:150px; }
        .crslimg { width:150px; height:150px; }
        .guildtab { margin-right:10px; padding:3px 10px 3px 10px; font-size:10pt; }
        .videobox { width:800px; }
        .vvid { width:400px; height:250px; float:right; }
        .pic { font-size:9pt; width:200px; height:200px; }


		.foty_big { border-radius:20px; padding:10px; }
		.foty_big .cimage { margin-right:15px; width:200px; height:200px; border-radius:20px; }
		.foty_big h1 { font-size:40px; }
		.foty_big h2 { font-size:35px; }
		.foty_big .images div { width:100px; height:100px; }
		.foty_med { border-radius:20px; padding:10px; }
		.foty_med .cimage { margin-right:15px; width:140px; height:140px; border-radius:20px; }
		.foty_med h1 { font-size:40px; }
		.foty_med h2 { font-size:35px; }
		.foty_med .images div { width:50px; height:50px; }
	}
	
#top { height:100px; background:#eee; border-bottom:1px solid #5f5f5f; background-image:url('/images/topback.gif'); background-repeat:repeat-x; position:relative; text-align:center; }
#conts { margin:10px 0px 15px 215px; text-align:left; background:#aaa; border:1px solid #5f5f5f; color:white; padding:10px; font-family:arial; font-size:10pt; }
#conts_old { margin:10px 185px 15px 215px; text-align:left; background:#aaa; border:1px solid #5f5f5f; color:white; padding:10px; font-family:arial; font-size:10pt; }
#rightbar { position:absolute; right:10px; top:110px; }
#leftbar { position:absolute; left:10px; top:133px; text-align:left;}
#leftbar a { text-decoration:none; }
#loginstatus { font-weight:bold; font-size:10pt; color:#163b5d; line-height:20px; }
#logoutlink { font-family:arial; font-size:7pt; position:absolute; top:98px; right:25px; color:#888; font-weight:bold; cursor:pointer; }
#logoutlink:hover { color:red; }
#panel { position:relative; top:-13px; height:40px; font-family:arial; font-size:10pt; font-weight:bold;  }
#optionslabel { float:right; background:#69b; color:#248; font-weight:bold; border-radius:4px; padding:2px 10px; font-family:arial; font-size:10pt; cursor:pointer; color:white; margin-top:5px; }
#rsbox { position:absolute; width:100%; }
#signupdiv { background:#ccc; margin:10px; font-size:10pt; color:black; padding:10px; display:table; }
#signupdiv table { margin-right:20px; }
#signupdiv input { width:100px; }
#stopbtn { width:67px; height:67px; background-image:url(/images/stop0.gif); position:absolute; bottom:3px; right:20px; }
#stopbtn img { visibility:hidden; }
#stopbtn:hover img { visibility:visible; }
#suggestbox { width:150px; border-collapse:collapse; border:1px solid #246; }
#suggestbox td { white-space:nowrap; background:#68a; color:white; border-top:1px solid #246; padding:3px; cursor:pointer; }
#suggestbox td:hover { background:white; color:#246; }
#topuploaders { font-family:arial; font-size:8pt; font-weight:normal; border-collapse:collapse; width:100%; margin:5px; background:white; }
#topuploaders td { border-bottom:1px solid #ccc; padding-left:5px; }
#uploadbtn { width:71px; height:71px; background-image:url(/images/upload0.gif); margin:0px 5px 0px 0px; display:inline-block; vertical-align:bottom; }
#uploadbtn:hover { background-image:url(/images/upload1.gif); }
#upnfo { padding:15px; font-weight:normal; border-bottom:1px solid #246; background:#bcd; height:200px; }
#wallattach { position:absolute; top:2px; right:10px; background:#68a; border:1px solid #246; font-size:9pt; color:white; padding:1px 10px 1px 10px; }
#wallattach a { font-size:8pt; color:#ffa; }
#wallattach button { font-size:8pt; }
#wallattach div { font-weight:bold; cursor:pointer; }
#wallattach div:hover { color:#ffa; }
#imageloaded { margin:5px 0px 10px 0px; background:#bbb; padding:5px; height:100px; border:1px solid #246; overflow:hidden; }
#bluetop { font-size:9pt; padding:10px; margin-top:-13px; border:1px solid #246; background:#468; color:white; }
#bluetop h3 { margin-bottom:0px; }
#bluetop ul { margin:0px 30px 0px 0px; font-size:8pt; }
#bluetop ul li { padding-bottom:2px; }
#chatter { height:350px; overflow:auto; background:#aaa; border-bottom:3px solid #aaa; border-top:3px solid #aaa; }
#chatter div { background:white; margin:4px; padding:6px; }
#chatter div div { border:none; margin:0px 0px 5px 0px; padding:0px; font-size:9pt; font-weight:bold; }
.badge_i { vertical-align:top; margin-right:5px; height:32px; }
.badge_g { height:32px; width:24px; margin-right:10px; padding-right:1px; background-repeat:no-repeat; font-size:13pt; cursor:default; background-position:center center; line-height:32px; background-size:cover; background-image:url(/images/gs_icon.png); text-align:center; font-weight:bold; display:inline-block; }
.buttonpanel { position:absolute; right:-7px; bottom:-25px; white-space:nowrap; }
.buttonpanel button { margin-left:10px; border:1px solid #ddd; background:#eee; border-radius:10px; color:#444; padding:4px 10px; }
.buttonpanel button img { height:14px; margin:-2px 5px -2px -2px; }
.bphide .buttonpanel { visibility:hidden; }
.bphide:hover .buttonpanel { visibility:visible; }
.chatheaderH { color:#09c; }
.chatheaderR { color:#f0f; }
.chatheaderE { color:#fa0; }
.chatheaderK { color:#0f0; }
.datatable { width:100%; border:1px solid black; background:white; border-collapse:collapse; color:black; }
.datatable td { padding:3px; border-bottom:1px solid black; }
.datatable img { vertical-align:middle; }
.menubutton { cursor:pointer; width:193px; height:32px; background:white; background-image:url('/images/button.gif'); line-height:2em; font-weight:bold; color:#163b5d; text-indent:30px; margin-bottom:3px; }
.menubuttoned { cursor:pointer; width:193px; height:32px; background:#163b5d; background-image:url('/images/buttoned.gif'); line-height:2em; font-weight:bold; color:white; text-indent:30px; margin-bottom:3px; }
.loginfield { border:1px solid #5f5f5f; width:100px; font-family:arial; font-size:8pt;}
.loginerror { color:#a44; }
.smallbtn { font-family:arial; font-size:8pt; height:20px }
.maincont { background:#aaa; margin:0px 5px 0px 5px; height:60px; overflow:hidden; position:relative; white-space:nowrap; }
.maincont img { width: 60px; margin:0px 5px 0px 5px; vertical-align:top; }
.maintable { font-family:arial; font-size:8pt; border-collapse:collapse; float:left; height:80px; color:#024; font-weight:bold; }
.inboxitem { padding: 10px 80px 10px 0px; position:relative; border-bottom:2px solid #ccc; color:#888; }
.inboxitem .archive { position:absolute; top:5px; right:0px; height:50px; cursor:pointer; }
.inboxitem:hover { color:black; }
.pmitem { margin:5px; padding:10px; border-bottom:2px solid #ccc; }
.mainceleb { padding:2px; text-align:center; padding-right:10px; white-space:nowrap; }
.pagenumbers { text-align:center; font-family:arial; }
.pagenumbers a { color:#163b5d; font-size:9pt; }
.celebmenu { position:absolute; top:0px; right:-2px; border:2px solid #aaa; height:86px; font-family:arial; font-size:8pt; font-weight:bold; background:#246; }
.options_on { padding:20px; background:#999; border:1px solid #666; height:70px; display:block; }
.options_off { display:none; }
.pending { background:#eee; border-collapse:collapse; width:100%; font-size:10pt; }
.pending td { border-bottom:1px solid #964; padding:5px 10px 5px 10px; }
.tutab { float:left; color:black; font-family:arial; font-size:7pt; margin:5px 0px 0px 5px; padding:2px 5px 2px 5px; border-top-right-radius:4px; border-top-left-radius:4px; }
.rep {  text-align:center; margin-right:15px; color:white; display:inline-block; padding:1px 10px; cursor:pointer; } 
.repoption div { cursor:pointer; }
.repoption div:hover { color:#acf; }
.phead { position: relative; font-size: 7pt; margin: 2px 5px; }
.tag_C {} .tag_C:hover {} .tag_B {} .tag_B:hover {}
.rsslot { background:white; border:1px solid black; cursor:pointer; color:black; padding:3px; vertical-align:middle; line-height:20px; text-indent:10px; }
.rsslot:hover { color:white; background:#468; }
.star { position:absolute; top:0px; width:22px; height:20px; }
.thumb_wall { float:right; margin:0px 0px 10px 10px; border-radius:3px; position:relative; height:18vw; width:18vw; background-size:contain; background-repeat:no-repeat; background-position:right center; }
.upitem { border-bottom:1px solid #48a; border-left:5px solid white; padding:3px; cursor:default;	 font-size:10pt; }
.upitem:hover { color:#048; border-left:5px solid #48a; }
.warn { color:#fa8; font-weight:bold; }
.wallitem { overflow:hidden; margin:0px 20px 20px 20px; font-size:9pt; position:relative; }
.wallrep { position:relative; margin:-12px 80px 20px 20px; border:1px solid #888; background:#eee; }
.wallthread { margin:10px; position:relative; font-size:8pt; }
.wallthread:hover .wallfooter { display:block; }
.wallfooter { position:absolute; bottom:0px; width:100%; text-align:right; display:none; }
.wallbutton { float:right; border:1px solid black; padding:2px 20px 2px 20px; margin:-2px 0px 0px 20px; cursor:pointer; }
.round5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px }
.round8 { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px }
.round10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px }
.round20 { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px }