body
{
	margin: 0;
	padding: 0;
	color: black;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: white;
}
#aggrement
{
    overflow: auto;
}
#performanceTypes
{
    float:left;
    
}
#performanceText
{
 
    width:40%;padding-left: 20px; font-size: 20px; color: #6F6F6F;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#preLoginPage
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	
}
#header
{
	margin: 0;
	padding: 0;
	
}


.div1
{
    float:left;
    width:45%;
  
      margin-left: 15px;
}
.div2
{
    float:left;
    width:45%;
    height: 420px;
    margin-left: 15px;
    
}
.div3
{
    margin-left: 15px;
    margin-top: 10px;
    float:left;
    width:45%;
    
    
}
 
.tabsDIv
{
    border:1px solid #D8D8D8; 
    border-style: groove; 
    border-width:thin; 
    background-color:#F5F6F6;
    width:100%;
    height:40px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    vertical-align: middle;
   
    background-position: right bottom ;
}

#content
{
    
padding-top:10px;  
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	font-size: 0.8em;
	text-align: center;
	
       
}

#logo
{
	
	
}
#mainmenu
{
	background-color:#004F82;
        float:none;
}
#mainmenuBeforeLogin
{
	background-color:white;
        float:none;
}        
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color:darkblue;
	background-color:#EFF4FA;
	text-decoration:none;
}
#mainmenuBeforeLogin ul li a:hover, #mainmenuBeforeLogin ul li.active a
{
	color:#12395F;
        
/*	background-color:#EFF4FA;*/
	text-decoration:none;
}
#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}
#mainmenuBeforeLogin ul li a
{
	color:#969696;
	background-color:transparent;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}
