
a {
color:#676767;
text-decoration:none;
}


.featureContainer {
/*min-width:1200px;*/
width:100%;
float:left;
overflow: auto;
}




.labelContainer {
width:170px;
float:left;
left:0px;
overflow:hidden;
padding:10px 0px 10px 0px;
background:white;
z-index:10;
  
display:inline;
}


.helpContainer {
float:left;
left:0px;
overflow:hidden;
padding:10px 0px 0px 0px;
margin:0px 2px 0px 2px;
background:white;
z-index:10;
  
display:inline;
}


/*      */
/*      */
/*      */
/*      */

.name {
font-family: 'Arial';
font-size:12px;
color:#666666;
font-weight:bold;
}


.featureCell {
  text-indent:2px;
  font-family: 'Arial';
  white-space: nowrap;
  
  font-size:9px;
  
  height:11px;
  border-radius: 5px;
  overflow:hidden;
  cursor: pointer;
  
}

.offsetCell {
  font-family: 'Arial';
  white-space: nowrap;

  font-size:9px;
  
  border-radius: 5px;
  overflow:hidden;
  cursor: pointer;
}

.alignmentCell {
  font-family: 'Courier', monospace;
 text-align: center;
  white-space: nowrap;
  font-size:11px;
  height:12px;
  cursor: pointer;
  background-color: rgb(255,255,255);
}

/*      */
/*      */
/*      */
/*      */

.species {
  white-space: nowrap;
  font-size: 80%;
  color:#666666;
  background:#F0F0F0;
  font-weight:bold;
  font-family: Helvetica;
  height:12px;
}


.speciesHelp {
  white-space: nowrap;
  font-size: 80%;
  color:#666666;
  font-weight:bold;
  font-family: Helvetica;
  height:12px;
}

.speciesAlignment {
  white-space: nowrap;
  font-size:80%;
  color:#000000;
  height:12px;
}


.featureType {
  font-size: 80%;
 padding:1px 0px 1px 0px;
 margin:1px 0px 1px 0px;
  white-space: nowrap;
  background:#F0F0F0;
  color:#666666;
  font-weight:bold;
  font-family: Helvetica;
}

.featureHelp {
  font-size: 80%;
  
 padding:1px 0px 1px 0px;
 margin:1px 0px 1px 0px;
  white-space: nowrap;
  color:#666666;
  font-weight:bold;
  font-family: Helvetica;
}

.featureData {
  white-space: nowrap;
  font-size: 60%; 
  padding:1px 0px 1px 0px;
  margin:1px 0px 1px 0px;
  color:#000000;
  font-family: Helvetica;
  position:relative;
  background:#F6F6F6;
  
  
}

/*      */
/*      */
/*      */
/*      */


.button {

  cursor: pointer;
}

.short_sequence_motif {
border-radius:5px;
}

.modified_residue {
border-radius:10px;
}


.tooltip {
border:1px solid #000000;

z-index:10;
max-width:600px;

padding:3px;
background:#FEFEFE;

display: none;
border-radius:5px;
}

/*      */
/*      */
/*      */
/*      */

.dataAlignmentContainer { 
margin:0px 0px 10px 0px;
}


.dataTrackContainer { margin:0px 0px 10px 0px;}
.dataSLiMContainer { margin:0px 0px 10px 0px;}
.dataDisorderContainer { margin:0px 0px 10px 0px;}
.dataFeatureContainer { margin:0px 0px 10px 0px;}
.dataMotifContainer { margin:0px 0px 10px 0px;}
.dataSwitchesContainer { margin:0px 0px 10px 0px;}
.dataMutationContainer { margin:0px 0px 10px 0px;}
.dataModificationContainer { margin:0px 0px 10px 0px;}
.dataSplicingContainer { margin:0px 0px 10px 0px;}
.dataSNPsContainer { margin:0px 0px 10px 0px;}
.dataIsoformsContainer { margin:0px 0px 10px 0px;}
.dataStructureContainer { margin:0px 0px 10px 0px;}
.dataGenericContainer { margin:0px 0px 10px 0px;}


.labelTrackContainer { margin:0px 0px 10px 0px;}
.labelSLiMContainer { margin:0px 0px 10px 0px;}
.labelAlignmentContainer { margin:0px 0px 10px 0px;}
.labelDisorderContainer { margin:0px 0px 10px 0px;}
.labelFeatureContainer { margin:0px 0px 10px 0px;}
.labelMotifContainer { margin:0px 0px 10px 0px;}
.labelSwitchesContainer { margin:0px 0px 10px 0px;}
.labelMutationContainer { margin:0px 0px 10px 0px;}
.labelModificationContainer { margin:0px 0px 10px 0px;}
.labelSplicingContainer { margin:0px 0px 10px 0px;}
.labelSNPsContainer { margin:0px 0px 10px 0px;}
.labelIsoformsContainer { margin:0px 0px 10px 0px;}
.labelStructureContainer  { margin:0px 0px 10px 0px;}
.labelFeatureContainer { margin:0px 0px 10px 0px;}
.labelGenericContainer { margin:0px 0px 10px 0px;}


.helpTrackContainer { margin:0px 0px 10px 0px;}
.helpSLiMContainer { margin:0px 0px 10px 0px;}
.helpAlignmentContainer { margin:0px 0px 10px 0px;}
.helpDisorderContainer { margin:0px 0px 10px 0px;}
.helpFeatureContainer { margin:0px 0px 10px 0px;}
.helpMotifContainer { margin:0px 0px 10px 0px;}
.helpSwitchesContainer { margin:0px 0px 10px 0px;}
.helpMutationContainer { margin:0px 0px 10px 0px;}
.helpModificationContainer { margin:0px 0px 10px 0px;}
.helpSplicingContainer { margin:0px 0px 10px 0px;}
.helpSNPsContainer { margin:0px 0px 10px 0px;}
.helpIsoformsContainer { margin:0px 0px 10px 0px;}
.helpStructureContainer  { margin:0px 0px 10px 0px;}
.helpFeatureContainer { margin:0px 0px 10px 0px;}
.helpGenericContainer { margin:0px 0px 10px 0px;}

/*      */
/*      */
/*      */
/*      */


