@viewport {
  width: device-width;
  zoom: 1.0;
} 

@-ms-viewport {
  width: device-width;
} 
		
body{
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue","Open Sans",Helvetica,Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-rendering: optimizelegibility;
  overflow-x: hidden;
  color: #0f0f0f;
}

@media only screen and (max-device-width: 1199px) {
	div.pagecontainer{margin: 0; padding: 5px 12px; overflow-x: hidden;}
}			
@media only screen and (min-device-width: 1200px) {
	div.pagecontainer{width: 1140px; margin: 0 auto; padding: 5px 0; overflow-x: hidden;}
}			

@media only screen and (max-device-width: 1199px) {
div.knobs{height: auto; text-align: center; padding: 0 0; margin: 0 0; }
div.knobcell{width: 162px; height: 160px; overflow: hidden; padding: 0 0; margin: 0 0; display:inline-block; border-radius: 5px 0px 5px 0px; border: 0px;}
}
@media only screen and (min-device-width: 1200px) {
div.knobs{height: auto; text-align: left; padding: 0 0; margin: 0 0; }
div.knobcell{width: 162px; height: 160px; overflow: hidden; padding: 0 0; margin: 0 0; float:left; border-radius: 5px 0px 0px 0px; border: 0px;}
}			 

div.knobtitle{text-align: center; font-size: 13px; font-weight: 600; padding: 3px 0; margin: 0 0;}
div.oneknob{text-align: center; padding: 0 0; margin: 0 0;}
div.knobdesc{text-align: center; font-size: 13px; padding: 0 0; margin: 0 0;}

div.filterbox{
	padding: 3px; 
	background-color: #F3F3FF; 
	border-style: solid; 
	border-width: 0px 0px 0px 5px; 
	border-color: #4F81BC; 
	border-radius: 0px 0px 7px 0px;
	margin: 3px 0px 0px 0px;
}

div.topnewsbox{
	padding: 1px 7px 5px 7px;
	background-color: #F0FFF0;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #298E61;
	border-radius: 0px 0px 7px 0px; 
	margin: 3px 0px 0px 0px;
}

div.topnewstitle{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: 600;				
	font-size: 18px;
	color: #373737;
	padding: 3px 0;
	margin: 0 0;
}

div.recentnewsbox{
	padding: 1px 7px 5px 7px;
	background-color: #FFFFF0;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #FFC470;
	border-radius: 0px 0px 7px 0px; 
	margin: 3px 0px 0px 0px;
}

div.recentnewstitle{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: 600;				
	font-size: 18px;
	color: #373737;
	padding: 3px 0;
	margin: 0 0;
}

div.deviceshotsbox{
	padding: 2px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
	white-space: nowrap;
}

img.deviceshot {
	border: 0px;
	padding: 0px 2px 0px 2px;
	float: left;
}

div.newfeaturesbox{
	padding: 0px 7px 5px 7px;
	background-color: #f8d8d8;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #e92e2e;
	border-radius: 0px 0px 7px 0px; 
	margin: 0px 0px 0px 0px;
}


div.newfeaturestitle{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: 600;				
	font-size: 18px;
	color: #373737;
	padding: 3px 0;
	margin: 0 0;
}
						
input[type=checkbox] {
  display: none;
}

span.cslang {
	background-color: #CCCCCC;
	font-weight: normal;
	color: #FFF;
	font-size: .80em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	padding: 3px;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	border-radius: 3px 0px 3px 0px; 
	border: 0px; 
}

span.cslang:hover {
}

span.onlang {
	background-color: #298E61;
	font-weight: normal;
	color: #FFF;
	font-size: .80em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	padding: 3px 20px 3px 5px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	transition: background-color 150ms ease-in;
	border-radius: 3px 0px 3px 0px; 
	border: 0px; 
}

input.onlang[type=checkbox]:hover + span {
	color: rgba(255,255,255,0.7);
	background: #dd5252;
}

input.onlang[type=checkbox]:checked:hover + span {
	color: rgba(255,255,255,0.7);
	background: #dd5252 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 93% center;
	background-size: 15px 15px;
}

span.offlang {
	background-color: #A0C0A0;
	font-weight: normal;
	color: #FFF;
	font-size: .80em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	padding: 3px 20px 3px 5px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	transition: background-color 150ms ease-in;
	border-radius: 3px 0px 3px 0px; 
	border: 0px; 
}

input.offlang[type=checkbox]:hover + span {
	background: #298E61 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 93% center;
	background-size: 15px 13px;
}

