/* ### Styles provided by Web Dynamics (** required **) : Web Dynamics - Root Styles ### */

html body { 
}
table { 
}
table th {
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	text-decoration: none;
	background: transparent;
}


/* custom styles */
.label {
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}	
.clearit {
	clear: both;
	height: 1px;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}
.head-room {
	margin: 7px 0;
}
.elbow-room {
	margin: 0 7px;
}
.component-options {
	padding: 3px;
	margin: 3px;
}


/* paragraphs */
.paragraph {
	text-align: left;
}
.paragraph .title {
}
.paragraph .subtitle {
}
.paragraph .text {
}

/* sticky notes */
div#sticky {
	display: inline;
}
div#sticky a {
	border: none;
	text-decoration: none;
	position: relative; 
}
div#sticky a span {
	display: none;
	text-decoration: none;
}
div#sticky a:hover {
	text-indent: 0;
}	
div#sticky a:hover span {
	display: block;
	position: absolute; 
	top: 0px;	
	left: 20px;
	width: 450px;
	padding: 3px; 
	margin: 3px; 
	z-index: 100; 
	color: black; 
	background: #ffff9c;
	font: 10px Verdana, sans-serif, Arial; 
	text-decoration: none;
	border: 1px #000 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}

/* help */
.wd-help {
	color: black;
	background-color: #ffff9c;
	border: 1px solid #999999;
	margin: 3px;
	padding: 3px;
}

/* alert */
.wd-alert {
	color: white;
	background-color: red;
	border: 1px solid #999999;
	margin: 3px;
	padding: 3px;
}

/* error */
.wd-error {
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: red;
	border: 1px solid #999999;
	margin: 3px;
	padding: 3px;
}
/* tables */
table.list {
	display: table;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}
table.list tr { 
	display: table-row;
}
table.list thead { 
	font-weight: bold;
}
table.list thead a:link { 
}
table.list thead a:hover { 
}
table.list thead a:visited { 
}
table.list thead a:active { 
}
table.list th { 
	display: table-cell;
	border: 1px #999999 solid;
	padding-left: 8px;
	padding-right: 8px; 
}
table.list .icon {
	width: 16px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}	
table.list tbody { 
	font-weight: normal;
}		
table.list td { 
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px gray dotted;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px; 
}	
table.list tfoot { 
	border: 1px #999999 solid;
	font-weight: bold;
	text-align: center;
}	
table.list tfoot td { 
	border-style: none;
}	


table.embedded-list {
	display: table;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}
table.embedded-list tr { 
	display: table-row;
}
table.embedded-list thead { 
	font-weight: bold;
	text-align: left;
}
table.embedded-list th { 
	display: table-cell;
	border: 1px #999999 solid;
	padding-left: 8px;
	padding-right: 8px; 
}
table.embedded-list .icon {
	width: 16px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}	
table.embedded-list tbody { 
	font-weight: normal;
}		
table.embedded-list td { 
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px gray dotted;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px; 
}		
table.embedded-list tfoot { 
	border: 1px #999999 solid;
	font-weight: bold;
	text-align: center;
}	



table.form {
	display: table;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}
table.form thead { 
	text-align: left;
	font-weight: bold;
}
table.form thead a:link { 
}
table.form thead a:hover { 
}
table.form thead a:visited { 
}
table.form thead a:active { 
}
table.form tr { 
	display: table-row;
}
table.form th { 
	display: table-cell;
	border: 1px #999999 solid;
	padding-left: 8px;
	padding-right: 8px; 
}
table.form tbody { 
	font-weight: normal;
}		
table.form td { 
	display: table-cell;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px; 
}		
table.form tfoot { 
	border: 1px #999999 solid;
	font-weight: bold;
	text-align: center;
}	


table.embedded-form {
	display: table;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}
table.embedded-form tr { 
	display: table-row;
}
table.embedded-form thead { 
	font-weight: bold;
	text-align: left;
}
table.embedded-form th { 
	display: table-cell;
	border: 1px #999999 solid;
	padding-left: 8px;
	padding-right: 8px; 
}
table.embedded-form tbody { 
	font-weight: normal;
}		
table.embedded-form td { 
	display: table-cell;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px; 
}		
table.embedded-form tfoot { 
	border: 1px #999999 solid;
	font-weight: bold;
	text-align: center;
}	


