@charset "utf-8";

/*
.wrap {
    width: 800px;
}

.wrap table {
    width: 800px;
    table-layout: fixed;
}

table tr td {
    padding: 5px;
    border: 1px solid #eee;
    width: 800px;
    word-wrap: break-word;
}
*/

body {
	background-image: url("/fera/3dfuels/ifpl/images/sycanF_burn_wp_border.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-color:	#002A0B; 
	overflow: hidden;
}

.sumt {
	width: 100%;
}

table {
	font-size: 12px;
	/*border: #ccc 1px solid;*/
	border-collapse: collapse;
	/*margin-bottom: 10em;*/
}

th {
	font-size: 12px;
	font-weight: normal;
}

td {
	border: #ccc 1px solid;
	border-collapse: collapse;
}

input[type=button], input[type=submit], input[type=reset] {
	padding: 2px 5px;
	margin: 5px;
}

/*table.head tr td {
    background: #eee;
}

.inner_table {
    height: 800px;
	width:800px;
    overflow-y: auto;
}
*/

.titlelink {
	
}

.fieldWrapper {
	font-size:12px;
	border:thin solid #ebebeb;
	background: #fff;	
}

.subbox {
	margin-left: -1.75em;
}

.subbox2 {
	margin-left: 1em;
	margin-block-start: 0.25em;
    margin-block-end: 0.25em;
}

.subsubbox {
	margin-left: -1.5em;
}

#content p {
	/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;*/
	font-family: 'Montserrat', sans-serif;
    /*float: left;*/
	margin:10px 5px;
	font-size:12px;
}

#content .dlinks {
	/*text-align:right;*/
	float: right;
	margin:0px 20px 0px 0px;
	padding:0;
}

#content .asterisk {
	text-align:left;
	/*font-size:11px;*/
	font-style:italic;
	margin:1px 0px 0px 0px;
	padding:0px;
}

#content .tabs {
	text-align:left;
	margin:1px 5px;
	padding:0px;
}

#content .refbox .tabs {
	text-align:left;
	margin:1px 5px;
	padding:0px;
}

/* uls need to be more compact */
ul.compact {
    margin-block-start: 0.25em;
    margin-block-end: 0.25em;
}


h2, h3 {
	margin:5px;
	color: #004412;
}

h2 {
	font-size: 2em;
	/*letter-spacing: 0.075rem;*/
    font-weight: 700;
    font-family: sans-serif;
	text-align:left;
}

h2 a, h2 a:link { 
	color:   #2b472b; 
	/*letter-spacing: 2px;
	text-shadow: 0.5px 0.5px #0E469C;*/
}

h2 a:hover, h2 a:active { 
	color: darkgreen;
	text-decoration:none; 
}

/* Global Styles */
a {
	text-decoration:none;
	color: #1F6F38;		/*#0E469C*/
}

	a:hover {
		color: #A30000;
		text-decoration:underline;
	}

/* Global Styles */
a {
	text-decoration:none;
	color: #002A0B;
}

	a:hover {
		color: #A30000;
		text-decoration:underline;
	}

/*header*/
header {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}


.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url('/nwfire/sera/images/smoke.jpg');
   /*background-color: #9D9D9D;
 text-align: center;*/
  padding:2px;
text-align: justify;
	
}
#parent {
  text-align: justify;
  font-size: 0.1px; /* IE 9/10 fix */
}
#parent li {
  display: inline-block;
}
#parent:after {
  content: '';
  width: 100%; /* Ensures justification for single lines */
  display: inline-block;
}

/* Logo placeholder*/
#logo {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 80;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background-color: rgba(190,190,190,1.00);
}
/* div for Links in header */
#headerLinks {
	float: left;
	width: calc( 100% - 139px );
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(255,255,255,1.00);
}
/* Links in header */
#headerLinks a {
	text-decoration: none;
	color: rgba(146,146,146,1.00);
	padding-left: 66px;
	font-size: 14px;
}
/* banner*/
#banner {
	
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif; 
	/*font-family: 'Candara', sans-serif;*/
	clear: both;
	/*background-color: rgba(246,246,246,1.00);*/
	color: black;
	/*padding-left: 115px;
	padding-top: 57px;
	padding-bottom: 57px;
	text-align:left;*/
}

.lefttitle {
	float:left;
	font-size: 2em;
    font-weight: 700;
    font-family: sans-serif;
	text-align:left;
	margin:5px;
	color: #004412;
}

.lefttitle a, .lefttitle a:link { 
	color:   #2b472b; 
}

