/* ------------------------------------------ */
/* Generic Adobe Reader download styles       */
/* ------------------------------------------ */
.reader-download {
    font-size: 9px;
    line-height: 1em;
}
.reader-download img {
	float: left;
	width: 112px;
	margin: 0 5px 5px 0;
}

/* ------------------------------------------ */
/* Generic gallery styles                     */
/* ------------------------------------------ */
/* Gallery browse */
.gallery-header {
    font-size: 10px;
    color: #000;
    height: 18px;
}
.gallery .sort-type {
    float: left;
    width: 34%;
    white-space: nowrap;
}
.gallery .pager {
    float: right;
    width: 64%;
    white-space: nowrap;
    text-align: right;
}
.gallery .sort-type span, .gallery .pager span {
    padding: 0 1px;
}

.gallery .pager .page-number {
    text-align: center;
    width: 40px;
}
.gallery-list dl {
    float: left;
    width: 106px;
    height: 167px;
    padding: 10px 8.5px;
    font-size: 10px;
    line-height: 13px;
    position: relative;
}
.gallery-list dl.selected {
    background: url(../images/bg-gallery-selected.gif) no-repeat;
}
.gallery-list dd.winner {
    position: absolute;
    z-index: 1;
    left: -9px;
    top: -7px;
    width: 139px;
    height: 131px;
    z-index: 1;
    background: url(../images/img-winner-frame.png) no-repeat;
    color: #03a2b0;
    font-family: "Arial Black", Arial;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
.gallery-list a {
    color: #000;
    text-decoration: none;
}
.gallery-list a:hover {
    text-decoration: underline;
}
.gallery-list dt {
    position: relative;
    z-index: 2;
    border: 1px solid #d4cfc1;
    background: #fff;
    padding: 5px 5px 14px 5px;
    margin-bottom: 3px;
}
.gallery-list dd {
    position: relative;
    z-index: 2;
    padding-left: 2px;
    overflow: hidden;
}
.gallery-list dd.title {
    font-size: 11px;
    max-height: 28px;
}
/* Gallery entry details */
.gallery-entry {
    padding: 18px 0 0 15px;
}
.gallery-share {
    float: left;
    width: 224px;
    padding-top: 10px;
}
.gallery-share .photo {
    padding: 6px;
    border: 2px solid #e8e8e8;
    background: #fff;
}
.gallery-share .room-photo {
    padding: 10px 0 0 5px;
}
.gallery-share .room-photo .photo {
    padding: 3px;
    float: left;
    width: 61px;
    height: 55px;
    overflow: hidden;
    margin-right: -80px; /* for IE6/7 */
}
.gallery-share .room-photo p {
    padding-left: 80px;
    font-size: 11px;
}
.gallery-share p {
    margin-top: 5px;
}
.gallery-share dl {
    float: left;
    width: 140px;
    overflow: hidden;
    padding-top: 10px;
    font-size: 10px;
    line-height: 13px;
}
.gallery-share dt {
    max-height: 45px;
    overflow: hidden;
    font-size: 11px;
}
.gallery-share .vote {
    padding-right: 20px;
}
.gallery-share input.like {
    float: right;
    width: 60px;
    padding-top: 10px;
    text-align: right;
}
.gallery-share input.disabled {
    cursor: default;
}
.gallery-share .like-status {
    padding-right: 20px;
}
.gallery-share .like-status p {
    font-size: 11px;
}
.gallery-share .social {
    padding-top: 10px;
    font-size: 11px;
}
.gallery-share .social img {
    float: left;
    width: 25px;
    padding-right: 1px;
}
.gallery-story {
    float: left;
    width: 370px;
    height: 370px;
    padding-right: 20px;
    overflow: auto;
}
.gallery-story h4 {
    max-height: 55px;
    overflow: hidden;
}
.gallery-story p {
    overflow: hidden;
}

/* ------------------------------------------ */
/* EndCattiness                               */
/* ------------------------------------------ */
body.endcattiness #main {
	background-image: url(../images/bg-endcattiness.jpg);
}
body.endcattiness #main a {
	color: #ee2375;
}
body.endcattiness #main .content {
	padding: 115px 0 0 0;
}
body.endcattiness #main h3 {
	padding-left: 57px;
}
body.endcattiness #main h1, body.endcattiness #main h4 {
	color: #ee2375;
	font: bold 24px "Courier New", Courier, monospace;
	letter-spacing: -1px;
}
body.endcattiness #main .main-copy {
}
body.endcattiness #main .main-copy p {
	padding-bottom: 10px;
}
body.endcattiness #main .infobox {
	background: url(../images/bg-ec-infobox.gif) no-repeat;
	position: absolute;
	top: 267px;
	left: -10px;
	width: 248px;
	overflow: hidden;
	padding: 0 20px;
}
body.endcattiness #main .infobox-inner {
    position: relative;
	height: 229px;
}
body.endcattiness #main .infobox h1, body.endcattiness #main .infobox h4 {
	padding-top: 20px;
	font-size: 26px;
	border-bottom: 1px solid #ccc;
}
body.endcattiness #main .infobox p {
	margin: 8px 0;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -1px;
}
body.endcattiness #main .infobox .bottom-content {
    position: absolute;
    bottom: 12px;
	padding-top: 8px;
    border-top: 1px solid #ccc;
}
body.endcattiness #main .infobox .button-holder {
    text-align: center;
}
body.endcattiness #main .button-holder li {
	display: inline;
}
body.endcattiness #main .button-holder img {
	padding-bottom: 5px;
}
body.endcattiness #main .feature-tab {
	position: absolute;
	top: 445px;
	left: 580px;
	width: 348px;
	z-index: 15;
}
body.endcattiness #main .feature-tab h5 {
	color: #ee2375;
	font: bold 17px "Courier New", Courier, monospace;
	letter-spacing: -1px;
	float: left;
	text-align: right;
	padding-top: 5px;
}
body.endcattiness #main .feature-tab h5 span {
	display: block;
	font-family: Arial;
	font-size: 10px;
	color: #000;
}
body.endcattiness #main .feature-tab .button-holder {
	float: right;
	text-align: right;
}

