body { background: white;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	}

.text {
	padding: 1px;
	font-size: 11px;
	text-align: left;
	color: black;
	font-weight: normal;
	line-height: 16px;
	}

h1, h2, h3 { color: black; }

a	{
	color: blue;
	outline: none;
}
a:hover	{ color: #6666ff; }
a:active	{ color: black; }

.prefs_box {
	border: 1px solid #939BCA;
	padding: 1px;
	background: white;
	font-size: 9.5px;
	font-weight: bold;
	text-align: left;
	color: black;
	width: 125px;
	}
	
.prefs_button {
	margin-top: 2px; 
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 125px;
	}

.date_button {
	margin-top: 1px; 
	font-size: 9.5px;
	font-weight: bold;
	text-align: left;
	width: 70px;
	}

.prefs_label {
	padding: 1px;
	padding-top: 5px;
	font-size: 9.5px;
	}
	
.box_label {
        font-size: 24px;
        text-align: center;
        color: white;
        background-color: #999999;
        width: 100%;
	}
	
.box_contents {
    padding-top: 1px;
	font-size: 9.5px;
	font-weight: bold;
	text-align: center;
	color: white;
	}
	
.box_high {
    padding-top: 1px;
	font-size: 9.5px;
	font-weight: bold;
	text-align: center;
	color: white;
	background: #F4F4F4;
	}
	
.column_A {
	border-right: 1px solid #939BCA;
	padding: 2px;
	background: #ccd0dd;
	width: 125px;
	height: 100%;
	vertical-align: top;
	}

.column_B {
	border-right: 1px solid #939BCA;
	padding: 0px;
	background: white;
	width: 480px;
	vertical-align: top;
	}
.column_C {
	border-right: 1px solid #939BCA;
	padding: 0px;
	background: white;
	width: 385px;
	vertical-align: top;
	}
	
.data_station {
	padding-left: 3px;
	background: #ccd0dd;
	border: 1px solid  #939BCA;
	height: 26px;
	font-size: 14px;
	text-align: left;
	color: #000044;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	}
	
.data, .data_lab {
	padding: 1px;
	font-size: 11px;
	text-align: left;
	color: black;
	font-weight: normal;
	line-height: 14px;
	}

.data_lab {
	background: #CCCCCC;
}
	
.now .data_lab {
	background: white;
}

.now .fcastc, .now .data_lab, .now .datac {
 	font-weight: bolder;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

.header {
	padding-left: 3px;
	border: 1px solid  #CCCCCC;
	font-size: 11px;
	text-align: left;
	color: black;
	font-weight: bold;
	background: #CCCCCC;
	}

.datar {
	padding: 1px;
	font-size: 11px;
	text-align: right;
	color: black;
	font-weight: normal;
	line-height: 14px;
	}
	
.datac {
	padding: 1px;
	font-size: 11px;
	text-align: center;
	color: black;
	font-weight: normal;
	line-height: 14px;
	}

.newinfo{
	padding: 5px;
	font-size: 11px;
	color: gray;
	background: #eeeeee;
	}

.fcastc {
	padding: 2px;
	border-top: 1px solid  white;
	border-bottom: 1px solid  white;
	border-right: 2px solid  white;
	border-left: 2px solid  white;
	font-size: 11px;
	text-align: center;
	color: black;
	font-weight: normal;
	line-height: 14px;
	}

.fcastsc {
	padding: 0px;
	border-top: 1px solid  white;
	border-bottom: 1px solid  white;
	border-right: 2px solid  white;
	border-left: 2px solid  white;
	font-size: 11px;
	text-align: center;
	color: black;
	font-weight: normal;
	line-height: 14px;
	}

small {
	font-size: 10px;
	line-height: 10px;
	}

.popup {
	border: 2px solid  #CCCCCC;
	padding: 0px;
	font-size: 9px;
	text-align: left;
	color: black;
	font-weight: normal;
	background: #ffffe0;
	}

.popup_label {
	border-bottom: 1px solid gray;
	}
	
.popup_label small {
	font-size: 6px;
	line-height: 6px;
	}

.footer {
	border-top: 2px solid  #939BCA;
	line-height: 8px;
	background: #ccd0dd;
        font: 12px Arial, Helvetica, sans-serif;
	height: 20px;
	}

#tab1, #tab2, #tab3 {
        height:100%;
	width: 125px;
	vertical-align:top;
	}

.boundbox {
	position: relative;
	height: 408px;
	margin: 10px;
	padding-top: 0px;
	font-size: 16px;
}

.boundbox td { font-size: 16px;}

.panel, .qr {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	margin: 0px;
	padding: 10px;
	background: #EEEEEE;
}

.qr {
	color: gray;
	font-size: 11px;

	position: absolute;
	bottom: 0px;
}

.qr h1 {
	width: 345px;
	color: #444444;
	font-size: 12px;
}

.qr a {
	color: gray;
	font-weight: bold;
}

#cpanel { width: 100%; }

#cpanel td {
	padding: 4px;
	font-size: 11px;
        text-align: center;
}

#cpanel td table { border-collapse: collapse; }

#cpanel td td {
	padding: 7px 2px 7px 2px;
	background: silver;
	color:	gray;
}

