html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 
 * { margin: 0; } html, body { height: 100%; } body{ background: #cccacb url(/sitefiles/1/design/contentBg.png) center top repeat-y; } .allContent { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 50px; /* .push must be the same height as .footer */ } a{ color: #000; } h2{ float: left; font-family: Times; font-size: 32px; line-height: 34px; margin: 0 0 5px 0; color: #4990d3; } h3{ width: 100%; float: left; clear: both; font-family: Arial; font-size: 16px; line-height: 18px; margin: 0 10px 5px 0; font-weight: bold; color: #000; } .newQuestion{ float: left; clear: both; } .newQuestion ul li textarea{ float: left; width: 400px; } p{ float: left; clear: both; width: 100%; font-family: Times; font-size: 18px; line-height: 20px; color: #777777; margin: 0 0 18px 0; } form{ float: left; margin: 0 0 5px 0; } form p{ margin: 18px 0 0 0; } input{ margin: 0 10px 0 0; } .newQuestion form ul{ float: left; } .newQuestion form ul li{ font-size: 16px; line-height: 20px; vertical-align: middle; color: #000; } .input{ width: 80px; border: 1px solid #ccc; padding: 3px; } .clear{ clear: both; } .allContent{ width: 960px; margin: 0 auto; padding: 0 47px 0 47px; } .allContent .top{ float: left; width: 960px; height: 118px; background: url(/sitefiles/1/design/spmpsy.png) 0 0 no-repeat; } .allContent .menu{ float: left; width: 923px; height: 27px; padding: 0 0 0 37px; margin: 0 0 23px 0; background: url(/sitefiles/1/design/menuBg.png) 0 0 repeat-x; } .allContent .menu li.first{ padding: 0 13px 0 0; } .allContent .menu li{ float: left; background: url(/sitefiles/1/design/sperator.png) right top no-repeat; padding: 0 13px 0 12px; } .allContent .menu li.mRight{ float: right; } .allContent .menu li.last{ background: none; } .allContent .menu li a{ float: left; width: auto; font-family: Arial; font-size: 13px; font-weight: bold; text-transform: uppercase; height: 27px; line-height: 27px; vertical-align: middle; font-weight: bold; color: #7c7c7c; text-decoration: none; } .allContent .menu li a.active{ color: #0179C7; } .allContent .wrapper{ float: left; background: url(/sitefiles/1/design/dotted.png) 0 0 repeat-y; } .allContent .left{ float: left; min-height: 200px; width: 604px; padding: 0 0 50px 0; margin: 0 0 0 37px; _margin: 0 0 0 18px; } .allContent .right{ float: left; min-height: 200px; padding: 0 0 50px 31px; width: 281px; } .allContent .content{ float: left; width: 960px; } .footer{ position: relative; clear:both; width: 960px; margin: 0 auto; padding: 0 47px; color: #676767; } .footer .content{ float: left; width: 886px; padding: 15px 0 20px 0; margin: 0 37px; border-top: 1px solid #ccc; } .footer p{ float: left; margin: 0; font-family: Arial; font-size: 11px; line-height: 13px; } .footer a{ color: #4990d3; } #questionList, #questionList form, #questionList ul, #questionList ul li{ float: left; width: 604px; } #questionList ul{ padding: 15px 0; } #questionList ul li a{ float: left; font-size: 12px; display: block; color: #000; line-height: 22px; vertical-align: middle; text-decoration: none; } #questionList ul li select{ float: right; } #activeQuestion{ float: left; margin: 20px 0 0 0; } #activeQuestion p{ float: left; clear: both; } .receipt{ float: left; } .receipt input{ float: left; } .atricleList{ float: left; width: 593px; border-top: 1px dotted #ccc; padding: 10px 0 0 0; } .atricleList li{ float: left; clear: both; padding: 0 0 13px 0; width: 100%; } .atricleList li .image{ float: left; margin: 0 20px 0 0; } .atricleList li .image img{ float: left; } .atricleList li .text{ float: left; width: 284px; } .atricleList li .text p, .textDetail p{ float: left; clear: both; font-family: Arial; font-size: 12px; line-height: 16px; color: #000; } .removeBorder{ border: none; } .readMore{ color: #0179c7; padding: 0 0 0 18px; line-height: 14px; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; background: url(/sitefiles/1/design/arrow.jpg) 0 0 no-repeat; } .right h3{ float: left; width: 233px; height: 33px; padding: 0 10px 16px 10px; line-height: 33px; color: #fff; vertical-align: middle; background: url(/sitefiles/1/design/header.png) 0 0 no-repeat; } .goodAdvice,.links{ float: left; clear: both; width: 253px; margin: 0 0 30px 0; } .goodAdvice li{ float: left; font-family: Arial; color: #626061; font-size: 12px; line-height: 14px; font-weight: bold; width: 238px; padding: 0 0 0 15px; background: url(/sitefiles/1/design/dot.png) 0 2px no-repeat; margin: 0 0 15px 0; } .links li{ float: left; padding: 0 0 0 15px; margin: 0 0 15px 0; } .links li a{ font-family: Arial; font-size: 12px; line-height: 14px; color: #000; } .links li a .text{ float: left; font-weight: bold; } .links li a .link{ float: left; clear: both; color: #62025c; } .divText{ float: left; clear: both; margin: 0 0 15px 0; width: 550px; } .divText .readMore{ float: left; clear: both; color: #0179c7; padding: 0 18px 0 0; font-family: Arial; font-size: 18px; line-height: 20px; font-weight: bold; text-decoration: none; background: url(/sitefiles/1/design/arrow.jpg) 100% 4px no-repeat; } #activeQuestion, #activeQuestion input, #activeQuestion label, #activeQuestion textarea{ float: left; } #activeQuestion label, #activeQuestion textarea{ clear: both; } #activeQuestion textarea{ border: 1px solid #ccc; padding: 3px; margin: 0 0 10px 0; } #activeQuestion label{ float: left; font-size: 14px; display: block; color: #000; width: 150px; line-height: 22px; vertical-align: middle; text-decoration: none; } #activeQuestion .text{ border: 1px solid #ccc; padding: 3px; } .submit{ clear: both; } .row{ float: left; clear: both; width: 100%; margin: 0 0 20px 0; } .row li{ float: left; clear: both; width: 100%; padding: 0 0 10px 0; } .answer{ float: left; clear: both; margin: 20px 0 0 0; } .userInfo{ float: left; clear: both; width: 600px; } .userInfo li{ padding: 0 0 10px 0; } .userInfo .text{ padding: 3px; width: 70px; border: 1px solid #ccc; } .receipt .wrapper{ float: left; clear: both; width: 100%; margin: 20px 0 0 0; } .receipt .text{ width: 150px; padding: 3px; border: 1px solid #ccc; } .receipt h3{ margin: 20px 0 0 0; } .receipt form p{ margin: 0; } .myQuestion{ width: 596px; overflow: hidden; } .myQuestion, .myQuestion form, .myQuestion label, .myQuestion input, .myQuestion fieldset{ float: left; } .myQuestion form{ width: 100%; margin: 20px 0 0 0; } .myQuestion label{ margin: 0 10px 0 0; line-height: 22px; vertical-align: middle; } .myQuestion .send{ margin: 20px 0 0 0; clear: both; } .questionList{ float: left; width: 604px; line-height: 21px; vartical-align: middle; } #questionList ul li{ float: left; width: 564px; height: 21px; line-height: 21px; padding: 0 0 0 20px; vartical-align: middle; } .questionList li.even{ background: #dcdadb; }