/* rounded.css */

html, body, form
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
form
{
    text-align: center; /*center the content in ie5.5*/
}

/* class & id names : camelCase */

table, img
{
    border: 0;
}

#mainContainer
{
    width: 981px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    text-align: left; /*fix text alignment prob caused by ie5.5 content centering*/
}

#topSection
{
    margin: 0;
    background: url(/fundselect/images/top_section.gif) no-repeat scroll left -135px;
}

#banner
{
    margin: 0 0 0 1px;
    padding: 63px 0 0 0;
    border: 0;
    
    /*important for banner ads...*/    
    width: 980px;
    
    overflow: visible; /* so right shadow of paginator is visible. */
}

#backButton
{
    float: left;
    width: 21px;
    height: 21px;
    background: transparent url(/fundselect/images/buttons.gif) no-repeat scroll -136px top;
    display: block;
    margin: -3px 6px 0 0;
}
#backButton:hover
{
    background-position: -136px -27px;
    cursor: pointer;

}

#expire
{
    height: 35px; 
    line-height: 35px; 
    margin: 0 20px 0 0; 
    text-align: right; 
    color: white; 
    font-size: 10px;
    cursor: pointer;
}

.pageDateLine
{
    height: 35px; 
    line-height: 35px; 
    margin: 0 20px 0 0; 
    text-align: right; 
    color: white;
    font-size: 10px;
}

div.topNav
{
    height: 35px;
    float: left;
    padding: 0 0 0 20px;
}

/*++  breadcrumb ++*/
div.breadcrumbBorder
{
    margin: 1px 0 0 0; 
    border-left: solid 1px #bccfbc; 
    border-right: solid 1px #bccfbc; 
}
div.breadcrumbInner
{
    color: #339734;
    min-height: 19px;   /* create space for empty breadcrumb section in ff. */
    line-height: 19px;  /* create space for empty breadcrumb section in ie. */
    padding: 7px 20px 0 18px;
}
div.breadcrumbInner span, div.breadcrumbInner span a.notClickable
{
    color: #333;
}
div.breadcrumbInner span a:hover
{
    text-decoration: underline;
}
div.breadcrumbIcons
{
    float: right;
    height: 26px;
    padding: 3px 20px 0 0;
}
div.breadcrumbIcons input
{
    height: auto;
}
div.breadcrumbIcons input, div.breadcrumbIcons img
{
    margin: 0 0 0 0;
    cursor: pointer;
}
div.breadcrumbShadow
{
    position: absolute;
    margin-top: -4px;
    background: transparent url(/fundselect/images/top_section.gif) no-repeat scroll left top;
}
div.breadcrumbShadow div
{
    /*Fake padding for ie5.5 */
    margin: 17px 20px 0 612px;
    width: 349px;
    height: 29px;
    font-size: 10px;
    color: #494949;
}

.bannerText
{
    color: #313131;
    font: 18pt Century Gothic;
    padding: 42px 20px 24px;
}

#contentWrapper
{
    width: 100%;
    background: transparent url(/fundselect/images/top_section.gif) no-repeat scroll -982px bottom;
    margin: 20px 0 0 0;
}

.leftColumn
{
    width: 208px;
    background: transparent url(/fundselect/images/tree.gif) no-repeat scroll 207px 6px;
    padding-top: 34px;
}

/*++  contentcolumn ++*/
.contentColumn
{
    padding: 9px 0 0px 20px;
    color: #333;
}
.contentColumn .heading
{
    font:  normal 14px Century Gothic;
    /*text-transform: uppercase; - not supported in ie5.5 */
    display: block;
    margin: 0 0 12px 0;
}
#contentWidth
{
    width: 733px;
    margin-bottom: 160px;
}

#disclaimer
{
    width: 941px;
    color: #333333;
    font: 10px Verdana,Arial,Helvetica,Sans-Serif;
    padding: 20px;
}

