body a {
    color: #0d92d1;
}

html,
button,
input,
select,
textarea {
    color: #222;

}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.igclusterpic {
  z-index: zind;

  position : absolute;

  -moz-border-radius : 20px;
  -webkit-border-radius : 20px;
  border-radius : 20px;

  left:-5px;
  top: -5px;

  width : 45px;
  height : 45px;
}

.clusterpic {
  z-index: zind;

  position : absolute;

  -moz-border-radius : 20px;
  -webkit-border-radius : 20px;
  border-radius : 20px;

  left:-5px;
  top: -5px;

  width : 35px;
  height : 35px;
}

#addresstop {
  position:absolute;

  left: 430px;
  top: 45px;

  display:none;

  z-index: 999999999999;

  pointer-events: none;
}

.invisible {
  visibility : hidden;
}

#address {
  position:absolute;

  left: -75px;
  top: 33px;

  display:none;

  z-index: 999999999999;
}

#dmaddress {
  position:absolute;

  left: -75px;
  top: 33px;

  display:none;

  z-index: 999999999999;
}

#stocklist {
  position:absolute;

  left: -75px;
  top: 33px;

  display:none;

  z-index: 999999999999;
}

#plusminus {
  position: absolute;

  top: 100px;

  pointer-events: none;

  z-index: 999999999999;
}

#leftminus {
  color: white;

  position: absolute;

  left: -15px;
  top: -15px;

  font-size: 35px;

  z-index: 999999999999;
}

#rightplus {
  color: white;

  position: absolute;

  left: 305px;
  top: -3px;

  font-size: 25px;

  z-index: 999999999999;
}

.addressname {
  z-index: 999999999999;

  height:20px;
  width: 120px;

  line-height: 82%;

  color: white;
  background-color:black;

  font-size: 14px;

  padding-top: 6px;
  padding-left: 4px;
}

.dmaddressname {
  z-index: 999999999999;

  height:20px;
  width: 120px;

  line-height: 82%;

  color: white;
  background-color:black;

  font-size: 14px;

  padding-top: 6px;
  padding-left: 4px;
}

.fbsharer {
    position: absolute;

    z-index: 100000011;

    left:-203px;
    top: 92px;
}

.lisharer {
    position: absolute;

    z-index: 100000011;

    left:-143px;
    top: 92px;
}

.twsharer {
    position: absolute;

    z-index: 100000011;

    left:-83px;
    top: 92px;
}

.RSSsharer {
    position: absolute;

    z-index: 100000011;

    left:-17px;
    top: 92px;
}

.fbsharert {
    position: absolute;

    z-index: 100000011;

    left:-223px;
    top: 92px;
}

.lisharert {
    position: absolute;

    z-index: 100000011;

    left:-173px;
    top: 92px;
}

.twsharert {
    position: absolute;

    z-index: 100000011;

    left:-123px;
    top: 92px;
}

.clustwsharert {
    position: absolute;

    z-index: 100000011;

    left:-123px;
    top: 58px;
}

.clusfbsharert {
    position: absolute;

    z-index: 100000011;

    left:-223px;
    top: 58px;
}

.cluslisharert {
    position: absolute;

    z-index: 100000011;

    left:-173px;
    top: 58px;
}

.RSSsharert {
    position: absolute;

    z-index: 100000011;

    left:-13px;
    top: 92px;
}

#postingbox {
    position: absolute;

    z-index: 100000011;

    left: -140px;

    width: 300px;
    height: 100px;
}

.postingbox {
    position: relative;
    z-index: 100000011;
    left: -5px;
    width: 260px;
    height: 42px;
}

#dmpostingbox {
    position: absolute;

    z-index: 100000011;

    left: -140px;

    width: 300px;
    height: 100px;
}

.fbsharerc {
    position: absolute;

    z-index: 100000011;

    left:-120px;
    top: 92px;
}

.lisharerc {
    position: absolute;

    z-index: 100000011;

    left:-70px;
    top: 92px;
}

.twsharerc {
    position: absolute;
    z-index: 100000011;
    left: 50px;
    top: 37px;
}

.twdmsharerc {
    position: absolute;

    z-index: 100000011;

    left:-170px;
    top: 92px;
}

