body {
  font-family: arial, sans-serif;
  font-size: 12px;
  overflow:hidden;
}

a.news {
  text-decoration:none;
  color:#000088;
}

a.news:hover { text-decoration:underline; }

/*a.cat {
  text-decoration:underline;
  color:#000088;
  font-size: 100%;
}

a.cat:hover { text-decoration:none; }*/

div.cluster:hover { background-color: #DDDDDD }
.cluster table {border:0;}
.cluster td.rep_image {text-align:center; width:120px;}
.cluster img {max-width:110px; max-height:110px;}
.cluster a.headline {font-size:120%; font-weight:bold;}
.cluster span.topic {color:#741; font-weight:bold;}
.cluster span.time {color:#040; font-weight:bold;}

div.story:hover { background-color: #DDDDDD }

#catbar {
  font-size:16px;
  height: 22px;
  padding: 2px;
  /*width: 100%;*/
  position: absolute;
  top: 75px;
  left: 0px;
  right: 0px;
  background: url('/images/CatTile.jpg') repeat;
  z-index: 0;
}

#catbar a {
  text-decoration:none;
  color:#000088;
  font-size: 100%;
}

#catbar a:hover span {
  text-decoration:underline;
}

#catbar-light {
  height: 25px;
  /*width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: url('/images/CatTile.jpg') repeat;
  z-index: 0;*/
}

#header-background-light {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  width: 100%;
}

.header-background-img-light {
  width: 100%;
  height: 55px;
}

#topic-icons img {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  vertical-align:middle;
}

#catbar_right {}
#catbar_right_full {display: none;}

#layer_control {
  right: 30px;
  top: 2px;
  position: absolute;
}

hr {
  color: #fff;
  background-color: #fff;
  border: 1px dotted black;
  border-style: none none dotted;
  width: 97%;
}

/*Marco testing*/
#split-screen {
  position: absolute;
  top:102px;
  right:0px;
  left:0px;
  bottom:0px;
}

#map_area {
  position: absolute;
  top:0px;
  right:0px;
  bottom:0px;
  /*width:49%;*/
  left:0px;
  width:100%;
  overflow:hidden;
}


#map_div, #map_divG3, #map_divG, #googleEarthDiv {
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.vsplitbar {
  width: 5px;
  background: #aaa;
}

#story_list {
  font-family: arial, sans-serif;
  list-style-type: none;
  font-size: 12px;
  overflow: auto;
  position: absolute;
  bottom:0px;
  top: 0px;
  left: 0px;
  width: 50%;
  display: none;
}

#page_nav {
  font-size: 120%;
}

#news_control {
  position: absolute;
  right: 10px;
  z-index: 4;
  top: 11px;
  font-size: 16px;
  height:44px;
}

#photostand #news_control {
  top: 22px;
}

#load {
  z-index: 501;
  background: rgba(0,0,0, 0.2);
  display: none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#load span {
  width: 200px;
  height: 30px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left:-100px;
  text-align: center;
  font: bold 20px Helvetica;
  border: 1px solid black;
  color: white;
  background-color: #000088;
  opacity: 1.0;
}

#RSS {
  z-index: 4;
  position: absolute;
  width: 50px;
  height: 30px;
  right: 0%;
  top: 1%;
  font-size: 18px;
  opacity: 1.0;
  background: none;
  display: none;
}

#help {
  position: absolute;
  top: 2px;
  right: 5px;
  z-index: 4;
  background-color:yellow;
  border: 1px solid black;
  display: none;
}

#back {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 4;
  visibility: hidden;
}

#newsstand-banner {
  width: 100%;
  height: 75px;
  background: url('/images/BannerTile75.jpg') repeat;
  left: 0%;
  top: 0%;
  position: absolute;
  z-index: 1;
}

#newsstand-banner2 {
  /*background: url('/images/Banner75.jpg');*/
  background: url('/images/Banner-NS.jpg');
  /*width: 800px;*/
  width: 750px;
  height: 75px;
  left: 0%;
  top: 0%;
  position: absolute;
  z-index: 3;
}

#newsstand-banner-twitter {
  /*background: url('/images/TwitterStand-Banner.jpg');*/
  background: url('/images/Banner-TS.jpg');
  /*width: 800px;*/
  width: 750px;
  height: 75px;
  left: 0%;
  top: 0%;
  position: absolute;
  z-index: 3;
}

#main {
  top: 130px;
  position: absolute;
}

span.georef { color: red; font-weight: bold; }
span.people { color: red; font-weight: bold; }
span.disease { color: red; font-weight: bold; }
span.brand { color: red; font-weight: bold; }
span.keyword { color: red; font-weight: bold; }

