html {
background-color: #e4e4e4;
}
body {
font-family:arial,Verdana,clean,sans-serif;
font-size: 100.01%;
font-size: 75%;
}
p {
color:#3976A3;
font-family:Arial,Verdana,sans-serif;
margin:1em 1.7em;
}
h1, h2, h3, h4 {
color:#000000;
font-weight:bold;
margin-bottom:0.5em;
}
h1 {
color:#f0e70f;
font-family: "GoodDog Plain", Calibri,Arial,sans-serif;
font-size:230%;
width: 50%;
z-index: 2;
height: 40px;
margin: 0 0 10px 29px;
}
h2 {
color: #1175bf;
font-family: "GoodDog Plain",Calibri,Arial,sans-serif;
font-size:200%;
margin: 20px 0 15px 0;
width: 50%;
height: 55px;
z-index: 3;
}
h3 {
font-family: Arial,sans-serif;
color: #653690;
font-size: 120%;
margin: 0.5em 0 0 0;
}
a {
color:#4888B7;
text-decoration:none;
font-weight: bold;
}
a:visited {
color: #FFF;
}
a:hover {
color:#000;
text-decoration:underline;
}
a:active {
color:#000000;
text-decoration:none;
}
strong {
font-weight: bold;
}
em {
font-style:italic;
}
.error,
p.error,
#uiError p {
color: #CC0033;
}
/**************************** Layout ****************************/
#all{
margin:0 auto;
background:#8c58a3 url(../images/bg.jpg) no-repeat left top;
width: 1024px;
position: relative;
z-index: 1;
}
body.homeGirl #all {
background:#7e4898 url(../images/bghomeGirl.jpg) no-repeat left top;
}
body.homeBoy #all {
background:#158cca url(../images/bghomeBoy.jpg) no-repeat left top;
}
body.aboutBedwetting #all,
body.pediatre #all,
body.resources #all,
body.miscPages #all,
body.olderKids #all {
background:#7e4898 url(../images/bgAboutBedwetting.jpg) no-repeat left top;
}
body.managingBedwetting #all {
background:#8c58a3 url(../images/bgManagingBedwetting.jpg) no-repeat left top;
}
body.readyForBed #all, body.topTen #all {
background:#7e4898 url(../images/bgReadyForBed.jpg) no-repeat left top;
}
body.yourSpace #all {
background:#7e4898 url(../images/bgYourSpace.jpg) no-repeat left top;
}
body.products #all {
background:#7e4798 url(../images/bgProducts.jpg) no-repeat left top;
}
body.freeSample #all {
background:#7e4898 url(../images/bgFreeSample.jpg) no-repeat left top;
}
body.forumNew #all,
body.forum #all {
background:#7e4898 url(../images/bgYourSpace.jpg) no-repeat left top;
}
body.movie #all {
background:#0a99d1 url(../images/movieBG.jpg) no-repeat left top;
width: 450px;
}
body.movie .mainMovie {
width: 352px;
margin: 20px auto;
}
#theContentContainer {
padding-top:140px;
padding-bottom: 120px;
}
#contentContainer{
margin-left: 135px;
text-align:left;
width:872px;
position: relative;
z-index: 2;
}
#content {
background: #a4bed5 url(../images/contentBG.png) repeat-x scroll left top;
margin: 0 0 1em 0;
padding: 0.7em 0;
border: 2px solid #FFFFFF;
}
#footer {
padding:0.5em 0 1.3em;
margin-top: 3em;
margin-bottom: 0;
}
#footer p {
color:#FFFFFF;
font-size:85%;
margin: 0;
margin-bottom:0em;
padding-bottom: 0;
text-align:center;
}
#footer a,
.skipToContent a {
color:#FFFFFF;
}
.skipToContent {
position: absolute;
left: 0;
top:0;
text-indent: -9999px;
}
#logo {
position: absolute;
left: 0;
top:0;
text-indent: -9999px;
}
#sifrText {
margin: 20px 0 40px;
height: 80px;
}
#sifrText.sifrTextLarger {
height: 100px;
}
/**************************** Main Navigation ****************************/
#topNavContainer {
text-align:left;
position: relative;
margin-left: 294px;
width: 730px;
z-index: 1;
height: 180px;
}
#topNav ul {
display: block;
position: absolute;
background:transparent url(../images/navBG.jpg) repeat-x scroll left top;
width: 100%;
}
#topNav ul li {
display:inline;
float:left;
}
#topNav ul li a, #topNav ul li.home {
display: block;
width: 50px;
height: 45px;
}
#topNav ul li.home,
#topNav ul li.home a {
background:transparent url(../images/home.jpg) no-repeat scroll left top;
}
#topNav ul li.aboutbedwetting a {
background:transparent url(../images/aboutBedwettingLink.jpg) no-repeat left bottom;
width:90px;
}
#topNav ul li.aboutbedwetting a:hover {
background:transparent url(../images/aboutBedwettingLink.jpg) no-repeat left top;
width:90px;
}
#topNav ul li.forum a {
background:transparent url(../images/forumLink.jpg) no-repeat left bottom;
width:60px;
}
#topNav ul li.forum a:hover {
background:transparent url(../images/forumLink.jpg) no-repeat left top;
width:60px;
}
#topNav ul li.managebedwetting a {
background:transparent url(../images/manageBedwettingLink.jpg) no-repeat left bottom;
width:100px;
}
#topNav ul li.managebedwetting a:hover {
background:transparent url(../images/manageBedwettingLink.jpg) no-repeat left top;
width:100px;
}
#topNav ul li.readyforbed a {
background:transparent url(../images/readyForBedLink.jpg) no-repeat left bottom;
width:110px;
}
#topNav ul li.readyforbed a:hover {
background:transparent url(../images/readyForBedLink.jpg) no-repeat left top;
width:110px;
}
#topNav ul li.yourspace a {
background:transparent url(../images/yourSpaceLink.jpg) no-repeat left bottom;
width:66px;
}
#topNav ul li.yourspace a:hover {
background:transparent url(../images/yourSpaceLink.jpg) no-repeat left top;
width:66px;
}
#topNav ul li.products a {
background:transparent url(../images/productsLink.jpg) no-repeat left bottom;
width:75px;
}
#topNav ul li.products a:hover {
background:transparent url(../images/productsLink.jpg) no-repeat left top;
width:75px;
}
#topNav ul li.freeSample a {
background:transparent url(../images/freeSampleNavLink.jpg) no-repeat left bottom;
width:97px;
}
#topNav ul li.freeSample a:hover {
background:transparent url(../images/freeSampleNavLink.jpg) no-repeat left top;
width:97px;
}
#topNav ul li.pediatre a {
background:transparent url(../images/paediatriciansLink.jpg) no-repeat left bottom;
width:82px;
}
#topNav ul li.pediatre a:hover {
background:transparent url(../images/paediatriciansLink.jpg) no-repeat left top;
width:82px;
}
body.managingBedwetting #all #topNav ul li.managebedwetting a {
background:transparent url(../images/manageBedwettingSelected.jpg) no-repeat scroll left top;
}
body.topTen #book10 img {
margin-bottom: 30px;
}
/**** Current Menu Items ****/
body.readyForBed #all #topNav ul li.readyforbed a,
body.topTen #all #topNav ul li.readyforbed a {
background:transparent url(../images/readyForBedSelected.jpg) no-repeat scroll left top;
}
body.yourSpace #all #topNav ul li.yourspace a {
background:transparent url(../images/yourSpaceSelected.jpg) no-repeat scroll left top;
}
body.products #all #topNav ul li.products a {
background:transparent url(../images/productsSelected.jpg) no-repeat scroll left top;
}
body.freeSample #all #topNav ul li.freeSample a {
background:transparent url(../images/freeSampleSelected.jpg) no-repeat scroll left top;
}
body.pediatre #all #topNav ul li.pediatre a {
background:transparent url(../images/paediatriciansSelected.jpg) no-repeat scroll left top;
}
body.forumNew #all #topNav ul li.forum a,
body.forum #all #topNav ul li.forum a {
background:transparent url(../images/forumSelected.jpg) no-repeat scroll left top;
}
body.aboutBedwetting #all #topNav ul li.aboutbedwetting a {
background:transparent url(../images/aboutBedwettingSelected.jpg) no-repeat scroll left top;
}
body.aboutBedwetting #all #topNav ul li ul.subNav li a,
body.managingBedwetting #all #topNav ul li ul.subNav li a,
body.readyForBed #all #topNav ul li ul.subNav li a,
body.yourSpace #all #topNav ul li ul.subNav li a,
body.products #all #topNav ul li ul.subNav li a,
body.freeSample #all #topNav ul li ul.subNav li a,
body.forumNew #all #topNav ul li ul.subNav li a,
body.forum #all #topNav ul li ul.subNav li a {
background-image: none;
}
.notcurrent
#topNav ul li a:hover {
color:#f0e70f;
}
#topNav ul li a {
z-index:1;
text-decoration: none;
}
#topNav ul li a span, #topNav ul li.home span {
position:relative;
z-index:-1;
}
/*** Older Kids Button ***/
#olderKids {
width: 100%;
min-height: 46px;
height:auto !important;
height:46px;
}
#olderKids a
{
background: transparent none no-repeat left top;
float: right;
display: block;
height: 41px;
width: 207px;
margin-right: 30px;
z-index: 1;
text-decoration: none;
}
#olderKids a:hover {
background-position: left bottom;
}
#olderKids a span {
position:relative;
z-index:-1;
}
/**************************** Sub Navigation ****************************/
#topNav ul li ul.subNav {
display: block;
position: absolute;
top: 45px;
left: 48px;
background: url(../images/subNavBG.jpg) no-repeat scroll left bottom;
width: 677px;
height: auto;
padding-bottom: 12px;
padding-left: 5px;
z-index: 1000;
}
#topNav ul li ul.subNav li {
background: url(../images/seperator.gif) no-repeat scroll right top;
padding: 6px 9px 0px 7px;
font-size: 75%;
}
#topNav ul li ul.subNav li a {
text-indent: 0;
color: #FFF;
width: auto;
height: auto;
font-weight: bold;
background-image: none;
padding: 0 0 0 0px;
}
#topNav ul li ul.subNav li a:hover {
text-decoration: underline;
text-indent: 0;
color: #FFF;
width: auto;
height: auto;
font-weight: bold;
background-image: none;
padding: 0 0 0 0px;
}
#topNav ul li ul.subNav li.current,
#topNav ul li ul.subNav li.current a {
color: #ffcc00;
font-weight: bold;
}
#topNav ul li ul.subNav li.last {
background-image: none;
}
#topNav ul li ul.subNav li a:hover {
background-image: none;
}
/**************************** Content Page (Default.aspx & template_05.aspx)****************************/
body.contentPageDefault .content ul {
color:#FFF;
font-family:arial,helvetica,clean,sans-serif;
padding: 0.5em 0 1em 0;
}
body.contentPageDefault .content ul.noTextAbove {
margin-top: 110px;
}
body.contentPageDefault .content ul#links {
margin-top:10px;
}
body.aboutBedwetting .content ul#links {
margin-top:70px;
}
body.contentPageDefault .content ul li a {
padding: 8px 5px 10px;
margin: 0.5em 0;
background:transparent url(../images/contentListBG.gif) no-repeat left top;
color:#FFF;
display: block;
width: 790px;
padding-left: 15px;
}
body.contentPageDefault .content img.books {
position: absolute;
top: 4px;
right: 25px;
}
body.contentPageDefault .content ul li a:hover {
text-decoration: none;
color:#FFF;
background-position:0% 100%;
}
/**************************** Content Page (Template_02.aspx) ****************************/
body.contentPage h3 {
color: #653690;
font-size: 120%;
visibility: visible;
letter-spacing: normal;
margin: 15px 0 0 0;
}
body.contentPage h2 {
font-size:45px;
}
body.contentPage h2.larger {
width: 650px;
height: 50px;
}
body.contentPage h2.smaller {
width: 650px;
height: 35px;
}
body.contentPage img {
display: inline;
float: left;
padding: 0 15px 15px 0;
}
body.contentPage #columnLeft {
display: inline;
float:left;
width: 80%;
margin-right: 20px;
}
body.contentPage #columnRight {
display: inline;
float:left;
width: 140px;
}
body.contentPage #columnRight ul li.first {
background:transparent url(../images/freeSampleLink.gif) no-repeat left top;
width: 132px;
height: 135px;
margin-bottom: 10px;
}
body.contentPage #columnRight ul li.first a,
body.contentPage #columnRight ul li.second a,
body.contentPage #columnRight ul li.first span,
body.contentPage #columnRight ul li.second span {
width: 112px;
height: 115px;
padding: 10px;
}
body.contentPage #columnRight ul li.first a:hover{
background:transparent url(../images/freeSampleLinkHover.gif) no-repeat left top;
width: 132px;
height: 115px;
}
body.contentPage #columnRight ul li.second {
background:transparent url(../images/aboutLink.gif) no-repeat left top;
width: 132px;
height: 135px;
}
body.contentPage #columnRight ul li.second a:hover {
background:transparent url(../images/aboutLinkHover.gif) no-repeat left top;
width: 132px;
height: 115px;
}
/************************ Feature Nav *************************************/
body.contentPage #columnRight ul li.parentingTips {
background:transparent url(../images/parentingTipsLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.parentingTips a:hover {
background:transparent url(../images/parentingTipsLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.bedwettingResource {
background:transparent url(../images/resourceLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.bedwettingResource a:hover {
background:transparent url(../images/resourceLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.bedwettingCauses {
background:transparent url(../images/causesLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.bedwettingCauses a:hover {
background:transparent url(../images/causesLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.polls {
background:transparent url(../images/pollsLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.polls a:hover {
background:transparent url(../images/pollsLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.productsFeature {
background:transparent url(../images/productsFeatureLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.productsFeature a:hover {
background:transparent url(../images/productsFeatureLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.mythsTruths {
background:transparent url(../images/mythsTruthsLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.mythsTruths a:hover {
background:transparent url(../images/mythsTruthsLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.bedtimeRoutine {
background:transparent url(../images/routineLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.bedtimeRoutine a:hover {
background:transparent url(../images/routineLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.theForum {
background:transparent url(../images/forumLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.theForum a:hover {
background:transparent url(../images/forumLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.treatments {
background:transparent url(../images/treatmentsLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.treatments a:hover {
background:transparent url(../images/treatmentsLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.yourSpaceFeature {
background:transparent url(../images/yourSpaceFeatureLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.yourSpaceFeature a:hover {
background:transparent url(../images/yourSpaceFeatureLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.copingTools {
background:transparent url(../images/copingToolsLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.copingTools a:hover {
background:transparent url(../images/copingToolsLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.readyForBedFeature {
background:transparent url(../images/readyForBedFeatureLink.gif) no-repeat left top;
}
body.contentPage #columnRight ul li.readyForBedFeature a:hover {
background:transparent url(../images/readyForBedFeatureLinkHover.gif) no-repeat left top;
}
body.contentPage #columnRight ul li a {
display:block;
z-index:1;
height: 135px;
text-decoration: none;
}
body.contentPage #columnRight ul li a span {
position:relative;
z-index:-1;
margin-left: 10px;
}
body.contentPage .ft {
clear:both;
}
body.contentPage .ft p {
padding-top: 3em;
}
body.contentPage .ft h3 {
padding-top: 20px;
}
body.contentPage .ft ul {
margin: 10px 0;
}
body.contentPage .ft ul li {
list-style-type: square;
color: #3976A3;
margin-left: 30px;
margin-bottom: 10px;
}
body.contentPage #columnLeft img{
margin: 8px 0 0 0;
}
/**************** Why Does It Happen (bedwettingWhyDpesItHappen.aspx) ***********************/
body.contentPage #columnLeft img.kidney {
float: right;
margin: 40px 20px 20px 20px;
padding: 0;
}
body.contentPage #columnLeft h3.kidney {
margin-top: 30px;
}
/**************************** Free Sample Page (echantillon-gratuit.aspx) ****************************/
body.freeSample .content p {
color: #000;
}
body.freeSample .content h2
{
margin-top: 0;
}
body.freeSample .content img.clipboard {
display: inline;
float: right;
padding: 0 0 5px 0;
}
body.freeSample #subContent {
width: 795px;
margin-top: 20px;
}
body.freeSample #subContent p {
color: #4888b7;
}
body.freeSample #subContent ol {
margin: 15px 0;
width: 100%;
}
body.freeSample #subContent ol li {
padding: 0 0 5px;
}
body.freeSample #subContent ol li span.label {
color: #146daa;
font-weight: bold;
display: block;
float: left;
width: 255px;
}
body.freeSample #subContent table {
margin: 15px 0;
width: 100%;
}
body.freeSample #subContent table tr td {
padding: 0 0 5px;
color: #146daa;
}
body.freeSample #subContent tr td span {
color: #146daa;
font-weight: bold;
display: block;
float: left;
width: 285px;
}
body.freeSample .content input {
display: inline;
width: 200px;
float: left;
}
body.freeSample .content select {
display: inline;
float: left;
}
body.freeSample .content input#chkTerms {
float: none;
}
body.freeSample .content img.ui-datepicker-trigger {
display: inline;
float: left;
}
body.freeSample h2 {
height: 35px;
font-size: 30px;
}
body.freeSample #subContent ol.radioBtns {
margin-bottom: 14px;
}
body.freeSample #subContent ol li {
clear:both;
}
body.freeSample #subContent ol li span {
margin-bottom: 6px;
}
body.freeSample .radioBtns label,
body.freeSample #rblDryNitesInfo label,
body.freeSample #rbl3rdPartyInfo label,
body.freeSample #rblKCInfo label {
color: #6e2573;
margin-right: 25px;
}
body.freeSample .radioBtns input,
body.freeSample #rblDryNitesInfo input,
body.freeSample #rbl3rdPartyInfo input,
body.freeSample #rblKCInfo input {
width: auto;
margin-right: 5px;
}
.SubmitBtn ,
body.freeSample #btnSubmit,
body.freeSample #SubmitBtn {
width: 108px;
height: 36px;
float: right;
background: transparent url("../images/submitBtn.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 0 0 5px 0;
}
body.freeSample #chkTerms {
width: auto;
}
body.freeSample #subContent table tr td.paddedText {
padding: 20px 0 10px;
}
a.terms {
color:#4888B7;
text-decoration:none;
font-weight: bold;
}
a:hover.terms {
color:#000;
text-decoration:underline;
}
/**************************** Forum Page (Template_04.aspx) ****************************/
body.forumNew #contentContainer form,
body.forum #contentContainer form {
position: relative;
width: 100%;
overflow:hidden;
}
body.forum .content p {
color: #000;
}
body.forum .content p a.rules {
color:#146DAA;
}
body.forum .content p a.rules:visited {
color:#146DAA;
}
body.dp h3,
body.forum h2 {
height: 35px;
font-size: 30px;
}
body.forum .content img.megaphone {
display: inline;
float: right;
padding: 0 0 5px 0;
}
body.forum #subContentLarge {
display: inline;
float: left;
width: 60%;
}
body.forum #button-panel,
body.forum #subContentLarge #button-panel {
width: 100%;
}
body.forum #button-panel input,
body.forum #subContentLarge #button-panel input {
display: inline;
float: left;
margin-right: 8px;
}
body.forum #button-panel input#uiForumTopics_uiKeywords,
body.forum #subContentLarge #button-panel input#uiForumTopics_uiKeywords {
height: 18px;
padding: 5px 2px;
}
body.forum #button-panel input#uiForumTopics_uiSearch,
body.forum #subContentLarge #button-panel input#uiForumTopics_uiSearch {
margin: 0;
}
body.forum ul.buttons li #newTopicBtn,
body.forum #subContentLarge ul.buttons li #newTopicBtn,
body.forum ul.buttons li #helpBtn,
body.forum #subContentLarge ul.buttons li #helpBtn,
body.forum ul.buttons li #searchBtn,
body.forum #subContentLarge ul.buttons li #searchBtn {
width: 90px;
height: 35px;
float: right;
background: transparent url("../images/submitBtnSmaller.gif") no-repeat top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 0 0 5px 0;
}
body.forum ul.buttons li #searchBtn,
body.forum #subContentLarge ul.buttons li #searchBtn {
width: 108px;
background: transparent url("../images/submitBtn.gif") no-repeat top left;
margin: 0 0 0 5px;
}
body.forum div.paging
{
text-align: center;
background-color: #FFFFFF;
color: #146DAA;
height: 25px;
}
body.forum div.paging input {
width: 108px;
height: 25px;
border: 0;
color:#146DAA;
font-weight: bold;
cursor: pointer;
text-align: center;
background-color:#FFFFFF;
}
.uiNext {
padding-right: 12px;
background: url(../images/arrowR.gif) no-repeat 70% 50%;
display: inline;
float: right;
}
.uiNext:hover, .uiPrevious:hover
{
text-decoration: underline;
}
.uiPrevious {
background:transparent url(../images/arrowL.gif) no-repeat scroll 10% 50%;
display:inline;
float:left;
padding-left:0;
}
.nextPrevInfo {
margin-top: 5px;
text-align: center;
display: inline;
float: left;
margin-left:5px;
}
body.forum div.paging p{
display: inline;
float: left;
height: 15px;
width: 180px;
color:#146DAA;
text-align: center;
}
body.pediatre table,
body.pediatre #subContentLarge table
body.forum table,
body.forum #subContentLarge table {
clear: both;
width: 100%;
margin: 10px 0;
}
body.forum table td,
body.forum #subContentLarge table td,
body.forum table td a:visited,
body.forum #subContentLarge table td a:visited {
color: #4888B7;
}
body.forum table td,
body.forum #subContentLarge table td,
body.forum table td a,
body.forum #subContentLarge table td a {
color: #4888B7;
}
body.forum table tr.alt td,
body.forum #subContentLarge table tr.alt td {
color: #146daa;
background: transparent url("../images/forumCellBG.png") repeat-x top left;
}
body.forum table tr.alt td a,
body.forum #subContentLarge table tr.alt td a{
color: #146daa;
}
body.pediatre table td a,
body.pediatre #subContentLarge table td a
body.forum table td a,
body.forum #subContentLarge table td a {
text-decoration: underline;
}
body.forum table td a:hover,
body.forum #subContentLarge table td a:hover,
body.forum table tr.alt td a:hover,
body.forum #subContentLarge table tr.alt td a:hover {
color: #000;
}
body.forum table th,
body.forum #subContentLarge table th,
body.forum table tr.last td,
body.forum #subContentLarge table tr.last td,
body.forum table tr.last td a,
body.forum #subContentLarge table tr.last td a{
color: #146daa;
background-color: #fff;
font-weight: bold;
text-decoration: none;
}
body.forum table tr.last td,
body.forum #subContentLarge table tr.last td {
padding: 10px 15px;
}
body.forum table tr.last td a.prev,
body.forum #subContentLarge table tr.last td a.prev {
padding-left: 12px;
background: transparent url("../images/arrowL.gif") no-repeat 0% 50% ;
}
body.forum table tr.last td a.next,
body.forum #subContentLarge table tr.last td a.next {
padding-right: 12px;
background: transparent url("../images/arrowR.gif") no-repeat 100% 50% ;
}
body.forum table tr.last td a:hover,
body.forum #subContentLarge table tr.last td a:hover {
text-decoration: underline;
}
body.forum table th,
body.forum #subContentLarge table th,
body.forum table td,
body.forum #subContentLarge table td {
padding: 8px;
padding-left: 15px;
}
body.forum table tr.alt td.left,
body.forum #subContentLarge table tr.alt td.left,
body.forum table tr.alt td.right,
body.forum #subContentLarge table tr.alt td.right {
background: transparent url("../images/forumCorner.png") no-repeat top left;
height: 30px;
padding-left: 15px;
}
body.forum table tr.alt td.right,
body.forum #subContentLarge table tr.alt td.right {
background: transparent url("../images/forumCornerR.png") no-repeat top right;
}
body.forum #subContentJoin {
display: inline;
float: right;
width: 35%;
}
body.forum #subContentRegister{
display: inline;
float: right;
width: 35%;
}
body.forum #subContentJoin h2,
body.forum #subContentRegister h2 {
height: 40px;
font-size: 36px;
width: 100%;
}
body.forum a#submitBtn {
display: block;
width: 108px;
height: 35px;
float: right;
background: transparent url("../images/submitBtn.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
text-align: center;
padding: 8px 0 0 0;
margin: 30px 0 0;
}
body.forum #subContentJoin input {
width: 96%;
padding: 2px;
}
body.forum #subContentJoin #SubmitBtn {
width: 108px;
height: 36px;
float: right;
background: transparent url("../images/submitBtn.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
margin: 10px 5px 0 0;
padding: 0 0 5px 0;
}
body.forum #subContentJoin #uiSubmitLogin {
float: right;
}
body.forum #subContentJoin ol li span {
color: #146daa;
font-weight: bold;
display: block;
float: left;
width: 245px;
padding-top: 10px;
}
body.forum #subContentJoin ol li input {
margin: 2px 0 5px;
}
body.forum .content1 p {
color:#3976A3;
}
body.forum #message-plinth {
background-color: #cedde5;
}
body.forum .content table img {
margin-left:5px;
}
body.forum table.style1 {
background-color: #cedde5;
border: 1px solid #fff;
padding: 10px 0;
width: 100%;
}
body.forum table.style1 td {
padding: 5px 10px;
color:#3976A3;
font-weight: bold;
}
body.forum table.style1 td label {
display: block;
}
#uiMessage {
width: 99%;
}
#uiMessageWidgToolbar {
margin-top: 10px;
}
#uiSubmit, #uiSubmitLogin, #uiCancel {
margin-right: 10px;
float: right;
}
.btnLogout {
background-color: #181e38;
border:none;
color:#777777;
cursor:pointer;
display:inline;
float:right;
font-weight:bold;
margin:5px 5px 0 15px;
padding:3px 10px 10px;
z-index:100;
}
body.forum .content1 table {
margin: 20px 0;
}
body.forum .content p.error {
color: #CC0033;
font-weight: bold;
}
/************************************** Your Space ************************************/
body.products .content img,
body.yourSpace .content img {
float: right;
}
body.yourSpace .content img.rightImage {
margin-left: 10px;
padding-right: 10px;
}
body.yourSpace .content #subContentSmaller {
float: left;
width: 48.5%;
}
body.yourSpace .content img.graph1,
body.yourSpace .content img.graph2 {
float: left;
margin-right: 20px;
}
body.yourSpace .content img.graph1,
body.yourSpace .content img.graph2 {
margin-right: 0;
}
body.yourSpace .content h2 {
height:45px;
}
body.yourSpace #subContent h2 {
height:35px;
font-size: 24px;
}
body.yourSpace #subContent .graph {
width: 520px;
margin: 0 auto;
}
body.yourSpace .content #subContentSmaller img.graph1,
body.yourSpace .content #subContentSmaller img.graph2 {
padding: 10px 15px 5px 0;
}
body.yourSpace .content #subContentSmaller img.graph2 {
padding: 0;
padding-top: 10px;
}
body.yourSpace .content ol.radioBtns {
margin: 5px 0 10px 15px;
}
body.yourSpace .content ol.radioBtns li span{
margin-bottom:10px;
}
body.yourSpace .content ol.radioBtns label {
color:#3976A3;
margin-bottom:5px;
}
body.yourSpace .content ol.radioBtns input {
margin-right:5px;
}
body.yourSpace .content p a:visited{
color:#00315A;
}
body.yourSpace .content #submitBtn,
body.yourSpace .content #btnPollSubmit {
width: 108px;
height: 36px;
background: transparent url("../images/submitBtn.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
margin: 5px 5px 15px 200px;
padding: 0 15px 6px;
}
body.yourSpace .content p#sifrText {
width: 510px;
height:173px;
}
#pollResultsDiv {
margin-bottom: 10px;
}
/****************** Home Page - Girl/Boy (Template_home_girl.aspx & Template_home_boy.aspx) *********************/
body.homeGirl #topNavContainer,
body.homeBoy #topNavContainer {
height: 95px;
}
body.homeGirl #contentContainer,
body.homeBoy #contentContainer {
width: 984px;
margin: 0 20px;
}
body.homeGirl #tagContainer,
body.homeBoy #tagContainer {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
height: 400px;
margin-left: 500px;
}
body.homeGirl #topNav ul li ul.subNav,
body.homeBoy #topNav ul li ul.subNav {
display: none;
}
body.homeGirl p#tagLine,
body.homeBoy p#tagLine {
width: 400px;
height: 91px;
margin-bottom: 5px;
color:#f0e70f;
font-family: "GoodDog Plain", Calibri,Arial,sans-serif;
text-align: center;
display: inline;
float: right;
margin-right: 0;
}
body.homeGirl p#subTagLine,
body.homeBoy p#subTagLine {
width: 380px;
height: 104px;
margin-top: 0;
color:#fff;
font-family: "GoodDog Plain", Calibri,Arial,sans-serif;
font-size: 230%;
text-align: center;
display: inline;
float: right;
margin-right: 0;
}
body.homeBoy p#tagLine {
margin-top:50px;
}
body.homeGirl #bottomNav .content #btmNavContainer,
body.homeBoy #bottomNav .content #btmNavContainer {
position: relative;
width: 100%;
height: 190px;
overflow:hidden;
}
body.homeGirl #bottomNav .content,
body.homeBoy #bottomNav .content{
height: 169px;
}
body.homeGirl #bottomNav .content ul,
body.homeBoy #bottomNav .content ul {
margin-top: 23px;
margin-left: 33px;
}
body.homeGirl #bottomNav .content ul li,
body.homeBoy #bottomNav .content ul li{
display: inline;
float: left;
width: 275px;
color: #000;
height: 123px;
}
body.homeGirl #bottomNav .content ul li.sample, body.homeBoy #bottomNav .content ul li.sample
{
*display: inline;
*float: none;
*width: 150px;
*color: #000;
*height: 123px;
*left: 270px;
*position: relative;
display: inline;
float: none;
width: 150px;
color: #000;
height: 123px;
left: 270px;
position: relative;
}
body.homeGirl #bottomNav .content ul li h3,
body.homeBoy #bottomNav .content ul li h3{
color: #177bb3;
visibility: visible;
letter-spacing: 0;
font-size: 110%;
margin-bottom: 7px;
}
/* live homepage products ********************************************/
body.homeGirl #bottomNav .content ul li.products,
body.homeBoy #bottomNav .content ul li.products{
background: transparent url("../data/productsH3.gif") no-repeat top left;
margin-right: 5px;
position: relative;
z-index: 100;
}
body.homeGirl #bottomNav .content ul li.products span,
body.homeBoy #bottomNav .content ul li.products span{
display: block;
width: 145px;
}
body.homeGirl #bottomNav .content ul li.products h3,
body.homeBoy #bottomNav .content ul li.products h3{
text-indent: -5000px;
height: 30px;
}
/* end live homepage products ********************************************/
/* preview homepage products ********************************************/
body.homeGirl #bottomNav .content ul li.productsPreview,
body.homeBoy #bottomNav .content ul li.productsPreview{
background: transparent url("../data/productsH3preview.gif") no-repeat top left;
margin-right: 5px;
position: relative;
z-index: 100;
}
body.homeGirl #bottomNav .content ul li.productsPreview span,
body.homeBoy #bottomNav .content ul li.productsPreview span{
display: block;
}
body.homeGirl #bottomNav .content ul li.productsPreview h3,
body.homeBoy #bottomNav .content ul li.productsPreview h3{
text-indent: -5000px;
height: 30px;
}
/* end preview homepage products ********************************************/
body.homeGirl #bottomNav .content ul li.question,
body.homeBoy #bottomNav .content ul li.question{
background: transparent url("../data/questionMnthH3.gif") no-repeat top left;
width: 225px;
margin-right: 5px;
}
body.homeGirl #bottomNav .content ul li.question span,
body.homeBoy #bottomNav .content ul li.question span{
display: block;
width: 135px;
}
body.homeGirl #bottomNav .content ul li.question h3,
body.homeBoy #bottomNav .content ul li.question h3{
text-indent: -5000px;
height: 30px;
}
body.homeGirl #bottomNav .content ul li.questionPreview,
body.homeBoy #bottomNav .content ul li.questionPreview{
background: transparent url("../data/questionMnthH3preview.gif") no-repeat top left;
width: 225px;
margin-right: 5px;
}
body.homeGirl #bottomNav .content ul li.questionPreview span,
body.homeBoy #bottomNav .content ul li.questionPreview span{
display: block;
width: 135px;
}
body.homeGirl #bottomNav .content ul li.questionPreview h3,
body.homeBoy #bottomNav .content ul li.questionPreview h3{
text-indent: -5000px;
height: 30px;
}
body.homeGirl #bottomNav .content ul li.readyForBed,
body.homeBoy #bottomNav .content ul li.readyForBed{
background: transparent url("../data/readyForBed.gif") no-repeat 97% 100%;
width: 295px;
margin-right: 0;
}
body.homeGirl #bottomNav .content ul li.readyForBed span,
body.homeBoy #bottomNav .content ul li.readyForBed span{
display: block;
width: 160px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 89%;
}
body.homeGirl #bottomNav .content ul li.readyForBed h3,
body.homeBoy #bottomNav .content ul li.readyForBed h3{
color: #fff;
background: transparent url("../data/readyForBedH3.gif") no-repeat top left;
text-indent: -5000px;
height: 60px;
}
body.homeGirl #bottomNav .content ul li.readyForBedPreview,
body.homeBoy #bottomNav .content ul li.readyForBedPreview{
background: transparent url("../data/readyForBedpreview.gif") no-repeat 97% 100%;
width: 295px;
margin-right: 0;
}
body.homeGirl #bottomNav .content ul li.readyForBedPreview span,
body.homeBoy #bottomNav .content ul li.readyForBedPreview span{
display: block;
width: 160px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 89%;
}
body.homeGirl #bottomNav .content ul li.readyForBedPreview h3,
body.homeBoy #bottomNav .content ul li.readyForBedPreview h3{
color: #fff;
background: transparent url("../data/readyForBedH3preview.gif") no-repeat top left;
text-indent: -5000px;
height: 60px;
}
body.homeGirl #bottomNav .content ul li.sample,
body.homeBoy #bottomNav .content ul li.sample{
width: 113px;
margin-left: 6px;
margin-right: 0;
}
body.homeGirl #bottomNav .content ul li.sample span,
body.homeBoy #bottomNav .content ul li.sample span{
display: block;
width: 125px;
}
body.homeGirl #bottomNav .content ul li.sample h3,
body.homeBoy #bottomNav .content ul li.sample h3{
text-align: center;
color: #fff;
background: transparent url("../images/sampleH3.gif") no-repeat top left;
text-indent: -5000px;
height: 50px;
}
body.homeGirl #bottomNav .content ul li.sample h3 a,
body.homeBoy #bottomNav .content ul li.sample h3 a
{
display:block;
height: 102px;
}
body.homeGirl #bottomNav .content ul li.productsPreview #productBtn,
body.homeBoy #bottomNav .content ul li.productsPreview #productBtn,
body.homeGirl #bottomNav .content ul li.questionPreview #questionBtn,
body.homeBoy #bottomNav .content ul li.questionPreview #questionBtn,
body.homeGirl #bottomNav .content ul li.readyForBedPreview #readyForBedBtn,
body.homeBoy #bottomNav .content ul li.readyForBedPreview #readyForBedBtn,
body.homeGirl #bottomNav .content ul li.products #productBtn,
body.homeBoy #bottomNav .content ul li.products #productBtn,
body.homeGirl #bottomNav .content ul li.question #questionBtn,
body.homeBoy #bottomNav .content ul li.question #questionBtn,
body.homeGirl #bottomNav .content ul li.readyForBed #readyForBedBtn,
body.homeBoy #bottomNav .content ul li.readyForBed #readyForBedBtn {
position: relative;
width: 115px;
height: 37px;
float: left;
background: transparent url("../images/submitBtnArrow.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 7px 5px 5px 10px;
margin: 0px 0 0 30px;
}
body.homeGirl #bottomNav .content ul li.question #questionBtn,
body.homeBoy #bottomNav .content ul li.question #questionBtn
{
padding: 7px 5px 5px 23px;
margin: 0px 0 0 30px;
}
body.homeGirl #bottomNav .content ul li.readyForBed #readyForBedBtn,
body.homeBoy #bottomNav .content ul li.readyForBed #readyForBedBtn
{
padding: 8px 5px 5px 23px;
margin: 2px 0 0 125px;
}
/*********************** Top Ten Books ***********************************/
body.topTen h1 {
background: transparent url("../images/waterstonesLogo.gif") no-repeat 0% 0%;
padding-left: 65px;
margin-left: 10px;
}
body.topTen #book2, body.topTen #book4,
body.topTen #book6, body.topTen #book8,
body.topTen #book10 {
display: inline;
float:left;
width: 49%;
}
body.topTen #book3, body.topTen #book5,
body.topTen #book7, body.topTen #book9 {
display: inline;
float:right;
width: 49%;
}
body.topTen #book1, body.topTen #book2, body.topTen #book3,
body.topTen #book4, body.topTen #book5, body.topTen #book6,
body.topTen #book7, body.topTen #book8, body.topTen #book9,
body.topTen #book10 {
padding: 0 0 20px 0;
}
body.topTen #book10 {
border-bottom: none;
}
body.topTen #book1 {
border-bottom: 2px dotted #035d9f;
}
body.topTen h3,
body.topTen h4 {
height:24px;
width:390px;
margin-bottom: 10px;
color: #1175bf;
font-family: "GoodDog Plain",Calibri,Arial,sans-serif;
font-size: 200%;
}
body.topTen h3 {
height: 44px;
}
body.topTen h3.thinner {
height: 24px;
}
body.topTen #book1 h3 {
height:31px;
width:812px;
margin-bottom: 0;
}
body.topTen img {
display: inline;
float: left;
margin: 0 20px 10px 0;
}
body.topTen p {
padding-top:0;
}
body.topTen a.topTenBtn {
width: 95px;
height: 27px;
float: right;
background: transparent url("../images/submitBtnArrow.gif") no-repeat top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 8px 0 0 25px;
margin: 10px 10px 0 0;
}
body.topTen ul#tabs {
height: 36px;
margin-left: 6px;
width: 843px;
}
body.topTen ul#tabs li {
display: inline;
float: left;
background-color: white;
background: transparent url("../images/tabBtnBlue.png") no-repeat bottom left;
width: 183px;
height: 31px;
padding-top: 5px;
}
body.topTen ul#tabs li.tabPurple {
background: transparent url("../images/tabBtnPurple.png") no-repeat bottom left;
}
body.topTen ul#tabs li.tabGreen {
background: transparent url("../images/tabBtnGreen.png") no-repeat bottom left;
}
body.topTen ul#tabs li.tabYellow {
background: transparent url("../images/tabBtnYellow.png") no-repeat bottom left;
}
body.topTen ul#tabs li span.tabText {
display: block;
width: 176px;
height: 26px;
}
body.topTen ul#tabs li a {
margin: 4px 10px 10px 10px;
text-align: center;
font-weight: bold;
font-size: 120%;
}
body.topTen #topTenBox .bookContainer {
border-bottom: 2px dotted #035d9f;
}
body.topTen #topTenBox .finalBook {
border: none;
}
body.topTen #topTenBox span.hidden {
display: block;
overflow: hidden;
width: 0;
height: 0;
}
/********************************* Terms and Conditions ************************************/
body.termsAndConditions #topNav ul li ul.subNav {
display: none;
}
body.termsAndConditions .content ul {
margin: 20px 0 0 10px;
}
body.termsAndConditions .content ul li {
color:#4888B7;
list-style-type: square;
margin: 5px 0;
}
body.termsAndConditions .content img {
float: right;
}
/********************************* Ready For Bed ************************************/
body.readyForBed .content p#sifrText {
width: 620px;
height: 230px;
margin-bottom: 10px;
font-size: 120%;
overflow: hidden;
}
body.readyForBed .content ul.readyForBedList {
margin-top: 10px;
}
body.readyForBed .content img.rightImage {
position: relative;
float: right;
padding: 0 8px 5px 0;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
body.readyForBed .content img.games {
display: block;
}
body.readyForBed .content #columnLeft img.rightImg {
float: right;
margin-top: 10px;
}
body.readyForBed .content ul.storyTime,
body.readyForBed .content ul.bedtimeStory {
margin: 0 0 0 30px;
}
body.readyForBed .content ul.storyTime li,
body.readyForBed .content ul.bedtimeStory li {
color:#4888B7;
list-style-type: square;
list-style-position: inside;
margin: 5px 0;
}
body.readyForBed .content ul.storyTime li a,
body.readyForBed .content ul.bedtimeStory li a,
body.readyForBed .content ul.storyTime li a:visited,
body.readyForBed .content ul.bedtimeStory li a:visited {
color: #3976A3;
}
body.readyForBed .content ul#handShadows {
margin: 20px 0 30px;
}
body.readyForBed .content ul#handShadows li {
display: inline;
float: left;
width: 25%;
color:#3976A3;
text-align: center;
font-weight: bold;
}
body.readyForBed .content ul#handShadows li img{
display: block;
float: none;
margin: 10px auto;
padding: 0;
}
body.readyForBed .download {
display: block;
width: 180px;
height: 35px;
background: transparent url("../images/submitBtnLarge.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
text-align: center;
padding: 8px 0 0 0;
margin: 0px auto;
text-decoration: none;
}
body.readyForBed p.short {
width: 600px;
}
body.readyForBed h2.waterstones {
font-size: 30px;
width: 550px;
}
body.readyForBed .content ul.bedtimeStory {
width: 70%;
margin-left: 20px;
}
body.readyForBed img.leftImage {
margin: 10px 0;
}
body.readyForBed #storyTime h2 {
height: 40px;
}
body.readyForBed #shadowPuppet h2 {
width: 500px;
}
#boxesContainer {
width: 100%;
position: relative;
height: auto;
}
body.readyForBed .content ul.waterstonesLinks {
width: 570px;
display: inline;
float: left;
margin-right: 30px;
}
body.readyForBed .content ul.waterstonesLinks li a {
width: 570px;
}
body.readyForBed .content .waterstonesOffer {
width: 153px;
display: inline;
float: right;
margin-right: 15px;
}
body.readyForBed .content ul.waterstonesLinks li.blue a {
background:transparent url(../images/contentListBGBlue.gif) no-repeat left top;
}
body.readyForBed .content ul.waterstonesLinks li.blue a:hover {
background:transparent url(../images/contentListBGBlue.gif) no-repeat left bottom;
}
body.readyForBed .content ul.waterstonesLinks li.purple a {
background:transparent url(../images/contentListBGPurple.gif) no-repeat left top;
}
body.readyForBed .content ul.waterstonesLinks li.purple a:hover {
background:transparent url(../images/contentListBGPurple.gif) no-repeat left bottom;
}
body.readyForBed .content ul.waterstonesLinks li.green a {
background:transparent url(../images/contentListBGGreen.gif) no-repeat left top;
}
body.readyForBed .content ul.waterstonesLinks li.green a:hover {
background:transparent url(../images/contentListBGGreen.gif) no-repeat left bottom;
}
body.readyForBed .content ul.waterstonesLinks li.yellow a {
background:transparent url(../images/contentListBGYellow.gif) no-repeat left top;
}
body.readyForBed .content ul.waterstonesLinks li.yellow a:hover {
background:transparent url(../images/contentListBGYellow.gif) no-repeat left bottom;
}
/********************************* Managing Bedwetting ************************************/
body.managingBedwetting .content p#sifrText {
width: 535px;
height: 200px;
margin-bottom: 0;
font-size: 120%;
overflow: hidden;
}
body.managingBedwetting .content img.rightImage
{
position: relative;
float: right;
margin-top: 5px;
padding: 0 8px 5px 10px;
margin-bottom: 15px;
}
body.managingBedwetting .content #columnLeft img.rightImg {
float: right;
margin-top: 10px;
margin-left: 10px;
padding:0 8px 5px 10px;
}
body.managingBedwetting .content #columnLeft img.rightImgAlt {
float: right;
margin-left: 10px;
}
body.managingBedwetting .content img.leftImg {
margin-top: 20px;
margin-bottom: 20px;
}
body.managingBedwetting .content a {
text-decoration: underline;
}
body.managingBedwetting .content ul li a {
text-decoration: none;
}
body.managingBedwetting .content p a:visited{
color:#00315A;
}
body.managingBedwetting .content a:hover{
color: #000;
text-decoration: underline;
}
body.managingBedwetting #columnLeft img.left {
margin-bottom: 10px;
}
body.managingBedwetting p.bolderLink{
clear: both;
color:#1175BF;
font-family:"GoodDog Plain",Calibri,Arial,sans-serif;
font-size:25px;
padding: 0;
margin: 10px 0 0 0;
}
body.managingBedwetting p.bolderLink.sIFR-flash {
height:35px;
width:406px;
}
body.managingBedwetting #contentContainer form {
position: relative;
width: 100%;
overflow:hidden;
}
body.managingBedwetting #subContentContainer {
position: relative;
width: 100%;
margin: 15px 0;
}
body.managingBedwetting h2 {
height: 35px;
font-size: 30px;
}
body.managingBedwetting #subContentLarge {
display: inline;
float: left;
width: 60%;
}
body.managingBedwetting #subContentJoin {
display: inline;
float: right;
width: 35%;
}
body.managingBedwetting #subContentRegister{
display: inline;
float: right;
width: 35%;
}
body.managingBedwetting #subContentJoin h2,
body.managingBedwetting #subContentRegister h2 {
height: 30px;
font-size: 20px;
width: 100%;
}
body.yourSpace a#continueBtn,
body.managingBedwetting a#submitBtn,
body.managingBedwetting a#printBtn,
body.managingBedwetting a#saveBtn {
display: block;
width: 108px;
height: 35px;
float: right;
background: transparent url("../images/submitBtn.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
text-align: center;
padding: 8px 0 0 0;
margin: 30px 0 0;
text-decoration: none;
}
body.managingBedwetting a#printBtn {
margin-top: 5px;
}
body.managingBedwetting #subContentJoin input {
width: 96%;
padding: 2px;
}
body.managingBedwetting #subContentJoin #SubmitBtn {
width: 108px;
height: 36px;
float: right;
background: transparent url("../images/submitBtn.gif") no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
margin: 10px 5px 0 0;
padding: 0 0 5px 0;
}
body.managingBedwetting #subContentJoin ol li span {
color: #146daa;
font-weight: bold;
display: block;
float: left;
width: 245px;
padding-top: 10px;
}
body.managingBedwetting #subContentJoin ol li input {
margin: 2px 0 5px;
}
body.managingBedwetting ul.contentList,
body.managingBedwetting ul.standardList {
margin: 0 0 15px 30px;
}
body.managingBedwetting ul.contentList li,
body.managingBedwetting ul.standardList li {
color:#3976A3;
list-style-type: square;
margin: 5px 0;
}
body.managingBedwetting ul.standardList li {
margin-bottom: 5px;
}
body.managingBedwetting ul#resource {
margin-top: 20px;
}
body.managingBedwetting ul#resource li {
background:transparent url(../images/contentListBG.gif) no-repeat top left;
padding-left: 10px;
}
body.managingBedwetting ul#resource li.nhs a,
body.managingBedwetting ul#resource li.bbc a,
body.managingBedwetting ul#resource li.netdoctor a,
body.managingBedwetting ul#resource li.bupa a,
body.managingBedwetting ul#resource li.growingkids a,
body.managingBedwetting ul#resource li.eric a{
background: transparent url() no-repeat 0% 50%;
padding-left: 75px;
width: 721px;
}
body.managingBedwetting ul#resource li.bbc a {
background: transparent url() no-repeat 0% 50%;
}
body.managingBedwetting ul#resource li.netdoctor a {
background: transparent url(../images/netdoctorLogo.jpg) no-repeat 0% 50%;
}
body.managingBedwetting ul#resource li.bupa a {
background: transparent url(../images/bupaLogo.jpg) no-repeat 0% 50%;
}
body.managingBedwetting ul#resource li.growingkids a {
background: transparent url(../images/growingkidsLogo.jpg) no-repeat 0% 50%;
}
body.managingBedwetting ul#resource li.eric a {
background: transparent url(../images/ericLogo.jpg) no-repeat 0% 50%;
}
body.managingBedwetting ul#resource li a:hover {
text-decoration: underline;
}
body.managingBedwetting p.resourceText {
width: 535px;
}
body.managingBedwetting table#drinkDiary {
clear: both;
width: 90%;
margin: 10px 0;
}
body.managingBedwetting table#drinkDiary td {
color: #FFF;
}
body.managingBedwetting table#drinkDiary tr.alt td {
color: #146daa;
background: transparent url("../images/forumCellBG.png") repeat-x top left;
}
body.managingBedwetting table#drinkDiary th,
body.managingBedwetting table#drinkDiary tr.last td {
color: #146daa;
background-color: #fff;
font-weight: bold;
text-decoration: none;
}
body.managingBedwetting table#drinkDiary tr.last td {
padding: 10px 15px;
}
body.managingBedwetting table#drinkDiary th,
body.managingBedwetting table#drinkDiary td {
padding: 6px;
padding-left: 15px;
}
body.managingBedwetting table#drinkDiary tr.alt td.left,
body.managingBedwetting table#drinkDiary tr.alt td.right {
background: transparent url("../images/forumCorner.png") no-repeat top left;
height: 30px;
padding-left: 15px;
}
body.managingBedwetting table#drinkDiary tr.alt td.right {
background: transparent url("../images/forumCornerR.png") no-repeat top right;
}
body.managingBedwetting ul#date {
margin: 10px 0;
}
body.managingBedwetting ul#date li {
display: inline;
float: left;
width: 130px;
padding: 5px 0;
}
body.managingBedwetting ul#date li.first {
width: 100%;
color:#6E2573;
font-weight:bold;
margin-right:10px;
}
body.managingBedwetting ul#date li span {
color:#3976A3;
margin-right:25px;
font-weight: bold;
margin-right: 10px;
}
body.managingBedwetting p.noprint {
font-weight: bold;
color:#6E2573;
font-weight:bold;
margin-right:10px;
}
body.managingBedwetting .select-date p {
font-weight: bold;
}
body.managingBedwetting .select-date select {
margin: 0 0px;
}
.drinkDiaryButtonsTiny {
background: transparent url("../images/submitBtnTiny.gif") no-repeat 50% 0%;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
width: 108px;
padding: 5px 0 5px 0;
}
.drinkDiaryButtons {
background:transparent url("../images/submitBtn.gif") no-repeat left top;
float: right;
margin-top: 10px;
padding: 8px 5px;
}
/********************************* About Bedwetting ************************************/
body.aboutBedwetting .content h2 {
margin-bottom: 20px;
font-size: 25px;
width: 535px;
height: 45px;
}
body.aboutBedwetting .content h2.smaller,
body.aboutBedwetting .content h2.smallerWide {
height:30px;
width:470px;
float: left;
}
body.aboutBedwetting .content h2.smallerWide {
width: 650px;
margin-bottom: 15px;
}
body.aboutBedwetting .content h2.smallerLessWide {
min-height:30px;
float: left;
width: 350px;
}
body.aboutBedwetting .content p#sifrText.largeHeight {
width: 530px;
height: 60px;
margin-bottom: 60px;
}
body.aboutBedwetting .content img.rightImage {
float: right;
margin-top: 10px;
padding-left: 10px;
}
body.aboutBedwetting .content img.rightImageMain {
float: right;
margin-left:10px;
margin-top: 10px;
}
body.aboutBedwetting .content #columnLeft img.rightImg {
float: right;
margin-top: 10px;
}
body.aboutBedwetting .content #columnLeft a {
text-decoration: underline;
}
body.aboutBedwetting .content p.clear {
clear:left;
margin-top: 15px;
}
body.aboutBedwetting .content p a:visited{
color:#00315A;
}
/********************************* Product ************************************/
body.products h1 {
width:100%;
}
body.products .content h2 {
width: 450px;
height: 40px;
font-size: 30px;
}
body.products .content p#sifrText {
width: 510px;
height:173px;
}
body.products .content h2.wider {
width: 650px;
height: 40px;
}
body.products ul.sizes {
margin: 0 0 15px 30px;
}
body.products ul.sizes li,
body.products ul.sizesShorts li {
color:#4888B7;
list-style-type: square;
margin: 5px 0;
}
body.products ul.sizesShorts li {
margin-left: 35px;
}
body.products .content a {
text-decoration: underline;
}
body.products ul.noTextAbove .content a {
text-decoration:none;
}
body.products .content ul#links a {
text-decoration: none;
}
body.products .content p a:visited{
color:#00315A;
}
body.products h2.largerH2 {
width: 90%;
font-size: 40px;
}
body.products .content img.computer {
float: right;
}
body.products .content h2.floated {
float: left;
width: 600px;
}
body.products .content img.leftImg {
float: left;
margin-right: 10px;
}
body.products .content img.leftImage {
float: left;
margin-top: 8px;
margin-bottom: 15px;
}
body.products .content img.rightImg{
margin-left: 15px;
padding-right:0;
}
body.products .content #columnLeft img.rightImageSpaced {
margin-top: 25px;
margin-left: 10px;
padding-right: 0;
}
body.products .content h3.largerH3 {
clear: left;
}
body.products .content ul.buyOnline {
margin: 20px 0 0 30px;
}
body.products .content ul.buyOnline li{
color:#4888B7;
margin: 5px 0;
list-style-type: square;
}
body.products #productPyjamaPant,
body.products #productBedMats {
margin: 20px 15px 10px auto;
position: relative;
width: 820px;
}
body.products #boxesContainer {
padding-bottom: 1px;
}
body.products #productPyjamaPant .leftColumn,
body.products #productSleepShorts .leftColumn,
body.products #productBedMats .leftColumn,
body.products #productPyjamaPant #sizesBox,
body.products #productSleepShorts #sizesBox2 {
display: inline;
float: left;
width: 350px;
}
body.products #productPyjamaPant #theContainer,
body.products #productSleepShorts #theContainer {
position: relative;
width: 100%;
height: auto;
}
body.products #productPyjamaPant #sizesBox,
body.products #productSleepShorts #sizesBox2 {
margin-top: 20px;
}
body.products #productPyjamaPant #sizesBox h2,
body.products #productSleepShorts #sizesBox2 h2{
font-size: 20px;
color:#950D60;
}
body.products #productPyjamaPant .rightColumn,
body.products #productBedMats .rightColumn,
body.products #productSleepShorts .rightColumn {
display: inline;
float: right;
width: 50%;
}
body.products #productPyjamaPant h2,
body.products #productBedMats h2,
body.products #productSleepShorts h2 {
width: 340px;
margin-top: 30px;
margin-bottom: 20px;
}
body.products #productPyjamaPant .leftColumn p,
body.products #productBedMats .leftColumn p,
body.products #productSleepShorts .leftColumn p {
padding-right: 15px;
}
body.products #productPyjamaPant .rightColumn img,
body.products #productSleepShorts .rightColumn img,
body.products #productBedMats .rightColumn img {
margin: 0;
padding: 0;
}
body.products #productPyjamaPant .rightColumn img.packShots,
body.products #productBedMats .rightColumn img.packShots,
body.products #productSleepShorts .rightColumn img.packShots {
margin-top: 20px;
}
body.products #productBedMats .rightColumn img.packShots {
margin-right: 40px;
}
body.products #productSleepShorts .rightColumn img.packShotsShorts {
margin-top: 40px;
margin-right: 20px;
}
body.products #productPyjamaPant #sizesBox h2,
body.products #productSleepShorts #sizesBox2 h2{
width: 280px;
height: 30px;
margin: 20px 0 0 0;
}
#sizesBox p,
#sizesBox2 p,
#sizesBox ul li,
#sizesBox2 ul li {
color: #950d60;
font-size: 120%;
}
#sizesBox p,
#sizesBox2 p {
font-weight: bold;
}
#sizesBox ul,
#sizesBox2 ul {
width: 280px;
padding-bottom: 20px;
}
#sizesBox ul li,
#sizesBox2 ul li{
color: #950d60;
margin-left: 25px;
}
#sizesBox ul li strong,
#sizesBox2 ul li strong {
font-size: 120%;
}
#sizesBox ul li span,
#sizesBox2 ul li span {
color:#3976A3;
font-size: 100%;
}
ul#quickLinks {
padding: 10px 0;
margin-left: 18px;
}
ul#quickLinks li {
color:#3976A3;
display: inline;
float: left;
width: 100px;
border-right: 1px solid #3976A3;
text-align: center;
}
ul#quickLinks li.first {
width: auto;
margin-right: 15px;
font-weight: bold;
border: none;
}
ul#quickLinks li.last {
border: none;
}
ul#quickLinks li.large {
width: 250px;
}
ul#quickLinks li a {
font-weight: normal;
color:#3976A3;
text-decoration: none;
}
ul#quickLinks li a:hover {
color: #fff;
text-decoration: underline;
}
body.products #productBedMats .leftColumn {width: 470px;}
body.products #productBedMats .rightColumn {width: 210px;}
body.products #productBedMats h2 {width: auto; margin: 30px 0 20px;}
body.products #productInfoBoxNew h2 {width: 800px; margin: 0 10px 0 18px;}
body.products #productPyjamaPant h2 {width: 340px; margin: 15px 0 18px 0;}
body.products #productBedMats h2 {width: 100%; margin: 15px 0 18px 0;}
/********************************* PEDIATRE ************************************/
body.pediatre .content h2 {
margin-bottom: 20px;
font-size: 45px;
width: 535px;
height: 45px;
}
body.pediatre .content h2.smaller,
body.pediatre .content h2.smallerWide {
height:30px;
width:470px;
float: left;
}
body.pediatre .content h2.smallerWide {
width: 650px;
margin-bottom: 15px;
}
body.aboutBedwetting .content h2.smallerLessWide {
height:30px;
float: left;
width: 350px;
margin-bottom: 15px;
}
body.pediatre .content p#sifrText.largeHeight {
width: 530px;
height: 60px;
margin-bottom: 60px;
}
body.pediatre .content img.rightImage {
float: right;
margin-top: 10px;
padding-left: 10px;
}
body.pediatre .content img.rightImageMain {
float: right;
margin-left:10px;
margin-top: 10px;
}
body.pediatre .content #columnLeft img.rightImg {
float: right;
margin-top: 10px;
}
body.pediatre .content #columnLeft a {
text-decoration: underline;
}
body.pediatre .content p a:visited{
color:#00315A;
}
/********************************* Older Kids Pages ************************************/
body.olderKids #topNav ul li ul.subNav {
display: none;
}
body.olderKids h3 {
color:#653690;
font-size:120%;
letter-spacing:normal;
margin:15px 0pt 0pt;
visibility:visible;
}
body.olderKids .content img {
float: right;
padding-left: 20px;
}
body.olderKids .content p#comingSoon {
font-weight: bold;
font-style: italic;
font-size: 120%;
margin: 10px 0 100px;
}
body.olderKids .content h2 {
height: 50px;
}
body.olderKids .content #subContentLarge h2,
body.olderKids .content #subContentRegister h2,
body.olderKids .content #subContentJoin h2{
width: 100%;
font-size: 37px;
}
/********************************* Article Pages ************************************/
body.resources #topNav ul li ul.subNav {
display: none;
}
body.resources #topNavContainer {
height: 150px;
}
body.resources h3,
body.resources h4 {
color:#653690;
font-size:120%;
letter-spacing:normal;
margin:15px 0pt 0pt;
visibility:visible;
}
body.resources h4 {
color:#653690;
font-size:100%;
}
body.resources .content a{
text-decoration: underline;
}
body.resources .content ol li {
color:#3976A3;
margin-bottom:3px;
margin-left:30px;
list-style-type: decimal;
}
body.resources .content ul li {
color:#3976A3;
margin-bottom:3px;
margin-left:30px;
list-style-type: square;
}
body.resources .content h2 {
height: 30px;
}
body.resources .content h2.wider {
width: 650px;
}
body.resources .content h2.larger {
height: 70px;
}
body.resources .content p.footnote {
font-style: italic;
}
body.resources .content p.author {
font-weight: bold;
font-style: italic;
color:#653690;
margin-top: 0;
margin-bottom: 15px;
}
body.resources .content table{
margin: 0 auto 10px;
}
body.resources .content table th{
font-weight: bold;
color:#653690;
border: 1px solid #3976A3;
padding: 2px;
}
body.resources .content table td{
color:#3976A3;
border: 1px solid #3976A3;
padding: 2px;
}
/********************************* Flash Styles ************************************/
#flashContainer {
position: absolute;
z-index: 1;
width: 1024px;
left: 0;
right: 0;
top: 120px;
margin: 0 auto;
}
/**************************** Error Pages ****************************/
body.errorPage #topNav ul li ul.subNav {
display: none;
}
body.errorPage .content h2 {
height: 40px;
}
body.errorPage .content h3#error {
visibility: visible;
letter-spacing: normal;
color:#653690;
font-size:120%;
font-weight:bold;
margin: 20px 0 5px 0;
}
body.errorPage .content ul {
margin-left: 25px;
}
body.errorPage .content ul li {
margin: 0;
width: 98.5%;
color:#3976A3;
list-style-type:square;
padding: 2px;
}
body.errorPage .content ul li a,
body.errorPage .content ul li a:hover {
background: none;
display: inline;
text-decoration: underline;
padding: 0;
color: #3976A3;
}
body.errorPage .content ul li a:hover {
color: #FFF;
}
/**************************** Misc Pages ****************************/
body.miscPages #topNav ul li ul.subNav {
display: none;
}
body.miscPages .content p.largeHeight {
margin-bottom: 150px;
}
body.miscPages .password #SubmitBtn
{
margin: 5px;
width: 108px;
height: 36px;
float: right;
background: transparent url( "../images/submitBtn.gif" ) no-repeat scroll top left;
border: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
position: absolute;
}
body.miscPages .password
{
margin-top: 50px;
margin-bottom: 100px;
color: #3976A3;
width: 400px;
height: 30px;
vertical-align: middle;
margin-left: 100px;
}
body.miscPages .password label {
font-weight: bold;
margin-right: 10px;
}
body.miscPages .password input {
font-weight: normal;
margin-left: 10px;
}
body.register #subContent ol {
margin: 10px 0 10px;
}
body.register #subContent ol li {
clear:both;
padding:0 0 8px;
}
body.register #subContent ol li span {
margin-bottom: 6px;
}
body.register ol li label {
color:#146DAA;
display:inline;
float:left;
font-weight:bold;
width:255px;
}
body.register ol li input {
display:inline;
width:200px;
}
body.register ol li input.btn
{
height:31px ;
width:85px;
}
body.register label {
color: #6e2573;
margin-right: 25px;
}
body.register .radioBtns input {
width: auto;
margin-right: 5px;
}
#uiOffersByEmailYes, #uiOffersByEmailNo,
#uiOffersByPostYes, #uiOffersByPostNo,
#uiOffersPartnersYes, #uiOffersPartnersNo {
display: inline;
float: left;
width: auto;
}
#uiOffersByEmailNo, #uiOffersByPostNo, #uiOffersPartnersNo {
margin-bottom: 20px;
}
span.registrationTextLabel {
display: inline;
float: left;
}
body.managingBedwetting p.short{
width: 600px;
}
body.contentPage .content img.diary {
position: absolute;
top: 4px;
right: 25px;
display: block;
}
body.contentPage h3.moreSpaceH3 {
display: block;
width: 650px;
}
body.yourSpace .content img.imgMoreSpace {
margin-right: 10px;
margin-bottom: 20px;
}
.error ul {
margin: 10px;
}
.error ul li {
color: #CC0033;
list-style-position:outside;
list-style-type:square;
}
/**************************** Site Map Page ****************************/
body.siteMap #topNav ul li ul.subNav {
display: none;
}
body.siteMap #TreeView1n0Nodes table td {
color:#3976A3;
}
body.siteMap #TreeView1n0Nodes a:hover,
body.siteMap #TreeView1n0Nodes a:visited {
color:#00315A;
}
#progressCalContainer {
margin-top: 20px;
}
body.aboutBedwetting #all #topNav ul li ul.subNav {
display: none;
}
body.aboutBedwetting #all #topNav ul li.aboutbedwetting ul.subNav {
display: block;
}
body.managingBedwetting #all #topNav ul li ul.subNav {
display: none;
}
body.managingBedwetting #all #topNav ul li.managebedwetting ul.subNav {
display: block;
}
body.readyForBed #all #topNav ul li ul.subNav {
display: none;
}
body.readyForBed #all #topNav ul li.readyforbed ul.subNav {
display: block;
}
body.yourSpace #all #topNav ul li ul.subNav {
display: none;
}
body.yourSpace #all #topNav ul li.yourspace ul.subNav {
display: block;
}
body.products #all #topNav ul li ul.subNav {
display: none;
}
body.products #all #topNav ul li.products ul.subNav {
display: block;
}
body.pediatre #all #topNav ul li ul.subNav {
display: none;
}
body.pediatre #all #topNav ul li.pediatre ul.subNav {
display: block;
}
body.pediatre #all #topNav ul li.pediatre ul.subNav a
{
background: none;
}
body.freeSample #subContent ol {
display: inline;
float: left;
width:500px;
margin: 0;
}
#divValidation {
display: inline;
float: right;
width: 220px;
}
#divValidation ul {
padding: 10px;
border: 1px solid #e1134f;
background-color: #c0c0c0;
}
#divValidation ul li {
list-style-type: square;
color: #e1134f;
list-style-position: inside;
}
body.freeSample .content input.TMCalendarIcon {
background: transparent url(../images/img.gif) no-repeat 0 0;
border:0 none;
color:#FFFFFF;
cursor:pointer;
height:20px;
margin-left:5px;
width:20px;
}
body.freeSample #headingContainer .text {
display: inline;
float: left;
width: 560px;
}
body.freeSample #headingContainer .theImage {
display: inline;
float: right;
width: 200px;
margin-right: 12px;
margin-top: 0.5em;
}
ul.theList
{
margin: 5px 0 100px 15px;
}
ul.theList li
{
color: #373737;
list-style-type: square;
margin: 3px 0;
}
body.freeSample #subContent .fscontainer
{
margin-top: 10px;
}
body.freeSample #subContent ol.radioBtns
{
width: 100%;
}
body.freeSample .radioBtns label, body.freeSample #rblDryNitesInfo label, body.freeSample #rbl3rdPartyInfo label, body.freeSample #rblKCInfo label
{
font-weight: bold;
float: left;
}
/**************************** Misc ****************************/
body.contentPageDefault .content ul.noTextAbove {
margin-top: 40px;
}
body.contentPageDefault .content a {
text-decoration:none;
}
body.managingBedwetting #subContentLarge .content {
min-height:550px;
height:auto !important;
height:550px;
}
body.register ol li span input {
width:auto;
}
body.register ol li span label {
color: #6E2573;
}
.sIFR-active body.managingBedwetting #subContentRegister .content h2,
.sIFR-active body.yourSpace #subContentRegister .content h2 {
height:40px;
}
p.mainText {
font-size:120%;
}
body.products .content .hd img {
margin-left:10px;
}
span.waterstones {
display: inline;
color: #6e2573;
font-weight: bold;
}
.loginorregister ol li {
clear:both;
padding:0 0 8px;
}
.loginorregister ol li span {
color:#146DAA;
display:inline;
float:left;
font-weight:bold;
width:255px;
}
body.readyForBed .content ul.readyForBedList li.purple a {
background:transparent url(../images/contentListBGPurpleV2.gif) no-repeat left top;
}
body.readyForBed .content ul.readyForBedList li.purple a:hover {
background:transparent url(../images/contentListBGPurpleV2.gif) no-repeat left bottom;
}
body.readyForBed .content ul.readyForBedList li.green a {
background:transparent url(../images/contentListBGGreenV2.gif) no-repeat left top;
}
body.readyForBed .content ul.readyForBedList li.green a:hover {
background:transparent url(../images/contentListBGGreenV2.gif) no-repeat left bottom;
}
body.forum #subContentLarge .content{
min-height:510px;
height:auto !important;
height:510px;
}
body.yourSpace .content ul.noTextAbove {
margin-top:55px;
}
body.products .content ul.noTextAbove {
margin-top:10px;
}
body.homeGirl #bottomNav .content ul li.productsPreview,
body.homeBoy #bottomNav .content ul li.productsPreview{
background: transparent url("../data/productsH3preview.gif") no-repeat top left;
margin-right: 5px;
position: relative;
z-index: 100;
}
body.homeGirl #bottomNav .content ul li.questionPreview,
body.homeBoy #bottomNav .content ul li.questionPreview{
background: transparent url("../data/questionMnthH3preview.gif") no-repeat top left;
width: 225px;
margin-right: 5px;
}
body.homeGirl #bottomNav .content ul li.readyForBed h3 .preview,
body.homeBoy #bottomNav .content ul li.readyForBed h3 .preview{
color: #fff;
background: transparent url("../data/readyForBedH3preview.gif") no-repeat top left;
text-indent: -5000px;
height: 60px;
}
body.readyForBed .content ul.waterstonesLinks {
margin-top:20px;
}
#ui-datepicker-div, IFRAME
{
z-index: 300;
}
.ui-datepicker-trigger
{
background:transparent url(images/img.gif) no-repeat scroll bottom left;
border:0 none;
color:#FFFFFF;
cursor:pointer;
height:14px;
margin-left:5px;
width:22px;
line-height: 0px;
font-size:0px;
}
#uiStartDate {
margin: 0;
}
body.freeSample #all #topNav ul li ul.subNav {
display:none;
}
body.forumNew #all #topNav ul li ul.subNav,
body.forum #all #topNav ul li ul.subNav {
display:none;
}
body.pediatre .content h2 {
height: 35px;
font-size: 30px;
}
body.forum table td, body.forum #subContentLarge table td, body.forum table td a, body.forum #subContentLarge table td a {
color:#FFFFFF;
}
body.forum .content a.DrPhilippeLink
{
margin-left: 20px;
margin-top:10px;
display: block;
}
body.forum table, body.forum #subContentLarge table {
clear:both;
margin:10px 0;
width:100%;
}
/**************************** New Forum Page ****************************/
body.forumNew #forumTopBit div
{
width: 660px;
display: inline;
float: left;
margin-right: 25px;
}
body.forumNew #forumTopBit img.megaphone
{
width: 115px;
display: inline;
float: left;
}
body.forumNew #theItem {
margin-bottom: 15px;
}
body.forumNew table {
width: 500px;
margin: 0 auto;
}
body.forumNew table td {
padding: 0;
}
body.forumNew table td ul {
padding: 0 5px;
color:#125A95;
}
body.forumNew table td ul li.forumBody {
clear:both;
display:block;
padding-top:5px;
}
body.forumNew table td ul li {
color:#125A95;
display:inline;
margin-left:10px;
}
body.forumNew ul li.postHeaderSubjectBody,
body.forumNew table td ul li.forumSubjectBody {
width:450px;
float:left;
border-right: 1px dashed #c0c0c0;
padding-right: 5px;
}
body.forumNew table td ul li.DrPhilippeFlag,
body.forumNew table td ul li.forumReplies {
border-right: 1px dashed #c0c0c0;
padding-right: 5px;
width: 100px;
float:left;
text-align: center;
padding: 6px 0;
margin: 0;
}
body.forumNew table td ul li.forumDrPhilippeFlag {height: 32px; text-indent: -5000px; background: url(../images/medicSymbol.jpg) no-repeat 50% 41%;}
body.forumNew table td ul li.DrPhilippeFlag {height: 32px; text-indent: -5000px;}
body.forumNew table td ul li.forumSubjectBody span {
display: block;
}
body.forumNew ul li.postHeaderForumDate,
body.forumNew table td ul li.forumDate {
float:right;
padding: 6px 15px 6px 0;
}
body.forumNew ul li.postHeaderReplies,
body.forumNew ul li.postHeaderDrPhilippeFlag
{
border-right: 1px dashed #c0c0c0;
padding-right: 5px;
width: 100px;
float:left;
text-align: center;
padding: 10px 0 0;
margin: 0;
}
body.forumNew ul li.postHeaderSubjectBody {padding-top: 10px;}
body.forumNew ul li.postHeaderSubjectBody,
body.forumNew ul li.postHeaderReplies,
body.forumNew ul li.postHeaderDrPhilippeFlag
{
border-color: #777;
min-height: 30px;
height: auto !important;
height: 30px;
font-weight: bold;
}
body.forumNew ul li.postHeaderDrPhilippeFlag {padding-top: 4px; padding-bottom: 7px;}
body.forumNew ul li.postHeaderForumDate {text-align: center; width: 65px; margin: 0; font-weight: bold; padding-top: 10px;}
body.forumNew a {color: #41a3e8;}
body.forumNew a:visited {color: #6b1587;}
body.forumNew #postBody {background-color: #fff;}
body.forumNew #postTop,
body.forumNew #postBtm {
display: block;
width: 769px;
height: 12px;
background: url(../images/dp_post_top.gif) no-repeat bottom left;
overflow: hidden;
}
body.forumNew #postBtm {
background: url(../images/dp_post_btm.gif) no-repeat 0 0;
height: 10px;
margin-bottom: 5px;
}
body.forumNew #postHeaderTop,
body.forumNew #postHeaderBtm,
body.forumNew #respTop,
body.forumNew #respBtm {
display: block;
width: 769px;
height: 12px;
background: url(../images/dp_resp_top.gif) no-repeat bottom left;
}
body.forumNew #postHeaderBtm,
body.forumNew #respBtm {
background: url(../images/dp_resp_btm.gif) no-repeat 0 0;
}
body.forumNew #postHeaderBtm {margin-bottom: 15px;}
body.forumNew #postHeaderBody, body.forumNew #respBody {background-color: #bed4df;}
body.forumNew #respBody p {color:#125A95;padding:0 10px;}
body.forumNew #respBody p a {color:#125A95;}
#forumPostInnerBox .paging ul li,
#forumInnerBox .paging ul li
{
display: inline;
float: left;
margin: 0 3px;
color: #fff;
}
#forumPostInnerBox .paging ul li a,
#forumInnerBox .paging ul li a
{
border: 1px solid #fff;
padding: 1px 5px;
color: #fff;
display: block;
}
#forumPostInnerBox .paging ul li a:hover,
#forumInnerBox .paging ul li a:hover
{
background-color: #fff;
color: #000;
}
#forumPostInnerBox .paging ul li.current a,
#forumInnerBox .paging ul li.current a
{
background-color: #fff;
color: #000;
}
#forumPostInnerBox .paging ul li a.pagingButton,
#forumInnerBox .paging ul li a.pagingButton
{
text-decoration: underline;
border: none;
}
#forumPostInnerBox .paging ul li a:hover.pagingButton,
#forumInnerBox .paging ul li a:hover.pagingButton
{
text-decoration: underline;
background-color: transparent;
}
#forumPostInnerBox .paging ul li.disabled span, #forumPostInnerBox .paging ul li.disabledNext span, #forumInnerBox .paging ul li.disabled span, #forumInnerBox .paging ul li.disabledNext span {color: #777; font-weight: bold; padding-top: 2px; display: block;}
#forumPostInnerBox .paging ul li.disabled span, #forumInnerBox .paging ul li.disabled span {margin-right: 5px;}
#forumPostInnerBox .paging, #forumInnerBox .paging {margin: 0 auto; display: block; width: auto; border-top: 1px dashed #6999b9; padding-top: 15px;}
#forumPostInnerBox .paging ul, #forumInnerBox .paging ul {float: right;}
body.forumNew table td ul li.forumSubjectBody {height: 48px;}
body.forumNew table td ul li.forumReplies {height: 32px;}
body.forumNew table td ul li.forumDate {text-align: center;}
body.forumNew #forumPostInnerBox #theItemBlue table, body.forumNew #forumPostInnerBox #drPhil table,body.forumNew #forumPostInnerBox #theItem table {width: 745px;}
body.forumNew #forumPostInnerBox #theItemBlue table td, body.forumNew #forumPostInnerBox #drPhil table td, body.forumNew #forumPostInnerBox #theItem table td {color: #125A95; padding: 5px;}
body.forumNew #forumPostInnerBox #theItemBlue table td span, body.forumNew #forumPostInnerBox #drPhil table td span, body.forumNew #forumPostInnerBox #theItem table td span {display: block;}
body.forumNew #forumPostInnerBox #theItemBlue table td span.label, body.forumNew #forumPostInnerBox #drPhil table td span.label, body.forumNew #forumPostInnerBox #theItem table td span.label {display: block; float: left; width: 70px; font-weight: bold;}
body.forumNew #forumPostInnerBox #theItemBlue table td span.labelData, body.forumNew #forumPostInnerBox #drPhil table td span.labelData, body.forumNew #forumPostInnerBox #theItem table td span.labelData {display: block; float: left; width: 70px;}
body.forumNew #forumPostInnerBox #theItemBlue table td#memberInfo, body.forumNew #forumPostInnerBox #drPhil table td#memberInfo, body.forumNew #forumPostInnerBox #theItem table td#memberInfo {width: 120px; border-right: 1px dashed #c0c0c0;}
body.forumNew #forumPostInnerBox #theItemBlue table td#thePost, body.forumNew #forumPostInnerBox #drPhil table td#thePost, body.forumNew #forumPostInnerBox #theItem table td#thePost {width: 350px; border-right: 1px dashed #c0c0c0; padding: 0 10px;}
body.forumNew #forumPostInnerBox #theItemBlue table td#thePostDate, body.forumNew #forumPostInnerBox #drPhil table td#thePostDate, body.forumNew #forumPostInnerBox #theItem table td#thePostDate {width: 60px; padding: 0 10px; text-align: center;}
body.forumNew #forumPostInnerBox #theItemBlue table td#memberInfo,body.forumNew #forumPostInnerBox #drPhil table td#memberInfo .container, body.forumNew #forumPostInnerBox #theItem table td#memberInfo .container {margin: 0 0 5px;}
body.forumNew #forumPostInnerBox {margin-top: 10px;}
body.forumNew #forumPostInnerBox #theItemBlue, body.forumNew #forumPostInnerBox #drPhil, body.forumNew #forumPostInnerBox #theItem {margin-bottom: 0;}
body.forumNew #forumPostInnerBox h3 {margin: 0 0 10px 7px;}
body.forumNew #forumPostInnerBox h3 span {color: #373737;}
body.forumNew #replyPanelContainer ul#replyPost {color: #125A95;}
body.forumNew #replyPanelContainer ul#replyPost span.label {display: block; float: left; width: 70px; font-weight: bold;}
body.forumNew #replyPanelContainer ul#replyPost {margin: 15px 0 0;}
body.forumNew #replyPanelContainer ul#replyPost li {margin: 5px 0 10px;}
body.forumNew #replyPanelContainer ul#replyPost li input.replyButton
{
margin: 10px 0 10px 640px;
font-size: 115%;
color: #fff;
background: url(../images/submitBtn.gif) no-repeat 0 0;
border: 0;
width: 110px;
font-weight: bold;
padding: 6px 0 7px;
}
body.forumNew #replyPanelContainer #divValidation2 ul {
padding: 10px;
border: 1px solid #e1134f;
background-color: #c0c0c0;
}
body.forumNew #replyPanelContainer #divValidation2 ul li {
list-style-type: square;
color: #e1134f;
list-style-position: inside;
}
body.forumNew .forumMsg {padding: 5px; border: 2px solid #c5eb69; background-color: #dbeab8; text-align: center; margin-bottom: 10px; }
body.forumNew .forumMsg p {color: #7fb400; font-weight: bold; }
body.forumNew #theItemBlue #postBody {background-color: #bed4df;}
body.forumNew #theItemBlue #postTop,
body.forumNew #theItemBlue #postBtm {
display: block;
width: 769px;
height: 12px;
background: url(../images/dp_resp_top.gif) no-repeat 0 0;
overflow: hidden;
}
body.forumNew #theItemBlue #postBtm {
background: url(../images/dp_resp_btm.gif) no-repeat 0 0;
height: 10px;
margin-bottom: 5px;
}
body.forumNew #drPhil #postBody {background-color: #b7d472;}
body.forumNew #drPhil #postTop,
body.forumNew #drPhil #postBtm {
display: block;
width: 769px;
height: 12px;
background: url(../images/dp_post_top_green.gif) no-repeat bottom left;
overflow: hidden;
}
body.forumNew #drPhil #postBtm {
background: url(../images/dp_post_btm_green.gif) no-repeat 0 0;
height: 10px;
margin-bottom: 5px;
}
body.forumNew #drPhil #postBody img {
width: 110px;
margin: 0 0 10px;
}
body.forumNew #forumPostInnerBox #theItemBlue table td#memberInfo,
body.forumNew #forumPostInnerBox #theItemBlue table td#thePost,
body.forumNew #forumPostInnerBox #drPhil table td#memberInfo,
body.forumNew #forumPostInnerBox #drPhil table td#thePost {
border-right:1px dashed #fff;
}
body.forumNew #actionContainer a.forumBtn,
body.forumNew #forumTopBit a.forumBtn
{
color: #fff;
background: url(../images/submitBtnBig.gif) no-repeat 0 0;
border: 0;
width: 150px;
font-weight: bold;
padding: 8px 0 9px;
margin: 0 5px;
cursor: pointer;
display: block;
text-align: center;
}
body.forumNew #searchBox input.searchBtn,
body.forumNew #forumActions input.searchBtn,
body.forumNew #forumActions input.newTopicBtn,
body.forumNew #forumActions input.helpBtn
{
color: #fff;
background: url(../images/submitBtn.gif) no-repeat 0 0;
border: 0;
width: 110px;
font-weight: bold;
padding: 6px 0 9px;
margin: 0 10px;
cursor: pointer;
}
body.forumNew #forumActions input.newTopicBtn {margin-left: 0;}
body.forumNew #replyPanelContainer input.registerButton,
body.forumNew #replyPanelContainer input.loginButton
{
font-size: 115%;
color: #fff;
background: url(../images/submitBtnBig.gif) no-repeat 0 0;
border: 0;
width: 150px;
font-weight: bold;
padding: 6px 0 7px;
margin: 0 30px;
cursor: pointer;
}
body.forumNew #replyPanelContainer .loginPanel {margin: 20px 0;}
body.forumNew #replyPanelContainer h3 {margin-bottom: 10px;}
body.forumNew #replyPanelContainer .actionBtns{margin: 30px 0 80px 160px;}
body.forumNew div #actionContainer {margin: 10px 0;}
body.forumNew #forumActions #searchBox
{
width: 400px;
display: inline;
float: left;
}
body.forumNew #forumActions .container
{
width: 280px;
display: inline;
float: left;
}
body.forumNew div #actionContainer p
{
width: 180px;
display: inline;
float: right;
}
body.forumNew #postHeaderBody ul li { font-size: 115%;}
#searchBox input {float: left;display: block;}
#searchBox input.searchInput { margin-top: 7px;}
body.optout #theContainer {padding: 20px 0 150px;}
body.optout #theContainer .theForm {padding: 10px;}
body.optout #theContainer .theForm span {color: #3976A3;}
body.optout #theContainer .theForm input.emailAddress {width: 200px; margin: 0 7px;}
body.optout #theContainer p.success {padding: 5px; border: 2px solid #c5eb69; color:#454545; background-color: #dbeab8; text-align: center; margin: 10px 0; }
body.optout #theContainer p.fail {padding: 5px; border: 2px solid #e1134f; color:#454545; background-color: #FAC2D2; text-align: center; margin: 10px 0; }
/**************************** Generic Clearing Floats ****************************/
#progressCalContainer:after,
#headingContainer:after,
#formContainer:after,
body.contentPage h3.moreSpaceH3:before,
#topNav:after,
#topNavContainer:after,
#footer:after,
#contentContainer:after,
#olderKids:after,
#tagContainer:after,
#forumContainer:after,
body.homeGirl #bottomNav .content form:after,
body.homeGirl #bottomNav .content ul:after,
body.topTen #book1:after,
body.managingBedwetting #subContentContainer:after,
body.readyForBed .content ul#handShadows:after,
body.topTen #topTenBox .bookContainer:after,
body.yourSpace .content .results:after,
body.managingBedwetting ul#date:after,
body.forum div.paging:after,
body.freeSample #subContent ol li:after,
body.freeSample #subContent ol.radioBtns:after,
body.freeSample #subContent .fscontainer:after,
body.freeSample #subContent .fscontainertop:after,
body.forum #forumContainer:after,
body.forumNew table td ul:after,
body.forumNew #newForumContainer #forumTopBit:after,
#forumInnerBox .paging:after,
#forumPostInnerBox .paging:after,
#forumInnerBox .paging ul:after,
#forumPostInnerBox .paging ul:after,
body.forumNew #forumPostInnerBox table td#memberInfo .container:after,
body.forumNew #forumPostInnerBox ul#replyPost li:after,
body.forumNew div #actionContainer:after,
.loginorregister .container:after,
body.optout #theContainer .theForm:after,
body.readyForBed .content ul.storyTime:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}