html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
background-color:#777777; 
    display: table-cell;
    vertical-align: top;
 margin: 0; padding: 0;
}
div#main_title_ {
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
        color: #aaaabb;
  	text-align: right;
        margin-right:10px;
}
div#bottom_title_ {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
        /*color: #aaaabb;*/
        color: #ccccdd;
  	text-align: left;
}
div#_graph_ {
	display: block;
	witdh: 450px;
}
div#wind_ {
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight: bold;
        /*color: #aaaabb;*/
        color: #444477;
  	/*text-align: center;*/
        /*margin-left:33%;*/
        /*margin-top:5px;*/
}
td[rowspan] {
  vertical-align: top;
  text-align: left;
}
table.meteotable_ {
        background-color: #333334;
        padding: 0px;
        border-collapse:collapse; border-spacing: 0;
	border: 0px solid white;
}
table.c1 {
        padding: 0px;
        border-collapse:collapse; border-spacing: 0;
}
td.level_r_ {
        background-color: #333333;
        color: #aaaabb;
        border:1px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
        margin-left:auto;
        margin-right:auto;
        border-style: outset;
        z-index:5000;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
	text-align:right;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
td.level_l_ {
        background-color: #111111;
        color: #ffffff;
        border:1px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
        margin-left:auto;
        margin-right:auto;
        border-style: outset;
        z-index:5000;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
	text-align:right;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
td.level_x_ {
        background-color: #333333;
        color: #aaaabb;
        border:1px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
        margin-left:auto;
        margin-right:auto;
        border-style: outset;
        z-index:5000;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#wind {
        background-color: #000000;
}
div#name {
        background-color: #111111;
        color: #ffffff;
        border:1px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
        margin-left:auto;
        margin-right:auto;
        width:200px; 
        height:31px;
        border-style: outset;
        display: none; 
        z-index:5000;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
        position:absolute; left: 5px; top : 15px;
        overflow:auto;
	text-align:center;
}
div#led_button {
        background-color: #666666;
        position:absolute; left: 35px; top : 215px;
}
div#led {
        background-color: #666666;
        position:absolute; left: 484px; top : 17px;
}
div#led0 {
        background-color: #666666;
        position:absolute; left: 484px; top : 17px;
}
td.map_ {
	text-align:center;
	background-image:url(../png/CNeM.png);
	background-repeat:no-repeat;
	width:450px;
	height:202px;
  	vertical-align: middle;
        margin-left:auto;
        margin-right:auto;
}
.ipo {
	cursor: pointer;
}
div.counter_ {
	cursor: pointer;
        background-color: #000000;
        color: #00dd00;
        border:1px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
        margin-left:auto;
        margin-right:auto;
        width:auto;
        /*height:24px;*/
        border-style: outset;
        display: none;
        z-index:5000;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
        /*position:absolute; left: 275px; top : 15px;*/
        overflow:auto;
	text-align:center;
}
div#panel {
        background-color: #000000;
        color: #00dd00;
        border:0px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
	cursor: pointer;
        margin-left:auto;
        margin-right:auto;
        /*width:470px;*/
        /* height:170px;*/
        width:auto;
        height:auto;
        border-style: outset;
        /* display: none; */
        /* position:absolute; left: 270px; top : 483px; */
        position:absolute; left: 0px; top : 0px; */
        overflow:auto;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
}
div#xterm {
        background-color: #111111;
        color: #00dd00;
        border:7px solid #eeeeee; /* Default fieldset borders vary cross browser, so make them the same */
	cursor: pointer;
        margin-left:auto;
        margin-right:auto;
        width:450px;
        height:125px;
        border-style: outset;
        display: none;
        z-index:5000;
        /* for IE */
        filter:alpha(opacity=75);
        /* CSS3 standard */
        opacity:0.75;
        /* position:absolute; left: 170px; top : 483px; */
        overflow:auto;
}
div#div_gotemp {
	cursor: pointer;
        background-color: #717171;
        position:absolute; left: 25px; top : 75px;
}
div#div_gwind {
	cursor: pointer;
        background-color: #717171;
        position:absolute; left: 25px; top : 290px;
}
div#div_datepicker {
	cursor: pointer;
        background-color: #717171;
        position:absolute; left: 25px; top : 525px;
}
div#div_hourly {
	cursor: pointer;
        background-color: #717171;
        position:absolute; left: 25px; top : 500px;
        overflow:auto;
}
div#div_copyright {
        background-color: #717171;
        position:absolute; left: 25px; top : 715px;
        overflow:auto;
}
div#div_ms {
        background-color: #000000;
        position:absolute; left: 25px; top : 283px;
}
div#div_dew {
        background-color: #000000;
        position:absolute; left: 25px; top : 85px;
}
div#div_photo {
	cursor: pointer;
        border:4px solid #444444; /* Default fieldset borders vary cross browser, so make them the same */
        background-color: #cccccc;
        position:absolute; left: 225px; top : 283px;
        overflow:auto;
}
div#div_switch {
	cursor: pointer;
        background-color: #000000;
        position:absolute; left: 225px; top : 260px;
        overflow:auto;
}
div#div_kn {
        background-color: #666666;
        position:absolute; left: 110px; top : 255px;
}
div#div_compass {
        background-color: #666666;
        position:absolute; left: 40px; top : 350px;
}
img#img_arrow {
        /* for IE */
        /* filter:alpha(opacity=0); */
        /* CSS3 standard */
        /* opacity:0; */
        /* background-color: #666666; */
        position:absolute; left: 118px; top : 350px;
}
div#div_glass_itemp {
        position:absolute; left: 433px; top : 45px;
}
div#div_glass_otemp {
        position:absolute; left: 363px; top : 45px;
        z-index:6000;
}
div#div_glass_ohum {
        position:absolute; left: 290px; top : 45px;
}
div#div_glass_ihum {
        position:absolute; left: 220px; top : 45px;
}
div#div_glass_hpa {
        position:absolute; left: 150px; top : 45px;
}
div#div_glass_rain {
        position:absolute; left: 80px; top : 45px;
}
div#div_itemp {
        background-color: #cccccc;
        position:absolute; left: 430px; top : 50px;
        overflow:auto;
}
div#div_otemp {
        background-color: #cccccc;
        position:absolute; left: 360px; top : 50px;
        overflow:auto;
}
div#div_ohum {
        background-color: #cccccc;
        position:absolute; left: 290px; top : 50px;
        overflow:auto;
}
div#div_ihum {
        background-color: #cccccc;
        position:absolute; left: 220px; top : 50px;
        overflow:auto;
}
div#div_hpa {
        background-color: #cccccc;
        position:absolute; left: 150px; top : 50px;
        overflow:auto;
}
div#div_rain {
        background-color: #cccccc;
        position:absolute; left: 80px; top : 50px;
        overflow:auto;
}
div#basicMap {
        background-color: #444444;
        color: #00dd00;
        border:5px solid #444444; /* Default fieldset borders vary cross browser, so make them the same */
	cursor: pointer;
        margin-left:auto;
        margin-right:auto;
        width:477px;
        height:190px;
        border-style: outset;
        /* display: none; */
        z-index:5000;
        /* for IE */
        /* filter:alpha(opacity=75); */
        /* CSS3 standard */
        /* opacity:0.75; */
        /* position:absolute; left: 170px; top : 483px; */
        position:absolute; left: 17px; top : 555px;
        overflow:auto;
}
div#radar_small {
	cursor: pointer;
}
div#zoom {
        position:absolute; left: 20%; top : 25%;
        display: none; 
	cursor: pointer;
        z-index:15000;
}
div#left_content {
        position:relative; left: 0px; top : 0px;
}
div#right_content {
        position:relative; left: 0px; top : 0px;
}
td.td_left { text-align:left; }
td.td_right { text-align:right; }
td.xtermTableR {
text-align:right;
#background:#111111;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#dddddd;
}
td.xtermTableL {
text-align:left;
#background:#111111;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#dddddd;
}
td.NxtermTableR {
#height:10px;
text-align:right;
background:#00dd00;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
td.NxtermTableL {
#height:10px;
text-align:left;
background:#dddddd;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
a.hourly {
color:#eeeeee;
text-decoration: none;
}
td.hourly {
background:#000000;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#eeeeee;
}
td.counter_f {
background:#000000;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#ffffff;
}
td.counter {
background:#444477;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#ffffff;
}
#lane {
  position:relative; left: 0px; top : 10px;
}
#bullet {
  position:relative; left: -175px; top : 0px;
}
td.counter_label_ {
text-align:center;
background:#444444;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/*color:#77ee77;*/
color:#ffffff;
}
/*
 * for radarChart
 */
