/* Theme Name: FFP Home Theme URI: http://www.equisoft.com/ Description: Theme for French Financial Portal Author: EquiSoft Author URI: http://www.equisoft.com/ */ /* Clearfix float hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {/*zoom: 1;*/} /* for IE6/IE7 - but does not validate */ /**************/ /*** Global ***/ /**************/ * {margin:0; padding:0;} body {width:100%; padding:10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#f1f1f3;} a {text-decoration:none; color:#000;} a:hover {text-decoration:none;} a img {border:0;} h1 {height:45px; clear:left;} h2 {font-size:24px; font-weight:bold; margin-bottom:25px;} h2 span {color:#000;} h3 {font-weight:normal;} h4 {font-size:1.5em; font-weight:bold; padding:15px 0;} #container {width:1014px; margin: 0 auto; padding:0 0 10px 0;} .last {border:0 !important;} .font-size-selected {border-bottom:2px solid #000;} .alignRight, .alignright {text-align:right;} .alignLeft, .alignleft {text-align:left;} /*** Site Specific styles ***/ .siteConseiller {/*color:#18478a;*/ /*(blue)*/} .siteAvantages {/*color:#db2b36;*/ /*(red)*/} .siteAssurances {/*color:#105310;*/ /*(green)*/} #menuSections li a.siteConseiller {width:222px;} #menuSections li a.siteAvantages {width:204px;} #menuSections li a.siteAssurances {width:193px;} #menuSections li.active a.siteConseiller {width:346px;} #menuSections li.active a.siteAvantages {width:316px;} #menuSections li.active a.siteAssurances {width:304px;} /*****************/ /*** Ad Blocks ***/ /*****************/ .ad_728x90 {float:left; width:728px; height:90px; /*background-color:#E6E6E6;*/ text-align:center; clear:left; /*outline:1px solid #C6C6C6;*/} /* remove 'outline' when actual ad is in place */ /*.ad_728x90 span {display:block; color:#757575; font-size:13px; margin-top:35px;}*/ /* this rule should be removed after testing */ .ad_300x250 {width:300px; height:auto; min-height:250px; margin:0 auto; /*background-color:#E6E6E6;*/ text-align:center; clear:left; /*border-top:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6;*/} /* remove 'borders' when actual ad is in place */ /*.ad_300x250 span {display:block; color:#757575; font-size:13px; margin-top:120px;}*/ /* this rule should be removed after testing */ div.bigBox_left {float: left; margin: 0pt 15px 10px 0pt;} /******************/ /*** Top Banner ***/ /******************/ #topBanner {height:90px; padding:0;} #topBanner #headerToolBox {float:left; width:256px; height:90px; padding:0 8px; margin-left:10px; background-image:url(images/bkgd_headerBox.jpg); background-repeat:no-repeat; text-align:center;} #topBanner #headerToolBox li {list-style-type:none;float:left; padding:0 8px;} #topBanner #headerToolBox li a {display:block; float:left; height:20px; padding-top:40px; font-size:12px; /*margin-top:10px;*/ background-repeat:no-repeat;} #topBanner #headerToolBox li a.tool1 {width:90px; background-image:url(images/icon_abonnement.jpg); background-position:center 5px;} #topBanner #headerToolBox li a.tool2 {width:60px; background-image:url(images/icon_mobile.jpg); background-position:center top;} #topBanner #headerToolBox li a.tool3 {width:56px; background-image:url(images/icon_contact.jpg); background-position:center 8px;} #topBanner #headerToolBox li.sessionClose {padding:0; margin:0; /*padding-right:80px; text-align:right;*/ clear:left;} #topBanner #headerToolBox li.sessionClose a {width:120px; padding:14px 0 0 0; margin-left:70px;} #topBanner #headerToolBox li.sessionClose a:hover {/*text-decoration:underline;*/} /**************/ /*** Header ***/ /**************/ #header {position:relative; width:100%; height:44px; margin:40px 0 0 0; font-size:14px;} /* Search Box */ #searchform {display:block; position:absolute; right:0; top:0px; width:238px; height:22px; padding:5px; background-color:#fafafa; border:1px solid #ccc;} #searchform #searchterm, #searchform #s2 {width:200px; height:18px; margin:0; padding:2px 0 0 5px; background:transparent none repeat scroll 0 0; border:0 none; color:#666666; font-size:12px; font-weight:bold; vertical-align:middle;} #searchform label {height:12px; padding:2px 0 0 5px; color:#666666; font-size:12px; vertical-align:middle;} label.overlabel {position:absolute; height:16px; padding:6px 0 2px 5px; color:#999999; line-height:16px; z-index:1;} label.overlabel-hidden {display: none;} #searchform #searchsubmit {width:auto; height:auto; padding:0; border:0 none; vertical-align:middle;} #searchform input {font-size:12px; font-weight:bold;} /* Logged Menu */ #member-menu {width: 835px; /*margin-top: 30px;*/ padding-top:30px;} #member_leftCol {float:left;} #member_rightCol {float:right;} #member-menu .loginName {color:#CEAB4E; font-size:1.2em; font-weight:bold; padding-right:12px; text-transform:uppercase; vertical-align:super;} /* Text Size widget */ #textSizeBox {position:absolute; width:165px; display:block; bottom:8px; right:0px; text-align:center;} #textSizeBox li {list-style-type:none; display:inline;} /* Section Navigation */ #menuSections {/*height:40px;*/ clear:right;} #menuSections li {position:relative; bottom:0; display:block; margin:20px 3px 0 0; background-color:#d9d9da; border-left:1px solid #c5c5c5; border-top:1px solid #c5c5c5; border-right:1px solid #c5c5c5; float:left;} #menuSections li .menuCornerLeft {position:absolute; width:6px; height:5px; top:-1px; left:-1px; background-image:url(images/menuTabCorner_left.jpg); background-repeat:no-repeat;} #menuSections li .menuCornerRight {position:absolute; width:6px; height:5px; top:-1px; right:-1px; background-image:url(images/menuTabCorner_right.jpg); background-repeat:no-repeat;} #menuSections li a {display:block; height:35px; padding:10px 20px; font-size:14px; font-weight:bold; line-height:35px; text-align:center;} #menuSections li a:hover {text-decoration:none;} #menuSections li.active {bottom:-1px; margin:0 3px 0 0; background-color: #e5e6e8;} #menuSections li.active a {width:346px; height:55px; line-height:55px;} #menuSections li.active .menuCornerLeft {background-image:url(images/menuTabCornerActive_left.jpg);} #menuSections li.active .menuCornerRight {background-image:url(images/menuTabCornerActive_right.jpg);} /* Top Menu Navigation */ #menuMain {height:35px; /*margin-top:2px;*/ margin-bottom:5px; border:1px solid #c5c5c5; background-image:url(images/bkgd_mainNav.jpg); background-repeat:repeat-x; clear:left;} #menuMain li {float:left; display:inline; margin:0; padding:0 16px; list-style-type:none;} #menuMain li a {color:#333; font-size:12px; height:35px; line-height:35px; text-align:center;} #menuMain li a:hover {text-decoration:none;} /*****************/ /*** Main Body ***/ /*****************/ #mainBodyContainer {position:relative; width:1014px; margin:0 auto 0 auto;} /*************************/ /* Content Column (left) */ /*************************/ #mainContentContainer {float:left; width:714px; background:none;} #mainContentContainer_full {float:left; width:100%; background:none; background-color:#fff;} /*** Landing left column ***/ #mainContentContainer #leftCol {float:left; width:426px;} #leftCol .mainLandingBox {height:470px; background-color:#fcfcfc; overflow:hidden;} #leftCol .mainLandingBox .MLBcontent {padding:25px 15px 0 15px;} #leftCol .mainLandingBox .MLBcontent .MLBheader {font-size:16px; font-weight:bold; margin-bottom:15px;} #leftCol .mainLandingBox .MLBcontent .MLBsubheader {font-weight:bold; margin-bottom:20px; font-family: Arial,Helvetica,sans-serif;} #leftCol .issueLandingBox {height:250px; padding-bottom:20px; background-color:#fcfcfc; overflow:hidden;} #leftCol .issueLandingBox .MLBcontent {padding:30px 15px 0 15px;} #leftCol .issueLandingBox .MLBcontent .issueItemCoverImage {float:left; padding-right:20px;} #leftCol .issueLandingBox .MLBcontent .MLBheader {font-size:24px; font-weight:bold; margin-bottom:25px;} #leftCol .MLBcontent .MLBheader a:hover {text-decoration:none;} #leftCol .issueLandingBox .MLBcontent .MLBsubheader {font-weight:bold; margin-bottom:20px; font-family: Arial,Helvetica,sans-serif;} #leftCol .issueLandingBox .MLBcontent .issueItemDate {font-size:0.917em;} #leftCol .issueLandingBox .MLBcontent .issueItemDescription {padding-top:10px;} #leftCol .MLBcontent .MLBsubheader a:hover {text-decoration:underline;} #leftCol .MLBcontent a:hover, #leftCol .MLBcontent a p:hover {text-decoration:underline;} #rightCol .SLBcontent a:hover, #rightCol .SLBcontent a p:hover {text-decoration:underline;} /* Teaser content - Actualites */ #leftCol #teaserContent {margin-top:10px; padding: 40px 15px 20px 15px; background-color:#fcfcfc;} .teaserBlock {color:#333; margin-bottom:30px;} .teaserBlock img {float:left; display:block; margin:0 15px 10px 0;} .teaserBlock h3 {font-weight:bold; font-size:1em; font-family: Arial,Helvetica,sans-serif;} .teaserBlock a {color:#333;} .teaserBlock a:hover {text-decoration:underline;} .teaserBlock p {font-size:0.917em; /*11px*/ margin-bottom: 10px; } .teaserBlock a p:hover {text-decoration:underline;} .teaserBlock .teaserDesc {margin-top:10px; clear:left; font-size:1em;} #leftCol #teaserContent .teaserMore {padding-top:10px; text-align:right;} #leftCol #teaserContent .teaserMore a {font-weight:bold; color:#333;} #leftCol #teaserContent .teaserMore a:hover {text-decoration:underline;} /*** Landing right column ***/ #mainContentContainer #rightCol {float:right; width:266px; padding-right:12px;} #mainContentContainer #rightCol #secondaryLBContainer {height:470px; background-color:#fcfcfc; overflow:hidden;} #rightCol .secondaryLandingBox {height:235px;} #rightCol .secondaryLandingBox a.SLBimage {display:block; height:110px; overflow:hidden;} #rightCol .secondaryLandingBox .SLBcontent {padding:10px 0 10px 10px; font-size:11px;} #rightCol .secondaryLandingBox .SLBcontent .SLBheader {font-size:16px; font-weight:bold; margin-bottom:0px;} #rightCol .SLBcontent .SLBheader a:hover {text-decoration:none;} #rightCol .secondaryLandingBox .SLBcontent .SLBsubheader {font-weight:bold; margin-bottom:10px;} #rightCol .secondaryLandingBox .SLBcontent .SLBsubheader a:hover {text-decoration:underline;} /* ARTICLE EXTRAS TABBED BLOCK */ #articleExtrasBlock {margin-top:10px; background-color:#fcfcfc; border:1px solid #c8c8c8; clear:left;} #articleExtrasBlock .articleExtrasTab {float:left; display:block;} #articleExtrasBlock .articleExtrasTab a {display:block; height:30px; padding:10px 0 0 5px; background-color:#d9d9da; border-bottom:1px solid #c8c8c8;} #articleExtrasBlock #AEtab1 a {width:92px; border-right:1px solid #c8c8c8; font-size:12px;} #articleExtrasBlock #AEtab2 a {width:160px; border-left:1px solid #c8c8c8; font-size:12px;} #articleExtrasBlock div a.active {border:0 !important; background-color:#fcfcfc !important; font-weight:bold !important; /*height:21px !important;*/} #articleExtrasBlock #AEtab1 a.active {width:93px;} #articleExtrasBlock #AEtab2 a.active {width:161px;} #articleExtrasBlock .articleExtrasContent {display:block; padding: 15px; clear:left;} #articleExtrasBlock .articleExtrasContent li {list-style-type:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #333;} #articleExtrasBlock .articleExtrasContent li a {color:#333;} #articleExtrasBlock .articleExtrasContent li a:hover {text-decoration:underline;} #articleExtrasBlock #AEcontent1 {} #articleExtrasBlock #AEcontent2 {} /* OUTILS BLOCK */ #outilsBlock {width:264px; margin:10px auto; padding: 0px 0 20px 0; background-color:#fcfcfc; border:1px solid #c8c8c8;} #outilsBlock h2 {height:30px; padding:15px 0 0 15px; margin-bottom:10px; background-image:url(images/bkgd_headerOutils.jpg); background-repeat:repeat-x; font-size:16px; font-weight:normal;} #outilsBlock ul {padding-left:15px; font-family: Arial, Helvetica, sans-serif;} #outilsBlock ul li {display:block; list-style-type:none; padding-bottom:10px;} #outilsBlock ul ul {padding:10px 0 0 30px;} #outilsBlock ul ul li {padding-bottom:2px;} /****************************/ /*** Article Page Content ***/ /****************************/ #articleContent {float:left; width:657px; padding:30px 20px; background-color:#fcfcfc;} .toolFontSize {float:right; font-weight:bold;} #outilsBlock .toolFontSize {float:none; padding:0 0 0 15px;} .toolFontSize {cursor:pointer;} .toolFontSize .fontSize_small {font-size:12px;} .toolFontSize .fontSize_normal {font-size:14px;} .toolFontSize .fontSize_large {font-size:16px;} #articleContent #articleHeader {padding-bottom:10px;} #articleContent h3 {font-size:1.167em;/*14px*/ font-weight:bold; font-family: Arial,Helvetica,sans-serif;} #articleContent .iconArticle {display:block; float:left; padding-right:15px;} #articleContent #articleByLine {font-size:0.917em;/*11px*/} #articleContent #articleByLine a {text-decoration:underline;} #articleContent p a {text-decoration:none; color:#3f479f;} #articleContent p a:hover {text-decoration:underline;} #articleContent p img.alignleft {padding-top:17px;} #articleContent p {padding-bottom:16px; line-height:1.25em;} #articleContent ul {padding:0 0 10px 15px; clear:left;} .popupContent p {padding-bottom:16px; line-height:1.25em;} .popupContent ul {padding:0 0 10px 15px; clear:left;} p.indent {padding-left:40px;} #articleContent .articlePhoto {display:block; float:left; padding:0 15px 20px 0;} img.alignleft {display:block; float:left; padding:0 15px 20px 0;} .blockalignleft {display:block; float:left; /*padding:0 15px 20px 0;*/} #articleContent .wp-caption {float:left; -moz-border-radius:3px 3px 3px 3px; background-color:#F3F3F3; border:1px solid #DDDDDD; margin-bottom:10px; margin-right:10px; padding-top:4px; text-align:center;} #articleContent .wp-caption-text {} #articleTools {float:left; width:100%;} #articleTools ul {display:block; float:right; padding:20px 0 40px 0;} #articleTools ul li {list-style-type:none; float:left;} #articleTools ul li a {display:block; float:left; padding:0 15px 0 30px; background-repeat:no-repeat; background-position:left center; font-weight:bold; line-height:25px;} #articleTools ul li a:hover {text-decoration:underline;} #articleTools ul li a.articleTool1 {background-image:url(images/icon_imprimer.jpg);} #articleTools ul li a.articleTool2 {background-image:url(images/icon_envoyer.jpg);} #articleTools ul li a.articleTool3 {background-image:url(images/icon_recommander.jpg);} #articleTools ul li a.articleTool4 {background-image:url(images/icon_commenter.jpg);} #articleTools ul li #recom_message {float:left;} /* Comments Form */ #commentForm {padding-bottom:20px; /*position:relative;*/} div#respond {position:relative;} #commentForm label.overlabel {top:125px; left:0;} #commentForm #commentFormUserInfo {position:relative; float:left; width:310px; /*right:0; top:-70px;*/ font-size:11px; color:#333; text-align:right;} #commentForm #commentFormUserInfo p {padding-bottom:0;} #commentForm #commentFormUserInfo label {display:block; padding-left:10px; margin-bottom:5px; padding-right:55px; text-align:right; line-height:18px; font-size:11px;} #commentForm #commentFormUserInfo label input {width:120px; height:18px; margin-left:10px; font-size:11px; border:1px solid #c8c8c8;} #commentForm #commentFormUserInfo label input#user_stayConnected {width:auto; height:15px; /*margin-right:5px;*/ vertical-align:text-bottom; border:0;} #commentForm #commentFormUserInfo span {display:block; margin-bottom:3px; padding-right:60px;} #commentForm #commentFormUserInfo input#login {position:absolute; width:26px; line-height:20px; top:58px; left:260px; background-color:#D9D9DA; border:1px solid #C8C8C8; cursor:pointer;} #commentForm #commentFormNewUser {float:right; width:250px; font-size:11px; color:#333; text-align:right;} #commentForm #commentFormNewUser span {display:block; margin-bottom:3px;} #commentForm #commentFormNewUser span.smallFont {font-size:8px; color:#777;} #commentForm .commentFormBold {font-weight:bold;} #commentForm span a, #commentForm span {color:#333;} #commentForm #commentFormNewUser span.linkPolitique {margin-top:40px;} #commentForm #commentFormNewUser span.linkPolitique a {text-decoration:none; color:#3333CC; font-weight:bold; font-size:10px;} #commentForm #commentFormNewUser span.linkPolitique a:hover {text-decoration:underline;} #commentForm #commentFormUserInfo label.lblStayConnected {float:left; width:175px; padding-left:15px; margin-left:-3px; padding-right:0; font-size:10px;} #commentForm #commentFormUserInfo label.lblStayConnected input {margin-left:0; display:inline;} #commentForm #commentFormUserInfo span.linkGetPass {float:left; width:120px; display:inline; padding-right:0; font-size:10px;} #commentForm #commentFormUserInfo .commentFormClose span {text-align:left;} #commentForm textarea {width:100%; /*width:655px;*/ height:100px; background-color:#fcfcfc; border:1px solid #c8c8c8; clear:left;} #commentForm #submit {height:28px; padding:0 20px; margin-top:5px; background-color:#d9d9da; border:1px solid #c8c8c8; cursor:pointer;} #articleContent #userComments {border:1px solid #c8c8c8; padding:8px 8px 0 8px;} #blogContent #userComments {border:0; padding:8px 0 0 0;} #userComments p {padding-bottom:5px; font-size:10px; font-weight:bold; line-height:normal; color:#666666;} #userComments .postingInfo {color:#333; clear:left;} #userComments .postingContent {color:#666666;} #userComments ol li {list-style-type:none;} #userComments .commentlist li {padding-bottom:15px; font-size:10px; font-weight:bold; line-height:normal;} #blogContent #userComments .commentlist li {padding-top:20px; border-top:1px solid #c8c8c8;} #blogContent #userComments .commentlist li.first, #blogContent #userComments .commentlist li li {padding-top:0; border-top:0;} #userComments .commentlist .userCommentsTools {width:100%; padding:5px 0 10px 0;} #userComments .commentlist .userCommentsTools ul {font-size:10px; float:right;} #userComments .commentlist .userCommentsTools li {display:block; float:left; padding: 0 8px; line-height:11px; border-right:1px solid #3333cc;} #userComments .commentlist .userCommentsTools li a {color:#3333cc;} #userComments .commentlist .userCommentsTools li a:hover {text-decoration:underline;} #userComments .commentlist .children {padding-left:40px; padding-bottom:25px;} /*** Large Related Content Box ***/ /* see #articleExtrasBlock above for more styles */ #articleContent #articleExtrasBlock, #blogContent #articleExtrasBlock {border:0; margin-top:0px; padding-top:10px; margin-bottom:60px;} #articleContent #articleExtrasBlock .articleExtrasTab, #blogContent #articleExtrasBlock .articleExtrasTab {position:relative; bottom:-1px;} #articleContent #articleExtrasBlock .articleExtrasTab a, #blogContent #articleExtrasBlock .articleExtrasTab a {font-size:14px; color:#333; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:0; text-align:center;} #articleContent #articleExtrasBlock #AEtab1 a, #blogContent #articleExtrasBlock #AEtab1 a {width:175px;} #articleContent #articleExtrasBlock #AEtab2 a, #blogContent #articleExtrasBlock #AEtab2 a {width:174px;} #articleContent #articleExtrasBlock #AEtab3 a, #blogContent #articleExtrasBlock #AEtab3 a {width:174px; border-left:1px solid #c8c8c8;} #articleContent #articleExtrasBlock div a.active, #blogContent #articleExtrasBlock div a.active {border-left:1px solid #c8c8c8 !important; border-top:1px solid #c8c8c8 !important; border-right:1px solid #c8c8c8 !important; border-bottom:1px solid #fcfcfc; font-size:16px;} #articleContent #articleExtrasBlock #AEtab1 a.active, #blogContent #articleExtrasBlock #AEtab1 a.active {width:175px;} #articleContent #articleExtrasBlock #AEtab2 a.active, #blogContent #articleExtrasBlock #AEtab2 a.active {width:175px;} #articleContent #articleExtrasBlock #AEtab3 a.active, #blogContent #articleExtrasBlock #AEtab3 a.active {width:175px;} #articleContent #articleExtrasBlock .articleExtrasContent, #blogContent #articleExtrasBlock .articleExtrasContent {border:1px solid #C8C8C8;} #articleContent #articleExtrasBlock .articleExtrasContent li, #blogContent #articleExtrasBlock .articleExtrasContent li {margin-bottom:5px; border-bottom:0;} /****************************/ /*** Blog Page Content ***/ /****************************/ #blogContent {float:left; width:657px; padding:30px 20px 60px 20px; background-color:#fcfcfc;} .alternateItem {border:1px solid #fcfcfc !important;} #blogContent .blogDate {display:block; font-size:0.917em; /*11px*/ text-align:right; margin-bottom:0;} #blogAuthors {} .blogArchiveItem {display:block; /*float:left;*/ width:630px; padding:10px 20px 10px 10px; margin-top:10px; border:1px solid #c8c8c8;} .blogArchiveItem img {display:block; float:left; padding-right:20px;} .blogArchiveItem p {font-size:1em; padding-left:20px;} .blogArchiveItem .blogItemAuthor {float:left; display:block; padding-left:0; font-size:0.917em; /*11px*/ font-weight:bold; text-align:right;} .blogArchiveItem .blogItemDate {display:block; font-size:0.917em; /*11px*/ text-align:right;} .blogArchiveItem .blogItemHeader {display:block; padding-top:20px; font-weight:bold;} .blogArchiveItem .linkReadBlog {display:block; float:left; padding: 10px 0 20px 30px; line-height:24px;} .blogArchiveItem .linkReadBlog a {padding:4px 8px; background-color:#c8c8c8;} .blogArchiveItem .blogItemComments {display:block; float:left; font-style:italic; padding:16px 0 20px 40px;} .blogArchiveItem .blogItemComments a:hover {text-decoration:underline;} .blogArchiveItem .issueArchiveLinks {display:block; float:left; width:530px; padding:2px;} .blogArchiveItem .issueArchiveLinks a {/*text-decoration:underline;*/ line-height:1.6em;} .blogArchiveItem .issueArchiveLinks a:hover {text-decoration:underline;} #issues_list .blogArchiveItem img {padding-bottom:100px; width:75px;} #issues_list .blogArchiveItem p {padding-left:0;} #blogAuthorBio {padding:20px 20px 60px 10px;} #blogAuthorBio img {float:left; padding-right:20px;} #blogAuthorBio p {margin-bottom:10px; font-size:0.917em; /*11px*/} #blogMainWriteup {padding:10px 20px 40px 10px; border:1px solid #c8c8c8;} #blogMainWriteup img {float:left; padding:0 20px 20px 0;} #blogMainWriteup h3 {padding-top:30px; font-size:1em; font-weight:bold;} #blogMainWriteup a.blogHeaderLink {color:#3f479f; font-size:0.917em;/*11px*/ text-decoration:underline;} #blogMainWriteup a.blogHeaderLink:hover {text-decoration:none;} #blogMainWriteup p {margin-bottom:10px; font-size:1em; /*11px*/ clear:left;} #blogMainWriteup .linkAllBlogs {padding:40px 0 0 0; text-align:right; font-style:italic;} #blogMainWriteup .linkAllBlogs a:hover {text-decoration:underline;} /**************************/ /*** Search Result Page ***/ /**************************/ #searchResultContent {background-color:white; width:668px; padding:15px 15px; float:left;} /* Search Results menu */ #searchresult-tabs { border-bottom: 1px solid #9f9f9f; margin-bottom: 15px; position: relative; float: left; clear: both !important; width: 100%; } #searchresult-tabs ul { padding-left: 0; margin: 0 0 -1px 0; } #searchresult-tabs li { display: inline-block; display: inline !ie-only; list-style: none; padding-right:8px; font-size:12px; color:#444; } #searchresult-tabs li.active a { background: url(images/search-tabs.png) left top; text-decoration: none; } #searchresult-tabs li.active {background: url(images/search-tabs.png) right top; position:relative;} #searchresult-tabs li.hidden {display: none;} #searchresult-tabs li a { display: inline-block; padding: 8px 1px 8px 8px; line-height: 16px; text-decoration: none; } #searchresult-tabs li a .number {padding-left: 5px;} /* End Search result menu */ /* Begin search result sort menu */ #searchresult-sortmenu { float: left; width:100%; text-align:right; height: 21px; padding-bottom: 30px; white-space: nowrap; clear: both; } #searchresult-sortmenu ul, #searchresult-sortmenu li { margin: 0; padding: 0; } #searchresult-sortmenu li { display: inline-block; display: inline !ie-only; margin-right: 3px; padding-right: 4px; list-style: none; background-position: right; } #searchresult-sortmenu a { display: inline-block; height: 21px; line-height: 21px; padding-right: 6px; padding-left: 10px; font-size: 14px; text-decoration: none; background-position: left; } #searchresult-sortmenu li.active, #searchresult-sortmenu li.active a { /*background-image: url(../../chn-template/images/search-menu.png);*/ background-color: #E6E6E6; } /* Begin search result content */ div#searchresult-content {clear:left;} div#searchresult-content div.inactive {display:none;} div#searchresult-content div.active {display:block;} div#searchresult-content div.guided-nav {float:left; width:230px;} div#searchresult-content div.guided-nav div.guided-nav-header { border:0 none; color:#333; font-size:14px; margin:5px 0; padding:0 0 10px; font-weight:bold; } div#searchresult-content div.guided-nav div.guided-nav-empty {padding-top:0; color:#555; font-size:12px; font-style:italic;} div#searchresult-content div.guided-nav div.guided-nav-narrowsearch-header { color:#333333; font-weight:bold; padding-bottom:15px; } div#searchresult-content div.guided-nav ul.guided-nav-narrowsearch span {font-size:.8em;} div#searchresult-content div.guided-nav ul.guided-nav-narrowsearch span a {text-decoration:underline;} div#searchresult-content div.guided-nav .guided-nav-group-header { color:#333; cursor:pointer; display:block; font-size:1em; margin:1px 0; padding-bottom:15px; font-weight:bold; } div#searchresult-content div.guided-nav .guided-nav-group-header a { color:#333; font-weight:bold; line-height:1.3em; } div#searchresult-content div.guided-nav ul {margin:0; padding:0 0 10px 20px;} div#searchresult-content div.guided-nav li { color:#333; list-style-type:none; padding-bottom:3px; } div#searchresult-content div.guided-nav a {color:#333; text-decoration:none;} div#searchresult-content div.guided-nav a:hover {text-decoration:underline;} div#searchresult-content div.post { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ccc; } div#searchresult-content div.hoverfx {padding: 5px;} div#searchresult-content div#post-summary {float:right; width:430px;} div#searchresult-content div.posttags {padding: 0 5px 0; } div#searchresult-content div.postcategories { margin-bottom: 5px; font-size: 11px; color: #013E7F; } div#searchresult-content div.postsponsor { margin: 4px 0; font-size: 11px; color: #0093D1; text-transform: uppercase; } .endeca_term {background-color: #D7EFF9;} #searchresult-summary { padding: 10px 0 20px 0; font-size: 13px; } .search-keyword { font-size: 16px; font-style: italic; font-weight: bold; } .searchresult-suggestion { padding-top: 2px; color: #013E7F; font-style: italic; } .searchresult-suggestion-word {font-style: italic;} .clear {clear:both !important;} /*** 404 Page ***/ #page404 {padding: 50px 15px 130px 20px; background-color:#fff;} #page404 #goog-wm ul {margin-top:10px;} #page404 #goog-wm ul li {list-style-type:none;} #page404 #goog-wm form {margin-top:10px;} #page404 #goog-wm form #goog-wm-qt {width:600px; margin-right:10px;} /**************************/ /* Sidebar Column (right) */ /**************************/ #rightSidebar {float:left; width:300px; padding-bottom:20px; background:none;} /***************/ /*** WIDGETS ***/ /***************/ .widget {clear:both; color:#333; background-color:#fff; font-size:1.167em; margin:15px 0 10px; border:1px solid #c8c8c8;} .widgetHeader {padding-top:14px; margin-bottom:12px; background-color:#464646; border:0;} .widgetHeader span {display:block; margin-left:7px; margin-right:50px; padding-left:8px; padding-bottom:5px; border-bottom:1px solid #626262; text-transform:uppercase;} .widget h2 {height:25px; padding:10px 0 0 10px; margin-bottom:10px; background-image:url(images/bkgd_headerOutils.jpg); background-repeat:repeat-x; font-weight:normal; font-size:16px;} /* Microsites */ #micrositesBlock {padding:10px;} #micrositesBlock a {display:block; text-align:center;} #micrositesBlock img {padding:0 3px 15px 0; vertical-align:middle;} /*** WordPress Pagination ***/ div.wp-pagenavi {padding-top:60px; padding-bottom:30px; text-align:center; color:#a7a7a7; font-size:12px;} div.wp-pagenavi span.current, div.wp-pagenavi span.extend {border:0; /*background-color:none;*/ margin:0px; padding:2px 1px;} div.wp-pagenavi span.inactive {color:#333;} div.wp-pagenavi a, div.wp-pagenavi a:link, div.wp-pagenavi a.page, div.wp-pagenavi a:visited, div.wp-pagenavi a.first {border:0; color:#333; margin:0px; padding:2px;} /*** Twitter widget ***/ #twitter_update_list {margin:15px 15px 5px;} #twitter_update_list li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#F1F1F1 none repeat scroll 0 0; border:1px solid #E6E6E6; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:17px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:8px 0; padding:8px; overflow:hidden; width:215px; } #twitter_update_list a, #twitter_update_list a:link, #twitter_update_list a:visited {color:#406B8A;} #twitter-link { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#FFFFFF url(images/twitter-button-up.gif) repeat-x scroll left bottom; border:1px solid #999999; display:block; margin:10px auto; padding:2px 0 8px; text-align:center; width:220px; font-size:14px; } #twitter-link:hover { background:#FFFFFF url(images/twitter-button-over.gif) repeat-x scroll left top; border:1px solid #999999; } /**************/ /*** Footer ***/ /**************/ #enhancedFooter {width:1014px; margin-top:25px;} #enhancedFooter #footerTop {float:left; width:100%; /*height:139px;*/ margin-top:10px; padding:20px 0; background-color:#545454; color:#bfbfbf; clear:left;} #enhancedFooter ul {float:left; width:180px; /*height:99px;*/ border-right:1px solid #fff; padding:0 20px;} #enhancedFooter ul.EFleft {width:149px;} #enhancedFooter ul.EFright {width:150px; border-right:0;} #enhancedFooter ul li {list-style-type:none; font-size:13px; line-height:14px;} #enhancedFooter ul li a {color:#fff; font-size:11px;} #enhancedFooter ul.EFleft li {line-height:16px;} #enhancedFooter ul.EFleft li a {font-size:13px;} #footerCopyright {float:left; width:170px; margin:0; font-size:11px; text-align:right;} #footerBottom {float:left; width:100%; height:40px; padding:10px 0 20px 0; border-bottom:1px solid #a0a1a5;}