:root {
  --blue: #0571c6;
  --dark_grey: #3c3c3c;
  --grey: #767676; /* text */
  --light_grey: #b2b2b2; /* grey borders */
  --vlight_grey: #f5f5f5; /* cell bg */
}

.feed_code {
  font-size: 30px;
  color: red;
  font-weight: bold;
}

body {
  margin: 0px;
}

td,
th,
p {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #767676;
  font-weight: normal;
  text-align: left;
  line-height: 135%;
}

.text_18 {
  font-size: 16px;
  color: #0571c6;
}

table {
  border-collapse: collapse;
}

b,
strong {
  font-weight: normal;
  font-weight: normal;
}
.ext_left_bold
{
	font-weight: bold !important;
}
.right {
  text-align: right;
}

.table_left {
  padding: 6px 0px 6px 8px;
}

.border {
  border: solid #0571c6 1px;
}

.blue {
  color: #0571c6;
}

.blueblack {

}

.table_left_no_bottom {
  padding: 10px 0px 0px 8px;
}

.table_left_no_top {
  padding: 0px 0px 15px 8px;
}

.table_left_flat {
  padding: 0px 0px 0px 8px;
}

.table_center {
  text-align: center;
  padding: 6px 0px 6px 0px;
}

.table_right {
  text-align: right;
  padding: 6px 8px 6px 0px;
}

.n03b_links_pc .table_right,
.n03b_links_pc .table_left {
  padding-top: 11px;
}

.table_right_flat {
  text-align: right;
  padding: 0px 8px 0px 0px;
}

.column_head_left {
  font-size: 20px;
  /*font-weight: normal;*/
  /*color: #767676*/
  font-weight: bold;
  text-align: left;
  padding: 5px 0px 2px 8px;
}

.column_head_right {
  font-size: 20px;
  /*font-weight: normal;*/
  /*color: #767676;*/
  font-weight: bold;
  text-align: right;
  padding: 5px 8px 2px 0px;
}

.section_head_left {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 26px;
  /*color: #0571c6;*/
  color: #767676;
  font-weight: bold;
}
.section_head_lefts {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 20px;
  /*color: #0571c6;*/
  color: #767676;
  font-weight: bold;
}

.section_head_left1 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #0571c6;
  font-weight: bold;
}

.section_head_right {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 26px;
  /*color: #0571c6;*/
  color: #767676;
  text-align: right;
  font-weight: bold;
}

.grey_line {
  background-color: #f5f5f5;
}

