/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------
   File name: layout1column.css

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: May 22nd, 2008
*/

div
{
	padding: 0;
	margin: 0;
}
body
{
	padding: 0;
	margin: 0;
}

#contentColumn
{
	width: auto;
}
#footer
{
	clear: both;
}
#header, #footer
{
	z-index: 10;
}
#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}

#header, #innerContentColumn, #innerFooter
{
	/* to ovverride to obtain the desired behavior */
}@import url(layout1column.css);

/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: May 22nd, 2008
*/

#leftcolumn
{
	margin-right: -200px;	/* IE 4 fix */
}
#leftColumn
{ 
	float: left;
	width: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn
{
	margin-left: 199px;
}
#rightColumn
{
	float: right;
	width: 200px;
}
#innerContentColumn
{
	margin-right: 200px;
}

#header, #innerLeftColumn, #innerContentColumn, #innerRightColumn, #innerFooter
{
	/* to ovverride to obtain the desired behaviour */
}




/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: May 22nd, 2008
*/

body { 
	font: 0.74em Arial, Helvetica, sans-serif; 
	line-height: 1.5em;
}

#leftColumn
{ 
	display: none;
	width: 270px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn
{
	margin-left: 275px;
}

#contentColumn
{
	margin-left: 30px;
	min-height: 400px;
}

#rightColumn
{
	width: 260px;
}

#innerContentColumn
{
	margin-top: 0px;
	margin-right: 270px;
	padding: 5px;
}

#innerLeftColumn
{
	margin-top: 8px;
	padding: 5px;
	line-height: 1.2em; 
}

#innerRightColumn
{
	margin-top: 8px; 
	margin-right: 2px; 
	line-height: 1.5em;
}

div.titleright {
	padding: 2px;
	padding-left: 5px;
}

div.roundbox {
	padding: 2px;
	padding-left: 5px;
}

div.flatBox {
	width: 100%;
	padding: 6px;
}

div.flatBox>span {
	display: inline-block; white-space: nowrap;
}

div.flatBox2 {
	width: 100%;
	padding: 6px;
}

div.flatBox2>span {
	display: inline-block; 
}

/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: DISPLAY
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: December 22nd, 2007
*/

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: inherit;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}
#innerContentColumn h2 {
	background: inherit;
	color: #464548;
}

h1 .version{
	font: 0.54em Arial, Helvetica, sans-serif;
	color: #BBBBBB	;
	background: inherit;
	white-space: nowrap;
}

.searchhome {
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	background: #f4f4f4;
	-moz-border-radius: 7px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 5px;
}

.hottopics {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background: #F4F4F4; /*EFD98A*/
	-moz-border-radius: 7px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 5px;
}

.white {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 8px;
	background: #FFFFFF; 
}

.white a {
	text-decoration: none;
}

.white2 {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 8px;
	background: #FFFFFF; 
	font-size: 1.1em;
}

.white2 a {
	text-decoration: none;
}

.hottopics a {
	text-decoration: none;
}

.whatsnew {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background: #D3C6E6;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
}

.whatsnew a {
	text-decoration: none;
}

.mechanisms {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background: #F4F4F4; /*EFD98A*/
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
}

.mechanisms a {
	text-decoration: none;
}

.howtocontribute {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background: #fbf8f0; /* fbf8f0*/
	-moz-border-radius: 7px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 5px;
}



/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: May 22nd, 2008
*/

div#header {
	padding: 0px;
	margin:0px;
	height: 72px;
}

#header_right {
	position: relative;
	top: 0px;
	height: 60px;
}

#top_info {
	position: relative;
	top: -8px;
	margin: 4px 0 5px 0;
	padding: 0 10px 0px 0;
	text-align: right;
	height: 48px;
}

#top_info p {
	padding: 0px;
}

.searcharea {
	position: absolute;
	right: 5px;
	top: 23px;	
}

h1 .version{
	font: 0.54em Arial, Helvetica, sans-serif;
	color: #BBBBBB	;
	background: inherit;
}

#logo {
	position: absolute;
	top: 5px;
	width: 400px;
	height: 50px;
	padding: 0px 0px 0px 10px;
}

	#logo h1 {
		position: absolute;	
		top: 0px;
		left: 10px;	
	}
	
	#logo p {
		position: absolute;	
		top: 24px;
		left: 0px;	
		width: 400px;
		font-size: 0.52em;
		padding: 0px 0px 0px 0px;
	}

#menubar { 
	position:absolute;	
	top: 50px;	
	width: 100%;
	font-size: 1.1em;
	height: 22px; 
	padding-left: 0px;
	padding-top: 0px;
	z-index: 100;
}

.searchbutton {
	font-weight: bold;
	color: #60288a;
	background: #FFF;	
	border: 1px solid #AAA;
	cursor:pointer;
 
}


/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: May 22nd, 2008
*/

