/* CSS Document */

body {
  font-family: 'Lato', sans-serif;
  color: #191918;
  font-size: 100%;
  line-height: 20px;
}

p.report {
	font-size: 120%;
	text-transform: uppercase;
}

h1 {
  font-family: 'Bitter', sans-serif;
	color: #345855;
	margin-top: 20px;
  margin-bottom: 10px;
  font-size: 250%;
	font-weight: 600;
  line-height: 2.7rem;
  
  
}

h1.taxpref {
 font-family: 'Bitter', sans-serif;
 color: #191918;
 margin-top: 0px;
 margin-bottom: 0px;
 line-height: 12px;
 font-size: 150%;
	font-weight: 600;
}
h2 {
  font-family: 'Bitter', sans-serif;
	margin-top: 90px;
  margin-bottom: 10px;
	color: #345855;
  font-size: 175%;
  line-height: 36px;
	font-weight: 600;
  
}

p.nav {
	background: #213d67;
	color: white;
	
	padding: 5px 5px 5px 5px;
	font-size: 125%;
	font-weight: 200;
}

p.nav25 {
	background: #012e2a;
	color: white;
	
	padding: 10px;
	font-size:1.1em;
	font-weight:400;
	border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	border-top: medium #e6eaea solid;
}

div .menu p.active {
	background-color: #fad51d;
	border: thin #012e2a solid;
	border-radius: 10px;
	transition: 0.3s ease background-color;
	padding-top: 5px;
	padding-bottom: 5px;
}

div .menu p.active a {
	color: black;
}


h2.key {
	font-family: 'Bitter', sans-serif;
	margin-top: 20px;
  margin-bottom: 10px;
	color: #345855;
  font-size: 175%;
  line-height: 2.2rem;
	
  
}

h2.execsummary {
  font-family: 'Bitter', sans-serif;
	margin-top: 30px;
  margin-bottom: 10px;
	color: #345855;
  font-size: 175%;
  line-height: 2.2rem;
  
}

h3 {
  font-family: 'Lato', sans-serif;
	margin-top: 30px;
  margin-bottom: 10px;
  color: #191918;
  font-size: 125%;
  
 font-weight: 600;
}

h4 {
  font-family: 'Lato', sans-serif;
	margin-top: 25px;
  margin-bottom: 10px;
  color: #191918;
  font-size: 110%;
  line-height: 2rem;
  font-weight: 600;
}


h5 {
  font-family: 'Lato', sans-serif;
	font-size: 110%;
	font-weight: 700;
	color: #191918;
  line-height: 22px;
  margin-top: 20px;
	border-top: 1px solid #808080;
	padding-top: 5px;
}



h6 {
  font-family: 'Lato', sans-serif;
	font-size: 90%;
	
	color: #4d4c49;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
	border-bottom: 1px solid #808080;
}
h7 {
  font-family: 'Lato', sans-serif;
	font-size: 110%;
	font-weight: 700;
	color: #191918;
  line-height: 40px;
  margin-top: 10px;
	
}

p.note {
  font-family: 'Lato', sans-serif;
	font-size: 90%;
	color: #808080;

  margin-top: 20px;
  margin-bottom: 20px;
	
}

a {
  color: #025C91;
  font-family: 'Lato', sans-serif;
  cursor: pointer;
	text-decoration: none;
	font-weight: 700;
}



a:hover {
	color:#5695c0;
	font-family: 'Lato', sans-serif;
	text-decoration: underline;
}



