/*
Yahoo! UI Library: Reset CSS
*/

/* %%%%%%%%%%
Modification by Kaiser [2007-12-07]
un-resetting bold, italic, etc. since they're causing unwanted/unneeded style problems
%%%%%%%%%% */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/* address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} */
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}

/*
Page Structure & Globals
------------------------  */
html {
	height: 100%;
	margin: 0px;
	overflow: -moz-scrollbars-vertical;
	padding: 0px;
  font-size: 100%; /* IE hack */
} 

body {
	background-image: url(http://assets.aarp.org/aarp.org_/build/topics/images/backgrounds/bg_global.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #c8c8c8;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
  font-size: 62.5%;
  line-height: 1.8em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 100%;
	margin: 0px 15px;
	text-align: center;
}

a, a:link {
	color: #0570AD;
	text-decoration: none;
}

a:visited {
	color: #5F899F;
}

a:hover, a:active {
	color: #B50301;
}

#pageContainer {
	background: #FFFFFF;
	border-bottom: 15px solid #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	z-index: 2;
	text-align: left;
	width: 964px !important;
}

h1 {
	color: #004AAC;
	font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
  font-size: 2.0em;
  line-height: 1.1em;
	margin: 0px 0px 15px 0px;
}

h2 {
	color: #78766F;
	margin: 30px 0px 8px 0px;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.3em;
	font-weight: bold;
}

#bodyContent {
	width: 924px;
	margin: 0px 20px;
}

#bodyContent p {
	margin: 0px 10px 1.0em 0px;
}

.smallText {
  font-size: 1.1em;
}

.tinyText {
  font-size: 1.0em;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.textLeft {
	text-align: left;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

div.dividerGeneric {
	position: relative;
	height: 1px;
	line-height: 1px;
	border-top: 1px #cccccc solid;
	margin-top: 9px;
	margin-bottom: 20px;
	clear: both;
}

.alt {
	display: none;
	}

/*
MASTER GRID STYLES
added by kaiser shahid [2007-10-26]

Moving forward, maybe we can use these instead of combinations of leftandcenter, leftcolumn, etc.
By default, all gridCol have a left margin of 12px. using left or right adds the edge margins 
(28px in theory, 20px in reality).
*/

div.gridCol {
	width: 66px;
	margin-left: 12px !important;
	margin-bottom: 12px !important;
	float: left !important;
}

div.gridCol.noLeft { margin-left: 0px !important; }
div.gridCol.noMargin { margin: 0px !important; }

div.gridCol.left { margin-left: 20px !important; _margin-left: 10px !important; }
div.gridCol.right { margin-right: 20px !important; _margin-right: 10px !important; }

div.gridCol.two { width: 144px !important; }
div.gridCol.three { width: 222px !important; }
div.gridCol.four { width: 300px !important; }
div.gridCol.five { width: 378px !important; }
div.gridCol.six { width: 456px !important; }
div.gridCol.seven { width: 534px !important; }
div.gridCol.eight { width: 612px !important; }
div.gridCol.nine { width: 690px !important; }
div.gridCol.ten { width: 768px !important; }

/*
added [2007-11-14]

a 'group' column should be used to group together two or more gridCols. doing so
would allow the designer to insert rows that span multiple columns while keeping
the overall grid structure. for instance

--------------- ----
-xxxx-xxxxxxxxx ----
-xxxx-xxxxxxxxx ----
-yyyyyyyyyyyyyy ----
-xxxx-xxxxxxxxx ----
-xxxx-xxxxxxxxx ----
--------------- ----

this shows a layout of, say, 8x4. within the 8-column, we have a 3x5-column layout 
mixed in with an 8-column layout.

a gridCol group should occupy the space equalling all its sub-columns plus any margin
(but should not itself use any margins), and was envisioned to be used as 'edge' columns 
(i.e. left and right). therefore, the widths are the widths above plus 20px to account 
for either left or right margin.

because of IE's stupidity, i had to revert to gridColGroup%Size%, since it didn't like 
definitions for gridCol.group.eight but has no problems with gridColGroupEight, etc.
*/

div.gridColGroupTwo { width: 164px !important; margin: 0px !important; float: left !important; }
div.gridColGroupThree { width: 242px !important; margin: 0px !important; float: left !important; }
div.gridColGroupFour { width: 320px !important; margin: 0px !important; float: left !important; }
div.gridColGroupFive { width: 398px !important; margin: 0px !important; float: left !important; }
div.gridColGroupSix { width: 476px !important; margin: 0px !important; float: left !important; }
div.gridColGroupSeven { width: 554px !important; margin: 0px !important; float: left !important; }
div.gridColGroupEight { width: 632px !important; margin: 0px !important; float: left !important; }
div.gridColGroupNine { width: 710px !important; margin: 0px !important; float: left !important; }
div.gridColGroupTen { width: 788px !important; margin: 0px !important; float: left !important; }

/*
Email Overlay
-------------  */

#emailOverlay {
	position: absolute;
	top: 170px;
	left: 10px;
	z-index: 1;
	width: 354px;
	height: 328px;
	overflow: hidden;
	background: #FFFFFF url(http://assets.aarp.org/internal/tech/scrum3/loginOverlay_bg.gif) no-repeat;
}

.emailOverlay {
	position: absolute;
	top: 170px;
	left: 10px;
	z-index: 1;
	width: 354px;
	height: auto !important;
	overflow: auto !important;
	background: #FFFFFF url(http://assets.aarp.org/internal/tech/scrum3/loginOverlay_bg.gif) no-repeat;	
}

#emailOverlay form, #emailOverlay table,
.emailOverlay form, .emailOverlay table
 {
	padding: 0px;
	margin: 0px;
}

h1#emailTitle {
	background-image: url(http://assets.aarp.org/internal/tech/scrum3/PleaseSignIn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 35px;
	margin-left: 15px;
	margin-top: 30px;
}

#emailOverlay table, .emailOverlay table {
	margin-left: 10px;
	margin-bottom: 20px;
}

#emailOverlay td, .emailOverlay td {
  font-size: 1.2em;
	padding: 4px;
}

#emailOverlay td.labels, .emailOverlay td.labels {
	width: 100px;
}

#emailOverlay td.inputs, .emailOverlay td.inputs {
	width: 125px;
}

#emailOverlaySubmit {
	margin: 10px 0px;
}

#emailOverlayWait {
	position: absolute;
	top: 220px;
	left: 50px;
	z-index: 2;
	width: 155px;
	height: 115px;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #999;
	padding-top: 60px;
	padding-left: 95px;
	-moz-opacity:.90;
	opacity:.90;
	filter:alpha(opacity=90);
}

#emailOverlayValidationError {
	margin-left: 20px;
}


/*
Photo Upload Form
---------------------------------  */