/*++  footer ++*/
#footer
{
    clear: left;
    width: 100%;
    text-align: center;
    padding: 0;
    font-size: 9px;
    color: #C0C0C0;
}
#footer p
{
    margin: 9px 0;
    padding: 0;
}
#footer p.links
{
    margin: 0;
    padding: 11px 0 22px 0;
    background: transparent url(/fundselect/images/top_section.gif) no-repeat scroll 0px -46px;
}
#footer a
{
    margin-left: 6px;
    margin-right: 6px;
    color: #339734;
    text-decoration: none;
}
#footer em
{
    font-style: normal;
    color: #339734;
}

#__asptrace
{
    margin-top: 250px;
}

/* end rounded.css */

/* content.css */

div.tooltip-window
{
    position: absolute;
    border: solid 1px black;
    background: #ffffe1;
    padding: 3px;
}

/* class & id names : camelCase */

body, div, td, th
{
    font: 11px verdana, helvetica, sans-serif;
}

a
{
    color: #339734;
    text-decoration: none;
}

h1, h2, h3, h4, h5
{
    border: 0;
    margin: 0;
    padding: 0;
}
h2
{
    color: #999;
    font-size: 18px;
    margin-bottom: 22px;
}
h3
{
    font-weight: bold;
    font-size: 11px;
    color: #FF6500;
}
h5, td.head /* table headings */
{
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: 20px;
    text-decoration: none; /* For h5's within a's. */
    padding-left: 7px;
    border: 1px solid #98a898;
    background-color: #3f7b3f;
}
.noBorderH5
{
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: 20px;
    text-decoration: none; /* For h5's within a's. */    
    background-color: #3f7b3f;
}
.noDecorateHeader
{
	font-size: 11px;
    font-weight: bold; 
    color: #999;
    line-height: 20px;
    text-decoration: none; /* For h5's within a's. */    
}
.subHeading
{
    font-size: 11px;
    color: #000000;
    font-family: verdana;
    font-weight: bold;
    text-align: center;
    margin: 0;
    border-top: 1px solid #98a898;
    border-bottom: 1px solid #98a898;
    background-color: #DBE2DB;
    height: 19px;
    padding-top: 3px;
}
hr
{
    border: solid 0px transparent;
    border-top: solid 1px #cecfce;
    height: 0px;
}

input, select, textarea
{
    padding: 0;
    margin: 0;
    font: 11px verdana, helvetica, sans-serif;
    vertical-align: middle;
}
select
{
    height: 19px;
}
input
{
    height: 19px; /* real height + 4px padding height */
     
    /* hide the next bit from ie5.5*/
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 15px; /* real height */
}
/* let other browsers with the same parsing bug recover */
html > body input
{
    height: 15px; /* real height */
}

/*++ green border around content ++
I'm not sure this is the way to go yet - might be too much effort given the quantity of tables...*/
div.greenBorder, .greenBorder
{
    border: solid 1px #98a898;
    border-top: solid 0 transparent; 
    margin-bottom: 8px;
}
div.greenBorderComplete
{
    border: solid 1px #98a898;
    margin-bottom: 8px;
}
table.greenBorder
{
    border: solid 1px #98a898;
    border-top: solid 0 transparent; 
    margin-bottom: 8px;
}
.green09
{
    background-color: #b4e2a2;
}
.green10
{
    background-color: #d9f1cf;
}
.green11
{
	background-color: #3f7b3f;
}
.grey01
{
    background-color: #f2f2f2;
}
.grey02
{
    background-color: #666666;
}
.grey03
{
    /* seems to be used in conjunction with shim.gif to create borders     
    around content. consider using div.greenBorder instead. */ 
    
    /*background-color: #cccccc;*/ 
    /* 20080729 - Jason Wright - Changed this so that borders become the correct green. */
    background-color: #98a898;
}
.grey04
{
    background-color: #eeeeee;
}
.grey08
{
    background-color: #efefef;
}
/* GN - this is the old grey03.. turns out some of the portfolio still needs it */
.grey09
{
    background-color: #cccccc;
}
.grey10
{
    background-color: #e1e6e0;
}

