table {	
			
            border-collapse: collapse;
            padding: 0;
            margin: 0 0 22px 0;
            /*margin-top:55px;*/
            
            width: 100%;
			font-family:"Proxima Nova";
           /* font-size: 12px;*/
        }
        
        table th {
            text-align: left;
            /*border-bottom: 2px solid #eee;
            vertical-align: bottom;*/
			vertical-align:top;
            color: #000;
			font-size:13px;
        }
        
        table td {
            border-bottom: 1px solid #eee;
            vertical-align: middle;
            color: #555;
        }
        
        table th,
        table td {
            /*padding: 10px;*/
            padding: 0.5%;
            color: #333;
            text-align: center;
        }
        
        table.basins td.band { width: 12%; }
        table.score td.band { width: 15%; }
        table.score td.band { width: 10%; }
        
        table th:first-child,
        table td:first-child {
            text-align: left;
            /*padding-left: 0;*/
            padding-left: 34px;
            /*width: 25%;*/
        }
        
        
		/*.category {
		
			font-family: "Proxima Nova";
			font-weight:600;
			font-size:14px;
			max-width:14%;
			color:#666;
			text-align:center;
			background: #fff;
			position:absolute;
			
		}*/
        
		.colhed {
			font-weight:300;
			font-weight:500;	
			color:#777;
			font-size:10px;
			sopacity:.6;
			text-transform:uppercase;
				
		}
		.rowhed {
            background-repeat:no-repeat;
            background-size:24px;
			font-size:12px;
			font-weight: 700;
			min-width: 120px;
				
		}
		
       .sep {
		   /*width:1%;*/
			max-width:5px;
			background:#fff;   
	   }
		
		.ca-hr {
			/*background:#ffcc00;*/
		}
		
        .band   { font-size: 10px; background-color: #f1f1f1; border: 1px solid #fff; }
        .band-1 { background-color: #93c47d; color: #333; }
        .band-2 { background-color: #b6d7a8; color: #333; }
        .band-3 { background-color: #d9ead3; color: #333; }
        .band-4 { background-color: #ffe599; color: #333; }
        .band-5 { background-color: #f9cb9c; }
        .band-6 { background-color: #ea9999; }
        .band-7 { background-color: #fff1ee; }
        .band-8 { background-color: #db6166;color:#fff; }

		.score {
			font-size: 16px;
			font-weight:700;	
			
			/*max-width: 30px;
			border: 1px solid #333;
			background-color:#fff !important;*/
		}
		
		tr.on {
			opacity: 1;
		}
		
		tr.off {
			opacity: 0.5;
		}
		
		tr.active {			
			opacity: 1;	
		}
		
		tr.active td{
			/*border-top:1px solid #000;*/
		}
		
		tr {
			sdisplay:table;
			sposition: relative;
		
		}
		
		
		/* TABLESORTER */
		
		table.tableSorter th div.sortArrow {
			/*width: 11px;
			height: 6px;*/
			width:0px;
			height:0px;
			display: none;
			/*margin-left: 5px;*/
			vertical-align: 2px;
			position: relative;
		}

		table.tableSorter th div.sortArrow div.sortArrowAscending,
		table.tableSorter th div.sortArrow div.sortArrowDescending {
			position: absolute;
			display: none;
			/*width: 11px;
			height: 6px;*/
			width:0px;
			height:0px;
		}

		table.tableSorter th div.sortArrow div.sortArrowAscending {
			background: url('../img/metrics/region-scores/arrow_asc.png');
		}

		table.tableSorter th div.sortArrow div.sortArrowDescending {
			background: url('../img/metrics/region-scores/arrow_desc.png') no-repeat;
		}


	.red {
		color:#fff;
		background:#333;
		margin-right:0px;
		}