input.offlang[type=checkbox]:checked:hover + span {
	background: #298E61;
}

span.faq {
	background-color: #FFB745;
	font-weight: normal;
	color: #FFF;
	font-size: .80em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	transition: background-color 150ms ease-in;
	border-radius: 3px 0px 3px 0px; 
	border: 0px; 
}

span.faq:hover {
	background-color: #FFC370;
}

span.fb {
	background-color: #4569B2;
	font-weight: normal;
	color: #FFF;
	font-size: .80em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	transition: background-color 150ms ease-in;
	border-radius: 3px 0px 3px 0px; 
	border: 0px; 
}

span.fbbig {
	background-color: #4569B2;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	transition: background-color 150ms ease-in;
	border-radius: 5px 0px 5px 0px; 
	border: 0px; 
}

span.fb:hover {
	background-color: #4F7BCC;
}

span.donate {
	background-color: #E7552C;
	font-weight: normal;
	color: #FFF;
	font-size: .80em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	padding: 3px 3px 3px 3px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 2px 0px;
	transition: background-color 150ms ease-in;
	border-radius: 3px 0px 3px 0px; 
	border: 0px; 
}

span.donate:hover {
	background-color: #CF3F2F;
}

h2{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: 600;				
	font-size: 18px;
	line-height: 1.2;
	margin-top: 0.05em;
	margin-bottom: 0.05em;
	margin-left: 0;
	margin-right: 0;				
}

div.cat_gray{
	padding: 4px 3px;
	float: left;
	overflow: hidden;
	height: auto;
	background-color: #E7E7E7;	
 }

div.cat{
	float: left;
	overflow: hidden;
	height: auto;
	padding: 4px 3px;
}

div.cat_red{
	float: left;
	overflow: hidden;
	height: auto;
	padding: 4px 3px;
	background-color: #FFE7E7;
}

a:link {
	font-weight: normal;
	text-decoration: none;
	color: #52578E;
}

a:visited {
	color: #52578E;
}

a:hover {
	color: #20298C;
	text-decoration: underline;
}

a:active {
	color: #52578E;
}

a.hidden:link {
	font-weight: normal;
	text-decoration: none;
	color: #0f0f0f;
}

a.hidden:visited {
	color: #0f0f0f;
}

a.hidden:hover {
	color: #0f0f0f;
}

a.hidden:active {
	color: #0f0f0f;
}

a.cat:link {
	font-size: 15px;
	font-weight: 300;
	text-decoration: none;
	background-color: #EB552C;
	padding: 5px 11px;
	display: block;
	color: white;
	border-radius: 7px 0px 7px 0px;
	border: 0px;
}

a.cat:hover {
	text-decoration: underline;
	background-color: #CC3F2F;
	color: white;
}

a.cat:active {
	background-color: #CC3F2F;
	color: white;
}

a.cat:visited {
	color: white;
}

a.cat_now:link {
	font-size: 15px;
	font-weight: 300;
	text-decoration: underline;
	background-color: #CC3F2F;
	padding: 5px 11px;
	display: block;
	color: white;
	border-radius: 7px 0px 7px 0px;
	border: 0px;
}

a.cat_now:hover {
	text-decoration: underline;
	color: white;
}

a.cat_now:active {
	background-color: #CC3F2F;
	color: white;
}

a.cat_now:visited {
	color: white;
}

a.subcat:link {
	font-size: 13px;
	font-weight: 300;
	text-decoration: none;
	background-color: #EB552C;
	padding: 5px 11px;
	display: block;
	color: white;
	border-radius: 5px 0px 5px 0px;
	border: 0px;
}

a.subcat:visited {
	color: white;
}

a.subcat:hover {
	background-color: #CC3F2F;
	color: white;
}

a.subcat:active {
	background-color: #CC3F2F;
	color: white;
}		

a.article:link {
	color: #373737;
	text-decoration: none;
}

a.article:visited {
	color: gray;
	text-decoration: none;
}

a.article:hover {
	color: #e03020;
	text-decoration: none;
}

a.article:active {
	color: #e03020;
	text-decoration: none;
}


a.toprecentarticle:link {
	padding-top: 5px;
	display: inline-block;
	color: black;
	text-decoration: none;
	line-height: 1.2;
}

a.toprecentarticle:visited {
	color: black;
	text-decoration: none;
}

a.toprecentarticle:hover {
	color: #e03020;
	text-decoration: none;
}

a.toprecentarticle:active {
	color: #e03020;
	text-decoration: none;
}

