html, body { 
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 15px;
	margin: auto 0
}

body.red {
	background: #F3F3F3 url(../images/red/background.gif) top left repeat-x
	/*background: -moz-linear-gradient(-90deg,#fff9e9,#F3F3F3);
	  background: -webkit-gradient(linear,left top,left bottom,from(#fff9e9),to(#F3F3F3));*/	
}

body.green { 
	background: #F3F3F3 url(../images/green/background.gif) top left repeat-x
	/*background: -moz-linear-gradient(-90deg,#d8edd8,#F3F3F3);
	  background: -webkit-gradient(linear,left top,left bottom,from(#d8edd8),to(#F3F3F3));*/
}

body.blue { 
	background: #F3F3F3 url(../images/blue/background.gif) top left repeat-x
	/*background: -moz-linear-gradient(-90deg,#d9e9ff,#F3F3F3);
	  background: -webkit-gradient(linear,left top,left bottom,from(#d9e9ff),to(#F3F3F3));*/ 
}

body.gray, body.uniprot { 
	background: #F3F3F3 url(../images/gray/background.gif) top left repeat-x
	/*background: -moz-linear-gradient(-90deg,#E0E0E0,#F3F3F3);
	  background: -webkit-gradient(linear,left top,left bottom,from(#E0E0E0),to(#F3F3F3));*/
}

body.black { 
	background: black
}

#page {
	position: relative;
    top: 1.5em;
	margin: 0 auto;	
	padding: 0;
	
	width: 48em;/* for IE6: it can't use min-width max-width! */
	overflow: hidden
		/* for IE6: oberflowing content (e.g. image) will cause #page to
		   enlarge! */
}

html>body #page {
/* for real browsers use min/max-width etc... (IE6 wont match html>body) */
	width: 88%;	
	min-width: 46em;
	max-width: 62em;
	overflow: visible	
}

#header {
	padding: 1.4em 1.2em 0em 1.2em;
	margin: 0;
	background: #25731f url(../images/green/headerbar.gif) repeat-x;
												
	color: white;
	height: 3.5em;
	overflow: hidden
}

:root #header {
/* for modern browsers use css round corner (IE won't match :root) */
	-moz-border-radius-topleft:      11px;
	-moz-border-radius-topright:     11px;
	-webkit-border-top-left-radius:  11px;
	-webkit-border-top-right-radius: 11px;
	-khtml-border-radius-topleft:    11px;
	-khtml-border-radius-topright:   11px;
	border-top-left-radius:          11px;
	border-top-left-radius:          11px	
}

:root #header img.top_left, :root #header img.top_right
{/* for modern browsers: hide round corner images! */
	display: none
}

body.red #header {
	background: #F4480C url(../images/red/headerbar.gif) repeat-x;/* IE: use bg image */
		/* modern browsers: use css gradient */
		background: -moz-linear-gradient(-90deg,#fbdd68,#f4480c);
		background: -webkit-gradient(linear,left top,left bottom,from(#fbdd68),to(#f4480c))
}

body.green #header {
	background: #25731F url(../images/green/headerbar.gif) repeat-x;
		background: -moz-linear-gradient(-90deg,#6fd568,#25731f);
		background: -webkit-gradient(linear,left top,left bottom,from(#6fd568),to(#25731f))
		/* used to be #6fcb68 */
}

body.blue #header {
	background: #0000D3 url(../images/blue/headerbar.gif) repeat-x;
		background: -moz-linear-gradient(-90deg,#6db0e0,#0000d3);
		background: -webkit-gradient(linear,left top,left bottom,from(#6db0e0),to(#0000d3)) 
}

body.gray #header, body.uniprot #header {
	background: #4E4E4E url(../images/gray/headerbar.gif) repeat-x;
		background: -moz-linear-gradient(-90deg,#a5a5a5,#4e4e4e);
		background: -webkit-gradient(linear,left top,left bottom,from(#a5a5a5),to(#4e4e4e)) 
}

body.black #header {
	background: #000000 url(../images/black/headerbar.gif) repeat-x;
		background: -moz-linear-gradient(-90deg,#444444,#000000);
		background: -webkit-gradient(linear,left top,left bottom,from(#444444),to(#000000))                       
}

#page>#header {
	overflow: visible
}

#header img.top_left {			
	position: relative;
	top: -1.4em;
	left: -1.2em;
	float: left
}

#header img.top_right {			
	position: relative;
	top: -1.4em;
	right: -1.2em;
	float: right
}

.clear {
	clear: both
}
	
#main {		
	padding: 1.4em;
	text-align: left;
	background-color: white;
	margin: 0;
	background-color: white;
	padding-top: 1.4em;
	border: 1px solid #DDDDDD;
	border-top: 0
}

#footer {
	margin: 0;
	padding: 0 0 4em 0;
	background-color: transparent;
	float: right;
	font-size: xx-small;
	color: #CCCCCC;
	text-align: right
}

/* .......................................................................... */

p, ul, td {
  font-size:   14px
}

#h1 {
	float: left;
	position: relative;
	left: -9px;
	font-size: 158%;
	font-weight: bold;
	height: 30px;
	padding: 0;
	margin: 0
}

:root #h1 { 
	left: 0
}

#h1 span {
	vertical-align: 7px;
	text-shadow: 3px 2px 3px #333333
}

#h2 {			
	float: right;
	font-size: small;
	padding: 0;
	margin: 0
}

#h3 {
	float: right;
	font-size: 13px;
	position: relative;
	right: -9px;
	top: 32px;
	padding: 0;
	margin: 0
}

