/* CSS Document */

/* styles for custom account grouping */
#CAG {position:absolute;text-align:left;top:0px;left:0px;visibility:hidden;}
#CAG .bd {width:auto;overflow:auto;}
#CAG .hd {}
#CAG h3 span {font-size:100%;font-weight:inherit}

/*#delGrpConfirm .bd, #delInactiveCagGroup .bd, #delInactiveCagAccount .bd, #saveChangesConfirm .bd, #closeConfirm .bd, #maxGroup .bd, #emptyGroupConfirm .bd {text-align:center;}*/
#CAG #acctGroups, #CAG #customAccts, #CAG #availableAccts {float:left;}
#CAG #acctGroups, #CAG #customAccts, #CAG #availableAccts {width:295px;}
#CAG #customAccts, #CAG #availableAccts {margin-left:15px;}
#CAG #acctGroups ul, #CAG #availableAccts ul, #CAG #customAccts ul {margin:5px 0px;list-style-type:none;height:390px;overflow:auto;border:1px solid #cccccc;background-color:#ffffff;}
#CAG #customAccts ul {position:relative;}


#CAG #acctGroupsList li {cursor:pointer;border-bottom:1px dotted #cccccc;display:block;vertical-align:middle;margin:0px;padding:0px;background:url(../../images/icon_folder.gif) 10px center no-repeat;}
#CAG #acctGroupsList li div {padding:7px 10px 8px 40px;margin:0px}
#CAG #acctGroupsList li.selected {background:#eeeeee;}
#CAG #acctGroupsList li input {border:none;background:transparent;cursor:pointer;width:180px;color:#277eae}

#CAG #customAccts ul li {margin:0px;padding:0px;cursor: move;vertical-align:middle;border-bottom:1px dotted #cccccc;background:#ffffff;}
#CAG #customAccts ul li span.links {vertical-align:middle;width:60px;;text-align:center;display:table-cell;display:inline-block;}
#CAG #customAccts ul li span.links a.add {display:none;vertical-align:middle}
#CAG #customAccts ul li span.acctInfo {vertical-align:middle;display:table-cell;display:inline-block;padding:10px;border-left:1px dotted #cccccc;}

#CAG #availableAccts ul {background:transparent;}
#CAG #availableAccts ul li {margin:0px;padding:0px;cursor: move;vertical-align:middle;border-bottom:1px dotted #cccccc;background:#ffffff;}
#CAG #availableAccts ul li span.links {vertical-align:middle;width:60px;;text-align:center;display:table-cell;display:inline-block;}
#CAG #availableAccts ul li span.links a.remove {display:none;vertical-align:middle}
#CAG #availableAccts ul li span.acctInfo {vertical-align:middle;display:table-cell;display:inline-block;padding:10px;border-left:1px dotted #cccccc;}

#CAG #availableAccts ul.disabled li, #CAG #availableAccts ul.disabled li a {color:#cccccc;}
#CAG #availableAccts ul.disabled li {cursor:auto;}

/* yui hides dropdowns when popup is displayed. Thus, target allocation dropdown will be hidden by default. Set the style to make it visible */
/*#CAG #cagTargetAllocation {display:block;visibility:visible}*/
#cag_addNewGroupLink {font-weight:bold;height:28px;vertical-align:middle;width:175px;text-align:left;padding-left:8px;}
#cag_inlineOptions {position:absolute;left:0px;top:0px;visibility:hidden;padding:3px;background:#dfecf4;;z-index:99991;text-align:center;}

/* end styles for custom account grouping */

/* styles for account Selector link and pop up */
#acctSelectorLink {padding-right:20px;background:url(../../images/bg_txt_link_arrow_down.gif) center right no-repeat;font-weight:bold;}
#acctSelectorList {position:absolute;background:#ffffff;text-align:left;width:200px;overflow:hidden;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;visibility:hidden}
#acctSelectorList ul {list-style-type:none;}
#acctSelectorList ul li {border-bottom:1px solid #cccccc;}
#acctSelectorList ul li a {display:block;padding:8px 8px 8px 8px;font-size:110%;text-decoration:none;font-weight:bold;width:100%;}
#acctSelectorList ul li a span {text-decoration:none;font-weight:normal;font-size:.833em;color:#999999;}
#acctSelectorList ul li a:hover {background:#eeeeee}

/* styles for grpup Selector link and pop up */
#grpSelectorLink {padding-right:30px;;background:url(../../images/icon_grp_selector.gif) left center no-repeat;}
#grpSelectorLink:hover {text-decoration:none}
#grpSelectorList {position:absolute;background:#ffffff;text-align:left;width:200px;overflow:hidden;visibility:hidden}
#grpSelectorList ul {list-style-type:none;}
#grpSelectorList ul li {border-bottom:1px solid #666666;background:#333333}
#grpSelectorList ul li a {display:block;padding:10px 10px 10px 10px;font-size:100%;text-decoration:none;font-weight:bold;width:100%;color:#cccccc;}
#grpSelectorList ul li a:hover {background:url(../../images/bg_grp_selected.jpg) repeat-x;}


