body
{
    background-image: url(images/background_pixel.gif);
    background-color: #00657F;
    margin: 0px;
    font-size: 12px;
    color: black;
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}

.background
{
    background-image: url(images/background.jpg);
    background-repeat:repeat-x;
    margin: 0px;
}

.DisplayDate
{
    left: 12px;
    top: 76px;
    height: 21px;
    z-index: 101;
    width: 173px;
    position: absolute;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: white;
    font-family: Arial;
}
.banner
{
    position: absolute;
    background-image: url(images/banner.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 828px;
    height: 113px;
    top: 0px;
    left:0px;
    z-index:1;
}

.bannernonavbar
{
    position: absolute;
    background-image: url(images/banner2.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 828px;
    height: 113px;
    top: 0px;
    left:0px;
    z-index:1;
}

.navbar
{
    position: absolute;
    width: 771px;
    height: 19px;
    top: -43px;
    left: -98px;
    z-index: 111;
    font-weight: bold;
    font-size: 14px;
    color: black;
    font-family: Arial;
    text-decoration: none;
    padding-top: 3px;
    padding-left: 4px;
}

.NavLink
{
    font-weight: bold;
    font-size: 14px;
    color: #10263a;
    font-family: Arial;
    text-decoration: underline;
    cursor: pointer;
}
.NavLink:hover
{
    color: Red;
}
.separator
{
    font-weight: bold;
    font-size: 14px;
    color: #2b849a;
    font-family: Arial;
    text-decoration: none;
}
.backbutton
{
    position: absolute;
    width: 30px;
    height: 28px;
    top: -47px;
    left: -128px;
    z-index: 112;
    background-image: url(images/backbutton_f2.png);
    cursor: pointer;
}
.backbutton:hover img
{
    visibility: hidden;
}

.bg1
{
    position: absolute;
    background-image: url(images/bg1.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 5px;
    height: 496px;
    top: 113px;
    left:0px;
    z-index:1;
}

.bg2
{
    position: absolute;
    background-image: url(images/bg2.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 828px;
    height: 21px;
    top: 609px;
    left:0px;
    z-index:1;
}

.bg3
{
    position: absolute;
    background-image: url(images/bg3.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 13px;
    height: 496px;
    top: 113px;
    left:815px;
    z-index:1;
}

.bg4
{
    position: absolute;
    background-image: url(images/bg4.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 1px;
    height: 496px;
    top: 113px;
    left:134px;
    z-index:1;
}

.bg5
{
    position: absolute;
    background-image: url(images/bg_pixel.gif);
    background-color: #F4FAFD;
    width: 129px;
    height: 496px;
    top: 113px;
    left:5px;
    z-index:1;
}

.bg6
{
    position: absolute;
    background-image: url(images/bg_pixel.gif);
    background-color: #F4FAFD;
    width: 680px;
    height: 496px;
    top: 113px;
    left:135px;
    z-index:1;
}

.contentcontainer
{
    position: absolute;
    width: 809px;
    height: 523px;
    top: 93px;
    left:5px;
    z-index:100;
}

.menucontainer
{
    position: absolute;
    width: 129px;
    height: 523px;
    top: 0px;
    left:0px;
    z-index:100;
}

.menucontainer .menutitle
{
    text-align:center;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    font-family: Arial;
    height: 19px;
    margin-bottom: 2px;
}

.menucontainer .header
{
    text-align: left;
    padding-left: 2px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-family: Arial;
    background-color:#0E7C98;
    background-image: url(images/menu_header2_bg.gif);
    margin-top: 1px;
}

.menucontainer .item
{
    margin-top: 1px;
    margin-left: 2px;
    background-color:#1585a2;
}

.menucontainer .item .text
{
    padding-left: 2px;
    padding-bottom: 1px;
    text-align:left;
    font-size: 14px;
    font-weight: normal;
    color: white;
    font-family: Arial;
    text-decoration: none;
}


.menucontainer .item:hover
{
    background-color: #3D96AD;
    /*background-image: url(images/menu_header2_bg.gif);*/
}

.mainpanel
{
    position: absolute;
    width: 680px;
    height: 500px;
    top: 20px;
    left:130px;
    z-index:100;
}

.views
{
    position: absolute;
    width: 680px;
    height: 500px;
    top: 0px;
    left:0px;
    z-index:101;
}

.panel
{
    width: 680px;
    height: 500px;
    position:relative;
    background-image: url(images/bg_pixel.gif);
    background-color: #F4FAFD;
}

.maintitle
{
    position: absolute;
    top: 1px;
    left: 137px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    font-family: Arial;
}

.username
{
    position: absolute;
    top: 1px;
    right: 5px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    font-family: Arial;
}

.toolbar
{
    position: absolute;
    /*top: 1px;
    left: 0px;
    width: 677px;
    height: 23px;*/
    top: 0px;
    left: 0px;
    width: 675px;
    height: 24px; /*background-color:#3D96AD;*/
    border-bottom: solid 1px #3D96AD;
    border-right: solid 1px #3D96AD;
    border-left: solid 1px #3D96AD;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: black;
    font-family: Arial;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #dae6ff;
    z-index: 300;
    vertical-align: middle;
    /*overflow: hidden;*/
}

.toolbar .Calendar .ajax__calendar_container
{
    border: 1px solid #3D96AD;
    background-color: #edf2ff; /*color: red;*/
}
.toolbar .Calendar .ajax__calendar_other .ajax__calendar_day,
.toolbar .Calendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.toolbar .Calendar .ajax__calendar_hover .ajax__calendar_day,
.toolbar .Calendar .ajax__calendar_hover .ajax__calendar_month,
.toolbar .Calendar .ajax__calendar_hover .ajax__calendar_year {
    color: Red;
    cursor: pointer;
}
.toolbar .Calendar .ajax__calendar_active .ajax__calendar_day,
.toolbar .Calendar .ajax__calendar_active .ajax__calendar_month,
.toolbar .Calendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
    cursor: pointer;
}

.preload
{
    position: absolute;
    /*top: 1px;
    left: 0px;
    width: 677px;
    height: 23px;*/
    top: 0px;
    left: 0px;
    width: 675px;
    height: 24px; 
    visibility: hidden;
}

/*current holdings overview*/
div.DividendHoverPanel
{
    position: absolute;
    width: 187px;
    left: 478px;
    height: 504px;
    top: 2px;
    z-index: 101;
    background-color: #ffffff;
    
}

div.DividendHoverPanel div.DividendWindowControl
{
    z-index: 3;
    border: solid 1px #586cc5;
    overflow: hidden;
    width: 187px;
    left: 0px;
    top: 0px;
}

div.DividendHoverPanel div.StockSplitWindowControl
{
    z-index: 3;
    border: solid 1px #586cc5;
    overflow: hidden;
    width: 187px;
    left: 0px;
    top: 254px;
}

div.DividendHoverPanel:hover
{
    width: 240px;
    height: 510px;
    left: 428px;
    top: 0px;
    border-left: solid 1px #586cc5;
}

div.DividendHoverPanel:hover div.DividendWindowControl
{
    z-index: 3;
    border: solid 1px #586cc5;
    overflow: hidden;
    width: 234px;
    left: 2px;
    top: 2px;
}

div.DividendWindowHeader
{
    background-image: url(../../styles/images/Header_back.gif);
    background-repeat: repeat-x;
    /*padding: 2px;*/
    background-color: #94A2DD;
    font-weight: bold;
    font-size: 10pt;
    font-family:Arial;
    height: 20px;
    border-bottom: solid 1px #586cc5;
}

div.DividendWindowContainer
{
    overflow: auto;
    background-color: #ffffff;
}

div.DividendHoverPanel:hover div.StockSplitWindowControl
{
    z-index: 3;
    border: solid 1px #586cc5;
    overflow: hidden;
    width: 234px;
    left: 2px;
    top: 256px;
}

div.StockSplitWindowHeader
{
    background-image: url(../../styles/images/Header_back.gif);
    background-repeat: repeat-x;
    /*padding: 2px;*/
    background-color: #94A2DD;
    font-weight: bold;
    font-size: 10pt;
    font-family:Arial;
    height: 20px;
    border-bottom: solid 1px #586cc5;
}

div.StockSplitWindowContainer
{
    overflow: auto;
    background-color: #ffffff;
}

tr.BuyTransactionItem td
{
    padding: 3px;
    font-size: 8pt;
    font-family: Arial;
    background-color: #ffffef;
    border-bottom: solid 1px #586cc5;
    border-right: solid 1px #586cc5; /*can not use if using pointer
    cursor: default;*/
}

tr.BuyTransactionItem:hover td
{
    background-color: #f4f1c1;
}

tr.ReallocationBuyTransactionItem td
{
    padding: 3px;
    font-size: 8pt;
    font-family: Arial;
    background-color: #fffbbf;
    border-bottom: solid 1px #586cc5;
    border-right: solid 1px #586cc5; /*can not use if using pointer
    cursor: default;*/
}

tr.ReallocationBuyTransactionItem:hover td
{
    background-color: #fffbab;
}

tr.ReinvestedDividendBuyTransactionItem td
{
    padding: 3px;
    font-size: 8pt;
    font-family: Arial;
    background-color: #baffff;
    border-bottom: solid 1px #586cc5;
    border-right: solid 1px #586cc5; /*can not use if using pointer
    cursor: default;*/
}

tr.ReinvestedDividendBuyTransactionItem:hover td
{
    background-color: #ffffcb;
}

tr.SellTransactionItem td
{
    padding: 3px;
    font-size: 8pt;
    font-family: Arial;
    background-color: #efffff;
    border-bottom: solid 1px #586cc5;
    border-right: solid 1px #586cc5; /*can not use if using pointer
    cursor: default;*/
}

tr.SellTransactionItem:hover td
{
    background-color: #e0ffff;
}

.ButtonNewPortfolio
{
    height: 24px;
    width: 145px;
    background-image: url(images/newportfolio_over.png);
    cursor: pointer;
}

.ButtonNewPortfolio:hover img
{
    visibility: hidden;
}

.HoverButton
{
    background-image: url(images/button_over.png);
    width: 145px;
    height: 24px;
    position:relative;
    cursor: pointer;
}

.HoverButton .Image
{
    background-image: url(images/button.png);
    width: 145px;
    height: 24px;
    position:absolute;
    top:0px;
    left:0px;
    cursor: pointer;
}

.HoverButton:hover .Image
{
    visibility: hidden;
}

.HoverButton .Text
{
    text-align: center;
    color: White;
    font-weight: bold;
    position:absolute;
    top:0px;
    left:0px;
    width: 145px;
    height: 24px;
    font-size: 14px;
    padding-top: 3px;
}

.NewPortfolioButton
{
    background-image: url(images/newportfolio_over.png);
    width: 145px;
    height: 24px;
    position:relative;
    cursor: pointer;
}

.NewPortfolioButton .Image
{
    background-image: url(images/newportfolio.png);
    width: 145px;
    height: 24px;
    position:absolute;
    top:0px;
    left:0px;
    cursor: pointer;
}

.NewPortfolioButton:hover .Image
{
    visibility: hidden;
}

.NewPortfolioButton .Text
{
    text-align: left;
    color: White;
    font-weight: bold;
    position:absolute;
    top:1px;
    left:28px;
    width: 145px;
    height: 24px;
    font-size: 14px;
    padding-top: 3px;
}

.RecentDividendsPanel
{
	position: relative;
	top: 1px;
	left: 660px;
	width: 20px;
	height: 215px;
	z-index: 101;
	overflow: hidden;
	white-space: nowrap;
}

/*.RecentDividendsPanel:hover
{
	left: 400px;
	width: 280px;
}*/



.RecentDividendsPanel div.Image
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 165px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(images/recentdividends.png);
	background-repeat: no-repeat;
}

.RecentDividendsPanel div.CountImage
{
	position: absolute;
	top: 165px;
	left: 0px;
	width: 20px;
	height: 50px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
  background-repeat: no-repeat;
}

.RecentDividendsPanelHover
{
	position: relative;
	top: 1px;
	height: 215px;
	z-index: 101;
	overflow: hidden;
	white-space: nowrap;
	left: 400px;
	width: 280px;
}

.RecentDividendsPanelHover div.Image
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 165px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(images/recentdividends.png);
	background-repeat: no-repeat;
}

.RecentDividendsPanelHover div.CountImage
{
	position: absolute;
	top: 165px;
	left: 0px;
	width: 20px;
	height: 50px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
  background-repeat: no-repeat;
}

.HoverButtonSkin
{
    height: 22px;
    cursor: pointer;
}

.HoverButtonSkin tr td
{
    height: 22px;
}

.HoverButtonSkin:hover .SkinLeftOver
{
    visibility: hidden;
}

.HoverButtonSkin:hover .SkinRightOver
{
    visibility: hidden;
}
.HoverButtonSkin:hover .SkinMiddleOver
{
    visibility: hidden;
}

.HoverButtonSkin .SkinLeftOver
{
	background-image: url(images/buttonskin_left.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkin .SkinRightOver
{
	background-image: url(images/buttonskin_right.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkin .SkinMiddleOver
{
	background-image: url(images/buttonskin_middle.png);
	height: 22px;
}

.HoverButtonSkin .SkinLeft
{
	background-image: url(images/buttonskin_left_over.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkin .SkinRight
{
	background-image: url(images/buttonskin_right_over.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkin .SkinMiddle
{
	background-image: url(images/buttonskin_middle_over.png);
	height: 22px;
}

.HoverButtonSkin .Text
{
    text-align: center;
    color: black;
    position:absolute;
    height: 22px;
    font-size: 13px;
    padding-top: 3px;
}

.HoverButtonSkinDown
{
    height: 22px;
    cursor: pointer;
}

.HoverButtonSkinDown tr td
{
    height: 22px;
}

.HoverButtonSkinDown .SkinLeft
{
	background-image: url(images/buttonskin_left_down.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkinDown .SkinRight
{
	background-image: url(images/buttonskin_right_down.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkinDown .SkinMiddle
{
	background-image: url(images/buttonskin_middle_down.png);
	height: 22px;
}

.HoverButtonSkinDown .Text
{
    text-align: center;
    color: black;
    position:absolute;
    height: 22px;
    font-size: 13px;
    padding-top: 4px;
    padding-left: 1px;
}

.HoverButtonSkinDisabled
{
    height: 22px;
    cursor: default;
}

.HoverButtonSkinDisabled tr td
{
    height: 22px;
}

.HoverButtonSkinDisabled .SkinLeft
{
	background-image: url(images/buttonskin_left_down.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkinDisabled .SkinRight
{
	background-image: url(images/buttonskin_right_down.png);
	width: 4px;
  height: 22px;
}

.HoverButtonSkinDisabled .SkinMiddle
{
	background-image: url(images/buttonskin_middle_down.png);
	height: 22px;
}

.HoverButtonSkinDisabled .Text
{
    text-align: center;
    color: gray;
    position:absolute;
    height: 22px;
    font-size: 13px;
    padding-top: 3px;
}

.inputText
{
	background-color: #FFFFFF;
	border: solid 1px #586cc5;
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	cursor: text;
}
/*
.inputText:link{}
.inputText:visited{}
.inputText:hover
{
	background-color: #FFFFAE;
}

.inputText:active
{
	background-color: #ffffff;
}
.inputText:focus
{
	background-color:Red;
}*/