/* ATF START */
* {
	margin:0;
	padding:0;
}
body {
	background:#F3F3EE none repeat scroll 0 0;
    color: #111111;
    font-family: sans-serif;
    margin: 0px auto;
    padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
A {
  text-decoration:none;
}
A:link, A:visited { 
  color: #2361A1;
}
a:hover {
	text-decoration:underline;
}
h1,h2,h3,h4 {
  text-align:left;
  letter-spacing:1.3px;
  margin:0.1em 0 0.1em 0.1em;
}
h1 {
  font-size:1.5em;
  font-weight:bold;
}
h2 {
  font-size:1.3em;
  font-weight:bold;
}
h3 {
  font-size:1.2em;
  font-weight:bold;
}
h4 {
  font-size:1.2em;  
  font-weight:bold;
  margin-top:1em;
}
p {
	margin:4px 4px 1.1em 4px;
}

/* static divs -- to set up vertical positioning */
div#pageContainer {
	background:#F3F3EE none repeat scroll 0 0;
	margin-bottom:2em;
	margin-top:2em;
	padding:0.3em;
	margin:0 auto;
	max-width:1270px;
}

div#pageHeader {
	position:relative;
	height:200px;
        vertical-align: middle;
        background-color: white;
        background-image: url("/static/background.jpg");
        background-position: 0 center;
        background-size: 192% auto;
}
#pageHeader img {
    margin: 0 10px;
}
#pageHeader a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
div#pageHeader div#toplinks {
	position: absolute;
	bottom:0;
}
div#pageHeader div#toprightlinks {
	position: absolute;
	right:0;
}
div#pageHeader ul, div#pageHeader li {
	display: inline-block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div#pageHeader li {
	/*background:#EFEFEF none repeat scroll 0 0;
	border-color:#DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
	border-style:solid solid solid none;
	border-width:1px 1px 1px 0;*/
	float:left;
	margin: 0 0 -0.1em;
	padding: 2px 5px;
}
div#pageHeader li:first-child {
	margin-left: 5px !important;
}
div#pageHeader span{
	line-height:100px;
	letter-spacing:1px;
        font-size: 3.5em;
        font-weight: bold;
        text-decoration: none;
        margin: 50px 0 0 0px
}
div#pageHeader ul#top a{
	color:#dFdFdF;
}
div#pageHeader ul#topright a{
	color:#ffffff;
}
div#pageHeader ul#related li, div#pageHeader ul#related a {
	color: #ffffff;;
}

div#pageContentContainer {
	width:100%;
	background-color:#F3F3EE;
	/*line-height:1.51em;*/
	vertical-align: top;
        text-align: center;
}


div#pageContent {
	width: 100%;
	display: inline-block;
	text-align:left;
	overflow:hidden;
	vertical-align: top;
	background-color: white;
}
div#pageSidebar {
	max-width:300px;
	display: inline-block;
	text-align:left;
	padding:0 10px;
	border-left: 1px solid #DDDDDD;
	vertical-align: top;
}
div#pageSidebar ul, div#pageSidebar li {
	list-style-type:none;
	width: 95%;
}
div#pageSidebar li {
	margin:0 0 0.1em 0;
	padding:0.3em 0;
	border-bottom: 1px solid #DDDDDD;
}

div#pageSidebar li:last-child {
	border-bottom: medium none;
}

div#pageSidebar li:before {
	/*content: "\00BB \0020";*/
}
div#pageSidebar ul#related a{
	/*padding:0 0.9em;*/
	letter-spacing:1px;
}
div#pageSidebar ul#related a{
	/*color:#111111;*/
}