#requiredHeading {
margin-bottom: 15px;
text-align: right;
}

span.required {
	color: #EE3224;
	font-family: Verdana;
  font-size: 2.2em;
	vertical-align: middle;
}

#uploadPhotosDetailDiv {
margin-left: 40px;
position: relative;
}

#uploadPhotosDetailDiv hr {
padding-bottom: 20px;
border: none;
height: 0px;
margin-bottom: -1px;
}

div.formRow {
clear: both;
padding-left: 20px;
}

div.formRow span.formLabel {
float: left;
text-align: right;
height: 20px;
padding-right: 10px;
width: 140px;
}

div.formRow span.formField {
float: left;
margin-bottom: 10px;
text-align: left;
width: 210px;
}

div.uploadPhotoDetailForm {
float: left;
position: relative;
width: 460px;
}

div.uploadPhotoDetailForm textarea, div.uploadPhotoDetailForm input.inputText, div.uploadPhotoDetailForm select {
width: 210px;
}

div.uploadPhotoDetailPhoto {
float: left;
position: relative;
width: 240px;
}


/*
Specific to Pages & Functionality
---------------------------------  */

.fieldNote {
	margin: 0px;
	padding-left: 15px;
	font-family: Georgia,Times,serif;
  font-size: 1.1em;
}

input {
	padding: 0px;
	margin: 0px;
}

input.action {
	margin: 15px 0px 0px 190px;
	border: none;
}

.cancelButton {
	border: none;
}

#breadcrumb {
	font-family: Arial,"MS Trebuchet",sans-serif;
  font-size: 1.4em;
	font-weight: bold;
	margin-top: 20px;
}

#breadcrumb a {
	text-decoration: none;
}


/*
Custom CMS Dropdowns
---------------------------------  */

.dropdownHead {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 2px 5px;
  font-size: 1.6em;
  line-height: 1.125em;
	color: #5e5b4f;
	font-weight: normal;
	text-transform: none;
	background: #D5D6D8 url(http://assets.aarp.org/aarp.org_/images/channels/channelHeader_bg2.jpg) repeat-x;
	border: solid #EBEBEB;
	border-width: 0 1px 1px 1px;
	}
.dropdownHead span, .dropdownHead form {
	float: right;
	}
.dropdownHead span {
	padding-right: 10px;
	}


/*
PollMonkey Poll
---------------------------------  */

.poll {
	background: url(http://assets.aarp.org/aarp.org_/images/global/roundedBorderBG-e1e1e1.gif) repeat-y;
	margin: 0 0 12px 0;
	padding: 0px;
	width: 222px;
	}

.pollHead {
	background: url(http://assets.aarp.org/aarp.org_/images/global/roundedBorderTop-e1e1e1.gif) no-repeat left top;
	display: block;
	}

.pollHead h2 {
	color: #5e5b4f;
	font-weight: normal;
	padding: 10px 20px;
	margin: 0;
  line-height: 1.0em;
  font-size: 1.6em;
	}

.pollFoot {
	background: url(http://assets.aarp.org/aarp.org_/images/global/roundedBorderBot-e1e1e1.gif) no-repeat left bottom;
	display: block;
	clear: both;
	height: 10px;
	}

.pollContent {
	background: #fff;
	border: 1px solid #c0bfbc;
	margin: 0px 10px;
	padding: 9px;
	}

.pollContent b {
	font-weight: normal;
	}


/*
Glue and Shims
---------------  */

.noTopMargin {
	margin-top: 0px !important;
}

.noBottomMargin {
	margin-bottom: 0px !important;
}

.noMargin { margin: 0px !important; }

div.clearer, div.clearMe, .clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.clearMe12 { clear: both; height: 12px; }

.clearMe25 { clear: both; height: 25px; }

.clearMe50 { clear: both; height: 50px; }

.clearMe75 { clear: both; height: 75px; }

.clearMe100 { clear: both; height: 100px; }

.centered {
	text-align: center;
}

.noBorder {
	border: none;
}

.extraSpaceAbove {
	padding-top: 20px;
}

.extraSpaceBelow {
	padding-bottom: 20px;
}

.systemErrors {
	color: #F40E0E;
}

p.systemErrors {
  font-size: 1.4em;
	margin: 20px 0px;
}

img.button, .button, input.button {
	border: none;
}


/*pagination*/
 div.pageNavigation {
float:right;
border:0px;
padding:0px;
margin:0px;
}

a.pageNavigation {
display:inline;
font-size: 1.3em;
font-weight:bold;    
border:0px;
padding:0px;
margin:0px;
}

ul.pageNavigation {
display:inline;
border:0px;
padding:0px;
margin:0px;
}

ul.pageNavigation li {
display:inline;
padding:0px;
margin:0px;
border:0px;
}

a.paginationLink:link {
border: 1px solid #0066CB;
font-size: 1.3em;
line-height:1.5em;
font-weight:bold;
text-decoration:none;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}

div.pager {
  font-size: 1.1em;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

table.friendRequests a.thumbnailImgLink {
display:block;
}

.friendRequestsAll {
margin-left:5px;
float:left;
}

input.friendRequestSubmit {
margin-left:5px;
float:left;
}

/**
 * CSS support (added by Jim [2007-06-14])
*/
span.clear {
  display:block;
  clear:both;
  height:1px;
  line-height:0px;
  font-size:0px;
  margin-bottom:-1px;
}

/* video thumbnail styles, added by Brian P. */
a.videoThumbnail {
	position: relative;
	display: block;
}

img.videoIcon {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	-moz-opacity: .40;
	opacity: .40;
	filter: alpha(opacity=40);
}

/*
%%%%%%%%%%
Ad wrappers
%%%%%%%%%%
added by kaiser shahid [2007-09-20]

wrap around ads. right now, there's only a bordered box or no box. as new requirements are needed,
add ad stylings here.

NEW (2007-12-13): added styles for wide ads.
*/

div.ad {
	margin: 0px 0px 12px 0px !important;
	text-align: center !important;
}

div.ad.wide {
	padding: 5px;
	background: #ccc !important;
}

div.ad-caption {
	clear: both;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	margin: 0px 0px 9px 0px !important;
	letter-spacing: 1px;
  font-size: 0.8em;
	text-align: center !important;
	background: #ccc !important;
}

div.ad-caption.wide {
	background: #fff !important;
	border-bottom: 0px solid #ccc;
	margin: 0px !important;
}

/*
%%%%%%%%%%
General Status
%%%%%%%%%%
added by kaiser shahid [2007-10-10]

general status box.
*/

#generalStatus, .generalStatus {
	margin-bottom: 9px;
  font-size: 1.0em;
	font-weight: bold;
	padding: 5px;
	border: 2px solid #999;
}

/* added 2007-10-17] */

#commentResponse.generalStatus {
	margin-top: 9px;
}

/******************************

STYLES FOR SEARCH RESULTS AND
ARCHIVES

added by Yonas Hassen (14 August 2007)

last modified by Yonas Hassen: (08 October 2007)

last modified by Kaiser Shahid: 2007-11-12
> TODO: remove #archivesContainer styling (for main div)
> since we're moving to the gridCol system of sizing columns.
> 
> added general .searchContainer selector for inner things
>
> TODO: move to .searchContainer for styles that are shared between
> the two searches.

******************************/

#searchContainer, #archivesContainer {
	width: 612px;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}

#searchContainer h1, .searchContainer h1, #searchContainer h3, .searchContainer h3, #searchContainer p, .searchContainer p, #searchContainer td, .searchContainer td, #archivesContainer h1, #archivesContainer h3, #archivesContainer p, #archivesContainer td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#searchContainer h1, .searchContainer h1 {
	font-weight: bold;
  font-size: 2.3em;
	margin: 10px 0;
}

