<!--- K-INDEX & SOLAR DATA FOR HOMEWEATHERSTATION TEMPLATE RADIO HAMS REJOICE :-) -->

@font-face{font-family:weathertext;src:url(fonts/weathertext.eot?) format("eot"),url(fonts/weathertext.woff) format("woff"),url(fonts/weathertext.ttf) format("truetype");}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}html{box-sizing:border-box;}*, *:before, *:after{box-sizing:inherit;}
body{background:none;clear:both;font-family:'weathertext',helvetica,arial;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-size:14px;line-height:1.42857143;color:#ccc;cursor:url(../css/mouse/mousedark.svg),auto;
margin-top:70px;
	margin-left:-40px;
}
.kindextitle{
	position:absolute;
	top:2px;
font-size:14px;
color:#ccc;
text-align:left;
margin-left:10%;
	}
	
	.kindextitle span{
	
color:#ff8841;

	}

.kparea {
	border:1px solid #777;
	width: 700px;
	height:100px;
	padding:10px;
	margin-top:-50px;
	margin-left:80px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	
}
.swarea {
	
	border:1px solid #777;
	width: 700px;
	height:100px;
	padding:10px;
	margin-top:0px;
	margin-left:80px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	
}
.sfarea {
	
	border:1px solid #777;
	width: 700px;
	height:100px;
	padding:10px;
	margin-top:0px;
	margin-left:80px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	
}


.text{
	position:relative;
	margin-left:180px;
	margin-top:-93px;
	font-size:14px;	
	color:#ccc;
	width:600px;
	padding:5px;
	
}
.text span{	
	color:#ff8841;
	
}

.text1{
	position:relative;
	margin-left:180px;
	margin-top:-93px;
	font-size:14px;	
	color:#ccc;
	width:600px;
	padding:5px;
	
}
.text1 span{	
	color:#ff8841;
	
}


.text2{
	position:relative;
	margin-left:180px;
	margin-top:-93px;
	font-size:14px;	
	color:#ccc;
	width:600px;
	padding:5px;
	
}
.text2 span{	
	color:#ff8841;
	
}

.text2 quiet{	
	color:#9aba2f;
	
}
.text2 storm{	
	color:#d65b4a;
	
}


.sf0,.sf3,.sf35,.sf5,.sf67,.sf08 {
	font-size: 26px;
	font-family:'weathertext',helvetica,arial;
	color: #fff;
	margin-top: 0px;
	border-radius: 50%;
	margin-left: 0px;
	border: 0 solid #777;
	width: 70px;
	height: 70px;
	text-align: center;
	margin-top:0px;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}

.sf0 {
	background: #000;line-height:65px;
}

.sf0:after {
	content: 'S-Flux';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.sf3 {
	background: #9ABA2F;line-height:65px;
}

.sf3:after {
	content: 'S-Flux';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.sf5 {
	background: #e48f4c;line-height:65px;
}

.sf5:after {
	content: 'S-Flux';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.sf67 {
	background: #ff8841;line-height:65px;
}

.sf67:after {
	content: 'S-Flux';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.sf08 {
	background: #d65b4a;line-height:65px;
}

.sf08:after {
	content: 'S-Flux';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}


.sw0,.sw3,.sw35,.sw5,.sw67,.sw08 {
	font-size: 26px;
	font-family:'weathertext',Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 0px;
	border-radius: 50%;
	margin-left: 0px;
	border: 0 solid #777;
	width: 70px;
	height: 70px;
	text-align: center;
	margin-top:0px;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}

.sw0 {
	background: #000;line-height:65px;
}

.sw0:after {
	content: 'Solar Wind';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.sw3 {
	background: #9ABA2F;line-height:65px;
}

.sw3:after {
	content: 'Solar Wind';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.sw5 {
	background: #e48f4c;line-height:65px;
}

.sw5:after {
	content: 'Solar Wind';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.sw67 {
	background: #ee7259;line-height:65px;
}

.sw67:after {
	content: 'Solar Wind';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.sw08 {
	background: #d15e52;line-height:65px;
}

.sw08:after {
	content: 'Solar Wind';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}


.kp0,.kp3,.kp35,.kp5,.kp67,.kp08 {
	font-size: 26px;
	font-family:'weathertext',Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 0px;
	border-radius: 50%;
	margin-left: 0px;
	border: 0 solid #777;
	width: 70px;
	height: 70px;
	text-align: center;
	margin-top:0px;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}

.kp0 {
	background: #000;line-height:65px;
}

.kp0:after {
	content: 'K-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.kp3 {
	background: #9ABA2F;line-height:65px;
}

.kp3:after {
	content: 'K-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.kp5 {
	background: #e48f4c;line-height:65px;
}

.kp5:after {
	content: 'K-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.kp67 {
	background: #ee7259;line-height:65px;
}

.kp67:after {
	content: 'K-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.kp08 {
	background: #d15e52;line-height:65px;
}

.kp08:after {
	content: 'K-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;
}

.credit{
position:absolute; 
font-size: 9px;
bottom:10px;
color:#ccc;
margin-left:200px;


}

a{ 
font-size: 10px;
color:#ff8841;
text-decoration:none;

}

.aiarea {
	
	border:1px solid #777;
	width: 700px;
	height:100px;
	padding:10px;
	margin-top:0px;
	margin-left:80px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	
}


.ai0,.ai3,.ai35,.ai5,.ai67,.ai08 {
	font-size: 26px;
	font-family:'weathertext',helvetica,arial;
	color: #fff;
	margin-top: 0px;
	border-radius: 50%;
	margin-left: 0px;
	border: 0 solid #777;
	width: 70px;
	height: 70px;
	text-align: center;
	margin-top:0px;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}

.ai0 {
	background: #000;line-height:65px;
}

.ai0:after {
	content: 'A-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.ai3 {
	background: #9ABA2F;line-height:65px;
}

.ai3:after {
	content: 'A-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.ai5 {
	background: #e48f4c;line-height:65px;
}

.ai5:after {
	content: 'A-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.ai67 {
	background: #ff8841;line-height:65px;
}

.ai67:after {
	content: 'A-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}

.ai08 {
	background: #d65b4a;line-height:65px;
}

.ai08:after {
	content: 'A-Index';
	position:absolute;
	display: block;
	font-size: 9px;
	line-height:10px;
	margin-top:-22px;
	margin-left:10px;
	width:50px;
	font-weight:600;font-family:'weathertext',helvetica,arial;
}