div#leftSidebar{
	width: 300px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 10px;
	position: relative;
}
div#leftSidebar>div>*{
	background-color: white;
	width: 290px;
	margin: 5px auto;
	max-width: none !important;
	padding: 5px;
	border-radius: 5px;
}
div#leftSidebar>div>div.linkBox {
	position: relative;
	min-height: 130px;
	max-width: 290px !important;
	display: inline-block;
	vertical-align: top;
}
div#leftSidebar>div>div.linkBox>* {
	position: relative;
	color: white;
	text-align: center;
}
div#leftSidebar>div>div.linkBox a {
	box-sizing: border-box;
	color: white !important;
	text-decoration: none;
}
div#leftSidebar>div>div.linkBox>div::after {
	background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0.5;
	position: absolute;
}
div#leftSidebar>div>div.linkBox>div {
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
div.linkBox.powerMetersCompared div.background {
	background-image: url(/static/srm-exakt-power-meter-300x182.png);
}
div.linkBox.powerMetersCompared div.background::after {
	background-color: #0000fa;
}
div.linkBox.stravaConnect div.background {
	background-image: url(/static/strava-logo-200x147.png);
}
div.linkBox.stravaConnect div.background::after {
	background-color: #fc4c02;
}
div.linkBox.measureStrokeEnergy div.background {
	background-image: url(/static/power-meter-pedal-200x147.JPG);
}
div.linkBox.measureStrokeEnergy div.background::after {
	background-color: #0ace0a;
}
div.linkBox.heartrateCompared div.background {
	background-image: url(/static/heartrate-monitor-200x147.jpg);
}
div.linkBox.heartrateCompared div.background::after {
	background-color: #cc0a0a;
}

div#pageContent {
	margin-top: 10px;
	max-width: 939px !important;
}
div#pageContent>* {
	margin:0.5em;
}
@media only screen and (max-width:1280px) {
	div#pageContent {
		max-width: 800px !important;
	}
}
@media only screen and (max-width:1180px) {
	div#pageContent {
		max-width: 700px !important;
	}
}
@media only screen and (max-width:1080px) {
	div#pageContent {
		max-width: 600px !important;
	}
}
@media only screen and (max-width:980px) {
	div#pageContent {
		max-width: 99% !important;
	}
	div#leftSidebar {
		width: 99% !important;
	}
	div#leftSidebar>div>* {
		width: auto;
	}
	div.stravaDashboardBlob>* {
		width: 100% !important;
		display: inline-block;
	}
}

h1.strapline, h2.strapline {
	margin-left: 0 !important;
}
h1.strapline {
	font-size: 1.5em;
	text-align: center;
	margin-top: 0 !important;
}
h2.strapline {
	margin-top: 1em !important;
}
p.strapline, h1.strapline, h2.strapline {
    margin: 0 0 20px;
    padding: 10px;
    color: white;
    background-color: #CAB530;
    width: 99%;
	clear: both;
}
ul.strapline * {
    vertical-align: top;
}
ul.strapline li {
    color: #cab530;
    font-size: 3em;
    line-height: 0.5em;
}
ul.strapline span {
    color: black;
    display: inline-block;
    font-size: 0.35em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.thm.left {
	float: left;
	padding-right: 0.5em;
	margin-bottom: 1em !important;
}
.thm.right {
	float: right;
	padding-left: 0.5em;
	margin-bottom: 1em !important;
}

/* Search box */
form.searchBox {
	margin:5px;
}
form.searchBox input[type="text"] {
	width:12em;padding:0px;
}
form.searchBox button {
	padding:0px;
}

/* Contact form */
form.contactForm textarea.messageText {
    width: 20em;
    height: 5em;
}
form.contactForm label {
    width: 10em;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-right: 1em;
}

/* Button */
.button, button {
	background-color: #2361a1;
	border-radius: 5px;
	color: white !important;
	display: inline-block;
	font-weight: bold;
	padding: 2px 5px;
        font-size: 1.3em;
}
.button:hover, button:hover {
	cursor: pointer;
}

/* Collapsing sidebar */
div#pageSidebar > div {
	transition: max-height 0.25s linear;
}
@media (max-width: 1270px) {
	div#pageSidebar > div {
		max-height: 0;
		overflow: hidden;
		margin: 0 3.5em 0 1em;
	}
	div#pageSidebar .sidebar-handle {
		display: block;
	}
	#sidebar-checkbox:checked + div#pageSidebar > div {
		max-height: 100%;
		background-color: white;
		margin: 0 !important;
		padding: 48px 10px;
		border-left: 1px solid black;
		max-height: 90%;
		position: absolute;
		right: 0;
		top: 0;
		vertical-align: top;
		width: 350px;
		max-width: 90%;
		overflow-y: auto;
	}
	#sidebar-checkbox:checked + div#pageSidebar > * {
		visibility: visible;
	}
	#sidebar-checkbox:checked + div#pageSidebar .sidebar-handle,
	#sidebar-checkbox:checked + div#pageSidebar .sidebar-handle:after,
	#sidebar-checkbox:checked + div#pageSidebar .sidebar-handle:before {
		border-color: #aaa;
	}
}
.sidebar-checkbox {
	display: none;
}
.sidebar-handle {
	display: none;
	cursor: pointer;
	position: relative;
	font-size: 45px;
	padding: .5em 0;
	height: 0;
	width: 1.66666667em;
	border-top: 0.13333333em solid;
}
.sidebar-handle:before,
.sidebar-handle:after {
	position: absolute;
	left: 0;
	right: 0;
	content: ' ';
	border-top: 0.13333333em solid;
}
.sidebar-handle:before {
	top: 0.37777778em;
}
.sidebar-handle:after {
	top: 0.88888889em;
}
div#pageSidebar .sidebar-handle {
	position: absolute;
	font-size: 1.2em;
	top: 0.8em;
	right: 15px;
	z-index: 10;
	background-color: white;
	opacity: 0.8;
}