ul.key {
	list-style-image: url(https://citizentaxpref.wa.gov/images/bullet.jpg);
}



li {
  margin-bottom: 10px;
}
img {
  display: inline-block;
  max-width: 100%;
}

.sticky {
	position: relative;
	
	position: sticky;
	top: 0;
	
}

.content-section {
    min-height: 100vh;
    margin-top: 10px;
	text-align: left;
	
  }

  .sidebar-section {background-color: #f4f6f6;
    height: 100%;
	width: 100%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 0px;
  }

  .sidebar-content {
    
    padding: 10px 0px 0px 0px;
  }

hr.short {
	border: thin solid #000000;
	width: 30px;
	text-align: left;
	margin-left: 0;
	
}

hr.recs {
	border: thin solid #94938d;
	width: 350px;
	
	
}

/* tables */

/*This table has no shading at all - blue text headings  with right aligned text for number tables*/
.noShadeTableNum {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	vertical-align: top;
		}
		.noShadeTableNum th {
			font-family: 'Lato', sans-serif;
			border-bottom:1px solid #000000;
			text-align:right;
			padding:6px;
			background: #839587;
			color: #ffffff;
			vertical-align: top;
		}
		.noShadeTableNum td {
			border-bottom:1px solid #000000;
			text-align:right;
			padding:6px;
			background: #ffffff;
			color: #000000;
			vertical-align: top;
		}
/*This table has no shading at all - blue text headings*/
.noShadeTable {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	vertical-align: top;
		}
		.noShadeTable th {
			font-family: 'Lato', sans-serif;
			border-bottom:1px solid #000000;
			
			padding:6px;
			background: #012e2a;
			color: #ffffff;
			vertical-align: top;
		}
		.noShadeTable td {
			border-bottom:1px solid #000000;
			
			padding:6px;
			background: #ffffff;
			color: #000000;
			vertical-align: top;
		}

/*This table has no shading at all - blue text headings width flexible*/
.noShadeTableApp {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			vertical-align: top;
		}
		.noShadeTableApp th {
			font-family: 'Lato', sans-serif;
			border-bottom:1px solid #000000;
			vertical-align: top;
			padding:6px;
			background: #ffffff;
			color: #839587;
		}
		.noShadeTableApp td {
			border-bottom:1px solid #000000;
			vertical-align: top;
			padding:6px;
			background: #ffffff;
			color: #000000;
		}

 /*This table has alternating row shading*/
.rowShadeTableWhite {
			border-bottom:1px solid #ffffff;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
			vertical-align: top;
		}
		.rowShadeTableWhite th {
			font-family: 'Lato', sans-serif;
			border: 2px solid #ffffff;
			padding:6px;
			background: #2d4756;
			color: #ffffff;
			vertical-align: top;
		}
		

		.rowShadeTableWhite tr:nth-child(odd) {
			border-bottom:1px solid #ffffff;
			padding:6px;
			background: #e6eaea;
			color: #000000;
			vertical-align: top;
		}

		.rowShadeTableWhite tr:nth-child(even) {
			border-bottom:1px solid #ffffff;
			padding:6px;
			background: #ffffff;
			color: #000000;
			vertical-align: top;
		}

.rowShadeTableWhite td {
			border-bottom:1px solid #ffffff;
			
			padding:6px;
			
			color: #000000;
	vertical-align: top;
		}

/*This table has no shading at all - blue backround in heading with white text*/
.noShadeTableBlue {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	vertical-align: top;
		}
		.noShadeTableBlue th {
			font-family: 'Lato', sans-serif;
			border-bottom:1px solid #2d4756;
			vertical-align: top;
			padding:6px;
			background: #2d4756;
			color: #ffffff;
		}
		.noShadeTableBlue td {
			border-bottom:1px solid #2d4756;
			vertical-align: top;
			padding:6px;
			background: #ffffff;
			color: #000000;
		}
/*This table has no shading at all - blue text headings  with right aligned text for number tables*/
.sortable {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	vertical-align: top;
		}
		.sortable th {
			font-family: 'Lato', sans-serif;
			border-bottom:1px solid #000000;
			text-align:right;
			padding:6px;
			background: #ffffff;
			color: #839587;
			vertical-align: top;
		}
		.sortable td {
			border-bottom:1px solid #000000;
			text-align:right;
			padding:6px;
			background: #ffffff;
			color: #000000;
			vertical-align: top;
		}

.sortable tr:hover {
		background-color: #deddd7;
}
/*This table has alternating column shading*/
.columnShadeTable {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	vertical-align: top;
		}
		.columnShadeTable th {
			font-family: 'Lato', sans-serif;
			border: 2px solid #ffffff;
			padding:6px;
			background: #839587;
			color: #ffffff;
			vertical-align: top;
		}
		.columnShadeTable tr td:nth-child(1) {
			font-family: 'Lato', sans-serif;		
			background: #ffffff;
			color: #000000;		
			border-bottom:1px solid #000000;
			padding:6px;
			vertical-align: top;
		}
        .columnShadeTable tr th:nth-child(1) {
	        font-family: 'Lato', sans-serif;
			border-bottom: 2px solid #ffffff;
			padding:6px;
			background: #012e2a;
			color: #ffffff;
			vertical-align: top;
		}

		.columnShadeTable tr td:nth-child(odd) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #e6eaea;
			color: #000000;
			vertical-align: top;
		}

		.columnShadeTable tr td:nth-child(even) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #f4f6f6;
			color: #000000;
			vertical-align: top;
		}
