/**
 * Features
 *
 * Features are small content boxes that appear in a columnized format.
 * Each feature takes on color characteristics depending on which column it
 * appears in. 
 *
 */

/* ----------------------------------------------------------------------------
	FEATURE LAYOUT PROPERTIES
---------------------------------------------------------------------------- */

div.advfeature {
	margin-bottom:14px;
	margin-top:0px;
	overflow: hidden;
	position: relative;
	border:1px solid #EAEAEA;
    }
	
	
div.advfeature div.box {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 43px;
		padding: 11px 19px 1px 19px;
		position: relative;
		width: 210px;
		}

	/*
	Gradient color type. Depending on the class name provided, a gradient
	background will be applied to the advfeature box. Valid class names are:
		- advfeature-yellow
	*/
	
div.advfeature-yellow div.box-left {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		padding: 11px 19px 1px 19px;
		position: relative;	
		width: 335px;
		}
	div.advfeature-yellow div.box-middle {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 43px;
		padding: 11px 19px 1px 19px;
		position: relative;		
		width: 316px;
		
	}
	div.advfeature-yellow div.box-right {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 43px;
		padding: 11px 19px 1px 19px;
		position: relative;		
		width: 172px;
		}


	/* ----------------------------------------------------------------------------
	DIV FEATURE FOR CONTACT ME PAGE

	FOR THE LEFT DIV BEEN USED FOR CONTACT ME PAGE
---------------------------------------------------------------------------- */


	div.advfeature-yellow div.contact-box-left {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 43px;
		padding: 14px;
		position: relative;		
		width: 714px;
		}

/* ----------------------------------------------------------------------------
	DIV FOR GOOGLE MAP
---------------------------------------------------------------------------- */
	div.advfeature-yellow div.map{
		margin:0 14px 10px 14px;
		position: relative;		
		height: auto !important;
	}

div.advfeature-yellow #googlemap{
border:1px dotted #EAAB00;
width:auto;

}

/* ----------------------------------------------------------------------------
	DIV FEATURE FOR MAC PAGE

	FOR THE LEFT DIV BEEN USED FOR MAC PAGE
---------------------------------------------------------------------------- */
div.advfeature-yellow div.mac-box-left {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 43px;
		padding: 11px 19px 1px 19px;
		position: relative;		
		width: 704px;
		}

/* ----------------------------------------------------------------------------
	DIV FEATURE FOR MAC PAGE

	FOR THE BOTTOM LEFT DIV BEEN USED FOR MAC PAGE
---------------------------------------------------------------------------- */

div.advfeature-yellow div.mac-bottom-box-left {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		padding: 11px 19px 1px 19px;
		position: relative;		
		width:335px;
		}

/* ----------------------------------------------------------------------------
	MAC INTERNAL PROPERTIES
---------------------------------------------------------------------------- */

dl.advisor-detail{

}


dl.advisor-detail dt {
		height:110px;
		margin-left: 80px;
		position: relative;
		}




		
		
		
 /*
	Thumbnail image.
*/
		
		
dl.advisor-detail dt img {
			left: -80px;
			position: absolute;
			}

/* ----------------------------------------------------------------------------
	DIV FEATURE FOR MAC PAGE

	FOR THE BOTTOM RIGHT DIV BEEN USED FOR MAC PAGE
---------------------------------------------------------------------------- */

div.advfeature-yellow div.mac-bottom-box-right {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		/*height: 43px;*/
		min-height: 43px;
		padding: 11px 19px 1px 19px;
		position: relative;		
		width:316px;
		}

div.box-left div.advisor-photo {
		height: auto;
		width: auto;
		position: relative;
	}
	
div.box-left div.advisor-address {
		height: auto;
		width: auto;
		position: relative;
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 43px;
		margin-left: 80px;
		margin-right:19px;
		position: relative;		
		width: 236px;
		}
	
div.box-left div.advisor-contact {
		position: relative;		
		width: auto;
		border-style:none;
		}	
	
div.box-middle div.tools-more {
		padding-left: 280px;
		position: relative;		
		width: auto;
		border-style:none;
		}


dl.advisor-summary {
margin-bottom:1px;
}
	/*
	Date the listing was published.
	*/
	dl.advisor-summary dt {
		margin-left: 80px;
		
	}

	/*
	Content of the listing; usually a hyperlink. We need to ensure that the
	dotted line spans the entire width of the feature box, so some positioning
	is done below.
	*/
	dl.advisor-summary dd {
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		padding-top:30px;
		margin-left: 80px;
		position: relative;		
		width: 255px;
		
	}

	dl.advisor-summary dd .addthis{
		background-color: #fff;
		background-position: left top;
		background-repeat: repeat-x;
		height: auto !important;
		min-height: 16px;
		margin-left: 65px;
		position: relative;		
		width: 125px;
		
	}

