/*************************************************************/ /* BEGIN JOE'S FOQ STYLES (DO NOT EDIT INDIVIDUALLY!) /* REMOVE ANY DUPLICATES BELOW, CONFLICTS SHOULD BE MERGED BY /* JOE SO WE CAN CONTINUE TO PLUG IN HIS LATEST HERE /*************************************************************/ /* -------- FOQ CSS -------- */ * { padding: 0; margin: 0; } body { background: url(../images/bg-tile.gif) repeat-x top left #f2f2e7; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #686868; } /* -------- FONTS -------- */ a:link, a:visited, a:active { color: #2b5ea8; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } a:hover { text-decoration: underline; } p { padding: 0 0 10px 0; } h1, h2, h3, h4, h5 { margin: 0; font-weight: bold; } h1 { font-size: 1.5em; padding-bottom: 15px; } h2 { font-size: 1.3em; line-height: 1.7em; } h3 { font-size: 1.1em; line-height: 1.4em; } h4 { font-size: 1em; line-height: 1.2em; } h5 { font-size: .8em; line-height: 1em; } img { border: none; } .border { border: 1px solid #b8cdd2; background: #ffffff; padding: 2px; } .module_header { float: left; width: 100%; border-bottom: 1px solid #b8cdd2; margin-bottom: 10px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; color: #b4c038; } .module_header_blue { float: left; width: 100%; border-bottom: 1px solid #b8cdd2; margin-bottom: 10px; font-size: 1.1em; color: #b8cdd2; } .module_footer { float: left; width: 100%; border-top: 1px solid #b8cdd2; margin-top: 10px; padding-top: 5px; font-size: .8em; text-align: right; } .messages_header { float: left; width: 100%; border-bottom: 1px solid #c1c6c6; margin-bottom: 10px; font-size: 1.1em; font-weight: bold; } .module_header_left { float: left; } .module_header_right { float: right; color: #b8cdd2; } .module_header_right_blogs { font-weight: normal; font-size: .9em; } .img_padding { padding-right: 10px; } .messages_content { width: 100%; } .messages_content_left { float: left; width: 60%; } .messages_content_right { float: right; width: 39%; text-align: center; } .messages_content_right .profile {clear:both} .messages_content_right .profile a {clear:both} .report { font-size: .8em; } .disclaimer { font-size: .6em; color: #a9a9a9; } .comments { font-size: .9em; font-style: italic; } .bullets { clear: both; padding-left: 20px; } .bullets li { padding: 0px 0px 5px 0px; } .blue_header { color: #72969e; } .blog_profile_p { border-top: 1px solid #3d6398; } .pagination { font-size: .9em; line-height: 2.0em; text-align: center; } .sign_in { padding-bottom: 10px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; color: #b4c038; } .registration { color: #72969e; font-weight: bold; } .registration_text { font-size: .9em; } /* -------- LAYOUT -------- */ #wrapper { margin: 0 auto; width: 967px; } #header { width: 967px; height: 146px; background: url(../images/foq-logo.gif) no-repeat top left; } #logo { position: relative; float: left; top: 30px; left: 24px; width: 262px; height: 103px; } #thcn-text { position: relative; float: left; top: 43px; left: 42px; width: 223px; height: 34px; } #search { position: relative; float: right; top: 35px; right: 25px; width: 250px; height: 70px; font-size: 12px; color: #5d7486; } #navigation-holder { position: relative; float:right; top: 41px; right: 25px; width: 668px; height: 35px; } /* IE6 Hack */ * html #navigation-holder { position: relative; top: 38px; right: 25px; width: 668px; height: 35px; } /* End Hack */ #content-top { width: 927px; border: none; background: url(../images/content-top.gif) no-repeat top left #ffffff; padding: 12px 20px 0 20px; overflow: none; } #content-top-container-top { width: 100%; border-bottom: 1px solid #b4c038; padding-bottom: 10px; margin-bottom: 10px; overflow: auto; } #breadcrumbs { font-size: .8em; color: #85a4ab; } #breadcrumbs_trail { float: left; width: 700px; } #breadcrumbs_date { float: right; } #content-top-container-bot { width: 100%; padding-bottom: 10px; } #toolbar { font-size: .8em; } #footer_toolbar_container { clear: both; margin: 0 10px; } #footer_toolbar { float: left; width: 100%; border-top: 1px solid #b4c038; margin: 10px 0 0 0; padding: 10px 0; font-size: .8em; } #footer_toolbar_blog { float: left; width: 100%; border-bottom: 1px solid #b4c038; margin: 0 0 10px 0; padding: 10px 0; font-size: .8em; } #sharepost_comments_container { clear: both; margin: 0 10px; } #sharepost_comments { float: left; width: 100%; border-top: 1px dotted #85a4ab; border-bottom: 1px dotted #85a4ab; margin: 10px 0 0 0; padding: 10px 0; font-size: .8em; } #content { float: left; width: 945px; overflow: none; border: 1px solid #b7d1d9; border-top: none; margin: 0; padding: 10px; background-color: #ffffff; } .page-tools { float: left; width: 100%; } .page-tools ul { list-style: none; } .page-tools li { display: block; float: left; padding-left: 25px; line-height: 21px; color: #686868; } .page-tools li.first { background: url(../images/ico-font.gif) top left no-repeat; padding: 0 0 0 21px; } .page-tools li.sizes { padding: 0; } .sizes li { padding-left: 5px; } .page-tools li a.small { display: block; font-size: .7em; padding-left: 5px; } .page-tools li a.medium { display: block; font-size: .85em; } .page-tools li a.large { display: block; font-size: 1em; } .page-tools li.email a { background: url(../images/ico-email.gif) top left no-repeat; display: block; padding-left: 26px; } .page-tools li.print a { background: url(../images/ico-print.gif) top left no-repeat; display: block; padding-left: 26px; } .page-tools li.bookmark a { background: url(../images/ico-bookmark.gif) top left no-repeat; display: block; padding-left: 31px; } .page-tools li.rss a { background: url(../images/ico-rss.gif) top left no-repeat; display: block; padding-left: 26px; } .page-tools li.save a { background: url(../images/ico-save.gif) top left no-repeat; display: block; padding-left: 26px; } /* -------- MAIN CONTENT CONTAINER -------- */ #content-container { float: left; width: 621px; /*background-color: #99FF66;*/ } .module_full_b { float: left; width: 100%; } .module_full_b .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } .module_full_y { float: left; width: 100%; } .module_full_y .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } .module_full_ques { float: left; width: 100%; } .module_full_ques .box_content { background:#fff url(../images/bg-grad-ques.jpg) top right repeat-x; overflow: auto; font-size: .9em; height: 100%; } #advertisement { text-align: center; } #intro_text { float: left; width: 601px; margin-left: 10px; /*background-color: #FF6666;*/ } /* IE6 Hack */ * html #intro_text { float: left; width: 601px; margin-left: 5px; /*background-color: #FF6666;*/ } /* End Hack */ .header_img { padding-right: 10px; } .intro_text_right { float: right; } #all_questions { float: left; width: 601px; margin-left: 10px; /*background-color: #FF6666;*/ } /* IE6 Hack */ * html #all_questions { float: left; width: 601px; margin-left: 5px; /*background-color: #FF6666;*/ } /* End Hack */ #main_text p { padding: 0 0 0 10px; } #latest_feature { float: left; width: 100%; } #latest_feature .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } #latest_feature img { padding-right: 10px; } #parent_panel { float: left; width: 50%; } #parent_panel .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } #ld_blogs { float: right; width: 50%; margin-right: -1px; } #ld_blogs .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } #blog_panel { float: left; width: 50%; padding-right: 10px; } #blog_panel .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } #blog_doubleblog_left { float: left; width: 48%; } /* Aggregate Knowledge Links */ #blog_doubleblog_left table.akOuterTable { width: 100%; margin: 0 0 10px 0; padding: 0; border-collapse: collapse; border: none; } #blog_doubleblog_left tr.akResultsTitleRow { margin: 0; padding: 0; } #blog_doubleblog_left td.akResultsTitleCell { margin: 0; padding: 0; border-bottom: 1px solid #b8cdd2; background: none; } #blog_doubleblog_left span.akResultsTitle { font: bold 1.1em "Times New Roman", Times, serif; color: #b4c038; } #blog_doubleblog_left tr.akResultsContentRow {} #blog_doubleblog_left td.akResultsContentCell { background: none; } #blog_doubleblog_left table.akResultsTable { border-collapse: collapse; border: none; } #blog_doubleblog_left tr.akResultRow {} #blog_doubleblog_left .akEvenResult {} #blog_doubleblog_left .akOddResult {} #blog_doubleblog_left td.akResultCell { margin: 0; padding: 10px 0 0 0; text-align: left; } #blog_doubleblog_left a.akResultLink { float: left; padding-left: 20px; background: url(../images/foq_bullets.png) 6px 7px no-repeat; color: #2b5ea8; } #blog_doubleblog_left span.akResultDescription { font: 1em Arial, Helvetica, sans-serif; color: #2b5ea8; } #blog_doubleblog_right { float: right; width: 48%; } #foqs_news { float: left; width: 100%; } #foqs_news .box_content { background:#fff url(../images/bg-grad-y.gif) top right repeat-x; overflow: auto; font-size: .9em; height: 100%; } .news_posts { float: left; width: 100%; } /*.news_posts img { width: 30px; border: 1px solid #b8cdd2; background: #ffffff; padding: 1px; margin-right: 5px; }*/ .news_include_posts img { width: 30px; border: 1px solid #b8cdd2; background: #ffffff; padding: 1px; margin-right: 5px; } .content-container { float: left; width: 601px; margin: 0 10px; overflow: auto; font-size: .9em; } .blog_profiles_left { float: left; width: 19%; } .blog_profiles_left p { padding: 5px 0; font-size: .9em; } .blog_profiles_left .border { width: 90%; } .blog_profiles_right { float: right; width: 79%; } .profile_panel_left { float: left; width: 30%; } .profile_panel_left p { padding: 5px 0; font-size: .9em; } .profile_panel_left img { width: 85px; } .profile_panel_right { float: right; width: 69%; } /* -------- TABBED NAVIGATION -------- */ #quinns_qa_tabs_paddings { float: left; width: 600px; margin: 0; padding: 0 0 10px 10px; font-size: 1.0em; } #myhome_tabs_paddings { float: left; width: 920px; margin: 0; padding: 0 0 10px 10px; font-size: .9em; } #tabs_container { float: left; width: 100%; margin: 10px 0; } #tabs_nav ul { list-style: none; } #tabs_nav li { float: left; border: none; border-bottom-width: 0; margin: 0 3px 0 0; background: url(../images/tab-bg-left.gif) top left no-repeat; font-size: .9em; font-weight: bold; } #tabs_nav a { display: block; padding: 8px 15px; background: url(../images/tab-bg-right.gif) top right no-repeat; } #tabs_nav #selected { position: relative; top: 1px; background-color: #ffffff; } #border_right { clear: both; background: url(../images/tab-bg-border-grad.gif) top right no-repeat; } #tabs_content { border-top: 1px solid #91cae1; border-bottom: 1px solid #91cae1; padding: 10px; overflow: auto; height: 100%; background: url(../images/tab-bg-border-grad.gif) top left no-repeat; } #tabs_my_updates { height: 28px; line-height: 28px; margin: -5px 0 10px -5px; background: url(../images/tabs-subnav-l.gif) left no-repeat; } #tabs_my_stuff { height: 28px; line-height: 28px; margin: -5px 0 10px 95px; background: url(../images/tabs-subnav-l.gif) left no-repeat; } #tabs_my_profile { height: 28px; line-height: 28px; margin: -5px 0 10px 180px; background: url(../images/tabs-subnav-l.gif) left no-repeat; } #tabs_my_settings { height: 28px; line-height: 28px; margin: -5px 0 10px 275px; background: url(../images/tabs-subnav-l.gif) left no-repeat; } #tabs_subnav { float: left; padding-left: 20px; padding-right: 20px; background: url(../images/tabs-subnav-r.gif) right no-repeat; } #tabs_subnav a { padding: 0 5px; } table.myhome_table { width: 100%; border: none; /*1px solid #000000; border-collapse: collapse;*/ } table.myhome_table td { width: 33%; border: none; /*1px solid #000000;*/ padding: 5px; } .form_textwidth { width: 80%; } #myprofile_upload { float: left; width: 100%; } #myprofile_upload .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } #myprofile_upload_left { float: left; width: 78%; } #myprofile_upload_left dd { float: left; padding: 0 10px 10px 0; vertical-align: top; display: inline; } #myprofile_upload_left input { float: left; margin-right: 5px; } #myprofile_upload_right { float: right; width: 20%; text-align: center; } #myprofile_upload_bottom { clear: both; float: right; width: 20%; text-align: right; } #myprofile_upload h4 { padding-bottom: 10px; } #myprofile_upload img { width: 70px; } .btn_submit { text-align: center; padding: 10px 0 0 0; } #myhome_tab_content_container, .myhome_tab_content_container { float: left; width: 100%; } #myhome_tab_content_container_l { float: left; width: 49%; } #myhome_tab_content_container_lr { float: right; width: 90%; } #myhome_tab_content_container_r { float: right; width: 49%; } #myhome_tab_content_container_rl { float: left; width: 90%; } #myhome_tab_content_container_top, .myhome_tab_content_container_top { float: left; width: 95%; } #myhome_tab_content_container_box, .myhome_tab_content_container_top { float: right; width: 95%; } #foqs_news_tab_content, #messages_module, #my_favorite_blogs, #newsletter, #personal, #discussion { float: left; width: 100%; } #foqs_news_tab_content .box_content, #my_favorite_blogs .box_content, #personal .box_content, #discussion .box_content { background:#fff url(../images/bg-grad-y.gif) top right repeat-x; overflow: auto; height: 100%; } #messages_module .box_content, #newsletter .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; height: 100%; } .tab_content_full_b, .tab_content_full_y { float: left; width: 100%; } .tab_content_full_b .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; height: 100%; } .tab_content_full_y .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } .module { float: left; border-bottom: 1px solid #b8cdd2; margin-bottom: 10px; } .module_left { float: left; width: 10%; } .module_left img { width: 30px; border: 1px solid #b8cdd2; background: #ffffff; padding: 1px; margin-right: 5px; } .module_right { float: right; width: 87%; } /* .favorite_blogs { font-size: .9em; color: #81a6ae; } .favorite_blogs img { width: 30px; padding: 1px; border: 1px solid #bed1d6; } .favorite_blogs dt { float: left; padding-right: 10px; } .favorite_blogs ul { list-style: none; } .favorite_blogs li { float: left; padding-right: 5px; }*/ .date { float: right; font-style: italic; } #recommended_blogs { float: left; width: 100%; } #recommended_blogs .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } /* -------- RAIL -------- */ #rail { float: right; width: 314px; } #box_rounded { float: left; width: 100%; background: url(../images/box-rounded-top-tile.gif) top left repeat-x #ffffff; } #box_rounded_tl { float: left; width: 100%; background: url(../images/box-rounded-tl.gif) top left no-repeat; } #box_rounded_tr { float: right; width: 100%; min-height: 110px; height: auto !important; height: 110px; background: url(../images/box-rounded-tr.gif) top right no-repeat; } #box_rounded_content { float: left; width: 100%; margin: 26px 0 0 0; } /* IE6 Hack */ * html #box_rounded_content { float: left; margin: 26px 0 0 0; padding: 0; } /* End Hack */ .signed_in { margin: 0 15px; font-size: .8em; color: #81a6ae; } .text { width: 90%; } .signed_in img { width: 56px; padding: 1px; border: 1px solid #bed1d6; } .signed_in dt { float: left; padding-right: 10px; } .signed_in ul { list-style: none; } .signed_in li { float: left; padding-right: 5px; } .link_signout { float: right; } #user_statusmsg { padding: 5px 0 10px 0; font-size: 1em; font-weight: normal; } .mystuff { width: 100%; font-size: .9em; } .mystuff img { border: none; text-align: center; } .mystuff p { margin-left: 25px; } .mystuff dt { float: left; } .mystuff_date { float: right; width: 30%; text-align: right; font-style: none; } .subscribed_blogs { width: 100%; font-size: .8em; } .subscribed_blogs img { width: 30px; padding: 1px; border: 1px solid #bed1d6; } .subscribed_blogs p { margin-left: 45px; } .subscribed_blogs dt { float: left; padding-right: 10px; } .subscribed_date { float: right; width: 30%; text-align: right; font-style: italic; } .signin_error { margin: 0 15px; font-size: .8em; } .signin_error_left { float: left; width: 75%; } .signin_error_left_title { font-family: "Times New Roman", Times, serif; color: #b4c038; } .signin_error_right { float: right; width: 24%; text-align: right; } #box_rounded_bottom { float: left; width: 100%; height: 26px; background: url(../images/box-rounded-bottom-tile.gif) bottom left repeat-x; } #box_rounded_bl { float: left; width: 26px; height: 26px; background: url(../images/box-rounded-bl.gif) bottom left no-repeat; } #box_rounded_br { float: right; width: 26px; height: 26px; background: url(../images/box-rounded-br.gif) bottom left no-repeat; } #rail .foq_module ul { margin: 0px 0 10px 20px; } #rail .foq_module li { list-style-type: disc; color: #3d6398; } #view_qas { float: left; width: 100%; } #view_qas .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; font-size: .9em; height: 100%; } .view_qas_cols { float: left; width: 33%; } #view_qas_footer { float: right; padding-top: 10px; } /* -------- PROFILE LAYOUT -------- */ #profile_modules { float: left; width: 40%; } #profile_content { float: right; width: 57%; padding: 0 10px; } .edit_profile { overflow: hidden; height: 100%; padding: 0 10px; } .edit_profile_left { float: left; width: 29%; font-size: .9em; } .edit_profile_right { float: right; width: 67%; } .edit_profile_box { float: left; width: 100%; } .edit_profile_col2 { float: left; width: 47%; font-size: .9em; } .edit_profile_col3 { float: right; width: 47%; font-size: .9em; } .edit_profile label { font-weight: bold; } .description { display: inline; font-style: italic; font-size: .85em; } .form_textwidth { width: 95%; } .csv_list ul { list-style-type: none; margin: 0; padding: 0; } .csv_list li { display: inline; font-size: .85em; margin: 0; padding: 0 5px 0 0; } #footer { clear: both; width: 947px; border: none; padding: 10px; font-size: .7em; color: #999999; } /* -------- REGISTRATION TABLE -------- */ .registration_table { width: 100%; padding: 0; margin: 10px 0; border-collapse: collapse; font-size: .8em; } .registration_table td { padding: 7px; vertical-align: top; border-bottom: 1px solid #9e9e9e; } .registration_table td table tr td { padding: 0; vertical-align: top; border: none; } .registration_table td table tr td table tr td input { border: 1px solid #cccccc; height: 32px; width: 110px; font-size: 1.3em; } .verification img { border: 1px solid #cccccc; height: 32px; width: 110px; margin: 0 5px; } .tooltip span { display: none; } .report_table { width: 85%; padding: 0; margin: 10px 0; border-collapse: collapse; font-size: .8em; } .turing_field { height: 32px; width: 110px; margin: 0 5px 0 0; font-size: 1.3em; } .veri_code_image { height: 32px; width: 110px; margin: 0 5px; } .emailafriend-content {} .info-left { float: left; width: 320px; } .emailafriend-content label { display: block; } .emailafriend-content input { margin: 0 0 10px; width: 320px; } .emailafriend-content .privacy { float: right; font-size: .8em; margin: 40px 0 0 0; width: 245px; } .emailafriend-content textarea { height: 50px; width: 575px; } .emailafriend-submit { width: 100%; text-align: center; } .sort_by { padding: 5px 10px; overflow: auto; background-color: #ebecc4; } .sort_by ul { width: 100%; list-style-type: none; } .sort_by li { float: left; padding-right: 25px; font-size: .8em; } .sort_by li img { padding-left: 5px; padding-bottom: 2px; } .question_item { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #cccccc; font-size: .8em; } .question_item .avatar_col { float: left; } .question_item .avatar_col img { width: 50px; border: none; padding: 0 5px 0 0; } .question_item .question_col { float: right; width: 540px; } .question_item .question_col .date { font-style: normal; } .question_item .input_btn { float: right; } .qa_entry2 { font-size: .8em; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } #inbox_top { height: 31px; background: #fff url(../images/bg-grad-b.gif) top repeat-x; border: 2px solid #fff; border-bottom: none; padding-left: 8px; } .inbox_title h3 { float: left; margin-top: 3px; padding-left: 33px; width: 200px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #b4c038; background: url(../images/ico-newsletter.gif) no-repeat; background-position: 0 3px; } .compose_title h3 { width: 90px; } .myhome_container_header h3 { float: left; margin-top: 3px; padding-left: 33px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #b4c038; } ul.inbox_nav { float: left; list-style-type: none; margin: 5px 0 0; padding: 0; } ul.inbox_nav li { float: left; margin: 0; padding: 0 2px; } ul.inbox_toggle { float: right; list-style-type: none; margin: 9px 0 0; padding-left: 10px; } ul.inbox_toggle li { float: left; font-size: 11px; font-weight: bold; margin: 0; padding-left: 5px; background: url(../images/backgrounds/caret_pipe.gif) no-repeat 100% 2px; } ul.inbox_toggle li.last { background: none; } #messages_inner_table table { clear: both; border-collapse: collapse; border-spacing: 0; width: 100%; height: 22px; font-size: .8em; background-color: #e6ebc2; } .table_col1 { width: 25%; } .table_col2 { width: 50%; } .table_col3 { width: 25%; } .scrollarea { border: none; height: 500px; min-height: 250px; overflow-x: auto; overflow-y: scroll; } #messages_inner_table .scrollarea table { border-collapse: collapse; border-spacing: 0; width: 100%; background-color: #ffffff; } /* IE7 Hack */ html>body #messages_inner_table .scrollarea table { *width: 775px; } /* End Hack */ .scrollarea .table_col1 { width: 26%; } .scrollarea .table_col2 { width: 51%; } .scrollarea .table_col3 { width: 23%; } #messages_inner_table .scrollarea table.inbox td { border-bottom: 1px solid #ebebeb; text-align: left; padding-left: 5px; } #messages_inner_table .scrollarea td.divider { border-left: 1px solid #ebebeb; } #composition_top { padding: 5px 10px; font-size: .8em; background-color: #e6ebc2; } #composition_top input { font-size: 11px; margin-right: 5px; width: 140px; } #composition_top select { font-size: 11px; margin-right: 10px; width: 120px; } #composition_top span { font-size: 11px; font-style: italic; color: #688a92;} #composition_box { font-size: 11px; padding: 15px 230px 15px 15px; } #composition_box div { margin-bottom: 10px; } #composition_box label { display: block; font-weight: bold; text-transform: uppercase; color: #688a92; } #content_panel { } .cols_community .table_col1, .cols_community .table_col2 { width: 40%; } .col_left { text-align: left; padding-left: 15px; color: #688a92; } .col_right { text-align: right; padding-right: 45px; color: #688a92; } .scrollarea .news_posts { margin: 10px 15px 0 15px; padding-bottom: 5px; width: 775px; border-bottom: 1px solid #688a92; } .scrollarea .news_posts .module_left { float: left; width: 40px; } .scrollarea .news_posts .module_left img { width: 30px; border: 1px solid #b8cdd2; background: #ffffff; padding: 1px; margin-right: 5px; } .scrollarea .news_posts .module_right { float: left; width: 625px; } .scrollarea .news_posts .date_right { float: right; width: 80px; text-align: right; font-weight: bold; color: #688a92; } /* -------- MODULE BOXES -------- */ .box_left { float:left; } .box_right { float:right; } .box_shadow {} .box_shadow .box_top, .box_shadow .box_bottom { height:9px; font-size:1px; line-height:1px; background:url(../images/sprite_box_shadow.gif) repeat-x; } .box_shadow .box_top div, .box_shadow .box_bottom div { width:16px; height:9px; font-size:1px; line-height:1px; background-repeat:no-repeat; background-image:url(../images/sprite_box_shadow.gif); } .box_shadow .box_top { background-position:0 -9px; } .box_shadow .box_top .box_left { background-position:0 0; } .box_shadow .box_top .box_right { background-position:0 -18px; } .box_shadow .box_middle_left { padding:0 0 0 9px; margin:0; background:transparent url(../images/sprite_box_shadow_sides.gif) repeat-y; background-position:0 0; } .box_shadow .box_middle_right { padding:0 9px 0 0; margin:0; background:transparent url(../images/sprite_box_shadow_sides.gif) repeat-y; background-position:right 0; } .box_shadow .box_bottom { background-position:0 -36px; } .box_shadow .box_bottom .box_left { background-position:0 -45px; } .box_shadow .box_bottom .box_right { float:right; background-position:0 -27px; } .box_module { background:#fff; border:1px solid #dce6e9; } .box_content { border:2px solid #fff; padding:8px; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_examples.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* -------- NAVIGATION GLOBAL -------- */ .navigation { float: left; width: 100%; font-size: .8em; background: url(../images/navbar.gif) no-repeat bottom left; border: none; margin: 0; } .navigation ul { list-style-type: none; } .navigation ul li { float: left; position: relative; } .navigation ul li a, .navigation ul li a:visited { float: left; display: block; text-decoration: none; height: 35px; } .navigation ul li:hover { width: auto; } .navigation ul li a.nav-home:hover { width: 124px; background: url(../images/nav-hover-home.gif) no-repeat bottom left; } .navigation ul li a.nav-share:hover { width: 95px; background: url(../images/nav-hover-share.gif) no-repeat bottom left; } .navigation ul li a.nav-managing:hover { width: 146px; background: url(../images/nav-hover-managing.gif) no-repeat bottom left; } .navigation ul li a.nav-ld:hover { width: 149px; background: url(../images/nav-hover-ld.gif) no-repeat bottom left; } .navigation ul li a.nav-quinn:hover { width: 154px; background: url(../images/nav-hover-quinn.gif) no-repeat bottom left; } .navigation ul li:hover a.nav-home { width: 124px; background: url(../images/nav-hover-home.gif) no-repeat bottom left; } .navigation ul li:hover a.nav-share { width: 95px; background: url(../images/nav-hover-share.gif) no-repeat bottom left; } .navigation ul li:hover a.nav-managing { width: 146px; background: url(../images/nav-hover-managing.gif) no-repeat bottom left; } .navigation ul li:hover a.nav-ld { width: 149px; background: url(../images/nav-hover-ld.gif) no-repeat bottom left; } .navigation ul li:hover a.nav-quinn { width: 154px; background: url(../images/nav-hover-quinn.gif) no-repeat bottom left; } .navigation ul li ul { display: none; } .navigation table { margin: 0; border-collapse: collapse; font-size: .8em; position: absolute; top: 0; left: 0; } /* -------- NAVIGATION NON-IE SPECIFIC -------- */ .navigation ul li:hover ul { display: block; position: absolute; top: 34px; margin-top:1px; left: -1px; width: 180px; border-bottom: 1px solid #b7d1d9; } .navigation ul li:hover ul li ul { display: none; } .navigation ul li:hover ul li a { display: block; background: #e4ebf3; color: #8fa8c3; font-weight: bold; font-size: 1.2em; height: auto; padding: 5px 25px; width: 128px; border: 1px solid #b7d1d9; border-bottom: 0; } .navigation ul li:hover ul li a:hover { background: #8ca6c1; color: #ffffff; } .navigation ul li:hover ul li:hover ul { display: block; position: absolute; left: 153px; top: -1px; } .navigation ul li:hover ul li:hover ul.left { left: -153px; } /* -------- NAVIGATION IE 5.5/6 SPECIFIC -------- */ .navigation ul li a:hover ul { display: block; position: absolute; top: 38px; t\op: 38px; background: #fff; left: -1px; border-bottom: 1px solid #b7d1d9; } .navigation ul li a:hover ul li a { display: block; background: #e4ebf3; color: #8fa8c3; font-weight: bold; font-size: 1.2em; height:1px; padding: 5px 25px; width: 128px; w\idth: 128px; border: 1px solid #b7d1d9; border-bottom: 0; } .navigation ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; } .navigation ul li a:hover ul li a:hover { background: #8ca6c1; color: #ffffff; } .navigation ul li a:hover ul li a:hover ul { visibility: visible; position: absolute; top: 0; color: #000; left: 153px; } .navigation ul li a:hover ul li a:hover ul.left { left: -153px; } /*************************************************************/ /* END JOE'S FOQ STYLES (DO NOT EDIT INDIVIDUALLY!) /* REMOVE ANY DUPLICATES BELOW, CONFLICTS SHOULD BE MERGED BY /* JOE SO WE CAN CONTINUE TO PLUG IN HIS LATEST HERE /*************************************************************/ /* -------- FORMS -------- */ input { color: #686868; } input.text { font-size: 10px; width: 90px;} /* -------- USER SIGN-IN PANEL -------- */ .page .header .user_panel a:hover { text-decoration:underline; } /* Signed In */ .user_panel { margin:0; padding:0; float:left; height:70px; font-size:11px; } .user_panel form { margin:0px; padding:0px; } .user_panel dl.signed_in { margin:0; padding:0; } .user_panel .signed_in dt { position: relative; float:left; width:50px; margin:0; padding:6px 0 0 0; } .user_panel dt img { border:1px solid #d6d6d6; width:40px; } .user_panel .signed_in dd { position: relative; float:left; margin:0; padding:0; } .user_panel dd h4 { margin:5px 0 0 0; padding:0; font-size:12px; } .user_panel dd h5 { margin:0 0 6px 0; padding:0; font-size:10px; color:#3d7098; } .user_panel dd p { margin:0 0 2px 0; padding:0; font-size:13px; } .page .header .user_panel dd a { font-weight:normal; text-decoration:none; } .page .header .user_panel dd a:hover { text-decoration:underline; } .user_panel dd .link_signout { position: absolute; right: 0; top: 6px; font-size:10px; } .user_panel dd ul { margin:0; padding:0; list-style-type:none; } .user_panel dd li { margin:0 10px 0 0; padding:0 1px 4px 0; float:left; font-size:12px; } .user_panel dd li a { font-weight: normal; } .user_panel dd li.inbox { padding-left: 5px; } .page .header .user_panel dd li.mail a { font-weight:bold; } .user_panel dd li.inbox span { padding: 0; font-weight:bold; color:#d9a04a; } .page .header .user_panel dd li.inbox span a { color:#d9a04a; font-weight:bold; } #profile_blog_modules { float: left; width: 380px; } #profile_blog_content { float: right; width: 545px; padding: 10px; } #expert_panel { float: left; width: 100%; } #expert_panel .box_content { background:#fff url(../images/bg-grad-b.gif) top repeat-x; overflow: auto; height: 100%; } #expert_panel_l { float: left; padding-right: 10px; } #expert_panel_l img { width: 103px; border: none; } #expert_panel_r { float: left; width: 63%} #my_blogs { float: left; width: 100%; } #my_blogs .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } #my_photos { float: left; width: 100%; } #my_photos .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } #ask_a_q { float: left; width: 100%; } #ask_a_q .box_content { background:#fff url(../images/bg-grad-ques.jpg) top right no-repeat; overflow: auto; height: 100%; } .ask_a_q_input { width: 500px; } #quinns_qa { float: left; width: 100%; } #quinns_qa .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } #featured_q { float: left; width: 100%; } #featured_q .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } #categories { float: left; width: 100%; } #categories .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } #view_qas { float: left; width: 100%; } #view_qas .box_content { background:#fff url(../images/bg-grad-y.gif) top repeat-x; overflow: auto; height: 100%; } #col_container { float: left; width: 99%; } #col1 { float: left; width: 33%; } #col2 { float: left; width: 33%; } #col3 { float: left; width: 33%; } #view_all { float: right; margin: 10px 0 0 0; font-size: .9em; } #foq_news { width: 300px; } #foq_news .box_content { background:#fff url(../images/bg-grad-y.gif) repeat-x; overflow: auto; height: 100%; } #features { float: left; width: 100%; } #features .box_content { background:#fff url(../images/bg-grad-b.gif) repeat-x; overflow: auto; height: 100%; } #box_celeb_panel { float: left; width: 50%; } #box_celeb_panel .box_content { background:#fff url(../images/bg-grad-b.gif) repeat-x; overflow: auto; height: 100%; } #box_blogs { float: right; width: 49%; } #box_blogs .box_content { background:#fff url(../images/bg-grad-y.gif) repeat-x; overflow: auto; height: 100%; } #box_comics { float: left; width: 100%; } #box_comics .box_content { background:#fff url(../images/bg-grad-y.gif) repeat-x; overflow: auto; height: 100%; } #question_detail_icon { float: left; padding: 0 30px; text-align: center; } /* #question_detail_icon img { border: none; } */ #question_detail_content { float: right; width: 73%; } #question_detail_content img { border: none; } #question_detail_answers { float: left; width: 601px; margin: 0; padding: 0 0 10px 10px; } .question_detail_disclaimer { font-size: .7em; color: #a7a6ac; } #question_detail_header { float: left; width: 100%; font-size: .8em; padding-bottom: 10px; } #question_detail_header-l { float: left; } #question_detail_header-r { float: right; } /* -------- TOOLBAR -------- */ /* .page-tools ul { list-style: none; } .page-tools li { display: block; float: left; padding-left: 25px; line-height: 21px; font-size: .9em; color: #686868; } .page-tools li.first { background: url(../images/ico-font.gif) top left no-repeat; padding: 0 0 0 21px; } .page-tools li.sizes { padding: 0; } .sizes li { padding-left: 5px; } .page-tools li a.small { display: block; font-size: .7em; padding-left: 5px; } .page-tools li a.medium { display: block; font-size: .85em; } .page-tools li a.large { display: block; font-size: 1em; } .page-tools li.email a { background: url(../images/ico-email.gif) top left no-repeat; display: block; padding-left: 26px; } .page-tools li.bookmark a { background: url(../images/ico-bookmark.gif) top left no-repeat; display: block; padding-left: 31px; } .page-tools li.save a { background: url(../images/ico-save.gif) top left no-repeat; display: block; padding-left: 26px; } */ /* -------- TABBED NAVIGATION -------- */ #tabs-paddings { float: left; width: 601px; margin: 0; padding: 0 0 10px 10px; } #tabs-container { float: left; width: 100%; margin: 10px 0; } #tab-nav ul { list-style: none; } #tab-nav li { float: left; border: none; border-bottom-width: 0; margin: 0 3px 0 0; background: url(../images/tab-bg-left.gif) top left no-repeat; font-size: .9em; font-weight: bold; } #tab-nav a { display: block; padding: 8px 15px; background: url(../images/tab-bg-right.gif) top right no-repeat; } #tab-nav #selected { position: relative; top: 1px; background-color: #ffffff; } #tab-content { clear: both; border: 1px solid #91cae1; padding: 10px; } .tab-content { float: left; margin-left: 10px; font-size: .8em; } .tab-content img { border: none; } .tab-content .home_lister {font-size:1.2em} .expand_qs { float: right; text-align: right; margin-right: 25px; font-style: italic; } .answers_list_main { margin: 0px; padding: 0px; } .answers_list_main:after { content: ""; display: block; height: 100%; clear: both; } .answers_list_main { height: 100%; } .answers_list_main ul.list_tabs { position: relative; height: 34px; top: 0; margin: 0px; padding: 0px; list-style-type: none; } .answers_list_main ul.list_tabs li { display: inline; margin: 0px; padding: 0px; } .home_lister { min-height: 60px; margin: -1px 0 0 0; padding: 15px 10px 0px 10px; background: url(../images/tab-nav-outline.gif) no-repeat 0px 0px; } * html .home_lister { margin-top: -4px; } .home_lister:after { content: ""; display: block; height: 100%; clear: both; } .home_lister { height: 100%; } .home_lister .question_item .question_col { width: 505px; padding-right: 0; } .question_item { margin: 0px 25px 15px 0px; border-bottom: 1px dashed #cccccc; padding: 0px 0px 10px 0px; } .question_item:after { content: ""; display: block; height: 100%; clear: both; } .question_item { height: 100%; } .question_item .avatar_col { float: left; width: 60px; margin: 0px; padding: 2px 0px 0px 0px; } .question_item .avatar_col:after { content: ""; display: block; height: 100%; clear: both; } .question_item .avatar_col { height: 100%; } .question_item .avatar_col img { width:50px; } .question_item .question_col { float: left; width: 515px; margin: 0px; padding: 0px; } .question_item .question_col:after { content: ""; display: block; height: 100%; clear: both; } .question_item .question_col { height: 100%; } .question_item h3 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 1.1em; } .question_item h3:hover { text-decoration:underline; } .question_details { float: left; } .question_col .responses { float: left; margin: 0px 0px 0px 0px; padding: 0px; font-size: 0.95em; color: #0e0e0e; } .question_col .responses a { color: #0e0e0e; } .responses .rank { padding: 0px 0px 0px 5px; } .responses .rank img { position: relative; top: 2px; } .question_col .input_btn { float: right; margin-top: 5px; } .answer_col { float: left; width: 515px; } .answer_col:after { content: ""; display: block; height: 100%; clear: both; } .answer_col { height: 100%; } .question_col { float: left; width: 515px; margin: 0; } .question_col:after { content: ""; display: block; height: 100%; clear: both; } .question_col { height: 100%; } .question_col h3 a { font-weight: bold; } .question_col .edit_question { float:right; } .question_col .question_content { margin: 0; } .question_col .question_content p { margin: 0; } .page .body .question_col .question_content h1 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 1.25em; color: #326795; } .question_col .question_content .link_edit { float: right; font-weight: bold; } .question_col .question_content .link_edit a { font-weight: bold; } .post_details { margin: 0px; padding: 0px 0px 3px 0px; } .post_details:after { content: ""; display: block; height: 100%; clear: both; } .post_details { height: 100%; } .post_details .date { float: right; margin: 0px; padding: 0px; font-size: 0.9em; color: #999999; } .username { float: left; margin: 0px; padding: 0px; font-size: 0.9em; font-weight: bold; color: #999999; } .username a {font-weight: bold; color: #999999;} .post_details .categoryname { float: left; margin: 0px; padding: 0px 0px 5px 0px; font-size: 0.9em; font-weight: bold; color: #326795; } .post_details .categoryname span { padding-right: 5px; color: #db8d28; } .displayname { padding-bottom: 2px; color: #999999; } .post_info { float: left; margin: 5px 0px 0px 0px; padding: 0px; } .post_info:after { content: ""; display: block; height: 100%; clear: both; } .post_info { height: 100%; } .post_info ul { margin: 0px; padding: 0px; list-style-type: none; } .post_info li { float: left; margin: 0px; padding: 0px 5px 0px 0px; color: #6e6d6d; font-size: 11px; } .post_info li a { color: #dba14a; } .post_info li.last { padding: 0px 0px 0px 5px; background: url(../images/backgrounds/pipe_rate.gif) no-repeat 0px 2px; } .question_support { margin: 0px 0px 15px 0px; border-bottom: 1px dashed #a9a5a4; padding: 0px 0px 5px 0px; } .question_support .input_btn { margin: 0px auto; color: #ffffff; } .question_support .answer_btn { text-align: center; } .question_support .responses { margin: 30px 0px 5px 0px; font-size: 1.3em; font-weight: bold; } .question_support .link_report { float:right; position: relative; bottom: 20px; font-size: 0.85em; font-weight: bold; } .box_questionday { float: left; width: 100%; font-size: .8em; } .box_questionday .category_info a { color: #72969e; } .box_questionday .avatar_col { float: left; width: 60px; margin: 0px; padding: 2px 0px 0px 0px; } .box_questionday .avatar_col:after { content: ""; display: block; height: 100%; clear: both; } .box_questionday .avatar_col { height: 100%; } .box_questionday .avatar_col img { width: 50px ; border: 1px solid #72969e; padding: 1px; } .box_questionday .question_col { float: left; width: 200px; } .box_questionday .clear_all { clear: both; } .box_questionday .answer_details { float: left; border: none; margin: 0 0 0 60px; } .box_questionday .answer_details img { border: none; } .box_questionday .link_answers { float: left; padding-right: 55px; } /* -------- QUESTION CSS -------- */ .clear { clear:both; display:block; float:none; height:1px; overflow:hidden; } /* -------- LAYOUT -------- */ .rail { float:right; width:314px; } /* home categories */ .categories_home { clear: both; margin: 0px; padding: 15px 0px 10px 0px; } .categories_home:after { content: ""; display: block; height: 100%; clear: both; } .categories_home { height: 100%; } .categories_home ul.bullets li {float:left; margin:0 0 7px 30px; width:260px;} .page .body .categories_home .box_category h4 { font-size: 1.3em;} .categories_home .box_category li { float: left; width: 260px; margin: 0px 0px 7px 30px; } * html .categories_home .box_category li { float: left; width: 250px; margin: 0px 0px 7px 30px; } /* /home categories */ /* ask a question form */ .box_question input {margin:0; padding:0} .box_question .input_text {font-size:1em; width:180px} /* /ask a question form */ /* boxes/module */ h5 { color: #85a4ab; font-size: 1em; } p { padding: 0 0 1em 0; } .boxheader-yb { margin: 0 0 10px 0; padding: 0 0 5px 0; color: #b4c038; font-family: "Times New Roman", Times, serif; font-weight: bold; border-bottom: 1px solid #b8cdd2; } .boxheader-yy { margin: 0 0 10px 0; padding: 0 0 5px 0; color: #b4c038; font-family: "Times New Roman", Times, serif; font-weight: bold; border-bottom: 1px solid #b4c038; } .boxheader-bb { margin: 0 0 10px 0; padding: 0 0 5px 0; color: #b8cdd2; font-weight: bold; border-bottom: 1px solid #b8cdd2; } .boxheader-bdot { margin: 0 0 10px 0; padding: 0 0 5px 0; color: #b8cdd2; font-weight: bold; border-bottom: 1px dashed #b8cdd2; } .pagination { text-align: center; padding-bottom: 10px; } /* /boxes/module */ /* Question/Answer Entry */ .qa_entry { margin: 0px 0px 15px 0px; } .qa_entry div { padding: 0px 0px 30px 0px; } .qa_entry label { display: block; font-weight: bold; font-size: 1.4em; } .qa_entry span { display: block; font-size: 0.9em; } .qa_entry .countertext { float: right; font-size: 0.9em; } .qa_entry .countertext input { margin: 0px; border: 0px none; padding: 0px; font-size: 0.9em; color: #000000; background: #ffffff; } .qa_entry .input_text { width: 585px; } .qa_entry .notify label { display: normal; font-weight: normal; font-style: italic; font-size: 0.9em; } .qa_entry ul.tag_list { margin: 2px 0px 10px 0px; padding: 0px; list-style: none; } .qa_entry ul.tag_list li { display: inline; padding: 0px 4px 2px 0px; cursor: pointer; } #char_limit { font-size: 0.95em; font-style: italic; } /* Action Bar */ .action_bar { margin: 0px 0px 15px 0px; padding: 0px; } .action_bar .primary_btn { float: right; margin: 0px 0px 0px 10px; } .action_bar .secondary_btn { float: right; margin: 0px 0px 0px 10px; } .action_bar .secondary_link { float: right; margin: 0px; padding: 10px 10px 0px 0px; font-size: 1.1em; } .question_header {border-bottom:1px solid #AAAAAA;font-size:1.35em;font-weight:bold;margin:20px 0 10px;padding:0;} /* -------- question listing -------- */ .question_lister { margin: 15px 0px 15px 0px;} .question_lister:after { content: ""; display: block; height: 100%; clear: both; } .question_lister { height: 100%; } .page .body .question_lister h1 { margin: 0px 0px 25px 0px; padding: 0px; color: #000000; } .question_lister .sort_by { margin: 0px 0px 25px 0px; padding: 0px; font-weight: bold; background: #e6e7e9 url(../images/backgrounds/sort_by_r.gif) no-repeat 100% 0px; } .sort_by:after { content: ""; display: block; height: 100%; clear: both; } .sort_by { height: 100%; } .sort_by span { float: left;height: 19px; padding: 3px 0px 0px 15px; background: url(../images/backgrounds/sort_by_l.gif) no-repeat 0px 0px; } .sort_by ul { float: left; margin: 0px; padding: 3px 0px 0px 0px; list-style-type: none; } .sort_by li { float: left; margin: 0px 0px 0px 30px; padding: 0px; font-weight: normal; } .sort_by a { text-decoration: none; } .sort_by a:hover { text-decoration: underline; } .sort_by li img { border: 0px; padding: 0px 0px 2px 5px; } .sort_by { padding: 5px 10px; overflow: auto; background-color: #ebecc4; } .sort_by ul { width: 100%; list-style-type: none; } .sort_by li { float: left; padding-right: 25px; font-size: .8em; } .sort_by li img { padding-left: 5px; padding-bottom: 2px; } .question_item { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #cccccc; font-size: .8em; } .question_item .avatar_col { float: left; } .question_item .avatar_col img { width: 50px; border: none; padding: 0 5px 0 0; } .question_item .question_col { float: right; width: 540px; } .question_item .question_col .date { font-style: normal; } .question_item .input_btn { float: right; } #question_detail_content h1 {font-size:1.1em} /* /-------- question listing -------- */ /* /-------- QUESTION CSS -------- */ .rss { float:right; padding:0 0 0 0; } .rss a.widget_link { background: url(/common/c/images/widget_icon.gif) no-repeat 0px 1px; padding: 0px 0px 0px 16px; } .rss a.rss_link { background: url(/common/images/rss_logo.gif) no-repeat 0px 1px; padding: 0px 0px 0px 16px; } /* /-------- VIEW PROFILE -------- */ #profile_blog_content { float: right; width: 500px; padding: 10px; } .header_no_underline { float: left; width: 100%; margin-bottom: 10px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; color: #b4c038; } /* /-------- EDIT PROFILE -------- */ .csv_list ul { list-style-type: none; margin: 0px; padding: 0px; } .csv_list li { display: inline; margin: 0px; padding: 0px 5px 0px 0px; font-size: 80%; } .myhome_table span.description {font-size: 83%; font-style: italic; display:inline; } .myhome_table .form_textwidth { width: 91%; } /* /-------- COMMENTS-------- */ ul.comment_list { list-style-type: none; } /* /-------- MYHOME CONTAINER ICONS-------- */ .subscription_icon h3 { background: url(../images/ico-blogs.gif) no-repeat; background-position: 0 3px; } .foq_news_icon h3 { background: url(../images/ico-foqnews.gif) no-repeat; background-position: 0 3px; } .questions_icon h3 { background: url(../images/ico-myqas.gif) no-repeat; background-position: 0 3px; } .comments_icon h3 { background: url(../images/ico-comments.gif) no-repeat; background-position: 0 3px; } .blog_icon h3 { background: url(../images/ico-myblogs.gif) no-repeat; background-position: 0 3px; } .stuff_icon h3 { background: url(../images/ico-mysaved.gif) no-repeat; background-position: 0 3px; } .messages_icon h3 { background: url(../images/ico-newsletter.gif) no-repeat; background-position: 0 3px; } /* /-------- MYHOME CONTAINER MISC-------- */ .small_scrollarea { height: 250px; } .no_scroll { border: none; height: 100%; min-height: none; overflow-x: auto; overflow-y: auto; } /* /-------- MESSAGE -------- */ #messages_inner_table .scrollarea td input.chkbx_from { margin-right: 10px; } #messages_inner_table .scrollarea td a.new { font-weight: bold; } .message_box .inbox_title h3 {width: 100px;} .message_box .inbox_title {width: auto;} .message_box #messages_inner_table th {font-size: 14px;} .message_box #messages_inner_table .scrollarea td {font-size: 14px;} #composition_box div {font-size: 14px;} /*.content_text ol, .content_text ul { clear: both; padding-left: 25px; }*/ .content_text ol, .content_text ul, #main_text ol, #main_text ul { clear: both; padding-left: 25px; } .privacy ol { clear: both; padding: 20px 20px 20px 25px; } .link_report a {font-size:.8em} .change-email dl, .change-pw dl { padding: 10px 0px 0px 0px; } .change-email dl dt, .change-pw dl dt { padding: 0px 0px 5px 0px; } .scrollarea .saved_item { margin: 10px 15px 0 15px; padding-bottom: 5px; width: 775px; border-bottom: 1px solid #688a92; } .scrollarea .saved_item dt { float: left; padding: 10px; } .scrollarea .saved_item img.has_comment { margin: 8px 65px 0 0; } .box_content a.answerbtn img { margin: 5px 0px 0px 0px; } /*-------- NEW Header --------*/ .foq_header { float: left; width: 967px; height: 146px; background: url(../images/foq_header.png) top left no-repeat; } .foq_logo { float: left; width: 68px; height: 146px; padding: 0 0 0 27px; } .foq_logo img { width: 68px; height: 146px; border: none; } .foq_banner { position: relative; float: right; width: 863px; height: 106px; } .foq_text_logo_t { position: absolute; top: 21px; left: 0; width: 565px; height: 63px; } .foq_text_logo_t img { position: absolute; width: 565px; height: 63px; border: none; } .foq_text_logo_b { position: absolute; top: 84px; left: 0; width: 316px; height: 12px; } .foq_text_logo_b img { position: absolute; width: 316px; height: 12px; border: none; } .foq_hc_link { position: absolute; top: 84px; right: 386px; width: 149px; height: 10px; } .foq_hc_link img { position: absolute; width: 149px; height: 10px; border: none; } .foq_search { position: absolute; top: 35px; right: 0; width: 240px; height: 50px; font-size: 12px; } .foq_search_row { clear: both; margin-top: 5px; } .foq_nav { float: right; width: 855px; } .foq_nav ul { padding: 0; margin: 0; list-style-type: none; } .foq_nav ul li { position: relative; float: left; z-index: 1000; } .foq_nav ul li a { float: left; display: block; height: 40px; background-image: url(../images/foq_nav.png); } .foq_nav ul li img { height: auto; } .foq_nav ul li a.foq_nav_home { width: 145px; background-position: 0 0; } .foq_nav ul li a.foq_nav_home:hover, .foq_nav ul li:hover a.foq_nav_home { background-position: 0 -40px; } .foq_nav ul li a.foq_nav_qa { width: 139px; background-position: 0 -80px; } .foq_nav ul li a.foq_nav_qa:hover, .foq_nav ul li:hover a.foq_nav_qa { background-position: 0 -120px; } .foq_nav ul li a.foq_nav_blogs { width: 138px; background-position: 0 -160px; } .foq_nav ul li a.foq_nav_blogs:hover, .foq_nav ul li:hover a.foq_nav_blogs { background-position: 0 -200px; } .foq_nav ul li a.foq_nav_managing { width: 189px; background-position: 0 -240px; } .foq_nav ul li a.foq_nav_managing:hover, .foq_nav ul li:hover a.foq_nav_managing { background-position: 0 -280px; } .foq_nav ul li a.foq_nav_resources { width: 222px; background-position: 0 -320px; } .foq_nav ul li a.foq_nav_resources:hover, .foq_nav ul li:hover a.foq_nav_resources { background-position: 0 -360px; } .foq_nav ul li ul { display: none; } .foq_nav table { position: absolute; top: 0; left: 0; margin: 0; border-collapse: collapse; font-weight: bold; font-size: 12px; } .foq_nav ul li:hover ul, .foq_nav ul li a:hover ul { display: block; position: absolute; top: 40px; left: 0; width: 244px; border-bottom: 1px solid #b7d1d9; } .foq_nav ul li:hover ul li a, .foq_nav ul li a:hover ul li a { display: block; width: 222px; height: auto; padding: 10px; border: 1px solid #b7d1d9; border-bottom: 0; background: #e4ebf3; color: #8ca6c1; text-decoration: none; } .foq_nav ul li:hover ul li a:hover, .foq_nav ul li a:hover ul li a:hover { background: #8ca6c1; color: #fff; } /*-------- NEW Main Content Container --------*/ .foq_content p { margin: 0; padding: 0; } .foq_content ul { margin: 10px 0 10px 20px; } .foq_content li { list-style-type: disc; color: #3d6398; } .foq_clear { clear: both; } .foq_center { text-align: center; } .foq_center img { padding: 10px 5px 0 5px; } .foq_feed_back_thank_you { font-size: 18px; } .foq_subheader { font-weight: bold; color: #72969e; } .foq_subtitle { color: #72969e; } .foq_img_border { margin: 0 0 10px 10px; padding: 2px; border: 1px solid #dce6e9; } .foq_valign { vertical-align: middle; } .foq_content { float: left; width: 620px; font-size: 14px; } .foq_content_row { clear: both; float: left; width: 620px; margin-bottom: 15px; } .foq_content_feedback { width: 620px; min-height: 105px; height: auto !important; height: 105px; background: url(../images/foq_bg_feedback.png) repeat-x; } .foq_content_feedback_padding { position: relative; width: 620px; min-height: 105px; height: auto !important; height: 105px; background: url(../images/foq_bg_feedback_padding.gif) repeat-y; } .foq_content_feedback_l { float: left; width: 323px; height: 75px; margin-top: 10px; padding-left: 31px; } .foq_content_feedback_l span { font: bold 32px Georgia, "Times New Roman", Times, serif; color: #a1ae21; } .foq_content_feedback_l p { padding: 5px 0 0 0; font-size: 18px; } .foq_content_feedback_fixed { position: absolute; top: 50px; right: 51px; width: 187px; height: 32px; z-index: 999; } .foq_content_feedback_r { float: right; width: 256px; margin-top: 30px; } .foq_content_feedback_r_top { width: 222px; height: 10px; background: url(../images/foq_bg_feedback_form.png) -1860px 0 no-repeat; } .foq_content_feedback_r_content { width: 222px; height: 45px; background: url(../images/foq_bg_feedback_form.png) -2082px 0 repeat-y; } *html .foq_content_feedback_r_content { margin-top: -6px; } .foq_content_feedback_form { clear: both; overflow: hidden; width: 620px; font-size: 13px; } .foq_content_feedback_form_top { width: 620px; height: 10px; margin: 0; padding: 0; background: url(../images/foq_bg_feedback_form.png) 0 0 no-repeat; } .foq_content_feedback_form .foq_form_error { text-align: center; color: #ff0000; } .foq_content_feedback_form_content { position: relative; overflow: auto; width: 560px; padding: 5px 30px 0 31px; background: url(../images/foq_bg_feedback_form.png) -620px 0 repeat-y; } *html .foq_content_feedback_form_content { margin-top: -6px; } .foq_content_feedback_form_close { position: absolute; top: 0; right: 13px; width: 19px; height: 19px; background: url(../images/foq_close.png) no-repeat; z-index: 3; } .foq_content_feedback_form_close img { width: 19px; height: 19px; border: none; } .foq_content_feedback_form_bottom { width: 620px; height: 10px; margin: 0; padding: 0; background: url(../images/foq_bg_feedback_form.png) -1240px 0 no-repeat; } .foq_content_feedback_form p { margin-bottom: 5px; } .foq_content_feedback_form span { font: 15px Georgia, "Times New Roman", Times, serif; color: #81a6ae; } .foq_content_feedback_form select { width: 166px; } .foq_content_feedback_form_row { clear: both; overflow: hidden; margin: 5px 0 10px 0; } .foq_content_feedback_form_module { float: left; width: 166px; font-weight: bold; } .foq_content_feedback_form_module_mid { float: left; width: 166px; margin: 0 15px; padding: 0 15px; border-left: 1px solid #c0d2d6; border-right: 1px solid #c0d2d6; font-weight: bold; } .foq_content_feedback_form_module_mid input { width: 90%; margin-top: 2px; padding: 1px; border: 1px solid #89a9cc; } .foq_content_action { float: left; width: 185px; height: 267px; background: url(../images/foq_bg_action.png); color: #fff; } .foq_content_action div { width: 138px; margin: 20px auto; font-size: 15px; } .foq_content_action p { margin: 0; padding: 0 0 5px 0; text-align: center; } .foq_content_whois { float: right; width: 423px; } .foq_content_whois_img { position: relative; float: right; width: 411px; height: 256px; z-index: 90; } .foq_content_whois_img img { width: 411px; height: 256px; } .foq_content_whois_img_border { position: absolute; width: 411px; height: 256px; top: 0; left: 0; background: url(../images/foq_border_slideshow.png) 0 0 no-repeat; z-index: 95; } .foq_content_whois_nav { float: right; height: 14px; margin: 3px 10px 0 0; z-index: 100; } .foq_content_whois_nav img { margin-left: 5px; } .foq_module_col { float: left; width: 310px; } .foq_module { width: 100%; line-height: 1.4em; font-size: 14px; } .foq_module_top { overflow: hidden; height: 9px; background: url(../images/sprite_box_shadow.gif) 0 -9px repeat-x; } .foq_module_top div, .foq_module_bottom div { width: 16px; height: 9px; background: url(../images/sprite_box_shadow.gif) no-repeat; } .foq_module_top .foq_module_top_l { float: left; background-position: 0 0; } .foq_module_top .foq_module_top_r { float: right; background-position: 0 -18px; } .foq_module_middle_l { margin: 0; padding: 0 0 0 9px; background: url(../images/sprite_box_shadow_sides.gif) 0 0 repeat-y; } .foq_module_middle_r { margin: 0; padding: 0 9px 0 0; background: url(../images/sprite_box_shadow_sides.gif) right 0 repeat-y; } .foq_module_border { border: 1px solid #dce6e9; background: #fff; } .foq_module_content { overflow: hidden; padding: 8px; border: 2px solid #fff; border-bottom: none; } .foq_module_bg_b { height: 100%; background: url(../images/bg-grad-b.gif) top repeat-x #fff; } .foq_module_bg_y { height: 100%; background: url(../images/bg-grad-y.gif) top repeat-x #fff; } .foq_module_bottom { overflow: hidden; height: 9px; background: url(../images/sprite_box_shadow.gif) 0 -36px repeat-x; } .foq_module_bottom .foq_module_bottom_l { float: left; background-position: 0 -45px; } .foq_module_bottom .foq_module_bottom_r { float: right; background-position: 0 -27px; } .foq_module_header { float: left; width: 100%; border-bottom: 1px solid #b8cdd2; margin-bottom: 10px; padding-bottom: 5px; font: bold 16px Georgia, "Times New Roman", Times, serif; } .foq_module_header_b { color: #81a6ae; } .foq_module_header_y { color: #b4c038; } #foq_newsletter_module_error { color: #ff0000; font-size: 11px; } .foq_module_newsletters_height1 { height: 88px; } .foq_module_newsletters_height2 { height: 180px; } .foq_module_newsletters { height: 90px; border: 2px solid #fff; border-top: none; background: url(../images/foq_bg_newsletters.png) bottom right no-repeat; } .foq_module_newsletters img { margin-top: 32px; margin-left: 23px; } .foq_module_newsletters_form_row { clear: both; float: left; width: 100%; margin-bottom: 10px; line-height: 1.1em; } .foq_module_newsletters_form_col { float: left; width: 50%; font-weight: bold; font-size: .925em; } .foq_module_newsletters_form_col input { width: 90%; margin-top: 2px; padding: 1px; border: 1px solid #89a9cc; } .foq_module_newsletters_form_col_2 { float: left; width: 50%; font-weight: bold; font-size: .925em; } .foq_module_newsletters_form_col_2 input { width: 190%; margin: 2px 0px 8px 0px; padding: 1px; border: 1px solid #89a9cc; } .foq_module_newsletters_form_chkbox_l { float: left; width: 9%; } .foq_module_newsletters_form_chkbox_r { float: right; width: 91%; font-size: 11px; } .foq_module_newsletters_thanks { margin-bottom: 10px; text-align: center; font: bold 13px Georgia, "Times New Roman", Times, serif; color: #b4c038; } p.foq_module_newsletters_thanks_sub { clear: both; padding: 10px 0; font-size: 16px; color: #81a6ae; } .foq_promo { position: relative; } .foq_promo .foq_form_error { padding: 0px 0px 5px 0px; text-align: center; color: #ff0000; font-size: .825em; line-height: 1.2em; } .foq_promo_height { height: 130px; } .foq_promo_download { position: absolute; top: 112px; left: 23px; z-index: 400; } .foq_promo_bg { position: absolute; top: 80px; right: 12px; width: 108px; height: 76px; background: url(../images/foq_bg_promo.png); } .foq_promo_border { position: absolute; margin-top: -60px; width: 290px; height: 63px; z-index: 30; background: url(../images/foq_promo_border.png); } .foq_promo .foq_module_content { position: relative; } .foq_promo_close { position: absolute; top: 5px; right: 2px; width: 19px; height: 19px; background: url(../images/foq_close.png) no-repeat; z-index: 3; } .foq_promo_close img { width: 19px; height: 19px; border: none; } p.foq_promo_subheader { margin-bottom: 10px; padding: 0 23px 0 0; font: bold 13px Georgia, "Times New Roman", Times, serif; color: #81a6ae; } p.foq_promo_select { margin-bottom: 5px; padding: 0px; font: bold 13px Arial, Helvetica, sans-serif; } .foq_promo div div div div div p.foq_promo_subheader { margin-top: 10px; } .foq_promo select { width: 75%; } p.foq_promo_thanks { text-align: center; font-size: 16px; } /*-------- Videos --------*/ #video_main { float: left; width: 905px; margin: 0; padding: 0 20px; } #video_main #video_mid h1 { padding: 0; } #video_main .video { float: left; width: 426px; } #video_main .video #video_owner_text { font-size: 14px; color: #72969e; } #video_main .video .player { margin: 10px 0; padding: 2px; border: 1px solid #dce6e9; } #video_main .video #video_description_text { font-size: 13px; } #video_main #right_info { float: right; width: 315px; margin-top: 50px; } #video_main #right_info .bigbox { float: right; } #video_main .related_main { clear: both; } .related_main h2 { margin: 15px 0; padding: 10px 0; border-bottom: 1px solid #dce6e9; font: bold 18px Georgia, "Times New Roman", Times, serif; color:#a9c53c; } .related_main ul { list-style-type: none; } .related_main li { position: relative; float: left; display: inline; width: 290px; height: 114px; margin: 0 10px 10px 0; padding: 0; font-size: 13px; } .related_main img.thumb { width: 77px; height: 77px; margin-right: 8px; padding: 2px; border: 1px solid #dce6e9; } .related_main a { font-weight: bold; } .related_main p { margin-top: 5px; } .related_main li .watch { position: absolute; bottom: 0; left: 0; } /*-------- Modules --------*/ .foq_content .module { margin: 0; padding: 0; border: none; } .foq_2col { clear: both; overflow: hidden; width: 620px; background: url(../images/foq_bg_mod_2col.png) -620px 0 repeat-y; } .foq_2col .column_module_top { overflow: hidden; width: 620px; height: 10px; margin: 0; padding: 0; background: url(../images/foq_bg_mod_2col.png) 0 0 no-repeat; } .foq_2col .column_module_bottom { overflow: hidden; width: 620px; height: 10px; background: url(../images/foq_bg_mod_2col.png) -1240px 0 no-repeat; } .foq_2col .item-wide { overflow: auto; float: left; width: 600px; margin: -2px 10px 0 10px; padding: 0; background: url(../images/bg-grad-y.gif) top repeat-x; } * html .foq_2col .item-wide { float: left; width: 590px; margin: -2px 10px 0 5px; padding-right: 10px; background: url(../images/bg-grad-y.gif) top repeat-x; } .foq_2col .item-wide h2 { width: 580px; padding: 0; border-bottom: 1px solid #b8cdd2; font: bold 16px Georgia, "Times New Roman", Times, serif; color: #b4c038; line-height: 32px; } .foq_2col .item-wide h2.top { height: auto; margin: 0 0 0 10px; padding: 0; background: none; } .foq_2col .main-panel { float: left; } .foq_2col .related-panel { float: right; } .foq_2col ul { overflow: hidden; width: 280px; margin: 10px 10px 0 10px; padding: 0; } * html .foq_2col ul { overflow: hidden; width: 280px; margin: 10px 0 0 5px; padding: 0; } .foq_2col ul li { clear: both; overflow: hidden; list-style-type: none; margin-bottom: 20px; font-size: 13px; color: #686868; } .foq_2col ul li img { float: left; list-style-type: none; width: 77px; padding: 2px; border: 1px solid #b8cdd2; background: #fff; } .foq_2col ul li .text { float: right; width: 187px; } .foq_2col ul li .text a { font-weight: bold; } .foq_blank_module { clear: both; width: 310px; margin: 0; padding: 10px 0; background: #fff; } .foq_blank_module h2 { margin: 0 0 0 20px; padding: 0; font: bold 16px Georgia, "Times New Roman", Times, serif; color: #b4c038; } .foq_blank_module ul { margin-left: 40px; padding: 0; } .foq_content .clear { clear: both; height: 0; } .foq_content .middle {} .column_module_top { width: 310px; height: 8px; background: url(../images/foq_bg_mod_1col.png) 0 0 no-repeat; } .column_module_bottom { width: 310px; height: 10px; background: url(../images/foq_bg_mod_1col.png) bottom right no-repeat; } .foq_content .column { float: left; margin: 0; } .foq_content .one { width: 310px; background: url(../images/foq_bg_mod_1col.png) -310px 0 repeat-y; } .foq_content .one .white {} .foq_content .one .white .module { float: left; overflow: hidden; width: 290px; border: none; } .foq_content .one .white .item { margin: 0 0 0 10px; padding: 0; background: url(../images/bg-grad-y.gif) top repeat-x; } * html .foq_content .one .white .item { margin: -8px 0 0 5px; padding: 0; background: url(../images/bg-grad-y.gif) top repeat-x; } .foq_content .one .white .item h2 { width: 270px; padding: 0; border-bottom: 1px solid #b8cdd2; font: bold 16px Georgia, "Times New Roman", Times, serif; color: #b4c038; line-height: 32px; } .foq_content .one .white .item h2.top { height: auto; margin: 0 0 0 10px; padding: 0; background: none; } .foq_content .one .white .item .main {} .foq_content .one .white .item .main-panel {} .foq_content .one .white .item ul { overflow: hidden; width: 270px; margin: 10px 0 0 10px; padding: 0; } .foq_content .one .white .item ul li { clear: both; overflow: hidden; list-style-type: none; margin-bottom: 20px; font-size: 13px; color: #686868; } .foq_content .one .white .item ul li img { float: left; list-style-type: none; width: 77px; padding: 2px; border: 1px solid #b8cdd2; background: #fff; } .foq_content .one .white .item ul li .text { float: right; width: 177px; } .foq_content .one .white .item ul li .text a { font-weight: bold; } .foq_content .related-panel {} .foq_content .one .module .top { width: 310px; height: 8px; background: url(../images/foq_bg_mod_1col.png) 0 0 no-repeat; } .foq_content .one .module .bottom { width: 310px; height: 10px; background: url(../images/foq_bg_mod_1col.png) bottom right no-repeat; } .foq_content .one .module .shell { width: 290px; margin: 0 0 0 10px; border: none; background: url(../images/bg-grad-y.gif) top repeat-x; } .foq_content .one .module .shell .main { width: 270px; margin: 0 0 0 10px; padding: 0; border: none; } .foq_content .one .module .shell .main h2 { margin: 0; padding: 0; border-bottom: 1px solid #b8cdd2; font: bold 16px Georgia, "Times New Roman", Times, serif; color: #b4c038; line-height: 32px; } .foq_content .one .module .shell .main h3 { margin: 0; padding: 10px 0; font-size: 14px; font-weight: bold; color: #81a6ae; } .foq_content .one .module .shell .main .text { width: 270px; text-align: center; } .foq_content .one .module .shell .main img { margin-bottom: 10px; padding: 2px; border: 1px solid #b8cdd2; background: #fff; } .foq_content .one #video_moduleMain .top { width: 310px; height: 8px; background: url(../images/foq_bg_mod_1col.png) 0 0 no-repeat; } .foq_content .one #video_moduleMain .bottom { width: 310px; height: 10px; background: url(../images/foq_bg_mod_1col.png) bottom right no-repeat; } .foq_content .one #video_moduleMain #middle { width: 290px; margin: 0 0 0 10px; border: none; background: url(../images/bg-grad-y.gif) top repeat-x; } .foq_content .one #video_moduleMain #middle #video_name { width: 270px; margin: 0 0 10px 10px; padding: 0; border-bottom: 1px solid #b8cdd2; font: bold 16px Georgia, "Times New Roman", Times, serif; color: #b4c038; line-height: 32px; } .foq_content .one #video_moduleMain #middle #video_name a { font-family: Georgia, "Times New Roman", Times, serif; color: #b4c038; text-decoration: none; } .foq_content .one #video_moduleMain #middle #video_description { width: 270px; margin: 0 0 10px 10px; padding: 0; font-size: 13px; } .foq_content .one #video_moduleMain #middle #video_module { padding: 10px 0; text-align: center; } /* -------- NEWSLETTER -------- */ #subscriptiondiv { width: 967px; } #subscriptiondiv h1 { padding: 15px 0px 10px; } #subscriptiondiv ul { clear: both; padding-left: 20px; } #subscriptiondiv ul li { padding: 0px 0px 5px 0px; } /* Printer Friendly Styles */ * { margin: 0; padding: 0; } .printer { background: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .printer .page { width: 90%; margin: .5em auto; } .printer .header { clear: both; color: #999; } .printer .toptitle { float: left; font-size: .8em; } .printer .pageURL { float: right; font-size: .8em; } .printer .title { clear: both; } .printer .title h2 { margin: 0; padding-top: 1em; font-size: 2em; line-height: 1em; font-weight: bold; } .printer .title span.affiliation { font-size: .8em; } .printer .body { clear: both; color: #686868; } .printer .titlebar { margin: 1em 0; border: 1px solid #b0b0b0; border-width: 1px 0; line-height: 2em; font-size: .8em; color: #999; } .printer .titlebar .date { float: right; font-style: normal; } .printer .content {} .printer .content h1 { margin: 0; padding-bottom: 1em; font-size: 1.5em; font-weight: bold; } .printer .content .entry { margin: 1em 0 0 0; padding: 0; } .printer .content .entry .text { display: inline; overflow-x: auto; width: auto; } .printer .content .entry .text p { padding: 0; font-size: .9em; line-height: 1.5em; } .printer #footer { clear: both; width: auto; margin: 0; padding: 1em 0 0 0; border-top: 1px solid #b0b0b0; color: #999; font-size: .7em; } .printer #footer p { padding: 0 0 1em 0; } .printer a { font-weight: bold; text-decoration: none; color: #5183a8; } .printer a:hover { text-decoration: underline; } /* Lightbox */ #foq_lightbox { position: relative; overflow: auto; width: 763px; height: 514px; font-size: 13px; background: none; } #foq_lightbox_l { float: left; width: 25px; height: 514px; background: url(../images/foq_bg_lightbox.png) 0 0 no-repeat; } #foq_lightbox_m { float: left; width: 713px; height: 500px; padding-top: 14px; background: url(../images/foq_bg_lightbox.png) 0 -514px repeat-x; } #foq_lightbox_r { float: left; width: 25px; height: 514px; background: url(../images/foq_bg_lightbox.png) 0 -1028px no-repeat; } #foq_lightbox .close { position: absolute; width: 20px; height: 20px; top: 22px; right: 22px; background: url(../images/foq_close_b.png); } #foq_lightbox .close img { width: 20px; height: 20px; margin: 0; padding: 0; } #foq_lightbox h2, #foq_lightbox h4, #foq_lightbox p { text-align: center; } #foq_lightbox h2, #foq_lightbox h3 { font-family: Georgia, "Times New Roman", Times, serif; } #foq_lightbox h2 { font-size: 30px; color: #128bb3; } #foq_lightbox h3 { margin: 0 0 10px 0; line-height: 40px; font-size: 25px; color: #fff; } #foq_lightbox h4 { font-size: 15px; text-transform: uppercase; } #foq_lightbox fieldset { margin: 7px 0; border: none; } #foq_lightbox .form { clear: both; overflow: hidden; width: 602px; height: 203px; margin: 10px auto 0 auto; padding: 14px 27px 17px 27px; background: url(../images/foq_bg_lightbox_form.png) no-repeat; } #foq_lightbox .form div.foq_form_error { color: #ff0000; } #foq_lightbox .form div.fieldWithErrors { display: inline; } #foq_lightbox .form label { float: left; width: 60px; padding-top: 2px; } #foq_lightbox .form input { width: 186px; margin-right: 10p x; padding: 3px; border: 1px solid #ccc; } #foq_lightbox .form select { margin: 0 10px; width: 175px; } #foq_lightbox .checkbox { clear: both; overflow: auto; width: 598px; margin: 0 auto; padding: 13px 23px; border-bottom: 1px solid #ccc; } #foq_lightbox span.validation { color: #ff0000; } #foq_lightbox p { margin: 20px 0; } #foq_lightbox p input { margin-right: 40px; vertical-align: middle; } #foq_lightbox .confirmation { padding-top: 180px; } #foq_lightbox .confirmation p { padding-top: 15px; } .foq_modal_box_sm { position: relative; width: 239px; height: 154px; padding: 20px; background: url(../images/foq_bg_lightbox_sm.png) no-repeat; } .foq_modal_box_lg { position: relative; width: 434px; height: 234px; padding: 30px; background: url(../images/foq_bg_lightbox_lg.png) no-repeat; } .foq_modal_box_close { position: absolute; width: 20px; height: 20px; top: 15px; right: 15px; background: url(../images/foq_close_b.png) no-repeat; } .foq_modal_box_close img { width: 20px; height: 20px; }