/*                                                                      */
/* 		                    TABLES     	                   		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL mobile.css     */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */

/* **************************************** */
/* 				TABLES		 				*/
/* **************************************** */

article table,
table.cookie_list {
  border-spacing: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-collapse: collapse;
  border-radius: 0px;
  margin-bottom: 20px;
}
article table th,
article table th p,
table.cookie_list th,
table.cookie_list th p {
  text-align: left;
  background-color: #1C3A6B /* __ ARP 3 __ Dark Blue (Pantone 541c)  */;
  color: white;
  font-weight: bold;
}
article table th,
article table td,
table.cookie_list th,
table.cookie_list td {
  padding: 10px 15px 12px 20px;
  vertical-align: top;
}
article table td,
table.cookie_list td {
  border-bottom: 1px solid #1C3A6B /* __ ARP 3 __ Dark Blue (Pantone 541c) */;
}
article table th,
table.cookie_list th {
}

article table th p,
article table td p {
  margin-bottom: 0;
}

div.main.your-pack table,
div.main.your-pack table td {
    border: none;
}
div.main.your-pack table {
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}
div.main.your-pack table td {
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* **************************************** */
/* 			RESPONSIVE TABLES				*/
/* **************************************** */

.general-table,
.contributions-table {
  margin: 10px 0 20px 0; 
  padding: 0; 
  width: 100%; 
  background: #fff; 
  overflow: auto;
}
		
.general-table .row {
  overflow: auto;
  clear: left;
}

.general-table .row.header,
.contributions-table .legend {
  display: none;
}

section.content .general-table .legend a.glossary, 
section.content .contributions-table .legend a.glossary {
  color: white;
}

.general-table p,
.general-table h4 {
  display: block; 
  margin: 0; 
  padding: 0;
}

.general-table .row,
.contributions-table div.row {
  border-top: 1px solid #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */;
}

.general-table .row > div {
  padding: 10px 0;		/* Match standard styling for para */
}
.general-table .row > p {
  padding: 10px 0;		/* Match standard styling for para */
}
.general-table .row > div > p {
  padding: 0 0;			/* Remove double padding */
}

.general-table input.submit { 
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  height: 32px;
  padding: 4px 20px 4px 20px;
  margin: 5px 0 10px 0;
  color: white;
  background-color: #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */;
  border: 2px solid #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-appearance: none;
}


/* LEFT OVER FROM IAIN'S RESPONSIVE TABLES	*/
.contributions-table p {
  display: block; 
  float: left; 
  margin: 0; 
  padding: 0;
}

.contributions-table p {
  border-bottom: 1px solid #F0AB00 /* __ ARP 3 __ Gold (Pantone 130c) */;
  padding: 10px 0px;
}

.contributions-table p.company-salary-exchange {
  padding-top: 0;
  padding-bottom: 0;
}
.contributions-table p.you-pay,
.contributions-table p.company-salary-exchange {
  border-bottom-width: 0;
}

p.you-pay,
p.company-salary-exchange,
p.company-salary-deduction {
  display: inline; 
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}

.contributions-table p .solution-description-mobile-only,
.contributions-table p .contributions {
	display: block; }

.contributions {
	font-weight: 700; color: #000 /* black */;
}
	
.contributions-table p .solution-description-mobile-only {
	color: #666;}	

.solution-description-mobile-only:after {
	content: ":";}

.contributions-table div.row-alt p.you-pay,
.contributions-table div.row-alt p.company-salary-exchange,
.contributions-table div.row-alt p.company-salary-deduction  {
  background: #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */;
}