body,h1,h2,h3,h4,h5,h6,p { font-family: arial, Helvetica, sans-serif; }
	
	
body {
		background: transparent url(https://www.aaii.com/images/lp/toplpo.gif) repeat-x;
		margin-top: 5px;
		margin-bottom:0;
}

p { font-size: 14px; }

.biggerfont p, li { font-size: 16px; }
.biggerfont h2, h3 { font-size: 22px; font-weight: bold; }

#homelink {
		background: transparent url(https://www.aaii.com/images/lp/aaiilogo.png) no-repeat;	
		height: 70px;
		width: 254px;
		display: block;
		text-indent: -99999em;
		margin: 0 0 4px 0 !important; padding-top:0 !important;
	}
	
#loginlink {
	background: transparent url(https://www.aaii.com/images/button_members_login1.png) no-repeat;	
	height: 30px;
	width: 83px;
	display: block;
	text-indent: -99999em;
}
#loginlink:hover {
	background: transparent url(https://www.aaii.com/images/button_members_login2.png) no-repeat;	
	height: 30px;
	width: 83px;
	display: block;
	text-indent: -99999em;
}

#joinlink {
	background: transparent url(https://www.aaii.com/images/button_join_AAII1.png) no-repeat;	
	height: 30px;
	width: 82px;
	display: block;
	text-indent: -99999em;
}
#joinlink:hover {
	background: transparent url(https://www.aaii.com/images/button_join_AAII2.png) no-repeat;	
	height: 30px;
	width: 82px;
	display: block;
	text-indent: -99999em;
}

h1  {
		color: #204c72;
		font: bold 24pt/28pt Arial,"News Gothic Std", sans-serif;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 0px;
	}

h8  {
		color: #204c72;
		font: bold 36 Arial,"News Gothic Std", sans-serif;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	
.article-title-vert {
 	height: 60px;
	}
	
.article-title-horz-1 {
 	padding-right: 5px;
 	padding-left: 5px;	
	}	
	
.article-title-horz-2 {
 	padding-right: 10px;
 	padding-left: 10px;	
	}		
	
.article-title {
	color: #204c72;
	text-decoration: none;
	}
	
.article-thumb {
	border: 9px solid white;
}	
.article-thumb:hover {
	border: 9px solid #E6E6E6
}


.white { color: white; }
	
.lp-mission h1  {
		color: #204c72;
		font: bold 20pt/24pt Arial,"News Gothic Std", sans-serif;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	
.lp-mission p  {
	text-align: center;
	font-size: 12pt;
	margin-top: -10px;
}

.lp-missioneducation {
	margin-top: -96px;
	background-color: rgb(220, 221, 222);
}

.grey-bg { background-color: rgb(220, 221, 222); }

.lp-missioneducation h2  {
		color: #06294D;
		font: bold 16pt/18pt Arial,"News Gothic Std", sans-serif;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 0px;
}

.lp-missioneducation h7  {
		font-size: 26px;
		color: #069;
		text-shadow: 2px 1px 1px white;
}

.lp-missioneducation p  {
	text-align: left;
	font-size: 14px;
	margin-top: -10px;
	padding-top: 8px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 8px;
}	

.shockinggreen {
	background-color: #d3df36;
	margin-top: -17px;
	z-index:2;
	
}

.shockinggreen h2  {
		color: #06294D;
		font: bold 18px Arial,"News Gothic Std", sans-serif;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
}

.investortype h3  {
		color: #204c72;
		font: bold 16pt/20pt Arial,"News Gothic Std", sans-serif;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	
.investortype p { 
	font-size: 11pt;
}

.blogthumb {
background-color: 	rgb(202,226,238);
}

.blog {
background-color: rgb(27,74,107);
}

.blog p {
color: white;	
padding: 10px;
}

.quotethumb {
background-color: 	rgb(234,235,236);
}

.quote {
background-color: 	rgb(220,221,222);
}

.quote p {
color: black;	
padding: 10px;
}

.artBoldBlue {
font-weight: bold;
color: #033
}

<!--- REGISTRATION TILE --->
#tile-container
{  
	background-color:#102c45;
}


#head
{
background-image:url(https://www.aaii.com/images/triangle-header2.png);
background-color:#102c45;
 background-position:left top;
  background-repeat:no-repeat;
    height:130px;
  width:100%;
 
}

#head-mid
{
    height:14px;
    margin-left:14px;
    margin-right:14px;
}

#head-right
{
    background-image:url(images/rounded_03.png);
    background-position:right top;
    background-repeat:no-repeat;
    height:14px;
    width:100%;
}

#adcontent
{
	
    background-position:left top;
    background-repeat:repeat-y;
    /*height:14px;
    width:14px;*/
    width:100%;
}

#adcontent-mid
{   background-color:#102c45;
margin-top:-28px;
   
    margin-left:20px;
    margin-right:20px;

	
}

#adcontent-right
{   background-color:#102c45;
    background-position:right top;
    background-repeat:repeat-y;
    width:100%;

}

#bottom
{ background-color:#102c45;

    background-position:left top;
    background-repeat:no-repeat;
    height:14px;
    width:14px;
    width:100%;
}

#bottom-mid
{
    background-color:#102c45;
	
    height:14px;
    margin-left:14px;
    margin-right:14px;
}

#bottom-right
{
	background-color:#102c45;
  
    background-position:right top;
    background-repeat:no-repeat;
    height:14px;
    width:100%;
}

.orangebtn {
  -moz-border-radius: 25px;
  -moz-box-shadow: #6E7849 0px 0px 10px;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-border-radius: 25px;
  -webkit-box-shadow: #ef5c2a 0 0 10px;
  -webkit-transition: all 0.5s ease;
  background-color: #f26118;
  border-radius: 10px;
  border: 2px solid #ef5c2a;
  color: #ffffff;
  display: inline-block;
  font-size: 25px;
  margin: auto;
  width:240px;
  padding: 15px;
  text-decoration: none;
  text-align:center;
  text-shadow: 1px 1px 1px #333;
  font-weight:bold;
 
  transition: all 0.5s ease;
}
.orangebtn:hover {
  padding: 15px;
}
<!--- REGISTRATION TILE --->


.investortype {

    float: left;
    padding: 0% 2%;
    width: 300px;
    height: auto;
    overflow:hidden;


	}
 

.section {
	margin-top:10px;
}

.section img{
	margin: 1% 2%;
	float:left;

}

.section  ul{
	
    list-style-type: none;
	
}

.section ul h2{

   color:#036;
   font-family:Arial, Helvetica, sans-serif;
   font-size:20px;
   text-align:center;

	
}

.section ul li{
    color:#000;
   font-family:Arial, Helvetica, sans-serif;
   font-size:16px;
   display:inline;
	
}

subtiny {
	text-transform:capitalize;
	color:#f06924;

	}

.divider {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#e7e7e7;
	height:1px;
	margin-bottom:5px;
	padding:0;
}
	
.blognew {
	background-color: rgb(27, 74, 107);
	padding-right: 10px;
	color: #FFF;
	}
	
.blogtitle { color: white; text-decoration: none; }

.blogreadmore {
text-transform:capitalize; color:#39C; font-weight:bold; font-style:italic;	
}
	
.quotenew {
    background-color: rgb(220, 221, 222);
	color:#000px;

}	

footer {
    background-color:#284D6F;
    color:white;
    clear:both;
    text-align:left;
    overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	
    padding:2% 2%;
	
}
footer p a {
	color:#fff;


}

footer P, footer h2{
	
	font-size: 11pt;
color: #fff;	
}

footer .left {
	float:left;
	
}
footer .right {
	float:right;
	
}

.padding-15 {
	padding: 15px;	
}

.box {
	background: #E8E8E8 url(/images/carousel/background-x.png) repeat-x;
	border: 1px solid #c1c1c1;
	padding: 10px;
	margin: 0;
	overflow: hidden;
}

.box2 {
background: #E8E8E8 url(/images/carousel/background-x.png) repeat-x;
	border: 1px solid #dedede;
	padding: 10px;
	margin: 0;
	overflow: hidden;
}


#top-links {
    height: 70px;
    position: relative;
	margin:3px 10px;

	
}
#top-links ul {
    margin: 0;
    padding: 0;
}
#top-links li {
    float: left;
    list-style-type: none;
    margin: 2px 1px 0 0;
    padding: 0;
}

#top-links a:link, #top-links a:visited {

    border-bottom: medium none;
    color: white;
    display: block;
    font-family: "tahoma",helvetica,sans-serif;
    font-size: 11pt;
	line-height: 12pt;
    height: 50px;
    margin-left: 2px !important;
    margin-top: 12px;
    padding: 4px 5px 0;
	border-right: 1px; 
	border-color:#036;
    text-decoration: none;
}

#top-links a:hover, #top-links a:active {
    border-bottom: medium none;
    color: white;
    margin-left: 2px !important;
	 padding: 4px 5px 0;
    text-decoration: none;
}
#top-links a.current:hover, #top-links a.current:active, top-links a.currentpage:hover, #top-links a.currentpage:active {
    padding: 4px 5px 0;
    color: black;
}
#top-links li a.current span.left_corner {

    display: block;
    float: left;
    height: 39px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 3px;
}
#top-links a.currentpage {
    
    background-position: -1px 0;
    background-repeat: repeat-x;
    color: #0b263e;
    margin-left: 0 !important;
}
#top-links a.current, #top-links a:hover {
	background-color:#FFF;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    color: black;
    position: relative;
}

