/* Forms CSS stylesheet for KAO Ban */

/* Form styles for event.asp */
.eventPage #content, .optin #content {
  margin: 70px 60px 0px;
  width: 615px; min-height: 550px;
  padding-left: 225px; padding-right: 25px;
  background: url('/images/event_form_bg.jpg') top left no-repeat;
}
.eventPage #content_bottom, .optin #content_bottom {
  margin: 0px 60px;
  width: 862px; height: 20px; padding-top: 20px; margin-bottom: 40px;
  background: url('/images/event_form_bg.jpg') bottom left no-repeat;
}
.eventPage h1, .optin h1 {
  width: 232px; height: 33px;
  background: url('/images/event_form_header_bg.jpg') top left no-repeat;
  position: absolute; top: -63px; left: 120px;
  text-indent: -9000px;
}
.optin h1 {
  width: 327px; height: 42px;
  background: url('/images/optin_header_bg.jpg') top left no-repeat;
}
.eventPage #content table tbody tr td b:first-child, .option #content table tbody tr td b:first-child  {
  display: none;
}
.eventPage #content table {
  width: 450px; color: #0072bc;
}
.eventPage #content table tbody tr td center i:first-child {line-height: 25px;}
.eventPage #content table tr td > table tr td > table {margin-left: 50px;}

.event table hr {visibility: hidden; margin-top: 10px;}
.event table td {padding-right: 15px; padding-top: 2px;}
.event input.event_text{border:1px solid #0072bc; width:211px; margin-bottom: 3px;}
.event select{border:1px solid #0072bc;width:213px; margin-bottom: 3px;}
.event select.event_date{width:69px;margin-right:3px; margin-bottom: 3px;}
.event textarea{border:1px solid #0072bc;width:406px;height: 150px; margin-top: 2px;}

/* Submit button on Contact Form */
.eventPage br + input {
  background: url('/images/submit_btn.jpg') 0px 0px no-repeat;
  text-indent: -9000px; margin-left: 130px;
  width: 112px; height: 24px;
  border: none;
  cursor: pointer; /* hand-shaped cursor */
}
  
.eventPage br + input:hover {background: url('/images/submit_btn.jpg') 0px -22px no-repeat;}

/* #form styles for .optin */
.optin #content, .optin #content_bottom {
  margin-left: 60px;
  float: left;
}
.optin #top_of_form div, .optin #form_questions div, .optin #optin_checkboxes div, .optin #optin_checkboxes p {
  width: 600px; color: #0072bc; float: left; clear: both; position: relative;
}
.optin #content div div {
  margin-bottom: 10px;
}
.optin h2 {
  font-size: 110%; font-weight: bold; color: #0072bc;
  padding: 15px 0;
}
.optin p {
  color: #0072bc;
  padding-bottom: 5px;
}
.optin h2 sup {
  font-size: 80%; vertical-align: top;
}
.optin #content input:focus,
.optin #content select:focus,
.optin #content textarea:focus {
  background-color: #ffd;
}
.optin #top_of_form, .optin #form_questions, .optin #optin_checkboxes {
  border-top: 1px solid #0072bc;
  padding: 15px 0 0;
  margin: 5px 0;
  float: left;
}
.req {float: right; display: block; padding-right: 10px;}
.optin label, .optin #content .country span, .optin #content .bd span {
  display: block; float: left;
  text-align: right; margin: 0 10px 0 15px;
  width: 100px;
  font-size: 100%;
}
.optin #content span.errormsg {
  display: block; color: red;
  font-size: 80%; width: 230px;
  position: absolute; right: 0px;
  text-align: right;
}
.optin #content .bd span.year {
  right: -10px;
}
.optin #content .bd span.month {
  top: 10px; right: -10px;
}
.optin #content .bd span.day {
  top: 20px; right: -10px;
}
.optin #content span.nooffers {
  /*top: -7px; left: -180px; width: 170px;*/
  top: -15px; left: -140px; width: 130px;
}
.optin #content input, .optin #content select {
  float: left;
  width: 255px;
  background: #fff;
  border-top: 1px solid #0072bc;
  border-left: 1px solid #0072bc;
  margin-top: -3px;
}
.optin #content span.fake_input {
  background: #cccccc;
  color: #000;
  border-top: 1px solid #0072bc;
  border-left: 1px solid #0072bc;
  width: 253px;
  text-align: left;
  line-height: 18px;
  margin: -3px 0 7px 0; padding: 2px;
}
.optin #content select {
  width: 258px;
  padding: 2px 0 2px 2px;
}
.optin #content #form_questions {
  margin-left: -72px;
  width: 672px;
}
.optin #content #form_questions span.errormsg {
  right: -72px;
}
.optin #content #form_questions label {
  width: 250px; text-align: left;
  padding: 0; margin: 0 5px 3px 0;
}
.optin #content #form_questions select {
  width: 260px;
  margin-top: 3px;
}
.optin #content #form_questions span {
  width: 135px;
  top: 10px;
}
.optin #content .bd select{
  width: 83px;
  margin-right: 4px;
}
.optin #optin_checkboxes {
  margin-left: -72px;
  /*padding-left: 72px;*/
  width: 600px;
}
.optin #optin_checkboxes p input {
  width: 15px;
  margin-left: -25px;
  margin-top: 0px;
  border: none;
}
.optin #optin_checkboxes p {
  margin-bottom: 2px;
  padding-left: 25px;
}
.optin #optin_checkboxes p.optinLine {
  padding-left: 60px;
  width: 80%;
}
.optin #optin_checkboxes a {
  font-weight: bold; padding-right: 3px;
}
.optin #optin_checkboxes br {
  float: left;
}

.optin #content .submit {
  width: 145px; height: 0px; margin: 0 0 0 180px;
  background: url('/images/form_go_btn.jpg') 0 0 no-repeat;
  padding: 24px 0 0;
  border: none;
  cursor: pointer; /* hand-shaped cursor */
}
.optin #content .submit:hover {
  background-position: 0 -24px;
}
.optin #content input.submit:focus {
  background: url('/images/form_go_btn.jpg') 0 -24px no-repeat;
}
.optin a, .optin a:visited {
  color: #0072bc;
}
.optin a:hover {
  color: #728521;
}
/* Unsubscribe Page */
.optin #content input.unsubscribeSubmit {
  background: url('/images/submit_btn.jpg') 0px 0px no-repeat;
  width: 112px; height: 0px;
  padding: 22px 0 0;
  cursor: pointer; /* hand-shaped cursor */
  margin-left: 125px;}
.optin #content input.unsubscribeSubmit:hover {
  background: url('/images/submit_btn.jpg') 0px -22px no-repeat;}