#indicator-filter { width: 640px; margin: 20px auto; 
}


.indicator            { width: 100%; margin: 0 0 4px 0; position: relative; cursor: pointer; height:79px;
                               border: 1px solid #cccccc;}

.description              { padding-left: 146px; padding-bottom: 0px; padding-right: 4px; padding-top: 4px; font: 14px Georgia, Serif; height:58px; overflow:hidden; color:black;}


.indicator-class  { padding: 0px 0 0px 150px; 
overflow: hidden;
width: 100%-146px; 
color: white; 
height:20px;}
 
                 
.indicator-name                 {  
font-family: Georgia, "Times New Roman", Times, serif; 
float: left; 
font-size: 14px;
line-height:20px; 
overflow: hidden; 
max-width:65%; 
white-space: nowrap;
text-overflow: ellipsis;
}

.indicator-type-name                     { line-height: 20px; font-size: 10px; float: right; text-align: right; text-transform: uppercase; 
                               padding: 0 5px 0 0; }
                              
#content .indicator-icon img        		{ width: 140px; height: 79px; position: absolute; top: 0; left: 0;z-index:1;}
#content .pro-icon img 				{ position: absolute; top: 5px; left: 5px; z-index: -1;}
#content .pro .pro-icon img			{ position: absolute; top: 5px; left: 5px; z-index: 1;}


.trend                    {  }
.trend .indicator-class         { background: #5b74bf; }


.oscillator               {  }
.oscillator .indicator-class    { background: #7ac629; }


.options                    {  }
.options .indicator-class         { background: #c45b18; }


.support_and_resistance               {  }
.support_and_resistance .indicator-class    { background: #77787b; }


.volume                    {  }
.volume .indicator-class         { background: #c74734; }

.internals                    {  }
.internals .indicator-class         { background: #c711b5; }


.selected-type             { font-weight: bold; font-size: 18px; }


.description p a {visibility: hidden;}




