/* -------------------------------------
   http://www.loc8code.com
   Loc8 Code Ltd.
   AJB
   > app_llen_v2x
   ------------------------------------- */

/* --- reset --- */
body {background:none; padding:0; margin:0; font-family:arial;}
#wrapper {margin: 0 auto; width: 70em;}
#wrappermob{margin: 0 auto;}
#wrapperpt8{margin: 0 auto;}

/* --- layout --- */
.apps .layout1mob {width:100%;}
.apps .layout1 {width:70em;}
.apps .layout13 {width:70em; height:100%;}
.apps .layout13 .column1 {float:left; width:17.5em; background:#efffff;}
.apps .layout13 .column2 {float:right; width:52.5em; padding-top:1em;}
.apps .layout13 {display:-moz-box; display:-webkit-box; display:box;
        -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal;
        -moz-box-align:stretch; -webkit-box-align:stretch; box-align:stretch;
        -moz-box-pack:center; -webkit-box-pack:center; box-pack:center;
        width:100%; height:100%;}
.apps .layout13 .column1 {width:17.5em; -moz-box-flex:0; -webkit-box-flex:0; box-flex:0; background:#dff4ff;}
.apps .layout13 .column2 {width:52.5em; -moz-box-flex:0; -webkit-box-flex:0; box-flex:0; background:#dff4ff;}

/* --- #nav --- */
.apps #nav {background:#004165; list-style-type:none;}
.apps #nav li {float:left; background:#0083a9; padding:0; margin:.75em .5em 0 .5em;}
.apps #nav a {font-size:1.15em; padding:.3em .5em; display:block; color:#fff;}
.apps #nav .navon {background:#dff4ff;}
.apps #nav .navon a {color:#004165;}

/*  #9933cc */
.header { background-color:#277c98; color: #ffffff;padding: 2px;}

/* -- top right -- */
.point8 {float:right; top:1em; font-size:1em;}

/* --- #footer --- */
.apps #footer {text-align:center; font-size:9px; color:#888;padding: 1px;}

/* --- point8(pt8) ---*/
.apps .pt8map {width100%; height:auto;}

/* --- buttons ---*/
.nobtn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1em;line-height:1.25;border-radius:.25rem;-webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out}

/* --- .column1 / .tabs --- */
.apps .tab {display:none; margin-left:.5em;}
.apps .tab.coordinates {display:block;}

/* --- column1 / general --- */
.apps .column1 {padding-top:1em;}
.apps .column1 h2 {font-size:1.3em; margin:0; padding:0;}

/* --- column1 / .coordinates --- */
.apps form {margin:1em .5em 1em 0;}
.apps form label {font-size:.9em; clear:both; float:left; width:8em; padding-top:.5em;}
.apps form input[type=text] {padding:.3em; display:inline; margin-bottom:.5em; border:.21em solid #777; }
.apps form input[type=submit] {float:left; width:auto; font-size:.8em; }
.apps h2 {font-size:1.2em; font-weight:200; color:#004165; padding-top:2em; clear:both;}
.apps ul {font-size:.8em; list-style-type:decimal; padding:0;}
.apps ul li {margin:0 0 .5em 1.5em;}
.apps .column1 form#area select {width:100%; display:block; margin:.5em 0;}

/* --- column1 / .output --- */
.apps .column2 h2 {padding-left:.5em; margin:0;}
.apps .column2 a {padding-left:.8em; line-height:150%; font-size:.8em;}
.apps .column2 ul {padding:0; margin:0; border-top:.1em solid #8fe7ff; margin-top:.3em; list-style-type:none;}
.apps .column2 ul li {padding:.5em 1em .5em 1em; position:relative; margin-left:0em;}
.apps .column2 ul li:hover {background:#dff4ff;}
.apps .column2 ul li span {display:block;}
.apps .column2 ul li button.delete {position:absolute; right:.75em; bottom:.2em;}
.apps .column2 ul li button.center {position:absolute; right:4.2em; bottom:.2em;}
.apps .column2 li a {display:none;}

/* --- column2 --- */
.apps #map {border:#ccc .1em solid; height:35em; position:relative; background:#B4D7FA;}
/* --
.apps #scale {position:absolute; z-index:3; right:.8em; top:.8em;}
.apps #scale img {margin:0 .5em;}
-- */
.apps p.license {color:#555; font-size:.7em; text-align:center;}
.apps .column3 {background:#dff4ff;}
.apps .column3 button {font-size:.75em;}

/* --- LLEN --- */

/* --- column1 / .extent --- */
.app.llen .extent table th {width:7em;}
.app.llen .extent ul.extent_assets {padding:0 0 0 1em; margin-right:1em; height:25em; overflow:auto; border:.1em solid #ccc;}
.app.llen .extent ul.extent_assets span {display:block;}

/* --- column1 / .google --- */
.app.llen .google label {font-weight:700;}
.app.llen .google textarea {width:19em !important; height:7em; margin-bottom:.2em;}
.app.llen .google ul.google_results span {display:block;}
.app.llen .google ul.google_results span b {padding-right:.2em;}

/* --- column1 / .output --- */
.app.llen .output a {padding-left:.8em; line-height:150%; font-size:.8em;}
.app.llen .output ul {border:.1em solid #ccc; padding-top:1.4em; height:40em; width:20em; overflow:auto;}
.app.llen .output ul li {position:relative; margin:0 .5em 1em 2.5em;}
.app.llen .output ul li button.delete {position:absolute; right:.75em; bottom:.2em;}
.app.llen .output ul li button.center {position:absolute; right:4.2em; bottom:.2em;}

/* --- STANDARDS --- */

/* --- table.standard --- */
table.standard {width:95%; margin-bottom:1em; background:#fff;}
table.standard caption {background:#ccc; font-size:.9em; text-align:center; padding:.2em;}
table.standard, 
table.standard th, 
/*table.standard td {border:1px solid #ccc;}*/
table.standard th, 
table.standard td {font-size:1.2em; padding:.2em; text-align:left; color:#333;}
table.standard th {background:#0083a9; font-weight:700; color:#fff;}

/* --- customizations --- */
.tab.coordinates form input {width:7em; margin-right:1em;}
.tab.coordinates table th {width:7em;}