/* ------------------------------------------ */
/* EndCattiness/Default                       */
/* ------------------------------------------ */
#endcattiness-default #main {
	background-image: url(../images/bg-endcattiness-home.jpg);
}
#endcattiness-default #main .content {
	padding: 128px 0 0 20px;
}
#endcattiness-default #main .content h1 {
	padding-left: 0;
}
#endcattiness-default #bodyCopy {
	position: absolute;
	top: 55px;
	left: 377px;
	width: 603px;
}
#endcattiness-default #bodyCopy h3 {
    padding: 19px 0 0;
}
#endcattiness-default #bodyCopy h4 {
    padding-left: 93px;
}
#endcattiness-default #bodyCopy .photo {
    padding: 1px 0 0 163px;
}
#endcattiness-default #meetWinner {
    position: relative;
    padding-left: 164px;
	top: -7px;
}
#endcattiness-default #bodyCopy p {
    padding: 0 60px 0 10px;
}
#endcattiness-default #expert-callout {
	position: absolute;
	top: 287px;
	left: 20px;
	width: 328px;
}
#endcattiness-default #expert-callout h5 {
	padding-bottom: 5px;
}
#endcattiness-default #expert-callout p {
    padding-bottom: 8px;
	font-size: 11px;
}
#endcattiness-default #pia {
    float: left;
}
#endcattiness-default .callout-body {
    float: right;
    width: 150px;
    padding: 15px 20px 0 0;
}
#endcattiness-default #watchWebisode {
	position: absolute;
	top: 148px;
	left: 820px;
}
#endcattiness-default #viewGallery {
	position: absolute;
	top: 185px;
	left: 820px;
}
#endcattiness-default #prizesRules {
	position: absolute;
	top: 222px;
	left: 820px;
	padding-left: 15px;
}
#endcattiness-default #prizesRules a {
    color: #000;
    font-size: 10px;
}

