@font-face{font-family:Calibri;src:url('/pass/calibri.woff')}
@font-face{font-family:Segoe UI;src:url('/pass/segoeui.woff')}
#tabs{background-color:#f7f7f7;background:-webkit-linear-gradient(#fbfbfb,#e7e7e7);background:-moz-linear-gradient(#fbfbfb,#e7e7e7);background:-ms-linear-gradient(#fbfbfb,#e7e7e7);background:-o-linear-gradient(#fbfbfb,#e7e7e7);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb',endColorStr='#e7e7e7');background:linear-gradient(#fbfbfb,#e7e7e7);border-bottom:1px solid #a4a4a4;font-family:Calibri;font-size:12pt;min-height:26px;padding:11px 8px 5px 8px;text-align:center;vertical-align:middle}
#tabs a{color:#353535;margin:0 6px;text-decoration:none;text-shadow:0 1px 0 white}
#tabs a:hover{color:gray}
#tabs a span{display:inline-block;letter-spacing:0.2px;padding:0 6px}
#tabs a span span{display:inline;margin:0;padding:0}
#tabs form{display:inline-block;margin:0 16px;text-align:center;vertical-align:middle;width:380px}
.tabsq1{border:1px #ccc solid;border-radius:18px;font-size:16px;margin-top:-5px;padding:6px 30px 6px 12px;width:340px}
.tabsq1::placeholder{color:#959595}
.tabsq2{height:16px;margin:0 0 -2px -25px;width:16px}
#tabs img.menu{display:none}
#tabs a span.icon{padding:2px 0}
#tabs a span.icon img{height:20px;margin:0 3px 0 0;vertical-align:middle;width:20px}
#tabs #menu{display:inline}
#nnews{display:none !important}

#bottom{border-top:1px solid #a4a4a4;color:#808080;font-family:Verdana;font-size:9pt;padding:12px 16px 8px 16px}
#bottom a,#bottom a:hover{color:#808080}
#bottom span{display:inline-block;margin-right:16px}
#bottom span.lang{float:right;margin:0}
#bottom span.lang a{text-decoration:none}
div#lang{background-color:white;border:#a4a4a4 1px solid;display:none;float:right;max-height:330px;margin-right:-12px;margin-top:-344px;overflow:scroll;position:relative}
div#lang a,div#lang span{display:block;font-size:12pt;margin-right:0;padding:8px 12px}

#title{color:gray;font-family:Verdana;font-size:11px}
#title a{color:gray;font-weight:bold}
#title a:hover{color:silver}

#page{padding:6px 12px;min-height:calc(100vh - 96px)}
#logo{height:23px;margin:-5px 6px -5px 0;width:79px}

body{margin:0;border:0;padding:0;font-family:Segoe UI;font-size:15px}

td{font-family:Segoe UI;font-size:15px;padding:0}
div.menu{background-color:#f7f7f7;border:#a9b8c2 1px solid;padding:4px;font-family:Verdana;font-size:11px}
.row1{background-color:#f7f7f7;border-color:white;border-style:solid;border-width:1px 1px 0px 1px;padding:4px}
.row2{background-color:#ececec;border-color:white;border-style:solid;border-width:1px 1px 0px 1px;padding:4px;font-family:Verdana;font-size:10px}
.row3{background-color:#eaeaea;border-color:white;border-style:solid;border-width:1px 1px 0px 1px;padding:4px;font-family:Verdana;font-size:10px}
.space{background-color:#eeeded;font-weight:bold;margin-bottom:8px;text-align:center;width:102px}

#pass{background-color:#f7f7f7;min-height:128px;padding:4px}
#pass div.contact{background-color:#efefef;cursor:pointer;min-height:50px;margin:2px;padding:2px}
#pass div.contact img.contact{float:left;height:50px;margin:0 10px 0 0;width:50px !important}
#pass .contact1{font-size:18px;margin-top:10px;height:34px}
#pass .contact1 input{float:right;margin:8px 10px 0 0}
#pass .contact1 span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:218px}
#pass .contact2{display:none;margin-top:6px;overflow:hidden;white-space:nowrap}
#pass .contact2 a{background-color:#f7f7f7;border-radius:2px;color:#626262;display:block;margin-top:2px;padding:2px;text-decoration:none}
#pass .contact2 a img{height:28px;margin:0 20px 0 10px;vertical-align:middle;width:28px}
#pass .contact2 a img.icon2{height:16px;margin:0 3px 0 0;width:16px}
#pass .contact3{display:inline-block;width:55px}
#pass .contactedit{font-size:8pt}
#pass .contactedit div{margin:2px 0 0 4px}
#pass a.contactw{font-size:18px;text-decoration:none}
#pass .group{background-color:#ececec;font-size:8pt;font-weight:bold;margin:6px 2px 0 2px;overflow:auto;padding:2px 3px 0 6px}
#pass .group img{cursor:pointer;float:right;height:16px;width:16px}

#passedit,#passlike,#passmadd{background:rgba(0,0,0,0.2);left:0;height:100%;position:fixed;top:0;text-align:center;width:100%;z-index:99}
.passedit,.passlike,.passmadd{background-color:white;border:#d8d8d8 1px solid;box-shadow:0 0 2px #555;margin:200px auto;max-height:400px;overflow:auto;padding:8px;text-align:left;width:320px}
.passedit{margin:60px auto;max-height:480px}
.passlike{margin:80px auto}
.passlike div,.suggestion div{background-color:#f7f7f7;height:50px;margin:4px 0;overflow:hidden}
.passlike div a,.suggestion div a{font-size:13pt;font-weight:bold;line-height:250%;text-decoration:none}
.passlike div a img,.suggestion div a img{height:50px;float:left;margin-right:8px;width:50px}
.passlike div a.follow,.suggestion div a.follow{float:right;font-size:14px;line-height:100%;margin:13px 4px 0 0}

#bc{bottom:0;position:fixed;vertical-align:bottom}
#bc1{position:absolute;right:0;top:46px;width:280px}
.im{background-color:#f7f7f7;border:#a9b8c2 1px solid;float:right;margin:2px;padding:4px;position:relative;width:256px}
.im textarea{border-radius:0;overflow:auto;width:246px}
.im0{color:red;cursor:pointer;float:right}
.im1{background-color:white;border:#a9b8c2 1px solid;height:200px;margin-top:8px;overflow:auto;word-wrap:break-word}
.im2{color:gray;padding:3px 0 0 5px;}
.clist{background-color:#f7f9ff;border:#ffffff 1px solid;height:34px;font-size:8pt;margin:1px}
.clist span{float:right}

#bcc{background-color:#efefef;border-bottom:#a4a4a4 1px solid;border-left:#a4a4a4 1px solid;border-right:#d8d8d8 1px solid;border-top:#d8d8d8 1px solid;max-height:530px;overflow:auto;position:absolute;right:0;top:46px;width:340px}
#bccc a{text-decoration:none}
#bccc a span{background-color:#f4f6f8;border:1px #efefef solid;display:block;height:50px;overflow:hidden;padding:2px}
#bccc a span img{float:left;height:50px;margin-right:8px;width:50px}

a{color:black}
a:hover{color:#224466}
a.clip{color:#666;font-family:Verdana;font-size:11px;font-style:italic;font-weight:bold;text-decoration:none}
a.clip:hover{text-decoration:underline}
a.clip2{color:#666;text-decoration:none}
a.clip2:hover{text-decoration:underline}
a.menu{color:#444444;font-family:Verdana;text-decoration:none}
a.menu1{color:#444444;font-family:Verdana;font-size:10px;text-indent:4px;font-weight:bold;text-decoration:none}
a.menu2{color:#4f4f4f;font-family:Verdana;font-size:11px;text-decoration:none}
a.menu2:hover{position:relative;top:1px;left:1px}
a.menu3{color:#4f4f4f;font-family:Verdana}

.big{color:#666666;font-family:Verdana;font-weight:bold}
.error{color:#4f90ba}
.error a{color:#4f90ba}
.vote{cursor:pointer;vertical-align:middle}
.vote2{color:black;cursor:pointer;font-size:10pt;padding:0 4px;text-decoration:underline}

form{border:0;margin:0;padding:0}
input{font-family:Segoe UI;font-size:15px}
input:focus,textarea:focus{outline:none}
input.bb{border:solid 1px #b7b7b7;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background:-moz-linear-gradient(top,#fff,#ededed);background:linear-gradient(#fff,#ededed);color:#1767bf;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');font-size:12pt;font-weight:bold;margin:6px 0;outline:none;padding:.5em 2em .55em;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);}
input.bb:hover{background:#ededed;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));background:-moz-linear-gradient(top,#fff,#dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dcdcdc');background:linear-gradient(#fff,#dcdcdc)}
input.bb:active{background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff));background:-moz-linear-gradient(top,#ededed,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff');background:linear-gradient(#ededed,#fff);position:relative;top:1px}
input.circle{height:16px;margin-right:6px;vertical-align:middle;width:16px}
select{background-color:white;border-color:black;border-style:solid;border-width:1px;font-family:Segoe UI;font-size:15px}
input.post,select,textarea{background-color:#fff;border:1px solid #ccc;border-radius:3px;font-family:Segoe UI;font-size:15px;padding:4px}
.button{background-color:#f5f8fa;background-image:linear-gradient(#fff,#f5f8fa);border:1px solid #b7b7b7;border-radius:5px;color:black;padding:4px 12px}
.button:active{background:#e1e8ed;border-color:#ccc;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2)}
.button:hover{background-color:#e1e8ed;background-image:linear-gradient(#fff,#e1e8ed)}

iframe,img{border:0}
#container input,.icon{cursor:pointer}
.icon2{height:16px;margin:0 3px;vertical-align:middle;width:16px}
img.vote{height:16px;width:16px}

img.playe{height:50px;margin:8px;margin-top:-300px;opacity:0;transition:opacity 0.5s}
img.playe:hover{cursor:pointer;opacity:0.9}
img.playeimg{margin:auto;max-height:550px;max-width:980px}
span.playeclose{background-color:#717171;border-radius:3px;box-shadow:0 0 2px white;color:#e1e1e1;cursor:default;font-weight:bold;margin:4px;padding:2px 6px;position:absolute;right:0;top:0}
span.playeclose:hover{color:white}
table.playe{background:rgba(0,0,0,0.9);border-collapse:collapse;box-shadow:0 0 2px #555;margin:0 auto;width:980px}
table.playe:hover img.playe{opacity:0.5;transition:opacity 0.5s}
td.playetext{color:white;padding:8px;vertical-align:top}
td.playetext a{color:white}
td.playetext span.vote2{color:white}
div.playetitle{margin-bottom:8px}
div.playetitle a{border-bottom:1px solid silver;font-size:16px;font-weight:bold;text-decoration:none}
@media screen and (max-width:369px){
table.playe{width:360px}
img.playeimg{margin:auto;max-height:640px;max-width:360px}}
@media screen and (min-width:640px) and (max-width:979px){
table.playe{width:640px}
img.playe{margin-top:-100px}
img.playeimg{margin:auto;margin-top:-200px;max-height:360px;max-width:640px}
table.playe video{margin-top:-110px}}

h1,h1 a,h1 a:hover{color:#0e385f}
h2{color:#006fc4;margin:22px 0 14px 0}
h2 a{color:#006fc4}
h3{font-size:16px;margin-bottom:2px}

span.connexion{position:absolute;white-space:nowrap;right:8px}
a.connexion span{color:#1767bf}
div.shout,div.shoutm{margin:8px 0}
img.shout,#allnews form img.shout,form.fcom img.shout{max-height:600px;object-fit:cover;width:100%}
img.shoutd{height:220px;margin:0 2px;object-fit:cover;width:220px}
img.shoutdc{box-shadow:0 0 1px #888;height:220px;margin:1px;width:220px}
span.shoutd{box-shadow:0 0 1px #888;display:inline-block;height:220px;margin:0 2px;overflow:hidden;text-align:center;width:220px}
span.shoutdc{background-color:white;box-shadow:0 0 1px #888;display:inline-block;font-size:10pt;height:102px;margin:1px;overflow:hidden;text-align:center;width:136px}
span.shoutd:hover,span.shoutdc:hover{background-color:#efefef}
span.shoutd img,span.shoutdc img{height:120px;margin:16px 8px;width:120px}
div.shoutcom{background-color:#f7f7f7;min-height:32px;padding:6px 0 6px 48px}
div.shoutcom a,div.shoutcom2 a{display:inline-block;word-break:break-all}
div.shoutcom a.m,.shoutcom2 a.m{font-weight:bold;text-decoration:none}
div.shoutcom a.m img,div.shoutcom img.m{height:32px;margin-left:-42px;position:absolute;width:32px}
div.shoutcom2{margin-top:-6px;max-height:300px;min-height:32px;overflow:scroll;padding:0 0 0 48px}
div.shoutcom2 a.m img,div.shoutcom2 img.m{height:32px;margin:4px 0 0 -42px;position:absolute;width:32px}
#allnews form,form.fcom{background-color:#f7f7f7;padding:6px 0;white-space:nowrap}
#allnews form img.photo,form.fcom img.m,#allnews form img.m{float:left;height:32px;margin:0 6px;width:32px}
#allnews form textarea,form.fcom textarea{border:#cccccc 1px solid;height:30px;margin:-1px 0 0 0;overflow:hidden;resize:none;white-space:normal}
#allnews form td div,form.fcom td div{color:gray;font-size:9pt}
#allnews form td img,form.fcom td img,div.coms td img{float:none;height:84px;margin:4px 0 0 4px;width:106px}
#topic .shoutdc,div.coms img.shoutd{height:98px;width:130px}
div.coms input{width:98%}
div.coms textarea{margin:0;padding:1px 4px;width:98%}
#allnews form select,form.fcom select{margin:8px 0 0 46px;width:300px}
div.new0 a{font-weight:bold;text-decoration:none}
div.new0 img{height:48px;margin:8px 16px;vertical-align:middle;width:48px}
div.newd span.d{color:#7f7f7f;float:right;font-size:9pt;font-weight:normal;margin:-6px 0;text-align:right}
.new3{display:block;margin:0 16px}
.new4{color:gray;display:block;margin:0 16px}
div.newf{margin:0 -1px}
div.newd{color:#7f7f7f;display:flow-root;margin:16px}
div.newd a{color:#7f7f7f;display:inline-block;margin-right:22px;text-decoration:none}
div.newd span.c{display:inline-block;margin-right:22px}
.newd span a{margin-right:0}
.newd a img{height:22px;margin-right:8px;opacity:0.4;vertical-align:middle;width:22px}
.newd a img.l{opacity:1}
span.newd{color:#7f7f7f;float:right;font-size:8pt;height:9px;margin-right:6px}
span.newd a{color:#7f7f7f;text-decoration:none}
.newd2{color:#666666;font-family:Verdana;font-size:9pt;margin-top:6px}
.newd2 a{color:#666666}
span.comimg{margin:0 0 0 -64px;position:relative;top:-3px}
span.comimg img{float:none !important;height:22px !important;margin:0 2px !important;opacity:0.7;width:22px !important}
span.comimg img:hover{opacity:1}
span.comimg1{margin-right:6px;position:relative;top:5px}
span.comimg1 img{height:22px;width:22px}
div.coms select{width:300px}
table.comtable{border-collapse:collapse;margin-top:8px;width:99%}
table.comtable tr{vertical-align:top}
form.comup,form.comup input,div.comupm{display:none;overflow:auto}
.comupprogress{background:linear-gradient(#66cc00,#4b9500);border:1px solid #ccc;border-radius:5px;display:none;float:left;height:14px;margin-left:4px}
.comuprogressinfo{text-align:right}
.comupprogresspercent{float:right;margin-left:20px}
p.cshare{color:#666767;font-weight:bold;margin-left:6px}
p.cshare a{color:#666767}
span.cshare{display:inline-block;margin-right:14px}
span.cshare img{height:16px;margin-right:8px;vertical-align:middle;width:16px}
a.follow{background-color:#f5f8fa;background-image:linear-gradient(#fff,#f5f8fa);border:1px solid #e1e8ed;border-radius:2px;font-size:14px;letter-spacing:0.2px;padding:4px 8px;text-decoration:none;white-space:nowrap}
a.follow:active{background:#e1e8ed;border-color:#ccc;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2)}
a.follow:hover{background-color:#e1e8ed;background-image:linear-gradient(#fff,#e1e8ed)}
a.follow span{color:#333333;font-weight:bold;margin-top:16px}
a.follow span img{height:16px;margin:-2px 8px 0 2px;vertical-align:middle;width:16px}

div.nav{margin-top:32px;padding-left:32px}
div.nav a{display:inline-block;font-weight:bold;margin-right:16px}
div.nav img{height:24px;margin:0 6px;vertical-align:middle;width:24px}
.attach{background-color:white;border:#d8d8d8 1px solid;display:none;margin-top:8px;overflow:auto;position:absolute;z-index:3}
.attach a{direction:ltr;display:block;font-size:12pt;padding:8px 12px;white-space:nowrap}
.fileup{padding:4px 0}

div.sm{cursor:pointer;margin:4px;overflow:hidden;padding:2px 4px;white-space:nowrap}
div.sm:hover{background-color:#eeeeee}
div.sm img{height:36px;margin-right:8px;vertical-align:middle;width:36px}

.shout video.music{height:40px}
.shout video.video-js{width:100%}
.shout video.video{display:block;margin:0 auto 8px auto;max-height:calc(100vh - 186px);max-width:100%;width:auto}

@media screen and (max-height:500px){
.passlike,.passmadd{margin:20px auto;max-height:260px}}

@media screen and (max-height:600px){
.passedit{margin:30px auto;max-height:80%}}

@media screen and (max-width:1200px){
a.connexion span{color:#353535;padding:0 !important}
#tabs{text-align:left}
#tabs form{margin:0;width:auto}
#tabs img.menu{display:inline;height:20px;margin:3px 8px 3px 12px;vertical-align:middle;width:20px}
#tabs #menu{background-color:#e7e7e7;border:#a4a4a4 1px solid;display:none;position:absolute;right:0;text-align:left;top:46.5px;z-index:9}
#logo{float:left;height:20px;margin:1px 8px;width:70px}
#tabs #menu a{margin:0;padding:4px 0}
#tabs #menu a span{display:block;font-size:22pt;font-family:Segoe UI;font-weight:bold;letter-spacing:1px;margin:0;padding:8px 16px}
#tabs a span img.icon2{vertical-align:baseline}}

@media screen and (max-width:640px){
body,td,input,select,h3{font-size:16px}
.tabsq1{width:84px}
#tabs img.menu{margin:3px 6px 3px 12px}
#logo{margin:1px 6px}
img.shoutd{height:176px;width:176px}
span.shoutd{height:176px;width:176px}
#bottom{line-height:150%;padding:8px 6px}
#bottom span{margin-right:4px}
div#lang{margin-right:0}
.attach a,#allnews form textarea,form.fcom textarea{font-size:14pt}}