body {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .8em; background-color: #eeeeee; color: #666666; margin: 0px; text-align: center;} img {display: block; border: 0px;} img.leftImage {float: left; margin: 0px 10px 10px 0px;} img.rightImage {float: right; margin: 0px 0px 10px 10px;} a {text-decoration : underline; color: #028798;} a:hover {text-decoration : none; color : #178C9E;} a.backLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left;} a.backLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.boxLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px;} a.boxLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.topLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: right;} a.topLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.bluelink {color:#0099CC;}; .boxLinkBlank {border: 1px solid #e6e6e6; background-color: #fdfdfd; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px; color: #cfcfcf;} p {margin: 0px 0px 10px 0px;} br {line-height: 7px;} form {margin: 0px;} h1 {font-size: 3em; color: #3399cc; font-weight: bold; display: block; margin: 0px 0px 4px 0px; padding: 0px; font-family: Times New Roman, Times, serif;} h2 {font-size: 1.4em; margin: 0px 0px 0px 0px; color: #3399cc; font-weight: bold;} h3 {font-size: 1.1em; margin: 10px 0px 3px 0px; color: #3399cc;} h4 {font-size: .9em; margin: 0px 0px 5px 0px; color: #3399cc;} h5 {font-size: .8em; margin: 0px; color: #3399cc;} h6 {font-size: .7em; margin: 0px; color: #3399cc;} .clearAll {clear: both; font-size: .1em;} .clearLeft {clear: left; font-size: .1em;} .clearRight {clear: right; font-size: .1em;} .floatRight {float: right;} .floatLeft {float: left;} .floatLeftPad {float: left; margin: 0px 5px 0px 0px;} .floatRightPad {float: right; margin: 0px 0px 0px 10px;} .smallText {font-size: .85em;} .centered {text-align: center;} .pink {color: #d178bd;} /* MAIN SITE TEMPLATE STYLES */ #siteContainer {width: 976px; height: auto; background-color: #FFFFFF; margin: 0px auto 10px auto; padding: 10px 0px 0px 0px;} #leftContainer {float: left; width: 660px; text-align: left;} #leftContainer #siteHeader {width: 643px; height: 97px; background: url(../../media/images/site_title_whats_your_pain_profile.jpg) no-repeat -1px -1px; border: 1px solid #ffffff;} #leftContainer #siteHeader a#homeLink {margin: 70px 0px 0px 15px; width: 85px; height: 29px; padding: 0px; display: block;} #leftContainer #siteHeader a#homeLink img {float: left; margin: 3px 2px 0px 0px;} #leftContainer #siteHeader a#nurofenLink {display: block; margin: 0px; padding: 0px; width: 120px; height: 97px; float: right;} #leftContainer #montageContainer {float: left; width: 143px; margin: 0px 14px 0px 3px; display: inline;} #leftContainer #homeContainer {float: left; width: 500px;} #leftContainer #homeContainer #homeContent {width: 465px; height: auto; margin: 20px 0px 0px 20px; color: #cc6699; font-weight: bold;} #leftContainer #homeContainer #homeTestContainer {width: 491px;} #leftContainer #homeContainer #homeTestContainer h2 {width: 473px; height: 32px; padding: 5px 0px 0px 18px; font-size: 1.9em; font-weight: normal; color: #FFFFFF; background-color: #6fd484; display: block; margin: 0px; display: block; background: url(../../media/images/lcol_box_green_title_bg.jpg) no-repeat 0px 0px;} #leftContainer #homeContainer #homeTestContainer .lcolBG {width: 491px; height: 172px; background: url(../../media/images/lcol_box_nurofen_bg.jpg) no-repeat 0px 0px;} #leftContainer #homeContainer #homeTestContainer .lcolBG h3 {margin: 10px 0px 5px 18px; padding: 0px; color: #d178bd; font-size: 1.5em; font-weight: bold; display: inline-block;} #leftContainer #homeContainer #homeTestContainer .lcolBG p.first {padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; width: 350px; height: auto;} #leftContainer #homeContainer #homeTestContainer .lcolBG p.courtesy {padding: 0px 0px 0px 140px; margin: 0px 0px 10px 0px; width: 250px; height: auto;} #leftContainer #homeContainer #homeTestContainer .lcolBG p.courtesynurofen {padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 250px; height: auto;font-size:.8em;} #leftContainer #homeContainer #homeTestContainer .lcolBG #testContent {margin: 0px 0px 0px 18px; width: 305px;} #rightContainer {float: left; width: 316px; text-align: left;} #rightContainer #lindaContainer {width: 313px;} #rightContainer #lindaContainer h2 {width: 300px; height: 32px; padding: 5px 0px 0px 13px; font-size: 1.9em; font-weight: normal; color: #FFFFFF; background-color: #bc6fa8; display: block; margin: 2px 0px 0px 0px; display: block; background: url(../../media/images/rcol_box_pink_title_bg.jpg) no-repeat 0px 0px;} #rightContainer #lindaContainer .contentBG {width: 313px; height: auto; background: url(../../media/images/right_column_bg_blue.jpg) no-repeat 0px 0px;} #rightContainer #lindaContainer .contentBG #lindaContent {width: 301px; margin: 0px 0px 0px 2px;} #rightContainer #lindaContainer .contentBG #lindaContent p.first {padding: 19px 0px 0px 13px;} #rightContainer #lindaContainer .contentBG #lindaContent p {padding: 0px 0px 0px 13px;} #rightContainer #lindaContainer .contentBG #lindaContent img#signiature {padding: 10px 0px 0px 13px;} #rightContainer #lindaContainer .boxFooter {width: 313px; height: 25px; background: url(../../media/images/rcol_box_blue_footer.jpg) no-repeat 0px 0px;} #rightContainer #resultsContainer {width: 313px;} #rightContainer #resultsContainer h2 {font-size: 1.9em; font-weight: normal; color: #FFFFFF; background-color: #74a2c5; width: 313px; height: 37px; display: block; margin: 2px 0px 0px 0px; padding: 0px; display: block;} #rightContainer #resultsContainer .contentBG {width: 313px; height: 97px; background: url(../../media/images/right_column_bg_blue.jpg) no-repeat 0px -170px;} #rightContainer #resultsContainer .contentBG #resultsContent {width: 280px; padding: 10px 0px 0px 10px; font-size: .9em; font-style: italic; color: #5296cc;} #rightContainer #resultsContainer .contentBG #resultsContent .resTitle {float: left; width: 140px; height: 17px; margin: 0px 0px 1px 0px;} #rightContainer #resultsContainer .contentBG #resultsContent .resBar {float: left; width: 103px; height: 15px; margin: 0px 5px 1px 0px; display: block; background: url(../../media/images/graph_bar_bg.gif) repeat-x 0px 0px; border: 1px solid #6f98b9;} #rightContainer #resultsContainer .contentBG #resultsContent .resPerc {float: left; width: 30px; height: 17px; margin: 0px 0px 1px 0px; display: block;} #rightContainer #resultsContainer .boxFooter {width: 313px; height: 25px; background: url(../../media/images/rcol_box_blue_footer.jpg) no-repeat 0px 0px;} #rightContainer #sponsorContainer {width: 313px;} #rightContainer #sponsorContainer h2 {font-size: 1.9em; font-weight: normal; color: #FFFFFF; background-color: #6ccf81; width: 313px; height: 37px; display: block; margin: 2px 0px 0px 0px; padding: 0px; display: block;} #rightContainer #sponsorContainer .contentBG {width: 313px; height: 90px; background: url(../../media/images/rcol_box_nurofen_bg.jpg) no-repeat 0px 0px;} #rightContainer #sponsorContainer .contentBG #sponsorContent {width: 200px; height: 70px; padding: 19px 0px 0px 13px;} #rightContainer #sponsorContainer .contentBG #sponsorContent h3 {margin: 0px 0px 10px 0px; padding: 0px; color: #7fae65;} #rightContainer #sponsorContainer .contentBG #sponsorContent a {color: #666666; text-decoration: underline;} #rightContainer #sponsorContainer .contentBG #sponsorContent a:hover {color: #666666; text-decoration: none;} #rightContainer #nurofenCallout {width: 313px;} #rightContainer #nurofenCallout h2 {width: 300px; height: 32px; padding: 5px 0px 0px 13px; font-size: 1.9em; font-weight: normal; color: #FFFFFF; background-color: #6ccf81; display: block; margin: 2px 0px 0px 0px; display: block; background: url(../../media/images/rcol_box_green_title_bg.jpg) no-repeat 0px 0px;} #rightContainer #nurofenCallout .contentBG {width: 313px; height: 217px; background: url(../../media/images/rcol_box_sub_nurofen_bg.jpg) no-repeat 0px 0px;} #rightContainer #nurofenCallout .contentBG #calloutContent {width: 250px; height: 70px; padding: 10px 0px 0px 13px;} #rightContainer #nurofenCallout .contentBG #calloutContent .courtesynurofen {padding: 88px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 250px; height: auto;font-size:.8em;} #rightContainer #nurofenCallout .contentBG #calloutContent h3 {margin: 0px 0px 10px 0px; padding: 0px; color: #7fae65;} #rightContainer #nurofenCallout .contentBG #calloutContent a {color: #666666; text-decoration: underline;} #rightContainer #nurofenCallout .contentBG #calloutContent a:hover {color: #666666; text-decoration: none;} #siteContainer #footerBar {width: 974px; height: 5px; background-color: #e2e2e2; display: block; border: 1px solid #FFFFFF; margin: 10px 0px 0px 0px;} #footerContainer {width: 976px; height: auto; margin: 0px auto 10px auto; text-align: right; padding: 0px; font-size: .8em;} /* SUB PAGE STYLES */ #leftContainer #subContainer {width: 640px; text-align: left; padding: 10px 0px 10px 10px; display: inline-block;} #leftContainer #subContainer h2 {font-size: 1.8em; margin: 0px 0px 10px 0px;} #leftContainer #subContainer #subBox {width: 648px; display: inline;} #leftContainer #subContainer #subBox h2 {width: 630px; height: 31px; font-size: 1.7em; font-weight: normal; color: #FFFFFF; background-color: #74a2c5; display: block; margin: 0px; padding: 6px 0px 0px 18px; background: url(../../media/images/sub_lcol_box_title_bg.jpg) no-repeat 0px 0px;} #leftContainer #subContainer #subBox .lcolBG {width: 648px; height: auto; background: url(../../media/images/sub_left_column_bg_blue.jpg) repeat-y 0px 0px; display: block;} #leftContainer #subContainer #subBox .lcolBG h3 {margin: 10px 20px 5px 18px; padding: 0px; color: #d178bd; font-size: 1.2em; font-weight: bold; display: inline-block;} #leftContainer #subContainer #subBox .lcolBG h3.fieldTitle {float: left; width: 120px; margin: 10px 0px 0px 18px; padding: 0px; color: #d178bd; font-size: 1.2em; font-weight: bold; display: block;} #leftContainer #subContainer #subBox .lcolBG .fieldOptions {float: left; margin: 10px 0px 0px 18px; padding: 0px; color: #d178bd; font-size: 1.2em; font-weight: bold; display: block;} #leftContainer #subContainer #subBox .lcolBG .questionOptions {margin: 0px 20px 0px 38px;} #leftContainer #subContainer #subBox .lcolBG .questionOptions a {text-decoration: none; color: #666666;} #leftContainer #subContainer #subBox .lcolBG .questionOptions a:hover {text-decoration: none; color: #666666;} #leftContainer #subContainer #subBox .boxFooter {width: 648px; height: 24px; background: url(../../media/images/sub_lcol_box_footer.jpg) no-repeat 0px 0px;} #leftContainer #subContainer #subBox .lcolBG #profileContent {margin: 0px 20px 0px 18px; padding: 10px 0px 0px 0px;} #leftContainer #subContainer #subBox .lcolBG #profileContent h3 {margin: 0px 0px 10px 0px;} #leftContainer #subContainer #subBox .lcolBG #profileContent img.profileImage {float: left; border: 1px solid #666666; margin: 0px 10px 10px 0px;} #leftContainer #subContainer #subContent {padding: 0px 20px 0px 0px;} /* SUB PAGE STYLES */ #leftContainer #subContainer {width: 640px; text-align: left; padding: 10px 0px 10px 10px; display: inline-block;} #leftContainer #subContainer h2 {font-size: 1.8em; margin: 0px 0px 10px 0px;} #leftContainer #subContainer #subBoxComp {width: 648px; display: inline;} #leftContainer #subContainer #subBoxComp h2 {width: 630px; height: 31px; font-size: 1.7em; font-weight: normal; color: #FFFFFF; background-color: #6ccf81; display: block; margin: 0px; padding: 6px 0px 0px 18px; background: url(../../media/images/sub_lcol_box_title_bg_green.jpg) no-repeat 0px 0px;} #leftContainer #subContainer #subBoxComp .lcolBG {width: 648px; height: auto; background: url(../../media/images/lcol_comp_bg.jpg) repeat-y 0px 0px; display: block;} #leftContainer #subContainer #subBoxComp .lcolBG h3 {margin: 10px 20px 5px 18px; padding: 0px; color: #cd2a21; font-size: 1.2em; font-weight: bold; display: inline-block;} #leftContainer #subContainer #subBoxComp .lcolBG h3.fieldTitle {float: left; width: 120px; margin: 10px 0px 0px 18px; padding: 0px; color: #d178bd; font-size: 1.2em; font-weight: bold; display: block;} #leftContainer #subContainer #subBoxComp .lcolBG .fieldOptions {float: left; margin: 10px 0px 0px 18px; padding: 0px; color: #d178bd; font-size: 1.2em; font-weight: bold; display: block;} #leftContainer #subContainer #subBoxComp .lcolBG .questionOptions {margin: 0px 20px 0px 38px;} #leftContainer #subContainer #subBoxComp .lcolBG .questionOptions a {text-decoration: none; color: #666666;} #leftContainer #subContainer #subBoxComp .lcolBG .questionOptions a:hover {text-decoration: none; color: #666666;} #leftContainer #subContainer #subBoxComp .boxFooter {width: 648px; height: 24px; background: url(../../media/images/sub_lcol_box_footer_grey.jpg) no-repeat 0px 0px;} #leftContainer #subContainer #subBoxComp .lcolBG #profileContent {margin: 0px 20px 0px 18px; padding: 10px 0px 0px 0px;} #leftContainer #subContainer #subBoxComp .lcolBG #profileContent h3 {margin: 0px 0px 10px 0px;} #leftContainer #subContainer #subBoxComp .lcolBG #profileContent img.profileImage {float: left; border: 1px solid #666666; margin: 0px 10px 10px 0px;} #callouts {margin: 0px auto 0px auto; width: 400px;} #callouts .thanks-callout{float: left; width: 190px; height: auto; padding: 0px; margin: 0px; margin: auto;} #leftContainer #subContainer #subContent {padding: 0px 20px 0px 0px;} /*PRIZE_DRAW*/ .prizedrawContainer {margin: 0px 0px 10px 0px;} .prizedrawContainer .prizedrawTitle {float: left; width: 246px; height: 16px; padding: 2px 2px 2px 2px; margin: 0px 2px 2px 0px; border: 1px solid #FFFFFF; font-size: 1em; background-color: #6ccf81; font-weight:bold; color: #FFFFFF;} .prizedrawContainer .prizedrawEntry {margin: 0px 0px 2px 2px;} .prizedrawContainer .prizedrawEntry input {width: 300px; height: 16px; border: 1px solid #6ccf81; background-color: #FFFFFF;} .prizedrawContainer .prizedrawFooter {width: 196px; height: 16px; padding: 2px 2px 2px 2px; margin: 0px 0px 2px 0px; float: left; font-size:.9em;} #frmbutton input.submit {padding: 2px 2px 2px 2px; margin: 0px 0px 2px 0px; border: 2px outset #cd2a21; font-size: 1em; background-color: #cd2a21; font-weight:bold; color: #FFFFFF;} .prizedrawContainer .friendNameField {float: left; width: 60px; height: 16px; padding: 2px 2px 2px 2px; margin: 0px 0px 2px 0px; border: 1px solid #FFFFFF; font-size: 1em; background-color: #6ccf81; font-weight:bold; color: #FFFFFF;} .prizedrawContainer .friendNameValue {float: left; margin: 0px 0px 0px 2px;} .prizedrawContainer .friendNameValue input {width: 120px; height: 18px; border: 1px solid #6ccf81; background-color: #FFFFFF;} .prizedrawContainer .prizedrawFooter {width: 196px; height: 16px; padding: 2px 2px 2px 2px; margin: 0px 0px 2px 0px; float: left; font-size:.9em} .prizedrawContainer .friendEmailField {float: left; width: 60px; height: 16px; padding: 2px 2px 2px 2px; margin: 0px 0px 2px 2px; border: 1px solid #FFFFFF; font-size: 1em; background-color: #6ccf81; font-weight:bold; color: #FFFFFF;} .prizedrawContainer .friendEmailValue {float: left; margin: 0px 0px 0px 2px;} .prizedrawContainer .friendEmailValue input {width: 250px; height: 18px; border: 1px solid #6ccf81; background-color: #FFFFFF;}