.price {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #0571c6;
  font-weight: 600;
  padding-left: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.poweredby {
  font-size: 8px;
  color: #767676;
  text-align: right;
  padding-right: 8px;
  padding-top: 5px;
  letter-spacing: 2px;
  height: 0px;
}

a.powered:link,
a.powered:visited {
  color: #666666;
  font-size: 8px;
  text-decoration: none;
  font-weight: normal;
}

a.powered:hover,
a.powered:active {
  color: #999999;
  font-size: 8px;
  text-decoration: none;
  font-weight: normal;
}

.rule {
  height: 10px;
  font-size: 1px;
}

.last_rule {
  height: 10px;
  padding-top: 12px;
  font-size: 1px;
}

hr {
  color: #0571c6;
  background-color: #0571c6;
  height: 1px;
  border: 0px;
  width: 100%;
  margin: 0px;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #767676;
  text-decoration: none;
}

.notes {
  font-size: 12px;
  padding-left: 8px;
}

.spacer_xs {
  height: 4px;
  font-size: 1px;
}

.spacer_s {
  height: 8px;
  font-size: 1px;
}

.spacer {
  height: 12px;
  font-size: 1px;
}

.spacer_l {
  height: 18px;
  font-size: 1px;
}

.spacer_xl {
  height: 25px;
  font-size: 1px;
}

.roboto_text b {
  font-weight: 500;
}

.roboto_text .table_left,
.roboto_text .table_right,
.roboto_text .table_left_no_top,
.roboto_text .table_left_no_bottom,
.roboto_text .border,
.n03b_links_pc .table_left,
.n03b_links_pc .table_right,
.n03b_links_mob .table_left_no_bottom,
.n03b_links_mob .table_left_no_top {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

table.n03b_links_pc td:nth-child(1) {
  background-color: -aqua;
  min-width: 140px;
  max-width: 140px;
}

table.n03b_links_pc td:nth-child(3) {
  background-color: -pink;
  min-width: 120px;
  max-width: 120px;
}

table.n03b_links_pc tr:nth-child(2n + 3),
table.n03b_links_pc td.rule {
  background: #fff;
}

table.n03b_links_pc tr:nth-child(2n) {
  background: #f5f5f5;
}

table.n03b_links_mob tr:nth-child(4n + 3),
table.n03b_links_mob tr:nth-child(4n + 4) {
  background: #ffffff;
}

table.n03b_links_mob tr:nth-child(4n + 1),
table.n03b_links_mob tr:nth-child(4n + 2) {
  background: #f5f5f5;
}

.n03b_links_pc img,
.n03b_links_pc object[image] {
  height: 36px;
  width: auto;
  margin-bottom: -3px;
  padding-left: 5px;
}

.n03b_links_mob img {
  height: 20px;
  width: auto;
  margin-bottom: -3px;
  padding-left: 5px;
}

/*---- drop-down and checkbox selectors styles starts here ------*/

select {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #767676;
  font-weight: 400;
  text-align: left;
  height: 48px;
  outline: none;
  border: 1px solid #0571c6;
  border-radius: 0px;
  cursor: hand;
  padding-left: 10px;
  padding-right: 0px;
  background: url(images/select_down_arrow.png) no-repeat right #fff;
  background-position-x: calc(100% - 12px);
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

.s01_pc #quickperiod,
.s01_pc #fromA,
.s01_pc #toA,
.s01_pc #selectmenu,
.s01_pc input[name="number"],
.s01_pc input[name="amount2"],
.s01_pc input[name="number2"],
.s01_pc input[name="calculate"] {
  width: 250px;
}

.s02_pc #selectmenu {
  width: 200px;
}

.s01_mob #quickperiod,
.s01_mob #fromA,
.s01_mob #toA,
.s01_mob #selectmenu,
.s01_mob input[name="number2"],
.s01_mob input[name="amount2"],
.s01_mob input[name="number"],
.s01_mob input[name="calculate"],
.s02_mob #selectmenu,
.s02_mob input[name="number"],
.s02_mob input[name="calculate"] {
  width: 100%;
}

.n03b_period_pc select[name="month"],
.n03b_period_mob select[name="month"] {
  width: 145px;
}

.n03b_period_pc select[name="month1"],
.n03b_period_pc select[name="month2"],
.n03b_period_mob select[name="month1"],
.n03b_period_mob select[name="month2"]
 {
  width: 145px;
}

.n03b_period_pc select[name="year"],
.n03b_period_pc input[name="search"],
.n03b_period_mob select[name="year"],
.n03b_period_mob input[name="search"] {
  width: 95px;
}

.n03b_period_pc select[name="year1"],
.n03b_period_mob select[name="year1"],
.n03b_period_pc select[name="year2"],
.n03b_period_mob select[name="year2"]
 {
  width: 95px;
}

.s02_pc input[name="calculate"] {
  width: 200px;
}

input[name="calculate"],
input[name="search"] {
  text-align: center;
  padding-left: 0px;
  color: #fff;
  background-color: #0571c6;
  font-size: 20px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

input[name="calculate"]:hover,
input[name="search"]:hover {
  color: #0571c6;
  background-color: #fff;
}

input {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #767676;
  font-weight: normal;
  text-align: left;
  height: 48px;
  outline: none;
  border: 1px solid #0571c6;
  border-radius: 0px;
  cursor: hand;
  padding-left: 10px;
  padding-right: 0px;
}

input[type="radio"] {
  width: 14px;
  height: 14px;
  line-height: -20px;
}

.s02_pc input[name="number"] {
  width: 100%;
}
.s02_pc input[name="number2"] {
  width: 100%;
}

select[name="CE"],
input[name="keyword"] {
  width: 280px;
}

#n03b select[name="CE"],
#n03b input[name="keyword"] {
  width: 322px;
}

input[type="radio"].css-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="radio"].css-radio + label.css-label-radio,
input[type="radio"].css-radio + label.css-label-radio.clr {
  padding-left: 23px;
  height: 16px;
  display: inline-block;
  line-height: 13px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type="radio"].css-radio:checked + label.css-label-radio,
input[type="radio"].css-radio + label.css-label-radio.chk {
  background-image: url(images/radio_1.png);
}

label.css-label-radio {
  background-image: url(images/radio_0.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="checkbox"].css-checkbox + label.css-label-checkbox,
input[type="checkbox"].css-checkbox + label.css-label-checkbox.clr {
  padding-left: 23px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"].css-checkbox:checked + label.css-label-checkbox,
input[type="checkbox"].css-checkbox + label.css-label-checkbox.chk {
  background-image: url(images/checkbox_1.png);
}

label.css-label-checkbox {
  background-image: url(images/checkbox_0.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*---- drop-down and checkbox selectors styles ends here ------*/

/* sens nav starts here  */

#n03b ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border-bottom: solid 1px #0571c6;
}

#n03b li {
  float: left;
}

#n03b li a {
  font-size: 16px;
  color: #0571c6;
  display: block;
  text-align: center;
  padding: 14px 25px;
  width: 80px;
  text-decoration: none;
  margin-right: -1px;
  border: solid #0571c6;
  border-width: 1px 1px 0px 1px;
  margin-bottom: -1px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#n03b li a:hover:not(.active) {
  background-color: #0571c6;
  color: #ffffff;
}

#n03b .active {
  background-color: #0571c6;
  color: #ffffff;
}

#n03b .archive {
  background-color: #b2b2b2;
  color: #ffffff;
  border: solid 1px #b2b2b2;
}

