body
{
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: "frutiger lt std","frutiger std",frutiger,"helvetica neue",arial,helvetica,sans-serif;
    color: #0f0f14;
    font-size: .9em;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    margin: 0; 
    background-color:#ededed;
    /*background-color:#e4e0e8;*/
    /*background-color:#e2d6e6;*/
    /*background-color:#cccc33;*/
    /*background-color:#cc9900;*/
       
    /*background-color:#B8860B;*/
    /*background-color:#dcd74f;*/
    /*background-color:#DCD74F;  the original and good color*/
    /*background: url('../images/backgroundcolor.png');*/
    background-repeat: repeat;
}

tr
{
    border-style: solid;
    border-width: 1px;
}

a:link {
  /*color: #3474fc;
  color: #336699; */
  color: #406f9f;   
  /*font-weight:bolder; */
  text-decoration: none;
}
a:visited {
  color: #336699; 
  text-decoration: none;
}
a:hover {
  color: #3474fc;
  text-decoration: underline;
}
a:active {
  color: #888;
  text-decoration: none;
}


table.chart
{ 
    background-color:#edf6d5;
    background-color:#fdfdfd;
    border-color:#d5dbc6;
    border-style:solid;
    font-size:100%;
    padding:0;
    border-color:gray;
    border-style:solid;
    border-width:1px 0 0 1px;    
}

table.chart th, table.chart td
{
    border-color:gray;
    border-style:solid;
    border-width:0 1px 1px 0;
    padding-bottom:2px;
}
hr {border-style: none;}
h1 
{
    font-size:1.4em;
    font-weight:bold;
}

h2 
{
    font-size:1.2em;
    font-weight:bold;
}

h3
{
    font-size:1.1em;
}

#lists
{
    list-style-type: none;
    list-style-position: inside;
}



.smalldigits
{
    font-size: .5em;
}

#header
{
    border-style: none;
    margin: 0;
    padding: 0;
    /*width: 100%;*/
    height: 130px;
    width: 100%;    
    /*background-image: url('../Images/headerbackground.png');*/
    background-image: url('../Images/headerbackground.png');
    /*background-color:#CCC2CE; old one*/
    /*background-color:#CC66FF;*/
    background-position: center top;
    background-repeat: repeat-x;
    text-align:left;
}

#search
{
    float: right;
    text-align: left;
    text-align: right;
    /*background: #ccc2ce;*/
    height: 130px;
    width: 360px;
    margin: 0;
    padding: 0;
}

#headlines
{
   font-weight:bold;
   position:absolute; top: 108px; left: 120px; 
   z-index:3; 
   font-size:12px; 
   color:black;
}
#headlines a:link {color: black; text-decoration: none} /*#4c212c*/
#headlines a:visited {color: #ff0000; text-decoration: none}
#headlines a:hover {color: #ffffff; text-decoration: none}
#headlines a:focus {color: #333333; text-decoration: none}

.form
{
    text-align: center;
}

/*.contentbackground
{
    padding: 0;
    float: none;
    margin: 0 auto;
    text-align: left;
    width: 1102px;
}*/

.backgroundimage
{
    clear:left;
    background: url('../images/background3.png');
    background-repeat: repeat-y;
    background-position:center top;
}

.content
{
    padding: 0 5px 0 5px;
    float: none;
    margin: 0 auto;
    text-align: left;
    background-color: #FFFFFF;
    width: 981px; /* width: 975px; is thepermanent,latest was at 980px */    
    /*background-image: url('../images/background2.png');
    background-repeat: repeat-y;
    background-position: center top;*/
}

.Clearfloat
{
    clear:both;
}

.footer
{
    /*position:absolute;
    bottom:0;*/
    margin: 0 auto;
    text-align:center;
    width: 100%;
    /* background: #0033CC; */
}
.footer a:link {color: #4c212c; text-decoration: none}
.footer a:visited {color: #ff0000; text-decoration: none}
.footer a:hover {color: #ffffff; text-decoration: none}
.footer a:focus {color: #333333; text-decoration: none}

.iebugcenterwrap
{
    text-align:center;
}

#nav, #nav ul {
    float: left;
    width: 100%;
    overflow: hidden;
    list-style: none;    
    font-weight: bold;
    padding: 0;
    border-left: 0 solid #3F2555; /*#564c66;*/
    border-right: 0 solid #3F2555;
    /*border-top: 1px solid #3F2555;*/
    border-top: 0;
    border-bottom: 1px solid #3F2555;
	border-width: 1px 0;
	margin: 0;
	background: black url('../Images/indentbg.gif') repeat-x center;
}

#nav a {
	display: block;
	/*width: 10em;*/
	/*width: 6em;*/
	color: #ffffff;
	text-decoration: none;
	padding: 0.45em 1em;
	
	font-family:Arial;
    font-size:13px;
    /*font-size-adjust:none;*/
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;	
    border-right: 1px solid #564c66;
}

#nav li {    
    line-height: 2;
	float: left;
	padding: 0;
	/*width: 8em;*/
}

#nav li ul
{
    z-index:10;
    position: absolute;
    left: -999em;
    /*display: none;*/
      /*top: 1em;*/
      /*left: auto;*/
    /*------------*/
    height: auto;
    width: 23em;
    font-weight: normal;
    border-width: 0.1em;
    margin: 0;
    background-image: none;
    background-color: #7f6d91;
}

#nav li li
{
    border-style: dotted none none none;
    border-width: 1px;
    border-color: #583F6C;
    padding-right: 1em;
    width: 100%;    
}

#nav li li a
{
    font-size: .8em;
    text-align: left;
}

/*
#nav li ul a {
	width: 13em;
	width: 9em;
}
*/

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	/*display:block;*/
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	/*display:block;*/
}