#cpanel .caldate {
	width: 15%;
	background: #aaaaaa;
}

.tzcls, #tzlab {
	font-size: 11px;
        text-align: right;
	color:	gray;
}

#L1, #L2 {
	font-size: 24px;
	padding-left: 10px;
	padding-top: 1px;
	background: #cccccc;
}

#L3 {
	font-size: 32px;
	padding-bottom: 10px;
}

.ovimg img {
	background: #EEEEEE;
        width: 197px;
        height: 230px;
	border: none;
        }

#pup2 {
	background: white;
	position: absolute;
	visibility: hidden;
	width: 866px;
	height: 560px;
}

#M1 { padding-left: 12px; }

.ovimg td {
        padding-top: 1px;
        padding-right: 6px;
        padding-left: 12px;
}

.de, .es, .fr, .gb, .it, .us {
background: url("i/sp1.png") no-repeat top left;
width: 16px;
height:	11px;
margin-left: 4px;
margin-bottom: 4px;
margin-top: 2px;
float: left;
}

.gb { margin-left: 3px;}

.aE, .aENE, .aESE, .aN, .aNE, .aNNE, .aNNW, .aNW, .aS, .aSE, .aSSE, .aSSW, .aSW, .aW, .aWNW, .aWSW {
background: url("i/sp1.png") no-repeat top left;
width: 12px;
height:	12px;
}

.aE { background-position: 0 -12px; } 
.aENE { background-position: 0 -36px; } 
.aESE { background-position: 0 -60px; } 
.aN { background-position: 0 -84px; } 
.aNE { background-position: 0 -108px; } 
.aNNE { background-position: 0 -132px; } 
.aNNW { background-position: 0 -156px; } 
.aNW { background-position: 0 -180px; } 
.aS { background-position: 0 -204px; } 
.aSE { background-position: 0 -228px; } 
.aSSE { background-position: 0 -252px; } 
.aSSW { background-position: 0 -276px; } 
.aSW { background-position: 0 -300px; } 
.aW { background-position: 0 -324px; } 
.aWNW { background-position: 0 -348px; } 
.aWSW { background-position: 0 -372px; } 
.de { background-position: 0 -396px; } 
.es { background-position: 0 -419px; } 
.fr { background-position: 0 -442px; } 
.gb { background-position: 0 -465px; } 
.it { background-position: 0 -488px; } 
.us { background-position: 0 -511px; } 

.spBlank, .spFF, .spMM, .spb0, .spb1, .spb2, .spb3, .spb4, .spb5, .spb6, .spb7, .spb8, .spb9, .spba, .spf0, .spnFF, .spnMM, .spnb0, .spnb1, .spnb2, .spnb3, .spnb4, .spnb5, .spnb6, .spnb7, .spnb8, .spnb9, .spnba, .spnf0, .spno0, .spno1, .spno2, .spno3, .spno4, .spno5, .spno6, .spno7, .spno8, .spno9, .spnoa, .spns0, .spns1, .spns2, .spns3, .spns4, .spns5, .spns6, .spns7, .spns8, .spns9, .spnsa, .spo0, .spo1, .spo2, .spo3, .spo4, .spo5, .spo6, .spo7, .spo8, .spo9, .spoa, .sps0, .sps1, .sps2, .sps3, .sps4, .sps5, .sps6, .sps7, .sps8, .sps9, .spsa {
background: url("i/sp2.png") no-repeat top left;
width: 28px;
height:	26px;
}