#n03b .archive:hover {
  border: solid 1px #0571c6;
}

@media only screen and (max-width: 670px) {
  #n03b ul {
    border-bottom: 0px;
  }

  #n03b li {
    float: none;
  }

  #n03b li a {
    width: auto;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .s01_mob #fromA, .s01_mob #toA, .s01_mob input[name="number2"]
  {
	  width:97%;
 }
}
@media only screen and (max-width: 342px) {
	input[name="keyword"]
	{
		width:94% !important;
	}
}

@media only screen and (max-width: 300px) {
	.n03b_period_mob select[name="year2"], .n03b_period_mob select[name="year1"] {
    width: 145px;
	margin-top:5px;
}
.n03b_period_mob select[name="month2"] {
    margin-right:0px !important;
}
}

@media only screen and (max-width: 400px) {
	.s01_mob #fromA, .s01_mob #toA, .s01_mob input[name="number2"]
  {
	  width:95%;
 }
}

@media only screen and (max-width: 250px) {
	.s01_mob #fromA, .s01_mob #toA, .s01_mob input[name="number2"]
  {
	  width:92%;
 }
}


/* sens nav ends here  */

/*---- SENS pop-up styles starts here ------*/

body.sens {
  margin-top: 20px;
}

.sens_head {
  font-size: 30px;
  color: #0571c6;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  height: 24px;

  padding-left: 20px;
}

.sens_date {
  height: 28px;
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: solid #2a2a2a 1px;
}

.sens_body {
  text-align: justify;
  line-height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 140%;
}

.sens_left {
  padding-left: 20px;
}

.sens_right {
  text-align: right;
  padding-right: 20px;
}

pre {
  font-family: "Courier New", Courier, monospace, monospace;
  padding-left: 20px;
  padding-right: 20px;
}

/*---- SENS pop-up styles starts here ------*/

/*----------	PC size    ---------*/

.s02_pc,
.s01_pc,
.n03b_ticks_pc,
.n03b_period_pc,
.n03b_links_pc {
  display: block;
}

.s02_mob,
.s01_mob,
.n03b_ticks_mob,
.n03b_period_mob,
.n03b_links_mob {
  display: none;
}

/*----------	Tab size    ---------*/

@media only screen and (max-width: 850px) {
  .s02_pc {
    display: none;
  }

  .s02_mob {
    display: block;
  }
}

/*----------	Mob size    ---------*/

@media only screen and (max-width: 770px) {
  .n03b_ticks_pc,
  .n03b_period_pc,
  .n03b_links_pc {
    display: none;
  }

  .n03b_ticks_mob,
  .n03b_period_mob,
  .n03b_links_mob {
    display: block;
  }
}

@media only screen and (max-width: 620px) {
  .s01_pc {
    display: none;
  }

  .s01_mob {
    display: block;
  }
}
.ui-datepicker SELECT.ui-datepicker-year
{
	width: 42% !important;
}
.ui-datepicker SELECT.ui-datepicker-month {
    width: 38% !important;
}