#nav li:hover, #nav li.sfhover {
	background: black url('../Images/indentbg2.gif') repeat-x center;
}

ul.lists
{
    margin: 0 0; /*clear:both;*/
    list-style-position: inside;
    padding: 0; /*list-style-image:none;*/
    font-weight: normal;
    font-size: .9em;
    overflow: auto;
    list-style-type: disc;
}
ul.lists li
{
    margin: 0 0 0.9em 0;
}
/*
.lists a:link {color: #221518; text-decoration:none; }
.lists a:visited {color: #ff0000; text-decoration: none}
.lists a:hover {color: #4c212c; text-decoration: underline}
.lists a:focus {color: #333333; text-decoration: none}
*/

tr.row1 td {background-color:#d7d244;}
tr.row2 td {background-color:#bdb838;}

/*
.topnav
{
    width: 100%;
    background-color: #003366;
    margin: 0px auto -1px auto;
}
*/




/*For the following code: Credits to Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.menu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.menu ul{
border-left: 0 solid #564c66;
    border-right: 0 solid #564c66;
    border-top: 1px solid #564c66;
    border-bottom: 1px solid #564c66;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%; /*width of menu*/
/*dark purple border*/
background: black url('../Images/indentbg.gif') repeat-x center;
}

.menu ul li{
display: inline;
}

.menu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.menu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url('../Images/indentbg2.gif') repeat-x center;
}

.sidemenu
{
    border-style: solid;
    border-width: 1px;
    width: 360px;
    float: right;
    clear: right;
    display: inline;
    overflow: auto;
}

.thickdivide
{
    background-position: url('../images/dividor.png') repeat-x;
    width: 99%;
    border-width: 0;
    margin: 10px 0 10px 0;
    display: inline; /*for IE bugs*/
    float: left;
    background: url('../images/dividor.png') repeat-x;
    height: 18px;
}

.articledivide
{
    width: 99%;
    border-color: #564c66;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin: 10px 0 10px 0;
    display:inline;  /*for IE bugs*/
    float:left;
}

.portfoliomin a:link, .addmin
{
    color: #800000;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
    font-size: 1.1em;
}

/*
.footer a:link {color: #4c212c; text-decoration: none}
.footer a:visited {color: #ff0000; text-decoration: none}
.footer a:hover {color: #ffffff; text-decoration: none}
.footer a:focus {color: #333333; text-decoration: none}
*/

.mincont
{
    font-size: .9em;
    /*border-bottom: 1px dotted fuchsia; 
    border-left: 1px dotted fuchsia;*/
}

.mincont td { padding: 0 0 0 0; /*border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia  */}

.mincont td
{
    text-align: left;
}
/*
ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }
li { margin-bottom: 10px }
*/

.portfoliodesc
{
    color: #481D28;
    font-family: Trebuchet MS, Verdana, Helvetica, Arial;
    font-size: .9em;      
}


.portfoliodesc td
{
    width: 12%;
    text-align: center;
    vertical-align: bottom;
    line-height: 1em;  
}

.portfoliovalue td
{
    /*width: 102px;*/
    text-align: center;
    vertical-align: top;
    line-height: 1em;  
}

portfoliomin
{
    color: #660066;
    font-size: 1.9em;
}

.removemin
{
    color: #660000;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
    text-align: right;
}

.comparedmin 
{
    color: #830000;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
    text-align: right;
}

.uncomparedmin
{
    color: #003900;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
    text-align: right;    
}

.rightnav
{
    border-style: solid;
    border-width: 1px;
    width: 250px;
    float: right;
    clear: right;
    display: inline;
    overflow: hidden;
    background-color: #efe9ef;
    padding: 1px 4px 5px 4px
}

.alternat
{
    background-color: #FFFFFF;
}

.alternate
{
    background-color: #ededed;
}

#CompareSmallFont
{
    width: 977px;
    font-size: .7em;
}

#CompareBetFont
{
    width: 977px;
    font-size: .9em;
}

#CompareNormFont
{
    width:977px;
    font-size: 1.1em;
}

#portfolioInstructions
{

}

#portfolioSummary
{
    margin: 10px;
    padding: 7px;
    border-style: dotted;
    border-width: 1px;
    float: left;
}


#comparebuttonon
{
    visibility:visible;
}

#simpleTooltip
{
    padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5;
}

option.disabled {background-color: #ffcccc; }
option.enabled {background-color: #ccffda; }

#tickercontainer
{
    position: absolute; /*left:93px;*/
    top: 113px;
    left: 50%;
    width: 758px;
    margin-left: -379px;
    overflow: hidden;
    visibility: hidden;    
}

.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/
/*background: #fff;*/
width:  758px; /*738px*/
height: 15px; /*27px;  15*/
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
/*left: 10px;*/
/*top: 8px;*/
width: 738px; /*718px*/
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 770px; /*750px*/
font: bold 13px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background:none; /*#fff;*/
}
ul.newsticker a
{
    white-space: nowrap;
    padding: 0;
    color: #c30000;
    font: normal 12px Verdana;
    margin: 0 50px 0 0;
} 
ul.newsticker span
{
    margin: 0 10px 0 0;
    color: #00ba09;
    font-weight: normal;
}