@charset "UTF-8";
/* CSS Document */

/* ========== HOMEPAGE ========== */

/* ----- Ads ----- */
.adTopHome { background:#fff; display: inline-block; margin: 0 0 20px 0; width: 742px; z-index: 1; }
.adBottomHome { display: inline-block; margin: 0 auto 20px 205px; z-index: 1; }
  .adTopHome #div-gpt-ad-1360796532142-10_ad_container, .adBottomHome #div-gpt-ad-1360796532142-9_ad_container { background: url(images/ad-label-vert.gif) no-repeat right 12px; display: inline-block; margin-right:-10px; padding:0 10px 0 0; }

/* ----- Related Nav (Left Sidebar) ----- */
#relatedNav .spacer { background:#fff; height:10px; }
#relatedNav a.button.blue { font-size:16px; margin-top:10px; padding:.3em 0; text-align:center; width:180px; }
#relatedNav p.defaultCopy { margin:10px 0 10px 0; }
#relatedNav ul { margin-bottom: 20px; }
#relatedNav .moreGreen { font-size:.875em; }

/* Dramatic Health Theater */
#videoPromo { margin: 0 0 50px 0; }
#videoPromo .graphic { background: url(images/dramatic-expert-home-thumbnail.jpg) 0 0 no-repeat; display: block; height: 101px; margin-bottom:5px; width: 180px; }

/* EmpowHER Health Expert */
#expertPromo { margin: 30px 0; }
#expertPromo .defaultTitle { margin-top: 0; }
#expertPromo .graphic { background: url(images/dramatic-expert-home-thumbnail.jpg) 0 -101px no-repeat; display: block; height: 101px; margin-bottom:5px; width: 180px; }
#expertPromo .readMore, #videoPromo .readMore { font-size: 14px; font-weight: bold; }


/* ----- Main Graphic Title -----*/
h1.mainTitle { background: url(images/home-main-title.png) 0 0 no-repeat; border-bottom: none; height: 39px; width: 637px; text-indent: -9999px; }
  h1.mainTitle a { display:block; height:39px; text-indent: -9999px; }

/* ----- Showcase in regular stylesheet----- */

/* ----- News ----- */
#mainContent .news { background: url(images/faux-columns.png) -670px 0 repeat-y; font-size:1.125em; height: 300px; margin: 0 0 0 475px; overflow:hidden; position: relative; width: 300px;}
#mainContent .news h2 { background:url(images/rails-title-line.png) 0 0 no-repeat; margin: 0 0 10px 0; padding: 0 0 0 9px; position: relative; zoom: 1; }
  #mainContent .news h2 span { background: #fff; border: 1px solid #e4e7b0; box-shadow: 0 1px 2px #d2d3c5; -moz-box-shadow: 0 1px 2px #d2d3c5; -webkit-box-shadow: 0 1px 2px #d2d3c5; display: block; padding: 0 10px; text-shadow: 0 1px 2px #d9d9d9; }
#mainContent .news li a:link { color: #7e851b; text-decoration: none; }
  #mainContent .news li a:visited { color: #b2bb1e; text-decoration: none; }
  #mainContent .news li a:hover, #relatedContent a:active { color: #b2bb1e; text-decoration: underline; }
#mainContent .news ul li { list-style:square; margin:0 10px 12px 15px; position: relative; z-index: 2; }
#mainContent .news .fade { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); bottom: 0; left: 0; height: 85px; position: absolute; width: 100%; }


/* ----- Actions Block ----- */
#actionsContent { margin-top: 25px; }
#actionsContent .column { float: left; width: 241px; }
  #actionsContent .column1 { padding: 0 15px 0 0; }
  #actionsContent .column2 { padding: 0 15px 0 11px; }
  #actionsContent .column3 { float: right; padding: 0 0 0 11px; }
#actionsContent .action { height: 230px; position: relative; }
  #actionsContent #heather { background:url(images/her-personas.jpg) 0 0 no-repeat; display:block; height:84px; width:241px; }
  #actionsContent #ellie { background:url(images/her-personas.jpg) 0 -84px no-repeat; display:block; height:84px; width:241px; }
  #actionsContent #rose { background:url(images/her-personas.jpg) 0 -168px no-repeat; display:block; height:84px; width:241px; }
  #actionsContent h2 { font-size: 1.4em; margin-bottom: 3px; }
    #actionsContent h2 a { color: #807f83; }
  #actionsContent p { margin-top: 10px; }
    #actionsContent p a { color: #807f83; text-decoration: none; }
  #actionsContent .button { bottom: 0; font-size:1em; left: 0; margin:0; position: absolute; width: 220px }
      #actionsContent .button:active, #actionsContent a.button:active { bottom: -1px; position: absolute; top:auto; }
  #actionsContent .addMemberIcon { background: url(images/icons-button.png) 0 0 no-repeat; display: block; height: 18px; margin-top: 4px; width: 29px; }
  #actionsContent .groupsIcon { background: url(images/icons-button.png) 0 -54px no-repeat; display: inline-block; height: 18px; vertical-align:middle; width: 22px; }
  #actionsContent .Twenty4hrSmall { float: right; margin-top: -4px; }
  
/* ----- Content Block ----- */
#actionsContent .content { float: left; min-height: 240px; padding-top: 40px; position: relative; width: 100%; z-index: 2; }
#actionsContent .content h3 { border-bottom: solid 1px #e6e5e6; font-size: 1em; margin-bottom: 5px; padding-bottom: 3px; }
#actionsContent .content a:link, .contentBlock a:visited { text-decoration: none; }
  #actionsContent .content a:hover, #actionsContent .content a:active { text-decoration: underline; }
#actionsContent .content li { border-top: solid 1px #ececed; height: 70px; line-height: 1.33em; list-style: none; padding: 10px 0; vertical-align: text-top; }
  #actionsContent .content li:first-child { border-top: none; }
#actionsContent .content .avatar { float: left; }
#actionsContent .title { display: block; margin-left: 60px; max-height:54px; overflow:hidden; }
#actionsContent .subInfo { color: #a6a5a8; display: block; font-size: .9em; margin-left: 60px; }
  #actionsContent .subInfo a { color: #a6a5a8; }
#actionsContent .userRoleBadges { display: none; }
  
/* ----- Home Promo ----- */
#homePromo { display: block; margin: 15px 0; }


/* ----- Footer ----- */
#footer { position: relative; }