.spBlank { background-position: 0 -30px; } 
.spFF { background-position: 0 -86px; } 
.spMM { background-position: 0 -142px; } 
.spb0 { background-position: 0 -198px; } 
.spb1 { background-position: 0 -254px; } 
.spb2 { background-position: 0 -310px; } 
.spb3 { background-position: 0 -366px; } 
.spb4 { background-position: 0 -422px; } 
.spb5 { background-position: 0 -478px; } 
.spb6 { background-position: 0 -534px; } 
.spb7 { background-position: 0 -590px; } 
.spb8 { background-position: 0 -646px; } 
.spb9 { background-position: 0 -702px; } 
.spba { background-position: 0 -758px; } 
.spf0 { background-position: 0 -814px; } 
.spnFF { background-position: 0 -870px; } 
.spnMM { background-position: 0 -926px; } 
.spnb0 { background-position: 0 -982px; } 
.spnb1 { background-position: 0 -1038px; } 
.spnb2 { background-position: 0 -1094px; } 
.spnb3 { background-position: 0 -1150px; } 
.spnb4 { background-position: 0 -1206px; } 
.spnb5 { background-position: 0 -1262px; } 
.spnb6 { background-position: 0 -1318px; } 
.spnb7 { background-position: 0 -1374px; } 
.spnb8 { background-position: 0 -1430px; } 
.spnb9 { background-position: 0 -1486px; } 
.spnba { background-position: 0 -1542px; } 
.spnf0 { background-position: 0 -1598px; } 
.spno0 { background-position: 0 -1654px; } 
.spno1 { background-position: 0 -1710px; } 
.spno2 { background-position: 0 -1766px; } 
.spno3 { background-position: 0 -1822px; } 
.spno4 { background-position: 0 -1878px; } 
.spno5 { background-position: 0 -1934px; } 
.spno6 { background-position: -178px -30px; } 
.spno7 { background-position: -178px -86px; } 
.spno8 { background-position: -178px -142px; } 
.spno9 { background-position: -178px -198px; } 
.spnoa { background-position: -178px -254px; } 
.spns0 { background-position: -178px -310px; } 
.spns1 { background-position: -178px -366px; } 
.spns2 { background-position: -178px -422px; } 
.spns3 { background-position: -178px -478px; } 
.spns4 { background-position: -178px -534px; } 
.spns5 { background-position: -178px -590px; } 
.spns6 { background-position: -178px -646px; } 
.spns7 { background-position: -178px -702px; } 
.spns8 { background-position: -178px -758px; } 
.spns9 { background-position: -178px -814px; } 
.spnsa { background-position: -178px -870px; } 
.spo0 { background-position: -178px -926px; } 
.spo1 { background-position: -178px -982px; } 
.spo2 { background-position: -178px -1038px; } 
.spo3 { background-position: -178px -1094px; } 
.spo4 { background-position: -178px -1150px; } 
.spo5 { background-position: -178px -1206px; } 
.spo6 { background-position: -178px -1262px; } 
.spo7 { background-position: -178px -1318px; } 
.spo8 { background-position: -178px -1374px; } 
.spo9 { background-position: -178px -1430px; } 
.spoa { background-position: -178px -1486px; } 
.sps0 { background-position: -178px -1542px; } 
.sps1 { background-position: -178px -1598px; } 
.sps2 { background-position: -178px -1654px; } 
.sps3 { background-position: -178px -1710px; } 
.sps4 { background-position: -178px -1766px; } 
.sps5 { background-position: -178px -1822px; } 
.sps6 { background-position: -178px -1878px; } 
.sps7 { background-position: -178px -1934px; } 
.sps8 { background-position: -356px -30px; } 
.sps9 { background-position: -356px -86px; } 
.spsa { background-position: -356px -142px; }