/* CSS Document */
.title {font-size:55px;   font-family:arial; color:#0e0ef9; font-weight:bold; text-decoration:none; display:table-cell; vertical-align:top;}
.title a{text-decoration:none; color:#0e0ef9; vertical-align:bottom; text-align:left;}
.titleMob {font-size:25px;   font-family:arial; color:#0e0ef9; font-weight:bold; text-decoration:none; display:table-cell; vertical-align:top;}
.titleMob a{text-decoration:none; color:#0e0ef9; vertical-align:bottom; text-align:left;}
.titleB {font-size:25px;   font-family:arial; color:#0e0ef9; font-weight:bold; text-decoration:none; display:table-cell; vertical-align:top;}
.titleB a{text-decoration:none; color:#0e0ef9; vertical-align:bottom; text-align:left;}
.textTitle{font-size:20px; font-family:arial; color:blue; font-weight:bold; }
.textTitleMob{font-size:12px; font-family:arial; color:blue; font-weight:bold; }

.textBar{font-size:11px; font-family:arial; font-weight:bold; background-color:#569cff; white-space:nowrap;}
.textBar ul{margin:0px; padding-left:40px; list-style-type:none; list-style-image:none;}
.textBar li{display:inline;}
.textBar a {color:blue; padding:2px 20px 1px 20px; text-decoration:none;}
.textBar a:hover{background-color:#2680ff; color:red;}
.textBar td {padding:0px; border:3px inset #7fd6ff; text-decoration:none;}
.textBar td#activelinkB1 a{background-color:#0741ff; color:yellow;}
.textBar td#activelinkB2 a{background-color:#0741ff; color:yellow;}

.textBody  {font-size:12px; font-family:arial; color:black;}
.textBody a{text-decoration:none; color:blue;}
.textBody a:hover {color:red;}
.textFoot  {font-size:12px; font-family:arial; color:black; text-align:center; vertical-align:middle;}
.textFoot a{text-decoration:none; color:blue;}
.textDP {font-size:16px; font-family:arial; color:blue; font-weight:bold;}
.textDP2{font-size:20px; font-family:arial; color:blue; font-weight:bold;}
.textRx {text-align:right;}
.textCx {text-align:center;}
.textLx {text-align:left;}
.textB  {font-weight:bold;}

.textMenuLeft, .textMenuLeftC {font-size:10px; font-family:arial; color:black;}
.textMenuLeft, .textMenuLeftC a{text-decoration:none; color:blue;}
.textMenuLeftC {text-align:center;}

.bodyMap  {width:810px; height:580px;} /*width 810+10+10=830 (1000-170)*/
.bodyMap0 {width:810px; height:400px;}
.bodyMap1 {width:810px; height:580px;}
.bodyMap2 {width:810px; height:800px;}
.bodyMapF {width:100%; height:420px;}  
.bodyMapL {width:100%; height:800px;}  
.bodyMapC {width:100%; height:300px;}  
.bodyMapD {width:auto; height:400px; }  
.bodyMap100 {width:100%; height:100%;}  
.mapCoo  {width:340px; height:120px; background-color:#D4FFD4; text-align:right;}/*70+260*/
.mapCooL {width:450px; height:300px; background-color:#D4FFD4; text-align:right;}
.mapDist {width:650px; height:400px; background-color:#D4FFD4;}
.b0 {border:0px solid black}
.if0 {border:none; overflow:hidden;}
.ifW {width:730px; height:700px; border:none; overflow:visible;}

table.tDP {background-color:transparent; border-color:#7fd6ff; text-decoration:none; font-size:11px; width:100%; border-spacing:0px; border-collapse:collapse;}
table.tDP td, th {padding:6px; border:3px inset #7fd6ff;}
table.tDP tr:hover {background-color:#7fd6ff; color:white;}
table.tDP a {color:blue; text-decoration:none;}
table.tDP a:hover {color:red;}
table.tDP td#activelinkML  {background-color:#7fd6ff; color:yellow;}
table.tDP td#activelinkML a{background-color:#7fd6ff; color:yellow;}

table.tDP2 {background-color:#e9f0ff; color:black; text-decoration:none; border-spacing:2px; border-collapse:collapse;}
table.tDP2 td, th {padding:3px; border:3px inset grey;}
table.tDP2 tr:hover {background-color:#b5cae9; color:blue;}

table.tDP3 td, th {padding:4px; border-bottom-style:dotted; border-bottom-width:thin; border-bottom-color:green;}
table.tDP3 tr:hover {background-color:#ecf4fd;}

table.tDP4 {background-color:#e9f0ff; color:black; text-decoration:none; border-spacing:0px; border-collapse:collapse; width:100%;}
table.tDP4 td, th {padding:2px; border:0px inset grey;}

table.tDP5 {background-color:transparent; color:black;}
table.tDP5 td, th { border:0px inset grey;}

table.tDP6 {background-color:transparent; color:black; width:100%;}
table.tDP6 td, th { padding:3px; border:0px inset grey;text-align:center; vertical-align:middle;}

.tdMP {border-bottom-style:dotted; border-bottom-width:thin; border-bottom-color:green;}
.tdMPMob {border-bottom-style:dotted; border-bottom-width:thin; border-bottom-color:green; width:100%;}
.tdMP2{border-bottom-style:dashed ;border-bottom-width:thin ;border-bottom-color:blue;}
.tML {color:black;}/*background-color:#e9f0ff; */
.tHead{background-color:blue; color:yellow; font-weight:bold; text-align:center;}
.td0 {background-color:#7fd6ff; color:black;} 
.td1 {background-color:#ecf4fd; color:black;} 
.td2 {background-color:#ebc6b4; color:black;} 
.td3 {background-color:#CC9999; color:black;}
.td4 {background-color:#9999CC; color:black;}
.td5 {background-color:#DDDDDD; color:black; text-align:right;}
.td6 {background-color:#DDDDDD; color:black;}
.td7 {background-color:#D4FFD4; color:black;}
.td00{background-color:#ecf4fd; color:#ecf4fd;}
.tdW {background-color:white; color:white;}
.tdWB{background-color:white; color:black;}
.tdGB{background-color:#e6e6e6; color:black;}
.tdWR{background-color:white; color:red;}
.tdM {background-color:#2680ff; color:yellow;}
.tdE {background-color:#dbe6fa; color:black;}
.tdO {background-color:#e9f0ff; color:black;} 
.tdHL{background-color:#b5cae9; color:black;}
.tdH2{background-color:#fffcae; color:black;} 
.td20{width:20px;}
.td30{width:30px;}
.td40{width:40px;}
.td70{width:70px;}
.td100{width:100px;}
.td300{width:300px;}
.tdAC{text-align:center; vertical-align:middle;}
.tdAR{text-align:right;}
.tdAB{vertical-align:bottom;}
.tdAT{vertical-align:top;}
.tbw {width:740px; height:20px; overflow:auto;}
.tbl0{border-spacing:0px; border-collapse:collapse; border:0px;}
.tbl1{border-spacing:1px; border-collapse:separate; border:0px;}

.imgLx {float:left; margin:2px;}
.imgRx {float:right; margin:2px;}
.disN {display:none;}
.visY {visibility:visible;}

.bgGrey {background-color:#e6e6e6;}
.bgRed  {background-color:red;}
.hrB {color:#7fd6ff; border:transparent; border-bottom:2px dotted;}
.hrG {color:#7fffa1; border:transparent; border-bottom:2px dotted;}

.context_menu{background-color:white;	border:1px solid gray;}
.context_menu_item{padding:3px 6px;}
.context_menu_item:hover{background-color:#7fd6ff;}
.context_menu_separator{background-color:gray; height:1px;	margin:0px;	padding:0px;}
div.fullWidth {width: 100%;}

#container{width:100%; height:100%; top:  0px; left:  0px; position:relative; margin: 0px auto;}
#toppage  {width:100%; height:140px; top:  0px; left:  0px; position:relative;}
#toppageMob{width:100%; height:100%; top:  0px; left:  0px; position:relative;}
#head        {width:100%; height:100px; top:  0px; left:  0px; position:absolute;}/* background-color:#ecf4fd;*/
#headMob  {width:100%; height:100%;  top:  0px; left:  0px; position:relative;}/* background-color:#ecf4fd;*/
#title      {width:100%; height: 80px; top:  3px; left:  0px; position:absolute;}/* background-color:#ecf4fd;*/
#titleMob{width:100%; height: 100%; top:  3px; left:  0px; position:relative;}
#bar          {width:100%; height: 100%; top:100px; left:  0px; position:absolute;}/* background-color:#ecf4fd;*/
#barMob    {width:100%; height: 100%; top:  0px; left:  0px; position:relative;}/* background-color:#ecf4fd;*/
#bar1        {width:100%; height: 20px; top:100px; left:  0px; position:absolute; background-color:#7fb4ff;}
#bar2        {width:100%; height: 25px; top:125px; left:  0px; position:absolute; background-color:#7fd6ff;}
#midpage  {width:100%; height: 100%; top:  0px; left:  0px; position:relative;}
#menuLeft{width:15%; height: 100%; top:  10px; left:  0px; position:absolute; padding: 2px; max-width: 166px}/*width 166+2+2=170*//* background-color:#ecf4fd;*/
#menuRight{width: 126px; height: 100%; top:  0px; left:870px; position:absolute; background-color:#ecf4fd; padding: 2px;}/*width 126+2+2=130*/
#data        {width: 85%; height: 100%; top:  10px; left:170px; position:relative; background-color:#ffffff; padding:10px; min-width: 234px}/*width 810+10+10=830 (1000-170)*/
#dataMob  {width: 98%; height: 100%; top:  10px; left:  0px; position:relative; background-color:#ffffff; padding:10px; min-width: 234px}/*width 810+10+10=830 (1000-170)*/
#dataR      {width: 720px; height: 100%; top:  0px; left:130px; position:relative; background-color:#ffffff; padding:10px;}/*width 720+10+10=740 (1000-130-130)*/
#footer    {width: 100%; height: 20px; top:  0px; left:170px; position:relative; background-color:#7fe5ff; padding:4px 4px 4px 4px;}/*padding-top-bottom-right-left*/
#footerMob {width: 100%; height: 20px; top:  0px; left:0px; position:relative; background-color:#7fe5ff; padding:4px 4px 4px 4px;}/*padding-top-bottom-right-left*/
#title_W  {width: 600px; height: 80px; top:  3px; left: 50px; position:absolute; background-color:white;}
#menuL_W  {width: 166px; height: 100%; top:  0px; left:  0px; position:absolute; background-color:white; padding: 2px;}
#menuR_W  {width: 126px; height: 100%; top:  0px; left:870px; position:absolute; background-color:white; padding: 2px;}

#bar1 li#activelinkB1 a{background-color:#0741ff; color:yellow;}
#bar2 li#activelinkB2 a{background-color:#0741ff; color:yellow;}

#menuLeft ul {margin:0px; padding-left:10px; list-style-type:none; list-style-image:none; }
#menuLeft li { }
#menuLeft li a{padding:0px 5px 0px 5px; color:#036;}
#menuLeft li a:hover{background-color:#76f79d; color:red;}
#menuLeft li#activelink a{background-color:#4be57e; color:yellow;}

/*
#D4FFD4 green light
#7fffa1 Head green
#ebc6b4 pink
#CC9999 red grey
#9999CC blue purple
#DDDDDD grey light
#2680ff blue
#0741ff blue
#7fd6ff blue sky
#dbe6fa blue light
#e9f0ff blue light light
#f3f6fb blue light light +
#ecf4fd blue light light G
#b5cae9 white
#fffcae yellow light
*/