:root #h3 { 
	right: 0
}

#h3 a {
	color: #FEFEAA
}

fieldset {
	border: 1px solid #CCCCCC;
	-moz-border-radius:    8px;
	-webkit-border-radius: 8px;
	border-radius:         8px
}

.nav {
	text-align: left;
	width: 26em
		/* IE 6 bug: #search float right div with input will hide nav!*/
}

html>body .nav {
	width: auto	
}

#search {
	text-align: right;
	float: right;
	padding: 0;
	margin: 0
}

#search form {
	margin: 0	
}

form.inplaceeditor-form { 
	display:inline
}

div.context {
	margin: 0 0 0.5em 0;
	margin-left: 0.2em;
	font-size: small;
	background-color: #FFFFEE;
	border: 1px solid #EEEEEE
}

div.context pre {
	margin: 0;
	padding-top: 0;
	text-align: left;
	overflow: auto;
	max-height: 8em;
	min-height: 2em;
	/*  height: 4em; for IE 6! */
	background-color: transparent
}

div.context label {
	color: #6699FF;
	margin-left: 0.5em;
	padding-bottom: 0
}

div.space_de {
	margin: 0 0 0.5em 0;
	margin-left: 0.2em;
	font-size: small;
	border: 1px solid #EEEEEE;
	color: #888888
}

div.space_de p { 
	padding: 0.2em;
	margin: 0
}

table { 
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse
}

td.list_main {
	width: 45%
}

td.list_info {
	width: 37%;
	font-size: x-small;
	color: #AAAAAA;
    text-align: right
}

td.list_action {
	width: 18%; 
	text-align: left
}
			
fieldset label {
	display: block;
	float: left;
	text-align: right;
	width: 10em;
	margin-right: 1em
}

div.form label {
	display: block;
	float: left;
	text-align: right;
	width: 6em;
	color: #888888;
	margin-right: 0.5em
}

div.form {
	clear: both;
	margin: auto
}

fieldset {
	margin-top: 1em
}

fieldset p {
	padding: 0;
	margin: 1em
}

fieldset input, fieldset form  {
	margin: 0;
}

.naked {
	margin: 0; padding: 0;
}

a { 
	color: #666666;  
	text-decoration: none;
	text-shadow: 1px 1px 2px #BBBBBB 
}

a:visited { 
	color: #666666 
}

a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-shadow: none
}

a.nohover {
	background-color: transparent !important;
}

.nav a {
	text-shadow: none
}

.wiki a, pre a {
	color: #0000FF
}

.wiki a:visited, pre a:visited  { 
	color: #4444FF
}

.wiki a:hover, pre a:hover  { 
	color: #FFFFFF;
	background-color: black
}

a.edit_link { 
	text-decoration: none;
	text-shadow: none;
	color: #FF8888;
	cursor: pointer
}

a.edit_link:visited { 
	color: #FFAAAA
}

a.edit_link:hover { 
	color: #FF0000;
	text-decoration: underline;
	background-color: white
}

a.nohover:hover {
	background-color: white
}

.edit_link {
	position: relative;
	float: right;
	font-size: x-small;
	color: #FF4444;
	background-color: white;
	padding-left: 0.5em
}

body.uniprot .edit_link {
	font-size: small
}

.note .edit_link {

}

.page .edit_link {
	top: -0.2em
}