/*This table has alternating column shading with right aligned text for number tables*/
.columnShadeTableNum {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	text-align:right;
	vertical-align: top;
		}
		.columnShadeTableNum th {
			font-family: 'Lato', sans-serif;
			border: 2px solid #ffffff;
			padding:6px;
			background: #839587;
			color: #ffffff;
			text-align:right;
			vertical-align: top;
		}
		.columnShadeTableNum tr td:nth-child(1) {
			font-family: 'Lato', sans-serif;		
			background: #ffffff;
			color: #000000;		
			border-bottom:1px solid #000000;
			padding:6px;
			text-align:right;
			vertical-align: top;
			
		}
        .columnShadeTableNum tr th:nth-child(1) {
	        font-family: 'Lato', sans-serif;
			border-bottom: 2px solid #ffffff;
			padding:6px;
			background: #012e2a;
			color: #ffffff;
			text-align:right;
			vertical-align: top;
		}

		.columnShadeTableNum tr td:nth-child(odd) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #e6eaea;
			color: #000000;
			text-align:right;
			vertical-align: top;
		}

		.columnShadeTableNum tr td:nth-child(even) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #ffffff;
			color: #000000;
			text-align:right;
			vertical-align: top;
		}

/*this table has column shading but no alternating shading*/
.columnShadeTable2 {
			border-bottom:2px solid #fff;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
			vertical-align: top;
		}
		.columnShadeTable2 th {
			font-family: 'Lato', sans-serif; 
			border: 2px solid #ffffff;
			padding:6px;
			background: #012e2a;
			color: #ffffff;
			vertical-align: top;
		}
		.columnShadeTable2 tr td:nth-child(1) {
			background: #ffffff;
			color: #000000;		
			border-bottom:2px solid #fff;
			padding:6px;
			vertical-align: top;
			
		}
        .columnShadeTable2 tr th:nth-child(1) {
	        font-family: 'Lato', sans-serif;
			border-bottom: 2px solid #ffffff;
			padding:6px;
			background: #839587;
			color: #ffffff;
			vertical-align: top;
		}

		.columnShadeTable2 tr td {
			border-bottom:2px solid #fff;
			border-right: 2px solid #ffffff;
			border-left: 2px solid #ffffff;
			padding:6px;
			background: #f4f6f6;
			color: #000000;
			vertical-align: top;
		}

/*This table has a gray heading*/
.psqTable {
			border: 10px solid #ffffff;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
	vertical-align: top;
		}
		.psqTable th {
			font-family: 'Lato', sans-serif;
			border: 10px solid #ffffff;
			padding:6px;
			background: #e6eaea;
			color: #000000;
			vertical-align: top;
		}
		.psqTable td {
			padding:6px;
			background: #ffffff;
			color: #000000;
			vertical-align: top;
			
		}
/*---- floating right box---*/
.right-floating-box {
	float: right;
	width: 40%;
	background-color: #e6eaea;
	border-radius: 10px;
	border-top: 30px solid #012e2a;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 10px;
	padding: 15px;
	color: #191918;
	
}

/*---- floating right box---*/
.right-floating-box-slim {
	float: right;
	width: 20%;
	background-color: #e6eaea;
	border-radius: 10px;
	border-top: 30px solid #012e2a;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 10px;
	padding: 15px;
	color: #191918;
	
}

/*---- earlier review box---*/
.full-width-box {
	float: left;
	width: 100%;
	background-color: #e6eaea;
	border-radius: 10px;
	border-top: 20px solid #2d4756;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	padding: 15px;
	color: #191918;
	
}

/*--- floating right table---*/
.floatRightGray {font-size:.95em; padding:10px; width:40%; border-collapse:collapse; margin-left:30px; margin-bottom:20px;

}

.floatRightGray td, .floatRightGray tr {
                padding:7px;
	
                }

