@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0 70px 0;
/*	background: #fff url(./css/CSMLRepoter.png) no-repeat 0 2px;*/
	background: #fff url(./css/reporter.png) no-repeat 0 2px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: small;
	color: #444;
}

p {
	margin: 0;
}

div {
/*
	border-left: 1px solid #dbeac8;
	border-top: 1px solid #dbeac8;
	border-right: 1px solid #719346;
	border-bottom: 1px solid #719346;
*/
}

div#project {
	margin: 0 14px;
	padding-top: 14px;
	width: 1024px;
}

div#header {
	height: 98px;
	overflow: hidden;
}

div.entityIndex, div.processIndex ,div.factIndex {
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 12px;
	padding-bottom: 6px;
	width: 1024px;
	border-bottom: 1px solid #888;
}

.entityBG {
	background: #fef;
}
.processBG {
	background: #ffe;
}
.connectorBG {
	background: #eff;
}

.factBG {
	background: #efe;
}

div.entityIndex a{
	padding-left:17px;
}
/*
div.entityIndex a{
	padding-left:17px;
	background: url(./css/entity16.png) no-repeat 0px 0px;
}
*/
.eBinding {
	padding-left:17px;
	background: url(./css/entityBinding16.png) no-repeat 0px 0px;
}

div.processIndex p.item{
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

div.processIndex a{
	padding-left:17px;
}
/*
div.processIndex a{
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}
*/
.processMEPhosphorylation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEAcetylation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEUnknownActivation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEBinding a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEDeacetylation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEUnknownInactivation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEDephosphorylation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEDephosphorylation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMETranslocation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEUnknownDegradation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMETranscription a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEDissociation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processMEDissociation a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processCellularEvent a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processOrganismEvent a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}

.processPhysiologicalEvent a{ 
	padding-left:17px;
	background: url(./css/process16.png) no-repeat 0px 0px;
}


div.entity, div.process {
    overflow: hidden;
	margin: 0 14px;
	padding-top: 7px;
	width: 1024px;
	padding-bottom: 1 px;
	border-bottom: 2px solid #444;
}
div.entity:after, div.process:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
* html .entity {
    height: 1em;
    overflow: visible;
}
* html .process {
    height: 1em;
    overflow: visible;
}

div.connector {
	clear : both ;
	margin: 0 14px;
	padding-top: 14px;
	width: 1024px;
}