#archivesContainer h1 {
	font-weight: 100;
  font-size: 2.3em;
	margin: 10px 0;
}

#searchResultsListing {
  font-size: 1.2em;
}

#searchResultsListing h2, .searchContainer h2 {
  font-size: 1.8em;
  line-height: 1em;
	margin-bottom: -10px;
	padding-bottom: 0;
}

#searchContainer h3, .searchContainer h3,
#searchContainer p, .searchContainer p, 
#searchContainer td, .searchContainer td, 
#archivesContainer h3, #archivesContainer p, #archivesContainer td {
  font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#searchContainer p#helpMe, .searchContainer p#helpMe {
	float: right;
}

#searchContainer table#searchField, .searchContainer table#searchField {
	margin-top: 10px;
}

#searchContainer td.pad10, .searchContainer td.pad10, #archivesContainer td.pad10 {
	padding-left: 10px;
}

#searchContainer td.pad25, .searchContainer td.pad25, #archivesContainer td.pad25 {
	padding-left: 25px;
}

#searchContainer div.odd, .searchContainer div.odd, #searchContainer div.even, .searchContainer div.even, #archivesContainer div.odd, #archivesContainer div.even {
	padding: 10px;
}

#searchContainer div.odd, .searchContainer div.odd, #archivesContainer div.odd {
	background-color: #fff;
}

#searchContainer div.even, .searchContainer div.even, #archivesContainer div.even {
	background-color: #eaeaea;
}

#searchContainer p.bottomLine, .searchContainer p.bottomLine, #archivesContainer p.bottomLine {
	margin-top: 5px;
}

span#numOfResults, span.searchKeyword, span#numOfResults, span.searchKeyword {
	font-weight: bold;
}

#searchContainer form, .searchContainer form, #archivesContainer form {
	margin: 10px 0 0 0;
	padding: 0;
}

#searchContainer a, .searchContainer a, #archivesContainer a {
	text-decoration: none;
}

#searchContainer a:hover, .searchContainer a:hover, #archivesContainer a:hover {
	text-decoration: underline;
}

#searchContainer a:visited, .searchContainer a:visited, #archivesContainer a:visited {
	color: #990099;
}

#searchContainer div#pagination, div.searchContainer div#pagination, #archivesContainer div.pagination,
div.searchContainer div.pagination {
	background-color: #eaeaea;
	padding: 5px;
	margin: 18px 0px 0px 0px;
}

#searchContainer div#pagination td, div.searchContainer div#pagination td, #archivesContainer div.pagination td,
div.searchContainer div.pagination td {
	font-weight: bold;
	width: 213px;
}

div.searchContainer div.pagination.bottom {
	margin-top: 0px;
}


/*CTG Browse*/
.searchContainer.ctg div.odd, .searchContainer.ctg div.even {
	padding: 10px 0;
  position: relative;
  }
.searchContainer.ctg h3 {
  position: relative;
  left: 10px;
  font-weight: bold;
  width: 420px;
  }
.searchContainer.ctg #ctg-display-results p {
  position: relative;
  left: 10px;
  width: 420px;
  }
.searchContainer.ctg ul {
  position: relative;
  left: 10px;
	margin: 8px 0 8px 30px;
	list-style-image: none;
	padding-left: 0;
  width: 390px;
  }
.searchContainer.ctg ul li {
	background: url(http://assets.aarp.org/aarp.org_/images/global/li.png) no-repeat;
	background-position: left 0.8em;
	font-size: 1.2em ;
	line-height: 1.5;
	margin-bottom: 0.64em;
	padding: 0 0 0 10px;
  }
.searchContainer.ctg #ctg-display-results p.moreLink {
  position: absolute;
  top: 10px;
  left: 440px;
  width: 162px;
  margin: 0;
  padding: 0 10px 0 0;
  }
.searchContainer.ctg form.aarpForm label {
	width: auto;
  }
.searchContainer.ctg form.aarpForm select {
	margin-bottom: 0;
  }
/*****************************
END: STYLES FOR SEARCH RESULTS
*****************************/

/*%%%%%%%%%%
Most Popular
[added by Kaiser, 2008-02-29]
%%%%%%%%%%*/

