body { background-color:#fff8bb; margin:0; padding:0; font-family:Arial, Verdana; font-size:12px; text-align:center; } img { border:none; } a { text-decoration:underline; color:#276b9b; } a:visited { color:#336600; } a:hover { text-decoration:underline; } h1, h2, h3 { color:#333; font-size:1.5em; padding:2px 0; margin:2px 0; } .breaker { clear:both; font: 1px 'Monotype',sans-serif; line-height: 1px; width: 1px; height: 1px; zoom: 1; } .nounderline, a.nounderline, h2.nounderline a { text-decoration:none; } a.nounderline:hover, h2.nounderline a:hover { text-decoration:underline; } .hr { padding:5px 0; height:1px background-color:#ccc; border-bottom:1px solid #ccc; width:100%; } .left { float:left; text-align:left; } .right { float:right; text-align:right; } large { font-size:1.2em; } small { color:#666; } input, textarea, select { background-color:#fefdfa; border:1px solid #ccc; border-bottom:1px solid #666; border-right:1px solid #666; margin:2px; } input:focus, textarea:focus, select:focus { background-color:#fff; border:2px solid #ccc; border-bottom:2px solid #666; border-right:2px solid #666; margin:1px; } input[type="submit"], input[type="reset"], input[type="button"] { background:#fff url('/i/bg_button.gif') top repeat-x; border:1px solid #333; border-top:1px solid #af9b57; border-left:1px solid #af9b57; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background:#fffdf4 none; cursor:pointer; } .spacer { height:10px; } .submitSpacer { float:left; width:158px; height:10px; } ul.errors { min-width:300px; max-width:600px; color:#f00; text-align:left; margin:0 auto; padding:10px; } ul.errors a { color:#f00; text-decoration:underline; } table { width:100%; } td { vertical-align:top; } label { float:left; text-align:right; padding:2px 5px 2px 0; width:150px; } label.r { font-weight:bold; } .input { float:left; text-align:left; padding:2px 0 2px 2px; } fieldset { border:8px solid #E4EFAA; background:#fff; margin-top:35px; } fieldset a { color:#600; } fieldset legend { font-size:1.4em; margin-top:-22px; background-color:#E4EFAA; padding:5px 10px; font-weight:bold; } label { line-height:21px; } .username { padding:3px; float:left; color:#000; font-size:1.1em; font-weight:bold; } .admin { padding:5px; border:4px solid #a99; background:#fff url('/i/adminarea.gif') 0 0 no-repeat; } .okBox { text-align:center; padding:10px; color:#390; background-color:#f9fff0; border:2px solid #390; margin:5px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .errorBox { text-align:center; padding:5px; color:#c00; background-color:#fff7f0; border:2px solid #c00; margin:10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .numeration { width:100%; text-align:center; line-height:30px; } .numeration a { border:1px solid #eee; padding:2px 5px; text-decoration:none; } .numeration a:hover { text-decoration:none; background-color:#eee; } .numeration a.active { font-size:1.5em; font-weight:bold; } a.bigButton, a.smallButton, a.greyButton { background:#4CB11A url('/i/bg_greenbutton.gif') repeat-x; font-size:1.5em; line-height:32px; font-weight:bold; margin:5px 0; padding:5px 10px; float:left; color:#FFF; border:1px solid #666; text-decoration:none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } a.smallButton, a.greyButton { background:#fff url('/i/bg_greybutton.gif') repeat-x; font-size:1.5em; line-height:32px; color:#333; } a.smallButton:hover { color:#000; background:#fbffef none; text-decoration:none; } a.smallButton { padding:2px 6px; font-size:1em; line-height:16px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mask { position:absolute; top:0; left:0; width:100%; height:100%; display:none; background-color:#000; z-index:999; opacity:0.7; } #page { width:953px; margin:0 auto; text-align:left; } #loginArea { margin:30px -2px -1000px 0; float:right; padding:12px 12px; background-color:#fff; border:3px solid #f0f0eb; font-size:1.1em; font-weight:bold; position:relative; } #loginArea label, #loginArea input { float:left; line-height:14px; } #loginArea label { text-align:right; float:left; width:80px; color:#484848; line-height:28px; } #loginArea input { font-size:1.2em; padding:0 0 2px 2px; border-color:#e0e0e0; width:120px; background-color:#fff; } #loginParts { margin-top:20px; width:300px; float:right; } #loginArea .submit { margin-left:87px; } #loginArea .submit input { background:#ffee5a; text-align:center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight:bold; width:124px; } #loginArea .hr { width:95%; border-bottom:3px #f0eeed solid; margin:0 auto; } #loginArea .openIdText { text-align:center; margin:10px; padding:5px; } #head { font-size:4.0em; height:122px; } #content { min-height:300px; padding:10px; width:933px; margin:0 auto; background-color:#fff; } #footer { padding:10px; width:933px; margin:0 auto; font-size:0.9em; color:#a08d2b; font-weight:bold; } #footer a { color:#a28f2e; } #head .logo { margin:20px 0 -20px 30px; float:left; z-index:1000; position:relative; } #head .slogan { color:#3D3D3D; float:left; font-size:0.65em; letter-spacing:-0.05em; margin:35px 20px; } .meny { width:600px; color:#949327; } .meny a { font-size:1.3em; color:#949327; margin:0 10px; } .qBox, .qBoxSmall { font-size:1.8em; vertical-align:middle; border-bottom:7px solid #ef9300; text-align:center; background-color:#ff9c00; float:left; width:953px; padding:15px 0 5px 0; margin:-40px 0 0 -10px; text-align:right; color:#fff; } .qBox form { float:right; padding-right:30px; } .qBox label { margin-right:15px; } .qBox a { color:#FFF; text-decoration:none; line-height:26px; } .qBox input { display:inline; font-size:1.3em; margin-top:-12px; border-color:#e08900; } .qBoxSmall { font-size:1em; line-height:20px; padding:0 0 0 152px; border-top:none; border-color:#eed; background-color:#ddd; width:801px; margin-top:-1px; color:#000; } .qBoxSmall label { margin-top:2px; } .so { border-bottom:1px solid #444; padding:10px; } .categoriestepper { float:left; width:285px; } .categoriestepper select { width:280px; } .oneAnswer { border-top:1px solid #af9436; border-bottom:1px solid #af9436; margin:5px 0; padding:5px; } .oneAnswer .answerUser { padding:5px 10px; overflow:hidden; display:block; } .oneAnswer .answer { padding:5px 10px; margin-left:1px; width:100%; } .oneAnswer .answer img { float:right; margin:0 0 10px 10px; } .oneAnswer .details { border-top:1px solid #fff8df; padding:5px 0 2px 0; } .oneAnswer .details span { margin:0 2px; padding:0 2px; } .oneAnswer .actions { line-height:32px; } .oneAnswer .details img { margin:-4px 0; } .leverStars img { float:none !important; margin:-4px 0 !important; } .oneComment { border:3px solid #EDEFC4; margin:5px 0; padding:5px; } .commentUser { width:120px; background-color:#EDFFC4; padding:5px 10px; overflow:hidden; } .oneComment .comment { padding:5px 10px; margin-left:1px; width:410px; } .oneComment .details { border-top:1px solid #EDEFC4; padding:5px 0 2px 0; } .oneComment .details span { margin:0 5px; padding:0 5px; } .oneComment .details img { margin:-4px 0; } .totalMoneySaved { text-align:center; font-size:1.5em; color:#3d3d3d; background-color:#efefbb; padding:13px 20px; margin:-1px -10px; width:913px; } .totalMoneySaved a { color:#3d3d3d; text-decoration:none; } .totalMoneySaved small { color:#3d3d3d; font-size:0.65em; font-weight:bold; } .featured, .categories, .recent { padding:5px 15px; height:317px; overflow:hidden; } .featured { text-align:left; width:288px; margin:0 0 0 -10px; background-color:#e4ffaa; border-top:8px solid #e4efaa; } .categories { width:288px; background-color:#edffc4; border-top:8px solid #edefc4; } .recent { width:287px; margin:0 -10px 0 0; background-color:#e4ffaa; border-top:8px solid #e4efaa; } .featured h2 a, .categories h2 a, .recent h2 a { color:#000; text-decoration:none; } .tContent, .tContent a, .tContent small { color:#3D5803; line-height:18px; } .tContent small { font-size:1em; } .tContent a { font-weight:bold; } .featured .tContent a { text-decoration:none; line-height:auto; font-weight:normal; } .featured a.title { margin:10px 0; float:left; font-weight:bold; text-decoration:underline; font-size:1.15em; } .featured .img { background:transparent url('/i/bg_featured.gif') no-repeat right bottom; } .featured .img img { border:2px solid #ccc; margin:0 7px 10px -3px; } .ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; overflow: hidden; text-align:left; } .ac_over { background-color: Highlight; color: HighlightText; } .bullet { background:transparent url('/i/bullet.gif') no-repeat; color:#fff; float:left; width:18px; height:18px; line-height:17px; text-align:center; font-weight:bold; font-family:Helvetica; display:block; margin-top:2px; letter-spacing:-0.1em; } .bullet2 { background:transparent url('/i/bullet2.gif') no-repeat; } .bullet3 { background:transparent url('/i/bullet3.gif') 3px 0 no-repeat; margin-left:15px; float:left; margin-bottom:-10px; } .bulletText { margin:0 0 5px 5px; } .bulletText3 { float:left; width:560px; line-height:1.3em; margin-bottom:-10px; } .preview { border:1px solid #ddd; padding:2px; background-color:#fff; } .infobox { border:1px solid #f0e2b2; font-size:1.3em; padding:10px; margin:10px; } .suggestions { margin:0 -10px; padding:5px 20px; background-color:#E4FFAA; border-bottom:5px solid #E4EFAA; font-size:1.2em; } .suggestions a { font-size:1.2em; font-weight:bold; color:#44bf2f; } .profileDetails { margin-left:184px; width:740px; } .profileDetails th, td { border-bottom:1px dotted #aaa; padding:3px 0; } .profileDetails th { color:#666; text-align:left; padding-right:5px; } .profileDetails th.title { font-size:1.5em; text-align:left; color:#af9436; } .profileDetails2 { margin-left:2px; float:left; width:145px; } .profileDetails2 th{ border-bottom:1px dotted #aaa; padding:3px 0; font-weight:normal; } .profileDetails2 th { color:#666; text-align:left; padding-right:10px; } .profileDetails2 th.title { text-align:left; color:#af9436; } .profileDetails2 a:visited { color:#276b9b; } .time { color:#999; font-size:0.8em; font-weight:bold; } .categoriespace { font-size:1.4em; font-weight:bold; color:#999; padding:0 5px; height:100%; } .categoryList { font-size:1.4em; line-height:20px; margin:0 5px; padding:2px 5px; max-width:250px; overflow:hidden; } .categoryList small { font-size:0.6em; font-weight:normal; } .deactiveCat0, .deactiveCat1, .deactiveCat2 { font-size:1.2em; border-right:1px solid #eee; border-left:1px solid #eee; border-bottom:1px solid #eee; } .activeCat0, .activeCat1, .activeCat2 { font-weight:bold; font-size:1.2em; } .leverStars { display:inline; } #ui-datepicker-div { background-color:#fff; border:2px solid #aaa; padding:10px; max-width:165px; display:none; } #ui-datepicker-div a { cursor:hand; position:relative; padding:0; color:#666; } #ui-datepicker-div a:hover { cursor:pointer; margin:-1px; padding:0; color:#000; } .ui-datepicker-title { text-align:center; padding-bottom:4px;} .ui-datepicker-next { float:right; } .ui-datepicker-prev { float:left; } .ui-datepicker-month, .ui-datepicker-year { font-weight:bold; } .ui-datepicker-week-end a { color:#111; } .ui-datepicker-calendar th span{ padding:1px; } .ui-datepicker-week-end { background-color:#fff8df; } .slider { background-color:#f0e2b2; float:left; height:5px; position:relative; width:250px; padding:0 10px; margin:10px 5px; } .ui-slider-handle { background-color:#000000; margin:-5px; float:left; height:15px; width:10px; position:absolute; cusor:move; } .ui-state-hover { margin:-6px; border:1px solid #fff; } .spent_time_result { line-height:22px; } a.oid_button img { background-color:#fff; padding:3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity:0.7; margin-bottom:-8px; border:1px solid #aaa; } a.oid_button:hover img { opacity:1.0; border:1px solid #000; } #openidLogin img { margin:2px 0 -8px 10px; } #openidLogin label, #openidLogin input, #openidLogin .input { float:none; } .category { background-color:#EFEFEF; padding:5px 20px; width:913px; float:left; margin:0 -10px; color:#3D3D3D; } .category a { color:#003494; } .article { border:2px solid #DEDEDE; padding:15px; margin:10px 5px; color:#3d3d3d; float:left; } .article h1 { font-size:1.2em; color:#000; } .article .articleContent { float:left; width:600px; margin-top:10px; line-height:20px; } .article .articleContent img.image { float:right; margin:0 0 8px 8px; } .article .details { float:left; text-align:center; width:265px; margin-left:20px; } .article .details .hr { border-bottom:1px dotted #DEDEDE; margin:0px 0 10px 0; } .article .willDoList { padding:10px 0; font-weight:bold; } .article .willDoList a { text-decoration:none; } .article .willDoList small { font-size:0.95em; font-weight:normal; } .article .willDoList img { margin:0 5px -6px 9px; } .articleExtra { background-color:#F4F4F4; border-bottom:2px solid #DEDEDE; padding:10px 16px; margin:-11px 5px 0 5px; float:left; width:891px; color:#818181; font-size:1.1em; } #searchAgainLink { text-align:center; } #searchAgainLink a { line-height:30px; } .category {font-size:1.1em;} .category a {text-decoration:none;} .category a:hover {text-decoration:underline;} .categoryBrowse h3 {float:left; font-size:1.2em;} .categoryBrowse h3 a {text-decoration:none; color:#666;} .categoryBrowse table td {padding:0;} .categoriespace {margin-top:0.2em;} #bottom .left {padding-left:5px;} .infobox {border:4px dashed #FFD188; background:#fffbb8; } #answerChoise {padding:5px 10px; text-align:center; font-size:1.3em;} #answerChoise a {font-weight:bold;} #answerLink a {margin: 0 auto !important; display:block; float:none; margin:10px auto 0 auto !important; text-align:center; width:23% !important;} fieldset { border:8px solid #EFEFBB; padding:20px 15px 10px 15px;} fieldset legend { background-color:#EFEFBB; padding:5px 10px;} .mainTitle { text-align:center; font-size:1.5em; color:#3d3d3d; background-color:#efefbb; padding:13px 20px; margin:-1px -10px; width:913px; } .article .category { width:879px; margin:-15px 0 6px -15px; font-size:0.9em; } .nofloat { float:none !important; } #introduction {padding:15px 20px 10px 20px; margin: 0 -10px; background:url('/i/bg_introduction.png') 0 center no-repeat;} #introduction .right {width:56%;text-align:center;font-size:1.3em;padding-top:30px;} .twitterArea { margin:10px 2px; padding:10px; border:5px solid #3CF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:255px; overflow:hidden; } .twitterArea a { color:#2276BB; text-decoration:none; } .twitterArea .tweet { margin-bottom:-1px; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; zoom:1; } .twitterArea .tweet:hover { background-color:#f7f7f7; } .twitterArea img { margin-right:10px; } .twitterArea h3 { font-size:1.2em; } .related { width:255px; background-color:#fff; padding:10px; overflow:hidden; margin:-8px 5px 5px 5px; border:5px solid #E4EFAA; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .related a:hover { color:#000; } .quickhint .category, .quickhintExtra { background-color:#FFFCDF; } .quickhint { border: 2px solid #FFCD9B; } #extraContent { display:none; position:fixed; background-color:#fff; border:5px solid #EF9300; z-index:1002; padding:10px; max-width:600px; } .addArticleBox { float:left; background-color:#efefbb; padding:0 5px 0 5px; border:2px solid #ef9300; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } .addArticleBoxSmall { width:310px; min-height:120px; text-align:center; margin:0 30px; font-size:1.2em; } .addArticleBox .hr { border-color:#ef9300; } .addArticleBox .title { float:left; font-size:1.6em; padding:10px; margin-bottom:-10px; } .addArticleBoxSmall .title { font-size:1.25em; padding:3px; width:100%; } .addArticleBox .contentBox { height:40px; padding:7px; } .previewMessageBox { background-color:#E4F4AA; border-bottom:4px solid #C8C891; height:150px; opacity:0.95; position:absolute; left:0; top:0; width:100%; z-index:1000; } .previewMessageBoxOver { position:absolute; z-index:1001; top:0; left:0; width:100%; font-size:2em; text-align:center; color:#f00; padding-top:80px; } .previewMessageBoxOver .bigButton { float:none; position:inline; margin: -5px 0pt 0pt 10px; padding: 4px 20px; font-size:25px; } .topBanner { height: 35px; font-family: Verdana,Geneva,sans-serif; font-size: 20px; text-align: center; padding:4px 12px; background-color:#fff; border:3px solid #f0f0eb; font-weight:bold; position:relative; margin-bottom:-10px; cursor:pointer; } .topBanner a { text-decoration:none; color: rgb(0, 51, 255); }