/* Choose You. green border #C3CF21, aqua #4DC8E9 */

/* --------------- html selectors ---------------- */

*
{
  padding: 0;
  margin: 0;
}

body
{
  background: #fff url(../images/backgrounds/mainbg.jpg) top left repeat-x;
  font: normal 12px/14px Arial, Helvetica, sans-serif;
  color: #666;
  padding: 0;
  margin: 0;
}

p
{
  margin: 1em 0;
  line-height: 1.5em;
}

sup
{
  vertical-align: text-top;
}


/* line is bg img so header can overlap at bottom */
h1
{
  font-size: 19px;
  padding: 20px 0 8px 0;
  margin: 5px 0 20px 0;
  color: #333;
  font-weight: bold;
  line-height: 1.2em;
  background: transparent url(../images/backgrounds/imageheader_underline.gif) bottom left repeat-x;
}
.headfullwidth h1
{
  background-image: none;
}
/* underline is in container div for these */

.articleleft h1
{
  font-size: 20px;
  padding: 0;
  margin: 0;
  color: #4DC8E9;
  font-weight: bold;
  line-height: 1.2em;
  border: none;
  background-image: none;
  width: auto;
  height: 64px;
}

.articleleft h1 .subhead
{
  font-size: 14px;
  line-height: 15px;
}

h2
{
  font-size: 14px;
  margin: 16px 0 10px 0;
  color: #333;
  font-weight: bold;
  line-height: 1.2em;
}

h2.red
{
  color: #DF094D;
}
/* added with updates */

h3
{
  font-size: 11px;
  color: #333;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.2em;
  text-transform: uppercase;
  margin: .5em 0;
}

img
{
  display: block;
}
img.inline
{
  display: inline;
  vertical-align: middle;
}
a img
{
  border: none;
}

ol, ul
{
  margin: .5em 2em;
}
li
{
  margin: 0 0 .5em 0;
  line-height: 1.5em;
}

select, option
{
  font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
  height: 22px;
}

th
{
  font-weight: bold;
  color: #666;
  text-align: center;
}
tr.altshade td
{
  background-color: #edf9fd;
}

blockquote
{
  margin: 1em;
  padding: 1em;
  line-height: 1.5em;
  font-style: italic;
}

/* --------------- header -------------------*/

.header
{
  padding: 0 0 0 18px;
  height: 149px;
  background-color: #fff;
  width: 920px; /* total 958 */
}
.header_smaller_version
{
  padding: 0 0 0 18px;
  height: 110px;
  background-color: #fff;
  width: 920px; /* total 958 */
}

.header .logo
{
  float: left;
  display: inline;
  width: 300px;
  height: 100px;
  padding-top: 4px;
}

.header_smaller_version .logo
{
  float: left;
  display: inline;
  width: 300px;
  height: 100px;
  padding-top: 4px;
}

.header .headerfooterlinks
{
  float: left;
  display: inline;
  margin: 3px 10px 0 0px;
  padding: 20px 0;
  width: 410px;
  height: 30px;
  text-align: right;
}

.header .login
{
  float: left;
  display: inline;
  padding: 15px 0 0 10px;
  width: 188px;
  height: 35px;
}

.header .login #regbutton
{
  float: left;
  display: inline;
  margin-left: 0px;
}
.header .login #loginbutton
{
  float: left;
  display: inline;
}

.header .welcome
{
  text-align: right;
  color: #4dc8e9;
  padding: 0;
  margin: 0;
  font-size: 11px;
}
.header .welcome p
{
  color: #999;
  font: bold 14px/16px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

.loggedinlinks
{
  width: 155px;
  text-align: left;
  float: right;
  display: inline;
  color: #6699CC;
}

.navbar
{
  background: transparent url(../images/navbar/navbar_bg.gif) top left no-repeat;
  height: 36px;
  width: 914px;
  padding: 4px 0 0 7px;
  position: relative;
  z-index: 2;
}
/* need rel pos as anchor for dropdown*/

.navbar div.homeicon
{
  float: left;
  display: inline;
  width: 98px;
}

.navbar #dropdowntrigger
{
  float: left;
  display: inline;
  width: 204px;
  height: 29px;
  margin: 1px 0 0 9px;
  padding: 0;
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -97px -0px no-repeat;
}

.navbar div.nav
{
  float: left;
  display: inline;
  width: 528px;
  margin: 1px 0 0 66px;
}

div.dropdown ul
{
  margin: 0 0 20px 0;
  background: transparent url(../images/navbar/dropdown_bg.gif) bottom left no-repeat;
  position: absolute;
  left: 118px;
  top: 38px;
  width: 215px; /* actual 215 */
  margin: 0;
  padding: 0 0 10px 0;
}

div.dropdown ul li
{
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #EFF2C0;
}

/* --------------- link styles (also more below) -------------------*/

a:link
{
  text-decoration: none;
  color: #6699cc;
}
/* was #4dc8E9 */
a:visited
{
  text-decoration: none;
  color: #6699cc;
}
a:hover
{
  text-decoration: underline;
  color: #6699cc;
}
a:active
{
  text-decoration: underline;
  color: #6699cc;
  outline: none;
}
a:focus
{
  -moz-outline-style: none;
}

.navbar #dropdowntrigger a
{
  display: block;
  width: 204px;
  padding: 0;
}
.navbar #dropdowntrigger a:link
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -97px -0px no-repeat;
}
.navbar #dropdowntrigger a:visited
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -97px -0px no-repeat;
}
.navbar #dropdowntrigger a:hover
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -97px -34px no-repeat;
}
.navbar #dropdowntrigger a:active
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -97px -34px no-repeat;
}

.dropdown a
{
  display: block;
  width: 185px;
  padding: 8px 10px 8px 20px;
}
.dropdown a:link
{
  text-decoration: none;
  color: #336600;
}
.dropdown a:visited
{
  text-decoration: none;
  color: #336600;
}
.dropdown a:hover
{
  text-decoration: underline;
  color: #336600;
  background: #d4dd55;
}
.dropdown a:active
{
  text-decoration: underline;
  color: #336600;
  background: #d4dd55;
}


.articlelistfooter a
{
  font-size: 11px;
  color: #005B72;
}
.articlelistfooter a:link
{
  text-decoration: none;
  color: #005B72;
}
.articlelistfooter a:visited
{
  text-decoration: none;
  color: #005B72;
}
.articlelistfooter a:hover
{
  text-decoration: underline;
  color: #005B72;
}
.articlelistfooter a:active
{
  text-decoration: underline;
  color: #005B72;
}

p.backlink
{
  color: #4DC8E9;
  font-size: 11px;
  font-weight: normal;
  margin: 2em 0;
}

.navbar .homeicon
{
  width: 96px;
  height: 28px;
  margin: 1px 0 0 0;
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -0px -0px no-repeat;
}

.navbar .homeicon a
{
  display: block;
  width: 96px;
}
.navbar .homeicon a:link
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -0px -0px no-repeat;
}
.navbar .homeicon a:visited
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -0px -0px no-repeat;
}
.navbar .homeicon a:hover
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -0px -34px no-repeat;
}
.navbar .homeicon a:active
{
  background: transparent url(../images/navbar/acs_navbar_sprite.jpg) -0px -34px no-repeat;
}

/* avoid IE6 flicker */
.navbar .nav
{
  margin: 1px 0 0;
  background: url(../images/navbar/acs_navbar_sprite.jpg) -380px -0px no-repeat;
}

.nav span
{
  display: none;
}
/* hide link text */

div.navsection
{
  float: left;
  display: inline;
}
/* not using LI since widths vary */
div.navsection.selected
{
  display: block;
}

#navabout a
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -380px -0px no-repeat;
  width: 107px;
  height: 28px;
  display: block;
}
#navabout a:link
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -380px -0px no-repeat;
}
#navabout a:hover
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -380px -34px no-repeat;
}
#navabout a:active
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -380px -34px no-repeat;
}
div.selected#navabout a
{
  background-position: -380px -34px;
}

#navblog a
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -487px -0px no-repeat;
  width: 99px;
  height: 28px;
  display: block;
}
#navblog a:link
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -487px -0px no-repeat;
}
#navblog a:hover
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -487px -34px no-repeat;
}
#navblog a:active
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -487px -34px no-repeat;
}
div.selected#navblog a
{
  background-position: -487px -34px;
}

#navevents a
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -586px -0px no-repeat;
  width: 98px;
  height: 28px;
  display: block;
}
#navevents a:link
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -586px -0px no-repeat;
}
#navevents a:hover
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -586px -34px no-repeat;
}
#navevents a:active
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -586px -34px no-repeat;
}
div.selected#navevents a
{
  background-position: -586px -34px;
}

#navstore a
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -684px -0px no-repeat;
  width: 93px;
  height: 28px;
  display: block;
}
#navstore a:link
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -684px -0px no-repeat;
}
#navstore a:hover
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -684px -34px no-repeat;
}
#navstore a:active
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -684px -0px no-repeat;
}
/* same as default state */
div.selected#navstore a
{
  background-position: -684px -34px;
}

#navresources a
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -777px -0px no-repeat;
  width: 131px;
  height: 28px;
  display: block;
}
#navresources a:link
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -777px -0px no-repeat;
}
#navresources a:hover
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -777px -34px no-repeat;
}
#navresources a:active
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -777px -34px no-repeat;
}
div.selected#navresources a
{
  background-position: -777px -34px;
}

/* ---------------- red buttons upper right -------------- */

#regbutton a
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -0px -0px no-repeat;
  width: 94px;
  height: 36px;
  display: block;
}
#regbutton a:link
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -0px -0px no-repeat;
}
#regbutton a:hover
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -0px -36px no-repeat;
}
#regbutton a:active
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -0px -36px no-repeat;
}
div.selected#regbutton a
{
  background-position: -0px -34px;
}

#loginbutton a
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -94px -0px no-repeat;
  width: 94px;
  height: 36px;
  display: block;
}
#loginbutton a:link
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -94px -0px no-repeat;
}
#loginbutton a:hover
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -94px -36px no-repeat;
}
#loginbutton a:active
{
  background: url(../images/navbar/acs_headerlogin_sprite.jpg) -94px -36px no-repeat;
}
div.selected#loginbutton a
{
  background-position: -1005px -34px;
}


/* ---- logout orig format (not red) ----------- */
#logoutbutton
{
  margin-left: 96px;
}
#logoutbutton a
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -1091px -0px no-repeat;
  width: 93px;
  height: 28px;
  display: block;
}
#logoutbutton a:link
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -1091px -0px no-repeat;
}
#logoutbutton a:hover
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -1091px -34px no-repeat;
}
#logoutbutton a:active
{
  background: url(../images/navbar/acs_navbar_sprite.jpg) -1091px -34px no-repeat;
}
div.selected#logoutbutton a
{
  background-position: -1091px -34px;
}

div.popupdetails a:link
{
  font-size: 10px;
  color: #D30D44;
  text-decoration: none;
}
div.popupdetails a:visited
{
  font-size: 10px;
  color: #D30D44;
  text-decoration: none;
}
div.popupdetails a:hover
{
  font-size: 10px;
  color: #D30D44;
  text-decoration: underline;
}
div.popupdetails a:active
{
  font-size: 10px;
  color: #D30D44;
  text-decoration: underline;
}


/* --------------- content containers -------------------*/

.mainshell
{
  margin: 0 auto;
  width: 958px; /* total visible 958 */
  background: transparent url(../images/backgrounds/shadowsides.png) top left repeat-y;
  padding: 0 21px;
  position: relative;
}

.content
{
  background-color: #fff;
  padding: 0 0 20px 20px;
  width: 918px; /* actual 958 */
  text-align: left;
  min-height: 400px;
}

.leftmaincol
{
  width: 588px;
  float: left;
  display: inline;
  margin-top: 10px;
}

.rightcol
{
  width: 310px;
  margin-left: 16px;
  float: left;
  display: inline;
  margin-top: 10px;
  padding: 20px 0;
}

.footer
{
  clear: right;
  height: 150px;
  background: #d6d6d6 url(../images/backgrounds/footeredge.jpg) top left repeat-x;
  text-align: center;
  margin: 1em 0 0 0;
  padding: 0 0 30px 0;
  color: #666;
  font-size: 11px;
}

div.addthis
{
  display: inline;
}

