/* CSS file to style the Opinionator tables in helmet reviews */
/* Loaded separately on helmet reviews only */
/* Modified 032015 responsive table percent widths added */

/* @media screen and (min-width: 280px) and (max-width: 480px) {
td, th {
	font-size:0.7em;
}
}
*/

table.grayborders {
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #ffffff;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Used to style top row of summary tables */
table.grayborders th {
	border-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #D6D5C5;
	font-weight: normal;
	text-align: center;
}
/* Styles lighter colored gray for sub-rows if needed */
table.grayborders th.lighter {
	border-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #E8E8DD;
	text-align: center;
}
/* General td data cells */
table.grayborders td {
	border-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:3px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #FFFFFF;
	text-align: center;
}
/* For td data cells 50% wide */
table.grayborders td.tdfifty {
	border-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align:top;
	width: 50%;
	}
/* Left aligned general td data cells */
table.grayborders td.leftalign {
	border-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #FFFFFF;
	text-align: left;
}
/* Special td for unpadded cell when using range graphic in Opinionator tables */
/* See the Shape Estimator table in the Bell Vortex review for an example */
table.grayborders td.nopad {
	border-width: 1px;
	padding: 0px;
	line-height: 12px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #FFFFFF;
	}
/* Styles the last cell or row in the final Summary table for reviews */
table.grayborders td.sumcell {
	border-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-style: solid;
	border-color: #BFBEB0;
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	}
	
/* NEW SUMMARY AND OPINIONATOR TABLES DIV 2 COL RESPONSIVE */
/* Wrapper for Opinonator and Summary 2 col div type tables */
	div.divtablewrapper {
   	width:95%;
	margin-left:auto;
	margin-right:auto;
	}
	
	@media (min-width: 641px) {
		.row {
			display: table;
			table-layout: fixed;
			width: 100%;
		}
		.column-half {
			display: table-cell;
			width: 50%;
			padding: 0;
		}
	}

/* Replaces Showtitle but for div type 2 col summary table */
div.summarytitle {
	margin-bottom: 5px;
	background-color: #E8E8DD;
	padding: 3px 0 3px 0;
	width:95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}	

/* Style for cells in new resp summary table */
div.respcell {
	padding:3px;
	border:1px #E8E8DD solid;
}

div.opwrapper {
	padding-bottom:0.7em;
	border:1px #E8E8DD solid;
	width:95%;
}

/* For resp Opinionator div table */
div.opinioncell {
	padding:0px 3px 0px 3px;
}

/* Styles UL for Opinionator div table */
ul.opinonul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: square;
}

/* Gives square bullet above a color */
li.opinionul {
    color : #BFBEB0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;    
}

/* Changes text back to black */
li.opinionul span {
	color:black;
}

/* Aligns the Picks and Pans for Opinionator div table */
div.picknpan {
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}