.customFormTable
{
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td.customFormCategory
{
  text-transform: uppercase;
  color: #191919;
  border-bottom: 1px solid #38372F;
  padding: 10px;
  font-size: 12px;
}

.customFormSurveyQuestion
{
  color: #454545;
  background: #E7E7E7;
  border-bottom: 1px solid #BFBFBF;
  padding: 20px 5px 20px 5px;
  font-size: 13px;
  font-weight: bold;
}

tr.customFormItem
{
  border-bottom: 1px solid #e2e2e2;
}

table.customFormTable > tbody > tr > td
{
  padding: 10px 3px 10px 3px;
}

div.customFormLabel
{
  /*font-weight: bold;*/
  color: #242424;
  font-weight: lighter;
  font-size: 13px;
}

div.customFormDescription
{
  color: #777777;
  font-size: 10px;
}

span.customFormRequiredField
{
  color: #cc0000;
}

div.customFormLookupBox
{
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
  display: inline-block;
  background: #ffffff;
  font-family: 'Open Sans', Tahoma, Arial, sans-serif;
  border-radius: 4px;
  box-shadow: 0 0 5px #dddddd;
}

textarea.customFormAreaBox
{
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
  font-size: 8pt;
  font-family: 'Open Sans', Tahoma, Arial, sans-serif;
  border-radius: 4px;
  box-shadow: 0 0 5px #dddddd;
}

textarea.customFormAreaBox:focus
{
  border: 1px solid #6cd7f2;
  box-shadow: 0 0 5px #6cd7f2;
}

input.customFormTextBox
{
  font-size: 12px;
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
  font-family: 'Open Sans', Tahoma, Arial, sans-serif;
  border-radius: 4px;
  box-shadow: 0 0 5px #dddddd;
  width: 450px;
}

input.customFormTextBox:focus
{
  border: 1px solid #6cd7f2;
  box-shadow: 0 0 5px #6cd7f2;
}

input.customFormTextBoxRound
{
  font-size: 12px;
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
  border-radius: 4px;
  box-shadow: 0 0 5px #dddddd;
}

input.customFormTextBoxRound:focus
{
  border: 1px solid #6cd7f2;
  box-shadow: 0 0 5px #6cd7f2;
}

input.customFormDateBox
{
  font-size: 12px;
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
  vertical-align: middle;
  font-family: 'Open Sans', Tahoma, Arial, sans-serif;
  border-radius: 4px;
  box-shadow: 0 0 5px #dddddd;
  width:430px;
}

input.customFormDateBox:focus
{
  border: 1px solid #6AB6ED;
  box-shadow: 0 0 5px #6AB6ED;
}

select.customFormSelectBox
{
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
  font-size: 12px;
  font-family: 'Open Sans', Tahoma, Arial, sans-serif;
  border-radius: 4px;
  box-shadow: 0 0 5px #dddddd;
  width: 38em;
}

select.customFormSelectBox:focus
{
  border: 1px solid #6cd7f2;
  box-shadow: 0 0 5px #6cd7f2;
}

select.customFormSelectBoxAdditional
{
  border: 1px solid #dddddd;
  padding: 5px;
  color: #454545;
}

select.customFormSelectBoxAdditional:focus
{
  box-shadow: 0px 0px 5px #cccccc;
}

.customFormSelectBoxAdditionalError
{
  box-shadow: 0px 0px 5px #ed1b2e;
  border: 1px solid #ed1b2e;
  padding: 5px;
}

span.customFormError
{
  background: url('../images/icons/16x16/error_arrow.png') no-repeat center left;
  padding-left: 12px;
  color: #EB4C4C;
  /*font-size: 10px;*/
  /*font-weight: bold;*/
}

span.customFormSuccess
{
}

span.customFormSuccess img
{
  vertical-align: middle;
}

div.addtionalAddBtn
{
  padding: 7px 13px;
  background: #008aff;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}

div.addtionalAddBtn:hover
{
  cursor: pointer;
  background: #454545;
  color: #ffffff;
}

.tableHeading
{
  background: #C2B993;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

.tableData
{
  background: #dddddd;
  font-size: 10px;
}

.deleteAddtionalLanguagesBtn:hover
{
  cursor: pointer;
}

.addtionalLanguagesError
{
  color: #ed1b2e;
  font-size: 9px;
  font-style: italic;
}

.captchaReload {
  background: url("../images/icons/16x16/refresh.png") no-repeat center;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 16px;
}
input[name="username"]
{
  width: 20em;
}
input[name="password"]
{
  width: 20em;
}


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

  table .customFormSelectBox {
    width: 100%;
  }

  table .customFormTextBox {
    width: 100%;
  }

  table .customFormDateBox {
    width: 90%;
  }

  tr .customFormItem {
    width: 100%;
  }
  input[name="username"]
  {
    width: 100%;
  }
  input[name="password"]
  {
    width: 100%;
  }

}

@media screen and (max-width: 480px) {
  table .customFormSelectBox
  {
    width:100%;
  }
  table .customFormTextBox
  {
    width:100%;
  }

  table .customFormDateBox
  {
    width:90%;
  }
  tr .customFormItem
  {
    width: 100%;
  }
  input[name="username"]
  {
    width: 100%;
  }
  input[name="password"]
  {
    width: 100%;
  }



}