/*
 * main.css
 */

/* main tags */
html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden !important;
	background-color: #FFFFFF;
	/* background-image: url(../img/back.gif) */
}

/* iframe */
iframe#cautionHTML {
	border: 2px #000000 solid;
}

/* id */
/* loading */
#loading {
	width:100%;
	 height:100%;
	padding-top:10em;
	text-align:center;
	cursor:wait;
}

/* container */
#optional-container {
	width: 96%;
	height: 96%;
	/*
	margin-top: 2%;
	margin-left: 2%;
	*/
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* layout */
#head {
	height:50px;
	display:none;
}
#tail {
	padding:5px 0;
    display:none;
}
#mainPanel {
	background-color: #FFFFFF;
}


/* footer text */
#footerText {
	text-align:left;
	/* padding: 6px; */
}

/* class */
/* header buttons */
.buttons {
	overflow:auto;
	clear:both;
	position:relative;
	padding: 5px 5px 5px 5px;
	/*background-color:#7BA3B4;*/
	background-image: url(../img/title-back.gif);

}

/* ui-layout */
/* pane */
.ui-layout-pane {
    background: transparent;
    border: 0;
    padding: 0;
    overflow: auto;
}
.ui-layout-north {
    overflow: hidden;
}

.ui-layout-south {
    overflow: hidden;
    height: 140px;
}

.ui-layout-east {
    overflow: auto;
    padding: 10px;
    border: 2px solid #BBBBBB;
}
.ui-layout-center {
    overflow: hidden;
    border: 2px solid #BBBBBB;
}
/* toggler */
.ui-layout-toggler {
    color: #666666;
    border: 1px solid #BBBBBB;
    background-color: #999999;
    display: none;
}
.ui-layout-toggler:hover {
    background-color: #FFCC66;
}
.ui-layout-toggler .content {
    font: 30px bold Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 0.35ex;
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
    border-width: 0 1px;
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
    border-width: 1px 0;
}
/* resizer */
.ui-layout-resizer-sliding {
	display: none;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
	/*background-color: #FFCC66; */
	/*background-color: #ffffff; */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width:1px 1px;
	padding: 1em 1.4em;
	background: #ffffdd;
}

.ui-widget-header {
	display: block;
	border-width:1px 1px;
	padding: 0.5em 0.5em;
	color: #800000;
	background: #F5DEB3;
}

span.header_comment {
	color:#ff0000;
	font-size: 0.9em;
}

.ui-dialog {
	background: #FFFFFF;
}

.ui-dialog .ui-dialog-buttonpane {
	background: #FFFFFF;
}

/* for Popup */
table#popup {
  background-color:#fcfcfc;
}

td.popup {
  white-space:nowrap;
  border:1px solid #c0c0c0;
  background-color:#FFFDFB;
  font-size:90%;
  padding: 5px 5px 5px 5px;
}

td.popup_null {
  //white-space:nowrap;
  border:1px solid #c0c0c0;
  text-align:left;
}

th.popup {
  //font-weight:bold;
  white-space:nowrap;
  border:1px solid #c0c0c0;
  background-color:#F1FFC8;
  //padding-right:1em;
  font-size:90%;
  vertical-align:top;
  padding: 5px 5px 5px 5px;
}

span.popup {
  font-weight:bold;
  white-space:nowrap;
  font-size:110%;
  padding: 5px 5px 5px 10px;
}

/* for LayerTable */
#layerTable {
	margin:16px 0;
	width:100%;
	table-layout:fixed;
}

#layerTable table {
	margin:100px 10px 0 0;
	overflow:scroll;
}

#layerTable td {
	padding:5px 10px 5px 10px;
}

#layerTable td.on {
	cursor:pointer;
	border:1px #444444 solid;
}
#layerTable td.current {
	background-color:#ff0084;
	color:#ffffff;
}

#layerTable td.on:hover {
	background-color:#0073ea;
	color:#ffffff;
}

#layerTable td.off {
	border:0px;
}

/* for OverTable */
#overTable {
	margin:16px 0;
	width:100%;
	table-layout:fixed;
}

#overTable table {
	margin:10px 10px 0 0;
	overflow:scroll;
}

#overTable tr {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:1px #444444 solid;
	vertical-align:middle;
	background-color:#FFFDFB;
}

#overTable tr.head {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:1px #444444 solid;
	vertical-align:middle;
	background-color:#F1FFC8;
}

#overTable th {
	width:12px;
	padding:2px 2px 2px 2px;

}
#overTable td.img {
	width:30px;
	padding:2px 3px 2px 3px;
}

#overTable td.disp {
	padding:2px 2px 2px 2px;
}


/* for SymbolTable */
#symbolTable {
	margin:16px 0;
	width:100%;
	table-layout:fixed;
}

#symbolTable table {
	margin:10px 10px 0 0;
	overflow:scroll;
}

#symbolTable tr {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:1px #444444 solid;
	vertical-align:middle;
	background-color:#FFFDFB;
}

