.clearboth { clear: both; }

BODY {
	font-family:   "Avant Garde","Arial", "Helvetica",sans-serif;
	/*color: #4277AA; */
	color: #003366;
}

H1, H2, H3, H4, H5 { 
	
	padding:1px; 
	margin-top:1px; 
	margin-bottom:1px; 
	margin-left:2px; 
	margin-right:2px;
}


P { 
	text-align:justify; 
	
	/*
	padding:1px; 
	margin-top:10px; 
	margin-bottom:10px; 
	margin-left:2px; 
	margin-right:2px;
	*/
}

P.shellscript {
	background:#003366;
	color:white;
	padding:5px;
	text-align:left;
}

A { 
	/*color: #0066cc ; */
	color: #4277AA;
	text-decoration: none ;
	/*background: #dddddd ;*/
	

	
	/*background: #eeeeef ;*/
	
	/*-moz-opacity:0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
	*/
	
	/*padding-left:6px;
	padding-right:6px;*/

}

A:hover { 
	color: #006699;
	/*background: #eeeeff ;*/
}

A.onnowImage, A.onnowImage:hover {
	color: none;
	background:none;
}

A.offnowImage, A.offnowImage:hover {
	color: none;
	background:none;
}

A.topnav {
	color:white;
}

A.topnav:hover {
	color:#003366;
}

/*used in table headins*/
A.tabletitle {
	color:white;
}

/*used in table headins*/
A.tabletitle:hover {
	color:#003366;
}

/*used in tabs above the results*/

a.tabtitle {
	color:#003366;
}

a.tabtitle:hover {
	color:#800000;
}

a.tabtitle2 {
	color:#006699;
}

a.tabtitle2:hover {
	color:#800000;
}

/*
this deals with currently "active" things, like A.active, but 
defined by the program rather than the browser
e.g., we are now browsing "Experiment" so make experiment "active"
*/
A.onnow { 
	/*color:  #bbbbbb;*/
	
	/*background: #003366 ;*/
	/*color: #003366 ;*/
	font-weight:bold;
	color:white;
	font-variant:small-caps;
	text-decoration:underline;
	
	
}

A.onnow:hover { 
	/*background: #dddddd ;*/
	color:white;
	
	
}

A.offnow { 
	
	/*background: #dddddd ;*/
	
}

A.offnow:hover { 
	
	/*color:  #bbbbbb;*/
	color:white;
	/*background: #003366 ;*/
}

/*in link mode define the table being linked to*/
A.linked { 
	color:  #bbbbbb;
	/*background: #003366 ;*/
	
	
	
}

A.linked:hover { 
	background: #eeeeee ;
	/*color: #003366 ; */
	
}

/* CMS titles and subtitles*/

.darktitle {
	background-color:#cccccc;
}

.title {
	background-color:#006699;
}

.subtitle {
	background-color:#dddddd;
}

.subsubtitle {
	background-color:#cccccc;
}


/* maxdLoad2 specific tables */
/*
.Experiment {color:white; background:#006699; 	}
.Measurement {color:white; background:#006699 ; }
.Submitter {color:white; background:#006699}


.Image {color:white; background:#006699}
.Hybridisation {color:white; background:#006699}
.Array {color:white; background:#006699}


.SamplingProtocol {color:white; background:#663366}
.TreatmentProtocol {color:white; background:#663366}
.ExtractionProtocol {color:white; background:#663366}
.LabellingProtocol {color:white; background:#663366}
.HybridisationProtocol {color:white; background:#663366}
.ScanningProtocol {color:white; background:#663366}
.ImageAnalysisProtocol {color:white; background:#663366}


.Feature{color:white; background:#A52A2A}
.Reporter{color:white; background:#A52A2A}
.Gene{color:white; background:#A52A2A}
.ArrayType{color:white; background:#A52A2A}

.LabelledExtract {color:white; background:#669966}
.Extract {color:white; background:#669966}
.TreatedSample {color:white; background:#669966}
*/
/* Shared tables */
/*
.Source		{color:white; background:#669966}
.Sample		{color:white; background:#669966}

*/

/* MeMo specific tables */
/*
.Study			{color:white; background:#669966}
.Population		{color:white; background:#669966}


.BioSample		{color:white; background:#669966}


.Analysis		{color:white; background:#669966}


.BiologicalProtocol	{color:white; background:#663366}
.SamplePrepProtocol	{color:white; background:#663366}
.AnalyticalProtocol	{color:white; background:#663366}

.Instrument		{color:white; background:#006699}

.Person		{color:white; background:#A52A2A}


.Lab	{color:white; background:#A52A2A}

*/

