/* StyleSheets for the help section of Cm2.1 Membrane Editor and Cm2.CELLmicrocosmos.org */

/** Begin: This part may differ between Cm2.1 Membrane Editor and Cm2.CELLmicrocosmos.org */
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #bbbbbb;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 0px;
	border: none;
	width: 494px;
	background-color: #000000;
}
* html html{  /* Internet Explorer only */
	width: 490px;
}
/** End: /** Begin: This part may differ between Cm2.1 Membrane Editor and Cm2.CELLmicrocosmos.org */
/** The rest of this StyleSheet should be identical for both sections */

body {
	background-color: transparent;
}

/* Links */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #dddddd;
	border: none;
	font-weight: bold;
}

a:link {	
	text-decoration:none;
}

a:visited {		
	text-decoration:none;
}

a:active {      
	text-decoration:none;
}

a:hover {		
	text-decoration:none;
	color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0px 0px;
}


/* LinksNavigation */
	
a.navi:link {	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20pt;
	text-decoration:none;
	color: #dddddd;
	border: 0px none;
}
	
a.navi:visited {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20pt;
	text-decoration:none;
	color: #dddddd;
	border: 0px none;}

a.navi:active { font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20pt;
	text-decoration:none;
	color: #dddddd;
	border: 0px none;}

a.navi:hover {	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20pt;
	text-decoration:none;
	color: #ffffff;
	border: 0px none;
	background-image: none;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0px 0px;}


/* LinksBlack */

a.black:link {	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	text-decoration:none;
	color: #bbbbbb;}
	
	
/* LinksActive */

a.chosen:link {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	text-decoration:none;
	color: #bbbbbb;
	background-color: #000000;
	height: 50px;
	width: 50px;
}

a.chosen:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color: #dddddd;
	height: auto;
	width: auto;
	border: thin none #dddddd;
	overflow: visible;
	position: relative;
	line-height: normal;
	white-space: normal;
	display: inline;
	padding: 0px 5px 5px;
	clip: rect(auto,auto,auto,auto);
	margin: 0px;
	font-weight: bold;
	background-image: url(../pics/linked.gif);
	background-repeat: repeat-x;}

a.chosen:active {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	text-decoration:none;
	color: #dddddd;
	background-color: #000000;
	height: 50px;
	width: 50px;
	padding-right: 4px;
	padding-bottom: 4px;

}

a.chosen:hover {		
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	text-decoration:underline;
	color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0px 0px;
	background-color: #000000;
	height: 50px;
	width: 50px;
}


/* Titles */

/* ChapterTitle */

h1 {			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 14px;
	margin-bottom: 12px;
}

/* PageTitle */

h2 {			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}
	
/* PageTitle linked */

h2.link {		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #dddddd;
	margin-left: 0px;
	margin-top: 7px;
	margin-bottom: 3px;
}

/* PageSubTitle */

h3 {			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom: 2px;
}

/* PageSubSubTitle */

h4 {			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* Text */

p {				
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	vertical-align: top;
}


/* Pictures */

p.pic {			
	border-color: #dddddd;
	background-color: #000000;		
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	margin-right: 0px;
}

/* PicturesDescription */

p.piclegend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #bbbbbb;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px; 
	margin-right: 2px;
	font-style: italic;
}
	
/* PicturesNavigation */

p.picnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #bbbbbb;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.picnavibar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
	text-align: left;
	margin-left: -8px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	position: static;
}
* html div.picnavibar {
	margin-left: -250px;
	margin-top: 30px;
	padding-left: 20px;
}

p.picnavifloat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #bbbbbb;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	position: relative;
}

div.picnavifloatform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	float: left;
	position: relative;
}
* html div.picnavifloatform {
	margin-bottom: -20px;
	margin-left: 0px;
}

/* Pictures */

img {
	/**border: 1px solid #000000;*/
	border: none;
}


/* InputForms */

input,textarea	{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #bbbbbb;
	text-align: left;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	border: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 0px;
}
	
/* SelectForms */

select {		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #000000;
	text-align: left;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px;
	border-top-color: #bbbbbb;
	border-right-color: #bbbbbb;
	border-bottom-color: #bbbbbb;
	border-left-color: #bbbbbb;
	border-style: solid;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* OptionsForms */

option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #666666;
	text-align: left;
	vertical-align: bottom;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px;
	border-bottom: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
}


/* Text Left */

div.textleft {
	text-align: left;
	vertical-align: bottom;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 6px;
	width: 300px;
	float: left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	line-height: normal;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border-top: none #ffffff;
	border-right: 2px dashed #bbbbbb;
	border-bottom: none #ffffff;
	border-left: none #ffffff;*/
}
	
div.textleft h1 {
	font-size: 16pt;
	line-height: 22pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-top: 6px;
	margin-bottom: 0px;
}

div.textleft h2 {
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}
	