a.history_link { 
	text-decoration: none;
	text-shadow: none;
	color: #888888;
}

a.history_link:visited { 
	color: #AAAAAA
}

a.history_link:hover { 
	color: #AAFFAA;
	text-decoration: underline;
	background-color: white
}

.history_link {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	padding-left: 0.5em
}

body.uniprot .history_link {
	font-size: small
}

.note .history_link {

}
.page .history_link {
	top: -0.2em
}

pre {
	background-color: #eee;
	padding: 10px;
	font-size: small;
	overflow: auto;
	width: 98%
		/* should be 100% but bugs with IE6! */
}

pre.comment {
	background:#E9FFCE url(../images/comment.png) no-repeat scroll left top !Important;
	min-height:20px;
	padding: 1em 0pt 0pt 0.5em;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: small;
	overflow: auto
}

pre.error {
	border: 1px solid red;
	line-height: 1.1em;
	white-space: normal
}

pre.trace {
	line-height: 1.3em;
	background-color: #FFFFDD
}

.notice {
	color: red !important;
	margin-bottom: 1em
}
.notice2 {
	color: #6699FF !important	
}

.title1 {
	color: #FF8800
}

.info1 {
	color: #EE7700;
	font-size: x-small
}

.edit_ok {
	font-weight: bold;
	color: #2222FF !important
}

.edit_no {
	font-weight: bold;
}

.found {
	background-color: yellow;
}

.new {
	background-color: #AAFFAA;
}

.old {
	background-color: #DDCFCF;
}

.del {
	text-decoration: line-through;
}

#reorder {
	background-color: #FFDDDF;
	margin: 0 0 2em 0;
	padding: 0.5em;
	-moz-border-radius:     10px;
	-webkit-border-radius:  10px;
	-khtml-border-radius:   10px;
	border-radius:          10px
}

ul#reorder_notes {
	list-style: decimal
}

#reorder_notes li {
	cursor: move;
	color: red;
	font-size: 16px
}

#toc {
	background-color: #FFFCD0;
	margin: 0 0 2em 0;
	padding: 0.5em;
	-moz-border-radius:     10px;
	-webkit-border-radius:  10px;
	-khtml-border-radius:   10px;
	border-radius:          10px
}

#notes_toc {
	cursor: pointer 
}

.editor_ok_button {
	margin-left:0.2em
}

.editor_ok { 
	color: #AAAAAA;
	font-size: small	
}

.editor_or { 
	color: #AAAAAA;
	font-size: small	
}

.editor_cancel {
	margin-left:0.5em;
	color: red !important;
	font-size: small
}

a.editor_cancel:visited { 
	color: red
}

a.editor_cancel:hover {
	text-decoration: underline
}

.column_name {
	color: #99CC99 !important;
	border-bottom: 1px dotted #AADDAA;
	margin: 1em 0 0 0 !important;
	font-size: 16px !important
}

.column_hr {
	padding-top: 0;
	border-top: 1px dashed #DDDDDD;
}

.page_title {
	color: #EE6600;
	font-size: 28px !important;
	font-weight: bold;
	margin-top: 0.5em;
	width: 60%
}

.page_title img, .note_title img {
	position: relative;
	top: -0.3em;
	border: none
}

.note_title {
	color: #75AC12 !important;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0.5em;
	width: 80%;
	text-shadow: none !important
}

.wiki_title {
	color: #66CC66;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0.5em
}

.wiki_info {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	clear: right;
	top: 0.9em
}

.note_info {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	clear: right;
	top: 0.9em
}

body.__removed__uniprot .note_info {
	font-size: small;
	top: 0.6em
}

.page_info {
	position: relative;
	float: right;
	font-size: x-small;
	color: #888888;
	clear: right;
	top: 1.2em
}

body.__removed__uniprot .page_info {
	font-size: small;
	top: 0.9em
}

.hidden {
	display: none
}

.token {
	text-align: left
}

.cat {
	color: #AAAAAA
}

.wiki {
		
}

.wiki h1, .wiki h2, .wiki h3, .wiki h4 {
	margin-top: 0;
	color: #556655	
}

.wiki h1 {
	font-size: 22px
}

.wiki h2 {
	font-size: 18px
}

.wiki h3 {
	font-size: 16px
}

.wiki h4 {
	font-size: 15px
}	

.wiki p {
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size: 14px !important;
	margin: 0.5em 0 1em 0;
	line-height: 1.35em;
	text-align: justify
}

