/* profile page */

#profileContainer
{

}


#profile
{
  color: white;

}


#profile h2
{
  font-weight: normal;
}


#profile #cornerFloat
{
  float: left;
  height: 200px;
  width: 145px;
  font-size: 10px;
  padding-right: 35px;
}

#profileTop
{
  display: inline-flex;
  padding-bottom: 25px;
}

#profileDescription
{
  padding-bottom: 25px;
  padding-top: 25px;
  word-wrap: break-word;
}

#profile table a
{
  color: rgb(114, 177, 182);
  text-decoration: underline;
}

#profileTop .socials
{
  display: block;
}

.profilename
{
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 24px;
}
#profile #cornerFloat img
{
  height: 145px;
  width: 145px;
  overflow: hidden;
  clear: both;
}


/* contact page */
#contactSendButton
{
  background-color: #73B454;
  color: white;
  font-size: 14px;
  padding: 8px;
  font-weight: bold;
}

#contactFormContainer
{
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  color: white;
}


#contactForm textarea, #contactForm .formLine
{
  resize: none;
  display: block;
  clear: both;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 10px;
}

#contactForm textarea
{
  height: 200px;
}



#contactForm .formLine
{
  height: 25px;
}


:root {
  --logoheight: 75px;
}

.casinothumbnail 
{
  border: 0px;
  padding: 0px;
  margin: 0px;
  float: left;
}


.casinothumbnail img
{
  height: var(--logoheight);
  border: 0px;
}

.casinothumbnail a
{
  border: 0px;
}


.casinocontainer
{

  width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: 0px;
  overflow: hidden;
  height: var(--logoheight);
  clear: both;
}

.casinocontainer table
{
  display: inline;
}

.casinotable
{
  background-color: rgba(156, 156, 156, .3);
  height: var(--logoheight);
  width: 650px;
  overflow: visible;
}

.infocell
{
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  position: relative;
  top: 10px;
  height: 45px;
  text-align: center;
}
.infocell1
{
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  top: 10px;
  height: 45px;
  text-align: center;
word-wrap: break-word;
min-width:96px;
font-size:14px;
}

.moreinfod
{
    color:white;
  background-color: rgba(156, 156, 156, .3);
    border: 1px solid black;
}
.moreinfo
{
  box-shadow: 0px 10px 14px -7px #3e7327;
  background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
  background-color:#77b55a;
  border-radius:4px;
  border:1px solid #4b8f29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:0px 1px 0px #5b8a3c;
}
.moreinfotext
{
    margin:8px;
}

.linedivide
{
  border-right: 1px solid white;
}

div.casinotable td:nth-child(2) 
{ 
    max-width:80px;
}

div.infocell1 a
{
    color:white;
}

.casinoname
{
  height: 45px;
}


.casinoname a
{
  position: relative;
  top: 15px;
}

.claimcontainer
{
  display: inline-table;
  float: right;
  text-align: center;
  padding-right: 25px;
  padding-top: 20px;

  height: var(--logoheight);
}

.claim
{
  background-color: rgb(0, 181, 153);
  padding: 5px 20px 5px 20px;
  border-radius: 5px;
  text-decoration: none;
}

.moreinfo
{
  font-size: 10px;
  background-color: rgb(69, 69, 69);
  padding: 1px, 4px, 1px, 4px;
  margin-top: 15px;
  vertical-align: bottom;
  border-radius: 5px;
}

.accent
{
  color: rgb(210, 173, 0);
  padding-top: 5px;
  font-size: larger;
}

.begambleaware
{
  font-size: 10px;
  position: relative;
  top: 11px;
  
}

.begambleaware a
{
  text-decoration: none;
  color: rgb(171, 152, 216);
}








/* end new stuff */

.line
{
	background-color: rgba(2,2,2,.5);
	padding: 0px;
	margin: 0px;
	height: 40px;
	text-align: center;	
}