#mostPopular {
	background-color:#F0F0EF;
}
#mostPopular h2 {
	background-image:url(http://assets.aarp.org/aarp.org_/images/home/template/mostPopular_bg.gif);
	height:29px;
	margin:0px;
	width:300px;
}	
#mostPopular h2 span {
	display:none;
}	
#mostPopular ol {
	list-style-type:decimal;
	margin:8px 0px 0px 20px;
}	
#mostPopular li {
  font-size: 1.2em;
  line-height: 1.385em;
	margin:0px 0px 8px 10px;
}	
.mostPopularContainer {
  font-size: 1.1em;
}	
.roundedBottom.mostPopular {
	background:transparent url(http://assets.aarp.org/aarp.org_/images/home/template/homePromoBottom_bg.gif) no-repeat scroll center bottom;
	height:11px;
	width:300px;
}

/*
Float Image no matter where Text & Image component is used
*** Added by jlechliter on 2008-4-23 ***
----------------  */

img.cms_img_left {
	float: left;
	margin: 0px 5px 0px 0px;
	}

img.cms_img_right {
	float: right;
	margin: 0px 0px 0px 5px;
	}


/*
Custom PromoArea
*** Added by jlechliter on 2008-4-21 ***
----------------  */
.promoBox {
	border: solid #807D6C;
	border-width: 0px 1px 3px 1px;
	margin: 0 0 12px 0;
	}

h2.promoBoxHead {
	background: #807D6C;
	color: #fff;
	text-transform: uppercase;
  font-size: 1.6em;
  line-height: 1.3em;
	padding: 0px 10px;
	}

h2.promoBoxHeadLink a {
	background: #807D6C;
	color: #daf1f7;
	text-transform: uppercase;
	display: block;
  font-size: 1.6em;
  line-height: 1.3em;
	padding: 0 10px;
	}

h2.promoBoxHeadLink a:hover {
	color: #fdece7;
	}

.promoContent {
	margin-top: 0;
	padding: 10px;
	}

.promoContent h3 {
  font-size: 1.6em;
  line-height: 1.3em;
	margin: 0;
	padding: 0;
	}

.promoContent ul {
	margin: 8px 10px 0 10px;
	list-style-image: url(http://assets.aarp.org/aarp.org_/images/global/li.png);
	padding-left: 0;
	}
.promoContent li {
	margin-left: 0;
	padding-left: 0;
	}


.promoContent img.cms_img_left {
	float: left;
	margin: 0px 8px 0px 0px;
	}

.promoContent img.cms_img_right {
	float: right;
	margin: 0px 0px 0px 8px;
	}

.promoContent a.moreLink {
  display: block;
	background: url(http://assets.aarp.org/aarp.org_/build/topics/images/buttons/btn11x11_arrowRT.gif) no-repeat right;
	padding-right: 17px;
	text-align: right;
	margin-top: 1em;
	}

.promoContent p.moreLink {
	background: url(http://assets.aarp.org/aarp.org_/build/topics/images/buttons/btn11x11_arrowRT.gif) no-repeat right ;
	padding-right: 17px ;
	text-align: right ;
	margin-top: 1em ;
}

.promoBox.columnPromo {
	border: solid #e4e4e4;
	border-width: 0px 0 1px 0;
	margin: 0 0 12px 0;
	}

.promoBox.columnPromo.bgOn {
	border: none;
	padding: 10px 10px 1px 10px;
	}


.promoBox.columnPromo h2.promoBoxHead {
  font-size: 1.6em;
	margin: 0 0 10px 0;;
	padding: 0;
	background: none;
	color: #000;
	font-weight: normal;
	}

.promoBox.columnPromo h2.promoBoxHeadLink a {
	background: none;
	color: #0570ad;
	text-transform: uppercase;
	display: inline;
  font-size: 1.6em;
	padding: 0;
	}

.promoBox.columnPromo h2.promoBoxHeadLink a:hover {
	color: #b50301;
	}

.promoBox.columnPromo h3 {
  font-size: 1.8em;
	}

.promoBox.columnPromo ul, .promoBox.columnPromo ol {
	margin-left: 0;
 	}
.promoBox.columnPromo li {
	margin: 0px 5px;
	font-size: 1.3em;
 	list-style-position: inside;
 	}

.promoBox.columnPromo .promoContent {
	padding: 0;
	}
.promoBox.columnPromo .promoKicker{
	color: #807d7d;
  margin: 0;
	}
.promoBox.columnPromo .promoTextImage{
	margin-bottom: 16px;
	}

.promoBox.columnPromo p.moreLink {
  background-image: none;
  margin-top: 1em;
  margin-bottom: 8px;
  height: 20px;
  }
.promoBox.columnPromo p.moreLink.textRight {
  text-align: right;
  }




/*
Page Title
----------  */
.pageTitle {
	margin-left: 20px; 
	margin-right: 20px
}

.pageTitle h2 {
	position: relative;
	color: #5e544a;
	margin-top: 11px;
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	text-align: center;
	border-bottom: 2px solid #5e544a;
}



/*
Article Proxy Template Styles
-----------------------------  */
#sponsorimg {
	width: 180px;
	height: 35px;
	position: relative;
	margin-top:-52px;
	padding: 0px;
	right: 0px;
	float: right;
}


/*
Left Side PromoStyle Components
------------  */
.leftColumnPromo, #col1 .leftColumnPromo, #col2 .leftColumnPromo, .mainColumnPromo, .fromCommunityPromo {
  background: #f0f0ef;
  border: none;
	margin: 0px 0px 12px 0px;
  }
.leftColumnPromo h2, .mainColumnPromo h2, .fromCommunityPromo h2 {
  color: #5e5b4f;
  background: #dcdcdc url(http://assets.aarp.org/aarp.org_/images/backgrounds/bg_leftPromo.gif) repeat-x left top;
  border: solid #cacaca;
  border-width: 1px 1px 0 1px;
  text-transform: none;
  font-weight: normal;
  font-size: 1.6em;
	line-height: 1.35;
	height: auto;
	width: auto;
	margin: 0 0 1px 0;
  padding: 0 3px;
  }
.leftColumnPromo .promoContent, .mainColumnPromo .promoContent, .fromCommunityPromo .promoContent {
  background: #fff;
  border: 1px solid #cacaca;
	padding: 8px 0;
  }
.fromCommunityPromo .promoContent {
	background: #d3d8dc;
  }

.leftColumnPromo span.withoutlink {
	background: #E7E6E4 none repeat scroll 0%;
	border-top: 1px solid #C8C6C3;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
  font-size: 1.0em;
}

#col2 .leftColumnPromo a.link {
	display: block;
	background: #e7e6e4;
	padding: 7px 10px;
	border-top: 1px solid #c8c6c3;
	font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.143em;
}

#col2 .leftColumnPromo  .promoContent {
	padding: 0;
}

#col2 .leftColumnPromo a.link:hover {
	background: #0570AD;
	color: #FFFFFF;
}


.leftColumnPromo h3, .colRow h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif;
	margin: 0px 5px 0px 5px;
  font-size: 1.6em;
  line-height: 1.125em;
}

.mainColumnPromo h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.111em;
	margin: 0px 5px 18px 0px;
}

.leftColumnPromo p, .mainColumnPromo p, .rightColumnPromo p,
.leftColumnPromo li, .mainColumnPromo li, .rightColumnPromo li {
  font-size: 1.3em;
	margin: 0px 5px;
  }








/*
JobSearch PromoStyle Components
------------  */

#jobsearch .promoContent {
	background: #707070;
  color: #fff;
  border: none;
  }
#jobsearch.leftColumnPromo p {
  font-size: 1.3em;
  margin-bottom: 1em;
  padding: 0 2px;
  }
#jobsearch.leftColumnPromo p.logo {
  text-align: right;
  padding: 2px;
  margin-bottom: 0;
  padding-bottom: 0;
  }
#jobsearch.leftColumnPromo label {
  display: block;
  font-size: 1.1em;
  color: #daf1f7;
  font-weight: bold;
  margin-bottom: 5px;
  }
#jobsearch.leftColumnPromo a.btnSearch {
  display: block;
  background: url(http://assets.aarp.org/aarp.org_/images/buttons/btn20x_search.gif) no-repeat;
  background-position: 0 0;
  width: 57px;
  height: 20px;
  }
#jobsearch.leftColumnPromo a.btnSearch:hover {
  background-position: 0 -20px;
  }