/* ------------------------------------------ */
/* EndCattiness/Spokesperson/Default          */
/* ------------------------------------------ */
#endcattiness-spokesperson-default #main {
	background-image: url(../images/bg-endcattiness-spokesperson-pia.jpg);
}
#endcattiness-spokesperson-default #main .main-copy {
	padding-top: 10px;
	position: absolute;
	top: 115px;
	left: 313px;
	width: 320px;
}
#endcattiness-spokesperson-default #pias-tips {
	position: absolute;
	top: 107px;
	left: 672px;
}
#endcattiness-spokesperson-default #pias-tips .button-holder {
	padding: 8px 0 0 56px;
}
#endcattiness-spokesperson-default #main .feature-tab {
    left: 685px;
    width: 245px;
}
#endcattiness-spokesperson-default #main .feature-tab h5 {
	width: 120px;
}
#endcattiness-spokesperson-default #main .feature-tab .button-holder {
	width: 120px;
}

/* ------------------------------------------ */
/* EndCattiness/Spokesperson/PiasStory        */
/* ------------------------------------------ */
#endcattiness-spokesperson-piasstory #main {
	background-image: url(../images/bg-endcattiness-spokesperson-story.jpg);
}
#endcattiness-spokesperson-piasstory #main .main-copy {
	position: absolute;
	top: 71px;
	left: 539px;
	width: 390px;
}
#endcattiness-spokesperson-piasstory #about-pia {
	position: absolute;
	top: 88px;
	left: 323px;
	width: 205px;
}
#endcattiness-spokesperson-piasstory #about-pia .button-holder {
	position: relative;
	top: -18px;
	left: 35px;
	text-align: left;
}
#endcattiness-spokesperson-piasstory #main .feature-tab {
	left: 640px;
	width: 295px;
}
#endcattiness-spokesperson-piasstory #main .feature-tab h5 {
	width: 197px;
}
#endcattiness-spokesperson-piasstory #main .feature-tab .button-holder {
	width: 95px;
}

/* ------------------------------------------ */
/* EndCattiness/Spokesperson/Tips             */
/* ------------------------------------------ */
#endcattiness-spokesperson-tips #main .main-copy {
	position: absolute;
	top: 126px;
	left: 314px;
	width: 400px;
}
#endcattiness-spokesperson-tips #main .main-copy h1, #endcattiness-spokesperson-tips #main .main-copy h4 {
    font-size: 17px;
    letter-spacing: -1px;
}
#endcattiness-spokesperson-tips #main .tips a {
    color: #000;
}

/* ------------------------------------------ */
/* EndCattiness/Submit/Default                */
/* ------------------------------------------ */
#endcattiness-submit-default #main .main-copy {
	position: absolute;
	top: 120px;
	left: 315px;
	width: 415px;
	line-height: 18px;
}
#endcattiness-submit-default #main .main-copy h4 {
    padding-bottom: 12px;
}
#endcattiness-submit-default #main .main-copy h5 {
	color: #ee2375;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#endcattiness-submit-default #prizes {
	position: absolute;
	top: 118px;
	left: 757px;
	width: 160px;
}
#endcattiness-submit-default #main .infobox h4 {
    letter-spacing: -2px;
}
#endcattiness-submit-default #qualify {
    position: relative;
    padding-top: 8px;
    padding-left: 225px;
    font-size: 11px;
    background: url(../images/ec-photo-req.gif) 0 0 no-repeat;
}
#endcattiness-submit-default #qualify li {
    padding-bottom: 8px;
}
#endcattiness-submit-default #qualify p {
    position: absolute;
    top: 112px;
    left: 40px;
}
* html #endcattiness-submit-default #qualify p {
    margin-left: -225px;
}