.floatRightGray tr {
               border-top:10px #012e2a solid;
                border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				background-color: #E6EAEA;
                
                }
                
.floatRightGray td {
                  
				border-top:10px #012e2a solid;
                border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				background-color: #E6EAEA;
                }
/*--- Skinny floating right table---*/
.floatRightGraySlim {font-size:.95em; padding:10px; width:20%; border-collapse:collapse; margin-left:30px; margin-bottom:20px;}

.floatRightGraySlim th {
			font-family: 'Lato', sans-serif;
			font-size: 110%;
			font-weight: 700;
			
			border-radius: 10px 10px 0px 0px;
			padding:15px;
			line-height: 20px;
			background: #012e2a;
			color: #ffffff;

		}

.floatRightGraySlim td, .floatRightGraySlim tr {
                padding:7px;
				border-radius: 10px;
                }

.floatRightGraySlim tr {
               
                background-color: #E6EAEA;                
                
                }
                
.floatRightGraySlim td {
                 background-color: #E6EAEA;                
                 border-radius: 0px 0px 10px 10px;
                }
                
/*--- floating right table blue top---*/
.floatRightBlue {font-size:.95em; padding:10px; width:40%; border-collapse:collapse; margin-left:30px; margin-bottom:20px;}

.floatRightBlue th {
			font-family: 'Lato', sans-serif;
			font-size: 110%;
			font-weight: 700;
			
			border-radius: 10px 10px 0px 0px;
			padding:15px;
			line-height: 20px;
			background: #012e2a;
			color: #ffffff;

		}
.floatRightBlue td, .floatRightGray tr {
                padding:10px;
				border-radius: 10px;
                }

.floatRightBlue tr {
               
                background-color: #E6EAEA;                
               
               
                }
                
.floatRightBlue td {
                 background-color: #E6EAEA;                
                border-radius: 0px 0px 10px 10px;
                 
                }
                
/*Footer table*/
.footerTable {
			font-family: 'Lato', sans-serif;
			border-collapse:collapse;
			padding:16px;
			width: 100%;
			background: #012e2a;
			color: #ffffff;
			vertical-align: top;
		}
		.footerTable td {
			font-family: 'Lato', sans-serif;
			border-collapse:collapse;
			padding:16px;
			
			background: #012e2a;
			color: #ffffff;
			vertical-align: top;
		}
		
.footerTable a {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
	font-weight: 700;
}



.footerTable a:hover {
	color:#fad51d;
	text-decoration: underline;
}

/*This table has alternating row shading*/
.rowShadeTable {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
		}
		.rowShadeTable th {
			font-family: 'Lato', sans-serif;
			border: 2px solid #ffffff;
			padding:6px;
			background: #012e2a;
			color: #ffffff;
		}
		

		.rowShadeTable tr:nth-child(odd) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #e6eaea;
			color: #000000;
		}

		.rowShadeTable tr:nth-child(even) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #f4f6f6;
			color: #000000;
		}
.rowShadeTable td {
			border-bottom:1px solid #ffffff;
			
			padding:6px;
			
			color: #000000;
		}
		
/*This table has alternating row shading with sort*/
.rowShadeTableSort {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
		}
		.rowShadeTableSort th {
			font-family: 'Lato', sans-serif;
			border: 2px solid #ffffff;
			padding:6px;
			background: #012e2a;
			color: #ffffff;
		}
		

		.rowShadeTableSort tr:nth-child(odd) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #e6eaea;
			color: #000000;
		}

		.rowShadeTableSort tr:nth-child(even) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #f4f6f6;
			color: #000000;
		}
/*This table has alternating row shading with right aligned text for number tables*/
.rowShadeTableNum {
			border-bottom:1px solid #000000;
			border-collapse:collapse;
			padding:6px;
			width: 100%;
			text-align:right;
		}
		.rowShadeTableNum th {
			font-family: 'Lato', sans-serif;
			border: 2px solid #ffffff;
			padding:6px;
			background: #012e2a;
			color: #ffffff;
			text-align:right;
		}
		

		.rowShadeTableNum tr:nth-child(odd) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #e6eaea;
			color: #000000;
			text-align:right;
		}

		.rowShadeTableNum tr:nth-child(even) {
			border-bottom:1px solid #000000;
			padding:6px;
			background: #f4f6f6;
			color: #000000;
			text-align:right;
		}