table.invisible {
	display: table;
}
table.invisible tr { 
	display: table-row;
}
table.invisible thead { 
}
table.invisible th { 
	display: table-cell;
}
table.invisible tbody { 
}		
table.invisible td { 
	display: table-cell;
	vertical-align: top;
	border-bottom: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
}		
table.invisible tfoot { 
	border: 1px #999999 solid;
	font-weight: bold;
	text-align: center;
}

/* ### Styles provided by CSS Menus : CSS Menus - Horizontal Menus ### */

#hmenu {
	float: left;
	z-index: 1000;
}
	
#hmenu a, #hmenu .root {
	display: block;
	white-space: nowrap;
	margin: 0;
}
	
#hmenu .root {
	text-transform: uppercase;
	white-space: nowrap;
}
	
#hmenu a {
	text-decoration: none;
}
	
#hmenu a, #hmenu a:visited {
}
	
#hmenu a:hover {
}
	
#hmenu a:active {
}
	
#hmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
	
#hmenu li {
	position: relative;

}
	
#hmenu ul ul {
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
	width: 175px;
}
	
#hmenu ul ul ul {
	top: 0px;
	left: 100%;
}
	
/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */
	
div#hmenu .root:hover {
}
	
div#hmenu li:hover{
	cursor: pointer;
	z-index: 100;
}
	
div#hmenu li:hover ul ul,
div#hmenu li li:hover ul ul,
div#hmenu li li li:hover ul ul,
div#hmenu li li li li:hover ul ul
{display: none;}
	
div#hmenu li:hover ul,
div#hmenu li li:hover ul,
div#hmenu li li li:hover ul,
div#hmenu li li li li:hover ul
{display: block;}
	
/* End of non-anchor hover selectors */

/* Styling for Expand */
	
#hmenu a.x, #hmenu a.x:visited{ 
}
	
#hmenu a.x:hover {
}
	
#hmenu a.x:active {
}

/* ### Styles provided by CSS Menus : CSS Menus - Vertical Menus ### */

#vmenu {
	top: 0.5em;
	left: 0.5em;
	z-index: 1000;
	width: 100%;
}
	
#vmenu a, #vmenu .root {
	display: block;
}
	
#vmenu .root {
	text-transform:uppercase
}
	
#vmenu a {
	text-decoration:none;
}
	
#vmenu a, #vmenu a:visited {
}
	
#vmenu a:hover {
}
	
#vmenu a:active {
}
	
#vmenu ul {
	list-style:none;
	margin: 0;
	padding: 0;
	width: 100%;
}
	
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#vmenu li, div#vmenu li:hover {
	position: relative;
	cursor: pointer;
}

div#vmenu li ul {
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}

	
div#vmenu ul ul,
div#vmenu ul ul ul,
div#vmenu ul li:hover ul ul,
div#vmenu ul li:hover ul ul ul
{display: none;}

div#vmenu ul li:hover ul,
div#vmenu ul ul li:hover ul,
div#vmenu ul ul ul li:hover ul
{display: block;}

	
/* End of non-anchor hover selectors */

/* Styling for Expand */
	
#vmenu a.x, #vmenu a.x:visited {
}
	
#vmenu a.x:hover{
}
	
#vmenu a.x:active{
}

/* ### Styles provided by Charleton Financial : Admin Menus ### */

#primary-menu {
	position: absolute;
	width: 200px;
	top: 20px;
	left: 20px;
}

#vmenu {
	font: bold 12px/20px arial,helvetica,sans-serif;
}

#vmenu a, #vmenu .root {
	white-space: nowrap;
	margin:0;
}
	
#vmenu a, #vmenu a:visited {
	color: white;
	background-color: #cc9900;
	border: 1px solid #003876;
	padding: 1px 5px;
}
	
#vmenu a:hover {
	color: white;
	background-color: #003876;
}