/* syles for holdings dashboard */
#HD_items {vertical-align:middle;text-align:center;background:#eeeeee;padding:10px 0px;position:relative;}
#HD_items #HD_itemsLeft{float:left;display:table-cell;display:inline-block;vertical-align:middle}
#HD_items #HD_itemsRight{float:right;display:table-cell;display:inline-block;vertical-align:middle}
#HD_items #HD_itemList {overflow:hidden;height:125px;width:90%}
#HD_items #HD_itemList a {border:2px solid #cccccc;float:left;;width:200px;margin:0px 3px;background:#ffffff;clear:right;height:100px;}
#HD_items #HD_itemList a:hover {text-decoration:none;border:2px solid #277eae;background:#dfecf4;background:#fffff;}
#HD_items #HD_itemList a:hover span.HD_itemValue {color:#666666;}
#HD_items #HD_itemList a:hover span.HD_itemName {color:inherit;}
#HD_items #HD_itemList a span.HD_itemName{padding:5px;;display:block;font-weight:bold;}
#HD_items #HD_itemList a span.HD_itemValue{border-top:1px dotted #cccccc;padding:5px;display:block;font-weight:bold;color:#666666;}
#HD_items #HD_itemList a.selected {color:#cccccc;background:#eeeeee;}
#HD_items #HD_itemList a.selected span.HD_itemValue {color:#cccccc;}


/* for date picker Calendar */
#form-calendar {padding:5px;}
#form-calendar .calendar{float:left;}
#form-calendar  span.calendar{padding-right:10px;}
#form-calendar  #sc1, #form-calendar  #sc2{position:relative;}
#form-calendar  #startContainer, #form-calendar  #endContainer{position:absolute;display:none;top:25px;left:0px;width:auto;z-index:9999;}
#form-calendar .cal-selected{background-color:#ff9;}
#form-calendar #startDateLabel, #form-calendar #endDateLabel{border:none;background:none;cursor:text;font-weight:bold;text-align:left;background:url(../../images/icon_calendar.gif) top right no-repeat;padding:2px 20px 2px 0px;} 
/* styles for yui calendar applies to #startContainer and #endContainer above*/
.yui-skin-sam .yui-calcontainer {background:#ffffff;padding:10px;}
.yui-skin-sam .yui-calendar {background:#ffffff;font-size:.916em;margin:0px;}
.yui-skin-sam .yui-calendar .calhead {text-transform:uppercase;font-size:1.1em;}
.yui-skin-sam .yui-calendar .calnavleft {background:url(../../images/bg_cal_navleft.gif) 5px center no-repeat;}
.yui-skin-sam .yui-calendar .calnavright {background:url(../../images/bg_cal_navright.gif) 3px center no-repeat;}
.yui-skin-sam .yui-calendar .calweekdayrow th {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center}
.yui-skin-sam .yui-calendar td.calcell {border:none;padding:0 5px;font-weight:bold;}
.yui-skin-sam .yui-calendar td.calcell a {padding:3px 5px;color:#277eae}
.yui-skin-sam .yui-calendar td.calcell.selected a {background:#666666;color:#ffffff;}
.yui-skin-sam .yui-calendar td.calcell.today {background:#ffffff;}
.yui-skin-sam .yui-calendar td.calcell.today a {background:#cccccc;color:#277eae;}
.yui-skin-sam .yui-calendar td.calcell.oom {background:#ffffff;font-weight:normal;color:#999999}
.yui-skin-sam .yui-calendar td.calcell.calcellhover  {background:none;}
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {background:#666666;color:#ffffff;}
.yui-skin-sam .yui-calendar td.calcell.previous {padding:3px 10px;font-weight:normal;color:#999999} /* non-selectable dates*/

/* activity filter overlay */
#activitySelector {background:#ffffff;text-align:left;overflow:hidden;font-size:.916em;visibility:visible;position:absolute;top:0px;left:0px;border:1px solid #cccccc;}
#activitySelector .head {}
#activitySelector .body {padding:10px;}

/*activity slider */
#activitySlider {
    position: relative;
    background: url(../../images/slider_back.jpg) 0 0px no-repeat;
    height: 61px;
    width: 708px;
	z-index:1000;
}

#activitySlider div {
    position: absolute;
    cursor: default;
    top: 25px;
}

/* Here's the highlight element */
#activitySlider span {
    position: absolute;
    background: url(../../images/slider_highlight.gif) 0 0 repeat-x;
    top: 30px;
    right:12px;
    height: 13px;
    width: 30px;
	cursor:move;
}

.aligntext
{
	text-align:right;
}

/* Asset Allocation Progress bar Items*/
.mainDiv{
background-color:Transparent;
border-color:Red;
border-width:4px; 
}

.controlDiv
{
 background-color:#277eae;
 float:left;
 border-width:16px;
 border-color:Red;	
}