.rowShadeTableNum td {
			border-bottom:1px solid #ffffff;
			
			padding:6px;
			
			color: #000000;
		}


table a {
	color: #4978bc;
	font-weight: bold;

}

table a:hover {
	color:#749ad1;
}



                
                



/*--- floating RIGHT table---*/
.RfloatTable {font-size:.95em; padding:10px; border-collapse:collapse; margin-left:20px; margin-bottom:20px;}

.RfloatTable td, .RfloatTable tr {
                padding:7px;
                }

.RfloatTable tr {
                font-family: 'Lato', sans-serif;
                
                
                border-left:thin #fff solid;
                border-right:thin #fff solid;
                border-top:thin #fff solid;
                }
                
.RfloatTable tbody tr:nth-child(odd){
                background-color:#fff; 
                color:#000;
                }
                                
.RfloatTable tbody tr:nth-child(even)    { 
                background-color:#fff; 
                }

.RfloatTable td {
                font-family: 'Lato', sans-serif; 
                border:thin #fff solid;
                }

/*--- floating LEFT table---*/
.floatTable {font-size:.95em; padding:10px; border-collapse:collapse; margin-right:30px; margin-bottom:20px;}

.floatTable td, .floatTable tr {
                padding:7px;
                }

.floatTable tr {
                font-family: 'Lato', sans-serif;
                
                
                }
                


.floatTable td {
                font-family: 'Lato', sans-serif; 
               
                }


.accordion {
	background-color: #e6eaea; /* For browsers that do not support gradients 
  background-image: linear-gradient(to right, #2d4756 , #ffffff);*/
	font-family:"Lato", sans-serif;
	color: #000;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
   
    text-decoration: none;
    outline: solid #fff;
    font-size:1.1em;
	font-weight:400;
    transition: 0.4s;
	border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
}



accordion.talltop {
	padding-top:30px;
		 
}

.active, .accordion:hover {
    background-color: #012e2a;
	color: #fff;
	
}

.accordion:after {
    content: '\002B';
    color: #000;
	
    font-weight: bold;
    float: right;
    margin-left: 5px;
    border-top-right-radius: 0px;
		border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
}

.activeaccordion:after {
    content: "\2212";
	color: #000;
	
}



.accordiontoc {
	background-color: #012e2a; 
  
	font-family:"Lato", sans-serif;
	color: #fff;
    cursor: pointer;
    padding: 10px;
	
    width: 100%;
    border: none;
    text-align: left;
   
    text-decoration: none;
    
    font-size:1.1em;
	font-weight:400;
    transition: 0.4s;
	border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	
}

accordiontoc.talltop {
	padding-top:30px;
		 
}

.active, .accordiontoc:hover {
    background-color: #012e2a;
}

.accordiontoc:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    border-top-right-radius: 0px;
		border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
}

.activeaccordiontoc:after {
    content: "\2212";
}


.panel {
    padding: 0 0 0 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	
}




.row {
    padding: 10px 15px 10px 15px;
    
}
.column {
    float: left;
    padding: 10px;
	width: 45%;
    
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.notbold {
    font-weight: normal;
}

button.print {
  background-color: white;
  border: none;
  color: #5e5f5d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	font-weight: 700;
	
}

.shareBtn {
  background-color: white;
  border: none;
  color: #5e5f5d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	font-weight: 700;
}

.buttonLink {
  background-color: #fad51d;
  
  color: #000;
  padding: 15px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	border-radius: 20pt;
}

.buttonLink:hover {
  background-color: #012e2a;
  
  color: #fff;
  padding: 16px 21px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	border-radius: 20pt;
}

/* Alert Message */

.alert {
  position: fixed;
  top: 30%;
  left:50%;
  transform: translate(-50%, -50%);
  text-align: center;
font-family: 'Lato', sans-serif;
  padding: 2em;
  
  background-color: #f4f6f6;
  font-size: 22px;
  color: black;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  
}

.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  
  
}

.closebtn:hover {
  color: #7eaf5f;
}

.vertline
{
	float: left;
	border-left: 3px solid #fad51d;
	height: 100px;
	padding-right: 20px;
}



@media print {
           .noprint {
              display: none;
              
           }
        }