.white01
{
    background-color: #ffffff;
}


a.link02
{
    color: #006600;
    text-decoration: underline;
}
A.link08
{
    color: #000000;
    text-decoration: underline;
    font: bold;
}

.text09a
{
    font-size: 10px;
    color: #333333;
}
.text10a
{
    font-size: 10px;
    color: #000000;
}
.text11a
{
    font-size: 11px;
    color: #ffffff;
}
.text11b
{
    font-size: 11px;
    color: #000000;
}
.text11bU
{
    font-size: 11px;
    color: #000000;
    text-transform: uppercase;
}

.textbox01
{
    font-size: 11px;
    color: #000000;
}

.error
{
}

.error-summary
{
    margin-bottom: 16px;
}

.errorMessage
{
    font-size: 11px;
    color: red;
}

/*++  css button  ++*/
/* fake oval button */
a.button
{
    border: 0;
    cursor: pointer;
    font: bold 10px verdana, helvetica, sans-serif;
    padding: 0 15px 0 0;
    display: inline-block;
    text-decoration: none;
    /*background: transparent url(/fundselect/images/buttons/green-rt.gif) no-repeat scroll right top;*/
    background: transparent url(/fundselect/images/buttons.gif) no-repeat scroll right -54px;    
}
a.button div
{
    text-align: center;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    padding: 0 0 1px 15px;
    height: 16px;
    line-height: 16px;
    /*background: transparent url(/fundselect/images/buttons/green-lt.gif) no-repeat scroll left top;*/
    background: transparent url(/fundselect/images/buttons.gif) no-repeat scroll -158px top;
    color: #fff;
}
a.button:hover
{
    background-position: right bottom;
}
a.button:hover div
{
    background-position: left bottom;
    color: #31810a;
}

/* Step nav for transactions */
.stepNav
{
    color: #9C9A9C;
    display: block;
    font-size: 11px;
    text-align: right;
    margin-bottom: 8px;
}
div.stepNav strong, div.stepNav span.selected
{
    color: #FF6500;
    font-weight: bold;
}
div.stepNav a
{
    color: #9C9A9C;
    font-weight: normal;
}

/* Styles for process library */
.reqContainer
{
    border-right: #98a898 1px solid;
    border-left: #98a898 1px solid;
    border-top-style: none;
    border-bottom: #98a898 1px solid;
    background-color: #efefef;
    font-size: 11px;
    color: #000000;
}

.reqProduct
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    border-top-style: none;
    padding-top: 4px;
    border-bottom: white 1px solid;
    border-right-style: none;
    border-left-style: none;
}

.reqProductDetail
{
    display: none;
    margin-left: 22px;
}

.reqProcess
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.reqProcessDetail
{
    display: none;
    margin-left: 22px;
}

.reqProductDetail
{
    display: none;
    margin-left: 22px;
}

/* Client specific process library */
div#divProcessByProcessCategoryTree
{
    background-color: #efefef;
    font-size: 11px;
    color: #000000;
    padding-bottom: 1px;
}

.orangetext
{
    color: #FF6500;
    background-color: #ffffff;
}
.orangeText
{
    color: #FF6500;
}

div#divProcessByProcessCategoryTree div.processCategory
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    border-top-style: none;
    padding-top: 4px;
    border-bottom: white 1px solid;
    border-right-style: none;
    border-left-style: none;
}
div#divProcessByProcessCategoryTree div.processCategory div.processCategoryDetail
{
    display: none;
    margin-left: 22px;
}
div#divProcessByProcessCategoryTree div.processCategory div.processCategoryDetail div.process
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