.lefttitle a:hover, .lefttitle a:active { 
	color: darkgreen;
	text-decoration:none; 
}

.rightlink {
	float:right;
	margin: 0.5em;
	letter-spacing:0.5px;
	
}

/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	background-color: rgba(146,146,146,1.00);
	display: inline-block;
	margin: 5px;
	border: #002A0B 2px solid;
	/*position:absolute;
      top:60px; height of header */
    /* bottom:60px; height of footer */
	/*padding-top: 10px;
	padding-bottom: 25px;	
	margin-bottom: 69px;*/
}
#content .refbox {
	border-radius: 5px;
	background-color:rgb(255, 255, 255,0.55);
	margin: auto;
	padding: 5px;
	max-width:1109px;
}

/*  refstyle is handy for formatting reference lists */
#content .refbox p {
	text-align: left;
	margin-left:9.0pt;
	margin-top: 5px; 
	margin-bottom: 7px;
	text-indent:-7.0pt;
	font-size:12px;
	padding: 5px;
    line-height: 120%;
}

#content .tab_contents {
	border:1px solid #ddd;
	border-top:none;
	background-color:#ddd;
	overflow:auto;
	white-space: nowrap; /* keep table from wrapping */
}

/* Sidebar */
#content .sidebar {
	font-family: 'Montserrat', sans-serif;	
	/* color: #000; rgba(146,146,146,1.00);*/
	/*float: left;*/
	display: inline-block; /* keep table from wrapping */
	vertical-align: top;
	width:265px;
	/*max-width: 20%; auto;*/
	/*padding-left: 5px;
	padding-right: 5px;	*/
	/*background-color: rgba(246,246,246,1.00);*/
	padding-top: 0px;
	height: auto;	/*784px;*/
	
}

/* main content of the site */
#content .mainContent {
	font-family: 'Montserrat', sans-serif;
	/*float: left;*/
	display: inline-block; /* keep table from wrapping */
	text-align: left;
	/*padding:1%;*/
	margin-top: 10px;
}
/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: #000; /*rgba(146,146,146,1.00);*/
	position: relative;
	left: 0%;
	background-color: rgba(246,246,246,0.75);
	border: solid 1px gray; /*  #ebebeb */
	padding: 9px;
	margin: 1.5em 0.5em 0 0.5em;	/* adding for sidebyside */
	/* padding: 5px;
	 border-radius: 5px; */
}
/* Search field in sidebar */
#content .sidebar #search {
	width: 100%;
	border-radius: 0px;
	height: 42px;
	text-align: center;
	color: rgba(208,207,207,1.00);
	font-size: 14px;
	;
	margin-bottom: 21px;
}
#content .sidebar input[type=submit] {
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	/*margin: 0 0 20px 0;*/
}
/* Whole page content */
#mainWrapper {
	/*width: 80%;*/
	padding-left: 5px; /*10%;*/
	text-align: center;
}
/*menu elements */
.menu ul li {
	list-style-type: none;
	font-size: large;
	position: relative;
	left: -35px;
	padding-top: 2px;
}

/*Items in sidebar */
/*
.sidebar #menubar .menu ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
*/

.sidebar #menubar .menu ul li {
    color: #000; /*rgba(146,146,146,1.00);*/
}
/*Links in sidebar */
.sidebar #menubar .menu ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.sidebar #menubar .menu ul li a:hover {
	color: rgba(107,97,97,1.00);
	text-decoration: none;
}
/* Menu headings in sidebar */
#menubar .menu h2 {
	font-size: 12px;
	font-weight:600;
	/*margin: 20px 5px 5px 5px;*/
	margin: 5px 5px 2px 5px;
}

/*Items under menus in sidebar */
#menubar .menu ul li {
    font-size: 11px;  /* 12px; */
	padding:0px;
	margin:0px;
}
/*Links under menus in sidebar */
#menubar .menu ul li a {
	font-size: 12px;
}

/* Menus in sidebar */
.sidebar #menubar .menu {
	margin: 0.15em;
	/*float: left; Removing for side by side */ 
}
.dropdown {
	font-size:12px; 
	padding: 5px;
	border-color:lightgrey;
	/*background-color:#F8F8F8;*/
}
.buttons {
	text-align: center;
	font-size:12px;
}

.formhead {
	font-size:12px;
	font-weight: bold;
}

h4 {
	margin:5px;
	font-family: 'Montserrat', sans-serif;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ddd;
  /*background-color: #fffbe2;*/
	border-top:0;
	border-right:0;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color:#f1f1f1;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ccc;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ddd;
  font-weight: bold;
}