.legend {
	font-family: 'Raleway', sans-serif;
	fill: #ffffff;
}
.tooltip {
	fill: #ffff00;
}
div.radarChart {
/*background:#ffffff;*/
font-family: 'Open Sans', sans-serif;
				font-size: 10px;
				font-weight: 300;
				fill: #242424;
				text-align: center;
				/*text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;*/
	cursor: pointer;
        width:150px;
        height:150px;
}
div.radarChartZ {
background:#333334;
font-family: 'Open Sans', sans-serif;
				font-size: 10px;
				font-weight: 300;
				fill: #242424;
				text-align: center;
				/*text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;*/
	cursor: pointer;
        width:756px;
        height:425px;
}
div.radarChartR {
background:#dddddd;
font-family: 'Open Sans', sans-serif;
				font-size: 10px;
				font-weight: 300;
				fill: #242424;
				text-align: center;
				/*text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;*/
	cursor: pointer;
        width:756px;
        height:425px;
        border:5px solid #444444; /* Default fieldset borders vary cross browser, so make them the same */
}
a.link_nd {
color: #FFFFFF;
text-decoration: none;
}
a {
    text-decoration: none;
}
a:link, a:visited {
    color: #ffffff;
}
a:hover {
    color: #ffffff;
}
.wd_container { 
	position: relative;
}
/*
 * radial Wind Graph
 */
.frame {
  fill: none;
  stroke: #000;
}

.axis text {
  font: 10px sans-serif;
}

.axis line,
.axis circle {
  fill: none;
  stroke: #777;
  stroke-dasharray: 1,4;
}

.axis :last-of-type circle {
  stroke: #333;
  stroke-dasharray: none;
}

.line {
  fill: none;
  stroke: red;
  stroke-width: 1.5px;
}
tr.tr_top { vertical-align: top; }
tr.tr_bottom { vertical-align: bottom; }
td.td_center { text-align: center; }
td.td_left { text-align: left; }
td.td_right { text-align: right; }
td.td_inline { display: inline; }
td.td_center_i { 
td.td_center { text-align: center; }
display: inline; 
}
DIV.helpbox {
position: absolute;
top: 50px;
left: 50%;
width: auto;
height: auto;
text-align: justify;
background-color: #ffffaa;
/*visibility: hidden;*/
opacity: .87;
margin-left: 7px;
margin-right: 7px;
border-style: solid;
border-color: #444499;
border-width: 1px 5px 5px 1px;
        z-index:15000;
  font: 10px sans-serif;
}
div#javi_ {
        position:absolute; left: 0px; top : 0px;
}
canvas#cjavi_ {
	border: 1px solid black;
}