/* Process details */
TR.detailRow
{
    padding-bottom: 4px;
    padding-top: 4px; 
    height: 19px;
    background-color: #efefef;
}
.paddedCell
{
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 9px;
    padding-right: 9px;
}
.greyLHS
{
    border-left: #cccccc 1px solid;
}
.greyRHS
{
    border-right: #cccccc 1px solid;
}
.greyBottom
{
    border-bottom: #cccccc 1px solid;
}
.greyTop
{
    border-top: #cccccc 1px solid;
}

/* Client library - pick contract */
/*++ Contract list ++*/
div#divContractTree
{
    background-color: #efefef;
    font-size: 11px;
    color: #000000;
}
div#divContractTree div.clientName
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    border-top-style: none;
    padding-top: 4px;
    border-right-style: none;
    border-left-style: none;
}
div#divContractTree div.productList
{
    display: block;
    margin-left: 22px;
}
div#divContractTree div.product div.clientName
{
    padding-right: 4px;
    padding-left: 4px;
    border-top-style: none;
    padding-top: 4px;
    border-right-style: none;
    border-left-style: none;
}
div#divContractTree div.product div.productDetail, #divContractTree div.product div.productDetail div.contract div.contractDetail
{
    display: block;
    margin-left: 22px;
}
#divContractTree div.product div.productDetail div.contract, #divContractTree div.product div.productDetail div.contract div.benefit
{
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
}

.orangeArrow
{
    display: inline;
    margin-bottom: 4px;
    margin-right: 4px;
}


/* Left and right align on a single line */
div.alignboth
{
    position: relative;
    text-align: center;
    width: 100%;
}
span.spanleft
{
    position: absolute;
    left: 0px;
}
span.spanright
{
    position: absolute;
    right: 0px;
}

.splurb
{
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    line-height: 1.5;
    padding-top: 8px;
    border-bottom: white 1px solid;
    background-color: #f4f4f4;
}
/* 20080919 CA added for table header excluding lightgreen/grey border */
td.greenHead /* table headings */
{
	font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: 20px;
    text-decoration: none; /* For h5's within a's. */
    padding-left: 7px;
    /*border: 1px solid #98a898;*/
    background-color: #3f7b3f;
}
.noFillsubHeading
{
    font-size: 11px;
    color: #000000;
    font-family: verdana;
    font-weight: bold;
    /*text-align: center;*/
    margin: 0;
    border-top: 1px solid #98a898;
    border-bottom: 1px solid #98a898;
    /*background-color: #DBE2DB;*/
    height: 19px;
    padding-top: 3px;
}

.noprint
{
    /* do nothing - redefined in print.css */
}

.printonly
{
    display: none;
}

.productBoldsubHead
{
	font-weight:bold;
	background-color: #DBE2DB;
}
.productBoldLeftPaddingSubHead
{
	font-weight:bold;
	background-color: #DBE2DB;
	padding-left:9px;
	border-top:solid 1px #98a898;
	border-bottom:solid 1px #98a898;	
}
.productLeftPaddingSubHead
{	
	background-color: #DBE2DB;
	padding-left:9px;
	border-top:solid 1px #98a898;
	border-bottom:solid 1px #98a898;	
}
.grey03LeftBorder
{	
	border-left:solid 1px #98a898;		
	background-color: #efefef;
}
.noFillLeftBorder
{	
	border-left:solid 1px #98a898;			
}
.noFillRightBorder
{	
	border-right:solid 1px #98a898;			
}
.grey03LeftRightBorder
{	
	border-left:solid 1px #98a898;
	border-right:solid 1px #98a898;	
}

.grey03AllBorder
{	
	border-left:solid 1px #98a898;		
	border-right:solid 1px #98a898;
	border-top:solid 1px #98a898;		
	border-bottom:solid 1px #98a898;		
}