#mainmenu ul li
{
	display: inline;
}
#mainmenuBeforeLogin ul li
{
	display: inline;
}
#mainmenu ul
{
    
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenuBeforeLogin ul
{
padding:6px 20px 5px 20px;
	margin:0px;
}

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


.main-header1 { 
height:30px;
background-color: #004F82;
color:white;
font-size: 15px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;

 background-color: #2E6D97;
  /* chrome 2+, safari 4+; multiple color stops */
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #2E6D97), color-stop(0.66, #1E5A83), color-stop(0.83, #053D63));
  /* chrome 10+, safari 5.1+ */
  background-image: -webkit-linear-gradient(#2E6D97, #1E5A83, #053D63);
  /* firefox; multiple color stops */
  background-image: -moz-linear-gradient(top,#2E6D97, #1E5A83, #053D63);
  /* ie 6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E6D97', endColorstr='#1E5A83');
  /* ie8 + */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E6D97', endColorstr='#1E5A83')";
  /* ie10 */
  background-image: -ms-linear-gradient(#2E6D97, #1E5A83, #053D63);
  /* opera 11.1 */
  background-image: -o-linear-gradient(#2E6D97, #1E5A83, #053D63);
  /* The "standard" */
  background-image: linear-gradient(#2E6D97, #1E5A83, #053D63);


}
.main-header{
     background-image: url(../images/title-holder.png);
    background-size: 100% 40px;
    height:40px;
    
}
.main-header span
{
color:white;
float:right;
font-size: 14px;
padding:8px;
}
.main-header div
{
color:white;
font-size: 14px;
padding:8px;
}

#SPHeader , #articlesHeader
{
    height:4%;
   background-color:#004978;
   float:left;
   padding: 10px 0px;
   color:#FFFFFF;
   width: 100%;
   text-indent: 1em; 
}

#SPHeader a:hover
{
	color: #FFF;
        
}
#SPHeader a {
 color: #FFF;
}

.containerWrapper
{

float: left;
}

chartWidth
{
    width: 65%;
}




#data
{
    text-align: left;
    padding: 2%;

}
#innerdiv div
{
float:left;
}
#innerdiv
{
height:35px; padding: 10px
}

#innerdiv input
{
float: left;    
}





.analysis
{
    margin-left: 1%;
    margin-top: -32px;
    width: 33%;
    float: left;
}
.newanalysis
{
    width: 33%;
    float: left;
    margin-top: 1%;
}
.analysisDiv
{
   
  
}
.newanalysisDiv
{
   margin-left: -33%;
   margin-top: 3.5%;
    
}
#analysisTrend
{
    padding-left: 10px;
    padding-bottom: 10px;
    border-top:1px gray solid;
    border-left:1px gray solid;
    border-bottom:1px gray solid;
    border-right: 1px solid gray;   
    
}
.ratingDiv
{
    margin-left:1%; 
   
}
.newratingDiv
{
  
   margin-top: 1%;
}

.alertOuterDiv
{
   float:right;
   width: 33%; 
   margin-right: 8px;
}

.newalertOuterDiv
{
  padding-top:  1%;
  margin-right: 0;
}
#alertPosition 
{
    padding-left: 0;
    margin:0;
}
.alertDiv
{
    
    padding-left: 10px;
    padding-bottom: 10px;
    border-top:1px gray solid;
    border-left:1px gray solid;
    border-bottom:1px gray solid;
    border-right: 1px solid gray;
    background-color: #FFFFFF;
   
}
.commonAnalysisRating
{
 margin-right: 1%; 
float: right;
width: 32%;    
}

.style1
{
    background-color: #FFFFFF;
    font-size: 12px;
margin-top: 10px;
margin-bottom: 0px;
   
}
.strweeksig
{
     background-image:url('/images/strenghtbackground.png');
	 background-repeat:no-repeat;
     background-size:100%;
     padding: 10px;
     
    
     width: 200px;
     
}
.strweeksigdiv
{
    
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    
}
.strweaksectname
{
    text-align: center;font-size: 16px;font-weight: bold;color: green;
}
.strweaksectname2
{
    text-align: center;font-size: 16px;font-weight: bold;color: maroon;
}
.outerViewDiv
{
    border: 1px outset #C6CBDA;
    background-color: #F4F4F4;
    padding: 10px;
    font-weight: bold;
    font-size: 11px;
   margin-top: 10px; 
}

#support td
{
   text-align: center;
   color: #167312; 
  background-color: #EDF4EB;
     border: 2px solid white;
    font-weight: bold;

}
#resistance td
{
    
   color: #9F2525;
   text-align: center;
     border: 2px solid white;
    font-weight: bold;
    background-color: #F1DFDF;
 

    
}

.tableHeader
{
    font-size:10px;
    color:gray;
    font-weight:normal;
    font-weight: bold;
    text-shadow: #BBB 0px 0px 1.5px;
}

.innerViewDiv
{
   
   padding: 5px;
   padding-left:  15px;
    background-color: white;
    font-size: 20px;
margin: 10px;   
}
.innerAlertViewDiv
{
    text-align: center;
    margin-left: 20px;
    font-size: 18px;
   
  
}

.smallFont
{
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    vertical-align:  text-top;
      
   
}



.yiiTab div.view
{
    float:none;
}


#usermenu
{
	background:yellow url(ug.gif) repeat-x left top;
}

#usermenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#usermenu ul li
{
	display: inline;
}

#usermenu ul li a
{
	color:black;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#usermenu ul li a:hover, #usermenu ul li.active a
{
	color: black;
	background-color:white;
	text-decoration:none;
       
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

#home-div1
{
   float: left;
   color:#1F3F6F; 
  margin-left: 20px;
  width: 39%;
  
}

#home-div1 span{
font-size: 40px;  
}

#home-div1 ul 
{
    padding:10px;
}

#home-div1 ul li
{
   padding:8px;
   font-size: 13px;
   font-weight: bold;
}

#home-div2
{
    width:100%;
    
}

#home-div2 div
{
    float:left;
    font-size: 13px;
    color:#7F7F7F;
    padding:10px;
    width:24%;
    margin-left:1%;
   
}

#home-div2 div span
{
    color:#1F3F6F;
    font-size: 20px;
    font-family: Impact;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background: #B7D6E7;
	color:black;
	border: 1px solid black;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

 .viewArticles
{
	
	
	border: 1px solid #004978;
}
div.view 
{
	
	
	border: 1px solid #C6CBDA;
}
div.view1
{
	padding: 10px;
	margin: 10px 0;
	border-top:  1px solid black;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.grid_parameter
{
    height:400px;
}

#SaveTextButton
{
    margin-left: 1%;
}

#oSel
{
    width:100%;
}
#industrySymbols
{
float: left;
margin-left: 2%;  
width: 40%;
 }
 .symbolMapping
 {
     width:100%;
     height:4%;
   background-color:#004978;
   padding: 10px 0px;
   color:#FFFFFF;
   text-indent: 1em; 
   font-weight: bold;
   float:left;
 }
 
 #addSymbol
 {
   width: 97%;
     float: left;
     margin-left: 1%;
     margin-top: 2%;
 }
 #symbolDetails
 {
     width: 97%;
     float: left;
     margin-left: 1%;
     margin-top: 2%;
     
 }
 
 #addEdit span a
 {
     color:white;
 }
 #addEdit
 {

 }
 
 .chartWidth
 {
     width: 65%;
     
 }
 .newchartWidth
 {
     width: 100%;
     
 }
a table 
{
    margin-bottom: 0em;

border-bottom-color: #ffffff;
 font-weight: bold;
  
}
a table td
{
    

 font-weight: bold;
 
}
.imageTD  
{
  padding: 0px;
  background-position:center;
  background-repeat:no-repeat; 
  
}
.active table 
{
 background-color: white;
 border-left:  1px solid black;
 border-right:   1px solid black;
 border-top:    1px solid black;
 border-bottom:  1px solid white;
}



.positiveValue
{
    
    color:#008000;
    
}

.negativeValue
{
    
    color:maroon;
 
    
}
.active .tabViewHeader
{
    height :77px;
    margin-top: -2px;
}
.tabViewHeader
{
    
    border-top-left-radius: 5% 5%;
    border-top-right-radius: 5% 5%;
    margin-left:2px;float:left;
    width:22%;
    height:75px;
    font:12px arial,sans-serif;
   
    border-left:  1px solid #A6A6A6;
 border-right:   1px solid #A6A6A6;
 border-top:    1px solid #A6A6A6;

    
}

.tabViewHeader td
{
    padding:0px;
    padding-left :15px;
}
.BG {
background-image:url('/images/downArrowBox.png');
background-repeat:no-repeat;

}
.positiveBuySell
{
    font-size: 9pt;
    background-color: white;
text-align:center; 
color:white;
font-weight: bolder; 
height:40px;
padding: 0;
background-position:center;
background-repeat:no-repeat; 
background-image:url('/images/upArrowBox.png');
background-size:45px;
}
.negativeBuySell
{ font-size: 9pt;
   background-color: white;
   padding: 0;
text-align:center; 
color:white;
font-weight: bolder; 
height:40px;
background-position:center;
background-repeat:no-repeat; 
background-image:url('/images/downArrowBox.png');
background-size:45px;
}
.temp 
{
    width:40%;
    background-size:50%;
}

.style2
{
    background-color: #FFFFFF;
    font-size: 16px;
    width: 95%;
   
    padding: 2%;
}
.positiveBuySellTop
{
text-align:center; 
color:white;
font-weight: bolder; 
height:40px;
padding: 0;
background-position:center;
background-repeat:no-repeat; 
background-image:url('/images/upArrowBox.png');

}
.negativeBuySellTop
{
    padding: 0;
text-align:center; 
color:white;
font-weight: bolder; 
height:40px;
background-position:center;
background-repeat:no-repeat; 
background-image:url('/images/downArrowBox.png');

}

.weekRange
{
padding-left: 15%;
width: 100px;

font-weight: bolder; 

background-position:center;
background-repeat:no-repeat; 
background-image:url('/images/52WeeksRange.png');

}

.BoxBorder
{
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
-box-shadow: 0 0 10px #888;
}



.logoButton
{
   
  
    
}
.imageButton
{
  
   padding: 10px;
   margin-top: 10px; 
   width :80px; 
   height:30px;
    
}
.popUpDiv
{
   border: 2px solid #4572A7;
    width :200px;
    padding: 5px;
   
    background-color:#F5F6F6;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    vertical-align: middle;
   position: absolute;
   visibility: hidden;
   margin: -32px 0px 0px 70px;
  
       color:#4572A7;   
}
.popUpChartDiv
{
    margin-top: -90px;
    margin-left: 40px;
    border: 2px solid #4572A7;
    width :520px;
    height: 320px;
    padding: 5px;
    vertical-align: middle;
    position: absolute;
    visibility: hidden;   
    background: white;
     z-index: 1;

}

.bsRatingPopUpDiv
{
   border: 2px solid #4572A7;
    width :150px;
    padding: 5px;
   text-align: left;
    background-color:#F5F6F6;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    vertical-align: middle;
   position: absolute;
   visibility: hidden;
   margin: -39px 0px 0px 0px;
  
       color:#4572A7;
    
    
}
.STDColumnLeftBar
{

    border-left: 1.1px solid #A44379;
    border-top:1px solid #A44379;
    border-bottom: 1px solid #A44379;
    
   background-color: #DCAFAF;
  
         
        
}

.STDColumnRightBar
{
   
    border-top:1px solid #5CAD5C;
    border-bottom: 1px solid #5CAD5C;
    border-right:1px solid #5CAD5C;
     background-color: #C5DCC1;
   
    
    
}

.trendsGridTextStyle
{
   
    
    font-weight: bold;
   
}

.portFolioGridColumn
{
    
    text-align: center;
    font-weight:bold; 
    font-size:14px;
}
.SignUpButtonHidden
{
    display: none;
}
#editDetailView
{
    height: 100px;
    width: 95%;
}
.positiveBuySell a
{
  color:white;  
  cursor: pointer;
    
}

.negativeBuySell a
{
  color:white;
  cursor: pointer;
    
}
#seePortfolioChart a:focus, a:hover
{
    color:#06C;   
    cursor: pointer;
}
#fullScreen
{
padding-top: 6px;
margin-left: 5px;
}

.bsRatingPopUpDiv a
{
  color:#06C;   
    cursor: pointer;
}


.roundedCornerDiv
{
    height: 50px; padding: 20px; width: 150px; background:#ECECEC; margin-left: 430px; font-size: 28px;
 border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
}
.roundedBorder
{
    
 border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
}
#rssFeed
{
   width: 65%;
    height: 580px;
    margin-top: 10px;
  
}
.rssFeedHeader div
{
    color:white;
    font-weight: bold;
    font-size: 14px;
    padding:8px;
}
#news
{
    margin-left: 25px;
}
#newsTable tbody tr td
{
    padding:  10px;
}
.gaugeCss
{
    float: left;
    margin-left: 5%;
}
.newsDateBox
{
    background-color: #ECF0F5;
    border: 1px solid #CCDBEC;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    padding: 5px;
    width: 100%;
}
.symbolList
{
    
     padding-right: 25px;
     font-weight: bold;
}
.inActiveSymbol
{
   background-image: url('/images/inactiveSymbol.bmp');
   background-repeat:no-repeat;

   height: 15px;
   width: 10px;
   float: left;
   margin-top: 3px;
   margin-right: 3px;
}
.activeSymbol
{
   background-image: url('/images/activeSymbol.bmp');
   background-repeat:no-repeat;
   height: 15px;
   width: 10px;
  float: left;
  margin-top: 3px;
  margin-right: 3px;
}
.activebgcolor
{
    color:black;
    border: 1px solid #E5E5E5;
     background-color: #F4F4F4;
}
.inactivebgcolor
{
     color: #06C;
     background-color:  #FFFFFF;
}
.snp500RatingScan
{
    border: 1px solid darkgray;
    background: #F7F7F7;
    cursor: pointer;
}
.activeCss
{
    color:black;
    border:  1px solid #004978;
     background-color: #F4F4F4;
}

.ratingText
{
font-weight: bold;
font-size: 17px;
text-align: center;
margin-top: 5%;
}
.neutralValue
{
    color:black;
}

.alertsImagesClass
{
   
   padding:0px; 
   background-image:url('/images/alertImage.png');
   background-repeat:no-repeat; 
   background-size:100%
}
.IndicatorChart
{
    color: black;
    font-weight: bold;
    margin-left: 32%;
   
}
.sentimentHeader
{
    color: #767A88;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5%;
}
.oversoldIndi
{
    margin-left: -2%;
    margin-top: -10%;
    color:#366038;
}
.overboughtIndi
{
    margin-left: 75%;
    margin-top: -9%;
    color:#9D3643;
}
.indiTime
{
   color:#45455B;
   text-align: center;
   font-weight: bold;
   font-size: 12px;
}
.currentVolumeAlertDiv
{
    border:1px solid #D8D8D8; 
    background-color:#E7E7E7;
    border-style: groove; 
    border-width:thin; 
 font-size: 16px;
 font-weight: bold;
    
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    vertical-align: middle;
    background-position: right bottom ;
        padding: 10px;width: 350px;
}

.volumeAlertsDetails
{
 
    border:1px solid #D8D8D8; 
    border-style: groove; 
    border-width:thin; 
    background-color:#F5F6F6;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    vertical-align: middle;
   padding: 10px;
    background-position: right bottom ;
height: 150px;width: 350px;
   


}
#patternlAlertArrowImgDiv
{
    cursor: pointer;
}

#volAlertArrowImageDiv
{
    cursor: pointer;
}
.volPatternAlertDiv
{
     border:1px solid  #C0C0C0; background-color: #FCFCFC; width: 100%;margin-top: 1.5%;
}

.volumeHeaders
{
    font-weight: bold; padding-top: 6px; padding-left:5px
}



.SectReturnsDiv{
    margin-left: 100px; 
 display: none; background-color: #EEEEEE; font-size: large ; padding-left:10px; 
 padding-top:10px;width: 480px;  height:40px
}

.sectSymbolRating
{
    padding: 0px;
    margin: 0px;
     text-align: center; 
     height: 40px;width:40px; 
     color: white; 
     font-weight: bold;
     background-repeat:no-repeat; 
    background-position: center;

}

#outPerfTable td
{
   font-weight: bold;
   font-size: 16px;
  
}

.myPortfolioHeader
{
    height:4%; 
    float:right;margin-right: 10px;  font-weight: bold;
    padding: 10px 0px;
}

.boxShadow
{
 -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 3px 3px 5px #888;

}
#perfTypeTable td
{
    width:200px;
    font-size: 17px;
    font-weight: bold;
    color:#6F6F6F;    
    cursor:  pointer;
}

.SAGrid21MaCol
{
    text-align: center;padding:0px;height:20px;margin:0px;
}

#editPortfolioTable
{
    width:800px;
}

#editPortfolioTable td, #editWatchListTable td {
     padding: 5px ;
}
#editPortfolioTable tr.odd , #editWatchListTable tr.odd{
    background-color: #DBEDFF;
}

#editPortfolioTable tr.even , #editWatchListTable tr.even{
    background-color: white;
}

#editPortfolioTable tr.odd td.sorting_1 , #editWatchListTable tr.odd td.sorting_1
{
 background-color: #E2E4FF;   
}

#editPortfolioTable tr.odd.row_selected td ,#editWatchListTable tr.odd.row_selected td{
    
    background-color: #C9E0ED;  
}
#editPortfolioTable tr.even.row_selected td,#editWatchListTable tr.even.row_selected td{
    
    background-color: #C9E0ED;  
}

#editPortfolioTable .dataTables_filter, #editWatchListTable .dataTables_filter
{
    display: block;
}

#heatmapTable td
{
   
    vertical-align: top;
    padding: 10px;
}
.rating{
    margin-top: 20px;
    margin-left: 20px; font-weight: bold; font-size: 15px; 
}
#heatMapModalTbl td
{
    font-weight: bold;
    width: 60px;
    font-size: 12px;
}

.showchartBtn
{
    float: right; margin-right: 20px;margin-top: -20px; display: none;
}
.inactiveheading
{
background:  #004877;height: 4px;
}
.activeheading{
    background:  #3381B4;height: 4px;
}
.activeheadings
{
    color:#004978;
    background-color: #004978;
}
#watchlistTable div
{
/*    width:200px;*/
/*    font-size: 17px;*/
/*    font-weight: bold;*/
/*    color:#6F6F6F;    */
    cursor:  pointer;
}

#portfoliotable td
{
   
    font-size: 16px;font-weight: bold;border-bottom: 3px solid black;
}
#watchlistTable2 th{
    font-size: 12px;font-weight: bold;
}
#watchlistTable1 td{
    font-size: 12px;font-weight: bold; 
   text-align: center;
}
.watchlistDT{
    color : #430B7F;font-weight: bold;
}


#watchlistTable th{
    font-size: 12px;font-weight: bold;
}
#watchlistTable td{
    font-size: 16px;font-weight: bold;
}
.watchlistDT{
    color : #430B7F;font-weight: bold;
}
#HypotheticalTable th{
    font-size: 16px;font-weight: bold;color:#666;
}
#HypotheticalTable td{
    font-size: 16px;font-weight: bold;
}
.watchlistDT1{
height: 30px;
}

