/* ################################################## */ /* Made by: www.DIRECT BASING.com */ /* Semantisch correcte xHTML Basing */ /* ################################################## */ /* ### global classes ### */ .clear, .box .clear { clear: both; height: 0px; overflow: hidden; margin: 0; } .upper { text-transform: uppercase; font-size: 9px } .smallprint { font-size: 8px; } .soon { font-size: 20px; color: #888; } .invisible { display: none; } /* ### special elements ### */ a.more { font-size: 9px; text-transform: uppercase; } hr.qaline { margin: 10px; border: none; background: url('../images/border2.jpg') left bottom repeat-x; } li.next { background: #ABDCE2; } a span.description { display: block; } input.exampleText { color: #aaa; } ul.social li { display: block; float: left; padding-right: 5px; } ul.social li img { padding: 0; } img.usersmall { width: 32px; height: 32px; } img.usertiny { width: 24px; height: 24px; } img.nofriend { opacity: 0.5 } div.userlist img { margin-right: 1px; margin-bottom: 1px; } .swipe .link { text-decoration: none; position: absolute; top: 10px; background: #FFF; opacity: 0.5; font-weight: bold; font-size: 20px; padding: 2px 5px; } .swipe .link.prev { left: 2px; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; } .swipe .link.next { right: 2px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; } .shadedtable .picturebar { padding: 5px 8px; margin: 0 2px; background: none black repeat scroll 0 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(#4A4A4A), to(#000000)); background-image: -moz-linear-gradient(center top , #4A4A4A, #000000); border-color: #111111 #020202 #000000 #111111; color: #444444; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; } .shadedtable .picturebar a { color: #DDDDDD; } .shadedtable .picturebar a:hover { color: #888888; text-decoration: none; } .shadedtable .pixelfix_order { float: right; vertical-align: middle; } .shadedtable .pixelfix_order a {display:inline !important; background-color: #df382b; background-image: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#eb6e63), to(#df382b)); background-image: -moz-linear-gradient(center bottom , #df382b 10%, #eb6e63 100%); border: 1px solid #a5322e; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; padding:5px 10px; font-size:18px; text-shadow:0 1px #a5322e; font: 12px/18px "Lucida Grande","Verdana",sans-serif; } .sprite { background: url(images/widget30.png) norepeat; } .sprite.facebook { background-position: 0 -1568px; } /* ### form elements ### */ input { border: 1px solid #141212; } input.button { width: 43px; height: 19px; border: none; line-height: 19px; color: #fff; cursor: pointer; display: block; background: url('../images/button.jpg') no-repeat; } .radiogroup label { font-size: 12px; color: #000000; display: block; line-height: 18px; height: 22px; width: 100%; overflow: hidden; } .vote .smallprint { display: block; text-align: center; } .vote input { height: 26px; width: 163px; color: #fff; text-transform: uppercase; display: block; line-height: 26px; cursor: pointer; background: url('../images/vote-buton.jpg') no-repeat; } .social_or_login { font-size: 16px; font-weight: bold; } #login_form .label { font-size: 7pt; color: #e9e9e9; } #login_form .textinput { font-size: 7pt; width: 80px; height: 16px; } #login_form .simple_button { font-size: 7pt; } #login_form a { color:#E9E9E9; font-family:inherit; font-size:7pt; text-decoration:none; } #login_form hr { width: 300px; } .login_email_form .buttons { font-size: 7pt; padding-top: 5px; } .styled_input { background: #FFF; border: 1px solid #999; padding: 3px; } .styled_input.notfound, .styled_input.notfound input { background: #FF0101; } .styled_input img { vertical-align: middle; margin-right: 5px; } .styled_input input { border: none; } .styled_input button { border: none; background: none; } /* ### popover ### */ #welcome-msg { background: black; width: 100%; height: 100%; color: white; } .popover { width: 100%; height: 100%; background: #FFF; } .popover h2 { margin-bottom: 15px; } .popover h3 { margin-bottom: 5px; } .popover { font-size: 10pt; } .popover .cancel { position: absolute; bottom: 10px; right: 10px; font-weight: bold; } .popover .register { margin-top: 10px; font-weight: bold; } .popover .register a { color: #DE261F; } .popover a.register { display:none; } .popover td.buttons { padding-top: 8px; } .popover .simple_button { padding: 2px 16px; cursor: pointer; } .popover .login_social h2, .popover .login_social hr { display: none; } .popover .login_social img { display: inline; } .popover .social_or_login { margin: 20px 0; } .agree_button { background: #00E617; font-size: 12pt; padding: 3px; width: 200px; margin: 5px 0; border-radius: 6px; -moz-border-radius: 6px; cursor: pointer; } .popover .userinfo { margin-bottom: 5px; } .popover .userinfo, .popover .userinfo td { font-size: 7pt; } #login_popover h2 { margin-bottom: 20px; } #register_popover h3.login { display: none; } /* ### general box ## */ .box { position: relative; margin-bottom: 12px; } .box .text { min-height: 80px; } .box div.bgTop { height: 19px; } .box div.bgTop span { padding-left: 6px; display: block; height: 19px; background: url('../images/new-left-top.png') left top no-repeat; } .box div.bgTop span span { padding: 0px; display: block; background: url('../images/new-right-top.png') right top no-repeat; } .box div.bgBottom { display: none; height: 6px; } .box div.bgBottom span { padding-left: 6px; display: block; height: 6px; background: url('../images/new-left-bottom.png') left top no-repeat; } .box div.bgBottom span span { padding: 0px; display: block; background: url('../images/new-right-bottom.png') right top no-repeat; } .box h2 { font-size: 12px; color: #fff; text-transform: uppercase; white-space: nowrap; overflow: hidden; } #leftCntr .box { overflow: visible; } #leftCntr .box > * { margin: 2px; } #leftCntr .box h2, #rightCntr .box h2, #centerCntr .box .text h2 { position: absolute; top: 0px; left: 4px; line-height: 19px; padding: 0; } #centerCntr .box .over .text h2 { position: relative; white-space: normal; } #centerCntr .box h2 { padding: 3px 0 14px 0; } #centerCntr .plainbox h2 { padding: 0px; } .box h2 span { color: #ff0101; } #centerCntr .box .mid { padding-left: 10px } #centerCntr .plainbox .mid { padding: 0 } .box a.more { position: absolute; right: 12px; bottom: 5px; display: block; } .box ul { list-style: none; overflow: hidden; } .box li { padding: 2px; line-height: 12px; overflow: hidden; } #leftCntr .box li img { padding-right: 8px; float: left; } .box .items li { line-height: normal; padding: 0 0 8px 0; margin-bottom: 8px; background: url('../images/border.jpg') 4px bottom no-repeat; } .box .items li.last { background: none; padding: 0; margin-bottom: 0; } .box p.poll { padding: 4px 0px 8px 5px; margin-bottom: 12px; font-size: 12px; color: #000000; } .box .radiogroup { margin: 3px 6px 0px 5px; } .box .vote { margin: 0 auto; } .roundbox .text { border-radius: 5px; -moz-border-radius: 5px; } .links a { color: #DE261F; } .shadedtable.list tr .shadedtable_left, .shadedtable.list tr .shadedtable_right { border-left: 1px solid transparent; border-right: 1px solid transparent; } .shadedtable.list tr:hover { background: #FFF; } .shadedtable.list .ads:hover { background: none; } .shadedtable.list tr:hover .shadedtable_left { border-left: 1px solid #D8D8D8; } .shadedtable.list tr:hover .shadedtable_right { border-right: 1px solid #D8D8D8; } .shadedtable.list tr.nav:hover, .shadedtable.list tr.blank:hover { background: none; } .shadedtable.list tr.nav:hover .shadedtable_left, .shadedtable.list tr.nav:hover .shadedtable_right { border-left: 1px solid transparent; border-right: 1px solid transparent; } .shadedtable.list tr.blank:hover .shadedtable_left, .shadedtable.list tr.blank:hover .shadedtable_right { border-left: 1px solid transparent; border-right: 1px solid transparent; } /* ### calender */ .box .calender { border: 1px solid black; padding: 5px 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url('../images/new-vertical-mid.png') top repeat-x; } .box .calender a { display: block; } .box .calender td a { color: #FF0000; } .box .calender td, .box .calender th { width: 25px; font-size: 12px; padding: 2px; text-align: center; } .box .calender th { padding: 2px; } .box .calender tr.month th { font-size: 14px; padding-bottom: 6px; } #centerCntr .box .calender tr.month th a { color: inherit; } .box .calender tr.days th { background-color: #333; color: #fff; text-transform: uppercase; } .box .calender td { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } .box .calender td.today { border: 1px solid #0D0079; padding: 0; } .box .calender td.selected { border: 1px solid green; padding: 0; } .box .calender td.queensday { background: orange; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/bodybg.png') repeat-x; } /* ### main container ### */ #mainCntr { } /* ### header container ### */ #headerCntr { background: url('../images/header_repeat.png') repeat-x; margin-bottom: 15px; } #headerCntr .headerBox .content {background: url('../images/header_gradient.png') no-repeat top center; height: 110px; } #headerCntr .content { width: 989px; margin: 0 auto; } #headerCntr h1 { margin-top: 22px; margin-left: 0px; float: left; } #headerCntr h1 span { display: none; } /* ### media box ### */ .mediaBox { padding: 24px 0px 0px 0px; color: #fff; width: 410px; float: right; } .mediaBox a { color: #fe0000; } .mediaBox h2 { padding-left: 17px; font-weight: normal; font-size: 14px; text-transform: uppercase; text-decoration: none; background: url('../images/dice-on.png') 2px center no-repeat; } .mediaBox.guest h2 { background-image: url('../images/dice-off.png'); } .mediaBox .thumb { padding-left: 7px; float: right; background: url('../images/border.png') left top no-repeat; } .mediaBox p { padding: 0px 0px 0px 17px; font-size: 12px; color: #fff; text-decoration: none; background: url('../images/arrow.png') left center no-repeat; } .mediaBox hr { border: 0; border-top: 1px solid white; width: 300px; margin: 10px 0; } .mediaBox a.heading { font-size: 14px; } .mediaBox .heading.fiestaking { background: url('../images/heading.png') left 5px no-repeat; width: 300px; height: 20px; display: block; } .mediaBox .heading.fiestaking span { display: none; } .mediaBox ul { padding-right: 8px; float: right; list-style: none; } .mediaBox li { text-align: right; font-size: 12px; } .mediaBox li.inbox a { color: #ffffff; } .mediaBox li.inbox a span { padding-left: 4px; color: #fffc00; } .mediaBox li.inbox { margin-bottom: 8px; } .mediaBox li.profile a { color: #fffc00; } .mediaBox li.menu a { color: #8BDA6D; } .mediaBox form { float: right; } .mediaBox .login_social { float: left; margin-top: 5px; } .mediaBox .login_social img { margin-bottom: 2px; display: block; } .mediaBox #login_email h3 { display: none; } .mediaBox .social_or_login { float: left; margin-left: 25px; margin-top: 25px; } /* ### menu box ### */ .menuBox { height: 30px; background: url('../images/mainmenubar.png') #000 top center repeat-y; } .menuBox ul { list-style: none; } .menuBox li { padding: 0px 12px; float: left; line-height: 30px; background: url('../images/devider.png') right top no-repeat; } .menuBox li.first { padding-left: 3px; } .menuBox li.last { background: none; } .menuBox li a { font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; } .menuBox li a:hover { text-decoration: underline; } .menuBox form { margin-top: 5px; float: right; background: url('../images/fieldset.png') no-repeat; } .menuBox input { padding: 0px 2px; width: 100px; height: 17px; line-height: 17px; background: none; float: left; border: none; } .menuBox input.search { width: 55px; height: 19px; display: block; cursor: pointer; background: url('../images/search-1.png') no-repeat; border: 0; } /* ### content container ### */ #contentCntr { padding-bottom: 45px; width: 989px; overflow: hidden; margin: 0 auto; } /* ### left container ### */ #leftCntr { padding-top: 19px; -right: 6px; margin-right: 6px; float: left; width: 177px; background: url('../images/news-top.png') left top no-repeat; } #leftCntr .bottom { padding-bottom: 6px; background: url('../images/news-bottom.png') left bottom no-repeat; display: none; } #leftCntr .mid { width: 177px; background: url('../images/new-vertical-mid.png') repeat-x; padding-bottom: 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #leftCntr .bottombg { padding-bottom: 5px; background: url('../images/rightbg-bottom.png') left bottom no-repeat; } #leftCntr .midbg { background: url('../images/rightbg-middle.png') repeat-y; } #leftCntr .box { margin-top: 6px; margin-bottom: 0px; background: url('../images/search.jpg') no-repeat; } #leftCntr .box.first { margin-top: 0; background: none; } #leftCntr .box h2 { position: static; line-height: 19px; padding-left: 5px; } #leftCntr .box.first h2 { position: absolute; top: -19px; left: 0px } #leftCntr .box ul, #leftCntr .box form { padding: 6px 4px 0px 4px; } #leftCntr .box a.more { position: static; text-align: right; margin: 5px 8px 0 0; display: block; } #leftCntr #searchBox input { padding: 2px 3px; width: 115px; height: 14px; border: 1px solid #141212; float: left;} #leftCntr #searchBox input.button { padding: 0px 0px 1px 0px; margin-left: 2px; width: 43px; height: 19px; border: none; color: #fff; line-height: 19px; cursor: pointer; display: block; float: left; background: url('../images/button.jpg') no-repeat; } #leftCntr #eventBox img { width: 75px; height: 50px; } #leftCntr #eventBox li div { float: left; width: 80px; font-size: 9px; } #leftCntr #albuminfoBox table { margin: 5px 0 0 5px; } #leftCntr #albuminfoBox td { font-size: 11px; } #leftCntr #memberBox li img { float: right; padding-right: 2px; } #leftCntr .calender { background: none; border: none; margin: 0 auto; padding: 5px 2px 0 2px; } #leftCntr .box .calender td, #leftCntr .box .calender th { width: 20px; padding: 1px 2px; } #leftCntr .calender td a { color: #DE261F; } /* ### pictures box ### */ .picturesBox { margin-top: -19px; width: 177px; } .picturesBox .mid { height: 170px; } .picturesBox h2 { padding-left: 33px; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; } .picturesBox h2 span { color: #ff0101; } .picturesBox h3 { font-size: 11px; line-height: 26px; color: #010101; } .picturesBox ul { padding: 1px; width: 175px; overflow: hidden; list-style: none; } .picturesBox li { padding: 0px 4px; margin-bottom: 1px; width: 167px; float: left; overflow: hidden; background: url('../images/pictures-bg.jpg') repeat-x; } .picturesBox li a.check { padding-right: 10px; display: block; font-size: 12px; color: #d73950; line-height: 24px; float: right; text-decoration: none; background: url('../images/icon.jpg') right 7px no-repeat; } .picturesBox li a.check:hover { text-decoration: underline; } .picturesBox li a { padding: 0px 3px 9px 0px; float: left; display: inline; } .picturesBox li p { padding-bottom: 6px; font-size: 9px; color: #000; } .picturesBox a.meer { padding-right: 8px; background: none; line-height: 25px; float: right; font-size: 14px; text-decoration: none; color: #de100e; } .picturesBox a.meer:hover { text-decoration: underline; } .picturesBox .picture { position: relative; } .picturesBox .picture .delete { position: absolute; bottom: 0px; right: 5px; } /* ### mappen box ### */ .mappenBox { padding: 0px 9px; width: 159px; } .mappenBox h2 { padding: 0px 0px 0px 58px; margin-top: -16px; float: left; text-transform: uppercase; font-size: 11px; color: #fff; text-align: center; } .mappenBox ul { padding-top: 5px; list-style: none; } .mappenBox li { line-height: 24px; width: 100%; overflow: hidden; } .mappenBox li a { padding-left: 32px; display: block; float: left; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url('../images/icon-1.png') 0px 0px no-repeat; } .mappenBox li a.sent { padding-left: 32px; display: block; float: left; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url('../images/icon-2.png') 0px 0px no-repeat; } .mappenBox li a.ver { padding-left: 32px; display: block; float: left; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url('../images/icon3.png') 0px 0px no-repeat; } .mappenBox li a:hover { text-decoration: underline; } .mappenBox li ul { padding-top: 20px; width: 159px; overflow: hidden; background: url('../images/mappen-ulbg.png') 12px top no-repeat; } .mappenBox li li { padding: 10px 0px 2px 15px; margin-top: -10px; float: left; background: url('../images/mappen-libg.png') 26px 0px no-repeat; } .mappenBox li li.first { margin-top: -28px; background: none; } .mappenBox li li a { font-size: 11px; color: #000000; line-height: 18px; font-weight: bold; text-decoration: none; background: none; } /* ### prive box ### */ .priveBox { padding: 0px 0px; width: 177px; } .priveBox h2 {text-transform: uppercase; line-height: 21px; text-align: center; font-size: 11px; color: #fff; background: url('../images/prive-bg.jpg') repeat-x; } .priveBox ul { padding: 4px 0px 0px 7px; margin: 2px 2px 6px 2px; list-style: none; background: #9cf592; } .priveBox ul.bitches { padding: 4px 0px 0px 7px; margin: 2px 2px 6px 2px; background: #f5c192; } .priveBox ul.jones { padding: 4px 0px 0px 7px; margin: 2px 2px 6px 2px; background: #d692f5; } .priveBox ul.buiten { padding: 4px 0px 0px 7px; margin: 2px 2px 6px 2px; background: #92f5d8; } .priveBox ul.arnold { padding: 4px 0px 0px 7px; margin: 2px 2px 6px 2px; background: #92aef5; } .priveBox li { line-height: 24px; width: 100%; overflow: hidden; } .priveBox li a { padding-left: 32px; display: block; float: left; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url('../images/icon-1.png') 0px 0px no-repeat; } .priveBox li a:hover { text-decoration: underline; } .priveBox li ul { padding-top: 20px; width: 159px; overflow: hidden; background: url('../images/mappen-ulbg.png') 12px top no-repeat; } .priveBox li li { padding: 10px 0px 2px 10px; margin-top: -10px; float: left; background: url('../images/mappen-libg.png') 20px 0px no-repeat;} .priveBox li li.first { margin-top: -28px; background: none;} .priveBox li li a { font-size: 11px; color: #000000; line-height: 18px; font-weight: bold; text-decoration: none; background: none; } /* ### map box ### */ .mapBox { margin-top: 40px; width: 177px; border-top: 1px solid #626262; } .mapBox a { padding-left: 20px; margin-left: 40px; line-height: 21px; font-size: 11px; color: #8b8a8a; font-weight: bold; display: block; float: left; text-transform: uppercase; text-decoration: none; background: url('../images/map-icon.jpg') 0px 3px no-repeat; } .mapBox a:hover { text-decoration: underline; } /* ### center container ### */ #centerCntr {float: left; width: 651px; } #main.no-menu #centerCntr { width: 843px; } #centerCntr .box .text a { color: #DE261F; } /* ### ad box ### */ .adBox { padding-bottom: 8px; text-align: center; } .adBox img { border: 1px solid #050000; } /* ### calender box ### */ #calenderBox .calender, #calenderBox .navigate { float: left; margin-right: 5px; } #calenderBox .calender { background: #FFFFFF; width: auto; } #calenderBox .navigate { display: block; padding-top: 5px; } #map_canvas { float: right; width: 300px; height: 190px; border: 1px solid #999999; background: #FFFFFF; } /* ### events table ### */ table.events { width: 100%; } table.events td { border-bottom: 1px solid #D8D8D8; } table.events table td { border-bottom: none; } table.events a { color: #000; display: block; } table.events .friends a { display: inline; margin-right: 1px; } table.events a:hover, table.events a:hover div { text-decoration: none; } table.events td.shadedtable_middle { padding-right: 10px; } table.events td.banner img { width: 620px; } table.events td.flyer { width: 85px; } table.events td.flyer a { border: 1px solid black; max-height: 110px; width: 80px; overflow: hidden; } table.events td.flyer img { width: 80px; } table.events td.actions { width: 105px; padding-right: 0; } table.events td.actions table { line-height: 13px; } table.events td.actions img { padding-right: 5px; } table.events td.info { vertical-align: top; } table.events tr.country { display: none; } table.events .event td { padding: 1px 0; border: none; } table.events .event .key { padding-right: 10px; } table.events td.shadedtable_headermiddle span.dayofweek { font-size: inherit !important; color: #ff0101; } table.events td.shadedtable_middle { padding-bottom: 3px; padding-top: 3px; } table.events td.shadedtable_middle { padding-bottom: 8px; padding-top: 8px; } table.events .highlight { background: #F0EBAD; } table.events .highlight:hover, table.events .highlight tr:hover { background: #F0E98E; } table.events tr .name { color: 000000; font-weight: bold; font-size: 18px; } table.events tr .location { color: #4A4A4A; font-weight: bold; font-size: 14px; } table.events tr .time { margin-bottom: 10px; } table.events tr .style { font-style: italic; font-weight: bold; } table.events tr .friends { margin-top: 10px; } table.albums td { border-bottom: 1px solid #DDD; } table.albums .nav td { border-bottom: none; } table.news td { border-bottom: 1px solid #DDD; } /* ### events today box ### */ #eventstodayBox li span { display: block; margin-left: 40px; } #eventstodayBox .city { font-size: 9px; } #eventstodayBox .name { font-weight: bold; } #form_events { margin-bottom: 3px; margin-top: 8px; text-align: right; } /* ### alert box ### */ .alertBox { padding: 0px 0px 0px 7px; width: 660px; margin-left: -7px; position: relative; margin-bottom: 6px; } .alertBox .text { width: 100%; background: url('../images/alert-vertical-mid.png') top repeat-x; } .alertBox div.bgTop { height: 19px; width: 100%; } .alertBox div.bgTop span { padding-left: 6px; display: block; height: 19px; background: url('../images/new-left-top.png') left top no-repeat; } .alertBox div.bgTop span span { padding: 0px; display: block; background: url('../images/new-right-top.png') right top no-repeat; } .alertBox div.bgBottom { height: 9px; width: 100%; } .alertBox div.bgBottom span { padding-left: 18px; display: block; height: 9px; background: url('../images/alert-left.png') left top no-repeat; } .alertBox div.bgBottom span span { padding: 0px; display: block; background: url('../images/alert-right.png') right top no-repeat; } .alertBox h2 { padding-left: 4px; margin-top: -18px; float: left; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; } .alertBox h2 span { color: #ff0101; } .alertBox ul { padding: 11px 0px 0px 11px; list-style: none; float: left; } .alertBox li { padding-right: 10px; width: 118px; text-align: center; float: left; font-size: 9px; color: #000;} .alertBox li.last { padding-right: 0px; } .alertBox li .flyer { height: 154px; overflow: hidden; margin-bottom: 5px; } .alertBox li .flyer img { max-height: 152px; border: 1px solid black; } .alertBox li b { font-size: 11px; } .wintickets { background: url('/images/wintickets-border.png') transparent repeat-x; padding: 30px 5px 8px; margin: 15px 0; border: 2px solid green; -moz-border-radius: 5px; border-radius: 5px; } /* ### news container ### */ #newsCntr { padding: 6px 0px 8px 0px; width: 651px; overflow: hidden; } #newsCntr .left { width: 223px; float: left;} #newsCntr .right { width: 423px; float: right; } /* ### view box ### */ .viewBox { width: 223px; } .viewBox .text { width: 100%; background: url('../images/view-vertical.png') top repeat-x; } .viewBox div.bgTop { height: 19px; width: 100%; } .viewBox div.bgTop span { padding-left: 6px; display: block; height: 19px; background: url('../images/new-left-top.png') left top no-repeat; } .viewBox div.bgTop span span { padding: 0px; display: block; background: url('../images/new-right-top.png') right top no-repeat; } .viewBox div.bgBottom { height: 7px; width: 100%; } .viewBox div.bgBottom span { padding-left: 8px; display: block; height: 7px; background: url('../images/view-leftbottom.png') left top no-repeat; } .viewBox div.bgBottom span span { padding: 0px; display: block; background: url('../images/view-rightbottom.png') right top no-repeat; } .viewBox h2 { padding-left: 4px; margin-top: -18px; float: left; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; } .viewBox h2 span { color: #ff0101; } .viewBox ul { padding-left: 4px; list-style: none; } .viewBox li { padding: 5px 0px 0px 0px; width: 213px; float: left; overflow: hidden; background: url('../images/border1.png') 5px bottom no-repeat; } .viewBox li.last { padding-bottom: 0px; background: none; } .viewBox li a { padding: 0px 3px; font-size: 8px; color: #de261f; text-decoration: none; float: left; background: url('../images/devider1.jpg') right center no-repeat; } .viewBox li a.last { background: none; } .viewBox li a:hover { text-decoration: underline; } .viewBox li img { padding: 0px 8px 10px 0px; float: left; } .viewBox li .img { padding: 0px 8px 0px 0px; } .viewBox li p { padding-bottom: 8px; font-size: 8px; line-height: 10px; color: #000; } .viewBox li span { padding-bottom: 3px; display: block; font-weight: bold; color: #000; font-size: 9px; } /* ### vedio box ### */ .vedioBox { width: 423px; } .vedioBox .text { width: 100%; background: url('../images/vedio-vertical.png') top repeat-x; } .vedioBox div.bgTop { height: 19px; width: 100%; } .vedioBox div.bgTop span { padding-left: 6px; display: block; height: 19px; background: url('../images/new-left-top.png') left top no-repeat; } .vedioBox div.bgTop span span { padding: 0px; display: block; background: url('../images/new-right-top.png') right top no-repeat; } .vedioBox div.bgBottom { height: 10px; width: 100%; } .vedioBox div.bgBottom span { padding-left: 10px; display: block; height: 10px; background: url('../images/vedio-leftbottom.png') left top no-repeat; } .vedioBox div.bgBottom span span { padding: 0px; display: block; background: url('../images/vedio-rightbottom.png') right top no-repeat; } .vedioBox img { padding: 5px 0px 0px 9px;} /* ### release container ### */ #releaseCntr { width: 651px; } #releaseCntr .box { margin-right: 8px; float: left; } #releaseCntr .box .text { min-height: 184px; } #releaseCntr #releaseBox { width: 269px; } #releaseCntr #winBox { width: 183px; } #releaseCntr #pollsBox { margin-right: 0px; width: 183px; } /* ### banner box ### */ .bannerBox { width: 643px; margin-bottom: 8px; height: 317px; position: relative; background: #B5B5B5; } .bannerBox .banner { padding: 6px; } .bannerBox .text { padding: 15px 11px 0px 9px; height: 300px; width: 163px; position: absolute; right: 44px; top: 0px; background: url('../images/white-bg.png') repeat; } .bannerBox h2 { padding-bottom: 22px; font-size: 18px; line-height: 20px; color: #000000; } .bannerBox p { padding-bottom: 116px; font-size: 14px; color: #060606; } .bannerBox a { width: 106px; font-size: 12px; color: #fff; text-align: center; text-decoration: none; line-height: 18px; display: block; float: right; background: url('../images/volume.png') no-repeat; } .bannerBox a:hover { text-decoration: underline;} .bannerBox .img { position: absolute; left: 0px; bottom: 39px; } /* ### nieuws box ### */ .nieuwsBox { width: 643px; } .nieuwsBox .text { width: 100%; background: url('../images/nieuws-vertical.png') top repeat-x; } .nieuwsBox div.bgTop { height: 19px; width: 100%; } .nieuwsBox div.bgTop span { padding-left: 6px; display: block; height: 19px; background: url('../images/new-left-top.png') left top no-repeat; } .nieuwsBox div.bgTop span span { padding: 0px; display: block; background: url('../images/new-right-top.png') right top no-repeat; } .nieuwsBox div.bgBottom { height: 10px; width: 100%; } .nieuwsBox div.bgBottom span { padding-left: 11px; display: block; height: 10px; background: url('../images/nieuws-leftbottom.png') left top no-repeat; } .nieuwsBox div.bgBottom span span { padding: 0px; display: block; background: url('../images/nieuws-rightbottom.png') right top no-repeat; } .nieuwsBox h2 { padding-left: 4px; margin-top: -18px; float: left; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; } .nieuwsBox h2 span { color: #ff0101; } .nieuwsBox h3 { padding-bottom: 2px; font-size: 18px; color: #000000; } .nieuwsBox h3 span { font-weight: normal; } .nieuwsBox ul { padding-left: 10px; list-style: none; overflow: hidden; } .nieuwsBox li { padding: 12px 0px 10px 0px; width: 615px; overflow: hidden; background: url('../images/bor.png') right bottom no-repeat; } .nieuwsBox li p { padding-top: 10px; font-size: 11px; color: #2f2f2f; width: 411px; float: left; } .nieuwsBox li img { padding-right: 13px; float: left; } .nieuwsBox ul.pagination { padding: 14px 0px 0px 275px; list-style: none; } .nieuwsBox ul.pagination li { padding: 0px 1px 0px 1px; width: auto; float: left; line-height: 18px; background: none; } .nieuwsBox ul.pagination li a { font-size: 12px; color: #000000; text-decoration: none; } .nieuwsBox ul.pagination li a:hover { text-decoration: underline;} .nieuwsBox a.prevous { font-size: 12px; color: #000000; text-decoration: none; position: absolute; left: 22px; bottom: 0px; } .nieuwsBox a.prevous:hover { text-decoration: underline;} .nieuwsBox a.next { font-size: 12px; color: #000000; text-decoration: none; position: absolute; right: 20px; bottom: 0px; } .nieuwsBox a.next:hover { text-decoration: underline; } /* ### slider box ### */ .sliderBox { width: 651px; background: url('../images/slider-rightbg.png') left bottom repeat-x; } .sliderBox .text { width: 100%; background: url('../images/nieuws-vertical.png') top repeat-x; } .sliderBox div.bgTop { height: 19px; width: 100%; } .sliderBox div.bgTop span { padding-left: 6px; display: block; height: 19px; background: url('../images/new-left-top.png') left top no-repeat; } .sliderBox div.bgTop span span { padding: 0px; display: block; background: url('../images/new-right-top.png') right top no-repeat; } .sliderBox h2 { padding-left: 4px; margin-top: -18px; float: left; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; } .sliderBox h2 span { color: #ff0101; } .sliderBox .pages { height: 26px; line-height: 26px; overflow: hidden; background: url(../images/previous-bg.png) repeat-x;} .sliderBox a.next { padding-right: 27px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; display: block; float: right; background: url('../images/next.jpg') 40px 12px no-repeat; } .sliderBox a.next:hover, .sliderBox a.selected { color: #e2332f; } .sliderBox a.previous { padding-left: 27px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; display: block; float: left; background: url('../images/previous.jpg') 11px 12px no-repeat; } .sliderBox a.previous:hover { color: #e2332f; } .sliderBox ul { list-style: none; } .sliderBox li { padding: 0px 5px 0px 8px; float: left; line-height: 28px; background: url('../images/devider2.jpg') right center no-repeat; } .sliderBox li a { font-size: 14px; font-weight: bold; text-decoration: none; color: #000; } .sliderBox li a:hover { text-decoration: underline; } /* ### portfolio box ### */ .portfolioBox { padding-bottom: 10px; width: 651px; overflow: hidden; background: url(../images/paginationbg.png) left top repeat-x; } .portfolioBox ul { list-style: none; width: 643px; overflow: hidden; } .portfolioBox li { padding-right: 22px; float: left; line-height: 27px; } .portfolioBox li.last { padding: 0px;} .portfolioBox li a { font-size: 14px; font-weight: bold; text-decoration: none; color: #000; } .portfolioBox li a:hover { text-decoration: underline; } .portfolioBox li a.next { padding-right: 27px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; background: url('../images/next.jpg') 40px 5px no-repeat; } .portfolioBox li a.next:hover, .portfolioBox li.selected a { color: #e2332f; } .portfolioBox li a.previous { padding-left: 27px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; background: url('../images/previous.jpg') 11px 5px no-repeat; } .portfolioBox li a.previous:hover { color: #e2332f; } .portfolioBox ul.portfolio { padding: 0px 0px 6px 8px; margin-right: -10px; float: left; width: 645px; overflow: hidden; background: url('../images/ul-bg.jpg') repeat-x; } .portfolioBox ul.portfolio li { padding: 12px 9px 0px 0px; line-height: normal; float: left; } .portfolioBox ul.portfolio li a { padding: 0px; } .portfolioBox ul.portfolio li img { padding: 1px; border: 1px solid #A8A8A8 ; background: #555555; } /* ### editer box ### */ .editerBox { padding-top: 26px; width: 646px; float: right; background: url('../images/editerbg.png') left top no-repeat; } .editerBox h2 { padding: 0px 0px 4px 14px; margin-top: -20px; font-size: 12px; color: #fff; text-transform: uppercase; } .editerBox form { padding: 0px 0px 5px 1px; width: 645px; background: #e4e4e4; } .editerBox fieldset { width: 645px; background: #d5d5d5; } .editerBox textarea { padding: 5px; margin-bottom: 2px; width: 633px; height: 60px; border: 1px solid #8A8A8A; } .editerBox input.example { padding-bottom: 3px; cursor: pointer; width: 59px; height: 16px; font-size: 11px; display: block; float: left; background: url('../images/textediter-button.jpg') no-repeat; } .editerBox select { margin-left: 6px; width: 105px; height: 17px; float: left; border: 1px solid #878787; } .editerBox input.submit { padding-bottom: 3px; margin-right: 4px; cursor: pointer; width: 87px; height: 21px; display: block; float: right; font-size: 10px; color: #fff; text-transform: uppercase; line-height: 21px; background: #646464; } /* ### comment box ### */ .commentbox { padding-top: 12px; width: 651px; float: right; overflow: hidden; } .commentbox .left { padding-top: 39px; width: 570px; position: relative; float: left; background: url('../images/comment-topbg-2.png') left top no-repeat; } .commentbox .left .bottom { padding-bottom: 17px; background: url('../images/comment-bottom.png') -2px bottom no-repeat; } .commentbox .left .mid { padding: 8px 20px; width: 530px; background: url('../images/comment-mid.png') -2px 0px repeat-y; } .commentbox .left .text { margin: -39px 0px -10px 0px; width: 530px; float: left; } .commentbox .right { padding-top: 6px; width: 80px; float: right; } .commentbox span { font-size: 11px; color: #3c4247; } .commentbox p { padding: 40px 98px 6px 0px; font-size: 10px; color: #3c4247; } .commentbox p img { float: right; } .commentbox a { padding-right: 2px; font-size: 9px; color: #77A4CE; text-decoration: none; } .commentbox a:hover { text-decoration: underline; } .commentbox a.top { padding-left: 12px; font-size: 9px; color: #77A4CE; text-decoration: none; float: right; background: url('../images/top-icon.png') left center no-repeat; } .commentbox .yellow { padding: 5px 70px 10px 5px; width: 268px; font-size: 10px; color: #000; height: 25px; position: absolute; left: 4px; top: 25px; background: url('../images/abslute.png') no-repeat; } /* ### profile box ### */ .profilebox { padding-top: 12px; width: 651px; float: right; } .profilebox .right { padding-top: 39px; width: 570px; position: relative; float: right; background: url('../images/comment-top.png') left top no-repeat; } .profilebox .right .bottom { padding-bottom: 17px; background: url('../images/comment-bottom.png') 3px bottom no-repeat; } .profilebox .right .mid { padding: 8px 20px; width: 530px; background: url('../images/comment-mid.png') 3px 0px repeat-y; } .profilebox .right .text { margin: -39px 0px -10px 0px; width: 530px; float: left; } .profilebox .left { padding-top: 6px; width: 80px; float: left; } .profilebox span { font-size: 11px; color: #3c4247; } .profilebox p { padding: 10px 98px 0px 0px; font-size: 10px; color: #3c4247; } .profilebox p img { float: right; } .profilebox a { padding-right: 2px; font-size: 9px; color: #77A4CE; text-decoration: none; } .profilebox a:hover { text-decoration: underline; } .profilebox a.top { padding-left: 12px; font-size: 9px; color: #77A4CE; text-decoration: none; float: right; background: url('../images/top-icon.png') left center no-repeat; } /* ### contact container ### */ #contactCntr { margin-right: -14px; width: 989px; } #contactCntr #left { width: 851px; float: left; overflow: hidden; } #contactCntr #right { width: 136px; float: right; } /* ### contact box ### */ .contactBox { padding-top: 28px; width: 851px; background: url('../images/contact-bg.png') left top no-repeat; } .contactBox .bottom { padding-bottom: 12px; background: url('../images/contact-bottom.png') left bottom no-repeat; } .contactBox .mid { width: 851px; background: url('../images/contact-middle.png') repeat-y; } .contactBox .contact { margin-top: -28px; overflow: hidden; width: 851px; float: left; } .contactBox h2 { padding: 0px 0px 32px 7px; font-size: 12px; color: #fff; line-height: 25px; text-transform: uppercase; } .contactBox h2 span { font-size: 12px; color: #ff0101; } .contactBox .left { width: 352px; float: left; } .contactBox .right { width: 486px; float: right; } .contactBox p { padding-bottom: 7px; width: 100%; overflow: hidden; } .contactBox label { padding-right: 4px; font-size: 12px; color: #000; text-align: right; float: left; width: 140px; line-height: 15px; } .contactBox label.devider { padding-top: 2px; width: 9px; float: left; line-height: 16px; } .contactBox label.date { width: 87px; float: left; text-align: left; } .contactBox label span { color: #900c12; } .contactBox input { padding: 2px 5px; width: 192px; height: 11px; float: left; border: 1px solid #343030; background: none; } .contactBox input.gray { padding: 2px 5px; width: 192px; height: 11px; float: left; border: 1px solid #7E7474; background: none; } .contactBox input.small { width: 19px; height: 15px; float: left; border: 1px solid #7E7474; } .contactBox input.post { margin-left: 7px; width: 18px; height: 15px; float: left; border: 1px solid #7E7474; } .contactBox input.big { width: 31px; height: 15px; float: left; border: 1px solid #7E7474; } .contactBox select { width: 200px; border: 1px solid #7E7474; background: #c7b7b7; } .contactBox select.country { width: 200px; height: 16px; border: 1px solid #7E7474; background: #c7b7b7; } .contactBox input.check { margin: 0px 3px 0px 13px; width: 12px; height: 12px; float: left; } .contactBox label.text { padding: 0px 0px 0px 289px; width: 322px; text-align: left; } .contactBox a { font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} .contactBox a:hover { text-decoration: none; } /* ### filter box ### */ .filterBox { padding-bottom: 5px; width: 651px; height: 25px; background: url('../images/filter-bg.png') no-repeat;} .filterBox label { padding-left: 6px; font-size: 11px; color: #fff; width: 37px; float: left; line-height: 25px; } .filterBox select { margin-top: 4px; width: 109px; height: 16px; float: left; } .filterBox ul { width: 380px; float: right; } .filterBox li { padding-right: 20px; line-height: 25px; float: left; list-style: none; } .filterBox li a { padding-left: 26px; font-size: 11px; display: block; color: #fff; text-decoration: none; background: url('../images/filter-icon.png') 0px 2px no-repeat; } .filterBox li a.save { background: url('../images/filter-icon2.png') 0px 5px no-repeat; } .filterBox li a.remove { background: url('../images/filter-icon3.png') 0px 5px no-repeat; } .filterBox li a.email { padding-right: 0px; background: url('../images/filter-icon4.png') 0px 7px no-repeat; } .filterBox li.last { padding: 0px; } .filterBox li a:hover { text-decoration: underline; } /* ### grove container ### */ .groveCntr { padding-top: 23px; width: 651px; background: url('../images/pagination-top.png') left top no-repeat; } .groveCntr .bottom { padding-bottom: 22px; background: url('../images/pagination-bottom.png') left bottom no-repeat; } .groveCntr .mid { width: 651px; background: url('../images/pagination-mid.png') repeat-y; } .groveCntr .grove { margin: -23px 0px -22px 0px; width: 651px; float: left; overflow: hidden; } /* ### pagination box ### */ .paginationBox { width: 651px; overflow: hidden; position: relative; } .paginationBox ul { padding-left: 269px; list-style: none; } .paginationBox li { line-height: 22px; float: left; color: #fff; } .paginationBox li a { padding: 0px 3px; font-size: 9px; color: #fff; text-decoration: none; } .paginationBox li a:hover { text-decoration: underline; } .paginationBox a.option { padding: 0px 8px 0px 15px; line-height: 22px; font-size: 12px; display: block; float: right; color: #fff; text-decoration: none; background: url('../images/option-icon.jpg') left center no-repeat; } .paginationBox a.option:hover { text-decoration: underline; } .paginationBox a.previous { font-size: 9px; color: #fff; text-decoration: none; position: absolute; left: 8px; top: 6px; } .paginationBox a.next {font-size: 9px; color: #fff; text-decoration: none; position: absolute; right: 8px; top: 6px; } /* ### grove box ### */ .groveBox { padding: 4px 0px 0px 0px; height: 70px; margin: 3px; width: 643px; overflow: hidden; border: 1px solid #8F8F8F; background: #d5d5d5; } .groveBox.next { padding: 4px 0px 0px 0px; height: 70px; margin: 3px; width: 643px; overflow: hidden; border: 1px solid #8F8F8F; background: #f1efef; } .groveBox .left { padding-left: 5px; width: 65px; float: left; background: url('../images/border4.jpg') right top no-repeat; } .groveBox .right { width: 573px; float: left; } .groveBox h2 { padding-left: 6px; font-size: 14px; color: #000000; } .groveBox p { padding: 4px 0px 8px 5px; line-height: 12px; font-size: 12px; color: #000;} .groveBox ul { padding-left: 212px; width: 360px; float: right; overflow: hidden; list-style: none; background: #afabab;} .groveBox li { padding: 0px 7px 0px 20px; line-height: 18px; float: left; background: url('../images/icon4.jpg') left center no-repeat;} .groveBox li a { font-size: 9px; color: #000000; text-decoration: none;} .groveBox li a:hover { text-decoration: underline;} .groveBox li.first { padding-left: 17px; background: url('../images/icon5.jpg') left center no-repeat;} .groveBox li.second { padding-left: 19px; background: url('../images/icon6.jpg') left center no-repeat;} .groveBox li.third { padding-left: 15px; background: url('../images/icon7.jpg') left center no-repeat;} .groveBox li.fourth { float: left; width: 69px; overflow: hidden; padding: 0px; background: none;} .groveBox input.check { margin: 3px 4px 0px 0px; width: 12px; height: 12px; float: left; background: none; border: 0px;} .groveBox label { font-size: 9px; color: #000000;} .groveBox span { padding-top: 3px; display: block; font-size: 12px; color: #000000;} .groveBox span.date { padding-right: 3px; margin-top: -4px; float: right; display: block; font-size: 12px; color: #000000;} /* ### middle container ### */ #middleCntr { width: 989px;} #middleCntr #left { width: 841px; float: left;} #middleCntr #right { width: 136px; float: right;} /* ### calender container ### */ #calenderCntr { padding-top: 263px; width: 841px; background: url('../images/calender-top.png') left top no-repeat; } #calenderCntr .bottom { padding-bottom: 6px; background: url('../images/calender-bottom.png') left bottom no-repeat; } #calenderCntr .mid { width: 841px; background: url('../images/calender-mid.png') repeat-y; } #calenderCntr #calender { margin-top: -260px; width: 841px; float: left; overflow: hidden; } /* ### calender box ### */ .calenderBox { padding: 0px 8px 0px 11px; width: 822px; overflow: hidden;} .calenderBox .left { width: 476px; float: left;} .calenderBox .right { width: 342px; float: right; } .calenderBox h2 { padding-left: 7px; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; } .calenderBox h2 span { color: #ff0101;} .calenderBox .calender { padding: 6px; margin-top: 10px; overflow: hidden; width: 464px; background: #1c1b1b; } .calenderBox .month { width: 220px; height: 162px; float: left; background: #7b7b7b;} .calenderBox .nov { width: 220px; height: 162px; float: right; background: #7b7b7b;} .calenderBox h3 { font-size: 14px; color: #ebda5e; line-height: 18px; text-align: center;} .calenderBox ul { list-style: none; overflow: hidden; background: #dcdcdc;} .calenderBox li { padding: 0px 8px 0px 7px; line-height: 17px; float: left; font-weight: bold;} .calenderBox li a { font-size: 12px; text-transform: uppercase; color: #7B7C82; text-decoration: none;} .calenderBox li a:hover { text-decoration: underline;} .calenderBox ul.date { list-style: none; background: none;} .calenderBox ul.date li { padding: 0px; width: 30px; float: left; height: 20px; line-height:30px; text-align: center;} .calenderBox ul.date li a { font-size: 12px; color: #fff; text-decoration: none;} .calenderBox ul.date li a:hover,.calenderBox ul.date li.selected a { color: #ebda5e;} .calenderBox img { padding-top: 10px;} .calenderBox ul.date li.first { padding-left: 181px;} .calenderBox a.previous { margin: 5px 0px 0px 6px; font-size: 10px; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none;} .calenderBox a.previous:hover { text-decoration: underline; } .calenderBox a.next { margin: 3px 6px 0px 0px; font-size: 10px; display: block; float: right; color: #000; text-transform: uppercase; text-decoration: none;} .calenderBox a.next:hover { text-decoration: underline;} /* ### select box ### */ .selectBox {padding: 7px 8px 0px 11px; width: 822px; overflow: hidden; } .selectBox select { margin-right: 7px; width: 174px; font-size: 11px; height: 17px; float: left;} .selectBox input { padding: 3px 5px; width: 170px; height: 14px; float: left; background: none;} .selectBox input.button { margin-right: 1px; cursor: pointer; width: 60px; height: 21px; display: block; float: right; background: url('../images/button.png') no-repeat;} .selectBox .search { margin-right: 11px; width: 242px; height: 23px; float: right; background: url('../images/input.png') no-repeat;} /* ### event container ### */ #eventCntr { padding-top: 7px; width: 841px; overflow: hidden; } #eventCntr .left { padding-top: 20px; width: 694px; float: left; background: url('../images/headingbg.png') no-repeat;} #eventCntr .right { width: 137px; float: right;} #eventCntr h2.heading { padding-left: 7px; height: 19px; margin: -20px 0px 5px 0px; overflow: hidden; float: left; font-size: 12px; color: #fff; line-height: 19px; text-transform: uppercase; background: url('../images/new-left-top.png') left top no-repeat; } #eventCntr h2.heading span { line-height: 19px; background: url('../images/headingbg-right.png') right top no-repeat;} #eventCntr h2.heading span span { color: #ff0101; } /* ### invite box ### */ .inviteBox { margin: 0px 0px 5px 0px; width: 694px; } .inviteBox .text { width: 100%; background: url('../images/invite-vertical.png') top repeat-x; } .inviteBox div.bgTop { height: 10px; width: 100%; } .inviteBox div.bgTop span { padding-left: 6px; display: block; height: 10px; background: url('../images/invite-lefttop.png') left top no-repeat; } .inviteBox div.bgTop span span { padding: 0px; display: block; background: url('../images/invite-righttop.png') right top no-repeat; } .inviteBox div.bgBottom { height: 8px; width: 100%; } .inviteBox div.bgBottom span { padding-left: 11px; display: block; height: 8px; background: url('../images/invite-leftbottom.png') left top no-repeat; } .inviteBox div.bgBottom span span { padding: 0px; display: block; background: url('../images/invite-rightbottom.png') right top no-repeat; } .inviteBox .image { padding-left: 10px; width: 112px; float: left; background: url('../images/line1.png') right 0px no-repeat;} .inviteBox .contact { width: 545px; float: right;} .inviteBox h2 { font-size: 28px; color: #fff;} .inviteBox h2 span { padding-bottom: 13px; text-transform: uppercase; font-size: 18px; color: #ff0000; display: block;} .inviteBox ul { padding-bottom: 25px; list-style: none; width: 545px; overflow: hidden;} .inviteBox li {font-size: 14px; color: #fff; text-align: right; overflow: hidden; font-weight: bold;} .inviteBox li span { padding-left: 8px; width: 452px; display: block; float: right; text-align: left; font-weight: normal;} .inviteBox li a { color: #fff; text-decoration: none; } .inviteBox li a:hover { text-decoration: underline; } .inviteBox ul.invite { padding: 0px; list-style: none; width: 545px; overflow: hidden;} .inviteBox ul.invite li { margin-right: 10px; width: 124px; float: left; height: 27px; line-height: 27px; text-align: center; background: #919703;} .inviteBox ul.invite li.gray { margin-right: 10px; width: 124px; height: 27px; line-height: 27px; text-align: center; background: #807d7d;} .inviteBox ul.invite li.green { width: 146px; height: 27px; line-height: 27px; text-align: center; background: #1c9203;} .inviteBox ul.invite li.red { width: 111px; height: 27px; line-height: 27px; text-align: center; background: #811717;} .inviteBox ul.invite li a { font-size: 17px; color: #fff; font-weight: bold; display: block; text-transform: uppercase; text-decoration: none;} .inviteBox ul.invite li a:hover { text-decoration: underline;} .inviteBox .img { margin-right: 280px; float: right;} /* ### user box ### */ .userBox { padding-top: 28px; margin-bottom: 5px; width: 693px; background: url('../images/profile-bg.png') left top no-repeat; } .userBox .bottom { padding-bottom: 10px; background: url('../images/profile-bottom.png') left bottom no-repeat; } .userBox .mid { width: 693px; background: url('../images/profile-mid.png') repeat-y;} .userBox .user { margin-top: -20px; width: 693px; float: left;} .userBox h2 { padding-left: 23px; font-size: 12px; text-transform: uppercase; color: #fff;} .userBox ul { padding: 3px 0px 0px 14px; width: 679px; overflow: hidden; list-style: none; } .userBox li { padding: 10px 7px 0px 0px; text-align: center; float: left;} .userBox li a { font-size: 11px; color: #000000; text-decoration: none;} .userBox li a:hover { text-decoration: underline;} .userBox ul.pagination { padding-left: 300px; list-style: none;} .userBox ul.pagination li { padding: 0px; float: left; color: #000; font-size: 12px;} .userBox ul.pagination li a { padding: 0px 3px 0px 3px; font-size: 12px; color: #000; text-decoration: none; } .userBox ul.pagination li a:hover { text-decoration: underline;} /* ### text box ### */ .textBox { padding-top: 9px; margin-bottom: 5px; width: 694px; } .textBox .text { width: 100%; background: url('../images/invite-vertical.png') top repeat-x; } .textBox div.bgTop { height: 10px; width: 100%; } .textBox div.bgTop span { padding-left: 6px; display: block; height: 10px; background: url('../images/invite-lefttop.png') left top no-repeat; } .textBox div.bgTop span span { padding: 0px; display: block; background: url('../images/invite-righttop.png') right top no-repeat; } .textBox div.bgBottom { height: 8px; width: 100%; } .textBox div.bgBottom span { padding-left: 11px; display: block; height: 8px; background: url('../images/invite-leftbottom.png') left top no-repeat; } .textBox div.bgBottom span span { padding: 0px; display: block; background: url('../images/invite-rightbottom.png') right top no-repeat; } .textBox h2 { padding-left: 14px; font-size: 14px; color: #fff; text-transform: uppercase;} .textBox p { padding: 20px 55px 16px 14px; font-size: 14px; color: #fff;} .textBox img { padding-left: 14px; } /* ### editer box ### */ .editBox { padding-top: 26px; width: 693px; background: url('../images/editer-bg.png') left top no-repeat;} .editBox h2 { padding: 0px 0px 4px 14px; margin-top: -20px; font-size: 12px; color: #fff; text-transform: uppercase; } .editBox form { padding: 0px 0px 5px 1px; width: 693px; background: #e4e4e4;} .editBox fieldset { background: #d5d5d5;} .editBox textarea { padding: 5px; margin-bottom: 2px; width: 681px; height: 60px; border: 1px solid #8A8A8A;} .editBox input.example { padding-bottom: 3px; cursor: pointer; width: 59px; height: 16px; font-size: 11px; display: block; float: left; background: url(../images/textediter-button.jpg) no-repeat;} .editBox select { margin-left: 6px; width: 105px; height: 17px; float: left; border: 1px solid #878787;} .editBox input.submit { padding-bottom: 3px; margin-right: 4px; cursor: pointer; width: 87px; height: 21px; display: block; float: right; font-size: 10px; color: #fff; text-transform: uppercase; line-height: 21px; background: #646464;} /* ### update box ### */ .updatebox { padding-top: 12px; width: 693px; overflow: hidden; } .updatebox .update { padding-top: 39px; width: 610px; position: relative; float: left; background: url('../images/comment-topbg2.png') left top no-repeat; } .updatebox .update .bottom { padding-bottom: 17px; background: url('../images/comment-bottombg.png') -2px bottom no-repeat; } .updatebox .update .mid { padding: 8px 20px; width: 570px; background: url('../images/comment-midbg.png') -2px 0px repeat-y;} .updatebox .update .text { margin: -39px 0px -10px 0px; width: 570px; float: left;} .updatebox .image { padding-top: 6px; width: 80px; float: right;} .updatebox span { font-size: 11px; color: #3c4247;} .updatebox p { padding: 50px 98px 6px 0px; font-size: 10px; color: #3c4247;} .updatebox p img { float: right;} .updatebox a { padding-right: 2px; font-size: 9px; color: #77A4CE; text-decoration: none; } .updatebox a:hover { text-decoration: underline; } .updatebox a.top { padding-left: 12px; font-size: 9px; color: #77A4CE; text-decoration: none; float: right; background: url('../images/top-icon.png') left center no-repeat; } .updatebox .yellow { padding: 5px 70px 10px 5px; width: 268px; font-size: 10px; color: #000; height: 35px; position: absolute; left: -5px; top: 25px; background: url('../images/yellow-bg.png') no-repeat;} /* ### history box ### */ .historyBox { padding-top: 12px; width: 693px; } .historyBox .history { padding-top: 39px; width: 610px; position: relative; float: right; background: url('../images/comment-topbg.png') left top no-repeat; } .historyBox .history .bottom { padding-bottom: 17px; background: url('../images/comment-bottombg.png') 4px bottom no-repeat; } .historyBox .history .mid { padding: 8px 20px; width: 570px; background: url('../images/comment-midbg.png') 4px 0px repeat-y;} .historyBox .history .text { margin: -39px 0px -10px 0px; width: 570px; float: left;} .historyBox .image { padding-top: 6px; width: 80px; float: left;} .historyBox span { font-size: 11px; color: #3c4247;} .historyBox p { padding: 10px 98px 0px 0px; font-size: 10px; color: #3c4247;} .historyBox p img { float: right;} .historyBox a { padding-right: 2px; font-size: 9px; color: #77A4CE; text-decoration: none; } .historyBox a:hover { text-decoration: underline; } .historyBox a.top { padding-left: 12px; font-size: 9px; color: #77A4CE; text-decoration: none; float: right; background: url('../images/top-icon.png') left center no-repeat; } /* ### venue box ### */ .venueBox { padding-top: 6px; width: 137px; background: url('../images/event-top.png') left top no-repeat; } .venueBox .bottom { padding-bottom: 7px; background: url('../images/event-bottom.png') left bottom no-repeat; } .venueBox .mid { padding: 8px 9px 0px 9px; width: 119px; overflow: hidden; background: url('../images/event-mid.png') repeat-y; } .venueBox ul { list-style: none; } .venueBox li { padding-bottom: 10px; font-size: 12px; width: 100%; float: left; font-weight: bold; text-align: center; color: #000; } .venueBox li a { font-size: 11px; color: #000; text-decoration: none; text-transform: uppercase; } .venueBox li a:hover { text-decoration: underline;} .venueBox li p a {font-size: 11px; color: #000; text-decoration: none; text-transform: none; } /* ### profile container ### */ #profileCntr { width: 990px; } #profileCntr #left { width: 848px; float: left; } #profileCntr #right { width: 136px; float: right; } /* ### hits box ### */ #profileCntr .hitsBox { margin-bottom: 4px; width: 848px; height: 29px; background: url('../images/hits-bg.png') left top no-repeat;} #profileCntr .hitsBox h2 { padding-left: 12px; font-size: 14px; color: #fff; line-height: 29px; float: left; text-transform: uppercase;} #profileCntr .hitsBox ul { list-style: none; float: right; margin-right: 10px; } #profileCntr .hitsBox li { padding: 0px 10px 0px 0px; line-height: 29px; float: left; } #profileCntr .hitsBox li a { padding-left: 27px; font-size: 10px; display: block; color: #fff; text-decoration: none; background: url('../images/hits-icon.png') 0px 3px no-repeat; } #profileCntr .hitsBox li a.meld { padding-left: 27px; line-height: 29px; float: left; background: url('../images/hits-icon2.png') 0px 3px no-repeat; } #profileCntr .hitsBox li a.message { padding-left: 27px; line-height: 29px; float: left; background: url('../images/hits-icon3.png') 0px 3px no-repeat; } #profileCntr .hitsBox li a.block { padding-left: 27px; line-height: 29px; float: left; background: url('../images/hits-icon4.png') 0px 3px no-repeat; } #profileCntr .hitsBox li a.friend { padding-left: 27px; line-height: 29px; float: left; background: url('../images/hits-icon5.png') 0px 3px no-repeat; } #profileCntr .hitsBox li a.nofriend { padding-left: 27px; line-height: 29px; float: left; background: url('../images/hits-icon6.png') 0px 3px no-repeat; } #profileCntr .hitsBox li a:hover { text-decoration: underline; } /* ### Prostyle box ### */ #centerCntr .prostyleBox { padding-top: 8px; width: 848px; background: url('../images/profielbg-top.png') left top no-repeat; margin-left: -3px;} #centerCntr .prostyleBox .bottom { padding-bottom: 10px; background: url('../images/profielbg-bottom.png') left bottom no-repeat;} #centerCntr .prostyleBox .mid { padding: 3px 14px 0px 14px; overflow: hidden; width: 820px; background: url('../images/profiel-middle.png') repeat-y;} #centerCntr .prostyleBox .left { width: 321px; float: left; background: url('../images/profielborder.png') right 10px no-repeat;} #centerCntr .prostyleBox .right { width: 491px; float: right;} #centerCntr .prostyleBox .img { border: 1px solid #000; } #centerCntr .prostyleBox h2 { font-size: 37px; color: #000; text-transform: uppercase;} #centerCntr .prostyleBox h3 { padding-bottom: 47px; font-size: 12px; color: #ff0000; } #centerCntr .prostyleBox p { padding-bottom: 13px; font-size: 12px; font-weight: bold; color: #000000; text-transform: uppercase; padding-left: 2px; } #centerCntr .prostyleBox p .key { color: #ff0000;} #centerCntr .prostyleBox .music { margin-bottom: 5px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 2px solid #fff; border-top: 2px solid #fff;} #centerCntr .prostyleBox .status { list-style: none; position: absolute; bottom: 0; left: 0; padding-bottom: 8px; } #centerCntr .prostyleBox .social { list-style: none; position: absolute; bottom: 0; right: 0; } #centerCntr .prostyleBox li { padding-right: 5px; float: left;} #centerCntr .prostyleBox ul.pagination { list-style: none; width: 230px; float: left;} #centerCntr .prostyleBox ul.pagination li { padding: 11px 5px 0px 0px; background: url('../images/dice1.jpg') 0px 0px no-repeat;} #centerCntr .prostyleBox ul.pagination li a { width: 11px; height: 11px; font-size: 10px; font-weight: bold; text-align: center; color: #000; text-decoration: none; display: block; } #centerCntr .prostyleBox ul.pagination li:hover, #centerCntr .prostyleBox ul.pagination li.selected { background: url('../images/dice1-over.jpg') no-repeat;} /* ### friends container ### */ #friendsCntr { width: 848px; } #friendsCntr .full { width: 842px; float: left;} #friendsCntr .left { width: 414px; float: left;} #friendsCntr .right { width: 414px; float: right; margin-right: 6px; } /* ### friends box ### */ .friendsBox { padding-top: 29px; width: 100%; background: url('../images/friends-top.png') left top no-repeat; } #friendsCntr .full .friendsBox { background: none; padding: 0; } .friendsBox .bottom { padding-bottom: 11px; background: url('../images/friends-bottom.png') left bottom no-repeat; } .friendsBox .mid { background: url('../images/friends-mid.png') repeat-y; height: 209px; } .friendsBox .friends { margin-top: -24px; width: 400px; overflow: hidden; float: left; } #friendsCntr .full .friendsBox .friends { margin-top: 0; width: 830px; } .friendsBox .pages { text-align: right; margin-right: 10px; margin-top: 10px; } .friendsBox .pages a { color: #fe0000; } /* ### visited box ### */ .visitedBox { padding-top: 29px; width: 414px; background: url('../images/friends-top.png') left top no-repeat; } .visitedBox .bottom { padding-bottom: 11px; background: url('../images/friends-bottom.png') left bottom no-repeat; } .visitedBox .mid { width: 414px; height: 93px; background: url('../images/friends-mid.png') repeat-y; } .visitedBox .visited { margin-top: -24px; width: 400px; overflow: hidden; float: left; } .visitedBox .pages { text-align: right; margin-right: 10px; margin-top: 10px; } .visitedBox .pages a { color: #fe0000; } /* ### msg box ### */ .msgBox { padding-top: 28px; width: 414px; background: url('../images/smsbox-top.png') left top no-repeat; } .msgBox .bottom { padding-bottom: 8px; background: url('../images/smsbox-bottom.png') left bottom no-repeat; } .msgBox .mid { padding: 0px 13px 0px 13px; width: 389px; background: url('../images/smsbox-mid.png') repeat-y;} .msgBox .msg { margin-top: -24px; width: 414px; overflow: hidden; float: left; } .msgBox h2 { padding-bottom: 12px; font-size: 12px; color: #fff; } .msgBox textarea { padding: 5px; width: 380px; color: #7D7B79; height: 34px; border: 1px solid #CAC9CA;} .msgBox p { font-size: 12px; color: #fff;} .msgBox p a { font-size: 12px; color: #FFF841; text-decoration: none;} .msgBox p img { padding-left: 110px;} .msgBox a.link { margin-right: 30px; font-size: 12px; display: block; color: #fff; float: right; text-decoration: none;} .msgBox a.link:hover { text-decoration: underline;} /* ### friends box ### */ .picturesBox { padding-top: 29px; width: 414px; background: url('../images/friends-top.png') left top no-repeat; } .picturesBox .bottom { padding-bottom: 11px; background: url('../images/friends-bottom.png') left bottom no-repeat; } .picturesBox .mid { width: 414px; background: url('../images/friends-mid.png') repeat-y; } .picturesBox .pictures { margin-top: -24px; width: 400px; overflow: hidden; float: left; } .picturesBox .pages { text-align: right; margin-right: 10px; margin-top: 10px; } .picturesBox .pages a { color: #fe0000; } /* ### textediter box ### */ .textediterBox { padding-top: 29px; width: 414px; background: url('../images/textediter-top.png') left top no-repeat;} .textediterBox .bottom { padding-bottom: 15px; background: url('../images/photo-bottom.png') left bottom no-repeat; } .textediterBox .mid { padding: 4px 0px 0px 5px; width: 409px; background: url('../images/photo-mid.png') repeat-y;} .textediterBox h2 { padding: 0px 0px 4px 9px; margin-top: -25px; float: left; font-size: 12px; color: #fff; text-transform: uppercase; } .textediterBox form { padding: 0px 0px 5px 1px; width: 400px; background: #e4e4e4;} .textediterBox fieldset { background: #d5d5d5;} .textediterBox textarea { padding: 5px; margin-bottom: 2px; width: 388px; height: 144px; border: 1px solid #8A8A8A;} .textediterBox input.example { padding-bottom: 3px; cursor: pointer; width: 59px; height: 16px; font-size: 11px; display: block; float: left; background: url(../images/textediter-button.jpg) no-repeat;} .textediterBox select { margin-left: 6px; width: 105px; height: 17px; float: left; border: 1px solid #878787;} .textediterBox input.submit { padding-bottom: 3px; margin-right: 4px; cursor: pointer; width: 87px; height: 21px; display: block; float: right; font-size: 10px; color: #fff; text-transform: uppercase; line-height: 21px; background: #646464;} /* ### chat box ### */ .chatbox { padding-top: 12px; width: 414px; overflow: hidden; } .chatbox .chating { padding-top: 39px; width: 358px; position: relative; float: left; background: url('../images/commenttop-bg2.png') left top no-repeat; } .chatbox .chating .bottom { padding-bottom: 17px; width: 358px; background: url('../images/commentbottom-bg.png') 0px bottom no-repeat; } .chatbox .chating .mid { padding: 8px 20px; width: 318px; background: url('../images/commentmid-bg.png') 0px 0px repeat-y;} .chatbox .chating .text { margin: -39px 0px -10px 0px; float: left;} .chatbox .image { padding-top: 6px; width: 50px; float: right;} .chatbox span { font-size: 11px; color: #3c4247;} .chatbox p { padding: 45px 98px 6px 0px; font-size: 10px; color: #3c4247;} .chatbox p img { float: right;} .chatbox a { padding-right: 2px; font-size: 9px; color: #77A4CE; text-decoration: none; } .chatbox a:hover { text-decoration: underline; } .chatbox a.top { padding-left: 12px; font-size: 9px; color: #77A4CE; text-decoration: none; float: right; background: url('../images/top-icon.png') left center no-repeat; } .chatbox .yellow { padding: 5px 70px 10px 5px; width: 127px; font-size: 10px; color: #000; height: 36px; position: absolute; left: 1px; top: 25px; background: url('../images/yellow-bg2.png') no-repeat;} /* ### info box ### */ .infobox { padding-top: 12px; width: 414px; overflow: hidden; } .infobox .info { padding-top: 39px; width: 358px; position: relative; float: right; background: url('../images/commenttop-bg.png') left top no-repeat; } .infobox .info .bottom { padding-bottom: 17px; width: 358px; background: url('../images/commentbottom-bg.png') 2px bottom no-repeat; } .infobox .info .mid { padding: 8px 20px; width: 318px; background: url('../images/commentmid-bg.png') 2px 0px repeat-y;} .infobox .info .text { margin: -39px 0px -10px 0px; float: left;} .infobox .image { padding-top: 6px; width: 50px; float: left;} .infobox span { font-size: 11px; color: #3c4247;} .infobox p { padding: 5px 98px 6px 0px; font-size: 10px; color: #3c4247;} .infobox p img { float: right;} .infobox a { padding-right: 2px; font-size: 9px; color: #77A4CE; text-decoration: none; } .infobox a:hover { text-decoration: underline; } .infobox a.top { padding-left: 12px; font-size: 9px; color: #77A4CE; text-decoration: none; float: right; background: url('../images/top-icon.png') left center no-repeat; } /* ### agenda box ### */ .agendaBox { padding-top: 29px; width: 414px; background: url('../images/agenda-top.png') left top no-repeat;} .agendaBox .bottom { padding-bottom: 9px; background: url('../images/agenda-bottom.png') left bottom no-repeat; margin-bottom: 32px} .agendaBox .mid { width: 414px; height: 164px; background: url('../images/agenda-mid.png') repeat-y; } .agendaBox .agenda { margin-top: -22px; width: 414px; float: left; overflow: hidden; } .agendaBox h2 { padding-left: 15px; font-size: 12px; color: #fff;} .agendaBox ul { list-style: none; } .agendaBox li { padding: 0px 7px 0px 0px; float: left; text-align: center; font-size: 12px; color: #000000;} .agendaBox li.first { padding-left: 1px; } .agendaBox li a { font-size: 7pt; color: #000000; text-decoration: none;} .agendaBox li a:hover { text-decoration: underline;} .agendaBox li span { display: block;} /* ### over box ### */ .overBox { padding-top: 29px; margin-bottom: 10px; width: 414px; background: url('../images/agenda-top.png') left top no-repeat; } .overBox .bottom { padding-bottom: 9px; background: url('../images/agenda-bottom.png') left bottom no-repeat; } .overBox .mid { width: 414px; background: url('../images/agenda-mid.png') repeat-y; } .overBox .over { margin-top: -22px; width: 414px; float: left; overflow: hidden; } .overBox h2 { padding: 0px 0px 10px 15px; font-size: 12px; color: #fff;} .overBox h2 span { color: #ff0101;} .overBox .text { padding: 4px; width: 389px; height: 780px; overflow-y: auto; background-image: none; } .overBox p { padding: 10px 0px; font-size: 14px; text-align: center; color: #FD2A24;} .overBox img { margin: 0px auto;} .overBox .text img { max-width: 360px; } #centerCntr .overBox .box .mid { padding-left: 6px; } #centerCntr .overBox h2 { padding-left: 4px; padding-bottom: 10px; } /* ### music box ### */ .musicBox { padding-top: 28px; width: 414px; background: url('../images/music-top.png') left top no-repeat;} .musicBox .bottom { padding-bottom: 9px; background: url('../images/agenda-bottom.png') left bottom no-repeat;} .musicBox .mid { width: 414px; background: url('../images/agenda-mid.png') repeat-y; } .musicBox .music { margin-top: -23px; width: 414px; float: left; overflow: hidden; } .musicBox h2 { padding: 0px 0px 10px 15px; width: 191px; float: left; font-size: 12px; color: #fff;} .musicBox .text { margin: 0px 0px 0px 6px; width: 400px; overflow: hidden; background: url('../images/musice-bg.png') repeat-y;} .musicBox ul { list-style: none; } .musicBox li { line-height: 15px; background: url('../images/border-1.png') left bottom repeat-x;} .musicBox li a { font-size: 8px; color: #616161; text-decoration: none;} .musicBox li a:hover { text-decoration: underline; } .musicBox li span { width: 25px; display: block; text-align: center; font-size: 8px; color: #616161; float: left;} /* ### right container ### */ #rightCntr { float: right; width: 140px; } #rightCntr .box ul { margin-top: 5px; } /* ### spotlight box ### */ #spotlightBox { text-align: center; } #spotlightBoxItems { height: 250px; margin-top: 3px; } #spotlightBoxItems div { text-align: center; width: 100%; } #spotlightBoxItems .flyer { display: block; height: 166px; margin-bottom: 5px; } #spotlightBoxItems .flyer img { max-height: 164px; float: none; padding: 0; border: 1px solid black; } /* ### advertentie box ### */ #advertentieBox { text-align: center; } #advertentieBox img { float: none; padding: 0; border: 1px solid black; } #advertentieBox li { margin-bottom: 15px; } #advertentieBox li.last { margin-bottom: 5px; } /* ### footer container ### */ #footerCntr { padding-top: 14px; margin: 0px auto; overflow: hidden; width: 999px; height: 127px; background: url('../images/footer-bg.png') left top no-repeat; } #footerCntr ul { padding: 0px 0px 19px 0px; text-align: center; list-style: none; } #footerCntr li { padding: 0 9px; display: inline; font-size: 14px; background: url('../images/devaider.png') right center no-repeat; } #footerCntr li a { text-decoration: none; color: #fff; font-weight: bold; text-transform: uppercase; } #footerCntr li a:hover { text-decoration: underline; } #footerCntr li.last { background: none; } #footerCntr p { padding: 0px 24px 10px 0px; color: #fff; font-size: 10px; text-align: right; } #footerCntr p a { color: #fff; text-decoration: none; } #footerCntr p a:hover { text-decoration: underline; } #footerCntr span { text-align: center; display: block; color: #fff; font-size: 10px; } #footerCntr span a { color: #fff; text-decoration: none; } #footerCntr span a:hover { text-decoration: underline; } #footerCntr ul.link { padding-left: 410px; } #footerCntr ul.link li { padding: 0 5px; float: left; font-size: 10px; background: url('../images/line.jpg') right center no-repeat; } #footerCntr ul.link li a { text-decoration: none; display: block; color: #fff; } #footerCntr ul.link li a:hover { text-decoration: underline; } #footerCntr ul.link li.last { background: none; }