div.date {
	color: #777;
	font-size: .8em;
	font-weight: 400;
	padding: 3px 1px 3px 0px;
	float: left;
}

div.weather {
	color: #777;
	font-size: .8em;
	font-weight: 450;
	padding: 3px 0px 3px 1px;
	float: right;
}

span.city {
	font-weight: 700;
}

span.cold {
	color: #49E;
}

span.hot {
	color: #F32;
}

span.source {
	background-color: #E0D7D7;
	border-radius: 3px 0px 3px 0px;
	font-weight: normal;
	color: #444;
	font-size: .85em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;
	display: inline-block;
}

a.source:link {
	background-color: #E0D7D7;
	border-radius: 3px 0px 3px 0px;
	border: 0px;
	font-weight: normal;
	color: #444;
	font-size: .85em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;
	display: inline-block;
}

a.source:visited {
	color: #444;
}

a.source:hover {
	background-color: #D0C7C7;
	color: #444;
}

a.source:active {
	color: w#444;
}
			
span.keyword {
	background-color: #e3e3ef;
	border-radius: 3px 0px 3px 0px;
	border: 0px;
	font-weight: normal;
	color: #444;
	font-size: .85em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;
	display: inline-block;	
}

a.keyword:link {
	background-color: #e3e3ef;
	border-radius: 3px 0px 3px 0px;
	border: 0px;
	font-weight: normal;
	color: #444;
	font-size: .85em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;
	display: inline-block;
}

a.keyword:visited {
	color: #444;
}

a.keyword:hover {
	background-color: #d3d3df;
	color: w#444;
}

a.keyword:active {
	color: #444;
}

span.date {
	font-weight: normal;
	color: #BBB;
	font-size: .65em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	display: inline-block;
}

h1 {
	border-bottom: 5px solid #e03020;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: 600;				
	font-size: 22px;
	color: #373737;
	margin-top: 0.05em;
	margin-bottom: 0.1em;
	margin-left: 0;
	margin-right: 0;				
}

#topBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 8px 10px 8px 10px;
	border-radius: 5px 0px 5px 0px;
	border: 0px;
}

#topBtn:hover {
	background-color: #777;
}  

button.ok {
	font-size: 16px;
	border: none;
	outline: none;
	background-color: #070;
	color: white;
	cursor: pointer;
	padding: 8px 10px 8px 10px;
	border-radius: 5px 0px 5px 0px;
	border: 0px;
}

button.ok:hover {
	background-color: #292;
}  

p.redbg {
	border: none;
	outline: none;
	background-color: #A00;
	color: white;
	padding: 8px 10px 8px 10px;
	border-radius: 5px 0px 5px 0px;
	border: 0px;
	line-height: 130%
}

p.graybg {
	border: none;
	outline: none;
	background-color: #E7E7E7;
	color: black;
	padding: 8px 10px 8px 10px;
	border-radius: 5px 0px 5px 0px;
	border: 0px;
	line-height: 130%
}

div.subcats {
	position: fixed;
	bottom: 20px;
	left: 20px;
	border: 3px solid #73AD21;
}

input[type=text] {
	background-color: #FFF;
	border: 1px;
	border-radius: 3px 0px 3px 0px;
	border-color: #000;
	border-style: solid;
	font-weight: normal;
	color: #000;
	font-size: .85em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;				
	display: inline-block;
}

input[type=submit] {
	border: 0px;
	background-color: #e3e3ef;
	border-radius: 3px 0px 3px 0px;
	font-weight: normal;
	color: #444;
	font-size: .85em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;
	display: inline-block;
}

input[type=submit]:hover {
	background-color: #d3d3df;
	color: #444;
}

input.lid {
	background-color: #FFF;
	border: 1px;
	border-radius: 3px 0px 3px 0px;
	border-color: #000;
	border-style: solid;
	font-weight: bold;
	color: #000;
	font-size: 1.0em;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 0px 1px;				
	display: inline-block;
	text-align: center;
}

.blinkingLink{
	animation-name: blinkingLink;
	animation-duration: 1s;
	animation-timing-function: easy-in-out;
	animation-delay: 5s;
	animation-iteration-count: 5;
	animation-direction: alternate; 
}

@keyframes blinkingLink{
    0%{     color: #52578E;    }
    50%{    color: transparent; }
    100%{   color: #52578E;    }
}

.blink {
	animation: blink 1.5s infinite;
}


@keyframes blink {
  50% {
    opacity: 0;
  }
}