/* $Id: online-reg.css,v 1.10 2017/05/16 09:22:45 johnw Exp $ */

#online_reg_banner {
  padding: 8px; 
  /* background-color: #257085; */
  background-color: #0e7c9c;
  border-radius: 8px 8px 0px 0px;
}

#online_reg_banner table {
  border-spacing: 0px;
  width: 100%;
}

#online_reg_banner table th {
  padding: 0px;
  color: white;
  font-size: 110%;
  text-align: left;
}

#online_reg_banner table td {
  padding: 0px;
  color: white;
  text-align: right;
}

#online_reg_pic {
  float: right;
  margin-top: 50px !important;
  margin-bottom: 4em;
  border: 1px solid black;
}

div.online_reg_home {
  padding: 0px 4px;
}

#online_reg_welcome {
  color: #0e7c9c;
  font-size: 110%;
  font-style: italic;
}

#online_reg_title {
  color: #0e7c9c;
  font-weight: bold;
  font-size: 200%;
}

#tick_icon {
  height: 50px;
  width: 50px;
  padding-right: 20px;
}

#online_reg_intro {
  width: 70%; 
  margin-top: 2em;
  margin-left: 2px;
}

#online_reg_intro p {
  font-size: 110%;
}

ul.reg_home {
  font-size: 110%;
  list-style: circle outside url(images/orange-bullet-10.jpg);
}

ul.reg_home li {
  padding: 0.5em 0em;
  line-height: 125%;
  position: relative;
  left: -1em;
}

ul.reg_home li span {
/*
  position: relative;
  top: -0.75em;
  padding-left: 2px;
*/
}

ul.reg_help {
  list-style: circle outside url(images/orange-bullet.jpg);
} 

ul.reg_help li {
  position: relative;
  left: -2em;
  top: -0.5em;
}

ul.getusername {
  font-size: 110%;
  list-style: circle outside url(images/orange-bullet-10.jpg);
}

ul.getusername li {
  padding: 0.5em 0em;
  line-height: 125%;
}

.online_reg_tab {
  color: #0e7c9c;
  font-weight: bold;
}

#reg_confirm_intention_table {
  border: 1px solid #d7d7df;
  background-color: #edefef;
  border-radius: 8px;
}

#reg_confirm_intention_table tr {
  background-color: #edefef;
}

#reg_confirm_intention_table th {
  border-radius: 8px;
  padding-left: 1em !important;
}

#reg_confirm_intention_table td {
  border-radius: 8px;
}

.confirm_intention_field_label {
  color: #337180;
  font-weight: bold;
}

#consumer_info {
  margin-top: 3em; 
  border-radius: 8px; 
  padding: 1em; 
  background-color: #edefef;
}

#consumer_info b {
  font-weight: bold; 
  color: #337180;
}

div.info_text {
  background-color: #fef4e7;
  padding: 1em;
  line-height: 133%;
  border-radius: 8px;
}

