/**** ViiDoo Main CSS 2008 ****/ /* CSS file imports @import url('search.css'); @import url('user.css'); @import url('channel.css'); @import url('forums.css'); @import url('images.css'); @import url('overlays.css'); */ /* Typography*/ body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, button {font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Tahoma,Geneva,Arial,helvetica,sans-serif;color:#333;font-size:9.5pt;} form {margin:0;padding:0;} /* dik styleguide: black: 000 darkgray: 444 lightgray: dedede stronggreen: 6CB03F green olive: A5CD39 bluecyan: 19B8D5 very bright green olive: #DEF5A0 very bright blue cyan: #D2EFF7 very bright orange: #FACEA3 -- extra colors olijf dark: 698D11 dikblue: 2Ac1e0 other olive: #a8cf36 paarslink: #7052A7 oranje: #F38407 #DC821F mosterds: #C19920 #e8ecf0 #EEEEDD#eef3ed#bfdea9 fonts Windows Vista Windows Apple ------------------------------------------------------------------------- Calibri Arial Arial Arial Black Arial Black Comic Sans MS Comic Sans MS Consolas Courier New Courier New Cambria Georgia Georgia Impact Impact Consolas Lucida Console Monaco Lucida Sans Unicode Lucida Grande Constantia Palatino Linotype / Book Antiqua Palatino Tahoma Geneva Cambria Times New Roman Times Candara Trebuchet MS Helvetica Corbel Verdana Verdana */ /* just a few hack(s) to remove hidious dotted-lines around objects due to FF bugs */ button::-moz-focus-inner { border: 0; } :focus, :active {-moz-outline: none; outline:none; -moz-outline-style: none;} a, button {-moz-outline: none; outline: none; -moz-outline-style: none; } a:link {color:#F38407;text-decoration:none;} /* 666 */ a:visited {color:#F38407;text-decoration:none;} a:active, a:focus {color:#F38407;text-decoration:none; border:none; outline:none;-moz-outline-style: none;} a:hover {color:#D10101;text-decoration:underline;} /* 444*/ .inherit,a.inherit:link,a.inherit:visited,a.inherit:hover,a.inherit:active {color:inherit;border:inherit;outline:inherit;font-size:inherit;} img {border:0;} h1 {font-size:1.7em;font-weight:normal;margin-top:0em;margin-bottom:9px;color: #698D11;display:block;} /* olijf dark */ h1 img.more {position:relative;top:1px;} h2 {font-size:1.7em;font-weight:normal;margin-top:0em;margin-bottom:9px;color: #A5CD39;display:block;} /* green olive */ h3 {font-size:1.7em;font-weight:normal;margin-top:0em;margin-bottom:9px;color: #19B8D5;display:block;} /* bluecyan */ /*h2 {font-size:1.4em;font-weight:normal;margin-top:0em;margin-bottom:0.2em;color:#a6a6a6;}*/ /*h3 {font-size:1.2em;margin:1.2em 0em 1.2em 0em;font-weight:normal;color:#a6a6a6;}*/ h4 {font-size:1.3em;font-weight:normal;margin-top:9px;margin-bottom:2px;color: #19B8D5;display:block;} h5 {font-size:1.2em;font-weight:normal;margin-top:9px;margin-bottom:2px;color: #DC821F;display:block;} h6 {font-size:1.1em;font-weight:normal;margin-top:9px;margin-bottom:2px;color: #698D11;display:block;} h7 {font-size:16px;font-weight:bold;margin:0; color: #A5CD39; display: block;} .orange {color:#F38407 !important;} ul {list-style-type:none;padding:0;margin:6px 0;} p {font-size:1em;line-height:120%;margin:0 0 0 0;} .bigger {font-size:10.8pt;} pre {font-family:verdana, arial, helvetica, sans-serif;font-size:0.7em;margin:0;padding:0;color:#b6b6b6;} strong, b {font-weight:bold;} /*table {font-size:0.8em;} wat een raar idee */ fieldset {border: 1px solid #ccc;margin: 3px 0px 3px 0px;} /* standard sets */ h1.dark {color:#ffffff;} ul.dotlist {list-style-position: outside; list-style-image: url(../img/icon_follow.png); list-style-type: disc;padding:0px 0px 0px 40px;} ul.dotlist li {margin:10px 0px 0px 0px;line-height:150%;} /* std form elements and sform for smaller versions*/ input.text,textarea,select {border: 2px solid #F38407; background-color: #FACEA3;font-size:10pt;line-height:12pt;padding:3px;font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial,helvetica,sans-serif;} .sform {border: 1px solid #F38407; background-color: #FACEA3;font-size:11px;line-height:12px;padding:2px;font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial,helvetica,sans-serif;} label.overlabel { font-size:10pt;color:#A3451D;line-height:10pt;position:absolute;left:10px;padding-top:5px; text-align:left;margin:0;float:none;} input.button {} /* nvt */ button.button { width:auto;overflow:visible;border:0;outline:none;cursor:pointer; font-weight:normal; height: 30px; font-size:10pt; margin:0; padding:0 9px 0 5px;text-align:center; background:url(../img/but/but1_02.png) right no-repeat; } button.button span {position:relative;display:block;white-space:nowrap;margin:0; padding:0 0 0 11px;height:30px;line-height:30px;background:url(../img/but/but1_01.png) left no-repeat; color:#006479; } button.button:hover { background:url(../img/but/buth_02.png) right no-repeat;outline:none;} button.button:hover span { background:url(../img/but/buth_01.png) left no-repeat;color:#fff; } button.buttonhigh { width:auto;overflow:visible;border:0;outline:none;cursor:pointer; font-weight:normal; height: 60px; font-size:10pt; margin:0; padding:0 9px 0 5px;text-align:center; background:url(../img/but/but2_02.png) right no-repeat; } button.buttonhigh span {position:relative;display:block;white-space:nowrap;margin:0; padding:0 0 0 11px;font-size:24px;height:60px;line-height:60px;background:url(../img/but/but2_01.png) left no-repeat; color:#006479; } button.buttonhigh:hover { background:url(../img/but/but2h_02.png) right no-repeat;outline:none;} button.buttonhigh:hover span { background:url(../img/but/but2h_01.png) left no-repeat;color:#fff; } input.checkbox {margin:0;padding:0;} /** Main CSS **/ html, body {background: #f1f1f1 url(../img/body_bg.jpg);margin:0;} .header {height:37px;background:#f1f1f1 url(../img/header_bg.png) repeat-x;border-bottom:1px solid #c1c1c1;line-height:14px;} .header_wrap {position:relative;width:900px;margin:0 auto;} .header_logo, .header_bslogo, {position:absolute;} .header_wrap ul, .header_rechts {position:absolute; height: 40px;} .user_functions {position:absolute; height: 40px; margin-top:4px;} .header_rechts ul li {overflow:visible;line-height:16px;} .header_logo {left:2px;width:90px;height:34px;} .header_bslogo {left:0;width:200px;height:34px;background:url(../img/bologo.png) no-repeat;} .header_wrap .menu {left:100px;top:4px;margin:0;height:30px;} .header_wrap .menu li {cursor:pointer;display:block;float:left;margin:0 6px 0 0;height:15px;border:1px solid #a1cfd8;padding:6px;background:url(../img/menu_li_bg.png) repeat-x;} .header_wrap .menu #active {color:#fff;background:url(../img/menu_li_bg_hover.png) repeat-x;border:1px solid #19b8d5;} .header_wrap .menu li:hover {color:#fff;background:url(../img/menu_li_bg_hover.png) repeat-x;border:1px solid #19b8d5;} .menu li {color:#0084a0;text-decoration:none;} .header_rechts {width:200px;right:0;top:-2px;color:#444;} /*.header_rechts a:link, .header_rechts a:visited {color:#a5cd39;text-decoration:none;} .header_rechts a:hover {color:#444;text-decoration:underline;}*/ .wrap {width:900px;/*min-height:1200px;*/margin:0 auto;padding:8px 0 20px 0;} /* default main */ .left {float:left;width:650px;min-height:300px;} .right {float:right;width:250px;min-height:300px;} .wide {float:left;width:900px;clear:both;} /* widemain */ .wmleft {float:left;width:650px} .wmright {float:right;width:250px} .wmwide {float:left;width:900px} /* special main classes */ .mainctrleft {float:left;width:450px;min-height:300px;} .mainctrright {float:right;width:450px;min-height:300px;} .userpageleft {float:left;width:553px;min-height:300px;} .userpageright {float:right;width:347px;min-height:300px;} .wrap:after {content:"."; display:block;height:0;clear:both;visibility:hidden;} .footer {background:#eeefee url(../img/footer_bg.png) repeat-x bottom;min-height:328px;height:328px;margin:0 ;padding: 0;} .footer_wrap {position:relative;width:900px;margin:0px auto 0 auto;padding:0px 0 0 0;top: 20px;} .footer_wrap img {margin:0 0 2px 0;} .footer_wrap:after {content:"."; display:block;height:0;clear:both;visibility:hidden;} .footer_wrap .footer_viidoo {float:left;margin:30px 45px 0 0;} .footer_wrap .footer_pczapper {float:left;margin: 0 45px 0 0;} .footer_wrap .footer_zoomz {float:left;} .footer_wrap ul {padding:0 0 0 5px;} .footer_wrap ul li {margin:0 0 3px 0;} .footer_wrap ul li a:link, .footer_wrap ul li a:visited {text-decoration:none;font-size:13pt;font-weight:bold;} .bofooter { position: fixed; bottom: 0px;left: 0px; height:20px;width:100%; background:#f1f1f1 url(../img/header_bg.png) repeat-x; margin: 6px 0 0 0; padding: 6px 0px 0px 6px; border-bottom:1px solid #c1c1c1; border-top:1px solid #c1c1c1;z-index:5000;} .bofooter_wrap {width:900px;margin:0 auto 0 auto;} .bofooter_pczapper {float:left;margin: 0 45px 0 0; font-size: 0.8em;} .standard_div {min-height:120px;background:url(../img/standard_div_bg.png) no-repeat;position:relative;padding:6px 12px 30px 12px;} .standard_div h1 {color:#a6a6a6;} .standard_div h1 span {color:#a5cd39;} /* * Round box - done right */ .rbox3 {margin:0px auto; background:#fff url(../img/rbox/leftside.gif) repeat-y left top; } .rbox3top {width:100%;height:16px;background:url(../img/rbox/top.gif) no-repeat left top; } .rbox3top span { display:block; position:relative; height:16px; background:url(../img/rbox/top-right.gif) no-repeat right top; } .rbox3content { position:relative;z-index:1;background:url(../img/rbox/rightside.gif) repeat-y right top; padding:1px 20px 1px 20px; margin:-1px 0 -40px 0; } .rbox3content h1 {color:#a6a6a6; margin: -3px 0px 0px 0px;} .rbox3bottom {width:100%;height:60px; background:url(../img/rbox/bottom.gif) no-repeat left bottom; margin:0 0 0 0; } .rbox3bottom span { display:block; position:relative; height:60px; background:url(../img/rbox/bottom-right.gif) no-repeat right top; } .rbox4 {margin:0px auto; background:#fff url(../img/rbox/rbox4_03.gif) repeat-y left top;position:relative;z-index:0; } .rbox4header {width:100%;height:60px; position:relative;} .rbox4top {width:100%;height:60px;/*background-color:blue;*/background:url(../img/rbox/rbox4_01.gif) no-repeat left top; position:relative;z-index:0; } /*.rbox4top span { display:block; position:relative; z-index:4; height:60px; background:url(../img/rbox/rbox4_02.gif) no-repeat right top; } .rbox4top span img { position:absolute; right:0px;top:0px; z-index:4; height:60px; background:url(../img/rbox/rbox4_02.gif) no-repeat right top; } */ .rbox4topright {height:60px;width:22px;position:absolute;right:0px;top:0px;background:url(../img/rbox/rbox4_02.gif) no-repeat left top; z-index:4; } .rbox4content {position:relative;z-index:1;background:url(../img/rbox/rbox4_05.gif) repeat-y right top; padding:1px 22px 1px 22px; margin:-40px 0 -1px 0; } .rbox4content h1 {color:#a6a6a6; margin: -3px 0px 0px 0px;} .rbox4bottom {width:100%;height:22px; background:url(../img/rbox/rbox4_06.gif) no-repeat left bottom; margin:0 0 0 0;position:relative; } .rbox4bottom span { display:block; position:absolute; right:0px;width:22px; height:22px; background:url(../img/rbox/rbox4_07.gif) no-repeat right top; } /* table version.. somtimes you cant get it right with divs */ .rbox5 {margin:0px auto; background:transparant;width:100%;table-layout:fixed;position:relative;z-index:0} .rbox5tl {background:url(../img/rbox/rbox5_01.png) no-repeat left top; width: 17px; height:22px; } .rbox5tm {background:url(../img/rbox/rbox5_02.png) repeat-x top; height:22px; } .rbox5tr {background:url(../img/rbox/rbox5_03.png) no-repeat left top; width: 17px; height:22px; } .rbox5ml {background:url(../img/rbox/rbox5_04.png) no-repeat left top; width: 17px; background-color:#ffffff;} .rbox5mm {background:url(../img/rbox/rbox5_05.png) repeat-x top; background-color:#ffffff; overflow:hidden; } .rbox5mr {background:url(../img/rbox/rbox5_06.png) no-repeat left top; width: 17px; background-color:#ffffff;} .rbox5bl {background:url(../img/rbox/rbox5_07.png) no-repeat left top; width: 17px; height:22px; } .rbox5bm {background:url(../img/rbox/rbox5_08.png) repeat-x top; height:22px; } .rbox5br {background:url(../img/rbox/rbox5_09.png) no-repeat left top; width: 17px; height:22px; } .rbox5inner {position:relative;border:1px solid transparent;overflow:hidden;} /* inner div to embed it all */ * html .rbox5inner { border-color: #fefffe; filter: chroma(color=#fefffe);} /* ie6 hack */ .rbox6 {margin:0px auto; background:transparant;width:100%;table-layout:fixed;position:relative;z-index:0} .rbox6tl {background:url(../img/rbox/rbox6_01.png) no-repeat left top; width: 17px; height:22px; } .rbox6tm {background:url(../img/rbox/rbox6_02.png) repeat-x top; height:22px; } .rbox6tr {background:url(../img/rbox/rbox6_03.png) no-repeat left top; width: 17px; height:22px; } .rbox6ml {background:url(../img/rbox/rbox6_04.png) no-repeat left top; width: 17px; background-color:#000;} .rbox6mm {background:url(../img/rbox/rbox6_05.png) repeat-x top; background-color:#000; overflow:hidden; } .rbox6mr {background:url(../img/rbox/rbox6_06.png) no-repeat left top; width: 17px; background-color:#000;} .rbox6bl {background:url(../img/rbox/rbox6_07.png) no-repeat left top; width: 17px; height:22px; } .rbox6bm {background:url(../img/rbox/rbox6_08.png) repeat-x top; height:22px; } .rbox6br {background:url(../img/rbox/rbox6_09.png) no-repeat left top; width: 17px; height:22px; } .rbox6inner {color:#DDDDDD;position:relative;border:1px solid transparent;overflow:hidden;} /* inner div to embed it all */ * html .rbox6inner { border-color: #000100; filter: chroma(color=#000100);} /* ie6 hack */ .rbox7 {margin:0px auto; background:transparant;width:100%;table-layout:fixed;position:relative;z-index:100} .rbox7tl {background:url(../img/rbox/rbox5_01.png) no-repeat left top; width: 17px; height:22px; } .rbox7tm {background:url(../img/rbox/rbox5_02.png) repeat-x top; height:22px; } .rbox7tr {background:url(../img/rbox/rbox5_03.png) no-repeat left top; width: 17px; height:22px; } .rbox7ml {background:url(../img/rbox/rbox5_04.png) no-repeat left top; width: 17px; background-color:#ffffff;} .rbox7mm {background:url(../img/rbox/rbox5_05.png) repeat-x top; background-color:#ffffff;} .rbox7mr {background:url(../img/rbox/rbox5_06.png) no-repeat left top; width: 17px; background-color:#ffffff;} .rbox7bl {background:url(../img/rbox/rbox5_07.png) no-repeat left top; width: 17px; height:22px; } .rbox7bm {background:url(../img/rbox/rbox5_08.png) repeat-x top; height:22px; } .rbox7br {background:url(../img/rbox/rbox5_09.png) no-repeat left top; width: 17px; height:22px; } .rbox7inner {position:relative;border:1px solid transparent;} /* inner div to embed it all */ /* * comment balloon * derived from rbox4 */ .comments {width:100%;} .comment_head {color: #6CB03F;font-size:9px;} .comment_body {font-size:8pt;} .cballoon {margin:0px; padding:0px; position:relative; z-index:0; } .cballoonTop_left {position:absolute; width:33px; height:9px; left:0px; top:0px; background:url(../img/cballoon/top_left.png) no-repeat left top; z-index:1;} .cballoonTop {position:absolute; height:6px; left:33px; top:0px; right:12px; background:url(../img/cballoon/top.png) repeat-x left top; z-index:1;} .cballoonTop_right {position:absolute; width:12px; height:12px; top:0px; right:0px; background:url(../img/cballoon/top_right.png) no-repeat right top; z-index:1;} .cballoonRight {position:absolute; width:6px; top:12px; right:0px; bottom: 12px; background:url(../img/cballoon/right.png) repeat-y right top; z-index:1;} .cballoonBottom_right {position:absolute; width:12px; height:12px; right:0px; bottom: 0px; background:url(../img/cballoon/bottom_right.png) no-repeat right bottom; z-index:1;} .cballoonBottom {position:absolute; height:7px; left:33px; right:12px; bottom: 0px; background:url(../img/cballoon/bottom.png) repeat-x left bottom; z-index:1;} .cballoonBottom_left {position:absolute; width:33px; height:12px; left:0px; bottom: 0px; background:url(../img/cballoon/bottom_left.png) no-repeat left bottom; z-index:1;} .cballoonLeft {position:absolute; width:28px; left:0px; top:9px; bottom: 12px; background:url(../img/cballoon/left.png) repeat-y left top; z-index:1;} .cballoonFillerHorz {position:absolute; top:9px; left:28px; bottom:12px; right:6px; background-color:#EBEBEB;} .cballoonFillerVert {position:absolute; top:6px; left:33px; bottom:7px; right:12px; background-color:#EBEBEB;} .cballoonTumor {position:absolute; top:10px; left:0px; width:28px; height:28px; background:url(../img/cballoon/tumor.png) no-repeat right top; z-index:2;} .cballoonContent {position:relative; z-index:3; margin:0px; padding:6px 6px 7px 28px; min-height: 40px} .cballoonContentSmall {position:relative; z-index:3; margin:0px; padding:6px 6px 7px 28px; min-height: 30px} .cballoonTumorSmall {position:absolute; top:10px; left:0px; width:30px; height:28px; background:url(../img/cballoon/tumor_small.png) no-repeat right top; z-index:2;} /* * tabbox */ a.tb:link, a.tb:visited { font-size: 12px; font-weight: normal; color: #808080;text-decoration:none;} a.tb_s:link, a.tb_s:visited { font-size: 12px; font-weight: normal; color: #000;text-decoration:none;} a.tb:hover { font-size: 12px; font-weight: normal; color: #333;text-decoration:none;} td.ltb_s {background: url(../img/tbox/tableft-g-sel.gif) no-repeat left top;} td.ltb {background: url(../img/tbox/tableft-g.gif) no-repeat left top; border-bottom:solid 1px #acacac;} td.rtb_s {height:30px; background: url(../img/tbox/tabright-g-sel.gif) no-repeat right top; padding: 3px 6px 0px 0px; font-size: 0.9em; font-weight: bold; color: #000;} td.rtb {height:30px; background: url(../img/tbox/tabright-g.gif) no-repeat right top; padding: 3px 6px 0px 0px; font-size: 0.9em; font-weight: bold; color: #808080; border-bottom:solid 1px #acacac;} .standard_div_small {background:url(../img/standard_div_small_bg.png) no-repeat;position:relative;padding:6px 0 30px 12px;} .standard_div_small h1 {color:#a6a6a6;} .head_div {background:#f1f1f1;position:relative;padding:6px 0 6px 12px;width:630px;margin:0 0 8px;} .head_div h4 {font-size:1.9em;font-weight:normal;margin-top:0em;margin-bottom:0.2em;color:#a5cd39;} .head_div h1 {color:#a6a6a6;} /* * Vmenu - stdandard menu buttons */ .action_vmenu { position:relative; width:205px; height:74px; display:block; padding:0px; margin:5px 0 0 0; color:#F38407; font-size:16px; font-weight: bold; background: url(../img/actbut.png) no-repeat;} .action_vmenu_disabled { position:relative; width:205px; height:74px; display:block; padding:0px; margin:5px 0 0 0; color:#F38407; font-size:16px; font-weight: bold; background: url(../img/actbut_d.png) no-repeat;} .action_vmenu_active { position:relative; width:205px; height:74px; display:block; padding:0px; margin:5px 0 0 0; color:#F38407; font-size:16px; font-weight: bold; background: url(../img/actbut_a.png) no-repeat;} .action_vmenu:hover {color:#ffffff;background: url(../img/actbut_h.png) no-repeat;text-decoration:none;font-weight: bold;} .action_vmenu_active:hover {color:#ffffff;background: url(../img/actbut_h.png) no-repeat;text-decoration:none;font-weight: bold;} .action_vmenu:active, .action_vmenu:focus {border: none; outline: none;} .action_vmenu_active:active, .action_vmenu_active:focus {border: none; outline: none;} /* standard thumbnail medium 156x86 */ .stdthumb {width:162px;max-height:122px;background:#f6f6f6;margin:0 auto 6px auto;overflow:hidden;position:relative;} .stdthumbbrd {width:156px;height:86px;background:#cccccc;border:2px solid #dedede;overflow:hidden;position:relative;} .stdthumbbrd .stbdimg {position:absolute;width:160px;height:119px;top:-20px;left:0;} .stdthumbbrd .smallroundaction {position: absolute; width:24px;height:24px;z-index:200;cursor:pointer;cursor:hand;} .stdthumbbrd .inlinetitle {position: absolute; bottom: 0px; left: 0px;width:156px;height:15px;z-index:200;background-color:#dedede;color:#000000;font-size:11px;overflow:hidden;white-space: nowrap;padding:2px 5px 2px 3px;filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80;} .stdthumbbrd .thumbavatar {position: absolute; top: 2px; left:2px;z-index:300;} /* standard thumbnail large 181x101 channelimage=650x120 so 550x101 */ .stdthumb2 {width:186px;max-height:122px;background:#f6f6f6;margin:0 auto 6px auto;overflow:hidden;position:relative;} .stdthumbbrd2 {width:180px;height:101px;background:#cccccc;border:2px solid #dedede;overflow:hidden;position:relative;} .stdthumbbrd2 .stbdimg {position:absolute;width:550px;height:101px;top:0px;left:-185px;} /* smallroundaction needs a left: put on it using separate style statement */ .stdthumbbrd2 .smallroundaction {position: absolute; width:24px;height:24px;z-index:200;cursor:pointer;cursor:hand;} /* generic opacity methods */ .stdthumbbrd2 .inlinetitle {position: absolute; bottom: 0px; left: 0px;width:180px;height:15px;z-index:200;background-color:#dedede;color:#000000;font-size:11px;overflow:hidden;white-space: nowrap;padding:2px 5px 2px 3px;filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80;} .stdthumbbrd2 .thumbavatar2 {position: absolute; bottom: 5px; right:5px;z-index:300;} /* standard thumbnail xtra large 312x172 */ .stdthumb3 {width:324px;max-height:244px;background:#f6f6f6;margin:0 auto 6px auto;overflow:hidden;position:relative;} .stdthumbbrd3 {width:324px;height:172px;background:#cccccc;border:2px solid #dedede;overflow:hidden;position:relative;} .stdthumbbrd3 .stbdimg {position:absolute;width:320px;height:238px;top:-40px;left:0;} .stdthumbbrd3 .smallroundaction {position: absolute; width:24px;height:24px;z-index:200;cursor:pointer;cursor:hand;} .stdthumbbrd3 .bigplay {position: absolute; width:48px;height:48px;top:52px;left:146px;z-index:200;cursor:pointer;cursor:hand;background:url(../img/media_play.png) no-repeat;} .stdthumbbrd3 .inlinetitle {position: absolute; bottom: 0px; left: 0px;width:312px;height:15px;z-index:200;background-color:#dedede;color:#000000;font-size:11px;overflow:hidden;white-space: nowrap;padding:2px 5px 2px 3px;filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80;} .stdthumbbrd3 .thumbavatar {position: absolute; bottom: 5px; right:5px;z-index:300;} /* standard thumbnail XXL 500x300 */ .stdthumb4 {width:500px;max-height:300px;background:#f6f6f6;margin:0 auto 6px auto;overflow:hidden;position:relative;} .stdthumbbrd4 {width:496px;height:296px;background:#cccccc;border:2px solid #555;overflow:hidden;position:relative;} .stdthumbbrd4 .stbdimg {position:absolute;width:496px;height:296px;top:0px;left:0;} .stdthumbbrd4 .smallroundaction {position: absolute; width:24px;height:24px;z-index:200;cursor:pointer;cursor:hand;} .stdthumbbrd4 .bigplay {position: absolute; width:48px;height:48px;top:122px;left:225px;z-index:200;cursor:pointer;cursor:hand;background:url(../img/media_play.png) no-repeat;} .stdthumbbrd4 .inlinetitle {position: absolute; bottom: 0px; left: 0px;width:512px;height:15px;z-index:200;background-color:#dedede;color:#000000;font-size:11px;overflow:hidden;white-space: nowrap;padding:2px 5px 6px 3px;filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80;} .stdthumbbrd4 .thumbavatar {position: absolute; bottom: 5px; right:5px;z-index:300;} /* standard videolist */ .stdvidlist {padding:3px;position:relative;height:90px;margin:0 0 6px 0;background:#f1f1f1;border:1px solid #ddd;overflow:hidden;} .stdvidlist .sv_title {position:absolute;left:168px;width:430px;height:18px;overflow:hidden;font-size:15px;font-weight:normal;color:#999999;white-space: nowrap;} .stdvidlist .sv_desc {position:absolute;left:168px;top:24px;width:380px;height:45px;line-height:15px;overflow:hidden;font-size:11px;font-weight:normal;color:#000;xbackground-color:#ccc;} .stdvidlist .sv_score {position:absolute;top:80px;height:18px;overflow:hidden;} .stdvidlist .sv_label {font-size:11px;font-weight:normal;color:#3184BF /*555*/;padding:0px 3px 0px 0px;} .stdvidlist .sv_pub {position:absolute;top:80px;height:18px;overflow:hidden;font-size:11px;font-weight:normal;} .stdvidlist .sv_pub a {font-size:11px;font-weight:normal;} .stdvidlist .sv_views {position:absolute;top:80px;height:18px;overflow:hidden;font-size:11px;font-weight:normal;} .stdvidlist .editaction {float:right;position:relative;top:70px;width:24px;height:24px;z-index:2;cursor:pointer;cursor:hand;} /* standard large icon list (channellist) */ .stdchlist {padding:3px;position:relative;height:105px;margin:0 0 6px 0;background:#f1f1f1;border:1px solid #ddd;overflow:hidden;} .stdchlist .sv_title {position:absolute;left:192px;height:18px;overflow:hidden;font-size:15px;font-weight:normal;color:#999999;white-space: nowrap;} .stdchlist .sv_desc {position:absolute;left:192px;top:24px;height:60px;line-height:15px;width:330px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;color:#000;xbackground-color:#ccc;} .stdchlist .sv_score {position:absolute;top:80px;height:18px;overflow:hidden;} .stdchlist .sv_label {font-size:11px;font-weight:normal;color:#3184BF /*555*/;padding:0px 3px 0px 0px;} .stdchlist .sv_pub {position:absolute;top:80px;height:18px;overflow:hidden;font-size:11px;font-weight:normal;} .stdchlist .sv_pub a {font-size:11px;font-weight:normal;} .stdchlist .sv_views {position:absolute;top:80px;height:18px;overflow:hidden;font-size:11px;font-weight:normal;} .stdchlist .editaction {float:right;position:relative;top:70px;width:24px;height:24px;z-index:2;cursor:pointer;cursor:hand;} /* standard large icon list (userlist) */ .stduserlist {padding:3px;position:relative;height:98px;margin:0 0 6px 0;background:#f1f1f1;border:1px solid #ddd;overflow:hidden;} .stduserlist .sv_title {position:absolute;left:110px;height:18px;overflow:hidden;font-size:15px;font-weight:normal;color:#999999;white-space: nowrap;} .stduserlist .sv_content {position:absolute;left:110px;top:24px;width:474px;height:90px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;color:#000;xbackground-color:#ccc;} .stduserlist .sv_desc {overflow: hidden; line-height: 12px; height: 24px;} .stduserlist .sv_score {position:absolute;top:80px;height:18px;overflow:hidden;} .stduserlist .sv_label {font-size:11px;font-weight:normal;color:#3184BF /*555*/;padding:0px 3px 0px 0px;} .stduserlist .sv_pub {position:absolute;top:80px;height:18px;overflow:hidden;font-size:11px;font-weight:normal;} .stduserlist .sv_pub a {font-size:11px;font-weight:normal;} .stduserlist .sv_views {position:absolute;top:80px;height:18px;overflow:hidden;font-size:11px;font-weight:normal;} .stduserlist .editaction {float:right;position:relative;top:70px;width:24px;height:24px;z-index:2;cursor:pointer;cursor:hand;} /* defaults */ .sv_label {font-size:11px;font-weight:normal;color:#3184BF /*555*/;padding:0px 3px 0px 0px;} /* View options */ .view_options {position:absolute;top:5px;right:22px;z-index:3;} .view_options table {border-collapse: collapse;} .view_options table td {text-align:center;padding:0;} .view_options table td a {text-decoration:none;font-size:0.8em;} .view_options table td img {width:24px;} .view_options table td span {color:#a5cd39;} /* Pagination */ .pages {padding:5px 0px 5px 0px; margin:5px 0px 5px 0px; clear:both;font-size:85%;} /* the pageblock span is clickable */ .pages span.pageblock {border: 1px solid #ccc; color: #F38407; height: 12px; padding: 3px 3px 3px 3px;margin: 0px 4px 0px 0px;cursor: pointer;cursor:hand;} .pages span.pageblock:hover {color:#D10101;text-decoration:underline;} .pages span.pageblock_disabled {border: 1px solid #ccc; color: #ccc; height: 12px; padding: 3px 3px 3px 3px;margin: 0px 4px 0px 0px;} .pages span.pageblock_dots {border: 0px solid #ccc; color: #000; height: 12px; padding: 3px 3px 3px 3px;margin: 0px 4px 0px 0px;} .pages span.pageblock_curpage {border: 1px solid #ccc; color: red; height: 12px; padding: 3px 3px 3px 3px;margin: 0px 4px 0px 0px;} /* Misc */ .search_form_small h1 {margin:0 0 6px 0;} .search_form_small p {font-size:0.8em;color:#666;margin:0;padding:0;} .search_form_small select{color:#999;border:3px solid #dedede;margin:3px 0 12px 0;width:165px;padding:2px;} .search_form_small .input_01 {color:#999;border:3px solid #dedede;font-size:1.2em;margin:3px 0 12px 0;width:165px;padding:2px;} .search_form_small .input_02 {background:#a5cd39;color:#fff;border:0;font-size:1.2em;margin:0 0 12px 0;height:30px;} .profileTable {font-size:1em;} .profileTable tr.odd {background-color:#FFF; /*E7F3F7;*/ border-bottom: 1px solid #ccc;} .profileTable tr.even {background-color:#FFFFFF; border-bottom: 1px solid #ccc;} .profileTable td {white-space: nowrap;} .profileTableGradAll {border: 3px solid #dedede;background-color:transparant;} .profileTableGradbox {border: 0px solid #dedede;background-color:transparant;} .profileTableGradHeader {table-layout:fixed;padding:0px;margin:0px; border: 0px solid #fff ;width:100%;height: 26px;border-collapse: collapse;empty-cells: show; } .profileTableGrad {table-layout:fixed;padding:0px;margin:0px; border: 0px solid #fff; width:100%;background-image: url(../img/zebragrad.gif); background-repeat:repeat-x;} /*.profileTableGrad tr td {white-space: nowrap;background-color:transparant;}*/ .profileTableGrad td {white-space: nowrap; height: 26px;background-color:transparant;overflow:hidden;border:0px solid #FFF;} /* .profileTableSmall {background: url(../img/zebra58.gif);} .profileTableSmall tr {} .profileTableSmall tr td {white-space: nowrap;background-image: url(../img/zebragrad.gif); background-repeat:repeat-x;} */ /* breadcrumbs */ .breadcrumb {font-size:80%;margin: 4px 0px 0px 3px; } .breadcrumb a { } .breadcrumb span { } /* TOOLTIP */ #dhtmltooltip { position: absolute; /*width: 150px;*/ border: 1px solid #CCC; padding: 2px; background-color: #19B8D5; visibility: hidden; z-index: 1000; } /* the linkbar */ .linkbarleft {height:48px;top:72px;right:0px;z-index:3;position:absolute;color:#555;} .linkbarleft .addfriend {display:block;width:48px;height:30px;padding:48px 0 0 0;text-align:center;background:url(../img/icon_friend.png) no-repeat;} /* linkbar used in userheader, NOT in channelheader */ .linkbar {height:24px;top:5px;right:5px;z-index:3;position:absolute;color:#555;} .linkbar h1 {color:#a5cd39;} /*.linkbar .addfriend {display:block;width:36px;height:36px;background:url(../img/icon_add.png) no-repeat;} */ /*.linkbar .sendmsg {display:block;width:36px;height:36px;background:url(../img/icon_sendmsg.png) no-repeat;}*/ .favorites {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_favorites.png) no-repeat;} .channels {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_tv.png) no-repeat;} .images {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_camera.png) no-repeat;} .blog {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_blog2.png) no-repeat;} .stats {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon-stats.png) no-repeat;} .inbox {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon-inbox.png) no-repeat;} .projects {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon-group.png) no-repeat;} .instellingen {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_wrench.png) no-repeat;} .icon_videos {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_videolist.png) no-repeat;} .icon_fora {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_forum3.png) no-repeat;} .icon_play {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_plasma-tv.png) no-repeat;} .icon_widgets {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_embed.png) no-repeat;} .icon_other {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_toolbox.png) no-repeat;} .icon_add {display:block;width:48px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_videoadd.png) no-repeat;} .icon_more {display:block;width:32px;height:20px;font-size:11px;line-height:11px;padding:46px 0 0 0;text-align:center;background:url(../img/icon_follow3.png) no-repeat;} .linkbarsmall {height:48px;bottom:-7px;left:0px;z-index:3;position:absolute;color:#555;} .linkbarsmall h1 {color:#a5cd39;} /*.linkbar .addfriend {display:block;width:36px;height:36px;background:url(../img/icon_add.png) no-repeat;}*/ /*.linkbar .sendmsg {display:block;width:36px;height:36px;background:url(../img/icon_sendmsg.png) no-repeat;}*/ .favorites_s {display:block;width:24px;height:24px;padding:24px 0 0 0;text-align:center;background:url(../img/icon_favorites_small.png) no-repeat;} .channels_s {display:block;width:24px;height:24px;padding:24px 0 0 0;text-align:center;background:url(../img/icon_tv_small.png) no-repeat;} .images_s {display:block;width:24px;height:24px;padding:24px 0 0 0;text-align:center;background:url(../img/icon_camera_small.png) no-repeat;} .blog_s {display:block;width:24px;height:24px;padding:24px 0 0 0;text-align:center;background:url(../img/icon_blog2_small.png) no-repeat;} .icon_videos_s {display:block;width:48px;height:10px;padding:48px 0 0 0;text-align:center;background:url(../img/icon_movie.png) no-repeat;} .icon_fora_s {display:block;width:48px;height:10px;padding:48px 0 0 0;text-align:center;background:url(../img/icon_forum3.png) no-repeat;} .icon_play_s {display:block;width:48px;height:10px;padding:48px 0 0 0;text-align:center;background:url(../img/icon_plasma-tv.png) no-repeat;} .icon_widgets_s {display:block;width:48px;height:10px;padding:48px 0 0 0;text-align:center;background:url(../img/icon_nut_and_bolt.png) no-repeat;} .icon_other_s {display:block;width:48px;height:10px;padding:48px 0 0 0;text-align:center;background:url(../img/icon_toolbox.png) no-repeat;} .usercardmore {height:48px;bottom:-16px;right:0px;z-index:3;position:absolute;color:#555;} /* comments */ .commenticontable{float:right; border: 1px solid rgb(136, 136, 136); background-color:rgb(221,221,221); margin-right: 3px;} .commenticon{cursor: pointer;width:15px;height:15px;} /* friends thumbs on friend page*/ .friend_item {width:70px;height:85px;overflow:hidden;position:relative;} .friend_item .frdimg {position:absolute;width:70px;height:70px;top:0px;left:0;} .friend_item .smallroundaction {position: absolute; width:24px;height:24px;z-index:200;cursor:pointer;cursor:hand;}