/*
A.linked:before {content: ">"; }
A.linked:after {content: "<"; }	
*/


.question {
	color: #003366 ;
	background: #dddddd   ;
	border: 3px solid #eeeeee;
	font-size:xx-small;
	-moz-border-radius:10px;
	vertical-align:text-top;
	cursor: help;
	opacity:0.75;  
	filter: alpha(opacity=75);
}

.question:hover {
	color:#006699    ;

	background: #cccccc   ;
	border: 3px solid #eeeeee;

	opacity:0.5;  
	filter: alpha(opacity=50);
}


.buttonBig {
	color: #003366 ;
	background: #dddddd   ;
	border: 3px solid #eeeeee;

	font-weight:bold;
	-moz-border-radius:10px;
	opacity:0.75;  
	filter: alpha(opacity=75);
}

.buttonBig:hover {
	color:#006699    ;

	background: #cccccc   ;
	border: 3px solid #eeeeee;

	opacity:0.5;  
	filter: alpha(opacity=50);
}

.button {
	color: #003366 ;
	background: #dddddd   ;
	border: 3px solid #eeeeee;
	vertical-align:top;
	font-size:xx-small;
	-moz-border-radius:10px;
	opacity:0.75;  
	filter: alpha(opacity=75);
}

.button:hover {
	color:#006699    ;

	background: #cccccc   ;
	border: 3px solid #eeeeee;

	opacity:0.5;  
	filter: alpha(opacity=50);
}

.questionable {


	color: #800000 ;
	-moz-border-radius:10px;
	cursor: help;
	opacity:0.75;  
	filter: alpha(opacity=75);
}

.questionable:hover {


	color:#006699    ;


	opacity:0.5;  
	filter: alpha(opacity=50);
}

/*
TABLE,FORM { 
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
	
	

}
*/

/*
links are kept small
as they are _POST links, these are specified in forms using a javascripty thingy
*/
FORM.link {
	font-size:small;

}

.plusminus {
	vertical-align:top;
}



.toggled {
	font-size:small;

}

/*
the background colour for the selection form at the top 
should be the same colour used in A.onnow and TD.onnow
*/
TR.bged {
	background:#eeeeee;
	
}



TD.center { text-align:center ; }

/*
TD.offnow:hover { 
	
}
*/



/*
a border used in the documentation around many things
*/
.bordered {
	
	
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006699 ;
	border-right-color: #006699 ;
	border-bottom-color: #006699  ;
	border-left-color: #006699 ;
	border-radius:5px;
	-moz-border-radius:5px;
}


LI {
	margin-left:20px;

}


UL.titlelinks {
	margin-top:0px;	
	margin-bottom:0px;	

}

INPUT,SELECT,TEXTAREA,SUBMIT,RESET,BUTTON,FILE
{
  	color			: #003366;
  	background		: white;
  	font-weight		: 400;

}


OPTION.notselect {
	color: #42A7FF;
	
}

OPTION.canselect {
	color: #800000;
	background-color:#fffeee;
}



HR {
	margin:0px;	
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bbbbbb ;
	border-right-color: #bbbbbb ;
	border-bottom-color: #bbbbbb ;
	border-left-color: #bbbbbb ;
	height:10px;
	background		: #bbbbbb;

}

/* the home page body text */
div.homePageBody  {
	background-color:#eeeeee;
}

div.homePageBodyInside {
	background-color:#ffffff;
}

/* the top of the schema tree */
div.schemaTreeTab {
	background-color:#eeeeee;
}


/*the main results */

//div#viewSelect {
//	background-color:#eeeeee;
//}


/*the main forms*/

div.mainForm {
	background-color:#eeeeee;
}

/*
div.mainForm div {
	
	
	font-weight:bold;
	
	float:left;
	vertical-align:top;
	color:#006699;
}
*/



