*{margin:0; padding:0} ul{list-style:none; list-style-type:none} a {text-decoration:none; color:#333} a:hover {text-decoration:underline} img {border:0} fieldset {border:none} .hide {position:absolute;left:-10000px} body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url('../images/skin/background_skin_repeat_original.jpg') top center ; color:#333} body { overflow: visible !important; } #bodyContainer { background: url('../images/skin/background_skin_original.jpg') top center no-repeat; overflow:hidden; zoom:1} #portal {width:986px; margin:0 auto; } #main {overflow:hidden; zoom:1;clear:both; background:url('../images/mainBackgrounds/main_bg.jpg') top right repeat-y;width:986px; margin:10px auto 0 auto} /* header */ #ceHeader {overflow:hidden; zoom:1; margin-top:10px; padding-bottom:20px; background:url('../images/header_bg.png') top left no-repeat} #ceHeaderLogo h1 {width:220px; padding-bottom:10px} #ceHeaderBookmark div.optionPanel a.linkToHP {font-weight:bold} div#ceHeaderAd div.topLink span.skylink {font-weight:bold; font-size:.92em; color:#3EB4F2; padding-left:0} div#ceHeaderAd div.topLink span.skylink a {color:#3EB4F2} #ceHeaderAd div.topLink span.adlink a {color:#3EB4F2} .internetSkyPOrPBlanches ul li a {color:#3EB4F2; font-size:.99em} .internetSkyPOrPBlanches #googlesearch_form .inputHighlighted {background-position:-5px -398px; overflow:hidden;zoom:1} .internetSkyPOrPBlanches #googlesearch_form div.btnInput input {background-position:-494px -399px} .internetSkyPOrPBlanches #googlesearch_form div.btnInput input:hover {background-position:-494px -438px} .rightLeftLeaderBoard {overflow:hidden;zoom:1;margin:0 5px 0 0;/*TEST*/} .rightLeftLeaderBoard .btnsTopLeaderBoard {background:url('../images/top.png') top left no-repeat;float:left;margin:14px 10px 0;width:222px;padding:11px 0 0 0} .rightLeftLeaderBoard .btnsBottomLeaderBoard {background:url('../images/bottom.png') bottom left no-repeat;padding:0 0 11px 0;overflow:hidden} .rightLeftLeaderBoard .content {background-color:#fff;padding:0 11px;height:60px;overflow:hidden} .rightLeftLeaderBoard .content a {float:left;display:block;height:40px;width:88px} .rightLeftLeaderBoard .content p {color:#6FBB1A;text-transform:uppercase;padding:0 0 5px 0;text-align:center;font-weight:bold} .rightLeftLeaderBoard .content a.twitter, .rightLeftLeaderBoard .content span.and, .rightLeftLeaderBoard .content a.facebook {background:url('../images/spriteBtnsTwitterFacebook.png') no-repeat} .rightLeftLeaderBoard .content a.twitter {background-position:0px 0px} .rightLeftLeaderBoard .content span.and {background-position:-181px 0px;float:left;display:block;height:13px;width:11px;margin:15px 4px} .rightLeftLeaderBoard .content a.facebook {background-position:-90px 0px;width:89px} .rightLeftLeaderBoard .content a.twitter:hover {background-position:0px -40px} .rightLeftLeaderBoard .content a.facebook:hover {background-position:-90px -40px} .topLeaderBoard {float:right;width:728px;margin:14px auto 0} /* what's on the menu */ .navigator {width:986px; margin:0 auto} .navMenu {background-image:url('../images/navigation/navigation_sprite.png'); background-repeat:no-repeat; margin:0 0 0 10px; overflow:hidden; zoom:1;clear:both} .navMenu li {float:left; margin-top:3px; zoom:1; overflow:hidden} .navMenu .firstMenuItem {margin-left:16px; border-left:2px dotted #5BC4FA} .navMenu li a {background-image:url('../images/navigation/navigation_sprite.png') ; background-repeat:no-repeat;font-family:Verdana, Geneva, sans-serif; background-position:100% -135px; text-decoration:none; padding:7px 16px 0 0; display:block; font-weight:bold; color:#FFF; height:24px; border-right:2px dotted #5BC4FA; overflow:hidden; zoom:1; cursor:pointer} .navMenu li a span { background-image:url('../images/navigation/navigation_sprite.png') ; background-repeat:no-repeat;background-position:0px -145px; display:block; padding-left:11px; height:22px} .navMenu li a:hover, .navMenu li a:hover span {background:none; color:#253F64} .navMenu li.active {margin-top:0px} .navMenu li.active a, .navMenu li.active a:hover {background:url('../images/navigation/navigation_sprite.png') ; background-repeat:no-repeat; background-position:100% -90px; color:#007FD6; padding:0 0 10px 0 } .navMenu li.active a span, .navMenu li.active a:hover span {background:url('../images/navigation/navigation_sprite.png'); background-repeat:no-repeat; background-position:0 -56px; padding:10px 0 5px 16px;margin-right:16px; display:block} .subMenu {background:url('../images/navigation/navigation_sprite.png') ; background-position:26px -170px; display:block; overflow:hidden; zoom:1} .subMenu li{float:left; height:20px; padding:7px 13px 0 13px; border-left:2px dotted #D1E6B9} .subMenu li.firstMenuItem {padding-left:42px; border-left:0} .subMenu li a {color:#66AC17; font-family:Verdana, Geneva, sans-serif;font-weight:bold} .subMenu li a:hover {font-weight:bold; color:#253F64; text-decoration:none} .subMenu .active a, .subMenu .active a:hover{color:#007FD6; font-weight:bold} .columnFull {background:url('../images/mainBackgrounds/columnfull_bottom.jpg') bottom right no-repeat; overflow:hidden; zoom:1; padding-bottom:14px} .columnLeft {float:left; width:650px; padding-left:8px} .columnLeft h2 {color:#6DBA19; font-size:1.4em; font-weight:bold; background:url('../images/krotteke.png') 0 4px no-repeat; padding:0 0 14px 30px; text-transform:uppercase} .columnLeft h4 {color:#6DBA19; font-size:1.4em; font-weight:bold; background:url('../images/krotteke_single.png') 0 4px no-repeat; padding:0 0 14px 30px; text-transform:uppercase} .columnLeft .imu {float:left; margin-top:20px; margin-right:20px; margin-left:7px} /* rounded boxes - white box and variations thereof --- boxWhite */ /* "default" boxWhite is full width column left (650) --> no margin/padding, just box with rounded corners*/ .cornerDefinition {position:relative; margin:0 auto; width:auto} .corner {position:absolute; width:12px; height:12px; background:url('../images/boxcorners_sprite.png') no-repeat} .boxWhite{background:#FFF; margin-top:14px; overflow:hidden; zoom:1; width:642px ; float:left} .boxWhite .TL {top:0; left:0; background-position:0 0} .boxWhite .TR {top:0; right:0; background-position:-16px 0} .boxWhite .BL {bottom:0; left:0; background-position:0 -16px} .boxWhite .BR {bottom:0; right:0; background-position:-16px -16px} .boxBlue {background:#E8F3FB} .boxBlue .TL {top:0; left:0; background-position:-65px 0} .boxBlue .TR {top:0; right:0; background-position:-81px 0} .boxBlue .BL {bottom:0; left:0; background-position:-64px -16px} .boxBlue .BR {bottom:0; right:0; background-position:-81px -16px} .boxGrey {background:#DFDDDA} .boxGrey .TL {top:0; left:0; background-position:0 -32px } .boxGrey .TR {top:0; right:0; background-position:-16px -32px} .boxGrey .BL {bottom:0; left:0; background-position:0 -49px} .boxGrey .BR {bottom:0; right:0; background-position:-16px -49px} .boxBlogCreate {background:#EBEBEB; margin:30px 0 0; float:left; width:100%} .boxBlogCreate .TL {top:0; left:0; background-position:0 -64px } .boxBlogCreate .TR {top:0; right:0; background-position:-16px -64px} .boxBlogCreate .BL {bottom:0; left:0; background-position:0 -81px} .boxBlogCreate .BR {bottom:0; right:0; background-position:-16px -81px} .boxContent {padding:14px ; overflow:hidden; zoom:1; clear:both} .boxContent h3 {margin-bottom:7px} .boxContent p {padding:0 0 7px 0} /* newsletter box error */ .columnRight .errorMessages li div {margin:0 10px; color:#333333; font-weight:bold} /* white box - grey header - tab navigation */ .greyHeader {background:#ECEBE9} .greyHeader .TL {top:0; left:0; background-position:-32px 0} .greyHeader .TR { top:0; right:0; background-position:-48px 0} .greyHeader h2 {padding:14px 0 14px 44px; background-position:14px 17px} .tabNavigation {overflow:hidden; zoom:1; padding:0 0 0 14px; background:url('../images/navigation/tab_navigation_bottom.jpg') bottom left repeat-x} .tabNavigation li {float:left; margin:0; width:inherit } .tabNavigation a, .tabNavigation a span {display:block; background-image:url('../images/navigation/tab_navigation_sprite.png'); background-repeat:no-repeat} .tabNavigation a span {background-position:0 0 ;height:23px; padding:7px 0 0 14px} .tabNavigation a {background-position:100% -56px; font-family:Georgia, "Times New Roman", Times, serif; padding:0 14px 0 0; height:28px; color:#FFF} .tabNavigation .active a, .tabNavigation a:hover{background-position:100% -84px; color:#000; text-decoration:none; cursor:pointer} .tabNavigation .active a span, .tabNavigation a:hover span {background-position:0 -28px} /* declarations for "small" white box links & green line in boxWhite*/ .halfWidthColLeft {width:314px; overflow:hidden; zoom:1; float:left} .addMarginRight {margin-right:14px} .negativeM {margin-top:-14px} .linkMoreInfoGreenHR {color:#3EB4F2; font-weight:bold; border-top:1px solid #6EBB19; text-decoration:none; overflow:hidden; padding-top:14px; margin-top:14px; padding-left:14px; display:block; clear:both; background:url('../images/blue_dot.jpg') 0 20px no-repeat} .linkMoreInfoNoGreenHR {color:#3EB4F2; font-weight:bold; text-decoration:none; padding-top:14px; padding-left:14px; display:block; clear:both; background:url('../images/blue_dot.jpg') 0 20px no-repeat} .noTopMargin {margin-top:0} .noBottomMargin {margin-bottom:0} .greenLine {color:#6EBB19; height:1px; background-color:#6EBB19; margin:7px 0 14px 0; display:block} .linkMoreInfo {color:#3EB4F2; font-weight:bold; text-decoration:none; } /*end rounded boxes*/ /* homepage */ .fixedHeight4Design {height:267px} .recentlyPublishedPostsList {clear:both} .recentlyPublishedPostsList li {border-top:1px dotted #248BC3; overflow:hidden; padding:7px 0} .recentlyPublishedPostsList li.first {border-top:none} .recentlyPublishedPostsList .hourMinPosted {float:left; color:#999; margin-right:14px} .recentlyPublishedPostsList .blogInfo {float:left; width:240px} .recentlyPublishedPostsList .blogOrPostTitle a { color:#333} .recentlyPublishedPostsList .bloggerName a {color:#26485F; font-size:0.90em} .recentlyPublishedPostsList .inBlog {font-size:0.90em; color:#999} .mostCommentedPostsList li {border-top:1px dotted #248BC3; padding:7px 0 ; overflow:hidden; zoom:1} .mostCommentedPostsList li.first {border-top:none} .mostCommentedPostsList li .numberOfComments {color:#999; font-size:0.92em; } .mostVisitedBlogsList {list-style-type:decimal; list-style-position:inside} .mostVisitedBlogsList li {border-top:1px dotted #248BC3; padding:7px 0 } .mostVisitedBlogsList li.first {border-top:none} .contentWrapper {margin-left:-14px} .favouriteBlogsOfWeekList li {float:left; width:279px; margin:0 0 14px 14px; overflow:hidden} .favouriteBlogsOfWeekList .blogInfo, .favouriteVibBlogsOfWeekList .blogInfo {float:left;width:160px;overflow:hidden; padding-top:14px; color:#333} .favouriteBlogsOfWeekList .blogImage, .favouriteVibBlogsOfWeekList .blogImage {float:left; padding-right:14px} .favouriteBlogsOfWeekList .blogTitle, .favouriteVibBlogsOfWeekList .blogTitle {font-weight:bold; padding-bottom:5px; display:block} .favouriteVibBlogsOfWeekList li {float:left; width:279px; overflow:hidden;margin:0 0 14px 14px; background:#E8F3FB url('../images/isVIB.jpg') top right no-repeat} /* hehehehe */ .favouriteVibBlogsOfWeekList .isVib span {position:absolute; left:-999px} .recentlyPublishedImagesList {overflow:hidden; margin-bottom:14px; clear:both} .recentlyPublishedImagesList li {float:left} .recentlyPublishedImagesList li a img {border:1px solid #FFF} .recentlyPublishedImagesList li a:hover img {border:1px solid #3EB4F2/*#EEF9FD*/} .fbLikebox .fb_iframe_widget {margin:6px 0 6px 6px} .CETagCloud {clear:both} .officialBlogList li {border-top:1px dotted #248BC3; padding:7px 0} .officialBlogList li.first {border-top:none} .officialBlogList span {color:#999; margin-right:5px} .officialBlogList li a {font-weight:1.2em} .padding7pix {padding:7px} .exploreSkyBlogosphereList {overflow:hidden; zoom:1; display:block; margin-bottom:7px; margin-left:1px} .exploreSkyBlogosphereList li {float:left; overflow:hidden;zoom:1; display:block} .exploreSkyBlogosphereList li a span {position:absolute; left:-999px} .exploreSkyBlogosphereList.fr li a {background-image:url('../images/explore_blogosphere_sprite_fr.jpg'); background-repeat:no-repeat; margin:0 6px 0 0 } .exploreSkyBlogosphereList.fr .blog a {display:block; width:152px; height:80px ; background-position:0 0} .exploreSkyBlogosphereList.fr .blog a:hover {display:block; width:152px; height:80px ; background-position:0 -82px} .exploreSkyBlogosphereList.fr .tag a{display:block; width:152px; height:80px ; background-position:-159px 0; } .exploreSkyBlogosphereList.fr .tag a:hover {display:block; width:152px; height:80px ; background-position:-159px -82px; } .exploreSkyBlogosphereList.fr .post a {display:block; width:152px; height:80px ; background-position:-318px 0; } .exploreSkyBlogosphereList.fr .post a:hover {display:block; width:152px; height:80px ; background-position:-318px -82px; } .exploreSkyBlogosphereList.fr .category a {display:block; width:152px; height:80px ; background-position:-477px 0; margin:0} .exploreSkyBlogosphereList.fr .category a:hover {display:block; width:152px; height:80px ; background-position:-477px -82px} .exploreSkyBlogosphereList.nl li a {background-image:url('../images/explore_blogosphere_sprite_nl.jpg'); background-repeat:no-repeat; margin:0 6px 0 0 } .exploreSkyBlogosphereList.nl .blog a {display:block; width:152px; height:80px ; background-position:0 0} .exploreSkyBlogosphereList.nl .blog a:hover {display:block; width:152px; height:80px ; background-position:0 -82px} .exploreSkyBlogosphereList.nl .post a {display:block; width:152px; height:80px ; background-position:-159px 0; } .exploreSkyBlogosphereList.nl .post a:hover {display:block; width:152px; height:80px ; background-position:-159px -82px; } .exploreSkyBlogosphereList.nl .tag a {display:block; width:152px; height:80px ; background-position:-318px 0; } .exploreSkyBlogosphereList.nl .tag a:hover {display:block; width:152px; height:80px ; background-position:-318px -82px; } .exploreSkyBlogosphereList.nl .category a {display:block; width:152px; height:80px ; background-position:-477px 0;margin:0} .exploreSkyBlogosphereList.nl .category a:hover {display:block; width:152px; height:80px ; background-position:-477px -82px} .blogTeaser-fr {background:url('../images/create_blog_fr.jpg') bottom left no-repeat; clear:both; overflow:hidden; display:block } .blogTeaser-nl {background:url('../images/create_blog_nl.jpg') bottom left no-repeat; clear:both; overflow:hidden} .blogTeaser-fr a, .blogTeaser-nl a {display:block; height:105px} .blogTeaser-fr span, .blogTeaser-nl span {position:absolute; left:-999px} .hotCategoriesList {overflow:hidden; zoom:1;float:left} .hotCategoriesList li {overflow:hidden; zoom:1; /*width:118px */} .hotCategoriesList li a, .hotCategoriesList li a:visited {text-align:center; font-weight:bold; color:#3EB4F2; padding:7px 14px ; display:block; float:left} .hotCategoriesList li a:hover, .hotCategoriesList li a.active {color:#253F64; text-decoration:none; background-image: url('../images/categories_alphafilter.jpg'); display:block; padding:7px 14px; margin-left:-14px; background-repeat:no-repeat; background-position:100% -28px} .hotCategoriesList li a:hover span, .hotCategoriesList li a.active span {color:#253F64; background-image: url('../images/categories_alphafilter.jpg'); background-position:0 0 ;padding:7px 0 7px 14px} /*about / help pages*/ .generalConditions ul li{margin-left:21px; } .generalConditions h2 {margin-top:14px; background:none; padding-left:0} .generalConditions h2.ne_Margin1{padding-left:21px} .generalConditions h2.ne_Margin1 span.listNo {margin-left:-21px; padding-right: 7px} .generalConditions ul li {padding-bottom:5px} .generalConditions ul li span {display:block; font-weight:bold; font-size:1.2em; margin-bottom:10px} .generalConditions ul li span.listNo, .generalConditions h2 span.listNo{float:left; padding-right:10px; text-align: left; font-weight:normal; font-size:1em} .generalConditions ul.ne_Margin2 li{padding-left:36px;} .generalConditions ul.ne_Margin2 li span.listNo {margin-left:-35px;} .generalConditions ul.ne_Margin2 ul.ne_Margin3 li{margin-left:0; padding-left:41px} .generalConditions ul.ne_Margin3 li{padding-left:51px;} .generalConditions ul.ne_Margin3 li span.listNo {margin-left:-41px;} .generalConditions ul.clearMargin li{padding-left:0} .generalConditions ul.clearMargin li span.listNo {margin-left:-19px;} .generalConditions ul.default li{list-style: disc;} /*.generalConditions ul {list-style:disc; list-style-type:disc}*/ /**** Make a new blog page ****/ .createUrBlog .outer {overflow:hidden; margin-bottom:50px} .createUrBlog .upper.outer .box {margin-left:5px; padding-right:5px} .createUrBlog .lower.outer .box {margin-left:6px; padding-right:7px} .createUrBlog .outer .box {background:url("../images/new_sprite.png") no-repeat; height:139px; float:left; border-right:1px dotted #248bc3; overflow:hidden; zoom:1} .createUrBlog .outer .box.last {border:0; padding:0} .createUrBlog .outer .box .number {font:36px/48px Arial Black, Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin-top:25px; display:block} .createUrBlog .lower.outer .box .number{margin-top:15px} .createUrBlog .outer .box .text{font:bold 24px/22px Arial Narrow, Arial, Helvetica, sans-serif; color:#fff; margin:auto; text-align:center; width:125px; display:block} .createUrBlog .outer .big.box{background-position:0 0; width:192px} .createUrBlog .outer .small.box {background-position:0 -321px; width:139px} .createUrBlog .outer a.big.box {cursor:pointer} .createUrBlog .outer a.small.box {cursor:pointer} .createUrBlog .outer a.big.box:hover {background:url("../images/new_sprite.png") no-repeat 0 -140px; width:192px; text-decoration:none} .createUrBlog .outer a.small.box:hover {background:url("../images/new_sprite.png") no-repeat 0 -461px; width:139px; text-decoration:none} .createUrBlog .outer a.big.box .number:hover {text-decoration:none} .createUrBlog .outer a.small.box .number:hover {text-decoration:none} .createUrBlog .outer a.big.box .text {color:#FFF} .createUrBlog .outer a.big.box .text.big {width:150px} .createUrBlog .outer a.small.box .text {color:#FFF} .createUrBlog .block {width:300px; margin:auto} .createUrBlog .block .button {background:url("../images/new_sprite.png") no-repeat 0px -280px; margin:auto; width:156px; height:40px; text-align:center; float:left} .createUrBlog .block .link {float:left; margin:10px 0 0 5px} .createUrBlog .link a {font-size:13px; color:#3EB2F2; font-weight:bold} .createUrBlog .button a {font:bold 18px/22px Arial,Helvetica,sans-serif; color:#fff; padding-top:7px; display:block} .createUrBlog .button a:hover {text-decoration:none} .createUrBlog ul {margin-left:14px; background:url("../images/graph.png") no-repeat 0 10px; padding:24px 0 5px 0} .createUrBlog ul li {margin:7px 13px 14px 0; border-bottom:1px dotted #248bc3; padding:0 0 6px 25px} .createUrBlog ul li.first {border:0; padding-left:20px} .createUrBlog ul li.last {border:0} .createUrBlog ul li.first .number {color:#fffc52; font-size:25px; font-weight:bold; margin-right:5px} .createUrBlog ul li.first .text {color:#FFF; font-size:16px; font-weight:bold} .createUrBlog ul li span {margin-right:20px} .createUrBlog h3 {background:url("../images/krotteke.png") no-repeat 0 4px transparent; color:#6DBA19; font-size:1.4em; font-weight:bold; padding:0 0 14px 30px; margin-left:15px; clear:both} .createBlogHelpImg {margin-bottom:14px} .createBlogBtn a {background:url('../images/columnRight/admin_buttons.png') 0 0 no-repeat; font-size:1.5em; color:#FFFFFF; font-weight:bold; display:block;width:77px; padding:8px 12px; text-align:center; margin:0 auto} .createBlogBtn a:hover {text-decoration:none; background-position:0 -60px} /* explore pages */ .exploreList {clear:both} .exploreList li { padding:7px 0; overflow:hidden; border-top:1px dotted #248BC3; zoom:1} .exploreList .blogInfo {float:left;overflow:hidden; color:#333; width:499px} .exploreList .blogImage {float:left; padding-right:14px} .exploreList .blogTitle{font-weight:bold; padding-bottom:7px; display:block; font-size:1.1em} .linkToTags {float:right; color:grey} .noBottomMargin .pager{margin-bottom:0} .pager {margin-bottom:14px; display:block; overflow:hidden} .paginationControl {clear:both} .paginationControl li {float:left; color:#3EB4F2; padding-right:10px; font-weight:bold; font-size:1.08em} .paginationControl a {color:#3EB4F2; font-weight:bold; font-size:1.08em} .paginationControl .active a span,.paginationControl .first, .paginationControl .previous,.paginationControl .next, .paginationControl .last{color:#007FD6; font-weight:bold; text-decoration:none} .paginationControl .first:hover, .paginationControl .previous:hover,.paginationControl .next:hover, .paginationControl .last:hover{text-decoration:underline} .paginationControl .active span {text-decoration:underline; /*color:#6DBA19*/} .alphaNavigator {clear:both; padding:7px 0 0 42px; margin-bottom:14px ; overflow:hidden; zoom:1; background:url('../images/categories_alphafilter.jpg') 0 -63px no-repeat} .alphaNavigator li {float:left; padding:5px 6px} .alphaNavigator li a {text-transform:uppercase; color:#3EB5F3; font-weight:bold; display:block} .alphaNavigator .active {background:url('../images/alpha_selected.jpg') center bottom no-repeat; padding:5px 7px 5px 6px;width:19px} /* I know, I know..*/ .alphaNavigator .active a {color:#007FD6; text-align:center} .postInfo {margin-top:7px; overflow:hidden} .postInfo li {border:none; font-size:.9em; padding:0 0 3px 0; float:left; margin-right:3px} .postInfo li span {color:#999999} .postInfo .linkToBlog {color:#26475F; font-weight:bold} /* Top 30*/ .thirdWidthColumnLeft .boxWhite {width:204px; margin-left:14px} .thirdWidthColumnLeft.noTopMargin {margin-top:-14px} /* hack hack hack */ .thirdWidthColumnLeft.first {margin-left:-14px} .halfWidthColLeft .boxWhite {width:314px; overflow:hidden; zoom:1; float:left} XXX.top30 .mostVisitedBlogsList .blogInfo {float:left; width:240px} XXX.top30 .mostVisitedBlogsList .blogOrPostTitle a { color:#333} .top30 .mostVisitedBlogsList .bloggerName a {color:#26485F; font-size:0.90em} .top30 .mostVisitedBlogsList .inBlog {font-size:0.90em; color:#999} /* VIB page*/ .whyVib h3 {font-size:1.2em; margin-bottom:7px; color:#333} .whyVib p { line-height:1.4em} /* col right - hack a gogo */ .columnRight {float:right; padding-right:9px; width:314px} .columnRight .widthColRight{width:314px} .columnRight #BCEAdministration .boxWhite {width:314px; margin-top:0; border-bottom:10px solid #EDF9FF} .columnRight #BCEAdministration .boxWhite .boxContent {padding:7px} .columnRight #BCEAdministration .boxWhite h3 {font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#1A99D8; font-size:1.2em; margin-bottom:5px; margin-top:2px} .columnRight #BCEAdministration .adminList {overflow:hidden; display:block; zoom:1; height:60px; margin:0; padding:0} .columnRight #BCEAdministration .adminList li {float:left; height:60px; overflow: hidden} .columnRight #BCEAdministration .adminList .adminMan {background:url('../images/columnRight/admin-man.jpg') 5px 0 no-repeat; padding:35px 35px 8px 35px} .columnRight #BCEAdministration .adminList .createBlog a, .columnRight #BCEAdministration .adminList .myBlog a {font-size:1.5em; color:#FFFFFF; font-weight:bold; line-height:1.1em;display:block; height:60px; overflow:hidden} .columnRight #BCEAdministration .adminList .createBlog a {background:url('../images/columnRight/admin_buttons.png') top left no-repeat; width:77px; padding:10px 12px; text-align:center; margin-right:7px} .columnRight #BCEAdministration .adminList .createBlog a:hover {text-decoration:none; background-position:0 -60px} .columnRight #BCEAdministration .adminList .myBlog a {background:url('../images/columnRight/admin_buttons.png') -108px 0 no-repeat; padding: 10px 12px; width:77px; text-align:center} .columnRight #BCEAdministration .adminList .myBlog a:hover {text-decoration:none; background-position:-108px -60px} .columnRight .newsBox {border-bottom:10px solid #EDF9FF; padding-top:8px; background:url('../images/columnRight/columnright_background_up.jpg') left top no-repeat #FFFFFF; clear:both} .columnRight .newsBox .boxUp {padding:0 0 10px 0;background:url('../images/columnRight/columnright_background_down.jpg') left bottom no-repeat #FFFFFF} .columnRight .newsBox .boxDown {padding-left:7px} .columnRight .newsBox form {background: url('../images/columnRight/newsletter_box_hak.jpg') top left no-repeat; padding:15px 0 8px 80px; margin-top:5px} /* don't ask */ .columnRight .newsBox label {display:block; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:1px} .columnRight .newsBox #email {border:1px solid #343F46; padding:3px 0 3px 3px} .columnRight .newsBox input.submit {background:url('../images/buttons.jpg') top left no-repeat; border:0; width:60px; padding-left:20px; color:#FFF; padding-top:6px; padding-bottom:4px; cursor:pointer} .columnRight .newsBox input.submit:hover {background-position: 0 -31px} .columnRight .newsBox h3 {font-size:1.2em; margin:0} .columnRight .newsBox h3 a {font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#1A99D8; font-size:1em} .columnRight .imu {background: #FFFFFF url('../images/columnRight/columnright_background_up.jpg') top left no-repeat; padding-top:14px; padding-left:7px; border-bottom:10px solid #EDF9FF} .columnRight .viePratique .CEBackground {background:url("../images/columnRight/grey_corner_top.jpg") no-repeat scroll center top #FFFFFF;margin-left:0;padding-top:10px} .columnRight .viePratique div.CEBackground .backgroundImg {background:url("../images/columnRight/grey_corner_bottom.jpg") no-repeat scroll center bottom #FFFFFF;padding:4px 7px 0 15px; margin:0 0 14px 0} .columnRight .viePratique div.CEBackground .backgroundImg h2 {font-size:1.2em} .columnRight ul.viePratique {background:none ; border-bottom:none} .columnRight #CECofidis { font-size:0.92em; color:#666;background:#FFF url('../images/columnRight/grey_corner_top.jpg') top center no-repeat; padding:11px 7px 0 7px; border-bottom:10px solid #FFFFFF} .columnRight .CEBox {background:#FFF url('../images/columnRight/grey_corner_bottom.jpg') bottom center no-repeat; padding-bottom:9px; margin:0; padding-right:10px} .columnRight .CEBackground {margin-left:8px } .columnRight .CEForm a.submitBtn {background-image:url('../images/buttons.jpg'); background-position:100% -63px ; background-repeat:no-repeat; height:19px} .columnRight .CEForm a:hover.submitBtn {background-image:url('../images/buttons.jpg'); background-position:100% -83px } .columnRight .CEForm a.submitBtn span {position:absolute; left:-999px} .columnRight .CEForm p.submitBtn input {border:0; background-image:url('../images/buttons.jpg'); background-position:100% -63px ; background-repeat:no-repeat; height:19px; width:18px; color:transparent; float:right; font-size:.1px; /* IE doesn't like color:transparent*/} .columnRight .CEForm p.submitBtn input:hover {border:0; background-image:url('../images/buttons.jpg'); background-position:100% -83px} .columnRight #CEEbay {background:#FFF url('../images/columnRight/grey_corner_top.jpg') top center no-repeat; padding:11px 7px 0 7px; border-bottom:10px solid #FFFFFF} .columnRight #CEEbay p {font-size:.92em; color:#666} .columnRight #CETopSearchPartners {background:#FFFFFF} .columnRight select {font-size:0.99em} .columnRight .CEContent .CEText p a {color:#333; font-size:0.99em} /* footer */ div#footer hr {display:none} div#footer {background:#EDF9FF; border-top:2px dotted #6EBB19; margin-top:14px} div#footer .securityPartners {color:#6C8291;} div#footer .securityPartners a {color:#6C8291} div#footer ul {margin:0} div #footer ul li {color:#6C7F91} div.mainFooter ul.segments a:link, div.mainFooter ul.segments a:visited {color:#253F64} div.mainFooter ul.groupsites li a:link, div.mainFooter ul.groupsites li a:visited {color:#253F64} div.mainFooter ul li a:link, div.mainFooter ul li a:visited {color:#6C8191} div#footer .mainFooter a.logo {border-left:2px dotted #213035; padding:15px 15px 22px 15px;} /* IE6 */ * html #portal {width:985px; margin:0 133px ; } * html .internetSkyPOrPBlanches ul li a {background-image:none} * html .navMenu {height:35px} * html .navMenu li a {background-image:none ; background-color:#34A9E7; width:140px; height:29px; text-align:center} * html .navMenu li a span {background-image:none ; background-color:#34A9E7; height:29px} * html .navMenu li.active a {height:34px} * html .navMenu li.active a span {padding:7px 0 15px 16px} * html .subMenu li {height:28px} * html .exploreSkyBlogosphereList {margin-left:0} * html .skynetWeb #googlesearch_form .inputNotHighlighted {overflow:hidden;zoom:1; height:80px; width:435px} * html .skynetWeb #googlesearch_form .inputHighlighted {overflow:hidden;zoom:1; height:80px; width:435px; background:red; border:1px solid red} * html .columnLeft .imu {margin-right:15px} * html .tabNavigation {zoom:1} * html .tabNavigation li {width:150px; zoom:1; float:left} * html .tabNavigation a span {height:28px; zoom:1} * html .cornerDefinition {zoom:1} * html .cornerDefinition .BL, * html .cornerDefinition .BR {margin-bottom:-3px} * html .greyHeader .TL {top:12px; left:0; background-position:-32px 0} * html .greyHeader .TR { top:12px; right:0; background-position:-48px 0} * html .greyHeader h2 {padding:14px 0 14px 44px; background-position:14px 17px} * html .exploreSkyBlogosphereList .blog a {margin-left:2px} * html .columnRight #BCEAdministration .adminList .createBlog a {width:100px; padding:10px 15px; text-align:center; margin-right:7px} * html .columnRight #BCEAdministration .adminList .myBlog a { padding: 10px 32px; text-align:center} * html .columnRight .newsBox form {padding:15px 0 8px 70px} * html .columnRight .CEBox {background:url('../images/columnRight/grey_corner_bottom.jpg') 0px 100% no-repeat; padding-bottom:13px} * html .columnRight #CECofidis { padding:11px 2px 0 2px} * html .columnRight #CEEbay {padding:11px 2px 0 2px} * html .createBlogBtn a {width:100px;margin:0 260px} * html .createBlogBtn a:hover {text-decoration:none; background-position:0 -61px} * html .hotCategoriesList li a:hover {color:#253F64; text-decoration:none; background:#FFF} * html .hotCategoriesList li a:hover span {color:#253F64; background:#FFF} * html .thirdWidthColumnLeft .mostVisitedBlogsList a {margin-left:5px} *+html>head/*/*/+body .thirdWidthColumnLeft .mostVisitedBlogsList a {margin-left:5px} * html .createUrBlog .outer {zoom:1} * html .createUrBlog .outer .box .text a{font:bold 22px/24px Arial Narrow, Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline} * html .createUrBlog .outer .box .text{font:bold 22px/24px Arial Narrow, Arial, Helvetica, sans-serif; color:#fff; margin:auto; text-align:center; width:125px} * html div#footer .mainFooter a.logo {height:70px;} /* IE7 & 8*/ *+html .columnRight #BCEAdministration .boxWhite h3 { margin-bottom:4px; margin-top:10px} *+html .columnRight .newsBox { padding-top:4px} *+html .exploreList li {padding-bottom:0} *+html .createUrBlog .outer .box .text a{font:bold 22px/26px Arial Narrow, Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline} *+html .createUrBlog .outer .box .text{font:bold 22px/26px Arial Narrow, Arial, Helvetica, sans-serif; color:#fff; margin:auto; text-align:center; width:125px} /*-- HOT CATEGORIES, THE PAGE - boxwhite is overwritten because it needs to be, hmm, blue --*/ .hotCategoriesPage {overflow:hidden} .hotCategoriesPage .boxWhite h2 {padding:0 0 0 30px} .hotCategoriesPage .boxWhite.halfWidthColLeft {background:#F6FAFD; width:300px} .hotCategoriesPage .boxWhite.halfWidthColLeft h2 {text-transform:none} .hotCategoriesPage .boxWhite .boxContent .corner.TL {top:0; left:0; background-position:-64px 0 } .hotCategoriesPage .boxWhite .boxContent .corner.TR {top:0; right:0; background-position:-80px 0} .hotCategoriesPage .boxWhite .boxContent .corner.BL {bottom:0; left:0; background-position:-64px -16px} .hotCategoriesPage .boxWhite .boxContent .corner.BR {bottom:0; right:0; background-position:-80px -16px} .hotCategoriesPage .boxWhite.halfWidthColLeft .recentlyPublishedPostsList .blogInfo {width:225px} .hotCatRecentlyPublishedImg .boxWhite {background:#F6FAFD; width:614px} .hotCatRecentlyPublishedImg .boxWhite h2 {text-transform:none; padding-bottom:7px} .hotCatRecentlyPublishedImg .recentlyPublishedImagesList li a img {margin:0 7px 7px 7px} .columnRight .boxWhite {margin-top:0; border-bottom:14px solid #EDF9FF;/*border-top:14px solid #EDF9FF*/ } .columnRight .boxWhite h2, .contestTool .wrapDefaultBox h3 {color:#6DBA19; font-size:1.4em; font-weight:bold; background:url('../images/krotteke.png') 0 4px no-repeat; padding:0 0 14px 30px; text-transform:uppercase} /* ------- Club VIB HP revamp ------- */ .categories{clear:both; margin-left:5px; overflow:hidden; zoom:1} .categories ul.navigation li{overflow:hidden; zoom:1; float:left; margin-left:10px; margin-bottom:8px} .categories ul.navigation li a{display:block; width:305px; height:100px; background:url('../images/vip_HP_links_sprites.jpg') no-repeat; font-size:1.2em} .categories ul.navigation li a:hover {text-decoration:none} .categories ul.navigation li a.vib-diary{background-position:0 18px} .categories ul.navigation li a.vib-music{background-position:0 -80px} .categories ul.navigation li a.vib-news{background-position:0 -179px} .categories ul.navigation li a.vib-family{background-position:0 -276px} .categories ul.navigation li a.vib-photos{background-position:-307px 18px} .categories ul.navigation li a.vib-motors{background-position:-307px -80px} .categories ul.navigation li a.vib-cinema{background-position:-307px -179px} .categories ul.navigation li a.vib-gastronomy{background-position:-307px -276px} .categories ul.navigation li a.viblili{background-position:0px -389px; height:118px; width:615px } .whyVib{padding:20px 14px 14px 218px; background:url('../images/VIP.jpg') no-repeat 30px 35px} .whyVib img{float:left; margin-right:35px} .whyVib h2, .whyVib h3, .whyVib p{overflow:hidden; zoom:1} .topic-banner-30, .topic-banner-31, .topic-banner-32, .topic-banner-33, .topic-banner-34, .topic-banner-35, .topic-banner-36, .topic-banner-37, .topic-banner-40, .topic-banner-41, .topic-banner-42, .topic-banner-43, .topic-banner-44, .topic-banner-45, .topic-banner-46, .topic-banner-47{height:200px; position:relative} .bannerTxt{color:#fff; font:2.85em Arial, Helvetica, sans-serif; left:308px; position:absolute; top:114px} .topic-banner-30 {background:url('../images/vip_Diary_banner.jpg') no-repeat right 0} .topic-banner-42 {background:url('../images/vip_Diary_banner.jpg') no-repeat right 0} .topic-banner-31 {background:url('../images/vip_photos_banner.jpg') no-repeat right 0} .topic-banner-40 {background:url('../images/vip_photos_banner.jpg') no-repeat right 0} .topic-banner-32 {background:url('../images/vip_music_banner.jpg') no-repeat right 0} .topic-banner-41 {background:url('../images/vip_music_banner.jpg') no-repeat right 0} .topic-banner-33 {background:url('../images/vip_motors_banner.jpg') no-repeat right 0} .topic-banner-47 {background:url('../images/vip_motors_banner.jpg') no-repeat right 0} .topic-banner-34 {background:url('../images/vip_news_banner.jpg') no-repeat right 0} .topic-banner-43 {background:url('../images/vip_news_banner.jpg') no-repeat right 0} .topic-banner-35 {background:url('../images/vip_cinema_banner.jpg') no-repeat right 0} .topic-banner-44 {background:url('../images/vip_cinema_banner.jpg') no-repeat right 0} .topic-banner-36 {background:url('../images/vip_family_banner.jpg') no-repeat right 0} .topic-banner-45 {background:url('../images/vip_family_banner.jpg') no-repeat right 0} .topic-banner-37 {background:url('../images/vip_Gastronomy_banner.jpg') no-repeat right 0} .topic-banner-46 {background:url('../images/vip_Gastronomy_banner.jpg') no-repeat right 0} /* ------- VIP HP ------- */ .vipHPbloglist.boxContent{padding:14px 5px 14px 4px} .vipHPbloglist h2{margin-left:10px} .vipHPbloglist .categories{margin-left:0} /* IE6 */ * html .categories ul.navigation li a{width:302px} * html .vipHPbloglist.boxContent{padding:14px 0px 14px 3px} * html .vipHPbloglist .categories ul{margin-left:-9px} /* ------- Blogs Explore Videos ------- */ ul.exploreList div.video{display:block} ul.exploreList div.hidden{display:none} ul.exploreVideo li{padding:7px 0} ul.exploreVideo p.blogVideolink{clear:both} /* fixes */ #ceHeaderSearch {margin:0 55px 0 0;width:586px;float:left} .internetSkyPOrPBlanches.fr .internet { text-align:center} #belgiumsearch_form input.inputNotHighlighted, #googlesearch_form input.inputNotHighlighted, #blogssearch_form input.inputNotHighlighted, #skynetsearch_form input.inputNotHighlighted, #belgiumsearch_form input.inputHighlighted, #googlesearch_form input.inputHighlighted, #blogssearch_form input.inputHighlighted, #skynetsearch_form input.inputHighlighted { height:17px; width:413px} #gpsearch_form inputinput.inputNotHighlighted, #gpsearch_form input.inputNotHighlighted, #wpsearch_form input.inputNotHighlighted, #wpsearch_form input.inputNotHighlighted, #gpsearch_form input.inputHighlighted, #gpsearch_form input.inputHighlighted, #wpsearch_form input.inputHighlighted, #wpsearch_form input.inputHighlighted { height:18px} .search .internetSkyPOrPBlanches.fr ul {width:485px} /* -------------- Interviews - FR only -------------- */ img.portret {float: left; margin: 0 0 20px 0;} img.btn_blog {margin: 0px 0px 15px 6px; vertical-align: top; } p.intro {float: left; width: 340px; margin: 0 0 0 25px;} h4.intro {float: left; width: 345px; margin: 0 0 0px 10px; background-position: 2px 5px; padding-left:15px; text-transform:none} .full {width: 100%; float: left; margin: 0 0 25px 0} .full h4, .twoColl h4 {float: left; display:block; margin: 0px; background-position: 2px 5px; padding-left:15px; text-transform:none; font-size: 16px} .full p {margin: 0 0 0 15px; clear:both;} .full p a, .full p a:visited {font-weight: bold; text-decoration: none; color:#3FB2F3} .twoColl {width: 43%; float: left; margin: 0 0 30px 0} .twoColl.left {margin: 0 40px 25px 0;} .twoColl p {margin: 0 0 0 15px; clear:both;} .twoColl p a, .twoColl p a:visited {font-weight: bold; text-decoration: none; color:#3FB2F3} .full.last, .twoColl.last {margin: 0 0 0 0;} .dottedline {border-top: dotted 1px #888888; float:left; margin-bottom: 15px; margin-top: 15px; width: 100%} .bottomLeft, .bottomRight { color: #999999; float: left; font-size: 11px; } .bottomLeft { margin-right: 10%; width: 42%; } .bottomRight { width: 40%; } .bottomLeft p, .bottomRight p { padding: 0 0 0 0; } .bottomLeft p a, .bottomLeft p a:visited, .bottomRight p a, .bottomRight p a:visited { color: #3FB2F3; font-weight: bold; } .boxContent.interviews ul li { float: left; margin-right: 10px; } /* ------ Jobat -------*/ .columnRight .jobat{background:url("../images/columnRight/columnright_background_up.jpg") no-repeat scroll left top #FFFFFF; padding:14px 7px 10px 7px} .columnRight .BCEAdminBox{overflow:hidden; zoom:1} .columnRight .imu{padding:10px 5px 10px 7px; overflow:hidden; zoom:1}