.shadow  { position:relative; display:block; }
.shadow span { text-align: absolute; position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:2px; content: attr( title ); color:#666666;  }

.shadow2 {
  position:relative; display:block;
  padding:2px;
  font-size: 15pt;
  font-family: sans-serif;
}

.shadow2 span {
  position:absolute; display:block;
  color:black;
  z-index:0;
  opacity: 0.75;
}

.shadow2 .a { top:2px; left:2px; z-index:1; opacity: 0.75; }
.shadow2 .b { top:0px; left:2px; opacity: 0.75; }
.shadow2 .c { top:4px; left:2px; opacity: 0.75; }
.shadow2 .d { top:2px; left:0px; opacity: 0.75; }
.shadow2 .e { top:2px; left:4px; opacity: 0.75; }
.shadow2 .f { top:1px; left:1px; opacity: 0.75; }
.shadow2 .g { top:1px; left:3px; opacity: 0.75; }
.shadow2 .h { top:3px; left:1px; opacity: 0.75; }
.shadow2 .i { top:3px; left:3px; opacity: 0.75; }

.shadow2 .b:before,
.shadow2 .c:before,
.shadow2 .d:before,
.shadow2 .e:before,
.shadow2 .f:before,
.shadow2 .g:before,
.shadow2 .h:before,
.shadow2 .i:before { content:attr(title); }

.VEAPI_Pushpin{ text-decoration: none; }

#NewsControl {
  z-index: 4;
  position: absolute;
  width: 250px;
  height: 30px;
  right: 0%;
  top: 1%;
  font-size: 18px;
  opacity: 1.0;
  background: none;
}

#news_bubble {
  border-style:solid;
  border-width:2px;
  border-color:black;
  padding: 10px 10px 10px 10px;
}

.borderdraw {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;

  _border-right-color: pink;
  _border-left-color: pink;
  _filter: chroma(color=pink);
}

.gmnoprint > div {overflow:auto;}

#about-wrapper {display:inline-block; vertical-align:middle;}
#about_ns {font-weight:bold; color:red;}
#try-twitter {color:red;}
#about_ts {font-weight:bold; color:red;}
#try-newsstand {color:red;}

#options-wrapper {display:inline-block; vertical-align:middle;z-index:100;}
#options-wrapper a {color:white; text-decoration:none;}
/*#top-stories-radio span {background-color:white;}
#map-mode-radio span {background-color:white;}*/

#location_icons {display:none; margin-left:8px;}
#location_icons a {color:darkorchid; text-decoration:underline;}

#search-wrapper {display:inline-block; vertical-align:top; padding-top:11px;}
#search-wrapper > form > span {position:relative;}
#photostand #search-wrapper {padding-top: 0px;}

#search_form {display: inline;}
#search_input {width:60px;}
#clear_search {position:absolute; display:none; top:2px; right:7px; width: 16px; height: 16px; background: url('/images/RedCons-Cancel.png'); cursor: pointer;}

#local_form {}
#local_input {width:60px;}

.map-container {display:none; /*height:720px; width:37%;*/}

#topic_links img {border:0px; width: 16px; height:16px; vertical-align:top; margin:2px 0px;}

#marker_slider_id {display:block; position: absolute;  z-index: 101; top:
  125px; right: 30px;}
#marker_slider_id input {display:inline;}


#newsBubble {position: absolute; top:0px; left:0px; width: 200px; height:
  400px; word-wrap: break-word; overflow:auto; background-color: white;
  display: none;}
#newsArrowTop {position: absolute; left: 30px; top: 160px; width: 0px;
  height: 0px; margin: 0 auto 6px; border-top: 20px solid #FFF;
  border-right: 20px solid transparent; border-left: 20px solid
  transparent; border-bottom: 20px solid transparent; z-index: 6; display:
  none;}
#newsArrowBottom {position: absolute; left: 28px; top: 160px; width: 0px;
  height: 0px; margin: 0 auto 6px; border-top: 22px solid black;
  border-right: 22px solid transparent; border-left: 22px solid
  transparent; border-bottom: 22px solid transparent; z-index: 5; display:
  none;}

#opt_pane {
  background: solid;
  background-color: #fff;
  width:550px;
}

#opt_pane fieldset {
  width:260px;
  margin:0px;
  margin-bottom:5px;
  padding:2px;
}

#opt_pane input {
  margin:2px;
}

#opt_time { float:left; }
#opt_pane {display:inline-block;}
#left-opt {display:inline-block; width:275px; vertical-align:top; padding-right:5px;}
#right-opt {display:inline-block; padding-left:5px;}
#opt_langs_div { height:160px; overflow:auto; }
#opt_sources_div { height:200px; overflow:auto; }
#opt_topics { float:left; }

