/* ---------------------------------------------------- * REPORTWATCH - MAIN STYLESHEET * ---------------------------------------------------- * @Author David Candreva * @Inventis www.inventis.be * @Create 09-08-07 * @Changes 29-08-08 by David Candreva * ---------------------------------------------------- */ body{background-color:#17273E;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#192A43} #extraBody{background-color:#FFF;margin-top:4px;overflow:hidden} #siteContainer{width:959px;margin:0 auto; overflow:hidden} #siteContainer .breadcrumb{margin-top:-20px;margin-left:30px;font-size:13px;color:#E7EAEC;font-style:italic} a{text-decoration:none;color:black} a img{border:none} h1,h2,h3,h4{margin:0;padding:0;color:#DD8112;font-weight:bold} strong{font-weight:bold} em{font-style:italic} /* ---------------------------------------------------- * siteHeader * ---------------------------------------------------- */ #siteHeader{width:959px;height:246px;background:#FFF url(/design/images/layout/siteHeader.jpg) no-repeat left bottom} #siteHeader h1{background:url(/design/images/layout/reportwatch.gif?y=2010) no-repeat right center;height:43px;width:181px;float:right;margin-right:14px;display:inline} #siteHeader h1 a{display:block;height:43px;width:181px} #siteHeader h1 a span{display:none} #siteHeader ul{clear:right;margin:0;padding:0;width:959px;overflow:hidden;height:26px} #siteHeader ul li{float:left;list-style:none;display:inline;margin-left:50px} #siteHeader ul li a{padding:0 7px;color:#3B5172;height:26px;line-height:26px;display:block;float:left} #siteHeader ul li a:hover{background:url(/design/images/layout/hover.gif) repeat-x bottom left} #siteHeader ul li a.active{background:url(/design/images/layout/hover.gif) repeat-x bottom left} #siteHeader #left{float:left;width:24px} #siteHeader #left a{display:block;font-size:0px;text-indent:-9000px;width:11px;margin:0 auto} #siteHeader #left a#contact{background:url(/design/images/layout/email.gif) no-repeat 0 0;height:8px;margin-top:117px} #siteHeader #left a#home{background:url(/design/images/layout/home.gif) no-repeat 0 0;height:9px;margin-top:10px} #siteHeader blockquote{font-size:18px;color:#FFF;float:right;width:270px;margin:0;margin:5px 5px 0 0;display:inline;line-height:18px} #siteHeader cite{clear:right;float:right;margin:0;margin:5px 5px 0 0;font-size:14px;width:270px;line-height:16px} /* ---------------------------------------------------- * siteContent * ---------------------------------------------------- * IE6 min height fix * ---------------------------------------------------- */ #siteContent{overflow:hidden; margin-top:28px;background:url(/design/images/layout/siteContent_tile.gif) repeat-y 0 0;width:100%} /*#siteContent{overflow:hidden;height:auto !important;height:450px; min-height:450px;margin-top:28px;background:url(/design/images/layout/siteContent_tile3.gif) repeat-y 0 0} */ #siteContainer .reportessentialscontent{background:url(/design/images/layout/siteContent_tile2.gif) repeat-y 0 0} #siteContainer .aronarContent{background:url(/design/images/layout/siteContent_tile3.gif) repeat-y 0 0} #siteContainer .reportessentialscontent #siteLeftNav{width:162px !important;float:left;margin-bottom:50px} #siteContent #siteLeftNav{width:142px !important;float:left;margin-bottom:50px} #siteContent #siteLeftNav ul{margin:0;padding:0} #siteContent #siteLeftNav ul li{list-style:none;height:35px;background:transparent url(/design/images/layout/stripes_nav.gif) no-repeat left bottom} #siteContent #siteLeftNav ul li a{display:block;height:35px;line-height:35px;padding-left:17px;background:url(/design/images/layout/bullet_oranje.gif) no-repeat 4px center;font-size:12px} #siteContent #siteLeftNav ul li a.active{background-color:#EAEEF1;color:#17273E} #siteContent #siteLeftNav ul li a.active2{background:#F6F6F6 url(/design/images/layout/testimonial_bg.gif) no-repeat 5px 15px; color:#17273E} #siteContent #siteLeftNav ul li a:hover{text-decoration:underline} #siteContent #siteLeftNav ul li.sub a{font-size:10px;padding-left:12px;color:#666;background-image:url(/design/images/layout/testimonial_bg.gif);background-repeat:no-repeat;background-position:0px 15px} #siteContent #siteLeftNav ul.more li a span {display:block; background:url(/design/images/more-white.png) no-repeat 90% 2px;} #siteContent #siteLeftNav ul.more li a.active span {background:url(/design/images/more-gray.png) no-repeat 90% 2px;} #siteContent #siteLeftNav ul li a span.service {display:block; background:url(/design/images/newservice.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.links {display:block; background:url(/design/images/newlinks.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.prices {display:block; background:url(/design/images/newprices.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.list {display:block; background:url(/design/images/new-list.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.link {display:block; background:url(/design/images/new-links.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.book {display:block; background:url(/design/images/new-books.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.featured {display:block; background:url(/design/images/featured.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.soon {display:block; background:url(/design/images/coming-soon.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.panel {display:block; background:url(/design/images/panel-members.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.tool {display:block; background:url(/design/images/new-tools.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.ranking {display:block; background:url(/design/images/new-ranking.png) no-repeat 95% 50%;} #siteContent #siteLeftNav ul li a span.rating {display:block; background:url(/design/images/rating-scale.png) no-repeat 95% 50%;} #siteContent #mainContent{width:413px;float:left;margin:0 9px} #siteContainer .aronarContent #mainContent{width:798px;float:left;margin:0 9px} /*#siteContent #mainContent{width:519px;float:left;margin:0 9px} */ #siteContent #mainContent .box{width:100%;overflow:hidden;padding-bottom:30px} #siteContent #mainContent .box h2{font-size:18px;font-weight:normal;margin-bottom:2px} #siteContent #mainContent .box h2.sub{font-size:14px;font-weight:bold} #siteContent #mainContent .box h3{background:#E7EAEC url(/design/images/layout/bullet_h3.gif) no-repeat 9px 5px;padding-left:16px;font-size:11px;font-weight:normal;color:#192A43;line-height:15px;height:auto;margin-top:2px;margin-bottom:5px} #siteContent #mainContent .box h3.sub{font-size:10px} #siteContent #mainContent .box h3.nobullet{background:#E7EAEC;padding-left:2px;font-size:11px;font-weight:normal;color:#192A43;line-height:15px;height:15px;margin-top:2px} #siteContent #mainContent .box .content{width:100%;line-height:20px;overflow:hidden;height:auto} #siteContent #mainContent .box .content strong{color:#314B72} #siteContent #mainContent .box a.npPick{color:#314B72; font-size:18px;text-decoration:none;font-weight:bold} #siteContent #mainContent .box .content h1{color:#314B72; font-size:16px} #siteContent #mainContent .box .content h2{font-size:15px;font-weight:bold} /*#siteContent #mainContent .box .content h2 strong{font-size:15px;font-weight:normal} */ #siteContent #mainContent .box .content a{color:#DD8112;text-decoration:underline} #siteContent #mainContent .box .content a:hover{text-decoration:none} #siteContent #mainContent .box .content a#reportCover{float:left;border:2px solid #EAEEF1} #siteContent #mainContent .box .content a#reportCover:hover{border:2px solid #DD8112} #siteContent #mainContent .box .content a#reportCover2{/*float:left;*/ border:2px solid #EAEEF1; display:block; width:172px;} #siteContent #mainContent .box .content a#reportCover2:hover{border:2px solid #DD8112} #siteContent #mainContent .box .content ul, #siteContent #mainContent .box .content ol{margin-left:25px;*margin-left:35px} #siteContent #mainContent .box .content a img {border:2px solid #EAEEF1;} #siteContent #mainContent .box .content a:hover img {border:2px solid #DD8112;} #siteContent #mainContent .box .content ul li{list-style:square;list-style-position:outside} #siteContent #mainContent .box .content ul li li{list-style:disc;list-style-position:outside} #siteContent #mainContent .box .content ol li{list-style:decimal;list-style-position:outside} #siteContent #mainContent .box .content ol li ul li{list-style:square;list-style-position:outside} #siteContent #mainContent .box .content ol li ul li ul li{list-style:disc;list-style-position:outside} #siteContent #mainContent .box .content ul li ol li{list-style:decimal;list-style-position:outside} #siteContent #mainContent .box .content a.changeImageLink{display:block;height:16px;width:12px;text-align:center;text-decoration:none;padding:2px;border:1px solid #192A43;color:#192A43;font-weight:bold;float:left;margin-top:5px;margin-right:4px} #siteContent #mainContent .box .content a.changeImageLink:hover, #siteContent #mainContent .box .content a.changeActive{background-color:#192A43;color:#FFF} #siteContent #mainContent .box .content .reportRating{width:110px;background:url(/design/images/layout/rating/stars.gif) no-repeat top left;float:left} #siteContent #mainContent .box .content .reportRating .rating{display:block;background:url(/design/images/layout/rating/stars_rating.gif) no-repeat top left;text-indent:-9000px} #siteContent #mainContent .box .content #ratingText{float:left;margin-top:-2px;font-size:10px;color:#314B72} #siteContent #mainContent .box .content h2.reportTitle{border-bottom:1px solid #314B72;margin-bottom:3px} #siteContent #mainContent .box .content h2.reportTitle small{font-size:11px;color:#314B72} #siteContent #mainContent .box .content .ratingScale{padding:10px;border:1px solid #E7EAEC;background-color:#FCFCFC} #siteContent #mainContent .box .content .ratingScale .reportRating{clear:left} #siteContent #mainContent .box .content .ratingScale small{font-size:10px} #siteContent #mainContent .box .content .ratingScale p{line-height:12px;padding-top:2px} #siteContent #mainContent .box .content a.pdfLink{line-height:18px;float:right;font-size:11px;padding-left:12px;background:url(/design/images/icons/icon_pdf.gif) no-repeat 0px 3px} #siteContent #mainContent .box .content a.faq{display:block;border-bottom:1px dotted #a3abb4;padding:5px 2px;background:url(/design/images/layout/testimonial_bg.gif) no-repeat 2px 50%;padding-left:14px;text-decoration:none;color:#192A43} #siteContent #mainContent .box .content a.faq:hover{background-color:#eaeef1;text-decoration:underline} #siteContent #mainContent .box .content #curFaq{display:block;border-bottom:1px dotted #a3abb4} #siteContent #mainContent .box .content #curFaq div#text{margin:2px 5px 2px 14px} #siteContent #mainContent .box .content #curFaq strong#q{display:block;padding-left:14px;background:#eaeef1 url(/design/images/layout/testimonial_bg.gif) no-repeat 2px 50%} #siteContent #mainContent .box .content a.ourpick{width:100px;height:100px;display:block;float:left;border:1px solid #17273E;padding:5px;color:#17273E;font-weight:bold;text-decoration:none;margin:5px;position:relative;line-height:14px} #siteContent #mainContent .box .content a.ourpick span{bottom:0;position:absolute;padding:5px 5px 5px 0} #siteContent #mainContent .box .content a.ourpick:hover{color:#FFF;background-color:#17273E} #siteContent #mainContent h1#report{background:url(/design/images/layout/reportwatch.gif) no-repeat left center;height:43px;width:164px;float:left;margin-right:14px;display:inline} #siteContent #mainContent h1#report a{display:block;height:43px;width:164px} #siteContent #mainContent h1#report a span{display:none} #siteContent #mainContent .box a.imageLink{display:block;float:left;border:2px solid #EAEEF1} #siteContent #mainContent .box a.imageLink:hover{border:2px solid #DD8112} #siteContent #mainContent .box a.clear{clear:both} #siteContent #mainContent .box a.reportLink{display:block;float:left;border:2px solid #EAEEF1;margin:5px 2px 0 5px} #siteContent #mainContent .box a.reportLink:hover{border:2px solid #DD8112} #siteContent #mainContent .box a.reportLinkHome{display:block;float:left;border:2px solid #EAEEF1;margin:4px 2px 0 4px} #siteContent #mainContent .box a.reportLinkHome:hover{border:2px solid #DD8112} #siteContent #mainContent .box ul#pageImages{padding:5px 0px;overflow:hidden} #siteContent #mainContent .box ul#pageImages li{float:none;overflow:hidden;display:inline} #siteContent #mainContent .box ul#pageImages li a{border:2px solid #EAEEF1;display:block;float:left;margin:2px 3px 2px 0px;width:96px;height:70px;overflow:hidden} #siteContent #mainContent .box ul#pageImages li a img{margin-left:-6px} #siteContent #mainContent .box ul#pageImages li a:hover{border:2px solid #DD8112} #siteContent #mainContent .box ul#pageFiles{padding:5px 0px;overflow:hidden} #siteContent #mainContent .box ul#pageFiles li{} #siteContent #mainContent .box ul#pageFiles li a{line-height:18px;padding-left:12px; background:url(/design/images/icons/icon_file.gif) no-repeat 0px 3px} #siteContent #mainContent .box ul#pageFiles li a.pdf{background:url(/design/images/icons/icon_pdf.gif) no-repeat 0px 3px} #siteContent #mainContent .box ul#pageFiles li a.doc{background:url(/design/images/icons/icon_doc.gif) no-repeat 0px 3px} #siteContent #mainContent .box ul#pageFiles li a.xls{background:url(/design/images/icons/icon_xls.gif) no-repeat 0px 3px} #siteContent #mainContent .box ul#pageFiles li a:hover{text-decoration:underline} #siteContent #mainContent .box ul#pageLinks li{line-height:14px;padding:5px 5px 5px 16px; background:url(/design/images/layout/testimonial_bg.gif) no-repeat 5px 12px;border-bottom:1px solid #D7D8DA} #siteContent #mainContent .box ul#pageLinks li .title{font-size:11px} #siteContent #mainContent .box .testimonial{overflow:hidden;margin-bottom:15px} #siteContent #mainContent .box .testimonial .text{padding:10px;background-color:#EAEEF1;line-height:24px} #siteContent #mainContent .box .testimonial .text .quote{font-size:20px;font-weight:bold} #siteContent #mainContent .box .testimonial .name{margin-top:5px;text-align:right;font-size:11px} /*#siteContent #mainContent .box .testimonial{display:block;padding:5px;border-bottom:1px solid #D7D8DA;background:url(/design/images/layout/testimonial_bg.gif) no-repeat 5px center;padding-left:20px;text-decoration:none} #siteContent #mainContent .box strong.testimonial{color:#DD8112;padding:0 0 5px 0;background:none} #siteContent #mainContent .box a.testimonial:hover{text-decoration:underline;background-color:#EAEEF1} */ #siteContent #mainContent .box .reportEssential{overflow:hidden;margin-bottom:15px} #siteContent #mainContent .box .reportEssential a.link{text-decoration:none;color:#314B72;font-weight:bold} #siteContent #mainContent .box .reportEssential .text{padding:10px;background-color:#EAEEF1} #siteContent #mainContent .box .reportEssential .author{text-align:right;font-size:11px} #siteContent #mainContent .box .topitem{overflow:hidden;width:100%; margin-top:10px} #siteContent #mainContent .box .topitem h4{height:25px;line-height:25px;background:#E7EAEC;color:#17273E;margin-bottom:5px;font-size:16px} #siteContent #mainContent .box .topitem .tekst{float:left;width:230px;padding:5px 0 0 4px;line-height:18px;text-align:justify} #siteContent #mainContent .box .topitem h4 span{background:#17273E;padding:2px 6px 2px 6px;font-size:16px;color:white} #siteContent #mainContent .box .topitem .image{width:175px;float:right;text-align:center} #siteContent #mainContent .box .topitem .image img{margin:0 auto;text-align:center} #siteContainer .reportessentialscontent #mainContent{width:529px} #siteContent .niceForms{overflow:hidden;margin-top:6px} #siteContent .niceForms fieldset{margin:0;padding:0;border:none} #siteContent .niceForms .entry{color:#DF8922;overflow:hidden;width:100%;margin-bottom:3px;background-color:#F3F6F8;padding:4px} #siteContent .niceForms .entry label{width:100%;display:block;color:black} #siteContent .niceForms .entry .btn{background:url(/design/images/layout/btn.gif) no-repeat 0 0;border:none;width:73px;height:20px;color:#000;float:right;margin-right:15px} #siteContent .niceForms .entry input, #siteContent .niceForms .entry textarea{width:390px;border:1px solid #D4D8DD} #siteContent .niceForms .error input, #siteContent .niceForms .error textarea{border:1px solid #F48282;background-color:#FFF8F8} #siteContent .niceForms .error .errorMsg{color:#E36154; background:url(/design/images/icons-webadmin/error.gif) no-repeat 0 2px;line-height:18px;padding:2px 0 0 18px} #siteContent .niceForms form{display:inline} #siteContent #siteNewsFlash{width:136px;float:left} #siteContent #siteNewsFlash .box{background:#E7EAEC url(/design/images/layout/newsflash_bullet.gif) no-repeat 8px 13px;margin:20px 9px 0 8px;padding:8px;padding-left:18px} #siteContent #siteNewsFlash .box a{text-decoration:underline;color:#1A2C44;display:block;line-height:15px} #siteContent #siteNewsFlash .box a:hover{text-decoration:none} #siteContent #siteNewsFlash .box a.readmore{font-size:11px;margin-top:8px;color:black;letter-spacing:1px} /*#siteContent #siteNewsFlash{} #siteContent #siteNewsFlash .box{background:#E7EAEC url(/design/images/layout/newsflash_bullet.gif) no-repeat 8px 13px;margin:0px 0px 5px 0px;padding:8px;padding-left:18px} #siteContent #siteNewsFlash .box a{text-decoration:underline;color:#1A2C44;display:block;line-height:15px} #siteContent #siteNewsFlash .box a:hover{text-decoration:none} #siteContent #siteNewsFlash .box a.readmore{font-size:11px;margin-top:8px;color:black;letter-spacing:1px} */ #siteContent #generalReport{width:241px;float:left;margin-left:9px;overflow:hidden} /*#siteContent #generalReport{width:271px;float:left;margin-left:9px} */ #siteContent #generalReport h2{font-size:16px;margin-bottom:4px} #siteContent #generalReport h3{background:#E7EAEC url(/design/images/layout/bullet_h3.gif) no-repeat 9px 5px;padding-left:16px;font-size:11px;font-weight:normal;color:#192A43;line-height:15px;height:auto;margin-top:2px;margin-bottom:5px} #siteContent #generalReport .reportItem{margin-bottom:30px;width:100%;overflow:hidden} #siteContent #generalReport .reportItem a{text-decoration:underline} #siteContent #generalReport .reportItem a:hover{text-decoration:none} #siteContent #generalReport .reportItem a.reportimage{border:2px solid #EAEEF1; float:left;margin:0 5px 5px 0;text-decoration:none} #siteContent #generalReport .reportItem a.reportimage:hover{border:2px solid #DD8112} #siteContent #generalReport .reportItem .absolute{width:120px;float:left;overflow:hidden;height:auto} /*#siteContent #generalReport .reportItem .absolute{width:140px;float:left} */ #siteContent #generalReport .reportItem .absolute h4{font-size:13px;margin-bottom:4px;line-height:15px} #siteContent #generalReport .reportItem .absolute a{text-decoration:underline;font-size:11px;padding-left:12px;margin-top:4px;line-height:15px} #siteContent #generalReport .reportItem .absolute a:hover{text-decoration:none} #siteContent #generalReport .reportItem .absolute a.pdf{background:url(/design/images/layout/pdf.gif) no-repeat 0 center;line-height:15px} #siteContent #generalReport .reportItem .absolute a.readmore{background:url(/design/images/layout/read_more.gif) no-repeat 0 center} /* ---------------------------------------------------- * siteFooter * ---------------------------------------------------- */ #siteFooter{color:#FFF;width:959px;margin:0 auto;clear:both} #siteFooter a img{float:left;margin-top:5px} #siteFooter h4{margin-top:14px;width:450px;float:left;text-align:center;font-style:italic;color:#E7EAEC;font-size:13px} #siteFooter ul{margin:0;padding:0;float:right} #siteFooter ul li{list-style:none;float:left;margin-left:12px; margin-top:15px} #siteFooter ul li a{color:#FFF;font-size:11px;float:left} #siteFooter ul li a:hover{text-decoration:underline} #siteFooter ul li.credits{margin-left:25px; margin-top:8px} #siteFooter ul li.credits a{background:url(/design/images/layout/credits.gif) no-repeat 0 0;width:74px;height:22px;text-indent:-9000px;font-size:2px} #siteFooter ul li.credits a:hover{background:url(/design/images/layout/credits.gif) no-repeat 0 bottom} #mooqueeContainer { padding:15px 3px 3px 3px; width:951px; overflow:hidden;} #mooquee{overflow:hidden; line-height:18px; padding:2px 5px; clear:both; position:relative; display:block; width:949px; height:18px; /*border:1px solid #1a2a43;*/ background:#dfe4e8; margin-top:5px;} #mooquee .mooquee-text{position:absolute; white-space:nowrap;} #mooquee a { padding-right: 35px; color: #FFF; text-decoration: none; } #mooquee a:hover { text-decoration: underline; } a#btn1, a#btn2, a#btn3 {width:115px; height:115px; padding:20px 20px; display:block; color:#FFFFFF !important; font-size:18px; line-height:30px; text-align:center; background:#000; text-decoration:none !important; margin:0px 7px; font-weight:bold} a#btn1 span, a#btn2 span, a#btn3 span {text-decoration:underline; font-size:12px; color:#18273c !important; background:url(/design/images/layout/aronars/li.png) no-repeat 0px 4px; padding-left:13px;} a#btn1 {border:3px solid #559c23 ; background: #72cc33;} a#btn2 {border:3px solid #8d8c8c ; background: #999999;} a#btn3 {border:3px solid #d30707 ; background: #ff0000;} a#btn1:hover {border:3px solid #559c23 ; background: #559c23;} a#btn2:hover {border:3px solid #8d8c8c ; background: #8d8c8c;} a#btn3:hover {border:3px solid #d30707 ; background: #d30707;} div#RegPauffley {margin-top:30px} div#RegPauffley img {margin-bottom:5px} div#RegPauffley strong.title {color:#DD8112; font-size:16px; line-height:20px;} div#RegPauffley strong.sub {color:#314B72; font-size:16px; line-height:20px;}