@import url("../../affluentfp/css/style_generic.css");


/* ------------------------| page elements |------------------------ */
/** { 
    text-align: left; 
    font-family: arial, tahoma, verdana, sans-serif;    
    margin: 0;
    padding: 0;
    font-style: normal;
}

body {
    font-size: 1em;
    color: #fff;
    line-height: 1.5em;    
}

p, address	            { margin-bottom: 10px; font-size:0.75em; line-height:1.5em;  }

h1, h2, h3, h4, h5, h6  { color:#666666;}

h1                      { font-size: 1.4em; line-height:1.3em; padding-bottom:10px; color:#003399; font-weight:normal; }
h2                      { font-size: 105%; }
h3                      { font-size:0.8em; line-height:1em; padding-bottom:5px; color:#666666 }
h4                      { font-size:0.9em; padding-bottom:10px; }
h5                      { font-size:0.8em; }
h6                      {  }

a                       { color:#7088be; text-decoration:none; line-height:inherit; }
a img, img              { border:0; }
a:hover                 { color:#003399; }

a.pdf                   { background: url(/images/page_white_acrobat.gif) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
a.word                  { background: url(/images/page_white_word.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
a.excel                 { background: url(/images/page_white_excel.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }

blockquote              { font-style: italic; margin: 0 0 0 20px;}

div.hr                  { border-top: 1px solid #003399; height: 1px; width: 97%; margin: 15px 0 15px 10px;}

ul                      {   }
li                      { list-style: none;}
ol                      {  }

img.left                { float: left; margin:5px; }
img.right               { float: right; margin:5px; }

/* ------------------------| colour attributes |------------------------ */
/*.grey                   { color: #666666; }
.lgrey                  { color: #999999; }
.dgrey                  { color: #333333; }
.lgreen                 { color: #99ff99; }
.llgreen                { color: #8fd641; }
.green                  { color: #67ad00; }
.lblue                  { color: #93aec6; }
.dblue                  { color: #2e476d; }
.black                  { color: #000000; }
.lred                   { color: #ffa8a8; }
.red                    { color: #ff0000; }
.blue                   { color: #2181be; }
.white                  { color: #ffffff; }
.orange                 { color: #ff6601; }

/* ------------------------| font styles |------------------------ */
/*.underlined             {text-decoration: underline;}
.bold                   { font-weight: bold; }
.italic                 { font-style: italic; }

.clear                  { clear: both; }
.float-left             { float: left; }
.float-right            { float: right; }

/* ------------------------| border styles |------------------------ */
/*.border                 { border: 1px solid #000; }
    .border-top         { border-top: 1px solid #000; }
    .border-right       { border-right: 1px solid #000; }
    .border-bottom      { border-bottom: 1px solid #000; }
    .border-left        { border-left: 1px solid #000; }

/* ------------------------| table elements |------------------------ */
/*table                   {  }
thead                   {  }
tbody                   {  }
td                      { vertical-align: top; }

/* ------------------------| input fields |------------------------ */
/*form                    { padding:0px; margin:0px; }
input                   { border: 1px solid #000; padding: 2px; }
textarea                { border: 1px solid #000; }

select optgroup         { font-weight: bold; font-style:normal; color:#000; background:#e5e5e5; }
select optgroup option  { font-weight: normal; background: #fff; }
select option           { font-weight: normal; background: #fff; }

.required               { color: #ff0000; font-weight: bold; font-size: 12px; }

/*-------------------------| admin edit |------------------------ */
/*#admin {
    color: #fff;
    background: #999;
    border-bottom: 1px solid #000;
    height: 19px;
    padding: 2px 0 2px 20px;
}
    #admin a { color: #fff; }
    #admin a.editPage { background: url(/images/application_edit.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }
    #admin a.editTicker { background: url(/images/newspaper_add.png) no-repeat; padding: 2px 0 2px 20px; margin: 1px; }

/* ------------------------| containers |------------------------ */
/*#outer {
    background: #fff url(/images/bg.jpg) repeat-x;
    background-position: 0 -1px;
}

#inner {
    background: url(/images/grad_outer_both.gif) repeat-y 0 -2px ;
    width: 865px;
    margin: 0px auto;
}

#mainContainer {
    position: relative;
    width: 845px;
    margin: 0px auto;
    background: #fff;
}
    
/* ------------------------| header |------------------------ */
    #header 
    {
    background: #003399 url(/images/header02.jpg) no-repeat;
    height: 100px;
    width: 845px;
    }

    a.logo
    {
    display:block;
    height: 70px;
    width:300px;
    background:url(../images/logo_header.gif) no-repeat;
    float:left;
    margin:20px 0 0 40px;
    }
    
    /* afp index bg */
    
    #index_bg 
    {
    background: #fff url(../images/bg_content.jpg) no-repeat;
    height: 168px;
    padding-bottom: 2px;
    z-index: 1;
    }       

    #index_bg .disclosure
    {
    position:relative;
    top:105px;
    left:30px;
    font-family: Helvetica 25 Light;
    font-weight: 500;
    font-style: italic;
    font-size: 80%;
    }
     
    #page_bg 
    {
    background: #fff url(../images/bg_contentPage.jpg) no-repeat;
    height: 120px;
    padding-bottom: 2px;
    z-index: 1;
    } 
    
    #index_bg h4, #page_bg h4{
    color: #FFFFFF;
    font-family: Helvetica 25 Light;
    font-weight: 500;
    position: relative;
    left: 30px;
    font-style: italic;
    font-size: 125%;
    }

    #index_bg h4 {
    top: 135px !important;
    }   
    
    #page_bg h4
    {
    top: 90px !important;
    }   
    

