/* global overwrite */ .content_container { width:963px; padding-right:19px; min-height:500px;} #headings { padding-top:20px; padding-bottom:5px; border-bottom:3px solid #bbc300; overflow:hidden; clear:both; } .disclaimer {font-style:italic; font-size:11px; line-height:120%; border-top:1px solid #e3e3e3; padding-top:10px; margin-top:10px; clear:both; margin-bottom:20px; } #landing-page-all .disclaimer { border-top:0; padding-top:0; } .disclaimer.question { border-color:#cccccc; } /* headings */ #headings h2 { padding-bottom:4px; padding-top:14px; font-size:36px; color:#000000; float:left; } #headings h3 { margin-left:10px; background-image:url('/img/asktheexpert/ate-sprite.png'); background-position:0 0; display:block; width:130px; height:68px; overflow:hidden; text-indent:-999em; float:left; } /* public form */ .form { margin-bottom:15px; } .form fieldset { clear:both; overflow:hidden; margin-bottom:10px; } .form fieldset input { float:left; } .form fieldset label { display:block; float:left; width:140px; text-align:right; padding-right:10px; font-size:15px; padding-top:8px; } .form fieldset input { border:1px solid #e3e3e3; width:280px; font-size:15px; padding:5px; } .form fieldset select { width:290px; padding:5px; border:1px solid #e3e3e3; } .form fieldset.question textarea { border:1px solid #e3e3e3; width:280px; padding:8px; font-size:14px; font-family:Arial,Helvetica,sans-serif; height:180px; line-height:150%; } /* .form fieldset.submit input { display:block; width:140px; float:right; background-color:#000000; color:#ffffff; margin-right:20px; padding:8px 4px; font-family:Arial,Helvetica,sans-serif; font-size:15px; border:0; } */ .form fieldset.submit a.button:link, .form fieldset.submit a.button:visited { width:130px; display:block; background-color:#000000; color:#ffffff; font-weight:bold; font-size:14px; padding:5px; float:right; margin-right:20px; margin-top:15px; text-align:center; text-decoration:none; } .form fieldset.submit a.button:hover, .form fieldset.submit a.button:focus { background-color:#004265; } .wordCount { text-align:right; font-size:11px; line-height:120%; padding-right:20px; } .error { color:red; } .question-form .ask { font-size:15px; color:#292929; } .question-form .ask span { font-weight:bold; } .question-form .form { background-color:#e4eef3; overflow:hidden; clear:both; padding:30px; } .activity .form fieldset label { float:none; width:auto; text-align:left; padding-bottom:5px; } .activity .form fieldset input { float:none; font-size:12px; width:230px; } .activity .form fieldset.question textarea { width:230px; font-size:12px; } .activity .form fieldset.submit input { width:130px; clear:both; background-color:#004265; } .activity .form fieldset select { width:240px; float:none; font-size:12px;} .activity .question-form .ask { padding:10px; } /* detail page */ #question-detail .q-and-a { float:left; width:600px; overflow:hidden; display:inline; padding-top:30px; padding-bottom:30px;} #question-detail .q-and-a h4.question { background-image:url('/img/asktheexpert/ate-sprite.png'); background-position:-214px 0; display:block; width:40px; height:42px; margin:10px; overflow:hidden; text-indent:-999em; float:left; } #question-detail .q-and-a h1 { font-size:20px; line-height:140%; color:#000000; padding-left:10px; float:left; display:block; width: 520px; margin-bottom:30px; } #question-detail .q-and-a .answer { clear:both; } #question-detail .q-and-a .answer .body ul { list-style:disc; display:block; margin-left:15px; } #question-detail .q-and-a .answer .body ol { display:block; margin-left:15px; } #question-detail .q-and-a .answer .body li { margin-bottom:10px; } #question-detail .q-and-a .answer .body .expert-card { float:right; clear:both; width:240px; overflow:hidden; margin:8px 0 8px 8px; padding:10px 5px 10px 5px; border-top:4px solid #e4eef3; border-bottom:4px solid #e4eef3; } #question-detail .q-and-a .answer .body .expert-card img.logo { float:right; max-height:70px; max-width:90px; width:auto; border:0; margin-right:20px; } #question-detail .q-and-a .answer .body .expert-card .expert { width:auto; overflow:hidden; line-height:150%; padding:10px; } #question-detail .q-and-a .answer .body .expert-card .expert img.expert-photo { display:block; height:70px; width:auto; border:1px solid #e3e3e3; } #question-detail .q-and-a .answer .body .expert-card .expert .name { font-size:14px; color:#000000; font-weight:bold; clear:both; margin-top:10px; display:block; } #question-detail .q-and-a .answer .body .expert-card .expert .title { font-style:italic; color:#363636; font-size:12px; } #question-detail .q-and-a .answer .body .expert-card .expert .sponsorship { color:#696969; font-size:11px; } #question-detail .q-and-a .answer .body .expert-card .expert .sponsorship a { color:#0080bb; } #question-detail .q-and-a .answer h4 { background-image:url('/img/asktheexpert/ate-sprite.png'); background-position:-260px 0; display:block; width:40px; height:42px; margin:10px; overflow:hidden; text-indent:-999em; float:left; } #question-detail .q-and-a .answer .body { float:left; width:520px; padding-left:10px; line-height:140%; font-size:14px; color:#0e0e0e; } #question-detail .q-and-a .answer .body p { padding:5px 0 5px 0; } #question-detail .q-and-a .answer .body .entry-photo { float:right; clear:both; max-width:250px; margin:8px 0 8px 8px; } #question-detail .q-and-a .answer .body .tagline { padding-top:10px; font-style:italic; color:#292929; font-size:12px; padding-bottom:8px; border-bottom:2px solid #dadada; } #question-detail .q-and-a .answer .body .fb-like { margin-top:10px; } /* activity rail */ .activity { float:left; width:310px; overflow:hidden; display:inline; margin-left:45px; border-left:2px solid #e4eef3; margin-top:30px; padding-top:30px; } .activity .recently-answered .recent-question { margin-bottom:25px; } .activity .recently-answered .recent-question .question { background-color:#ffffff; padding:10px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .activity .recently-answered .recent-question .question { width:270px; border-bottom:0 !important; } .activity .recently-answered .recent-question .question a { color:#000000; font-weight:bold; font-size:14px; line-height:130%; } .activity .recently-answered .recent-question .answer { padding:10px; line-height:130%; background-color:#e4eef3; overflow:hidden; clear:both; } .activity .recently-answered .recent-question .answer { width:270px; height:auto; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .activity .activity .recently-answered .recent-question .answer .text { width:auto; float:none; } .activity .recently-answered .recent-question .answer .text a { font-weight:bold; font-size:11px; } .activity .recently-answered .recent-question .answer img { width:60px; height:auto; float:left; margin:0px 10px 5px 0; border:1px solid #e3e3e3; float:left; } .activity .recently-answered .recent-question .answer .expert { font-size:11px; border-top:1px solid #e3e3e3; padding:3px; margin-top:5px;} .activity .recently-answered .recent-question .answer .expert span { font-weight:bold; } #question-detail .activity .recently-answered a.view-all { display:block; width:60px; font-size:12px; float:right; color:#004265; margin:5px 10px 0 0; } .activity .recently-answered-v4 .recent-question .answer { } .activity .recently-answered h3 { background-image:url('/img/asktheexpert/ate-sprite.png'); background-position:-321px -18px; display:block; width:175px; height:21px; overflow:hidden; text-indent:-999em; margin:0 0 8px 8px; } /* news lists */ .news-list { padding:8px; padding-top:40px; } .news-list h3 { font-size:15px; font-weight:normal; color:#5b5b5b; margin-bottom:15px; } .news-list h3 a { text-decoration:none; color:#5b5b5b; } .news-list ul { list-style:none; } .news-list ul li { padding-bottom:8px; } .news-list ul li a { font-size:12px; color:#004265; line-height:120%;} /* landing page */ #landing-page .organization { float:left; width:560px; overflow:hidden; display:inline; padding:30px 20px 30px 20px;} #landing-page .organization h1 { font-size:32px; line-height:140%; color:#000000; display:block; } #landing-page .organization .kicker { font-size:15px; color:#000000; } #landing-page .organization .contact { line-height:140%; font-size:14px; } #landing-page .organization .contact span { display:block; } #landing-page .organization .contact .address, #landing-page .organization .contact .area { font-size:11px; line-height:120%; } #landing-page .organization .contact .phone { font-size:15px; color:#000000; padding-top:5px; } #landing-page .organization .description { padding:15px 0 10px 0; line-height:130%; font-size:14px; } #landing-page .organization .logo { float:right; width:140px; margin-left:10px; margin-bottom:10px; } #landing-page .organization .question-form { margin-top:30px; } #landing-page .organization .question-form .ask { padding:10px; border-top:2px solid #e4eef3; } #landing-page .organization .question-form .form fieldset input.text { width:320px; } #landing-page .organization .question-form .form fieldset.question textarea { width:320px; } #landing-page .organization .news-list { border-top:2px solid #e4eef3; padding-top:15px; margin-top:15px; } #landing-page .organization .recently-answered { margin-top:40px; } #landing-page .organization .recently-answered .question { border-left:1px solid #e3e3e3; } #landing-page .organization .recently-answered .answer { margin: 0 5px 0 5px; } #landing-page .organization .recently-answered .recent-question .answer img { width:60px; height:auto; float:left; margin:0; margin-right:5px; border:1px solid #e3e3e3; } .read-all { overflow:hidden; clear:both; } .read-all a:after { content: "\00BB"; color:#0080bb; font-size:1.1em; padding-left:.2em; } .read-all a:link, .read-all a:visited { display:block; padding:10px; text-align:right; font-size:14px; font-weight:bold;} .read-all a:hover, .read-all a:focus { display:block; padding:10px; text-align:right; font-size:14px; font-weight:bold; } #headings .read-all { float:right; width:500px; margin-top:40px; margin-bottom:0; clear:none; } #headings .read-all a { padding:0; } /* landing page all */ .list { width:560px; overflow:hidden; clear:both; padding-top:20px; } .list h2 { font-size:20px; font-weight:normal; margin-bottom:15px; border-bottom:2px solid #767676; padding-bottom:3px; } .list .q-and-a { overflow:hidden; clear:both; margin-bottom:20px; border-bottom:2px solid #767676; padding-bottom:30px; } .list .q-and-a .question { border-bottom:1px solid #e3e3e3; margin-bottom:5px; overflow:hidden; clear:both; padding-bottom:8px; } .list .q-and-a .question .q { background-image:url('/img/asktheexpert/ate-sprite.png'); background-position:-214px 0; display:block; width:40px; height:42px; margin:10px; overflow:hidden; text-indent:-999em; float:left; } .list .q-and-a .question a h3 { color:#004265; font-size:16px; font-weight:bold; line-height:120%; padding-top:10px; } .list .q-and-a .answer { margin-left:50px; } .list .q-and-a .answer .text { float:left; width:290px; padding-left:10px; padding-top:10px; font-size:14px; line-height:130%; } .list .q-and-a .answer .text a { font-weight:bold; } .list .q-and-a .answer .expert { margin-top:10px; float:right; font-weight:bold; font-size:11px; width:200px; } .list .q-and-a .answer .expert img { float:left; margin:0 8px 0 5px; width:45px; height:auto; border:1px solid #e3e3e3; } .list .q-and-a .answer .expert .info { float:left; width:130px; font-size:11px; font-weight:normal; line-height:130%; } .list .q-and-a .answer .expert .info span { font-weight:bold; color:#000000; } .list .pagination { overflow:hidden; clear:both; float:right; } .list .pagination ul { list-style:none; float:right; } .list .pagination ul li { display:inline; float:left; padding:0 5px; } .list .pagination ul li a { display:block-inline; width:auto; border:1px solid #e3e3e3; padding:5px; font-size:16px; } #thank-you .organization { padding-top:25px; } #thank-you .organization h1 { font-size:30px; color:#000000; margin-bottom:10px; } #thank-you .organization p { padding-top:15px; font-size:14px; font-weight:bold; } #thank-you .organization .news-list { border-top:2px solid #e3e3e3; padding-top:20px; margin-top:20px; } #landing-page-all .organization { float:left; width:560px; overflow:hidden; display:inline; padding:30px 20px 0 20px;} /* admin screens */ .greeting { padding:10px 0 5px 0;} #admin { padding-top:30px; line-height:130%; color:#000000; } #admin h2 { font-size:20px; font-weight:normal; margin-top:20px; margin-bottom:10px; } #admin h1 { font-size:24px; font-weight:bold; margin-bottom:20px; } #admin.edit-response h1 { font-size:24px; line-height:130%; } #admin h1 a { font-size:11px; } #admin.home .organization { padding:20px; border:1px solid #e3e3e3; margin-bottom:20px; } #admin.home .organization .name { font-size:14px; font-weight:bold; } .edit-link { font-size:11px; padding-top:10px; } #admin.home .organization .address { font-size:11px; } #admin.home .organization .phone { font-size:14px; } #admin.home .organization .administrator { padding-top:20px; } #admin.home .organization .administrator .name { font-size:12px; } #admin.home .experts { padding:20px; border:1px solid #e3e3e3; margin-bottom:20px; } #admin.home .q-and-as { padding:20px; border:1px solid #e3e3e3; margin-bottom:20px; } #admin.home .q-and-as .q-and-a { margin-bottom:20px; } #admin.home .q-and-as label { font-weight:bold; } #admin .published { color:green; } #admin .pending { color:#c18c26; } #admin .question { color:red; } #admin.home .q-and-as .edit-link, #admin.home .q-and-as li a { font-size:14px; font-weight:bold; } #admin .fieldset { clear:both; overflow:hidden; padding:5px 0 5px 0;} #admin .fieldset label {float:left; width:130px; } #admin .fieldset input { width:240px; border:1px solid #e3e3e3; padding:3px; } #admin .fieldset select { width:250px; border:1px solid #e3e3e3; padding:3px; } #admin .fieldset textarea { width:240px; border:1px solid #e3e3e3; padding:3px; } #admin .fieldset.submit {width:420px;} /* .fieldset.submit input { width:130px; display:block; background-color:#000000; color:#ffffff; font-weight:bold; padding:5px; float:right; margin-right:50px; margin-top:30px; } */ .fieldset.submit a.button:link, .fieldset.submit a.button:visited { width:100px; display:block; background-color:#000000; color:#ffffff; font-weight:bold; text-align:center; padding:5px; float:right; margin-right:50px; margin-top:30px; text-decoration:none; } .fieldset.submit a.button:hover, .fieldset.submit a.button:focus { background-color:#004265; } #admin .fieldset.submit a.return { float:left; width:auto; font-size:14px; font-weight:bold; margin-top:40px;} #admin .fieldset.return a.return { float:left; width:auto; font-size:14px; font-weight:bold; margin-top:0; padding-right:30px; padding-bottom:10px;} #admin.edit-response .fieldset textarea { width:600px; } #admin .fieldset.submit .response-approve { float:left; width:180px; margin-top:40px; } #admin .fieldset.submit .response-approve label { font-size:11px; font-weight:bold; float:right; width:auto; } #admin .fieldset.submit .response-approve input { float:left; width:auto; margin:0; } #admin.edit-response h3 { margin-bottom:20px; } #admin.login h1 { font-size:16px; } #admin.login {padding:80px 0 80px 0;} #admin h2.message { font-size:16px; font-weight:bold; color:green; margin:20px 0 20px 0;}