#vmenu .root a {
	color: #fff;
	background-color: #cc9900;
	text-transform: uppercase;
	border: 0;
	border-bottom: 1px solid #003876;
}

#vmenu .root a:hover {
	background-color: #003876;
}

div#vmenu .root:hover {
	background: #003876;
}

div#vmenu li, div#vmenu li:hover {
	background: #003876;
}
	
#vmenu a.x, #vmenu a.x:visited {
	background:url(/common/images/menus/dark_east.gif) no-repeat right;
	color: white;
	background-color: #cc9900;
	border: 1px solid #003876;
}
	
#vmenu a.x:hover{
	color: white;
	background-color: #003876;
}

/* ### Styles provided by Charleton Financial : Front Splash ### */

.main-1 {
	background:transparent url(/images/main1.jpg) no-repeat scroll 0 0;
}
.main-2 {
	background:transparent url(/images/main2.jpg) no-repeat scroll 0 0;
}
.main-3 {
	background:transparent url(/images/main3.jpg) no-repeat scroll 0 0;
}
.main-4 {
	background:transparent url(/images/main4.jpg) no-repeat scroll 0 0;
}
.main-5 {
	background:transparent url(/images/main5.jpg) no-repeat scroll 0 0;
}
.main-6 {
	background:transparent url(/images/main6.jpg) no-repeat scroll 0 0;
}
.main-7 {
	background:transparent url(/images/main7.jpg) no-repeat scroll 0 0;
}
.main-8 {
	background:transparent url(/images/main8.jpg) no-repeat scroll 0 0;
}
.main-9 {
	background:transparent url(/images/main9.jpg) no-repeat scroll 0 0;
}
.main-10 {
	background:transparent url(/images/main10.jpg) no-repeat scroll 0 0;
}

/* ### Styles provided by Charleton Financial : Page Images ### */

#content-image {
	width: 559px;
}

.hd-bruce-charleton {
	background-image: url(/images/hd-bruce-charleton.jpg);
}
.hd-client-service-managers {
	background-image: url(/images/hd-client-service-managers.jpg);
}
.hd-contact-us {
	background-image: url(/images/hd-contact-us.jpg);
}
.hd-events {
	background-image: url(/images/hd-events.jpg);
}
.hd-following-your-dreams {
	background-image: url(/images/hd-following-your-dreams.jpg);
}
.hd-investments {
	background-image: url(/images/hd-investments.jpg);
}
.hd-keeping-up {
	background-image: url(/images/hd-keeping-up.jpg);
}
.hd-library {
	background-image: url(/images/hd-library.jpg);
}
.hd-life-insurance {
	background-image: url(/images/hd-life-insurance.jpg);
}
.hd-long-term-care {
	background-image: url(/images/hd-long-term-care.jpg);
}
.hd-looking-after-your-family {
	background-image: url(/images/hd-looking-after-your-family.jpg);
}
.hd-michael-charleton {
	background-image: url(/images/hd-michael-charleton.jpg);
}
.hd-news {
	background-image: url(/images/hd-news.jpg);
}
.hd-planning-your-retirement {
	background-image: url(/images/hd-planning-your-retirement.jpg);
}
.hd-simplifying-your-financial-life {
	background-image: url(/images/hd-simplifying-your-financial-life.jpg);
}
.hd-the-power-of-lincoln {
	background-image: url(/images/hd-the-power-of-lincoln.jpg);
}
.hd-your-plan {
	background-image: url(/images/hd-your-plan.jpg);
}
.hd-your-portfolio {
	background-image: url(/images/hd-your-portfolio.jpg);
}
.hd-your-situation {
	background-image: url(/images/hd-your-situation.jpg);
}
.hd-your-team {
	background-image: url(/images/hd-your-team-big.jpg);
}
#content-image.hd-your-team {
	height: 374px;
}

/* ### Styles provided by Charleton Financial : Default Style Overrides ### */

/* fix goofy ie hasLayout non-standard stuff */
#front-content-body {
	zoom: 1;
}

#front-content-body #letter-image {
	margin-left: 20px; 
	margin-bottom: 30px; 
}