/*
Healthline PromoStyle Components
------------  */
#healthline {
  margin-bottom: 12px;
  padding-bottom: 6px;
  background: url(http://assets.aarp.org/aarp.org_/images/channels/healthline_footer.gif) no-repeat left bottom;
  }
#healthline .promoContent {
  background: #fff;
  border: solid #cacaca;
  border-width: 1px 1px 0 1px;
	padding: 0;
  }
#healthline .colRow {
  padding: 11px;
  }
form#healthlineForm {
  display: block;
  background: #257eb2;
  padding: 11px 10px 5px 10px;
  }
form#healthlineForm select {
  width: 100%;
  }
#healthline p {
  font-size: 1.3em;
  line-height: 1.2;
  margin-bottom: 1em;
  }



/*
Right Side PromoStyle Components
------------  */
.rightColumnPromo, #relatedArticles.rightColumnPromo, #mostPopular.rightColumnPromo, #newsFeed.rightColumnPromo {
  background: #f0f0ef;
  border: none;
	margin: 0px 0px 12px 0px;
	width: 300px;
	padding: 0;
  }
.rightColumnPromo h2, #relatedArticles.rightColumnPromo h2, #mostPopular.rightColumnPromo h2, #newsFeed.rightColumnPromo h2 {
  color: #fff;
  background: #5e5b4f;
  border: solid #cacaca;
  border-width: 1px 1px 0 1px;
  text-transform: none;
  font-weight: normal;
  font-size: 1.6em;
	line-height: 1.35;
	height: auto;
	width: auto;
	margin: 0 0 1px 0;
  padding: 0 10px;
  }
.rightColumnPromo .promoContent {
  background: #fff;
  border: 1px solid #cacaca;
	padding: 8px 10px 8px 10px;
  }

.rightColumnPromo h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Lucida, Helvetica, Verdana, Arial, sans-serif;
	margin: 0px 5px 0px 5px;
  font-size: 1.8em;
  line-height: 1.111em;
}

.rightColumnPromo p,
.rightColumnPromo li {
	margin: 0px 5px;
	font-size: 13px;
}

#productsTools h2 {
	background-color: #689231;
}

#productsTools .promoContent {
	border-style: none;
	background-color: #edf6d9;
}

#productsTools .promoContent a.moreLink {
	background-image: url(http://assets.aarp.org/aarp.org_/images/channels/productToolsMoreArrow.gif);
}

/*
Today's News, Bulletin Feed
------------  */
#newsFeed.rightColumnPromo h2 {
  background-image: url(http://assets.aarp.org/aarp.org_/images/logos/AARPBulletintoday_newsfeed.gif);
  background-repeat: no-repeat;
  background-position: 172px;
  }
#newsFeed.rightColumnPromo ul {
  margin-top: 5px;
  margin-top: 0;
  }
#newsFeed.rightColumnPromo li, #newsFeed.rightColumnPromo p {
  margin-bottom: 8px;
  }


/*
Related Articles
------------  */
#relatedArticles.rightColumnPromo .promoContent ul {
  margin-top: 0;
  margin-bottom: 0;
  }
#relatedArticles.rightColumnPromo .promoContent li {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2em;
  }


/*
MostPopular
------------  */
#mostPopular.rightColumnPromo .promoContent ol {
  list-style-type: decimal;
  margin: 8px 0px 0px 10px;
  }
#mostPopular.rightColumnPromo .promoContent li {
  line-height:14px;
  margin:0px 0px 8px 10px;
  }


/*
Newsletter
------------  */
.newsletter .promoContent h3 {
	font-size: 1.8em;
	margin-left: 78px;
  }
.newsletter .promoContent p {
	font-size: 1.3em;
	margin-left: 78px;
  }
.newsletter a {
	color: #0570ad;
  }
.newsletter a:hover {
	color: #b50301;
  }
.newsletter .promoContent img.icon {
	float: left;
  }
.newsletter a.btn {
	margin: 1em 0 0 78px;
	padding: 0;
  }


/*
Personalized Membership
------------  */
.ptabs {
	position: relative;
	}
.ptabs .headerGroup {
	display: block;
	color: #fff;
	font-size: 9px !important;
	position: absolute;
	top: 5px;
	left: 3px;
	}
.ptabs .headerGroup a {
	display: block;
	color: #4173AF;
	float: left;
	line-height: 10px;
	padding: 3px 2px;
	background: #CFE5FF;	
	border-right: 1px solid #C4DDFF;
	border-left: 1px solid #173D6E;
	border-bottom: 1px solid #C4DDFF;
	border-top: 1px solid #173D6E;
	cursor: pointer;
	}
.ptabs .headerGroup a.off:hover {
	background: #98BEEF;	
	color: #333;
	}
.ptabs .headerGroup a.off {
	background: #4173AF;	
	color: #fff;
	border-left: 1px solid #C4DDFF;
	border-right: 1px solid #173D6E;
	border-top: 1px solid #C4DDFF;
	border-bottom: 1px solid #173D6E;
	}
.ptabs div.parsys {
	display: block;
	}
.ptabs div.parsys.off {
	display: none;
	}


