html,
body { height: 100%; }
body { font-family: Arial; background: url("../images/backgrounds/bg.png"); }
/* z-index table */
ul.actions li.share ul.sharePopup { z-index: 3; }
.bigProfile { z-index: 2; }
.box { z-index: 1; }
a { text-decoration: none; }
#wrapper { width: 944px; background: url("../images/backgrounds/bgMain.png"); background-repeat: repeat-y; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -220px; }
#main { padding: 30px 34px 30px 30px; position: relative; }
#navigation { background: #000; margin-top: 8px; height: 37px; overflow: hidden; }
#navigation ul li { float: left; padding: 9px; border-right: 1px solid #333; }
#navigation ul li a { color: #ccc; font-size: 15px; text-transform: uppercase; }
#navigation ul li.active a,
#navigation ul li a:hover { color: #c36; }
#navigation ul li.searchItem a { float: left; }
#navigation ul li #search { width: 350px; }
#navigation ul li #search input { width: 200px; background: #000; font-size: 12px; color: #ccc; border: 0; padding: 3px; float: left; }
#navigation ul li #search #searchBtn { width: auto; }
#headerMenu { position: absolute; top: 10px; right: 30px; }
#headerMenu li { float: left; color: #999; margin-right: 15px; font-size: 11px; color: #333333; }
#headerMenu li a { color: #333333; }
#headerMenu li a:hover { color: #c36; }
h1 a#logotype { display: block; margin: 0 0 30px 0; width: 325px; height: 25px; text-indent: -9998px; background: url('../images/general/logotype.png'); }
h2 { font-size: 25px; line-height: 18px; color: #fff; text-transform: uppercase; font-weight: bold; }
h2 a { color: #fff; }
h2.prevImpressions { margin-bottom: 18px; padding-top: 18px; }
.about-contact #content h2,
.home #content h2 { margin-bottom: 18px; }
#viewInfo { position: relative; height: 75px; margin-bottom: 15px; }
#viewInfo #viewTitle { position: absolute; bottom: 0; float: left; }
#viewTitle span { font-size: 14px; color: #999; font-weight: bold; text-transform: uppercase; }
#viewInfo #filter { position: absolute; bottom: 0; float: left; margin-left: 380px; width: 160px; }
#viewInfo #filter #fitlerTitle { float: left; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; height: 25px; width: 50px; }
#viewInfo #filter #filterOptions { margin-top: 3px; float: left; font-size: 10px; font-weight: bold; height: 25px; width: 110px; }
#viewInfo #filter #filterOptions a { color: #999; }
#viewInfo #filter #filterOptions .filterImage { float: left; margin-right: 5px; }
#viewInfo #filter #filterOptions ul li.filterImpression { margin-top: 3px; }
.impressions.article #content,
#content { min-height: 10px; width: 570px; float: left; border-right: 7px solid #000; position: relative; }
#content p { width: 540px; font-size: 13px; color: #333; line-height: 18px; margin-bottom: 18px; }
#content p a { color: #999; }
#content p a:hover { color: #c36; }
#content p.introduction { color: #333; font-size: 14px; font-weight: bold; }
#content h3 { margin-bottom: 5px; font-weight: bold; color: #333; clear: both; }
#content #filterWrapper { width: 570px; margin-bottom: 20px; }
#content .filterOption { float: left; width: 270px; margin-bottom: 20px; }
#content .filterOption ul.categoryCol2 { padding-top: 20px; }
#content form { float: left; }
#content h5 { font-size: 11px; font-weight: bold; color: #333; line-height: 18px; clear: both; }
#content input[type="text"] { font-size: 11px; display: block; width: 260px; margin-bottom: 20px; padding: 4px; border: 0; }
#content textarea { font-size: 11px; display: block; width: 264px; margin-bottom: 20px; padding: 4px 2px; border: 0; }
#content .submit { color: #c36; font-weight: bold; text-decoration: underline; background: transparent; border: 0; width: auto; cursor: pointer; padding: 0; }
#content #uploadThumbnailWrapper { width: 230px; float: right; }
#content .submitImage { width: 200px; height: 110px; background: #333; float: left; margin-bottom: 20px; }
#content .submitImage p { color: #999; font-size: 10px; padding: 5px; font-weight: normal; width: auto; }
#content .submitImage p a { display: block; color: #ff6; text-decoration: underline; }
#content .submitImage .filename { padding: 0; font-size: 10px; color: #fffd49; }
#content .submitImage .action { background: transparent; text-shadow: none; color: #fffd49; font-weight: bold; }
#content #impressionsGallery { position: relative; width: 550px; height: 326px; overflow: hidden; margin-bottom: 20px; }
#content #impressionsGallery ul li img { display: block; width: 550px; height: 326px; }
#content #impressionsGallery a.closeButton { position: absolute; display: block; top: 10px; right: 10px; width: 31px; height: 30px; background: url('../images/buttons/close_profile.png'); background-repeat: no-repeat; text-indent: -8888px; padding: 0; margin: 0; }
#content #impressionsGallery a.closeButton:hover { background-position: 0 -30px; }
#content .column { width: 190px; float: left; }
#content .column ul.links { margin-bottom: 20px; }
#content .column ul.links li a { font-size: 12px; font-weight: bold; color: #666; }
#content .column ul.links li a:hover { color: #c36; }
#content .columns { -webkit-column-count: 2; -webkit-column-gap: 30px; -moz-column-count: 2; -moz-column-gap: 30px; }
#content span.hightlightText { color: #ff6; }
#content .pagination { clear: both; font-size: 11px; font-weight: bold; }
#content .pagination a { color: #262626; }
#content .pagination a:hover,
#content .pagination .current { color: #c36; }
#content #infscr-loading { clear: both; }
.rescue404 #content,
.impressions #content,
.links #content { width: 100%; float: left; position: relative; border: 0; }
.impressions .box { width: 273px; height: 280px; margin-right: 30px; }
.impressions #content .box p,
.impressions .box p { font-size: 11px; width: 273px; line-height: normal; font-weight: bold; }
.impressions .box p a { color: #999; }
.impressions .box p a:hover { color: #c36; }
.impressions .box.third { margin-right: 0; }
.impressions .box img.gridThumbnail { width: 273px; height: 156px; overflow: hidden; }
.impressionsVideo #content .box { height: 220px; margin-right: 30px; }
.impressionsVideo #content .box p { font-size: 11px; width: 273px; line-height: normal; font-weight: bold; }
.impressionsVideo #content .box.third { margin-right: 0; }
.impressions.article #content { width: 540px; padding-right: 30px; }
.impressions.article #content p { width: auto; }
.impressions.article #content h5 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 18px; }
.impressionImageContainer { width: 273px; height: 156px; position: relative; }
.impressionImageContainer .ajax-loader { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; }
.box { position: relative; height: 210px; float: left; margin-right: 30px; width: 160px; }
.box a { }
.box h3.name a { font-size: 14px; font-weight: bold; color: #000; }
.box .website a { display: block; font-size: 10px;clear: both; color: #fff; padding-bottom: 4px; }
.box ul.tags li { float: left; margin-right: 5px; color: #999; font-size: 10px; font-weight: bold; }
.box img.gridThumbnail { width: 160px; height: 120px; overflow: hidden; }
.box ul.awards { clear: both; height: 20px;}
.box ul.awards li { display: inline; }
.box .bigProfile { position: absolute; top: 0; left: 0; padding: 10px; height: 390px; width: 330px; background: #fff; }
.box .bigProfile .bigProfileImage { display: block; margin-bottom: 5px; width: 330px; height: 244px; overflow: hidden; }
.box .bigProfile .favourite { float: right; }
.box .bigProfile h3.name { font-size: 14px; font-weight: bold; color: #000; }
.box .bigProfile .website a { display: block; font-size: 10px; clear: both; color: #666; font-weight: bold; margin-bottom: 10px; padding-bottom: 4px; }
.box .bigProfile .profileInfo { position: absolute; bottom: 10px; }
.box .bigProfile .profileInfo .headline { clear: both; font-size: 10px; font-weight: bold; color: #ccc; padding-bottom: 5px; }
.box .bigProfile .profileInfo ul.tags { margin-top: -5px; }
.box .bigProfile .profileInfo ul.tags li { float: left; margin-right: 5px; color: #666; font-size: 10px; font-weight: bold; }
.box .bigProfile a.closeProfile { position: absolute; display: block; top: 10px; right: 10px; width: 31px; height: 30px; background: url('../images/buttons/close_profile.png'); background-repeat: no-repeat; text-indent: -8888px; }
.box .bigProfile a.closeProfile:hover { background-position: 0 -30px; }
.box.third .bigProfile { left: -190px; }
.home .box,
.freelancers .box,
.agencies-studios .box { width: 160px; }
#sidebar { padding-left: 30px; width: 273px; float: left; }
#sidebar .sideBarHeadline { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #000; clear: both; }
#sidebar .sideBarHeadline a { color: #000; }
#sidebar h2.impressionName { margin-bottom: 4px; }
#sidebar h2.impressionName a { font-size: 20px; font-weight: bold; color: #000; text-transform: none; }
#sidebar p { font-size: 12px; font-weight: bold; color: #333; }
#sidebar p a { color: #999; }
#sidebar p a:hover { color: #c36; }
#sidebar .filter { margin: 0 0 50px 0; }
#sidebar .sponsors { margin: 0 0 50px 0; }
#sidebar .sponsors h4 { margin: 0 0 10px 0; }
#sidebar .sponsors li { float: left; margin: 0 1px 1px 0; }
#sidebar .sponsors li a { display: block; width: 135px; height: 95px; background-image: url("/images/backgrounds/sprite-sponsors.png"); background-repeat: no-repeat; text-indent: -9999px;}
#sidebar .sponsors li.interested a { background-position: 0 0; }
#sidebar .sponsors li.creative-jobs a { background-position: -135px 0; }
#sidebar .sponsors li.computerlove a { background-image: url("/images/sponsors/computerlove.gif"); background-repeat: no-repeat; }
#sidebar .development { font-size: 11px; font-weight: bold; color: #666666; }
#sidebar .development strong { color: #FFFFFF; font-weight: bold; }
#sidebar .development a { color: #666666; }
#sidebar #twitter { margin: 50px 0; }
#sidebar #twitter h4,
#sidebar #statistics h4 { float: left; text-transform: uppercase; font-weight: bold; }
#sidebar #statistics { margin-top: 50px; clear: both; }
#twitter_update_list { width: 200px; float: right; }
#twitter_update_list li { margin-bottom: 20px; word-wrap: break-word; }
#twitter_update_list li a { color: #fff; font-size: 11px !important; font-weight: bold; display: block; }
#twitter_update_list li span { color: #333; font-weight: bold; font-size: 11px; display: block; }
#twitter_update_list li span a { color: #333; text-decoration: underline; display: inline; }
.impressions #sidebar a img.impressionImage { width: 135px; height: 80px; overflow: hidden; margin-right: 3px; float: left; }
.impressions #sidebar a img.impressionImage.second { margin: 0 0 3px 0; }
.home a img.impressionImage { width: 273px; height: 156px; overflow: hidden; }
/* Buttons */
.dotButton { font-size: 9px; color: #fff; padding-left: 12px; height: 9px; background: url("../images/buttons/play.gif"); background-repeat: no-repeat; }
.dotButton:hover { color: #ff6; background-position: 0 -19px; }
/**/
.closeButton { display: none; font-size: 9px; color: #fff; padding-left: 12px; width: 9px; height: 9px; background: url("../images/buttons/close.png"); background-repeat: no-repeat; margin-bottom: 20px;}
.closeButton:hover{ color: #ff6; background-position: 0 -19px; }
/* end buttons */
h4.headline { clear: both; color: #fff; text-transform: uppercase; font-weight: bold; height: 20px; }
h4.headline.location { margin-top: 30px; }
ul.selectList li { margin-top: 5px; }
ul.selectList li a { background: url("../images/buttons/list-dot.png"); background-repeat: no-repeat; background-position: 0 2px; padding-left: 14px; font-size: 12px; color: #999; font-weight: bold; }
ul.selectList li.active a { background: url("../images/buttons/list-dotActive.png"); background-repeat: no-repeat; background-position: 0 2px; color: #333; }
form.filter { font-size: 12px; font-weight: bold; }
.row { margin-top: 4px; }
span.optionText { color: #999; font-size: 12px; font-weight: bold; display: inline-block; padding-top: 3px; cursor: pointer; }
span.optionText.active { color: #333; }
.checker { clear: left; }
form.filter .fields { width: 300px; float: left; }
fieldset p { width: auto; font-weight: bold; }
#content form p { margin-bottom: 0; font-size: 11px; width: auto; }
form.filter .checker,
form.filter .radio { margin-left: -5px; }
ul.actions { padding: 20px 0; }
ul.actions li { float: left; font-size: 9px; margin-right: 30px; padding-left: 12px; }
ul.actions li.share { background: url("../images/buttons/share.png"); background-repeat: no-repeat; color: #fff; cursor: pointer; }
ul.actions li.link { background: url("../images/buttons/link.png"); background-repeat: no-repeat; }
ul.actions li.pdf { background: url("../images/buttons/pdf.png"); background-repeat: no-repeat; }
ul.actions li:hover { color: #00f; background-position: 0 -19px; }
ul.actions li a { color: #fff; }
ul.actions li a:hover { color: #00f; }
ul.actions li.share ul.sharePopup { position: absolute; margin-left: -12px; background: #fff; padding: 15px 10px 0 10px; margin-top: 5px; background-image: url("../images/backgrounds/shareBackground.png"); background-repeat: no-repeat; }
ul.actions li.share ul.sharePopup li { width: 50px; margin-bottom: 10px; color: #666; font-size: 10px; font-weight: bold; background: url("../images/buttons/shareSprite.png"); background-repeat: no-repeat; }
ul.actions li.share ul.sharePopup li.facebook { background-position: 0 2px; }
ul.actions li.share ul.sharePopup li.myspace { background-position: 0 -26px; }
ul.actions li.share ul.sharePopup li.digg { background-position: 0 -54px; }
ul.actions li.share ul.sharePopup li.twitter { background-position: 0 -82px; }
ul.actions li.share ul.sharePopup li.linkedin { background-position: 0 -110px; }
ul.actions li.share ul.sharePopup li.delicious { background-position: 0 -138px; }
ul.actions li.share ul.sharePopup li.newRow { clear: left; }
ul.actions li.share ul.sharePopup li a { color: #666; }
#footer, #footerPush { height: 220px; }
#footerPush { clear: both; }
#footer { position: relative; padding-left: 30px; font-size: 11px; }
#footerContent { position: absolute; bottom: 0; height: 30px; }
#footer #madeWithLove,
#footer #madeWithLove a { color: #fff; }
#footer #madeWithLove a:hover { color: #c36; }
#footer #madeWithLove .love { width: 7px; height: 7px; }
::-moz-selection { background: #c36; }
::selection { background: #c36; }
.hide { display: none; }
.clear { clear: both; }
span.white,
span.white a { color: #fff; }
h4 { font-size: 16px; }
#overlay { position: fixed; width: 100%; height: 100%; z-index: 999; background: #c36; }
#overlay div { width: 400px; height: 270px; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -135px; text-indent: -8888px; background: url('../images/general/welcome.png'); }
.ico-nl {
padding-left: 25px;
background-image: url("/images/general/ico-nl.png");
background-repeat: no-repeat;
background-position: left top;
}
.ico-be {
padding-left: 25px;
background-image: url("/images/general/ico-be.png");
background-repeat: no-repeat;
background-position: left top;
}
/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
.creative_network-register { display: block; margin: 0 0 30px 0; width: 273px; height: 65px; background: url('/images/buttons/btn-cnnl.png') no-repeat 0 0; text-indent: -9999px; }
* html .clearfix { zoom: 1; }
/* Holding page */
body.holding-page { }
body.holding-page #logotype { margin: 0 0 30px 0; width: 325px; height: 20px; background: url("/images/holding-page/logo-ccnl.png") no-repeat 0 0; }
body.holding-page h2 { clear: both; float: left; width: 205px; font-size: 32px; text-align: right; color: rgb(255,255,255); }
body.holding-page .launching-soon { color: #cc3366; }
body.holding-page .intro { float: right; margin: 0 0 30px 0; width: 650px; font-size: 18px; line-height: 24px; color: rgb(255,255,255); font-weight: bold; }
body.holding-page form { float: right; width: 650px; }
body.holding-page .success { float: right; width: 650px; font-size: 30px; line-height: 35px; color: rgb(0,174,239); font-weight: bold; }
body.holding-page form input.text { border: none; padding: 5px; width: 250px; background: rgb(255,255,255); font-size: 14px; font-family: Arial; font-style: italic; }
body.holding-page form textarea { border: none; padding: 5px; width: 250px; height: 152px; font-size: 14px; background: rgb(255,255,255); font-family: Arial; font-style: italic; }
body.holding-page form label { font-size: 16px; color: rgb(51,51,51); }
body.holding-page form .fieldWithErrors { display: inline; }
body.holding-page form legend { padding: 3px 0 3px 35px; font-size: 18px; color: rgb(0,174,239); background: url("/images/holding-page/sprite-balls.png") no-repeat 0 50px; }
body.holding-page form legend .note { font-size: 12px; color: rgb(255,255,255); }
body.holding-page form label.error { display: block; padding: 3px 5px !important; width: 250px; background: #CC3366; font-size: 12px; color: rgb(255,255,255); }
body.holding-page form .radio-list label.error { position: absolute; top: 0; left: 0; width: 150px; }
body.holding-page form #slide-1 .radio-list label.error { top: -29px; left: 400px; }
body.holding-page form fieldset { padding: 0 0 20px 0; }
body.holding-page form fieldset.one legend { background-position: 0 0; }
body.holding-page form fieldset.two legend { background-position: 0 -50px; }
body.holding-page form fieldset.three legend { background-position: 0 -100px; }
body.holding-page form fieldset.four legend { background-position: 0 -150px; }
body.holding-page form .filterOption { padding-left: 35px; }
body.holding-page form .filterOption li { margin-top: 4px; }
body.holding-page form div.radio span { background-position: 0 -275px; }
body.holding-page form div.checker span { background-position: 0 -257px; }
body.holding-page form div.checker span.checked { background-position: -76px -257px;; }
body.holding-page form div.radio span.checked { background-position: -72px -275px; }
body.holding-page form .optionText { font-size: 16px; }
body.holding-page form #basic-info .fields { clear: both; float: none; padding: 10px 0 0 35px; width: auto; }
body.holding-page form #basic-info .field { float: left; padding: 0 0 20px 0; width: 285px; }
body.holding-page form #basic-info label { display: block; padding: 0 0 7px 0; }
body.holding-page form #basic-info .characters { display: none; }
body.holding-page form #basic-info .field .uploader { margin: 0 0 5px 0; width: auto; background: none; overflow: visible; }
body.holding-page form #basic-info .field .uploader .filename { float: none; display: block; border: none; margin: 0; padding: 0 20px 0 5px; width: 210px; height: 27px; font-size: 16px; text-align: left; background: rgb(255,255,255) url("/images/holding-page/bg-file-input.png") no-repeat right center; }
body.holding-page form #basic-info .field .uploader input { cursor: pointer; }
body.holding-page form #basic-info .field .uploader .action { opacity: 0; }
body.holding-page form #basic-info .field .uploader label.error { position: absolute; top: 95px; width: auto; }
body.holding-page form #basic-info .field .note { clear: both; font-size: 12px; color: rgb(255,255,255); }
body.holding-page form #category .filterOption { float: left; width: 275px; }
body.holding-page form #location .filterOption li { float: left; width: 307px; }
body.holding-page form .actions { padding: 30px 0 0 0; clear: both; }
body.holding-page form .actions .next,
body.holding-page form .actions button,
body.holding-page form .actions .previous { display: block; border: none; padding: 3px 10px; height: 21px; font-size: 18px; color: rgb(255,255,255); cursor: pointer; }
body.holding-page form .actions .next,
body.holding-page form .actions button { float: right; padding-right: 20px; background: rgb(0,174,239) url("/images/holding-page/bg-btn-next.png") no-repeat right center; }
body.holding-page form .actions button { height: 27px; font-weight: bold; }
body.holding-page form .actions .previous { float: left; padding-left: 20px; background: rgb(153,153,153) url("/images/holding-page/bg-btn-previous.png") no-repeat left center; }
body.no-js form #basic-info .actions,
body.no-js form #category .actions,
body.no-js form #location .actions .previous { display: none; }