/*******************************************************************************
 * Element related
 ******************************************************************************/
HTML						 {height:100%;} 
BODY                         {font-family:Sans-Serif;font-size: 12pt;color:black;background: white; margin:0px; height:100%;}

/*
A                            {}
A:link, 
A:visited, 
A:active                     {text-decoration:none; color: #E67F00;}
A:hover                      {text-decoration:underline; color: #E67F00;}
A.hierarchy	                 {font-weight:200;}
A.hierarchy-active           {font-weight:200;}
A.hierarchy-active-class	 {font-weight:200;background-color:#EAF1F7;}
A.hierarchy-class            {font-weight:200;}
A.hierarchy-instance         {font-weight:200;}
A.hierarchy-active-class     {font-weight:200; background-color:#EAF1F7;}
A.hierarchy-active-instance  {font-weight:200; background-color:#EAF1F7;}
A.suggest:hover              {font-weight:200; background-color:#475B7A; text-decoration:none;}
A.footer                     {color: #475B7A; text-align:center;}

TABLE.big                    {border-width: 1px ;border-style: solid; border-color:#475B7A;}
TABLE.props                  {border-width: 1px ;border-style: solid; border-color:#EAF1F7;}
TABLE.intro                  {position:relative; left:10px}

TD.navi-selec                {background-color: #EAF1F7;}
TD.header-navi               {background-color: #EAF1F7; border-width: 0px 0px 1px 0px ;border-style: solid;border-color: #475B7A;padding-left:15px;;padding-top:0px;padding-bottom:0px;}
TD.panel-left                {background-color: #EFEFEF; border-width: 0px 1px 0px 0px ;border-style: solid;border-color: #475B7A;padding-left:15px;padding-top:10px;padding-right:15px;}
TD.panel-right               {background-color: #FFFFFF; padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
TD.property-text             {color: #475B7A;}
TD.property-sub-header       {color: #475B7A; font-weight:bold;text-decoration:underline}
TD.prop-header               {color: #475B7A; font-weight:bold;}
TD.sel                       {background: #FFFFFF;}
TR.properties                {background-color: #EAF1F7;}

SELECT                       {color:#475B7A; padding:0px}
P.intro                      {color:#475B7A; position:relative; left:10px}
UL.intro                     {color:#475B7A;}
PRE.code                     {color:#000000; background-color:#D0D0D0; border:thin solid #303030;}
*/



/*******************************************************************************
 * General classes
 ******************************************************************************/