/*
Button Sprites -- REMOVE SOON
------------  */
a.btn {
	display: block;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  text-transform: uppercase;
  color: #fff !important;
	cursor: pointer;
}
a.btn:hover {
  color: #fff !important;
  text-decoration: none;
}
a.btn.gray {
  color: #3e76ad !important;
}
a.btn.gray:hover {
  color: #247fd8 !important;
  text-decoration: none;
}
a.btn.small {
  font-size: 11px !important;
}
a.btn.medium {
  font-size: 12px !important;
}
a.btn.large {
  font-size: 19px !important;
}
a.btn span {
	background-image: url(http://assets.aarp.org/aarp.org_/images/buttons/btnSprite.gif);
	background-repeat: no-repeat;
  float: left;
	display: block;
}
a.btn span.left, a.btn span.right {
	width: 9px;
}
a.btn.small span {
	height: 20px;
	line-height: 20px;
}
a.btn.medium span {
	height: 24px;
	line-height: 24px;
}
a.btn.large span {
	height: 32px;
	line-height: 32px;
}


.small.gray span.left { background-position: left 0; }
.small.gray span.right { background-position: right 0; }
.small.gray span.middle { background-position: -10px 0; }
a.small.gray:hover span.left { background-position: left -20px; }
a.small.gray:hover span.right { background-position: right -20px; }
a.small.gray:hover span.middle { background-position: -10px -20px; }
.btn.small.gray.inactive span.left { background-position: left -40px; }
.btn.small.gray.inactive span.right { background-position: right -40px; }
.btn.small.gray.inactive span.middle { background-position: -10px -40px; }

.medium.gray span.left { background-position: left -180px; }
.medium.gray span.right { background-position: right -180px; }
.medium.gray span.middle { background-position: -10px -180px; }
a.medium.gray:hover span.left { background-position: left -204px; }
a.medium.gray:hover span.right { background-position: right -204px; }
a.medium.gray:hover span.middle { background-position: -10px -204px; }
.btn.medium.gray.inactive span.left { background-position: left -228px; }
.btn.medium.gray.inactive span.right { background-position: right -228px; }
.btn.medium.gray.inactive span.middle { background-position: -10px -228px; }

.large.gray span.left { background-position: left -400px; }
.large.gray span.right { background-position: right -400px; }
.large.gray span.middle { background-position: -10px -400px; }
a.large.gray:hover span.left { background-position: left -432px; }
a.large.gray:hover span.right { background-position: right -432px; }
a.large.gray:hover span.middle { background-position: -10px -432px; }
.btn.large.gray.inactive span.left { background-position: left -464px; }
.btn.large.gray.inactive span.right { background-position: right -464px; }
.btn.large.gray.inactive span.middle { background-position: -10px -464px; }


.small.blue span.left { background-position: left -60px; }
.small.blue span.right { background-position: right -60px; }
.small.blue span.middle { background-position: -10px -60px; }
a.small.blue:hover span.left { background-position: left -80px; }
a.small.blue:hover span.right { background-position: right -80px; }
a.small.blue:hover span.middle { background-position: -10px -80px; }
.btn.small.blue.inactive span.left { background-position: left -100px; }
.btn.small.blue.inactive span.right { background-position: right -100px; }
.btn.small.blue.inactive span.middle { background-position: -10px -100px; }

.medium.blue span.left { background-position: left -252px; }
.medium.blue span.right { background-position: right -252px; }
.medium.blue span.middle { background-position: -10px -252px; }
a.medium.blue:hover span.left { background-position: left -276px; }
a.medium.blue:hover span.right { background-position: right -276px; }
a.medium.blue:hover span.middle { background-position: -10px -276px; }
.btn.medium.blue.inactive span.left { background-position: left -276px; }
.btn.medium.blue.inactive span.right { background-position: right -276px; }
.btn.medium.blue.inactive span.middle { background-position: -10px -276px; }

.large.blue span.left { background-position: left -496px; }
.large.blue span.right { background-position: right -496px; }
.large.blue span.middle { background-position: -10px -496px; }
a.large.blue:hover span.left { background-position: left -528px; }
a.large.blue:hover span.right { background-position: right -528px; }
a.large.blue:hover span.middle { background-position: -10px -528px; }
.btn.large.blue.inactive span.left { background-position: left -560px; }
.btn.large.blue.inactive span.right { background-position: right -560px; }
.btn.large.blue.inactive span.middle { background-position: -10px -560px; }


.small.red span.left { background-position: left -120px; }
.small.red span.right { background-position: right -120px; }
.small.red span.middle { background-position: -10px -120px; }
a.small.red:hover span.left { background-position: left -140px; }
a.small.red:hover span.right { background-position: right -140px; }
a.small.red:hover span.middle { background-position: -10px -140px; }
.btn.small.red.inactive span.left { background-position: left -160px; }
.btn.small.red.inactive span.right { background-position: right -160px; }
.btn.small.red.inactive span.middle { background-position: -10px -160px; }

.medium.red span.left { background-position: left -300px; }
.medium.red span.right { background-position: right -300px; }
.medium.red span.middle { background-position: -10px -300px; }
a.medium.red:hover span.left { background-position: left -324px; }
a.medium.red:hover span.right { background-position: right -324px; }
a.medium.red:hover span.middle { background-position: -10px -324px; }
.btn.medium.red.inactive span.left { background-position: left -348px; }
.btn.medium.red.inactive span.right { background-position: right -348px; }
.btn.medium.red.inactive span.middle { background-position: -10px -348px; }

.large.red span.left { background-position: left -592px; }
.large.red span.right { background-position: right -592px; }
.large.red span.middle { background-position: -10px -592px; }
a.large.red:hover span.left { background-position: left -624px; }
a.large.red:hover span.right { background-position: right -624px; }
a.large.red:hover span.middle { background-position: -10px -624px; }
.btn.large.red.inactive span.left { background-position: left -656px; }
.btn.large.red.inactive span.right { background-position: right -656px; }
.btn.large.red.inactive span.middle { background-position: -10px -656px; }






/*
Button Sprites
------------  */
.btnGutter, .tabGutter {
	width: 5px;
	float: left;
	position: relative;
}

a.btnSmallGray, a.btnMediumGray, a.btnLargeGray, 
a.btnSmallBlue, a.btnMediumBlue, a.btnLargeBlue, 
a.btnSmallRed, a.btnMediumRed, a.btnLargeRed {
	display: block;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  text-transform: uppercase;
  color: #fff !important;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
a.btnSmallBlue:hover, a.btnMediumBlue:hover, a.btnLargeBlue:hover, 
a.btnSmallRed:hover, a.btnMediumRed:hover, a.btnLargeRed:hover {
  color: #fff !important;
  text-decoration: none;
}
a.btnSmallGray, a.btnMediumGray, a.btnLargeGray {
  color: #3e76ad !important;
}
a.btnSmallGray:hover, a.btnMediumGray:hover, a.btnLargeGray:hover {
  color: #247fd8 !important;
}
a.btnSmallGray, a.btnSmallBlue, a.btnSmallRed {
  font-size: 11px !important;
}
a.btnMediumGray, a.btnMediumBlue, a.btnMediumRed {
  font-size: 12px !important;
}
a.btnLargeGray, a.btnLargeBlue, a.btnLargeRed {
  font-size: 19px !important;
}
a.btnSmallGray span, a.btnMediumGray span, a.btnLargeGray span, 
a.btnSmallBlue span, a.btnMediumBlue span, a.btnLargeBlue span, 
a.btnSmallRed span, a.btnMediumRed span, a.btnLargeRed span {
	background-image: url(http://assets.aarp.org/aarp.org_/images/buttons/btnSprite.gif);
	background-repeat: no-repeat;
  float: left;
	display: block;
}
a.btnSmallGray span.left, a.btnMediumGray span.left, a.btnLargeGray span.left, 
a.btnSmallBlue span.left, a.btnMediumBlue span.left, a.btnLargeBlue span.left, 
a.btnSmallRed span.left, a.btnMediumRed span.left, a.btnLargeRed span.left,
a.btnSmallGray span.right, a.btnMediumGray span.right, a.btnLargeGray span.right, 
a.btnSmallBlue span.right, a.btnMediumBlue span.right, a.btnLargeBlue span.right, 
a.btnSmallRed span.right, a.btnMediumRed span.right, a.btnLargeRed span.right {
	width: 9px;
}
a.btnSmallGray span, a.btnSmallBlue span, a.btnSmallRed span {
	height: 20px;
	line-height: 20px;
}
a.btnMediumGray span, a.btnMediumBlue span, a.btnMediumRed span {
	height: 24px;
	line-height: 24px;
}
a.btnLargeGray span, a.btnLargeBlue span, a.btnLargeRed span {
	height: 32px;
	line-height: 32px;
}

a.btnSmallGray span.left { background-position: left 0; }
a.btnSmallGray span.right { background-position: right 0; }
a.btnSmallGray span.middle { background-position: -10px 0; }
a.btnSmallGray:hover span.left { background-position: left -20px; }
a.btnSmallGray:hover span.right { background-position: right -20px; }
a.btnSmallGray:hover span.middle { background-position: -10px -20px; }
.btnSmallGray.inactive span.left { background-position: left -40px; }
.btnSmallGray.inactive span.right { background-position: right -40px; }
.btnSmallGray.inactive span.middle { background-position: -10px -40px; }

a.btnMediumGray span.left { background-position: left -180px; }
a.btnMediumGray span.right { background-position: right -180px; }
a.btnMediumGray span.middle { background-position: -10px -180px; }
a.btnMediumGray:hover span.left { background-position: left -204px; }
a.btnMediumGray:hover span.right { background-position: right -204px; }
a.btnMediumGray:hover span.middle { background-position: -10px -204px; }
.btnMediumGray.inactive span.left { background-position: left -228px; }
.btnMediumGray.inactive span.right { background-position: right -228px; }
.btnMediumGray.inactive span.middle { background-position: -10px -228px; }

a.btnLargeGray span.left { background-position: left -400px; }
a.btnLargeGray span.right { background-position: right -400px; }
a.btnLargeGray span.middle { background-position: -10px -400px; }
a.btnLargeGray:hover span.left { background-position: left -432px; }
a.btnLargeGray:hover span.right { background-position: right -432px; }
a.btnLargeGray:hover span.middle { background-position: -10px -432px; }
.btnLargeGray.inactive span.left { background-position: left -464px; }
.btnLargeGray.inactive span.right { background-position: right -464px; }
.btnLargeGray.inactive span.middle { background-position: -10px -464px; }


a.btnSmallBlue span.left { background-position: left -60px; }
a.btnSmallBlue span.right { background-position: right -60px; }
a.btnSmallBlue span.middle { background-position: -10px -60px; }
a.btnSmallBlue:hover span.left { background-position: left -80px; }
a.btnSmallBlue:hover span.right { background-position: right -80px; }
a.btnSmallBlue:hover span.middle { background-position: -10px -80px; }
.btnSmallBlue.inactive span.left { background-position: left -100px; }
.btnSmallBlue.inactive span.right { background-position: right -100px; }
.btnSmallBlue.inactive span.middle { background-position: -10px -100px; }

a.btnMediumBlue span.left { background-position: left -252px; }
a.btnMediumBlue span.right { background-position: right -252px; }
a.btnMediumBlue span.middle { background-position: -10px -252px; }
a.btnMediumBlue:hover span.left { background-position: left -276px; }
a.btnMediumBlue:hover span.right { background-position: right -276px; }
a.btnMediumBlue:hover span.middle { background-position: -10px -276px; }
.btnMediumBlue.inactive span.left { background-position: left -276px; }
.btnMediumBlue.inactive span.right { background-position: right -276px; }
.btnMediumBlue.inactive span.middle { background-position: -10px -276px; }

a.btnLargeBlue span.left { background-position: left -496px; }
a.btnLargeBlue span.right { background-position: right -496px; }
a.btnLargeBlue span.middle { background-position: -10px -496px; }
a.btnLargeBlue:hover span.left { background-position: left -528px; }
a.btnLargeBlue:hover span.right { background-position: right -528px; }
a.btnLargeBlue:hover span.middle { background-position: -10px -528px; }
.btnLargeBlue.inactive span.left { background-position: left -560px; }
.btnLargeBlue.inactive span.right { background-position: right -560px; }
.btnLargeBlue.inactive span.middle { background-position: -10px -560px; }


a.btnSmallRed span.left { background-position: left -120px; }
a.btnSmallRed span.right { background-position: right -120px; }
a.btnSmallRed span.middle { background-position: -10px -120px; }
a.btnSmallRed:hover span.left { background-position: left -140px; }
a.btnSmallRed:hover span.right { background-position: right -140px; }
a.btnSmallRed:hover span.middle { background-position: -10px -140px; }
.btnSmallRed.inactive span.left { background-position: left -160px; }
.btnSmallRed.inactive span.right { background-position: right -160px; }
.btnSmallRed.inactive span.middle { background-position: -10px -160px; }

a.btnMediumRed span.left { background-position: left -300px; }
a.btnMediumRed span.right { background-position: right -300px; }
a.btnMediumRed span.middle { background-position: -10px -300px; }
a.btnMediumRed:hover span.left { background-position: left -324px; }
a.btnMediumRed:hover span.right { background-position: right -324px; }
a.btnMediumRed:hover span.middle { background-position: -10px -324px; }
.btnMediumRed.inactive span.left { background-position: left -348px; }
.btnMediumRed.inactive span.right { background-position: right -348px; }
.btnMediumRed.inactive span.middle { background-position: -10px -348px; }

a.btnLargeRed span.left { background-position: left -592px; }
a.btnLargeRed span.right { background-position: right -592px; }
a.btnLargeRed span.middle { background-position: -10px -592px; }
a.btnLargeRed:hover span.left { background-position: left -624px; }
a.btnLargeRed:hover span.right { background-position: right -624px; }
a.btnLargeRed:hover span.middle { background-position: -10px -624px; }
.btnLargeRed.inactive span.left { background-position: left -656px; }
.btnLargeRed.inactive span.right { background-position: right -656px; }
.btnLargeRed.inactive span.middle { background-position: -10px -656px; }

/*	Right column sponsorship ad styles
---------------------------------------------*/

#rightColumnSponsor {
	float: right;
	width: 180px;
	margin-bottom: 10px;
}

/*	END: Right column sponsorship ad styles
---------------------------------------------*/



/*	Tag Cloud Fix
---------------------------------------------*/

.promoBox .shadedHeader {
  display: none;
  }

.promoBox .tags {
  margin-left: 5px;;
  margin-right: 5px;;
  }

/*	END: Tag Cloud Fix
---------------------------------------------*/


/*	Email Promo
---------------------------------------------*/

.emailPromo a.btn {
  margin-top: 1em;
  }


/*	END: Email Promo
---------------------------------------------*/




/*
*/


/*
Email Overlay
-------------  */

#emailOverlay {
	position: absolute;
	top: 170px;
	left: 10px;
	z-index: 1;
	width: auto;
	height: 328px;
	overflow: hidden;
	background: #FFFFFF url("http://assets.aarp.org/internal/tech/scrum3/loginOverlay_bg.gif") no-repeat;
}

.emailOverlay {
	position: absolute;
	top: 170px;
	left: 10px;
	z-index: 1;
	width: auto;
	height: auto !important;
	overflow: auto !important;
	background: #FFFFFF url(http://assets.aarp.org/internal/tech/scrum3/loginOverlay_bg.gif) no-repeat;	
}

#emailOverlay form, #emailOverlay table {
	padding: 0px;
	margin: 0px;
}

