﻿/*
Template Name: CleanBusiness
File: Tables CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

table{
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
	vertical-align: top;
	text-align:left;
	margin-bottom: 15px;
	/* [disabled]border-color: #000000; */
	/* [disabled]border-style: solid; */
	/* [disabled]border-width: thin; */
	margin-right: auto;
	margin-left: auto;
	}

table thead th{
	color:#FFFFFF;
	background-color:#666666;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	text-align:center;
	table-layout:auto;
	vertical-align:middle;
	}

table tbody td{
	vertical-align:top;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}
	
table tbody td.center{
	vertical-align:top;
	margin:auto;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:center;
	padding-top:5px;
	padding-left:50px;
	}

table thead th, table tbody td{
	padding:5px;
	border-collapse:collapse;
	}

table tbody tr.light{
	color:#666666;
	background-color:#F7F7F7;
	}

table tbody tr.light2{
	color:#000000;
	background-color:#F7F7F7;
	}

table tbody tr.dark{
	color:#666666;
	background-color:#E8E8E8;
	}

table tbody tr.dark2{
	color:#000000;
	background-color:#E8E8E8;
	}


/* ***************************************************************************
** Alternate table display using DIV (Jan 2018)
**   found at
**     https://html-cleaner.com/features/replace-html-table-tags-with-divs/
**************************************************************************** */
.rTable {
  	display: table;
  	width: 100%;
}
.rTableRow {
  	display: table-row;
}
.rTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
}
.rTableCell, .rTableHead {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 1px solid #999999;
}
.rTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
  	font-weight: bold;
}
.rTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
  	background-color: #ddd;
}
.rTableBody {
  	display: table-row-group;
}
