#search {
    background-color:#B0C4DE;
    padding-top:2px;
    padding-bottom:2px;
    position:relative;
    text-align:center;
    vertical-align:middle;
}

#search A  { border: 2px outset; padding: 1px; color: black; }
#search A:active { border: 2px inset; padding: 1px; color: black;}

.button A  { border: 2px outset; padding: 1px; color: black; }
.button A:active { border: 2px inset; padding: 1px; color: black;}

#leftpanel {
    position:         relative;
    width:            300px;
    height:           400px;
    top:              0px;
    left:             0px;
    overflow:         auto;
    background-color: #FFFFFF;
}

#leftpanel IMG { position: relative; top: 3px; }

#leftpanel P { text-align: justify; margin-right: 5px; }

#clipwrapper {
    position:         relative;
    width: 100%;
    top:              0px;
    left:             -2px;
    border:           none;
}

#clipwindow {
    position:         relative;
    width: 			  100%;
    top:              0px;
    left:             0px;
    overflow:         hidden;
    border:           1px solid #B0C4DE;
}

#canvas {
    position:         absolute;
    top:              0px;
    left:             0px;
}

#controlpanel {
    position:         absolute;
    top:              10px;
    left:             10px;
}

.th {
 background:#6495ED;
 color:white;
}

/*
	The box in the top right of the pathway protein that displays the number of interactors of the pathway
	protein found in the current interaction database.
*/
.intcount{
width : 20;
height : 18;
visibility : visible;
position : absolute;
background : white;
z-index : 21;
font-size:12px;
border : 2px solid black;
vertical-align : middle;
text-align : center;
}

/*
	A dialog that allows the user to enter a data label and submit the url of a psicquic
	service to be added to the list of interaction databases. 
*/
#bdpsicquicid {
	background-color: 	rgb(176,196,222);
}

#colourpickerbdid{
		background-color: 	rgb(176,196,222);
}

#yui-picker-controls{
	display:none;	
}

.tile {
    position:         absolute;
    width:            200px;
    height:           200px;
    background-repeat: no-repeat;
}

#thumbnailframe {
    position:         absolute;
    bottom:           0px;
    left:             0px;
    background-color: white;
    border-top:       1px solid #B0C4DE;
    border-right:     1px solid #B0C4DE;
    border-left:      1px solid white;
    border-bottom:    1px solid white;
}

#thumbnail {
    position:         relative;
    border:           1px solid #B0C4DE;
    top:              4px;
    left:             -1px;
}

#thumbwindow {
    position:         absolute;
    border:           1px solid navy;
}

<<<<<<< entitylevelview.css
=======
#experimentkey {
z-index:39;	
	
}

>>>>>>> 1.15
#experimentname {

    position:absolute;
    bottom:0px;
    left:20px;
    width: 190px;
    text-align: center;

}

/*
	Contains the experiment name element, arrow buttons to allow the user to browse through experiments
	and a close button to allow someone to switch off the expression overlay.
*/
#experimentbrowser {
    width: 250px;
    height: 20px;
    position:absolute;  
    bottom: 0px;
    background-color: rgb(176,196,222);
    border-top:       1px solid #B0C4DE;
    border-right:     1px solid #B0C4DE;
    border-left:      1px solid #B0C4DE;
    border-bottom:    1px solid #B0C4DE;
}
#experimentclose {
    position:absolute;

}

#experimentmaxvalue {
    visibility:hidden;
    position:absolute;
    top:0px;
    right:0px;
    color:white;
}

#experimentmidvalue {
        visibility:hidden;
        position:absolute;
        top:150px;
        right:0px;
        color:black;
}

#experimentminvalue {
    visibility:hidden;
    position:absolute;
    top:320px;
    right:0px;
    color:white;
}

<<<<<<< entitylevelview.css
=======
/*
	The species comparison panel displays the species being compared against.
*/
.speciescomparison {
    width: 250px;
    height: 20px;
    position:absolute;  
    bottom: 0px;
    background-color: rgb(176,196,222);
    border-top:       1px solid #B0C4DE;
    border-right:     1px solid #B0C4DE;
    border-left:      1px solid #B0C4DE;
    border-bottom:    1px solid #B0C4DE;
    z-index:39;
}

/*
	The element the user clicks to switch of species comparison.
*/
#speciesclose {
    position:absolute;
    bottom: 0px;
}

#uploadinteractionfilecontainer {
	width:500px;
	z-index:51;
	}
	

>>>>>>> 1.15
#toolbar {
    border:           1px dotted grey;
    font-size:        12px;
    font-weight:      bold;
    height:           15px;
    color:            #074987;
    padding:          1px;
    background-color: #cbdced;
}

#resizebar {
    height:           16px;
    vertical-align:   bottom;
    font-size:        12px;
    color:            black;
    background-color: #ffffff;
}

#icon {
    position:         absolute;
    top:              0px;
    right:            1px;
    display:          none;
}

<<<<<<< entitylevelview.css
=======
#leftpaneltogglercontainer {
	position : absolute;
	display: inline;
	z-index : 40;
	}
#leftpaneltoggler{
	width : 10px;
	height : 15px;
	cursor: pointer;	
}

#detailstogglercontainer {
	position : absolute;
	display: inline;
	z-index:40;	
}

#detailstoggler {
	width: 15px;
	height: 10px;
	cursor: pointer;	
}

#bdid {
	background-color: 	rgb(176,196,222);
}
#bdid2 {
	background-color: 	rgb(176,196,222);
}
.bd {
		background-color: 	rgb(176,196,222);
}

