html,body{background-color: #000;margin: 0;padding: 0;color: #eee;font-family: sans-serif;margin: 0;padding: 0;overflow: hidden;}
.clear{clear: both;}
#ablack{display:none;z-index: 2;position: absolute;background-color: #000000c2;width: 100%;height: 100%;}
#vid{width: 100%;height: 100%;position: absolute;}
.tran{background-image: url(../img/xhome.png);background-size: 20px 20px;background-position: top 8px right 20px;background-repeat: no-repeat;float: right;padding: 33px 7px 0px 10px;font-size: 11px;text-shadow: 2px 2px 2px #121212;text-decoration: underline;}
.tran:active{filter:brightness(0.5);transition: 0.2s;cursor: pointer;color: #eee;}
.linkhome{color: #eee;}
#unmute{z-index: 1;position: absolute;right: 30px;bottom: 30px;border: 1px solid #787878;font-size: 12px;padding: 10px 10px;border-radius: 10px;background-color: #282828;}
#unmute:active{filter: brightness(0.5);transition: 0.2s;}
.stptop{position: absolute;z-index: 1;color: #eee;background-color: #212121;width: 100%;height: 95px;padding: 0px 0px 5px 0px;border-bottom: 1px solid #444;}
.stpo{text-shadow: 2px 2px 2px #121212;}
.stps{display: flex;}
.evname{float: left;margin: 14px 15px 0px 10px;}
.evname h1{font-weight: normal;margin: 0;padding: 0;font-size: 14px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.evname h2{font-weight: normal;margin: 0;padding: 0;font-size: 10px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.pgdesc{float: left;font-size: 11px;color: #b3b3b3;margin: 5px 0px 0px 10px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.pgdesc h2{font-weight: normal;margin: 0;padding: 0;font-size: 10px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.links{z-index: 1;position: absolute;width: auto;top: 102px;left: 0px;padding: 10px 0px 0px 15px;}
.link{background-color: #404040;border: 1px solid #6e6e6e;width: 60px;margin: 0px 20px 10px 0px;text-align: center;border-radius: 7px;font-size: 12px;padding: 7px 0px;float: left;}
.link:active{filter:brightness(0.5);transition: 0.2s;}
.stream_area{background-image:url(../img/loadx1.gif);background-position:center;background-size:80px 80px;background-repeat:no-repeat;margin: 101px 0px 0px 0px;}
.embbtn{font-size: 11px;border: 1px solid #444;width: 90px;float: right;margin: 12px 8px 0px 0px;border-radius: 7px;padding: 7px 0px;background-color: #1a1a1a;text-shadow: 2px 2px 2px #121212;}
.embbtn:active{filter:brightness(0.5);transition: 0.2s;}
#embarea{display:none;}
#embclosearea{margin: 50px 50px 0px 50px;}
#xemb{background-color: #262626;background-image: url(../img/x.png);background-position: center;background-size: 30px 30px;background-repeat: no-repeat;width: 40px;height: 40px;float: right;border: 1px solid #444;border-radius: 10px;}
#xemb:active{filter:brightness(0.5);transition: 0.2s;}
#embcodearea{margin: 10px 50px 0px 50px;padding: 5px 0px 5px 0px;text-align: center;}
#embtxtarea{border: 1px solid #9b9b9b;background-color: #444;color: #eee;border-radius: 5px;width: 80%;height: 80px;padding: 7px 10px;}
#embtxtarea:focus{outline: none;}
.posterimg{background-color: #262626;border: 1px solid #444;width: 65px;height: 40px;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;float: left;margin: 12px 0px 0px 12px;box-shadow: 0px 0px 1px 1px #202020;border-radius: 7px;}
.posterimg:hover{filter:brightness(0.5);transition: 0.2s;}
.posterimg:active{filter:brightness(0.5);transition: 0.2s;}
#poimgcov{display:none;padding: 10px 0px 0px 0px;}
#poimgbig{border: 1px solid #444;border-radius: 7px;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;width: 250px;height: 150px;margin: auto;margin-top: 65px;box-shadow: 0px 0px 10px 2px #121212;}
#xposimg{background-color: #262626;background-image: url(../img/x.png);background-position: center;background-size: 30px 30px;background-repeat: no-repeat;width: 40px;height: 40px;float: right;border: 1px solid #444;border-radius: 10px;margin: 10px 20px 0px 0px;}
#xposimg:active{filter:brightness(0.5);transition: 0.2s;}
#chatbtn{background-image: url(../img/chat.png);background-position: center left 7px;background-size: 17px 17px;background-repeat: no-repeat;border: 1px solid #444;border-radius: 7px;float: right;background-color: #1a1a1a;text-shadow: 2px 2px 2px #121212;font-size: 11px;padding: 7px 10px 7px 30px;margin: 12px 10px 0px 0px;}
#chatbtn:active{filter:brightness(0.5);transition: 0.2s;}
#chatsbox{display:none;background-image:url(../img/loadx1.gif);background-position:center;background-size:80px 80px;background-repeat:no-repeat;background-color: #000;z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#chatsboxtop{border-bottom: 1px solid #444;background-color: #262626;position: absolute;z-index: 1;width: 100%;height: 40px;}
#closechatsbox{background-image: url(../img/x.png);background-position: center;background-size: 30px 30px;background-repeat: no-repeat;width: 40px;height: 40px;float: right;}
#closechatsbox:active{filter:brightness(0.5);transition: 0.2s;}
#chatframe{width: 100%;height: 100%;position: absolute;top: 0px;overflow: hidden;}
#chattoptxt{font-size: 13px;float: left;margin: 8px 0px 0px 15px;}
#sharesnote{display:none;position: absolute;z-index: 2;background-color: #3b3b3b;border-bottom: 1px solid #7b7b7b;width: 100%;height: 0px;font-size: 12px;}
#snotein{margin: 6px 10px 0px 10px;}
.shareinintxt{margin: 2px 0px 0px 0px;}