/* 

the action buttons

*/
ul.menu {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.menu li {
	list-style: none;
	display:inline;
	padding: 0;
	margin: 0;
}

ul.menu li a {
	position: relative;	
	padding: 0;
	margin: 0;
}

ul.menu li a:hover {
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
}

ul.menu li a span {
	display: none;
}

ul.menu li a:hover span {
	width:100px;
	position: absolute;
	top:  20px;
	left: 20px;
	display: block;
	background: #dddddd;
	color: #003366;
	border: 3px solid #eeeeee;

	padding-left:10px;
	padding-right:10px;

	opacity:0.75;  
	filter: alpha(opacity=75);


}



/*new schema Menu*/

.popup-parent {position: relative;}
 
.popup-parent span {display: none;margin:0px;padding:0px;}
 
.popup-parent:hover {font-size: 1em;} /* fix for IE bug */
 
.popup-parent:hover span.popup {

	border: 1px solid #dddddd;
	background: white;

	opacity: 1;
	filter:alpha(opacity=100);

	display: block;
	position: absolute;
	width: 300px;
	font-size:small;

}

span.popup ul {
	padding: 5px;
	margin: 0;
	float:left;
	text-align:left;
	display:inline;
	list-style:none;

	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	

}

span.popup ul li {
	background:white;
	border:1px solid;
	border-color: #ffffff;
	margin-left:0px;
}

span.popup ul li:hover  {
	
	border-color: white;
}

span.popup ul li a {
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	
/*	z-index:10000000;*/
}



/* the folded html browse representation (invoked only when one of anything is selected)... */

div.popup0, div.popup1, div.popup2, div.popup3, div.popup4, div.popup5 
{
	margin:5px;
	padding:5px;
	border: 5px solid #dddddd;

}

div.popup1
{
	border-color: #ddddff;
}

div.popup2
{
	border-color: #dfdfff;
}

div.popup3
{
	border-color: #eeeeff;
}

div.popup4
{
	border-color: #efefff;
}
div.popup5 
{
	border-color: #ffffff;
}

div.popuptitle {
	border-color: #eeeeee;
}



/* the action options menu */


div.menuParent {
	position: relative;
	/*background: url(images/svg/menus/optionsMenu.png) no-repeat top;*/
	background: url("../images/svg/menus/optionsMenu.png") no-repeat top;

}

div.menuParent:hover {
	background: url("../images/svg/menus/optionsMenuHover.png") no-repeat top;
}

div.menuChild {
	display:none;
	/*border: 5px solid red;*/
	border: 1px solid #dddddd;

}

div.menuParent:hover div.menuChild {
	display:block;
	position: absolute;
	top:17px;
	left:0px;
	font-size:small;
}

div.menuKey {
	background: #eeeeee;
	position: relative;
	width:150px;
	text-align:right;
	border: 1px solid white;

}

div.menuArray {
	display:none;
}

div.menuKey:hover {
	background:white;
}


div.menuKey:hover div.menuArray {
	text-align:left;
	display:block;
	position: absolute;
	top: 0px;
	left: 151px;
	z-index:100;
	width:100px;
	padding-left:15px;
	border: 1px solid #bbbbbb;
	
	background:#dddddd;

}

/*syntax highlighting*/

.hl-default {
    color: #006699;
}
.hl-code {
    color: #003366;
}
.hl-brackets {
    color: Olive;
}
.hl-comment {
    color: #999999;
}
.hl-quotes {
    color: #663366;
}
.hl-string {
    color: #800000;
}
.hl-identifier {
    color: Blue;
}


.hl-builtin {
    color: Teal;
}

/* the non-attribute text inside tags in xml */
.hl-reserved {
    color: #008000;
}


.hl-inlinedoc {
    color: Blue;
}

/* the attribute names in xml */
.hl-var {
    color: #006699;
}
.hl-url {
    color: Blue;
}
.hl-special {
    color: Navy;
}
.hl-number {
    color: Maroon;
}
.hl-inlinetags {
    color: Blue;
}
.hl-main { 
    background-color: White;
}
.hl-gutter {
    background-color: #999999;
    color: White
}
.hl-table {
    font-family: courier;
    font-size: 12px;
    border: solid 1px Lightgrey;
}

	
	
.phpMyBorder{
  width        : 250px;
}
.pmb2, .pmb3, .pmb4,.pmbContent{
  /*background   : #fff000;
  border-color : #111111;*/
}
.pmb1{
/*  background   : #111111;*/
}
.pmb2, .pmb3, .pmb4{
  border-style : solid;
  border-width : 0 1px;
}
.pmbContent{
  display      : block;
  border-style : solid;
  border-width : 0 1px;
  /*height:10px;*/ /*adjust height to save space*/
	
}
.pmb1, .pmb2, .pmb3{
  height       : 1px;
}
.pmb1{
  margin       : 0 5px;
}
.pmb2{
  margin       : 0 3px;
  border-width : 0 2px;
}
.pmb3{
  margin       : 0 2px;
 }
.pmb4{
  height       : 2px;
  margin       : 0 1px;
}
.pmb1, .pmb2, .pmb3, .pmb4{
  display      : block;
  overflow     : hidden;
}
/* changed the height of pmb5... */
.pmb5{
  font-size    : 1px;
  display      : block;
  overflow     : hidden;
  height       : 0px;
}
.pmbBlock{
  display      : block;
  font-size    : 1px;
}