div.textleft h2.link {		
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #dddddd;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}

div.textleft h3 {
	font-size: 12pt;
	line-height: 14pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

div.textleft h4 {
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.textleft p {
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

div.textleft p.sep {
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

div.textleft img {
	padding: 0px;
	position: relative;
	border-color: #bbbbbb;		
	line-height: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px;
}


/* Text Right */
	
div.textright {
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: bottom;
	position: relative;
	float: right;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
}

div.textright h1 {
	font-size: 16pt;
	line-height: 22pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-top: 6px;
	margin-bottom: 0px;
}

div.textright h2 {	
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}
	
div.textright h2.link {		
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #dddddd;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}

div.textright h3 {		
	font-size: 12pt;
	line-height: 14pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

div.textright h4 {
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.textright p {
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
}

div.textright p.line {
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	text-decoration: overline;
	text-align: right;
}

div.textright p.dark {
	color: #111111;
}

div.textright p.sep {
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

div.textright img {
	padding: 0px;
	position: relative;
	border-color: #bbbbbb;		
	line-height: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

div.textrighttop {
	text-align: left;
	padding: 0px;
	vertical-align: bottom;
	position: relative;
	float: right;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* Text Right */
	
div.textrightbottom {
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: bottom;
	position: relative;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	margin-left: 319px;
	margin-right: 20px;
	margin-top: 280px;
	margin-bottom: 0px;
	border: none;
}


/* Text Center */

div.textcenter {
	text-align: left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #bbbbbb;
	width: 489px;
	clear: both;	
	margin-left: 5px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
div.textcenter h1 {			
	font-size: 16pt;
	line-height: 22pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-top: 6px;
	margin-bottom: 0px;
}

div.textcenter h2 {
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #bbbbbb;
	margin-top: 0px;
	margin-bottom: 3px;
}
	
div.textcenter h2.link {		
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #dddddd;
	margin-top: 0px;
	margin-bottom: 3px;
}

div.textcenter h3 {			
	font-size: 12pt;
	line-height: 14pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-top: 0px;
	margin-bottom: 2px;
}

div.textcenter h4 {		
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	color: #bbbbbb;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.textcenter p {	
	font-size: 10pt;
	line-height: 12pt;
	line-height: normal;
	color: #bbbbbb;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 6px;
	text-align: left;
}


/* Table Center */

div.table {
	width: 470px;
	height: 150px;
	background-color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	clear:both;
}

div.tablecol {
	width: 100%;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.tabletopleft {
	width: 218px;
	margin: 0;
	background-color: #000000;
	border: 1px solid #bbbbbb;
	font-size: 10pt;
	line-height: 14pt;
	text-indent: 3pt;
	color: #eeeeee;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 1px;
	text-align: left;
	vertical-align: bottom;
	padding: 0;
	position: relative;
	float: left;
}

div.tabletopright {
	width: 440px;
	margin: 0px 10px 3px 0px;
	background-color: #000000;
	border: 1px solid #bbbbbb;
	font-size: 10pt;
	line-height: 14pt;
	text-indent: 3pt;
	color: #000000;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	float: right;
}

div.tabletopright a{
	font-size: 10pt;
	line-height: normal;
	color: #ff0000;
	font-weight: normal;
}

div.tableleft {
	width: 300px;
	margin: 0px 0px 1px 25px;
	background-color: #000000;
	border: 1px solid #aaaaaa;
	font-size: 10pt;
	line-height: 14pt;
	text-indent: 3pt;
	color: #dddddd;
	text-align: left;
	vertical-align: bottom;
	padding: 0;
	position: relative;
	float: left;
}

div.tableleft p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #000000;
	text-indent: 0pt;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

div.tableleft img {
	text-indent: 0pt;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
	vertical-align: top;
}

div.tableright {
	width: 440px;
	margin: 0px 10px 3px 0px;
	background-color: #000000;
	border: 1px solid #777777;
	font-size: 10pt;
	line-height: 14pt;
	text-indent: 3pt;
	color: #aaaaaa;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	position: relative;
	float: right;
}

div.tableright p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #aaaaaa;
	text-indent: 0pt;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

div.tableleftsmall {
	width: 98px;
	margin: 0px 0px 3px 0px;
	background-color: #444444;
	border: 1px solid #aaaaaa;
	font-size: 10pt;
	line-height: 14pt;
	text-indent: 3pt;
	color: #000000;
	text-align: left;
	vertical-align: bottom;
	padding: 0;
	position: relative;
	float: left;
}

div.tablerightsmall {
	width: 98px;
	margin: 0px 0px 3px 0px;
	background-color: #aaaaaa;
	border: 1px solid #bbbbbb;
	font-size: 10pt;
	line-height: 14pt;
	text-indent: 3pt;
	color: #000000;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	position: relative;
	float: right;
}


/* Pictures Small*/

div.picssmall {
	width: 220px;
	height:165px;
	margin: 0px;
	background-color: #000000;
	border: none;
	font-size: 10pt;
	line-height: normal;
	text-indent: 0pt;
	color: #bbbbbb;
	left: 0px;
	margin-left: 2px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 14px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 9px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	float: left;
}


div.blocktext {
	font-family: "Courier New", Courier, mono, monospace;
	font-size: 12px;
}

div.blocktext p{
	font-family: "Courier New", Courier, mono, monospace;
	font-size: 12px;
}