.centralcharcount {
    position: absolute;
    color: #0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    /* border: 1px solid gray; */
    /* border-radius: 4px; */
    /* padding-top: 4px; */
    /* padding-left: 11px; */
    /* width: 42px; */
    /* height: 20px; */
    padding: 2px 3px;
    z-index: 100000011;
    left: 258px;
    top: 0px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ccommentsendwordshare {
    position: absolute;
    color: #0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    border: 1px solid gray;
    border-radius: 2px;
    padding: 3px 12px;
    /* padding-top: 4px; */
    /* padding-left: 9px; */
    /* width: 42px; */
    /* height: 20px; */
    z-index: 100000011;
    left: 227px;
    top: 26px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcommentsend {
    position: absolute;

    z-index: 100000011;

    left:133px;
    top: 52px;
}

.tcharcount {
    position: absolute;
    color:#0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #f3f3f3;
    font-size: 13px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
    border-top: solid 1px #bbbbbb;
/*    border: 1px solid gray;
    border-radius: 4px;
    padding-top:4px;
    padding-left:11px;
    width: 42px;
    height: 20px;*/
    z-index: 100000011;
    left: 238px;
    top: 17px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedtcharcount {
    position: absolute;
    color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    background-color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:11px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:93px;
    top: 52px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcommentsendshare {
    position: absolute;

    z-index: 100000011;

    left:133px;
    top: 52px;
}

.clustcommentsendwordshare {
    position: absolute;
    color: #0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 3px 15px;
    /* padding-top: 4px; */
    /* padding-left: 9px; */
    /* width: 42px; */
    /* height: 20px; */
    z-index: 100000011;
    left: -1px;
    top: 58px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcommentsendwordshare {
    position: absolute;
    color:#0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    border: 1px solid gray;
    border-radius: 2px;
    padding:2px 10px;
    z-index: 100000011;
    left: 3px;
    top: 98px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcharcountshare {
    position: absolute;
    color:#0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    padding:1px 2px;
    z-index: 100000011;
    left: 32px;
    top: 22px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clustcharcountshare {
    position: absolute;
    color: #0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    padding: 2px 2px;
    /* border: 1px solid gray; */
    /* border-radius: 4px; */
    /* padding-top: 4px; */
    /* padding-left: 11px; */
    /* width: 42px; */
    /* height: 20px; */
    z-index: 100000011;
    left: 33px;
    top:20px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcharcountquot {
    position: absolute;
    color:#0d92d1;
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    font-size: 13px;
    padding:1px 2px;
    z-index: 100000011;
    left: 102px;
    top: 16px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcommentsendwordq {
    position: absolute;
    background-color:#00ACED;
    font-family: Arial,Helvetica,sans-serif;
    color: white;
    font-size: 13px;
    border-radius: 2px;
    padding: 2px 8px;
    z-index: 100000011;
    left: 63px;
    top: 56px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedtcharcountquot {
    position: absolute;
    color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    background-color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:11px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:-33px;
    top: 52px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedtcommentsendwordq {
    position: absolute;
    background-color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:9px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:33px;
    top: 52px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tcommentsendword {
    position: absolute;
    background-color:#00aced;
    font-family: Arial,Helvetica,sans-serif;
    color: white;
    font-size: 13px;
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    padding: 2px 6px;
    z-index: 100000011;
    left: 198px;
    top: 53px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedtcommentsendword {
    position: absolute;
    background-color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:9px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:153px;
    top: 52px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bbartwitterbutton {
  position:absolute;

  top:0px;
  left:0px;

  z-index: 999999999999999999;
}

.commentsend {
    position: absolute;

    z-index: 100000011;

    left:173px;
    top: 107px;
}

.cluscommentsendworda {
    position: absolute;
    background-color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:9px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:98px;
    top: 47px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.commentsendworda {
    position: absolute;
    background-color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:9px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:98px;
    top: 107px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.commentsendword {
    position: absolute;
    background-color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:9px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:148px;
    top: 107px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cluscommentsendword {
    position: absolute;
    background-color:#0d92d1;

    font-family: Arial,Helvetica,sans-serif;

    color: white;
    font-size: 13px;

    border: 1px solid gray;
    border-radius: 4px;

    padding-top:4px;
    padding-left:9px;

    width: 42px;
    height: 20px;

    z-index: 100000011;

    left:148px;
    top: 47px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.serviceicon {
  position:absolute;

  z-index: 999999999999999999;

  left: 0px;
  top:0px;
}

.tbarmailer {
  position:absolute;

  z-index: 999999999999999999;

  color: white;

  left: 30px;
  top:0px;
}

.barmailer {
  position:absolute;

  z-index: 999999999999999999;

  left: 198px;
  top:0px;
}

.barmailerpp {
  position:absolute;

  z-index: 999999999999999999;

  left: 223px;
  top:0px;
}

.barmailert {
  position: absolute;

  z-index: 999999999999999999;

  left: 223px;
  top:5px;
}

.bbarcomment {
  position: absolute;

  z-index: 9999999999999999;

  left: 53px;
  top:3px;
}

.ibbarcomment {
  position: absolute;

  z-index: 9999999999999999;

  left: 68px;
  top:3px;
}

.bbarfb {
  position: absolute;

  z-index: 9999999999999999;

  left: 103px;
  top:3px;
}

.bbarlike {
  position: absolute;

  color:white;

  z-index: 999999999999999999;

  left: 28px;
  top:3px;
}

.bbarlike a {
  color: white;
}

.commentboxa {
    position: absolute;

    z-index: 100000010;

    left:-103px;
    top: 12px;

    background-color:gray;
    width:260px;
    height:100px;
}

.cluscommentboxa {
    position: absolute;

    z-index: 100000010;

    left:-103px;
    top: 12px;

    background-color:gray;
    width:260px;
    height:45px;
}

.commentbox {
    position: absolute;

    z-index: 100000010;

    left:-53px;
    top: 12px;

    background-color:gray;
    width:260px;
    height:100px;
}

.cluscommentbox {
    position: absolute;

    z-index: 100000010;

    left:-53px;
    top: 12px;

    background-color:gray;
    width:260px;
    height:45px;
}


.sharebox {
    position: absolute;

    z-index: 100000010;

    left:-232px;
    top: 16px;

    background-color:white;
    width:260px;
}

.rsharebox {
    position: absolute;

    z-index: 100000010;

    left:-232px;
    top: 16px;

    background-color:white;
    width:260px;
}

.bbarshare {
  position: absolute;

  z-index: 999999999999999999;

  left: 232px;
  top:-2px;

  font-size:16px;
}

.rfbbarshare {
  position: absolute;

  z-index: 999999999999999999;

  left: 232px;
  top:-2px;

  font-size:16px;
}

.twitterbbarcomment {
  position: absolute;
  cursor: pointer;
  z-index: 999999999999999999;

  left: 30px;
  top:3px;
}

.twitterbbarretweet {
  position: absolute;

  z-index: 999999999999999999;

  left: 60px;
  top:3px;
}

.twitterbbarfavorite {
  position: absolute;

  z-index: 999999999999999999;

  left: 90px;
  top:3px;
}

.twittercommentbox {
    position: absolute;

    z-index: 100000010;

    left:-30px;
    top: 17px;

    width:260px;
    height:50px;

    background-color:#f3f3f3;
}

.feedtwittercommentbox {
    position: absolute;

    z-index: 100000010;

    left:-30px;
    top: 12px;

    width:240px;
    height:45px;

    background-color:gray;
}

.twitterquotebox {
    position: absolute;
    z-index: 100000010;
    left:-163px;
    top: 16px;
    width:260px;
    height:52px;
    background-color:#f9f9f9;
}

.clustwitterquotebox {
    position: absolute;
    z-index: 100000010;
    left: -163px;
    top: 16px;
    width: 260px;
    height: 52px;
    background-color: #f5f5f5;
}

.feedtwitterquotebox {
    position: absolute;

    z-index: 100000010;

    left:-163px;
    top: 12px;

    width:240px;
    height:45px;

    background-color:gray;
}

.twitterbbarotwt {
  position: absolute;

  text-decoration: none;

  z-index: 999999999999999999;

  left: 190px;
  top:3px;
}

.twitterbbarmore {
  position: absolute;

  text-decoration: none;

  z-index: 999999999999999999;

  left: 203px;
  top:3px;
}

.twitterbbarmore a {
  text-decoration: none;
  color: white;
}

.twitterbbarreplies {
  position: absolute;

  text-decoration: none;

  z-index: 999999999999999999;

  left: 143px;
  top:3px;
}

.twitterbbarreplies a {
  text-decoration: none;
  color: white;
}

.twitterbbarquote {
  position: absolute;

  z-index: 999999999999999999;

  left: 163px;
  top:3px;
}

.twitterbbarquotepp {
  position: absolute;

  z-index: 999999999999999999;

  left: 188px;
  top:3px;
}

.tbbarshare {
  position: absolute;

  z-index: 999999999999999999;

  left: 233px;
  top:-2px;

  font-size:16px;
}

.tsharebox {
    position: absolute;
    z-index: 100000010;
    left:-233px;
    top:22px;
    width:260px;
    height:90px;
    font-size: 10px;
    background-color:white;
}

.clustsharebox {
    position: absolute;
    z-index: 100000010;
    font-size: 10px;
    left:-233px;
    top: 20px;
    width:260px;
    height:28px;
    background-color:white;
    border-bottom: 15px solid #fff;
}

#dmstatusbox {
    position: absolute;

    z-index: 100000010;

    font-size: 14px;

    left:-40px;
    top: 35px;
}

#statusbox {
    position: absolute;

    z-index: 100000010;

    left:1475px;
    top: 1630px;
}

.statusbox {
    position: absolute;

    z-index: 100000010;

    left:140px;
    top: 0px;
}

.statusboxPost {
    position: absolute;
    z-index: 100000010;
    left:0px;
    top: -5px;
}

.statusBoxX {
    position: absolute;

    z-index: 100000011;

    left:135px;
    top: -5px;
}

#statusBoxX {
    position: absolute;

    z-index: 100000011;

    left:1305px;
    top: 1610px;
}

/* #statusposter {
    position: absolute;

    z-index: 100005;

    height:50px;
    width:50px;

    left:1475px;
    top: 1630px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
} */

.cstatusworking {
    position: relative;
    /* left: 110px; */
    top: 0px;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 10px;
}

.fstatusworking {
    position:relative;

    left:120px;
    top:-70px;
}

.statusworking {
    position:relative;

    left:120px;
    top:0px;
}

.clockstatusworking {
    position: relative;

    z-index: 100005;

    left:0px;
    top: -30px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.calstatusworking {
    position: relative;

    z-index: 100005;

    left: -1500px;
    top: -1500px;

    -moz-transform: scale(2); 
    -ms-transform: scale(2);  
    -webkit-transform: scale(2);  
    transform: scale(2);  

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clockstatusposter {
    position: absolute;

    z-index: 100005;

    height:23px;
    width:41px;

    left:1480px;
    top: 1630px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.frontstatusposter {
    position: absolute;

    z-index: 100005;

    height:34px;
    width:61px;

    left:1470px;
    top: 1630px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.postusposter {
    z-index: 100005;
/*    height:50px;
    width:50px;
    left:215px;
    top: 300px;*/
    padding-top: 8px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.postuspublic {
    position: absolute;
    z-index: 100005;
    left:27px;
    top:-5px;
    font-size: 30px;
    color: red;
    font-style: italic;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.postuspublic:hover {
    text-decoration: underline;
}

.postusprivate {
    position: absolute;
    z-index: 100005;
    left:190px;
    top: -5px;
    font-size: 30px;
    color: red;
    font-style: italic;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.postusprivate:hover {
    text-decoration: underline;
}

.calstatusposter {
    position: absolute;

    z-index: 100005;

    height:100px;
    width:100px;

    left:1450px;
    top: 1630px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

/*#hangout_button_x {
    position: fixed;
    z-index: 56;

    left: 455.5px;
    top: 470px;

    height:150px;
    width:150px;
    display: none;
}*/

/*#hangout_button {*/
    /*position: fixed;
    left: 400px;*/
    /*position: absolute;*//*
    position: fixed;
    top: 325px;
    left: 20px;

    height:150px;
    width:150px;
    z-index: 56;
    display: none;
}*/

#statuspublic {
    position: absolute;

    z-index: 100005;

    left:1385px;
    top: 1630px;

    font-size: 30px;

    color: red;

    font-style: italic;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#statusprivate {
    position: absolute;

    z-index: 100005;

    left:1530px;
    top: 1630px;

    font-size: 30px;

    color: red;

    font-style: italic;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}


#statuspublicpage {
    
    font-size: 16px;

    color: red;

    font-style: italic;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#statusprivatepage {
    
    font-size: 16px;

    color: red;

    font-style: italic;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.dmshift {
  position: absolute;

  z-index: 100000010;

  left:0px;
  top: 250px;
}

.dmpostshift {
  position: relative;
  z-index: 100000010;
  /*left:-125px;*/
  top: 0px;
}

.hour_hand {
  position: absolute;

  z-index:100000000;

  height: 93px;
  width:5px;

  left:1490px;
  top:1415px;

  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
}

.hour_hand_christmas {
  position: absolute;

  z-index:100000000;

  height: 207px;
  width:60px;

  left:1470px;
  top:1303px;

  transform-origin: center 197px;
  -webkit-transform-origin: center 197px;
  -ms-transform-origin: center 197px;
  -moz-transform-origin: center 197px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.hour_hand_sixty {
  position: absolute;

  z-index:100000000;

  height: 207px;
  width:60px;

  left:1470px;
  top:1303px;

  opacity: 0.5;

  transform-origin: center 197px;
  -webkit-transform-origin: center 197px;
  -ms-transform-origin: center 197px;
  -moz-transform-origin: center 197px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.hour_hand_sixty_blue {
  position: absolute;

  z-index:-20;

  height: 122px;
  width:20px;

  left:1490px;
  top:1378px;

  opacity: 1.0;

  transform-origin: center 122px;
  -webkit-transform-origin: center 122px;
  -ms-transform-origin: center 122px;
  -moz-transform-origin: center 122px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.minute_hand_sixty_blue {
  position: absolute;

  z-index:-20;

  height: 205px;
  width:14px;

  left:1493px;
  top:1335px;

  opacity: 1.0;

  transform-origin: center 165px;
  -webkit-transform-origin: center 165px;
  -ms-transform-origin: center 165px;
  -moz-transform-origin: center 165px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

/* .hour_hand_calendar {
  position: absolute;

  z-index:100000000;

  height: 828px;
  width:240px;

  top:762px;
  left:1380px;

  transform-origin: center 738px;
  -webkit-transform-origin: center 738px;
  -ms-transform-origin: center 738px;
  -moz-transform-origin: center 738px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
} */

.hour_hand_calendar {
  position: absolute;

  z-index:100000000;

  height: 552px;
  width:160px;

  top:1008px;
  left:1420px;

  transform-origin: center 492px;
  -webkit-transform-origin: center 492px;
  -ms-transform-origin: center 492px;
  -moz-transform-origin: center 492px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

/* .minute_hand_calendar {
  position: absolute;

  z-index:100000000;

  height: 1124px;
  width:200px;

  top:456px;
  left:1400px;

  opacity: 0.5;

    transform-origin: center 1044px;
  -webkit-transform-origin: center 1044px;
  -ms-transform-origin: center 1044px;
  -moz-transform-origin: center 1044px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
} */

.minute_hand_calendar {
  position: absolute;

  z-index:100000000;

  height: 749px;
  width:133px;

  top:811px;
  left:1433px;

  opacity: 0.5;

    transform-origin: center 689px;
  -webkit-transform-origin: center 689px;
  -ms-transform-origin: center 689px;
  -moz-transform-origin: center 689px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.minute_hand_christmas {
  position: absolute;

  z-index:100000000;

  height: 281px;
  width:50px;

  left:1475px;
  top:1229px;

  opacity: 0.5;

    transform-origin: center 271px;
  -webkit-transform-origin: center 271px;
  -ms-transform-origin: center 271px;
  -moz-transform-origin: center 271px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.minute_hand_sixty {
  position: absolute;

  z-index:100000000;

  height: 281px;
  width:50px;

  left:1475px;
  top:1229px;

    transform-origin: center 271px;
  -webkit-transform-origin: center 271px;
  -ms-transform-origin: center 271px;
  -moz-transform-origin: center 271px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.innercircleband {
  position: absolute;

  z-index: -55;

  height: 970px;
  width: 970px;

  left:1018px;
  top:1018px;

  /* opacity:.75; */

  pointer-events:none;
}

#socialwatchname {
  position: absolute;

  z-index: -20;

  height: 99px;
  width: 357px;

  left:1318px;
  top:1238px;

  /* opacity:.75; */

  pointer-events:none;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#sixtywatchname {
  position: absolute;

  z-index: -24;

  height: 30px;
  width: 161px;

  left:1420px;
  top:1360px;

  /* opacity:.75; */

  pointer-events:none;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.stars {
  position: absolute;

  z-index: -9999999999;

  height: 3000px;
  width: 3570px;

  left:-500px;
  top:5px;

  opacity:.5;

  pointer-events:none;

  overflow: hidden;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.innercircle {
  position: absolute;

  z-index: -56;

  height: 970px;
  width: 970px;

  left:1018px;
  top:1018px;

  opacity:.7;

  pointer-events:none;

  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 
}

.timelines {
  position: absolute;

  z-index: 0;

  height: 820px;
  width: 820px;

  left:1093px;
  top:1093px;

  /* opacity:.6; */

  pointer-events:none;

  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 
}

.numbers {
  position: absolute;

  z-index: 0;

  height: 940px;
  width: 940px;

  left:1033px;
  top:1033px;

  /* opacity:.6; */

  pointer-events:none;
}

#scrolltocircle {

    position: absolute;
    left:1043px;
    top:1058px;


}

.menuimg {
  position: relative;

  top: -3px;

  width: 60px;

  opacity: 0.4;
}

.instructionbar {
  /*position:relative;

  top: 300px;
  left: 70px;*/

  color:white;
}

.instructionarrow {
  width: 15px;
}

.innergraycircle {
  position: absolute;

  z-index:100000002;

  height: 60px;
  width: 60px;

  left:1470px;
  top:1470px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.sixtygraycircle {
  position: absolute;

  z-index:100000002;

  height: 40px;
  width: 40px;

  left:1480px;
  top:1480px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.innercalcircle {
  position: absolute;

  z-index:100000002;

  height: 120px;
  width: 120px;

  left:1440px;
  top:1440px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.outercircle {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1482px;
  top:1124px;

  transform-origin: 28px 386px;
  -webkit-transform-origin: 28px 386px;
  -ms-transform-origin: 28px 386px;
  -moz-transform-origin: 28px 386px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle1 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:240px;

  transform-origin: 58px 1270px;
  -webkit-transform-origin: 58px 1270px;
  -ms-transform-origin: 58px 1270px;
  -moz-transform-origin: 58px 1270px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle2 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:-20px;

  transform-origin: 58px 1530px;
  -webkit-transform-origin: 58px 1530px;
  -ms-transform-origin: 58px 1530px;
  -moz-transform-origin: 58px 1530px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle3 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:-280px;

  transform-origin: 58px 1790px;
  -webkit-transform-origin: 58px 1790px;
  -ms-transform-origin: 58px 1790px;
  -moz-transform-origin: 58px 1790px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle4 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:-540px;

  transform-origin: 58px 2050px;
  -webkit-transform-origin: 58px 2050px;
  -ms-transform-origin: 58px 2050px;
  -moz-transform-origin: 58px 2050px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle5 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:-800px;

  transform-origin: 58px 2310px;
  -webkit-transform-origin: 58px 2310px;
  -ms-transform-origin: 58px 2310px;
  -moz-transform-origin: 58px 2310px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle6 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:-1060px;

  transform-origin: 58px 2570px;
  -webkit-transform-origin: 58px 2570px;
  -ms-transform-origin: 58px 2570px;
  -moz-transform-origin: 58px 2570px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.balloutercircle0 {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:-1320px;

  transform-origin: 58px 2830px;
  -webkit-transform-origin: 58px 2830px;
  -ms-transform-origin: 58px 2830px;
  -moz-transform-origin: 58px 2830px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.clshour12{
    display: none;
}

.midwatchname {
    position:relative;

    left:-250px;
    top:-156px;
    width:853px;
    /*width: 351px;
    height: 59px;*/
}

.calwatchname {
    position:relative;

    left:-175px;
    top:-229px;

    width: 702px;
    height: 118px;
}

.caloutercircle {
  position: absolute;

  z-index:999000099;

  height:10px;
  width:10px;

  left:1452px;
  top:424px;

  transform-origin: 58px 1086px;
  -webkit-transform-origin: 58px 1086px;
  -ms-transform-origin: 58px 1086px;
  -moz-transform-origin: 58px 1086px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.diamondpos {
  position: absolute;

  left: 10px;
  top: 10px;

  width:40px;
  height:40px;
}

.diamondposball {
  position: absolute;

  left: 10px;
  top: 10px;

  width:120px;
  height:120px;
}

.caldiamondpos {
  position: absolute;

  left: -40px;
  top: -70px;

  width:200px;
  height:200px;
}

.rangecircle {
  position: absolute;

  z-index:999;

  height:20px;
  width:20px;

  left:1490px;
  top:1349px;

  transform-origin: center bottom;
  -webkit-transform-origin: center 176px;
  -ms-transform-origin: center 176px;
  -moz-transform-origin: center 176px;
}

.minute_hand {
  position: absolute;

  z-index:100000000;

  height: 141px;
  width:5px;

  left:1493px;
  top:1365px;

    transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -moz-transform-origin: center bottom;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.minute_hand_christmas_lines {
  position: absolute;

  z-index:100000000;

  height: 500px;
  width:35px;

  left:1472px;
  top:956px;

    transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -moz-transform-origin: center bottom;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.second_hand_old {
  position: absolute;

  z-index:999998;

  opacity: .5;

  height: 1450px;
  width:60px;

  left:1470px;
  top:100px;

  transform-origin: center 1400px;
  -webkit-transform-origin: center 1400px;
  -ms-transform-origin: center 1400px;
  -moz-transform-origin: center 1400px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.second_hand {
  position: absolute;

  z-index:999998;

  opacity: .1;

  height: 2014px;
  width:77px;

  left:1459px;
  top:-80px;

  transform-origin: center 1580px;
  -webkit-transform-origin: center 1580px;
  -ms-transform-origin: center 1580px;
  -moz-transform-origin: center 1580px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}

.new_second_hand {
  position: absolute;

  z-index:999998;

  opacity: .2;

  height: 880px;
  width:212px;

  left:1395px;
  top:100px;

  transform-origin: center 1400px;
  -webkit-transform-origin: center 1400px;
  -ms-transform-origin: center 1400px;
  -moz-transform-origin: center 1400px;

  pointer-events: none;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.bigger_second_hand {
  position: absolute;

  z-index:999998;

  opacity: .2;

  height: 1760px;
  width:424px;

  left:1183px;
  top:-780px;

  transform-origin: center 2280px;
  -webkit-transform-origin: center 2280px;
  -ms-transform-origin: center 2280px;
  -moz-transform-origin: center 2280px;

  pointer-events: none;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.biggest_second_hand {
  position: absolute;

  z-index:999998;

  opacity: .2;

  height: 2288px;
  width:551px;

  left:1183px;
  top:-1308px;

  transform-origin: center 2808px;
  -webkit-transform-origin: center 2808px;
  -ms-transform-origin: center 2808px;
  -moz-transform-origin: center 2808px;

  pointer-events: none;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.newer_second_hand {
  position: absolute;

  z-index:999998;

  opacity: .2;

  height: 1452px;
  width:130px;

  left:1436px;
  top:86px;

  transform-origin: center 1414px;
  -webkit-transform-origin: center 1414px;
  -ms-transform-origin: center 1414px;
  -moz-transform-origin: center 1414px;

  pointer-events: none;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#crosshair {
    position:fixed;

    z-index:99999999999999999999999999999999999;

    height: 75px;
    width:75px;
}

.makegroups {
    position: absolute;

    left:250px;
    top:17px;
}

.groups1 {
    position:absolute;

    left:0px;
    top:0px;

    width:100px;
    height:60px;

    background:red;

    color:white;
    font-size:12px;
}

.groups2 {
    position:absolute;

    left:0px;
    top:60px;

    width:100px;
    height:60px;

    background:red;

    color:white;
    font-size:12px;
}

.groups3 {
    position:absolute;

    left:0px;
    top:120px;

    width:100px;
    height:60px;

    background:red;

    color:white;
    font-size:12px;
}

.groups4 {
    position:absolute;

    left:0px;
    top:180px;

    width:100px;
    height:60px;

    background:red;

    color:white;
    font-size:12px;
}

.groups5 {
    position:absolute;

    left:0px;
    top:240px;

    width:100px;
    height:60px;

    background:red;

    color:white;
    font-size:12px;
}

#testerdot {
  position:absolute;
  left:0px;
  top:0px;

  z-index:99999999999999999999999999999999999999999999999999999999999;
}

#shading {
    position:absolute;

    z-index:9999999999999999999999999999999999999999999;

    left:-1554px;
    top:-1579px;

    width:6087px;
    height:6087px;

    opacity:1;

      transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.holiday_image {
    position: absolute;

    z-index:-54;

    left:185px;
    top:195px;

    width:2600px;
    height:2600px;

    /* overflow:hidden; */

    opacity:0.9;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clockfacedate {
    position: absolute;

    z-index:99999999;

    left:1708px;
    top:1473px;

    width:400px;
    height:50px;
    /* border: solid 5px; */
    /* border-color:gray; */

    font-style:italic;

    /* text-shadow:2px 2px #0d92d1; */
    /*text-shadow:2px 2px red;*/

    color:#66ffff;

    overflow:hidden;

    opacity:0.7;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events: none;
}

.calfacedate {
    position: absolute;

    z-index:99999999;

    left:1808px;
    top:1448px;

    width:400px;
    height:100px;
    /* border: solid 5px; */
    /* border-color:gray; */

    font-style:italic;

    /* text-shadow:2px 2px #0d92d1; */
    /*text-shadow:2px 2px red;*/

    color:#66ffff;

    overflow:hidden;

    display:none;

    opacity:0.7;

    font-size:80px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events: none;
}

.clockfacebuttons {
    position: absolute;

    z-index: 99999999997;

    left:1281px;
    top:1293px;

    width: 500px;

    opacity:1.0;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    text-align: center;
}

.calfacebuttons {
    position: absolute;

    z-index: 999999997;

    left:1356px;
    top:1143px;

    width: 500px;

    opacity:1.0;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    -moz-transform: scale(2); 
    -ms-transform: scale(2);  
    -webkit-transform: scale(2);  
    transform: scale(2);  
}


.postclockfacebuttons {
    position: relative;
    z-index: 999999997;
    left:0px;
    margin-top:8px;
    width: 100%;
    opacity:1.0;
    font-size:25px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.searchfacebutton {

    width:50px;
    height:50px;

    margin-right:30px;

    opacity:1.0;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.psearchfacebutton {

    width:30px;
    height:30px;
    margin-right:8px;
    opacity:1.0;
    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clockfacesearch {
    position: absolute;

    z-index: 99999999997;

    left:1494px;
    top:1373px;

    opacity:1.0;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clockfacesearch3d {
    position: absolute;

    z-index: 99999999997;


    opacity:1.0;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.calfacesearch {
    position: absolute;

    z-index: 999999997;

    left:1549px;
    top:1303px;

    opacity:1.0;

    font-size:40px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    -moz-transform: scale(2); 
    -ms-transform: scale(2);  
    -webkit-transform: scale(2);  
    transform: scale(2);  
}

.searchNonPop {
    position: relative;

    z-index:-100000000000;

    top:35px;
    left: -6px;

    height: 25px;
    width: 25px;
    
    opacity: 0.6;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.frontSearchNonPop {
    position: relative;

    z-index:-100000000000;

    top:10px;
    left: -13px;

    height: 40px;
    width: 40px;
    
    opacity: 0.6;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.frontSearchNonPopPlus {
    position: relative;

    z-index:-100000000000;

    top:-48px;
    left: 42px;

    height: 40px;
    width: 40px;
    
    opacity: 0.6;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.calNonPop {
    position: relative;

    z-index:-100000000000;

    top:-25px;
    left: -33px;

    height: 50px;
    width: 50px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image2 {
    position: absolute;

    z-index:-56;

    left:75px;
    top:80px;

    width:2850px;
    height:2850px;

    overflow:hidden;

    opacity:.25;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image3 {
    position: absolute;

    z-index:-56;

    left:75px;
    top:80px;

    width:2850px;
    height:2850px;

    overflow:hidden;

    opacity:.25;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image4 {
    position: absolute;

    z-index:-58;

    left:65px;
    top:70px;

    width:2870px;
    height:2870px;

    overflow:hidden;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image5 {
    position: absolute;

    z-index:999997;

    left:75px;
    top:80px;

    width:2850px;
    height:2850px;

    overflow:hidden;

    opacity:.25;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image6 {
    position: absolute;

    z-index:-56;

    left:80px;
    top:80px;

    width:2850px;
    height:2850px;

    overflow:hidden;

    opacity:.6;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image8 {
    position: absolute;

    z-index:-30;

    left:25px;
    top:30px;

    width:2950px;
    height:2950px;

    overflow:hidden;

    opacity:.8;

    transform-origin: 1475px 1470px;
    -webkit-transform-origin: 1475px 1470px;
    -ms-transform-origin: 1475px 1470px;
    -moz-transform-origin: 1475px 1470px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_image {
    position: absolute;

    z-index:-55;

    left:-1075px;
    top:-1075px;

    width:4150px;
    height:4000px;

    overflow:hidden;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.clock_misshapen_image {
    position: absolute;

    z-index:-55;

    left:-400px;
    top:-147px;

    width:3673px;
    height:3127px;

    /* overflow:hidden; */

    opacity:0.9;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.solid_rings {
    position: absolute;

    z-index:-50;

    left:-1075px;
    top:-1075px;

    width:4150px;
    height:4000px;

    overflow:hidden;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}


.clock_rings_image {
    position: absolute;

    z-index:-50;

    left:100px;
    top:105px;

    width:2800px;
    height:2800px;

    opacity: 0.9;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.centerwrap {
  position: relative;

  left: 15px;
}

.inner_bands {
    position: absolute;

    z-index:-40;

    left:998px;
    top:987px;

    width:1024px;
    height:996px;

    opacity: 0.3;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.inner_bands_text {
    position: absolute;

    z-index:-40;

    left:1382px;
    top:1741px;

    width:232px;
    height:222px;

    opacity: 1;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.special_rings {
    position: absolute;

    z-index:-40;

    left:-25px;
    top:-20px;

    width:3050px;
    height:3050px;

    opacity: .6;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.grid_bg {
    position: absolute;

    z-index:-42;

    left:-1315px;
    top:-1305px;

    width:5621px;
    height:5621px;

    opacity: .6;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.poorly_centered {
    position: absolute;

    z-index:-40;

    left:-1315px;
    top:-1305px;

    width:5621px;
    height:5621px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_background {
    position: absolute;

    z-index:-40;

    left:-1285px;
    top:-1265px;

    width:5550px;
    height:5550px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.ordinary_background {
    position: absolute;

    z-index:-40;

    left:-208px;
    top:-132px;

    width:3416px;
    height:3324px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.experiment_foreground {
    position: absolute;

    z-index:-30;

    left:-225px;
    top:-225px;

    width:3450px;
    height:3450px;

    opacity: 0.99;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background {
    position: absolute;

    z-index:-41;

    left:-1700px;
    top:-1700px;

    width:6400px;
    height:6400px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_op {
    position: absolute;

    z-index:-41;

    left:-500px;
    top:-500px;

    width:4000px;
    height:4000px;

    opacity: 1;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_6k {
    position: absolute;

    z-index:-41;

    left:-950px;
    top:-950px;

    width:4900px;
    height:4900px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.experiment_background {
    position: absolute;

    z-index:-40;

    left:-445px;
    top:-455px;

    width: 3900px;
    height: 3900px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.sevenalpha_background {
    position: absolute;

    z-index:-40;

    left:-1495px;
    top:-1505px;

    width: 6000px;
    height: 6000px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.oldexperiment_background {
    position: absolute;

    z-index:-40;

    left:-198px;
    top:-207px;

    width:3416px;
    height:3414px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.borderradius {
    -moz-border-radius : 15px,
    -webkit-border-radius : 15px,
    border-radius : 15px,
}

.twelvebackground {
    position: absolute;

    z-index:-40;

    left:-1042px;
    top:-1042px;

    width:5085px;
    height:5085px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.twelvecenter {
    position: absolute;

    z-index:-40;

    left:955px;
    top:955px;

    width:1077px;
    height:1077px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.twelvegradient {
    position: absolute;

    z-index:-45;

    left:-1085px;
    top:-1085px;

    width:5170px;
    height:5170px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.twelvegradient2 {
    position: absolute;

    z-index:-45;

    left:-1009px;
    top:-1009px;

    width:5019px;
    height:5019px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.twelvebehind {
    position: absolute;

    z-index:-41;

    left:-1125px;
    top:-1125px;

    width:5251px;
    height:5251px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
    transform: rotate(30deg);
}

.twelvebackground2 {
    position: absolute;

    z-index:-40;

    left:-1042px;
    top:-1042px;

    width:5432px;
    height:5289px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.twelvewedge {
  position: absolute;

  z-index:-39;

  left:1495px;
  top:985px;

  width:259px;
  height:113px;

  opacity: 0.75;

  /* overflow:hidden; */

  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 

  transform-origin: -3px 510px;
   -webkit-transform-origin: -3px 510px;
  -ms-transform-origin: -3px 510px;
  -moz-transform-origin: -3px 510px;
}

.twelvewedgetest {
  position: absolute;

  z-index:-39;

  left:270px;
  top:742px;

  width:2500px;
  height:1500px;

  opacity: 1.0;

  /* overflow:hidden; */

  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
  -o-user-select: none; 

  pointer-events:none;

  transform-origin: center center;
   -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -moz-transform-origin: center center;
}

.massive_background {
    position: absolute;

    z-index:-40;

    left:-1012px;
    top:-1007px;

    width:5016px;
    height:5014px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.massive_backring {
    position: absolute;

    z-index:-39;

    left:-1512px;
    top:-1507px;

    width:6016px;
    height:6014px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.massive_background_2 {
    position: absolute;

    z-index:1000;

    left:-1196px;
    top:-1105px;

    width:5432px;
    height:5209px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.expexperiment_background {
    position: absolute;

    z-index:-40;

    left:-198px;
    top:-207px;

    width:3416px;
    height:3414px;

    opacity: 0.5;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.newexperiment_background {
    position: absolute;

    z-index:-40;

    left:-1027px;
    top:-184px;

    width:5054px;
    height:3369px;

    opacity: 0.95;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}
.starexperiment_background {
    position: absolute;

    z-index:-42;

    left:-1027px;
    top:-184px;

    width:5054px;
    height:3369px;

    opacity: 0.7;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.externalbox {
    position: absolute;

    z-index: 999999999;
}

.giant_background_fixed {
    position: absolute;

    z-index:-40;

    left:-1738px;
    top:-1718px;

    width:6436px;
    height:6436px;

    opacity: 0.35;/*opacity: 1.0;*/

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_background_alpha {
    position: absolute;

    z-index:-40;

    left:-807px;
    top:-805px;

    width:4625px;
    height:4709px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.frontpiece_alpha {
    position: absolute;

    z-index:-28;

    left:-350px;
    top:-350px;

    width:3700px;
    height:3700px;

    opacity: 0.65;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.secondpiece_alpha {
    position: absolute;

    z-index:-30;

    left:-3283px;
    top:-3283px;

    width:9566px;
    height:9566px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.backpiece_alpha {
    position: absolute;

    z-index:-29;

    left:-3500px;
    top:-3500px;

    width:10000px;
    height:10000px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

/* old sizing */

/* .giant_background_sixty {
    position: absolute;

    z-index:-40;

    left:-1057px;
    top:-984px;

    width:5124px;
    height:4986px;

    opacity: .7;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_backerground_sixty {
    position: absolute;

    z-index:-41;

    left:-1057px;
    top:-984px;

    width:5124px;
    height:4986px;

    opacity: .99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
} */

.minutemoving_sixty {
    position: absolute;

    z-index:-40;

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    opacity: 1.00;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.backlight_sixty {
    position: absolute;

    z-index:-41;

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    opacity: .85;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_backestground_sixty {
    position: absolute;

    z-index:-38;

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    opacity: 1.00;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_touchable {
    position: absolute;

    z-index:-45;

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

#canvascont canvas {
    

    z-index:12;

   

    /*width:140vw!important;width: 100vh;
    height:70vw!important;*/

   /* width:6000px!important;
    height:3900px!important;
    left:-1500px!important;
    top:-450px!important;*/
    position: fixed;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.hourrevolving_sixty {
    position: absolute;

    z-index:-37;

    left:900px;
    top:900px;

    width:1200px;
    height:1200px;

    opacity: .99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_background_7day {
    position: absolute;

    z-index:-40;

    left:-180px;
    top:-220px;

    width:3400px;
    height:3400px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.giant_spiral_7day {
    position: absolute;

    z-index:-40;

    left:-111px;
    top:-109px;

    width:3218px;
    height:3218px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.background_spiral_7day {
    position: absolute;

    z-index:-40;

    left:-117px;
    top:-46px;

    width:3028px;
    height:3206px;

    opacity: 0.4;
    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center 1053px;
     -webkit-transform-origin: center 1053px;
    -ms-transform-origin: center 1053px;
    -moz-transform-origin: center 1053px;
}

.background_shading_60min {
    position: absolute;

    z-index:-40;

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    opacity: 0.8;
    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.middle_ring_60min {
    position: absolute;

    z-index:-40;

    left:900px;
    top:900px;

    width:1200px;
    height:1200px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.dode_rings {
    position: absolute;

    z-index:-40;

    left:-25px;
    top:438px;

    width:3050px;
    height:2036px;

    opacity: .6;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.datason {
    position: absolute;

    z-index:-18;

    /* left:0px;
    top:0px;

    width:3000px;
    height:3000px; */

    height: 900px;
    width: 900px;

    left:1040px;
    top:1060px;

    /* opacity: 0.3; */

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.sixtyposition {
  position: absolute;

  left: 1138px;
  top: 1160px;

  z-index: -25;

  /*

  secretsize:

  700 x 700

  */
}

.sixtygradient {
    position: absolute;

    z-index:-29;

    /* left:0px;
    top:0px;

    width:3000px;
    height:3000px; */

    height: 679px;
    width: 713px;

    left:2.5px;
    top:2.5px;

    opacity: 0.80; 

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.sixtyback {
    position: absolute;

    z-index:-20;

    /* left:0px;
    top:0px;

    width:3000px;
    height:3000px; */

    height: 684px;
    width: 718px;

    left:0px;
    top:0px;

    /* opacity: 0.3; */

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.sixtymovegradient {
    position: absolute;

    z-index:-25;

    /* left:0px;
    top:0px;

    width:3000px;
    height:3000px; */

    height: 684px;
    width: 718px;

    left:0px;
    top:0px;

    opacity: 0.50;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.sixtymove {
    position: absolute;

    z-index:-27;

    height: 121px;
    width: 131px;

    left:233px;
    top:82px;

    opacity: 0.85;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    transform-origin: 126px 260px;
     -webkit-transform-origin: 126px 260px;
    -ms-transform-origin: 126px 260px;
    -moz-transform-origin: 126px 260px;
}

/*

old


.sixtymove {
    position: absolute;

    z-index:-37;

    height: 684px;
    width: 718px;

    left:0px;
    top:0px;

    opacity: 0.85;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}
*/

.alphadatason {
    position: absolute;

    z-index:-38;

    height: 1000px;
    width: 1000px;

    left:-50px;
    top:-50px;

    pointer-events:none;
}

.clock_shading_image {
    position: absolute;

    z-index:999999;

    opacity:.30;

    left:-10px;
    top:-10px;

    width:3020px;
    height:3020px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.alpha_shade {
    position: absolute;

    z-index:999999;

    left:-650px;
    top:-650px;

    width:4320px;
    height:4320px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.quarter_alpha_shade {
    position: absolute;

    z-index:999999;

    left:0px;
    top:-660px;

    width:2160px;
    height:2160px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.quarter_twelve_shade {
    position: absolute;

    left:0px;
    top:-1113px;

    width:2526px;
    height:2526px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.quarter_alphaExp_shade {
    position: absolute;

    z-index:999999;

    left:0px;
    top:-460px;

    width:1960px;
    height:1960px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.quarter_sixty_shade {
    position: absolute;

    z-index:999999;

    left:0px;
    top:-1200px;

    width:2700px;
    height:2700px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.quarter_sevenalpha_shade {
    position: absolute;

    z-index:999999;

    left:0px;
    top:-160px;

    width:1660px;
    height:1660px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.quarter_normal_shade {
    position: absolute;

    z-index:999999;

    left:0px;
    top:-760px;

    width:2260px;
    height:2260px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;
}

.alpha_shading_image {
    position: absolute;

    /* z-index:999999; */

    z-index:99999999999999999999999999999999999999999999999999999 * 99999999999999999999999999999999999999999999999999999;

    opacity:.20;

    left:-1300px;
    top:-1300px;

    width:5600px;
    height:5600px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.dark_shading_image {
    position: absolute;

    /* z-index:999999; */

    z-index: 999999998;

    opacity:1;

    left:-1300px;
    top:-1300px;

    width:5600px;
    height:5600px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.dark_shading_image2 {
    position: absolute;

    /* z-index:999999; */

    z-index: 999999998;

    opacity:1;

    left:-1400px;
    top:-1400px;

    width:5800px;
    height:5800px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.dark_shading_image3 {
    position: absolute;

    /* z-index:999999; */

    z-index: 999999998;

    opacity:0.8;

    left:-1400px;
    top:-1400px;

    width:5800px;
    height:5800px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.zindwrapper {
    position: absolute;

    z-index: 999999998;
}

.quarter_shading_image {
    position: absolute;

    z-index:999999;
    
    opacity: 0.75;

    left:1500px;
    top:0px;

    width:1500px;
    height:1500px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: left bottom;
     -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
}

.twelve_shading_image {
    position: absolute;

    z-index:-45;
    
    opacity: 1.00;

    left:1500px;
    top:0px;

    width:1500px;
    height:1500px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: left bottom;
     -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
}
  
.mob_twelve_shading_image {
    position: absolute;

    z-index:-45;
    
    opacity: 1.00;

    left:1500px;
    top:0px;

    width:20px;
    height:20px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: left bottom;
     -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
}

.frontpage_shading_image {
    position: absolute;

    z-index:99999;
    
    opacity: 0.75;

    left:1500px;
    top:0px;

    width:1500px;
    height:1500px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: left bottom;
     -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
}

.sixty_shading_image {
    position: absolute;

    z-index:-39; 
    
    opacity: 0.99;

    left:1500px;
    top:0px;

    width:1500px;
    height:1500px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: left bottom;
     -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
}

.testdiv {
    position:absolute;

    color:white;

    z-index:9999999999999999999999;

    left:1100px;
}

.clear {
    clear: both;

}

::-webkit-input-placeholder {
   color: #a3a3a3;

}

:-moz-placeholder {  
   color: #a3a3a3;

}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;

}

::selection {
    background: #b3d4fc;
    text-shadow: none;

}

@font-face {
    font-family: 'Conv_iconSweets';
    src: url('fonts/vendor/iconSweets.eot');
    src: local('☺'), url('fonts/vendor/iconSweets.woff') format('woff'), url('fonts/vendor/iconSweets.ttf') format('truetype'), url('fonts/vendor/iconSweets.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url("https://fonts.googleapis.com/css?family=Open+Sans:300");
}
/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;

}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;

}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;

}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;

}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;

}


/*-------------------------Header-------------------------*/


#header {
    left:-35px;
    top: 0;
    margin: 0;
    padding: 0;
    width: 500px;
    height: 75px;
    position: fixed;
    z-index: 12;


    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    -webkit-transform: translate3d(0,0,9999999999999999999999999999999999999999);
}

#hwrap {
  position: absolute;

  left:-35px;
  top: 0px;
}

ul.list_right {
    float: right;
    margin: 15px 6px 0 0;

}

#safarizooms {
  /* position: absolute;

  left:0px;
  top:0px; */
}

#help_button {
    position:relative;

    left:-200px;
}

#feed_filter_box {
    position:relative;

    left:100px;
}

.list_right li {
    display: inline;
    list-style: none;
    margin:0 5px 0 0;
    font-size: 12px;
    letter-spacing: 0px;

}

ul.list_left {
    float: left;
    margin: 15px 0 0 -5px;


}

.list_left li {
    display: inline;
    list-style: none;
    margin:0 5px 0 0;
    font-size: 12px;
    letter-spacing: 0px;

}

.list_left {
    position: fixed;

    z-index: 6;
}

#search {
    position: fixed;
    top: 14px;
    left: 430px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    color: white;
    padding: 5px 15px;
    background-color: black;
    border: 1px solid #000;

}

#search_button {
    position: fixed;
    top: 12px;
    left: 715px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    color: white;
    padding: 5px 15px;
    background-color: #232323;
    border: 1px solid #000;
}

#network {
    position: absolute;
    top: 12.5px;
    left: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    color: white;
    padding: 5px 15px;
}

#face_button {
    position: absolute;
    top: 5px;
    left: 196px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    color: white;
    padding: 5px 15px;
    background-color: #232323;
    border: 1px solid #000;
}

#face_X {
    position: absolute;
    top: 5px;
    left: -195px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    color: white;
    padding: 5px 15px;
    background-color: #232323;
    border: 1px solid #000;
}

#face_delete_X {
    position: absolute;
    top: 5px;
    left: 145px;
    font-size: 15px;
    color: white;

    z-index: 999999999999999999;
}

#new_face_delete_X {
    position: absolute;
    top: 3px;
    left: 98px;
    font-size: 15px;
    color: white;

    z-index: 999999999999999999;
}

#top_delete_X {
    position: fixed;
    top: 15px;
    left: 680px;
    font-size: 15px;
    color: white;

    z-index: 999999999999999999;
}

.styled-select {
  position: relative;

  top: -8px;
  left: -40px;
}

.styled-select select {
  color: #fff;
  text-shadow: 0px 1px 0px #000;
  -webkit-text-shadow: 0px 1px 0px #000;
  text-decoration:none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 12px;
  padding: 5px 15px;
  background: #3b3535;
  background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
  background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
  background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
  background: -o-linear-gradient(top, #3b3535, #1e1a1a);
  border: solid 1px #000;
  box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
  -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
  cursor: pointer;
  font-weight: normal;
  -moz-transition:.3s ease-in-out;
  -webkit-transition:.3s ease-in-out;
}

select option {
  color: #fff;
  text-shadow: 0px 1px 0px #000;
  -webkit-text-shadow: 0px 1px 0px #000;
  text-decoration:none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 12px;
  padding: 5px 15px;
  background: #3b3535;
  background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
  background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
  background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
  background: -o-linear-gradient(top, #3b3535, #1e1a1a);
  border: solid 1px #000;
  box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
  -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
  cursor: pointer;
  font-weight: normal;
  -moz-transition:.3s ease-in-out;
  -webkit-transition:.3s ease-in-out;
}

/* .searchpop {
  position: absolute;

  z-index: 99999999999999999999999;

  left:-90px;
  top:40px;

  background-color:black;
  color: white;

  width:300px;
  height:43px;

  font-size: 20px;
} */

/* Old Version */

/* #csearch {
  position: absolute;

  z-index: 99999999999999999999999;

  left:-150px;
  top:0px;

  background-color:black;
  color: white;

  border-radius : 35px;

  width:333px;
  height:43px;

  font-size: 20px;
}

/* New version */

#ncsearch {
  position: absolute;

  z-index: 99999999999999999999999;

  left:-83px;
  top:3px;

  color: white;
  background-color:black;

  border-style: none;

  width:162px;
  height:15px;

  font-size: 16px;
}

#dmncsearch {
  position: absolute;

  z-index: 99999999999999999999999;

  left:-83px;
  top:3px;

  color: white;
  background-color:black;

  border-style: none;

  width:162px;
  height:15px;

  font-size: 16px;
}

#searchscale {
  position: absolute;

  z-index: 9999999999999999999999;

  top:-10px;
}
 
.searchbg {
  position: absolute;

  z-index: 9999999999999999999999;

  left:-93px;
  top:-5px;

  width:219px;
  height:39px;

  font-size: 20px;
}

.searchMag {
  position: absolute;

  z-index: 9999999999999999999999;

  left:106px;
  top:-5px;

  width:62px;
  height:39px;

  font-size: 20px;
}

.searchMagChatGpt {
  position: absolute;

  z-index: 9999999999999999999999;

  left:175px;
  top:-1px;

  /*width:62px;*/
  height:34px;

  font-size: 20px;
}

.searchArrow {
  position: absolute;

  z-index: 9999999999999999999999;

  left:-129px;
  top:-5px;

  width:56px;
  height:39px;

  font-size: 20px;
}

.frontSearchArrow {
  position: absolute;

  z-index: 9999999999999999999999;

  left:-129px;
  top:-5px;

  width:56px;
  height:39px;

  font-size: 20px;
}

.searchX {
  position: absolute;

  z-index: 9999999999999999999999;

  left:-171px;
  top:-5px;

  width:45px;
  height:39px;

  font-size: 20px;
}

#opener {
  cursor: pointer;
}

.clusshadow {
    position: absolute;
    z-index: -50;

    /* left: -27.5px;
    top: -27.5px; */

    left: -305px;
    top: -305px;

    pointer-events: none;

    opacity: 1.0;

    visibility : inherit;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.igclusnumbox { 
    color: white;

    background-color: red;

    text-align: center;

    border-radius: 9px;
    -webkit-border-radius: 9px;
    
    font-size: 9px;
    
    padding-left: 0px;
    padding-bottom: 4px;
    
    /* border: solid 1px white; */
    
    width: 12px;
    height: 8px;

    position: absolute;
    top: -13px;
    left: 28px;
}

.clusnumbox { 
    color: white;

    background-color: red;

    text-align: center;

    border-radius: 9px;
    -webkit-border-radius: 9px;
    
    font-size: 9px;
    
    padding-left: 0px;
    padding-bottom: 4px;
    
    /* border: solid 1px white; */
    
    width: 12px;
    height: 8px;

    position: absolute;
    top: -12px;
    left: 21px;
}

.clusnum {
  text-align: center;
}

.brownblue_button { 
    position:relative;
    left:150px;

    color: #2196F3;
    text-shadow: 0px 1px 0px #000;
    -webkit-text-shadow: 0px 1px 0px #000;
    text-decoration:none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    background: #3b3535;
    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    border: solid 1px #000;
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    cursor: pointer;
    font-weight: normal;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

    z-index:2;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.brownblue_button:hover {
    text-decoration: none !important;
    background: #3b3535;
    border: 1px solid #000;

    /* color: #fff !important; */

    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 5px #151515;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 5px #151515;

}

.brownblue_button:active {
    background: -webkit-linear-gradient(top, #232323, #232323);
    background: -moz-linear-gradient(top, #232323, #232323);
    background: -ms-linear-gradient(top, #232323, #232323);
    background: -o-linear-gradient(top, #232323, #232323);
    box-shadow: inset 0px 1px 5px #000, 0px 1px 0px #514d4d;
    -webkit-box-shadow: inset 0px 1px 5px #000, 0px 1px 0px #514d4d;

}

.brown_button { 
    position:relative;
    left:150px;

    color: #fff;
    text-shadow: 0px 1px 0px #000;
    -webkit-text-shadow: 0px 1px 0px #000;
    text-decoration:none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    background: #3b3535;
    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    border: solid 1px #000;
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    cursor: pointer;
    font-weight: normal;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

    z-index:2;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.brown_button:hover {
    text-decoration: none !important;
    background: #3b3535;
    border: 1px solid #000;
    color: #fff !important;
    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 5px #151515;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 5px #151515;

}

.brown_button:active {
    background: -webkit-linear-gradient(top, #232323, #232323);
    background: -moz-linear-gradient(top, #232323, #232323);
    background: -ms-linear-gradient(top, #232323, #232323);
    background: -o-linear-gradient(top, #232323, #232323);
    box-shadow: inset 0px 1px 5px #000, 0px 1px 0px #514d4d;
    -webkit-box-shadow: inset 0px 1px 5px #000, 0px 1px 0px #514d4d;

}

.boxcontent {
    font-size: 20px;

    word-wrap: break-word;

    white-space: pre-line;
}

.boxcontentpp {
    font-size: 20px;



    word-wrap: break-word;
}

.boxcontentyt{
    font-size: 20px;

    word-wrap: break-word;
    overflow: scroll;
    overflow-x:hidden;
    width: 290px;
    height:640px;
}

.boxcontentgm{
    font-size: 20px;

    word-wrap: break-word;
    overflow: scroll;
    overflow-x:hidden;
    width: 290px;
    height:640px;
}

.boxcontent a, .boxcontentyt a, .boxcontentgm a, .boxcontentpp a {
    color: #0d92d1;

    word-wrap: break-word;

    font: 8px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
}

.boxcontent a.twscreenname,
.boxcontentyt a.twscreenname,
.boxcontentgm a.twscreenname,
.boxcontentpp a.twscreenname {
    border-bottom: 1px solid #0d92d1;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Arial;
    line-height: 1.231;
    color: #fff;
}

.boxcontent span, .boxcontentyt span, .boxcontentgm span, .boxcontentpp span {
    /*font: 300 12px 'Open Sans';*//*,sans-serif;*/
    font: 20px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial
}

.blue_button { 
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    -webkit-text-shadow: 0px 1px 0px #000;
    text-decoration:none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    background: #3b3535;
    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    border: solid 1px #000;
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    cursor: pointer;
    font-weight: normal;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

}

.blue_button:hover {
    text-decoration: none !important;
    background: #3b3535;
    border: 1px solid #000;
    color: #fff !important;
    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 5px #151515;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 5px #151515;

}

.blue_button:active {
    background: -webkit-linear-gradient(top, #232323, #232323);
    background: -moz-linear-gradient(top, #232323, #232323);
    background: -ms-linear-gradient(top, #232323, #232323);
    background: -o-linear-gradient(top, #232323, #232323);
    box-shadow: inset 0px 1px 5px #000, 0px 1px 0px #514d4d;
    -webkit-box-shadow: inset 0px 1px 5px #000, 0px 1px 0px #514d4d;

}

.social_watch_icon {
    position:absolute;

    top:15px;
    left:15px;

    z-index:10;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.social_test_icon {
    position:absolute;

    top:15px;
    left:435px;

    z-index:10;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.black_bar {
    position:absolute;

    z-index:5;
    background-color:#000000;

    left:0px;
    top:0px;

    height:20px;
    width:150px;
}

/*

--------------------------------- GROUP MENUS -----------------------

*/

.twlists {
    top:65px;
     left :-17px;
    position:relative;
}

.new_menu_popout {
    position: absolute;
    top:0px;
    left:50px;

    padding-left: 10px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.new_twlist_menu_popout {
    position: absolute;
    top:190px;
    left:435px;

    padding-left: 10px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_twalphalist_menu_popout {
    position: absolute;
    top:65px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw12list_menu_popout {
    position: absolute;
    top:0px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw6list_menu_popout {
    position: absolute;
    top:-65px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw7list_menu_popout {
    position: absolute;
    top:127px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw7rlist_menu_popout {
    position: absolute;
    top:189px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_twtimelist_menu_popout {
    position: absolute;
    top:260px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw8list_menu_popout {
    position: absolute;
    top:385px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw8ulist_menu_popout {
    position: absolute;
    top:445px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.new_tw8alist_menu_popout {
    position: absolute;
    top:-65px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw9list_menu_popout {
    position: absolute;
    top:445px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw9alist_menu_popout {
    position: absolute;
    top:-65px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}


.new_tw9alist_menu_popoutleftside {
    position: absolute;
    top:25px;
    left:120px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:-45;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.twitlinkleftside{
    list-style-type: none;
    /*padding-bottom: 77px;*/
}

.twitlinkleftside p{
    color: white;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    background-color:  black!important
}

.ncaafbincreasefontsize {
    font-size: 100px;
}

.fontsize1 .ncaafbtitle, .fontsize1 .ncaafbemoji{
   font-size: 100px!important; 
}

.fontsize2 .ncaafbtitle, .fontsize2 .ncaafbemoji{
   font-size: 95px!important; 
}

.fontsize3 .ncaafbtitle, .fontsize3 .ncaafbemoji{
   font-size: 90px!important; 
}

.fontsize4 .ncaafbtitle, .fontsize4 .ncaafbemoji{
   font-size: 85px!important; 
}

.fontsize5 .ncaafbtitle, .fontsize5 .ncaafbemoji{
   font-size: 80px!important; 
}


.fontsize6 .ncaafbtitle, .fontsize6 .ncaafbemoji{
   font-size: 75px!important; 
}

.fontsize7 .ncaafbtitle, .fontsize7.ncaafbemoji{
   font-size: 70px!important; 
}

.fontsize8 .ncaafbtitle, .fontsize8 .ncaafbemoji{
   font-size: 65px!important; 
}

.fontsize9 .ncaafbtitle, .fontsize9 .ncaafbemoji{
   font-size: 60px!important; 
}

.fontsize10 .ncaafbtitle, .fontsize10 .ncaafbemoji{
   font-size: 55px!important; 
}


.clsBettingGrid{
    width: 270px;
    overflow-x: auto;
}

.new_tw9ulist_menu_popout {
    position: absolute;
    top:-65px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_tw9ualist_menu_popout {
    position: absolute;
    top:-65px;
    left:420px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_ig7list_menu_popout {
    position: absolute;
    top:65px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_gm7list_menu_popout {
    position: absolute;
    top:65px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_igrelist_menu_popout {
    position: relative;
    top:-167px;
    left:395px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_igbolist_menu_popout {
    position: absolute;
    top:193px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_ig24list_menu_popout {
    position: absolute;
    top:128px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_igexlist_menu_popout {
    position: absolute;
    top:257px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_ytlist_menu_popout {
    position: absolute;
    top:190px;
    left:435px;

    padding-left: 10px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.new_ytbolist_menu_popout {
    position: absolute;
    top:255px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.settings1_menu_popout {
    position: absolute;
    top:-65px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.settings2_menu_popout {
    position: absolute;
    top:0px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.settings3_menu_popout {
    position: absolute;
    top:65px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.settings4_menu_popout {
    position: absolute;
    top:120px;
    left:435px;

    padding-left: 5px;

    /* width:200px;
    height:65px; */

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.group_menu_popout {
    position: absolute;
    top:0px;
    left:70px;

    width:200px;
    height:65px;

    z-index:999999999999999;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.group_menu_pop1 {
    position:absolute;

    left:40px;
    top:0px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.group_menu_pop2 {
    position:absolute;

    left:90px;
    top:0px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.group_menu_pop3 {
    position:absolute;

    left:140px;
    top:0px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_buttons {
    position: relative;

    z-index: 8;
}

#group_menu_fb {
    padding-top:0px;

    position: absolute;
    top:293px;
    left:5px;

    z-index:999999999999999;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_linkedin {
    padding-top:0px;

    position: absolute;
    top:423px;
    left:5px;

    width:50px;
    height:50px;

    z-index:99;

    /*display: none;*/

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_twitter {
    padding-top:0px;

    position: absolute;
    top:880px;
    left:5px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_twitteru {
    padding-top:0px;

    position: absolute;
    /*top:98px;*/
    top:228px;
    left:5px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_gmail {
    padding-top:0px;

    position: absolute;
    /*top:163px;*/
    top:98px;
    left:5px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_youtube {
    padding-top:0px;

    position: absolute;
    /*top:228px;*/
    top:163px;
    left:5px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_settings {
    padding-top:0px;

    position: absolute;
    top:685px;
    left:5px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_rssfeed {
    padding-top:0px;

    position: absolute;
    top:1010px;/*top:358px;*/
    left:15px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_instagram {
    padding-top:0px;

    position: absolute;
    top:815px;
    left:10px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_chat {
    padding-top:0px;

    position: absolute;
    top:425px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_chat1 {
    padding-top:0px;

    position: absolute;
    top:685px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_radiogarden {
    padding-top:0px;

    position: absolute;
    top:1010px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

/*
#group_menu_festivalholidaymusic {
*/
#group_menu_tiktok {
    padding-top:0px;

    position: absolute;
    /*top:1075px;*/
    top:1075px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_rssfeed {
    padding-top:0px;

    position: absolute;
    top:1010px;/*top:358px;*/
    left:15px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_gp {
    padding-top:0px;

    position: absolute;
    top:248px;
    left:25px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_faux {
    display:none;

    padding-top:0px;

    position: absolute;
    top:358px;
    left:20px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_seatgeek {
    padding-top:0px;

    position: absolute;
    top:358px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}


#group_menu_chatgpt {
    padding-top:0px;

    position: absolute;
    /*top:490px;*/
    top:293px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_american_footballv1 {
    padding-top:0px;

    position: absolute;
    /*top:490px;*/
    top:293px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_twelve {
    padding-top:0px;

    position: absolute;
    /*top:490px;*/
    top:360px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_twentyfour {
    padding-top:0px;

    position: absolute;
    /*top:490px;*/
    top:427px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_twentyfourbyseven {
    padding-top:0px;

    position: absolute;
    /*top:490px;*/
    top:494px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_threesixtyfive {
    padding-top:0px;

    position: absolute;
    /*top:490px;*/
    top:559px;
    left:3px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#centered_group_menu {
    position:absolute;

    left:100px;
    top:100px;

    margin-left:100px;
    margin-right:100px;

    padding-top:1135px;
    padding-left:1144px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#zooms {
  position:absolute;

  left:0px;
  top:420px;
}

#zoomin {
    position:absolute;

    left:15px;
    top:0px;

    display: none;

    color:white;

    font-size:50px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#zoomout {
    position:absolute;

    left:15px;
    top:50px;

    display: none;

    color:white;

    font-size:80px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#zoomtitle {
    display:none;

    position:absolute;

    left:15px;
    top:428px;

    color:white;

    font-size:20px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#zoompopup {
    visibility:hidden;

    position:absolute;

    left:85px;
    top:478px;

    color:white;
    background-color:gray;

    height:150px;
    width:150px;

    font-size:18px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

/*-------------------------Header end-------------------------*/


/*-------------------------Main-------------------------*/

#wrapperdiv {
    margin: auto auto;
}
#needstohide {
    /*
    position:absolute;
    left:45%;
    top:45%;

    */
    /* 870px width (1024px desktop screen) offset-77px */
    margin-left: 0px;
    text-decoration: none;
    font: 20px/1.231 'Century Gothic','Trebuchet MS',Tahoma,Arial;
}
#logo {
    /* width - 358 px for sw_social_watch.png logo files */
    /* margin: 25% 25%; */
}

#bgdiv {

}

#wrap {
    /* width: 1024px; */
    height: 100%;
    /* margin: 0 auto; */
    position: absolute;

    left:0px;
    top:0px;

    z-index:12;
}

#clockwrap {
    /* width: 3200px;
    height: 3200px; */
    /* margin: 0 auto; */
    position: absolute;

    left:0px;
    top:0px;

    z-index:11;
}

.touchablebg {
  position: absolute;

  left:0px;
  top:0px;

  width:7000px;
  height:7000px;
}

#feed {
    width: 400px;
    height:780px;
    overflow: scroll;
    overflow-x:hidden;
    z-index: 155;

    padding-left: 50px;

    position:fixed;

    left:80px;
    top:60px;

    background-color:black;

    z-index: 5;
}

div#feed::-webkit-scrollbar {
    width: 15px;
    /* background:#333333; */
    background: gray;
}
 
/* Track */
div#feed::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000; 
    -webkit-border-radius: 20px;
    border-radius: 20px;

    /* background:#333333; */
    background: black;
    width:30px;
}

div#feed::-webkit-scrollbar-corner {
    /* background:#333333; */
    background: black;
}
 
/* Handle */
div#feed::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: gray; 
    -webkit-box-shadow: inset 0 0 6px #000; 

    width:30px;
    height: 20px;

    min-height: 50px !important; 
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background:#333333; */
    background: gray;

}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: gray; 
    -webkit-box-shadow: inset 0 0 6px #000; 

    width:8px;
}

::-webkit-scrollbar {
    width: 5px;

    /* background:#333333; */
    background: gray;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000; 
    -webkit-border-radius: 20px;
    border-radius: 20px;

    /* background:#333333; */
    background: black;
    width:15px;
}

::-webkit-scrollbar-corner {
    /* background:#333333; */
    background: black;
}

#help {
    width: 400px;
    height:780px;
    overflow: scroll;
    overflow-x:hidden;
    z-index: 155;

    padding-left: 50px;

    position:fixed;

    left:160px;
    top:60px;

    background-color:black;
}

.feed_item {
    position: relative;
    left: 40px;

    z-index: 99999999;
}

.feed_item h1 {
    color: white;
    font-size: 15px;

    position:relative;

    top:-10px;
}

.feed_item h2 {
    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 200px;
    top: 3px;
}

.rboxcontentfeed {
    z-index: -1;

    width: 250px;
    /* color: #a1a1a1; */
    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    position: relative;

    margin-top: -50px;
}

.feed_item p, .boxcontentfeed {
    z-index: -1;

    width: 250px;
    /* color: #a1a1a1; */
    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    position: relative;

    margin-top: -80px;
}

.rfeed_item {
    position: relative;

    left:65px;
    top: 80px;

    padding-bottom:170px;

    -moz-transform: scale(1.3); 
    -ms-transform: scale(1.3);  
    -webkit-transform: scale(1.3);  
    transform: scale(1.3);  

    z-index: 99999999;
}

.rfeed_item h1 {
    color: white;
    font-size: 15px;

    position:relative;

    top:-8px;
    left: 13px;
}

.rfeed_item h2 {
    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 200px;
    top: 3px;
}

.rfeed_item h3 {
  color: #d6d1c6; 
  padding: 5px; 
  font-size:11px; 
  border-radius: 3px; 
  position:relative; 

  left: 200px;
  top:-45px; 
}

.rfeed_item p, .boxcontentfeed {
    z-index: -1;

    width: 250px;
    /* color: #a1a1a1; */
    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    position: relative;

    word-wrap: break-word;

    margin-top: 0px;
}

.boxcontentfeed a {

    color: #0d92d1;
    font: 8px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    word-wrap: break-word;
}

.boxcontentfeed a.twscreenname {
    border-bottom: 1px solid #0d92d1;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Arial;
    line-height: 1.231;
    color: #fff;
}

.fbboxcontentfeed {
  z-index: -1;

  width: 250px;
  /* color: #a1a1a1; */
  color: white;
  font: 20px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

  word-wrap: break-word;

  position: relative;

  margin-top: -20px;
}

.igboxcontentfeed {
  z-index: -1;

  width: 250px;
  /* color: #a1a1a1; */
  color: white;
  font: 20px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

  word-wrap: break-word;

  position: relative;

  margin-top: -20px;
}

.lnboxcontentfeed {
  z-index: -1;

  width: 250px;
  /* color: #a1a1a1; */
  color: white;
  font: 20px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

  word-wrap: break-word;

  position: relative;

  margin-top: -20px;
}

.twboxcontentfeed {
    z-index: -1;
    width: 270px;
    /* color: #a1a1a1; */
    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    position: relative;
    word-wrap: break-word;
    margin-top: 0px;
}

.gmboxcontentfeed {
    z-index: -1;

    width: 270px;
    /* color: #a1a1a1; */

    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    position: relative;

    word-wrap: break-word;

    margin-top: -80px;
    overflow: scroll;
    overflow-x:hidden;
    height:640px;
}

.twboxcontentfeed a, .gmboxcontentfeed a {

    color: #0d92d1;
    font: 8px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    word-wrap: break-word;
}

.twboxcontentfeed a.twscreenname, .gmboxcontentfeed a.twscreenname {
    border-bottom: 1px solid #0d92d1;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Arial;
    line-height: 1.231;
    color: #fff;
}

.twboxcontentfeedf {
    z-index: -1;

    /* width: 320px; */
    width: 305px;

    /* color: #a1a1a1; */
    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    position: relative;

    word-wrap: break-word;

    margin-top: -80px;
}
.gmboxcontentfeedf {
    z-index: -1;

    /* width: 320px; */
    width: 305px;

    /* color: #a1a1a1; */
    color: white;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    position: relative;

    word-wrap: break-word;

    margin-top: -80px;
    overflow: scroll;
    overflow-x:hidden;
    height:640px;
}

.twboxcontentfeedf a, .gmboxcontentfeedf a {

    color: #0d92d1;
    font: 8px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    word-wrap: break-word;
}

.twboxcontentfeedf a.twscreenname, .gmboxcontentfeedf a.twscreenname {
    border-bottom: 1px solid #0d92d1;
    font: 18px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Arial;
    line-height: 1.231;
    color: #fff;
}

.fbboxcontentfeed a {

    color: #0d92d1;
    font: 8px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    word-wrap: break-word;
}

.igboxcontentfeed a {

    color: #0d92d1;
    font: 8px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

    word-wrap: break-word;
}

.feed_item a {
    color: #474040; 
    text-decoration: none;

}

.feed_item a:hover {
    color: #0e6795; 
    text-decoration: underline;

}

.clusfeed_item {
    padding-left:15px;
    margin-bottom: 25px;
    opacity:.99;
    position: relative;
    left:0px;
    top:0px;
    z-index: 99999999;
}
.clusfeed_item h1 {
    color: white;
    font-size: 15px;

    position:relative;

    top:8px;
    left: 4px;
}
.clusfeed_item h2
{
    color:  #E3E5DD;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0px 0px 8px -5px;
    padding: 3px 0px;
    overflow: hidden;
    z-index:-2;
}
.clusfeed_item h3
{
    color: #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    /* height: 30px; */
    text-decoration: none;
    border-bottom: none;
    position: absolute;
    left: 23px;
    top: 8px;
    left: 38px;
}
.clusfeed_item h4
{
    color: #8F8F8F;
    font-size: 10px;
    width: 90%;
    /* height: 30px; */
    position: absolute;
    /* left: 200px; */
    top: 0px;
    text-align: right;
}

.clusfeedstamp {
    color: white;
    font-size: 15px;

    position:relative;

    top:-28px;
    left: 190px;
}

.clusfeed_item a h3
{
    text-decoration: none;
}
.clusfeed_item h3 a
{
    text-decoration: none;
}

/* .clusfeed_item {
    padding-left: 20px;

    z-index: 99999999;
}

.clusfeedstamp {
    color: white;
    font-size: 15px;

    position:relative;

    top:-25px;
    left: 320px;
}

.clusfeed_item h1 {
    color: white;
    font-size: 15px;

    position:relative;

    top:8px;
    left: 4px;
}

.clusfeed_item h2 {
    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 200px;
    top: 3px;
}

.clusfeed_item p, .boxcontentfeed {
    width: 410px;

    color: white;

    font: 20px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial

}

.clusfeed_item a {
    color: #474040; 
    text-decoration: none;

}

.clusfeed_item a:hover {
    color: #0e6795; 
    text-decoration: underline;

} */

blockquote.twitter-tweet {
  height: 300px;
  width: 550px;/*200px;*/

  position:relative;
}

.boxcontent iframe
{
    /*min-width: 200px;
    min-height: 300px;
    overflow-y: scroll;*/
    min-height: 200px;
}

.tfeed_item {
    padding-left: 0px;
    margin-bottom: 30px;
    padding-bottom: 50px;

    opacity:.99;

    position: relative;

    left:30px;
    top:20px;

    -moz-transform: scale(1.3); 
    -ms-transform: scale(1.3);  
    -webkit-transform: scale(1.3);  
    transform: scale(1.3);  

    z-index: 99999999;
}
.tfeed_item h1 {
    color: white;
    font-size: 15px;

    position:relative;

    top:8px;
    left: 4px;
}
.tfeed_item h2
{
    color:  #E3E5DD;
    font-size: 10px;
    display: block;
    width: 340px;
    height: 26px;
    margin: -10px 0px 8px -10px;
    padding: 3px 0px;

    overflow: hidden;

    z-index:-2;
}
.tfeed_item h3
{

    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    text-decoration: none;

    border-bottom: none;

    position: relative;
    left: 23px;
    top: -25px;
}
.tfeed_item h4
{
    color:  #8F8F8F;
    font-size: 10px;
    width: 100%;
    height: 30px;

    position: relative;
    left: 200px;
    top: -73px;
}

.tfeed_item a h3
{
    text-decoration: none;
}
.tfeed_item h3 a
{
    text-decoration: none;
}

#togglefeed {
    /* values from tfeed_item and brown_button */
    /*float: left;*/
    width: 450px;
    height: 40px;
    margin: -50px;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    background: #3b3535;
    background: -webkit-linear-gradient(top, #3b3535, #1e1a1a);
    background: -moz-linear-gradient(top, #3b3535, #1e1a1a);
    background: -ms-linear-gradient(top, #3b3535, #1e1a1a);
    background: -o-linear-gradient(top, #3b3535, #1e1a1a);
    border: solid 1px #000;
    box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    -webkit-box-shadow: inset 0px 1px 0px #514d4d, 0 1px 0 #514d4d;
    cursor: pointer;
    font-weight: normal;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

    z-index:2;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;

}

.popbox {
    position: absolute;
    z-index: 99999999999;
    width: 250px;
    padding: 10px;
    padding-right: 20px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #0d92d1;

    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;

    max-height: 400px;

    -webkit-overflow-scrolling: touch;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.popbox_small {
    position: absolute;
    z-index: 999999999;
    

    color: #EEEFEB;
    transform: scale(1.0);

}
.popbox_small h1{
    
    color: red;
    text-wrap: nowrap;

}
.popbox h2
{
    /* background-color: #4D4F53; */
    background-color: black;
    color:  #E3E5DD;
    font-size: 10px;
    display: block;
    width: 100%;
    margin: -10px 0px 8px -10px;
    padding: 5px 10px;
}

#darkmask {
  position: absolute;

  left:-4400px;
  top:-4400px;

  z-index: 999999998;

  background-color:black;

  width: 10000px;
  height: 10000px;

  opacity: 0.62;

  pointer-events: none;
}

.zoomnum {
  position: absolute;

  z-index: 1000000;

  color: white;

  font-size: 20px;

  left: 20;
  top: 20;

  pointer-events: none;
}

.twfeed {
    overflow: scroll;
    overflow-x: hidden;

    max-height: 600px;

    position: absolute;

    left: -210px;
    top: 0px;

    z-index: 999999999;
    width: 307px;
    padding: 4px;
    padding-top: 12px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #4D4F53;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);

    -webkit-overflow-scrolling: touch;
}

.fbfeed {
    overflow: scroll;
    overflow-x: hidden;

    max-height: 600px;

    position: absolute;

    left: -210px;

    z-index: 999999999;
    width: 332px;
    padding: 4px;
    padding-top: 12px;
    padding-bottom: 50px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #4D4F53;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);

    -webkit-overflow-scrolling: touch;
}

.timestamptwpp {
  position:relative;

  left:-30px;
}

.igfeed {
    overflow: scroll;
    overflow-x: hidden;

    max-height: 600px;

    position: absolute;

    left: -210px;

    z-index: 999999999;
    width: 332px;
    padding: 4px;
    padding-top: 12px;
    padding-bottom: 50px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #4D4F53;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);

    -webkit-overflow-scrolling: touch;
}

.lnfeed {
    overflow: scroll;
    overflow-x: hidden;

    max-height: 600px;

    position: absolute;

    left: -210px;

    z-index: 999999999;
    width: 332px;
    padding: 4px;
    padding-top: 12px;
    padding-bottom: 50px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #4D4F53;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);

    -webkit-overflow-scrolling: touch;
}

.twpopbox {
    position: relative;
    z-index: 999999999;
    width: 270px;
    padding: 10px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #0d92d1;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);

    /* overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll; */

    overflow-y: scroll;

    max-height: 700px;

    -webkit-overflow-scrolling: touch;

    /*
    https://stackoverflow.com/questions/16670931/
    hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
    */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

}
/*
https://stackoverflow.com/questions/16670931/
hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
*/
.twpopbox::-webkit-scrollbar {
    display: none;
}
.twpopboxpp {
    position: relative;
    z-index: 999999999;

    padding: 10px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #0d92d1;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);

    /* overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll; */

    max-height: 600px;

    -webkit-overflow-scrolling: touch;
}
.twpopboxyt {
    position: absolute;
    z-index: 999999999999;
    width: 290px;
    padding: 10px;
    background: #000000;
    color: #EEEFEB;
    border: 1px solid #0d92d1;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.boxcontentyt img {
    width: 100%;
}

.boxcontent audio{
    width: 100%;
}
.popbox_cal video{
   width: 100%; 
}


.arm .popbox_cal {
   /*max-height: fit-content; */
}


.arm .popbox_cal0, .arm .popbox_cal1, .arm .popbox_cal2 {
   /*max-height: fit-content!important; */
}
.twpopbox h2, .twpoboxyt h2
{
    /* background-color: #4D4F53; */
    background-color: black;
    color:  #E3E5DD;
    font-size: 10px;
    display: block;
    width: 190px;
    height: 26px;
    margin: -10px 0px 8px -10px;
    padding: 3px 40px;

    overflow: hidden;
}
.twpopbox h3, .twpopboxyt h3
{
    /* TIMESTAMPS ARE HERE */

    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 38px;
    top: 10px;
}
.twpopbox h4, .twpopboxyt h4
{
    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 200px;
    top: 3px;
}
.twpopbox h5, .twpopboxyt h5
{
    /* TIMESTAMPS ARE HERE */

    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 38px;
    top: 40px;
}

.arm {
    width:0px;
    height:0px;
}

.exxx {
    color: white;
    font-size: 30px;

    width:30px;
    height: 30px;

    position: absolute;
    left: -10px;
    top: 10px;

    opacity: 0.8;

    z-index: 9999999999999999999999999999999999999999999999999999999999;

    border-radius: 5px;
    /* background-color: gray; */
}

.exx {
    color: white;
    font-size: 30px;

    width:40px;
    height: 40px;

    text-align: center;

    position: absolute;
    left: 0px;
    top: 0px;

    opacity: 0.8;

    z-index: 9999999999999999999999999999999999999999999999999999999999;

    border-radius: 5px;
    /* background-color: gray; */
}

.bottombar {
    z-index:999999999999999999999999999;
    position:relative;
    left:-10px;
    font-size:10px;
    height:20px;
    width:270px;
    background-color:black;
    float: right;
}

.bottombarpp {
    z-index:999999999999999999999999999;

    position:relative;

    top:10px;
    left:-10px;

    font-size:10px;

    height:20px;
    width:260px;

    background-color:black;
    float: right;
}

.moverdiv {
  position: absolute;

  left: 0px;
  top: 0px;
}

.fbmoverdiv {
  position: absolute;

  left: -45px;
  top: 0px;
}

.bottombarfeed {
    position:relative;

    top:10px;
    left:-10px;

    font-size:10px;

    height:20px;
    width:270px;

    background-color:black;
}

.rfbottombarclus {
    z-index:9999999999999999999999;

    position:relative;

    top:0px;
    left:0px;

    font-size:10px;

    height:20px;
    width:270px;

    background-color:black;

    margin-bottom: 50px;

    -moz-transform: scale(1); 
    -ms-transform: scale(1);  
    -webkit-transform: scale(1);  
    transform: scale(1);  
}

.zrfbottombarclus {
    z-index:9999999999999999999999;

    position:relative;

    top:0px;
    left:0px;

    font-size:10px;

    height:20px;
    width:270px;

    background-color:black;

    margin-bottom: 60px;

    -moz-transform: scale(1); 
    -ms-transform: scale(1);  
    -webkit-transform: scale(1);  
    transform: scale(1);  
}

.bottombarclus {
    z-index:9999999999999999999999;

    position:relative;

    top:0px;
    left:40px;

    font-size:10px;

    height:20px;
    width:270px;

    background-color:black;

    -moz-transform: scale(1.2); 
    -ms-transform: scale(1.2);  
    -webkit-transform: scale(1.2);  
    transform: scale(1.2);  

    margin-bottom: 90px;
}

.twbottombarclus {
    z-index: 9999999999999999999999;
    position: relative;
    top: 0px;
    left: 5px;
    font-size: 10px;
    /*height: 20px;*/
    /* width: 270px; */
    background-color: black;
    opacity: 1;
    margin-bottom: 0px;
    margin-top: 10px;
}

.clock_item {
    position: absolute;
    z-index: 999;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.postshadow {
    position: absolute;
    z-index: -50;

    /* left: -27.5px;
    top: -27.5px; */

    left: 20px;
    top: 20px;

    pointer-events: none;

    visibility : inherit;

    opacity: 0.5;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.eclusname {
    position: absolute;
    z-index: 10;

    /* left: -27.5px;
    top: -27.5px; */

    color:white;
    font-style:italic;
    font-size:10px;
    width:150px;

    visibility: inherit;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    left: 40px;
}

.clusname {
    position: absolute;
    z-index: 10;

    left: 30px;
    top:3px;

    color:white;
    font-style:italic;
    font-size:14px;
    width:150px;

    visibility: inherit;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.expname {
    position: absolute;
    z-index: 10;

    /* left: -27.5px;
    top: -27.5px; */

    color:white;
    font-style:italic;
    font-size:5px;
    width:150px;

    visibility: inherit;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.postname {
    position: absolute;
    z-index: 10;

    /* left: -27.5px;
    top: -27.5px; */

    color:white;
    font-style:italic;
    font-size:10px;
    width:150px;

    visibility: inherit;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.inpostname {
    position: absolute;
    z-index: 10;

    /* left: -27.5px;
    top: -27.5px; */

    color:white;
    font-style:italic;
    font-size:13px;
    width:150px;

    visibility: inherit;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#letters {
    z-index:1000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    /*color:red;
    color:  #0d92d1;*/
    color: deepskyblue;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 30px;
    font-weight: bold;
}

#letters2 {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:red;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#letters3 {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:red;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.monthnum {
    size: 60px;
    font-size: 60px;

    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:red;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;


}

.weekdayam {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#DBDBDB;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    font-size: 25px;

    size: 45;
}

.weekdaycal {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#DBDBDB;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    font-size: 25px;

    size: 45;
}

.weekdaypm {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:gray;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    font-size: 25px;

    size: 45;
}

.weekcal {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:blue;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    font-size: 70px;

    size: 70;

    width: 500px;
}

#numbars {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:red;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#alphanumbars {
    z-index:10000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    /* color:#0d92d1; */
    
    left:0px;
    top:0px;
}

.alphafont {
  color:red;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

  font-size:50px;
}

/*-------------------------Main end-------------------------*/


/*-------------------------Main end-------------------------*/

#dpmsg {
    position: fixed;
    left:1400px;
    top: 1630px;
    width: 190px;
    z-index: 100005;
    font-weight: bold;
    font-size: 100%;
    color: black;
    padding: 5px;
    background-color: white;/*#999;*//*black*/
    border: solid 1px #000;
}
#dpmsg span {
    font: 20px/1.231 'Century Gothic','Trebuchet MS',Tahoma,Arial;
    text-align: center;
    width: 100%; /*%95*/
    float: left;
}

#services_popup {
    width: 300px;
    height: 300px;
    background-color: black;/*#fff;*/
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 10px 0 #000;

    position: fixed;

    margin-left:20px;

    left: 30px;
    top: 80px;

    border: 1px solid #777;
    border-color: white;
    border-bottom-color: #333;
    border-bottom-color: rgba(0,0,0,0.4); 

    -webkit-border-radius: .3em;
    border-radius: .3em;
}

#services_popup h1 {
    color: white;/*black;*/
    /*font-size: 20px;*/
    margin-bottom: 10px;
    margin-left: 5px;
    font: 20px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;

}

.closewindow {
    background-color: red;
    color: white;

    position: absolute;

    top: 260px;
    left: 50px;

    width: 200px;
    height: 30px;

    font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif;

    padding: 0 .95em 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    white-space: nowrap;

    border: 1px solid #777;
    border-color: white;
    border-bottom-color: #333;
    border-bottom-color: rgba(0,0,0,0.4); 

    -webkit-border-radius: .3em;
    border-radius: .3em;
}

#services_popup a {
    margin-left: 5px;

}

#settings {
    width: 300px;
    height: 250px;
    background-color: #eeeeee;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 10px 0 #000;
    -webkit-box-shadow: 0 0 10px 0 #000;

}

#settings input {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    color: #252525;
    width: 278px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 13px 10px;
    margin-top: 10px;
    outline: none;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

}

#settings input:focus {
    box-shadow: 0 0 7px 0 #00A6FC;
    border: 1px solid #00A6FC;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

}

#settings h1 {
    color: #a3a3a3;
    font-size: 17px;
    margin-left: 120px;

}


#create_group {
    width: 300px;
    min-height: 300px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;

}

#create_group input {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    color: #252525;
    width: 278px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 10px;
    margin-top: 10px;
    outline: none;

}

#create_group textarea {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    color: #252525;
    width: 278px;
    height: 200px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 10px;
    margin-top: 10px;
    outline: none;

}

#create_group h1 {
    color: #a3a3a3;
    font-size: 17px;
    margin-left: 120px;

}

#signin {
    width: 270px;
    height: 340px;
    /* background-color: #666666; */
    background-color: black;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    /* box-shadow: 1px 1px 1px 1px #a3a3a3;
    -webkit-box-shadow: 1px 1px 1px 1px #a3a3a3; */

    border: 1px solid #a3a3a3;

    border-style: solid;
    border-color: #a3a3a3;

    position:absolute;
    visibility:hidden;
}

#signin input {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    color: #252525;
    width: 248px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 13px 10px;
    margin-top: 10px;
    outline: none;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

}

#signin input:focus {
    box-shadow: 0 0 7px 0 #00A6FC;
    border: 1px solid #00A6FC;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

    background-color: #0d92d1;
}

#signin input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #0d92d1 inset;
}

#signin h1 {
    color: #a3a3a3;
    font-size: 22px;
    margin-left: 90px;

    font-style: italic;
}

#signin h2 {
    color: #0d92d1;
    font-size: 18px;
    margin-left: 55px;

    font-style: italic;
}

#signup {
    width: 270px;
    height: 380px;
    background-color: black;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    /* box-shadow: 0 0 10px 0 #000;
    -webkit-box-shadow: 0 0 10px 0 #000; */

    border: 1px solid #a3a3a3;

    border-style: solid;
    border-color: #a3a3a3;

    position:absolute;
    visibility:hidden;
}

#signup input {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    color: #252525;
    width: 248px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 13px 10px;
    margin-top: 10px;
    outline: none;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

}

#signup input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #0d92d1 inset;
}

#signup input:focus {
    box-shadow: 0 0 7px 0 #00A6FC;
    border: 1px solid #00A6FC;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;

    background-color: #0d92d1;
}

#signup h1 {
    color: #a3a3a3;
    font-size: 22px;
    margin-left: 90px;

    font-style: italic;
}

#signup h2 {
    color: #0d92d1;
    font-size: 20px;
    margin-left: 27px;

    font-style: italic;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

/* http://stephen.io/mediaqueries/#iPhone */

/* iPad in potrait and landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPad in potrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* Source: http://snipplr.com/view/67341/ */

 /* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

@media only screen 
  and (max-device-width : 1024px)
  and (orientation: landscape) {
  /* Styles for high-density screens in landscape mode */

  #hwrap {
    position: absolute;
    left: 100px;
    top: 0px;
  }
}

@media only screen 
  and (max-device-width : 1024px)
  and (orientation: portrait) {
  /* Styles for high-density screens in landscape mode */

  #hwrap {
    position: absolute;
    left: 100px;
    top: 0px;
  }
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Android Tablet (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px) {
/* Styles */
}
 
/* Android Tablet (landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (orientation : landscape) {
/* Styles */
}
 
/* Android Tablet (portrait) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desire + Galaxy S2 (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px) {
/* Styles */
}
 
/* Desire + Galaxy S2 (landscape) ----------- */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : landscape) {
/* Styles */
}
 
/* Desire + Galaxy S2 (portrait) ----------- */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : portrait) {
/* Styles */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*-------------------------Footer-------------------------*/


#footer {
    position: relative;
    margin-top: 60%;
    color: #fff;
    visibility:hidden;
}

ul.list_bottom {
    position: relative;
    margin-left: 25%;
    margin-right: 20%;
}

ul.list_bottom li {
   display: inline-block;
   margin: 10px;
}

ul.list_bottom li a {
    color: #fff;
}

.twitlinksetting h1 {
    position: relative;
    z-index: 900;
    left: 14px;
    top: -60px;
    color: #0beef9;
    font-size: 24px;
    float: center;
}

a.twitlinksetting {
    text-decoration: none;
}

.new_twiter_popuplist
{
    top: 63px;
    left: 432px;
}

.massive_background_3 {
    position: absolute;

    z-index:1000;

    left:-1196px;
    top:-1105px;

    width:5432px;
    height:5209px;

    opacity: 0.8;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.boxcontent  img{
    width: 100%;
}

.boxcontent  video{
width: 100%;
}


#hourplusminus {
  position: absolute;

  top: 100px;

  pointer-events: none;

  z-index: 999999999999;
}

#hourleftminus {
  color: white;

  position: absolute;

  left: -15px;
  top: -15px;

  font-size: 35px;

  z-index: 999999999999;
}

#hourrightplus {
  color: white;

  position: absolute;

  left: 305px;
  top: -3px;

  font-size: 25px;

  z-index: 999999999999;
}

#hourzooms {
  position:absolute;

  left:0px;
  top:320px;
}

#hourzoomin {
    position:absolute;

    left:15px;
    top:0px;

    display: none;

    color:white;

    font-size:50px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#hourzoomout {
    position:absolute;

    left:15px;
    top:50px;

    display: none;

    color:white;

    font-size:80px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#hourzoomtitle {
    display:none;

    position:absolute;

    left:15px;
    top:428px;

    color:white;

    font-size:20px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#hourzoompopup {
    visibility:hidden;

    position:absolute;

    left:85px;
    top:478px;

    color:white;
    background-color:gray;

    height:150px;
    width:150px;

    font-size:18px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}


.massive_background_3 {
    position: absolute;
    z-index:-90;
    

    left:-1170px;
    top:-1171px;

    width:5340px;
    height:5340px;
    opacity: 0.8;
    /* overflow:hidden; */
      -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.massive_background_4 {
    position: absolute;
    z-index:-80;
    

    left:-1422px;
    top:-1432px;

    width:5850px;
    height:5850px;
    opacity: 1;
    /* overflow:hidden; */
      -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

body{
    position: absolute;
    z-index: -100;
}


.hour_hand_movement {
  position: absolute;

  z-index:-45;

  height: 3148px;
  width:60px;

  left:1470px;
  top:1303px;

  transform-origin: center 197px;
  -webkit-transform-origin: center 197px;
  -ms-transform-origin: center 197px;
  -moz-transform-origin: center 197px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}


.second_hand_movement {
  position: absolute;

  z-index:9999999;

  height: 2900px;
  width:60px;

  left:1470px;
  top:1303px;

  transform-origin: center 197px;
  -webkit-transform-origin: center 197px;
  -ms-transform-origin: center 197px;
  -moz-transform-origin: center 197px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}



.massive_background_daslayer {
    position: absolute;
    z-index:80;
    

    left:-1422px;
    top:-1432px;

    width:5850px;
    height:5850px;
    opacity: 1;
    /* overflow:hidden; */
      -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

 .chatbot-response11 {

    position: absolute;
    left: 1090px;/*1293px;*/
    top: 1450px;/*1452px;*/
    width: 800px;/*375px;*/
 

    padding: 10px;
    background: #000000;
    color: #EEEFEB;
    /*border: 1px solid #0d92d1;*/

    z-index:1000000000;/*1000000030*//*100000003;*/
            /*999999998*/

    font: 40px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    white-space: pre-line;

    /*overflow: scroll;*/
    overflow-x:hidden;
    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    /*
    https://stackoverflow.com/questions/16670931/
    hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
    */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

}

#chatbot-response11, #chatbot-response-share {

    position: absolute;
    left: 1090px;/*1293px;*/
    top: 1490px;/*1452px;*/
    width: 800px;/*375px;*/
    max-height: 1500px;

    padding: 10px;
    background: #000000;
    color: #EEEFEB;
    /*border: 1px solid #0d92d1;*/

    z-index:1000000000;/*1000000030*//*100000003;*/
            /*999999998*/

    font: 40px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    white-space: pre-line;

    /*overflow: scroll;*/
    overflow-x:hidden;
    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    /*
    https://stackoverflow.com/questions/16670931/
    hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
    */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

}
/*
https://stackoverflow.com/questions/16670931/
hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
*/
#chatbot-response::-webkit-scrollbar {
    display: none;
}

/*#facemenuchatgptimg {
  -moz-border-radius : 20px;
  -webkit-border-radius : 20px;
  border-radius : 20px;
}*/

#chatbot-response h4
{
    color:  #8F8F8F;
    font-size: 10px;
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    left: 200px;
    top: 3px;
}

div.twitter-tweet
{
    max-height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;

  /*  -webkit-overflow-scrolling: touch;*/

  /*   -ms-overflow-style: none;*/  /* IE and Edge */
   /*  scrollbar-width: none;*/  /* Firefox */
}

/*div.twitter-tweet::-webkit-scrollbar {
    display: none;
}*/
#youtubesearch-response {

    position: absolute;
    left: 1090px;/*1293px;*/
    top: 1450px;/*1452px;*/
    width: 800px;/*375px;*/
    max-height: 1500px;

    padding: 10px;
    background: #000000;
    color: #EEEFEB;
    /*border: 1px solid #0d92d1;*/

    z-index:1000000000;/*1000000030*//*100000003;*/
            /*999999998*/

    font: 40px/1.231 "Century Gothic","Trebuchet MS",Tahoma,Arial;
    white-space: pre-line;

    /*overflow: scroll;*/
    overflow-x:hidden;
    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    /*
    https://stackoverflow.com/questions/16670931/
    hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
    */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

}
/*
https://stackoverflow.com/questions/16670931/
hide-scroll-bar-but-while-still-being-able-to-scroll?answertab=trending#tab-top
*/
#youtubesearch-response::-webkit-scrollbar {
    display: none;
}


#dashcircle svg{
    opacity:0;position: absolute;
    width: 50px;
    height: 50px;
}
#dashcircle svg line
{
    stroke: #00BFFF;
}

#datagrid {
    position: absolute;
    width: 3000px;
    height: 3000px;
}

.clsgroup h2 {
    left: 18px!important;
}

.clsgroup {
    left: 0px!important;
    top : 0px!important;
}

.clsmainmenu{
    position: relative;
    z-index: 900;
    left: 6px;
    top: -55px;
    color: #0d92d1;
    font-size: 22px;
    float: center;
}

#group_menu_twitteru a
{
    text-decoration: none;
}

button#togglefeed {
    position: absolute;
    z-index: 99999999 !important;
}


#group_menu_calendar {
    padding-top:0px;

    position: absolute;
    top:750px;
    

    z-index:999999999999999;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#group_menu_american_football {
    padding-top:0px;

    position: absolute;
    top:685px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_basketball {
    padding-top:0px;

    position: absolute;
    top:65px;/*top:555px;*/

    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_elon {
    padding-top:0px;

    position: absolute;
    top:945px;


    z-index:999999999999999;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#annualdays {
    position:relative;

    /*top: -80px;*/
    right: 0px;
}

#Nannualdays {
    position:relative;

    top: -80px;
    right: 0px;
}

#annualweekdays {
    position:relative;

    top: -80px;
    right: 0px;
}

.bigring_background_annual {
    position: absolute;

    z-index:-41;

    left:-850px;
    top:-850px;

    width:4700px;
    height:4700px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.monthword {
    position: absolute;

    z-index:45364531237897894231999;

    left:1298px;
    top:-1531px;

    width:404px;
    height:116px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center 3040px;
     -webkit-transform-origin: center 3040px;
    -ms-transform-origin: center 3040px;
    -moz-transform-origin: center 3040px;
}

.umonthword {
    position: absolute;

    z-index:45364531237897894231999;

    left:1244px;
    /*top:3865px;*/
    top:4400px;

    width:524px;
    height:116px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center -2915px;
     -webkit-transform-origin: center -2915px;
    -ms-transform-origin: center -2915px;
    -moz-transform-origin: center -2915px;
}

.monthsring_background_annual {
    position: absolute;

    z-index:45364531237897894231999;

    left:-1150px;
    top:-1150px;

    width:5300px;
    height:5300px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.monthslines_background_annual {
    position: absolute;

    z-index:-41;

    left:-1175px;
    top:-1175px;

    width:5350px;
    height:5350px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.colorlines_background_annual {
    position: absolute;

    z-index:-41;

    left:-850px;
    top:-853px;

    width:4700px;
    height:4700px;

    opacity: 0.25;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.testbigring_background_annual {
    position: absolute;

    z-index:-41;

    left:-1100px;
    top:-1100px;

    width:5200px;
    height:5200px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}


.wedges_background_annual_1 {

    position: absolute;

    z-index:0;

    left:2300px;
    top:2300px;

    width:5900px;
    height:5900px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.seethru_background_annual {
    position: absolute;

    z-index:9999999991;

    /*left:-1182px;
    top:-1290px;

    width:5400px;
    height:5400px;*/

    /*left:-1180px;
    top:-1280px;

    width:5400px;
    height:5400px;*/

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.seethru_background_annual_piece2 {
    position: absolute;

    z-index:99999;

    /*left:-1182px;
    top:-1290px;

    width:5400px;
    height:5400px;*/

    /*left:-1180px;
    top:-1280px;

    width:5400px;
    height:5400px;*/

    left:-700px;
    top:-950px;

    width:4400px;
    height:4400px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}
.bigring_background_week_sevendayview{
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

left:-1450px;
    top:-1450px;

    width:5900px;
    height:5900px;

   /* left:-2478px;
    top:-1951px;

    width:8000px;
    height:6942px;*/




    opacity: 0.3;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.ncaafbtitlencaaleague
{
    z-index: -40!important;/*-41!important;*/
}


.bigring_background_week {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

left:-1450px;
    top:-1450px;

    width:5900px;
    height:5900px;

   /* left:-2478px;
    top:-1951px;

    width:8000px;
    height:6942px;*/




    opacity: 0.5;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_week_aplha {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;




    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}


.bigring_background_week_aplha_sun {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    left:-2478px;
    top:-1951px;

    width:8000px;
    height:6942px;




    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_week_aplha_sun_ncaa {
    position: absolute;

    z-index:-39;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    left:-2478px;
    top:-1951px;

    width:8000px;
    height:6942px;




    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_week_aplha_sun_a7 {
    position: absolute;

    z-index:-40;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    /*left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;*/


    left:-3754px;
    top:-3746px;

    width:10500px;
    height:10500px;



    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}


.bigring_background_week_aplha_sun_a7_nflplayoffs {
    position: absolute;

    z-index:-40;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    /*left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;*/


    left:-3754px;
    top:-3784px;

    width:10500px;
    height:10500px;



    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_week_aplha_sun_a7_stadium {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    left:-4000px;
    top:-3900px;

    width:11000px;
    height:11000px;




    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.emoji_americanfootball{
    left :70px!important;
}

.playoffcontainerclass{
    left:-3508px;
    top:-3533px;

    width:10000px;
    height:10000px;
}

.bigring_background_basketball {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    left:-3500px;
    top:-3500px;

    width:10000px;
    height:10000px;




    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.outter_background_week {
    position: absolute;

    z-index:-41;

    left:-1200px;
    top:-1200px;

    width:5400px;
    height:5400px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.nodisplay {
    display: none;
}

.bigring_background_annual_new {
    position: absolute;

    z-index:-41;

    left:-1420px;
    top:-1410px;

    width:5900px;
    height:5900px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}


.annualnum {
    size: 60px;
    font-size: 60px;

    width: 90px;
    height: 90px;

    text-align:center;

    /*z-index:10000;*/
    z-index:999999999;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    border-radius: 60px;

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.annualweeknumPetalsView {
    size: 60px;
    font-size: 60px;

    width: 1200px;
    height: 90px;

    /*width: 175px;
    height: 175px;*/
    text-align:center;

    z-index:10000;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

   /* border-radius: 50%;*/

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);

    /*border-color: transparent!important;
    background-color: transparent!important;*/
}

.annualweeknum {
    size: 60px;
    font-size: 60px;

    width: 120px;
    height: 90px;

    /*width: 175px;
    height: 175px;*/
    text-align:center;

    z-index:10000;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

   /* border-radius: 50%;*/

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);

    /*border-color: transparent!important;
    background-color: transparent!important;*/
}

.weekwedgesfirstnum {
    size: 60px;
    font-size: 60px;

    width: 85px;
    height: 245px;
    opacity: 0.35;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.weekwedgessecondnum {
    size: 60px;
    font-size: 60px;

    width: 103px;
    height: 245px;
    opacity: 0.30;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.ncaafootballsecond{
    position: absolute;
    z-index: 99999999;
    left: 0px;
}

.weekwedgesthirdnum {
    size: 60px;
    font-size: 60px;

    width: 119px;
    height: 245px;
    opacity: 0.25;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.weekwedgesfourthnum {
    size: 60px;
    font-size: 60px;

    width: 135px;
    height: 245px;
    opacity: 0.2;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.weekwedgesfifthnum {
    size: 60px;
    font-size: 60px;

    width: 151px;
    height: 245px;
    opacity: 0.15;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.weekwedgessixthnum {
    size: 60px;
    font-size: 60px;

    width: 168px;
    height: 245px;
    opacity: 0.10;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.weekwedgesseventhhnum {
    size: 60px;
    font-size: 60px;

    width: 185px;
    height: 245px;
    opacity: 0.05;

    text-align:center;

    z-index:100;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 2px;

    border-color: red;

    background-color: rgba(255, 0, 0, 0.2);
}

.dynamicwedgesclass
{
     

    size : 60px;
    font-size: 60px;

    z-index:-41;
    position: absolute;
    text-align: center;
}

.iconsmargin
{
    left:120px!important;
    width:100px!important;
    height: 100px!important;
}

.hourdaynumber {
    size: 60px;
    font-size: 60px;

   
    opacity: 1;

    text-align:center;

    z-index:10000;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    
}


.cut-position {
    position:absolute;

    left: 1411px;
    top: -1630px;

    opacity: 0.5;
   
}

.cut-position-360 {
    position:absolute;

    left: 1411px;
    top: -1630px;

    opacity: 0.5;
   
}

.cut-diamond-anual{
    z-index: 99999;
}

#cut-diamond {
    border-style: solid;
    border-color: transparent transparent blue transparent;
    border-width: 0 50px 50px 50px;
    height: 0;
    width: 100px;
    position: relative;
    margin: 40px 0 100px 0;
}
#cut-diamond:after {
    content: "";
    position: absolute;
    top: 50px;
    left: -50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: blue transparent transparent transparent;
    border-width: 140px 100px 0 100px;
}

#cut-diamond-360view {
    border-style: solid;
    border-color: transparent transparent blue transparent;
    border-width: 0 50px 50px 50px;
    height: 0;
    width: 100px;
    position: relative;
    margin: 40px 0 100px 0;
}
#cut-diamond-360view:after {
    content: "";
    position: absolute;
    top: 50px;
    left: -50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: blue transparent transparent transparent;
    border-width: 140px 100px 0 100px;
}

.annualweeknumz {
    size: 60px;
    font-size: 60px;

    width: 120px;
    height: 90px;

    text-align:center;

    z-index:10001;
    position: absolute;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    color:#0d92d1;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

    /* border-radius: 60px; */

    border-style: solid;
    border-width: 0px;

    border-color: red;
}


#weekviewoffer {
  position: absolute;

  z-index: 19999;

  height: 83px;
  width: 93px;

  left:1468px;
  top:470px;

  /* opacity:.75; */

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.datason_annual {
    position: absolute;

    z-index:999999999;

    /* left:0px;
    top:0px;

    width:3000px;
    height:3000px; */

    height: 1800px;
    width: 1800px;

    left:590px;
    top:590px;

    opacity: 0.3;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.igclusnumgoogle
{
color: red;
    background-color: #330000;
    text-align: center;
    -webkit-border-radius: 9px;
    font-size: 51px;
    padding-left: 0px;
    padding-bottom: 4px;
  
    width: 80px;
    height: 80px;
    position: absolute;
   
    border-radius: 50%;
}

.igclusnumseatgeek
{
color: white;
    background-color: orangered;
    text-align: center;
    -webkit-border-radius: 9px;
    font-size: 51px;
    padding-left: 0px;
    padding-bottom: 4px;

    width: 80px;
    height: 80px;
    position: absolute;

    border-radius: 50%;
}

#googlecalendarweek_add svg{
    opacity:1;
    position: absolute;
    width: 220px;
    height: 220px;
    
}
#googlecalendarweek_add svg line
{
    stroke: #00BFFF;
}

#googlecalendarweek_add svg line.futuredash
{
    stroke: #333333;
}

#googlecalendarweek_add svg line.pastdash
{
    stroke: #333333;
}

#googlecalendarweek_add svg line.currentdash
{
    stroke: #00BFFF;
}

.popbox_cal{
    width: 400px;
}

.boxcontent_cal span
{
  font-size: 13px;
}

#googlecalendarweek_add select option
{
    color : black;
}


.popbox label{
    width: 120px;
    display: inline-block;
}

.emoji_anniversary::before  {
  content: "🎉";
}
.emoji_event::before  {
  content: "😄";
}
.emoji_birthday::before  {
  content: "🎂";
}
.emoji_reminder::before  {
  content: "🎗️";
}

.emoji_americanfootball::before  {
  content: "🏈";
}

.emoji_basketball::before  {
  content: "🏀";
}

.emoji_::before  {
  content: "😄";
}
/*
https://emojipedia.org/symbols/
*/
.emojisize_,  .emojisize_low{
   /* font-size: 40px;*/
   font-size: 55px;
}

.emojisize_medium{
    font-size: 65px;
}

.emojisize_high{
    font-size: 90px;
}

.emojizindex{
    z-index: 9999999!important;
}


#dashcircleevent svg{
    opacity:1;
    position: absolute;
    width: 50px;
    height: 50px;
}
/*#dashcircleevent svg line
{
    stroke: red;
}*/

.igclus_top
{
    top:-108px!important;
}

.hour_hand_christmas_blue{
   position: absolute;

 
  z-index:9999999;

  height: 2500px;
  width:60px;

  left:1470px;
  top:-700px;

  transform-origin: center 2200px;
  -webkit-transform-origin: center 2200px;
  -ms-transform-origin: center 2200px;
  -moz-transform-origin: center 2200px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  pointer-events: none;
}


.center_background_annual {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

left:500px;
    top:500px;

    width:2000px;
    height:2000px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

#twentyfourviewoffer {
  position: absolute;

  z-index: 19999;

  height: 83px;
  width: 93px;

  left:1468px;
  top:470px;

  /* opacity:.75; */

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#chat_bar_icon {
  position: absolute;

  z-index: 10;

  height: 60px;
  width: 60px;

  left:2190px;
  top:15px;

  /* opacity:.75; */

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#minimize_chat_icon {
  position: absolute;

  z-index: 10;

  height: 60px;
  width: 60px;

  left:2130px;
  top:15px;

  /* opacity:.75; */

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.clockfaceselecteddate {
    position: absolute;

    z-index:99999999;

    left:1708px;
    top:1473px;

    width:400px;
    height:100px;
    /* border: solid 5px; */
    /* border-color:gray; */

    font-style:italic;

    /* text-shadow:2px 2px #0d92d1; */
    /*text-shadow:2px 2px red;*/

    color:#66ffff;

    overflow:hidden;

    opacity:0.7;

    font-size:70px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events: none;
}

.bigring_background_24Hour {
    position: absolute;

    z-index:-41;

 

/*left:-900px;
    top:-900px;

    width:4800px;
    height:4800px;*/

    left:-1500px;
    top:-1500px;

    width:6000px;
    height:6000px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_24Houralpha {
    position: absolute;

    z-index:-41;

 

    left:-650px;
    top:-650px;

    width:4300px;
    height:4300px;



    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_24Houralpha_sun {
    position: absolute;

    z-index:-41;

 

/*left:-650px;
    top:-650px;

    width:4300px;
    height:4300px;*/

    /*left:-910px;
    top:-910px;

    width:4900px;
    height:4900px;*/

    left:-838px;
    top:-838px;

    width:4700px;
    height:4700px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_24Houralpha_sun_360 {
    position: absolute;

    z-index:-42;

 

/*left:-650px;
    top:-650px;

    width:4300px;
    height:4300px;*/

    /*left:-910px;
    top:-910px;

    width:4900px;
    height:4900px;*/

    left:-1475px;
    top:-1475px;

    width:5900px;
    height:5900px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.bigring_background_24secondalpha {
    position: absolute;

    z-index:-41;

  
    
    opacity: 0.99;

    left:2000px;
    top:0px;

    width:1500px;
    height:1500px;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: left bottom;
     -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
}


#letters_alpha {
    z-index:1000;
    position: absolute;

    pointer-events: none;

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    /* color:#0d92d1; */
    /*color:red;
    color:  #0d92d1;*/
    color: deepskyblue;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 30px;
    font-weight: bold;
}

.petal {
   background: linear-gradient(to bottom, #FFCC00, #FFA500);
   border-radius: 60% 60% 50% 50%;
   /*opacity: 0.15!important;*/
  }


  .petalouter {
   background: linear-gradient(to bottom);
   border-radius: 60% 60% 50% 50%;
   opacity: 0.15!important;
  }

  .petalfirst {
   width: 120px;
   height: 240px;
  }

  .petalsecond {
   width: 135px;
   height: 255px;
  }

  .petalthird {
   width: 150px;
   height: 257px;
  }

  .petalfourth {
   width: 165px;
   height: 259px;
  }

  .petalfive {
   width: 180px;
   height: 261px;
  }

  .petalsix {
   width: 195px;
   height: 263px;
  }

  .petalseven {
   width: 210px;
   height: 265px;
  }

  #weekbackgroundpetal
  {
    opacity: 0.5!important;
  }

  .future_year
  {
    position: absolute;
    top:-1700px;
    left:1425px;
    display: inline;
    list-style: none;
    margin: 0 5px 0 0;
  }

  .current_year
  {
    position: absolute;
    top:-1700px;
    left:1175px;
    display: inline;
    list-style: none;
    margin: 0 5px 0 0;
   }

  .future_year a {
    font-size: 40px;
  }

  .current_year a {
    font-size: 40px;
  }

  .annualweeknum::before
  {
  /* content: "🏈";
   font-size: 150px;*/
  }

  .annualweekfootball{
  width: 175px;
  height: 175px;
  border-radius: 50%;
  border-color: transparent!important;
  background-color: transparent!important;
}

.annualweekfootball::before
  {
   content: "🏈";
   font-size: 175px;
  }

  .annualbasketball{
  width: 175px;
  height: 175px;
  border-radius: 50%;
  border-color: transparent!important;
  background-color: transparent!important;
}

  .annualbasketball::before
  {
   content: "🏀";
   font-size: 115px;
  }

  .bigring_background_week_ncaabowl {
    position: absolute;

    z-index:-41;

   /*left:-1100px;
    top:-1178px;

    width:5200px;
    height:5200px;*/

/*left:-875px;
    top:-875px;

    width:4750px;
    height:4750px;*/

    left:-4003px;
    top:-3987px;

    width:11000px;
    height:11000px;




    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}


.footballsummary
{
    color:white;
    text-wrap:nowrap;
    position: absolute;
    left: -300px;
    font-size: 60px;
}

.footballbowlgame
{
    color:white;
    text-wrap:nowrap;
    position: absolute;
    left: 50px;
    font-size: 55px;
    top:-12px;
    white-space: nowrap;
}

.footballgameteams
{
    color:white;
    text-wrap:nowrap;
    position: absolute;
    left: -300px;
    font-size: 60px;
    top: 120px;
}

.bigring_background_24Houralpha_sun_24hour {
    position: absolute;

    z-index:-41;

 

/*left:-650px;
    top:-650px;

    width:4300px;
    height:4300px;*/

    /*left:-910px;
    top:-910px;

    width:4900px;
    height:4900px;*/

    left:-1475px;
    top:-1475px;

    width:5900px;
    height:5900px;

    opacity: 1.0;

    /* overflow:hidden; */

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 

    pointer-events:none;

    transform-origin: center center;
     -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
}

.odds-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.odds-bookmaker {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
}

.odds-market {
  margin-top: 10px;
}

.odds-market th,
.odds-market td {
    color: black;
}

.odds-outcome {
  margin-top: 5px;
}

.odds-outcome th,
.odds-outcome td {
    color: white;
    background-color: black;
}

.odds-bookmaker table {
  border-collapse: collapse;
  width: 100%;
}

.odds-bookmaker th,
.odds-bookmaker td {
  /*border: 1px solid #ddd;
  padding: 8px;*/
  text-align: left;
  background-color: black !important;
  color: white !important;/* Ensure text is visible */
}

.odds-bookmaker th {
  padding: 12px; /* Add more padding to headers for spaciousness */
}

.odds-bookmaker th:nth-child(1),
.odds-bookmaker td:nth-child(1) {
  width: 91%; /* Adjust width for the Team Name column */
}

.odds-bookmaker th:nth-child(2),
.odds-bookmaker td:nth-child(2) {
  width: 3%; /* Adjust width for the Spreads column */
}

.odds-bookmaker th:nth-child(3),
.odds-bookmaker td:nth-child(3) {
  width: 3%; /* Adjust width for the Total column */
}

.odds-bookmaker th:nth-child(4),
.odds-bookmaker td:nth-child(4) {
  width: 3%; /* Adjust width for the ML column */
}
/*.odds-bookmaker th {
  background-color: #f2f2f2;
}*/

/*.odds-bet::before {
  cursor: pointer;
  background-color: #d0e9fe;
  border: 1px solid #70bdff;
}

.odds-bet::after {
  cursor: pointer;
  background-color: #d0e9fe;
  border: 1px solid #70bdff;
}*/

.odds-bet {
  cursor: pointer;
  background-color: black; /*#d0e9fe; */
  border: 1px solid #70bdff;
  text-align: center;
  width: 100px;
}

.odds-bet a {
  text-decoration: none;
  color: white;
}

.sport-socialmedia {
  cursor: pointer;
  background-color: black; /*#d0e9fe; */
  border: 1px solid #70bdff;
  text-align: center;
  width: 250px;
}

.sport-socialmedia a {
  text-decoration: none;
}

#iframeContainer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px; /* Adjust the width as needed */
  height: 150px; /* Adjust the height as needed */
  border: 1px solid #ccc;
  z-index: 100;
}

#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.snowflake {
    position: fixed;
    background-color: #FFFFFF;
    user-select: none;
    z-index: 1000;
    pointer-events: none;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.current_year select{
  font-size: 80px;
}

.current_year select option{
  color: black;
  font-size: 20px;
}

#notificationsTab {
    color: white;
    font-size: 20px;
    position: fixed;
    top: 70px; /* 0px */
    /*right: 0px;*/
    left: 1300px;
    width: 500px;
    height: 500px;
}

#cometchat {
    position: fixed;
    top: 0;
    right: 0;
}


.dropdown {
  width: 200px;
}

.selectBox {
  background-color: #e9e2e2;
    color: black;
}

.selectBox .selecticon{
float: right;
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid grey;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.dropdown-menu {
  display: none;

  margin-top: -13px;
    background-color: #e9e2e2;
    color: black;
    border-top: 1px solid grey;
}

.dropdown-menu label {
  display: block;
}

.dropdown-menu label:hover {
  background-color: #1e90ff;
}

#notificationsTab {
    color: white;
    font-size: 20px;
    position: fixed;
    top: 0px;
    /*right: 0px;*/
    left: 500px;
    width: 500px;
    height: 500px;
}

.chaticonclass {
  position: fixed;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 9999;
}

/*
FOR QUICK ADD CALENDAR PLUS BUTTON 
CHAT THREAD 

https://codepen.io/Mivandi/pen/KKqJRrb
*/
/* .accordion-button-icon {
background-color: black;
  color:blue;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 0.625rem; }
  .accordion-button-icon::before, .accordion-button-icon::after {
    content: "";
    position: absolute; }
  .accordion-button-icon::before {
    border-top: 5px solid;
    top: 40%;
    right: 0;
    left: 0; }
  .accordion-button-icon::after {
    border-left: 5px solid;
    top: 0;
    bottom: 0;
    left: 40%; }*/

.rumble {
  position: fixed;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 10000;
}

#group_menu_rumble {
    position: absolute;

    top:1140px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#clearNotificationsTab {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 0px;
    /*right: 0px;*/
    left: 1250px;
    width: 60px;
    height: 60px;
}

.buttonNotifications {
    color: white;
    font-size: 10px;/*20px;*/
    position: absolute;
    top: 0px;
    /*right: 0px;*/
    left: 1335px; /*1250px;*/
    width: 60px;
    height: 60px;
}

/*#clearNotificationsTab img {
    position: absolute;
    top: 0px;*/
    /*right: 0px;*/
    /*left: 20px;
    width: 60px;
    height: 60px;
}*/

#notificationstabimg {
    position: absolute;
    top: 0px;
    /*right: 0px;*/
    left: 1300px;
    width: 60px;
    height: 60px;
}

.upload-container {
  position: absolute;

  z-index: 9999999999999999999999;

  left:175px;
  top:100px;

  /*width:62px;*/
  height:34px;

  font-size: 20px;
}

.upload-container {
    position: absolute; 
    z-index: 9999999999999999999999; 
    left:175px; 
    top:50px;
    /*width:62px;*/ 
    height:34px;
    font-size: 20px;
}
.upload-container h1 {
    margin-bottom: 20px;
}
.upload-container input[type="file"] {
    /*display: none;*/
}
.upload-container label {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    background-color: #007bff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 20px;
}
.upload-container button {
    padding: 10px 20px;
    color: white;
    background-color: #28a745;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px;
}
.upload-container button:hover {
    background-color: #218838;
}

canvas {
    display: block;
}

#controlPanel {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9999;
    background-color: rgba(51, 4, 4, 0.8);
    padding: 10px;
    border-radius: 5px;
}

#dataUpload {
    display: block;
    margin-bottom: 10px;
}

#group_menu_3d {
    position: absolute;

    top:1205px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    font-size: 50px;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#group_menu_3dnew {
    position: absolute;

    top:1270px;
    left:0px;

    width:50px;
    height:50px;

    z-index:99;

    font-size: 50px;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

/*
for displaying posts popup content in 3d view
*/
#tweetPopup {
    display: none;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 350px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 20px;
    z-index: 100;
}
#tweetPopup img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
#tweetPopup .tweet-header {
    display: flex;
    align-items: center;
}
#tweetPopup .tweet-content {
    margin-top: 10px;
}
#tweetPopup .tweet-metrics {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}


 canvas { display: block; }
        #fileInput { position: absolute; top: 10px; left: 10px; }
        #tooltip {
            position: fixed;
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            pointer-events: none;
            display: none;
            z-index: 999999999;
        }
        #scrollBarContainer {
            position: relative;
            top: 50px;
            left: 50%;
            transform: translateX(-50%);
            width: 100vh;
        }
        #scrollBar {
            width: 100%;
        }


/*table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}*/
#oddsinfo tr {
    background-color: black !important;
    color: white !important;
}
#oddsinfo th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    background-color: black !important;
    color: white !important;
}
#oddsinfo th {
    background-color: black !important;
}

  .container {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    background-color: black !important;
    color: white !important;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: black !important;
    color: white !important;
  }
  .team-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .team {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .team img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  .team div {
    display: flex;
    align-items: center;
  }
  .team span {
    font-weight: bold;
    font-size: 18px;
  }
  .record {
    font-size: 14px;
    color: #555;
    margin-left: 5px;
    white-space: nowrap;
    padding-right: 5px;
  }
  .divider {
    border-left: 1px solid #ddd;
    height: 80px;
    margin: 0;
  }
  .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    color: #0d92d1;
    padding-left: 10px;
    margin-left: 10px;
    font-weight: bolder;
  }
  .info {
    padding: 20px;
    background-color: black !important;
    color: white !important;
  }
  .info .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .info .line div {
    margin-right: 8px;
  }
  .info .line span {
    font-size: 16px;
  }

  .bettingdiv .twpopbox, .bettingdiv .clsBettingGrid{
    width: 370px!important;
  }
  .bettingdiv .info {
    padding: 0!important;
  }

  .line span{
    white-space: nowrap;
  }
  .info .bell {
    cursor: pointer;
    font-size: 24px;
    text-align: right;
  }

.ncaanetwork{
    position:absolute;

    left: 0px;
    top: 0px;
}
  .ncaanetworklistdiv{
    position: absolute;
    color: white;
    font-size: 100px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.ncaanetworklistdiv-small {
  position: absolute;
  color: white;
  font-size: 50px; /* Smaller font size */
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.ncaafbleaguelistdiv{
    position: relative;/*absolute;*/
    color: grey!important;
    font-size: 100px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    text-align: right;
    margin: -68px 0;/*2px 0;*/
}



.ncaafbleaguelistdivnewclass{
    position: relative;/*absolute;*/
    color: #0d92d1;
    font-size: 69px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
    margin: -48px 25px;/*2px 0;*/
}

.playoffsTwelveHours{
    height: 10500px;
    width: 10500px;
    left:-3755px;
    top:-3740px;
    opacity: 0.6!important;
}

.playoffsDimClass
{
  /*opacity: 0.10!important;  */
  background-color: #424242!important; /* grey!important */
}

@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  .hide-on-desktop {
    display: none;
  }
}

.playoffcontainer{
    align-items: flex-start!important;
}

.championsshipfont{
    font-style: italic;
    margin-left: 450px;
    display: list-item;
}

.championsshipfont::marker {
    color: grey;
}/* Set the color of the list item marker to grey */

.largerfontplaygames{
    
    font-style: normal;
    margin-left: 150px;
    display: block;
    color: #6699CC!important;
}
.largerfontplaygamesfirstround{
  
  font-style: normal;
  margin-left: 400px;
  display: block;
  color: #B48A76!important; /* slightly darker grey */
  opacity: 0.5;
}

.largerfontplaygamesnationalchamp{
  
   font-style: normal;
   margin-left: 10px;
   display: block;
   color: gold!important;
}

.largerfontplaygamesquaterfinal{
   
   font-style: normal;
   margin-left: 250px;
   display: block;
   color: #a3a3a3!important;
}



.nflleaguelistdiv{
    position: absolute;/*absolute;*/
    color: white;
    font-size: 100px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    text-align: right;
    margin: -68px 0;/*2px 0;*/
}

/* also ncaafbtop25container */
.ncaafbleaguecontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Align items to the end */
    transform: translate(-1300px, 70px);
}

.ncaafbtitlencaaleague {
    z-index: 99999;
    width: 100px!important;
    white-space: nowrap;
}

/*.ncaafbtitlencaaconf {
    z-index: 99999;
    width: 100px!important;
    white-space: nowrap;
}*/

.ncaafbtitlencaaleague .iconsncaa
{
    color: grey;
}

/*.ncaafbtitlencaaconf .iconsncaa
{
    color: grey;
}*/

.nflleaguecontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Align items to the end */
    transform: translate(-1300px, -10200px);
}

.nflplayoffsleaguecontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Align items to the end */
    transform: translate(-1300px, 300px);
}

.margintop{
    /*margin-top: 50px;*/
}

.clsNotOpacity{
    opacity: 0.9!important;
}

.googleNflCSS h5{
    top: 0px!important;

    left: 0px!important;
}

.thirtydaysscene{
    position:absolute;

    left: 0px;
    top: 0px;
}

.thirtydaysscenecontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Align items to the end */
    transform: translate(-1300px, 70px);
}

.svgcontrols {
      position: absolute;
      /*top: 110px;
      left: 120px;*/
      background: rgba(0, 0, 0, 0.8);
      padding: px;
      border-radius: 5px;
    }

    .svgcontrols label {
      display: block;
      color: white;
      margin-bottom: 5px;
    }

    .svgcontrols input {
      width: 100%;
      margin-bottom: 10px;
    }


    .frontpageresponsive-image {
      width: 100vw;
      
     
      
    }

    /* Media Queries for Different Images */

    @media (max-width: 480px) {
      .frontpageresponsive-image {
        content: url('/static/img/Navigation/SocialWatch/gaimtimesMobilefrontpage.png');
      }
    }

    @media (min-width: 481px) and (max-width: 1080px) {
      .frontpageresponsive-image {
        content: url('/static/img/Navigation/SocialWatch/GAIMTIMES_resized_1536x2048.jpeg');
      }
    }

    @media (min-width: 1081px) and (max-width: 1133px) {
      .frontpageresponsive-image {
        content: url('/static/img/Navigation/SocialWatch/GAIMTIMES_resized_1536x2048.jpeg');
      }
    }

    @media (min-width: 1134px) and (max-width: 1194px) {
      .frontpageresponsive-image {
        content: url('/static/img/Navigation/SocialWatch/GAIMTIMES_resized_1640x2360.jpeg');
      }
    }

    @media (min-width: 1195px) and (max-width: 1536px) {
      .frontpageresponsive-image {
        content: url('/static/img/GAIMTIMES_frontpage.png');
      }
    }

    @media (min-width: 1537px) and (max-width: 1640px) {
      .frontpageresponsive-image {
        content: url('/static/img/GAIMTIMES_frontpage.png');
      }
    }

    @media (min-width: 1641px) and (max-width: 2048px) {
      .frontpageresponsive-image {
        content: url('/static/img/GAIMTIMES_frontpage.png');
      }
    }

    @media (min-width: 2049px) {
      .frontpageresponsive-image {
        content: url('/static/img/GAIMTIMES_frontpage.png');
      }
    }
