/* CSS Document */ /** * Reset styles **/ body, p, blockquote, fieldset, form { margin: 0; padding: 0; } a img, iframe { border: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ul, ol, dl, li, dt, dd { margin: 0; padding: 0; } input, textarea, select { padding: 1px; } select { padding: 0; } html{ height: 100%; } body { text-align: center; font-size: small; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #422e3e; height: 100%; } h1{ font-size: 1.4em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #422e3e; font-weight: bold; } h2{ font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #422e3e; font-weight: bold; } h3{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #422e3e; font-weight: bold; } #wrapper { width: 770px; margin: 0 auto; text-align: left; position: relative; min-height: 100%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 100%; /* For IE */ padding: 0 2em 0 2em; background: #422e3e url(images/bg.gif) repeat-y center center; } * html #wrapper{ height: 100%; } /*NAVIGATION ----------------------------------------------------------------------------------------------------------------------*/ #navigation{ float: left; width: 230px; height: 100%; } #navigation li{ list-style: none; padding: 0 0 0 35px; } #navigation a{ text-decoration: none; color: #422e3e; list-style: none; } #navigation a:hover{ text-decoration: underline; color: #FF0379; } .navtitle { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #422e3e; font-weight: bold; font-size: 1.6em; list-style: none; text-decoration: none; background: #FFFFFF url(images/nav_bg.gif) no-repeat bottom left; margin: 5px 0 5px 0; } .navtitle a:hover{ text-decoration: none; } /*CONTENT ----------------------------------------------------------------------------------------------------------------------*/ #content{ float:right; width: 500px; background: #FFFFFF url(images/divider.gif) repeat-y top left; margin: 0 0 20px 0; padding: 0 0 0 5px; } /*FOOTER ----------------------------------------------------------------------------------------------------------------------*/ #footer{ clear: both; width: 770px; color: #FFFFFF; background: #DB005A url(images/footer_bg.gif) no-repeat left top; text-align:center; } #footer a{ color: #FFFFFF; } #extglobalfooter { width:767px;}#globalfooter { background-color:#FFFFFF; border-top:1px solid #000000; border-left: 1px solid #000; border-right: 1px solid #000; padding-top:6px; text-align:center; width:auto;font: 11px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;}#globalfooter a { color:#666666; text-decoration: none; }#globalfooter .highlight { color:#CC0000; font-weight:bold; }#globalcopyright{ font-size:9px; color:#999999; text-align: center; margin-top:5px; }#globalbottomcurve{ background-image: url(http://image.lycos.fr/common/bottomcurve.gif); height:15px; width:767px; overflow:hidden; } http://image.lycos.fr/common/css/basev2.css /* ====================================================== Lycos base style sheet, version 10-01-2003 ? Copyright 2003 by Lycos Europe. all rights reserved. Original author : Oscar Eg Gensmann (oscar@jubii.dk) --------------------------------------------------- Last changed by : Mathieu Lesniak (28-03-2006) ====================================================== */ /* ------------------------------------------------------ Default HTML element definitions ------------------------------------------------------ */ /* Resetting default browser styles on all elements Not working in IE 4.0 though, but a nice thing to do anyway. */ *{margin:0px;padding:0px;} /* Removing borders from linked images */ a img{border:none;} /* Hacking italic bug */ i {font-size: 1.1em;} /* removing extra margin from form elements */ form{margin:0px; } /* default font */ body, h1, h2, h3, h4, h5, h6, td{font: 11px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;} /* Headlines : h1 is used for the main (top) headline/contecnt section h2 is used for the rest of the content headlines */ /* Original size : 1.8em */ h1, h2{margin-bottom:5px;font-size:1.6em;line-height:1em;} /* Common text elements */ p{margin: 4px 0px;line-height:1.4em;padding:0px} /* Link colors */ a:link{color:#000000;text-decoration: underline;} a:visited{color:#000000;} a:hover{color:#0000CC;text-decoration: underline;} a:active{color:#0000CC;} /* Ordered and unordered list elements */ li{margin-bottom:0px} ul,ol{margin-left:25px} /* ==================================================== The section header including breadcrumb ==================================================== */ /* Styling for the content center header containing the headline for the channel/section. This is the default styling and should be overwritten by a "local" css file to display the correct background image and similar */ #sectionhead{ width:auto; text-align:left; margin:0px; padding:0px; border:0px; background-position: top left; background-repeat: no-repeat; /* background-color: #fff;*/ } #sectionhead p{ margin:0px 0px 0px 8px; padding:0px; color:#FFFFFF; font-size:30px; /* font-weight:bold;*/ letter-spacing: 1px; line-height:46px; /* height:46px;*/ overflow:hidden; } /* The breadcrumb container below the channel header*/ #globalcontentcenterbreadcrumb{ border-left:1px solid #838383; border-right:1px solid #838383; text-align:right; padding: 0px 9px 5px 9px; color:#666666; width:auto; line-height:15px; font-size:10px; height:15px; overflow:hidden; background-color:#fff; } /* The breadcrumb link styling */ #globalcontentcenterbreadcrumb a, #globalcontentcenterbreadcrumb a.current{ color:#666666; font-size:10px; text-decoration:none; } /* breacrumb styling for the item currently viewed*/ #globalcontentcenterbreadcrumb a.current{font-weight:bold;} /* ------------------------------------------------------ Buttons ------------------------------------------------------ */ div.button { margin: 2px; } div.button a { height: 20px; margin-top: 0px; padding-bottom: 2px; vertical-align:top; text-decoration: none; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color #000; background-image: url(http://image.lycos.fr/common/buttons/button_center.gif); background-repeat: repeat-x; } div.button a:hover { text-decoration: none; color:#000 } div.button input { background: transparent; background-image: url(http://image.lycos.fr/common/buttons/button_center.gif); cursor: pointer; border: 0; vertical-align: top; height: 20px; } .diapoButton { height: 20px; margin-top: 0px; padding-bottom: 2px; vertical-align:top; text-decoration:none; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color #000000; background-image: url(http://image.lycos.fr/common/buttons/button_center.gif); background-repeat: repeat-x; } .diapoButton:hover { text-decoration:none; color:#000000 } .diapoButton a { height: 20px; margin-top: 0px; padding-bottom: 2px; vertical-align:top; text-decoration:none; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color #000000; background-image: url(http://image.lycos.fr/common/button_center.gif); background-repeat: repeat-x; } .diapoButton a:hover { text-decoration:none; color:#000000 } /* ------------------------------------------------------ Class' used for creating columns inside the center content area ------------------------------------------------------ */ /* General Column styling */ .columns1,.columns2,.columns3, .columns2l, .columns2r{ text-align:left; margin:0px 9px; width:481px; } /* 1 Column styling */ .columns1{} /* 2 Column styling - using floating */ .columns2{ background-image: url(http://image.lycos.fr/common/columns2_back.gif); background-repeat: repeat-y; background-position: top center; } .columns2 .col1,.columns2 .col2{ width:231px; float:left; } .columns2 .col1{margin-right: 19px;} /* 2 Column styling small left - using floating */ .columns2l{ background-image: url(http://image.lycos.fr/common/columns2l_back.gif); background-repeat: repeat-y; background-position: top center; } .columns2l .col1{ margin-right: 19px; width:147px; float:left; } .columns2l .col2{ width:315px; float:left; } /* 2 Column styling small right - using floating */ .columns2r{ background-image: url(http://image.lycos.fr/common/columns2r_back.gif); background-repeat: repeat-y; background-position: top center; } .columns2r .col1{ margin-right: 17px; width:315px; float:left; } .columns2r .col2{ width:149px; float:left; } /*3 Column styling - using floating */ .columns3{ background-image: url(http://image.lycos.fr/common/columns3_back.gif); background-repeat: repeat-y; background-position: top center; } .columns3 .col1,.columns3 .col2, .columns3 .col3{ width:147px; float:left; } .columns3 .col2{margin:0px 19px;} /* Maverick Hack */ .columnspan {} .columnspan .col1 { width: 170px; float: left; margin: 0px } .columnspan .columns1 { width:159px } .columnspan .col2 { width: 300px; float: left ; } /* .columnspan .col1 { margin-right: 10px } */ /* David's touch */ .columnshome { margin: 0px; width: 495px; padding-top: 1px; } .columnshome .columns2 { background-image: none; background-repeat: no-repeat; background-position: none; margin: 9px 9px 0px 9px; } .columnshome .col1 { width: 254px; margin: 0px;} .columnshome .col2 { width: 223px; margin: 0px;} .columnshome .img { margin: 10px 5px 10px 4px;} /* / David's touch */ /* ------------------------------------------------------ Full color box ------------------------------------------------------ */ /* color box */ /* default settings for the colorbox */ .colorbox, .colorboxtitle{width:100%;overflow:hidden;} /* colorsettings depending on the navscheme */ .navscheme1 .colorbox, .navscheme1 .navbar .home, .navscheme1 .navbar .previous, .navscheme1 .navbar .next, .navscheme1 .colorboxtitle .cornerstop {background:#FFF3C3;} .navscheme2 .colorbox, .navscheme2 .navbar .home, .navscheme2 .navbar .previous, .navscheme2 .navbar .next, .navscheme2 .colorboxtitle .cornerstop {background:#C8E7FF;} .navscheme3 .colorbox, .navscheme3 .navbar .home, .navscheme3 .navbar .previous, .navscheme3 .navbar .next, .navscheme3 .colorboxtitle .cornerstop {background:#C9E2E3;} .navscheme4 .colorbox, .navscheme4 .navbar .home, .navscheme4 .navbar .previous, .navscheme4 .navbar .next, .navscheme4 .colorboxtitle .cornerstop {background:#EBE2D1;} .navscheme5 .colorbox, .navscheme5 .navbar .home, .navscheme5 .navbar .previous, .navscheme5 .navbar .next, .navscheme5 .colorboxtitle .cornerstop {background:#E4EBF1;} .navscheme6 .colorbox, .navscheme6 .navbar .home, .navscheme6 .navbar .previous, .navscheme6 .navbar .next {background:#DCECA1;} .navscheme7 .colorbox, .navscheme7 .navbar .home, .navscheme7 .navbar .previous, .navscheme7 .navbar .next, .navscheme7 .colorboxtitle .cornerstop {background:#D0D7E7;} .navscheme6 .colorboxtitle .cornerstop {background:#CDEF53;} .colorbox .topleft, .colorboxtitle .topleft, .colorbox .topright, .colorboxtitle .topright, .colorbox .bottomleft, .colorboxtitle .bottomleft, .colorbox .bottomright, .colorboxtitle .bottomright { width:9px; height:9px; line-height:9px; overflow:hidden; } /* inserts the colorbox corners */ .colorbox .topleft, .colorboxtitle .topleft{float:left;background-image:url(http://image.lycos.fr/common/colorbox_topleft.gif);} .colorbox .topright, .colorboxtitle .topright{float:right;background-image:url(http://image.lycos.fr/common/colorbox_topright.gif);} .colorbox .bottomleft, .colorboxtitle .bottomleft{float:left;background-image:url(http://image.lycos.fr/common/colorbox_bottomleft.gif);} .colorbox .bottomright, .colorboxtitle .bottomright{float:right;background-image:url(http://image.lycos.fr/common/colorbox_bottomright.gif);} /* fit's the content into the colorbox */ .colorbox .content, .colorboxtitle .content{margin: 0px 9px;} .colorboxtitle .content{padding: 14px;} /* div containing the corners */ .colorbox .corners, .colorboxtitle .corners { overflow:hidden; height:9px; } .colorboxtitle .cornerstop { height: 25px; line-height: 25px;} /* ------------------------------------------------------ included color box ------------------------------------------------------ */ /* fixed ones */ .inc_box_top { height: 26px; width: auto; font-weight: bold; line-height: 26px; } .inc_box_bottom { height: 15px; width: auto; background-repeat: repeat-x } .inc_box_content { width: auto; padding: 5px; border: 1px solid black; } .inc_box_topleft { float:left; width: 10px; height: 26px; margin-right: -3px} .inc_box_topright { float:right; width: 10px; height: 26px; margin-left: -3px} .inc_box_bottomleft { float:left; width: 10px; height: 15px; margin-right: -3px; overflow: hidden} .inc_box_bottomright { float:right; width: 10px; height: 15px; margin-left: -3px; overflow: hidden} /* navschemes variations */ .navscheme1 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_1.gif); } .navscheme1 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_1.gif); } .navscheme1 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_1.gif); } .navscheme1 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_1.gif); } .navscheme1 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_1.gif); } .navscheme1 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_1.gif); } .navscheme2 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_2.gif); } .navscheme2 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_2.gif); } .navscheme2 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_2.gif); } .navscheme2 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_2.gif); } .navscheme2 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_2.gif); } .navscheme2 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_2.gif); } .navscheme3 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_3.gif); } .navscheme3 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_3.gif); } .navscheme3 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_3.gif); } .navscheme3 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_3.gif); } .navscheme3 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_3.gif); } .navscheme3 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_3.gif); } .navscheme4 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_4.gif); } .navscheme4 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_4.gif); } .navscheme4 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_4.gif); } .navscheme4 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_4.gif); } .navscheme4 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_4.gif); } .navscheme4 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_4.gif); } .navscheme5 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_5.gif); } .navscheme5 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_5.gif); } .navscheme5 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_5.gif); } .navscheme5 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_5.gif); } .navscheme5 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_5.gif); } .navscheme5 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_5.gif); } .navscheme6 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_6.gif); } .navscheme6 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_6.gif); } .navscheme6 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_6.gif); } .navscheme6 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_6.gif); } .navscheme6 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_6.gif); } .navscheme6 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_6.gif); } .navscheme7 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_7.gif); } .navscheme7 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_7.gif); } .navscheme7 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_7.gif); } .navscheme7 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_7.gif); } .navscheme7 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_7.gif); } .navscheme7 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_7.gif); } /* ------------------------------------------------------ columns inside a colorbox - restyling ------------------------------------------------------ */ /* 2 columns */ .colorbox .columns2{background-position: -9px} .colorbox .columns2 .col1, .colorbox .columns2 .col2{width:222px} /* 3 columns */ .colorbox .columns3{background-position: -18px} .colorbox .columns3 .col1, .colorbox .columns3 .col3{width:138px} .content{clear:both;width:auto;padding-right:10px;margin:0px 0px 0px 10px;} /* ------------------------------------------------------ Alternative color 50% of light color - used for results splitting in tables and other ------------------------------------------------------ */ /* colorsetting for the alternative color depending on the navscheme */ .navscheme1 .altcol, .navscheme1 .navbar, .navscheme1 .colorboxtitle {background:#FFF9E1;} .navscheme2 .altcol, .navscheme2 .navbar, .navscheme2 .colorboxtitle {background:#E3F3FF;} .navscheme3 .altcol, .navscheme3 .navbar, .navscheme3 .colorboxtitle {background:#E4F0F1;} .navscheme4 .altcol, .navscheme4 .navbar, .navscheme4 .colorboxtitle {background:#F5F0E8;} .navscheme5 .altcol, .navscheme5 .navbar, .navscheme5 .colorboxtitle {background:#F1F5F8;} .navscheme6 .altcol, .navscheme6 .navbar {background:#EDF5D0;} .navscheme7 .altcol, .navscheme7 .navbar, .navscheme7 .colorboxtitle {background:#E6EAF2;} .navscheme6 .colorboxtitle {background:#E2F599;} /* ------------------------------------------------------ Navigation bar below content ------------------------------------------------------ */ .navbar { height: 22px; text-align: center; width:100%; line-height: 22px } .navbar A { text-decoration: none } .navbar .home { float: left; height: 22px; width: 75px } .navbar .previous, .navbar .next { float: right; height: 22px; padding : 0px 15px } .navbar .next, .navbar .previous { border-width: 0 0 0 2px; border-style: solid; border-color: white; height: 22px; } .navbar .home { border-width: 0 2px 0 0; border-style: solid; border-color: white; height: 22px; } /* ------------------------------------------------------ tables inside colorboxes ------------------------------------------------------ */ /* when a table result is used instead of the content div */ .resulttable{width:100%;margin:0px 0px;} .resulttable th {font-size:12px} .resulttable td {text-align:left;padding:3px 9px;} /* ------------------------------------------------------ Paging navigation line ------------------------------------------------------ */ .pagingnavigation{width:100%} .pagingnavigation .left{ float:left; width:20%; text-align:left; } .pagingnavigation .right{ float:right; width:20%; text-align:right; } /* ------------------------------------------------------ boxes with pictures (banner ads) ------------------------------------------------------ */ .cbar .box .square{margin: 8px 0px 0px 0px;width:auto;text-align:center;} .cbar .box .rounded{margin: 3px 0px -7px 0px;width:auto;text-align:center;} /* Additionnal css */ /* Ads vertical separator */ .sep { padding:3px } UL { margin: 0 5px; list-style-type: none; } /*#globalcontentcenter LI { background-image: url(http://image.lycos.fr/common/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px }*/ /* Login box */ .login_box a { text-decoration: none } .login_box #login { width: 100px; margin: 5px 10px } .login_box #password { width: 100px; margin: 0 10px } .login_box #service { width: 100px; margin: 5px 10px} #sectionhead{background-image: url(http://image.lycos.fr/common/contentroundedtop.gif);} .li_hp { background-image: url(http://image.lycos.fr/common/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 2px 8px; margin: 0 5px; } /* Header container box */ #globalheader{ background-image: url(http://image.lycos.fr/home/i/header_back.gif); border-left:1px solid #000; border-right:1px solid #000; height:58px; width:auto; position:relative; z-index: 100; } /* Lycos logo - remember height and width! */ #globallogo{ width:204px; height:78px; position:absolute; top:-16px; } /* ------------------------------------------------------ Top Navigation (Tabs and submenu) ------------------------------------------------------ */ /* Box containing the tabs - remember width for IE 4 compliance - Margin used for indenting */ #globaltabs{ position:absolute; right:-12px; bottom:-5px; width:auto; z-index: 100; } /* Background image scheme for the sub menu */ .navscheme1 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_1.gif)} .navscheme2 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_2.gif)} .navscheme3 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_3.gif)} .navscheme4 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_4.gif)} .navscheme5 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_5.gif)} .navscheme6 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_6.gif)} .navscheme7 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_7.gif)} /* Preloading hover state - always place before the real backgroundimages*/ #globaltab1{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_1.gif)} #globaltab2{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_2.gif)} #globaltab3{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_3.gif)} #globaltab4{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_4.gif)} #globaltab5{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_5.gif)} #globaltab6{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_6.gif)} #globaltab7{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_7.gif)} /* Background image scheme for the tabs */ .navscheme1 div div #globaltab1{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_1.gif)} .navscheme2 div div #globaltab2{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_2.gif)} .navscheme3 div div #globaltab3{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_3.gif)} .navscheme4 div div #globaltab4{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_4.gif)} .navscheme5 div div #globaltab5{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_5.gif)} .navscheme6 div div #globaltab6{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_6.gif)} .navscheme7 div div #globaltab7{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_7.gif)} /* hover color */ #globaltab1.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_1.gif)} #globaltab2.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_2.gif)} #globaltab3.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_3.gif)} #globaltab4.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_4.gif)} #globaltab5.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_5.gif)} #globaltab6.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_6.gif)} #globaltab7.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_7.gif)} /* Default inactive tab background image */ #globaltabs div{background-image: url(http://image.lycos.fr/home/i/topnav/tab_inactive.gif)} /* Tabs Font */ #globaltabs div a{color:#000;line-height:43px;text-decoration:none;} /* Active tab font styling - this is applied on the active tab depending on which navscheme is used */ .navscheme1 #globaltab1 a, .navscheme2 #globaltab2 a, .navscheme3 #globaltab3 a, .navscheme4 #globaltab4 a, .navscheme5 #globaltab5 a, .navscheme6 #globaltab6 a, .navscheme7 #globaltab7 a{font-weight: bold;} /* Box containing the individual tabs */ #globaltabs div{ width:93px; height:40px; overflow:hidden; text-align:center; float:left; } /* Styling of the tab links, using display:block and width to make the whole area clickable, not functional in IE 4, but nice in others */ #globaltabs div a{display:block;} /* The sub menu */ #globalsubmenu { border-left: 1px solid #000; border-right: 1px solid #000; width:auto; margin: 0px; height:29px; position:relative; } #globalsubmenu span{ border-right: 1px solid #000; padding: 0px 9px 0px 7px; } #globalsubmenumore{ position:absolute; right:0px; top:0px; width:auto; border-width: 0 0 0 1px; border-color: black; border-style:solid; } #globalsubmenulinks{ position: absolute; top: 7px; left:0px; width:100%; } /* color for active link in submenu depending on scheme */ .navscheme1 #globalsubmenu a.active{font-weight: bold;background-color: #FFE375;} .navscheme2 #globalsubmenu a.active{font-weight: bold;background-color: #C8E7FF;} .navscheme3 #globalsubmenu a.active{font-weight: bold;background-color: #C8E2E3;} .navscheme4 #globalsubmenu a.active{font-weight: bold;background-color: #EBE3D2;} .navscheme5 #globalsubmenu a.active{font-weight: bold;background-color: #EEF4F8;} .navscheme6 #globalsubmenu a.active{font-weight: bold;background-color: #DCECA1;} .navscheme7 #globalsubmenu a.active{font-weight: bold;background-color: #D0D6E7;} #globalsubmenu a:hover{text-decoration: underline;} http://image.lycos.fr/common/css/large.css /* Large content */ /* Last Modified 25/01/2005 */ #globalcontentcenter { width: 630px; } #globalcontentcenterfooter{ background-image: url(http://image.lycos.fr/common/contentroundedbottom630.gif); } #globalcontentcentercontent .hr { width:608px; margin: 8px 10px 10px 10px; } .columns1, .columns2, .columns3, .columns2l, .columns2r, .columnsevent, .columns4 { margin:0px 10px; width:608px; } .columns2, .columnspan { background-image: url(http://image.lycos.fr/common/columns2_back_xl.gif); } .columns2 .col1, .columnspan .col1 { width:289px; } .columnspan { margin:0px 9px; text-align: left; background-repeat: repeat-y; background-position: top center; } .columnspan .col1 { margin-right: 19px; } .columnspan .hrspan { margin: 8px 10px 10px 10px; background-image: url(http://image.lycos.fr/common/dot.gif); height:1px; overflow:hidden; clear:both; margin: 9px 0; padding:0px; } .columnspan .col1 .hrspan { width: 289px; } .columnspan .col2 .hrspan { width: 300px; } .columnspan .col1 .columns1 { width:289px; margin:0; } .columnspan .col2 .columns1 { margin:0; width:300px; } .columnspan .col2 .columns1 .col1 { width:300px; } .columns2 .col2 { width:300px; } .columns2r { background-image: url(http://image.lycos.fr/common/columns2r_back_xl.gif); } .columns2r .col1 { margin-right: 19px; width:399px; } .columns2r .col2 { width:190px; } .columns2l { background-image: url(http://image.lycos.fr/common/columns2l_back_xl.gif); } .columns2l .col1 { margin-right: 19px; width:190px; } .columns2l .col2 { width:399px; } .columns3{ background-image: url(http://image.lycos.fr/common/columns3_back_xl.gif); } .columns3 .col1, .columns3 .col2, .columns3 .col3 { width: 190px; } .columns4 { background-image: url(http://image.lycos.fr/common/columns4_back_xl.gif); background-position: top center; text-align: left; margin:0px 9px; } .columns4 .col1, .columns4 .col2, .columns4 .col3, .columns4 .col4 { float: left; } .columns4 .col1 { width: 128px; } .columns4 .col2 { width: 134px; margin-left: 5px; } .columns4 .col3 { width: 135px; margin-left: 5px; } .columns4 .col4 { width: 184px; margin-left: 5px; } .columnsevent { background-image: url(http://image.lycos.fr/common/columns_event_back_xl.gif); } .columnsevent { margin: 0 10px; text-align: left; background-repeat: repeat-y; background-position: top center; } .columnsevent .col1 { margin-right: 19px; width: 448px; float: left; } .columnsevent .col2 { width: 141px; float: left; } http://image.lycos.fr/common/css/basev2.css /* ====================================================== Lycos base style sheet, version 10-01-2003 ? Copyright 2003 by Lycos Europe. all rights reserved. Original author : Oscar Eg Gensmann (oscar@jubii.dk) --------------------------------------------------- Last changed by : Mathieu Lesniak (28-03-2006) ====================================================== */ /* ------------------------------------------------------ Default HTML element definitions ------------------------------------------------------ */ /* Resetting default browser styles on all elements Not working in IE 4.0 though, but a nice thing to do anyway. */ *{margin:0px;padding:0px;} /* Removing borders from linked images */ a img{border:none;} /* Hacking italic bug */ i {font-size: 1.1em;} /* removing extra margin from form elements */ form{margin:0px; } /* default font */ body, h1, h2, h3, h4, h5, h6, td{font: 11px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;} /* Headlines : h1 is used for the main (top) headline/contecnt section h2 is used for the rest of the content headlines */ /* Original size : 1.8em */ h1, h2{margin-bottom:5px;font-size:1.6em;line-height:1em;} /* Common text elements */ p{margin: 4px 0px;line-height:1.4em;padding:0px} /* Link colors */ a:link{color:#000000;text-decoration: underline;} a:visited{color:#000000;} a:hover{color:#0000CC;text-decoration: underline;} a:active{color:#0000CC;} /* Ordered and unordered list elements */ li{margin-bottom:0px} ul,ol{margin-left:25px} /* ------------------------------------------------------ Page header ------------------------------------------------------ */ /* Top curve image - rounded corners*/ #globaltopcurve{ background-image: url(http://image.lycos.fr/common/topcurve.gif); height:12px; width:767px; overflow:hidden; } /* Header container box */ #globalheader{ background-image: url(http://image.lycos.fr/common/header_back.gif); border-left:1px solid #000; border-right:1px solid #000; height:76px; width:auto; } /* Lycos logo - remember height and width! */ #globallogo{ float:left; width:274px; height:70px; margin-right:6px; } #lycosdog { position: relative; margin-top: -79px; margin-left: 167px; height: 85px; background-repeat: no-repeat; background-image: url(http://image.lycos.fr/common/lycos-dog.jpg); } /* 468x60 banner box space */ #globalbanner{ float:left; width:470px; height:63px; background:#FFF; overflow:hidden; margin-top: 3px; } #globalbannerborder{ border-top: 1px solid #B1B3B2; border-left: 1px solid #B1B3B2; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; } /* ------------------------------------------------------ Top Navigation (Tabs and submenu) ------------------------------------------------------ */ /* Positioning the submenu background and fixing topnav borders*/ #globalnavigation{ background-position: bottom left; background-repeat: repeat-x; background-color :#fff; border-left:1px solid black; border-right:1px solid black; height: 50px; width: auto; } /* Background image scheme for the sub menu */ .navscheme1 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_1.gif)} .navscheme2 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_2.gif)} .navscheme3 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_3.gif)} .navscheme4 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_4.gif)} .navscheme5 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_5.gif)} .navscheme6 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_6.gif)} .navscheme7 #globalnavigation{background-image: url(http://image.lycos.fr/common/submenu_back_7.gif)} /* Background image scheme for the tabs */ .navscheme1 div div #globaltab1{background-image: url(http://image.lycos.fr/common/tab_active_1.gif)} .navscheme2 div div #globaltab2{background-image: url(http://image.lycos.fr/common/tab_active_2.gif)} .navscheme3 div div #globaltab3{background-image: url(http://image.lycos.fr/common/tab_active_3.gif)} .navscheme4 div div #globaltab4{background-image: url(http://image.lycos.fr/common/tab_active_4.gif)} .navscheme5 div div #globaltab5{background-image: url(http://image.lycos.fr/common/tab_active_5.gif)} .navscheme6 div div #globaltab6{background-image: url(http://image.lycos.fr/common/tab_active_6.gif)} .navscheme7 div div #globaltab7{background-image: url(http://image.lycos.fr/common/tab_active_7.gif)} /* H2 colors */ .navscheme1 h2 {color: #FF8600} .navscheme2 h2 {color: #4F83DF} .navscheme3 h2 {color: #508A8F} .navscheme4 h2 {color: #A78B60} .navscheme5 h2 {color: #768996} .navscheme6 h2 {color: #7FB539} .navscheme7 h2 {color: #5A6A98} /* Default inactive tab background image */ #globaltabs div{background-image: url(http://image.lycos.fr/common/tab_inactive.gif)} /* Tabs Font */ #globaltabs div a{color:#000;line-height:32px;text-decoration:none;} /* Active tab font styling - this is applied on the active tab depending on which navscheme is used */ .navscheme1 div #globaltab1 a, .navscheme2 div #globaltab2 a, .navscheme3 div #globaltab3 a, .navscheme4 div #globaltab4 a, .navscheme5 div #globaltab5 a, .navscheme6 div #globaltab6 a, .navscheme7 div #globaltab7 a{font-weight: bold;} /* Box containing the tabs - remember width for IE 4 compliance - Margin used for indenting */ #globaltabs{margin:0px 15px;width: 735px;} /* Box containing the individual tabs */ #globaltabs div{ width:105px; height:31px; overflow:hidden; float:left; text-align:center; list-style-type: none; } /* hover color */ #globaltab1.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_1.gif)} #globaltab2.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_2.gif)} #globaltab3.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_3.gif)} #globaltab4.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_4.gif)} #globaltab5.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_5.gif)} #globaltab6.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_6.gif)} #globaltab7.tabhover{background-image: url(http://image.lycos.fr/common/tab_hover_7.gif)} /* Styling of the tab links, using display:block and width to make the whole area clickable, not functional in IE 4, but nice in others */ #globaltabs div a{display:block;} /* The sub menu */ #globalsubmenu {margin-left:5px;} #globalsubmenu a{display:block; float:left; margin: 0px 5px;text-decoration:none;color: #000;line-height:14px;} #globalsubmenu a.active{font-weight: bold;} #globalsubmenu a:hover{text-decoration: underline;} /* ------------------------------------------------------ Search line - Simple ------------------------------------------------------ */ /* white box containing search items */ #searchline { background-color:#FFFFFF; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; text-align:center; height:38px; background-image: url(http://image.lycos.fr/common/new_home/searchline_back.gif); background-repeat: repeat-y; background-position: top left; } /*left & right search bar boxes */ #searchline .left, #searchline .right{ float: left; width:123px; margin:0px; } /* creating the left search bar box */ #searchline .left, #searchline .right{ padding-left: 5px; text-align: left; } /* creating the right search bar box */ #searchline .right{ padding-right: 5px; text-align: right; } #searchform{ margin: 0px; width: 501px; float: left; } #searchline label{font-size: 18px;} #searchline #querystring { width:200px; font-family: "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; margin:0px 5px; } #searchline #querycat{ font-family: "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin:0px 5px; } #searchline input.button{margin-bottom:-3px;border:0px solid #000;} /* ------------------------------------------------------ Search line - advanced ------------------------------------------------------ */ /* styling the advanced searchbar box strip */ #searchline.advanced{ background-color: #FEF1C3; height:59px; } /* resetting default p styling and fixing for special search bar */ #searchline.advanced p{ margin:2px 10px 0px 10px; padding:0px; height:32px; } /*left & right search bar boxes */ #searchline.advanced .left, #searchline.advanced .right{ padding-top: 15px; } /* fixing the links */ #searchline.advanced a{ text-decoration:none; } #searchline.advanced label.querystring{ font-size:24px; font-weight:bold; } #searchline.advanced #querystring{ width:260px; } #searchline.advanced .right, #searchline.advanced .left{ top:12px; padding-right: 0px; padding-left: 0px; } #searchline.advanced .right p{ margin-right: 5px; } #searchline.advanced form label{ font-size:12px; font-weight: normal; } .navscheme2 #searchline {background-color: #c8e7ff} .navscheme3 #searchline {background-color: #c9e2e3} .navscheme4 #searchline {background-color: #ebe2d1} .navscheme6 #searchline {background-color: #e7f2bd} #searchline #searchform #searchoptions {float:left; padding: 0 5px;height:26px; width: 280px; } #searchform #searchoptions div { float: left; width: auto; cursor: pointer; width: auto} #searchform #searchoptions div.active { background-image:url(http://image.lycos.fr/common/searchbox_sel_option.gif); background-position:top center; background-repeat:no-repeat; } #searchform #searchoptions div span { display:block; width:auto; margin-top:6px; padding:0 5px 3px 5px; text-decoration:none; border: none; } #searchform #searchoptions div.active span { background-color:#fff; border-left:1px solid gray; border-bottom:1px solid gray; border-right:1px solid gray; padding:0 4px 1px 4px; } /* ------------------------------------------------------ 3 column styling (content- left, right and center box area) ------------------------------------------------------ */ /* Default settings for the 3 columns containen the 2 box areas and the center area */ #globalcontentleft,#globalcontentright, #globalcontentcenter{ text-align:center; float:left; width:132px; margin-bottom:2px; } /* Overwritting the width of the center area to expand and resetting padding */ #globalcontentcenter{ width:501px; padding:0px; margin:0px; } /* ------------------------------------------------------ Colored plate area styling ------------------------------------------------------ */ /* Container holding the content area below the pageheader "Summer Yellow" used for fallback color if not overwrited */ #globalcontent{ border-left:1px solid #000; border-right:1px solid #000; padding-top: 3px; width:auto; } /* Setting the backgroundcolor dependt on the navscheme */ .navscheme1 #globalcontent{background:#FFCC00;} .navscheme2 #globalcontent{background:#9FD2FF;} .navscheme3 #globalcontent{background:#A7CDD0;} .navscheme4 #globalcontent{background:#DCCEB3;} .navscheme5 #globalcontent{background:#D5E1EA;} .navscheme6 #globalcontent{background:#CEEF53;} .navscheme7 #globalcontent{background:#B0BAD5;} /* ------------------------------------------------------ Center area (content center) styling ------------------------------------------------------ */ /* The area containing the content elements */ #globalcontentcentercontent{ background:#fff; border-left:1px solid #838383; border-right:1px solid #838383; width:auto; } /* The footer below the content elements this creates the rounded cornes on the white content center area box */ #globalcontentcenterfooter{ background-image: url(http://image.lycos.fr/common/contentroundedbottom.gif); height:9px; margin-bottom:3px; overflow:hidden; } /* Footer without nav bars */ #globalcontentcenterfooterlarge { width: auto; background-image: url(http://image.lycos.fr/common/round_b_c.gif); height: 9px; margin: 0 11px; overflow: hidden; } /* mini header without nav bars */ #globalcontentcenterheaderlarge { width: auto; background-image: url(http://image.lycos.fr/common/round_t_c.gif); height: 9px; margin: 0 11px; overflow: hidden; } /* ==================================================== The section header including breadcrumb ==================================================== */ /* Styling for the content center header containing the headline for the channel/section. This is the default styling and should be overwritten by a "local" css file to display the correct background image and similar */ #sectionhead{ width:auto; text-align:left; margin:0px; padding:0px; border:0px; background-position: top left; background-repeat: no-repeat; /* background-color: #fff;*/ } #sectionhead p{ margin:0px 0px 0px 8px; padding:0px; color:#FFFFFF; font-size:30px; /* font-weight:bold;*/ letter-spacing: 1px; line-height:46px; /* height:46px;*/ overflow:hidden; } /* The breadcrumb container below the channel header*/ #globalcontentcenterbreadcrumb{ border-left:1px solid #838383; border-right:1px solid #838383; text-align:right; padding: 0px 9px 5px 9px; color:#666666; width:auto; line-height:15px; font-size:10px; height:15px; overflow:hidden; background-color:#fff; } /* The breadcrumb link styling */ #globalcontentcenterbreadcrumb a, #globalcontentcenterbreadcrumb a.current{ color:#666666; font-size:10px; text-decoration:none; } /* breacrumb styling for the item currently viewed*/ #globalcontentcenterbreadcrumb a.current{font-weight:bold;} /* ------------------------------------------------------ Page Footer ------------------------------------------------------ */ /* Bottom of page */ #globalfooter { background-color:#FFFFFF; border-top:1px solid #000000; border-left: 1px solid #000; border-right: 1px solid #000; padding-top:6px; text-align:center; width:auto; } /* Footer links */ #globalfooter a { color:#666666; text-decoration: none; } /* Highlight */ #globalfooter .highlight { color:#CC0000; font-weight:bold; } /* Copyright text */ #globalcopyright{ font-size:9px; color:#999999; text-align: center; margin-top:5px; } #globalbottomcurve{ background-image: url(http://image.lycos.fr/common/bottomcurve.gif); height:15px; width:767px; overflow:hidden; } /* ------------------------------------------------------ Bar boxes - classes used to generate the bar boxes ------------------------------------------------------ */ /* Creates a box header */ .cbar h3{ font-weight:bold; background-image:url(http://image.lycos.fr/common/boxtop.gif); background-position: top left; margin:0px 3px; text-align:left; padding: 9px 8px 3px 8px; line-height:13px; } .cbar .dog { font-weight:bold; background-image:url(http://image.lycos.fr/common/boxtop_dog.gif); background-position: top left; margin:0px 3px; text-align:left; padding: 9px 8px 3px 8px; line-height:13px; } /* Creates a box containing the bottom - used together with the h3 header*/ .cbar .box { background-image:url(http://image.lycos.fr/common/boxbottom.gif); background-position:bottom left; background-repeat:no-repeat; margin:0px 3px 3px 3px; text-align:left; width:126px; padding-bottom:5px; overflow:hidden; } /* Adding padding to the h3 in nav bars */ .cbar .hr { margin: 0px 10px; } /* menu container */ /* .box .menu{ list-style-type: none; margin:0px 5px 0px 5px; } */ /* menu item styling - creates the dotted line */ /* .box .menu li{ background-image:url(http://image.lycos.fr/common/dot.gif); background-repeat: repeat-x; padding: 3px; } */ /* Submenu container */ /* .box .menu li div ul{ margin:3px 0px 0px 0px; list-style: none; } */ /* Submenu menuitem */ /* .box .menu li div ul li{ background-image: none; margin:0px 0px 5px 0px; padding: 0px; line-height: 12px; } */ /* removing underline on menu item */ /* .box .menu a {text-decoration:none;} */ /* class used for setting a menu item to be active*/ /* .box .menu .active {font-weight:bold;} */ /* Link colors for menu items */ /* .box .menu a:link{color:#000;} .box .menu a:visited{color:#000;} .box .menu a:hover{color:#0000CC;text-decoration: underline;} .box .menu a:active{color:#870101;} /* arrow bullet for menues */ /* .menu li div{ background-image: url(http://image.lycos.fr/common/bullet_arrow.gif); background-position: 0px 5px; background-repeat: no-repeat; padding-left: 10px; line-height:14px; } .menu li ul { font-weight:normal } */ /* menu container */ ul.menu{ list-style-type: none; margin:0px 5px 0px 5px; } /* menu item styling - creates the dotted line */ ul.menu li{ background-image:url(http://image.lycos.fr/common/dot.gif); background-repeat: repeat-x; padding: 3px 3px; } /* Submenu container */ ul.menu li div ul{ margin:3px 0px 0px 0px; list-style: none; } /* Submenu menuitem */ ul.menu li div ul li{ background-image: none; margin:0px 0px 3px 5px; padding: 0px; line-height: 12px; } /* removing underline on menu item */ ul.menu a {text-decoration:none;} /* class used for setting a menu item to be active*/ ul.menu .active {font-weight:bold;} /* Link colors for menu items */ ul.menu a:link{color:#000;} ul.menu a:visited{color:#000;} ul.menu a:hover{color:#0000CC;text-decoration: underline;} ul.menu a:active{color:#870101;} /* arrow bullet for menues */ ul.menu li div{ background-image: url(http://image.lycos.fr/common/bullet_arrow.gif); background-position: 0px 5px; background-repeat: no-repeat; padding-left: 9px; margin-left:3px; line-height:14px; } /* hides all submenus */ ul.menu li ul { font-weight: normal} ul.menu li ul li div {margin-left:-10px} #globalcontentcentercontent ul.menu li{background: none;padding:2px 9px} /* ------------------------------------------------------ Working class' (used for different fixes and generel stuff) ------------------------------------------------------ */ /* used for breaking flows */ .breaker{ overflow:hidden; height:1px; clear:both; } /* removes margin */ .nomargin{margin:0px;} /* inserts a dotted line 1px height, breaks the flow and adds margin if inside content area */ .hr{background-image:url(http://image.lycos.fr/common/dot.gif);height:1px;overflow:hidden;clear:both;margin:0px;padding:0px;} #globalcontentcentercontent .hr{margin: 9px 9px 8px 9px;width:481px;} /* Class' used for floating images around text */ img.left{float:left;margin: 0px 8px 0px 0px} img.right{float:right;margin: 0px 0px 0px 8px} /* ------------------------------------------------------ Buttons ------------------------------------------------------ */ div.button { margin: 2px; } div.button a { height: 20px; margin-top: 0px; padding-bottom: 2px; vertical-align:top; text-decoration: none; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color #000; background-image: url(http://image.lycos.fr/common/buttons/button_center.gif); background-repeat: repeat-x; } div.button a:hover { text-decoration: none; color:#000 } div.button input { background: transparent; background-image: url(http://image.lycos.fr/common/buttons/button_center.gif); cursor: pointer; border: 0; vertical-align: top; height: 20px; } .diapoButton { height: 20px; margin-top: 0px; padding-bottom: 2px; vertical-align:top; text-decoration:none; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color #000000; background-image: url(http://image.lycos.fr/common/buttons/button_center.gif); background-repeat: repeat-x; } .diapoButton:hover { text-decoration:none; color:#000000 } .diapoButton a { height: 20px; margin-top: 0px; padding-bottom: 2px; vertical-align:top; text-decoration:none; font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; color #000000; background-image: url(http://image.lycos.fr/common/button_center.gif); background-repeat: repeat-x; } .diapoButton a:hover { text-decoration:none; color:#000000 } /* ------------------------------------------------------ Class' used for creating columns inside the center content area ------------------------------------------------------ */ /* General Column styling */ .columns1,.columns2,.columns3, .columns2l, .columns2r{ text-align:left; margin:0px 9px; width:481px; } /* 1 Column styling */ .columns1{} /* 2 Column styling - using floating */ .columns2{ background-image: url(http://image.lycos.fr/common/columns2_back.gif); background-repeat: repeat-y; background-position: top center; } .columns2 .col1,.columns2 .col2{ width:231px; float:left; } .columns2 .col1{margin-right: 19px;} /* 2 Column styling small left - using floating */ .columns2l{ background-image: url(http://image.lycos.fr/common/columns2l_back.gif); background-repeat: repeat-y; background-position: top center; } .columns2l .col1{ margin-right: 19px; width:147px; float:left; } .columns2l .col2{ width:315px; float:left; } /* 2 Column styling small right - using floating */ .columns2r{ background-image: url(http://image.lycos.fr/common/columns2r_back.gif); background-repeat: repeat-y; background-position: top center; } .columns2r .col1{ margin-right: 17px; width:315px; float:left; } .columns2r .col2{ width:149px; float:left; } /*3 Column styling - using floating */ .columns3{ background-image: url(http://image.lycos.fr/common/columns3_back.gif); background-repeat: repeat-y; background-position: top center; } .columns3 .col1,.columns3 .col2, .columns3 .col3{ width:147px; float:left; } .columns3 .col2{margin:0px 19px;} /* Maverick Hack */ .columnspan {} .columnspan .col1 { width: 170px; float: left; margin: 0px } .columnspan .columns1 { width:159px } .columnspan .col2 { width: 300px; float: left ; } /* .columnspan .col1 { margin-right: 10px } */ /* David's touch */ .columnshome { margin: 0px; width: 495px; padding-top: 1px; } .columnshome .columns2 { background-image: none; background-repeat: no-repeat; background-position: none; margin: 9px 9px 0px 9px; } .columnshome .col1 { width: 254px; margin: 0px;} .columnshome .col2 { width: 223px; margin: 0px;} .columnshome .img { margin: 10px 5px 10px 4px;} /* / David's touch */ /* ------------------------------------------------------ Full color box ------------------------------------------------------ */ /* color box */ /* default settings for the colorbox */ .colorbox, .colorboxtitle{width:100%;overflow:hidden;} /* colorsettings depending on the navscheme */ .navscheme1 .colorbox, .navscheme1 .navbar .home, .navscheme1 .navbar .previous, .navscheme1 .navbar .next, .navscheme1 .colorboxtitle .cornerstop {background:#FFF3C3;} .navscheme2 .colorbox, .navscheme2 .navbar .home, .navscheme2 .navbar .previous, .navscheme2 .navbar .next, .navscheme2 .colorboxtitle .cornerstop {background:#C8E7FF;} .navscheme3 .colorbox, .navscheme3 .navbar .home, .navscheme3 .navbar .previous, .navscheme3 .navbar .next, .navscheme3 .colorboxtitle .cornerstop {background:#C9E2E3;} .navscheme4 .colorbox, .navscheme4 .navbar .home, .navscheme4 .navbar .previous, .navscheme4 .navbar .next, .navscheme4 .colorboxtitle .cornerstop {background:#EBE2D1;} .navscheme5 .colorbox, .navscheme5 .navbar .home, .navscheme5 .navbar .previous, .navscheme5 .navbar .next, .navscheme5 .colorboxtitle .cornerstop {background:#E4EBF1;} .navscheme6 .colorbox, .navscheme6 .navbar .home, .navscheme6 .navbar .previous, .navscheme6 .navbar .next {background:#DCECA1;} .navscheme7 .colorbox, .navscheme7 .navbar .home, .navscheme7 .navbar .previous, .navscheme7 .navbar .next, .navscheme7 .colorboxtitle .cornerstop {background:#D0D7E7;} .navscheme6 .colorboxtitle .cornerstop {background:#CDEF53;} .colorbox .topleft, .colorboxtitle .topleft, .colorbox .topright, .colorboxtitle .topright, .colorbox .bottomleft, .colorboxtitle .bottomleft, .colorbox .bottomright, .colorboxtitle .bottomright { width:9px; height:9px; line-height:9px; overflow:hidden; } /* inserts the colorbox corners */ .colorbox .topleft, .colorboxtitle .topleft{float:left;background-image:url(http://image.lycos.fr/common/colorbox_topleft.gif);} .colorbox .topright, .colorboxtitle .topright{float:right;background-image:url(http://image.lycos.fr/common/colorbox_topright.gif);} .colorbox .bottomleft, .colorboxtitle .bottomleft{float:left;background-image:url(http://image.lycos.fr/common/colorbox_bottomleft.gif);} .colorbox .bottomright, .colorboxtitle .bottomright{float:right;background-image:url(http://image.lycos.fr/common/colorbox_bottomright.gif);} /* fit's the content into the colorbox */ .colorbox .content, .colorboxtitle .content{margin: 0px 9px;} .colorboxtitle .content{padding: 14px;} /* div containing the corners */ .colorbox .corners, .colorboxtitle .corners { overflow:hidden; height:9px; } .colorboxtitle .cornerstop { height: 25px; line-height: 25px;} /* ------------------------------------------------------ included color box ------------------------------------------------------ */ /* fixed ones */ .inc_box_top { height: 26px; width: auto; font-weight: bold; line-height: 26px; } .inc_box_bottom { height: 15px; width: auto; background-repeat: repeat-x } .inc_box_content { width: auto; padding: 5px; border: 1px solid black; } .inc_box_topleft { float:left; width: 10px; height: 26px; margin-right: -3px} .inc_box_topright { float:right; width: 10px; height: 26px; margin-left: -3px} .inc_box_bottomleft { float:left; width: 10px; height: 15px; margin-right: -3px; overflow: hidden} .inc_box_bottomright { float:right; width: 10px; height: 15px; margin-left: -3px; overflow: hidden} /* navschemes variations */ .navscheme1 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_1.gif); } .navscheme1 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_1.gif); } .navscheme1 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_1.gif); } .navscheme1 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_1.gif); } .navscheme1 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_1.gif); } .navscheme1 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_1.gif); } .navscheme2 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_2.gif); } .navscheme2 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_2.gif); } .navscheme2 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_2.gif); } .navscheme2 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_2.gif); } .navscheme2 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_2.gif); } .navscheme2 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_2.gif); } .navscheme3 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_3.gif); } .navscheme3 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_3.gif); } .navscheme3 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_3.gif); } .navscheme3 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_3.gif); } .navscheme3 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_3.gif); } .navscheme3 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_3.gif); } .navscheme4 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_4.gif); } .navscheme4 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_4.gif); } .navscheme4 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_4.gif); } .navscheme4 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_4.gif); } .navscheme4 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_4.gif); } .navscheme4 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_4.gif); } .navscheme5 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_5.gif); } .navscheme5 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_5.gif); } .navscheme5 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_5.gif); } .navscheme5 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_5.gif); } .navscheme5 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_5.gif); } .navscheme5 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_5.gif); } .navscheme6 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_6.gif); } .navscheme6 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_6.gif); } .navscheme6 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_6.gif); } .navscheme6 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_6.gif); } .navscheme6 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_6.gif); } .navscheme6 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_6.gif); } .navscheme7 .inc_box_top { background-image: url(http://image.lycos.fr/common/inc_box/top_7.gif); } .navscheme7 .inc_box_bottom { background-image: url(http://image.lycos.fr/common/inc_box/bottom_7.gif); } .navscheme7 .inc_box_topleft { background-image: url(http://image.lycos.fr/common/inc_box/top_left_7.gif); } .navscheme7 .inc_box_topright { background-image: url(http://image.lycos.fr/common/inc_box/top_right_7.gif); } .navscheme7 .inc_box_bottomleft { background-image: url(http://image.lycos.fr/common/inc_box/bottom_left_7.gif); } .navscheme7 .inc_box_bottomright { background-image: url(http://image.lycos.fr/common/inc_box/bottom_right_7.gif); } /* ------------------------------------------------------ columns inside a colorbox - restyling ------------------------------------------------------ */ /* 2 columns */ .colorbox .columns2{background-position: -9px} .colorbox .columns2 .col1, .colorbox .columns2 .col2{width:222px} /* 3 columns */ .colorbox .columns3{background-position: -18px} .colorbox .columns3 .col1, .colorbox .columns3 .col3{width:138px} .content{clear:both;width:auto;padding-right:10px;margin:0px 0px 0px 10px;} /* ------------------------------------------------------ Alternative color 50% of light color - used for results splitting in tables and other ------------------------------------------------------ */ /* colorsetting for the alternative color depending on the navscheme */ .navscheme1 .altcol, .navscheme1 .navbar, .navscheme1 .colorboxtitle {background:#FFF9E1;} .navscheme2 .altcol, .navscheme2 .navbar, .navscheme2 .colorboxtitle {background:#E3F3FF;} .navscheme3 .altcol, .navscheme3 .navbar, .navscheme3 .colorboxtitle {background:#E4F0F1;} .navscheme4 .altcol, .navscheme4 .navbar, .navscheme4 .colorboxtitle {background:#F5F0E8;} .navscheme5 .altcol, .navscheme5 .navbar, .navscheme5 .colorboxtitle {background:#F1F5F8;} .navscheme6 .altcol, .navscheme6 .navbar {background:#EDF5D0;} .navscheme7 .altcol, .navscheme7 .navbar, .navscheme7 .colorboxtitle {background:#E6EAF2;} .navscheme6 .colorboxtitle {background:#E2F599;} /* ------------------------------------------------------ Navigation bar below content ------------------------------------------------------ */ .navbar { height: 22px; text-align: center; width:100%; line-height: 22px } .navbar A { text-decoration: none } .navbar .home { float: left; height: 22px; width: 75px } .navbar .previous, .navbar .next { float: right; height: 22px; padding : 0px 15px } .navbar .next, .navbar .previous { border-width: 0 0 0 2px; border-style: solid; border-color: white; height: 22px; } .navbar .home { border-width: 0 2px 0 0; border-style: solid; border-color: white; height: 22px; } /* ------------------------------------------------------ tables inside colorboxes ------------------------------------------------------ */ /* when a table result is used instead of the content div */ .resulttable{width:100%;margin:0px 0px;} .resulttable th {font-size:12px} .resulttable td {text-align:left;padding:3px 9px;} /* ------------------------------------------------------ Paging navigation line ------------------------------------------------------ */ .pagingnavigation{width:100%} .pagingnavigation .left{ float:left; width:20%; text-align:left; } .pagingnavigation .right{ float:right; width:20%; text-align:right; } /* ------------------------------------------------------ boxes with pictures (banner ads) ------------------------------------------------------ */ .cbar .box .square{margin: 8px 0px 0px 0px;width:auto;text-align:center;} .cbar .box .rounded{margin: 3px 0px -7px 0px;width:auto;text-align:center;} /* Additionnal css */ /* Ads vertical separator */ .sep { padding:3px } UL { margin: 0 5px; list-style-type: none; } /*#globalcontentcenter LI { background-image: url(http://image.lycos.fr/common/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px }*/ /* Login box */ .login_box a { text-decoration: none } .login_box #login { width: 100px; margin: 5px 10px } .login_box #password { width: 100px; margin: 0 10px } .login_box #service { width: 100px; margin: 5px 10px} #sectionhead{background-image: url(http://image.lycos.fr/common/contentroundedtop.gif);} .li_hp { background-image: url(http://image.lycos.fr/common/bullet_arrow.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 2px 8px; margin: 0 5px; } /* Header container box */ #globalheader{ background-image: url(http://image.lycos.fr/home/i/header_back.gif); border-left:1px solid #000; border-right:1px solid #000; height:58px; width:auto; position:relative; z-index: 100; } /* Lycos logo - remember height and width! */ #globallogo{ width:204px; height:78px; position:absolute; top:-16px; } /* ------------------------------------------------------ Top Navigation (Tabs and submenu) ------------------------------------------------------ */ /* Box containing the tabs - remember width for IE 4 compliance - Margin used for indenting */ #globaltabs{ position:absolute; right:-12px; bottom:-5px; width:auto; z-index: 100; } /* Background image scheme for the sub menu */ .navscheme1 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_1.gif)} .navscheme2 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_2.gif)} .navscheme3 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_3.gif)} .navscheme4 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_4.gif)} .navscheme5 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_5.gif)} .navscheme6 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_6.gif)} .navscheme7 #globalsubmenu{background-image: url(http://image.lycos.fr/home/i/topnav/submenu_back_7.gif)} /* Preloading hover state - always place before the real backgroundimages*/ #globaltab1{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_1.gif)} #globaltab2{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_2.gif)} #globaltab3{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_3.gif)} #globaltab4{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_4.gif)} #globaltab5{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_5.gif)} #globaltab6{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_6.gif)} #globaltab7{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_7.gif)} /* Background image scheme for the tabs */ .navscheme1 div div #globaltab1{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_1.gif)} .navscheme2 div div #globaltab2{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_2.gif)} .navscheme3 div div #globaltab3{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_3.gif)} .navscheme4 div div #globaltab4{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_4.gif)} .navscheme5 div div #globaltab5{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_5.gif)} .navscheme6 div div #globaltab6{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_6.gif)} .navscheme7 div div #globaltab7{background-image: url(http://image.lycos.fr/home/i/topnav/tab_active_7.gif)} /* hover color */ #globaltab1.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_1.gif)} #globaltab2.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_2.gif)} #globaltab3.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_3.gif)} #globaltab4.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_4.gif)} #globaltab5.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_5.gif)} #globaltab6.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_6.gif)} #globaltab7.tabhover{background-image: url(http://image.lycos.fr/home/i/topnav/tab_hover_7.gif)} /* Default inactive tab background image */ #globaltabs div{background-image: url(http://image.lycos.fr/home/i/topnav/tab_inactive.gif)} /* Tabs Font */ #globaltabs div a{color:#000;line-height:43px;text-decoration:none;} /* Active tab font styling - this is applied on the active tab depending on which navscheme is used */ .navscheme1 #globaltab1 a, .navscheme2 #globaltab2 a, .navscheme3 #globaltab3 a, .navscheme4 #globaltab4 a, .navscheme5 #globaltab5 a, .navscheme6 #globaltab6 a, .navscheme7 #globaltab7 a{font-weight: bold;} /* Box containing the individual tabs */ #globaltabs div{ width:93px; height:40px; overflow:hidden; text-align:center; float:left; } /* Styling of the tab links, using display:block and width to make the whole area clickable, not functional in IE 4, but nice in others */ #globaltabs div a{display:block;} /* The sub menu */ #globalsubmenu { border-left: 1px solid #000; border-right: 1px solid #000; width:auto; margin: 0px; height:29px; position:relative; } #globalsubmenu span{ border-right: 1px solid #000; padding: 0px 9px 0px 7px; } #globalsubmenumore{ position:absolute; right:0px; top:0px; width:auto; border-width: 0 0 0 1px; border-color: black; border-style:solid; } #globalsubmenulinks{ position: absolute; top: 7px; left:0px; width:100%; } /* color for active link in submenu depending on scheme */ .navscheme1 #globalsubmenu a.active{font-weight: bold;background-color: #FFE375;} .navscheme2 #globalsubmenu a.active{font-weight: bold;background-color: #C8E7FF;} .navscheme3 #globalsubmenu a.active{font-weight: bold;background-color: #C8E2E3;} .navscheme4 #globalsubmenu a.active{font-weight: bold;background-color: #EBE3D2;} .navscheme5 #globalsubmenu a.active{font-weight: bold;background-color: #EEF4F8;} .navscheme6 #globalsubmenu a.active{font-weight: bold;background-color: #DCECA1;} .navscheme7 #globalsubmenu a.active{font-weight: bold;background-color: #D0D6E7;} #globalsubmenu a:hover{text-decoration: underline;} http://image.lycos.fr/common/css/large.css /* Large content */ /* Last Modified 25/01/2005 */ #globalcontentcenter { width: 630px; } #globalcontentcenterfooter{ background-image: url(http://image.lycos.fr/common/contentroundedbottom630.gif); } #globalcontentcentercontent .hr { width:608px; margin: 8px 10px 10px 10px; } .columns1, .columns2, .columns3, .columns2l, .columns2r, .columnsevent, .columns4 { margin:0px 10px; width:608px; } .columns2, .columnspan { background-image: url(http://image.lycos.fr/common/columns2_back_xl.gif); } .columns2 .col1, .columnspan .col1 { width:289px; } .columnspan { margin:0px 9px; text-align: left; background-repeat: repeat-y; background-position: top center; } .columnspan .col1 { margin-right: 19px; } .columnspan .hrspan { margin: 8px 10px 10px 10px; background-image: url(http://image.lycos.fr/common/dot.gif); height:1px; overflow:hidden; clear:both; margin: 9px 0; padding:0px; } .columnspan .col1 .hrspan { width: 289px; } .columnspan .col2 .hrspan { width: 300px; } .columnspan .col1 .columns1 { width:289px; margin:0; } .columnspan .col2 .columns1 { margin:0; width:300px; } .columnspan .col2 .columns1 .col1 { width:300px; } .columns2 .col2 { width:300px; } .columns2r { background-image: url(http://image.lycos.fr/common/columns2r_back_xl.gif); } .columns2r .col1 { margin-right: 19px; width:399px; } .columns2r .col2 { width:190px; } .columns2l { background-image: url(http://image.lycos.fr/common/columns2l_back_xl.gif); } .columns2l .col1 { margin-right: 19px; width:190px; } .columns2l .col2 { width:399px; } .columns3{ background-image: url(http://image.lycos.fr/common/columns3_back_xl.gif); } .columns3 .col1, .columns3 .col2, .columns3 .col3 { width: 190px; } .columns4 { background-image: url(http://image.lycos.fr/common/columns4_back_xl.gif); background-position: top center; text-align: left; margin:0px 9px; } .columns4 .col1, .columns4 .col2, .columns4 .col3, .columns4 .col4 { float: left; } .columns4 .col1 { width: 128px; } .columns4 .col2 { width: 134px; margin-left: 5px; } .columns4 .col3 { width: 135px; margin-left: 5px; } .columns4 .col4 { width: 184px; margin-left: 5px; } .columnsevent { background-image: url(http://image.lycos.fr/common/columns_event_back_xl.gif); } .columnsevent { margin: 0 10px; text-align: left; background-repeat: repeat-y; background-position: top center; } .columnsevent .col1 { margin-right: 19px; width: 448px; float: left; } .columnsevent .col2 { width: 141px; float: left; }