.faceImage {
	float: left;
	width: 128px;
	text-align: center;
	padding: 1px;
}
#container {
    overflow: hidden;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}

	div.elementFigure {
		float: left;
		width: 34%;
		/* height: 320px; */
		overflow: hidden;
		padding-top:12px;
		background: url(./css/figure300.png) no-repeat 5px 0px;
	}

	div.simulationProperty {
		float: left;
		width: 32%;
		/* height: 320px; */
		margin-left: 1px;
		_margin-left: 8px;
		padding-top:12px;
		background: url(./css/simulation300.png) no-repeat 5px 0px;
	}

	div.externalDatabase {
		float: right;
		width: 32%;
		/* height: 320px; */
		margin-left: 7px;
		_margin-left: 4px;
		padding-top:12px;
		background: url(./css/database300.png) no-repeat 5px 0px;
	}

	div.other {
		clear: both;
		float: left;
		width: 1000px;
		/* height: 320px; */
		margin-left: 7px;
		_margin-left: 4px;
		padding-top:12px;
		padding-bottom:4px;
		background: url(./css/other300.png) no-repeat 5px 0px;
	}

		div.entityFigure {
			/* height: 128px; */
		}

			img.entityPicture {
				border: none;
				/*
				width: 128px;
				height: 128px;
				*/
			}

		div.entityPosition {
			background: url(./css/entityPosition.png) no-repeat 138px 2px;
			margin-left: 0px;
			padding-left: 186px;
		}

		div.entitySize {
			background: url(./css/size.png) no-repeat 138px 2px;
			margin-left: 8px;
			padding-left: 178px;
		}

		div.entityAttribute {
			background: url(./css/attribute.png) no-repeat 0px 1px;
			padding-top: 10px;
			clear : both ;
		}
			p.elementName {
				background: url(./css/name43.png) no-repeat 0px 2px;
				margin-left: 29px;
				padding-left: 43px;
			}
			p.elementBiologicalRole {
				background: url(./css/role36.png) no-repeat 0px 2px;
				margin-left: 36px;
				padding-left: 36px;
			}
			p.elementSynonyms {
				background: url(./css/synonyms68.png) no-repeat 0px 2px;
				margin-left: 4px;
				padding-left: 68px;
			}
			p.elementId {
				background: url(./css/id28.png) no-repeat 0px 2px;
				margin-left: 44px;
				padding-left: 28px;
			}
			p.elementCsoClass {
				background: url(./css/cso72.png) no-repeat 0px 2px;
				margin-left: 0px;
				padding-left: 72px;
			}
			p.elementLocation {
				background: url(./css/location60.png) no-repeat 0px 2px;
				margin-left: 12px;
				padding-left: 60px;
			}
			p.elementBiologicalEvent {
				background: url(./css/event42.png) no-repeat 0px 2px;
				margin-left: 30px;
				padding-left: 42px;
			}
			p.elementBiologicalOrganism {
				background: url(./css/organism64.png) no-repeat 0px 2px;
				margin-left: 8px;
				padding-left: 64px;
			}
		div.entityReference {
			background: url(./css/reference.png) no-repeat 0px 1px;
			padding-top: 10px;
		}
			p.elementInput {
				background: url(./css/input44.png) no-repeat 0px 2px;
				margin-left: 8px;
				padding-left: 44px;
			}
			p.elementOutput {
				background: url(./css/output52.png) no-repeat 0px 2px;
				margin-left: 0px;
				padding-left: 52px;
			}
		
		div.viewStatus {
			background: url(./css/viewStatus.png) no-repeat 0px 1px;
			padding-top: 10px;
		}
			span.elementVisible {
				background: url(./css/visible50.png) no-repeat 0px 2px;
				padding-left: 50px;
			}
			span.elementShowName {
				background: url(./css/showName80.png) no-repeat 0px 2px;
				padding-left: 80px;
			}

			span.elementShowVariable {
				background: url(./css/showVariable108.png) no-repeat 0px 2px;
				padding-left: 108px;
			}
			span.elementShowFiringstyle {
				background: url(./css/showFiringStyle108.png) no-repeat 0px 2px;
				padding-left: 108px;
			}

			span.elementShowValue {
				background: url(./css/showValue118.png) no-repeat 0px 2px;
				padding-left: 118px;
			}
			span.elementShowSpeedDelay {
				background: url(./css/showSpeedDelay118.png) no-repeat 0px 2px;
				padding-left: 118px;
			}
			span.elementShowFiringoperation {
				background: url(./css/showFiringOperation118.png) no-repeat 0px 2px;
				padding-left: 118px;
			}

		div.processFigure {
			/* height: 128px; */
		}

			img.processPicture {
				border: none;
				/*
				width: 128px;
				height: 128px;
				*/
			}

		div.processPosition {
			background: url(./css/entityPosition.png) no-repeat 138px 2px;
			margin-left: 0px;
			padding-left: 186px;
		}

		div.processSize {
			background: url(./css/size.png) no-repeat 138px 2px;
			margin-left: 8px;
			padding-left: 178px;
		}

		div.processAttribute {
			background: url(./css/attribute.png) no-repeat 0px 1px;
			padding-top: 10px;
			clear : both ;
		}
		
		div.processReference {
			background: url(./css/reference.png) no-repeat 0px 1px;
			padding-top: 10px;
		}


		div.connectorFigure {
			height: 128px;
		}
			div.connectorImages{
				float: left;
				height: 128px;
			}
				img.connectorFromPicture {
					vertical-align: top;
					position: absolute;
					border: 0px;
				/*	border: 1px red solid; */
				}

				img.connectorToPicture {
					vertical-align: bottom;
					border: 0px;
				/*	border: 1px red solid; */
				}

				img.connectorPicture {
					padding-left: 6px;
					/*
					width: 128px;
					height: 128px;
					*/
				}

		div.connectorPosition {
			background: url(./css/entityPosition.png) no-repeat 186px 2px;
			padding-left: 234px;
		}

		div.connectorSize {
			background: url(./css/size.png) no-repeat 186px 2px;
			padding-left: 226px;
		}

		div.connectorAttribute {
			background: url(./css/attribute.png) no-repeat 0px 1px;
			padding-top: 10px;
			clear : both ;
		}




