body { margin: 0; padding: 0; background: #ffffff no-repeat scroll center top }

#wrapper { position: relative; margin: 0 auto; width: 1024px }
#wrapper img { float: left; border: 0 }

.zero { clear: both }
.home-bg { background: url(../images/bgs/home-bg.jpg) no-repeat }
.tip-list-bg { background: url(../images/bgs/tip-list-bg.jpg) no-repeat }
.tip-steps-bg { background: url(../images/bgs/tip-steps-bg.jpg) no-repeat }
.categories-bg { background: url(../images/bgs/categories-bg.jpg) no-repeat }
.folders-bg { background: url(../images/bgs/folders-bg.jpg) no-repeat }
.folder-bg { background: url(../images/bgs/folder-bg.jpg) no-repeat }
.results-bg { background: url(../images/bgs/results-bg.jpg) no-repeat }

#header { position: relative; height: 55px; padding: 10px 7px }
#windows-live-picture { position: absolute; left: 7px; top: 20px; width: 95px; height: 20px; background: url(../images/windows-live-picture.png) no-repeat }
#tip-header-title { display: block; width: 624px; height: 35px; margin: 0 auto; background: url(../images/tip-header-title.png) no-repeat }
#arborescence { display: block; margin: 6px 0 0 0; font: normal 9px verdana, arial, sans-serif; color: #545255; white-space: nowrap; overflow: hidden }
#arborescence a { color: #545255; text-decoration: none }
#arborescence a:hover { text-decoration: underline }

#wrapper .vspacer { width: 1px!important; height: 100%!important; vertical-align: middle }
#wrapper .inline-block { float: none; display: -moz-inline-stack; display: inline-block }

/* Common block left menu */
#body {  }
#block-left { float: left; width: 176px }
#block-left .header { width: 176px; height: 58px; background: url(../images/menu-left-header.png) no-repeat }
#block-left .search { position: relative; width: 176px; height: 58px }
#block-left .search .bg { width: 176px; height: 58px; background: url(../images/menu-left-search.png) no-repeat }
#block-left .search .content { position: absolute; top: 0; left: 0 }
#block-left .search .text { position: absolute; top: 24px; left: 20px; width: 115px; height: 14px; overflow: hidden }
#block-left .search .text input { position: absolute; font: normal 10px verdana, arial, sans-serif; border: 0; background: transparent  }
#block-left .search input.button { position: absolute; top: 20px; left: 136px; width: 24px; height: 24px; background: url(../images/menu-left-search-button.png) no-repeat }
#block-left .top-links { width: 141px; height: 43px; padding: 0 22px 0 13px; background: url(../images/menu-left-top-links-bg.png) no-repeat }
#block-left .top-links img { position: relative }
#block-left .body { width: 141px; padding: 0 22px 20px 13px; background: url(../images/menu-left-bg.png) repeat-y }
#block-left .body h3 { margin: 0; padding: 8px 0 3px 2px; font: bold 11px arial, helvetica, sans-serif; color: #003f74; letter-spacing: 0 }
#block-left .body ul { margin: 0; padding: 0 0 0 13px; list-style-type: none }
#block-left .body li { margin: 0; padding: 0; font: normal 11px verdana, helvetica, sans-serif; letter-spacing: -1px; line-height: 12px }
#block-left .body li a { color: #003f74; text-decoration: none }
#block-left .body li a:hover { color: #003f74; text-decoration: underline }
#block-left .footer { width: 172px; height: 84px; padding: 16px 0 0 5px; background: url(../images/menu-left-footer.png) no-repeat }
#block-left .footer a { position: relative }

/* Common block tips */
.block-tips { border: 1px solid #c4e1fd }
.block-tips .block-tip { position: relative; width: 258px }
.block-tips .block-tip .block { position: relative }
.block-tips .block-tip .header { width: 236px; height: 23px; padding: 17px 11px 0px 11px; background: url(../images/block-tip-header-bg.png) no-repeat }
.block-tips .block-tip .body { position: relative; width: 258px; height: 80px; font: bold 14px verdana, arial, sans-serif; color: #000000 }
.block-tips .block-tip .body .bg { width: 258px; height: 80px; background: url(../images/block-tip-body-bg.png) repeat-y }
.block-tips .block-tip .body .content { position: absolute; top: 0; left: 0; width: 236px; height: 78px; padding: 0px 11px 2px 11px }
.block-tips .block-tip .body a { color: #000000; text-decoration: none }
.block-tips .block-tip .body .text { width: 235px; vertical-align: middle; text-align: center }
.block-tips .block-tip .footer { width: 218px; height: 40px; padding: 0 0 10px 40px; background: url(../images/block-tip-footer-bg.png) no-repeat }
.block-tips .block-tip .footer a { font: bold 10px verdana, arial, sans-serif; line-height: 12px; vertical-align: middle; letter-spacing: -1px; color: #0582ff; text-decoration: none }
.block-tips .block-tip .footer a:hover { text-decoration: underline }
.block-tips .block-tip .picto { position: absolute; bottom: 14px; right: 24px }
.block-tips .block-tip .shadow { position: absolute; bottom: -6px; left: -10px; width: 284px; height: 39px; background: url(../images/block-tip-shadow.png) no-repeat }
.block-tips .first {  }
.block-tips .last {  }

.block-top-tips { position: relative; width: 302px; height: 181px; font: bold 11px verdana, arial, sans-serif; line-height: 18px }
.block-top-tips .bg { width: 302px; height: 181px; background: url(../images/block-top-tips.png) no-repeat }
.block-top-tips .content { position: absolute; top: 0; left: 0; width: 242px; height: 111px; padding: 35px 30px }
.block-top-tips .content .text { width: 240px; vertical-align: middle }
.block-top-tips a { color: #000000; text-decoration: none }
.block-top-tips a:hover { text-decoration: underline }
.block-top-tips-button { position: absolute; bottom: 3px; left: 26px; width: 249px; height: 33px }
.block-top-tips-button .bg { width: 249px; height: 33px; background: url(../images/block-top-tips-button.png) no-repeat }
.block-top-tips-button a { position: absolute; top: 0; left: 0; display: block; width: 241px; height: 25px; margin: 4px; cursor: pointer }

/* Common block center */
.block-center { float: left; width: 538px; text-align: center }
.block-center img { vertical-align: top }
.block-center span.pngReplaced { vertical-align: top }
.block-center .speech-bubble { width: 390px; height: 46px; margin: 0 auto; padding: 10px 0 0 17px; font: bold 13px verdana, arial, sans-serif; color: #003f74; text-align: center; letter-spacing: -1px; background: url(../images/speech-bubble.png) no-repeat }
.center-wlm-title { width: 260px; height: 30px; background: url(../images/center-wlm-title.png) no-repeat }
.center-tips-title { width: 128px; height: 30px; background: url(../images/center-tips-title.png) no-repeat }
.center-wl-title { width: 160px; height: 30px; background: url(../images/center-wl-title.png) no-repeat }
.center-folders-title { width: 130px; height: 30px; background: url(../images/center-folders-title.png) no-repeat }
.page-switcher { margin: 0 30px 0 0; font: normal 9px verdana, arial, sans-serif; color: #003f74; text-align: right }
.page-switcher a { font-weight: normal!important; color: #003f74!important; text-decoration: none!important }
.page-switcher a:hover { text-decoration: underline!important }
.page-switcher a.current { font-weight: bold!important }

/* Common flagged tip */
.flagged-tips { margin: 5px 0 0 0; text-align: left }
.flagged-tips .title { width: 200px; height: 20px; margin: 0 0 0 30px; background: url(../images/flagged-tip-title.png) no-repeat }
.flagged-tips .blocks { position: relative; width: 518px; height: 161px; margin: 0 0 0 11px }
.flagged-tips .shadow-left { position: absolute; top: 0px; left: -13px; width: 13px; height: 161px; background: url(../images/flagged-tip-shadow-left.png) no-repeat }
.flagged-tips .shadow-right { position: absolute; top: 0px; right: -13px; width: 13px; height: 161px; background: url(../images/flagged-tip-shadow-right.png) no-repeat }
.flagged-tips .arrow-left { position: absolute; top: 46px; left: -12px; width: 18px; height: 17px; padding: 10px 2px; background: url(../images/flagged-tip-arrow-left.png) no-repeat 2px 10px; cursor: pointer }
.flagged-tips .arrow-right { position: absolute; top: 46px; right: -12px; width: 18px; height: 17px; padding: 10px 2px; background: url(../images/flagged-tip-arrow-right.png) no-repeat 2px 10px; cursor: pointer }
.flagged-tips .mask { position: absolute; top: 0; left: 9px; width: 500px; height: 161px; overflow: hidden }
.flagged-tips .container { position: absolute; top: 0; left: -1px; width: 504px; overflow: hidden }
.flagged-tips .block { position: relative; float: left; width: 161px; height: 161px; padding: 0 4px 0 3px }
.flagged-tips a.see { display: block; position: absolute; bottom: 7px; right: 12px; width: 86px; height: 26px; background: url(../images/flagged-tip-see.png) no-repeat; cursor: pointer }

/* Home */
#home { height: 400px; position: relative }
#home .bubble { position: absolute }
#home .bubble-top { top: 0; left: 166px; width: 241px; height: 107px }
#home .bubble-top .bg { width: 241px; height: 107px; background: url(../images/home-bubble-top.png) no-repeat }
#home .bubble-left { top: 93px; left: 0; width: 220px; height: 109px }
#home .bubble-left .bg { width: 220px; height: 109px; background: url(../images/home-bubble-left.png) no-repeat }
#home .bubble-right { top: 94px; left: 317px; width: 220px; height: 104px }
#home .bubble-right .bg { width: 220px; height: 104px; background: url(../images/home-bubble-right.png) no-repeat }
#home .bubble .picto { position: absolute; top: 11px; left: 17px }
#home .bubble .desc { position: absolute; top: 11px; left: 75px; width: 155px; height: 52px; font: bold 10px verdana, arial, sans-serif; line-height: 13px; text-align: left }
#home .bubble .desc-container { vertical-align: middle }
#home .bubble a.link { position: absolute; z-index: 1; top: 68px; right: 4px; width: 123px; height: 21px }

/* tip Steps */
#tip-steps { width: 510px; margin: 15px 0 14px 0; padding: 0 10px 0 18px;  }
#tip-steps h2 { margin: 0; padding: 8px 0 0 0; text-align: justify; font: normal 19px verdana, arial, sans-serif; color: #000000 }
#tip-steps h4 { margin: 0; padding: 15px 0 5px 0; text-align: justify; font: normal 11px verdana, arial, sans-serif; color: #000000 }
#tip-steps .step-block { border: 0 }
#tip-steps .step-block .picture { padding: 4px 0 }
#tip-steps .step-block .picture .border-top { overflow: hidden; width: 258px; height: 4px; background: url(../images/step-picture-border-top.png) no-repeat }
#tip-steps .step-block .picture .bg { overflow: hidden; width: 254px; padding: 0 0 0 4px; background: url(../images/step-picture-bg.png) repeat-y }
#tip-steps .step-block .picture .bg a { display: block; position: relative }
#tip-steps .step-block .picture .bg img { display: block; float: none }
#tip-steps .step-block .picture .border-bottom { overflow: hidden; width: 258px; height: 4px; background: url(../images/step-picture-border-bottom.png) no-repeat }
#tip-steps .step-block .text { width: 237px; padding: 0 0 0 15px; vertical-align: middle; text-align: justify; font: normal 12px verdana, arial, sans-serif; color: #003f74 }
#tip-steps .bottom-links { float: right; text-align: right; margin: 30px 0 0 0 }
#tip-steps .bottom-links a { font: normal 12px verdana, arial, sans-serif; color: #003f74; text-decoration: underline }

/* tip List */
#tip-list { margin: 15px 0 14px 0 }
#tip-list a { font: bold 9px verdana, arial, sans-serif; color: #003f74; text-decoration: none }
#tip-list .block ul { min-height: 180px; margin: 20px 30px 0 99px; padding: 0 0 0 20px; border-left: 1px solid #c4e1fd; text-align: left; list-style: none }
#tip-list .block li { line-height: 20px; padding: 0 0 0 10px; background: url(../images/tip-list-arrow.png) no-repeat 0 9px }
#tip-list .block a:hover { text-decoration: underline }

/* Categories */
#categories { margin: 15px 0 14px 0 }
#categories .cat-list { min-height: 180px; margin: 15px 0 10px 0 }
#categories .cat-title { clear: both; float: left; width: 202px; height: 60px; padding: 0 10px; border-right: 1px solid #c4e1fd; font: normal 18px verdana, arial, sans-serif; color: #fa3e0f; text-align: right }
#categories .cat-title a { color: #fa3e0f; text-decoration: none }
#categories .cat-links { float: left; width: 295px; height: 60px; padding: 0 0 0 20px; font: bold 11px verdana, arial, sans-serif; color: #003f74; text-align: left }
#categories .cat-links ul { margin: 0; padding: 0; list-style: none }
#categories .cat-links li { line-height: 13px; padding: 0 0 0 11px; background: url(../images/category-arrow.png) no-repeat 0 3px }
#categories .cat-links li a { color: #003F74; text-decoration: none }
#categories .cat-links li a:hover { color: #003F74; text-decoration: underline }
#categories .cat-all-tips { margin: 5px 0 0 11px }
#categories .cat-all-tips a { font: italic 11px verdana, arial, sans-serif; color: #003f74; letter-spacing: -1px; text-decoration: none }
#categories .cat-all-tips a i { font-weight: bold; color: #3c9af9; text-decoration: underline }


/* Folders */
#folders { margin: 15px 0 14px 0 }
#folders .folder-list { height: 384px; margin: 15px }
#folders .folder-pic { clear: both; float: left; width: 146px; height: 114px; padding: 7px; background: url(../images/folders-pic-bg.png) no-repeat }
#folders .folder-pic img { width: 146px; height: 114px }
#folders .folder-desc { position: relative; float: left; width: 318px; height: 118px; padding: 5px 15px; font: normal 11px verdana, arial, sans-serif; color: #000000; text-align: justify }
#folders .folder-desc h3 { margin: 0 0 3px 0; padding: 0; font-size: 12px; color: #003f74 }
#folders a.see { display: block; position: absolute; bottom: 7px; right: 14px; width: 105px; height: 20px; background: url(../images/folders-see.png) no-repeat; cursor: pointer }

/* Folder */
#folder { margin: 10px 0 }
#folder .content { margin: 0 20px 0 20px; font: normal 10px verdana, arial, sans-serif; color: #003f74; text-align: justify }
#folder h2 { margin: 10px 0 25px 0; padding: 0; font: normal 19px verdana, arial, sans-serif; color: #000000; text-align: center; }
#folder .table-content { margin: 25px 0 45px 0; padding: 0; font: normal 12px verdana, arial, sans-serif; color: #000000 }
#folder .table-content a { color: #000000; text-decoration: underline }
#folder h3 { margin: 10px 0; padding: 0; font: bold 12px verdana, arial, sans-serif; color: #003f74; text-align: justify; }
#folder .pic { margin: 10px }
#folder .pic table { width: 10%; margin: 0 auto }
#folder .pic table .border-top-left { width: 7px; height: 7px; background: url(../images/folder-pic-border-top-left.png) no-repeat }
#folder .pic table .border-top-left div { width: 7px; height: 7px; overflow: hidden }
#folder .pic table .border-top { height: 7px; background: url(../images/folder-pic-border-top.png) repeat-x }
#folder .pic table .border-top-right { width: 7px; height: 7px; background: url(../images/folder-pic-border-top-right.png) no-repeat }
#folder .pic table .border-left { width: 7px; background: url(../images/folder-pic-border-left.png) repeat-y }
#folder .pic table img { display: block; float: none }
#folder .pic table .border-right { width: 7px; background: url(../images/folder-pic-border-right.png) repeat-y }
#folder .pic table .border-bottom-left { width: 7px; height: 7px; background: url(../images/folder-pic-border-bottom-left.png) no-repeat }
#folder .pic table .border-bottom { height: 7px; background: url(../images/folder-pic-border-bottom.png) repeat-x }
#folder .pic table .border-bottom-right { width: 7px; height: 7px; background: url(../images/folder-pic-border-bottom-right.png) no-repeat }
#folder .pic table .border-bottom-right div { width: 7px; height: 7px; overflow: hidden }
#folder .pic table .legend { font-size: 9px; text-align: left }
#folder .link2top { float: right }
#folder .link2top a { font-size: 9px; color: #003f74; text-decoration: underline }
#folder .bottom-content { margin: 10px 0 0 23px; font: bold 9px verdana, arial, sans-serif; line-height: 22px; color: #003f74; text-align: left }
#folder .bottom-content .column { float: left; width: 48% }
#folder .folder-objective { width: 478px; height: 125px; padding: 34px 0 0 26px; background: url(../images/folder-objective.png) no-repeat }
#folder .folder-needed { width: 478px; height: 62px; padding: 30px 0 0 26px; background: url(../images/folder-needed.png) no-repeat }
#folder .folder-difficulty { width: 476px; height: 32px; padding: 26px 0 0 28px; background: url(../images/folder-difficulty.png) no-repeat }

#search { margin: 15px 0 14px 0; padding: 0 20px; text-align: left }
#search .title { width: 280px; height: 26px; margin: 32px 0 23px 0; padding: 0; background: url(../images/results-title.png) no-repeat }
#search .results { margin: 23px 0; }
#search .results .result { margin: 15px 0; font: normal 11px verdana, helvetica, sans-serif }
#search .results .result h3 { margin: 0; padding: 0; font: bold 15px verdana, helvetica, sans-serif }
#search .results .result h3 a { color: #003f74; text-decoration: none }
#search .results .result .quote { }
#search .results .result .link { }
#search .results .result .link a { color: #008000; text-decoration: none }
#search .results .result .link a:hover { text-decoration: underline }

#search .sb_pag { margin: 10px 3px; font: normal 13px arial, helvetica, sans-serif }
#search .sb_pag a { float: left; margin: 0 5px 0 0; padding: 4px 9px; border: 1px solid #cccccc; color: #003f74; text-align: center; text-decoration: none; cursor: pointer }
#search .sb_pag a:hover, #search .sb_pag a.sb_pagS { background: #f0f7e8; border: 1px solid #83bc46 }
#search .sb_pag a.sb_pagS { color: #333333 }
#search .sb_pag a.sb_pagN { padding: 3px 8px; border: 0; font: bold 16px arial, helvetica, sans-serif; text-decoration: underline }
#search .sb_pag a.sb_pagN:hover { background: none; border: 0 }
#search .sw_box { margin: 10px 0 }
#search .sw_b3 { float: left; border: 1px solid #f0f0f0 }
#search .sw_b2 { float: left; border: 1px solid #e3e3e4 }
#search .sw_b1 { float: left; border: 1px solid #b0b8be }
#search input.sw_qbox { width: 360px; padding: 5px; border: 1px solid white; font-size: 15px; color: #333333; vertical-align: middle }
#search input.sw_qbtn { width: 24px; height: 24px; margin: 3px; padding: 0; background: #549c00 url(../images/search-button.gif) no-repeat; border: 0; cursor: pointer; vertical-align: middle }

#block-right { float: right; width: 308px; padding: 45px 0 0 0 }
#block-right .video-block {  }
#block-right .video-block .border-top { overflow: hidden; width: 308px; height: 7px; background: transparent url(../images/video-border-top.png) no-repeat }
#block-right .video-block .header { width: 308px; height: 23px; background: transparent url(../images/video-header.png) no-repeat }
#block-right .video-block .bg { width: 300px; padding: 0 0 0 8px; background: transparent url(../images/video-bg.png) repeat-y }
#block-right .video-block .border-bottom { width: 308px; height: 7px; background: transparent url(../images/video-border-bottom.png) no-repeat }

/* Msn video code correction */
#player1_pobj { float: left; display: block }

#block-right .adv-block-title { width: 300px; margin: 10px 0 0 8px; font: normal 10px arial, helvetica, sans-serif; text-align: center }
#block-right .adv-block { width: 300px; height: 250px; margin: 0 0 0 8px }
#block-right .other-tips-block { position: relative; width: 321px; height: 125px; margin: 10px 0 0 -12px; line-height: 12px; font: normal 12px verdana, arial, sans-serif }
#block-right .other-tips-block .bg { width: 321px; height: 125px; background: transparent url(../images/other-tips-block.png) no-repeat }
#block-right .other-tips-block .content { position: absolute; top: 0; left: 0; padding: 17px 0px 0px 20px; }
#block-right .other-tips-block .title { padding: 0 0 0 20px; font: bold 15px arial, helvetica, sans-serif; color: #3c9af9 }
#block-right .other-tips-block a { font: bold 12px verdana, arial, sans-serif; color: #003f74; text-decoration: none }
#block-right .other-tips-block a:hover  { text-decoration: underline }
#block-right .other-tips-block .other-tips { margin: 4px 0 0 30px; }
#block-right .other-tips-block .all-tips { margin: 4px 0 0 42px }
#block-right .other-tips-block .all-tips a { font: italic 12px verdana, arial, sans-serif; color: #003f74; letter-spacing: -1px; text-decoration: none }
#block-right .other-tips-block .all-tips a i { font-weight: bold; color: #3c9af9; text-decoration: underline }
#block-right .other-tips-block .all-tips a:hover { text-decoration: none }
#block-right .block-tips { width: 275px; margin: 8px 0 0 8px; padding: 0 0 0 23px }
#block-right .block-tips .block-tip { margin: 7px 0 0 0 }
#block-right .block-tips .first { margin: 0 }
#block-right .block-top-tips { margin: 3px 0 0 6px }

#block-bottom { width: 847px; float: left }
#block-bottom .block-tips { width: 840px; height: 170px; margin: 3px 0 0 5px }
#block-bottom .block-tips .block-tip { float: left; margin: 0 21px 0 0 }
#block-bottom .block-tips .first { margin: 0 21px 0 0; padding: 0 0 0 3px }
#block-bottom .block-tips .last { margin: 0 }

#block-links { margin: 0 5px 50px 180px; font: normal 10px verdana, arial, sans-serif; color: #003f74 }
#block-links td { vertical-align: top }
#block-links td.left { width: 60% }
#block-links td.right { width: 40% }
#block-links td.left div { width: 420px; margin: 0 0 20px 0; padding: 0 }
#block-links td.right div { width: 333px; margin: 0 0 20px 0; padding: 0 }
#block-links h3 { height: 13px; margin: 0; padding: 0 5px 7px 5px; border-bottom: 1px solid #003f74; font: normal 10px verdana, arial, sans-serif }
#block-links ul { margin: 0; padding: 5px; list-style-type: none }
#block-links li { margin: 0; padding: 0; font: normal 10px verdana, arial, sans-serif; color: #003f74 }
#block-links li a { color: #003f74; text-decoration: none }
#block-links li a:hover { text-decoration: underline }
#block-links li span.short-desc { display: block; margin: 0 0 0 10px; color: #000000 }
#block-links .button-all-tips { position: relative; clear: both; width: 249px; height: 33px; margin: 10px auto 20px; padding: 0; text-align: center }
#block-links .button-all-tips .bg { width: 249px; height: 33px; background-repeat: no-repeat }
#block-links .button-all-tips .show { background-image: url(../images/button-show-all-tips.png) }
#block-links .button-all-tips .hide { background-image: url(../images/button-hide-all-tips.png) }
#block-links .button-all-tips a { display: block; position: absolute; top: 0; left: 0; width: 241px; height: 25px; margin: 4px; cursor: pointer }

#footer { padding: 25px 0 15px 0 }
#footer .menu { float: right; margin: 0 30px 0 0 }
#footer .menu a { font: normal 9px verdana, arial, sans-serif; color: #000000; text-decoration: underline }
#footer .menu img { position: relative; top: -5px }
#footer .menu * { float: none; vertical-align: middle }

#credits { display: none; position: absolute; top: 85px; left: 300px; width: 326px; height: 493px }