#toggle-new-source {
  font-size:0.8em;
  color: #999;
  text-decoration: underline;
  cursor: pointer;
  float:right;
}
#opt-new-source {display:none;}
#new-source {width:190px;}
ul.ui-autocomplete {
  max-height:150px;
  overflow-y:auto;
  overflow-x:hidden;
}
#add-new-source:hover {cursor:pointer;}

.ui-widget {font-size:11pt; }

.original-title, .translate-title {
  font-size: 120%;
  font-weight: bold;
}

.article-title {display: inline-block;}
.article-title .original {display: inline; font-weight: bold;}
.article-title .translated {display: none; font-weight: bold;}
img.js-translate-title {cursor: pointer; max-height:16px; vertical-align: bottom;}

.article-title.translate .original {display: none;}
.article-title.translate .translated {display: inline;}

/********************/
/* For QuickBubbles */
/********************/
.quick-bubble {/*font-size:85%;*/}
.quick-bubble span.title {display:block; font-weight:bold;}
.quick-bubble span.body {cursor:pointer; background:gray; color:white; display:block;
  padding:5px 25px 5px 2px;
  background-image:url('/images/next_arrow_blue.png');
  background-repeat:no-repeat;
  background-position:97% 50%;
  background-size:20px 20px;
}
.quick-bubble span.georef {
  color:#f84;
}

/**************/
/*            */
/* PhotoStand */
/*            */
/**************/

html, body {height:100%; margin:0px;}
#photostand_map {position:absolute; top:100px; left:0px; right:0px; bottom:0px;}
#newsstand-banner-new {
  width: 100%;
  height: 75px;
  left: 0%;
  top: 0%;
  position: absolute;
}
#newsstand-banner-new {
  background: #7dd0f0; /* Old browsers */
  background: -moz-linear-gradient(top, #7dd0f0 0%, #00a2e2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dd0f0), color-stop(100%,#00a2e2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7dd0f0 0%,#00a2e2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7dd0f0 0%,#00a2e2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7dd0f0 0%,#00a2e2 100%); /* IE10+ */
  background: linear-gradient(top, #7dd0f0 0%,#00a2e2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd0f0', endColorstr='#00a2e2',GradientType=0 ); /* IE6-9 */
}
#newsstand-banner-new img {
  margin-top: -6px;
  margin-left: 10px;
}
#top_links {
  position:absolute;
  top:0px;
  right:0px;
  margin:3px;
  font-size:0.9em;
}

#top_links a { text-decoration:none;}
#top_links a:hover { text-decoration:underline;}


.example {color:#666}
#nav_bar {
  position:absolute;
  top:75px;
  left:0px;
  right:0px;
  height:22px;
  border: solid;
  border-width: 1px 0px 2px 0px;
  padding:0px 10px;
  line-height: 22px;
}
#nav_bar { /* Gradient background */
  background: #e8e8e8; /* Old browsers */
  background: -moz-linear-gradient(top,  #e8e8e8 4%, #bebebe 96%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#e8e8e8), color-stop(96%,#bebebe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e8e8e8 4%,#bebebe 96%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e8e8e8 4%,#bebebe 96%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e8e8e8 4%,#bebebe 96%); /* IE10+ */
  background: linear-gradient(top,  #e8e8e8 4%,#bebebe 96%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#bebebe',GradientType=0 ); /* IE6-9 */
}
#nav_bar a { text-decoration:none; color:#008; }
#topic_links { float:left; line-height:20px;}
#topic_links a { margin:2px; }
#nav_bar a:hover span { text-decoration:underline; }
#topic_links span { margin:3px; }
#nav_options { float:right; }

#info_container {
  position:absolute;
  left:50%;
  right:50%;
  bottom:20px;
  width:200px;
  margin-left:-100px;
  background: #fff;
  border: 1px solid #aaa;
  opacity: .9;
  -moz-box-shadow: 3px 3px 5px #888;
  -webkit-box-shadow: 3px 3px 5px #888;
  box-shadow: 3px 3px 5px #888;
  padding: 5px;
  font-size: 10px;
}
#info_title {text-align:center; font-weight:bold;}
#search-wrapper input {margin:0px; padding:2px;}
#info_container img {cursor:pointer;}

#info_container_ns {
  z-index:1;
  position:absolute;
  left:50%;
  right:50%;
  bottom:20px;
  min-width:200px;
  margin-left:-100px;
  background: #fff;
  border: 1px solid #aaa;
  opacity: .9;
  -moz-box-shadow: 3px 3px 5px #888;
  -webkit-box-shadow: 3px 3px 5px #888;
  box-shadow: 3px 3px 5px #888;
  padding: 5px;
  font-size: 11px;
}
#info_container_ns img {cursor:pointer;}

