@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 0px 15%;
      font-family:'Open Sans', sans-serif; 
}
form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #666;
        font-family:'Open Sans', sans-serif; 
        font-size: 15px;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 22%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}
.TXT {
    font-family:'Open Sans', sans-serif; 
    height: 28px;
    max-width: 100%;
    font-size: 14px;
    color:#484848;
}
.TXTm {
    font-family:'Open Sans', sans-serif; 
    height: 130px;
    max-width: 100%;
    font-size: 14px;
    color: #484848;
}
.DDL {
    height: 24px;
    font-size: 14px;
    font-family:'Open Sans', sans-serif; 
    color: #484848;
}
    .responsive
 {
  max-width: 100%;
  height: auto;
  }
  .button{border:thin ridge #024a7c;background-color:#111e6c;font-family:'Open Sans', sans-serif; font-weight:600; font-size:16px;color:#FFF;-webkit-border-radius:5px;border-radius:5px;padding:9px 18px 9px 18px;}
.button:hover{border:thin ridge #024a7c;background-color:#091140;font-family:'Open Sans', sans-serif; font-weight:600; font-size:16px;color:#FFF;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;padding:9px 18px 9px 18px;}

.row2
 {
     margin-top:5px;
     width: 100%;
     float:left;
}
.panel
 {
     width: 100%;
     float:left;
}
.red
 {
     color: #FF0000;
     font-weight:bold;
}
.blue
 {
     color: #0000FF;
}
.error {font-family:'Open Sans', sans-serif; font-size:13px; color:#FF0000;}
#content {
    width: 100%;
    float: left;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 20px;
}
.wrap {
    position: relative;
    margin: 0 auto;
    /*replace 900px with your width*/
    width: 900px;
}

.recordLine {
    height: 25px;
    padding-bottom: 5px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    width: 900px;
    float: left;
}
.recordLine2 {
    height: 100%;
    padding-bottom: 5px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    width: 900px;
    float: left;
}

.recordExp {
    height: 100%;
    width: 200px;
    float: left;
    text-align: left;
    color: #333;
}

.recordContent {
    height: 100%;
    width: 685px;
    float: left;
    margin-left: 15px;
}

.recordContent2 {
    height: 100%;
    width: 685px;
    float: left;
    margin-left: 15px;
    text-align: left;
}

    .recordContent2 a {
        color: #111e6c;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        text-decoration: none;
    }

        .recordContent2 a:hover {
            color: #111e6c;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            text-decoration: underline;
        }
    .column {
padding-left:10px;
    }
/* Floating column for la bels: 25% width */
.r20 {
  float: left;
  width: 22%;
  text-align:right;

}

/* Floating column for inputs: 75% width */
.r80 {
  float: left;
  width: 78%;
  text-align:left;
  padding-left:40px;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media (max-width: 768px) {
.r20 {
    width: 100%;
    text-align:left;
  }
.r80 {
    width: 100%;
    text-align:left;
    padding:0;
  }