/* ------------------------------------------ */
/* EndCattiness/Submit/Rules                  */
/* ------------------------------------------ */
#endcattiness-submit-rules #main .main-copy {
	position: absolute;
	top: 120px;
	left: 315px;
	width: 380px;
}
#endcattiness-submit-rules .rules-box {
    height: 265px;
    overflow: auto;
    background-color: #fff;
    padding: 5px 8px;
    font-size: 10px;
}
#endcattiness-submit-rules .rules-box h5 {
    font-size: 14px;
    padding-bottom: 10px;
    text-align: center;
}
#endcattiness-submit-rules .rules-box h6 {
    font-size: 13px;
    padding-bottom: 10px;
    text-align: center;
}
#endcattiness-submit-rules #prizes {
	position: absolute;
	top: 118px;
	left: 757px;
	width: 160px;
}
#endcattiness-submit-rules #section-links {
	position: absolute;
	top: 445px;
	left: 315px;
	width: 610px;
}

/* ------------------------------------------ */
/* EndCattiness/Gallery/Default               */
/* ------------------------------------------ */
#endcattiness-gallery-default #main {
	background-image: url(../images/bg-endcattiness-gallery-browse.jpg);
}
#endcattiness-gallery-default #main .gallery {
	position: absolute;
	top: 20px;
	left: 313px;
	width: 645px;
	/* z-index: 10; Removed on 2010-03-04, menu was being shoved under elmement -   put on top of upper-left logo */
}
body.endcattiness #main .gallery a {
    color: #000;
}
body.endcattiness #main .gallery .sort-type {
    padding-left: 8%;
    width: 26%;
}
body.endcattiness #main .gallery .pager {
    padding-right: 3%;
    width: 61%;
}
body.endcattiness .gallery-list {
    padding: 17px 0 0 14px;
}
#endcattiness-gallery-default #main .qualify-tab {
	position: absolute;
	top: 445px;
	left: 330px;
	width: 230px;
	font-size: 10px;
	text-align: center;
}
#endcattiness-gallery-default #main .feature-tab {
	left: 640px;
	width: 295px;
}
#endcattiness-gallery-default #main .feature-tab h5 {
	width: 197px;
}
#endcattiness-gallery-default #main .feature-tab .button-holder {
	width: 95px;
}
#endcattiness-gallery-default #main .webisode-tab {
	left: 300px;
	width: 280px;
}
#endcattiness-gallery-default #main .webisode-tab .button-holder {
    float: left;
    margin-top: 5px;
}
#endcattiness-gallery-default #main .webisode-tab h5 {
    float: right;
    text-align: left;
    width: 170px;
}
#endcattiness-gallery-default #main .infobox h1 {
    font-size: 20px;
}

/* ------------------------------------------ */
/* EndCattiness/Gallery/View                  */
/* ------------------------------------------ */
#endcattiness-gallery-view #main {
	background-image: url(../images/bg-endcattiness-gallery.jpg);
}
#endcattiness-gallery-view #main .gallery {
	position: absolute;
	top: 20px;
	left: 313px;
	width: 645px;
	/* z-index: 10; Removed on 2010-03-04, menu was being shoved under elmement -  put on top of upper-left logo */
}
#endcattiness-gallery-view #main .feature-tab {
	left: 640px;
	width: 295px;
}
#endcattiness-gallery-view #main .feature-tab h5 {
	width: 197px;
}
#endcattiness-gallery-view #main .feature-tab .button-holder {
	width: 95px;
}

/* ------------------------------------------ */
/* Common form styles (Winner pages)          */
/* ------------------------------------------ */
body.gallery-winner #main .gallery {
	position: absolute;
	top: 20px;
	left: 313px;
	width: 645px;
	z-index: 5; /* put on top of upper-left logo */
}
body.gallery-winner #main .gallery-entry {
    padding-top: 0;
    position: relative;
    top: -3px;
}
body.gallery-winner #main .infobox h1 {
    font-size: 20px;
}
body.gallery-winner #main .infobox p {
    font-size: 11px;
    letter-spacing: normal;
    line-height: 16px;
    margin: 6px 0;
}
body.gallery-winner #main .gallery h2 {
    position: relative;
    left: -4px;
}

