/* body { border: 1px solid #FF0000; text-align:center; margin: 0 auto; } */


.ButtonText { background-color:#D8D8D8; border:1px solid #888888; padding:2px; }
.table,.mtable { width:100%; border-collapse:collapse; border: 0px solid #0000FF; text-align:center; margin: 0 auto; background-color:#FFFFE0; }
.mtable { width:100%; border-collapse:collapse; border: 0px solid #0000FF; text-align:center; margin: 0 auto; background-color:#FFFFE0; }

.table .table { width:100%; border: 0px solid #0000FF; }
.table .table td { padding:1px; font-size:145%; border-top:3px solid #FFFFE0; }
.table .table button { font-size:92%; text-align:center; }
.table .table label { font-size:100%; text-align:center; }

.table .mtable { width:100%; border: 0px solid #0000FF; }
.table .mtable td { padding:1px; font-size:145%; border-top:3px solid #FFFFE0; line-height: 200%; padding: 5px; }
.table .mtable button { font-size:92%; text-align:center; padding: 5px; }
.table .mtable label { font-size:100%; text-align:center; }

.ui-icon {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Chrome, Safari, Opera */
  transform: scale(2);
}
.ui-datepicker-year,.ui-datepicker-month {
    -ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Chrome, Safari, Opera */
    transform: scale(0.95);
    vertical-align: middle;
}
.ui-datepicker-year select,.ui-datepicker-month select {
    vertical-align: middle;
}

#___ { background: url(//www.hko.gov.hk/gts/astronomy/image/ui-bg_highlight-soft_75_2244ff_1x100.png) #2244ff repeat-x 50% 50%; color:#ffffe0; }

.table .table td.Button1 { width:14%; }
.table .table td.Slash { width:0%; }
.table .table td.Input1 { width:35%; }
.table .table td.Space { width:0%; }
.table .table td.Input2 { width:37%; }
.table .table td.Button2 { width:14%; }

.table .mtable td.Button1 { width:20%; }
.table .mtable td.Slash { width:5%; }
.table .mtable td.Input1 { width:50%; }
.table .mtable td.Button2 { width:20%; }

#tr_DateTime { background-color:#70B6F8; color:#000000; width:100%; }
#tr_DateTime input,select { font-size:95%; text-align:center; padding:1px; }

#tr_Place { background-color:#85CB51; color:#000000; width:100%; }
#tr_Place input[type="text"] { font-size:95%; text-align:center; width:50%; padding:1px; }

[id^=select] { text-align:center; font-size:100%; }
[id^=td_Title] { text-align:center; font-size:140%; font-weight:bold; width:100%; margin:0 auto; }
#Chart1 { position: relative; vertical-align: middle; width:100%; height:auto; margin: 0 auto; text-align:center; font-size:100%; }
.canvas-fix { display: block; width: 100%; visibility: hidden; }
#SVG0 { position: absolute; top: 0; left: 0; width: 100%; background-color: #ffffe0; text-align: center; }
[id^=div_Text3] { text-align:justify; font-size:132%; }
[id^=div_Text] { width: 90%; margin: 0 auto; line-height:130%; }
.td_Blank { font-size:80%; }
[id$=Line] { color:#0000FF; }
#td_Note1 { background-color:#F0F0F0; padding:10px 25px 10px 10px; text-align:left; letter-spacing:3px; border:1px solid #F790A4; border-top:10px solid #F790A4; line-height:140%; }
.title_Notes { font-size:120%; font-weight:bold; }

#bn_Refresh { fill:rgba(189, 54, 47, 1); }
#tt_Refresh { text-anchor:middle; alignment-baseline:middle; font-size:130%; fill:rgba(255,255,255, 1); }
#div_Refresh { position:relative; top:100px; left:200px; text-anchor:middle; alignment-baseline:middle; font-size:130%; background-color:rgba(189, 54, 47, 1); color:rgba(255,255,255, 1); padding:10px; border-radius:10px; }
[id^=bn_Coordinate] { width:100px; height:50px; stroke:#C0C0C0; stroke-width:1px; fill:#FFFFFF; font-size:130%; }
[id^=tt_Coordinate] { text-anchor:middle; alignment-baseline:middle; font-size:130%; fill:#C0C0C0; }

.SunPath { stroke:#FFFF00; stroke-width:6px; fill:none; }
[class*=_text] { text-anchor:middle; alignment-baseline:middle; }
		
.HH00_circle { fill:rgba(0,0,255, 0.6); }
.HH00_text { fill:rgba(0,0,255, 1); font-size:20px; stroke:rgba(255,255,0, 0.6); stroke-width:0.8px; font-weight:bold; }

#Sun { fill:#FF0000; }

.popTextL { text-anchor:start; }
.popTextR { text-anchor:end; }
#pop { fill: rgba(252,192,94, 0.65); stroke: rgba(252,0,0, 0.8); stroke-width: 2; }
#popArrow { fill: rgba(252,0,0, 0.8); }

[class^=popText] {
	font-size: 20px;
	font-weight: bold;
	fill: rgba(252,0,0, 0.9);
}

[class^=Corner_Text] { font-size: 24px; 	fill: rgba(252,0,0, 0.9); font-weight: bold; }