/* simulationProperty */

	p.elementType {
		background: url(./css/type42.png) no-repeat 0px 2px;
		margin-left: 42px;
		padding-left: 42px;
	}
	p.elementVariable {
		background: url(./css/variable58.png) no-repeat 0px 2px;
		margin-left: 26px;
		padding-left: 58px;
	}
	p.elementInitialValue {
		background: url(./css/initialValue80.png) no-repeat 0px 2px;
		margin-left: 4px;
		padding-left: 80px;
	}
	p.elementEvalOnce {
		background: url(./css/evalOnce68.png) no-repeat 0px 2px;
		margin-left: 16px;
		padding-left: 68px;
	}
	p.elementValue {
		background: url(./css/value44.png) no-repeat 0px 2px;
		margin-left: 40px;
		padding-left: 44px;
	}
	p.elementMaxValue {
		background: url(./css/maxValue70.png) no-repeat 0px 2px;
		margin-left: 14px;
		padding-left: 70px;
	}
	p.elementMinValue {
		background: url(./css/minValue66.png) no-repeat 0px 2px;
		margin-left: 18px;
		padding-left: 66px;
	}

	div.simulationPropertyBoolean {
	}
		span.elementUnit {
			background: url(./css/unit36.png) no-repeat 0px 2px;
			margin-left: 48px;
			padding-left: 36px;
		}
		span.elementGlobal {
			background: url(./css/global48.png) no-repeat 0px 2px;
			margin-left: 1px;
			padding-left: 48px;
		}
		span.elementLog {
			background: url(./css/log34.png) no-repeat 0px 2px;
			margin-left: 1px;
			padding-left: 34px;
		}
		span.elementPublic {
			background: url(./css/public46.png) no-repeat 0px 2px;
			margin-left: 1px;
			padding-left: 46px;
		}

	p.elementFiringStyle {
		background: url(./css/firingStyle76.png) no-repeat 0px 2px;
		margin-left: 8px;
		padding-left: 76px;
	}
	p.elementFiringScript {
		background: url(./css/firingScript78.png) no-repeat 0px 2px;
		margin-left: 6px;
		padding-left: 78px;
	}
	p.elementFiringValue {
		background: url(./css/firingValue78.png) no-repeat 0px 2px;
		margin-left: 6px;
		padding-left: 78px;
	}
	p.elementKineticStyle {
		background: url(./css/kineticStyle80.png) no-repeat 0px 2px;
		margin-left: 4px;
		padding-left: 80px;
	}
	p.elementKineticScript {
		background: url(./css/kineticScript84.png) no-repeat 0px 2px;
		margin-left: 0px;
		padding-left: 84px;
	}
	p.elementKineticValue {
		background: url(./css/kineticValue82.png) no-repeat 0px 2px;
		margin-left: 2px;
		padding-left: 82px;
	}
	p.elementDelayScript {
		background: url(./css/delayScript80.png) no-repeat 0px 2px;
		margin-left: 4px;
		padding-left: 80px;
	}
	p.elementDelayValue {
		background: url(./css/delayValue78.png) no-repeat 0px 2px;
		margin-left: 6px;
		padding-left: 78px;
	}
	p.elementActivity {
		background: url(./css/activity56.png) no-repeat 0px 2px;
		margin-left: 28px;
		padding-left: 56px;
	}
	p.elementPriority {
		background: url(./css/priority52.png) no-repeat 0px 2px;
		margin-left: 32px;
		padding-left: 52px;
	}
	p.elementLog {
		background: url(./css/log34.png) no-repeat 0px 2px;
		margin-left: 50px;
		padding-left: 34px;
	}

