::selection { color:white; background:rgb(51,144,255); }
div.message::selection { color:white; background:rgb(51,144,255); }
a.option::selection { color:rgb(40,40,40); background:rgb(150,150,150) }
br.form::selection { color:rgb(100,100,100); background:rgb(150,150,150) }
div::selection { color:rgb(100,100,100); background:rgb(150,150,150) }


a  { color:rgb(69,153,255); text-decoration:none }
a:hover  { text-decoration: underline; }
a:visited  { text-decoration: none; }
a:visited:hover  { text-decoration: underline; }

a.button { display:inline-block; line-height:32px; margin:-10px 0 0 15px }
a.confirm { background-color:rgb(184, 22, 22); display:inline-block }
a.confirm:focus, a.confirm:hover { background-color: rgb(202,24,24) }
a.option { color:rgb(40,40,40); padding:3px 7px }
a.option:hover { background-color:rgb(110,110,110); border-radius:3px; color:rgb(210,210,210); text-decoration: none }


b.name { color:#999 }


body { background: rgb(95, 95, 95); margin:0 }

div { color:rgb(90,90,90); font-family:'Open Sans', sans-serif; font-size:14px }
div.addform { margin:20px 0 15px 0 }
div.chat { margin:0 30px 30px }
div.confirm { color:#fff; display:inline-block; font-weight:600; margin:18px -7px 10px 0; padding:7px }
div.entrance { background-color:#bbb; border-radius:5px }
div.logo, h1 { color: #2fa437; font-family: 'Raleway', sans-serif; font-size: 33px; font-style: normal; font-weight: 300 }
h2 { font-family: Noto Sans, sans-serif; font-size: 24px; margin: 25px 0 -5px 0 }
div.options { margin:5px 3px 3px 0; text-align:right }
div.message { background-color:rgb(75, 75, 75); border-radius:5px; color:rgb(230,230,230); margin-bottom:0px; padding:7px 10px 7px 10px }
div.msgdelete { background-color:rgb(100, 82, 82) }
div.msggallery { margin-top:4px }
div.msggtspace { margin-top:7px }
div.msgtext { color:rgb(230,230,230); line-height:21px; margin-top:0px; word-wrap:break-word }
div.page { color:rgb(230,230,230); display:inline; font-size:18px; margin-left:18px }
div.pageaccess { font-size:14px; margin-left:0 }

img.at { margin:-1px 2px 0 0 }
img.thumb { border-radius:3px; margin:0 6px 3px 0; width:100px }

input { cursor:pointer; display:inline-block; padding:6px 5px }
input.box { border-color:rgb(60,60,60); border-width:1px; border-radius:5px; font-size:14px; }
input.button { cursor:pointer; line-height:14px; }

label { cursor:pointer }

td { color:#ddd; font-family:'Open Sans', sans-serif; font-size:.92em; line-height:1.6em; text-align:left }
td.form { color: #ddd; font-size: 16px }
td.login { color: #777; font-weight: bold }

textarea { background-color:rgb(120,120,120); color:rgb(230,230,230); font-family:'Open Sans', sans-serif; font-size:14px; padding:5px }


.button { color:rgb(255,255,255); background-color:rgb(45,136,255); border-color:rgb(45,136,255); border-style:solid; border-width:0px; border-radius:3px; font-family:Noto Sans, sans-serif; font-size:14px; font-style:normal; font-weight:400; text-align:center; width:90px; height:32px; }
.button:focus { background-color: rgb(100,150,240); border-color: rgb(100,150,240); outline: none }
.button:hover { background-color: rgb(100,150,240); border-color: rgb(100,150,240); text-decoration: none; }


.cancel { background-color:rgb(120, 120, 120); margin-left:5px }
.cancel:focus, .cancel:hover { background-color: rgb(132,132,132) }
.green { background-color:rgb(66,183,42); margin-left:0 }
.green:focus, .green:hover { background-color:rgb(69,193,44) }
.grey { background-color:rgb(120,120,120); margin-left:11px }
.grey:focus { background-color: rgb(132,132,132) }
.grey:hover { background-color: rgb(140,140,140) }


@media only screen and (min-width: 700px) { .hide {display:inline} }
@media only screen and (max-width: 700px) { .hide {display:none} }

#textadd { font-family: Noto Sans, sans-serif; font-size:16px; margin-bottom:10px; padding:6px 8px }
@media only screen and (min-width: 691px) { #textadd {width:600px} }
@media only screen and (max-width: 691px) { #textadd {width:calc(100vw - 91px)} }