dl.advisor-summary dt {
		margin-left: 80px;
		position: relative;
	}
		/*
		Thumbnail image.
		*/
dl.advisor-summary dt img {
			height: auto;
			left: -80px;
			position: absolute;
			width: auto;
		}
	/*
	Content of the listing needs to be shifted to match date above.
	*/
	dl.advisor-summary-thumb dd {
		padding-left: 80px;
	}
	div.feature dl.advisor-summary-thumb dd {
		padding-left: 92px;
	}
	/*
	Strip out backgroud image and padding from last news item. Since this is
	not an "important" class, it will be applied via JavaScript to make things
	a bit simpler for the technical team.
	*/
	dl.advisor-summary dd.last {
		background-image: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	/*
	Titles of a release will sometimes appear within the body content.
	*/
	dl.advisor-summary dd .title {
		display: block;
		margin-bottom: 3px;
	}
	/*
	Keywords that the release has been tagged with.
	*/
	dl.advisor-summary dd .tags {
		display: block;
	}

dl.advisor-name{
Font-size: 19px;
Font-family: Arial;
Color: #003F54;
padding:0px;
margin:0px;
}










/* ----------------------------------------------------------------------------
	FEATURE ELEMENT PROPERTIES
---------------------------------------------------------------------------- */

/*
Header types that will typically be found within a feature box. We want to
ensure that all margins have been disabled.
*/
div.advfeature h2 {
	color: #003F54;
	font-size: 19px;
	Font-family: Arial;
	font-weight:normal;
	height: auto !important;
	height: 18px;
	margin: 0;
	min-height: 18px;
	padding: 7px 5px 4px 19px;
	width: auto;
}
	/*
	All titles have a background color and bottom border applied to them;
	color is based on the current group (green, blue or yellow) that it's
	container is defined as.
	*/
	
	div.advfeature-yellow h2 {
		background-image: url(/static/plan/Images_Shared/header-bg.gif);
		border-bottom: 2px solid #c6bda6;
		line-height:22px;
	}
		/*
		Graphical headers need to be repositioned to compensate for the padding
		that is assigned to the text version.
		*/
		div.advfeature h2 img {
			border: 0;
			display: block;
			margin: -7px -5px -4px -19px;
		}

/*
Photos may appear immediately after the graphical header. For non-text
(graphical) headers, the image needs to cover the bottom border that's
been applied to the header (<h2>).
*/
div.advfeature img.photo {
	border-bottom: 1px solid #fff;
	display: block;
	margin-top: -2px;
}

/* ----------------------------------------------------------------------------
	Change in About Me Section
---------------------------------------------------------------------------- */














div.advfeature h3 {
	color: #003946;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 8px;
}

/*
List of links (normally) that contain no left margin and are unbulleted.
*/
div.advfeature ul {
	margin:0 0 14px 2px;
	}


#content-body div.col-right ul{
list-style-type: none;
}

div.advfeature ul li {
		background: transparent url(/static/global/images/bullets/box_yellow.gif) no-repeat scroll 0 0.5em;
		margin-bottom: 6px;
		padding-left: 16px;
		position: relative;	
		zoom: 1;
} 

div.col-right ul li a{
			margin-right:5px;
				}
	
#tabContainer { 
	margin:5px 0px 0px 12px; 
	}
	
	A.adTabs { 
	width:25px;
	height:20px;
	padding:3px;
	font-weight:bold;
	color:#003F54;
	background-color:#FFFFFF;
	border-left:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #000000;
	text-align:center;text-decoration:none;font-family:Arial;font-size:10pt;
	margin-right:3px; 
	}
 
  
A.adTabs:hover { background-color:#F2D065; } 

  
#outerContainer {
	border: 3px solid #EABB00;
	border-width: 3px 0 0 0;
	padding: 10px 20px;
       }
   

#advisortable{
		margin-top:10px;
		margin-bottom:5px;
	 }


.mac-bottom-box-right ul{

margin:0px 0px 0px 15px;
padding-bottom:15px;
height:40px;
}


.mac-bottom-box-right ul li{
display: inline;
float: left;
font-size:8px;
Font-family: Arial;
width: 40%;
}



.mac-bottom-box-right ul li a{
font-size:12px;
Font-family: Arial;
margin-right:5px;
}

div.mac-bottom-box-right .ulprodandserv{
height:20px;
}

div.mac-bottom-box-right .ulprodandserv li{
display: block;
float: left;
width:auto;
}

.bpeText {
	margin-left: 0px;
	text-decoration: none;
}
.bpe a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	line-height: 170%;
}

.bpe a:active,.bpe a:link,.bpe a:visited,.bpe a:hover{
color: #000000;
text-decoration: none;
}


.bpeLarge {
	color: #EAAB00;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}

.pdfInfo {
font-size:10px;
font-weight:normal;
margin-right:15px;
}
.langSupport{
margin-left:4px;
}
.helpfulIcon{
background-color: #fff;
}