/* ------------------------| menu |------------------------ */
/*#dd_navigation {
    height: 36px;
    background: #fff url(../images/navigation_off.gif) repeat-x;
    padding-bottom: 2px;
    color: #fff;
}  
    .sub span {
	    background: url(../images/navigation_arrow.gif) no-repeat center left;
	    padding: 0 0 0 20px;
	    margin-left: -20px;
	    
    }
    .active span {
	    background: url(../images/navigation_arrow.gif) no-repeat left center;
	    padding: 0 0 0 15px;
	    margin-left: -20px;
	    color: #fff;
    }

/* ------------------------| content |------------------------ */
/*#float_left {
    width: 207px;        
    background: #fff;
    float: left;
}
  #leftNavigation {padding-right: 1px; font-weight: bold; font-size:0.6em; min-height:100%;
    height:100%;}
#leftNavigation span {padding-left: 30px; display:block;}
#leftNavigation a span {background: url(/images/navigation_arrow.gif) no-repeat 10px center;}

#leftNavigation a{
	text-decoration:none;
	display:block;
	border-bottom:#fff 1px solid;
	line-height:22px;
	background: #7088be;
	color: #FFFFFF;
	}   
#leftNavigation a:hover { background: #003399; }
#leftNavigation .left_sub { background: #a9badc url(/images/navigation_circle.gif) no-repeat 20px center; font-size:1em; }
        
        #transact {
            padding: 14px 0 0 25px;
            background: #fff url(/images/dotted_line.gif) no-repeat 205px top;
            min-height: 264px;
        }

#float_right{
    float: right;
    width: 638px;
    background: #fff;
	}
    /* main index content title area */
 /*   #welcome_afp_index {
        background: #002f8f url(../images/bg_content_bottom.jpg) no-repeat top right;
        width: 638px;
        height: 35px;
        font-size: 150%;
        font-weight: bold;
        padding: 20px 0 0 0px;
        text-indent: 20px;
        text-transform: capitalize;
    }
    /* same as above just applies different bg styling */
 /*   #welcome_afp_page {
        background: #002f8f url(../images/bg_content_bottomPage.jpg) no-repeat top right;
        width: 638px;
        height: 35px;
        font-size: 150%;
        font-weight: bold;
        padding: 20px 0 0 0px;
        text-indent: 20px;
        text-transform: capitalize;
    }
    #welcome_grey {
        width: 638px;
        height: 23px;
        background: #ccc;
    }
    #bodyHomepage{
	float: left;
	width: 425px;
	padding: 10px 10px 10px 20px;
	color: #000;
	height:100%;
	}
	/*
	IE.6 doesnt support min-height : this stops footer from jumping, 
	xsl makes this div only available to IE.6
	*/


  /* #bodyHomepage p a, #bodyContent p a
    {
    font-size: 1em;
    }

    #bodyHomepage  a, #bodyContent  a
    {
    font-size: 0.8em;
    }
	

    #spacer_div {
        height: 320px;
        width: 1px;
        float: right;
    }
        #bodyContent {
            float: left;
            width: 619px;
            padding: 10px;
            color: #000;
            min-height: 300px;
        }
        #bodyContent a {
            font-size: 100%;
        }
    #profile_container {
        float: right;
        width: 178px;
        margin: 17px 3px 14px 0;
        font-style: italic;
        font-weight: 700;
    }
 #profile_image{
	padding: 0px;
	/*background: #a9badc url(/images/profile_image_01.jpg) no-repeat;*/
	height:200px;
	width:178px;
	font-size:0.8em;
	margin:0 30px 10px 0;
	}
 /*       #profile_image h2:first-line {
            font-style: normal;
        }
        #profile_image h2 {
            color: #000;
            font-style: italic;
            padding-bottom: 2px;
            line-height: 20px;
            top: -3px;
            position: relative;
            padding-left: 5px;
        }
    #sitemapContent h2 {
        padding-left: 10px
    }
    #sitemapContent li {
        margin-left: 20px;
    }

/* ------------------------| page dividers |------------------------ */
/*#divider {
    clear: both;
    width: 845px;
    margin: 0 auto;
    background: #fff;
}
#divider_left {
    float: left;
    background: #fff url(/images/grad_footer_left.jpg) no-repeat left top;
    width: 207px;
    height: 41px;
}
#divider_right {
    float: left;
    background: #fff url(/images/grad_footer_right.gif) no-repeat left top;
    width: 638px;
    height: 41px;
}

/* ------------------------| footer |------------------------ */
/** #footer{font-size: 0.65em; line-height:1.3em;}

#footer{
	width: 845px;
	margin: 0 auto 90px;
	background: #fff;
	height:30px;
  
    }

#footer a{font-size:inherit;}
.copyright {
float: left;
color: #333;
}
.sbSite {
float: right;
color: #7088be;
}
.sbSite:hover {
color: #003399;
}

/* ------------------------| border grads |------------------------ */
/*#grad_top {
    width: 865px;
    height: 10px;
    background: url(/images/grad_top.gif) repeat-x;
    clear: both;
    margin:1px auto 0;
}
#grad_bottom {
    width: 865px;
    height: 10px;
    background: url(/images/grad_bottom.gif) repeat-x;
    clear: both;
    margin:0 auto;
}      
        
        /* top */
    /*    .grad_top_left { float: left; }
        .grad_top_right { float: right; }
        
        /* bottom */
    /*     .grad_bottom_left { float: left; }        
    .grad_bottom_right { float: right; }
        
        
            #search_div
    {
   /* float:right;
    margin:0 43px 0 0px;   
    }
    
      #search_text
    {
    float:left;
    font-weight:bold;
    font-size:1em;
    text-align:right;
    padding:2px 0 0 5px;	    
    }
    
     #jumpmenu_sitemap .main
    {
    background-color:#7088be;
    color:#fff;
    }

    #jumpmenu_sitemap{
    border:#FFFFFF solid 1px;
    width: 150px; 
    font-size:70%;
    margin:0 0 0 0px;
    }
    
     #assoc_companies
    {
    margin:0 ;
    padding:0 0 0 40px;
    }

    #assoc_companies p
    {
    font-size:.8em;
    font-weight:bold;
    color:#003399;
    margin:0;
    }

    #assoc_companies ul
    {
    margin:0 0 10px 0;
    }

    #assoc_companies ul li
    {
    line-height:100%;
    background:url(/images/bulletBlue.gif) 10px 8px no-repeat;
    padding:0 0 0 17px;
    }

    #assoc_companies ul li a
    {
    font-size:.7em;
    font-weight:normal;
    }
    
    divider2 
{
    clear: both;
    width: 700px; 
    background: #fff;
    height:90px;
    margin:5px 10px 5px 100px;
}

#divider2 a
{
    margin:0 10px 0px 10px;
}
*/

     #reg_details
    {
    clear: both;
    width: 845px;
    margin: 0 auto;
    height:40px;
    }

    #reg_details p
    {
    color:#000;
    margin:0 0 0 230px;
    }