/*#world_shortcut {width:24px; height:24px;}*/
#world_shortcut .ui-icon {
  background-image: url('/images/view_globe.png') !important;
  background-size:16px 16px;
}
/*#local_shortcut {width:24px; height:24px;}*/
#local_shortcut .ui-icon {
  background-image: url('/images/view_my_location.png') !important;
  background-size:16px 16px;
}
#search-wrapper input {border:0px; margin:1px;}

.bubble {width:200px; font-size:12px%;}
.bubble-head {
  display:block;
  font-weight:bold;
}
.bubble-body {display:block;}
.bubble-img {max-width:120px; max-height:120px;}

.bubble-all {font-size: 12px;}


.phoney {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(112,112,112)),color-stop(0.51, rgb(94,94,94)),color-stop(0.52, rgb(57,57,57)));
  background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%);
}
.phoneybubble {
  text-shadow: 0 -1px 0 #000;
  color: #fff;
  font-family: Helvetica Neue, Helvetica, arial;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 45px 4px 15px;
  background: url(../images/arrow.png) 95% 50% no-repeat;
  width:250px;
  cursor:pointer;
}

.ui-dialog {width:auto;}
#modal-overlay {
  display:none;
  z-index:1001;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.2);
}
#dialog-modal {
  z-index:100;
  background-color:lightgrey;
}
#image-list { }

#image-list span {
  display:inline-block;
  width:230px;
  text-align:center;
  vertical-align:middle;
}

#image-list > div {
  position:absolute;
  left:5px;
  top:75px;
  bottom:5px;
  right:5px;
  overflow:auto;
}

#image-list.mark-dupes .dupe img {
  opacity:0.3;
}

#image-list.hide-dupes .dupe {
  display:none;
}

#image-list-by-topic {
  display:none;
}

#large-image-container {
  z-index:2000;
  position:fixed;
  left:0px;
  top:0px;
  height:100%;
  width:100%;
}

#large-image-content {
  text-align:center;
  width:auto;
  height:auto;
  left:50%;
  top:50%;
  position:absolute;
  color:lightgray;
  width:600px;
}
#large-image-overlay {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:#000;
  opacity:0.9;
}
#large-image img {
  border: 1px solid gray;
  margin: 4px;
}
#large-image-caption {
  margin:4px;
}
#large-image-close-button {
  position:absolute;
  top:-20px;
  right:0px;
}
#large-image-container .link {
  font-size:80%;
  cursor: pointer;
}
#large-image-prev, #large-image-next {
  cursor: pointer;
  z-index:21000;
  color:lightgray;
  position:absolute;
  padding:15px;
  top:48%;
}
#large-image-prev {
  left:50%;
  margin-left:-300px;
}
#large-image-next {
  right:50%;
  margin-right:-300px;
}

.source-input {
  display:block;
  position:relative;
}
.source-popup {
  display:none;
  width:130px;
  background:#333;
  color:#FFF;
  margin-left:30px;
  margin-top:5px;
  padding: 3px;
  border-radius:4px;
  z-index:1;
}
.source-input:hover > div.source-popup {
  display:block;
  position:absolute;
}
.source-popup img {
  vertical-align:middle;
}

.opt-input:hover {
  background-color:#ccc;
}

.yellow-circle-marker {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, yellow 100%, yellow 95%);
  background-image: -webkit-radial-gradient(45px 45px, circle cover, orange, yellow);
  background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, yellow 100%, yellow 95%);
}

/***********/
/* Minimap */
/***********/

#minimap-wrapper {
  display:none;
  position:absolute;
  border: 1px solid #999;
  border-radius:2px;
  box-shadow: 1px 1px 2px #999;
  z-index:101;
}

.titlebar {
  padding:2px;
  font-size: 12px;
  font-weight: bold;
  color: #ccc;
  text-transform: uppercase;
  background-color:gray;
  width:auto;
  position:relative;
  cursor: move;
}

#collapse {
  float: right;
  color: white;
  padding: 0 5px;
  line-height: 1;
  cursor: pointer;
}

#minimap {
  display:none;
  position: relative;
  background-color: white;
  opacity: 0.9;
  width: 250px;
  height: 200px;
}

.minimap-marker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-image: -moz-radial-gradient(2px 2px 45deg, circle cover, #F80 0%, red 100%, red 95%);
  background-image: -webkit-radial-gradient(4px 4px, circle cover, #F80, red);
  background-image: radial-gradient(2px 2px 45deg, circle cover, #F80 0%, red 100%, red 95%);
  border: 1px solid purple;
}

.marker-wrapper {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
}

.marker-wrapper:hover {
  cursor: default;
}