/* externalDatabase */

	td.dblist{
		text-align: right;
	}
	p.elementPubmed {
		background: url(./css/pubmedId72.png) no-repeat 0px 2px;
		margin-left: 8px;
		padding-left: 72px;
	}
	p.elementGo {
		background: url(./css/cpCMid.png) no-repeat 0px 2px;
		border-left: url(./css/cpCLeft.png)
		margin-left: 32px;
		padding-left: 48px;
		/* margin-left: 32px; */
		/* padding-left: 48px; */
	}
	.dbname {
		border:1px solid;
		border-color:#9cf #036 #033 #69f;
		padding:0 3px;
		font:bold 10px verdana,sans-serif;
		color:#446;
		background:#9ff;
		text-decoration:none;margin:4px;
	}
	p.elementUniProt {
		background: url(./css/uniProt58.png) no-repeat 0px 2px;
		margin-left: 22px;
		padding-left: 58px;
	}
	p.elementEntrezgene {
		background: url(./css/entrezGene80.png) no-repeat 0px 2px;
		margin-left: 0px;
		padding-left: 80px;
	}
	p.elementMimId {
		background: url(./css/mimId54.png) no-repeat 0px 2px;
		margin-left: 26px;
		padding-left: 54px;
	}
	p.elementUCSC {
		background: url(./css/ucsc44.png) no-repeat 0px 2px;
		margin-left: 36px;
		padding-left: 44px;
	}
	p.elementEnsembl {
		background: url(./css/ensembl60.png) no-repeat 0px 2px;
		margin-left: 20px;
		padding-left: 60px;
	}
	p.elementRefSeq {
		background: url(./css/refseq52.png) no-repeat 0px 2px;
		margin-left: 28px;
		padding-left: 52px;
	}
	p.elementCompound {
		background: url(./css/compound70.png) no-repeat 0px 2px;
		margin-left: 10px;
		padding-left: 70px;
	}
	
/* other */

	p.elementComment {
		width: 1000px;   /* for IE */
		overflow: auto;
		white-space: pre;
	}
 {
		background: url(./css/uniProt58.png) no-repeat 0px 2px;
		margin-left: 22px;
		padding-left: 58px;
	}
	p.elementEntrezgene {
		background: url(./css/entrezGene80.png) no-repeat 0px 2px;
		margin-left: 0px;
		padding-left: 80px;
	}
	p.elementMimId {
		background: url(./css/mimId54.png) no-repeat 0px 2px;
		margin-left: 26px;
		padding-left: 54px;
	}
	p.elementUCSC {
		background: url(./css/ucsc44.png) no-repeat 0px 2px;
		margin-left: 36px;
		padding-left: 44px;
	}
	p.elementEnsembl {
		background: url(./css/ensembl60.png) no-repeat 0px 2px;
		margin-left: 20px;
		padding-left: 60px;
	}
	p.elementRefSeq {
		background: url(./css/refseq52.png) no-repeat 0px 2px;
		margin-left: 28px;
		padding-left: 52px;
	}
	p.elementCompound {
		background: url(./css/compound70.png) no-repeat 0px 2px;
		margin-left: 10px;
		padding-left: 70px;
	}
	
/* other */

	p.elementComment {
		width: 1000px;   /* for IE */
		overflow: auto;
		white-space: pre;
	}
 {
		background: url(./css/uniProt58.png) no-repeat 0px 2px;
		margin-left: 22px;
		padding-left: 58px;
	}
	p.elementEntrezgene {
		background: url(./css/entrezGene80.png) no-repeat 0px 2px;
		margin-left: 0px;
		padding-left: 80px;
	}
	p.elementMimId {
		background: url(./css/mimId54.png) no-repeat 0px 2px;
		margin-left: 26ppx 2px;
		margin-left: 26px;
		padding-left: 54px;
	}
	p.elementUCSC {
		background: url(./css/ucsc44.png) no-repeat 0px 2px;
		margin-left: 36px;
		padding-left: 44px;
	}
	p.elementEnsembl {
		background: url(./css/ensembl60.png) no-repeat 0px 2px;
		margin-left: 20px;
		padding-left: 60px;
	}
	p.elementRefSeq {
		background: url(./css/refseq52.png) no-repeat 0px 2px;
		margin-left: 28px;
		padding-left: 52px;
	}
	p.elementCompound {
		background: url(./css/compound70.png) no-repeat 0px 2px;
		margin-left: 10px;
		padding-left: 70px;
	}