/* Custom CSS for the XAPI page */

h1#title {
	margin:2px;
}
#bbox {
	display: inline-block;
}
#bboxmap {
    width:100%;
    height:100%;
    margin: 0;
}

#bboxmap_outer {
    padding:6px;
    width: /* 90%; */ 542px;
    height: 240px;
    overflow: auto;
    resize: both;
    border: solid 1px #ddd;
    background-color:#eee;
}

#map_widgetry_all {
	float: left;
	clear: both;
}

.filter_box_outer {
	background-color:#eaf5ea;
	margin-bottom:10px;
	padding:2px;
}

.filter_box_top {
	display: inline;
	font-weight:bold;
	background-color:#C0CCC0;
	padding:3px;
	float: left;
}
.filter_box_content {
	display: inline;
	padding:10px;
}



#mapcontrol  {
	padding:4px;
}
#mapcontrol label, #mapcontrol input {
	cursor:pointer;
}

#xapiurls {
	background-color:#FFFFAA;
	font-weight:bold;
	font-size:90%;
	padding:4px;
	margin-top:14px;
	clear: both;
}

#xapiurls tr.line {
	padding:0px;
	margin:8px;
	width:100%;
}
#xapiurls td.label {
	display:block;
	width:13em;
	text-align:right;
}
#xapiurls td.url_box {
	width:auto;
	font-family: Courier New, Courier, monospace;
	background:WHITE;
	border:1px solid GREY;
	padding:2px 15px 2px 15px;
}


#osmosiscmd_outer {
	background-color:#FFFFAA;
	font-weight:bold;
	font-size:90%;
	padding:4px;
	margin-top:14px;
}
#osmosiscmd {
	width: 40em;
	font-family: Courier New, Courier, monospace;
	font-weight: normal;
	background:WHITE;
	border:1px solid GREY;
	padding:2px 15px 2px 15px;
}


ul#tabstabs {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul#tabstabs li {
	display: inline-block;
	margin: 0px;
	padding: 5px 40px;
	border-bottom: 1px solid black;
	border-left: none;
	border-right: none;
	border-top: none;
}
ul#tabstabs li.tabselected {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: none;
}


/* The UI elements for requesting the in-browser table */
#xsltlist_outer {
	background-color:#FFFFAA;
	font-weight:bold;
	font-size:90%;
	padding:4px;
	margin-top:14px;
}
#xsltlist {
	width:auto;
	font-weight: normal;
	background:WHITE;
	border:1px solid GREY;
	padding:2px 15px 2px 15px;
}
#xsltlist_bybut {display: inline; font-size: x-small; font-weight: normal; font-style:italic;}
/* Styling for the rendered table itself */
table#xapiresults {width: 100%; border-collapse: collapse; border: 1px solid black;}
table#xapiresults tr th {background-color: silver;}
table#xapiresults tr td {vertical-align: top;}
.tag    .tagk {color: rgb(150, 150, 150);}
.tag_hi .tagk {color: rgb(100, 100, 100);}
.tag_hi       {font-weight: bold;}
.xapiresults_objid, .xapiresults_latlon { display: block; margin: 10px;}
td.xapiresults_tagcell {font-size: smaller;}

/*input { font: 1em Verdana, Arial, sans serif; border:none;}*/

input[type='text'] { font: 0.9em Verdana, Arial, sans serif; border:none; margin: 1px; background:WHITE; opacity: 0.8; }
input[type='text']:hover { border: 1px solid #888; color: #FF9200; margin: 0px; }
input[type='text']:focus { background: #FFFFAA; border: 1px solid #000; color: #000; margin: 0px; }

label.bbox { font-family:sans-serif; font-size:xx-small; font-weight:bold; display: block;}
input.bbox { width:90px; text-align: center;}

.bounds { border: none; text-align: center; width: 90px; height: 33px}

#bbox   { position:relative; margin:5px; height:99px; width:185px; }
#b_top    { position: absolute; top: 0px; left: 50px; }
#b_right  { position: absolute; top: 33px; left: 95px; }
#b_bottom { position: absolute; top: 66px; left: 50px; }
#b_left   { position: absolute; top: 33px; left: 0px; }

/*OL BBOX*/
.olBBOXselect {
    border: 2px solid orange;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olBBOX {
    border: 2px solid orange;
    position: absolute;
    background-color: green;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
} 

#footer {
	margin:10px;
	margin-top:30px;
	font-size:80%;
	text-align:right;
}
#footer a {
	color:LIGHTGREY;
}