body
{
	padding: 0px;
	margin: 0px;
  background-image: url("img/background.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.topbutton
{
    color: #dddddd;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: 20px;
    margin-top: 12px;
}
.ladderbutton
{
    color: #dddddd;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: 20px;
    margin-top: 7px;
}

.submitbutton
{
  box-shadow: 0px 10px 14px -7px #3e7327;
  background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
  background-color:#77b55a;
  border-radius:4px;
  border:1px solid #4b8f29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:18px;
  font-weight:bold;
  padding:6px 12px;
  text-decoration:none;
  text-shadow:0px 1px 0px #5b8a3c;
}
.submitbutton:hover
{
  background:linear-gradient(to bottom, #12b352 5%, #17b55a 100%);
  background-color:#12b352;
}
.submitbutton:active
{
  position:relative;
  top:2px;
}

.twitch
{
  color:white;
  font-size: 20px;
  background-color: #6441a5;
  border-radius: 8px;
  padding:10px;
  margin-top:10px;
  border: 1px solid black;
}

.search input[type=text] 
{
  float: right;
  padding: 6px;
  border: none;
  margin-top: -29px;
  margin-right: 450px;
  font-size: 20px;
  background-color: rgba(2,2,2,.0);
}

@media screen and (max-width: 600px) {
  .search a, .search input[type=text] {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .search input[type=text] {
    border: 1px solid #ccc;
  }
}


body {font-family: Verdana, Geneva, Tahoma, sans-serif;}

/* Style the tab */
.tab {
  overflow: hidden;
  width: 100%;
  display: flex;
}

.bottom {
  border-bottom: white 1px solid;
  margin-bottom: 15px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: rgba(156, 156, 156, 0.2);
}

/* Create an active/current tablink class */
button.active {
  background-color: rgba(48, 47, 47, 0.6);
}

/* Style the tab content */
.tabcontent .tabcontent2 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

label, p, h1, h2
{
  color: white;
}

.verified
{
  color:green;
}
.unverified
{
  color:red;
}

.page
{
  display: block;
  max-width: 1000px;
  margin: 35px auto;
  padding: 30px;
  padding-top:18px;
  background-color: rgba(40, 40, 40, 0.3);
  min-height: 650px;
}

.pageDivide
{
  margin-top: 50px;
  padding: -15px;
  border: 1px solid rgb(136, 136, 136);
}
.pageDivideSmall
{
  margin-top: 15px;
  padding: -15px;
  border: 1px solid rgb(136, 136, 136);
}

.submitComment
{
  width: 50%;
  height: 100px;
  background-color:rgba(156, 156, 156, 0.2);
  color: white;

}
.videocontainer
{
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}

.video
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.votebuttonUp
{
  width: 50px;
  padding-bottom:25px;
}

.votebuttonDown
{
  padding-top: 25px;
  width: 50px;
}


.primarycontent 
{
  
}

.lbutton
{
  background-image: url(img/trophy.png);
  background-repeat: no-repeat;
  padding-right: 50px;
  background-size: 35px;
  background-position: 75px 10px;
  padding-top:16px;
}
.line
{
  background-color: rgba(2,2,2,.5);
  padding: 0px;
  margin: 0px;
  text-align: center;

  display: flex; /* Magic begins */
  justify-content: space-between; /* Flush to the edges */
  border: 1px solid black;
  padding-bottom: 10px;
}

.lmiddle
{
  vertical-align: central;
    margin: 0px auto;
    max-width: 50%;
}
.toright3
{
  position:absolute;
   top:0;
   right:0;
}
.toright { 
  float: right;
  margin-right: 50px;
    margin: 0px auto;
}
.check
{
  float: right;
}

.primary 
{
  margin: 0px;
  padding: 12px 14px 10px 6px;
  font-size: 18pt;
  text-align: left;
}

.spacer {
  display: inline-block;
  flex-grow: 1;
  height: 1px;
}



.submitHunt
{
  display: inline-block;
  color:rgba(86, 199, 86, 0.651);
}
.secondary
{
  margin: 0px;
  padding: 5px 10px 12px 10px;
  font-size: 14pt;
}

table, th, td {
  border: none;
  color: white;
}
table {
  width: 100%;
}
table { 
  border-collapse:collapse 
}

td
{
  text-align: center;
  
  vertical-align: middle;
  font-weight: normal;
  height:24px;
}

th
{
  background-color: rgba(0,0,0,0);
  font-weight: normal;
  padding-bottom:10px;
}

.one {
  width: 50%;
  float: left;
}

.two {
  margin-left: 20%;
  float:right;
}

td img .imgl
{
  float:left;
}

td img .imgc
{
  float:center;
}

.toright2 { 
}

.inlineimg
{
  padding-right: 3px;
  /*margin-top: -6px;*/
}
.inlineimg2
{
  padding-left: 3px;
}

.linkuser
{
  text-decoration: none;
  color:white;
}

.linksite
{
  text-decoration: none;
  color:gold;
}

.footer
{
  right: 0;
  /*background-color: rgb(30,30,30);*/
  height: 12%;
  color: white;
  text-align: right;
  padding-bottom:4px;
  z-index: -900;
}

.footertext
{
  text-align: top;
  margin:0px;
  padding: 0px;
  top:0px;
}

.ga
{
  height: 70%;
}

.bonus {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px; 
  margin:20px;
  height: 150px;  
}

.viewusername
{
  color:white;
}

.officialtext
{
  color: white;
  text-align: center;
  font-size: 32px;
  margin-bottom:12px;
}

#pfpselect
{
  top:0px;
  left: 0px;
  position: absolute;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: rgba(0.5,0.5,0.5,0.5);
  display: none;/**/
}

#pfpselectinner
{
  margin: auto;
  margin-top: 100px;
  width: 650px;
  height: 600px;
  border: 3px solid green;
  padding: 10px;
  background-color: black;
}

.viewbutton
{
  box-shadow: 0px 10px 14px -7px #3e7327;
  background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
  background-color:#77b55a;
  border-radius:4px;
  border:1px solid #4b8f29;
  cursor:pointer;
  color:white;
  font-family:Arial;
  font-size:18px;
  font-weight:bold;
  text-shadow:0px 1px 0px #5b8a3c;
}

.linkhunt
{
  text-decoration: none;
  color:white;
}

.commentdate
{
  font-size:11px;
}
.commentuser a
{
  color:white;
  text-decoration: none;
}

#site a
{
  color: gold;
}

#textcom
{
  width: 650px;
   resize:vertical;
}

.question
{
  font-size:20px;
  padding-top:20px;
  padding-bottom:10px;
  color:rgb(250,250,100);
}

.bonusoptions
{
  float:right;
}

.hand { cursor: pointer; }



td a
{
  text-decoration: none;
  
}

th
{
  background-color: rgba(0,0,0,0);
  font-weight: normal;
}

table td.shrink {
    white-space:nowrap
}
table td.expand {
    min-width: 200px;
}

#profileDesch2
{
  margin-top: 150px;
}
#socialsedit
{
  width:400px;
}

#descriptionedit
{
  resize: none;
}



@media only screen and (max-width: 768px){

  .lbutton {
    background-image: none;
    padding: 0px;
  }
  .laddermain {
    max-width: 100%;
    overflow: scroll;
  }

  .toright3 {
    margin-top: 10px;
    position: absolute;
    top: 0px;
    right: 30px;
    max-width: 30%;

  }

  .primary {
    padding: 7px;
    margin: 0px;
    font-size: 12pt;
    text-align: center;
  }

  .one{
    float: none;
    display: block;
    width: 100%;
  }

  .shrink {
    margin: 0px;
  }

  .two
  {
    text-align: left;
    float: none;
    margin: 3px 0px 3px 8px;
    display: block;
  }

  .secondary {
    font-size: 10pt;
    padding: 4px;
  }

  .topbutton
  {
    margin: 3px;
  }
  

  .lmiddle{
    margin: 10px 0px 0px 0px;
    max-width: 65%;
    height: 50px;
  }

  .line {
    height: 60px;
  }

  .topbutton {
    font-size: 10pt;
  }

  
    .page, #page {
      max-width: 100%;
      margin: 0px;
      padding: 5px;
      display: table; 
    }

    .officialtext
    {
      font-size: 15px;
      margin: 15px;
      text-align: left;
    }
  
    #gambleware-mobile
    {
      visibility: visible;
    }
  
    
    #mladder {
      width: 90%;
    }
  
  
    .ladder
    {
      margin-left: 15px;
    }

    .shrink{
      font-size: 8pt;
      padding: 0px;
    }
    
    .mobileHide
    {
      display: none;
    }
  
  }