solid-panes 3.7.3-18da570b → 3.7.3-322e9b27

package/src/style/tabbedtab.css

@@ -0,0 +1,1347 @@
+/*  Some style for the tabulator
+**
+**
+**  Do NOT use physical measures, but font-relative measures.
+**  2006-10-21  timbl  cconverted px to em at approx 1em = 12px
+**
+*/
+
+/*  If you need style in a pane, insert it in the dom (2016)*/
+
+/* @import url("js/panes/microblogPane/mbStyle.css"); /*microblog pane  */
+/* @import url("js/panes/social/style.css"); /*social pane*/
+/* @import url("chrome://tabulator/content/js/panes/microblogPane/mbStyle.css"); /*microblog pane*/
+/* @import url("chrome://tabulator/content/js/panes/social/style.css"); /*social pane*/
+
+/* I couldn't find the code for the collapse image. this is a quick work around
+to make the collapsing easier to use ( the triangles dont jump 20 pixels). ~cm2
+*/
+img[title='Hide details.'] {
+  float: left;
+}
+body {
+  background-color: white;
+  font-family: sans-serif;
+} /*  was: font-size: 80%; */
+
+.warning {
+  color: red;
+}
+.selected {
+  background-color: #8f3;
+}
+
+.licOkay {
+  background-color: #dfd;
+}
+
+/*
+** other potential colors for CC:
+**  #C4FF55. "faded" version of CC
+**  #486d00, actual CC
+**  #ccff99, mit page color
+*/
+
+strong {
+  font-size: 120%;
+  color: #333;
+}
+div.Outliner {
+  margin-top: 2em;
+  padding: 0.8em;
+}
+form#TabulateForm {
+  padding: 0.8em;
+}
+div#addViewForm {
+  padding: 0.8em;
+}
+iframe {
+  background: white;
+}
+
+/* Map */
+
+img.pic {
+  max-height: 20em;
+}
+
+/* Sources */
+
+.fetched {
+  background-color: #eeffee;
+}
+.requested {
+  background-color: yellow;
+}
+.failed {
+  color: red;
+  background-color: white;
+}
+.unparseable {
+  background-color: #ffcc00;
+}
+
+pre#status {
+  font-size: 100%;
+}
+
+/* Panes */
+/*
+td.internal  {  }
+
+/*   Moved into code:
+div.internalPane { background-color: #ddddff; padding: 0.5em;
+ border-radius: 1em;   border-radius: .4em;  }
+
+div.instancePane {
+        border-top: solid 1px #777; border-bottom: solid 1px #777;
+        margin-top: 0.5em; margin-bottom: 0.5em }
+*/
+/* ***************** For the Justification UI Panes **********/
+
+div.container {
+  border-top: solid 5px black;
+  border-left: solid 5px black;
+  border-bottom: solid 5px black;
+  border-right: solid 5px black;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  border-radius: 0.75em;
+}
+/*
+div.nonCompliantPane {
+    border-top: solid 1px red;
+    border-left: solid 1px red;
+    border-bottom: solid 1px red;
+    border-right: solid 1px red;
+    padding: 0.5em;
+    background-color: #fbf0f7;
+    margin-top: 0.5em; margin-bottom: 0.5em;
+    border-radius: 1em;
+}
+
+div.compliantPane {
+    border-top: solid 1px green;
+    border-left: solid 1px green;
+    border-bottom: solid 1px green;
+    border-right: solid 1px green;
+    padding: 0.5em;
+    background-color: #def8e0;
+    margin-top: 0.5em; margin-bottom: 0.5em;
+    border-radius: 1em;
+}
+*/
+div.justification {
+  font-size: 100%;
+  padding: 0 5px;
+  width: 80%; /* @@ Don't use pixels -- use em */
+  background-color: white;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+div.description {
+  font-size: 120%;
+  border-top: solid 1px yellow;
+  border-left: solid 1px yellow;
+  border-bottom: solid 1px yellow;
+  border-right: solid 1px yellow;
+  padding: 15px;
+  width: 100%;
+  background-color: #ffffdd;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  border-radius: 0.75em;
+  position: relative;
+  left: 0%;
+}
+
+div.premises {
+  font-size: 100%;
+  border-top: solid 1px #3399ff;
+  border-left: solid 1px #3399ff;
+  border-bottom: solid 1px #3399ff;
+  border-right: solid 1px #3399ff;
+  padding: 0.5px;
+  width: 100%;
+  background-color: #ccccff;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  border-radius: 0.75em;
+  position: relative;
+  left: 0%; /*May be we could shift the left margin a bit?*/
+}
+
+/* ***************** Social Pane **********/
+
+div.socialPane {
+  border-top: solid 1px #777;
+  border-bottom: solid 1px #777;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  margin: 0;
+}
+
+img.foafPic {
+  width: 100%;
+  border: none;
+  margin: 0;
+  padding: 0;
+  /*float:right; */
+}
+
+div.mildNotice {
+  border: dashed 0.1em #777;
+  margin: 1em;
+  padding: 1em;
+  width: 80%; /* float: right; */
+  background-color: #ffe;
+}
+
+.friendBox {
+  /* height: 4em; */
+  border-top: solid 0.01em #ccc;
+  margin: 0;
+  padding: 0.3em;
+  /* float: left; */
+}
+.friendBoxBig {
+  height: 20em;
+  border-top: solid 0.01em #202; /* float: left; */
+}
+
+.socialPane a {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.socialPane a:link {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.socialPane a:visited {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.socialPane a:hover {
+  color: #3b5998;
+  text-decoration: underline;
+  font-weight: bold;
+}
+.socialPane a:active {
+  color: #888;
+  text-decoration: none;
+}
+
+img.foafThumb {
+  height: 3em;
+  border: 0px;
+  margin: 0.1em;
+  padding: 0.1em;
+  vertical-align: middle;
+} /* Thumbnail of a fiend etc */
+
+.friendBox .confirmed {
+  font-weight: bold;
+}
+
+table.inputForm {
+  font-size: 100%;
+}
+
+.mainBlock {
+  background: #fff;
+  color: #000;
+  float: left;
+  width: 46%;
+  margin: 0;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  padding: 0;
+}
+
+.navBlock {
+  background-color: #eee;
+  float: left;
+  width: 25%;
+  border: 0;
+  padding: 0.5em;
+  margin: 0;
+}
+
+.navBlock .navSection {
+  border: solid 0.05em gray;
+  padding: 0.5em;
+  border-radius: 0.5em; /* CSS3: border-radius: .4em; */
+}
+
+div.socialPane h2 {
+  color: #202;
+}
+div.socialPane h3 {
+  color: #202;
+}
+
+div.social_linkButton {
+  width: 80%;
+  background-color: #fff;
+  border: solid 0.05em #ccc;
+  margin-top: 0.1em;
+  margin-bottom: 0.1em;
+  padding: 0.1em;
+  text-align: center;
+}
+
+/*  For question-and-answer stuff for new web id but quite reusable.
+*/
+.answer {
+  font-style: italic;
+  color: #00c;
+  text-decoration: underline;
+}
+.tip {
+  font-style: normal;
+  color: #333;
+  margin: 1em;
+}
+.task {
+  font-style: normal;
+  color: #333;
+  margin: 1em;
+  background-color: #ffe;
+  padding: 1em;
+  border-radius: 1em; /* CSS3: border-radius: 1em; */
+}
+.success {
+  background-color: #efe;
+}
+.failure {
+  background-color: white;
+  border: 0.5em red;
+}
+div.unknown {
+  display: none;
+}
+div.yes > div.negative {
+  display: none;
+}
+div.no > div.affirmative {
+  display: none;
+}
+
+/******************* Exception Pane ********
+**
+** A pane created when the loading of a pane
+** throws an exception
+**/
+
+div.exceptionPane pre {
+  background-color: #fee;
+}
+
+/******************* Category Pane *********/
+
+.categoryPane a {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.categoryPane a:link {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.categoryPane a:visited {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.categoryPane a:hover {
+  color: #3b5998;
+  text-decoration: underline;
+  font-weight: bold;
+}
+.categoryPane a:active {
+  color: #888;
+  text-decoration: none;
+}
+
+.categoryBottomClass {
+  background-color: #efe;
+  border: 0.1em solid green;
+}
+
+.categoryTable {
+  padding-left: 2em;
+}
+.categoryPane {
+  background-color: #f8fff8;
+  padding: 0.5em;
+  border-width: 0.1em;
+  border-color: #777777;
+  border-radius: 1em; /* CSS3: border-radius: .4em; */
+}
+
+.categoryPane a.categoryWhy {
+  color: #ddd;
+}
+.categoryPane a.categoryWhy:link {
+  color: #ddd;
+  text-decoration: none;
+  font-weight: bold;
+}
+.categoryPane a.categoryWhy:visited {
+  color: #ddd;
+  text-decoration: none;
+  font-weight: bold;
+}
+.categoryPane a.categoryWhy:hover {
+  color: #3b5998;
+  text-decoration: underline;
+  font-weight: bold;
+}
+.categoryPane a.categoryWhy:active {
+  color: #ddd;
+  text-decoration: none;
+}
+
+.categoryPane a.categoryWhy {
+  color: grey;
+}
+/* a.categoryWhy:hover { color: #3B5998 } */
+
+/******************* PubsPane *********/
+
+.pubsPane {
+  background-color: #f2f6da;
+  border-width: 0.1em;
+  border-color: #777777;
+  border-radius: 1em; /* CSS3: border-radius: .4em; */
+  padding: 1em;
+
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.pubsPane h2 {
+  margin: 0;
+  padding: 0;
+}
+
+.pubsPane form {
+  padding-left: 1em;
+}
+
+/*Clear both - start things on individula lines */
+.pubsRow {
+  margin: 0.5em 3em 0.5em 0em;
+  clear: both;
+}
+
+/*inputs float right to line up */
+.pubsRow input {
+  float: right;
+  width: 20em;
+  height: 1em;
+}
+#inpid_book_description {
+  float: right;
+  height: 8em;
+  width: 17em;
+}
+
+.pubsRow button {
+  float: left;
+  height: 2em;
+  padding: 0.5em;
+  margin: 0.5em;
+}
+
+.hideit {
+  display: none;
+}
+
+.active {
+  /* display: visible; */
+}
+
+.submitRow {
+  clear: both;
+  height: 5em;
+}
+
+.submitRow button {
+  width: 7em;
+  height: 100%;
+}
+
+#buttonid {
+  display: none;
+}
+
+#buttonid.active {
+  display: inline;
+}
+
+/******************* CV Pane *****************/
+
+.CVclass {
+  background-color: LightSkyBlue;
+}
+
+/******************* Data Content Pane *****************/
+
+div.dataContentPane {
+  border-top: solid 1px black;
+  border-left: solid 1px black;
+  border-bottom: solid 1px #777;
+  border-right: solid 1px #777;
+  padding: 0.5em; /* color: #404; */
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.nestedFormula {
+  border-top: solid 1px black;
+  border-left: solid 1px black;
+  border-bottom: solid 1px #777;
+  border-right: solid 1px #777;
+  padding: 0.5em;
+  border-radius: 0.5em;
+}
+
+div.dataContentPane td {
+  padding-left: 0.2em;
+  padding-top: 0.1em;
+  padding-right: 0.2em;
+  padding-bottom: 0.05em;
+  /*	        vertical-align: middle; /*@@ Lalana's request*/
+  vertical-align: top; /*@@ Tims's request*/
+  /* With middel, you can't tell what is with what */
+  /* background-color: white; */
+}
+
+div.dataContentPane tr {
+  margin-bottom: 0.6em;
+  padding-top: 1em;
+  padding-bottom: 1em;
+}
+
+.dataContentPane a {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.dataContentPane a:link {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.dataContentPane a:visited {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.dataContentPane a:hover {
+  color: #3b5998;
+  text-decoration: underline;
+  font-weight: bold;
+}
+.dataContentPane a:active {
+  color: #888;
+  text-decoration: none;
+}
+
+.dataContentPane.embeddedText {
+  white-space: pre-wrap;
+}
+.dataContentPane.embeddedXHTML {
+}
+
+/* div.dataContentPane a { text-decoration: none; color: #006} /* Only very slightly blue */
+div.dataContentPane td.pred {
+  min-width: 12em;
+} /* Keep aligned with others better */
+div.dataContentPane td.pred a {
+  color: #444;
+} /* Greyish as form field names have less info value */
+
+/* .collectionAsTables  {border-right: green 1px; margin: 0.2em;} */
+
+div.n3Pane {
+  padding: 1em;
+  border-top: solid 1px black;
+  border-left: solid 1px black;
+  border-bottom: solid 1px #777;
+  border-right: solid 1px #777;
+  color: #004;
+}
+
+.imageView {
+  border: 1em white;
+  margin: 1em;
+}
+
+.n3Pane pre {
+  font-size: 120%;
+}
+div.n3Pane {
+}
+
+.RDFXMLPane pre {
+  font-size: 120%;
+}
+div.RDFXMLPane {
+}
+
+div.RDFXMLPane {
+  padding: 1em;
+  border-top: solid 2px black;
+  border-left: solid 2px black;
+  border-bottom: solid 2px #777;
+  border-right: solid 2px #777;
+  color: #440;
+}
+
+/* Generic things useful anywhere */
+
+img.hideTillHover {
+  visibility: hidden;
+}
+img.hideTillHover:hover {
+  visibility: visible;
+}
+.hideTillHover img {
+  visibility: hidden;
+}
+.hideTillHover:hover img {
+  visibility: visible;
+}
+.hideTillHover a {
+  visibility: hidden;
+}
+.hideTillHover:hover a {
+  visibility: visible;
+}
+.hoverControl .hoverControlHide {
+  visibility: hidden;
+}
+.hoverControl:hover .hoverControlHide {
+  visibility: visible;
+}
+
+/* Pane icons: */
+
+/*
+.hoverControl .paneShown{ border-radius: 0.5em;
+            border-top:         solid #222 1px;
+            border-left:        solid #222 0.1em; border-bottom: solid #eee 0.1em;
+            border-right:       solid #eee 0.1em;
+            margin-left:        1em; padding: 3px;
+            background-color:   #ffd;
+          visibility: hidden;}
+
+.hoverControl:hover .paneShown{ border-radius: 0.5em;
+            border-top:         solid #222 1px;
+            border-left:        solid #222 0.1em; border-bottom: solid #eee 0.1em;
+            border-right:       solid #eee 0.1em;
+            margin-left:        1em; padding: 3px;
+            background-color:   #ffd;
+          visibility:visible; }
+
+.paneHidden { border-radius: 0.5em; margin-left: 1em; padding: 3px}
+
+.hoverControl .paneHidden { border-radius: 0.5em; margin-left: 1em; padding: 3px;  visibility:hidden;}
+.hoverControl:hover .paneHidden { border-radius: 0.5em; margin-left: 1em; padding: 3px; visibility:visible; }
+*/
+
+/* outline object view */
+img.outlineImage {
+  max-height: 20em;
+  max-width: 30em;
+} /* save vertical space */
+/* Compare facebook which only limits width -> lots of tall images! */
+
+img.phoneIcon {
+  border: 0;
+  margin-left: 1em;
+}
+
+table#sources {
+  width: 100%;
+}
+
+table {
+  border-spacing: 0;
+}
+
+table {
+  margin: 0em;
+}
+
+td {
+  font-size: 100%;
+  border-left: none;
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  margin: 0.2em;
+  /*  border-right: solid purple 0.1em ;
+    border-bottom: solid purple 0.1em;
+*/
+  vertical-align: top;
+  /*    display: compact;    Causes console errors in ffox */
+}
+
+td.pred {
+  padding-left: 0.5em;
+}
+/*td.optButton { display: none }
+tr[parentOfSelected] > td.pred td.optButton { display: block }
+*/
+
+table.results {
+  width: 100%;
+}
+
+table.results td {
+  font-size: 100%;
+  background-color: #fff;
+  border-left: none;
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  margin: 0.1em;
+  border-right: solid #777 0.1em;
+  border-bottom: solid #777 0.1em;
+
+  vertical-align: top;
+}
+
+table.results th {
+  font-size: 100%;
+  background-color: #ddf;
+  border-left: none;
+  border-top: none;
+  border-right: solid #777 0.1em;
+  border-bottom: solid #777 0.1em;
+  margin: 0.3em;
+  padding-top: 0.5em;
+  padding-right: 0.5em;
+  border-right: solid #777 0.1em;
+  border-bottom: solid #777 0.1em;
+
+  vertical-align: top;
+}
+
+/* Hide sections of the display.
+Collpase not actually in CSS1 except for table row and col.
+Supposed to leave layoutunchanged. So we float it too. */
+
+.collapse {
+  display: none;
+}
+.expand {
+  display: block;
+}
+
+/* log classes */
+.nrml {
+  color: black;
+}
+.info {
+  color: black;
+}
+.warn {
+  color: black;
+  background-color: #ffd;
+}
+.eror {
+  color: black;
+  background-color: #fdd;
+}
+.mesg {
+  color: green;
+}
+.dbug {
+  color: black;
+  background-color: #ddf;
+} /* Blue */
+
+/* Try to get the icons to flush right in the cell */
+
+.sortheader {
+  color: black;
+  text-decoration: none;
+  position: relative;
+  border: none; /* Jim's commented out */
+}
+
+.colclose {
+  float: right;
+  color: #aaa;
+} /* Should be 67% transp black */
+.sortarrow {
+  float: left;
+  color: #aaa;
+  border: none;
+}
+
+/* CSS Stuff for tabbed Views.. */
+table.viewTable {
+  padding: 0;
+  margin: 0;
+  border-style: none;
+  border-width: 0;
+  height: 40em;
+  width: 100%;
+  border-spacing: 0;
+}
+
+div.viewTabs {
+  background-color: #fff;
+  padding: 0;
+}
+
+div.viewWindows {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  margin: 0em;
+  padding: 0em;
+  border-right: solid #aaa 0.1em; /* was 2px */
+  border-left: solid #aaa 0.1em;
+  border-bottom: solid #aaa 0.1em;
+  background-color: #ccc;
+}
+
+div.querySelect {
+  background-color: #ccc;
+  width: 100%;
+  height: 100%;
+  border-left: solid #aaa 0.1em;
+  border-bottom: solid #aaa 0.1em;
+  overflow: auto;
+  margin: 0em;
+  padding: 0em;
+}
+
+td.viewTableData {
+  padding: 0em;
+  margin: 0em;
+  height: 100%;
+  width: 80%;
+}
+
+td.queryTableData {
+  padding: 0em;
+  margin: 0em;
+  border-width: 0em;
+  height: 100%;
+  width: 20%;
+  border-style: none;
+}
+
+table.viewTable tr {
+  height: 100%;
+  margin: 0em;
+  padding: 0em;
+  border-style: none;
+}
+
+a {
+  color: #3b5998;
+  text-decoration: none;
+  cursor: pointer;
+}
+a.inactive {
+  background-color: #eee;
+  border-right: solid #ddd 0.1em;
+  border-top: solid #aaa 0.1em;
+  border-left: solid #aaa 0.1em;
+  padding-top: 0.3em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
+  padding-bottom: 0em;
+  margin-right: 0.1em;
+  color: #99f;
+  text-decoration: none;
+}
+
+a.active {
+  background-color: #ccc;
+  border-right: solid #ddd 0.1em;
+  border-top: solid #aaa 0.1em;
+  border-left: solid #aaa 0.1em;
+  padding-top: 0.3em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
+  padding-bottom: 0em;
+  margin-right: 0.1em;
+  color: #22f;
+  text-decoration: none;
+}
+
+input.tabQueryName {
+  border: solid #aaa 0.1em;
+  width: 100%;
+  padding: 0em;
+}
+
+input.delQueryButton {
+  border: none;
+  color: #c00;
+  background-color: #ccc;
+  cursor: pointer;
+  padding: 0em;
+}
+
+td.checkboxTD {
+  padding-right: 0.5em;
+}
+
+.sourceHighlight {
+  background-color: yellow;
+}
+
+#MenuBar {
+  padding: 0.5em;
+  position: fixed;
+  top: 0;
+  bottom: auto;
+  left: 0;
+  right: 0;
+  background-color: #eee;
+  border: 0.1em solid #aaa;
+}
+
+#TabulatorStatusWidget {
+  position: fixed;
+  top: 0;
+  bottom: auto;
+  left: auto;
+  right: 0;
+}
+
+div.mapKeyDiv {
+  position: relative;
+  float: right;
+  margin: 0.3em;
+  color: #777;
+  background: #fff;
+  border: solid #777 0.1em;
+  padding: 0.1em;
+}
+
+span.closeQuerySpan {
+  float: right;
+  text-align: right;
+  height: 0.1em;
+  overflow: visible;
+}
+
+span.openQuerySpan {
+  float: left;
+  overflow: visible;
+  height: 0em;
+  text-align: left;
+  position: relative;
+  top: 0em;
+  z-index: 1;
+}
+
+input.textinput {
+  width: 100%;
+  border: none;
+  font-size: 95%;
+  padding: 0em;
+  margin: 0;
+}
+
+textarea.textinput {
+  border: none;
+}
+
+.pendingedit {
+  color: #bbb;
+}
+
+td.undetermined {
+  color: gray;
+  font-style: italic;
+}
+
+/*revert back*/
+td.undetermined table {
+  color: black;
+  font-style: normal;
+}
+
+/*color style from http://developer.yahoo.com/yui/docs/module_menu.html*/
+.outlineMenu {
+  position: absolute;
+  /*width:10em;*/
+  height: 10em; /*   Jim's commented out */
+  background: #ffffff none repeat scroll 0%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  border: 1px solid;
+  /*padding:.2em;*/
+}
+.outlineMenu table {
+  cursor: default;
+  width: 100%;
+  text-align: left;
+  padding: 5px 5px;
+}
+.outlineMenu div {
+  /*width:6em;*/
+  overflow: auto;
+  white-space: nowrap;
+}
+.outlineMenu td {
+  color: #654d6c;
+}
+.outlineMenu .activeItem {
+  background: #d1c6da;
+} /* @@ Jim's: #f4e8fc; */
+.outlineMenu input {
+  margin: 0.2em;
+}
+
+div.bottom-border {
+  border: 0.2em solid transparent;
+  width: 100%;
+}
+
+div.bottom-border-active {
+  cursor: copy;
+  border: 0.2em solid;
+  border-color: rgb(100%, 65%, 0%);
+}
+
+/* The thing below was for the kenny's orange bar*/
+/* @@@ This is not specific enough
+td{
+    margin: 0;
+    padding: 0;
+}
+*/
+
+.deleteIcon {
+  margin-left: 0.1em;
+}
+
+.deleteCol {
+  float: right;
+  display: inline;
+}
+
+.suggestion_list {
+  background: white;
+  border: 1px solid;
+  padding: 4px;
+}
+
+.suggestion_list ul {
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+
+.suggestion_list a {
+  text-decoration: none;
+  color: navy;
+}
+
+.suggestion_list .selected {
+  background: navy;
+  color: white;
+}
+
+.suggestion_list .selected a {
+  color: white;
+}
+
+#autosuggest {
+  display: none;
+}
+
+/*
+Start of styles for the photoPane, by albert08@csail.mit.edu
+*/
+div.PhotoContentPane {
+  float: left;
+  width: 900px;
+  border: 1px solid #aaaaaa;
+  padding: 10px;
+}
+div.PhotoListPanel {
+  float: left;
+  padding: 5px;
+  border: 1px solid #aaaaaa;
+  width: 540px;
+  min-height: 300px;
+}
+div.PhotoInfoPanel {
+  float: left;
+  padding: 10px;
+  border: 1px solid #aaaaaa;
+  width: 300px;
+  text-align: center;
+  margin: 0px 0px 10px 10px;
+}
+div.TagMenu {
+  float: left;
+  padding: 10px;
+  border: 1px solid #aaaaaa;
+  width: 300px;
+  margin: 0px 0px 0px 10px;
+  text-align: justify;
+}
+.tagItem {
+  float: left;
+  padding: 2px;
+  margin: 2px;
+  cursor: pointer;
+}
+.tagItem_h {
+  float: left;
+  padding: 2px;
+  margin: 1px;
+  border: 1px solid #ddbb99;
+  background-color: #ddeeff;
+  cursor: pointer;
+}
+div.photoItem {
+  float: left;
+  width: 100%;
+}
+div.photoFrame {
+  border-right: 1px solid #aaaaaa;
+  width: 260px;
+  padding: 10px;
+  margin: 10px 10px 10px 10px;
+  text-align: center;
+  float: left;
+}
+img.photoThumbnail {
+  border: 1px solid #cccccc;
+  margin: auto auto auto auto;
+}
+.photoListTags {
+  width: 200px;
+  margin-top: 10px;
+  padding-top: 10px;
+  float: left;
+}
+.photoList_tag {
+  background: transparent url(icons/tag_tiny.png) 0px 1px no-repeat;
+  padding: 1px 0px 1px 18px;
+  margin-left: 5px;
+}
+.TagMenu_tag {
+  background: transparent url(icons/tag_tiny.png) 0px 1px no-repeat;
+  padding: 1px 0px 1px 18px;
+  margin-left: 5px;
+}
+div.photoImportContentPane {
+  float: left;
+  padding: 0px;
+  width: 930px;
+  border: 1px solid #aaaaaa;
+  padding: 10px;
+}
+.photoImportTitle {
+  font-size: 16px;
+  font-weight: bold;
+}
+.photoItemPanel {
+  width: 260px;
+  height: 300px;
+  float: left;
+  padding: 10px;
+  border: 1px solid #aaaaaa;
+  margin: 0px 10px 10px 0px;
+}
+.photoControlImg {
+  border: 0px;
+  cursor: pointer;
+}
+.photoControlImgInactive {
+  opacity: 0.5;
+  border: 0px;
+}
+#photoPageInfo {
+  font-family: Arial;
+  font-size: 14px;
+  font-weight: bold;
+}
+.controls {
+  clear: both;
+  text-align: right;
+  margin: 15px 15px 0px 0px;
+}
+.controlButton {
+  margin: 0px 0px 0px 10px;
+}
+div.TagPane {
+  min-width: 500px;
+  border: 1px solid #aaaaaa;
+  padding: 10px;
+}
+div.TagSemanticsPanel {
+  margin: 5px 0px 20px 0px;
+}
+div.TagSemanticsTable {
+  width: 100%;
+  font-family: Arial;
+  font-size: 12px;
+}
+div.AddTagSemantics {
+  margin: 50px 0px 10px 0px;
+}
+.controlSelect {
+  margin: 5px;
+  font-family: Arial;
+  font-size: 12px;
+}
+.tagURIInput {
+  margin: 5px;
+  font-family: Arial;
+  font-size: 12px;
+  width: 300px;
+}
+div.TagPane hr {
+  border: 1px solid #aaaaaa;
+}
+/*
+End of styles for the photoPane
+*/
+
+/*
+Styles for tableViewPane
+*/
+
+.tableViewPane table th {
+  background-color: #eee;
+  color: black;
+}
+
+.tableViewPane table th a {
+  color: #555;
+}
+
+.tableViewPane table .selectors td {
+  background-color: #ccc;
+}
+
+.tableViewPane table td {
+  border-bottom: 1px solid black;
+  border-right: 1px solid black;
+}
+
+.tableViewPane .toolbar td {
+  border: none;
+}
+
+.tableViewPane .sparqlButton {
+  width: 16px;
+  height: 16px;
+  border: 1px solid black;
+}
+
+.tableViewPane .sparqlDialog {
+  position: fixed;
+  top: 40px;
+  left: 100px;
+  width: 600px;
+  background: white;
+  border: 1px solid black;
+  padding: 5px;
+}
+
+.tableViewPane .sparqlDialog textarea {
+  width: 590px;
+  height: 250px;
+}
+
+/* These should be the same as with hthe dataContentPane */
+.tableViewPane a {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.tableViewPane a:link {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.tableViewPane a:visited {
+  color: #3b5998;
+  text-decoration: none;
+  font-weight: bold;
+}
+.tableViewPane a:hover {
+  color: #3b5998;
+  text-decoration: underline;
+  font-weight: bold;
+}
+.tableViewPane a:active {
+  color: #888;
+  text-decoration: none;
+}
+
+.tableViewPane tr {
+  border-color: #444;
+  padding-left: 0.3em;
+  padding-right: 0.3em;
+}
+
+/*The 'display explanation' feature*/
+.inquiry {
+  padding-left: 0.2em;
+  color: red;
+  font-family: Arial;
+  font-weight: bold;
+}
+
+/*
+End of styles for tableViewPane
+*/
+
+/* Styles for   FORM PANE
+**
+** Colors from data cotent pane
+*/
+
+.formPane a {
+  color: #3b5998;
+  text-decoration: none;
+}
+.formPane a:link {
+  color: #3b5998;
+  text-decoration: none;
+}
+.formPane a:visited {
+  color: #3b5998;
+  text-decoration: none;
+}
+.formPane a:hover {
+  color: #3b5998;
+  font-weight: bold;
+} /* was  text-decoration: underline; */
+.formPane a:active {
+  color: #888;
+  text-decoration: none;
+}
+
+/* ends */