h1#emailTitle {
	background-image: url("http://assets.aarp.org/internal/tech/scrum3/PleaseSignIn.gif");
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 35px;
	margin-left: 15px;
	margin-top: 30px;
}

#emailOverlay table {
	margin-left: 10px;
	margin-bottom: 20px;
}

#emailOverlay td {
	font-size: 12px;
	padding: 4px;
}

#emailOverlay td.labels {
	width: 100px;
}

#emailOverlay td.inputs {
	width: 125px;
}

#emailOverlaySubmit {
	margin: 10px 0px;
}

#emailOverlayWait {
	position: absolute;
	top: 220px;
	left: 50px;
	z-index: 2;
	width: 155px;
	height: 115px;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #999;
	padding-top: 60px;
	padding-left: 95px;
	-moz-opacity:.90;
	opacity:.90;
	filter:alpha(opacity=90);
}

#emailOverlayValidationError {
	margin-left: 20px;
}

#emailOverlayAuthor td.note {
	padding-top: 15px;
}




/*
Global Overlays & Dialogs
--------------------------  */
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #FFFFFF;
}

#dialog {
	position: absolute;
	left: 250px;
	top: 250px;
	width: 350px;
	background: #FFFFFF;
	z-index: 100;
	text-align: left;
	border: double 4px #000000;
	padding: 15px 10px;
}

