/* DEFAULT COLORS: new orange:f47b20 #ff5e00; orange: #f47b20 | dark grey: #434540 | light grey: #777 | myReputation: #4B931C | myChild: #8AC92C | myPrivacy: #DF0000 */ a:link, a:visited, a:active { text-decoration: none; font-weight: bold; color: #f47b20; } a:hover { text-decoration: none; font-weight: bold; color: #B74C0E; } a:link.grey, a:visited.grey, a:active.grey { text-decoration: none; font-weight: normal; color: #434540; } a:hover.grey { text-decoration: none; font-weight: normal; color: #777; } a:link.thin, a:visited.thin, a:active.thin {text-decoration: none; font-weight: normal; color: #f47b20;} a:hover.thin {text-decoration: none; font-weight: normal; color: #B74C0E;} /* -------------------------------- Default Styles -------------------------------------- */ body { margin: 0px; font-family: "Trebuchet MS","Arial","Helvetica"; background-color: #BEC4B4; color: #434540; font-size: 12px; } h2 { margin: 2px 0px 20px 0px ; color: #f47b20; font-size: 190%; } h3 { margin: 2px 0px 5px 0px ; } .content { color: #434540; font-size: 12px; font-weight: normal; } .content14 { color: #434540; font-size: 14px; } .content11 { color: #434540; font-size: 11px; } .content10 { color: #434540; font-size: 10px; } .errortext { color: #CB0000; } .errorreason { color: #CB0000; font-size: 90%; } .errorheader { border: 1px dashed #CB0000; background-color: #FEFDD7; color: #CB0000; font-weight: bold; text-align: center; padding:4px; margin: 0px 0px 20px 0px;} .grey { color: #434540; } .error { border: 1px solid #CB0000; color: #CB0000; text-align: center; padding: 2px; } .errorBox { border: 1px dashed #CB0000; background-color: #FEFDD7; color: #CB0000; font-weight: bold; text-align: center; padding:6px; margin: 0px 0px 5px 0px;} .orange { color: #f47b20; } .indent { padding-left: 15px; } .hiddenRow { display:none; } .inputSubmit { background-color: #f47b20; border: 1px solid #f47b20; color: #FFF; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 12px; font-weight: bold; } .inputButton { background-color: #FFF; border: 1px solid #f47b20; color: #f47b20; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 12px; font-weight: normal; } .inputText { background-color: #fff; border: 1px solid #AAA; color: #555555; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 11px; padding: 2px; margin-bottom: 0px;} .errorField { background-color: #fff; border: 1px solid #CB0000; color: #555555; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 11px; padding: 2px; } textarea { background-color: #fff; border: 1px solid #AAA; color: #555555; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 11px; padding: 2px; } select { color: #000000; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 11px; border: 1px solid #aaa; background-color: #fff; padding: 0px; } /* --- modal popup --- */ /* iframe that sits under the popups so that form elements do not shine through */ #ghost { position:absolute; top:0; left:-1000px; z-index:999; } /* div that opens with a modal popup to 'disable' the rest of the page */ #screen { display:none; position:absolute; top:0; left:0; background-color:#fff; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; z-index:9999; width: 100%; height:100%; } /* div that opens with a persistant popup to fake the auto-close interaction */ #clearScreen { display:none; position:absolute; top:0; left:0; background-color:#fff; filter:alpha(opacity=60); -moz-opacity:.50; opacity:.50; z-index:9999; width: 100% } #myp .popup { width:400px; position:absolute; top:0; left:-1000px; z-index:999999; background:url(../images/bg_myp_popup.gif) no-repeat 0 0; } #myp .popupInner { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; background:url(../images/bg_popup_rt.gif) no-repeat right top; } #myp .popupContent { background:url(../images/bg_popup_footer_rt.gif) no-repeat right bottom; padding:60px 0px 0 0; } #myp .popupContent h2 { font-size:160%; padding:0 0 12px; margin:0 20px; } #myp .popupContent h3 { margin:0 20px; } #myp .popupContent h2.reply, #myp .popupContent h2.note, #myp .popupContent h3.note { font-family:"Trebuchet MS","Arial","Helvetica"; color:#f47b20; font-size:14px; background:url(../images/icon_message_note.gif) no-repeat 0 2px; padding:0 0 5px 0px; margin-bottom: 15px; border-bottom:1px solid #bbb; } #myp .popupContent h2.reply { background:url(../images/icon_message_answer.gif) no-repeat 0 2px; } #myp .popupContent h3.note { font-size:12px; } #myp .popupContent p { padding: 0px 0px 0px 10px; } #myp .popup_content { padding-left: 20px; } #myp .popupFooter { background:url(../images/bg_popup_footer.gif) no-repeat left bottom; padding:15px 10px 30px 20px; } .popup { width:606px; position:absolute; top:0; left:-1000px; z-index:999999; background:url(../images/bg_popup.gif) no-repeat 0 0; } .popupInner { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; background:url(../images/bg_popup_rt.gif) no-repeat right top; } .popupContent { background:url(../images/bg_popup_footer_rt.gif) no-repeat right bottom; padding:60px 0px 0 0; } .popupContent h2 { font-size:160%; padding:0 0 12px; margin:0 20px; } .popupContent h3 { margin:0 20px; } .popupContent h2.reply, .popupContent h2.note, .popupContent h3.note { font-family:"Trebuchet MS","Arial","Helvetica"; color:#f47b20; font-size:14px; background:url(../images/icon_message_note.gif) no-repeat 0 2px; padding:0 0 5px 0px; margin-bottom: 15px; border-bottom:1px solid #bbb; } .popupContent h2.reply { background:url(../images/icon_message_answer.gif) no-repeat 0 2px; } .popupContent h3.note { font-size:12px; } .popupContent p { padding: 0px 0px 0px 10px; } .popup_content { padding-left: 20px; } .popupFooter { background:url(../images/bg_popup_footer.gif) no-repeat left bottom; padding:15px 10px 30px 20px; } .messagePopup { width:400px; } .messageForm, .messagePopup textarea, #readonlyMessage { margin:0 0px 0 20px; font-size: 11px;} .messageForm input { font-size:11px; width:288px; } .messageForm select { font-size:11px; width:293px; } .messagePopup textarea, #readonlyMessage pre { font-family:Verdana; font-size:11px; width:340px; padding:0px; color:#000; } #readonlyMessage { width:352px; height:253px; border:1px solid #888; overflow:auto; } .messageForm td { padding:0 15px 5px 0; } .messageForm td.subjectText { font-weight:bold; } a.btnPrimary:link, a.btnPrimary:visited { float:left; background:url(../images/btn_primary_rt.gif) no-repeat top right; padding:0 4px 0 0; text-decoration:none; } a.btnPrimary:hover, a.btnPrimary:active { background:url(../images/btn_primary_rt_hover.gif) no-repeat top right; } a.btnPrimary:link span, a.btnPrimary:visited span { height: 20px; float:left; color:#fff; background:url(../images/btn_primary.gif) no-repeat 0 0; padding:1px 6px 2px 10px; } a.btnPrimary:hover span, a.btnPrimary:active span { height: 20px; background:url(../images/btn_primary_hover.gif) no-repeat 0 0; cursor:pointer; } a.btnMyPWhite:link, a.btnMyPWhite:visited { float:left; background:url(../images/btn_white_rt.gif) no-repeat top right; padding:0 2px 0 0; text-decoration:none; } a.btnMyPWhite:hover, a.btnMyPWhite:active { background:url(../images/btn_white_rt_hover.gif) no-repeat top right; } a.btnMyPWhite:link span, a.btnMyPWhite:visited span { height: 20px; float:left; background:url(../images/btn_white.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#df0000; padding:3px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnMyPWhite:hover span, a.btnMyPWhite:active span { height: 20px; background:url(../images/btn_white_hover.gif) no-repeat top left; color: #df0000;} a.btnMyPCancel:link, a.btnMyPCancel:visited { float:left; background:url(../images/btn_white_rt.gif) no-repeat top right; padding:0 2px 0 0; text-decoration:none; } a.btnMyPCancel:hover, a.btnMyPCancel:active { background:url(../images/btn_white_rt_hover.gif) no-repeat top right; } a.btnMyPCancel:link span, a.btnMyPCancel:visited span { height: 20px; float:left; background:url(../images/btn_white.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#777; padding:3px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnMyPCancel:hover span, a.btnMyPCancel:active span { height: 20px; background:url(../images/btn_white_hover.gif) no-repeat top left; color: #777;} a.btnWhite:link, a.btnWhite:visited { float:left; background:url(../images/btn_white_rt.gif) no-repeat top right; padding:0 2px 0 0; text-decoration:none; } a.btnWhite:hover, a.btnWhite:active { background:url(../images/btn_white_rt_hover.gif) no-repeat top right; } a.btnWhite:link span, a.btnWhite:visited span { height: 20px; float:left; background:url(../images/btn_white.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#f47b20; padding:3px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnWhite:hover span, a.btnWhite:active span { height: 20px; background:url(../images/btn_white_hover.gif) no-repeat top left; } a.btnComposeMessage:link, a.btnComposeMessage:visited { float:left; background:url(../images/btn_white_rt.gif) no-repeat top right; padding:0 2px 0 0; text-decoration:none; } a.btnComposeMessage:hover, a.btnComposeMessage:active { background:url(../images/btn_white_rt_hover.gif) no-repeat top right; } a.btnComposeMessage:link span, a.btnComposeMessage:visited span { height: 20px; float:left; background:url(../images/btn_white.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#2F7099; padding:3px 20px 3px 20px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnComposeMessage:hover span, a.btnComposeMessage:active span { height: 20px; background:url(../images/btn_white_hover.gif) no-repeat top left; } a.btnMRSignup:link, a.btnMRSignup:visited { float:left; background:url(../images/btn_greySignup_rt.gif) no-repeat top right; padding:0 4px 0 0; text-decoration:none; color: #fff; font-weight: bold; margin: 0px 0px 0px 115px; } a.btnMRSignup:hover, a.btnMRSignup:active { background:url(../images/btn_MRsignup_rt_hover.gif) no-repeat top right; color: #fff; } a.btnMRSignup:link span, a.btnMRSignup:visited span { height: 20px; float:left; background:url(../images/btn_greySignup.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#fff; padding:6px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnMRSignup:hover span, a.btnMRSignup:active span { height: 20px; background:url(../images/btn_MRsignup_hover.gif) no-repeat top left; } a.btnMPSignup:link, a.btnMPSignup:visited { float:left; background:url(../images/btn_greySignup_rt.gif) no-repeat top right; padding:0 4px 0 0; text-decoration:none; color: #fff; font-weight: bold; margin: 0px 0px 0px 115px; } a.btnMPSignup:hover, a.btnMPSignup:active { background:url(../images/btn_MPsignup_rt_hover.gif) no-repeat top right; color: #fff; } a.btnMPSignup:link span, a.btnMPSignup:visited span { height: 20px; float:left; background:url(../images/btn_greySignup.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#fff; padding:6px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnMPSignup:hover span, a.btnMPSignup:active span { height: 20px; background:url(../images/btn_MPsignup_hover.gif) no-repeat top left; } a.btnMCSignup:link, a.btnMCSignup:visited { float:left; background:url(../images/btn_greySignup_rt.gif) no-repeat top right; padding:0 4px 0 0; text-decoration:none; color: #fff; font-weight: bold; margin: 0px 0px 0px 115px;} a.btnMCSignup:hover, a.btnMCSignup:active { background:url(../images/btn_MCsignup_rt_hover.gif) no-repeat top right; color: #fff; } a.btnMCSignup:link span, a.btnMCSignup:visited span { height: 20px; float:left; background:url(../images/btn_greySignup.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#fff; padding:6px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btnMCSignup:hover span, a.btnMCSignup:active span { height: 20px; background:url(../images/btn_MCsignup_hover.gif) no-repeat top left; } a.btngreySignup:link, a.btngreySignup:visited { float:left; background:url(../images/btn_greySignup_rt.gif) no-repeat top right; padding:0 4px 0 0; text-decoration:none; color: #fff; font-weight: bold; margin: 0px 0px 0px 115px;} a.btngreySignup:hover, a.btngreySignup:active { background:url(../images/btn_greySignup_rt_hover.gif) no-repeat top right; color: #fff; } a.btngreySignup:link span, a.btngreySignup:visited span { height: 25px; float:left; background:url(../images/btn_greySignup.gif) no-repeat top left; font-family:"Trebuchet MS"; color:#fff; padding:6px 6px 3px 8px; text-transform:uppercase; font-weight:bold; font-size:90%; cursor:pointer; } a.btngreySignup:hover span, a.btngreySignup:active span { height: 25px; background:url(../images/btn_greySignup_hover.gif) no-repeat top left; } .detailsPopupContent { padding: 15px; } /* ---------------------------------------------- */ /* ------------------------------- Template Styles -------------------------------------- */ .emailfield { visibility:hidden; } /* ------------------------------- Product Styles -------------------------------------- */ .myrep-color { color: #4B931C; } .mychild-color { color: #8AC92C; } /* ------------------------------- Page frame Styles -------------------------------------- */ #page { margin: 15px 0px 0px 0px; width: 854px; background-image: url('../images/bg.gif'); text-align: left; } #page .top { background-image: url('../images/bg-top.gif'); height: 8px; line-height: 8px; } #page .bot { background-image: url('../images/bg-bot.gif'); height: 31px; line-height: 31px; } #page .surround { padding: 0px 15px 0px 14px; } #header { padding: 0px 0px 5px 20px; } #header .logo { float: left; } #header .loginLinks { vertical-align: top; text-align: right; height: 60px; padding-right:20px; font-size: 95%;} #header a:link, #header a:visited, #header a:active {text-decoration: none; font-weight: normal; color: #434540;} #header a:hover {text-decoration: none; font-weight: normal; color: #999;} #buttonBar { background-color: #434540; padding: 1px 10px 3px 10px; font-size:120%; font-variant:small-caps; text-align: left;} #buttonBar a:link, #buttonBar a:visited, #buttonBar a:active {text-decoration: none; font-weight: normal; color: #ccc;} #buttonBar a:hover {text-decoration: none; font-weight: normal; color: #f47b20; } #buttonBar .pipe { color: #aaa; } #buttonBar li { margin: 0; display: inline; padding: 0px 20px 0px 20px; } #buttonBar ul{ margin: 0; padding: 0px 0px 0px 0px; list-style: none;} #buttonBar li.current a { color: #fff; font-weight: bold; } .copyright { color: #909090; font-size: 90%; } .copyright a { color: #909090; font-size: 90%; text-decoration: underline} #bottomLinks { text-align: center; font-size: 95%;} #bottomLinks a:link, #bottomLinks a:visited, #bottomLinks a:active {text-decoration: none; font-weight: normal; color: #B6B7B5;} #bottomLinks a:hover {text-decoration: none; font-weight: normal; color: #434540;} #pageContent { margin-top: 10px; } /* ------------------------------- Product Pages -------------------------------------- */ .leftSide { width:560px; margin: 0px 0px 0px 0px; padding: 10px 20px 0px 20px; vertical-align: top; } .rightSide { padding: 10px 20px 0px 20px; margin-left: 30px; vertical-align: top; width: 190px; } .rightContent { text-align: left; } .rightButton { border-top: 1px solid #bbb; padding: 3px 0px 3px 0px; } .rightContent-header { color: #f47b20; font-weight: bold; padding-bottom: 10px; font-size: 110%;} .rightContent ul { list-style: none; padding: 0px; margin: 0; } .rightContent li { border-top: 1px solid #bbb; padding: 3px 0px 3px 0px; } .rightContent a:link, .rightContent a:visited, .rightContent a:active { display: block; text-decoration: none; font-weight: normal; color: #666A6C; } .rightContent a:hover { display: block; text-decoration: none; font-weight: normal; color: #333; } /* ------------------------------- Home Styles -------------------------------------- */ #featureBar { margin-top:1px; background: #f47b20 url(../images/featurebar.gif) 25px 50% no-repeat; height: 66px; } #featureBar2 { margin-top:1px; background: #f47b20 url(../images/featurebar2.gif) 25px 50% no-repeat; height: 66px; } #index #featureBar { background-image: url(../images/featureBarBG.gif); background-position: top right; background-repeat: no-repeat; } #prodFeature { background-color: #E9E9E9; width: 266px; margin: 6px 4px 6px 4px; float: left; } #prodFeature .top { background-image: url('../images/feature-top.gif'); background-repeat: no-repeat; height: 6px; line-height: 6px;} #prodFeature .bot { background-image: url('../images/feature-bot.gif'); background-repeat: no-repeat; height: 6px; line-height: 6px;} #prodFeature .content { padding: 8px 15px 8px 15px; } .prodBlockPad { height: 240px; } #poweredBy { float: left; width: 272px; border-right: 3px solid #aaa; text-align: center; margin: 10px 10px 0px 0px; font-size: 95%; } #poweredBy .content { padding: 0px 40px 0px 40px; } #poweredBy a:link, #poweredBy a:visited, #poweredBy a:active {text-decoration: none; font-weight: normal; color: #666A6C;} #poweredBy a:hover {text-decoration: none; font-weight: normal; color: #434540;} #poweredBy .pipe { color: #aaa; } #featuredPress { margin: 10px 10px 0px 0px; } #featuredPress .logo { vertical-align: top; padding-right: 15px;} #featuredPress .content { } #featuredPress .headline { font-weight: bold; font-size: 130%; } #featuredPress .inThePress { font-weight: bold; color: #aaa; padding: 5px 0px 5px 0px;} .headline a:link, .headline a:visited, .headline a:active {text-decoration: none; color: #434540;} .headline a:hover {text-decoration: none; color: #f47b20;} #MyEdge { font-size: 95%; border-top: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; padding: 2px; margin: 30px 0px 10px 0px; text-align: center; } #MyEdge a:link, #MyEdge a:visited, #MyEdge a:active {text-decoration: none; font-weight: normal; color: #666A6C;} #MyEdge a:hover {text-decoration: none; font-weight: normal; color: #434540;} .signupBtn { padding: 20px 0px 0px 0px; } /* ---------------------------------- Slideshow ------------------------------------- */ #loadingSlides { text-align:center; } #homeSlideContainer { position:relative; } .slideshow { position:relative; overflow:hidden; } .slideshow div { display:none; position:absolute; top:0; left:0; z-index:0; } .slideshow div p { padding: 0px; margin: 0px; } #homeSlideshow { display:none; height:75px; } /* ---------------------------------- Contact Page ---------------------------------- */ #contact label { padding: 0px 15px 0px 0px; } #contact td { padding-top: 3px; } /* ---------------------------------- FAQ Page ---------------------------------- */ #faq { padding: 10px 20px 10px 20px; } #faq ul { margin:0 0 10px 16px; padding:0; list-style-type:square; color:#888; } #faq li { padding: 0px 0px 5px 0px; } #faq .questions { padding: 10px 0px 10px 0px; } #faq .question { padding: 0px 0px 4px 0px; font-weight: bold; } #faq .answer { padding: 0px; color: #777; } #faq .backToTop { font-size: 95%; padding: 4px 0px 20px 0px; } /* ---------------------------------- MyReputation Page ---------------------------------- */ #myrep #featureBar { margin-top:1px; background-color: #4B931C; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #myrep #featureBar .headline { font-size: 160%; padding-right: 30px; font-weight: bold; font-variant:small-caps;} #myrep #featureBar .content { font-size: 11px; padding-top: 5px; color: #fff; } #myrep ul { margin:0 0 10px 16px; padding:10px 0px 0px 20px; list-style-type:square; color:#4B931C; } #myrep li { padding: 0px 0px 2px 0px; } /* ---------------------------------- MyChild Page ---------------------------------- */ #mychild #featureBar { margin-top:1px; background-color: #8AC92C; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #mychild #featureBar .headline { font-size: 160%; padding-right: 30px; font-weight: bold; font-variant:small-caps;} #mychild #featureBar .content { font-size: 11px; padding-top: 5px; color: #fff; } #mychild ul { margin:0 0 10px 16px; padding:10px 0px 0px 20px; list-style-type:square; color:#8AC92C; } #mychild li { padding: 0px 0px 2px 0px; } /* ---------------------------------- MyPrivacy Page ---------------------------------- */ #mypriv #featureBar { margin-top:1px; background-color: #DF0000; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #mypriv #featureBar .headline { font-size: 160%; padding-right: 30px; font-weight: bold; font-variant:small-caps;} #mypriv #featureBar .content { font-size: 11px; padding-top: 5px; color: #fff; } #mypriv h2 { color: #DF0000; } #mypriv ul { margin:0 0 10px 16px; padding:10px 0px 0px 20px; list-style-type:square; color:#DF0000; } #mypriv li { padding: 0px 0px 2px 0px; } /* ------------------------------- Company Pages -------------------------------------- */ #company ul { margin:0 0 10px 16px; padding:10px 0px 0px 20px; list-style-type:square; color:#f47b20; } #company li { padding: 0px 0px 4px 0px; } #company .title { color:#f47b20; font-weight: bold; } #company .leftSide a:link.bigLink, #company .leftSide a:visited.bigLink, #company .leftSide a:active.bigLink { padding-left: 5px; text-decoration: none; font-weight: bold; color: #434540; font-size: 180%; } #company .leftSide a:hover.bigLink { padding-left: 5px; text-decoration: none; font-weight: bold; color: #666; font-size: 180%; } #company .rightSide ul { list-style: none; padding: 0px; margin: 0; color:#f47b20; } #company .rightSide li { border-top: 1px solid #bbb; padding: 3px 0px 3px 0px; } #company .rightContent a:link, #company .rightContent a:visited, #company .rightContent a:active { display: block; text-decoration: none; font-weight: normal; color: #666A6C; } #company .rightContent a:hover { display: block; text-decoration: none; font-weight: normal; color: #333; } #privacyPolicy #pageContent { padding: 10px 20px 0px 20px; } /* ------------------------------- Press Pages -------------------------------------- */ #press .logo { vertical-align: top; padding: 10px 10px 10px 0px; border-bottom: 1px solid #aaa; } #press .press_content { padding: 10px 0px 10px 0px; border-bottom: 1px solid #aaa; } #press .rightSide ul { list-style: none; padding: 0px; margin: 0; color:#f47b20; } #press .rightSide li { border-top: 1px solid #bbb; padding: 3px 0px 3px 0px; } #press .rightContent a:link, #press .rightContent a:visited, #press .rightContent a:active { display: block; text-decoration: none; font-weight: normal; color: #666A6C; } #press .rightContent a:hover { display: block; text-decoration: none; font-weight: normal; color: #333; } #press #pageContent { padding: 0px 20px 10px 20px; } #press .article {padding: 20px 0px 5px 0px; text-align: justify; font-family: "Trebuchet MS","Arial";} #press .pressContent { padding: 20px 0px 0px 0px; } #pressRoom .logo { vertical-align: top; padding: 10px 0px 10px 0px; border-bottom: 1px solid #aaa; } #pressRoom .press_content { padding: 10px 0px 0px 15px; border-bottom: 1px solid #aaa; } #pressRoom .leftCol { vertical-align: top; padding: 0px 15px 0px 0px; } #pressRoom .rightCol { vertical-align: top; padding: 0px 0px 0px 15px; border-left: 3px solid #eee; } #pressRoom .mainTable { margin: 0px 15px 0px 15px; } #pressRoom .mainTop { border-bottom: 2px solid #aaa; } #vidPress .logo { vertical-align: top; padding: 10px 10px 0px 0px; border-bottom: none; border-top: 1px solid #aaa; } #vidPress .press_content { padding: 10px 0px 10px 0px; border-bottom: none; border-top: 1px solid #aaa; } #pressArchive .logo { vertical-align: top; padding: 10px 10px 0px 0px; border-bottom: 1px solid #aaa; } #pressArchive .press_content { padding: 10px 0px 20px 0px; border-bottom: 1px solid #aaa; } /* ------------------------------- Registration Pages -------------------------------------- */ label { } #reg .optional { } #reg .lightgrey { color: #777; padding-right: 5px; } #reg h3 { color: #f47b20; } #reg .childName { font-size: 95%; padding: 7px 0px 4px 5px; } #reg .childName input { background-color: #FEFDD7; } /* ------------------------------- MyRD Pages -------------------------------------- */ #myrep_buttons { font-size: 95%; background-color: #666; text-align: center; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; border-top: 1px dashed #ddd;} #myrep_buttons a:link, #myrep_buttons a:visited, #myrep_buttons a:active {text-decoration: none; font-weight: normal; color: #bbb;} #myrep_buttons a:hover {text-decoration: none; font-weight: normal; color: #fff;} #myrep_buttons li { margin-bottom: 0.6em; display: inline; padding: 0px 20px 0px 20px; } #myrep_buttons ul{ margin: 0; padding: 0px 0px 5px 0px; list-style: none; clear: both; } #myrep_buttons a { font-weight: normal; text-decoration: none; padding: 6px 6px; position: relative; white-space: nowrap; } #myrep_buttons a.current { color: #fff; font-weight: bold; background: url(../images/menu-primary-current.gif) 50% 100% no-repeat; } #myRD h2 { margin: 2px 0px 5px 0px ; color: #f47b20; font-size: 190%; } #myRD .darkGreyBG { border-top: 1px solid #888; background-color: #DDD; color: #888;} #myRD .darkGreyBG a:link.greythin, #myRD .darkGreyBG a:visited.greythin, #myRD .darkGreyBG a:active.greythin {text-decoration: underline; font-weight: normal; color: #666;} #myRD .darkGreyBG a:hover.greythin {text-decoration: underline; font-weight: normal; color: #333;} #myRD .composeLink { padding-bottom: 5px; } #myRD .scrollBox{ height: 200px; overflow: auto; } #myRD .scrollBox60{ height: 60px; overflow: auto; } #myRD .scrollBox80{ height: 80px; overflow: auto; } #myRD .scrollBox100{ height: 100px; overflow: auto; } #myRD .scrollBox120{ height: 120px; overflow: auto; } #myRD .scrollBox200{ height: 200px; overflow: auto; } #myRD ul { list-style: none; padding: 0px; margin: 0; color:#f47b20; } #myRD li { border-top: 1px solid #bbb; padding: 3px 0px 3px 0px; } #myRD .rightContent a:link, #myRD .rightContent a:visited, #myRD .rightContent a:active { display: block; text-decoration: none; font-weight: normal; color: #666A6C; } #myRD .rightContent a:hover { display: block; text-decoration: none; font-weight: normal; color: #333; } #myRD .innerLinks { color: #666A6C; } #myRD .sublinks { padding: 0px 0px 5px 15px; font-size: 98%;} #myRD .sublinks a { padding: 1px 0px 2px 0px; } #myRD .rightButton { border-top: 1px solid #bbb; padding: 3px 0px 3px 0px; } #myRD label { font-weight: bold; } #myRD label .optional { } #myRD .catName { background-image: url('../images/horizline.gif'); padding-left: 5px; padding-top: 5px; padding-bottom: 4px; font-size: 9px; color: #1B548A; } #myRD #additionalInfo label { padding: 0px 0px 0px 20px; } #myRD #cctable { padding-left: 30px; } #MyReputation #featureBar { margin-top:1px; background-color: #4B931C; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #MyReputation h2 { color: #4B931C; } #MyChild #featureBar { margin-top:1px; background-color: #8AC92C; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #MyChild h2 { color: #8AC92C; } #member_featureBar { margin-top:1px; background-color: #f47b20; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #member_featureBar .headline { font-size: 140%; padding-right: 30px; font-weight: bold; } #MyPrivacy #featureBar { background-color: #DF0000; color: #fff; padding: 5px 20px 5px 20px; vertical-align: top; } #MyPrivacy a:link, #MyPrivacy a:visited, #MyPrivacy a:active { text-decoration: none; font-weight: bold; color: #DF0000; } #MyPrivacy a:hover { text-decoration: none; font-weight: bold; color: #ab0000; } #MyPrivacy h2 { color: #DF0000; } #MyPrivacy .rightContent-header { color: #DF0000; } #MyPrivacy ul { list-style: none; padding: 0px; margin: 0; color:#DF0000; } #MyPrivacy .inputSubmit { background-color: #DF0000; border: 1px solid #DF0000; color: #FFF; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 12px; font-weight: bold; } #MyPrivacy .inputButton { background-color: #FFF; border: 1px solid #DF0000; color: #DF0000; font-family: "Trebuchet MS","Arial","Helvetica"; font-size: 12px; font-weight: normal; } /* ---------------------------------- Jobs Page ------------------------------------- */ .jobContent { padding: 10px; margin: 5px 0px 5px 8px ; border: 1px solid #f47b20; width: 100%; color: #434540; } .jobContent ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:square;} .jobContent li { padding: 0px 0px 0px 0px; margin:0px; color: #434540; } .jobContent h3 { margin-top: 0px; font-size: 130%; color: #f47b20; margin-bottom: 10px; } #company a.spinClosed:link, #company a.spinClosed:visited, #company a.spinClosed:hover, #company a.spinClosed:active { float:left; background:url('../images/arrow_right_gray.gif') no-repeat left center; padding-left:10px; text-decoration:none; } #company a.spinOpen:link, #company a.spinOpen:visited, #company a.spinOpen:hover, #company a.spinOpen:active { float:left; background:url('../images/arrow_down_blue.gif') no-repeat left center; padding-left:10px; text-decoration:none; color: #434540; } /* ---------------------------------- Dashboard Page --------------------------------------- */ #referCallout { background-image: url('../images/getFreeMonths.gif'); background-repeat: no-repeat; height: 200px; cursor: pointer;} #referCallout .content { padding: 160px 0px 0px 5px; text-align: center; } #reg3 { margin: 30px 20px 0px 40px; } #reg3 #referCallout { background-image: url('../images/getFreeMonths.gif'); width: 170px; background-repeat: no-repeat; height: 200px; cursor: pointer; float: left; } #reg3 #referCallout .content { padding: 160px 0px 0px 5px; text-align: center; } #reg3 #continueButton { background-image: url('../images/continueSignup.gif'); width: 240px; height:140px; cursor: pointer; float: right; } #reg3 #continueButton .content { padding: 122px 0px 0px 5px; font-size: 95%; color: #f47b20; text-align: left; } /* ---------------------------------- MyPrivacy Report ------------------------------------- */ #myp h2 { color: #DF0000; padding: 0px; margin: 0px;} #myp a:link, #myp a:visited, #myp a:hover, #myp a:active { color: #DF0000; } #reportTable { font-size: 11px; } #reportTable .headers { color: #999; font-weight: normal; padding-top: 5px;} #reportTable .innerTable { padding-left: 50px; } #reportTable .innerTableContent { font-size: 11px; color: #666; } #reportTable .topBorderRow { border-top: 1px solid #DDD ; } .reportTable { font-size: 11px; } .reportTable .headers { color: #999; font-weight: normal; padding-top: 5px;} .reportTable .innerTable { padding-left: 50px; } .reportTable .innerTableContent { font-size: 11px; color: #666; } .reportTable .topBorderRow { border-top: 1px solid #DDD ; } a.spinClosed:link, a.spinClosed:visited, a.spinClosed:hover, a.spinClosed:active { display:block; float:left; background:url('../images/arrow_right_gray.gif') no-repeat left center; padding-left:8px; text-decoration:none; } a.spinOpen:link, a.spinOpen:visited, a.spinOpen:hover, a.spinOpen:active { display:block; float:left; background:url('../images/arrow_down_blue.gif') no-repeat left center; padding-left:8px; text-decoration:none; } a.expandLink:link, a.expandLink:visited, a.expandLink:hover, a.expandLink:active { float:right; padding:0 0 5px 14px; margin:0 0 0 12px; font-size: 90%;} a.hideLink:link, a.hideLink:visited, a.hideLink:hover, a.hideLink:active { float:right; display:none; padding:0 0 5px 14px; margin:0 0 0 12px; font-size: 90%; } #reportCart th { color: #bbb; border-bottom: 1px solid #bbb; font-size: 90%; } #reportCart td { font-size: 90%; padding: 1px 0px 1px 0px;} /* ----- word list styles ----- */ /* Handles formatting of sentence examples */ .vocabWord p { margin:0; } ol.examples { margin:0; padding:0; list-style-type:none; } ol.examples li { padding:0 0 10px 15px; line-height:130%; background:url(../images/bullet.gif) no-repeat 0 5px; } ol.examples li b { color:#444; } .vocabWord ol.examples { float:left; } #vocabWordList, #lessonList { border-bottom:1px solid #ccc; clear:both; } .vocabWord { height:34px; overflow:hidden; cursor:pointer; } .lessonGroup { height:35px; overflow:hidden; } .vocabWordContent, .lessonGroupContent { border-top:1px solid #ccc; } .wordBasics { padding:7px 0 3px; font-size:120%; } .wordDetails { padding:0px 10px 15px 10px; font-size: 95%; } .itemDetails { padding: 4px 0px 0px 15px; } .itemDetails .content10 { color: #999; } .vocabWord p { float:left; } .vocabWord p.word, .vocabWord p.key { width:50%; padding-left:5px; } .vocabWord ol.examples, .vocabWord p.definition { width:40%; } .vocabWord p.word { font:bold 100% Georgia; color:#333; } .vocabWord p.key { font-size:90%; font-style:italic; } .vocabWord p.key em { font-size:120%; color:#222; display:block; } .vocabWord p.definition { padding:3px 0 8px; font-size:90%; color:#444; } /* Changes the colors of text and background image when word in list is clicked */ .highlightRow { background:url(../images/bg_vocabWord.gif) repeat-x 0 0; } .highlightRow p.word, .highlightRow p.definition, .highlightRow .lessonGrpHdr h3 { color:#1D8FA8; } h3.math { margin-left:10px;font-size:100%;color:#666; } .highlightRow .lessonGrpHdr h3 { background:url(../images/arrow_down_blue.gif) no-repeat left center; padding:0 0 0 12px; } .highlightRow .wordDetails, .highlightRow .progressDetails { background: url(../images/bg_wordDetails.gif) repeat-x bottom; } .highlightRowOnly p.word, .highlightRowOnly p.definition { color:#1D8FA8; } /* Handles link style and position of 'word details' link in word list */ a.detailsLink:link, a.detailsLink:visited, a.detailsLink:hover, a.detailsLink:active { display:block; background: url('../images/arrow_right_gray.gif') no-repeat left center; padding:0 0 0 8px; margin: 0; } /* ------------------------------- */ /* ---------------------------------- MyPrivacy Report ------------------------------------- */ #removeCartTable { } #removeCartTable th { border-top: 1px solid #ccc; border-bottom: 2px solid #888; color: #aaa;} #removeCartTable td { border-bottom: 1px solid #ccc; } /* ----- clear fix for floats ----- */ /* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */ /* without this class applied, a float might hang over the bottom border of it's container */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display: inline-block; } /* hides clearfix from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* end hide from IE-mac */ /* tables */ table.tablesorter { margin: 0px 0pt 15px; font-size: 85%; width: 100%; text-align: left; } /*table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; }*/ table.tablesorter th { background-color: #DDDDDD; border-top: 1px solid #888; } table.tablesorter thead tr .header { background-image: url(../images/bg_arrow.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter thead th.blank{ background-image: none; } table.tablesorter tbody td { color: #3D3D3D; background-color: #F9F9F9; vertical-align: top; border-bottom: 1px solid #ddd; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url(../images/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(../images/desc.gif); } /*table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } */ #pageContent * { padding: 0; margin: 0; } #affiliate_left { width: 530px; float: left; } #affiliate_left .gutter { padding: 30px; } #affiliate_left h2 { display: block; overflow: hidden; text-indent: -999em; } #affiliate_left h2#sellrd { height: 70px; width: 450px; background: url(../images/sellrd.gif) top left no-repeat; } #affiliate_left h2#whyresell { height: 40px; width: 450px; background: url(../images/whyresell.gif) top left no-repeat; } #affiliate_left h2#affiliateapplication { height: 40px; width: 450px; background: url(../images/affiliateapplication.gif) top left no-repeat; } #affiliate_left h2#affiliateresourcecenter { height: 40px; width: 450px; background: url(../images/affiliateresourcecenter.gif) top left no-repeat; } #affiliate_left h2#faq { height: 40px; width: 450px; background: url(../images/faq.gif) top left no-repeat; } #affiliate_left h2#welcome { height: 40px; width: 450px; background: url(../images/welcome.gif) top left no-repeat; } #affiliate_left p { padding: 0 0 1em 20px; } #affiliate_left h3 { padding: 0 0 1em 20px; color: #f47b20; font: 1.3em/1em "Arial Black", Helvetica, sans-serif; } #affiliate_left li { list-style: none; padding: 0 0 1em 40px; background: url(../images/bullet.gif) 20px 0 no-repeat; } #howitworks { margin-bottom: 1em; } #howitworks li { padding: 2em 0 0em 90px; list-style: none; height: 50px; } #howitworks li#link { padding: 1em 0 0em 90px; background: url(../images/icon_link.gif) 20px 0 no-repeat; } #howitworks li#sale { background: url(../images/icon_sale.gif) 24px 0 no-repeat; } #howitworks li#check { background: url(../images/icon_check.gif) 15px 0 no-repeat; } #affiliate_right #howitworks { margin: 0em; } #affiliate_right #howitworks li { padding: 0em 0 0em 70px; list-style: none; height: 80px; font-size: 0.9em; } #affiliate_right #howitworks li#link { background: url(../images/icon_link.gif) 5px 0 no-repeat; } #affiliate_right #howitworks li#sale { padding: 20px 0 0em 70px; height: 60px; background: url(../images/icon_sale.gif) 5px 0 no-repeat; } #affiliate_right #howitworks li#check { padding: 20px 0 0em 70px; height: 60px; background: url(../images/icon_check.gif) 0 0 no-repeat; } #affiliate_left form, #affiliate_left #thankyou { background: #eee; padding: 20px; border: 1px solid #ddd; } #affiliate_right { float: right; width: 278px; } #affiliate_right .gutter { padding: 30px 30px 30px 0; } #affiliate_right h2#applynowbutton a { display: block; width: 247px; height: 110px; background: url(../images/applynow.gif) top left no-repeat; overflow: hidden; text-indent: -999em; } #affiliate_right h2#cj_button a { display: block; width: 247px; height: 110px; background: url(../images/cj_button.gif) top left no-repeat; overflow: hidden; text-indent: -999em; margin-bottom: 20px; } #affiliate_right li { margin: 0 2em 1em 2em; color: #666; } #affiliate_right h3 { margin: 0 0 1em 0; color: #f47b20; } #affiliate_right .box { background: url(../images/bg-right-top.gif) top left no-repeat; width: 247px; } #affiliate_right .box .inside { background: url(../images/bg-right-bottom.gif) bottom left no-repeat; padding: 22px; } #affiliate_right h2#partnershipdocuments { display: block; width: 200px; height: 24px; overflow: hidden; text-indent: -999em; background: url(../images/partnershipdocuments.gif) top left no-repeat; } #affiliate_right h2#howtheprogramworks { display: block; width: 200px; height: 24px; overflow: hidden; text-indent: -999em; background: url(../images/howtheprogramworks.gif) top left no-repeat; } #affiliate_right h2#logosandbranding { display: block; width: 200px; height: 24px; overflow: hidden; text-indent: -999em; background: url(../images/logosandbranding.gif) top left no-repeat; } #affiliate_right .box li { list-style: none; padding: 15px 0 20px 65px; margin: 0; font-size: 0.95em; } #affiliate_right #docs1 { background: url(../images/pdf.gif) left top no-repeat; padding: 15px 0 40px 65px; } #affiliate_right #logo1 { background: url(../images/thumb_branding.gif) left center no-repeat; padding: 25px 0 30px 65px; } #affiliate_right #logo2 { background: url(../images/thumb_logo.gif) left center no-repeat; } #affiliate_right #logo2a { background: url(../images/thumb_logo_horiz.gif) left center no-repeat; } #affiliate_right #logo3 { background: url(../images/thumb_mp.gif) left center no-repeat; } #affiliate_right #logo4 { background: url(../images/thumb_mc.gif) left center no-repeat; } #affiliate_right #logo5 { background: url(../images/thumb_mr.gif) left center no-repeat; } #affiliate_right #logo6 { background: url(../images/thumb_searchdestroy.gif) left center no-repeat; } #affiliate_right #logo7 { background: url(../images/thumb_me.gif) left center no-repeat; } #affiliate_left .ad_wrapper { padding: 0 0 1em 20px; } #affiliate_left .ad_wrapper h4 { font: bold 1.3em/1em Arial, Helvetica, sans-serif; margin-bottom: .3em; } #affiliate_left .ad_wrapper h5 { font: bold .95em/1em Arial, Helvetica, sans-serif; margin-bottom: .3em; } #affiliate_left .ad_box { background: #eee; padding: 7px; border: 1px solid #ddd; } #affiliate_left .ad_box img { float: left; border: 1px solid #ddd; } #affiliate_left .ad_box .ad_code { float: right; width: 320px; } #affiliate_left .ad_box .ad_code label { display: block; font-size: 0.95em; } #affiliate_left .ad_box .ad_code textarea { display: block; font-size: 0.95em; border: 1px solid #ddd; margin-bottom: 10px; width: 310px; height: 1.1em; overflow: hidden; } #affiliate_left .ad_box .ad_code textarea.last { margin-bottom: 0px; } .clear { clear: both; }