/* ------------------------------------------ */
/* EndCattiness/Gallery/Winner                */
/* ------------------------------------------ */
#endcattiness-gallery-winner #main {
	background-image: url(../images/bg-endcattiness-gallery-winner-vid.jpg);
}
#endcattiness-gallery-winner #main .gallery-story {
    height: 260px;
}
#endcattiness-gallery-winner #main .feature-tab {
    left: 642px;
    top: 425px;
    width: 298px;
}
#endcattiness-gallery-winner #main .feature-tab .button-holder {
    float: left;
}
#endcattiness-gallery-winner #main .feature-tab h5 {
    float: right;
    text-align: left;
    width: 170px;
}

/* ------------------------------------------ */
/* EndCattiness/Gallery/Webisode              */
/* ------------------------------------------ */
#endcattiness-gallery-webisode #main {
	background-image: url(../images/bg-endcattiness-gallery-webisode.jpg);
}
#endcattiness-gallery-webisode #main .gallery-video {
  position: relative;
  padding: 15px 0 0 50px;
}
#endcattiness-gallery-webisode #main .gallery-video .button-holder {
  position: absolute;
  right: 64px;
  top: -12px;
}

/* ------------------------------------------ */
/* EndCattiness/Widget                        */
/* ------------------------------------------ */
#endcattiness-widget #main .main-copy {
	position: absolute;
	top: 100px;
	left: 350px;
	width: 600px;
}
#endcattiness-widget #main .content h1 {
    text-align: center;
}
#endcattiness-widget #main .content h5 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
#endcattiness-widget #widget-info {
	position: absolute;
	top: 280px;
	left: 35px;
	width: 315px;
}
#endcattiness-widget #widget-info p {
    padding-bottom: 10px;
}
#endcattiness-widget #widget-info em {
    color: #0048aa;
    font-weight: bold;
}
.widget {
    position: relative;
}
.widget img.bg {
    position: absolute;
    border: 1px solid #666;
}
.widget p {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin: 120px 10px;
    padding: 10px;
    text-align: center;
    border: 2px solid #666;
    background: #fff;
    line-height: 20px;
}
#widget-large {
    float: left;
    width: 400px;
    height: 320px;
    display: inline;
    margin: 0 5px;
}
#widget-small {
    float: left;
    width: 160px;
    height: 320px;
    display: inline;
    margin: 0 5px;
}

/* ------------------------------------------ */
/* Common form styles (End Cattiness)         */
/* ------------------------------------------ */
body.expanding-page #main .content {
    background: url(../images/bg-endcattiness-top.jpg) no-repeat;
}
body.survey-page #main {
	min-height: 542px;
}
body.survey-page #main .content {
    padding: 82px 40px 0px 6px;
}
body.endcattiness #main .content-survey .page-heading {
    position: absolute;
    top: 65px;
    right: 175px;
}
body.endcattiness #main .content-survey .page-heading h2 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}
body.endcattiness #main .content-survey .page-heading .fineprint {
    font-size: 11px;
    padding: 0;
}
body.endcattiness #main .content-survey a {
    color: #000;
}
.content-survey {
    padding-bottom: 40px;
}
.content-survey .intro {
    padding: 0 27px 5px 0;
	text-align: right;
	position: relative;
}
.content-survey .intro p {
    font-size: 14px;
}
.content-survey .intro .fineprint {
    font-size: 11px;
    padding: 0;
}
body.endcattiness #errorSummary {
    padding-top: 0;
}
body.endcattiness #errorSummary li {
    font-size: 14px;
    list-style: none;
    float: right;
    width: 330px;
}
body.endcattiness #formFields {
    background: none;
    height: auto;
}
#formFields input,
#formFields select {
	background-color: #fff;
}
#formFields #formSubmit {
	text-align: right;
	font-size: 14px;
}
#formFields #formSubmit span {
    padding-right: 8px;
}
#formFields #formSubmit img, #formFields #formSubmit input.image {
	vertical-align: middle;
}

