html, body, input, textarea, table, td, #footer a, .tf-question-wrapper .tf-control-wrapper fieldset legend
{
  font-family: Verdana, Helvetica, Sans-Serif;
  color: #666;
}

html, body
{
  background-color: #f5f9fb;
  font-size: 12px;
  line-height: 140%;
  color: #666;
}

a
{
  color: #006ACA;
}

  a:hover
  {
    color: #00427e;
  }

body a.bypass:focus
{
  box-shadow: 0 0 4px 2px #ed8c00 !important;
  left: 20px;
  background-color: #fff;
  outline: 1px dotted #666;
}

.bypass
{
  position: absolute;
  top: 50px;
  left: -9999px;
  display: block;
  padding: 5px;
  font-size: 1.2rem;
  z-index: 1;
}

#bannercontainer
{
  border-top: solid 1px #dc651d;
  border-bottom: solid 1px #c4c4c4;
}

#main, #menubar
{
  background-color: #fff;
  box-shadow: 0 -2px 4px 0 rgba(153, 153, 153, 0.3);
  border-radius: 3px;
  margin: 0px 0px 15px;
  padding: 20px;
}

#main
{
  padding: 20px 20px 55px 35px;
}

/* Keep some empty space above next-step-button and previous-step-button */
#main > div > div 
{
    margin-bottom: 12px;
}

.scenariomenu
{
  list-style-type: square;
  margin-bottom: 35px;
}

#footer
{
  background-color: #e8e8e8;
  border: none;
  padding: 12px 20px;
}

  #footer a
  {
    text-decoration: none;
  }

    #footer a:hover
    {
      color: #006aca;
    }

.wrapper
{
  max-width: 1150px;
  margin: auto;
}

#header
{
  height: 90px;
  padding-top: 15px;
}

  #header a img
  {
    height: 60px;
  }

#twocol-menubar
{
  max-width: 200px;
  float: right;
}

#twocol-main
{
  width: 876px;
  max-width: 876px;
  float: left;
}

#right-bar
{
  margin-left: 15px;
  width: 220px;
  float: right;
}

#FormHeaderTextDiv
{
  background-color: #006aca;
  padding: 13px 0px 14px;
  font-size: 20px;
  color: #fff;
}

#subheader
{
  margin: 40px 0px;
  display: block;
}

div#centerfooter
{
  max-width: 1150px;
  margin: auto;
}

ul.stepmenu li
{
  background-color: #e7e7e7;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 0px 0px 5px;
  padding: 5px 10px 5px 0px;
}

ul.stepmenu li.stepmenu-item-answered
{
  background-color: #fff;
}

  ul.stepmenu li.stepmenu-item-active,
  ul.stepmenu li.stepmenu-item-activeanswered
  {
    background-color: #006aca;
  }

  ul.stepmenu li a,
  ul.stepmenu li span
  {
    text-decoration: none;
  }

    ul.stepmenu li a:hover
    {
      text-decoration: none;
      color: #444;
    }

    ul.stepmenu li span.unanswered
    {
      color: #444 !important;
    }

    ul.stepmenu li a.active,
    ul.stepmenu li a.activeanswered
    {
      color: #fff;
    }

.progressbar .barcontainer
{
  border: solid 1px #006aca;
  border-radius: 3px;
  background-color: #fff;
  margin: 0px 4px 0px 0px;
}

.progressbar .bar
{
  background-color: #006aca;
  border-radius: 3px;
  height: 100%;
  margin: 0px;
}

.progressbar .percentage
{
  font-weight: normal;
  color: #000;
  font-size: 85%;
  line-height: 140%;
}

#toolbar ul li a,
#toolbar ul li button,
#toolbar ul li input {
    text-decoration: none;
    color: #000;
    padding: 10px;
    border: 1px transparent;
    border-radius: 6px;
    width: 234px;
    margin: 10px;
    background: #d8d8d8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d8d8d8 50%, #c7c7c7 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d8d8d8 50%, #c7c7c7 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d8d8d8 50%, #c7c7c7 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d8d8d8 50%, #c7c7c7 100%); /* Standard syntax */
    vertical-align: middle;
    cursor: pointer;
    display: inline-flex;
    align-items:flex-start;
}

    #toolbar ul li a:hover,
    #toolbar ul li button:hover,
    #toolbar ul li input:hover {
        background: #d8d8d8; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(to top, #d8d8d8 50%, #c7c7c7 100%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(to top, #d8d8d8 50%, #c7c7c7 100%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(to top, #d8d8d8 50%, #c7c7c7 100%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to top, #d8d8d8 50%, #c7c7c7 100%); /* Standard syntax */
    }

/**COLOR AND STYLE DEFINED IN TF FORMS**/
div.line
{
}