#addWatchlist,#saveWatchlist
{
    background-color: #000040;
    color:white;
}

#deleteWatchlist
{
    background-color: #C11B17;
}

.CloseCrossBtn
{
  float:right;
    width: 20px;
    text-align: center;
    color:white;
    background: #004F82;
  font-weight:bold;
  cursor:pointer;
}

#StatsReturnTable td 
{
    font-weight:  bold;
   
}

.statsReturnDiv
{
    font-size: 20px;
    margin-left: 70%;
    margin-top:  -20px;
        margin-bottom: 20px;
}
.statsReturnOuterDiv
{
   height: 120px;
   padding: 15px;
   background-color: white;
   width: 250px
}
#statIdPerfTable td
{
    font-weight: bold;
    font-size: 14px    
}

.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}


.roundedCornerTbl  th:last-child{

-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
}
.roundedCornerTbl  th:first-child{

  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
}

.roundedCornerTbl  tr td:last-child{

    
    
}
.roundedCornerTbl  tr td:first-child{
  
    
    
}
.roundedCornerTbl  th {

 color: white;
 background-color: #7A9FBC;
  /* chrome 2+, safari 4+; multiple color stops */
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #7A9FBC), color-stop(0.66, #6886A5), color-stop(0.83, #576F90));
  /* chrome 10+, safari 5.1+ */
  background-image: -webkit-linear-gradient(#7A9FBC, #6886A5, #576F90);
  /* firefox; multiple color stops */
  background-image: -moz-linear-gradient(top,#7A9FBC, #6886A5, #576F90);
  /* ie 6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A9FBC', endColorstr='#6886A5');
  /* ie8 + */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A9FBC', endColorstr='#6886A5')";
  /* ie10 */
  background-image: -ms-linear-gradient(#7A9FBC, #6886A5, #576F90);
  /* opera 11.1 */
  background-image: -o-linear-gradient(#7A9FBC, #6886A5, #576F90);
  /* The "standard" */
  background-image: linear-gradient(#7A9FBC, #6886A5, #576F90);


}
.roundedCornerTbl  tbody {
    border:1px solid #004978;
}

#whiteBGGrid table.items th
{
    background-color: whitesmoke;
   
    color: black;
}
#whiteBGGrid  table.items 
{
    border:none;
}

#emailAlertTbl td
{
    vertical-align: top;
    font-weight: bold;
}
.greenGradientCss
{
    
color: white;
 background-color: #397045;
  /* chrome 2+, safari 4+; multiple color stops */
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #397045), color-stop(0.66, #124B1E), color-stop(0.83, #002600));
  /* chrome 10+, safari 5.1+ */
  background-image: -webkit-linear-gradient(#397045, #124B1E, #002600);
  /* firefox; multiple color stops */
  background-image: -moz-linear-gradient(top,#397045, #124B1E, #002600);
  /* ie 6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#397045', endColorstr='#124B1E');
  /* ie8 + */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#397045', endColorstr='#124B1E')";
  /* ie10 */
  background-image: -ms-linear-gradient(#397045, #124B1E, #002600);
  /* opera 11.1 */
  background-image: -o-linear-gradient(#397045, #124B1E, #002600);
  /* The "standard" */
  background-image: linear-gradient(#397045, #124B1E, #002600);
}
.maroonGradientCss{
    
    
color: white;
 background-color: #824241;
  /* chrome 2+, safari 4+; multiple color stops */
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #824241), color-stop(0.66, #763332), color-stop(0.83, #510E0D));
  /* chrome 10+, safari 5.1+ */
  background-image: -webkit-linear-gradient(#824241, #763332, #510E0D);
  /* firefox; multiple color stops */
  background-image: -moz-linear-gradient(top,#824241, #763332, #510E0D);
  /* ie 6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#824241', endColorstr='#510E0D');
  /* ie8 + */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#824241', endColorstr='#510E0D')";
  /* ie10 */
  background-image: -ms-linear-gradient(#824241, #763332, #510E0D);
  /* opera 11.1 */
  background-image: -o-linear-gradient(#824241, #763332, #510E0D);
  /* The "standard" */
  background-image: linear-gradient(#824241, #763332, #510E0D);
}

.verticalAlignMiddle td
{
    vertical-align: middle;
    font-weight: bold;
}
.small-bold-font td{
    font-size: 15px;
      font-weight: bold;
    
    
}

.divWithBorderNCenter
{
    border: 1px solid #8B99AC;color: black;text-align: center;margin-left: 200px;margin-right: 200px;margin-top: 10px;font-size: 12px
    
}

.mousePointer
{
cursor :pointer;
}

#assetRatingsTbl td{
    text-align: center;
    font-weight: bold;
}

.tableRowStyle {
	text-transform:uppercase;
	font-size:12px;
	padding:14px 11px;
	font-weight:bold;
	background: #f8f9fb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjlmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU4ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8f9fb 0%, #e5e8f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f9fb), color-stop(100%,#e5e8f0));
	background: -webkit-linear-gradient(top,  #f8f9fb 0%,#e5e8f0 100%);
	background: -o-linear-gradient(top,  #f8f9fb 0%,#e5e8f0 100%);
	background: -ms-linear-gradient(top,  #f8f9fb 0%,#e5e8f0 100%);
	background: linear-gradient(to bottom,  #f8f9fb 0%,#e5e8f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fb', endColorstr='#e5e8f0',GradientType=0 );
}


#modelHistTradesTbl tbody { display: block; }

#modelHistTradesTbl tbody {
    height: 200px;       /* Just for the demo          */
    overflow-y: scroll;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}#modelHistTradesTbl td {border-top: 1px solid white; border-bottom: 2px solid white;  }