/* CSS Document */ /*Common Part*/ html { height: 100%; } body {padding: 0; margin: 0 auto; width: 939px; min-height: 100%; position: relative; font-family: Verdana, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Sans-serif; font-size: 12px; color: #3A3A3A; } body a{ color: #006699; text-decoration:none; } a:hover { color: #8A0809 !important; } body img{ border: 0; margin: 0; padding:0;} body ul { margin:0; padding:0; list-style: none; } p { font-family: Verdana, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Sans-serif; font-size: 12px; color: #3A3A3A !important; line-height: 18px !important; margin: 0; } /*Common classes*/ .color-white { color: #ffffff; } .color-white:hover{ color: #ffffff; } .color-red { color: #ff0000; } .color-blue { color: #006699; } .color-grey { color: #949191; } .color-grey2 { color: #acacac !important; } .color-yellow1 { color: #ffed8b; } p.color-yellow1 { color: #ffed8b !important; } .bold { font-weight: bold; } .italic { font-style: italic !important; } .floatleft { float: left; } .floatright { float: right; } .small { font-size: 10px !important; } .width50 { width: 48%; padding-right:2%; } .pbig { font-size: 14px !important; } .nomargins { margin:0; } .mb5px { margin-bottom: 5px !important; } .overfl-hid { overflow: hidden; } .aligned { text-align: center; } .ierline { margin-bottom: 5px; } .spacer { margin: 10px 0px 10px 0px; border-width: 0px !important; } .spacer-thin { margin: 5px 0px 5px 0px; border-width: 0px !important; } /*End of common*/ #globalcontainer { width: 944px; margin:0 auto; } #container { width: 944px; clear: both; padding-top: 8px; } .left { width: 169px; float: left; padding-top: 4px; margin-bottom: 10px; } .right { width: 168px; float: right; padding-right: 5px; border-left: 1px solid #dddbdb; background: url(/images/right_rbg.gif) right top repeat-y; overflow: hidden; margin-bottom: 10px; } .center { width: 583px; float: left; margin: 0px 8px 0px 9px; margin-bottom: 10px; } *html .center { width: 583px; margin: 0px 7px 0px 9px; overflow: hidden; } .footer { height: 130px; width: 919px; margin-right: 5px; background: #60191d; clear: both; padding-right:20px; } .left_footer { padding-left: 20px; float: left; color: #ffffff; font-size: 11px; height: 130px; width: 580px; } .left_footer p { margin-top: 15px; color: #ffffff !important; } .left_footer p a{ color: #ffffff; font-size: 11px; } .left_footer p a:hover{ color: #888888 !important; font-size: 11px; } .right_footer { float: right; color: #ffffff; font-size: 11px; height: 130px; width: 300px; } #flogo { width: 247px; height: 63px; background: url(/images/comment_footer.jpg) left top no-repeat; margin:0; padding:0; float: right; } #flogo a{ position: absolute; width: 247px; height: 63px; background: url(/images/comment_footer.jpg) left top no-repeat; margin:0; padding:0; } p.copy { text-align: right !important; color: #ffffff !important; } /* START LOG-IN POP-UP STYLES */ #loginPanelMain { position: absolute; z-index: 100; visibility: hidden; display: none; border-width: 1px; border-color: #D0D0D0; border-style: solid; width: 340px; overflow: hidden; left: 385px; top: 20px; background-color: #ffffff; padding: 10px 10px 5px 10px; } .login-panel { color: #666666; } .login-panel a { border-width: 0px; } .login-panel p { font-size: 10px; margin-bottom: 2px; letter-spacing: .05em; } .login-panel form { margin: 0px; padding: 0px; } .login-panel input { border-width: 1px; border-style: solid; border-color: #E4E4E4; font-size: 10px; font-family: Verdana; padding: 2px; } .login-panel #login-hidden { border-width:0px; } .login-panel .field { float: left; } .login-panel .field input { width: 130px; margin: 0 10px 0 0; } .login-panel #go { position: relative; top: 21px; width: 34px; height: 15px; padding: 0px; border-width: 0px; } .login-panel #close { margin-top: -5px; float: right; } .login-panel #bottom { width: 340px; border-collapse: collapse; padding: 0; border: 0; } .login-panel #bottom td { padding: 5px 0 0 0; vertical-align: top; font-size: 10px; } .login-panel #bottom label { border: 0; } #bottom #col1 { width: 5px; } #bottom #col2 { width: 75px; } #bottom #col3 { width: 120px; } #bottom #remember-txt { position: relative; right: 2px; } #bottom input { vertical-align: top; position: relative; bottom: 5px; } html>body #login_panel #remember-me { font-size: 10px; width: 300px; position: relative; left: 50px; } #login_panel #remember-me { font-size: 10px; clear: both; width: 300px; position: relative; left: 40px; } #login_panel #remember-me input{ width: 15px !important; float: left; margin: 0 5px 0 0; } #login_panel #remember-me label { font-size: 10px; } /* END LOG-IN POP-UP STYLES */ /*RIGHT SEARCH PANEL*/ #site_search { padding: 0px; font-size: 10px; position: relative; background: #61191c; width: 148px; padding: 12px 8px 8px 13px; } #site_search form { margin: 0px 0 6px 0; } #site_search a { padding: 0; font-size: 9px; color: #CCC; /* border-bottom: 1px dotted #CCC; */ } .SiteSearch a:hover { color: #888888 !important; } .SiteSearch #article_keywords { width: 95px; margin: 0 3px; padding: 0 .5em; font-size: 10px; color: #7C7C7C; } .SiteSearch input { padding-top: 10px; font-size: 10px; } #adv_search_btn { position: relative; top: 1px; } .SearchButtonNav { margin: -2px .5em -.4em 2px; } /*END OF RIGHT SEARCH PANEL*/ /*MOST VIEWD SEARCHED PART*/ html>body .left #most { background-color: #e9d06b; margin: 0px 0 25px 0; padding: 0px 5px 6px 5px; width: 158px; max-width:158px; text-align: center; display: block; position: relative; right: 0px; } .left #most { background-color: #e9d06b; margin: 0px 0 25px 0; padding: 0px 5px 6px 5px; width: 158px; max-width:158px; text-align: center; display: block; position: relative; } .left #most { background-color: #e9d06b; } .left #most .overfl-hid{ padding-right: 1px; } .left #most #most-header { margin: 0 0px 0 0; top: 14px; position: relative; background: url(/images/most_004.gif) left top no-repeat; height: 27px; width: 48px; float: left; } .left #most #most-header { margin: 0px; position: relative; height: 27px; width: 46px; text-align: left; } .left #most #most-tabs { position: relative; top: 8px; left: 1px; display: inline; float: right; } .left #most #most-tabs { position: relative; top: 5px; left: 0px; display: inline; float: right; } *html .left #most #most-tabs{ margin-right: -3px; } .left #most .most-tab { position: relative; top: 9px; margin: 2px 0px 15px 0px; display: inline; } .left #most .most-tab { position: relative; top: 9px; margin: 2px 0px 12px 0px; display: inline; } html>body .left #most .most-tab { top: 12px; } html:root .left #most .most-tab { top: 9px; } html>body .left #most #most-header { top: 18px; } html:root .left #most #most-header { top: 14px; } html>body .left #most .section { background-color: #FFFFFF; padding: 12px 5px 10px 7px; position: relative; text-align: left; clear: both; } .left #most .section { background-color: #FFFFFF; padding: 12px 5px 10px 7px; position: relative; margin: 0 auto 0 auto; text-align: left; clear: both; } .left #most .section { background-color: #FFFFFF; padding: 12px 5px 10px 7px; width: 145px; text-align: left; clear: both; } .left #most .section #viewed { visibility: visible; position: relative; width: 145px; } .left #most .section #viewed { visibility: visible; position: relative; width: 148px; max-width:148px; } .left #most .section #emailed { visibility: hidden; position: relative; width: 148px; margin: 0px 0 0 0; } html>body .left #most .section #emailed { visibility: hidden; position: relative; width: 148px; margin: 0px 0 0 0; } .left #most .section #emailed { visibility: hidden; position: relative; width: 148px; margin: 0px 0 0 0; } .left #most .section ol li, html>body .left #most .section ol li { line-height: 14px; padding: 0 5px 0 0; margin: 0 0 0px 0; } .left #most .section ol li { line-height: 14px; padding: 0 15px 0 0; margin: 0 0 0px 0; } .left #most .section a, .left #most .section a { color: #004276; } .left #most .section .author { font-size: 9px !important; color: #7E7060; } .left #most .section .author { font-size: 9px !important; color: #7E7060; display: block; } .left #most .section ol { list-style-position: inside; margin:0 0 0 0px; padding:0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .left #most .section ol li{ text-transform: uppercase; } /*END OF MOST VIEWD SEARCHED*/ hr.divider { height: 1px; padding: 0px; border: 0px solid #C7C2B9; background-color: #C7C2B9; color: #C7C2B9; } /*EMAIL ARTICLE POP UP*/ /* **************************************** email pop-up */ #email_article_form, #email_article_thanks { display: none; position: absolute; left: 300px; top: 290px; width: 300px !important; z-index: 50; background: #FFF !important; border: 1px solid #AEAEAE; text-align: left !important; } #search_tips_pop { display: none; position: absolute; left: 300px; top: 150px; z-index: 50; background: #FFF !important; border: 1px solid #AEAEAE; text-align: left !important; width: 595px !important; height: 684px !important; } #search_tips_pop #content { width: 547px; padding: 5px 20px 10px 5px; height: 564px; margin: 0 0 10px 12px; overflow: scroll !important; } #search_tips_pop #content p, #search_tips_pop #content table td, #search_tips_pop #content table th, #search_tips_pop #content ol, #search_tips_pop #content ul { font-size: 10px !important; color: #3A3A3A !important; line-height: 18px !important; } #search_tips_pop #content ul { list-style-type: square; margin: 0 0 10px 12px; } #search_tips_pop #content table { border-width: 1px; border-style: solid; border-color: #D4D4D4; border-collapse: collapse; } #search_tips_pop #content table th, #search_tips_pop #content table td { border-width: 1px; border-style: solid; border-color: #D4D4D4; padding: 3px 10px 3px 5px; } #search_tips_pop #header { margin: 13px 0 0 15px; } #search_tips_pop .rule { height: 1px; color: #CCCBC5; background-color: #CCCBC5; padding: 0; margin: 8px 0 8px 17px; width: 563px; border-width: 0; } #letter_to_editor { display: none; width: 300px !important; min-height: 460px; z-index: 50; background: #FFF !important; border: 1px solid #AEAEAE; text-align: left !important; } #letter_to_editor_thanks { display: none; width: 300px !important; min-height:160px; z-index: 50; background: #FFF !important; border: 1px solid #AEAEAE; text-align: left !important; } #email_article_thanks { display: none; height: 350px; } #email_article_form h2, #email_article_thanks h2, #letter_to_editor h4, #letter_to_editor_thanks h4 { height: 45px; margin: 0px; font-size: 15px; font-weight: normal; line-height: 45px; color: #FFF; background: #61191D; border: 0 !important; text-align: center !important; } #btn_email_form_close, #btn_email_thanks_close, #btn_letter_to_editor_close { position: absolute; right: 3px; top: 5px; } #btn_email_form_close:hover { background: url(/images/btn_close_24bit.png); height: 23px; width: 23px; } #btn_search_tips_close { position: absolute; right: 3px; top: 0px; } #email_article_form div#head, #email_article_thanks div#head, #letter_to_editor div#head, #letter_to_editor_thanks div#head { height: 35px; margin: 0px; font-size: 13px; font-weight: normal; line-height: 37px !important; color: #FFFFFF !important; background: #61191D; border: 0 !important; text-align: center !important; } #search_tips_pop div#head { height: 30px; margin: 0px; font-size: 13px; font-weight: normal; color: #FFFFFF !important; background: #61191D; border: 0 !important; text-align: center !important; line-height: 28px; } #email_article_form div,#letter_to_editor div #search_tips div { float: none; width: auto; height: auto; margin: 0 16px; padding-bottom: 5px; text-align: left !important; } #email_article_thanks_sub1 { float: none; width: auto; height: auto; margin: 0 16px; padding-bottom: 16px; border-bottom: 3px solid #E0DFDF; text-align: left !important; } #email_article_form form, #email_article_thanks_sub2, #letter_to_editor form { margin: 1px 16px; } #email_article_form label, #letter_to_editor label { display: block; margin: 0 0 0 0; padding: 0; padding-top: 16px; border: 0 !important; font-size: 12px; font-weight: bold; color: #333; text-align: left !important; } #email_article_form h3 { margin-top: 16px; } #email_article_form p { margin: 0 !important; line-height: 1.4em; } #email_article_form form p { margin-bottom: 1em !important; font-size: .9em !important; font-weight: normal; } #email_article_form textarea, #letter_to_editor textarea, #email_article_form #from_address { width: 250px; } #btn_send_email, #btn_send_email_editor { display: block; margin: 10px 0; } /*END OF EMAIL ARTICLE POP UP*/