.textfield                   {color:#475B7A; background-color:#FEFEFE; padding:0px}
.inputbutton                 {color:#990000; background-color:#EAF1F7;}
.block-text                  {color:#475B7A; background-color:#EAF1F7; font-weight:bold;}


.treebutton                  {display: inline; border: 1px solid #777777;background: #FFFF88;}
.treebutton A                {text-decoration: none;font-weight: bold; font-size: x-small; padding: 2px;}


/*******************************************************************************
 * Element ID-related
 ******************************************************************************/
#hierarchy-namesapce	  	 {font-weight:200;color:#E67F00;}
#title-text-big a            {font-size: 20pt; font-weight:200;color:#FFFFFF;}
#title-text-big a:hover      {color:#E67F00;}
#uri                         {color:gray;font-weight:100;}
#black                       {color:#E67F00;font-weight:100;}
#search-hit                  {color:red;}
#hierarchy                   {font-weight:200;}
#small10                     {}
#hierarchy-active            {background-color:#FFFFFF;}
#indent                      {position:relative; left:10px;}
#locales                     {text-align:right; position:relative;top:-20px;}



/***************************
 * Header & navigation
 ***************************/

#header                      {background-color: #475B7A; color:#FFFFFF; padding: 4px 4px 10px 15px;}
#header .logo                {float: right; color: black; display: inline;}
#header .logo IMG            {border: none; padding: 4px; background: white; border: 1px solid black; }
#header .logo-txt            {color: #CCCCCC; font-weight: bold; font-size: 15pt;}
#header h1                   {margin: 0; padding: 5px 0px 5px 0px ; }
#header h1 A                 {color: white; text-decoration: none;}

#navigation                  {clear: both; background: #CCCCCC; color: #2E4160; padding: 4px 6px 2px 10px; font-size: 11pt; border-bottom: 6px solid #2E4160; }
#navi-right                  {float: right; }


#navigation A.navi,
#navigation A.navi-sel       {font-weight: bold; text-decoration: none; font-size: 12pt;}
#navigation A.navi           {color:#2E4160; background: #AAAAAA;}
#navigation .navi-sel, #navigation A.navi:hover, #navigation A.navi-sel:hover
                             {background: #2E4160; color:#FFFFFF;}
#navigation A.navi,
#navigation A.navi-sel, .navi-form {padding: 0px 10px 2px 10px; display: inline;}
.navi-form INPUT, .navi-form SELECT {font-size: 9pt;}

#navigation .navi-form INPUT,
#navigation .navi-form SELECT {position:relative; top: -2px;}

#alphaselector                {position:absolute; z-index: 50; left: 50px; visibility:hidden; border: 10px solid #2E4160;}
#alphaselector iframe         {width: 700px; height: 500px;}


/***************************
 * main content
 ***************************/
 
#maincontent                 {clear:both; float: none; width: 100%; margin:0; padding: 0; height: 99%;}
#main-left                   {float:left; width: 20%; padding: 5px; border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; min-height: 300px; padding-bottom: 25px; background: #EFEFEF;}
#main-right                  {margin-left: 21%;}
#main-right, #main-wide      {padding: 20px;}

#maincontent #subpage-navi A {font-size: 12pt; text-decoration: none;}
#maincontent #subpage-navi A.active,
#maincontent #subpage-navi A:hover {font-weight: bold; font-size: 20pt;}
#maincontent #subpage-navi   {text-align:center; border-bottom: 1px solid black;  margin-bottom: 15px;}

#maincontent H1              {padding-top:0; margin:0; margin-bottom: 25px;}
#maincontent H1 .uri         {color: #888888; font-size: 70%;}

#maincontent .fetch-concept  {font-size: 16pt; font-weight: bold; float:right; margin: 20px;cursor: pointer;}
#maincontent .fetch-concept {color: red; text-decoration:none; background: yellow; border: 4px solid red; padding: 5px;}
#maincontent div.fetch-concept:hover {color: yellow; background: red;}

.maintable .key-value-pairs TD {padding: 3px; margin: 0;}
.maintable .key-value-pairs TD.key {padding-right: 6px; padding-bottom: 0px; padding-top: 6px; margin: 0;}

/*.key-value-pairs .key      {text-align:right; font-weight:bold; color: #333333; padding-right: 10px; vertical-align:top; white-space:nowrap;}
*/
.key-value-pairs .key      {text-align:right; font-weight:bold; color: #333333; padding-right: 10px; vertical-align:top;}
.key-value-pairs .key .key2 {font-weight: normal;}
.key-value-pairs TD.value    {vertical-align:top;}

.maintable .key-value-pairs TD.value    {padding-top: 6px; padding-bottom: 0px;}
.maintable .key-value-pairs TD.value-same-as-previous    {padding-top: 2px; padding-bottom: 0px;}

.maintable .key-value-pairs .mappings {border: 1px solid;}
/*.maintable .key-value-pairs .mappings TD {border: 1px solid;}
*/
.narrow-wide     {padding-left: 100px; padding-right: 100px; height: 100%;}

#main-left A.hierarchy-class, 
#main-left A.hierarchy-active-class {text-decoration: none; padding: 2px 0px 2px 0px ;}
#main-left A.hierarchy-active-class {font-weight: bold; color: black;}

#main-left A:hover           {text-decoration: underline;}
#main-left A.hierarchy-active-class:hover    {text-decoration: none;}

.hierarchy .hierarchy-indent {text-indent: -13px; }
.hierarchy         {margin-left: 15px;}
.hierarchy .hierarchy-mark   {padding-right: 5px; width: 20px; color: #999999;  display: inline;}

TABLE#stats {padding: 3px; margin: 0; border: 1px solid black;}
TABLE#stats TD {padding: 4px; margin: 0px; border: 1px solid #aaaaaa;}
	 
#searchresult P {margin: 2px; padding: 0;}

TABLE.maintable {
	margin: 0; padding: 0; height: 96%;
}

.maintable TR {
	height: 100%;
}

.maintable TD {
	padding: 0;
	border: 0;
	height: 100%;
}

TD.main-search {
	background: #EEEEEE;
	border-right: 6px solid #2E4160;
	padding: 5px;
	/*width: 37%;*/
}

.main-search .search-div {
	min-width: 430px;
	
	/*height: 6%;*/
	
	overflow: hidden;
	
	/*display: table-row;*/
}

.main-search .group-div {
	float: left;
	width: 48%;
	min-width: 200px;
	height: 100%;
	border-right: medium solid #000000;
	clear: left;
	padding-right: 6px;
	
	padding-bottom: 10000px;
	margin-bottom: -10000px
	
	/*display: table-cell;*/
}

.main-search .concept-div {
	float: left;
	width: 48%;
	min-width: 200px;
	height: 100%;
	/*border-left: medium solid #000000;*/
	clear: right;
	padding-left: 4px;
	
	padding-bottom: 10000px;
	margin-bottom: -10000px
	
	/*display: table-cell;*/
}

/*
TD.group-search {
	background: #EEEEEE;
	border-right: 2px solid #2E4160;
	padding: 5px;
}
*/

.group-search-result {
	padding-left:19px;
	text-indent:-18px;	
}

TD.main-context {
	border-right: 1px solid #dddddd;
}

TD.main-properties {
	padding-left: 5px;
	border-right: 1px solid #dddddd;
}

.maintable .main-concept TD {
	padding: 5px;		
}

TD.main-concept-header TD {
	margin: 0;
	padding-bottom: 15px;
}

#maincontent TD.main-concept-header H1 {
	line-height: 100%;
	margin: 0;
	padding: 0;
}

.maintable TD H4 {
	background: #dddddd;
	padding: 3px;
	margin: 0;	
}

.maintable .content {
	padding: 5px;
}

.nobr {
	white-space: nowrap;
}

 /**************************
  * footer
  **************************/
 
 #footer                      {clear: both; position: static; top:auto; bottom:0;}