mashlib-jss 0.0.1

package/dist/mash.css

@@ -0,0 +1,1087 @@
+/*  Some common style for the Solid Data Browser
+**
+**
+**  Do NOT use physical measures, but font-relative measures.
+**  2006-10-21  timbl  converted px to em at approx 1em = 12px
+**
+*/
+
+/*  If you need style in a pane, insert it in the dom (2016)*/
+
+/* 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 }
+
+html { height: 100%; line-height:1.15 }
+body { height: 100%; 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; font-weight: bold; }
+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: .2em solid transparent;
+width: 100%;
+}
+
+div.bottom-border-active{
+cursor: copy;
+border: .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("https://solidos.github.io/solid-ui/src/originalIcons/tag_tiny.png") 0px 1px no-repeat;
+padding: 1px 0px 1px 18px;
+margin-left: 5px;
+}
+.TagMenu_tag {
+background: transparent url("https://solidos.github.io/solid-ui/src/originalIcons/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: .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 */
+
+@mixin box-shadow($x-axis: 0, $y-axis: 1px, $blur: 4px, $color: $default) {
+box-shadow: $x-axis $y-axis $blur $color;
+-webkit-box-shadow: $x-axis $y-axis $blur $color;
+-moz-box-shadow: $x-axis $y-axis $blur $color;
+-o-box-shadow: $x-axis $y-axis $blur $color;
+}
+
+/*# sourceMappingURL=mash.css.map*/