.grey03TopBottomBorder
{		
	border-top:solid 1px #98a898;		
	border-bottom:solid 1px #98a898;			
}
.grey03TopBorder
{		
	border-top:solid 1px #98a898;			
}
.grey03LeftBottomRightBorder
{	
	border-left:solid 1px #98a898;		
	border-right:solid 1px #98a898;	
	border-bottom:solid 1px #98a898;				
}
.grey03BottomBorder
{	
	border-bottom:solid 1px #98a898;				
}

.readOnlyField 
{
	BACKGROUND-COLOR: #e0e0e0;
}
.white01RightBottomBorder
{
	border-right:solid 1px white;
	border-bottom:solid 1px white;
}
.white01BottomBorder
{	
	border-bottom:solid 1px white;
}
.white01RightBorder
{
	border-right:solid 1px white;	
}

ul.myseries
{
    text-align: left; 
    margin-top: 0;
    padding-top: 0; 
    list-style-type: none;
    list-style-position: outside;
    margin-left: 15px;
    list-style-image: url(/fundselect/shared/images/bullet.gif);
}

/* tables inside a .greenBorder */
table.form
{
    width: 100%;
    border-collapse: collapse;
    border: 0;
    padding: 0;
    margin: 0;
}
table.form td, table.form th
{
    border: solid 1px #98a898;
    padding: 2px 4px;
}
table.form .t td, table.form .t th
{
    border-top: 0;
}
table.form .l
{
    padding-left: 8px;
    border-left: 0;
}
table.form .b td, table.form .b th
{
    border-bottom: 0;
}
table.form .r
{
    padding-right: 8px;
    border-right: 0;
}


div.quote-list
{
    border: solid 1px #98a898;
    border-top: 0;
    padding: 8px;
}
table.quote-list
{
    border: solid 1px #98a898;
    border-top: 0;
    background: #efefef;
    width: 100%;
}
table.quote-list td
{
    padding: 2px 4px;
    margin: 0;
    border: 0;
}
.quote-list .date td
{
    padding-top: 8px;
    padding-bottom: 8px;
}
table.quote-list .t
{
    padding-top: 16px;
}
table.quote-list .r
{
    padding-right: 16px;
}
table.quote-list .b
{
    padding-bottom: 16px;
}
table.quote-list .l
{
    padding-left: 16px;
}
.quote-list .date strong
{
    font-weight: bold;
    margin-right: 16px;
}
.quote-list .document
{
}
.quote-list .document .name
{
    margin-left: 28px;
    padding-left: 11px;
    background: url(/fundselect/images/icon_stack.gif) no-repeat scroll -13px -9px;
}
.quote-list a
{
    text-decoration: underline;
}


table.buttons
{
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;    
}

table.section
{
    width: 100%;
    border: solid 1px #98a898;
    border-top: 0;
    margin-bottom: 16px;
}
table.section td, table.section th
{
    padding: 2px 4px;
}
table.section th
{
    text-align: left;
    font-weight: bold;
}
table.section th strong
{
    font-size: larger;
}
table.section .t td, table.section .t th
{
    padding-top: 8px;
}
table.section td.r, table.section th.r
{
    padding-right: 8px;
}
table.section .b td, table.section .b th
{
    padding-bottom: 8px;
}
table.section td.l, table.section th.l
{
    padding-left: 8px;
}

.modeller .hasSecondLife label, .modeller .useDefaults label, .modeller .payCommission label
{
    margin: 0 12px 0 4px;
}

.modeller .note
{
    text-align: center;
}

.disabled
{
    background: #efefef;
}


/* end content.css */

/* ddtreemenu.css */