.ft {
		background-color: 	rgb(176,196,222);
}

<<<<<<< entitylevelview.css
>>>>>>> 1.6
=======
#mitab{
	background-color: 	rgb(176,196,222);	
}

>>>>>>> 1.15
.highlite {
    border:           5px groove lime;
    font-size: 1px;
}

.thumbhighlite {
    background-color: lime;
    font-size:        0px;
    width:			2px;
    height:			2px;
}

/* IE doesn't show dotted border */
.transienthighlite {
    border: 5px groove blue;
    font-size: 1px;
}

.thumbtransienthighlite {
    background-color: blue;
    font-size: 1px;
}

/*
	The tip that is displayed when the user moused over a node in the diagram
*/
.tip {

    position: absolute;
    color: #4169E1;
    text-align: center;
    font-weight: bold;
<<<<<<< entitylevelview.css

=======
	
}

/*
  The tip that is displayed when the user mouses over an interaction wire.
*/
.mitip {
    position: absolute;
    color: #4169E1;
    text-align: center;
    font-weight: bold;
	z-index: 10;
>>>>>>> 1.15
}

/*
 	The div elements that are drawn over nodes in the diagram to show expression levels.
*/
.expressiontips {

    position: absolute;
    color: #4169E1;
    text-align: center;
    font-weight: bold;

}

/*
	Displayed when the user mouses over a complex component.
*/
.cplxcompstip {
	
    position: absolute;
    color: #4169E1;
    text-align: center;
    font-weight: bold;
	z-index:50;
}
<<<<<<< entitylevelview.css

=======
/*
	When interactors are displayed for a protein a div element is drawn over that protein.
	This is used to make it appear the interactions terminate at the edges of the rectangle instead
	of terminating in the middle of it.
*/
.proteincolour {
	background-color:rgb(204,255,204);
	border: 1px solid black;
}

/*
	The control panel contains buttons to allow a user to set the colour of interactions based
	on confidence score.
*/
.colourselectorbutton {
	background-color:rgb(204,255,204);
	border: 3px solid grey;
	width: 40px;
	height: 30px;
}

>>>>>>> 1.15
#log {
    background-color: white;
    filter:           alpha(opacity=80);
    -moz-opacity:     0.8;
    -khtml-opacity:   0.8;
    opacity:          0.8;
}

#details {
    position: relative;
    border: none;
    top: 3px;
    overflow: auto;
}

#details table tr th { width: 300px; }
#details table { width: 100%; }

.yui-navset .yui-content {
    border: none;
    border-top:1px solid black;
}
.yui-navset .yui-nav a {background-color:#f6f7ee;}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {background-color:white;}

#slider-bg {
    position: relative;
    height: 80px;
    width: 45px;
    background: url(./icons/slider.png) 13px 0 no-repeat;
}

#slider-thumb {
    cursor: default;
    position: absolute;
    left: 13px;
}

body {  background-image: url('/icons/beta_bg.png'); background-repeat: repeat}


#leftpaneltoggler { z-index: 9999; }

#queryautocomplete {
    width:25em;
    padding-bottom:2em;
    text-align:left;
    z-index:49; /* z-index needed on top instance for ie & sf absolute inside relative issue */
}

#query {
    _position:absolute;/* abs pos needed for ie quirks */
}

.hl-substr-1 { color: red; }

#helptab H3 { font-size: 1.1em; font-weight: bold; }

.neworupdated { background-color: red; font-size: 0.8em; font-weight: bold; color: white; } 

.icon-Pathway { padding-left: 20px; background: transparent url(/icons/dtree/Pathway.gif) 0 0px no-repeat; } 
.icon-Reaction { padding-left: 20px; background: transparent url(/icons/dtree/Reaction.gif) 0 0px no-repeat; }
.icon-BlackBoxEvent { padding-left: 20px; background: transparent url(/icons/dtree/BlackBoxEvent.gif) 0 0px no-repeat; }
.icon-Polymerisation { padding-left: 20px; background: transparent url(/icons/dtree/Polymerisation.gif) 0 0px no-repeat; }
.icon-Depolymerisation { padding-left: 20px; background: transparent url(/icons/dtree/Depolymerisation.gif) 0 0px no-repeat; }

.highlitedTreeNode1 {
    background-color: lime;
}

.highlitedTreeNode2 {
    background-color: greenyellow;
}

.focustreetrunkcls {
    border: 1px solid #B0C4DE;
    font-weight: bold;
}

#searchresultstab UL {
    list-style-type: none;
    padding-left: 5px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.nowrap { white-space: nowrap; }

.ygtvspacer{width:18px;}

/*
	The complex popup is made up of a few different elements.
	This element contains an 'X' which closed the popup when clicked.
*/
#cplxclosetip{
	position:absolute;
	height:12px;
	width:12px;
	z-index:50;
}

/*
	The complex popup is made up of a few different elements.
	This element contains the name of the complex.
*/
#cplxnamedivid{
	z-index:50;
	overflow:hidden;
	text-align:center;
	color:black;
}

/*
Set the zindex for the right click menus.
*/
#mycontextmenu {
	z-index:35;	
}

#controlpaneldialog_c {
	z-index:50;	
}

#ficanvas {
	position: absolute;
	top:0px;
	left:0px;
}

#canvasunderlay {
	position: absolute;
	top:0px;
	left:0px;
}

/*
set scrollbars on the tabs appearing in the left hand panel.
*/
.leftpaneltab {
	overflow:scroll;
}

.queryTerminal {
	
}