.sr-otb {

	margin: 15px 0px;
}

.sr-otb .title {

	font-weight: bold;
	color: #007AC3;
	text-align: center;
	font-size: 12pt;
}

.sr-otb .otb-images {

	text-align: center;
	margin: 10px 0px;
}

.sr-otb .otb-images .otb-image-container {

	margin: 5px 15px;
	max-width: 200px;
	display: inline-block;
}

.sr-otb .otb-images .otb-image-container img {

	max-width: 100%;
}

.sr-otb .otb-images .otb-image-container .name {

	font-weight: bold;
	text-align: center;
}

.sr-otb .otb-images .otb-image-container:hover .name {

	color: #f89c42;
}

.sr-table-container {
	
	margin: 20px 0px;
}

.sr-table-container .no-bold {

	font-weight: 200 !important;
}

.sr-table-container .sr-table-name {

	text-align: left;
}

.sr-table-container .sr-table-name h3 {

	color: #007AC3;
	margin: 5px 0px;
	text-align: left;
}

.sr-table-container .sr-table {

	width: 100%;
	border-collapse: collapse;
}

.sr-table-container .sr-table .divider td {
	
	padding: 0px 5px 5px 5px;
	width: 25%;
	text-align: center;
	border-right: 2px solid #007AC3;

}

.sr-table-container .sr-table tr:not(.divider) td {

	padding: 5px;
	width: 25%;
	text-align: center;
	border-right: 2px solid #007AC3;
}

.sr-table-container .sr-table tr:last-child td {

	border-bottom: 2px solid #007AC3;
}

.sr-table-container .sr-table tr:not(:first-child):nth-child(odd) td {

	background-color: lightgrey;
}

.sr-table-container .sr-table tr .recommended {

	color: #40AE49;
	font-weight: bold;
}

.sr-table-container .sr-table .sr-title {
	
	width: 25%;
	font-weight: bold;
	border-left: 2px solid #007AC3;
	border-right: 2px solid #007AC3;
	text-align: left;
}

.sr-table-container .sr-table .divider {

	background-color: #007AC3;
	color: white;
	border-top: 2px solid #007AC3;
	border-left: 2px solid #007AC3;
}

.sr-table-container .sr-table .divider .no-text {

	padding: 0px;
}

.sr-table-container .sr-table .divider td .title {

	text-align: center;
	font-weight: bold;
	margin: 2px 0px;
	font-size: 1.2em;
}

.sr-table-container .sr-table .divider td .sub-title {

	text-align: center;
	font-size: .9em;
}

.sr-table-container .sr-table .sr-image {

	display: inline-block;
	vertical-align: middle;
	text-align: center;
	max-width: 48px;
	padding: 5px 15px;
}

.sr-table-container .sr-table .sr-image img {

	max-width: 100%;
	margin: 2px;
}

.sr-table-container .sr-table .sr-text-left {

	text-align: left !important;
}

/***/
@media all and (max-width: 768px) {

	.sr-table-container .sr-table .divider td .sub-title {

		display: none;
	}
}

@media all and (max-width: 480px) {
	
	.sr-table-container .sr-table .sr-title {
	
		width: 50%;
	}
	
	.sr-table-container .sr-table tr td {

		width: 50%;
	}
	
	.sr-table-container .sr-table tr td:not(:first-child):not(.sr-show) {
	
		display: none;
	}
}