ul.headerfooterlinks
{
  margin: 0;
  padding: 20px 0;
  font-size: 12px;
}
ul.headerfooterlinks li
{
  display: inline;
  list-style-type: none;
  padding: 0 10px;
  margin: 8px 0;
  border-right: 1px solid #6699cc;
}
ul.headerfooterlinks li.lastlink
{
  border: 0px;
}
/* last-child won't work in IE*/
ul.headerfooterlinks li a
{
  margin: 0;
  padding: 0;
}

.footer img.inline
{
  margin: 5px 10px;
}

.rightcol .callout
{
  width: 311px;
  background: #ebebeb url(../images/backgrounds/rightcol_gradient_top.gif) top left no-repeat;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
}

.rightcol .callout .bottom
{
  width: 311px;
  height: 20px;
  padding-bottom: 20px;
  background: transparent url(../images/backgrounds/rightcol_gradient_bott.gif) bottom left no-repeat;
  font-size: 11px;
}

#registrationPromotions
{
  width: 958px;
  margin: 70px 0 20px -14px;
}
#registrationPromotions .registration_callout
{
  width: 456px;
  background: #efeeee url(../images/backgrounds/registration_why_join_gradient.gif) top left no-repeat;
  margin: 0 8px 0 8px;
  padding: 16px 0 0 0;
  float: left;
}
#registrationPromotions .registration_bottom
{
  width: 456px;
  height: 20px;
  padding-bottom: 0;
  background: transparent url(../images/backgrounds/registration_bottom.gif) bottom left no-repeat;
  font-size: 11px;
}
#registrationPromotions .registration_bottom_right
{
  width: 456px;
  height: 20px;
  padding-bottom: 10px;
  background: transparent url(../images/backgrounds/registration_bottom.gif) bottom left no-repeat;
  font-size: 11px;
}

#registrationButton
{
  margin: 0 auto;
  width: 308px;
  height: 44px;
  cursor: pointer;
}

#registrationPromotions .inner
{
  padding-left: 20px;
}
/* need this so rounded bott pc aligns */
#registrationPromotions h2
{
  font-size: 16px;
  font-weight: normal;
  padding: 0 0 6px 28px;
  margin: 0;
}
#registrationPromotions .inner h2
{
  padding-left: 0;
}
#registrationPromotions p
{
  line-height: 1.2em;
  margin: 0;
  padding: 8px 0;
  font-size: 12px;
}
#registrationPromotions h2.smaller
{
  font-size: 13px;
  font-weight: bold;
  width: 425px;
  margin: 0;
  padding: 0;
}
#registrationPromotions p.smaller
{
  padding: 0;
  font-size: 11px;
}
#registrationPromotions ul
{
  padding: 0;
  margin: 0 10px 0 0;
}
#registrationPromotions
{
  padding: 0;
}
#registrationPromotions .benefits
{
  margin: 2em 0;
}
#registrationPromotions .benefits ul.flowerbullets
{
  padding: 0 20px;
  margin: 1em 0;
}
#registrationPromotions .footnote
{
  font-size: 9px;
}
#registrationPromotions p.footnote
{
  margin: 10px 0 0 0;
  padding: 0;
}

.rightcol .callout .inner
{
  padding-left: 20px;
}
/* need this so rounded bott pc aligns */

.rightcol .callout h2
{
  font-size: 18px;
  font-weight: normal;
  padding: 0 0 6px 28px;
  margin: 0;
}
.rightcol .callout .inner h2
{
  padding-left: 0;
}
.rightcol .callout p
{
  line-height: 1.4em;
  margin: 0;
  padding: 8px 0;
}

.rightcol .callout h2.smaller
{
  font-size: 14px;
  font-weight: bold;
  width: 240px;
  margin: 0;
  padding: 0;
}

.rightcol .callout p.smaller
{
  padding: 0;
  font-size: 11px;
}

.rightcol .callout ul
{
  padding: 0;
  margin: 0 10px 0 0;
}
.rightcol .callout li
{
  padding: 0;
}


.rightcol .benefits
{
  margin: 2em 0;
}

.benefits ul.flowerbullets
{
  padding: 0 20px;
  margin: 1em 0;
}

ul.registration_flowerbullets
{
  padding: 0 20px;
  margin: 25px 0 0 56px;
}


/* ----------------- home pg --------------- */

/*.homemain
{margin:0 0 0 -20px;
}*/



/*--------------
End home updates
--------------*/
.homemain
{
  margin: 0;
  padding: 0;
  background: transparent url(../images/backgrounds/home-header-graphic.jpg) top left no-repeat;
  height: 328px;
  position: relative; /*z-index:10;*/
}


.learn-more
{
  float: left;
  padding: 215px 0 0 25px;
  margin: 0;
  display: inline;
  width:200px;
}


.splike
{
  float: left;
  padding: 225px 0 0 20px;
  margin: 0;
  display: inline;
}

.splike iframe, .splike object
{
  border: none;
  overflow: hidden;
  width: 81px;
  height: 21px;
  display: inline;
}

.home-movie
{
  float: left;
  padding: 35px 0 0 70px;
  margin: 0;
}

.sprite-share
{
  margin: 0;
  padding: 0;
  background: transparent url(../images/backgrounds/sprite-zero-share-bg.jpg) top left no-repeat;
  height: 102px;
  position: relative;
  overflow: hidden;
}

.share-counter
{
  float: left;
  padding: 28px 0 0 619px;
  margin: 0;
}


.sprite-sm
{
  float: left;
  padding: 10px 0 0 80px;
  margin: 0;
}

.fb_share_count_nub_right
{
  background-image: url("../images/backgrounds/yellow-arrow.gif") !important;
}


/*--------------
End home updates
--------------*/



/* flash */
.homesectionbuttons
{
  margin: 20px 0;
  overflow: auto;
}
.homegear
{
  margin-left: 20px;
  padding: 9px 0 0 0;
}
.homesectionbuttons img
{
  float: left;
  display: inline;
}


div.homepromo
{
  padding: 145px 15px 10px 15px;
  height: 120px  /* actual 275px */;
  width: 170px /* actual 200px */;
  color: #a5660e;
  margin-right: 30px;
  background: #ffffff url(../images/backgrounds/homepromo-new-years.jpg) top left no-repeat;
  float: left;
  display: inline;
}

div.homepromo h2
{
  font-size: 14px;
  
  color: #024f65;
  margin: 10px 0 10px 5px;
  padding-top: 0;
  line-height: 20px;
  font-weight: bold;
}

ul.homepromo
{
  list-style: none;
  margin: 10px 0 0;
}

