/* styleguide.css */ /* global style reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html { background:#ffda05; } body { background:#ffda05 url('../images/backgrounds/bg.gif') repeat-x 0 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:75%; /*12px*/ line-height:1.5; } /* headings */ h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; } h1 { margin-bottom:.55em; font-size:2.667em; line-height:1.125em; } h2 { margin-bottom:.5416667em; color:#e5020a; font-size:2em; line-height:1.5em; } h3 { color:#e5020a; font-size:1.5em; line-height:1.5em; } h4 { margin-top:1.125em; margin-bottom:.1875em; font-size:1.335em; line-height:1.3125em; } h5 { margin-top:1.384em; font-size:1.0835em; font-weight:bold; line-height:1.3846em; } h6 { margin-top:1.5em; font-size:1em; font-weight:bold; } /* text */ p { margin:0 0 1.5em 0; padding:0; } strong { font-weight:bold; } em,dfn { font-style:italic; } dfn { font-weight:bold; } pre,code { margin:1.5em 0; white-space:pre; } pre,code,tt { font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height:1.5; } tt { display:block; margin:1.5em 0; line-height:1.5; } /* anchors */ a { color:#0000EE; } a:visited { color:#551A8B; } a:focus, a:hover { color:#FF0000; } /* lists */ ul, ol { margin:0 1.5em 1.5em 2.5em; } ol li {} ul li {} dl { margin:0 0 1.5em 0; overflow:auto; } dt { font-weight:bold; } dd { margin-left:1.5em; } /* table */ table { border-collapse:collapse; border-spacing:0; empty-cells:show; } caption { text-align:left; } thead td, thead th { background:#e5e5e5; } th { font-weight:bold; } th,td { padding:.25em; text-align:left; } tfoot { font-style:italic; } .table_calendar thead { display:none; } .table_calendar td { padding:0 0.5em 1em 0; } .table_calendar td div { color:#000000; font-weight:bold; line-height:1.5em; } .table_calendar td.calendar_date { width:115px !important; } /* form */ form {} fieldset { border:0; } fieldset div { margin:0 0 0.4em 0; } input, select { font-family:Arial, Helvetica, sans-serif; font-size:100%; } /* miscellaneous */ img, a img { border:none; } address { margin:0 0 1.5em 0; font-style:normal; } blockquote { margin:1.5em; font-style:italic; } blockquote, q { quotes:none; } abbr, acronym { border-bottom:1px dotted #ccc; cursor:help; font-style:normal; } del { color:#666; } hr { clear:both; width:100%; height:.1em; margin:0 0 1.5em; background:#ddd; color:#ddd; border:none; } /* links */ a:link, a:active, a:visited { color:#e5020a; text-decoration:underline; } a:hover, a:focus { background-color:#fffcd9; text-decoration:underline; } a.next, a.next:visited { float:right; padding:1px 17px 2px 7px; background:#e5020a url("../images/icons/arrow_white.gif") no-repeat 100% 50%; border:1px solid #c50007; color:#fff !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-width:0 1px 1px 0; color:#fff; text-decoration:none; } a.next:hover, a.next:focus { background-color:#e5020a !important; color:#fff !important; text-decoration:underline; } a.more, a.more:visited { padding:0 11px 0 0; background-image:url('../images/icons/arrow.gif'); background-repeat:no-repeat; background-position:100% 50%; color:#000; font-weight:bold; text-decoration:none; } a.more:hover, a.more:focus { background-color:#FFFCD9; text-decoration:underline; } a.right, a.right:visited { float:right; margin:.5em 0 0 0; padding:0 11px 0 0; background-image:url('../images/icons/arrow.gif'); background-repeat:no-repeat; background-position:100% 50%; color:#000; font-weight:bold; text-decoration:none; } a.right:hover, a.right:focus { background-color:#FFFCD9; text-decoration:underline; } .list_link a { padding:0 0 0 10px; background-image:url('../images/icons/arrow.gif'); background-repeat:no-repeat; background-position:0 5px; } .list_link a:link, .list_link a:visited, list_link a:active { color:#000000; } /* layout.css */ #container { position:relative; width:1000px; margin:0 auto; } #header { height:185px; overflow:hidden; margin-bottom:41px; } #header h1 a { display:block; width:1000px; height:185px; overflow:hidden; background:url('../images/buurtalliantie1.jpg') no-repeat 0 0; text-indent:-9000px; } #content-wrapper { position:relative; padding:0 0 10px 0; background:#fff url('../images/backgrounds/content_wrapper.gif') no-repeat 0 100%; border-right:5px solid #e5020a; } #content { width:451px; padding:24px 30px 8px 20px; float:left; background:#fff url('../images/backgrounds/content_wrapper_left.gif') no-repeat 0 0; } #filter { width:200px; padding:18px 30px 0 12px; float:left; background:#fff url('../images/backgrounds/content_wrapper_right.gif') no-repeat 100% 0; color:#000; } #filter h3 { color:#000; font-size:1.5em; } #tools { float:left; width:212px; min-height:514px; padding:0 20px; } .DOMenabled #tools { background:#ffdb05 url('../images/backgrounds/tools.gif') repeat-x 0 0; } #tools h3 { color:#E5020A; font-size:1.5em; } #widecontent { position:relative; width:714px; padding:0 10px; } #navigation { position:absolute; z-index:1; top:185px; left:0; width:1000px; height:44px; } #subnavigation { position:absolute; top:45px; right:60px; width:50%; } #footer { position:relative; clear:both; padding:11px 10px 11px 10px; background:url('../images/backgrounds/footer.gif') no-repeat 0 100%; color:#887403; font-size:0.91667em; } #footer a, #footer a:visited, #footer a:hover, #footer a:focus { background-color:transparent; color:#887403; } /* navigation */ #navigation { height:41px; background:url('../images/navigation/bg.gif') no-repeat 100% 0; } #navigation ul { float:left; margin:0; padding:0 0 0 9px; list-style:none; } #navigation ul li { float:left; margin:0; } #navigation ul li a { float:left; height:41px; padding:0 9px 0 8px; background:url('../images/navigation/nav.png') no-repeat; text-decoration:none; text-indent:-9000px; overflow:hidden; } #navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active { color:#7F7002; } #navigation #nav_1 { width:44px; background-position:8px 0; } #navigation #nav_1:hover, #navigation #nav_1:focus { background-position:8px -41px; } #navigation li.active #nav_1 { background-position:8px -82px; } #navigation li.active #nav_1:hover, #navigation li.active #nav_1:focus { background-position:8px -123px; } #navigation #nav_2 { width:58px; background-position:-53px 0; } #navigation #nav_2:hover, #navigation #nav_2:focus { background-position:-53px -41px; } #navigation li.active #nav_2 { background-position:-53px -82px; } #navigation li.active #nav_2:hover, #navigation li.active #nav_2:focus { background-position:-53px -123px; } #navigation #nav_3 { width:78px; background-position:-129px 0; } #navigation #nav_3:hover, #navigation #nav_3:focus { background-position:-129px -41px; } #navigation li.active #nav_3 { background-position:-129px -82px; } #navigation li.active #nav_3:hover, #navigation li.active #nav_3:focus { background-position:-129px -123px; } #navigation #nav_4 { width:87px; background-position:-224px 0; } #navigation #nav_4:hover, #navigation #nav_4:focus { background-position:-224px -41px; } #navigation li.active #nav_4 { background-position:-224px -82px; } #navigation li.active #nav_4:hover, #navigation li.active #nav_4:focus { background-position:-224px -123px; } #navigation #nav_5 { width:51px; background-position:-328px 0; } #navigation #nav_5:hover, #navigation #nav_5:focus { background-position:-328px -41px; } #navigation li.active #nav_5 { background-position:-328px -82px; } #navigation li.active #nav_5:hover, #navigation li.active #nav_5:focus { background-position:-328px -123px; } #navigation #nav_6 { width:61px; background-position:-396px 0; } #navigation #nav_6:hover, #navigation #nav_6:focus { background-position:-396px -41px; } #navigation li.active #nav_6 { background-position:-396px -82px; } #navigation li.active #nav_6:hover, #navigation li.active #nav_6:focus { background-position:-396px -123px; } #navigation #nav_7 { width:63px; background-position:-474px 0; } #navigation #nav_7:hover, #navigation #nav_7:focus { background-position:-474px -41px; } #navigation li.active #nav_7 { background-position:-474px -82px; } #navigation li.active #nav_7:hover, #navigation li.active #nav_7:focus { background-position:-474px -123px; } #navigation #nav_8 { width:71px; background-position:-554px 0; } #navigation #nav_8:hover, #navigation #nav_8:focus { background-position:-554px -41px; } #navigation li.active #nav_8 { background-position:-554px -82px; } #navigation li.active #nav_8:hover, #navigation li.active #nav_8:focus { background-position:-554px -123px; } .mceSeparator, .mce_smilies { display:none !important; } input.replaced { left:-3000em !important; position:absolute !important; } #filter a, #tools a { text-decoration:none; } #filter a:hover, #tools a:hover, #filter a:focus, #tools a:focus { text-decoration:underline; } #tools a:focus, #tools a:hover, #tools a:active { background-color:#ffec7f; } ul.downloads { clear:both; margin:1em -10px; padding:0; border:solid #D9D9D9; border-width:1px 0; list-style:none; } ul.downloads li { margin:0; padding:0; overflow:hidden; line-height:18px; background:transparent url("/images/icons/word.gif") no-repeat 10px 7px; } ul.downloads li:hover, ul.downloads li:focus { background-color:#fffcd9; } ul.downloads li.pdf { background-image:url("/images/icons/pdf.gif"); background-position:10px 3px; } ul.downloads a, ul.downloads a:visited { position:relative; display:block; padding:5px 11em 5px 42px; text-decoration:none; font-weight:bold; } ul.downloads li.locked a { background:transparent url("/images/icons/locked.gif") no-repeat 100% 5px; } ul.downloads a span { position:absolute; top:5px; right:32px; padding:0 32px 0 0; background:transparent url("/images/icons/download.gif") no-repeat 100% 1px; font-weight:normal; cursor:pointer; } ul.downloads a:hover span, ul.downloads a:focus span { background-position:100% -99px; } ul.functions { position:relative; clear:both; min-height:1.3em; margin:1em -10px; padding:0.5em 0; border-top:1px solid orange; list-style:none; overflow:hidden; } ul.functions li { position:relative; overflow:visible; float:right; margin:0 -1px 0 0; padding:0 0.3em 0 0.5em; border:solid orange; border-width:0 1px 0 0; white-space:nowrap; color:orange; } ul.functions li.other { float:left; margin:0 0 0 -0.5em; padding:0; border:0; } ul.functions li ul { margin:0; padding:0; list-style:none; overflow:hidden; } ul.functions li.other ul { float:left; } ul.functions li.other ul li { float:left; margin:0 0 0 -1px; border-width:0 0 0 1px; } ul.functions li a, ul.functions li a:visited { float:left; padding:0; background:transparent url("/images/icons/waardering.gif") no-repeat 100% 65%; color:orange; text-decoration:none; } ul.functions li a:hover, ul.functions li a:focus { text-decoration:underline; } ul.functions li.contact a { background-image:url("/images/icons/contact.gif"); } ul.functions li.apply a { background-image:url("/images/icons/solliciteer.gif"); } ul.functions li.order a { background-image:url("/images/icons/bestellen.gif"); } ul.functions li.react { position:relative; } ul.functions li.react a { padding-right:22px; background-image:url("/images/icons/reageer.gif"); } ul.functions li.react span { position:absolute; right:0; top:0; width:24px; font-size:9px; font-weight:bold; line-height:14px; text-align:center; color:#FFF; } ul.functions li.print a { background-image:url("/images/icons/print.gif"); } ul.functions li.save a { background-image:url("/images/icons/bewaar.gif"); } ul.functions li.sendto a { background-image:url("/images/icons/sendto.gif"); } ul.functions li.ask a { background-image:url("/images/icons/sendto.gif"); } ul.functions li.first a { padding-left:0 !important; } ul.functions li.closed a { display:none; } ul.functions li#rate a { padding-right:16px; background-image:url("/images/icons/waardering.gif"); } ul.functions li#rated p { position:relative; float:left; height:14px; width:55px; margin:0 0 0 65px; padding:0; background:url("/images/icons/waardering-none.gif") 100% 50% no-repeat; text-indent:-3000em; } ul.functions li#rated p em { position:absolute; left:-65px; text-indent:0; color:orange; font-style:normal; } ul.functions li#rated p span { position:absolute; top:0; left:0; text-indent:-3000em; height:14px; background:url("/images/icons/waardering-full.gif") 100% 50% no-repeat; } #content ul.functions li.rating span { position:absolute; right:0; top:2px; } .CustomAvatarListCustomContent { margin-left:0; } .CommonPane { background-color:#FFFFFF; border:none; font-size:inherit; padding:0; } .CommonGroupedContentArea { clear:both; } td.CommonFormField, td.CommonFormFieldName { border:none; } .#CommonContent .CommonContentBoxHeader, .CommonContentBoxHeader { font-size:inherit; } #CommonTitle { position:relative; } .CommonTitle { letter-spacing:0; margin-bottom:6px; padding:0; color:#e5020a; } /* RSS icon */ #container .filter { float:right; position:absolute; right:10px; top:.5em; width:auto; overflow:hidden; margin:0 -0.6em 0 0; padding:0; color:#666666; white-space:nowrap; } .rss a, a.rss { padding-left:14px; background:transparent url('../images/backgrounds/rss_icon.gif') no-repeat scroll 0 0.2em; color:#E5020A; text-decoration:none; } .rss a:hover, a.rss:hover, .rss a:focus, a.rss:focus { background-color:#FFFCD9; text-decoration:underline; } p.rss { margin:0; } /* CommonNavigation */ #CommonNavigation { position:absolute; top:20px; right:25px; clear:both; width:auto; margin:0; padding:0; overflow:hidden; background-color:#ffe704; border:none; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; font-size:1em; } #CommonNavigation .Common { margin:0; width:auto; border:none; } #CommonNavigation .Common .Inner { border:none; height:auto; } #CommonNavigation ul li, #CommonNavigation a:link, #CommonNavigation a:active, #CommonNavigation a:visited { background:none; border:none; font-weight:normal; text-decoration:underline; } #CommonNavigation a:hover, #CommonNavigation a:focus { color:#000; text-decoration:underline; } /* CommonNavigationShadow (breadcrumb) */ #CommonNavigationShadow { margin:0; padding:0; border-right:5px solid #e5020a; } .CommonBreadCrumbArea { background-color:transparent; border:none; color:#000000; font-size:100%; margin:0; padding:0 0 10px 2px; } .CommonBreadCrumbArea a:link, .CommonBreadCrumbArea a:active, .CommonBreadCrumbArea a:visited { color:#000; } .CommonBreadCrumbArea a:hover, .CommonBreadCrumbArea a:focus { color:#FF0000; } /* CommonContentBox */ #CommonContent { height:auto; overflow:visible; } #CommonContentInner { overflow:visible; } .CommonContentBox { position:relative; height:auto; margin:0 0 3.333em 0; padding:0; background:transparent; border-top:none; } .CommonContentBoxContent { position:relative; clear:both !important; overflow:visible; padding:0 0 .5em 0; font-size:100%; } .CommonContentBoxFooter { padding:0; } #content .CommonContentBoxContent { padding:1px 0 0 0; } #filter .CommonContentBox { margin-bottom:0; padding-bottom:1.5em; } #filter .CommonContentBoxContent { padding-bottom:1em; } #filter .CommonContentBoxFooter { padding-bottom:1.5em; } .CommonContentBoxContent p { margin:1em 0; } .CommonContentBoxContent .c2 { margin:0; } .CommonContentBoxFooter { font-size:100%; } #tools .CommonContentBox { margin:0 0 1.5em 0; padding:0 0 1.5em 0; border-bottom:1px solid #ccb104; } #tools .CommonContentBoxContent, #tools .CommonContentBoxFooter { padding-left:0; } #CommonSidebarRight .CommonSidebar { float:none; overflow:visible; padding-left:0; width:auto; } #CommonOuter { font-size:11px; } .CommonContentArea { background-color:transparent; } /* CommonContentBoxList */ .CommonContentBoxList { clear:both; list-style:none; } #content .CommonContentBoxList { margin-bottom:1em; } #content .CommonContentBoxList li { padding-left:22px; background-position:0 3px; } /*ul.CommonContentBoxList li.CommonActivity { padding-right:5em; }*/ .CommonActivityDeleteArea { margin-right:-5em; } #filter .CommonContentBoxList { position:relative; margin:0; } #filter .CommonContentBoxList li { margin:0; padding:0; border:none; } #filter .CommonContentBoxList li a { background:transparent url(../images/icons/arrow.gif) no-repeat scroll 0 50%; color:#000000; padding:2px 0 4px 11px; text-decoration:none; } #filter .CommonContentBoxList li a:hover, #filter .CommonContentBoxList li a:focus { background-color:#FFFCD9; text-decoration:underline; } ul.CommonContentBoxList, ul.CommonSidebarList { margin:0; } #tools ul.CommonContentBoxList, #tools ul.CommonSidebarList { margin:0; } #content ul.CommonContentBoxList li.Header { padding-top:1em; padding-left:0; color:#999; font-size:100%; font-weight:normal; } ul.CommonContentBoxList li, ul.CommonSidebarList li { margin:0; padding:3px 0 1px 0; border-bottom:1px solid #e6e6e6; } /* list_group */ #filter .list_group { position:relative; margin:0 -12px 1.5em -12px; padding:9px 12px 0 12px; background:url('../images/backgrounds/list_group_top.gif') no-repeat 0 0; } #filter .list_group .CommonContentBoxContent { position:relative; margin:0 -12px; padding:0 12px 1.5em 12px; background:url('../images/backgrounds/list_group_btm.gif') no-repeat 0 100%; } .list_group .CommonContentBoxContent img { display:block; width:130px; /*height:45px;*/ margin:0 10px 10px 0; border:1px solid #bbb; border-top-color:#E6E6E6; border-left-color:#E6E6E6; } #filter .list_group .CommonContentBoxList li, #filter #ArchiveSideBar .CommonContentBoxList li { margin:-1px 0 0 0; padding:0; border-bottom:1px solid #D9D9D9; border-top:1px solid #D9D9D9; } #filter .list_group .CommonContentBoxList li a, #filter #ArchiveSideBar .CommonContentBoxList li a { display:block; padding:5px 0 7px 11px; background:transparent url('../images/icons/arrow.gif') no-repeat 0 50%; color:#000; font-weight:bold; text-decoration:none; } #filter .list_group .CommonContentBoxList li a:hover, #filter #ArchiveSideBar .CommonContentBoxList li a:hover, #filter .list_group .CommonContentBoxList li a:focus, #filter #ArchiveSideBar .CommonContentBoxList li a:focus { background-color:#f2f2f2; } #filter .list_group #CommonHeaderSearch { margin-bottom:1em; } /* list status */ #tools ul.status { margin:0; list-style:none; } #tools ul.status li { margin-bottom:.5em; } #tools ul.status li a { display:block; padding:0 0 0 10px; background-image:url('../images/icons/arrow.gif'); background-repeat:no-repeat; background-position:0 5px; } #tools ul.status li a:link, #tools ul.status li a:active, #tools ul.status li a:visited { color:#000000; } /* CommonSidebarList */ #filter .CommonSidebarList li { border:none; } /* list networks */ .list_networks .CommonSideListArea { float:none; width:auto; height:auto; overflow:visible; margin:-1px 0 0 0; padding:10px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .CommonSideListImage { float:left; width:130px; height:auto; padding-top:4px; padding-right:20px; } .CommonSideListImage a { display:block; } .CommonSideListImage img { position:relative; display:block; width:130px; /*height:45px;*/ margin-top:-2px; border:1px solid #bbb; border-top-color:#E6E6E6; border-left-color:#E6E6E6; } .list_networks .CommonSideListContent { float:left; width:301px; margin:0; } .list_networks .CommonSideListContent strong a { margin:0.5em 0; color:#000; font-size:1.2em; font-weight:bold; line-height:1.5em; text-decoration:none; } .list_networks .CommonSideListContent strong a:hover, .list_networks .CommonSideListContent strong a:focus { color:#E5020A; text-decoration:underline; } .list_networks .CommonContentBoxContent a.more { margin-top:-1px; } /* list networks */ .list_members { padding:0; } #content .sorters { margin:-1px 0 0 0; padding:10px 0; list-style:none; border-bottom:1px solid #d9d9d9; } #content .sorters li { float:left; padding: 0 3px 0 0; border:none; } .list_members .CommonSideListArea { float:none; width:auto; height:auto; overflow:hidden; margin:-1px 0 0 0; padding:10px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #d9d9d9; } .list_members .CommonSideListImage { float:left; width:56px; height:auto; padding-right:18px; } .list_members .CommonSideListImage img { display:block; width:54px; /*height:54px;*/ border:1px solid #bbb; border-top-color:#E6E6E6; border-left-color:#E6E6E6; } .list_members .CommonSideListContent { margin-left:74px; } .list_members .CommonSideListContent strong a { margin:0.5em 0; color:#000; font-size:1.2em; font-weight:bold; line-height:1.5em; text-decoration:none; } .list_members .CommonSideListContent strong a:hover, .list_members .CommonSideListContent strong a:focus { color:#E5020A; text-decoration:underline; } .list_members .CommonContentBoxContent a.more { margin-top:0; } /* .list_members_details */ .list_member_details { margin:0 0 .2em 0; color:#999; list-style:none; } /* CommonFileArea */ .CommonFileArea { float:none; width:auto; height:auto; margin:0; } .CommonFileArea .CommonFileRoundTop, .CommonFileArea .CommonFileRoundBottom { display:none; } .CommonFileArea .CommonFile { float:left; height:95px; width:79px; margin-right:10px; border:none; } .CommonFileArea .CommonFileContent { overflow:hidden; padding:10px 0; background-color:transparent; border-bottom:1px solid #ececec; } .CommonFileArea .CommonFileInner a.CommonFileLink { position:absolute; left:0; top:0; display:block; height:93px; width:77px; border:1px solid #e6e6e6; border-color:#E6E6E6 #BBBBBB #BBBBBB #E6E6E6; background-color:transparent; } .CommonFileArea .CommonFileInner a.CommonFileLink:hover { background-color:transparent; } .CommonFileArea .CommonFileDetails { position:relative; float:left; width:362px; padding:0; white-space:normal; } .list_media_detail .CommonFileArea .CommonFileDetails { float:none; width:auto; } .CommonFileArea .CommonFileDetails .downloads { position:relative; margin:0 0 10px 0; } .CommonFileArea .CommonFileDetails ul.downloads li { position:relative; background-image:none; } .CommonFileArea .CommonFileDetails ul.downloads li a, .CommonFileArea .CommonFileDetails ul.downloads li a:visited, .CommonFileArea .CommonFileDetails ul.downloads li a:active { padding-left:11px; color:#E5020A; } .CommonFileArea .CommonFileDetails ul.downloads li span { position:absolute; right:32px; top:5px; padding:0 32px 0 0; background:transparent url('../images/icons/download.gif') no-repeat 100% 1px; cursor:pointer; font-weight:normal; } .CommonFileArea .CommonFileDetails ul.downloads li:hover span, .CommonFileArea .CommonFileDetails ul.downloads li:focus span { background-position:100% -99px; color:#E5020A; } .CommonFileArea .CommonFileDetails ul.functions { margin-right:0; margin-left:0; } .CommonFileDetails strong a, .CommonFileDetails strong a:visited { color:#000000; font-size:1.2em; font-weight:bold; line-height:1.5em; margin:0.5em 0; text-decoration:none; } .CommonFileDetails strong a:hover, .CommonFileDetails strong a:focus { color:#E5020A; text-decoration:underline; } .CommonFileDetails h3 { margin-right:6em; margin-top:0; } .CommonFileDetails .preview_doc { float:left; width:79px; } .CommonFileDetails .preview { width:463px; overflow:hidden; margin:10px 0; } .CommonFileDetails .preview img { max-width:463px; margin:0 0 1em 0; } .CommonFileDetails .date { position:absolute; right:0; top:.3em; padding:0; } /* CommonAvatarListItemArea */ .CommonAvatarListItemList .Custom { padding-left:0; } .CommonAvatarListItemArea { margin:-1px 0 0 0; background-color:transparent; border-bottom:1px solid #D9D9D9; border-top:1px solid #d9d9d9; } .CommonAvatarListItemArea .CommonFormArea { border:none; } /* list recent content */ .list_content ul { position:relative; clear:both; margin:0; padding:0; list-style-image:none; } .list_content ul li { position:relative; margin:0; padding:1em 0; border:1px solid #D9D9D9; border-width:1px 0; margin:-1px 0 0 0; overflow:hidden; } .list_content ul ul { top:0; margin:0.5em 0; } .list_content ul ul li { margin:0.2em 0; padding:0; border:0; } .list_content ul li h3 { margin-top:0; margin-right:6em; font-size:1.2em; } .list_content ul li h3 a, .list_content ul li h3 a:visited { color:#000; text-decoration:none; } .list_content ul li h3 a:hover, .list_content ul li h3 a:focus { color:#E5020A; text-decoration:underline; } .list_content ul li .date { position:absolute; right:0; top:1em; padding:0; color:#999; } .list_content ul p { margin:0.4em 0; } .list_content img { /*height:45px;*/ width:130px; margin-top:4px; border:1px solid #bbb; border-top-color:#E6E6E6; border-left-color:#E6E6E6; } .list_content a.more, #container #content .list_content .pages { position:relative; top:-1px; margin:0; } .list_content li img { float:right; margin:0 0 6px 10px; } #container .list_content p.results { position:relative; top:-1.125em; margin-bottom:0; border-top:0; text-align:right; } .list_content .CommonAvatarListItemArea { overflow:hidden; padding:10px 10px 10px 70px; background-color:transparent; background-repeat:no-repeat; background-position:0 2.4em; } .list_content .CommonAvatarListItemArea h3 { margin:0 0 0.5em 0; color:#E5020A; font-size:1.2em; font-weight:bold; line-height:1.5em; text-decoration:none; } .list_content .CommonAvatarListItemArea h3 a, .list_content .CommonAvatarListItemArea h3 a:visited { color:#000; text-decoration:none; } .list_content div.CommonContentBoxContent ul { position:static; clear:both; margin:0 1.5em 1.5em 2.5em; padding:auto; list-style:disc outside; } .list_content div.CommonContentBoxContent ul li { position:static; margin:0; padding:0; border:none; margin:auto; overflow:visible; } /* .CommonAvatarListItemName */ .CommonAvatarListItemName { margin-right:6em; margin-top:0; color:#000; font-size:1.2em; font-weight:bold; line-height:1.5; } .CommonAvatarListItemName a:link, .CommonAvatarListItemName a:active, .CommonAvatarListItemName a:visited { color:#000; text-decoration:none; } .CommonAvatarListItemName a:hover, .CommonAvatarListItemName a:focus { color:#E5020A; text-decoration:underline; } /* CommonTagCloud */ .CommonSidebarTagCloud { width:200px; overflow:hidden; line-height:1.75em; } #filter .CommonSidebarTagCloud a { color:#E5020A; } .CommonTagCloud { margin:1em 0; padding:.5em 1em; border:none; } /* .CommonContentBoxHeaderForm */ .CommonContentBoxHeaderForm { margin:0; padding:0 0 10px 0; border:none; } .CommonContentBoxHeaderForm b a { color:#000; text-decoration:none; } .CommonContentBoxHeaderForm b a:hover, .CommonContentBoxHeaderForm b a:focus { background:none; } #container #content .CommonContentBoxHeaderForm .sorters { top:0; } /* Seperator */ #filter ul.CommonContentBoxList.Seperator { margin:1em 0 2em 0; border:none; } /* CommonContentBoxFooter */ #filter .CommonContentBoxFooter a, #tools .CommonContentBoxFooter a { padding:0 11px 0 0; background-image:url('../images/icons/arrow.gif'); background-repeat:no-repeat; background-position:100% 50%; color:#000; font-weight:bold; text-decoration:none; } #filter .CommonContentBoxFooter a:hover, #tools .CommonContentBoxFooter a:hover, #filter .CommonContentBoxFooter a:focus, #tools .CommonContentBoxFooter a:focus { text-decoration:underline; } /* Forum Overview Poster information */ .quiet, .CommonAvatarListItemDetails { color:#999; font-size:1em; } .CommonAvatarListItemDetails { margin-bottom:1em; } .c2 li .quiet img { float:none; margin:0; vertical-align:baseline; } /* Highlighted content block */ #content .Highlighted { margin:0; padding:6px 10px 0 10px; background-color:#F4F4F4; } .Highlighted2 { background-color:transparent !important; } /* Removes the basic CS styles */ /* Headers */ .CommonContentBoxHeader { margin-bottom:6px; padding:0; color:#000; border:none; } #content .CommonContentBoxHeader { color:#E5020A; } .CommonContentBoxHeader a { float:right; margin-top:.545454em; background-position:0 50%; font-size:11px; line-height:1.5; font-weight:normal; } .CommonContentBox.Highlighted2 .CommonContentBoxHeader { border:none; } #tools h2 { position:absolute; left:-999em; width:0; height:0; overflow:hidden; } /* Profile */ #content .profile .member_details { margin-left:118px; padding-bottom:1em; } #content .profile img { float:left; width:108px; margin:0 10px 5px 0; border:1px solid #bbb; border-top-color:#E6E6E6; border-left-color:#E6E6E6; } #content .profile h3 { color:#000; font-size:1.16667em; } /*#content .profile .CommonContentBoxContent div { padding:0; }*/ /*#content .profile .CommonContentBoxContent div { padding:0 0 10px 0; }*/ #content .profile .CommonContentBoxContent div div { padding:0; } #content .profile .CommonContentBoxContent div img { display:block; width:130px; /*height:72px;*/ } #content .profile .CommonContentBoxContent div.member_activity img { width:auto; margin-top:2px; border:none; } /* My Profile */ #tools .my_profile { margin:0 -10px; padding:10px 10px 0 10px; background:#ffec7f url('../images/backgrounds/my_buurtalliantie_top.gif') no-repeat 0 0; border:none; } #tools .my_profile .CommonContentBoxContent { padding-left:0; } #tools .my_profile .CommonContentBoxContent .quiet, #tools .my_profile .CommonContentBoxContent .list_member_details { color:#7F763F; } #tools .my_profile .CommonContentBoxContent ul.status { margin:1em 0 6px 0; } #tools .my_profile .CommonContentBoxContent ul.status li { margin-bottom:.2em; } #tools .my_profile .CommonContentBoxContent strong { color:#000; } #tools .my_profile div.CommonFormFieldName { padding:10px 0 .2em 0; font-weight:normal; } #tools .my_profile div.CommonFormField { margin:0; } #tools .my_profile .CommonContentBoxFooter { position:relative; margin:0 -10px; padding:0 10px 10px 10px; background:#ffec7f url('../images/backgrounds/my_buurtalliantie_btm.gif') no-repeat 0 100%; } #tools .my_profile .CommonContentBoxFooter ul { margin:0 0 1em 0; list-style:none; } #tools .my_profile .next { float:left; width:auto; border:none; } #tools .my_profile input.text { width:204px; padding:3px; border:1px solid #ffd800; } /* list users */ .list_users .CommonAvatarListArea { padding-left:0; } .list_users .CommonContentBoxContent div div { float:left; width:26px; height:28px; margin-left:0; padding-bottom:4px; padding-left:0; overflow:hidden; } .list_users .CommonContentBoxContent img { display:block; width:18px; /*height:24px;*/ border:1px solid #d09e26; border-top-color:#e7cd3c; border-left-color:#e7cd3c; } #filter .list_users .CommonContentBoxContent img { margin-top:2px; border-color:#bbb; border-top-color:#e5e5e5; border-left-color:#e5e5e5; } .list_users .CommonContentBoxContent .CommonFormArea { margin:0; padding:0; border:none; } .list_users .CommonContentBoxContent .CommonFormArea div { float:none; height:auto; width:auto; overflow:visible; } .list_users .CommonContentBoxContent .CommonFormArea textarea{ width:198px; } .list_users .CommonContentBoxContent a { color:#000; } .list_users .CommonContentBoxContent a:hover, .list_users .CommonContentBoxContent a:focus { color:#E5020A; } .list_users .CommonContentBoxContent a.next { float:left; } /* list networks */ .CommonAvatarListArea { clear:both; float:none; width:auto; height:auto; overflow:visible; margin:0; padding:0 0 0 50px; font-size:1em; font-weight:normal; text-align:left; } .CommonAvatarArea { position:relative; float:left; display:inline; width:50px; height:auto; margin-left:-50px; padding-top:2px; overflow:hidden; } .CommonAvatarArea img { display:block; width:40px; /*height:28px;*/ border:1px solid #BBBBBB; border-top-color:#E5E5E5 ; border-left-color:#E5E5E5; } #tools .CommonAvatarListArea a:link, #tools .CommonAvatarListArea a:active, #tools .CommonAvatarListArea a:visited, #filter .CommonAvatarListArea a:link, #filter .CommonAvatarListArea a:active, #filter .CommonAvatarListArea a:visited { color:#000; font-size:1em; } #tools .CommonAvatarArea img { border:1px solid #d09e26; border-top-color:#e7cd3c; border-left-color:#e7cd3c; } /* ForumPost */ .ForumPostArea { border-bottom:1px solid #c1c1c1; border-width:1px 0; } .ForumPostUserArea, .ForumPostUserContent { width:100px; } .ForumPostList td, .ForumPostTitleArea, .ForumPostHeader { background:none; border:none; } .ForumPostHeader .org { color:#000; } .ForumPostContentArea { border:none; vertical-align:top; } a.ForumNameUnRead, .ForumNameUnRead:link, .ForumNameUnRead:visited { color:#000; } .ForumNameUnRead:hover, .ForumNameUnRead:focus { color:#E5020A; } .related_tags { clear:both; margin:0 0 1em 0; } .related_tags span { color:#999; } .ForumPostAttachment { padding-left:12px; background:url('../images/backgrounds/paperclip.gif') no-repeat 0 5px; font-size:100%; font-weight:normal; } .ForumPostAttachment a, .ForumPostAttachment a:visited { color:#000; } .ForumPostAttachment a:hover, .ForumPostAttachment a:focus { background-color:#fffcd9; color:#E5020A; text-decoration:underline; } /* ForumThreadRateControl */ .CommonRateControl, .CommonRateControlReadOnly, .CommonRateControlActive { float:right; margin:3px 0 0 10px; } .ForumThreadRateControl, .ForumThreadRateControlActive, .ForumThreadRateControlReadOnly, .CommonRateControl, .CommonRateControlReadOnly, .CommonRateControlActive { background-color:transparent; border:none; cursor:pointer; display:block; font-size:80%; font-weight:bold; line-height:normal; padding:0; position:relative; top:0; } .ForumThreadRateControl img { float:none !important; } /* ForumPost */ .ForumPostList { position:relative; padding:0 0; } .ForumPostList h3 { margin:0 0 .8em 0; color:#000; font-size:1.1667em; } .ForumPostList ul { position:relative; top:-1.125em; margin:0; padding:0; list-style:none; } .ForumPostList ul li { position:relative; margin:0; padding:1em 0 0 0; border:1px solid #D9D9D9; border-width:0 0 1px; margin:0; } .ForumPostList .ForumPostFirst li { border:none; } .ForumPostList ul ul { top:0; margin:0.5em 0; } .ForumPostList ul ul li { margin:0.2em 0; padding:0; border:0; } .ForumPostList ul li.HeaderReplies { position:relative; margin-top:-4px; padding-bottom:0; background:#fff; border:none; } .ForumPostList ul li .date { position:absolute; right:0; top:-1px; padding:0; color:#999; } .ForumPostList .functions { margin:1em 0; padding:0.5em 0; } .ForumPostList ul.functions li { border-style:solid; border-width:0 1px 0 0; margin:0 -1px 0 0; padding:0 0.3em 0 0.5em; } ul.functions li.rating { position:relative; padding-right:65px; } a.ForumNameUnRead, .ForumNameUnRead:link, .ForumNameUnRead:visited, a.ForumNameRead, .ForumNameRead:link, .ForumNameRead:visited{ color:#000; text-decoration:none; } a.ForumNameUnRead:hover, a.ForumNameRead:hover { color:#E5020A; text-decoration:underline; } .ForumPostAnchor { position:absolute; } .ForumPostList a.next { margin-bottom:1em; } /* ForumPostHeader */ .ForumPostHeader { position:relative; overflow:visible; margin:0 0 1em 0; padding:0 0 0 50px; background-color:transparent; border:none; color:#000; font-size:100%; font-weight:normal; } .ForumPostHeader h4 { position:relative; margin:0 0 .181818em 0; color:#E5020A; font-size:1em; } .ForumPostHeader h4 a { color:#E5020A; text-decoration:none; } .ForumPostHeader h4 a:hover, .ForumPostHeader h4 a:focus { text-decoration:underline; } .ForumPostHeader h4 .photo { position:absolute; top:0; left:-50px; margin:0 10px 6px 0; vertical-align:top; } .ForumPostHeader h4 .photo img { display:block; width:36px; /*height:48px;*/ border:1px solid #BBBBBB; border-top-color:#E5E5E5 ; border-left-color:#E5E5E5; } .CommonSidebar .CommonContentBoxContent div img { border:1px solid #BBBBBB; border-top-color:#E5E5E5 ; border-left-color:#E5E5E5; } .member_activity { padding:4px 0; color:#999; } .member_activity img { float:none; margin:0 5px -4px 0; } .ForumPostContentArea { clear:both; color:#000; } /* ForumPostButtons */ .ForumPostList .ForumPostButtons { position:static; float:right; margin:0; padding:0.5em 0 .6em 0; } .ForumPostList .ForumPostButtons li { float:left; border-left:1px solid #000; margin:0 -1px 0 0; padding:0 0.818181em 0 0.818181em; line-height:1.1em; } .ForumPostList .ForumPostButtons li.first { border:none; } .ForumPostList .ForumPostButtons li.remove { border-right:1px solid #000; border-left-width:0;} .ForumPostList .ForumPostButtons li a { display:inline; padding:0 0 3px 0; text-decoration:underline; } /* CommonCommentUser */ .CommonCommentUser img { display:block; width:36px; /*height:48px;*/ border:1px solid #BBBBBB; border-top-color:#E5E5E5 ; border-left-color:#E5E5E5; } body.DOMenabled .CommonContentBoxList li.hover, body.DOMenabled .list_networks .CommonSideListArea.hover, body.DOMenabled .list_members .CommonSideListArea.hover, body.DOMenabled #content .list_media .hover, body.DOMenabled #content .list_content .hover, body.DOMenabled #content .CommonAvatarListItemList .hover, body.DOMenabled #content ul.CommonAvatarListItemList .hover { cursor:pointer; } body.DOMenabled #content .hover h3 a, body.DOMenabled #content .hover strong a, body.DOMenabled #content .hover h4 a { background-color:#fffcd9; color:#E5020A; text-decoration:underline; } /* CommonSearch */ #CommonSearch { position:absolute; top:14px; right:30px; float:none; } .CommonSearchArea { float:none; width:auto; } .CommonSearchContent { height:auto; overflow:hidden; padding:0; background:none; border:none; white-space:normal; } .CommonSearchContentInner { position:static; width:auto; } .CommonSearchContent input { float:left; width:185px; padding-left:5px; background-color:transparent; border:none; vertical-align:top; } input.blur { color:#999; } .CommonSearchContent input.CommonSearchButton { width:13px; height:13px; overflow:hidden; margin-top:1px; text-indent:-9000px; background:url('../images/buttons/go.gif') no-repeat 0 0; border:none; } #CommonSearch .CommonSearchRoundTop, #CommonSearch .CommonSearchRoundBottom { display:none; } #CommonSearch a.next { float:left; margin:0; padding:3px 17px 3px 10px; } /* Pages */ #container #content div.pages { clear:both; position:relative; margin:0 0 3.333em 0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; } #container #content div.pages a { margin:0 3px; font-weight:normal; line-height:2em; text-decoration:underline; } /* CommonFormArea */ .CommonFormArea { margin:0; padding:0 0 10px 0; } div.CommonFormFieldDescription { padding:2px 0; color:#999; font-size:100%; } div.CommonFormFieldName { padding:12px 0 0 0; } div.CommonFormField { margin:0 0 10px 0; padding:0; } /* CommonFormSearch */ .CommonFormSearch { padding-bottom:0.75em; } .CommonFormSearch a.next { margin:0; } .CommonFormSearch input.text { float:left; } /* CommonMessageWarning */ .CommonMessageWarning, .CommonMessageSuccess { background-color:#F4F4F4; border:none; color:#000; } .CommonMessageError { background-color:transparent; border:none; color:#000; padding:1em 10px; } /* validationwarning */ .validationWarning { font-size:1em; font-weight:bold; } #content .CommonFormFieldName img { border-color:#E6E6E6 #BBBBBB #BBBBBB #E6E6E6; } /* CommonModal */ .CommonModal { padding:0 13px; background:url("../images/backgrounds/commonmodal.png") repeat-y; border:none; color:#000; font-size:1em; } .CommonModalMask { background-color:#000; opacity:0.5; } .CommonModal .CommonModalTitle { position:absolute; left:0; top:-60px; width:642px; height:37px; margin:0; padding:23px 31px 0 31px; background:url("../images/backgrounds/commonmodal-top.png"); border:none; font-size:1em; } .CommonModal .CommonModalTitle span { display:block; color:#000; font-size:1.1667em; font-weight:bold; line-height:1.5em; } .CommonModalClose { right:23px; top:23px; } .CommonModalResize { display:none; } .CommonModal .CommonModalContent { padding:1px 18px; background:transparent url('../images/backgrounds/commonmodal-bg.gif') repeat-x 0 0; } .CommonModal .CommonModalFooter { position:absolute; left:0; top:100%; width:100%; height:22px; background:url("../images/backgrounds/commonmodal-bottom.png"); } .CommonModalResize { bottom:19px; right:21px; } #TB_window .top { position:absolute; left:0; top:-22px; width:100%; height:22px; background:url("../images/backgrounds/videoplayer-top.png"); } #TB_window .bottom { position:absolute; left:0; top:100%; width:100%; height:22px; background:url("../images/backgrounds/videoplayer-bottom.png"); } #TB_window .body { padding:0 18px; background:url("../images/backgrounds/videoplayer-bg.gif") repeat-x; } #TB_window p { margin:0; } #TB_window h3 { margin:0 0 0.8em 0; color:#E5020A; } #TB_window img { margin:0 0 10px 0; border:1px solid #e2e2df; } #TB_closeAjaxWindow { position:absolute; right:34px; top:0.2em; } #TB_closeAjaxWindow a { color:#000; } #TB_closeAjaxWindow a:hover { color:#903; } #TB_load { position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect { z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; opacity:0; height:100%; width:100%; } #TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; } #video-container { margin:0 0 10px 0; border:1px solid #e2e2df; width:640px; height:480px; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h2, .sIFR-hasFlash #filter h3, .sIFR-hasFlash #tools h3 { visibility: hidden; line-height: 1em !important; } .sIFR-hasFlash h2, .sIFR-hasFlash #content h3.CommonContentBoxHeader { font-size: 24px; } .sIFR-hasFlash #filter h3, .sIFR-hasFlash #tools h3 { font-size:18px; letter-spacing:-2px; } /* clearfix */ .ForumPostList ul li:after, #CommonSidebarRight .CommonSidebar:after, #content-wrapper:after, #content .sorters:after, .CommonFileArea .CommonFileDetails:after, .ForumPostContentArea:after, .CommonFormArea:after, .CommonContentBoxContent:after, .CommonContentBoxFooter:after, .list_users .CommonContentBoxContent div:after, .CommonAvatarListArea:after, #content .profile .member_details:after { display:block; height:0; visibility: hidden; clear:both; content: "."; }