/* Collapsing sidebar END */

div.entry-image-caption {
	display:inline-block;
	padding:2px;
	background-color:#C0C0C0;
	margin:4px;
	text-align:center;
	font-size:0.8em;
	vertical-align: top;
}
div.entry-image-caption img {
	border:0;padding:0;margin:0;
}
div.entry-image-caption p {
	margin:0.1em;
	min-height: 2em;
}
div.entry-image-caption div.entry-image-controls {
	display: none;
}

p.sectionEntryMeta {
	margin: 10px 5px;
}
p.sectionEntryMeta span.entryDate {
	margin-right: 1em;
}

/* Cookie consent - https://www.cookiechoices.org/ */
#cookie-bar {background:#111111; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* ATF END */

blockquote {
 margin: 1em;
 padding: 0.5em;
 width: 80%;
 border: 1px solid #D8D2BD;
 background-color: #EDEBD9;
}
pre {
    white-space: pre-line;
}
form {
	margin:4px;
}
li{
    line-height: 1.2em;
    margin-left:1em;
}
.signedInAs {
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    float: right;
}
div#pageSidebar ul.sidebar-related-entries {
}
div#pageSidebar ul.sidebar-related-entries li {
}


div#pageFooter {
	clear:both;
	width:100%;
	color:#4899CB;
    font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 5px;
        text-align: center;
}

div#pageFooter a, div#pageFooter p  {
	color:#4899CB;
}
div#pageFooter p {
    display: inline-block;
    width: 48%;
    text-align: left;
	vertical-align: top;
}

ul.pagination {
 clear:both;
 align:left;
 list-style-type:none;
 margin: 5em 0 1em;
 text-align: center;
}
ul.pagination li {
 list-style-type:none;
 display:inline;
 text-align: center;
 margin:0.2em;
 padding:0;
}
ul.pagination li a {
	border: 1px solid gray;
	border-radius: 5px;
	line-height: 48px;
	padding: 10px;
	white-space: nowrap;}