ul.homepromo li
{
  font-size: 11px;
  margin-left: 0;
  padding-left: 20px !important;
  background-image: url(../images/backgrounds/homepromo_bullet_green.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* white arrow bullets */
.homepromo a:link
{
  text-decoration: none;
  color: #024f65;
}
.homepromo a:visited
{
  text-decoration: none;
  color: #024f65;
}
.homepromo a:hover
{
  text-decoration: underline;
  color: #024f65;
}
.homepromo a:active
{
  text-decoration: underline;
  color: #024f65;
}


div.newsfeed
{
  height: 270px; /* actual 274 */
  padding-top: 4px;
  width: 688px;
  float: left;
  display: inline;
  background: #ffffff url(../images/backgrounds/home_newsfeed.jpg) bottom left no-repeat;
}

#sponsorpromos .sponsor
{
  height: 130px;
  width: 500px;
}

.homesponsorlogo
{
  float: left;
  display: inline;
  height: 130px;
  width: 220px;
  padding-left: 3px;
}

/* --------------- forms -------------------*/

label
{
  display: block;
  margin: 0 0 3px 0;
}
label.highlighted
{
  color: #D50B49 !important;
  font-weight: bold !important;
}

input
{
  width: 180px;
  margin: 0 0 1em 0;
  padding: 1px 2px;
}
textarea
{
  margin: 0 0 1em 0;
  padding: 1px 2px;
  display: block;
}

select
{
  width: 180px;
  margin: 0 0 1em 0;
  padding: 1px 2px;
}
option
{
  padding: 1px 2px;
}

div.error
{
  margin: 4px 0 8px 0;
  display: block;
  font-size:13px;
}

.error
{
  color: #D50B49;
  font-weight: bold;
}

.formleftcol
{
  /* contact, login, tool kit, reg form */
  background: #ebebeb url(../images/backgrounds/formtop.gif) top left no-repeat;
  width: 541px;
}

.reg_form
{
  /* reg form */
  background: #e3e3e3 url(../images/backgrounds/gradient_light_gray.gif) top left no-repeat;
  width: 584px;
}
.formleftcol .left
{
  width: 200px;
  float: left;
  display: inline;
  padding: 0;
  margin-right: 10px;
}

.reg_form .left
{
  width: 400px;
  float: left;
  display: inline;
  padding: 0;
  margin-right: 10px;
}



.formleftcol .right
{
  width: 267px;
  float: left;
  display: inline;
  padding: 0;
}

.reg_form .right
{
  width: 67px;
  float: left;
  display: inline;
  padding: 0;
}
.formleftcol .right input.longfield, .reg_form .right input.longfield
{
  width: 260px;
}

.formleftcol .inner
{
  padding: 10px;
}

.reg_form .inner
{
  padding: 15px 10px 15px 10px;
}

.formleftcol h2, .reg_form h2
{
  padding: 20px;
}
.formleftcol .dataform, .reg_form .dataform
{
  padding: 20px;
}
.formleftcol .dataform h2, .reg_form .dataform h2
{
  padding: 10px 0 20px 0;
}

.formleftcolbott
{
  width: 541px;
  height: 17px;
  background: transparent url(../images/backgrounds/formbott.gif) top left no-repeat;
}

.reg_form_bott
{
  width: 584px;
  height: 20px;
  background: transparent url(../images/backgrounds/gradient_light_bottom.gif) top left no-repeat;
}

/* reg page full column wide  */
.formfullcol
{
  width: 872px;
  background: #ebebeb url(../images/backgrounds/formwide_top.gif) top left no-repeat;
}

.formfullcolbott
{
  height: 20px;
  width: 872px;
  background: transparent url(../images/backgrounds/formwide_bott.gif) top left no-repeat;
}

.longfield
{
  width: 304px;
}

span.checkbox
{
  display: block;
  overflow: auto;
}
span.checkbox input
{
  width: auto;
  float: left;
  display: inline;
  margin-right: 4px;
  clear: left;
}

div.cancelbutton
{
  float: right;
  display: inline;
}
span.checkbox label
{
  display: block;
  margin-left: 20px;
}

input.city
{
  width: 134px;
}

select.state
{
  width: 50px;
}

select.radius
{
  width: 100px;
}

.reg_form input.zip
{
  width: 90px;
}

input.zip
{
  width: 45px;
}
input.phone1
{
  width: 30px;
}
input.phone2
{
  width: 30px;
}
input.phone3
{
  width: 40px;
}

select.securityquestion
{
  width: auto;
}

.formbuttons
{
  display: block;
  padding: 0;
  margin: 5px 0 0 0;
  overflow: auto;
}
.formbuttons div.button
{
  margin-right: 30px;
  float: left;
  display: inline;
}
.formbuttons div.button a
{
  display: block;
  padding-top: 10px;
  font-weight: bold;
}

.formbullets
{
  width: 200px;
  float: left;
  display: inline;
}


ul.flowerbullets
{
  list-style: none;
}

ul.flowerbullets li
{
  font-size: 11px;
  margin: 0 0 1em 0;
  padding-left: 24px !important;
  background-image: url(../images/backgrounds/flowerbullet.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

ul.registration_flowerbullets
{
  list-style: none;
}

ul.registration_flowerbullets li
{
  font-size: 11px;
  margin: 0.3 em 0 .3em 0;
  padding-left: 24px !important;
  background-image: url(../images/backgrounds/flowerbullet.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* ------------------------------ landing pg ------------------------------- */

.decisiontools
{
  float: left;
  display: inline;
  width: 435px;
  padding: 10px 0 0 20px;
  margin-right: 100px;
  height: 168px;
  background: #fff url(../images/backgrounds/tools_bg.gif) top left no-repeat;
  font-weight: bold;
}








.decisiontools p.toolshead
{
  padding: 12px 0 0 6px;
  margin: 0;
  font: normal 18px/19px Arial, Helvetica, sans-serif;
  color: #005B72;
}

div.tool
{
  width: 113px;
  height: 92px;
  padding: 2px 10px;
  border-right: 1px solid #005b72;
  float: left;
  display: inline;
  position: relative;
  margin: 6px 7px 0 0;
}

div.tool a:link
{
  color: #005b72;
}
div.tool a:visited
{
  color: #005b72;
}
div.tool a:hover
{
  color: #005b72;
}
div.tool a:active
{
  color: #005b72;
}

div.sunquiz
{
  background: transparent url(../images/backgrounds/sun.gif) 60px 36px no-repeat;
}
div.desktop_helper
{
  background: transparent url(../images/backgrounds/desktop_helper.gif) 66px 36px no-repeat;
  border-right: none;
}

div.acs_logo
{
  background: transparent url(../images/backgrounds/acs_logo.jpg) 65px 46px no-repeat;
}
div.acs_video
{
  background: transparent url(../images/backgrounds/acs_video.jpg) 65px 44px no-repeat;
}
div.acs_prevent_video
{
  background: transparent url(../images/backgrounds/acs_video.jpg) 65px 44px no-repeat;
}
div.acs_decline_video
{
  background: transparent url(../images/backgrounds/acs_video.jpg) 65px 44px no-repeat;
  border-right: none;
}





div.acs_gazelle
{
  background: transparent url(../images/backgrounds/gazelle-bg.jpg) 0 0 no-repeat;
  border-right: none;
  height: 104px !important;
}





div.smokingcalc
{
  background: transparent url(../images/backgrounds/dollarsign.gif) 65px 30px no-repeat;
}
div.smokingvid
{
  background: transparent url(../images/backgrounds/quitforlife_icon.jpg) 60px 38px no-repeat;
}

div.beatcraving
{
  background: transparent url(../images/backgrounds/nocraving.gif) 60px 30px no-repeat;
  border-right: none;
}

div.dietician
{
  background: transparent url(../images/backgrounds/thumb_dietician.jpg) 70px 40px no-repeat;
}

div.exercisevid
{
  background: transparent url(../images/backgrounds/dumbbells.gif) 70px 40px no-repeat;
  border-right: none;
}
div.quiz
{
  background: transparent url(../images/backgrounds/checkboxes.gif) top left no-repeat;
}
div.bmi
{
  background: transparent url(../images/backgrounds/calculator.gif) 0 0 no-repeat;
}
div.calories
{
  background: transparent url(../images/backgrounds/apple.gif) top left no-repeat;
  border-right: 0px solid #fff;
}

/* GO button on tools */
div.tool img
{
  position: absolute;
  top: 66px;
  left: 0px;
  vertical-align: bottom;
}

.carousel
{
  float: left;
  display: inline;
}

.sponsorlogos
{
  font-size: 10px;
  color: #999;
  text-align: right;
  padding: 0;
  margin: 0;
}

.presentingsponsors
{
  width: 348px;
  float: right;
  display: inline;
  padding: 0 30px 0 0;
  margin: 0;
  height: 58px;
  background: transparent url(../images/backgrounds/imageheader_underline.gif) bottom left repeat-x;
}

.presentingsponsorshome
{
  width: 300px;
  float: right;
  display: inline;
  padding: 0 30px 0 0;
  margin: 0;
  z-index: 999999;
}

.sponsorlogos img
{
  display: inline;
  vertical-align: middle;
}

div.toolsponsors
{
  width: 100%;
  height: 40px;
  border-top: 2px solid #e3e3e3;
  text-align: right;
  margin-top: 8px;
}

.toolsponsors .sponsorlogos .group
{
  float: left;
  display: inline;
  padding-left: 20px;
}
span.toolpopupfootersection
{
  display: inline-block;
  padding-left: 30px;
}

.sm-goal{padding-top:7px; padding-left:3px;}


/* --------------- tool popups ------------ */


div.popupComingSoon
{
    width:400px !important;
    height:200px;
}

.popupComingSoon h1
{
    font-size: 22px;
    padding: 20px 0 8px 0;
    margin: 5px 0 20px 0;
    color: #17385f;
    font-weight: bold;
    line-height: 1.2em;
    background: transparent url(../images/backgrounds/imageheader_underline.gif) bottom left repeat-x;
}

.popupComingSoon h2{font-size: 22px; margin: 16px 0 10px 0; padding-right:75px; color: #17385f; font-weight:bold; line-height: 26px;}
.popupComingSoon p{font-size: 14px; color: #1f497d; font-weight: normal; line-height: 1.2em;}





div.toolpopup, div.toolpopupwide
{
  border: 5px solid #C3CF21;
  background-color: #fff;
  padding: 15px 20px;
  color: #666;
}

div.toolpopup
{
  width: 650px;
}
div.toolpopupwide
{
  width: 790px;
}
/* virtual dietician */
div.gahc
{
  width: 800px;
}
/* great american health check*/

div.videopopup
{
  width: 500px;
}
/* width:auto breaks IE8 */

div.chooseyouvideopopup
{
  width: 480px;
}
div.virtualdieticianpopup
{
  width: 820px;
}

div.whyeightweeks
{
  width: 325px;
}

div.exercisevideopopup
{
  width: 660px;
}

div.fitinfitnessvideopopup
{
  width: 660px;
}
div.quitsmokingvideopopup
{
  width: 565px;
}
div.cancerondeclinevideopopup
{
  width: 480px;
}
div.coloncancervideopopup
{
  width: 560px;
}

.toolpopup h1
{
  color: #003366;
  padding: 0 0 8px 0;
  margin: 18px 0 12px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
}

.toolpopup h2
{
  color: #003366;
  margin: 0 0 .5em 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.toolpopup h3
{
  color: #003366;
  margin: 0 0 .5em 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div.toolexpanded
{
  width: 800px;
}

.toolpopup .left
{
  float: left;
  display: inline;
  padding: 15px 20px;
  font-size: 11px;
  width: 250px;
}
.toolpopup .right
{
  float: left;
  display: inline;
  padding: 15px 20px;
  margin-left: 20px;
  width: 250px;
  font-size: 11px;
}

.toolpopup .fullwidth
{
  padding: .5em 1em;
  margin-bottom: 1em;
}

.toolpopup .shaded
{
  background-color: #E7F0F9;
}
.toolpopup .left h2, .toolpopup .right h2
{
  margin-top: 0;
  padding-top: 0;
}
.toolpopup .closeModal
{
  float: right;
  display: inline;
}


.toolpopup .subhead
{
  color: #003366;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
/* looks same as h2 */

.toolpopup .radiobuttonsgrid .row
{
  margin: 0 0 6px 0;
}

.toolpopup .rightfields input
{
  text-align: right;
  padding-right: 3px;
}

.tooltable td
{
  padding: 5px;
}

.radiobuttonsgrid .row input
{
  width: 30px;
  margin: 0;
}

.toolbutton
{
  padding: 4px;
  font: normal 10px/12px Verdana, Arial, Helvetica;
  color: #4C7219;
  background-color: #EDF1BC;
  text-align: center;
}

.shaded b
{
  color: #333333;
}

#toolCostOfSmoking .buttons
{
  margin: 10px 0 10px 426px;
}
#toolCostOfSmoking .buttons input
{
  margin: 0 0 0 6px;
  width: 100px;
}

#toolCostOfSmoking .smokeCalcQuestions
{
  background-color: #E7F0F9;
  padding: 10px;
}

#toolCostOfSmoking .smokeCalcQuestion
{
  margin-bottom: 10px;
}
#toolCostOfSmoking .smokeCalcQuestion .textfield
{
  width: 50px;
  text-align: right;
  margin: 0;
}
#toolCostOfSmoking .smokeCalcQuestion p
{
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
}
#toolCostOfSmoking .smokeCalcInput
{
  float: right;
  display: inline;
  text-align: right;
  width: 220px;
}
#toolCostOfSmoking .smokeCalcInput select
{
  width: 60px;
}
#toolCostOfSmoking .smokeCalcAnswer select
{
  width: 60px;
}
#toolCostOfSmoking .smokeCalcAnswers
{
  padding: 10px;
}
#toolCostOfSmoking .smokeCalcAnswer
{
  margin: 0 0 5px 0;
  height: 30px;
}
#toolCostOfSmoking .smokeCalcAnswer .textfield
{
  width: 70px;
  text-align: right;
}
#toolCostOfSmoking .smokeCalcAnswer p
{
  padding: 0;
  margin: 0 0 0 220px;
  float: left;
  display: inline;
}
#toolCostOfSmoking .smokeCalcOutput
{
  float: right;
  display: inline;
  text-align: right;
  width: 90px;
}

.melanomaLeft
{
  display: inline;
  float: left;
  width: 200px;
}
.melanomaRight
{
  display: inline;
  float: left;
  width: 360px;
}

#toolBMIcalculator input
{
  width: 30px;
}
#toolBMIcalculator .toolbutton
{
  width: 120px;
}

#toolCalorieCounter input
{
  width: auto;
  line-height: 11px;
}
#toolCalorieCounter .shaded
{
  margin: 10px;
  padding: 0;
}
#toolCalorieCounter p input.txtWeight
{
  width: 30px;
  height: 16px;
  padding: 0 4px;
  margin: 0;
}

#toolCalorieCounter .weight
{
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
}
#toolCalorieCounter .weight input
{
  margin-left: 5px;
}
#toolCalorieCounter .sex
{
  padding: 0;
  margin: 3px 0 0 20px;
  float: left;
  display: inline;
}
#toolCalorieCounter .sex input
{
  margin-left: 5px;
}
#toolCalorieCounter .activitylevel
{
  padding: 0;
  margin: 0;
}
#toolCalorieCounter .activitylevel p
{
  padding: 0;
  margin: 0 0 .5em 0;
}
#toolCalorieCounter .activitylevel p.radio
{
  text-indent: -20px;
  line-height: 11px;
  margin: 0 0 10px 25px;
}
#toolCalorieCounter .activitylevel p.radio input
{
  margin-right: 5px;
}

#toolSunSafety
{
  height: 460px;
}

.sunquizshell
{
  height: 410px;
  border: 1px solid white;
}

#toolSunSafety input
{
  width: auto;
  margin: 0;
}
#toolSunSafety p.question
{
  font-weight: bold;
  margin: 10px 25px;
  color: #003366;
  text-indent: -14px;
}
#toolSunSafety label
{
  padding: 6px 30px;
  margin: 0 0;
}
#toolSunSafety label.correct
{
  background: transparent url(../images/icons/checkIcon.gif) top left no-repeat;
}
#toolSunSafety label.incorrect
{
  background: transparent url(../images/icons/xIcon.gif) top left no-repeat;
}
#toolSunSafety div.quiztotal
{
  display: block;
  width: 100%;
  padding: 0;
  margin: 10px 0 5px 0;
}
#toolSunSafety div.quiztotal .toolbutton
{
  float: left;
  display: inline;
  margin: 0 10px 0 0;
}
#toolSunSafety div.quiztotal #scoreCopy p
{
  float: left;
  margin: 0 0 0 5px;
  width: 600px;
  padding: 0;
}
#toolSunSafety .toolbutton
{
  margin-top: 1em;
}

/* nutrition quiz */
.quizresults
{
  padding: 4px 6px;
  background-color: #E7F0F9;
  margin-bottom: 10px;
  border: 1px solid #e3e3e3;
}
.quizresults p
{
  padding: 0;
  margin: 0 0 4px 0;
}

#toolCravingStopper .buttonimage
{
  margin: 0 10px 10px 0;
}
#toolFightCancerDesktopHelper #articlecontent .flashcallout
{
  float: right;
  margin: 0 0 20px 20px;
}

/* -------------------- at work ---------------------- */

div.toolkit
{
  padding: 30px 0 0;
  width: 190px;
  float: right;
  display: inline;
}
#toolkitform span.checkbox
{
  margin: 1em 0;
}
#toolkitform input
{
}

div.toolkitsmall
{
  padding: 4px 0 0 0;
  width: 150px;
  float: right;
  display: inline;
}

div.downloadlink
{
  float: left;
  display: inline;
  margin: 20px 10px 20px 20px;
}

/* --------------- about pg -------------- */

.aboutcopy
{
  width: 430px;
}

.aboutlogo_chooseyou
{
  float: right;
  display: inline;
  width: 120px;
}
.aboutlogo_acs
{
  float: right;
  display: inline;
  width: 90px;
}


.aboutcopy h3
{
  font: normal normal bold 14px/39px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 30px 0 0;
  padding: 0;
  letter-spacing: normal;
}
.aboutcopy h3 img
{
  vertical-align: bottom;
  display: inline;
}

.blogcallout h2
{
  margin: 0 0 10px 30px;
  padding: 0;
}

.blogentry
{
  border-bottom: 1px solid #ccc;
  margin: 10px 30px;
  padding: 0 0 6px 0;
}
.blogcallout .blogentry p
{
  padding: 0;
  margin: 0;
  line-height: 1.2em;
}

.blogcallout p.blogintro
{
  font-size: 12px;
  border-bottom: 1px solid #ccc;
  margin: 0 30px 0 30px;
  padding: 0 0 4px 0px;
}

.blogcallout p.blogauthor
{
  font-size: 10px;
  color: #666;
  font-style: italic;
  margin: 4px 0 4px 0;
  padding: 0;
}
.blogcallout .blogauthor span
{
  font-size: 10px;
  font-style: normal;
  color: #999;
}

.blogcallout .bottom p
{
  padding-left: 30px;
}



/* ------------ landing pg (campaign) ------------ */

.landingcopy
{
  width: 450px;
  padding-top: 12px;
  z-index: 200;
}

div.imageheader
{
  background: transparent url(../images/backgrounds/imageheader_underline.gif) bottom left repeat-x;
  padding: 15px 0 0 0;
  margin: 0;
  width: 480px;
}

.articlesectionhead div.imageheader
{
  width: 540px;
  padding-top: 15px;
}

.landingcopy p
{
  width: 430px;
}

div.calltoaction
{
  padding-top: 10px;
  width: 390px;
  text-transform: uppercase;
  color: #4DC8E9;
  font-weight: bold;
  line-height: 1.2em;
}

div.calltoaction .left
{
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
  width: 240px;
}
div.calltoaction .right
{
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
  width: 130px;
}
div.calltoaction p
{
  width: auto;
}


div.promo
{
  width: 516px;
  height: 190px;
  float: left;
  display: inline;
  background: transparent url(../images/backgrounds/findevents.jpg) top left no-repeat;
  margin: 10px 0 0 0px;
  padding: 10px 30px 0 10px;
}

div.promo div.logo
{
  float: left;
  display: inline;
  padding: 20px 10px 0 8px;
  width: 100px;
}

div.promo p
{
  padding: 0;
  margin: 0 0 .5em 0;
}

div.promohead
{
  padding: 12px 0 10px 0;
  margin: 0;
  font: normal 18px/19px Arial, Helvetica, sans-serif;
  color: #333;
}


.enterzip
{
  background: transparent url(../images/backgrounds/enterzip.jpg) top left no-repeat;
  height: 30px;
  width: 210px;
  margin-right: 50px;
  float: right;
  display: inline;
}

.zipfield input
{
  float: left;
  display: inline;
  height: 16px;
  font-size: 14px;
  background: transparent;
  border: none;
  color: #999;
  margin: 4px 0 0 8px;
  width: 150px;
}

.gobutton
{
  float: left;
  display: inline;
  width: 40px;
  cursor: pointer;
}

/* Wider articles list on landing pg */

.articles
{
  z-index: 1;
  display: inline;
  float: left;
  width: 490px;
  font-size: 12px;
  color: #005B72;
  padding: 0;
}

.landingpgarticles
{
  padding: 0;
  width: 400px;
  margin: 0;
  float: right;
  display: inline;
  position: relative;
}

.landingpgarticles .articles
{
  margin: 0 0 0 -90px;
}

.articlelist
{
  background: #59CDEB url(../images/backgrounds/articles_landingpg.jpg) top left no-repeat;
  margin: 0 0 0 120px;
  width: 360px;
}

.articlelistfooter
{
  background: #fff url(../images/backgrounds/articles_landingpg_footer.jpg) top left no-repeat;
  margin-left: 120px;
  width: 340px;
  text-align: right;
  padding: 10px 20px 10px 0;
  height: 40px;
}

.articlelist ul
{
  border-top: 1px solid #e3e3e3;
  margin: 0;
}
.articlelist ul li
{
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  list-style-type: none;
}
.articles li a
{
  display: block;
  padding: 8px 10px 8px 105px;
}
.articles li a:link
{
  text-decoration: none;
  color: #005B72;
}
.articles li a:visited
{
  text-decoration: none;
  color: #005B72;
}
.articles li a:hover
{
  text-decoration: underline;
  color: #005B72;
  background: #73d9f0;
}
.articles li a:active
{
  text-decoration: underline;
  color: #005B72;
  background: #73d9f0;
}

img.articleshead
{
  margin: 0 0 0 100px;
  padding: 10px 0;
}

p.caption
{
  font-size: 10px;
  text-align: center;
  color: #666;
  line-height: 11px;
  font-weight: bold;
}

/* article pg */

.articleright .articles
{
  float: none;
  display: block;
  width: 310px;
  margin: 0;
  padding: 0;
}

.articleright .articlelist
{
  background: #59CDEB url(../images/backgrounds/articles_bluebg.jpg) top left no-repeat;
  margin: 15px 0 0 0;
  width: 310px;
}

.articleright .articlelistfooter
{
  background: #fff url(../images/backgrounds/articles_bluebg_footer.jpg) top left no-repeat;
  margin-left: 0;
  width: 300px;
  text-align: right;
  padding: 10px 10px 10px 0;
  height: 40px;
}

.articleright .articlelist ul li a
{
  padding-left: 40px;
}

.articleright img.articleshead
{
  margin: 0 0 0 40px;
  padding: 10px 0;
}

.right img
{
  padding: 10px 0 0 10px;
}

div.personimage
{
  background-color: transparent;
  margin: 0;
  position: absolute;
  bottom: 2px;
  left: -80px;
}

div.gradientedgebott
{
  background: transparent url(../images/backgrounds/gradientedgebott.png) top left no-repeat;
  width: 540px;
  height: 24px;
  position: absolute;
  margin: 0 0 0 -110px;
  bottom: 0px;
  left: -50px;
}

.pageupper
{
  width: 100%;
  padding: 0px;
}
.pageupper .sponsorlogos
{
  display: block;
}

.pagelower
{
  width: 100%;
  margin: 5px 0;
  display: block;
  position: relative;
}
/* parent of gear popup */

.pagelower .sponsorlogos
{
  width: 890px;
  margin: 5px 0;
  font-size: 10px;
  min-height: 24px;
}

/* ------------- article pages ------------------- */

.articlelft h1
{
  width: 350px;
}

.articleleft
{
  width: 540px;
  float: left;
  display: inline;
  padding-top: 12px;
}

.articleright
{
  width: 320px;
  float: right;
  display: inline;
}

.articlevideo p
{
  margin: 4px 0 0 0;
  padding: 0;
  line-height: 13px;
  width: 150px;
  font-size: 11px;
  color: #000;
}
.articlevideo p.time
{
  margin: 0;
  color: #8B8989;
}

.articleimage
{
  float: right; /* main image at top */
  background: transparent url(../images/backgrounds/articlevideo.gif) bottom left no-repeat;
  width: 170px;
  margin: 86px 0 1em 2em;
  padding-bottom: 76px;
  font-size: 10px;
}

.articlevideo
{
  padding: 13px 15px 8px 15px;
}

.articleimage img a
{
}

.shadedbox
{
  padding: 15px;
  background-color: #fafafa;
  font-size: 11px;
  width: auto;
}
.shadedbox img
{
  margin: 8px 4px;
}
.shadedbox ul li
{
  line-height: 1em;
  margin: 4px 0;
}

.shaded
{
  background-color: #eDf9fd;
}
div.shaded
{
  padding: 1em;
}

.leftimg
{
  float: left;
  display: inline;
  width: 200px;
  margin: 0 2em 3em 0;
}
.rightimg
{
  float: left;
  display: inline;
  width: 200px;
  margin-bottom: 2em;
}

.leftcopy
{
  float: left;
  display: inline;
  padding-top: 5em;
  width: 200px;
  margin: 0 2em 3em 0;
}
.rightcopy
{
  float: left;
  display: inline;
  padding-top: 5em;
  width: 200px;
}


.rightcol_bluecallout
{
  background: #DBF4FB url(../images/backgrounds/bluerounded_rightcol_top.gif) top left no-repeat;
  padding: 0;
  width: 310px;
  margin: 20px 0 40px 0;
  font-size: 16px;
  font-weight: bold;
  color: #4DC8E9;
}

.rightcol_bluecallout p
{
  padding: 30px 0 5px 20px;
  line-height: 1.4em;
  margin: 0;
  width: auto;
  background: none;
}
.rightcol_bluecallout p span.ready
{
  font-size: 24px;
}
.rightcol_bluecallout img
{
  padding-left: 20px;
}

.rightcol_bluecallout_bott
{
  background: #fff url(../images/backgrounds/bluerounded_rightcol_bott.gif) bottom left no-repeat;
}

table.articletable
{
  border: 1px solid #e3e3e3;
  padding: 1em;
  margin: 0 1em 1em 0;
  font-size: 11px;
  border-collapse: collapse;
}
table.articletable th
{
  padding: 8px;
}
table.articletable td
{
  padding: 4px;
  border-bottom: 1px solid #e3e3e3;
}

table.articletable tr:nth-child(even)
{
  background: #edf9fd;
}

div.bannerQuitForLife
{
  width: 312px; /* 313 */
  height: 200px; /* 211 */
  padding: 20px 0 20px 1px;
  background: #fff url(../images/backgrounds/quitforlife.gif) top left no-repeat;
  color: #fff;
}

div.bannerQuitForLife a:link
{
  color: #ccffff;
  font-weight: bold;
  font-style: italic;
}
div.bannerQuitForLife a:visited
{
  color: #ccffff;
  font-weight: bold;
  font-style: italic;
}
div.bannerQuitForLife a:hover
{
  color: #ccffff;
  font-weight: bold;
  font-style: italic;
}
div.bannerQuitForLife a:active
{
  color: #ccffff;
  font-weight: bold;
  font-style: italic;
}
div.bannerQuitForLife p
{
  margin: 11px 6px 11px 16px;
  line-height: 1.4em;
}

/* ------------- commit pages ------------------ */

div.headfullwidth
{
  height: 58px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  padding: 0;
  margin: 0;
  background: transparent url(../images/backgrounds/imageheader_underline.gif) bottom left repeat-x;
}

/* comp pg lists all */
.compilationpage div.headfullwidth
{
  background-image: none; /*border-top: 3px dotted #e3e3e3;*/
  margin-top: 20px;
  padding: 10px 0;
}

.compilationpage .sponsorlogos
{
  height: 60px;
  padding-top: 5px;
}

div.headfullwidth .sponsorlogos
{
  float: right;
  display: inline;
  width: 350px;
  margin: 0;
}

div.headfullwidth .commitintro
{
  display: inline;
  float: left;
  margin: 24px 0 0 15px;
  padding: 0;
  /*width: 124px;*/
  height: 30px;
  line-height: 1.2em;
}

div.headfullwidth .commitsection
{
  display: inline;
  float: left;
  padding-top: 18px;
}

.greyrounded
{
  width: 634px;
  height: 286px; /* bg img 637 x 284 */
  background: transparent url(../images/backgrounds/commit_grey.jpg) top left no-repeat;
  padding: 10px 0 0 12px;
}

.greyrounded h2
{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 10px 0 8px 20px;
}

.howworksstep
{
  width: 140px;
  height: 215px;
  padding: 10px 6px 0 0;
  margin: 0 7px 0 2px;
  background: transparent url(../images/backgrounds/howworks_desc.gif) top left no-repeat;
  float: left;
  display: inline;
}

.shorterversion .howworksstep
{
  height: 60px;
  padding-top: 14px;
  background: transparent url(../images/backgrounds/howworks.gif) top left no-repeat;
}

.shorterversion .selected
{
  background: transparent url(../images/backgrounds/howworks_selected.gif) top left no-repeat;
}

.shorterversion .greyrounded
{
  background: transparent url(../images/backgrounds/commit_grey_short.jpg) top left no-repeat;
  height: 166px;
}

.howworksstep .num
{
  font-size: 36px;
  font-weight: bold;
  margin-left: 10px;
  line-height: 1em;
  width: 26px;
  height: 44px;
  float: left;
  display: inline;
  color: #000;
}

.howworksstep .desc
{
  font-size: 14px;
  padding: 4px 10px 0 0;
  font-weight: bold;
  color: #000;
  height: 40px;
  width: 94px;
  float: left;
  display: inline;
}

.howworksstep p
{
  line-height: 1.4em;
  font-size: 11px;
  margin-left: 10px;
}

.howworksstep img
{
  padding-top: 24px;
}

div.poweredby
{
  float: right;
  display: inline;
  text-align: left;
  width: 110px;
  padding: 10px 0 0 0;
  margin: 0 20px 0 0;
  font-size: 11px;
}
div.poweredby div.text
{
  float: left;
  display: inline;
  padding: 7px 3px 0 0;
}
div.poweredby div.image
{
  float: left;
  display: inline;
}


#commitcopy
{
  width: 634px;
  padding: 0 12px 0 0;
  float: left;
  display: inline;
}

.goals
{
  background: #bfecf7 url(../images/backgrounds/bluerounded_top.gif) top left no-repeat;
  padding: 5px 0 0 10px;
  width: 906px;
  display: block;
  margin: 0;
}

.goalsbott
{
  background: #fff url(../images/backgrounds/bluerounded_bott.gif) bottom left no-repeat;
}

.goals h2
{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 10px 0 8px 20px;
}

.goalslist
{
  padding: 16px 0 0 0;
  margin: 0;
  background: #bfecf7 url(../images/backgrounds/whiterounded_top.gif) top left no-repeat;
}

.goalslistbott
{
  background: #bfecf7 url(../images/backgrounds/whiterounded_bott.gif) top left no-repeat;
}

.divGoalButton
{
  position: absolute;
  top: 470px;
  left: 57px;
}

.goal
{
  color: #666;
  font-size: 12px;
  padding: 0;
  margin: 0;
  display: block;
  width: 900px;
  height: 100px;
  background: transparent url(../images/backgrounds/whiteline.gif) top left repeat-y;
}

.goal .box
{
  background-color: #fff;
  float: left;
  display: inline;
  width: 660px; /* actual 670 */
  height: 60px;
  border: 1px solid #cccccc;
  padding: 10px 0 10px 8px;
  margin: 0 0px 10px 15px;
}

.redbox
{
  border: 2px solid #D30D44;
}

.goal .button
{
  float: left;
  width: 190px;
  padding: 10px 0 0 10px;
  margin: 0 0 0 15px;
  display: none;
}

.goal .showlink
{
  float: left;
  padding: 0px 10px 0 0;
  display: inline;
  display: inline;
  width: 190px;
  color: #D30D44;
  font-weight: bold;
}

.showlink a
{
  padding: 22px 24px 10px 24px;
  background: transparent url(../images/backgrounds/bulletarrow.gif) 0px 20px no-repeat;
  display: block;
}

.showlink a:link
{
  color: #D30D44;
}
.showlink a:visited
{
  color: #D30D44;
}
.showlink a:hover
{
  color: #D30D44;
}
.showlink a:active
{
  color: #D30D44;
}

.goal .examples
{
  float: left;
  display: inline;
  width: 440px;
}
.goal ul
{
  margin: 0;
}
.goal ul li
{
  margin: 0 0 0 20px;
}

/**/

.privacycopy
{
  width: 580px;
  padding: 20px 0;
}
.privacylinks
{
  margin: 30px 0 0 0;
  float: right;
  display: inline;
}
p.backtoplink
{
  float: right;
  display: inline;
  font-size: 10px;
}

/* ------------- Make a Commitment v2  ------------------- */

.compilationpage .commitmentHeader
{
  position: relative;
  left: -4px;
}
/*content container is 918px image is 926px*/
.commitmentNavButtons
{
  margin: 5px 0 30px;
  overflow: auto;
}
.commitmentNavButtons img
{
  float: left;
  display: inline;
}

.commit-box
{
  width: 565px;
  padding: 30px 0 0 20px;
}
.commit-box h1
{
  font: normal normal bold 16px/18px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  background: none;
}
.commit-box h2
{
  font: normal normal bold 13px/18px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
}
.commit-box p
{
  font: normal normal normal 13px/18px Arial, Helvetica, sans-serif;
  color: #666;
}

.commit-box a
{
  color: #6699d0;
  text-decoration: none;
}
.commit-box a:visited
{
  color: #6699d0;
  text-decoration: none;
}
.commit-box a:focus
{
  color: #6699d0;
  text-decoration: none;
}
.commit-box a:hover
{
  color: #6699d0;
  text-decoration: none;
}
.commit-box a:active
{
  color: #6699d0;
  text-decoration: none;
}

.commit-box ul
{
  margin: 5px 0 0 17px;
  padding: 0;
}
.commit-box li
{
  font: normal normal normal 13px/18px Arial, Helvetica, sans-serif;
  color: #666;
  margin: 0;
  padding: 0;
}

.firstlink
{
  margin: 0 0 0 5px;
}
.secondlink
{
  margin: 0 0 0 40px;
}

.leftside
{
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}

.button-box
{
  margin: 15px 0 0 50px;
  text-align: center;
  text-transform: uppercase;
  color: #4dc8e9;
  font: normal normal bold 14px/16px Arial, Helvetica, sans-serif;
}
.button-box img
{
  display: block;
  margin: 0 auto;
}

/*Commitment Blocks*/
.commit-eat-right
{
  width: 918px;
  height: 272px;
  background: url("../images/backgrounds/commitment-eat-right.jpg") no-repeat 0 0;
}
.commit-get-active
{
  width: 918px;
  height: 266px;
  background: url("../images/backgrounds/commitment-get-active.jpg") no-repeat 0 0;
}
.commit-quit-smoking
{
  width: 918px;
  height: 268px;
  background: url("../images/backgrounds/commitment-quit-smoking.jpg") no-repeat 0 0;
}
.commit-health-checks
{
  width: 918px;
  height: 267px;
  background: url("../images/backgrounds/commitment-health-checks.jpg") no-repeat 0 0;
}
.commit-protect-my-skin
{
  width: 918px;
  height: 267px;
  background: url("../images/backgrounds/commitment-protect-my-skin.jpg") no-repeat 0 0;
}


/* ------------- Commitment Forms   ------------------- */

.eat-right-form
{
  width: 918px;
  height: 389px;
  background: url("../images/backgrounds/eat-right-form-bg.jpg") no-repeat 0 0;
}
.get-active-form
{
  width: 918px;
  height: 389px;
  background: url("../images/backgrounds/get-active-form-bg.jpg") no-repeat 0 0;
}
.health-checks-form
{
  width: 918px;
  height: 389px;
  background: url("../images/backgrounds/health-checks-form-bg.jpg") no-repeat 0 0;
}
.quit-smoking-form
{
  width: 918px;
  height: 389px;
  background: url("../images/backgrounds/quit-smoking-form-bg.jpg") no-repeat 0 0;
}
.protect-skin-form
{
  width: 918px;
  height: 389px;
  background: url("../images/backgrounds/skin-care-form-bg.jpg") no-repeat 0 0;
}

.commitment-form
{
  padding: 58px 0 0 32px;
  margin: 0;
}
.commitment-form h1
{
  font: normal normal bold 24px/26px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 0;
  padding: 0 0 26px;
  background: none;
}
.commitment-form p
{
  font: normal normal normal 13px/15px Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 0;
}

.commitment-form a
{
  color: #6699d0;
  text-decoration: none;
}
.commitment-form a:visited
{
  color: #6699d0;
  text-decoration: none;
}
.commitment-form a:focus
{
  color: #6699d0;
  text-decoration: none;
}
.commitment-form a:hover
{
  color: #6699d0;
  text-decoration: none;
}
.commitment-form a:active
{
  color: #6699d0;
  text-decoration: none;
}


.rel-container{position:relative}

.clear-form {
    font-weight: bold;
    left: 295px;
    position: absolute;
    top: -47px;
    width: 100px;
}

/*-- Form --*/
.commitment-form label
{
  font: normal normal bold 13px/15px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  padding: 0 0 8px 0;
  margin: 0;
  float: left;
}
.commitment-form input
{
  width: 152px;
  float: left;
}
.commitment-form textarea
{
  width: 275px;
  height: 80px;
  float: left;
  margin-bottom: 15px;
}

.commitment-form-left
{
  width: 280px;
}
.commitment-form-right
{
  padding: 30px 0 0 18px;
  width: 317px;
}

.commitment-form-right ul
{
  margin: 0px 0 0 15px;
  padding: 0;
}
.commitment-form-right li
{
  font: italic normal normal 13px/15px Arial, Helvetica, sans-serif;
  color: #666;
  margin: 0;
  padding: 0;
}

.cal-image
{
  float: left;
  padding-left: 15px;
  margin-top: -3px;
}

.commitment-form-next
{
  margin-top: 5px;
}
.commitment-form-next-left
{
  border-right: 1px solid #999999;
  padding: 5px 8px 5px 0;
}
.commitment-form-next-right
{
  padding: 5px 0 3px 14px;
}

.info-box
{
  margin-top: 32px;
}
.info-box p
{
  font: normal normal normal 13px/21px Arial, Helvetica, sans-serif;
  color: #6699d0;
}


.info-box img
{
  display: inline;
  vertical-align: bottom;
}

.eight-weeks p
{
  font: normal normal normal 13px/18px Arial, Helvetica, sans-serif;
  color: #666666;
}

.error_top
{
  padding-left: 5px;
  float: left;
}

/* ------------- Commitment Forms Footer   ------------------- */

.commitment-info
{
  width: 918px;
  position: relative;
  overflow: auto;
  margin-bottom: 80px;
}
.commitment-info h1
{
  font: normal normal bold 24px/26px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 0;
  padding: 0 0 25px;
  background: none;
}
.commitment-info p
{
  font: normal normal normal 13px/18px Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 0;
}
.commitment-info-left
{
  width: 350px;
  margin: 0 50px 0 32px;
}

.tool-to-help-left
{
  width: 450px;
  margin: 0 50px 0 0;
}

.commitment-info-left h1{
  font: normal normal bold 18px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
}
.commitment-info-right
{
  width: 375px;
  border-bottom: 3px solid #4dc8e9;
}

.commitment-info-right h1
{
  font: normal normal bold 24px/26px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 0 0 15px;
  padding: 0 0 15px;
  background: transparent url(../images/backgrounds/imageheader_underline.gif) bottom left repeat-x;
}

.quote-container
{
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px;
  margin: 0 7px 15px;
}
.bottom-quote
{
  border: none;
  margin: 0 7px 0;
}
.quote
{
  font: normal normal bold 13px/15px Arial, Helvetica, sans-serif;
  color: #336699;
  margin: 0 0 10px;
}
.quote-name
{
  font: normal normal bold 11px/13px Arial, Helvetica, sans-serif;
  color: #666666;
}


/* ------------- Congrats Pages   ------------------- */
#congrats-container
{
  margin: 25px 0 0;
  overflow: auto;
}

#congrats-container h1
{
  font: normal normal bold 24px/26px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 0;
  padding: 0;
  background: none;
}
#congrats-container h2
{
  font: normal normal bold 18px/20px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 0;
  padding: 0;
}

#congrats-container h3
{
  font: normal normal bold 14px/39px Arial, Helvetica, sans-serif;
  color: #4dc8e9;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}
#congrats-container h3 img
{
  vertical-align: bottom;
  display: inline;
}

.share-title
{
  font: normal normal normal 18px/28px Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 35px 0 0 0;
  padding: 0;
}
.share-title img
{
  vertical-align: bottom;
  display: inline;
}

.congrats-left
{
  width: 480px;
  height: 400px;
  margin-right: 15px;
  padding: 35px 0 0 25px;
  background: url("../images/backgrounds/congrats-left.gif") no-repeat 0 0;
}

/* Social Congrats */
.congrats-right-eat-right
{
  width: 374px;
  height: 400px;
  padding: 35px 0 0 20px;
  background: url("../images/backgrounds/congrats-facebook-eat-right.gif") no-repeat 0 0;
}
.congrats-right-get-active
{
  width: 374px;
  height: 400px;
  padding: 35px 0 0 20px;
  background: url("../images/backgrounds/congrats-facebook-get-active.gif") no-repeat 0 0;
}
.congrats-health-checks
{
  width: 374px;
  height: 400px;
  padding: 35px 0 0 20px;
  background: url("../images/backgrounds/congrats-facebook-health-checks.jpg") no-repeat 0 0;
}
.congrats-quit-smoking
{
  width: 374px;
  height: 400px;
  padding: 35px 0 0 20px;
  background: url("../images/backgrounds/congrats-facebook-quit-smoking.jpg") no-repeat 0 0;
}
.congrats-protect-skin
{
  width: 374px;
  height: 400px;
  padding: 35px 0 0 20px;
  background: url("../images/backgrounds/congrats-facebook-protect-skin.jpg") no-repeat 0 0;
}


.congrats-left a
{
  color: #6699d0;
  text-decoration: none;
}
.congrats-left a:visited
{
  color: #6699d0;
  text-decoration: none;
}
.congrats-left a:focus
{
  color: #6699d0;
  text-decoration: none;
}
.congrats-left a:hover
{
  color: #6699d0;
  text-decoration: none;
}
.congrats-left a:active
{
  color: #6699d0;
  text-decoration: none;
}


.share-bar
{
  width: 350px;
  height: 38px;
  margin: 35px 0;
  padding: 0;
  background: url("../images/backgrounds/share-bg.gif") no-repeat 0 0;
}

.congrats-facebook
{
  padding: 11px 0 0 65px;
}
.congrats-facebook img
{
  cursor: pointer;
}
.congrats-email
{
  padding: 14px 0 0 100px;
  font: normal normal normal 12px/13px Arial, Helvetica, sans-serif;
}
.congrats-email a
{
  color: #336699;
  text-decoration: underline;
}
.congrats-email a:visited
{
  color: #336699;
  text-decoration: underline;
}
.congrats-email a:focus
{
  color: #336699;
  text-decoration: underline;
}
.congrats-email a:hover
{
  color: #336699;
  text-decoration: underline;
}
.congrats-email a:active
{
  color: #336699;
  text-decoration: underline;
}

.congrats-email img
{
  vertical-align: bottom;
  display: inline;
}
.facebook-congrats
{
  margin: 50px 0;
}
.fb-summary
{
  width: 185px;
}
.fb-summary img
{
  display: inline;
  vertical-align: baseline;
  padding-right: 3px;
}


/* ------------- standard pgs (about, contact, etc.)  ------------------- */

/* events */

table.eventslisting
{
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
}
table.eventslisting thead tr th
{
  text-align: left;
  padding: 0 0 8px 0;
}
table.eventslisting tbody tr
{
  border: 1px solid #e3e3e3;
}

table.eventslisting tbody tr.highlighted
{
  background: #eDf9fd;
}

table.eventslisting tr:nth-child(even)
{
  background: #eDf9fd;
}

table.eventslisting tbody td
{
  padding: 4px;
}

table.eventslisting tbody td a
{
  padding: 3px 0 0 25px;
  margin: 0;
}

table.eventslisting tbody td a.offsite
{
  background: transparent url(../images/icons/offsitelink.gif) 0px 0px no-repeat;
}

div.eventpager
{
  padding: 20px;
  margin: 0;
}

.pagetop
{
  margin: 25px 0;
}
.pagetop .copy
{
  float: left;
  display: inline;
  padding: 15px 0 0 20px;
  width: 350px;
}

h2 span
{
  font-size: 90%;
  font-weight: normal;
  color: #666;
}

.findbox h2
{
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 6px;
  padding-top: 0;
}

.findbox
{
  background: transparent url(../images/backgrounds/findevents.jpg) top left no-repeat;
  height: 150px;
  width: 510px;
  padding: 5px 0 0 20px;
  float: left;
  display: inline;
}

.findbox div.gobutton
{
  padding: 0;
  margin: 0;
  display: inline;
}

p.or
{
  padding: 0;
  margin: 6px 10px 8px 0;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
}

.findbox input
{
  padding: 0 0 4px 0;
  margin: 0;
}
.findbox label
{
  margin: 0;
  padding: 0 4px 0 0;
}

label.inline
{
  display: inline;
}

.fieldgroup .floatleft
{
  margin-right: 8px;
}

.findbox .left
{
  float: left;
  display: inline;
  width: 310px;
  padding: 10px 0 0 0;
}

.findbox .right
{
  float: left;
  display: inline;
  width: 180px;
  margin-left: 4px;
  padding: 10px 0 0 0;
}

.findbox .right label
{
  padding-top: 4px;
}
.findbox .right select
{
  width: 80px;
}

/* ------------ Resources pg ------------------ */

.resourcespgonly
{
  display: none;
}
/* hide older articles */

.resourcespg .resourcespgonly
{
  display: block;
}
/* but show them on resources page */

.resourcespg .leftcallout
{
  float: left;
  display: inline;
  width: 170px; /* actual 200 x 200 */
  height: 170px;
  margin: 20px 30px 0 0;
  padding: 20px 10px 10px 20px;
  background: transparent url(../images/backgrounds/resourcescallout.jpg) top left no-repeat;
}
.resourcespg .leftcallout ul
{
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
}
.resourcespg .leftcallout ul li
{
  margin: 0;
  padding: 0;
}
.resourcespg .rightcopy
{
  float: left;
  display: inline;
  padding: 0;
  margin: 20px 0 0 0;
  width: 400px;
  height: 220px;
}

.resourcespg div.section
{
  border-top: 3px dotted #e3e3e3;
  padding: 20px 0;
}
.resourcespg div.header
{
  padding: 0;
  float: left;
  display: inline;
  width: 190px;
}

.resourcespg div.articles
{
  position: static;
  float: left;
  display: inline;
  width: 416px;
  background: #DBF4FB url(../images/backgrounds/resources_articlesbott.gif) bottom left no-repeat;
  margin-left: 5px;
  padding: 0 0 20px 0;
  font-size: 12px;
  height: auto;
}

.resourcespg div.articles .head
{
  padding: 18px 0 10px 20px;
  margin: 0;
  display: block;
  font: normal 18px/19px Arial, Helvetica, sans-serif;
  color: #005B72;
  border-bottom: 1px solid #fff;
  background: transparent url(../images/backgrounds/resources_articlestop.gif) top left no-repeat;
}

.resourcespg div.articles ul
{
  margin: 0;
  padding: 0;
}
.resourcespg div.articles ul li
{
  line-height: 1.2em;
  margin: 0;
  list-style-type: none;
  border-bottom: 1px solid #fff;
}

.resourcespg div.articles ul li a
{
  padding: 8px 10px 6px 20px;
}
.resourcespg div.articles ul li a:hover
{
  background: #B8E8FC;
}
.resourcespg div.articles ul li a:active
{
  background: #B8E8FC;
}

.resourcespg div.articles ul.offsite li
{
  background: transparent url(../images/icons/offsitelink.gif) 380px 5px no-repeat;
}
.resourcespg div.articles ul.offsite li a:hover, .resourcespg div.articles ul.offsite li a:active
{
  background: #B8E8FC url(../images/icons/offsitelink.gif) 380px 5px no-repeat;
}

.resourcespg div.tools
{
  float: left;
  display: inline;
  background: transparent url(../images/backgrounds/resources_toolsbott.gif) bottom left no-repeat;
  padding: 0 0 20px 0;
  width: 290px; /* actual 290 */
  margin-left: 13px;
  background-color: #EDF1BC;
  font-size: 12px;
}

/* new classes for Resources lists -- duplicate content */

.resourcespg .tools div.toolshead
{
  background: transparent url(../images/backgrounds/resources_toolstop.gif) top left no-repeat;
  margin: 0;
  display: block;
  font: normal 18px/19px Arial, Helvetica, sans-serif;
  color: #005B72;
  border-bottom: 1px solid #fff;
  padding: 20px 0 8px 20px;
}

.resourcespg div.tools ul
{
  margin: 0;
  padding: 0;
}

.resourcespg div.tools ul li
{
  line-height: 1.2em;
  margin: 0;
  list-style-type: none;
  border-bottom: 1px solid #fff;
}

.resourcespg div.tools ul li a
{
  padding: 8px 10px 6px 20px;
  display: block;
  color: #005B72;
}
.resourcespg div.tools ul li a:hover
{
  background: #D4E683;
}
.resourcespg div.tools ul li a:active
{
  background: #D4E683;
}

.resourcespg div.tools ul li.offsite
{
  background: transparent url(../images/icons/offsitelink.gif) 260px 5px no-repeat;
}
.resourcespg div.tools ul li.offsite a:hover, .resourcespg div.tools ul li.offsite a:active
{
  background: #D4E683 url(../images/icons/offsitelink.gif) 260px 5px no-repeat;
}

/* end new resources lists -- duplicate content */

.resourcespg div.tool
{
  height: auto;
  width: auto;
  font-weight: normal;
  margin: 0;
  padding: 0;
  float: none;
  display: block;
  border-right: none;
  border-bottom: 1px solid #fff;
}

/* need textlink class to differentiate from img links -- hidden on resources pg */

.resourcespg div.tool a.textlink
{
  padding: 8px 0 6px 20px;
  display: block;
  margin: 0;
  width: 270px;
}
.resourcespg div.tool a.textlink:hover
{
  background: #D4E683;
}
.resourcespg div.tool a.textlink:active
{
  background: #D4E683;
}

/* resources tool highlighted (avoid multi selector for IE) */
.resourcespg div.decisiontools div.highlighted
{
  background-color: #D4E683;
}

/* No BG images on resources pg */
.resourcespg div.sunquiz, .resourcespg div.desktop_helper, .resourcespg div.acs_logo, .resourcespg div.acs_video, .resourcespg div.acs_decline_video, .resourcespg div.acs_prevent_video, .resourcespg div.smokingcalc, .resourcespg div.smokingvid, .resourcespg div.beatcraving, .resourcespg div.dietician, .resourcespg div.exercisevid, .resourcespg div.quiz, .resourcespg div.bmi, .resourcespg div.calories
{
  background-image: none;
}

.resourcespg div.sunquiz, .resourcespg div.acs_logo, .resourcespg div.acs_decline_video, .resourcespg div.acs_prevent_video, .resourcespg div.smokingcalc, .resourcespg div.smokingvid, .resourcespg div.beatcraving, .resourcespg div.dietician, .resourcespg div.exercisevid, .resourcespg div.quiz, .resourcespg div.bmi, .resourcespg div.calories
{
  background-color: transparent;
}

/* GO button on tools */
.resourcespg div.tool a img
{
  display: none;
}
.resourcespg div.tool img
{
  display: none;
}
.resourcespg div.calltoaction
{
  margin-left: 196px;
  width: 600px;
}
.resourcespg div.calltoaction img
{
  display: inline;
  padding-left: 8px;
}


/* ----------------- buy gear carousel -----------------*/

.buygear
{
  width: 354px;
  height: 160px;
  float: left;
  display: inline;
  background: transparent url(../images/backgrounds/chooseyougear_bg.jpg) top left no-repeat;
  padding: 10px 0 0 6px;
  position: relative;
}

p.buygearhead
{
  padding: 12px 0 8px 40px;
  margin: 0;
  font: normal 18px/19px Arial, Helvetica, sans-serif;
  color: #333;
}

div.popupdetails
{
  width: 185px;
  background: #fff;
  border: 2px solid #D30D44;
  font-size: 11px;
  color: #333;
  padding: 5px 5px 3px 10px;
  position: absolute;
  display: none;
  z-index: 300;
}

/* div.popupdetails img {z-index:400;} */

/* hide by default until clicked */

#ChooseYouGear
{
  position: relative;
}
/* parent of prod divs. hide to prevent FOUC */

#ChooseYouGear li .offerdesc
{
  display: none;
}
#ChooseYouGear li .priceinfo
{
  display: none;
}
#ChooseYouGear li img
{
  border: 1px solid #ccc;
}
#ChooseYouGear li a
{
  display: block;
  width: 85px;
  height: 110px;
  padding: 4px 3px 0 4px;
}
#AKA_intro
{
  margin-bottom: 24px;
}

#akaRegion
{
  display: block;
}
#akaRegistrationLabel
{
  margin-top: 30px;
}
#akaRegionValidation
{
  width: 650px;
  display: block;
}
#akaRegistrationComplex
{
  display: block;
  float: left;
  vertical-align: top;
}
#akaRegistrationComplex div
{
  float: left;
  margin-right: 20px;
}
#akaRegistrationDropDown select
{
  float: left;
  margin-top: 3px;
}


.quickview
{
  background: transparent url(../images/backgrounds/quickview.gif) top left no-repeat;
}

div.popupdetails .offerdesc
{
  display: block;
  width: 180px;
  padding: 10px 0 14px 10px;
}
/* desc at top */
div.popupdetails .offerimage
{
  float: left;
  display: inline;
  width: 90px;
}
div.popupdetails .priceinfo
{
  float: left;
  display: inline;
  background: #fff;
  width: 60px;
  margin: 0;
  padding: 0;
  text-align: right;
}
div.popupdetails .popupclosebutton
{
  float: right;
  display: inline;
}

/* xml fieldnames */
div.popupdetails p
{
  margin: 0;
  padding: 0;
  line-height: 12px;
}
div.popupdetails p.headline
{
}
div.popupdetails p.subheadline
{
}

div.buy_url
{
  margin-left: 25px;
}

table.pricetable
{
  margin: 5px 0 10px 0;
  width: 95px;
}
table.pricetable tr td.price_description
{
  text-align: left;
  margin-right: 3px;
}

div.popupdetails .morelink
{
  width: 180px;
  padding: 10px 0;
  text-align: right;
}


/* ------------------------------- jcarousel --------------------------------- */

/* carousel gear */

.jcarousel-skin-acs .jcarousel-container-horizontal
{
  width: 298px;
  padding: 0 25px 0 25px;
  margin: 0 0 0 8px;
  position: relative;
}

.jcarousel-skin-acs .jcarousel-clip-horizontal
{
  width: 279px;
  height: 115px;
  margin-left: 8px;
}

.jcarousel-skin-acs .jcarousel-list li, .jcarousel-skin-acs .jcarousel-item
{
  float: left;
  display: inline;
  list-style: none;
  width: 93px;
  height: 120px;
  padding: 0;
  margin: 0;
}

/* common jcarousel */

.jcarousel-item-placeholder
{
  background: #fff;
  color: #000;
}

.jcarousel-container
{
  position: relative;
}

.jcarousel-clip
{
  width: 280px; /* content window, without next/prev buttons */
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list
{
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}

.jcarousel-next
{
  z-index: 3;
  display: none;
}
.jcarousel-prev
{
  z-index: 3;
  display: none;
}




/* -------------  horizontal buttons ------------- */
.jcarousel-skin-acs .jcarousel-next-horizontal
{
  position: absolute;
  top: 35px;
  right: 15px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: transparent url(../images/buttons/carousel_right.gif) no-repeat 0 0;
}

.jcarousel-skin-acs .jcarousel-next-disabled-horizontal, .jcarousel-skin-acs .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-acs .jcarousel-next-disabled-horizontal:active
{
  cursor: default;
  background: none;
}

.jcarousel-skin-acs .jcarousel-prev-horizontal
{
  position: absolute;
  top: 35px;
  left: 5px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: transparent url(../images/buttons/carousel_left.gif) no-repeat 0 0;
}

.jcarousel-skin-acs .jcarousel-prev-disabled-horizontal, .jcarousel-skin-acs .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-acs .jcarousel-prev-disabled-horizontal:active
{
  cursor: default;
  background: none;
}



/* --------------- carousel newsfeed overrides ---------------------- */

#ChooseYouNewsFeed
{
  display: none;
}
/* prevent fouc */

.newsfeed .jcarousel-prev-horizontal
{
  position: absolute;
  top: 135px;
  left: 0px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: transparent url(../images/buttons/carousel_left.gif) no-repeat 0 0;
}

.newsfeed .jcarousel-next-horizontal
{
  position: absolute;
  top: 135px;
  right: 0px;
  width: 23px;
  margin-left: 3px;
  height: 23px;
  cursor: pointer;
  background: transparent url(../images/buttons/carousel_right.gif) no-repeat 0 0;
}

.newsfeed .jcarousel-container-horizontal
{
  width: 620px;
  padding: 0 25px;
  margin: 0 0 0 8px;
}

.newsfeed .jcarousel-clip-horizontal
{
  width: 279px;
  height: 274px;
  margin-left: 8px;
}

.newsfeed .jcarousel-list li, .newsfeed .jcarousel-item
{
  /* inner: 144 x 222 */
  float: left;
  display: inline;
  list-style: none;
  width: 144px;
  height: 224px;
  padding: 2px 2px 16px 2px;
  margin: 10px 3px 30px 3px;
}

.newsfeed .jcarousel-list li a
{
  text-decoration: none;
}

.newsfeedhover
{
  background: #d30d44 url(../images/backgrounds/newsfeed_more.gif) bottom right no-repeat;
  cursor: pointer;
}

.newsfeed .jcarousel-clip
{
  width: 618px;
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.newsfeed .jcarousel-prev-disabled-horizontal, .newsfeed .jcarousel-prev-disabled-horizontal:hover, .newsfeed .jcarousel-prev-disabled-horizontal:active
{
  cursor: default;
  background: none;
}

.newsfeed .jcarousel-next-disabled-horizontal, .newsfeed .jcarousel-next-disabled-horizontal:hover, .newsfeed .jcarousel-next-disabled-horizontal:active
{
  cursor: default;
  background: none;
}


/* inside container stuff */
.newsfeed a
{
  font-size: 12px;
  font-weight: normal;
  color: #4dc8e9;
}
.newsfeed .headline a
{
  font-size: 18px;
}

.newsfeed .headline
{
  margin: 5px 8px;
}
.newsfeed .copy
{
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsfeed ul li .outlined
{
  border: 1px solid #ccc;
  background-color: #fff;
  height: 220px;
  overflow: hidden;
}

/* ------------------------ sponsors page  ------------------- */

h2.sponsors
{
  padding: 15px 0 0 0;
}
p.sponsorintro
{
  width: 600px;
}

.topsponsors
{
  width: 940px;
}

.topsponsors .sponsor
{
  background: transparent url(../images/backgrounds/logo_large_bg.jpg) no-repeat 0 0;
  float: left;
  display: inline;
  padding-top: 15px;
  width: 470px;
  height: 171px;
  position: relative;
}

.topsponsors .sponsor img
{
  margin: 26px auto 0 auto;
  padding-top: 3px;
}
.topsponsors .sponsor img.spritelogo
{
  margin: 2px auto 0 auto;
  padding-top: 3px;
}

.lowersponsors
{
  margin-left: -6px;
  width: 940px;
}

.lowersponsors .sponsor
{
  background: transparent url(../images/backgrounds/logo_small_bg.jpg) no-repeat 0 0;
  width: 306px;
  height: 134px;
  float: left;
  display: inline;
  padding: 15px 0 0 0px;
  margin-left: 2px;
  position: relative;
}

.lowersponsors .sponsor img
{
  margin: 0 auto;
  padding-top: 3px;
  margin-top: 10px;
}

.lowersponsors .sponsor img.sakslogo
{
  margin: 5px auto 0 auto;
  padding-top: 3px;
}

div.sponsorpopup
{
  display: block;
  width: 375px;
  background: #fff;
  border: 2px solid #D30D44;
  font-size: 11px;
  color: #333;
  padding: 5px 5px 15px 10px;
  display: none;
  position: absolute;
  z-index: 100;
}


img.sponsorlogohover
{
  background: #D30D44 url(../images/backgrounds/learn_more.gif) bottom right no-repeat;
  padding: 0 3px 16px 3px;
  margin: 0;
}

div.sponsorpopup p
{
  margin: 0 20px 10px 20px;
}
div.sponsorpopup .closebutton
{
  float: right;
  display: inline;
}

/* ------------------------ compilation pg  (all commits) ------------------- */

.compilationpage
{
  padding: 20px 0 0 0;
}
.compilationpage .topleftcol
{
  width: 250px;
  margin-right: 20px;
  float: left;
  display: inline;
}
.compilationpage .howitworks
{
  float: left;
  display: inline;
  padding-top: 10px;
}

/* ------------------------ Need to Update --------------------- */
#needToUpdateContainer
{
  width: 315px;
}
#needToUpdate
{
  background: url(../images/backgrounds/signup_background.gif) no-repeat;
  width: 315px;
  height: 169px;
  overflow: hidden;
  position: relative;
}
#needToUpdateLogo
{
  position: absolute;
  top: 15px;
  left: 128px;
}
#needToUpdateQuestion
{
  position: absolute;
  top: 103px;
  left: 49px;
}
#needToUpdateQuestion span
{
  font-weight: bold;
  font-size: 14px;
  font-family: Arial;
}
#needToUpdateSignIn
{
  position: absolute;
  top: 133px;
  left: 124px;
}
#needToUpdateSignIn span
{
  font-size: 12px;
}
/* ------------------------ End to Update --------------------- */

/* ---------------------------- At Work (toolkit download -------------------- */

div.gettoolkit
{
  width: 541px;
  background-color: #e3e3e3;
  padding: 10px;
}

/* ------------- modal ------------------- */

#simplemodal-overlay
{
  background-color: #666; /* cursor:wait; */
}

/* -------- misc formats ----------- */

.hidden
{
  display: none;
}
.footnote
{
  font-size: 9px;
}
.clear
{
  clear: left;
}

.rightclear
{
  clear: right;
}
.padded
{
  padding: 1em;
}
.centered
{
  text-align: center;
}
.right
{
  float: right;
  display: inline;
}
.left, .floatleft
{
  float: left;
  display: inline;
}
.bold
{
  font-weight: bold;
}


/* -------- 
    At Work
----------- */

.team-buttons
{
  margin: 15px 0 15px 0;
  height: 68px;
  position: relative;
}

.start-button
{
  float: left;
  padding: 0 30px 0 82px;
}

.join-button
{
  float: left;
  padding: 0 72px 0 0;
}

.easy-steps-row
{
  margin: 0 0 0 0;
  clear: both;
}

.easy-steps-col1
{
  float: left;
  width: 25px;
  font-size: 36px;
  font-weight: bold;
  line-height: 38px;
  color: #000;
  padding-top: 15px;
}

.easy-steps-col2
{
  float: left;
  width: 75px;
  color: #000;
}

.easy-steps-col3
{
  float: left;
  width: 470px;
  padding-left: 13px;
  margin-top: 3px;
}




/*------
Round 2 Video
------*/

#movie-caption
{
  font-family: "Myriad Pro" , Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  width: 290px;
  color: #0e5c71;
  padding: 13px 0 0 8px;
}

#movie-caption a:link
{
  text-decoration: underline;
  color: #0e5c71;
}

#movie-caption a:visited
{
  text-decoration: underline;
  color: #0e5c71;
}

#movie-caption a:hover
{
  text-decoration: underline;
  color: #0e5c71;
}

#movie-caption a:active
{
  text-decoration: underline;
  color: #0e5c71;
  outline: none;
}

#movie-caption a:focus
{
  -moz-outline-style: none;
}

.home-right-video
{
  position: absolute; /*left:685px;*/
  left: 653px;
  top: 22px;
  z-index: 1;
}

/** *********************** 6/15/2011 CHANGES ***************************** */
div.chooseyouvideopopupverywide
{
  width: 1020px;
}
div.chooseyouvideopopupverywide
{
  border: 5px solid #C3CF21;
  background-color: #fff;
  padding: 15px 10px;
  color: #666;
}
#video_header
{
  margin: 0 0 0 50px;
  padding: 0;
  width: 923px;
  height: 103px;
  background-image: url(../images/backgrounds/choose_you_world_premiere.jpg);
  background-repeat: no-repeat;
  position: relative;
}
#video_header_started
{
  margin: 0 0 0 50px;
  padding: 0;
  width: 923px;
  height: 103px;
  background-image: url(../images/backgrounds/header_started.jpg);
  background-repeat: no-repeat;
  position: relative;
}

#countdown
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 45px;
  left: 655px;
  width: 260px;
  height: 60px;
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
}
#video_left_box
{
  width: 650px;
  float: left;
}
#full_box_video
{
  width: 923px;
  float: left;
}

#video_right_box
{
  width: 270px;
  float: left;
  color: #000;
}
#video_right_box ul
{
  margin: 0;
  padding: 0;
}
#video_right_box ul li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #000;
}
#video_holder
{
  margin: 10px auto;
  padding: 0;
  width: 923px;
  background-image: url(../images/backgrounds/gray_modual_background.jpg);
  min-height: 380px;
  background-position: bottom;
  background-repeat: no-repeat;
}
#video_holder_started
{
  margin: 0 auto;
  padding: 0;
  width: 923px;
  background-image: url(../images/backgrounds/gray_modual_background.jpg);
  min-height: 360px;
  background-position: bottom;
  background-repeat: no-repeat;
  text-align: center;
}
#video_started_footer
{
  margin: 0 auto;
  padding: 0;
  width: 923px;
  background-image: url(../images/backgrounds/sprite_zero_bg.jpg);
  min-height: 65px;
  background-repeat: no-repeat;
  background-position: top;
}
#video_started_footer_text p
{
  margin: 5px auto;
  padding: 0 20px;
  color: #666666;
  font-size: 12px;
  line-height: 1.2em;
}

#under_video_button
{
  margin: 20px 0;
  width: 300px;
  float: left;
}

#under_video_button_text
{
  margin: 15px 0 0 50px;
}
#under_video_button_b
{
  margin: 0px 0 0 90px;
}

#under_video_text
{
  margin: 20px 0;
  width: 600px;
  float: left;
}
#under_video_text p
{
  margin: 0;
  padding: 0;
  color: #666666;
  font-size: 12px;
}
.highlighted_green
{
  background-color: #e1e5b0;
}
.hilighted_green_border
{
  border: 1px solid #c3cf21;
}
.hilighted_gray_border
{
  border: 1px solid #d3d3d3;
}


.thumb_container
{
  cursor: pointer;
}
.movie_image_container
{
  width: 115px;
  height: 100px;
  float: left;
}
.movie_image_container_inner
{
  width: 96px;
  margin: 15px auto;
  padding: 4px;
  background: #FFFFFF;
  -moz-border-radius: 7px; /* FIREFOX SUPPORT THIS */
  border-radius: 7px; /* CHROME SUPPORTS THIS W3C Specification */
}

.movie_text_container
{
  width: 140px;
  height: 100px;
  float: left;
}
.movie_text_container p
{
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 12px;
  font-family: Arial, Verdana;
  color: #000;
  line-height: 1.1em;
}

/** *********************** 6/15/2011 END CHANGES ***************************** */

/*-------
Registration redesign
------ */

#registration-redesign
{
  width: 918px;
  background: #ccc;
  background: url(../images/backgrounds/registration-bg.jpg) no-repeat 0 0;
  position: relative;
  overflow: auto;
}

#registration-redesign h1
{
  font-size: 21px;
  padding: 0;
  margin: 0;
  color: #4dc8e9;
  font-weight: bold;
  line-height: 24px;
  background: none;
}

#registration-redesign h2
{
  font-size: 18px;
  padding: 0;
  margin: 0;
  color: #4dc8e9;
  font-weight: bold;
  line-height: 20px;
  background: none;
}

#registration-redesign a, a:visited, a:hover, a:active
{
  text-decoration: none;
  color: #336699;
}


ul.registration-redesin-flowerbullets
{
  padding: 0 20px;
  margin: 25px 0 0 0;
}


ul.registration-redesin-flowerbullets
{
  list-style: none;
}

ul.registration-redesin-flowerbullets
{
  font-size: 13px;
  line-height: 15px;
  margin: 15px 0 .3em 0;
  padding-left: 0 !important;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 525px;
}

ul.registration-redesin-flowerbullets li
{
  font-size: 13px;
  margin: 0 0 1em 0;
  padding-left: 24px !important;
  background-image: url(../images/backgrounds/flowerbullet-redesign.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}


#registration-redesign .movement-left
{
  width: 605px;
  margin: 0;
  padding: 38px 0 0 30px;
  float: left;
  display: inline;
}


#registration-redesign .movement-right
{
  width: 240px;
  padding: 240px 0 0 0;
  margin: 0;
  float: left;
  display: inline;
}

.movement-right-smaller
{
  width: 175px;
}

.smaller
{
  font-size: 10px;
}

.note
{
  font-size: 9px;
}

#registrationButtonRedesign
{
  margin: 0;
  padding: 0;
  width: 234px;
  height: 44px;
  cursor: pointer;
}

#registration-2col-container
{
  margin: 75px 0 0 0;
  clear: both;
}

#registration-2col-container p
{
  font-size: 13px;
  margin-top: 20px;
  color: #666666;
  font-weight: normal;
  line-height: 15px;
  background: none;
}

#registration-2col-container .another-left
{
  width: 265px;
  margin: 0 0 100px 0;
  padding: 0;
  float: left;
  display: inline;
}


#registration-2col-container .another-right
{
  width: 265px;
  margin: 0;
  padding: 0 0 0 25px;
  float: left;
  display: inline;
}

/*---------------------------------------------------------- TipTip CSS - Version 1.2 ------------------------------------------------------*/

#tiptip_holder
{
  display: none;
  position: absolute;
  top: 0;
  left: 210px;
  z-index: 99999;
}

#tiptip_holder.tip_top
{
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom
{
  padding-top: 5px;
}

#tiptip_holder.tip_right
{
  padding-left: 5px;
}

#tiptip_holder.tip_left
{
  padding-right: 5px;
}

#tiptip_content
{
  font: normal normal normal 13px/18px Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 20px;
  border: 5px solid #c3cf21;
  background-color: #fff;
}

#tiptip_content h1
{
  margin: 0 0 8px;
  padding: 0 0 10px;
  color: #003366;
  font: normal normal bold 14px/16px Arial, Helvetica, sans-serif;
}

#tiptip_content span
{
  color: #3399ff;
}

#tiptip_arrow
{
  display: none;
  visibility: hidden;
  background: #fff;
}


/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  #tiptip_content
  {
    padding: 4px 8px 5px 8px;
    background-color: #fff;
  }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner
  {
    border-bottom-color: #fff;
  }
  #tiptip_holder.tip_top #tiptip_arrow_inner
  {
    border-top-color: #fff;
  }
}

#commitments_editor
{
}

#commitments_editor table
{
  border-collapse: collapse;
  color: #333333;
  width: 100%;
  margin: 10px 0;
}

#commitments_editor table th
{
  background: #FFFFFF;
  padding: 10px;
  border-bottom: 1px solid #e3e3e3;
}
#commitments_editor table td
{
  padding: 6px 10px;
  color: #7f7f7f;
  vertical-align: middle;
  border-bottom: 1px solid #e3e3e3;
}

#commitments_editor table td div.alert
{
  margin: 0;
  padding: 4px 0 0 20px;
  background-position: 0px 4px;
}
#commitments_editor table tr
{
}
.lightBlue
{
  background: #eef9fd;
}
.lightGray
{
  background: #f5f8f9;
}
.lightYellow{
  background: #fcffdf;
}
#col1
{
  text-align: left;
  width: 205px;
}
#col2
{
  text-align: left;
  width: 335px;
}
#col3
{
  text-align: left;
  width: 80px;
}
#col4
{
  text-align: left;
  width: 80px;
}
#col5
{
  text-align: left;
  width: auto;
}
#ready_to_choose
{
  margin:10px 0 10px;
}
#ready_to_choose p
{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #4dc8e9;
  margin: 20px 10px 20px 0;
  padding: 0;
  float: left;
}
#ready_to_choose img
{
  margin-top: 10px;
  float: left;
}

#toolCancelCommitment
{
  background-color: #fff;
  text-align: left;
  width: 360px;
  font-size: 12px;
  padding: 20px;
}

#toolCancelCommitment p
{
  line-height: 1.5em;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}



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


#buttonsCancelCommitment{margin:15px 0 15px 120px;}

#topCancel{width: 60px; float:left; display:inline;}
#topCancel input{margin:0; padding:0; width:15px; float:left; display:inline;}
#topCancel label{margin:0; padding:0; width:40px; float:left; display:inline;}


#bottomCancel{width: 60px; float:left; display:inline;}
#bottomCancel input{margin:0; padding:0; width:15px; float:left; display:inline;}
#bottomCancell label{margin:0; padding:0; width:40px; float:left; display:inline;}





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




#cancelHolder
{
  min-height: 100px;
}
.chartLarge
{
  width: 318px;
  height: 250px;
  background: #61cfea url(../images/backgrounds/chart_bg.jpg) top left no-repeat;
}
.chartContainerHolder{
  float:left;
  width: 503px;
  margin: 23px 0;
  background: #57c9e8 url(../images/backgrounds/bgBlue503.gif) repeat-y;
}
.chartContainerTop{
  width: 503px;
  height: 16px;
  background: #FFFFFF url(../images/backgrounds/topBlue503.gif) top left no-repeat;  
}
.chartContainerBottom{
  width: 503px;
  height: 16px;
  background: #FFFFFF url(../images/backgrounds/bottomBlue503.gif) top left no-repeat;  
}
.chartControlDivider{
  width: 503px;
  height: 1px;
  background: #FFFFFF url(../images/backgrounds/divider503.gif) top left no-repeat;  
}
.smallChart{
  width: 125px;
  float: left;
  min-height: 190px;
}
.smallChartButton{
  float: left;
  margin-left: 17px;
}
#descriptionChratContainer{
  float: left;
  width: 184px;
  min-height: 250px;
  background: #61cfea url(../images/backgrounds/chart_bg_01_rpt.gif);
}
#largeChartResults{
  float: left;
}


.descriptionChartCopyHolder{
  float: left;
  margin-left: 30px;
}
#bigChartContainer h1{
  margin: 0 0 0 190px;
  padding: 0;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 36px;
}
.descriptionChartCopyHolder h2 , .descriptionChartCopyHolder h3, .descriptionChartCopyHolder h4, .descriptionChartCopyHolder p{
  color: #FFFFFF;
}
.descriptionChartCopyHolder h2{
  font-weight: bold;
  font-size: 24px;
}
.descriptionChartCopyHolder h3{
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
}

.descriptionChartCopyHolder h4{
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
}

.bold{
  font-weight: bold;
}
.share-bar-orange
{
  width: 350px;
  height: 38px;
  margin: 35px 0;
  padding: 0;
  background: url("../images/backgrounds/ogrange_bg_share.gif") no-repeat 0 0;
}
.donateACS{
  margin-left: 18px;
  float: left;
  width: 394px;
  min-height: 420px;
  background: url("../images/backgrounds/acs_donate_bg.jpg") no-repeat bottom left;
}
#contributeToCure{
  margin: 44px 20px 0 20px;
}

#contributeToCure h2{
  font-size: 24px; 
  color: #4dc8e9;
}
#contributeToCure p{
  margin-bottom: 5px;
}
#contributeToCure ul{
  margin-top: 0;
  padding-top: 0;
}
#contributeToCure ul li{
  margin: 0;
  padding: 0;
}
#contributeToCure h3{
  font-size: 18px; 
  color: #4dc8e9;
  text-transform: none;
  line-height: 1em;
}
.descriptionChartCopyHolder p {
  font-size: 13px;
  line-height: 1.1em;
}
#commitmentPollContainer{
  margin-top: 25px;
  float: left;
  background: url("../images/backgrounds/check_your_goal_bg.jpg") no-repeat 0 0;  
  width: 909px;
  height: 483px;
  color: #FFFFFF;
}
#commitmentPollContainer h2{
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
  padding: 0;    
  color: #FFFFFF;
}
#commitmentPollContainerHeader{ 
  margin-top: 30px;
  margin-left: 30px;
}
#commitmentPollContainerHeader input[type=radio] {
  width: 30px;
}
#commitmentPollContainerHeader label{
  display: inline;
}
#commitmentPollContainerHeader .tell_experience{
  margin-left: 38px;
}
#commitmentPollContainerHeader .tell_btn_experience{
  margin-left: 30px;
  float: left;
  width: 200px;
}
#commitmentPollContainerHeader .tell_btn_experience_lb{
  margin-left: 0px;
  margin-top: 25px;
  float: left;
  width: 200px;
  
}
#commitmentPollContainerHeader .tell_btn_experience_lb a{
  color: #FFFFFF;
}