/* @override 
	http://localhost:8888/css/ewm.css
	http://myeaglewealth.local/css/ewm.css
	http://dev.myeaglewealth.com/css/ewm.css
	http://myeaglewealth.com/css/ewm.css
*/

a {outline: 0; /* prevent dotted border in Firefox */}

/* @group UNDO TRIPOLI */
a {text-decoration: none;}
.mainNav ul, .subnav ul {list-style: none;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.content fieldset, blockquote {margin:0px;padding:0px;}

/* @end */

/* @group COLORS */

/*BACKGROUNDS*/
.container_16max
{background-color: #fff;

}

/* adds drop shadow to Firefox, Safari, Chrome and Opera */

.container_16max  {
  border: 0px 1px 1px 0px solid #878787;
   -moz-box-shadow: -3px -3px 12px #7A7A7A;
  -moz-box-shadow: 2px 2px 12px #7A7A7A;
  -moz-border-radius-bottomright: 5px;
 -webkit-box-shadow: -3px -3px 12px #7A7A7A; 
  -webkit-box-shadow: 2px 2px 12px #7A7A7A;
  -webkit-border-bottom-right-radius: 5px;
  
}
/* end drop shadow */

/* .footer, */
.mainNav li a:hover,
.subnav li a:hover,
.bodyBox a:hover,
.bodyButton:hover,
.ewmButton 
{background-color: #cfa771;}  /* #8d5023 #cfa771 #bc5f26 #9e1b32  */

.footer {background-color: #cfa771;}

.bodyButton
{background-color: #e6ecf2;}

.mainNav,
.contentLeft,
.sf-menu li,
.ewmButton:hover
{background-color: #8c4e20; /* area below photo in left content */

}

.subnav li a
{background-color: #fff;
border: 1px solid #480d05;
}

p#vtip,
.greyBox,
.askChad,
.diffBox
{background-color: #f2f2f2;}

.active {
	background-color: #cfa771;   /* #cfa771  old color #595959 med-dk-gray */
}

.content hr 
{background-color: #d9d9d9;}

.bottomDisclaimer {
	background: none;
	border-style: none;
}
/*TEXT*/

.content h2,
.clientLogin h2,
.bqend, .bqstart,
.contentMain .learnPieces a:hover,
.contentMain a:link,
.contentMain a:visited,
.contentMain a:hover,
.contentMain a:active 
{color: #9e1b32;} 


.subnav li a,
.clientLogin a:link,
.clientLogin a:visited,
.clientLogin a:active
{color: #262626;}  

.mainNav li a,
.mainNav li a:hover,

.learnPieces a:link, .learnPieces a:visited, .learnPieces a:active,
.ewmButton
{color: #fff;} 

.subnav li a:hover
{color: #480d05;}

.bottomDisclaimer,
.bottomDisclaimer a
{color: #5e5e5e;}

.homeVid 
{color: #737373;}

.tagline 
{color: #b2b2b2;}

.footer, .footer a,
.footerDisclaimer,
.footerDisclaimer a 
{color: #ffffff;}    /* #d8d8d8 */

.clientLogin a:hover {color: #fa3200;}

/* @end */

/* @group SITEWIDE */

/* 			COMPANY COLORS
red			#9e1b32
dark grey	#262626
medium grey	#737373
light grey	#d8d8d8

dark brown #480d05

*/

input[type='text'],input[type='password'],textarea, html, body 

{font-family: Helvetica, Arial, Tahoma, sans-serif;}

/*  {font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;}  */

html, body {
	text-align: justify;
	
	background: url(../images/bg-ewm.png) ;  /* this sets the background for the site */
	background-repeat:repeat-x;
	background-color: #ece2c8;  /* this sets the background color to match the bg image */
}

a, a:link, a:visited, a:hover, a:active {cursor:pointer;}

.container_16max {
	margin-top: 16px;
/*	border-right: 1px solid #424242;
	border-left: 1px solid #424242;   */
}

.content h2 {
	text-align: center;
	line-height: 2em;
	color:#9e1b32;
}
.content h4 {
	font-size: 1em;
	color: #737373;
	margin-top: 1.5em;
	line-height: 1.5em;
}
.content h5 {
	font-variant: small-caps;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	word-spacing: 0.1em;
	font-weight: normal;
	font-style: normal;
}
.content h6 {
	color: #727272;
	font-size: 1em;
	line-height: 1.5em;
}

.contentMain a:link,
.contentMain a:visited,
.contentMain a:hover,
.contentMain a:active {
	text-decoration: underline;
	font-style: italic;
	color: #9e1b32;
}

.contentMain li {list-style-type: circle;}

.marks {
	font-size: 6px;
	vertical-align: 0.5em;
	line-height: 1em;
}
.bodyDisclaimer {
	font-style: italic;
	color: #737373;
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 1em 0 0 0;
	/*margin: 1em 5em 0 0;*/
}
.imgRT {
	float: right;
	margin: 0 0 0 1em;
}
.imgLT {
	float: left;
	margin: 0 1em 0 0;	
}
.content blockquote {
	margin-top: 18px;
	margin-right: 30px;
	margin-left: 20px;
	font-style: italic;
}

.content blockquote p {
	color: #737373;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 1.2em;
}

.bqstart {
	float: left;
	height: 45px;
	margin-top: -28px;
	padding-top: 45px;
	margin-bottom: -50px;
	font-size: 700%;
	font-weight: normal;
	font-style: normal;
	color:#9e1b32;
}


.bqend {
	float: right;
	height: 45px;
	font-size: 700%;
	margin-top: -40px;
	padding-top: 30px;
	font-weight: normal;
	font-style: normal;
	color:#9e1b32;
	margin-bottom: -35px;
}

.bodyBox {
	padding: 9px;
	border: 1px solid #9e1a32;
}

.bodyButton {
	padding: 9px;
	border: 1px solid #9e1a32;
}
.contentMain .bodyButton:link,
.contentMain .bodyButton:visited,
.contentMain .bodyButton:hover,
.contentMain .bodyButton:active
 {
	text-decoration: none;
	font-weight: bold;
}

.centerIt {text-align: center;}
.smallCaps {font-variant: small-caps;}

/* @group hyperlink icons */

.contentMain .articles a
{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #262626;
}
/*automatically add icons to all pdf links*/
.contentMain a[href $= '.pdf']{
	padding-left:20px;
	background: transparent url(/images/link-pdf.gif) no-repeat scroll left 0;
	}
/*automatically add icons to all external hyperlinks*/
.contentMain a[rel ~='external'] {
	padding-right: 20px;
	background: transparent url(/images/link-external.gif) no-repeat center;
	}			
/*automatically add icon to all mailto links*/
.contentMain a[href ^= 'mailto']{
	background: transparent url(/images/link-mail.gif) no-repeat scroll right top;
	padding-right: 20px;
}
/*automatically add icon to all popup links
need to use a class!*/
/*a[class ~= 'popup']{
	padding-left:20px;
	background: transparent url(popup.gif) no-repeat scroll left top;
	}*/


/* @end */

.content hr {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}


/* @end */


/* @group GENERAL LAYOUT */

/*adjust for larger grid*/

.topBar {
	height: 22px;
	width: 980px;
	display: block;
	background-color: #ffffff;
	background-image: url('/images/top-shadow2.png');
    background-repeat:no-repeat;
	background-position:top; 
}
.header {

}
.logo img {
	margin-left: 20px;
	width: 192px;
	height: 55px;
}
.tagline {
	text-align: left;
	font-style: italic;
	letter-spacing: .06em;
	word-spacing: .10em;
	margin-left: 24px;
	margin-right: 40px;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 18px;
}
.clientLogin {
	float: right;
	text-align: right;
	overflow: hidden;
	height: 54px;
}

.clientLogin img {
	margin-left: 5px;
}
.clientLogin h2 {
	margin: 0;
	font: bold 1.5em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	color: #9e1b32;
}

/* @group nav styling */

.mainNav {height: 20px;
	z-index: 100;
	position: relative;
	background-image: url(images/menu-bar-bg.png) no-repeat;
}

.mainNav li {
	float: left;
	width: 158px;
	text-align: center;
	margin: 0;
}
.subnav {
	position: absolute;
	top: 34px;
	right: 0;
	width:158px;}
	
.subnav ul {
	margin: 0;
	width: 158px;
}	
.subnav li a{
	width: 158px;
	height: 17px;
	display: block;
	text-align: right;
	text-indent: 10px;
	direction: rtl;
	margin-bottom: 1px;

}

/*MAYBE GOES AWAY AFTER TYPO ADDED*/
.mainNav li a {display: block;
	font-size: 1.0em;
	line-height: 1.5em;
}
/*NEED TO REMOVE ALL SUBNAV REFS*/
.subNav li a {display: block;}

.content li a.active h5{
	font-style: italic;
	font-variant: normal;
}

/* @end */


.navShadow {
	z-index: 100;
	position: relative;
	top: 0;
	height: 10px;
}

.contentWrapper {
	overflow: hidden;
	margin-top: -8px; /* controls spacing between navbar and content left panel */
	z-index: 1;
	position: relative;
}

.contentLeft {
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	width: 360px;
	position: relative;
}

.contentLeft .bigImage {
	width: 360px;
	height: 486px;
}

/*check if IE is respecting order*/
.contentLeft.white {background-color: #fff;}
.contentLeft.white img {border-right: 1px solid #fff;}

.contentMain {
	margin: 18px 0 15px 10px;
}
.footer {width: 980px;}


.footerLeft {
	margin-left: 10px;
	text-align: center;
}

.footerLeft li {
	display: block;
	float: left;
	width: 33%;
}

.footerShadow {
    width: 980px;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	background: transparent;
	background-image: url('images/bottom-grad-4x10.png');
	background-repeat: repeat-x;
}	


.bottomDisclaimer,
.bottomDisclaimer a {
	font: 8pt/10px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -1px;
}
.bottomDisclaimer {
	width: 980px;
	margin-top: 18px;  /* added 18 px to create space for drop shadow */
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
}

.footerShadow {
    width: 980px;
	height: 10px;
	background: transparent;
	background-image: url('images/bottom-grad-4x10.png') repeat-x;
}	


/* @end */

/* @group Page-Specific */
.homeVid {
	letter-spacing: 0.1em;
	line-height: 1.3em;
	word-spacing: 0.1em;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
.askChad {
	margin-top: 36px;
}
.askChad h1 {
	padding-top: 18px;
	padding-left: 18px;
}
.askChad p {
	padding: 9px;
}
.bios h4 {
	line-height: 1.5em;
	text-align: left;
	letter-spacing: 0.8px;
}

.bios h4 span {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	margin-top: 1em;
	line-height: 1.5em;
}
.bios h5 {
	font-size: 1.0em;
	line-height: 1.5em;
	font-variant: normal;
	margin-left: 10px;
	margin-top: 1.5em;
}
.dlPolicy {
	float: right;
	width: 120px;
	margin: -18px 0 18px 36px;
}

.contact img {
	float: left;
}

.learnPieces {
	background-image: url(/images/learn_pieces.jpg);
	width: 460px;
	height: 288px;
}
.contentMain .learnPieces a {
	width: 151px;
	height: 54px;
	display: inline-block;
	text-align: center;
	font-size: 1.5em;
	line-height: 1em;
	float: left;
	margin-top: 45px;
	text-decoration: none;
}


/* @end */

p#vtip {
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 1.2em;
	border: 1px solid #9e1b32;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

.diffBox {
	width: 240px;
	padding: 9px;
	float: left;
	margin: 0 10px 18px;
		background: url(../images/gradBoxBack.gif) repeat-x;
}

.bigTrans {
	width: 360px;
	height: 36px;
	position: absolute;
	top: 450px;
	left: 0;
}



.triPlans {
	float: left;
	width: 160px;
	border-right: 5px solid #ffffff;
	border-left: 5px solid #ffffff;
	padding: 10px;
	text-align: left;
	background: url(../images/gradBoxBack.gif) repeat-x;
	display: inline-block;
}


.triad {
	width: 170px;
	padding: 0px;
	float: left;
	margin: 0 10px 18px;
	background: url('../images/triadBack.gif') no-repeat center top;
}
.triad h3 {
	color: #fffeff;
	margin-bottom: 1.5em;
}
.triadInner {
	margin-top: 10px;
	margin-right: 18px;
	margin-left: 18px;
}

input[type='text'] {
	width: 125px;
	background-color: #f9f7f7;
	border: 1px dotted #929292;
	height: 14px;
	line-height: 12px;
}

/*Styling for form labels in textareas*/
.content form p { position: relative;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.content form p label { position: absolute; top: 1px; left: 5px;}
.content form p br {display: none;}



.contentMain .buttons a,
.contentMain button {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	text-decoration: none;
	font-variant: normal;
	color: #5e5e5e;
	border-style: none;
	background-color: transparent;
	line-height: 14px;
}


.buttons a, .buttons button {
    background: transparent url('/images/button_a.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px helvetica, arial, sans-serif;
    height: 24px;
    padding-right: 15px; /* was18-px sliding doors padding */
    text-decoration: none;
}

.buttons a span, .buttons button span {
    background: transparent url('/images/button_span.gif') no-repeat;
    display: block;

    line-height: 14px;
    padding: 0 10px 5px 18px;
}

.buttons button span {
	position: relative;
	top: -3px;
}

.buttons a:hover, button:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

.buttons a:hover span, button:hover span {
    background-position: bottom left;
    padding: 1px 10px 4px 18px; /* push text down 1px */
}

.buttons button img,
.buttons a img{
    border:none;
    width:16px;
    height:16px;
	position: relative;
	top: 4px;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom:1px;
	
}
button::-moz-focus-inner{padding:0;border:none}  /* overrides extra padding in Firefox */


/* drop shadow border classes */


div.img-wrap { 
    /* Needed to keep the image from being set to float left in ie 7, but doesn't work for ie 6*/
    position: relative;
    /* This triggers the layout feature to contain the floated divs for the top and bottom borders */ 
    overflow: hidden; 
}

div.img-container {
    /* Keep the floated divs/image contained within */
    position: relative;
    float: left;
    overflow: hidden;
    /* this is the left side vertical border
       Set the color to transparent then include the image and have 
       it repeat vertically */
    background: transparent url('/images/bdr-shad-l.png') repeat-y;
}

div.img-container img {
     /* Setting the padding equal to the border width for all sides 
        so the borders can be seen */
    padding: 6px;
    /* this is the right side vertical border
       Set the color to transparent then include the image and have 
       it repeat vertically and line up on the right side of the image */
    background: transparent url('/images/bdr-shad-l.png') repeat-y right;
}

}
div.img-container div.img-bottom {
    /* Positioning the bottom border to start at the bottom left corner of
       the img-container div */    
    position: absolute;
    left: 0;
    bottom: 0;
    /* Set the height equal to the height of the border */
    height: 6px; 
    width: 100%;
    /* this is the bottom horizontal border
       Set the color to transparent then include the image and have 
       it repeat horizontally positioned at the bottom of the div 
       (bottom position needed for ie 6) */
    background: transparent url(/images/pic_frame_horizontal.jpg) bottom repeat-x; 
}