.content-inner{
  background-color: #f2f2f2;
  padding: 5rem 5rem 10rem 5rem;
  border-radius: 1rem;
  margin: 5% 25% 5% 25%;

}

#ticketForm div.clear,
#clientLogin div.clear {
  clear: both;
  padding: 3px 0;
  overflow: hidden;
}


#ticketForm div label,
#clientLogin div label {
  display: block;
}


label.required {
  font-weight: bold;
}
#ticketForm div label.required,
#clientLogin div label.required {
  text-align: left;
}
#ticketForm div input,
#clientLogin div input,
#ticketForm div textarea,
#clientLogin div textarea {
  width: auto;
  border: 1px solid #aaa;
  background: #fff;
  display: block;
}
#ticketForm div input[type=file],
#clientLogin div input[type=file] {
  border: 0;
}
#ticketForm div select,
#clientLogin div select {
  display: block;
  float: left;
}
#ticketForm div div.captchaRow,
#clientLogin div div.captchaRow {
  line-height: 31px;
}
#ticketForm div div.captchaRow input,
#clientLogin div div.captchaRow input {
  position: relative;
  top: 6px;
}


#ticketForm > table {
    table-layout: fixed;
}

#ticketForm > table tr{
 
}

#ticketForm > table td {
    width: 160px;
    padding-bottom: 1em;
}
#ticketForm > table td + td {
    width: 100%;
}

#ticketForm td textarea,
#clientLogin td textarea,
#ticketForm div textarea,
#clientLogin div textarea {
  width: 600px;
}
#ticketForm td em,
#clientLogin td em,
#ticketForm div em,
#clientLogin div em {
  color: #777;
}
#ticketForm td .captcha,
#clientLogin td .captcha,
#ticketForm div .captcha,
#clientLogin div .captcha {
  width: 88px;
  height: 31px;
  background: #000;
  display: block;
  float: left;
  margin-right: 20px;
}
#ticketForm td label.inline,
#clientLogin td label.inline,
#ticketForm div label.inline,
#clientLogin div label.inline {
  width: auto;
  padding: 0 10px;
}
#ticketForm div.error input,
#clientLogin div.error input {
  border: 1px solid #a00;
}
#ticketForm div.error label,
#clientLogin div.error label {
  color: #a00;
}





.form-buttons{
  height: 30px;
  margin-top: 1em;
}
.form-buttons .reset{
  margin-right:1em;
}



#footer{

  bottom: 0;
  margin-bottom: 4em;
}

.ticket404-text{
  text-align: center;
}


/*responsive design*/
@media (min-width: 1500px)  {
  .content-inner{
    margin: 5px 25% 0 25%;
  }
  .message-div{
    padding: 20px 25% 0 25%;
  }
}

@media (min-width: 1200px) and (max-width: 1499px){
  .content-inner{
     margin: 5px 15% 0 15%;
  }
    .message-div{
    padding: 20px 15% 0 15%;
  }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .content-inner{
    margin: 5px 10% 0 10%;;
  }
    .message-div{
    padding: 20px 10% 0 10%;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .content-inner{
     margin: 5px 10% 0 10%;
  }
    .message-div{
    padding: 20px 10% 0 10%;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .content-inner{
     margin: 5px 10% 0 10%;
  }
    .message-div{
    padding: 20px 10% 0 10%;
  }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .content-inner{
    margin: 5px 10% 0 10%;
  }
    .message-div{
    padding: 20px 10% 0 10%;
  }
}