#footer { 
	line-height: 1.2em;
	height: 62px;
	padding: 10px;
	position: relative;
	display: block;
}
 
	#footer span#swanlogo {
		position: absolute;
		left: 10px;
		text-align: left;
		z-index: 100;
	}
	#footer div#swanlogo {
		position: absolute;
		left: 10px;
		text-align: left;
		z-index: 100;
	}
		
	#footer span#swanlogo img {
		border: 0px;
		height: 64px; 
	}
	
	#footer span#swantext { 
		position: absolute;
		left: 70px; 
		text-align: left;
		padding-top: -1px;
		z-index: 100;
		
	}
	#footer div#swantext { 
		position: relative;
		left: 80px;
		text-align: left;
		padding-top: -1px;
		width: 50%;
		display: inline;
		
	}
	#footer div#termsOfUse{
		position: relative;
		left:80px;
		top: -1.5em; 
	}

	#footer span#license{
		bottom: 12px;
	}
	
	#footer span#otherlogos {
		position: absolute;
		right: 0px;
	}
	#footer div#otherlogos {
		clear: right;
		float: right;
		right: 0px;
		position: relative;
		padding-left: 10px;
	}
	
	#footer div#otherlogos img {
		border: 0px;
		height: 64px;
	}
	
	#footer div#otherlogos a {
		padding-right: 5px;
	}


/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: May 22nd, 2008
*/

#nav, #nav ul {
	float: left;
	width: auto;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border: solid #eda;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: auto;
	w\idth: auto;
	color: #7C6240;
	text-decoration: none;
	padding: 0.2em 1em;
	padding-top: 0px;
}

#nav span {
	display: block;
	padding: 0.2em 1em;
	padding-top: 0px;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: auto;
	w\idth: auto;
	padding-top: 4px;
	color: #7C6240;
	
}

#nav li ul {
	background: white;
	position: absolute;
	left: -999em;
	height: auto;
	width: 12.4em;
	w\idth: 11.9em;
	font-weight: normal;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 11em
}

#nav li ul a {
	width: 11em;
	w\idth: 10em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #efd98a;
}

/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: TOOLBAR
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: December 22nd, 2007
*/

div#toolbar {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position: fixed;
	top: 96px;
	float: left; 
	left: 0px;
	width: 20px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 12px;
	padding-bottom: 12px;
	-moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 5px;
    z-index: 1;
}

div#toolbar img {
	border: 0px;	
}

.toolsbuttons {
    position:   relative;
    float: left;
	top: 2px;
	left: 4px;	
}

table.toolselectortable {
	padding: 0px;
	margin: 0px;
	height: 14px;		
}

td.toolselectortd {
	height: 14px;
	padding: 0px;
	margin: 0px;

}

td.toolselectortd h1{
	font-weight: bold;
	font-size: 1.1em;
}

td.toolselectortd img{
	border: 0px;
}

div.ajaxicon {
	padding-left: 20px;
	align: center;	
}

#toolscontent {
	background-color: inherit;
	min-height: 342px;
	max-height: 640px;
}


/*  
   ----------------------------------------------------------------------------
     :: SWAN BROWSER CSS: LAYOUT
   ----------------------------------------------------------------------------

   The css for the knowledge base browsing toolkit.
   
   Project: SWAN (Semantic Web Applications in Neuromedicine)
   Authors: Paolo Ciccarese & Marco Ocana
   Created: January 9th, 2008
*/

.historytitle {
	background-color: #ffffff;
	font-weight: bold;
	color: #336699;;
}

.historytitle a:hover {
	background-color: #ffffff;
	font-weight: bold;
	color: #60288A;
}

.historyelement {
	border: 1px solid #000000;
	padding: 2px;
	text-align: left;
	background: #ffffff;
}

.historyelement-top {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	padding: 2px;
	text-align: left;
	background: #ffffff;
}

.historyelement-middle {
	border-top: 0px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	padding: 2px;
	text-align: left;
	background: #ffffff;
}

.historyelement-bottom {
	border-top: 0px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 2px;
	text-align: left;
	background: #ffffff;
}

.containtment {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 6px solid gray;
	border-right: 1px solid black;
	padding: 2px;
	text-align: left;
	background: #ffffff;
	font-weight: bold;
	color: gray;
}

.list {
	padding: 2px;
	text-align: right;
	font-weight: bold;
	color: gray;
}

.discusses {
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	border-left: 6px solid orange;
	border-right: 1px solid black;
	padding: 2px;
	text-align: left;
	background: #ffffff;
	font-weight: bold;
	color: orange;
}

.consistentwith {
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	border-left: 6px solid green;
	border-right: 1px solid green;
	padding: 2px;
	text-align: left;
	background: #ffffff;
	font-weight: bold;
	color: green;
}

.inconsistentwith {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	border-left: 6px solid red;
	border-right: 1px solid black;
	padding: 2px;
	text-align: left;
	background: #ffffff;
	font-weight: bold;
	color: red;
}