/* CSS Document */
* html {margin:0px; padding:0px; overflow-x:hidden}

body {font-family:sans-serif; margin:0px; text-align:left; padding:0px 15px 0px 15px; }

/*--------- HEADER --------------------*/

#heaXXder {height:90px; width:100%; background-repeat:horizontal; margin:0px; }
#footer {height:75px; width:100%; background-repeat:horizontal; margin:0px; margin-bottom:10px; border-top: 1px solid #ECECEC; padding-top:10px;  }

.headlinks    { position:absolute; right:15px; top:5px; color: #CCC; background:#FFF; }
.headlinks ul { margin:0px; }
.headlinks li { display: inline; margin-left: .8em; }

.themap {
  height:256px;
  width:256px;
  background-color:#333436;
  border:1px solid #333436;
  margin:0px;
}

/* NORMAL MODE */
.sidebar { width:256px; padding:0px; border:0px; }
.main    { width:100%; border:0px; padding:0px; padding-right:10px; }

.tools { margin-top:10px; }

/* MAP VIEW */
.display_map .sidebar { width:100%;  padding:0px; }
.display_map .main    { width:350px; padding:0px; }
.display_map .theview { width:350px; padding-right:10px; padding-bottom:0px; overflow: auto; }
.display_map .themap  { width:100%;  margin:0px; }
.display_map .tools   { display:none; }

.display_hide_map     .themap  { display:none; }
.display_hide_sidebar .sidebar { display:none; }
.display_hide_sidebar .main    { margin:0px;   }



body.body_display_table  li.vmenu-sort { display:none; }
body.body_display_detail li.vmenu-sort { display:none; }
body.body_display_detail li.vmenu-view { display:none; }


/*--------- GENERAL STYLE --------------------*/

a { color:#4E94CD; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 {font-size:120%; color:black; margin:0 0 10px 0;    }
h2 {font-size:100%; color:black; margin:10px 0 10px 0; }
p  {font-size:85%;  color:#666;  margin:10px 0 10px 0; }
h5 { margin-top:8px; }

.h1-edit-link { color: #4E94CD; font-size:120%; font-weight:bold; padding:3px 0px; }


/*--------- RESULTS --------------------*/

.titlesection { color:black; margin-bottom:15px; }
.titlesection h1 { margin:0px; }
.titlesection a.strikeitem,       .strikebox { color:#AAAAAA; margin-right:15px; }
.titlesection a.strikeitem:hover, .strikebox_hover { text-decoration:line-through; color:#BF232D; cursor:pointer; }

.image {height:150px; width:150px; background-color:gray; float:left; margin-right:15px;}
.txt { margin-left:162px; word-wrap: break-word; }

p.txtresult {font-size:95%; line-height:120%;}

h1.name {font-size:135%; margin-bottom:3px; }
p.path {font-size:95%; color:#4E94CD; font-weight:bold; margin-top:0px;}

.listitem { height:150px; border: 1px solid #ECECEC; margin-bottom:15px; padding:10px; overflow:hidden; word-break: break-all; }
.listitem .menuspot { float:right; }
.listitem .optionslink { width:150px; height:150px; overflow:hidden; }
.listitem img.zoom { width:270px; height:270px; margin-top:-60px; margin-left:-60px; }

p.disp {
  border:0px solid red;
  margin: 2px 0px;
}

/*--------- FACETS STYLE --------------------*/

.sidebarblock { background-color:#ECECEC; margin-bottom:10px; padding:10px; max-width:256px; }
.sidebarblock h1 { border-bottom:2px solid #FFF; padding-bottom:3px; }

.facetlist { list-style-type:none; word-wrap: break-word; margin:0px; }
.facetlist li {list-style-type:none; font-size:85%; color:#666; padding:1px 0px; }
.facetlist h2 {font-size:100%; font:bold;  margin-bottom:4px; margin-top:15px; }
.facetlist amount {margin-left:5px;}
.facetlist input {width:13px; height:13px; padding:0; margin:0 5px 0 0; vertical-align: middle; position: relative; top: -1px; *overflow: hidden;}

.facetlist a.remove       { font-weight:bold; color:#666;  }
.facetlist a.remove:hover { text-decoration:line-through; color:#BF232D; }
.facetlist a.invert       { display:none; }


.paramstable td { padding:2px; }

/*--------- RYAN --------------------*/

/*--------- RYAN --------------------*/
.paging {
  margin-top:-5px;
}

.paging ul { margin-left:0px; }

.paging li {
  float: left;
  display: block;
  margin-left:3px;
  margin-right:3px;
}
.paging input {
  width:30px;
  text-align: center;
  background-color: #F5F5F5;
  border: 1px solid #E1E1E1;
}
.paging .btn {
  padding-top:1px;
}
.paging .total {
  margin-right:3px;
}
.paging .number {
  color:#333;
}

.pagingFirst, .pagingNext, .pagingPrev { display:block; width:8px; height:12px; margin-top:2px; }
.pagingFirst       { background: url("img/paging/pagination-arrow-first.gif")       no-repeat 0px 0; margin-left:5px; width:12px; }
.pagingFirst:hover { background: url("img/paging/pagination-arrow-first-hover.gif") no-repeat 0px 0; }
.pagingNext        { background: url("img/paging/pagination-arrow-next.gif")        no-repeat 0px 0; }
.pagingNext:hover  { background: url("img/paging/pagination-arrow-next-hover.gif")  no-repeat 0px 0; }
.pagingPrev        { background: url("img/paging/pagination-arrow-prev.gif")        no-repeat 0px 0; }
.pagingPrev:hover  { background: url("img/paging/pagination-arrow-prev-hover.gif")  no-repeat 0px 0; }

.pagingFirstDisabled { background: url("img/paging/pagination-arrow-first-disabled.gif") no-repeat 0px 0; }
.pagingNextDisabled  { background: url("img/paging/pagination-arrow-next-disabled.gif")  no-repeat 0px 0; }
.pagingPrevDisabled  { background: url("img/paging/pagination-arrow-prev-disabled.gif")  no-repeat 0px 0; }


.toggleMore {
  font-weight:bold;
  text-transform:uppercase;
}


.more {
  display: none;
}

/** MAP LISTING **/

.maplistitem {
  border: 2px solid #CCC;
  width:330px;
  margin-bottom:10px;
  height:75px;
  overflow: hidden;
}

.maplistitem img {
  float:left;
  width:75px;
  height:75px;
  margin-right:10px;
  border-right:2px solid #CCC;
}

.maplisttxt {
  margin-left:80px;
  overflow:hidden;
}

.maplistitem h2 {
  margin-top:4px;
  margin-bottom:2px;
}

.maplistitem_hover     { border:      2px solid #4E94CD; cursor:pointer; }
.maplistitem_hover img { border-right:2px solid #4E94CD; cursor:pointer; }


.olVoyFootprint          { border: 2px solid red;   }
.olVoyFootprintQuery     { border: 2px solid green; }
.olVoyFootprintQueryRun  { border: 2px dashed green; }
.olVoyFootprintExtent    { border: 2px solid blue;  }
.olVoyFootprintSelection { border: 2px solid yellow; }

.ants-outerbox {
  background: url(img/ants-vertical-green.gif) repeat-y -6px 0;
	overflow: hidden;
	padding: 0 2px;
	position: relative;
}

.ants-innerbox {
  background: url(img/ants-horizontal-green.gif) repeat-x 0 -6px;
  padding: 2px 0 0 0;
  height: inherit;
}

.ants-header {
  background: url(img/ants-vertical-green.gif) repeat-y 0 0;
  height: 100%;
  margin-bottom: 4px;
  position: absolute;
  right: 0;
  width: 2px;
}

.ants-footer {
  background: url(img/ants-horizontal-green.gif) repeat-x 0 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  padding: 1px 0 0 0;
  width: 100%;
}

.footprint_hover {
  z-index:1000000;
  border:5px solid black;
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

/** in the list view... header */
.item_hover {
  cursor: pointer;
  text-decoration:underline;
}

.voyItemMenu {
  position: absolute;
  left:0px;
  top:0px;
  margin:0px;
  padding:0px;
}


.griditem {
  float:left;
  border:2px solid #CCC;
  margin-right:5px;
  margin-bottom:5px;
  width:75px;
  height:75px;
  overflow: hidden;
}

.griditem_hover { border:2px solid #4E94CD;  cursor:pointer; }
.griditem img { width:75px; height:75px; }
.griditem img.zoom { width:135px; height:135px; margin-top:-30px; margin-left:-30px; }



#DEBUG {
  display:none;
}


div.wicket-aa-container {
  z-index:20001;
}

div.wicket-aa {
  font-size: 12px;
  background: #FFF;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  padding: 0px;
  margin: 0px;
  text-align:left;
}
div.wicket-aa ul { list-style:none; padding: 0px; margin:0; }
div.wicket-aa ul li { padding: 3px 6px; }
div.wicket-aa ul li.selected { background-color: #FFFF00; margin:0; z-index:990001; }


.VoyagerPopupMENU {
  position: absolute;
  z-index:10000;
}

/* Detail view */
.detail.optionslink { width:150px; height:150px; overflow:hidden; }
.detail img.zoom { width:270px; height:270px; margin-top:-60px; margin-left:-60px; }


/* ADMIN TABLE */

.atable {
  font-size: 110%;
}

 .atable h2 {
   padding: 0px;
   margin: 0px;
   margin-top:10px;
 }

 .atable td {
   border: 0px;
   padding:0px;
   padding-top:12px;
 }

 .atable tr {
   border-bottom: 1px solid #CCC;
 }

 .atable p {
   font-size: 85%;
   margin: 3px 0px;
 }

 .atable li {
   font-size: 80%;
 }

 .atable h3 {
   font-size: 85%;
   font-weight: bold;
   margin-top: 5px;
 }

 .btnlink {
   font-size:80%;
   line-height:2em;
   margin-top:2px;
   margin-bottom:2px;
 }
 .btnlink img {
   float:left;
   margin-right:5px;
 }

 .console {
  border: 1px solid #CCC;
  padding: 5px;
  font-size:80%;
  overflow: scroll;
 }


.disabled {
 color: #CCC;
}

.disabledFormat {
 color: #CC0000;
}



/** RYAN **/

ul.feedbackPanel {
  margin:0px;
}

li.feedbackPanelERROR, .big_warning_spot {
  background-color: #fcfd8b;
  color: #cc0000;
  list-style: none;
  font-weight: bold;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  margin: 0px 0px 15px 0px;
  padding: 10px;
}

li.feedbackPanelWARNING {
  background-color: #fcfd8b;
  color: #000000;
  list-style: none;
  font-weight: bold;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  margin: 0px 0px 15px 0px;
  padding: 10px;
}

li.feedbackPanelINFO {
  background-color: white;
  color: #339900;
  list-style: none;
  font-weight: bold;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  margin: 0px 0px 15px 0px;
  padding: 10px;
}


/* TAB PANEL STYLES */

div.tabpanel div.tab-row ul {
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url( img/tab_bottom.gif ) repeat-x bottom;
}

div.tabpanel div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.tabpanel div.tab-row a:link, div.tabpanel div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.tabpanel div.tab-row ul li em {
    float: left;
    background: #FFF;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 0px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.tabpanel div.tab-row li.selected a:link, div.tabpanel div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

div.tabpanel div.tab-row a:hover {
    background: #fff;
}


/** FIX in-method grid for YUI */
.imxt-grid { font-size:110%; }
.imxt-grid td { border-right:0px solid #FF0; }
.imxt-container-table { border:0px; padding:0px; margin:0px; }
div.imxt-vista td.imxt-cell {
  padding-bottom:0.3em;
  padding-left:0.4em;
  padding-top:0.2em;
}

table.imxt-body tr.imxt-empty-row td  {
  background-color:#F00;
  border:1px solid #0F0;
}


.browser-input {
  width:100%;
  font-size:130%;
  padding:4px;
}

.properties-table { width:100%; margin-bottom:5px; }
.properties-table th { text-align: left; background:#ECECEC; }
.properties-table th, .properties-table td {
  border: 1px solid #AFAFAF;
  padding: .5em;
}


table.permissions {
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  margin-top:20px;
  font-size:100%;
}

table.permissions th.role {
  border-left:1px solid #999999;
  border-top:1px solid #999999;
  padding:5px;
  text-align:center;
  font-weight:bold;
}

table.permissions tbody td {
  border-left:1px solid #999999;
  border-top:1px solid #999999;
  padding:5px;
  vertical-align:top;
}

table.permissions tbody td.perm {
  text-align:left;
  padding-right:15px;
  font-weight:bold;
}

table.permissions tbody td.check {
  text-align:center;
  width:90px;
}

table.permissions tr.even td {
  background: #F0F0F0;
}

.ajax-checks-24 a, .ajax-checks-24 .lockedon {
  width: 24px;
  height: 24px;
  display:-moz-inline-box;
  display:inline-block;
}


.ajax-checks-24 a.on {
  background: url("img/24-yes.gif") no-repeat;
  }
.ajax-checks-24 a.on-grey {
  background: url("img/24-yes-grey.gif") no-repeat;
  }
.ajax-checks-24 a.off {
  background: url("img/24-no.gif") no-repeat;
  }
.ajax-checks-24 a.off-grey {
  background: url("img/24-no-grey.gif") no-repeat;
  }


.ajax-checks-24 a.spinning, .ajax-checks-24 a.spinning:hover {
  background: url("img/24-spinner.gif") no-repeat;
  }


.current {
  font-weight: bold;
}


.delete-confirm {
  border:4px solid #CF0000;
  padding:20px;
  background:#FEFFAF;
}


/* WICKET DATAVIEW */



table.dataview {
  margin-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
  font-size: 1em;
  font-family: arial;
  }

table.dataview caption { text-align: left; }
table.dataview tr { padding-top: 2px; padding-bottom: 2px; }
table.dataview tr.even  { background-color: #fff; }
table.dataview tr.odd   { background-color: #EFEFEF; }
table.dataview tr.hover { background-color: #EFF8FF; }
table.dataview tr td { padding-left: 8px; padding-right: 30px; }
table.dataview tr th { 
  padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 30px; 
  background-color: #EFEFEF; 
  border-bottom: 1px solid #AFAFAF;
  border-top: 1px solid #AFAFAF; 
  text-align: left; 
  white-space: nowrap; vertical-align: middle;}
table.dataview tr th { background-position: right; background-repeat:no-repeat; }
table.dataview tr th.wicket_orderDown {
  background-color: #FFF;
  background-image: url(img/displaytag/arrow_down.png);}
table.dataview tr th.wicket_orderUp {
  background-color: #FFF;
  background-image: url(img/displaytag/arrow_up.png); }
table.dataview tr th.wicket_orderNone {
  background-image: url(img/displaytag/arrow_off.png);
}
table.dataview tr th a { font-weight: normal; }
table.dataview #message { padding-left: 3px; }
table.dataview caption { padding-bottom: 2px; }

table.dataview .row_hover td { background:#EFF8FF; cursor:pointer; }

tbody.mimerows tr { border-bottom:1px solid #CCC; }

tbody.mimerows tr td.exlink {  }
tbody.mimerows tr td.exlink a { padding-right:8px; }
tbody.mimerows tr td.exlink a.disabled { color:red; }
tbody.mimerows tr td.exlink a.other    { color:#ccc; }
tbody.mimerows tr td.exlink a.force    { background: #EFEFEF; }

table.discoveryactivity {
  font-size: 1em;
}
table.discoveryactivity tr {  }
table.discoveryactivity tr.hover { background-color: #EFF8FF; }
table.discoveryactivity tr td { padding:2px 12px 2px 2px }
table.discoveryactivity tr td.img { width:20px; }

/* XX */
table.infograph { margin:0px; }
table.infograph td { padding: 3px 6px 3px 0px; }


.saved-search    { margin-bottom:15px;}
.saved-search h1 { margin:0px; padding:0px; }
.saved-search p  { margin:0px; padding:0px; }


.param { margin-top:7px; margin-bottom:12px; }
.param p { margin:0px; padding-bottom:3px; }
.param h2 { margin:0px; margin-bottom:3px; }
.param-invalid { border:1px solid #CF0000; background: #FFFABF; padding:7px; }
.param-invalid .error-msg { font-weight:bold; margin-bottom:5px; color: #CF0000; }



div.relations {margin-top: 2em;}
div.relations .row {
  padding: 4px 0 4px 0;
  width: 100%;
  border-top: 1px solid #ECECEC;
  height:75px;
  overflow:hidden;
}
div.relations .top h4 {font-size: 80%; font-weight: bold; line-height: 1.4em; text-transform: uppercase;}

.relations .row .thumb img {
width:70px; height:70px; }


div.titleLinkBox {
  margin:0px;
  background:#ECECEC;
  height:72px;
  overflow:hidden;
  padding:3px;
  margin-bottom:10px;
}



/**
div.relations h4
div.relations table {border-collapse: collapse; width:100%;}
div.relations tr {font-size: 90%; line-height: 1.6em;}
div.relations td p {margin: 0 1em 0 70px; font-size: 100%; overflow:hidden; }
div.relations tr a {font-weight: bold;}
div.relations tr em {font-weight: bold; color:#666;}
div.relations tr .thumb {margin: 4px 4px 4px 0; float: left;}
div.relations tr img { width:70px; height:70px; }
**/


.optionslink { border: 1px solid #ECECEC; cursor:pointer; }
.optionslink-hover { border-color: #4E94CD; }
.optionslink img { width:150px; height:150px; }


div.editspot {
  border:5px solid #AFAFAF;
  padding:20px;
}

div.editspot h2 {
  margin-bottom: 3px;
  margin-top:15px;
}

div.editspot ol {
  margin-top:3px;
}

/* Worker Status */
.status-spot { margin-top:3px; clear:both; }
.status-spot img { float:left; }
.status-spot p   { margin-left:25px; }


form.headQForm { border:1px solid #ececec; width:300px; height:30px; }
form.headQForm input {
  font-size:18px;
  font-weight:bold;
  color:#666666;
  margin-top:4px;
  padding-left:7px;
  border:0px solid pink;
  width:260px;
}
form.headQForm a { background-image:url(img/searchicon.png); width:30px; height:30px; float:right;  }

.indexingBG { background-image:url(img/working-bg.gif); }
.cell-disabled { background: #FFFFFF }


div.progress-container {
  border: 1px solid #ccc;
  margin: 2px 5px 2px 0;
  padding: 1px;
  float: left;
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C;
  height: 16px
}

/* For SETUP */
a.next {
  background-image:url(img/nextbutton.jpg);
  background-repeat:no-repeat;
  width:92px;
  height:25px;
  display:block;
  color:#7DA14A;

}
a.next:hover {
  background-position:0 -25px;
  color:white;
}
.forlanguage {
  font-family:Helvetica, Arial,  sans-serif;
  font-size:100%;
  font-weight:600;
  display:block;
  position:relative;
  left:20px;
  top:3px;
}

.stats {
  font-size:85%;  color:#666;
  margin-top:0px;
}
.stats td { margin:0px; padding: 3px; }


.missing-data {
  background-color: #FEFF7F;
  margin-bottom:10px;
  padding:7px;
}


a.locationwatchON        { background: url("img/location-watch.png") no-repeat 0px   0px; height:12px; width:20px; text-decoration:none; }
a.locationwatchON:hover  { background: url("img/location-watch.png") no-repeat 0px -25px; height:12px; width:20px; text-decoration:none; }
a.locationwatchOFF       { background: url("img/location-watch.png") no-repeat 0px -50px; height:12px; width:20px; text-decoration:none; }
a.locationwatchOFF:hover { background: url("img/location-watch.png") no-repeat 0px -25px; height:12px; width:20px; text-decoration:none; }


.analysis-match {
  background-color: #52D850;
}

.voy-path-highlight {
	background: #4E94CD;
	color: #FFFFFF;
}
a.title-path { color: #AAAAAA; }
a.title-path:hover { text-decoration:none; }

.summary-title { color:#555; font-size:120%; font-weight:bold; }
.summary-path  { padding:0px; margin-top:2px; }

.headlinks .licensemsg {
	padding-right:15px;
}

.errorspot {
  background-color: #FF9F00;
  color:#000099;
}

.errorspot a {
  color: #FFFFFF;
}


div.banner {
  background-color: #4E94CD;
	position:fixed;
	width:100%;
	z-index:50000;
	left:0px;
	padding:2px 15px;
  color: #000;
  font-size:1.5em;
}

div.banner-head {
	top:0px;
}

div.banner-foot {
	bottom:0px;
}

.datetime-label .rel {
  display: block;
  font-size: smaller;
  color: #999;
}

/** Added Manually
div.banner {
  background-color: #5594CD;
}
.headmargin {
	margin-top:30px;
}
**/