.wiki td {
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size: 14px !important;
	background-color: #FFFFFF;
	padding: 0.1em
}

.wiki div {
	font-size: 14px !important;
}

.wiki li {
	font-size: 15px !important;
	margin-bottom: 0.3em
}

.wiki table {
	table-layout: auto !important;
	margin: 0.5em 0 1em 0;
	font-size: 14px !important;
	width: auto;	
	border-collapse: separate;
	background-color: #F5F9F6
}

.wiki img {
	margin: 0;
	border: 0 !important
}

.wiki blockquote {
	display: block;
	margin: 0;
	padding-left: 2em;
	background: transparent url(../images/blockquote.gif) no-repeat scroll 0pt 2px !important
}

.page {
	margin: 0.1em 0 2.2em 0;
	padding-top: 0.2em
}

.note {
	margin: 0.1em 0 3em 0;
	padding-top: 0.1em
}

.comment {
	margin: 0.1em 0 1em 0;
	padding-top: 0.1em;
}


span.page_space {
	color: #449999;
}

span.path {
	color: #449999;
	font-size: x-small !important;
}

fieldset.space {
	border: 2px solid #DDDDDD;
	padding: 0.6em
}

fieldset.space legend {
	color: #449999;
	font-size: x-large;
	padding: 0 0.2em 0 0.2em
}

fieldset.comment {
	border: 2px solid #EEEEEE;
	padding: 0.6em;
	margin: 0 0 2em 0;
	clear: both
}

fieldset.comment legend {
	color: #449999;
	font-size: medium;
	padding: 0 0.2em 0 0.2em
}

fieldset.comment label {
	width: 7em
}

table.page_list {
}

table.page_list tr {

}

.public {
	color: #00A090;
	font-weight:bold
}

.hover {
	border: 4px solid #FFAAAA !important
}

.move_to {
	border: 4px solid #FF0000 !important
}

.drag {
	cursor: move
}

.com1 {
}

.com2 { 
	display: none 
}

/* In place editing styles*/

div.in_place_editor_field {
	clear: right
}

div.form div.in_place_editor_field {
	clear: none
}

.editor_or {
	font-size: small;
	font-weight: normal;
	color: #000000
}

/* Autocomplete styles*/

div.auto_complete {
  width: 350px;
  background: #FFFFFF;
  z-index: 1000
}

div.auto_complete ul {
  border:1px solid #888888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none
}

div.auto_complete ul li {
  margin:0;
  padding:3px
}

div.auto_complete ul li.selected { 
  background-color: #ffb;
}

div.auto_complete ul strong.highlight { 
  color: #880000; 
  margin:0;
  padding:0
}

/*************************************  TABS **********************************/
/* ------ tabs (not used yet... (from wikinomy app)) ------*/
   
div#tab_bar {
	/*background-color: #DADADA;*/
	padding: 0; 
	margin: 0;
	height: 15px;
	display: none;
	float: left;
	clear: left;
	position: relative;
	bottom: -5px
}

div#tab_bar ul {
	list-style-type:none;
	display:table;
	margin: 0; 
	padding: 0 4px; 
	font-size: 14px;
	height: 100%
}

body#taball li.tab0,
body#tab0 li.tab0, body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3,
body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7 {
/*active tab*/
	/*background-color: #FFFFFF;*/
	color: #FFFFFF;
	border: 1px solid gray;
	border-bottom: none
}

div#tab_bar ul li {
/*all tabs*/
	display:table-cell;
	border: 0; 
	padding: 0 1em; 
	min-width: 6em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	/*font-weight: bold;*/
	color: #AAAAAA
}

li#tab_focus {
/*mouse focus tab*/
	color:       #EEEEEE !important;
	/*font-weight: bold !important;*/
}

body#taball div#t0, body#taball div#t1, body#taball div#t2, body#taball div#t3, 
body#taball div#t4, body#taball div#t5, body#taball div#t6, body#taball div#t7 {
/*all tab content divs (when body id == taball = when not modified by js)*/
	display: block
}

div#t0, div#t1, div#t2, div#t3, div#t4, div#t5, div#t6, div#t7 {
/*all tab content divs (when body id != taball = only when js on)*/
	display: none
}

body#tab0 div#t0, body#tab1 div#t1, body#tab2 div#t2, body#tab3 div#t3, 
body#tab4 div#t4, body#tab5 div#t5, body#tab6 div#t6, body#tab7 div#t7 {
/*active tab*/
	display: block
}