#help-popup
{
  border-bottom: solid 1px #dc651d;
}

table.scw, table.scwCells {
    border: solid 1px #c4c4c4;
    color: #000;
}

table.scwCells {
    background-color: #fff;
}

td.scwCells, td.scwCells_hover, td.scwCells_InputDate, td.scwCells_notCurrentMonth, td.scwCells_Weekend {
    border: solid 1px #fff;
}

td.scwCells_hover, td.scwCells_InputDate {
    color: #fff;
    background-color: #dc651d;
    border: solid 1px #c4c4c4;
}

td.scwCells_notCurrentMonth {
    color: #bbb;
    background-color: #fff;
}

td.scwCells_Weekend {
    color: #777;
    background-color: #fff;
}

.ac_over
{
  background-color: #dc651d !important;
}

abbr
{
  font-weight: bold;
}

.tf-label-wrapper
{
  margin-bottom: 5px !important;
  font-weight: bold;
}

.tf-question-wrapper.tf-required-field .tf-label-wrapper::before,
.tf-question-wrapper.tf-required-field .tf-label-wrapper::before,
.tf-control-wrapper fieldset::before
{
  color: #666 !important;
  margin-left: -15px !important;
  left: 0px !important;
  top: 1px;
  font-size: 14px;
}


.tf-question-wrapper.input-passive-wrapper .tf-label-wrapper::before
{
  display: none !important;
}

.tf-question-wrapper.tf-required-field .tf-label-wrapper::before, .tf-question-wrapper.tf-required-field .tf-label-wrapper::before, .tf-question-wrapper.tf-required-field .tf-control-wrapper fieldset::before{
	color: #666 !important;
}

.tf-question-wrapper.positioning-encapsulated-top fieldset legend {
	font-weight:bold;
	margin-bottom:5px !important;
}

.help-callout
{
  background-color: #fff !important;
  left: -179px !important;
}

.help-callout-co-up
{
  border-bottom: 10px solid #fff !important;
  left:175px !important;
}

.help-callout-co-up2
{
	left:175px !important;
}
/*TFA box styling*/

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable
{
  border: none;
  background-color: #e7f0f5;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix
{
  background: none;
  border: none;
}

  div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix button
  {
    background: none;
    border: none;
    content: "X";
  }

    div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix button:before
    {
      content: "X";
      color: #006aca;
      text-decoration: underline;
	  text-indent:0px;
    }

.ui-widget-overlay
{
  background: none;
  background-color: #fff;
  opacity: .9;
}

.ui-widget-content
{
	font-family: Verdana, Arial, sans-serif;
}

.ui-button-icon-only
{
	text-indent:0px;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon 
{
	background:none;
}

#openTFABoxWrapper, #saveTFABoxWrapper
{
  padding: 0px 20px 20px;
  height: auto !important;
  color: #000;
}

#openTFABox, #saveTFABox
{
  width: 100%;
  height: 100%;
}

  #openTFABox input[type=submit]
  {
    float: right;
  }

  #openTFABox input[type=submit], #saveTFABox a
  {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 8px 12px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
	border-radius: 6px;
    border: transparent;
    background: #006aca; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#006aca, #0058a8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006aca, #0058a8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006aca, #0058a8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006aca, #0058a8); /* Standard syntax */
  }

    #openTFABox input[type=submit]:hover, #saveTFABox a:hover
    {
      background: #006aca; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(to top, #006aca, #0058a8); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(to top, #006aca, #0058a8); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(to top, #006aca, #0058a8); /* For Firefox 3.6 to 15 */
      background: linear-gradient(to top, #006aca, #0058a8); /* Standard syntax */
    }

.html-summary tr td:first-of-type:not(.information)
{
  /*font-weight: bold;*/
}

.html-summary td .information
{
  font-weight: normal;
}

.html-summary .col1
{
  font-weight: bold !important;
}

.html-summary .col2
{
  font-weight: normal !important;
    word-wrap:break-word!important;
}

.text-required-active, .text-required-passive
{
  margin-bottom: 5px !important;
  font-weight: bold;
}

.text-required-active::before
{
content: "*";
color: #666 !important;
margin-left: -15px !important;
left: 0px !important;
top: 1px;
font-size: 14px;
}

.text-required-passive::before {
margin-left: -15px !important;
left: 5px !important;
top: 1px;
}

.uploadNormal-wrapper .tf-label-wrapper, .uploadNormal .tf-label-wrapper
{
  font-weight: normal !important;
}

#footersecond {
    background-color: #f7f7f7;
    border: none;
    padding: 12px 20px;
}

    #footersecond a {
        text-decoration: none;
    }

        #footersecond a:hover {
            color: #006aca;
        }

div#centerfooter {
    max-width: 1150px;
    margin: auto;
}