td.main_tab { 
background: #f6aa62; /* Old browsers */
background: -moz-linear-gradient(top,  #f6aa62 33%, #f57326 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#f6aa62), color-stop(90%,#f57326)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6aa62 33%,#f57326 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6aa62 33%,#f57326 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6aa62 33%,#f57326 90%); /* IE10+ */
background: linear-gradient(to bottom,  #f6aa62 33%,#f57326 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6aa62', endColorstr='#f57326',GradientType=0 ); /* IE6-9 */

  height: 24px;
  text-align: center !important;
  font-size: 116%; 
}

td.current_tab { 
background: #fbf5e1; /* Old browsers */
background: -moz-linear-gradient(top,  #fbf5e1 0%, #f8d3a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf5e1), color-stop(100%,#f8d3a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbf5e1 0%,#f8d3a2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf5e1', endColorstr='#f8d3a2',GradientType=0 ); /* IE6-9 */

  height: 24px;
  text-align: center !important;
  font-size: 116%;
  color: #ba7216;
}

td.main_tab:hover { 
background: #fbf5e1; /* Old browsers */
background: -moz-linear-gradient(top,  #fbf5e1 0%, #f8d3a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf5e1), color-stop(100%,#f8d3a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbf5e1 0%,#f8d3a2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf5e1', endColorstr='#f8d3a2',GradientType=0 ); /* IE6-9 */
}

td.main_tab:hover a {
  color: #ba7216 !important;
}

a.main_tab:link { color: white; text-decoration: none; }
a.main_tab:visited { color: white; text-decoration: none; }
a.main_tab:hover { background: inherit; color: #ba7216; }
a.main_tab:active { background: inherit; color: #ba7216; }

div.formlet_border_single {
  border: 2px solid #0e7c9c;
  background-color: #0e7c9c;
}

div.formlet_border_multiple {
  border: 1px solid #0e7c9c;
  background-color: #0e7c9c;
}

div.edit_formlet_border_single {
  border: 2px solid #28a4b4;
  background-color: #28a4b4;
}

div.edit_formlet_border_multiple {
  border: 1px solid #28a4b4;
  background-color: #28a4b4;
}

div.formlet_title {
  background-color: #0e7c9c;
}

div.edit_formlet_title {
  background-color: #28a4b4;
}

td.formlet_buttons a.formlet_button:hover {
  background-color: #80a7b0;
  color: #ffffdd;
}

td.edit_formlet_buttons a.formlet_button:hover {
  background-color: #2ebdcf;
  color: #ffffdd;
}

input.formlet_save_button:hover {
  border: 1px solid #ffffdd;
  background-color: #2ebdcf !important;
  color: #ffffdd;
  cursor: pointer;
}

.page_instructions {
  border: 1px solid #d7d7df;
  border-radius: 8px;
  background-color: #f7f7fa;
  margin: 0px; 
  padding: 6px 1em;
}

div.page_instructions h4 {
  color: #0e7c9c;
  font-weight: bold;
}

div.proceed_button {
background: #f6aa62; /* Old browsers */
background: -moz-linear-gradient(top,  #f6aa62 33%, #f5802d 75%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#f6aa
62), color-stop(75%,#f5802d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6aa62 33%,#f5802d 75%); /* Chrome10+
,Safari5.1+ */
background: -o-linear-gradient(top,  #f6aa62 33%,#f5802d 75%); /* Opera 11.10+ *
/
background: -ms-linear-gradient(top,  #f6aa62 33%,#f5802d 75%); /* IE10+ */
background: linear-gradient(to bottom,  #f6aa62 33%,#f5802d 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6aa62', end
Colorstr='#f5802d',GradientType=0 ); /* IE6-9 */

  border: 1px solid f6aa62;
  border-radius: 8px;
  width: 8em;
  height: 28px;
  line-height: 28px;
  color: white;
  font-size: small;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

div.proceed_button:hover {
}

div.register_button {
  border-radius: 8px;
  border: 1px solid #ba7216;
background: #fbf5e1; /* Old browsers */
background: -moz-linear-gradient(top,  #fbf5e1 0%, #f8d3a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf5e1), color-stop(100%,#f8d3a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbf5e1 0%,#f8d3a2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbf5e1 0%,#f8d3a2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf5e1', endColorstr='#f8d3a2',GradientType=0 ); /* IE6-9 */

  padding: 1em;
  width: 170px;
  height: 90px;
  cursor: pointer;
}

div.register_button h4 {
  color: #ba7216;
  font-size: 125%;
  font-weight: bold;
  line-height: 120%;
}

div.register_button h4:hover {
  text-decoration: underline;
}

p.register_button_after_text {
  margin: 4px;
  font-style: italic;
  font-size: 90%;
  text-align: center;
}

ul.register_links {
  text-align: center !important;
  font-size: 116%;
  list-style-type: none !important;;
  margin: 1em 0em;
}

ul.register_links li {
  margin-top: 4px;
}

ul.register_links a {
  color: #ba7216;
}

div.forgotten_password {
  width: 557px;
  margin-top: 1em;
  border: 1px solid #fbcb8e;
  background-color: #fef4e7;
  border-radius: 8px;
  padding: 1em;
  text-align: left;
  font-size: 90% !important;
  line-height: 125%;
}

button:hover {
  cursor: pointer;
}

div.final_instructions {
  margin-top: 1em;
  background-color: #f5f5f5;
  border-radius: 9px;
  padding: 0.25em 1em;
  font-size: 110%;
  width: 70%;
}

img.final_instructions {
  border-radius: 8px; 
  border: 1px solid silver; 
  margin-top: 14px;
  box-shadow: 3px 3px 4px #d0d0d0;
}

div.final_instructions h4 {
  color: #0e7c9c;
}