/* 
 css for marl homepage
 */
 
html {
 min-height:101%;
}
 
#content {
 margin: 0 auto 0 auto;
 width: 950px;
 text-align: left;
 
 line-height: 16px;
 font-size: 12px;
}

/**************** MENU ITEMS ****************/

.menu {
 margin: 0;
 padding: 0;
 display: inline;
 text-align: left;
 color: #333;
}

.menu ul {
 margin: 45px 0px 0px 3px;
 padding: 6px 6px;
 list-style: none;
 text-align: center;
}

.menu ul li {
 display: inline;
 margin-left: 25px;
 font-weight: bold;
 color: #333;
 font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
}

.menu ul li a {
 color: #9F3900;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 margin-left: 2px;
 margin-right: 2px;
 font-family: Times, "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
}

.menu ul li a:hover {
 text-decoration: underline;
}

/****************** MARL SPECIFICATION *************/

body {
 font-size: 14px;
 width: 100%;
/*
  padding: 1em 4em 1em 4em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: black;
  background: #eaeaea;
  margin: 0;
  padding: 0; */
}

#wrapper {
    position: relative;
/*    width: 974px; */
    margin: 0 auto;
    background: white;
    text-align: left;
    z-index: 10;
    padding: 1px 40px 10px 40px;
}

.img {
 font-size: 90%;
 text-align: center;
}

.example {
	border: 1px dotted black;
    background-color: #D9E3E9;
    padding: 5px;
    padding-bottom: 15px;
}

.specterm {
/*	margin-top: 12px;
	padding-top: 6px;
	padding-bottom: 16px; */
	border-bottom: 1px solid #aaa;
}

.backtop {
	float: right;
	margin: -10px 0 0 0;
	font-size: 80%;
	padding: 0 6px 0 6px;
	background-color: #FFF;
}

.prop_datatype:before {
content:url(img/datatype_ico.gif);
}

.prop_datatype img {
float: left;
}

.prop_object:before {
content:url(img/object_ico.gif);
}

.prop_annotation:before {
content:url(img/annotation_ico.gif);
}

/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-variant: small-caps; font-family: Times, Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 5px 0 10px 0; color: #005A9C; font-weight: normal; }

h1 { font-size: 24px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

#content a { text-decoration: none; color: #600000; }
#content table { font-size:  12px; } 
#content a:link, #content a:visited { text-decoration: none; color: #600000; }
#content a:hover { text-decoration: underline; color: #61574a; }
p { padding: 10px 0 0 0; }
block quote { margin: 15px 30px 10px 30px; padding: 0 20px 10px 20px; border-left: 2px solid #585b3e; border-right: 2px solid #585b3e; }

.prefix_table_cell {
border-bottom: 1px solid #E1D7D7;
}

.printer_message {
 padding: 1px 40px 0px 40px;
}

.printer_message_text {
 display: inline;
 color: gray;
 font-size: 12px;
 padding-left: 5px;
}

#logo_gi2mo {
 border: 0pt none ;
 float: right;
 padding: 10px;
}

#logo_gsi {
 border: 0pt none ;
 padding-top: 10px;
 padding-bottom: 10px;
}


/****************** MARL USE CASES *************/

#opinion-text-column, #opinion-metadata-column, #opinion-graph-column{
font-weight: bold;
}

.row-table-top, .row-table {
 padding-top: 1em;
 padding-bottom: 1em;
}
.row-table {
 border-top: 1px dotted #C2C2C2; 
}
.row-table-pic {
 vertical-align: top;
 width: 200px;
 padding-left: 1em;
}

.row-table-opinion-text {
 vertical-align: top;
 width: 144px;
 font-size: 14px;
 padding-right: 1em;
}

pre .example-value {
	color: #4E4E4E;
	display: inline;
}

pre .example-class {
	color: #1F1F1F;
	font-weight: bold;
	display: inline;
}

pre {
margin-bottom: 2px;
}

.example-get-rdf {
 display: inline;
 font-size: 12px;
 color: #4E4E4E;
 float: right;
 margin-bottom: -5px;
 position: relative;

}

.example-get-rdf-icon {
 padding-right: 1px;
}

.example-get-rdf a {
 opacity:0.6;
 filter:alpha(opacity=50);
 color: #4E4E4E;
 text-decoration: none;
}

.example-get-rdf a:hover {
opacity:1;
filter:alpha(opacity=100);
color: #4E4E4E;
}

/****************** MARL EXPERIMENTS *************/

.experiment-snippet {
font-size: 90%;
}

.experiment-snippet-line {
 margin-bottom: 2px;
}

.experiment-snippet-line-rdf {
 margin-top: 5px;
 margin-bottom: 2px;
}

.experiment-snippet-line-rdf .experiment-snippet-title {
 font-size: 90%;
 color: #587FA6; /* #4E4E4E; */
}

.experiment-snippet-title {
font-weight: bold;
color: #0061A1;
display: inline;
}

.experiment-snippet a, .experiment-snippet a:visited {
 color: #8A8A8A;
}

.experiment-snippet-publication-title {
 font-style: italic;
 display: inline;
}

.experiment-snippet-publication-otherinfo {
 display: inline;
 color: #8A8A8A;
}

.experiment-table {
 margin-top: 15px;
 margin-bottom: 15px;
 width: 900px;
 font-size: 95%;
}

.experiment-table-title-row {
 background-color: #D9E3E9;
 font-weight: bold;
}

.experiment-table-cell {
 padding-top: 6px;
 border-right: 1px solid #D9E3E9;
 padding-left: 5px;
 border-bottom: 1px dotted #D9E3E9;
}

.experiment-table-last-cell {
 padding-top: 6px;
 padding-left: 5px;
 border-bottom: 1px dotted #D9E3E9;
 text-align: right;
}

.experiment-table-last-header-cell {
 text-align: right;
}

.experiment-table-title-line {
 margin-top: 10px;
}

.experiment-table-title {
 font-weight: bold;

 display: inline;
}

.experiment-table-title-desc {
 display: inline;
 color: #8A8A8A;
}

.experiment-table-cell-covered-property-marl {
 color: #248F24;
}

.experiment-table-not-covered {
 color: #660000;
}

.experiment-table-cell-covered-property-external {
  color: #75A275;
}

.experiment-table-cell-avarage {
 border-top: 1px dotted #000;
}

/****************** MARL QUERY EXPERIMENTS *************/

.competency-questions-question-template {
	margin-top: 10px;
}

.competency-questions-question-template .title {
	font-weight: bold;
	color: #595959;
}

.competency-questions-question-template .template-field {
	color: #595959;
}

.competency-questions-question-example {
	margin-bottom: 5px;
}

.competency-questions-question-example .title {
	font-weight: bold;
	color: #595959;
}