/* ------------------------------------------ */
/* EndCattiness/OptIn/Default                 */
/* ------------------------------------------ */
#endcattiness-optin-default.expanding-page #main {
	background: url(../images/bg-main-middle.jpg) 20px 0 repeat-y;
}
#endcattiness-optin-default #login {
    right: 0;
    text-align: left;
}
#endcattiness-optin-default #login .login-content h1 {
	color: #fff;
}
.box-light {
    background: url(../images/bg-box-light-bottom.gif) 0 100% no-repeat;
    width: 541px;
}
.box-light-inner {
    background: url(../images/bg-box-light-top.gif) 0 0 no-repeat;
    padding: 3px 10px;
}
#termsAgree h2 {
    display: inline;
}
#termsAgree input, #termsAgree label {
    display: inline;
    float: none;
    width: auto;
}
#termsAgree p {
    font-size: 10px;
}
#termsAgree .box-light {
    margin-top: 5px;
}
#formFields #photoUploads input {
    width: auto;
    margin-right: 5px;
}

/* ------------------------------------------ */
/* EndCattiness/OptIn/ThankYou                */
/* EndCattiness/Submit/ThankYou               */
/* ------------------------------------------ */
.endcattiness-thankyou #main {
	background-image: url(../images/bg-endcattiness-thankyou.jpg);
}
.endcattiness-thankyou #main .content {
    padding-left: 0;
	width: auto;
}
.endcattiness-thankyou #main .content h3 {
    padding-left: 57px;
}
.endcattiness-thankyou #main .main-copy {
	position: absolute;
	top: 180px;
	left: 200px;
	width: 630px;
}
.endcattiness-thankyou #main .main-copy h1 {
    padding-left: 0;
    padding-bottom: 20px;
    text-align: center;
}
.endcattiness-thankyou #main .main-copy p {
    padding: 0 125px;
    text-align: center;
}
body.endcattiness-thankyou #main .button-holder {
    position: absolute;
    top: 347px;
    left: 275px;
    width: 750px;
}
body.endcattiness-thankyou #main .button-holder li {
	display: inline;
}

/* ------------------------------------------ */
/* EndCattiness/Submit/Story                  */
/* ------------------------------------------ */
#endcattiness-submit-story.survey-page #main {
	background: url(../images/bg-main-middle.jpg) 20px 0 repeat-y;
}
#endcattiness-submit-story #login {
    right: 0;
    text-align: left;
}
#endcattiness-submit-story #login .login-content h1 {
	color: #fff;
}
#formFields #storyInfo input {
    width: 230px;
}
#formFields #storyInfo textarea {
    width: 320px;
    height: 170px;
}
#formFields #photoUploads .fineprint {
    padding: 0;
}
#formFields #photoUploads input.image {
    float: left;
}
#endcattiness-submit-story #main-col1 h2 {
    padding-left: 10px;
}

/* ------------------------------------------ */
/* EndCattiness/Submit/Survey                 */
/* ------------------------------------------ */
#endcattiness-submit-survey #main {
	background-image: url(../images/bg-endcattiness-survey.jpg);
}
#endcattiness-submit-survey #main .content {
    padding-top: 100px;
}
#endcattiness-submit-survey #main .content-survey .page-heading {
    position: static;
    padding: 0 0 20px 300px;
}
#endcattiness-submit-survey #main-col1 {
    padding-left: 50px;
    width: 470px;
}
#endcattiness-submit-survey #formFields #formSubmit {
    position: absolute;
    bottom: 30px;
    right: 50px;
}

/* ------------------------------------------ */
/* Error pages                                */
/* ------------------------------------------ */
.endcattiness-error-page #main {
	background-image: url(../images/bg-endcattiness.jpg);
}
.endcattiness-error-page #main .content {
    padding-left: 0;
	width: auto;
}
.endcattiness-error-page #main .content h3 {
    padding-left: 57px;
}
.endcattiness-error-page #main .main-copy {
	position: absolute;
	top: 150px;
	left: 313px;
	width: 380px;
}
.endcattiness-error-page #main .main-copy h3 {
    padding-left: 0;
}