/* Content ---------------------------------------------------------- */ div.main_content{ padding:10px 0 10px 15px; margin-right: 15px; position: relative; } div.main_content h2{ font-size:1.29em; line-height: 1.29em; font-weight:bold; color: #424244; } div.main_content h3 { font-size: 1.14em; font-weight: bold; color: #cac600; line-height: 1.2em; padding: 11px 0; } div.main_content h3.nopadding { padding: 0; } div.main_content .ad_right{ float:right; width:300px; overflow: hidden; } div.main_content div.more { clear: both; overflow: hidden; padding: 10px 0; } div.main_content div.more a { float: right; line-height: 1em; margin-left: 15px; padding-left: 22px; font-size: 1em; color: #1382ad; text-decoration: underline; background: url(../../images/layout/more_icon.png) left no-repeat; } div.main_content div.more a:hover { text-decoration: none; } div.main_content div.content a{text-decoration: underline;} div.main_content div.content a:hover{text-decoration: none;} div.main_content div.content ol { list-style: decimal; margin-left:25px; padding:15px 15px 15px 0;} /* Article overview ---------------------------------------------------------- */ div.article_overview{ width:100%; } div.article_overview li.entry{ padding:15px 0 0; width: 100%; overflow:hidden; } div.article_overview li.first{ padding-top:10px; } div.article_overview li.entry.image{ padding-left:114px; width:615px; } div.article_overview li.entry.dots{ background:url(../../images/layout/black_dots.png) repeat-x left bottom; padding-bottom: 15px; } div.article_overview li.entry small{color:#1382ad; white-space: nowrap; } div.article_overview li.entry.image img.left{ margin-left:-113px; border:1px solid #a8a8a9; float:left; } div.article_overview li.entry div.header { overflow: hidden; line-height: 1.5em; } div.article_overview li.entry div.header h3 { color: #cac600; float: left; margin-right: 10px; padding: 0; font-size: 1.15em; } div.article_overview li.entry div.header h3 a { color: #cac600; } div.article_overview li.entry div.header span.date { float: left; font-size: 1em; color: #1382ad; margin-right: 10px; } div.article_overview li.entry div.header span.replies { float: left; font-size: 1em; margin-right: 10px; } div.article_overview li.entry div.header span.date { float: left; font-size: 1em; margin-right: 10px; } div.article_overview li.entry div.header span.replies a { text-decoration: underline; } div.article_overview li.entry div.header div.quotation { float: right; } div.article_overview li.entry div.content{ width:100%; } div.article_overview li.entry div.content a { text-decoration: underline; } div.article_overview li.entry div.content a:hover { text-decoration: none; } div.article_overview li.entry div.content ul { list-style: inside disc; margin: 10px; } /* Article overview detailed ---------------------------------------------------------- */ div.article_overview_detailed div.entry{ overflow:hidden; height: 100%; background:url(../../images/layout/black_dots.png) repeat-x left bottom; padding-bottom: 15px; clear: both; } div.article_overview_detailed div.entry.paddingtop { padding-top: 15px; } div.article_overview_detailed div.entry.ad { float: left; clear: left; width: 415px; overflow: hidden; } div.article_overview_detailed div.entry h3 { color: #343434; } div.article_overview_detailed div.ad_right { float: right; margin-top: 15px; } div.article_overview_detailed div.image { float: left; width: 99px; margin-right: 15px; } div.article_overview_detailed div.main { overflow: hidden; } div.article_overview_detailed div.entry.ad div.main { width: 415px; } div.article_overview_detailed div.main.withimage { float: left; width: 615px; } div.article_overview_detailed div.entry.ad div.main.withimage { width: 301px; } div.article_overview_detailed div.details div.image img { display: block; border: 1px solid #a8a8a9; } div.article_overview_detailed div.header { overflow: hidden; line-height: 1.5em; } div.article_overview_detailed div.header h4 { color: #cac600; float: left; margin-right: 10px; padding: 0; font-size: 1.15em; } div.article_overview_detailed div.header h4 a { color: #cac600; } div.article_overview_detailed div.header span.date { float: left; font-size: 1em; color: #1382ad; margin-right: 10px; } div.article_overview_detailed div.header span.replies { float: left; font-size: 1em; margin-right: 10px; } div.article_overview_detailed div.header span.date { float: left; font-size: 1em; margin-right: 10px; } div.article_overview_detailed div.header span.replies a { text-decoration: underline; } div.article_overview_detailed div.header div.quotation { float: right; } div.article_overview_detailed div.content { clear: both; padding-top: 10px; line-height: 1.3em; } div.article_overview_detailed p.more { clear: both; } div.article_overview_detailed p.more a { color: #1382ad; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; text-decoration: underline; } div.article_overview_detailed p.more a:hover { text-decoration: none; } /* RSS overview ---------------------------------------------------------- */ div.rss_overview{ width:100%; } div.rss_overview li.entry{ padding:15px 0; overflow:hidden; } div.rss_overview li.entry.dots{ background:url(../../images/layout/black_dots.png) repeat-x left bottom; } div.rss_overview li.entry.last { margin-bottom: 10px; } div.rss_overview li.entry h3{ font-size:1.14em; font-weight:bold; color:#cac600; padding: 0; } div.rss_overview li.entry h3 a{ color:#cac600; } div.rss_overview li.entry h3 small{ padding:0 0 0 5px; font-weight:normal; font-size:0.75em; color:#1382ad; white-space: nowrap; } div.rss_overview li.entry div.content { margin-top: 3px; clear: both; } /* Article details ---------------------------------------------------------- */ div.article { width: 100%; background:url(../../images/layout/black_dots.png) left bottom repeat-x; padding-bottom: 20px;} /* header */ div.article div.header { overflow: hidden; line-height: 1.5em; margin: 7px 0; } div.article div.header h3 { float: left; margin-right: 10px; padding: 0; } div.article div.header span.date { float: left; font-size: 1em; color: #1382ad; margin-right: 10px; } div.article div.header span.replies { float: left; font-size: 1em; margin-right: 10px; } div.article div.header span.replies a { text-decoration: underline; } div.article div.header div.quotation { float: right; } div.article div.header div.recipe_detail { float: right; clear:right; color:#1382ad; } div.article div.header ul.cat_list { float: left; margin:0; } /* main */ div.article div.main { clear: both; } div.article div.main div.images { float: left; width: 177px; margin: 0 8px 0 0; overflow: hidden; } div.article div.main div.images.overview { width: 730px; } div.article div.main div.images li { float: left; margin: 0 5px 5px 0; } div.article div.main div.images img { display: block; } div.article div.main div.images a { display: block; border: 1px solid #aeaeaf; } div.article div.main div.images a:hover { border-color: #888; } div.article div.main div.content { line-height: 1.25em; } div.article div.main div.content h3 { padding-bottom: 5px; } div.article div.main div.content h4 { font-weight: bold; color: #1382AD; } div.article div.main div.content.clear { clear:both; } div.article div.main div.content.bluebox { border: 1px solid #9ad5eb; padding:12px 15px; margin-bottom: 10px; } div.article div.main div.content ul { padding: 15px 15px 15px 23px; list-style-image: url(../../images/layout/icons/bullet_idf_big.png); list-style-position: outside; overflow: hidden; } div.article div.main div.content ul li { padding: 4px 0 4px 0; } div.article div.main div.content ul a { text-decoration: underline; } div.article div.main div.content ul a:hover { text-decoration: none; } div.article div.main div.details { line-height: 22px; } div.article div.main div.details h3{ padding:0px; margin:0px; } div.article div.main div.weather{ margin-bottom:15px; height:100px; clear:both; } div.article div.main div.weather ul { margin:0; } div.article div.main div.weather ul li { float:left; height:60px; width:170px; background:url(../../images/layout/black_dots_vertical.png) right top repeat-y; margin-right:15px;} div.article div.main div.weather ul li.last { background:none; margin-right:0;} div.article div.main div.weather ul li img{ float:left; width:60px; } div.article div.main div.weather ul li div.txt{ float:left; width:100px; padding:0 0 0 10px; } div.article div.main div.weather ul li div.txt span.day{ font-weight: bold; color:#1382ad; } div.article div.main div.weather ul li div.txt span.temp{ font-weight: bold; } div.article div.main div.other_locations{ margin-bottom:25px; clear:both; line-height: 1.8em; } div.article div.main div.other_locations a { margin: 0 10px 0 3px; text-decoration: underline; } div.article div.main div.other_locations a:hover { text-decoration: none; } div.article div.main ul.files { overflow: hidden; } div.article div.main ul.files li{ background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; width:340px; float:left; height:20px; display:block; } div.article div.main ul.files li a { color:#1382ad; text-decoration: underline; } div.article div.main ul.files li a:hover { text-decoration: none; } /* preview */ div.article.preview { padding: 10px; border: 1px solid #96d3ea; margin: 15px 0 5px; width: 700px; overflow: hidden; background: none; } div.article.preview div.header h3 { float: left; } /* Promo details ---------------------------------------------------------- */ div.promo { width: 100%; margin-top:10px; margin-bottom:10px; overflow: hidden; } /* main */ div.promo div.main { clear: both; } div.promo div.main div.images { float: left; width: 177px; margin: 0 8px 0 0; overflow: hidden; } div.promo div.main div.images.overview { width: 730px; } div.promo div.main div.images li { float: left; margin: 0 5px 5px 0; } div.promo div.main div.images img { display: block; } div.promo div.main div.images a { display: block; border: 1px solid #aeaeaf; } div.promo div.main div.images a:hover { border-color: #888; } div.promo div.main div.content { line-height: 1.25em; } div.promo div.main div.content h3 { padding: 0 0 5px 0; } div.promo div.main div.content ul { padding: 5px 15px 5px 23px; list-style-image: url(../../images/layout/icons/bullet_idf_big.png); list-style-position: outside; overflow: hidden; } div.promo div.main div.content ul li { padding: 2px 0 2px 0; } div.promo div.main div.content ol { padding: 5px 15px 5px 23px; list-style:decimal; list-style-position: outside; overflow: hidden; } div.promo div.main div.content ol li { padding: 2px 0 2px 0; } /* Contest */ div.promocontest form.default { width:410px; float:left; clear:left; margin:0; background: none; overflow: hidden; } div.promocontest form.default div.entry.error span.error {display:block; margin:2px 0 0 0;} div.promocontest div.entry.submit {margin-bottom: 0px;} div.promocontest div.h3-title { color: #1382ad; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; font-size: 1.14em; font-weight: bold; line-height: 1.2em; padding: 5px 0 5px 23px; } div.promocontest a.contitions {text-decoration: underline;} div.promocontest a.contitions:hover {text-decoration: none;} div.promocontest p.winners {font-size:12px; padding: 8px 0 15px 0;} /* Benefit */ div.benefitcontest div.actionbuttons {width:410px; clear:left;} div.benefitcontest div.benefitbutton a{ float: left; background-image: url(../../images/layout/benefit_btn.jpg); width: 122px; height: 25px; margin:5px 0 15px 0px; text-indent: -9999px;} /* Search results ---------------------------------------------------------- */ div.searchresults li { padding: 15px 0; background: url(../../images/layout/black_dots_vertical.png) left bottom repeat-x; overflow: hidden; } div.searchresults li a { text-decoration: underline; color: #1382ad; } div.searchresults li a:hover { text-decoration: none; } div.searchresults li div.image { float: left; width: 99px; margin-right: 15px; } div.searchresults li div.image img { display: block; border: 1px solid #a8a8a9; } div.searchresults li div.content { float: left; width:100%; } div.searchresults li div.content.small { width: 615px; } div.searchresults li div.content h3 { color: #CAC600; font-weight:normal; font-size:1.15em; padding: 0 0 10px; float:left; margin-right:10px; } div.searchresults li div.content h3 a { color: #CAC600; text-decoration: none; } div.searchresults li div.content span.date { float:left; margin-right:10px; font-size: 1em; } div.searchresults li div.content span.replies { float:left; margin-right:10px; font-size: 1em; } div.searchresults li div.content span.replies a{ text-decoration: underline; color:#343434; } div.searchresults li div.content span.replies a:hover{ text-decoration: none; } div.searchresults li div.content span.member { float:left; margin-right:10px; font-size: 1em; } div.searchresults li div.content span.member a{ text-decoration: underline; color:#343434; } div.searchresults li div.content span.member a:hover{ text-decoration: none; } div.searchresults li div.content div.quotation { float:right; } div.searchresults li div.content p { clear:both;} div.searchresults li p.more { clear: both; text-align: right; padding-top: 15px; } div.searchresults li p.more a { color: #1382ad; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; } /* Top fleurtjes ---------------------------------------------------------- */ div.top_fleurtjes { border: 1px solid #96d3ea; padding: 0 15px 15px; margin-top: 15px; } div.top_fleurtjes a { text-decoration: underline; } div.top_fleurtjes a:hover { text-decoration: none; } div.top_fleurtjes h3 { color: #1382ad; padding-left: 23px; background: url(../../images/layout/moduletitle_fleurtjes.png) left no-repeat; } div.top_fleurtjes div.image { float: left; width: 99px; margin-right: 15px; } div.top_fleurtjes div.image img { display: block; border: 1px solid #a8a8a9; } div.top_fleurtjes ul.small { float: left; width: 570px; } div.top_fleurtjes ul li { background: url(../../images/layout/icons/bullet_idf_big.png) left no-repeat; padding-left: 25px; font-weight: bold; color: #cac600; line-height: 1.2em; margin-bottom: 7px; } div.top_fleurtjes ul li a { font-weight: normal; color: #353535; } div.top_fleurtjes p.more { clear: both; text-align: right; padding-top: 15px; } div.top_fleurtjes p.more a { color: #1382ad; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; } /* Dossiers ---------------------------------------------------------- */ div.dossiers { border: 1px solid #96d3ea; padding: 0 15px 15px; margin-top: 15px; overflow: hidden; } div.dossiers a { text-decoration: underline; } div.dossiers a:hover { text-decoration: none; } div.dossiers h3 { color: #1382ad; padding-left: 23px; background: url(../../images/layout/moduletitle_dossiers.png) left no-repeat; } div.dossiers div.image { float: left; width: 99px; margin-right: 15px; } div.dossiers div.image img { display: block; border: 1px solid #a8a8a9; } div.dossiers ul.small { float: left; width: 570px; } div.dossiers ul li { line-height: 1.2em; margin-bottom: 7px; background: url(../../images/layout/icons/bullet_idf_big.png) left 3px no-repeat; padding-left: 25px; } div.dossiers ul li h4 { margin-bottom: 3px; } div.dossiers ul li h4 a { font-weight: normal; color: #cac600; font-weight: bold; } div.dossiers ul li div.dossier_content {display:block; color:#343434; margin-bottom: 20px;} div.dossiers ul li div.dossier_content a { text-decoration: underline; } div.dossiers ul li div.dossier_content a:hover { text-decoration: none; } div.dossiers ul li div.dossier_content ul { list-style: inside disc; margin: 10px; clear:both; } div.dossiers ul li div.dossier_content ul li{ border:0; width:auto; padding:0; float:none; margin:0; position: static; overflow: visible; background: none; } div.dossiers p.more { clear: both; text-align: right; padding-top: 15px; } div.dossiers p.more a { color: #1382ad; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; margin-top:15px; } /* Dossiers Overview ---------------------------------------------------------- */ div.dossiers_overview ul li { border: 1px solid #96d3ea; width: 325px; padding: 15px; overflow:hidden; position: relative; float:right; margin:10px 0 5px 0; line-height: 18px; } div.dossiers_overview ul li.left { clear:both; float:left; } div.dossiers_overview ul li.spotlight { background: #faf9d4; border:0; width:385px; min-height: 220px;} div.dossiers_overview ul li.spotlight h2{ margin-bottom:5px;} div.dossiers_overview ul li.ads { border: 0; padding:0; width:300px; float:right;} div.dossiers_overview ul li.ads img{ border: 0; margin:0; padding:0;} div.dossiers_overview ul li h3 { margin-bottom: 10px; padding:0; } div.dossiers_overview ul li h3 a { font-weight: normal; color: #cac600; font-weight: bold; } div.dossiers_overview ul li img {border: 1px solid #A8A8A9; display:block; float:left; margin: 0 15px 2px 0; } div.dossiers_overview ul li a.more {display:block; position: absolute; bottom: 10px; right: 15px; background: url(../../images/layout/icons/bullet_read_more_white.png) no-repeat 0 center; padding-left:15px; text-decoration: underline} div.dossiers_overview ul li a.more:hover {text-decoration: none;} div.dossiers_overview ul li div.dossier_content {display:block; color:#343434; margin-bottom: 20px;} div.dossiers_overview ul li div.dossier_content a { text-decoration: underline; } div.dossiers_overview ul li div.dossier_content a:hover { text-decoration: none; } div.dossiers_overview ul li div.dossier_content ul { list-style: inside disc; margin: 10px; clear:both; } div.dossiers_overview ul li div.dossier_content ul li{ border:0; width:auto; padding:0; float:none; margin:0; position: static; overflow: visible; } /* Dossiers Detail ---------------------------------------------------------- */ div.dossier_detail h2#top { padding-bottom:0px; color:#CAC600; font-size: 1.14em; font-weight:bold; } div.dossier_detail li.entry{overflow: hidden; padding: 15px 0; background: url('../../images/layout/black_dots.png') repeat-x left bottom;} div.dossier_detail li.entry.article{padding: 0 0 15px 0;} div.dossier_detail li.entry h3 {color:#1382AD; font-size:1.14em; font-weight:bold; padding:0;} div.dossier_detail li.entry h4 {color:#CAC600; font-size:1em; font-weight:bold; padding:0;} div.dossier_detail li.entry div.content {padding-top:8px;} div.dossier_detail li.entry div.content p{padding:0 0 15px 0;} div.dossier_detail li.entry div.content ul { padding: 15px 15px 15px 23px; list-style-image: url(../../images/layout/icons/bullet_idf_big.png); list-style-position: outside; overflow: hidden; } div.dossier_detail li.entry div.content ul li { padding: 4px 0; } div.dossier_detail li.entry div.content div.images { float: left; width: 177px; margin: 0 8px 0 0; overflow: hidden; } div.dossier_detail li.entry div.content div.images ul { padding: 0; list-style: none; } div.dossier_detail li.entry div.content div.images li { float: left; margin: 0 5px 5px 0; } div.dossier_detail li.entry div.content div.images img { display: block; } div.dossier_detail li.entry div.content div.images a { display: block; border: 1px solid #aeaeaf; } div.dossier_detail li.entry div.content div.images a:hover { border-color: #888; } div.dossier_detail li.entry a.top{background: url('../../images/layout/icons/bullet_idf_big.png') no-repeat left 2px; padding-left: 20px; float:right; margin:10px 5px 0 0 ; display:block; color:#CAC600; text-decoration: underline;} div.dossier_detail li.entry a.top:hover{text-decoration: none;} /* Games Overview ---------------------------------------------------------- */ div.games_overview ul li { border: 1px solid #96d3ea; width: 325px; padding: 15px; overflow:hidden; position: relative; float:right; margin:12px 0 3px 0; line-height: 18px; } div.games_overview ul li.left { clear:both; float:left; } div.games_overview ul li.topgames { background: #faf9d4; border:0; width:385px; height: 220px; overflow:hidden; } div.games_overview ul li.topgames h3 { color:#343434; } div.games_overview ul li.topgames div.game{ width:96px;} div.games_overview ul li.ads { border: 0; padding:0; width:300px; float:right;} div.games_overview ul li.ads img{ border: 0; margin:0; padding:0;} div.games_overview ul li h3 { margin-bottom: 10px; padding:0; } div.games_overview ul li h3 a { font-weight: normal; color: #cac600; font-weight: bold; } div.games_overview ul li div.game {width:108px; height:105px; float:left; overflow:hidden;} div.games_overview ul li div.game a {display:block; text-align: center; height:100%; width:100%; line-height: 15px;} div.games_overview ul li div.game a img {border: 1px solid #A8A8A9; display:block; margin:0 auto; height:65px; width:65px; } div.games_overview ul li div.game a span {font-size: 1.0em; color:#343434; font-weight: normal; text-decoration: underline; } div.games_overview ul li div.game a:hover span {text-decoration: none; } div.games_overview ul li a.more {display:block; position: absolute; bottom: 10px; right: 15px; background: url(../../images/layout/icons/bullet_idf_big_blue.png) no-repeat 0 center; padding-left:20px; text-decoration: underline; color:#1382AD;} div.games_overview ul li a.more:hover {text-decoration: none;} /* Games Overview ---------------------------------------------------------- */ div.games_category_overview div.game { border: 1px solid #96d3ea; width: 325px; padding: 15px; overflow:hidden; float:left; margin:12px 15px 3px 0; line-height: 18px; } div.games_category_overview div.game.last { margin-right:0px; } div.games_category_overview div.game img { float:left; margin-right:15px; border:1px solid #A8A8A9; } div.games_category_overview div.game h3 { margin:0; padding:0; } /* Games Detail ---------------------------------------------------------- */ div.games_detail div.game { margin-top:15px; } /* Default Article ---------------------------------------------------------- */ div.default_article div.content{ padding-top:10px; } div.default_article div.content a { text-decoration: underline; } div.default_article div.content a:hover { text-decoration: none; } div.default_article div.content div.images { float: left; width: 177px; margin: 0 8px 0 0; overflow: hidden; } div.default_article div.content div.images li { float: left; margin: 0 5px 5px 0; } div.default_article div.content div.images img { display: block; } div.default_article div.content div.images a { display: block; border: 1px solid #aeaeaf; } div.default_article div.content div.images a:hover { border-color: #888; } div.default_article div.content p { padding-bottom:10px; } div.default_article div.content ul { padding: 10px 15px 10px 23px; list-style-image: url(../../images/layout/icons/bullet_idf_big.png); list-style-position: outside; overflow: hidden; } div.default_article div.content ul li { padding: 4px 0; } /* Tabs ---------------------------------------------------------- */ div.tabs { overflow: hidden; margin-top: 15px; clear: both; } div.tabs a { float: left; margin-right: 1px; padding: 5px 10px; color: white; background: #1382ad; } div.tabs a.icon { padding: 5px 6px 4px; } div.tabs a.active, div.tabs a:hover {background: #e3e03f; color: #343434; } /* Mailbox ---------------------------------------------------------- */ div.mailbox { margin-top: 15px; padding: 0 15px 15px; border: 1px solid #9cd6eb; } /* messages */ div.mailbox table { margin-top: 5px; width: 100%; } div.mailbox table thead th { border-bottom: 1px solid white; color: white; background: #343434; padding: 3px 10px; font-weight: bold; } div.mailbox table tbody td { border-bottom: 1px solid white; padding: 12px 10px; background-color: #c4efff; } div.mailbox table tbody td a:hover { text-decoration: underline; } div.mailbox table tbody tr.even td { background-color: #9cddf5; } div.mailbox table tbody tr:hover td { background-color: #afe8ff; } div.mailbox table tbody tr.even:hover td { background-color: #7fcff0; } div.mailbox table tbody tr.new td { font-weight: bold; } div.mailbox table tbody td.first { background-image: url(../../images/layout/icons/bullet_idf_big_blue.png); background-position: 10px; background-repeat: no-repeat; padding-left: 40px; } div.mailbox table tbody td.delete a { display: block; width: 16px; height: 16px; margin: 0 auto; text-indent: -999px; overflow: hidden; background: url(../../images/layout/icons/delete.png) no-repeat; } /* message */ div.mailbox div.message ul.meta { background: #e1f7ff; padding: 15px; margin-top: 1px; } div.mailbox div.message ul.meta label { font-weight: bold; } div.mailbox div.message ul.meta li { margin-bottom: 3px; } div.mailbox div.message p { margin: 10px 5px 0; line-height: 1.2em; } div.mailbox div.message a { text-decoration: underline; } div.mailbox div.message a:hover { text-decoration: none; } div.mailbox div.message ul.more { clear: both; text-align: right; margin-top: 15px; } div.mailbox div.message ul.more li { display: inline; margin-left: 15px; padding-left: 17px; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; } div.mailbox div.message ul.more li a { text-decoration: underline; color: #1382ad; } div.mailbox div.message ul.more li a:hover { text-decoration: none; } /* Tips ---------------------------------------------------------- */ div.tips { border: 1px solid #96d3ea; padding: 0 15px 15px; margin-top: 15px; } div.tips a { text-decoration: underline; } div.tips a:hover { text-decoration: none; } div.tips h3 { color: #1382ad; padding-left: 23px; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; } div.tips div.image { float: left; width: 99px; margin-right: 15px; } div.tips div.image img { display: block; border: 1px solid #a8a8a9; } div.tips div.small { float: left; width: 570px; } div.tips h4{ font-weight: bold; color: #cac600; background: url(../../images/layout/icons/bullet_idf_big.png) left no-repeat; padding-left: 25px; margin-bottom: 5px; } div.tips ul li { line-height: 1.2em; margin-bottom: 7px; } div.tips ul li a { font-weight: normal; color: #353535; } div.tips ul li h4 a { font-weight: bold; color: #cac600; } div.tips ul li div.content { clear:both; padding-left:25px; } div.tips.leftheader ul li h4 { float:left; margin:0; } div.tips.leftheader ul li a { float:left; margin-left:5px; } /* Wedstrijden & Voordelen ---------------------------------------------------------- */ div.promos { border: 1px solid #96d3ea; padding: 0 15px 15px; margin-top: 15px; } div.promos a { text-decoration: underline; } div.promos a:hover { text-decoration: none; } div.promos h3 { color: #1382ad; padding-left: 23px; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; } div.promos ul li { line-height: 1.2em; margin-bottom: 7px; clear:both; } div.promos ul li div.image { float: left; width: 99px; margin-right: 15px; } div.promos ul li div.image img { display: block; border: 1px solid #a8a8a9; } div.promos ul li div.content { float:left;} div.promos ul li div.content.small { float:left; width:582px;} div.promos ul li div.content h4{ font-weight: bold; color: #cac600; background: url(../../images/layout/icons/bullet_idf_big.png) left no-repeat; padding-left: 25px; margin-bottom: 5px; } div.promos ul li div.content h4 a{ font-weight: bold; color: #cac600; text-decoration: none; } div.promos ul li a { font-weight: normal; color: #353535; } /* Weather + forecast + rain ---------------------------------------------------------- */ div.weather table { width: 100%; } div.weather table td, div.weather table th { background: #ecebbd; border-bottom: 2px solid white; padding: 5px; } div.weather table tr.odd td, div.weather table tr.odd th { background: #f9f9d3; } div.weather table th { font-weight: bold; text-align: left; padding-left: 10px; } div.weather table td label { font-weight: bold; } div.weather table td.icon { width: 80px; } div.weather table td.temperature strong { font-size: 23px; } div.weather table td.temperature small { display: block; font-size: 0.77em; } div.weather_forecast table { width: 100%; } div.weather_forecast table td, div.weather_forecast table th { background: #ecebbd; border-right: 2px solid white; padding: 5px; vertical-align: top; } div.weather_forecast table td.odd, div.weather_forecast table th.odd { background: #f9f9d3; } div.weather_forecast table th { text-align: center; font-size: 1.50em; line-height: 1.50em; padding-top: 5px; width: 25%; font-weight: bold; } div.weather_forecast table td div.info { width: 156px; margin: 0 auto; background: url(../../images/layout/black_dots.png) left top repeat-x; padding: 10px 0 5px; overflow: hidden; } div.weather_forecast table tr.first td { padding-top: 0; } div.weather_forecast table tr.first td div.info { background-image: none; } div.weather_forecast table td div.info img { float: left; width: 55px; margin-right: 10px; } div.weather_forecast table td div.info p { float: left; width: 91px; } div.weather_forecast table td div.info p strong { display: block; } div.weather_forecast table td div.info p span { display: block; font-size: 30px; font-weight: bold; } div.weather_forecast table td div.info p small { display: block; font-size: 0.93em; } div.weather_rain img { width: 729px; } div.weather_foreign select { margin-top: 15px; border: 1px solid #b0d0dd; height: 23px; line-height: 23px; padding: 2px 0 0; vertical-align: middle; } div.weather_foreign select optgroup { background: #CEC90B; font-style: normal;} div.weather_foreign select optgroup option { background: white; padding: 3px; cursor: pointer; } /* Search module ---------------------------------------------------------- */ div.search_module { background: #f1fbff; border: 1px solid #daedf5; margin-top: 15px; padding: 0 15px 15px; } div.search_module.review { padding: 0 15px; } div.search_module h3 { color: #23627a; } div.search_module label { color: #175871; } div.search_module div.subtitle { color: #175871; } div.search_module div.subtitle.high { padding-bottom:10px; } div.search_module .empty { color: #888; } div.search_module div.checkbox_horizontal { clear: both; } div.search_module div.checkbox_horizontal label { margin-right: 30px; } div.search_module div.select_horizontal { clear: both; margin-top: 15px; overflow: hidden; } div.search_module div.select_horizontal select { width: 200px; border: 1px solid #b0d0dd; height: 23px; line-height: 23px; padding: 2px 0 0; vertical-align: middle; background: white; } div.search_module div.select_horizontal select[disabled] { background: #F3F3F3; } div.search_module div.select_horizontal select optgroup { background: #CEC90B; font-style: normal; } div.search_module div.select_horizontal select option { background: white; padding: 3px; } div.search_module div.select_horizontal input.text { border: 1px solid #b0d0dd; height: 17px; line-height: 19px; padding: 2px 2px 0; vertical-align: middle; } div.search_module div.select_horizontal input.submit { float: right; margin-top: 23px; background: url(../../images/layout/search_button.png) no-repeat; cursor: pointer; width: 81px; height: 21px; border: 0; } div.search_module div.select_horizontal div.item { float: left; margin-right: 15px; } div.search_module div.select_horizontal div.item select { margin-top: 5px; } div.search_module div.select_horizontal div.button { float:right; } div.search_module div.select_horizontal div.button input { margin-top: 15px; } div.search_module div.text { clear: both; overflow: hidden; margin-top: 15px; } div.search_module div.text input.text { border: 1px solid #b0d0dd; height: 17px; line-height: 19px; padding: 2px 2px 0; vertical-align: middle; } div.search_module div.text div.item { float: left; margin-right: 15px; } div.search_module div.text div.item input.text { margin-top: 5px; } div.search_module div.text input.submit { float: right; margin-top: 21px; background: url(../../images/layout/search_button.png) no-repeat; cursor: pointer; width: 81px; height: 21px; border: 0; } div.search_module div.submit { clear: both; overflow: hidden; margin-top: 15px; } div.search_module div.submit input { float: left; } div.search_module div.submit input.submit { float: right; background: url(../../images/layout/search_button.png) no-repeat; cursor: pointer; width: 81px; height: 21px; border: 0; } div.search_module.review div.select label { float:left; clear:none; margin-right:15px; } div.search_module.review div.select { margin-bottom:15px; } /* Search module - Review suggestions ---------------------------------------------------------- */ div.suggestions ul li { background: url('../../images/layout/icons/bullet_idf_big_blue.png') no-repeat 0 2px; padding:0 0 3px 20px;} div.suggestions ul li a{ text-decoration: none;} div.suggestions ul li a:hover{ text-decoration: underline;} div.suggestions form input{ background: #115772; color:#FFF; border:0; padding: 4px; cursor: pointer;} /* Category List ---------------------------------------------------------- */ ul.cat_list { list-style: none; margin: 15px 0 0; overflow: hidden; } ul.cat_list li { display: block; float:left; margin-right:10px; padding: 0 11px 10px 0; background: url('../../images/layout/icons/gray_stripe.png') no-repeat right 2px; } ul.cat_list li.last { background: none; padding: 0; margin-right:0;} ul.cat_list li a{ text-decoration: underline; color:#333333; white-space: nowrap; } ul.cat_list li.active a, ul.cat_list li a:hover{ color:#c9c500; } div.memberlist ul.cat_list li { margin-right:8px; padding-right:10px;} /* FAQ ---------------------------------------------------------- */ div.faq h3 {color: #CAC600;} div.faq ul.questions {list-style-image: url('../../images/layout/icons/bullet_idf_big_blue.png'); list-style-position: inside; background: url('../../images/layout/black_dots.png') repeat-x left bottom; padding:0 0 15px 0;} div.faq ul.questions li {margin-bottom:3px;} div.faq ul.questions li a{color: #1382ad; text-decoration: underline;} div.faq ul.questions li a:hover{text-decoration: none;} div.faq li.entry{overflow: hidden; padding: 15px 0; background: url('../../images/layout/black_dots.png') repeat-x left bottom;} div.faq li.entry h3{color:#CAC600; font-size:1.14em; font-weight:bold; padding:0;} div.faq li.entry div.content {padding-top:8px;} div.faq li.entry div.content p {padding:0 0 15px 0;} div.faq li.entry div.content object { float: right; margin: 0 0 15px 15px; } div.faq li.entry a.top{background: url('../../images/layout/icons/bullet_idf_big.png') no-repeat left 2px; padding-left: 20px; float:right; margin:20px 5px 0 0 ; display:block; color:#CAC600; text-decoration: underline;} div.faq li.entry a.top:hover{text-decoration: none;} /* Partners ---------------------------------------------------------- */ div.partners li.entry{overflow: hidden; padding: 10px 0 5px 0; background: url('../../images/layout/black_dots.png') repeat-x left bottom;} div.partners li.entry h3{color:#CAC600; font-size:1.14em; font-weight:bold; padding:0 0 10px 0;} div.partners li.entry h3 a {color:#CAC600;} div.partners li.entry.image{ width:615px; padding-left:114px;} div.partners li.entry.image img.left{float:left; margin-right: 15px; border: 1px solid #A8A8A9; margin-left: -113px;} div.partners li.entry.image h3{margin-left: -113px;} div.partners li.entry div.content {margin-bottom:10px;} div.partners li.entry div.content p{padding:0 0 15px 0;} div.partners li.entry a.partnerlink{background: url('../../images/layout/icons/bullet_idf_big_blue.png') no-repeat left 2px; padding-left:20px; color:#1382ad; text-decoration: underline; display:block; margin-bottom:10px; } div.partners li.entry a.partnerlink:hover{text-decoration: none;} /* Call to action ---------------------------------------------------------- */ div.call_to_action { background: #f1fbff; border: 1px solid #daedf5; margin-top: 15px; padding: 0 15px; } div.call_to_action h3 { color: #23627a; } div.call_to_action h3 a { text-decoration: underline; font-size: 0.88em; } div.call_to_aciton h3 a:hover { text-decoration: none; } /* Actionbuttons ---------------------------------------------------------- */ div.actionbuttons { clear: both; overflow: hidden; margin: 15px 0 0; } div.actionbuttons div.action, div.actionbuttons div.addthis_toolbox { float: left; background: url(../../images/layout/action_right.png) right no-repeat; margin-right: 9px; } div.actionbuttons div.action a { float: left; background: url(../../images/layout/action_left.png) left no-repeat; padding-left: 3px; cursor: pointer; } div.actionbuttons div.action a span { float: left; height: 25px; background: 6px center no-repeat; padding: 0 9px 0 27px; line-height: 25px; color: white; font-size: 12px; text-decoration: none; } div.actionbuttons div.action a:hover span { text-decoration: underline; } div.actionbuttons div.addthis_toolbox div { float: left; background: url(../../images/layout/action_left.png) left no-repeat; padding-left: 11px; padding-right: 5px; height: 25px; line-height: 25px; color: white; } div.actionbuttons div.addthis_toolbox div a { float: left; margin: 3px 4px 0 0; border: 1px solid #e7e7e7; background: white; } div.actionbuttons div.addthis_toolbox div span { float: left; } div.actionbuttons div.addthis_toolbox div label { font-size: 12px; float: left; margin-right: 15px; } div.actionbuttons div.addthis_toolbox div.atclear { display: none; } div.actionbuttons div.action.reply span { background-image: url(../../images/layout/action_reply.png); } div.actionbuttons div.action.favorites span { background-image: url(../../images/layout/action_favorites.png); } div.actionbuttons div.action.forward span { background-image: url(../../images/layout/action_forward.png); } div.actionbuttons div.action.profile span { background-image: url(../../images/layout/action_profile.png); } div.actionbuttons div.action.clear span { padding: 0 9px; } div.actionbuttons div.action.quotation { width: 127px; } div.actionbuttons div.action.quotation span { background-image: url(../../images/layout/action_quotation.png); } div.actionbuttons div.action.quotation div.set { display: none; float: left; height: 25px; background: url(../../images/layout/action_left) left no-repeat; padding: 0 0 0 9px; } div.actionbuttons div.action.quotation div.set img { float: left; margin: 6px 6px 0 0; cursor: pointer; } div.actionbuttons div.action.favorites a { width: 147px; } /* Likes ---------------------------------------------------------- */ div.main_content div.content div.likes { clear: both; padding-top: 10px; } /* button */ div.main_content div.content .likes a.button { float: left; background: url(../../images/layout/button_replies_likes.png) 0 0 no-repeat; padding-left: 27px; text-decoration: none; margin-right: 10px; } div.main_content div.content .likes a.button.liked { padding-left: 7px; } div.main_content div.content .likes a.button span { float: left; height: 28px; line-height: 28px; cursor: pointer; background: url(../../images/layout/button_replies_likes.png) right 0 no-repeat; padding-right: 7px; font-size: 10px; text-transform: uppercase; color: #1c5870; text-decoration: none; } /* likes count */ div.main_content div.content .likes .likes_count { float: left; color: #555555; margin-top: 3px; padding: 3px 0; position: relative; } div.main_content div.content .likes .likes_count .likes_members { visibility: hidden; position: absolute; width: 266px; left: 0; top: 18px; z-index: 5000; padding-top: 11px; background: url(../../images/layout/likes_members_top.png) top no-repeat; } div.main_content div.content .likes .likes_count .likes_members div { background: url(../../images/layout/likes_members_bottom.png) bottom no-repeat; line-height: 18px; color: #2283ac; padding: 3px 10px 6px; } div.main_content div.content .likes .likes_count .likes_members div a { color: #2283ac; white-space: nowrap; } div.main_content div.content .likes .likes_count .likes_members div span { padding-right: 3px; } /* Replies ---------------------------------------------------------- */ div.replies { clear: both; overflow: hidden; } div.replies h3 { color: #343434; font-size: 1.14em; margin-bottom: 10px; } div.replies ol li { background: #f1fbff; margin: 0 0 15px; height: 100%; overflow: hidden; } div.replies ol li:after { display: block; content:''; clear:both; } div.replies ol li.empty { padding: 10px 15px; } div.replies ol li.empty a { text-decoration: underline; } div.replies ol li.empty a:hover { text-decoration: none; } /* avatar */ div.replies div.avatar { float: left; width: 78px; } div.replies div.avatar a { margin: 15px auto; border: 1px solid #2e2e2e; display: block; width: 48px; background: white; } div.replies div.avatar a:hover { border-color: #9e9e9e; } div.replies div.avatar img { display: block; width: 48px; } /* content */ div.replies div.content { float: left; width: 636px; padding: 1px 15px 15px 0; } div.replies div.content h4 { color: #cac600; margin: 10px 15px 0 0; float: left; font-size: 1.14em; } div.replies div.content h4 a { color: #cac600; } div.replies div.content h4 em { font-style: normal; color: #343434; font-size: 0.85em; margin-left: 10px; } div.replies div.content span.date { float: right; color: #1382ad; margin-top: 10px; } div.replies div.content span.quotation { float: right; margin-top: 10px; } div.replies div.content p { clear: both; padding: 3px 0 0; } div.replies div.content a.more { float:right; background: url('../../images/layout/icons/bullet_idf_big_blue.png') no-repeat left 2px; padding-left:20px; color:#1382ad; text-decoration: underline;} div.replies div.content a.more:hover {text-decoration: none;} /* Register ---------------------------------------------------------- */ div.register { clear: both; background: #49c0e2; padding: 10px 15px; } div.register h4 { color: #343434; font-size: 1.14em; font-weight: bold; } div.register p { color: #FFFFFF; margin: 5px 0; line-height: 1.3em; } div.register p a { color: #FFFFFF; font-weight: bold; text-decoration: underline; } div.register p a:hover { text-decoration: none; } /* Highlights ---------------------------------------------------------- */ div.highlights{ background:#faf9d4; width:384px; height: auto !important; height: 250px; min-height: 250px; padding:0 15px; float:left; } div.highlights p { padding:15px 0 0 0;} div.highlights p a{ text-decoration: underline;} div.highlights p a:hover{ text-decoration: none;} div.highlights li.entry{ padding:0 0 15px; width:100%; overflow:hidden; } div.highlights li.entry.dots{ background:url(../../images/layout/black_dots.png) repeat-x left bottom; } div.highlights li.entry.image img.left{ border:1px solid #a8a8a9; float:left; margin:0 15px 0 0; } div.highlights li.entry h3{ font-size:1.14em; font-weight:bold; color:#343434; } div.highlights li.entry h3 a{ color:#343434; } div.highlights li.entry a{ text-decoration:underline; } div.highlights li.entry a:hover{ text-decoration:none; } div.highlights li.entry ol{ float:left; padding:2px 0 0 0; } div.highlights li.entry.image ol{ width:300px; } div.highlights li.entry ol li{ padding:2px 0 4px 25px; background:url(../../images/layout/icons/bullet_idf_big.png) no-repeat 0 4px; } /* Module overview ---------------------------------------------------------- */ div.module_overview{ width:100%; } div.module_overview li.entry{ padding:13px 0 15px; overflow:hidden; } div.module_overview.w75 li.entry { width: 319px; } div.module_overview li.entry.image{ padding-left:95px; } div.module_overview li.entry.dots{ background:url(../../images/layout/black_dots.png) repeat-x left bottom; } div.module_overview li.entry.image img.left{ margin-left:-94px; border:1px solid #a8a8a9; float:left; } div.module_overview li.entry h3{ font-size:1.14em; font-weight:bold; color:#cac600; margin: 0 0 10px; padding: 0; } div.module_overview li.entry h3 a{ color:#cac600; } div.module_overview li.entry ol li a{ text-decoration:underline; } div.module_overview li.entry ol li a:hover{ text-decoration:none; } /* Reactions ---------------------------------------------------------- */ div.reactions{ width:100%; } div.reactions li.entry{ padding:20px 0 10px; overflow:hidden; background:#f1fbff; } div.reactions li.first{ padding-top:10px !important; } /* Slimbox ---------------------------------------------------------- */ #lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer; } #lbCenter,#lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; background-color:#fff; } .lbLoading { background:#fff url(../../images/slimbox/loading.gif) no-repeat center; } #lbImage { position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat; } #lbPrevLink,#lbNextLink { display:block; position:absolute; top:0; width:50%; outline:none; } #lbPrevLink { left:0; } #lbPrevLink:hover { background:transparent url(../../images/slimbox/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right:0; } #lbNextLink:hover { background:transparent url(../../images/slimbox/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none; } #lbCloseLink { display:block; float:right; width:66px; height:22px; background:transparent url(../../images/slimbox/closelabel.gif) no-repeat center; margin:5px 0; outline:none; } #lbCaption,#lbNumber { margin-right:71px; } #lbCaption { font-weight:bold; } /* Help box ---------------------------------------------------------- */ div.helpbox { position: absolute; top: 30px; right: 0; background: url(../../images/layout/helpbox_right.png) right no-repeat; padding-right: 5px; } div.helpbox.lower { top: 46px; } div.helpbox.higher { top: 10px; } div.helpbox.notop { top: 0px; } div.helpbox span { float: left; background: url(../../images/layout/helpbox_left.png) left no-repeat; padding-left: 5px; } div.helpbox span a { float: left; height: 30px; line-height: 30px; background: #555555 url(../../images/layout/helpbox_icon.png) 6px 8px no-repeat; color: white; padding: 0 3px 0 25px; } div.helpbox span a:hover { text-decoration: underline; } /* Pagination ---------------------------------------------------------- */ ul.pagination { text-align: right; margin-top: 5px; clear: both; } ul.pagination li { display: inline; font-weight: bold; color: #cac600; margin: 0 2px; } ul.pagination li a { font-weight: normal; color: #343434; } /* Note ---------------------------------------------------------- */ div.note { padding: 10px; border: 1px solid #b0d0dd; margin-top: 15px; } div.note h3 { color: #1382ad; font-size: 1em; padding: 0; margin: 0 0 15px; } div.note p strong { color: #cac600; } /* Default form ---------------------------------------------------------- */ form.default { margin: 10px 0; clear: both; background: url(../../images/layout/black_dots.png) repeat-x left bottom; } form.default.no_line { background: none; margin-bottom: 0; } form.default h3 { font-size: 1em; } form.default h4 { font-size: 1.15em; font-weight: bold; } form.default p a { color: #1382ad; text-decoration: underline; } form.default p a:hover { text-decoration: none; } form.default div.entry { overflow: hidden; margin: 0 0 20px; } form.default div.entry label { clear: both; display: block; padding-bottom: 3px; color: #1382ad; font-weight: bold; } form.default div.entry label abbr { border-bottom: 0; } form.default div.entry label em { color: #343434; font-style: normal; font-weight: bold; } form.default div.entry p { font-size: 0.9em; padding-bottom: 3px; } /* reply form */ form.default.reply { background: #49c0e2; padding: 15px; } form.default.reply div.entry.ubbarea { padding: 10px 0 0; } form.default.reply div.entry.submit { margin-bottom: 0; } form.default.reply div.entry label, form.default.reply div.entry.ubbarea label, form.default.reply div.entry.checkbox label { color: #ffffff; } /* text */ form.default div.entry.text input { width: 350px; border: 1px solid #b0d0dd; padding: 4px 3px; } form.default div.entry.text input:focus { border-color: #CAC600; } /* select */ form.default div.entry.select select optgroup { background: #CEC90B; font-style: normal; } form.default div.entry.select select optgroup option { background: #FFF; } form.default div.entry.select select { width: 350px; border: 1px solid #b0d0dd; } form.default div.entry.select select:focus { border-color: #CAC600; } /* captcha */ form.default div.entry.captcha img { float: left; margin-right: 5px; } form.default div.entry.captcha input { float: left; width: 100px; } /* textarea */ form.default div.entry.textarea textarea { width: 720px; border: 1px solid #b0d0dd; padding: 4px 3px; } form.default div.entry.textarea textarea:focus { border-color: #CAC600; } /* checkbox */ form.default div.entry.checkbox { margin-bottom: 10px; } form.default div.entry.checkbox label { font-weight: normal; color: #343434; } form.default div.entry.checkbox label a { text-decoration: underline; } form.default div.entry.checkbox label a:hover { text-decoration: none; } form.default div.entry.checkbox label input { margin-right: 5px; } /* ubbarea */ form.default div.entry.ubbarea { background: #49c0e2; padding: 10px; } form.default div.entry.ubbarea label { color: #343434; } form.default div.entry.ubbarea textarea { width: 99%; border: 1px solid #3a9ab5; } form.default div.entry.ubbarea textarea:focus { border-color: #CAC600; } form.default div.entry.ubbarea #ed_toolbar { padding: 10px 0 1px 1px; } form.default div.entry.ubbarea #ed_toolbar button { background: #d0ecf8; margin-right: 1px; font-weight: bold; text-align: center; padding: 3px 6px; border: 0; } form.default div.entry.ubbarea #ed_toolbar #ed_under { text-decoration: underline; } form.default div.entry.ubbarea #ed_toolbar #ed_italic { font-style: italic; } /* ubbarea simple */ form.default div.entry.ubbareasimple textarea { width: 99%; border: 1px solid #3a9ab5; } form.default div.entry.ubbareasimple textarea:focus { border-color: #CAC600; } form.default div.entry.ubbareasimple #ed_toolbar { padding: 10px 0 1px 1px; } form.default div.entry.ubbareasimple #ed_toolbar button { background: #d0ecf8; margin-right: 1px; font-weight: bold; text-align: center; padding: 3px 6px; border: 0; } form.default div.entry.ubbareasimple #ed_toolbar #ed_under { text-decoration: underline; } form.default div.entry.ubbareasimple #ed_toolbar #ed_italic { font-style: italic; } /* radio multiple */ form.default div.entry.radio_multiple { color: #1382ad; } form.default div.entry.radio_multiple label { display: inline; } form.default div.entry.radio_multiple input { margin: 3px 0 0 15px; } /* submit */ form.default div.entry.submit button { margin-right: 15px; text-indent: -9999px; overflow: hidden; background: none left top no-repeat; border: 0; height: 25px; } form.default div.entry.submit button.save { background-image: url(../../images/layout/button_save.png); width: 84px; } form.default div.entry.submit button.send { background-image: url(../../images/layout/button_send.png); width: 93px; } form.default div.entry.submit button.register { background-image: url(../../images/layout/button_register.png); width: 86px; } form.default div.entry.submit button.reply { float: right; background-image: url(../../images/layout/button_reply.png); width: 84px;} form.default div.entry.submit button.add { float: right; background-image: url(../../images/layout/button_add.png); width: 84px;} form.default div.entry.submit button.preview { float: left; background-image: url(../../images/layout/button_preview.png); width: 141px; height: 26px; margin-right: 4px;} form.default div.entry.submit button.savecontinue { float: left; background-image: url(../../images/layout/button_savecontinue.png); width: 219px; height: 26px; margin-right: 4px;} form.default div.entry.submit button.saveall { float: left; background-image: url(../../images/layout/button_saveall.png); width: 85px; height: 26px; margin-right: 4px;} form.default div.entry.submit button.contest { float: left; background-image: url(../../images/layout/contest_btn.jpg); width: 81px; height: 25px; margin-right: 4px;} form.default div.entry.submit button.benefit { float: left; background-image: url(../../images/layout/benefit_btn.jpg); width: 122px; height: 25px; margin-right: 4px;} form.default div.entry.submit button.voucher { float: left; background-image: url(../../images/layout/voucher_btn2.jpg); width: 91px; height: 25px; margin-right: 4px;} form.default.no_line div.entry.submit { margin-bottom: 0; } form.default.no_dots { background: none; } /* emoticons */ form.default div.emoticons { margin-top: 10px; } form.default div.emoticons img { cursor: pointer; padding: 3px; } /* set */ form.default div.entry.quotation img { cursor: pointer; margin-right: 3px; } /* tips */ form.default div.entry.tipfields input { margin-bottom: 5px; } form.default div.entry.tipfields textarea { margin-bottom: 5px; } form.default div.entry.tipfields button.addtip { display: block; text-indent: -9999px; overflow: hidden; background: url(../../images/layout/button_addtip.png) no-repeat; border: 0; height: 23px; width: 134px; margin-bottom: 5px; } form.default div.entry.tipfields button.addingredient { display: block; text-indent: -9999px; overflow: hidden; background: url(../../images/layout/button_addingredient.png) no-repeat; border: 0; height: 23px; width: 178px; margin-bottom: 5px; } form.default div.entry.tipfields button.addstep { display: block; text-indent: -9999px; overflow: hidden; background: url(../../images/layout/button_addstep.png) no-repeat; border: 0; height: 23px; width: 144px; margin-bottom: 5px; } /* upload */ form.default div.entry.upload input { float: left; margin-right: 15px; width: auto; } form.default div.entry.upload button { float: left; text-indent: -9999px; overflow: hidden; background: url(../../images/layout/button_upload.png) no-repeat; width: 84px; height: 23px; border: 0; } /* file */ form.default div.entry.file div.filetypes { clear: both; padding: 5px 0; color: #c70000; } /* error */ form.default div.entry.error span.error { font-size: 0.85em; color: #c70000; margin-left: 10px; } form.default div.entry.textarea.error span.error, form.default div.entry.radio_multiple.error span.error, form.default div.entry.ubbarea span.error { display: block; clear: both; margin: 5px 0 0; } form.default div.entry.text.error input, form.default div.entry.textarea.error textarea { border-color: #c70000; } /* radio avatars */ form.default div.entry div.avatar { width:80px; float:left; margin-right:10px; height:100px;} form.default div.entry div.avatar input { clear:both; margin: 2px 0 0 32px;} form.default div.entry div.avatar.clear{ clear:both;} /* BMI form ---------------------------------------------------------- */ form.bmi{ background:#faf9d4; margin-top:15px; padding:15px; clear:both;} form.bmi div.content{ margin:10px 0;} form.bmi div.info {float:left; padding: 7px 0 0 0;} form.bmi div.info div.input{ width: 260px; height:30px;} form.bmi div.info div.input label{font-weight: bold; color:#cac600; padding-top:3px; display:block; width:120px; float:left; } form.bmi div.info div.input input{width:54px; border: 1px solid #b0d0dd; display:block; float: left; text-align: center; padding:3px; } form.bmi div.info div.input span{display:block; float: left; padding: 3px 0 0 5px; } form.bmi div.result {width:240px; background: url(../../images/layout/bmi_person_icon.jpg) no-repeat top left; height:80px; padding: 7px 0 0 150px; float:left; } form.bmi div.result input{border: 1px solid #b0d0dd; width:75px; height:30px; padding:10px; font-size: 25px; font-weight:bold; text-align: center; } form.bmi div#bmiInfo {width:95px; text-align: center; color: #1382ad; padding:2px 0 0 0;} form.bmi div#bmiInfo span{display:none; } form.bmi div#bmiInfo span.active{display:block; } form.bmi div#bmiContent { clear:both; color: #1382ad;} form.bmi div#bmiContent span{display:none; } form.bmi div#bmiContent span.active{display:block; } /* Photoalbums ---------------------------------------------------------- */ /* overview */ div.album { display: block; clear: both; margin: 0 0 25px 0; } div.album ul li { float: left; margin: 0 10px 0 0; } div.album ul li.last { margin: 0; } div.album ul li img { border: 1px solid #cddbdb; } /* Recent activities ---------------------------------------------------------- */ div.recent_activities { border: 1px solid #94d2e7; padding: 15px 20px 20px; margin-top: 15px; } div.recent_activities div.tabs { margin-top: 5px; } div.recent_activities ul { overflow: hidden; height: 100%; } div.recent_activities ul li { margin-top: 1px; background: #c4efff; float: left; clear: both; width: 100%; padding-bottom: 5px; } div.recent_activities ul li.even { background: #9cdcf5; } div.recent_activities ul li div.item { float: left; background: url(../../images/layout/icons/bullet_idf_big_blue.png) 12px 5px no-repeat; padding-left: 48px; margin-top: 10px; width:420px } div.recent_activities ul li div.item a { text-decoration: underline;} div.recent_activities ul li div.item a:hover { text-decoration: none;} div.recent_activities ul li div.item em { font-style: normal; color: #807a7a; } div.recent_activities ul li div.actions { float: right; margin-top: 13px; } div.recent_activities ul li div.actions div.spacer { float: left; width: 26px; height: 16px; } div.recent_activities ul li div.actions a { float: left; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; color: #0c859a; text-decoration: underline; margin-right: 15px; } div.recent_activities ul li div.actions a:hover { text-decoration: none; } div.recent_activities ul li div.actions a.remove { width: 16px; margin-right: 10px; height: 16px; background: url(../../images/layout/button_x.png) no-repeat; text-indent: -9999px; overflow: hidden; padding: 0; } div.recent_activities ul li div.activities_replies { margin-left: 45px; clear: both; } div.recent_activities ul li div.activities_replies div.reply { background: #f2fcfe; margin-top: 1px; overflow: hidden; width: 630px; } div.recent_activities ul li div.activities_replies div.reply div.avatar { float: left; width: 50px; text-align: center; padding: 5px 0; } div.recent_activities ul li div.activities_replies div.reply div.avatar img { width: 35px; border: 1px solid #373c38; } div.recent_activities ul li div.activities_replies div.reply div.content { float: left; padding: 5px 0 0; width: 570px; } div.recent_activities ul li div.activities_replies div.reply div.content b { color: #c4c90a; font-size: 1.2em; padding-right: 4px; } div.recent_activities ul li div.activities_replies div.reply div.content em { font-style: normal; color: #767e81; } div.recent_activities ul li div.activities_replies form { margin-top: 1px; background: #f2fcfe; width: 618px; padding: 4px 6px; overflow: hidden; } div.recent_activities ul li div.activities_replies form textarea { width: 616px; border: 1px solid #c2c6c9; display: block; } div.recent_activities ul li div.activities_replies form button.reply { float: right; background-image: url(../../images/layout/button_reply.png); width: 84px; border: 0; height: 25px; text-indent: -9999px; overflow: hidden; margin-top: 4px; } div.recent_activities ul li div.activities_replies form p { padding: 3px 0; clear: both; } div.recent_activities ul li div.activities_replies form p a { text-decoration: underline; } div.recent_activities ul li div.activities_replies form p a:hover { text-decoration: none; } /* Favorites and submissions ---------------------------------------------------------- */ div.favsubs { border: 1px solid #94d2e7; padding: 15px 20px 20px; margin-top: 15px; height: 100%; } div.favsubs div.tabs { margin-top: 5px; } div.favsubs table { width: 100%; margin: 1px 0 10px; } div.favsubs table thead th { font-weight: bold; color: #fff; background: #343434; padding: 3px 7px; font-size: 1.10em; } div.favsubs table tbody td { border-bottom: 1px solid white; background-color: #9cdcf5; padding: 10px 7px;} div.favsubs table tbody tr.even td { background-color: #c4efff; } div.favsubs table tbody td.item { background-image: url(../../images/layout/icons/bullet_idf_big_blue.png); background-position: 7px center; background-repeat: no-repeat; padding-left: 43px; } div.favsubs table tbody td.item a { text-decoration: underline; } div.favsubs table tbody td.item a:hover { text-decoration: none; } div.favsubs table tbody td.actions { width: 140px; padding-right: 10px; } div.favsubs table tbody td.actions a { float: right; background: url(../../images/layout/icons/bullet_idf_big_blue.png) left no-repeat; padding-left: 20px; color: #0c859a; text-decoration: underline; margin-left: 15px; } div.favsubs table tbody td.actions a:hover { text-decoration: none; } div.favsubs table tbody td.remove { padding: 10px 0; width: 25px; } div.favsubs table tbody td.remove a { display: block; width: 16px; height: 16px; background: url(../../images/layout/button_x.png) no-repeat; text-indent: -9999px; overflow: hidden; padding: 0; } div.favsubs p.info { background: #c4efff; padding: 15px; margin-top: 1px; clear: both; } /* Icons ---------------------------------------------------------- */ .news-icon { background: url('../../images/layout/icons/news.jpg') no-repeat bottom left; padding-left: 30px; } .weather-icon { background: url('../../images/layout/icons/weather.jpg') no-repeat bottom left; padding-left: 30px; } .locations-icon { background: url('../../images/layout/icons/locations.jpg') no-repeat bottom left; padding-left: 30px; } .routes-icon, .avontuur-icon { background: url('../../images/layout/icons/routes.jpg') no-repeat bottom left; padding-left: 30px; } .recipes-icon, .culinair-icon { background: url('../../images/layout/icons/recipes.jpg') no-repeat bottom left; padding-left: 30px; } .bodymind-icon { background: url('../../images/layout/icons/bodymind.jpg') no-repeat bottom left; padding-left: 30px; } .books-icon { background: url('../../images/layout/icons/books.jpg') no-repeat bottom left; padding-left: 30px; } .promos-icon { background: url('../../images/layout/icons/promos.jpg') no-repeat bottom left; padding-left: 30px; } .forum-icon { background: url('../../images/layout/icons/forum.jpg') no-repeat bottom left; padding-left: 30px; } .fun-icon { background: url('../../images/layout/icons/fun.jpg') no-repeat bottom left; padding-left: 30px; } .mypage-icon { background: url('../../images/layout/icons/mypage.jpg') no-repeat bottom left; padding-left: 30px; } .home-icon { background: url('../../images/layout/icons/home.jpg') no-repeat bottom left; padding-left: 30px; } /* Poll ---------------------------------------------------------- */ div.poll { width:170px; background: #dad72b url(../../images/layout/poll_background.png) bottom no-repeat; margin-bottom:15px; padding:15px; border-bottom: 3px #343434 solid; overflow: hidden; } div.poll h4 { font-size: 14px; color:#343434; font-weight: bold; margin-bottom: 5px;} div.poll p {margin-bottom:5px;} div.poll form input {float:left; clear:left; margin-right:5px; margin-top:2px; width:15px;} div.poll form label {float:left; width: 150px; margin-bottom:5px; font-weight: bold;} div.poll form button {background: url('../../images/layout/poll_stem.jpg') no-repeat top left; width:69px; height:21px; border:none; display: block; text-indent: -9999px; margin-left:100px; } div.poll form div { clear: both; overflow: hidden; } div.poll div.answer {font-weight: bold; } div.poll div.bar {display:block; width:170px; height:15px; background: #FFF; border:1px solid #343434; } div.poll div.bar div.result {display:block; height:100%; border: none; background: #343434; } div.poll div.details {font-size:12px; display:block; width:100%; text-align: right; } /* Newsletter ---------------------------------------------------------- */ div.newsletter { background: #343434 url(../../images/layout/newsletter_background.png) bottom no-repeat; width: 170px; padding: 15px; overflow: hidden; margin-bottom:15px;} div.newsletter h4 { font-size: 12px; color:#FFF; margin-bottom: 5px;} div.newsletter input {background: #eaeaea; border: none; padding: 3px; color: #343434;} div.newsletter form button {background: url('../../images/layout/newsletter_submit.jpg') no-repeat top left; width:77px; height:21px; border:none; text-indent: -9999px; margin-top:10px; } div.newslettertitle{margin:10px 0 15px 0;}