#dialog h3 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

#dialog p {
	font-size: 13px;
	color: #000000;
	margin: 10px 0px;
}

#dialog p.actions {
	text-align: center;
	margin-top: 20px;
}

.systemMessages li {
	color: #ff0000;
	font-size: 12px;
}











/*
Popups
------ */
#overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 100;
	background-color: #333333;
}

#dialog {
	position: absolute;
	width: 404px;
	z-index: 101;
	left: 0;
	top: 0;
	text-align: left;
	border: none;
	padding: 0;
}

.dialogHeader {
	font-size: 18px;
	color: #ffffff;
	background-color: #05609e;
	font-weight: bold;
	padding: 10px;
	line-height: normal;
	border: 1px #838383 solid;
}

.dialogBody {
	background-color: #666666;
	width: 384px;
	padding: 10px;
	position: relative;
	text-align: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.dialogContent {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	padding: 10px;
	line-height: normal;
	width: 364px;
}

.dialogButtons {
	padding: 10px;
	background-color: #ffffff;
}

.dialogButtons a, .dialogButtons a:hover {
	text-decoration: none;
}

.dialogBody .dialogInput {
	width: 356px;
	border-top: 2px #848484 solid;
	border-left: 2px #848484 solid;
	border-bottom: 2px #fafafa solid;
	border-right: 2px #fafafa solid;
	height: 18px;
	font-size: 12px;
	margin: 0;
	padding: 0 2px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.dialogBody .dialogTextarea {
	width: 356px;
	border-top: 2px #848484 solid;
	border-left: 2px #848484 solid;
	border-bottom: 2px #fafafa solid;
	border-right: 2px #fafafa solid;
	height: 90px;
	font-size: 12px;
	margin: 0;
	padding: 0 2px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


/*
State Promo
--------------------------  */
.statePromo {
  margin-bottom: 12px;
  padding: 0;
  }
.statePromo .bottomRounded {
  height: 16px;
  background: #0570ad url(http://assets.aarp.org/aarp.org_/images/channels/bottomRounded.png) no-repeat left bottom;
  margin-top: -10px;
  }
.statePromo .bottomRounded .bottomRight {
  height: 16px;
  width: 10px;
  float: right;
  background: url(http://assets.aarp.org/aarp.org_/images/channels/bottomRounded2.png) no-repeat left bottom;
  }
.statePromo .promoContent {
  background: #fff;
  border: solid #cacaca;
  border-width: 1px 1px 0 1px;
	padding: 11px;
  }
form#statePromoForm {
  display: block;
  clear: both;
  background: #0570ad;
  border: solid #cacaca;
  border-width: 0 1px;
  padding: 11px 10px 5px 10px;
  text-align: center;
  margin: 0;
  }
.statePromo p {
  font-size: 1.3em;
  line-height: 1.2;
  margin-bottom: 1em;
  }

.statePromo h2 {
  font-size: 2.2em;
  font-weight: bold;
  background: none;
  border: none;
  color: #0570ad;
  margin-top: -0.5em;
  }


/*
CTG Custom Promo Fix
--------------------------  */
#ctgCustomPromo {
  margin-bottom: 12px;
  }


.gridCol.left p {
  font-size: 1.3em;
}

.gridCol.left #commentarySlot p {
  font-size: 1.0em;
}


/*
	Styles for BMI calculator
------------------------------------*/

#BMIall, #BMIinner, #BMIform {
	margin: 0;
	padding: 0;
}

#BMIall {
	border: 1px solid #cacaca;
	margin-bottom: 10px;
}

#BMItitle {
	font-family: 'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Verdana,Arial,sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
	background-color: #e7f2cf;
	margin: 0;
	padding: 5px 0 5px 10px;
}

#BMIinner {
	padding: 0 10px 10px 10px;
}

#BMIinner p, #BMIinner td {
	margin: 10px 0;
	font-size: 1.3em;
	font-family: Verdana,'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Arial,sans-serif;
	color: #333;
}

#BMIinner td {
	margin: 0;
	padding: 4px 0;
	font-size: 1.15em;
}

#BMIinner td.lefty {
	padding-right: 5px;
}

#BMIinner td.righty {
	padding-left: 5px;
}

#BMIinner .btnSelect {
	
}

#BMIinner #userWeight {
	border: 3px solid #9dca3f;
	width: 60px;
	margin-left: 21px;
	height: 25px;
	font-family: Verdana,'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	text-align: center;
}

#BMIinner .BMIResultStrip {
	padding: 10px 0;
	text-align:center;
	background-color: #9dca3f;
}

#BMIinner table {
	width: 100%;
}

#BMIinner tr.even {
	background-color:#dcdcdc;
}

#BMIbutton {
	margin: 0 auto;
	padding: 0;
	width: 85px;
}

#BMIErrorTag {
	font-size: 1.3em;
	font-family: Verdana,'Trebuchet MS','Lucida Grande',Lucida,Helvetica,Arial,sans-serif;
	color: red;
	border: 1px solid #fff;
}
/* end: Styles for BMI calculator */