.treeview
{
    /***********************************************
    * Simple Tree Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    *
    * very slightly modified...
    ***********************************************/

    /*Styling for myClient */
    font: 11px verdana;
    color: #0a760c;
    width: 193px;
    
    margin: 0;
    padding: 0;
    border: 0;
}
.treeview ul
{
    /*CSS for Simple Tree Menu */
    margin: 0;
    padding: 0;
}
.treeview li
{
    /*Style for LI elements in general (excludes an LI that contains sub lists) */
    background: transparent url(/fundselect/images/tree.gif) no-repeat -2px bottom;
    list-style-type: none;
    padding: 4px 0 0 21px;
    margin: 0 0 1px 0;
}
.treeview li a
{
    background: transparent url(/fundselect/images/tree.gif) no-repeat -388px -46px;
    display: block;
    padding: 0 0 6px 17px;
    margin: 0;
    cursor: hand !important;
    cursor: pointer !important;

    font: 11px verdana;
    color: #0a760c;
    text-decoration: none;
}
.treeview .submenu
{
    /*Style for LI that contains sub lists (other ULs). */
    background: transparent url(/fundselect/images/tree.gif) no-repeat -2px bottom;
    margin: 0 0 1px 0;
    cursor: hand !important;
    cursor: pointer !important;
}
.treeview .submenu a
{
    /*Style for LI that contains sub lists (other ULs). */
    background: transparent url(/fundselect/images/tree.gif) no-repeat -2px -46px;
}
.treeview .expanded
{
    /*Style for expanded LI that contains sub lists (other ULs). */
    background: transparent url(/fundselect/images/tree.gif) no-repeat right -125px;
}
.treeview .expanded a
{
    /*Style for expanded LI that contains sub lists (other ULs). */
    background: transparent url(/fundselect/images/tree.gif) no-repeat -195px -46px;
    font-weight: bold;
}
.treeview .submenu ul
{
    /*Style for ULs that are children of LIs (submenu) */
    display: none; /*Hide them by default. Don't delete. */
    background: transparent url(/fundselect/images/tree.gif) no-repeat -199px bottom;
    /*Shift the background to the left edge of the containing UL. */
    padding: 0 0 0 21px;
    margin: 0 0 0 -21px;
}
.treeview .submenu ul li
{
    /*Style for LIs of ULs that are children of LIs (submenu) */
    cursor: default;
    background: transparent;
    padding: 5px 0 0 9px;
    margin: 0;
}
.treeview .submenu ul li a
{
    /*Style for LIs of ULs that are children of LIs (submenu) */
    background: transparent url(/fundselect/images/tree.gif) no-repeat -581px -46px;
    font-weight: normal; /*Cancel bold */
}
ul.treeview li.selected, ul.treeview li.selected a
{
    font-weight: bold;
}


/* end ddtreemenu.css */

/* oval.css */

.oval, .oval_ovr, .oval_off
{
    background: 0;
    margin: 0;
    padding: 0;
    border: 0;
    
    cursor: pointer;
    text-align: center;
    
    font: bold 10px verdana, arial, helvetica, sans-serif;
}
/* both spans */ 
.oval span, .oval_ovr span, .oval_off span 
{
    position: relative;
    display: block;

    white-space: nowrap;
}
/* outer wrapper */ 
.oval span.ow, .oval_ovr span.ow, .oval_off span.ow 
{
    padding: 0 8px 0 0;
    color: #fff;
}
.oval_off span.ow
{
    color: #c0c0c0;
}
.oval span.ow, .oval_off span.ow 
{
    background: transparent url(/fundselect/images/buttons.gif) no-repeat scroll right -54px;
}
.oval:hover span.ow, .oval_ovr span.ow
{
    background-position: right -81px;
}
/* inner wrapper */ 
.oval span.ow span.iw, .oval_ovr span.ow span.iw, .oval_off span.ow span.iw
{
    padding: 0 0 5px 8px;
    
    height: 19px;
    line-height: 19px;
    cursor: pointer;
}
.oval span.ow span.iw, .oval_off span.ow span.iw 
{
    background: transparent url(/fundselect/images/buttons.gif) no-repeat scroll -158px top;
}
.oval:hover span.ow span.iw, .oval_ovr span.ow span.iw
{
    background-position: -158px -27px;
    color: #339933;
}
/*
CREDITS: http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/
styles for rounded button. subsequently much adjusted...
*/


/* end oval.css */