/* ############################################################################
   ## 
   ##  TABLE STYLES
   ##
   ######################################################################### */

table {
    empty-cells: show;
}

tbody {
}

th {
    text-align: left;
    font-weight: bold;
}

tr {
}

td {
}

table.dataTable1 {
    font-size: 100%;
    margin-bottom: 1em;
}

	table.dataTable1 tr th table.dataTable1 thead tr th, table.dataTable1 tr.header th { 
        padding: 4px; 
        border: 1px solid #d0d0d0; 
        background-color: #e8e8e8; 
	}

	table.dataTable1 tbody tr th, table.dataTable1 tr.data th { 
        padding: 4px; 
        border: 1px solid #d0d0d0; 
        background-color: #f0f0f0; 
	}

	table.dataTable1 tr td { 
        padding: 4px; 
        border: 1px solid #d0d0d0; 
        background-color: #ffffff; 
	}

table.ContentTable {
    font-size: 100%;
    margin-bottom: 1em;
}
	table.ContentTable tr th { 
		color:#fff;
        background-color: #0f1e64;
	}
		table.ContentTable tr th h2, table.ContentTable tr th h3, table.ContentTable tr th h4, table.ContentTable tr th p{color:#fff;}
	table.ContentTable tr td { 
		background-color: #f1f5f8;
	}
	
@media only screen and (max-width: 480px) {

    /* 
        Responsive Tables
    */	
	
    /* Force table to not be like tables any more. */
	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
		display: block !important; 
		width: auto !important;
	}
	
	    /* Hide table headers (but not display: none;, for accessibility). */
	    table.responsive thead tr { 
		    position: absolute !important;
		    top: -9999px !important;
		    left: -9999px !important;
	    }
	
	    table.responsive tr { 
            margin-top: -1px; /* Avoid the double width border. */
            border: 1px solid #ccc; 
	    }

            table.responsive th {
		        border-bottom: 1px solid #eee; 
            }
        	
	        table.responsive td { 
		        /* Behave  like a "row". */
		        border: none;
		        border-bottom: 1px solid #eee; 
		        position: relative !important;
		        padding-left: 50% !important; /* Make room for the row title. */
	        }
	
	        table.responsive td:before { 
		        /* Behave like a table header. */
		        position: absolute !important;
                top: 2px; /* Mimic padding. */
                left: 2px; /* Mimic padding. */
		        width: 45%; /* Less than td padding-left. */
		        white-space: nowrap;
                overflow: hidden;
	        }
   
    table.dataTable1.responsive {
    }

         table.dataTable1.responsive td:before {
		    top: 4px; /* Mimic padding. */
		    left: 4px; /* Mimic padding. */
        }

        table.dataTable1.responsive td {
        }
	
	/* Label the data - This needs to be done for individual tables, but set up some defaults for nice layout. */
	table.responsive td:nth-of-type(1):before { content: "Data 1"; }
	table.responsive td:nth-of-type(2):before { content: "Data 2"; }
	table.responsive td:nth-of-type(3):before { content: "Data 3"; }
	table.responsive td:nth-of-type(4):before { content: "Data 4"; }
	table.responsive td:nth-of-type(5):before { content: "Data 5"; }
	table.responsive td:nth-of-type(6):before { content: "Data 6"; }
	table.responsive td:nth-of-type(7):before { content: "Data 7"; }
	table.responsive td:nth-of-type(8):before { content: "Data 8"; }
	table.responsive td:nth-of-type(9):before { content: "Data 9"; }
	table.responsive td:nth-of-type(10):before { content: "Data 10"; }
}