/* */
html, body, h1, h2, h3, h4, dl, dt, dd, form, fieldset, ul, li, blockquote, p {margin: 0; padding: 0;}
/* body default */
body {border-top: 2px solid #3792cb; font: 0.625em/1.5em verdana, helvetica, arial, tahoma, sans-serif; background: #fff; color: #000;}
hr {display: none;}
/* modules */
.wrapper {margin: 0 auto; width: 960px;}
.none {display: none;}
.menu {list-style: none;} /* ul */
.menu .element {} /* ul > li */
.menu .element a {text-decoration: none;}
.submenu {list-style: none;} /* ul */
.submenu .positioin {} /* ul > li */
.submenu .position a {text-decoration: none;}
.boxes {list-style: none;} /* ul */
.boxes .box {margin-bottom: 40px;} /* ul > li */
.categories {overflow: hidden; list-style: none;} /* ul */
.categories .category {float: left;} /* ul > li */
.flow-left {float: left;}
.flow-right {float: right;}
form {}
form fieldset {border: 0;}
a {color: #3792CB;}
a:hover {color: #ffae01;}
/* header */
#header .wrapper {overflow: hidden; padding-top: 35px;}
#header h2 {float: left;}
#header h2 a {display: block; position: relative; width: 271px; height: 40px;}
#header h2 a span {position: absolute; top: 0; left: 0; width: 271px; height: 40px; background: url(../images/public/header.h1.a.span.png) no-repeat;}
#header h3 {float: right; position: relative; width: 425px; height: 40px;}
#header h3 span {position: absolute; top: 0; left: 0; width: 425px; height: 40px; background: url(../images/public/header.h2.span.png) no-repeat;}
/* menu */
#menu {padding-top: 32px; background: url(../images/public/menu.gif) repeat-x;}
#menu .wrapper {width: 961px;}
#menu h3 {display: none;}
#menu .menu {}
#menu .menu:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;}
#menu .menu .element {float: left; margin: 0 1px; display: inline;}
#menu .menu .element a, #menu .menu .element .a {position: relative; float: left; height: 34px;}
#menu .menu .element a span, #menu .menu .element .a span {position: absolute; top: 0; left: 0; height: 34px;}
#menu .menu .element .hover span {background-position: 0 -68px !important;}
#menu .menu .element .active span {background-position: 0 -68px !important;}
#menu .menu .element #menu-home {width: 85px;} /* home */
#menu .menu .element #menu-home span {width: 85px; background: url(../images/public/menu.menu.element.a-menu-home.span.png) no-repeat;}
#menu .menu .element #menu-about-us {width: 109px;} /* home */
#menu .menu .element #menu-about-us span {width: 109px; background: url(../images/public/menu.menu.element.a-menu-about-us.span.png) no-repeat;}
#menu .menu .element #menu-market-research {width: 165px;} /* home */
#menu .menu .element #menu-market-research span {width: 165px; background: url(../images/public/menu.menu.element.a-menu-market-research.span.png) no-repeat;}
#menu .menu .element #menu-our-panels {width: 122px;} /* home */
#menu .menu .element #menu-our-panels span {width: 122px; background: url(../images/public/menu.menu.element.a-menu-our-panels.span.png) no-repeat;}
#menu .menu .element #menu-our-expertise {width: 139px;} /* home */
#menu .menu .element #menu-our-expertise span {width: 139px; background: url(../images/public/menu.menu.element.a-menu-our-expertise.span.png) no-repeat;}
#menu .menu .element #menu-our-clients {width: 123px;} /* home */
#menu .menu .element #menu-our-clients span {width: 123px; background: url(../images/public/menu.menu.element.a-menu-our-clients.span.png) no-repeat;}
#menu .menu .element #menu-press {width: 78px;} /* home */
#menu .menu .element #menu-press span {width: 78px; background: url(../images/public/menu.menu.element.a-menu-press.span.png) no-repeat;}
#menu .menu .element #menu-contact-us {width: 124px;} /* home */
#menu .menu .element #menu-contact-us span {width: 124px; background: url(../images/public/menu.menu.element.a-menu-contact-us.span.png) no-repeat;}
#menu .menu .element #menu-account-details {width: 154px;} /* account details */
#menu .menu .element #menu-account-details span {width: 154px; background: url(../images/public/menu.menu.element.a-menu-account-details.span.png) no-repeat;}
#menu .menu .element #menu-rewards {width: 101px;} /* rewards */
#menu .menu .element #menu-rewards span {width: 101px; background: url(../images/public/menu.menu.element.a-menu-rewards.span.png) no-repeat;}
#menu .menu .element #menu-support {width: 98px;} /* support */
#menu .menu .element #menu-support span {width: 98px; background: url(../images/public/menu.menu.element.a-menu-support.span.png) no-repeat;}
#menu .menu .element #menu-logout {width: 91px;} /* logout */
#menu .menu .element #menu-logout span {width: 91px; background: url(../images/public/menu.menu.element.a-menu-logout.span.png) no-repeat;}
/* submenu */
#menu .menu li {position:relative; z-index: 10;}
#menu .menu .submenu {position: absolute; top: 34px; left: 1px; padding: 0 3px 3px; width: 226px; background: #f4f4f4 url(../images/public/menu.menu.submenu.png) 50% 100% no-repeat; }
#menu .menu .submenu .position {padding: 2px 0 3px;}
#menu .menu .submenu .position:first-child, #menu .menu .submenu .first-child {margin: 0 -3px; padding:31px 3px 0; background: url(../images/public/menu.menu.submenu.position.first-child.png) 50% 0 no-repeat;}
#menu .menu .submenu .position a {display: block; float: none; padding: 5px 0 5px 16px; width: 210px; height: auto; font-size: 1.2em; background: url(../images/public/menu.menu.submenu.position.a.gif) 7px 50% no-repeat; color: #0081ba;}
#menu .menu .submenu .position a:hover {color: #ffae01;}
#menu .menu .submenu .odd a {background-color: #fff;}
/* submenu-about-us */
#submenu-about-us .position:first-child, #submenu-about-us .position.first-child {background: url(../images/public/submenu-about-us.position-first-child.png) 50% 0 no-repeat !important;}
/* submenu-market-research */
#submenu-market-research .position:first-child, #submenu-market-research .position.first-child {background: url(../images/public/submenu-market-research.position-first-child.png) 50% 0 no-repeat !important;}
/* submenu-our-panels */
#submenu-our-panels .position:first-child, #submenu-our-panels .position.first-child {background: url(../images/public/submenu-our-panels.position-first-child.png) 50% 0 no-repeat !important;}
/* submenu-our-expertise */
#submenu-our-expertise .position:first-child, #submenu-our-expertise .position.first-child {background: url(../images/public/submenu-our-expertise.position-first-child.png) 50% 0 no-repeat !important;}
/* submenu-our-clients */
#submenu-our-clients .position:first-child, #submenu-our-clients .position.first-child {background: url(../images/public/submenu-our-clients.position-first-child.png) 50% 0 no-repeat !important;}
/* submenu hide & show */
#menu .menu .element {}
#menu .menu .element .submenu {display: none;}
#menu .menu .element:hover .submenu, #menu .menu .element.hover .submenu {display: block;}
#menu .menu .element:hover a span, #menu .menu .element.hover a span {background-position: 0 -68px !important;}
/* content */
#content .wrapper {margin-top: 24px;}
#content .wrapper:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;}
/* main */
#main {float: left; width: 636px;}
/* categories */
#main #categories {margin-top: 16px; padding-bottom: 16px; background: url(../images/public/main.id.categories.gif) no-repeat 50% 100%;}
#main .categories {padding-top: 16px; width: 636px; background: url(../images/public/main.class.categories.gif) no-repeat 50% 0;}
#main .categories #research {width: 207px;}
#main .categories #research h3 {width: 207px;}
#main .categories #research h3 span {width: 207px; background: url(../images/public/main.categories.research.h3.span.png) no-repeat;}
#main .categories #panels {margin: 0 1px; width: 218px;}
#main .categories #panels h3 {width: 218px;}
#main .categories #panels h3 span {width: 218px; background: url(../images/public/main.categories.panels.h3.span.png) no-repeat;}
#main .categories #expertises {width: 209px;}
#main .categories #expertises h3 {width: 209px;}
#main .categories #expertises h3 span {width: 209px; background: url(../images/public/main.categories.expertises.h3.span.png) no-repeat;}
#main .categories .menu {padding: 11px; font-size: 1.2em;}
#main .categories .menu .element {margin: 8px 0; padding-left: 12px; background: url(../images/public/main.categories.menu.element.gif) no-repeat 0 0.45em;}
#main .categories h3 {position: relative; height: 105px;}
#main .categories h3 span {position: absolute; top: 0; left: 0; height: 105px;}
/* article */
#main #article {}
#main #article h1 {padding: 12px 0; font-size: 1.8em; color: #3792cb;}
#main #article .article {padding: 1px 12px 0 14px; font-size: 1.2em; line-height: 1.8em; background: url(../images/public/main.article.article.png) no-repeat 50% 0; color: #666;}
#main #article .article h2 {margin: 12px 0 4px; font-size: 1.083em; color: #f1a20e;}
#main #article .article h3 {margin: 12px 0 4px; font-size: 1em;}
#main #article .article h4 {font-size: 1em;}
#main #article .article blockquote.side {margin-left: 18px; padding: 10px 24px 0 12px; width: 210px; font-size: 1.33em; font-weight: bold; background: url(../images/public/main.article.article.blockquote.png) no-repeat 50% 0; color: #0092cb;}
#main #article .article blockquote.side p {color: #0092cb;}
#main #article .article p {margin: 4px 0 14px; color: #666;}
#main #article .article ul {margin: 4px 0 12px; list-style: none;}
#main #article .article ul li, #main #article .article ul.ticks li {padding-left: 24px; background: url(../images/public/list-tick.gif) no-repeat 8px 1ex;}
#main #article .article ul.arrows li {padding-left: 24px; background: url(../images/public/list-double-arrow.gif) no-repeat 8px 1ex;}
#main #article .article img.flow-right {margin-right: -30px;}
#main #article .article a {color: #3792cb;}
#main #article .article a:visited, #main #article .article a:hover {color: #666;}
/* panel */
#panel {margin-bottom: 77px;}
#panel h1 {color: #0081bd;}
#panel h1.header {padding: 21px 0; font-size: 1.9em; line-height: 1em;}
#panel h2 {color: #f1a20e;}
#panel h2.header {font-size: 1.3em; line-height: 1em;}
#panel table {border-collapse: collapse; width: 100%; font-size: 1.2em;}
#panel table thead {}
#panel table thead th {font-size: 0.91em; background: #006ea5 url(../images/public/main.panel.table.thead.th.png) repeat-x 0 100%; color: #fff;}
#panel table thead th img {position: absolute; top: 0; left: 0;}
#panel table tbody {}
#panel table tbody td {}
#panel table tbody td a {text-decoration: none; background: url(../images/public/main.panel.table.tbody.td.a.gif) repeat-x 0 100%; color: #333;}
#panel table tbody td a:hover, #panel table tbody td a:focus {background: url(../images/public/main.panel.table.tbody.td.a-hover.gif) repeat-x 0 100%;}
/* panel - welcome */
#main .notices #welcome {/* margin-top: 60px; */ padding: 0 15px;}
/* panel - earn more points */
#main .notices #earn-more-points {}
#main .notices #earn-more-points .body {margin: -28px 0 0 -88px; padding: 28px 0 0 88px; background: url(../images/public/main.notices.earn-more-points.body.png) no-repeat 17px 3px;}
/* panel - my registration details */
#main .notices #my-registration-details {}
#main .notices #my-registration-details .body {margin: -28px 0 0 -88px; padding: 28px 0 0 88px; background: url(../images/public/main.notices.my-registration-details.body.png) no-repeat 17px 0;}
/* panel - my profile information */
#main .notices #my-profile-information {}
#main .notices #my-profile-information .body,
#main .notices #please-check-your-inbox .body {
margin: -28px 0 0 -88px;
padding: 28px 0 0 88px;
background: url(../images/public/main.notices.my-profile-information.body.png) no-repeat 17px 0;
}
/* panel - unsubscribe from opinion health */
#main .notices #unsubscribe-from-opinion-health {}
#main .notices #unsubscribe-from-opinion-health .body {margin: -28px 0 0 -88px; padding: 28px 0 0 88px; background: url(../images/public/main.notices.unsubscribe-from-opinion-health.body.png) no-repeat 17px 0;}
/* sidebar */
#sidebar {float: right; width: 305px;}
#sidebar .boxes {}
/* sidebar - convert your points */
#sidebar .boxes #convert-your-points {margin-top: 60px;}
#sidebar .boxes #convert-your-points .header {}
#sidebar .boxes #convert-your-points .header span {background: url(../images/public/sidebar.boxes.convert-your-points.h3.span.png) no-repeat;}
#sidebar .boxes #convert-your-points .body {background: url(../images/public/sidebar.boxes.convert-your-points.body.png) no-repeat 18px 10px;}
/* sidebar - your registratrion details */
#sidebar .boxes #your-registration-details {margin-top: 60px;}
#sidebar .boxes #your-registration-details .header {}
#sidebar .boxes #your-registration-details .header span {background: url(../images/public/sidebar.boxes.your-registration-details.header.span.png) no-repeat;}
#sidebar .boxes #your-registration-details .body {padding-bottom: 8px; background: url(../images/public/sidebar.boxes.your-registration-details.body.png) 18px 10px no-repeat;}
#sidebar .boxes #your-registration-details .body dt {display: inline; font-weight: bold; color: #0081bd; margin-right: 5px;}
#sidebar .boxes #your-registration-details .body dd {display: inline;}
#sidebar .boxes #your-registration-details ul.body {list-style: none;}
/* sidebar - your profile information */
#sidebar .boxes #your-profile-information {}
#sidebar .boxes #your-profile-information .header {}
#sidebar .boxes #your-profile-information .header span {background: url(../images/public/sidebar.boxes.your-profile-information.header.span.png) no-repeat;}
#sidebar .boxes #your-profile-information .body {background: url(../images/public/sidebar.boxes.your-profile-information.body.png) no-repeat 18px 14px;}
/* sidebar - box */
#sidebar .boxes .box .header {position: relative; width: 305px; height: 45px;} /* h3 */
#sidebar .boxes .box .header span {position: absolute; top: 0; left: 0; width: 305px; height: 45px;} /* h3 > span */
#sidebar .boxes .box .body {padding: 21px 19px 6px 82px; font-size: 1.2em; color: #333;}
#sidebar .boxes .box .footer {padding: 6px 19px 6px 82px; text-align: right;}
#sidebar .boxes .box ul.footer {list-style: none;}
#sidebar .boxes .box ul.footer li {margin-bottom: 3px;}
#sidebar .boxes .box .footer a {list-style: none;}
#sidebar .boxes .box .footer a img {border: 0;}
/* footer */
#footer {border-top: 1px solid #dbdcdd; padding: 20px 0; background: url(../images/public/footer.gif) repeat-x;}
#footer .menu {overflow: hidden; width: 960px;}
#footer .menu .element {float: left; border-left: 1px solid #ffae01; padding: 0 7px;}
#footer .menu .element:first-child, #footer .menu .element.first-child {border-left: 0; padding-left: 0;}
#footer .menu .element a {float: left; color: #3792cb;}
#footer .menu .element a:hover {text-decoration: underline;}
#footer .copyright {margin-top: 4px; color: #3792cb;}
/**
* Common elements
*/
a img {
border-width: 0;
}
/* IE seems to need this reminder in specific cases */
a { cursor: pointer; }
/**
* Layout elements
*/
#global_messages {
width: 960px;
margin: 10px auto 10px auto;
font-size: medium;
}
#global_messages .notice, #global_messages .error {
margin-top: 12px;
padding: 2px;
}
#global_messages .notice p, #global_messages .error p {
padding-left: 100px;
padding-top: 13px;
line-height: 24px;
padding-bottom: 13px;
margin: 0;
}
#global_messages .notice {
background-color: #B7FE1F;
}
#global_messages .notice p {
background: #e9fad4 url(/images/public/success-sign.gif) no-repeat 18px center;
}
#global_messages .error {
background-color: #ea6454;
}
#global_messages .error p {
background: #f9d0d0 url(/images/public/error-sign.gif) no-repeat 18px center;
}
#body.popup-layout {
padding-left: 50px;
}
#body.popup-layout #footer {
margin-left: -50px;
padding-left: 50px;
}
/**
* Rails forms
*/
.fieldWithErrors {
display: inline;
}
.fieldWithErrors input.text,
.fieldWithErrors input.password,
.fieldWithErrors textarea,
.fieldWithErrors select {
border: 1px solid red;
}
/**
* Guests landing page
*/
/* banner */
#banner {
margin: 40px 0 25px;
}
#banner.underneath-global-messages {
margin-top: 24px;
}
#banner p a {
display: block;
}
#banner p a img {
display: block; border: 0;
}
/* MediaWatch */
#mediawatch ul {
list-style: none;
}
#mediawatch .header {
overflow: hidden;
}
#mediawatch {
margin-top: 38px;
margin-bottom: 38px;
padding: 8px 10px;
background: url(../images/public/main.id.news.png) no-repeat 50% 0;
}
#mediawatch h3 {
position: relative;
width: 189px;
height: 31px;
}
#mediawatch h3 span {
position: absolute;
top: 0; left: 0;
width: 189px;
height: 31px;
background: url(../images/public/main.news.h3.span.png) no-repeat;
}
#mediawatch {
margin-top: 6px;
}
#mediawatch li.news-piece {
margin-top: 24px;
width: 588px;
height: auto;
}
#mediawatch .header {
border-bottom: 1px solid #cdccc4;
width: 588px;
}
#mediawatch .header h4 {
float: left;
margin-left: 5px;
padding-top: 4px;
font-size: 1.3em;
color: #f1a20e;
display: inline;
}
#mediawatch .header dl {
float: right;
margin-right: 5px;
display:inline;
}
#mediawatch .header dt {
display: none;
}
#mediawatch .date {
clear: left;
margin-left: 6px;
color: #666;
}
#mediawatch .body {
margin: 7px 22px 7px 5px;
font-size: 1.1em;
color: #666;
}
#mediawatch .footer {
margin-left: 8px;
}
#mediawatch .footer li {
padding-left: 9px;
font-size: 1.1em;
background: url(../images/public/main.news.news.footer.p.gif) no-repeat 0 50%;
}
#mediawatch .footer li a {
font-weight: bold;
}
#mediawatch .body p {
margin-bottom: 1em;
}
/**
* Main panel elements (called notices and errors)
*/
#panel .notice, #panel .error {
margin-bottom: 33px;
padding: 0 58px 11px 88px;
min-height: 105px;
}
#panel .notice {
background: url(../images/public/main.panel.notice.png) no-repeat 50% 0;
}
#panel .notice .header {
padding: 11px 0;
}
#panel .notice .body {
font-size: 1.2em;
line-height: 1.6em;
color: #333;
}
#panel .notice .body p {
margin-bottom: 6px;
}
#panel .notice .footer {
padding: 11px 0 0;
}
#panel .notice .footer a img {
border: 0;
}
/* Attention-grabbing malfunction message */
#panel .error {
background: url(../images/public/main.notices.please-note.png) no-repeat 50% 0;
}
#panel .error .header {
color: #de0000;
}
#panel .error .body {
margin: -28px 0 0 -88px;
padding: 28px 0 0 88px;
background: url(../images/public/main.notices.please-note.body.png) no-repeat 17px 17px;
}
/**
* Sidebar general
*/
#sidebar .box {
padding-bottom: 9px;
background: #f1f1f1 url(../images/public/sidebar.boxes.members.form.gif) no-repeat 50% 100%;
}
#sidebar .box h3 {
position: relative;
width: 305px;
height: 45px;
}
#sidebar .box h3 span {
position: absolute;
top: 0; left: 0;
width: 305px;
height: 45px;
}
/**
* Sidebar boxes
*/
/* Sign up box */
#sidebar .boxes #join {
padding-bottom: 0;
background: none;
position: relative;
margin-bottom: 20px;
width: 305px;
height: 134px;
}
#sidebar .boxes #join h3 {
position: absolute;
top: 0; left: 0;
height: 134px;
}
#sidebar .boxes #join h3 span {
position: absolute;
top: 0; left: 0;
height: 134px;
background: url(../images/public/sidebar.boxes.join.h3.span.png) no-repeat;
}
#sidebar .boxes #join p {
position: absolute;
left: 194px; top: 105px;
width: 105px;
height: 23px;
}
#sidebar .boxes #join p a {
position: absolute;
top:0; left: 0;
width: 105px;
height: 23px;
}
#sidebar .boxes #join p a span {
position: absolute;
top:0; left: 0;
width: 105px;
height: 23px;
background: url(../images/public/sidebar.boxes.join.p.a.span.png) no-repeat;
}
/* Login box */
#sidebar .boxes #members h3 span {
background: url(../images/public/sidebar.boxes.area.h3.span.png) no-repeat;
}
/* Account balance */
#sidebar .boxes #account-balance h3 span {
background: url(../images/public/sidebar.boxes.account-balance.header.span.png) no-repeat;
}
#sidebar .boxes #account-balance .body {
overflow: hidden;
padding: 21px 16px;
width: 273px;
}
/* Poll box */
#sidebar .boxes #poll h3 span {
background: url(../images/public/sidebar.boxes.poll.h3.span.png) no-repeat;
}
#sidebar .boxes #poll p {
margin: 12px 6px 8px 12px;
font-size: 1.1em;
font-weight: bold;
color: #666;
}
#sidebar .boxes #poll p.submit {
margin-left: 100px;
}
#sidebar .boxes #poll dl {
margin: 0 6px 0 12px;
font-size: 1.1em;
list-style: none;
}
#sidebar .boxes #poll dl div {
margin: 6px 0;
position: relative;
width: 257px;
}
#sidebar .boxes #poll dt {
padding-left: 30px;
color: #666;
}
#sidebar .boxes #poll dd {
position: absolute;
top: 0; left: 0;
}
/* Social Media Market Intelligence */
#sidebar .boxes #social {
padding-bottom: 0;
background: none;
}
#sidebar .boxes #social h3 span {
background: url(../images/public/sidebar.boxes.social.h3.span.png) no-repeat;
}
#sidebar .boxes #social p a {
display: block;
}
#sidebar .boxes #social p a img {
display: block;
border: 0;
}
/* sidebar - update your details */
#sidebar .boxes #update-your-details h3 span {
background: url(../images/public/sidebar.boxes.update-your-details.header.span.png) no-repeat;
}
#sidebar .boxes #update-your-details .body {
background: url(../images/public/sidebar.boxes.update-your-details.body.png) no-repeat 18px 22px;
}
/* sidebar - tell a friend */
#sidebar .boxes #tell-a-colleague h3 span {
background: url(../images/public/sidebar.boxes.tell-a-colleague.header.span.png) no-repeat;
}
#sidebar .boxes #tell-a-friend h3 span {
background: url(../images/public/sidebar.boxes.tell-a-friend.header.span.png) no-repeat;
}
#sidebar .boxes #tell-a-colleague .body,
#sidebar .boxes #tell-a-friend .body {
background: url(../images/public/sidebar.boxes.tell-a-friend.body.png) no-repeat 18px 22px;
}
/* sidebar - redeem your points */
#sidebar .boxes #redeem-your-points h3 span {
background: url(../images/public/sidebar.boxes.redeem-your-points.header.span.png) no-repeat;
}
#sidebar .boxes #redeem-your-points .body {
background: url(../images/public/sidebar.boxes.redeem-your-points.body.png) no-repeat 18px 22px;
}
/* sidebar - my support */
#sidebar .boxes #my-support h3 span {
background: url(../images/public/sidebar.boxes.my-support.header.span.png) no-repeat;
}
#sidebar .boxes #my-support .body {
padding-bottom: 14px;
background: url(../images/public/sidebar.boxes.my-support.body.png) no-repeat 18px 14px;
}
/* sidebar - your newsletters */
#sidebar .boxes #your-newsletters h3 span {
background: url(../images/public/box-header.your-newsletters.png) no-repeat;
}
#sidebar .boxes #your-newsletters .body {
padding-top: 25px;
padding-bottom: 14px;
background: url(../images/public/icon.envelope.png) no-repeat 18px 14px;
}
#sidebar .boxes #your-newsletters ul {
margin: 1em 0 0 -5em;
list-style: none;
}
#sidebar .boxes #your-newsletters input {
margin: 0;
}
/**
* User pages
*/
#main .notices #your-account-statement {
overflow: hidden;
padding: 0 15px;
width: 606px;
}
/* Progress bar -like statement */
.redemption-progress-bar {
margin-top: 4px;
width: 275px;
list-style: none;
}
.redemption-progress-bar .current-account-balance {
list-style: none;
position: relative;
width: 275px;
height: 30px;
background: url(../images/public/main.notices.your-account-statement.dl.current-account-balance.png) no-repeat;
}
.redemption-progress-bar .current-account-balance dt {
display: none;
}
.redemption-progress-bar .current-account-balance dd {
display: block;
font-weight: bold;
line-height: 30px;
text-align: center;
background: url(../images/public/main.notices.your-account-statement.dl.current-account-balance.dd.gif) repeat-x;
color: #fff;
}
.redemption-progress-bar .current-account-balance dd.narrow {
position: relative;
}
.redemption-progress-bar .current-account-balance dd.narrow .amount {
position: absolute;
top: 0px;
left: 95px;
width: 7em;
color: red;
}
.redemption-progress-bar .nearest-redemption-threshold dt {
display: none;
}
.redemption-progress-bar .nearest-redemption-threshold dd {
float: right;
}
.redemption-progress-bar .previous-redemption-threshold dt {
display: none;
}
.redemption-progress-bar .previous-redemption-threshold dd {
float: left;
}
.redemption-text dt {
display: inline;
}
.redemption-text dd {
display: inline;
font-weight: bold;
color: #006ea5;
}
/* Available surveys & account history */
#available-surveys table tbody td,
#your-account-history table thead th {
text-align: left;
}
#available-surveys table thead th,
#your-account-history table thead th {
padding: 10px 12px;
}
#available-surveys table tbody td,
#your-account-history table tbody td {
padding: 16px 12px;
border-bottom: 1px solid #3792cb;
border-left: 1px solid #3792cb;
}
#available-surveys table thead th.survey-name,
#your-account-history table thead th.date {
border-left: 1px solid #3792cb;
text-align: left;
}
#available-surveys table thead th.rewards,
#your-account-history table thead th.survey-name {
border-left: 1px solid #fff;
}
#available-surveys table thead th.end-date,
#your-account-history table thead th.rewards {
border-right: 1px solid #3792cb;
border-left: 1px solid #fff;
}
#available-surveys table tbody td.rewards {
text-align: center;
}
#available-surveys table tbody td.end-date {
border-right: 1px solid #3792cb;
font-size: 0.916em;
text-align: center;
}
#your-account-history table tbody td.date {
font-size: 0.916em;
}
#your-account-history table tbody td.survey-name {
font-size: 0.916em;
font-weight: bold;
}
#your-account-history table tbody td.rewards {
border-right: 1px solid #3792cb;
text-align: center;
}
#available-surveys .screened-out,
#your-account-history .screened-out {
color: #888888;
font-size: x-small;
}
#your-account-history .last-line {
margin-top: .2em;
padding-right: 1em;
font-size: 1.2em;
text-align: right;
}
/* Important notices */
#main .notices .error {
background: url(../images/public/main.notices.please-note.png) no-repeat 50% 0;
}
#main .notices .error .header {
color: #de0000;
}
#main .notices .error .body {
margin: -28px 0 0 -88px;
padding: 28px 0 0 88px;
background: url(../images/public/main.notices.please-note.body.png) no-repeat 17px 17px;
}
/* Panel version of the above */
#panel .redemption-progress-bar {
position: absolute;
}
#panel .redemption-text {
float: right;
margin-bottom: 40px; /* This is to avoid IE6 making the panel too short*/
}
/* Box version of the above */
.box .redemption-text {
padding-top: 16px;
clear: both;
}
/* Redemption page */
#main .notices #redeem {
padding: 0 15px;
}
#main .notices #redeem form {
margin-left: 100px;
width: 320px;
}
#main .notices #redeem form .field-wrap {
margin-bottom: 1.5em;
}
#main .notices #redeem form label {
font-weight: bold;
}
#main .notices #redeem form ul label {
font-weight: normal;
}
#main .notices #redeem ul li {
list-style: none;
}
#main .notices #redeem #redemption_address {
width: 100%;
height: 5em;
}
#main .notices #redeem .submit {
text-align: center;
}
/* Unsubscribe page */
#main #unsubscribe .submit {
padding-top: 1em;
text-align: center;
}
/* "Tell a friend" page */
#main #friends textarea {
margin-left: 8em;
}
#main #friends .submit {
text-align: center;
}
/**
* Signup form
*/
#user-details form {
font-size: 1.2em;
line-height: 1.8em;
background: url(../images/public/fading-background.png) no-repeat 50% 0;
color: #666;
padding-left: 1em;
zoom: 1;
}
#user-details fieldset {
position: relative;
}
#user-details h1 {
padding: 12px 0;
font-size: 1.8em;
color: #3792cb;
}
#user-details h2 {
margin: 12px 0 4px;
font-size: 1.083em;
color: #f1a20e;
}
#user-details #name-warning {
position: absolute;
font-size: 10px;
top: 65px;
right: 10px;
width: 180px;
}
#user-details dl dt {
position: absolute;
left: 0;
width: 20em;
text-align: right;
}
#user-details dl dd {
margin-left: 21em;
margin-bottom: 1em;
}
#user-details p.submit {
text-align: center;
margin-bottom: 1em;
}
#user-details .professions {
list-style: none;
font-size: 0.91em;
}
#user-details dd.gmc-number-stuff {
position: relative;
height: 20px;
}
#user-details .gmc-number-stuff input {
position: absolute;
left: 0;
top: 0;
}
#user-details .tos dd .fieldWithErrors {
display: block;
border: 1px solid red;
}
#user-details .error {
width: 90%;
padding: 5px 2.5%;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
border: 2px solid #ea6454;
background-color: #f9d0d0;
color: black;
}
#user-details .edit_user dl {
margin-top: 1em;
}
#user-details #anti-spam-filter-warning {
border: 1px solid #cccccc;
padding: 5px 1em;
margin-bottom: 1em;
margin-left: 2em;
}
/**
* Copy content pages
*/
/* Statistical stuff @ about_us/methodology/consumer_healthcare */
table.statistical {
border-collapse: collapse;
width: 450px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
table.statistical caption {
margin-top: 1em;
width: 450px;
font-size: large;
}
table.statistical .subcaption {
font-size: small;
}
table.statistical th, table.statistical td {
padding: 5px;
}
table.statistical thead th {
width: 10em;
}
table.statistical tbody th {
padding-right: 1em;
text-align: right;
}
table.statistical td {
text-align: center;
}
table.statistical tbody th, table.statistical tbody td {
border-top: 1px solid #dbdcdd;
}
table#consumer-healthcare thead th {
width: 0;
}
table#consumer-healthcare td img {
display:inline;
}
table#consumer-healthcare thead th.conditions { width: 60%; }
table#consumer-healthcare thead th.self { width: 20%; }
table#consumer-healthcare thead th.household-member { width: 20%; }
/* Index pages */
#main #article .index h2 a {
text-decoration: none;
}
#main #article .index h2 a:link,
#main #article .index h2 a:visited,
#main #article .index h2 a:hover,
#main #article .index h2 a:active {
color: #f1a20e;
}
#main #article .index p a:link,
#main #article .index p a:visited,
#main #article .index p a:hover,
#main #article .index p a:active {
color: #3792CB;
}
#main #article #logos img {border:0; display:inline;padding: 5px 0;}
/**
* Misc elements
*/
.pending-revision {
background-color: #fdd;
}
#main #our-clients .client-logo {
display: inline;
margin: 1em;
}
#main #our-clients .client-logo img {
display: inline;
border: none;
}
#main #press-cuts {
text-align: center;
}
#main #press-cuts .press-cut img {
display: inline;
border: none;
margin: 1em;
}
#main #contact-us p.vcard {
float: left;
margin: 0.5em 2em 0.5em 0;
}
#main #contact-us h2 {
clear: both;
}
#main #contact-us .vcard .fn {
font-weight: bold;
}
#main #contact-us #panel-support {
width: 180px;
margin-right: 0;
}
.quote-with-author {
margin-bottom: 2em;
}
.quote-with-author blockquote {
width: 90%;
margin-left: auto;
margin-right: auto;
quotes: '"' '"' "'" "'";
background: url(/images/public/double-quotes.gif) no-repeat;
}
.quote-with-author blockquote p:before {
content: open-quote;
}
.quote-with-author blockquote p:after {
content: close-quote
}
.quote-with-author p.author {
text-align: right;
padding-right: 7%;
font-weight: bold;
}
/* Login form */
form.login dl {
margin: 0 6px 0 12px;
font-size: 1.1em;
}
form.login dl div {
margin: 6px 0;
overflow: hidden;
clear: both;
}
form.login dt {
float: left;
padding: 2px 0;
width: 106px;
color: #0081bd;
}
form.login ul.submit {
overflow: hidden;
margin-left: 28px;
list-style: none;
clear: both;
}
form.login ul.submit li {
float: left;
margin-left: 20px;
margin-top: 6px;
margin-bottom: 6px;
}
/* Forgotten password forms */
#panel .body form.forgot_password p {
margin-bottom: 1em;
text-align: center;
}
#panel .body form.forgot_password label {
margin-right: 2em;
color: #0081bd;
}
#main .notices #reset-password .body {
margin: -28px 0 0 -88px;
padding: 28px 0 0 88px;
background: url(../images/public/main.notices.my-registration-details.body.png) no-repeat 17px 0;
}
#main .notices #reset-password .body .submit {
margin-top: 1em;
}
.prev_next_link a {
display: block;
padding: 7px 10px;
margin:10px 10px 20px 10px;
background-color: #3792CB;
color:#fff;
font-size: 12px;
text-decoration: none;
}
.prev_next_link a:hover {
background-color: #F1A20E;
}
#next_link a {
float: right;
color: #fff;
}
#prev_link a {
float: left;
color: #fff;
}
/**
* Partner controller
*/
#campaign p,
#campaign h1 {
line-height: 1.5em;
margin-bottom: 1em;
}