/********************** reset default browser style **********************/ /* Reset unneeded margins and paddings */ html, body, form, fieldset { margin: 0; padding: 0; } /* Vertical margins */ h1, h2, h3, h4, h5, h6, p { margin: 1em 0 0 0; padding: 0; } /* top */ ul, ol, dl { margin: 0 0 1em; padding: 0; } /* bottom */ pre, blockquote, address { margin: 1em 0; padding: 0; } /* top & bottom */ li { margin: 0; padding: 0; } /* none */ /* Left margin */ li, dd, blockquote { margin-left: 1em; } /* Page colors (background and text) */ body { background: white; color: black; } /* Page main font */ h1, h2, h3, h4, h5, h6, p, li, dd, dt, th, input, textarea, select, label { font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; } h1 { font-size: 16px; font-weight: bold; } h2 { font-size: 14px; font-weight: bold; } h3 { font-size: 12px; font-weight: bold; } /* Links: underlined only when hovered */ a { text-decoration: none; } a:hover { text-decoration: underline; } /* Images without borders when used as links */ a img { border: 0; } /* Labels have 'hand' as mouse pointer */ label { cursor: pointer; } /********************** /reset default browser style *********************/ /** General styles **/ #container { margin: 0 auto 0; width: 900px; background: white; } #header { background: white url('img/bgSidesHeader.png') repeat-y;} #header #headerWrapper { /*background: url('img/easter/5eggs.png') 226px 113px no-repeat;*/ } #header #banner { height: 95px;} #header #banner #arboMedia { float: right; margin-right: 5px; width: 728px; } #header a#copilulMeuLogo { display: block; float: left; margin: 10px 0 0 5px; width: 212px; height: 72px; background: url('img/copilulMeuLogo.png') no-repeat; outline: none; } #header #topMenu { float: right; display: inline; margin: 50px 7px 0 0; height: 43px; width: 658px; } #header #topMenu #sep { float: right; width: 50px; height: 43px; background: transparent url('img/menuBtnSepBg.gif') bottom left no-repeat; } #header #topMenu a { float: right; display: block; text-decoration: none; cursor: pointer; } #header #topMenu a span { display: block; float: left; height: 43px; font: 11px Tahoma, Arial, Verdana, sans-serif; } #header #topMenu a span.left { width: 6px; background: url('img/menuBtnLeft.png') no-repeat; } #header #topMenu a span.center { padding: 6px 3px 0; height: 37px; background: url('img/menuBtnBg.png') repeat-x; cursor: pointer; color: white; } #header #topMenu a span.right { width: 4px; background: url('img/menuBtnRight.png') no-repeat; } #header #topMenu a.sel span.left { background: url('img/menuBtnLeft.png') 0 -86px no-repeat; } #header #topMenu a.sel:hover span.left { background: url('img/menuBtnLeft.png') 0 -86px no-repeat; } #header #topMenu a:hover>span.left { background: url('img/menuBtnLeft.png') 0 -43px no-repeat; } /* Hack for IE6 */ #header #topMenu a.sel span.center { background: url('img/menuBtnBg.png') 0 -86px repeat-x; color: #1a77d7; } #header #topMenu a.sel:hover span.center { background: url('img/menuBtnBg.png') 0 -86px repeat-x; color: #1a77d7; } #header #topMenu a:hover>span.center { background: url('img/menuBtnBg.png') 0 -43px repeat-x; } /* Hack for IE6 */ #header #topMenu a.sel span.right { background: url('img/menuBtnRight.png') 0 -86px repeat-x; color: #1a77d7; } #header #topMenu a.sel:hover span.right { background: url('img/menuBtnRight.png') 0 -86px repeat-x; color: #1a77d7; } #header #topMenu a:hover>span.right { background: url('img/menuBtnRight.png') 0 -43px no-repeat; } /* Hack for IE6 */ #header #topMenu #finish { float: right; width: 7px; height: 43px; background: url('img/bgTopMenu.png') no-repeat;} #body { width: 894px; padding: 0 3px; background: white url('img/bgSides.png') repeat-y; } #body #left { float: left; width: 173px; } #body #left #club { width: 173px; height: 96px; background: white url('img/tabClub.png') no-repeat; } #body #left #clubRecipe { width: 173px; height: 96px; background: url('img/bgLeftClubRec.jpg') no-repeat; } #body #left div.submenu { background: url('img/bgLeft.jpg') repeat-y; } #body #left #login { padding-top: 13px; /* IE7 Workaround */ } #body #left #login table { border-collapse: collapse; width: 155px; margin: 0px auto; } #body #left #login table td { padding: 0; } #body #left #login table td label { font: 14px Tahoma; } #body #left #login table td input.inputText { width: 100px; } #body #left #login table td #btnLogin { border-top: 1px solid #228b22; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #228b22; margin-top: 1px; background: #2f4f4f; font: bold 11px Tahoma; color: yellow; cursor: pointer; } #body #left #login a#newMember { display: block; border-top: 1px solid black; width: 120px; margin: 7px auto; padding: 10px 10px 0 10px; text-align: center; font: 11px Tahoma; color: #000050; } #body #left #login a#newMember:hover { color: black; } #body #left #signedIn p { font: 11px "Trebuchet MS"; margin: 0 0 0 10px; color: #002753; } #body #left #signedIn p.strong { font-weight: bold; text-align: center; } #body #left #signedIn table { margin-left: 15px } #body #left #signedIn a { display: inline; float: left; padding-left: 14px; margin: 5px 0 10px; font: 11px "Trebuchet MS"; color: #002753; } #body #left #signedIn a#myquestions { background: url('img/icoWhat.gif') no-repeat; } #body #left #signedIn a#myalbum { background: url('img/icoFrame.gif') no-repeat; } #body #left #signedIn a#myrecipe { background: url('img/icoChef.gif') no-repeat; } #body #left #signedIn a#profile { background: url('img/icoProfile.gif') no-repeat; } #body #left #signedIn a#logout { background: url('img/icoLogOut.gif') no-repeat; } #body #left #askMenu {} #body #left #askMenu #askWrapper { padding: 7px; } #body #left #askMenu div#vertical { background: url('img/intreaba.gif') 13px 3px no-repeat; } #body #left #askMenu div#vertical:hover { background-image: url('img/intreabaRed.gif'); } /* IE6 doesn't know div:hover */ #body #left #askMenu div#vertical a { padding: 1px 0 1px 25px; text-indent: 0; } #body #left #poll {} #body #left #poll #pollVote h3 { margin-top: 0; text-align: center; color: #002753; } #body #left #poll #pollVote table { border-collapse: collapse; margin: 5px; } #body #left #poll #pollVote table td { padding: 0; } #body #left #poll #pollVote table td.box { width: 25px; } #body #left #poll #pollVote table td.label label { display: block; padding-left: 5px; margin: 1px 0; min-height: 20px; line-height: 15px; color: #002753; } #body #left #poll #pollVote label.vb1 { border-left: 4px solid #159c00; } #body #left #poll #pollVote label.vb2 { border-left: 4px solid #f8d700; } #body #left #poll #pollVote label.vb3 { border-left: 4px solid #000cf8; } #body #left #poll #pollVote label.vb4 { border-left: 4px solid #f80000; } #body #left #poll #pollVote label.vb5 { border-left: 4px solid #00e0e0; } #body #left #poll #pollVote label.vb6 { border-left: 4px solid #b73cff; } #body #left #poll #pollVote label.vb7 { border-left: 4px solid #551313; } #body #left #poll #pollVote label.vb8 { border-left: 4px solid #ff68d8; } #body #left #poll #pollVote label.vb9 { border-left: 4px solid #a1a1a1; } #body #left #poll #pollVote label.vb10 { border-left: 4px solid #ff8600; } #body #left #poll #pollVote div#btnSubmit { width: 70px; margin: auto; } #body #left #poll #pollVote div#btnSubmit input { border-top: 1px solid #ffbbbb; border-right: 1px solid #7e1b1b; border-bottom: 1px solid #7e1b1b; border-left: 1px solid #ffbbbb; background: #dd0000; color: white; cursor: pointer; } #body #left #poll #pollVote div#pollOther { width: 70px; margin: auto; text-align: center; } #body #left #poll #pollVote div#pollOther a { font: 9px Verdana, Tahoma, Arial, sans-serif; color: #002753; } #body #left #poll #pollResults { margin-bottom: 10px; } #body #left #poll #pollResults #nbVotes { float: left; display: inline; padding: 0 2px; margin: 0; font-size: 10px; } #body #left #poll #pollResults #pollBars { float: left; width: 112px; } #body #left #poll #pollResults .pollVoteBar { margin: 0 0 2px 0; height: 4px; font-size: 1px; } #body #left #poll #pollResults div.vb1 { border-left: 2px solid #159c00; background: #159c00; } #body #left #poll #pollResults div.vb2 { border-left: 2px solid #f8d700; background: #f8d700; } #body #left #poll #pollResults div.vb3 { border-left: 2px solid #000cf8; background: #000cf8; } #body #left #poll #pollResults div.vb4 { border-left: 2px solid #f80000; background: #f80000; } #body #left #poll #pollResults div.vb5 { border-left: 2px solid #00e0e0; background: #00e0e0; } #body #left #poll #pollResults div.vb6 { border-left: 2px solid #b73cff; background: #b73cff; } #body #left #poll #pollResults div.vb7 { border-left: 2px solid #551313; background: #551313; } #body #left #poll #pollResults div.vb8 { border-left: 2px solid #ff68d8; background: #ff68d8; } #body #left #poll #pollResults div.vb9 { border-left: 2px solid #a1a1a1; background: #a1a1a1; } #body #left #poll #pollResults div.vb10 { border-left: 2px solid #ff8600; background: #ff8600; } #body #left #cards #cardsWrapper { padding: 30px 7px; } #body #left #talksWrapper { padding: 10px 7px 5px; } #body #left #talksWrapper p { margin-top: 0; text-align: center; font-weight: bold; font-size: 12px; color: #002753; } #body #left #talksWrapper ul { margin-top: 10px; } #body #left #talksWrapper ul li { position: relative; text-align: left; margin-bottom: 3px; z-index: 50; } #body #left #talksWrapper ul li a.talkTopic { color: #002753; text-align: left; } #body #left #talksWrapper ul li>a.talkTopic { display: block; } /* IE6 Hack */ #body #left #talksWrapper ul li a.tooltip { display: none; position: absolute; top: 0px; left: 135px; border: 1px solid #3561a7; padding: 5px 15px 10px; width: 310px; background: #fff6dd; text-decoration: none; } #body #left #talksWrapper ul li a.tooltip p { font-weight: normal; text-align: left; } #body #left #talksWrapper ul li a.tooltip p.ttime, #body #left #talksWrapper ul li a.tooltip p.tthread { font-size: 11px; } #body #left #talksWrapper ul li a.tooltip p.tpost { margin-top: 10px; } #body #left #talksWrapper ul li a.tooltip p.tpost span.quot { font-weight: bold; } #body #left #talksWrapper ul li a.tooltip p.tteaser { margin-top: 10px; text-align: right; font-size: 10px; font-style: italic; font-weight: bold; } #body #left #talksWrapper ul li a.tooltip p.tteaser:hover { text-decoration: underline; } #body #left #recipesBox #recipeWrapper { padding: 10px 7px 30px; } #body #left #recipesBox #recipeWrapper li, #body #left #recipesBox #recipeWrapper li a { color: #002753; } #body #left #arc { width: 173px; height: 116px; background: url('img/arc.jpg'); } #body #left #copy table { height: 100%; } #body a.btnLeftMenu { display: block; text-indent: 15px; background: url('img/dotRed.gif') 0 5px no-repeat; font: bold 14px Arial; text-decoration: none; color: #002753; } #body a.btnLeftMenu:hover { background-image: url('img/dotBlue.gif'); color: #cc0000; } #body #main { float: left; padding-top: 7px; width: 721px; background: white; } #body #main #submenuWrapper { float: right; height: 30px; width: 561px; } #body #main #submenuWrapper ul#submenu { position: relative; z-index: 100; float: left; width: 365px; height: 25px; padding: 0; margin: 0; list-style: none; } #body #main #submenuWrapper a { display: block; padding: 0 8px 0 18px; text-align: center; font: 11px/20px bold Arial, Verdana, Tahoma, sans-serif; color: #002753; text-decoration: none; cursor: pointer; outline: none; } #body #main #submenuWrapper a:hover { color: black; } #body #main #submenuWrapper li { float: left; margin: 0; /* width needed or else Opera goes nuts */ } #body #main #submenuWrapper li ul { position: absolute; border: 1px solid #002753; list-style-type: none; width: 120px; background: white; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #body #main #submenuWrapper li ul a { padding-left: 10px; width: 102px; text-align: left; } #body #main #submenuWrapper li ul a:hover { color: white; background: #6493c9; } #body #main #submenuWrapper li ul li { width: 120px; border: 0; } #body #main #submenuWrapper li:hover ul, #body #main #submenuWrapper li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #footer { width: 894px; padding: 0 3px; background: white url('img/bgSides.png') repeat-y; } #footer #footerLeft { float: left; width: 173px; height: 50px; background: url('img/bgFooterLeft.png') top right no-repeat; } #footer #footerLeft #extra { position: relative; top: -60px; left: 10px; } #footer #footerLeft #extra #trafic { margin-left: 20px; } #footer #footerLeft #extra span { display: block; font: 10px Tahoma; } #footer #footerLinks { float: left; width: 713px; height: 20px; padding-top: 30px; background: url('img/bgFooterRight.jpg') bottom left no-repeat; font: 11px Tahoma; text-align: center; } #footer #footerLinks a { font: 11px Tahoma; color: #000050; } #footer #footerLinks a:hover { color: black; } div.subMenuWrapper { } div.userBtns { float: left; margin: 10px 0 0; display: inline; /* IE6 Hack */ width: 510px; } div.userBtns a { float: left; } a.userBtn { display: block; margin: 0 1px; color: #0d4a6a; text-decoration: none; cursor: pointer; } a.userBtn:hover, a.sel { color: red; text-decoration: none; } a.disabled, a.disabled:hover { color: #999999; } a.disabled img { filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } a.userBtn span { display: block; float: left; height: 18px; } a.userBtn span.left { width: 5px; background: url('img/userBtnLeft.gif') no-repeat; } a.userBtn img { float: left; padding: 0 4px; } a.userBtn span.center { height: 18px; background: url('img/userBtnBg.png') repeat-x; cursor: pointer; font: 10px/19px "Arial Black", Arial, sans-serif; } a.userBtn span.right { width: 11px; background: url('img/userBtnRight.gif') no-repeat; } div.thisUsersActions { margin: 5px auto 5px; width: 274px; } div.thisUsersFPs{ margin: 15px 0 15px 100px; width: 310px; } #searchBox { position: relative; float: right; display: inline; /* IE6 Hack */ /*margin-top: 10px; /**/ width: 180px; } div#inputSearch { float: left; width: 130px; height: 20px; background: url('img/inputSearch.png') top right no-repeat; } input#inputSearch { border: 0; padding: 0; margin-left: 4px; width: 122px; height: 14px; line-height: 18px; } div#btnSearch { float: left; width: 33px; height: 20px; background: url('img/btnSearch.png') no-repeat; } input#btnSearch { border: 0; width: 33px; height: 18px; background: transparent; cursor: pointer; } img#btnExpand { float: left; margin: 5px 0 0 2px; cursor: pointer; } img#btnCollapse { display: none; float: left; margin: 5px 0 0 2px; cursor: pointer; } div#searchTooltip { display: none; position: absolute; right: 0; width: 280px; height: 190px; border: 1px solid #002753; background: #eeffff; z-index: 99; } div#searchTooltip table { margin: 20px auto; } div#searchTooltip table td input#btnSearchMore { border: 0; margin-left: 110px; width: 68px; height: 18px; background: url('img/ask/cauta.gif') no-repeat; cursor: pointer; } body { background: #e3fbff url('img/bgPage.jpg'); } .clear { clear: both; font-size: 1px; line-height: 1px; } a { outline: none; color: black; } table tr td span { font: 11px Verdana, Helvetica, Tahoma, sans-serif; } div.back { width: 83px; margin: 70px auto 20px; } div.recommend { width: 247px; margin: 60px auto; } h1.accessDenied { text-align: center; color: red; } .error { text-align: center; color: red; font-weight: bold; } .ok { text-align: center; color: green; font-weight: bold; } .success { text-align: center; } .center { text-align: center; } .red { color: red; } .italic { font-style: italic; } div.centerBox { padding: 0 15px; } div#pleaseLogin { border: 2px solid red; padding: 20px; margin: 20px auto; width: 460px; background: url('img/attention.png') 15px 20px no-repeat; } div#pleaseLogin p#warning { margin-left: 60px; color: red; font-weight: bold; } div#pleaseLogin p#signup { margin-left: 60px; } div#pleaseLogin p#signup a { font-weight: bold; color: #002753; } .blue { color: #002753; } .lightblue { color: #26567e; } .lighterblue { color: #f2ffff; } a.btnBack { margin-left: 5px; padding-left: 15px; background: url('img/btnBack.gif') no-repeat; color: #002753; font: 11px bold Verdana, Tahoma, sans-serif; } p.state { border-top: 1px solid #002753; border-bottom: 1px solid #002753; padding: 3px; margin: 10px 20px; text-align: center; color: #002753; font-weight: bold; } p.stateError { border-top: 1px solid #002753; border-bottom: 1px solid #002753; padding: 3px; margin: 10px 20px; text-align: center; color: red; font-weight: bold; } div#starRating img { float: left; display: inline; margin: 1px; } a.notAnAnchor { font: 11px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; text-decoration: none; cursor: default; outline: none; } /** Index.php **/ #main #center { float: left; padding: 20px; width: 460px; } #main #center #arboMedia2 { width: 300px; margin: 0 auto 30px; } #main #center .box { background: url('img/notepad.jpg') 25px 85px no-repeat; } #main #center .box h1, #main #center .box div#teaser { padding-left: 30px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align : justify; } #main #center .box h1 { font-weight: bold; } #main #center .box div#teaser { margin-top: 20px; font-style:italic; text-indent: 25px; } #main #center .box a.more { margin-left: 320px; font: 11px Tahome; color: #cc4400; } #main #center .box a.more:hover { color: #ff0033 } #main #center .about { margin-top: 10px; } #main #center .about p { padding-left: 40px; margin-top: 0; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align : justify; text-indent: 25px; } #main #sidebar { float: left; width: 218px; } #main #sidebar table#childPhoto { border-collapse: collapse; } #main #sidebar table#childPhoto tr { vertical-align: top; } #main #sidebar table#childPhoto td { padding: 0; } #main #sidebar table#childPhoto td#title { padding-top: 11px; } #main #sidebar table#childPhoto td#img { height: 118px; } #main #sidebar table#childPhoto td span { display: block; font: 11px Tahoma; color: #0c2348; text-align: center; } #main #sidebar p#sendImg { padding: 0 10px 0 65px; font: 11px Tahoma; background: url('img/smallPic2.jpg') 0 6px no-repeat; } #main #sidebar p#sendImg a { font: 11px Tahoma; color: #0c2348; } #main #sidebar h2 { margin: 10px 0; padding-left: 26px; background: url('img/tabdot.gif') no-repeat; } #main #sidebar h2 span { display: block; padding: 3px 0 0 10px; height: 19px; background: url('img/tabdotbg.gif') repeat-x; font: bold italic 13px/13px Arial,Verdana,sans-serif; } /** Questions section **/ div#question-header { margin: 5px 0 30px 30px; } div#question-header p#counter { margin-bottom: 7px; padding-bottom: 7px; background: url('img/spacer.gif') bottom right no-repeat; } div#authMenu { margin-top: 20px; } div#userMenu table.choose { border: 1px solid #075c87; margin: 10px 0; border-spacing: 6px; width: 660px; background: #eeffff; } div#aboutSpecialist { padding-top: 45px; margin-left: 30px; width: 550px; } div#aboutSpecialist table.frame1 { float: left; } div#aboutSpecialist div#about { float: left; } div#aboutSpecialist div#about h1 { margin: 30px 0 0 10px; padding: 0; width: 395px; font: bold 20px "Trebuchet MS",Verdana,Arial,sans-serif; } div#aboutSpecialist div#about h2 { margin: 3px 0 0 10px; padding: 0; color: #666666; text-indent: 0; font-weight: bold; } table.frame1 { border-collapse: collapse; } table.frame1 td.tl { width: 15px; background: url('img/bm1.gif') no-repeat; } table.frame1 td.tc { height: 17px; background: url('img/ask/bm2.gif') repeat-x; } table.frame1 td.tr { width: 23px; background: url('img/bm3.gif') no-repeat; } table.frame1 td.cl { width: 15px; height: 5px; background: url('img/bm8.gif') repeat-y; } table.frame1 td.cc { padding: 5px 10px; } table.frame1 td.cr { width: 23px; height: 5px; background: url('img/bm4.gif') repeat-y; } table.frame1 td.bl { width: 15px; background: url('img/bm7.gif') no-repeat; } table.frame1 td.bc { height: 14px; background: url('img/bm6.gif') repeat-x; } table.frame1 td.br { width: 23px; background: url('img/bm5.gif') no-repeat; } table.frame1 td h1 { margin: 0; font: italic bold 11px Verdana, Tahoma, Helvetica, sans-serif; text-align: center; } a.selectedPage { color: brown; font-weight: bold; } img#sectReaders { margin: 50px 0 0 60px; } table.question { margin-left: 25px; width: 660px; height: 259px; border-collapse: collapse; } table.question td { vertical-align: top; } table.question td.tc { height: 19px; background: url('img/bm2.gif') repeat-x; text-align: right; } table.question td.cl { width: 17px; background: url('img/bm8.gif') repeat-y; vertical-align: bottom; } table.question td.cc { font: 12px Arial, Helvetica, sans-serif; text-align: justify; } table.question td.cc h1 { margin: 0; font: 11px Tahoma, sans-serif; text-align: justify; } table.question td.cc h1 span { color: #251d6a; } table.question td.cc span.cntAnswers span { color: #688486; font-size: 10px; } table.question td.cc div.body { margin-top: 10px; text-indent: 40px; } table.question td.cc div.btn { float: right; margin-top: 20px; } table.question td.cc div.answer { width: 550px; padding-left: 70px; background: url('img/dotsh.gif') top left no-repeat; } table.question td.cc div.answer div.body { text-indent: 0; } table.question td.cc div.answer h1 { text-align: right; padding-bottom: 10px; background: url('img/spacer.gif') bottom center no-repeat; } table.question td.cc div.answer h1 span { color: #251d6a; } textarea#textbox { width: 520px; } span.highlight { background: yellow; } /** Articles section **/ h1.artTitle { color: #002753; font-size: 15px !important; } div#large { margin: 0 40px; } div#large h1 {font: bold 20px "Trebuchet MS", Verdana, Arial, sans-serif; } div#large h2, div#large h3, div#large h4, div#large li, div#large p { font: 13px Arial, Helvetica, sans-serif; text-align: justify; } div#large h2 { font-weight: bold; } div#large h3 { font-style: italic; font-weight: bold; } div#large h4 { font-style: italic; } ul.redBullets { margin-top: 15px; list-style-type: none; } ul.redBullets li { color: black; padding-left: 20px; background: url('img/redBullet.gif') 0 3px no-repeat; } ul.redBullets li a { font: 13px Verdana, Tahoma, Sans-serif; color: black; } ul.redBullets li a:hover { color: #990000; } ul.blackBullets { margin-top: 10px; } ul.blackBullets li { margin-left: 20px; } ul#sect1 { margin: 45px 0 0 160px; } ul#sect1 li { margin: 3px 0; } ul#sect2 { margin: 45px 0 0 90px; } ul#sect2 li { font: bold 13px Arial, Helvetica, sans-serif; text-align: justify; color: #012d63; } ul li.noBg { background-image: none; } ul#sect2 li ul { margin-top: 10px; list-style-type: none; } ul#sect2 li ul li { background-image: none; } ul#sect2 li ul li.orange { margin-top: 10px; font: bold 12px Arial, Helvetica, sans-serif; color: #ff6600; text-align: justify; } ul#sect2 li.article { background: url('img/icon_mini_post.gif') 3px 3px no-repeat; } ul#sect2 li.article a { font-family: sans-serif; font-size: 13px; color: black; } ul#sect2 li.article a:hover { color: #990000; } ul#sect3 { margin: 45px 0 0 170px; list-style-type: none; } ul#sect3 li { padding-left: 60px; height: 45px; } ul#sect3 li a { font: bold 13px/40px "Trebuchet MS", Verdana, Arial, sans-serif; text-align : justify; color: #16175f; } ul#sect3 li a:hover { color: red; text-decoration: none; } ul#sect3 li#mom1 { margin-left: 40px; background: url('img/mom1.gif') no-repeat; } ul#sect3 li#mom2 { margin-left: 30px; background: url('img/mom2.gif') no-repeat; } ul#sect3 li#mom3 { margin-left: 20px; background: url('img/mom3.gif') no-repeat; } ul#sect3 li#mom4 { margin-left: 10px; background: url('img/mom4.gif') no-repeat; } div.hr2 { border-top: 1px solid black; margin: 40px auto 100px; padding: 10px 100px 0; width: 24px; } div#article { font: 12px/1.2em Verdana,Tahoma,Arial,sans-serif; } div#articleFooter { margin-top: 20px; } div#articleFooter a { float: right; font: 11px solid Arial; text-decoration: none; color: black; cursor: pointer; } div#articleFooter div#selId { clear: right; width: 370px; margin: auto; } h2.redBullet { padding-left: 17px; background: url('img/redBullet.gif') 0 3px no-repeat; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align : justify; } ul.advice { margin: 10px 0 0 30px; } p.advice { margin-left: 20px; } ul.normal { margin-top: 10px; } ul.normal li { padding-left: 0; background: none; } ul#foods { list-style-type: none; } ul#foods li { height: 28px; padding-left: 40px; } ul#foods li#food1 { background: url('img/food1_thumb.gif') no-repeat; } ul#foods li#food2 { background: url('img/food2_thumb.gif') no-repeat; } ul#foods li#food3 { background: url('img/food3_thumb.gif') no-repeat; } ul#foods li#food4 { background: url('img/food4_thumb.gif') no-repeat; } ul#foods li#food5 { background: url('img/food5_thumb.gif') no-repeat; } ul#foods li#food6 { background: url('img/food6_thumb.gif') no-repeat; } ul#foods li#food7 { background: url('img/food7_thumb.gif') no-repeat; } ul#foods li a { font: 13px/30px Arial, Verdana, Tahima, sans-serif; color: black; } ul#foods li a:hover { color: #990000 } h1.anchor { height: 70px; padding: 50px 0 0 170px; } h1.anchor a { text-decoration: none; } h1#food1 { background: url('img/food1.jpg') no-repeat; } h1#food2 { background: url('img/food2.jpg') no-repeat; } h1#food3 { background: url('img/food3.jpg') no-repeat; } h1#food4 { background: url('img/food4.jpg') no-repeat; } h1#food5 { background: url('img/food5.jpg') no-repeat; } h1#food6 { background: url('img/food6.jpg') no-repeat; } h1#food7 { background: url('img/food7.jpg') no-repeat; } table.shadows { margin-top: 10px; } table.shadows td.about { width: 300px; background: url('img/bgShadows.jpg') repeat-y; } table.shadows td.qty { padding: 0 10px 0 5px; background-color: #ededed; } /** Registration page **/ div.bigBox { margin: 10px auto; width: 675px; } div.bigBox h1 { margin: 0; padding: 5px 5px; background: #006699; font: bold 13px Arial, Helvetica, sans-serif; color: white; } div.bigBox div.body { margin: 10px 10px 20px } div.bigBox div.body h2 { font: bold 18px Arial, Helvetica, sans-serif; } div.bigBox p, li { font: 13px Arial, Helvetica, sans-serif; text-align: justify; } div.bigBox div.body ul.redBullets li { margin-top: 5px; } div.bigBox div#terms { border: 1px solid #afafaf; padding: 30px 20px; margin: 30px 0 20px; height: 400px; overflow: auto; } div.bigBox div#terms h1 { margin: 20px 0; font-size: 14px; color: black; background: none; } div.bigBox div#terms a { color: #006699; } div.bigBox div.decision { margin-top: 10px; background: #f0f0f0; text-align: center; } div.bigBox div.decision a { margin: 0 30px; font: bold 18px "Arial Narrow"; color: #000050; } div.bigBox div.decision a:hover { color: #cc7700; } div.dark { padding: 10px 20px; background: #f7f7f7; } div.bigBox table.forms { border-spacing: 3px; } div.bigBox table.forms td.label { padding-right: 20px; font: 11px Verdana, Helvetica, Tahoma, sans-serif; } div.bigBox table.forms td.label label { font-weight: bold; } div.bigBox table.forms td.notOk { border: 1px solid red; } div.bigBox table.forms td.notOk label { color: red; } div#child1, div#child2, div#child3 { display: none; } div#child1 table, div#child2 table, div#child3 table { margin-top: 10px; border-collapse: collapse; } #butSubmit { margin-right: 80px; } div#recomplete { border: 2px solid red; padding: 10px 25px; margin: 5px auto 20px; width: 625px; color: red; } div#recomplete p { margin: 0; font: 13px Arial, Helvetica, sans-serif; text-align: justify; } div#addressForeign { display: none; } /** Gallery **/ table.createAlbum { margin: 20px auto; } table.createAlbum label { color: #002753; } h1.titleAlbum { margin: 10px 0; text-align: center; } h1.titleAlbum a { font: 14px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } h1.titleAlbum span { font-style: italic; font-size: 16px; font-weight: bold; } h2.titleAlbum { margin: 0; font: 14px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } h3.titleAlbum { margin: 0; font: bold Italic 16px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; text-align: center; } h1#title { border-bottom: 1px dashed #dbdbdb; padding: 20px 0 5px; margin-bottom: 5px; font: italic bold 12px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } h2.title { margin: 0; padding-bottom: 5px; font: italic bold 11px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; text-align: center; } h2.title2 { padding: 0 0 5px 20px; font: italic bold 13px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } table.stats { border-collapse: collapse; width: 470px; margin: 0 0 0 10px; } table.stats p { color: #002753; } table.stats td.borderLeft { border-left: 1px dashed #dbdbdb; } table.stats div.thumbPic { width: 140px; margin: 0 auto; padding: 0; } table.stats div.thumbCoverPic { width: 170px; margin: 0 auto; padding: 0; } table.stats div.thumbCoverPic p { padding-left: 20px; } div#topRated { float: left; width: 490px; } div#topRated h1.title { margin: 5px 0 0 20px; padding-left: 5px; font: italic bold 13px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } table.sidebar { border-left: 1px dashed #dbdbdb; width: 210px; } table.sidebar td div.content { float: left; padding: 0 5px; } table.sidebar td div.content p { margin: 5px 0 0 10px; color: #002753; } img.picture { border: 1px solid black; } a.frameAlbum { position: relative; display: block; width: 127px; margin-left: 20px; z-index: 10; } .frameCoverBorder { position: relative; display: block; width: 165px; z-index: 10; } a.frameCoverBorder table { cursor: pointer; } /* a.frameAlbum img { border: 1px solid black; } */ a.frameAlbum span.albumTeaser { position: absolute; bottom: 4px; right: 0px; display: block; width: 69px; height: 34px; background: url('img/albumTeaser.gif') no-repeat; } a.frameAlbum span.albumSubTeaser { position: absolute; bottom: 4px; right: 0px; display: block; width: 69px; height: 34px; background: url('img/albumSubTeaser.png') no-repeat; } div#pagination { margin: 20px 0; text-align: center; } div#pagination a { font: 11px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } div#pagination a.sel { color: red; font-weight: bold; } div#pagination a#nextLeft { background: url('img/btnPagNextLeft.gif') no-repeat; line-height: 22px; text-decoration: none; padding: 0 3px; } div#pagination a#ffwdLeft { background: url('img/btnPagFfwdLeft.gif') no-repeat; line-height: 22px; text-decoration: none; padding: 0 3px; } div#pagination a#nextRight { background: url('img/btnPagNextRight.gif') no-repeat; line-height: 22px; text-decoration: none; padding: 0 3px; } div#pagination a#ffwdRight { background: url('img/btnPagFfwdRight.gif') no-repeat; line-height: 22px; text-decoration: none; padding: 0 3px; } div.sort { border-top: 1px dashed #dbdbdb; border-bottom: 1px dashed #dbdbdb; margin: 0 10px; } div.sort p { float: left; margin-top: 5px; width: 180px; color: #002753; } div.sort ul { float: left; margin-bottom: 4px; width: 480px; list-style-type: none; } div.sort ul li { display: inline; margin-left: 30px; } div.sort ul li a { color: #002753; font: 11px Verdana, Tahoma, Helvetica, sans-serif; } div.sort ul li a.sel { font-weight: bold; } div.sort ul#alphabet { margin-left: 30px; width: 440px; } div.sort ul#alphabet li { display: inline; margin-left: 2px; } /** View Picture **/ table.bigPic { margin-top: 10px; margin-bottom: 5px; } td.bordered { border: 1px dashed #dbdbdb; padding: 15px; } div#picDescr { border: 1px solid #dbdbdb; margin-top: 10px; padding: 15px; } div#picDescr p { margin: 0; } p#picAuthTitle { float: left; width: 450px; margin: 0; } div#picAuthFav { float: left; width: 190px; } div#picAuthFav img#favStar { float: right; } div.code { margin-top: 10px; } div.code input { width: 300px; } table.marginedLeft { margin-left: 20px; } table.centeredFrame { margin: auto; width: 95%; } table.centeredFrame span, table.centeredFrame p { color: #002753; } textarea#userComment { width: 100%; max-height: 42px; } table.desc { margin: auto; width: 95%; } table.desc span, table.desc p { color: #002753; } table.comment { margin: 0 auto; width: 95%; } table.comment td div.commentText { padding: 0 15px; font: 11px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } table.comment td div.commentText p { margin-top: 0; } table.comment td p.commentFooter { margin-top: 0; text-align: right; color: #002753; } table.comment td p.commentFooter a { color: #002753; font: bold 11px Verdana, Tahoma, Helvetica, sans-serif; } h3.picName { text-align: center; color: #002753; font: 11px Verdana, Tahoma, Helvetica, sans-serif; } p.picOwner { text-align: center; } p.picOwner a { padding-right: 20px; background: url('img/userBtnBgAlbum.gif') top right no-repeat; color: #002753; text-decoration: none; font-size: 10px; } div.cmdBtns a.userBtn { float: left; margin-right: 10px; } a#voteHand { display: block; height: 25px; padding-right: 25px; background: url('img/thumbup.jpg') top right no-repeat; text-decoration: none; color: #002753; font: 11px/30px Verdana, Tahoma, Helvetica, sans-serif; } a#voteHand:hover { background: url('img/thumbup1.jpg') top right no-repeat; } /** Invite **/ table.invite td.bordered { border: 1px dashed #dbdbdb; } table.invite td p, table.invite td label { color: #002753; } .displaynone { display: none;} .displayblock { display: block;} #commentBoxWrapper { position: relative; } input#submitBtn { position: absolute; top: 112px; right: 60px; z-index: 99; } /** Poll page **/ table.pollBig { margin: 10px auto; } table.pollBig td h1 {} table.pollBig td table.shadows { width: 640px; } table.pollBig td table.shadows td.about { width: 340px; background-position: top right; } table.pollBig td table.shadows td.about p { margin: 0; padding: 2px 2px 2px 15px; background: url('img/dotsh.gif') -24px 1px no-repeat; } table.pollBig td table.shadows td.bars div { height: 15px; text-align: center; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; color: white; } table.pollBig td table.shadows td.bars .vb1 { border-left: 2px solid #159c00; background: #159c00; } table.pollBig td table.shadows td.bars .vb2 { border-left: 2px solid #f8d700; background: #f8d700; color: black; } table.pollBig td table.shadows td.bars .vb3 { border-left: 2px solid #000cf8; background: #000cf8; } table.pollBig td table.shadows td.bars .vb4 { border-left: 2px solid #f80000; background: #f80000; } table.pollBig td table.shadows td.bars .vb5 { border-left: 2px solid #00e0e0; background: #00e0e0; } table.pollBig td table.shadows td.bars .vb6 { border-left: 2px solid #b73cff; background: #b73cff; } table.pollBig td table.shadows td.bars .vb7 { border-left: 2px solid #551313; background: #551313; } table.pollBig td table.shadows td.bars .vb8 { border-left: 2px solid #ff68d8; background: #ff68d8; } table.pollBig td table.shadows td.bars .vb9 { border-left: 2px solid #a1a1a1; background: #a1a1a1; } table.pollBig td table.shadows td.bars .vb10 { border-left: 2px solid #ff8600; background: #ff8600; } table.pollBig td p.nbVotes { color: #969393; text-align: right; } /** Utils **/ h1.utilTitle { float: left; width: 330px; margin-top: 0; padding-left: 30px; font: bold 16px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } div.utilToolBox { float: left; width: 350px; } table.util { width: 100%; } table.util td h1#title a { font: italic bold 12px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } table.util td ul li { margin-top: 5px; font: 12px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } table.util td ul li a { color: #002753; } h1.title a { font: bold 16px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; } h2.subtitle { font: 13px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; text-align: center; } h3.author { font: 11px Verdana, Tahoma, Helvetica, sans-serif; color: #002753; text-align: right; } div.textdescription { border: 1px dashed #dbdbdb; padding: 15px; font-family: monospace;}