p.error,div.error { border:1px solid #E60000; background-color:#FFE6E6; font-size:1.2em; font-weight:bold;margin:1em;padding:1em;text-align:center;}
p.alert,div.alert { border:1px solid #47B224; background-color:#A3FF85; font-size:1.2em; font-weight:bold;margin:1em;padding:1em;text-align:center;}

div.Entry {
 border:0px;
 border-bottom: 1px solid #2a2a2a;
 clear:both;
}

div#entriesContainer div.entry-info {
	width:95%;
	margin:1em 0;
	padding-top: 0.5em;
}

div.entry-info {
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:0.9em;
}
div.entry-info a.share {
    margin-left: 5px;
	white-space:nowrap;
}
div.entry-info a.share img {
	margin:0 0.2em -0.2em 0;
	border:0;
}

div.entry-image-caption div.entry-image-controls {
	display:none;
	position:absolute;
	margin:0 0 0 -2px;
	padding:3px;
	border-top:1px solid gray;
	background-color:#C0C0C0;
}
div.entry-image-caption div.entry-image-controls ul {
	list-style:none;
	margin:0 0 0 1em;
	display:inline-block;
}
div.entry-image-caption div.entry-image-controls ul li {
	display:inline-block;
	list-style:none;
	margin:0;
	font-weight:bold;
	font-size:1.2em;
	line-height:1em;
	vertical-align:middle;
}
div.entry-image-caption div.entry-image-controls a.embed,
div.entry-image-caption div.entry-image-controls a.embed:hover {
	margin:4px;
	padding:2px;
	color:blue;
	background-color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
.entry-image-caption div.entry-image-controls span.options {
	margin-top:5px;font-size:1.1em;
	font-weight:bold;
}
div.entry-image-caption div.entry-image-embed {
	font-size:1.2em;
	display:none;
}
div.entry-image-caption div.entry-image-embed textarea {
	font-size:1em;
	width:100%;
	height:12em;
}
img.entry-image {
	border-top:1px solid #A0A0A0;
    border-right:1px solid #A0A0A0;
    padding:2px 2px 10px 10px;
    margin:2px;
    max-width: 290px;
}
div.sourcecode {
	position:relative; float:right;
	width:300px; height:200px;
	margin-left:1em;
	background-color:black;
	font-family:monospace; white-space:pre;
	overflow:hidden;
	color:#66FF66;
}
div.sourcecode a, div.sourcecode a:hover, div.sourcecode a:visited {
	color:#66FF66;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
div.sourcecode em {
	color:#FFFF66;
}

p.event-meta {
	font-weight:bold;
	font-size:1.2em;
}
div.calendar span.yearmonth {
	display:inline-block;
	padding:4px;
	margin:4px;
	border: 1px solid #D8D2BD;
	background-color: #EDEBD9;
}
ul.events-section-summary {
 clear:both;
 align:left;
 list-style-type:none;
 margin: 1em;
 text-align: center;
}
ul.events-section-summary li {
 list-style-type:none;
 display:inline;
 text-align: center;
 margin:0.2em;
 line-height:2em;
 white-space:nowrap;
 padding: 0.25em;
 border:1px solid gray;
}

table.report {
	clear:both;
}

table.report tr {
	vertical-align:top;
}

table.report tr.data:hover {
	background-color:#edebd9;
}

table.report td {
	margin:0;
	padding:0.3em;
}

table.report td.numeric {
	text-align:right !important;
}

table.report td.nowrap {
	white-space:nowrap;
}

.commentsform {
	position:relative;
	float:center;
	width:85%;
	border:groove green;
 border: 1px solid #D8D2BD;
 background-color: #EDEBD9;
}
.commentsform tr td {
	color: black;
}
.commentdiv {
background-color:white;
border:2px solid #a0a0a0;
padding:0px;
}
.divhidden {
visibility:hidden;
position:absolute;
float:left;
margin:0px;
padding:0px;
}
.divvisible {
visibility:visible;
float:left;
position:absolute;
margin:0px;
padding:0px;
}


div.newsfeed {
 background-color:#fafafa;
 margin-bottom:10px;
width:100%;
}

div.newsfeed a {
 color:#0909ff;
 font-weight:bold;
}

div.newsfeed div.header {
 background-color: #769f33;
 border: 1px solid black;
padding:2px;
}

div.newsfeed div.header span {
 color: #ffffff;
font-weight:bold;
font-size:1.5em;
}

div.newsfeed div.header a {
 color: #ffffff; 
}

div.newsfeed div.item {
padding-top:2px;
padding-bottom:2px;
}

div.newsfeed div.item div.header {
 background-color:#d0a005;
border:0px;
padding:3px;
}

div.newsfeed div.item div.header span {
 font-weight:bold;
 font-size:1.0em;
}

div.newsfeed div.item div.contents {
margin-bottom:2px;
}

div.newsfeed div.item div.contents span {

}

div.featured h2{
 margin-top:2px;
 margin-bottom:2px;
}
div.featured h3 {
 margin:0px;
 margin-right:5px;
 font-size:1.3em;
}
div.featured span.date {
  margin:0px;
  color: #0a0a0a;
}
div.featured p{
 margin:0px;
}
div.featured img {
 position:relative;
 float:left;
 margin:3px;
 margin-right:10px;
 height:70px;
 width:auto;
 border:1px solid #0a0a0a;
}
div.featured {
 padding-top: 5px;
 margin-top: 5px;
 border-top: 1px solid #DDDDDD;
 clear:left;
}
div.featured div.featured-content {
 margin-left:105px;
}
blockquote.code {
 font-family:monospace;
 white-space: pre;
}


div#sharer { display:none; position:fixed; overflow:hidden; width:250px; height:250px; right:0; top:25%; z-index:100000; background-color:white; border:1px solid #000000; padding:0; text-align:center; }
div#sharer h4 { background-color:#D19478; color:white; padding:4px; margin:0; font-size:1.5em; text-align:center; }
div#sharer p { margin:0.5em; }
div.nothanks{text-align:center;background-color:#ff8989;border:1px solid #3B5999;margin:4px;padding:4px;width:233px;height:24px;}
div#sharer a.close, div#sharer a.close:hover, div#sharer a.close:visited { color:#ffffff;font-weight:bold; text-decoration:none; }
div.fbshare{text-align:center;background-color:#3B5999;border:1px solid #3B5999;margin:4px;padding:4px;width:233px;height:24px;}
div.fbshare a {color:#ffffff;font-weight:bold;}
div.twshare{text-align:center;background-color:#C6E0EF;border:1px solid #3B5999;margin:4px;padding:4px;width:233px;height:24px;}
div.twshare a {color:#236887;font-weight:bold;text-decoration:none;line-height:20px;vertical-align:top;padding-left:0.5em;}

div.survey {
 width:200px;
 min-height:180px;
 font-size:1em;
        border: 1px solid #FF531A;
        margin: 5px;
        padding: 5px;
        background-color: white;
        font-color: black;
}
div.survey div.title {
        background-color:#FF531A;
        color:white;
        margin:-4px -4px 5px -4px;
        padding:4px;
        width:100%;
        text-align:center;
        font-weight:bold;
}
div.survey span.question {
        font-weight:bold;
        padding:0.3em;
}
div#survey_results {
        position:absolute;
        float:left;
        border: 1px solid #FF531A;
        margin: 5px;
        padding: 5px;
        margin-top:10px;
        margin-left:-160px;
        background-color: white;
        z-index:999;
        width:300px;
}
div.survey textarea {
        width:90%;
        height:120px;
}


/* Strava activity */
div.stravaActivity {
	border: 2px solid orange;
	clear: both;
	margin-bottom: 0.5em;
}

div.stravaActivity > * {
	margin-left: 5px;
}

div.stravaActivity p {
	margin-bottom: 0.3em;
}

div.stravaActivity h4 {
	margin-top: 0;
}

table.stravaActivityStats {

}
table.stravaActivityStats tr {
	border: 1px solid black;
	display: inline-block;
	margin: 4px;
	padding: 6px;
}
table.stravaActivityStats th {
	text-align: right;
}
table.stravaActivityStats td {

}
img.stravaProfile.medium {
	max-height: 150px;
	max-width: 250px;
}
/* Strava activity END */

/* Strava dashboard */
div.stravaDashboardItem {
	display: inline-block;
	margin: 10px;
}

div.stravaDashboardItem p {
	text-align: right;
}

div.stravaDashboardBlob .cta {
	display: block;
}
div.stravaDashboardBlob {
	border: none;
	padding: 0px;
}
div.stravaDashboardBlob .bigNumber {
	font-size: 6em;
}
a#stravaProfileAvatar {
	margin: -20px 10px 10px -20px;
}
img.stravaProfile.medium {
	border-radius: 50%;
	width: 86px;
}

/* Strava dashboard END */

/* Long tables */
tr.hidden {
	display: none;
}

/* Long table END */

/* Responsive tables (ref http://codepen.io/geoffyuen/full/FCBEg/ )
   NB each td element needs a data-th attribute that is the display name of that cell
*/
.responsiveTable th {
    display: none;
}
.responsiveTable td {
    display: block;
}
.responsiveTable td:first-child {
    padding-top: .5em;
}
.responsiveTable td:last-child {
    padding-bottom: .5em;
}
.responsiveTable td:before {
    content: attr(data-th);
    font-weight: bold;
    min-width: 35%;
    display: inline-block;
    text-align: right;
    padding-right: 3px;
}
@media (min-width: 480px) {
    .responsiveTable td:before {
        display: none;
    }
}
.responsiveTable th, .responsiveTable td {
    text-align: left !important;
}
@media (min-width: 480px) {
    .responsiveTable th, .responsiveTable td {
        display: table-cell;
        padding: 2px 4px;
    }
    .responsiveTable th:first-child, .responsiveTable td:first-child {
        padding-left: 0;
    }
    .responsiveTable th:last-child, .responsiveTable td:last-child {
        padding-right: 0;
    }
}
@media (min-width: 480px) {
    .responsiveTable th, .responsiveTable td {
        padding: 2px !important;
    }
}
/* Responsive tables END */

/* Tabbed content */

ul.tabs
{
	padding: 7px 0;
	font-size: 0;
	margin:0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the tabs as desired*/
}

ul.tabs li
{
	display: inline;
	margin: 0;
	margin-right:3px; /*distance between tabs*/
}

ul.tabs li a
{
	font: normal 14px Verdana;
	line-height: 30px;
	text-decoration: none;
	position: relative;
	padding: 2px 4px;
	border: 1px solid #CCC;
	border-bottom-color:#B7B7B7;
	color: #000;
	background: #F0F0F0 url(images/tabbg.gif) 0 0 repeat-x;
	border-radius: 3px 3px 0 0;
	outline:none;
}

ul.tabs li a:visited
{
	color: #000;
}

ul.tabs li a:hover
{
	border: 1px solid #B7B7B7;
	background:#F0F0F0 url(images/tabbg.gif) 0 -36px repeat-x;
}

ul.tabs li.selected a, ul.tabs li.selected a:hover
{
	position: relative;
	top: 0px;
	font-weight:bold;
	background: white;
	border: 1px solid #B7B7B7;
	border-bottom-color: white;
}


ul.tabs li.selected a:hover
{
	text-decoration: none;
}


div.tabcontents
{
	border: 1px solid #B7B7B7; padding: 5px;
	background-color:#FFF;
	border-radius: 0 3px 3px 3px;
}

/* Tabbed content END */

/* Survey suggestions */

ul.survey-suggestions { margin:2em 0 1em 1em; list-style-type:none; }
ul.survey-suggestions li { border-left:0.7px solid black; padding-left:0.5em; margin-bottom:1em; }

/* Survey suggestions END */

/* Autocomplete */

div.autocomplete-suggestions {
	width: 500px !important;
	background-color: white !important;
	border: 1px solid black !important;
	padding: 2px !important;
	overflow: auto;
}
div.autocomplete-suggestion {
	cursor: pointer;
	padding: 1px;
}
div.autocomplete-suggestion:hover {
	background-color: #f0f0f0;
}
input.autocomplete-input {
	width: 320px;
	font-size: 1.05em;
}
p.autocomplete-para {
	font-size: 1.2em;
	font-weight: bold;
}

/* Autocomplete END */

/* Power meters compared */
table.powerMeters {
}
table.powerMeters tr.details td {
	border-bottom: 5px solid transparent;
}
table.powerMeters tr.details td:first-child {
	border-left: 5px solid #DAC540;
}
table.powerMeters tr.details td:last-child {
	border-right: 5px solid #DAC540;
}
table.powerMeters th {
	background-color: #DAC540;
	border-radius: 4px 4px 0 0;
}
table.powerMeters th>* {
	display: inline-block;
	margin: 4px;
}
table.powerMeters table.ratings {
	float: right;
	background-color: white;
	border-radius: 4px;

}
table.powerMeters h4 {
	padding-left: 5px;
	padding-top: 14px;
	color: lightyellow;

}
p.buyfrom {
	margin-bottom: 0.5em;
}
ul.buyfrom li {
	list-style: none;
}
/* Power meters compared END */

/* Power meter deals START */
table.powermeterOffers tr {
	vertical-align: top;
}
table.powermeterOffers img {
	width: 80px;
}
/* Power meter deals END */

/* Power meter detail START */
table.powermeterOffers {
	margin-bottom: 2em !important;
}
img.powermeterHeader {
	float: left;
	margin-right: 1em !important;
	margin-bottom: 1em !important;
}
h2.powermeterOffersHeader {
	clear: both;
}
table.powermeterOffers .thumbnail {
	width: 100px;
}
table.powermeterOffers tr.powermeterVariantHeader>th {
	padding: 0.3em;
	border: 0.5px solid gray;
	border-radius: 0.2em;
	background-color: #CAB530;
	opacity: 0.8;
}
table.powermeterOffers tr.powermeterVariantHeader:hover {
	cursor: pointer;
}
table.powermeterOffers tr.powermeterVariant {
	display: none;
}

/* Power meter detail END */

/* Navigation START */
.navigation {
	margin-bottom: 1em;
}
.navigation li {
	list-style: none;
	display: inline;
	margin-left: 0;
}
.navigation a:hover {
	text-decoration: none;
}
/* Navigation END */


/* Star ratings */
.rating {
	width: 110px;
}
.ratingStar {
	display: inline-block;
	width: 19px;
	height: 18px;
	border-radius: 4px;
	margin: 1px;
	text-align: center;
}
.ratingStar.active {
	background-color: #CAB530;
}
.ratingStar.inactive {
	background-color: lightgray;
}
.star-image {
	width: 15px;
	vertical-align: middle;
	height: auto;
	display: inline;
}

/* Star ratings END */

/* ADMIN EDIT */
.editHTMLLink {
	position: absolute;
	right: 2em;
	background-color: rgba(255,255,255,0.5) !important;
	padding: 0.3em;
	z-index: 1000;
}
textarea#content-edit {
	width: 95%;
	height: 30em;
}

/* ADMIN EDIT END */

/* Collapsing sidebar */
div#leftSidebar > div {
	transition: max-height 0.1s linear;
}
@media (max-width: 980px) {
	div#pageContent {
		margin-top: 0;
	}
	div#leftSidebar {
		position: inherit;
	}
	div#leftSidebar > div {
		max-height: 0;
		overflow: hidden;
		margin: 0 3.5em 0 1em;
	}
	div#leftSidebar > div > div {
		display: block !important;
	}
	div#leftSidebar .sidebar-handle {
		display: block;
	}
	#sidebar-checkbox:checked + div#leftSidebar > div {
		background-color: white;
		margin: 0 !important;
		padding: 10px 10px;
		border-left: 1px solid black;
		max-height: calc(100vh);
		position: absolute;
		left: 0;
		top: 0;
		vertical-align: top;
		overflow-y: auto;
	}
	#sidebar-checkbox:checked + div#leftSidebar > * {
		visibility: visible;
	}
	#sidebar-checkbox:checked + div#leftSidebar .sidebar-handle,
	#sidebar-checkbox:checked + div#leftSidebar .sidebar-handle:after,
	#sidebar-checkbox:checked + div#leftSidebar .sidebar-handle:before {
		border-color: white;
	}
}
.sidebar-checkbox {
	display: none;
}
.sidebar-handle {
	display: none;
	cursor: pointer;
	position: relative;
	color: yellow;
	font-size: 45px;
	padding: .5em 0;
	height: 0;
	width: 1.66666667em;
	border-top: 0.13333333em solid;
}
.sidebar-handle:before,
.sidebar-handle:after {
	position: absolute;
	left: 0;
	right: 0;
	content: ' ';
	border-top: 0.13333333em solid;
}
.sidebar-handle:before {
	top: 0.37777778em;
}
.sidebar-handle:after {
	top: 0.88888889em;
}
div#leftSidebar .sidebar-handle {
	position: absolute;
	width: 35px;
	font-size: 1.2em;
	top: 15px;
	left: 15px;
	z-index: 10;
	background-color: rgba(0,0,0,0.1);
	opacity: 0.8;
}

/* Collapsing sidebar END */