#wrapper {
  width: 100%;
  height: 160px;
  position: fixed;
  top:0;
}
#uppercontainer {
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  width: 650px;
}
#flex-menubar {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: auto;
  justify-content: center;
  height:110px;
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
#menuspacer {
  height: 160px;
}
.flex-sm {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: center;
  height: 60px;
}
.galleria{
    width: auto;
    max-width: 700px;
    height: 400px;
    background: #000;
}
.flex-1stcontainer {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  height: 220px;
  width: 100%;
}
.flex-1stcontainer > div {
}
.flex-2ndcontainer {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  height: 210px;
  width: 640px;
  margin: auto;
}
.flex-2ndcontainer > div {

}
#adpanel{
  display: inline-block;
  position: static;
  width: 24%;
 float: right;
}

/*upload.php */
.uploadwrapper {
    width: auto;
    max-width: 700px;
    margin-top: 5px;
    font-size: 1.1em;
}

.uploadsection {
    width: 90%;
    height: 80px;
    font-size: 1.1em;
    margin-top: 5px;
    padding-top: 5px;
}

#description {
  width:90%;
  height:40px;
}
#contact {
  width:90%;
  height:40px;
}
#keywords {
  width:90%;
  height:40px;
}
#selectfilesection{
  font-size: .7em;
  width:100%;
  height:60px;
  border-style:solid;
  border-radius:20px;
  border-color: red;
  border-width:5px;

}
#selectfile {
  margin-top:auto;
  margin-bottom:auto;
  padding-top:15px;
  font-size: 1.3em;
}
.flex-categorycontainer {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  height: 50px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.flex-categorycontainer > div {
}

.selectcategorysection{

}

.buttonwrapsection{

}
#uploadbutton {
  width:200px;
  height:40px;
  font-size:1.3em;
}
/* Login */
.loginwrap{
  width: auto;
  max-width: 700px;
  margin-top: 5px;
  font-size: 1.5em;
}
.loginform {
  width: auto;
  margin:auto;
  max-width:525px;
  min-height:570px;
  position:relative;
  background:url(http://www.dawgfancy.com/img/brightfade.png) no-repeat center;
  box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  border-radius: 25px;
}
.loginsection{
  border-style:solid;
  border-radius:20px;
  border-color: red;
  border-width:5px;
  margin-top:auto;
  margin-bottom:auto;
  padding-top:15px;
  width: 90%;
  height: 100px;
  max-width: 550px;
  margin-top: 5px;
  font-size: 1.1em;
}
.label{
  width: 90%;
  max-width: 550px;
  margin-top: 5px;
  font-size: 1.3em;
}
.input{
  width: 90%;
  max-width: 550px;
  margin-top: 5px;
  font-size: 1.3em;
}
.button{
  width:200px;
  height:60px;
  font-size:1.3em;
  font-weight:bold;
}
.submenu{
  width: auto;
  height: 200px;
  max-width: 550px;
  margin-top: 25px;
  font-size: 1.1em;
  padding-top:15px;
}