#top-links li ul {
    bottom: 0;
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}
#top-links li ul.first {
    display: block;
}

#toptablink
{
float:right;
display: block;
height: 24px;
margin-bottom: 10px;
}

#toptablink ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
z-index: 4000;
background:#F04D22;
color:#FFF;
padding-top:5px;
padding-bottom:4px;
}
	
#toptablink ul li 
{ display: inline;}
 	
#toptablink ul li a
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding-right:10px; padding-left:10px;
}	

#toptablink ul li a:hover
{
	padding-bottom: 5px;
	border-bottom: 3px solid #DA400C;
	color: #FEE8DE;
	
}	
	
#global-links {
    display: block;
    font-size: 9pt;
    font-weight: bold;
    position: absolute;
    right: 14px;
    z-index: 4000;
}

.gradient_line_left { 
    margin: 15px 15px;
    height: 2px;
	width: 220px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(#999), color-stop(50%, #999));
	float: left;
}

.gradient_line_right { 
    margin: 15px 0 0 15px;
    height: 2px;
	width: 220px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#999), to(white), color-stop(50%, #999));
	float: left;
}

.gradient_line_left2 { 
    margin: 19px 15px;
    height: 2px;
	width: 220px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#e6e6e6), to(#999), color-stop(50%, #999));
	float: left;
}

.gradient_line_right2 { 
    margin: 19px 0 0 15px;
    height: 2px;
	width: 220px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#999), to(#e6e6e6), color-stop(50%, #999));
	float: left;
}

.gradient_line_left3 { 
    margin: 15px 15px;
    height: 2px;
	width: 120px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(#999), color-stop(50%, #999));
	float: left;
}

.gradient_line_right3 { 
    margin: 15px 0 0 15px;
    height: 2px;
	width: 120px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#999), to(white), color-stop(50%, #999));
	float: left;
}

.gradient_line_left_small { 
    height: 2px;
	width: 100px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(#999), color-stop(50%, #999));
}

.gradient_line_right_small { 
    height: 2px;
	width: 100px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#999), to(white), color-stop(50%, #999));
}

.greyborderbox{
    background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
    border-radius: 8px;
    color: #666;
	padding: 16px;
	width: 290px;
}

.greybox{
    background-color: #E7E7E7;
    border-radius: 8px;
    color: #666;
	padding: 20px;
	width: 350px;
	
	
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#ffffff));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #E7E7E7, #ffffff);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #E7E7E7, #ffffff);

  /* IE 10 */
  background: -ms-linear-gradient(top, #E7E7E7, #ffffff);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E7E7E7, #ffffff);
}

.greybox2{
    background-color: #E7E7E7;
    border-radius: 8px;
    color: #666;
	padding: 20px;
	width: 250px;
}

.greybox3{
    background-color: #F1F1F1;
    border-radius: 8px;
    color: #666;
	padding: 20px;
	width: 650px;
	border: 1px solid #BEBEBE;
}

.greybox-trial{
    background-color: #E7E7E7;
    border-radius: 8px;
    color: #666;
	padding: 20px;
	width: 700px;
	
	
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#ffffff));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #E7E7E7, #ffffff);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #E7E7E7, #ffffff);

  /* IE 10 */
  background: -ms-linear-gradient(top, #E7E7E7, #ffffff);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E7E7E7, #ffffff);
}



.experts-container {
margin: auto;
background-color: #E9EAEB;
 background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#E9EAEB), to(#ffffff) 40%);
  background: -webkit-linear-gradient(top, #E9EAEB, #ffffff 40%);
  background: -moz-linear-gradient(top, #E9EAEB, #ffffff 40%);
  background: -ms-linear-gradient(top, #E9EAEB, #ffffff 40%);
  background: -o-linear-gradient(top, #E9EAEB, #ffffff 40%);
}

.greygradientbg {
background-color: #E9EAEB;
 background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#E9EAEB), to(#ffffff) 40%);
  background: -webkit-linear-gradient(top, #E9EAEB, #ffffff 70%);
  background: -moz-linear-gradient(top, #E9EAEB, #ffffff 70%);
  background: -ms-linear-gradient(top, #E9EAEB, #ffffff 70%);
  background: -o-linear-gradient(top, #E9EAEB, #ffffff 70%);
}

.experts {
padding-top: 30px;
width: 1070px;
}

.marginbottomless20 { margin-bottom: -20px; }
.margintopless20 { margin-top: -20px; }
.height170 { height: 170px; }

.freereportsideborder { margin-top: 20px; padding-right: 35px; border-right: 1px solid #CCC; }

.freereportreports {  width: 225px; padding-right: 20px; }
.freereportreports2 {  width: 235px; }

.benefitsdescription { font-size:14px; }
.benefitsdescriptionbig { font-size:16px; }

.changebg {
   background-color: white;
   transition: background-color .25s ease-in;
   -moz-transition: background-color .25s ease-in;
   -webkit-transition: background-color .25s ease-in;
   }

.changebg:hover {
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f9fa), to(#ffffff));
  background: -webkit-linear-gradient(top, #f2f9fa, #ffffff);
  background: -moz-linear-gradient(top, #f2f9fa, #ffffff);
  background: -ms-linear-gradient(top, #f2f9fa, #ffffff);
  background: -o-linear-gradient(top, #f2f9fa, #ffffff);
  }

.editorsnote {  
  padding: 16px;
  background-color: #E7E7E7;
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#ffffff));
  background: -webkit-linear-gradient(top, #E7E7E7, #ffffff);
  background: -moz-linear-gradient(top, #E7E7E7, #ffffff);
  background: -ms-linear-gradient(top, #E7E7E7, #ffffff);
  background: -o-linear-gradient(top, #E7E7E7, #ffffff); 
  }
.editorsnote p { font-size: 13px; }
.editorsnote li { font-size: 13px; }

.quotesandtest {  
  width: 308px;
  padding: 16px;
  background-color: #E7E7E7;
  background-repeat: repeat-x;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#ffffff));
  background: -webkit-linear-gradient(top, #E7E7E7, #ffffff);
  background: -moz-linear-gradient(top, #E7E7E7, #ffffff);
  background: -ms-linear-gradient(top, #E7E7E7, #ffffff);
  background: -o-linear-gradient(top, #E7E7E7, #ffffff); 
  }
.quotesandtest p { font-size: 13px; }
.quotesandtest li { font-size: 13px; }

.journalbluebox{
    background-color: #7897af;
    border-radius: 8px;
    color: white;
	padding: 20px;
	width: 280px;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	text-shadow: 1px 2px #657B87;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;

}

.modelportbluebox{
    background-color: #7897af;
    border-radius: 8px;
    color: white;
	padding: 6px;
	width: 330px;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	text-shadow: 1px 2px #657B87;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

.journalissuepicker { width: 1030px; }

.memberbenefitswheel { width: 1070px; }

.retirementbottom1 { width: 350px; }
.retirementbottom2 { width: 350px; }
.retirementbottomwidth { width: 1070px; }

.assetmarginleft { margin-left: 150px; }

.modelportfolioheader { margin-left: 200px; }

.modelportfoliotile { width: 330px; background:url(https://www.aaii.com/images/lp/o-reg-mp-tile-bg.png) }

.modelportfoliohr { border:1px solid; border-bottom-color:#FFF; width:85%; margin-left:20px; padding-top:5px; }

.whitelinks { color:white; text-decoration: none; }

email-textbox-journal:-webkit-input-placeholder, email-textbox-freereport:-webkit-input-placeholder {
    color: #b5b5b5;
}

email-textbox-moz-placeholder {
    color: #b5b5b5;
}

.email-textbox-journal {
    width: 170px;
    padding: 10px 15px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #9D9E9E;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    background: #EEEFF0;
    border: 1px solid #ADBBC2;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
}

.email-textbox-freereport {
    width: 300px;
    padding: 10px 15px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #9D9E9E;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    background: #EEEFF0;
    border: 1px solid #ADBBC2;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
}

.email-textbox-journal:focus, .email-textbox-freereport:focus {
    background: #DFE9EC;
    color: #414848;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    outline: 0;
}

.email-textbox-journal:hover, .email-textbox-freereport:hover {
    background: #DFE9EC;
    color: #414848;
}

.journalsubmit {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 2px 0 0;
	color:#fff;
	background-color:#C30;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #F4B479;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:14px;
	font-weight:700;
	height:30px;
	padding:4px 8px;
}

.journalcoversmall {
-ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg);	
	margin-top: -30px;
	box-shadow: 3px 2px rgba(0, 0, 0, 0.25);
}

.journalcover {
width: 700px; height: 210px;	
}

.journalcovercontent {
 width: 530px;	
}

.journalcoverbyline {
margin-top: -17px	
}

.journalcoverdescription { margin-top: -25px; }

.journaltoc { width: 700px; margin-left: 20px;}

.journalissue { width:600px; }

.journaltocdescription { margin-top: -20px; }

.prpcover {
-ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg);
	box-shadow: 4px 3px rgba(0, 0, 0, 0.25);
}

#blacklinkbluehover a:link { color: #333; text-decoration: none; border-bottom: 1px solid #CCC }
#blacklinkbluehover a:visited { color: #333; text-decoration: none; border-bottom: 1px solid #CCC }
#blacklinkbluehover a:hover { color: #069; text-decoration: none;  border-bottom: 1px solid #f04e23 }

#featured a:hover { color: #0099ff; text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid #f04e23 }

.arrow li { 
    list-style-image : url(https://www.aaii.com/images/arrow.png);
}

.authorcircle {object-fit: cover; border-radius: 50%; border: 1px solid #cacaca; float: left; margin-right: 10px;}

.tile-head { color: #102c45; font-size: 20px; line-height: 24px; padding: 10px; text-align:center; font-weight: bold; }

.tile-headfr { color: #ebee9e; font-size: 13px; line-height: 18px; padding-top: 20px; text-align:left; padding-left:20px; }

.tile-description { color: white; font-size: 14px; line-height: 18px; padding-top: 10px; padding-left: 20px; padding-right: 10px; padding-bottom: 12px; font-family: Arial, Helvetica, sans-serif }

.tile-description2 { color: white; font-size: 18px; line-height: 22px; padding-top: 15px; padding-left: 35px; font-weight: bold; text-shadow: 1px 1px black; }

.tile-description2fr { color:#cddf3f; font-size: 16px; line-height: 18px; padding-left: 20px; font-weight: bold; text-shadow: #555 1px 1px;  }

.freereportname { color: #CDDF3F; font-size: 26px; line-height: 28px; padding-left: 35px; padding-right: 25px; padding-bottom: 31px; font-weight: bold; margin-top: 5px; text-shadow: 2px 1px black; }

.freereportname-fr { color: #fff; font-size: 28px; line-height: 28px; padding-left:20px; padding-right: 25px; padding-bottom: 20px; font-weight: bold; margin-top: 5px; text-shadow: #666 2px 2px;   }

.container-wide {
	  -webkit-perspective: 800px;
   -moz-perspective: 800px;
     -o-perspective: 800px;
        perspective: 800px;
}

.container-wide, .front {
	width: 100%;
	height: 346px;
	width: 330px;
	border-radius: 8px;
}

#experts a:link { color: #666; text-decoration:none; }
#experts a:visited { color: #666; text-decoration:none; }
#experts a:hover { color: #009291; text-decoration: none;}

#trending a:link { color: #666; text-decoration:none; }
#trending a:visited { color: #666; text-decoration:none; }
#trending a:hover { color: #009291; text-decoration: none;  border-bottom: 1px solid #CEECFD;}

.orangearrowright {
background: transparent url(https://www.aaii.com/images/lp/orangearrowright.gif) no-repeat;
margin-left: 250px;


}
.getreportbtn
{
padding: 8px 5px 8px !important;
font-size: 14px !important;
background-color: #C30;
font-weight: bold;
text-shadow: 1px 1px #C60;
color: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F93;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.tellmemorebtn
{
padding: 4px 5px 4px !important;
font-size: 30px !important;
background-color: #C30;
font-weight: bold;
text-shadow: 1px 1px #C60;
color: #ffffff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #F93;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
text-decoration:none;
color:#FFF;
}

.tellmemorebtn a
{

text-decoration:none;
color:#FFF;
}


.graygrdbgbox
{
    background-image: url("https://www.aaii.com/images/gray-g-bg.png");
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 500px;
    width: 330px;
	margin-top:5px;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #fff;
    list-style-type: none;
    margin-top: 10px;;
    padding: 10px 0 4px;
    z-index: 4000;
}

.graygrdbgbox h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:10px 10px;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #a1a1a1;
    background-image: linear-gradient(to right, #ccc, #a1a1a1, #ccc);
}

#listsidebar { width:330px; }
#listsidebar ol {  font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#C60; font-weight:bold;   margin-left:5px; margin-right:10px;  }
#listsidebar ol li { font-size:16px; color:#C60; font-weight:bold; font-family:Arial;  }
#listsidebar ol li p {  font-style:normal; font-family:Arial;  color:#000; border-bottom: 1px solid #999; padding:10px 10px; }

.greyout-box {
  max-height: 230px;
  position: relative;
  overflow: hidden;
}
.greyout-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; 
  padding: 60px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}

.fadeout-box-short {
  max-height: 290px;
  position: relative;
  overflow: hidden;
}

.fadeout-box-medium {
  max-height: 400px;
  position: relative;
  overflow: hidden;
}

.fadeout-box-long {
  max-height: 650px;
  position: relative;
  overflow: hidden;
}

.fadeout-box-short .read-more, .fadeout-box-medium .read-more, .fadeout-box-long .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 80px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}

.graymemsignup
{
	background-color:#646464;
     margin-top:5px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 10px;
	border: 1px solid #CCC;
    padding: 10px 0 4px;
    z-index: 4000;
}

.graymemsignup h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFF;
}

.graymemsignup h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFF;
}


.graymemsignup p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
    color:#242424;
	padding-left:5px;
	padding-right:5px;
}

ul.checkboxo {
list-style-image: url("https://www.aaii.com/images/checkboxo.gif");
 margin-left:20px;
}

ul.checkboxo li {
	padding-bottom:-20px;
	font-size:14px;
	color:#454545;
}

.graymemsignupbtm
{
	background-color:#E8E8E8;
    margin-bottom:20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 10px;;
    z-index: 4000;
}

a.minicourse:link, a.minicourse:active, a.minicourse:visited
{
	text-decoration: none;
	color: #1F3C4B;
}

a.minicourse:hover
{
	color: black;
	border-bottom: 1px solid #B2B2B2;
}

#longpane{
		position: fixed; 
		width:100%;
		bottom: 0; 
		padding-top: 7px;
		height: 35px; 
		background: #f04d22; 
		color: white;
		
		}
	.white-button, .white-button:visited, .white-button:link {
	background: #fff url(/images/buttons/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 2px 5px 2px 5px; 
	color: #f04d22;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-weight: bold;
}
.white-button:hover { 
	background-color: #f6eae3; color: #f04d22; 
}
.white-button:active { 
	top: 1px; 
}


.nagcontent{
	color:#44658a;
	width:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:15px;
	font-size:18px;
	line-height:26px;
    background-image:url(https://www.aaii.com/images/lightblue-bg.jpg);
    background-repeat:repeat-x;   
    background-position: bottom;
	}
	
.nagtitle{
	background-color:#28577D;
	color:#fff;
	width:100%;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	padding:10px;	
	}

.continuereading {
	font-size: 30px; font-weight: normal; text-align: center; color: ##066; margin-top: 5px; margin-bottom: -8px; float:left;
}

	