#symbolTable tr.head {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:1px #444444 solid;
	vertical-align:middle;
	background-color:#F1FFC8;
}

#symbolTable th {
	width:5%;
	padding:2px 2px 2px 2px;

}

#symbolTable td.img {
	width:5%;
	padding:2px 2px 2px 2px;
}

#symbolTable td.disp {
	padding:5px 10px 5px 10px;
}
#symbolTable span.comment {
	color:#ff0000;
	font-size: 0.9em;

}

/* 蛹ｺ蛻�繧顔ｷ� */
hr {
	display: none;
}

.definition {
	height: 2px;
	background: #800000;
}

div#titleText{
	/* background-color:#DDF0FF; */
	font-size: 24px;
}
div#titleText span{
	margin-left:10px;
	vertical-align:bottom;
}

div#helpjump{
	text-align:right;
	font-size:1em;
	height:1.8em;
}

a.popimg {
  color:#0073ea;
  font-weight:bold;
/*  text-decoration:none; */
}

.footer{
	padding:5px 0;
}
.copy{
	text-align:left;
}

.tablePan{
	background-color:#ffffff;
	height:100%;
}

#ul {
	height: 2em;
}

#explain{
	background-color:#ffffdd;
	color:#000000;
	height:1.5em;
}

.dialog{
	/*display:none;*/
	background-color:#dd0000;
}

/*
#about, #legend, #facility, #etc, #permaLink {
  display:none;
}
*/

#about h2, #legend h2, #facility h2, #etc h2, #permaLink h2 {
  font-size:1.5em;
  font-weight:bold;
}

#about h3, #legend h3, #facility h3, #etc h3, #permaLink h3 {
  font-size:1.2em;
  font-weight:bold;
}

#legend ul li {
  padding-bottom:0.5em;
}

span.tableCaption {
  font-size:12pt;
  font-weight:bold;
  text-decoration:underline;
/*
  text-align:center;
*/
}

div#mainMap{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
}

/* for Popup */
table#popup {
  background-color:#fcfcfc;
}

td.popup {
  white-space:nowrap;
}

td.popup_null {
  white-space:nowrap;
  text-align:center;
}

th.popup {
  font-weight:bold;
  white-space:nowrap;
  padding-right:1em;

}

div#about {
  height:100%;
  overflow:scroll!important;
}

div#legend {
  height:100%;
  overflow:scroll!important;
}

input#permalinkArea {
  font-size:30px!important;
}
#permalinkArea {
	font-size:1em;
	height:2.4em;
	width:90%;
}

#authority {
  font-size:8pt !important;
  /* background-color:white; */
}

/* Attribution */
.olControlAttribution {
  font-size:8pt !important;
  bottom:0.5em !important;
  right:0.5em;
  color:#404040 !important;
  background-color:white;
  padding:5px;
  border:2px solid #c0c0c0;
}

/*
.olControlOverviewMapElement {
  padding: 5px 5px 5px 5px;
  background-color: #1d2088;
  -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapContainer {
	position:absolute; top:150px; left:18px;
	width:210px;
}
**/
/*
.olControlOverviewMapMaximizeButton {
	  position:relative; top:100px; left:100px;
}

.olControlOverviewMapMinimizeButton {
	 position:relative; top:10px; left:0px;
}

*/


#facilityTableHinan tr,
#facilityTableRenraku tr,
#facilityTableByoin tr
{
  font-size:10.5pt!important;
}


.ui-jqgrid {
  font-size:12px!important;
}

.olControlMousePosition {
  color:#ff0000;
  bottom:50px !important;
  left:1em !important;

}

/*
.olImageLoadError {
    background-color: transparent;
}
*/

/*
.olControlScaleLineTop {
  border-width: medium 3px 3px;
}
*/

.olControlScaleLine {
  font-weight: bold;
  font-size: 0.8em;
}

.olControlLayerSwitcher {
  background-image: url("lib/OpenLayers/OpenLayers-2.13-rc5/img/layer-switcher-maximize.png");
  font-size : 1.2em;

}


.olImageLoadError {
  opacity: 0.0 !important;
  filter: alpha(opacity=0) !important;
}

.btn {
background: -moz-linear-gradient(top,#FFF 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #DDD;
color:#111;
width: 100px;
padding: 10px 0;
}

#latlon {
	border-width:1px 1px;
	color: #FFFFFF;
    background-color: #00008B;
	    border-radius: 20px;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	padding:5px 10px 5px 10px;
}

#latlon .boxLat {
}

#mapLayer .baseLbl{
	display: none;
}
#mapLayer .baseLayersDiv{
	opacity: 1;
	font-size : 1.2em;
	line-height : 1.2em;
}
#mapLayer .labelSpan{
	cursor:pointer;
	padding:0 5px 0 5px;
}
#mapLayer .labelSpan:hover{
	background-color:#0073ea;
	color:#ffffff;
}