/* MAIN STYLES */
/* MAIN STYLES */
/* UPPER BANNER  TEXT-SPACE*/
#upper-banner {
  text-align: center;
  background-color: #141414;
  display: table;
  width: 100%;
  background-image: url('../../between-bg.png');
  background-size: cover;
}
#upper-banner p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* BUTTONS */
.ui-btn-active {
  background: #00a88c !important;
  color: #ffffff !important;
}
.ui-btn:not(.ui-li):not(.headbtn) {
  background: #dddddd;
  color: #333333;
}
/* OTHER STYLES */
.no-shadow,
.ui-title,
#details #lower-content {
  text-shadow: none;
}
/* LIST ITEMS */
.ui-li {
  text-shadow: none !important;
}
.ui-li a {
  background: #e8fffb !important;
  color: #00a88c !important;
}
[data-role="listview"] li:first-child:not(.myapp-li) {
  border-top: 1px solid #00a88c !important;
}
.list-item,
.child-link:not(.navli):not(.myapp-li) {
  background: #e8fffb !important;
  border-bottom: 1px solid #00a88c;
  border-left: 1px solid #00a88c;
  border-right: 1px solid #00a88c;
}
.list-item.Featured {
  background: #00a88c !important;
}
.list-item.Featured h4 {
  color: #e8fffb !important;
}
.list-item.Featured p {
  color: white;
}
.list-item h4,
.youtube_update_list li div span,
.rss_update_list span {
  color: #00a88c !important;
}
.concealed {
  display: none!important;
}
.gridcell,
.grimage {
  text-align: center;
  background-color: #00a88c;
}
.gridimage {
  margin-bottom: .4em;
  width: 48px;
  max-width: 48px;
}
.ui-body-b,
.ui-dialog.ui-overlay-b {
  background: #ffffff;
}
.ui-li {
  background-image: none;
}
.ui-page-active {
  /*		height:100%;*/

  overflow-x: hidden;
}
.ui-page {
  /*	height:100%;*/

  width: 100%;
  border: none;
  overflow-x: hidden;
}
.ui-content {
  border: none;
  overflow-x: hidden;
  background: #ffffff !important;
  text-shadow: none !important;
  color: #333333;
}
html {
  font-size: 75%;
}
html.hidden,
body.hidden {
  visibility: hidden;
}
#hidden-resizer {
  display: inline;
}
.ui-body-c,
.ui-body-a {
  background: #00a88c;
  border: none;
}
#home #content {
  background-color: #00a88c !important;
}
.ui-input-text {
  background: #f6eded;
}
/*Header glass effect*/
.ui-header {
  background: #333333;
  /* Old browsers */

  background: -moz-linear-gradient(top, #333333 0%, #000000 98%, #00a88c 98%, #eeeeee 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(98%, #000000), color-stop(98%, #00a88c), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #333333 0%, #000000 98%, #00a88c 98%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #333333 0%, #000000 98%, #00a88c 98%, #eeeeee 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #333333 0%, #000000 98%, #00a88c 98%, #eeeeee 100%);
  /* IE10+ */

  background: linear-gradient(top bottom, #333333 0%, #000000 98%, #00a88c 98%, #eeeeee 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#333333, endColorstr=#000000, GradientType=0);
  /* IE6-9 */

  /*
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,@header-one),color-stop(0.5116,@header-two),color-stop(0.5117,@header-two),color-stop(0.9467,@header-two),color-stop(0.9468,@header-line-one),color-stop(0.9734,@header-line-one),color-stop(0.9735,@header-line-two),color-stop(1.0,@header-line-two));

background-image: linear-gradient(top,@header-one 0,@header-one 51.16%,@header-two 51.17%,@header-two 94.67%,@header-line-one 94.68%, @header-line-one 97.34%, @header-line-two 97.35%, @header-line-two 100%);

background-image: -o-linear-gradient(top, @header-one 0, @header-one 51.16%,@header-two 51.17%,@header-two 94.67%,@header-line-one 94.68%, @header-line-one 97.34%, @header-line-two 97.35%, @header-line-two 100%);

background-image: -moz-linear-gradient(top, @header-one 0, @header-one 51.16%,@header-two 51.17%,@header-two 94.67%,@header-line-one 94.68%, @header-line-one 97.34%, @header-line-two 97.35%, @header-line-two 100%);

background-image: -webkit-linear-gradient(top,@header-one 0,@header-one 51.16%,@header-two 51.17%,@header-two 94.67%,@header-line-one 94.68%, @header-line-one 97.34%, @header-line-two 97.35%, @header-line-two 100%);*/

  height: 45px;
  max-height: 45px;
}
#main-header {
  height: 60px !important;
  max-height: 60px !important;
}
/* to fix that ios 'click' bug */
#datalist li {
  cursor: pointer;
}
/*Other*/
div#loading {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1000;
  display: none;
  background-image: url('semitrans1px.png');
  background-repeat: repeat;
  color: #ffffff;
  font-weight: bold;
}
div#loading #loading-message {
  vertical-align: middle;
  width: 180px;
  margin-left: -90px;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
}
div.feed-error {
  text-align: center;
}
/* try to remove that red line on the right of navbar*/
.ui-navbar li .ui-btn:last-child {
  margin-right: -1px;
  text-shadow: none !important;
}
.ui-li-heading {
  margin-bottom: 0.8em;
}
/*message displaying when no favorites or notes*/
p.no-content {
  text-align: center;
  font-size: 1.5em;
  margin: 50px auto;
  font-family: Verdana;
}
.ui-li-heading,
.ui-li-desc {
  margin-right: 50px;
}
.ui-header .ui-title {
  margin-top: 11px;
  font-weight: normal;
  color: #00a88c;
  font-family: Verdana;
}
.ui-btn-up-a {
  border: 0;
}
/*STATIC MAP*/
.zoom-out {
  max-width: 100%;
  max-height: 92%;
  height: auto;
  margin: 0 auto;
}
.staticmap .ui-content {
  padding: 0;
}
div#img_container {
  width: 90%;
  max-height: 90%;
  /*	padding:20px;*/

  margin: 0 auto;
}
div.ax-container {
  /*	max-width:70%;
	max-height:70%*/

  margin: 0 auto;
}
img.zoomable {
  width: 90%;
  /*max-height: 80%;*/

  margin: 0 auto;
  bottom: 0px;
  width: 100%;
  /*max-height:50%;*/

  /*	position: absolute;*/

  /*	top: 0;*/

  /*	left: 0;*/

}
/*Page Layout*/
/*GRID*/
html.landscape .gridimage {
  max-width: 36px;
}
html.landscape .lower-banner {
  max-height: 8%;
}
html.landscape #logo {
  /*padding:7px;*/

}
/*.innergrid{
	padding:5px;
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;8;
}*/
.griditem {
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
td {
  text-align: center;
}
#db td.touched {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.grimage {
  /*		padding-bottom: 50px;
	padding-top: 50px;*/

}
.lower-banner {
  position: absolute;
  bottom: 0;
  max-height: 10%;
  min-height: 10%;
  height: 10%;
  background: #141414;
  padding: 0px !important;
  margin: 0px !important;
}
.gridimage,
#logo,
.sponsor_banner {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
#logo {
  max-height: 45px !important;
  height: 45px !important;
  margin-top: 7px;
}
#content {
  padding: 0px;
}
.caption {
  text-decoration: none;
  color: #ffffff;
}
.sponsor-div {
  background: #141414 !important;
  text-align: center;
}
/*Icons*/
.ui-icon-ucas-pencil,
.ui-icon-ucas-star,
.ui-icon-feedback {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: -20px;
}
.ui-btn-inner {
  text-shadow: none !important;
}
.ui-navbar .ui-btn-inner {
  padding-top: .8em !important;
  padding-bottom: .9em !important;
}
.ui-icon-ucas-home {
  background-image: url('header_home_light.png') !important;
  height: 14px  !important;
  width: 16px  !important;
}
.ui-icon-ucas-arrow {
  background-image: url('header_back_light.png') !important;
  height: 14px !important;
  width: 8px !important;
}
.ui-btn-up-a.headbtn,
.ui-btn-up-a.headbtn span,
.ui-btn- -a.headbtn,
.ui-btn-hover-a.headbtn span {
  border: 0!important;
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
  font-weight: bold;
  color: #507E8D;
  box-shadow: 0px 0px 0px!important;
  -webkit-box-shadow: 0px 0px 0px!important;
  border-image: initial;
}
.ui-header .ui-btn-left.headbtn {
  left: 0;
}
.ui-header .ui-btn-left.headbtn,
.ui-header .ui-btn-right.headbtn {
  top: 0;
  display: block;
}
.ui-header .ui-btn-left.headbtn {
  padding-left: 10px;
  padding-right: 10px;
}
.ui-header > a.ui-btn-right.headbtn {
  background-image: url('btn-sep.png');
  background-repeat: no-repeat;
  background-position: left top;
}
.ui-header > a.headbtn:first-child {
  background-image: url('btn-sep.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.headbtn {
  background-color: rgba(255, 255, 255, 0);
}
.ui-header .ui-btn-hover-a,
headbtn {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: 0!important;
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
}
.ui-header .ui-btn-right.headbtn {
  right: 0;
}
.ui-header .ui-btn-left.headbtn,
.ui-header .ui-btn-right.headbtn {
  top: 0;
  display: block;
}
.ui-header .ui-btn-right.headbtn {
  padding-right: 8px;
  padding-left: 9px;
}
.ui-header .ui-btn-left.headbtn,
.ui-header .ui-btn-right.headbtn {
  margin-top: 1px;
  height: 68%;
  padding-top: 11px;
}
.ui-bar-a {
  border: none;
}
/*TABLE*/
table#db {
  padding: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  /*	background:@primary; */

}
#db td,
th {
  /* calculate this from number of rows*/

  width: 33%;
  height: 33%;
  border: none;
}
#db .rama {
  /*	height:9%;*/

  color: black;
  /*	font-size: 20px;*/

  /*	text-align:left;*/

  /*	text-indent: 30px;*/

  background-color: #f6eded;
}
/*


/*maps height test*/
#map-canvas,
.Map-node .ui-content {
  width: 100%;
  height: 100%;
  padding: 0;
}
#map_canvas {
  min-height: 100%;
}
/*Details Page*/
.details-info-link,
.details-info-link:visited {
  color: #333333 !important;
}
.details-info-link:hover {
  color: #3d2929 !important;
}
.dsc {
  display: block;
  padding: 10px 20px 30px 0px;
  margin-bottom: 5px;
}
p.lower-field {
  border-bottom: 1px solid;
  border-bottom-color: #dddddd;
}
#lower-content {
  color: #333333 !important;
  padding: 20px 30px 20px 30px;
  background-color: #dddddd;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
  clear: both;
  height: auto;
}
#upper-content {
  color: #ffffff !important;
  padding: 10px 10px 20px 20px;
  overflow: hidden;
  background: #00a88c;
}
#upper-content #item-info h3 {
  /*	margin-left:auto;
	margin-right:auto;*/

  text-align: left;
}
#upper-content #buttons {
  margin: 0 auto;
  display: block;
  white-space: nowrap;
  clear: left;
  text-align: center;
  top: 50%;
}
#details-content {
  padding: 0px;
  background: #ffffff ! important;
}
#details.ui-page {
  background: #ffffff !important;
}
#notebutton .ul-li-count {
  right: -6px;
}
img#profile-pic {
  float: left;
  margin-right: 10px;
  padding-bottom: 10px;
}
.custom-icon .ui-btn-inner .ui-icon {
  /*	background: 0;*/

  border: none;
  -moz-box-shadow: none /*{global-icon-shadow}*/;
  -webkit-box-shadow: none /*{global-icon-shadow}*/;
  box-shadow: none /*{global-icon-shadow}*/;
}
/*NOTES*/
/*
#notes ul{
	border-width: 0px !important;
}
#notes .ui-li
	border-top-width: 0px !important;
}

#notes li{
	border-bottom: 1px solid @list-border !important;
}
*/
li.note p {
  margin-right: 0px !important;
}
li.note .time {
  margin-right: 2px;
  font-weight: bold;
  float: right;
  clear: both;
}
.ui-input-text {
  color: #000;
}
/*textPAGE*/
.P-node,
.P-node #nodecontent {
  color: #000;
  background: #dddddd;
}
img.list_thumb {
  position: absolute;
  top: 50%;
  left: auto !important;
  right: 30px !important;
  z-index: 100;
  background-color: #e8fffb;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 60px !important;
}
.img_dataitem {
  background-color: #e8fffb;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  max-height: 80px !important;
  max-width: 80px !important;
  float: left;
  margin-right: 10px;
}
img.right-arrow {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 10px;
  width: 13px;
  height: 22px;
  z-index: 100;
}
/*Favorites Indicator*/
img.notFav {
  visibility: hidden;
  height: 0px;
  width: 0px;
}
img.isfav {
  visibility: visible !important!;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 30px;
  width: 24px;
  height: 24px;
  z-index: 100;
}
.ui-content .child-link {
  list-style-type: none;
  overflow: auto;
  padding: 0;
  margin: 0;
  background: #e8fffb;
}
.ui-content .child-link a {
  display: block;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  color: #333333;
  font-size: 130%;
  text-shadow: none;
}
.ui-content .child-link a:hover,
.list-item:hover {
  background: #82ffe9 !important;
}
.ui-footer span.right-arrow {
  display: none;
}
.Twitter-feed .ui-content {
  background: #00a88c !important;
}
.twitter_update_list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: Georgia;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
}
.twitter_update_list li {
  list-style: none;
  text-shadow: none!important;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 16px;
  border-bottom: dotted 1px;
}
.twitter_update_list li a {
  color: #ffffff;
  text-decoration: underlined;
}
body * {
  test-shadow: none;
}
.map_div {
  /*border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
   	-khtml-border-radius: 8px;
   	border:8px solid black;
	margin:15px;*/

  min-height: 100%;
  min-width: 100%;
}
.map_button_panel {
  width: 100%
	height:40px;
}
.map_button {
  /* General Propertoes */

  height: 40px;
  width: 25%;
  border: 1px solid #858fa6;
  background: #4a5775;
  /* CSS3 Styling */

  background: -moz-linear-gradient(top, #606c88, #3f4c6b);
  background: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px #000;
  -webkit-box-shadow: 0px 0px 5px #000;
  box-shadow: 0px 0px 5px #000;
  /* Text Styling */

  font-family: 'AirstreamRegular', Georgia, 'Times New Roman', serif;
  color: #e5edff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}
.map_button:hover,
.map_button:focus,
.filter_div button:hover,
.filter_div button:focus {
  border-color: #adbad9;
}
.map_button:active,
.filter_div button:active {
  background: -moz-linear-gradient(bottom, #606c88, #3f4c6b);
  background: -webkit-gradient(linear, left bottom, left top, from(#606c88), to(#3f4c6b));
  text-shadow: 0px 0px 2px #000;
}
.filter_div {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border: 4px solid black;
  background-color: #ADD8E6;
  z-index: 9999;
  display: none;
  position: absolute;
  bottom: 60px;
  right: 10px;
  width: auto;
  height: auto;
  padding: 10px;
}
.filter_div .ui-btn-up-a,
.filter_div .ui-btn-hover-a,
.filter_div .ui-btn-down-a {
  background: #4f83bc;
  background-image: none;
  border: 0;
  font-weight: normal;
}
.header_back_btn img {
  width: 8px;
  height: 14px;
  margin-top: -2px;
}
.header_home_btn img {
  width: 16px;
  height: 14px;
  margin-top: -2px;
}
#pin_request_container {
  display: none;
}
#pin_request_container input {
  width: 50%;
}
#pin_request_container button {
  width: 25%;
}
