BODY{ background-color:#FFFFFF; margin:0px; text-align:left; } BODY, TABLE, TR, TD, P { FONT-SIZE: 12px; FONT-FAMILY:Arial, sans-serif; color:#393939; line-height:15px; } img{ border:none;} A { outline: none; } A:link { COLOR: #4d79d4; TEXT-DECORATION: underline;} A:visited { COLOR: #4d79d4; TEXT-DECORATION: underline;} A:active { COLOR: #4d79d4; TEXT-DECORATION: underline;} A:hover { COLOR: #4d79d4; TEXT-DECORATION: none;} .clear { clear:both; line-height:0px; height:0px; } h1, h2, h3, h4, h5, h6{ color:#000000; font-weight:bold;} h1{ font-size:14px;} h2{ color:#4e73c3; font-size:12px;} h3{ font-size:10px;} /********** Layout **********/ #MainArea{ width:1000px; text-align:left; padding-bottom:20px; } /********** TopMenuArea **********/ #TopMenuArea{ float:left; width:100%; } #TopMenuArea ul{ float:left; border-top:solid 3px #b0b0b0; border-bottom:solid 4px #FFFFFF; margin:0px; padding:0px;} #TopMenuArea li{ float:left; list-style:none; height:22px; line-height:22px; padding:0px 23px; background:url('../images/topmenu_sep.gif') right center no-repeat; } #TopMenuArea li a{color:#393939;} #TopMenuArea li a:hover{color:#4d79d4;} #TopMenuArea li.active a{ font-weight:bold; } #TopMenuArea li.last{ background:none; } #BannerArea{float:left; width:996px; border:solid 2px #c5c5c5; margin-bottom:9px;} /********** Left Area **********/ #LeftArea{ float:left; width:191px; } #LeftArea div.leftBlock{background-color:#f5f5f5; margin-bottom:9px;} #LeftArea div.LeftBlock div.title_l{ height:29px; background: transparent url('../images/left_block_l.gif') left center no-repeat; } #LeftArea div.LeftBlock div.title_r{ background: transparent url('../images/left_block_r.gif') right center no-repeat; } #LeftArea div.LeftBlock div.title_b{ width:100%; background:url('../images/left_block_b.gif') repeat-x; } #LeftArea div.LeftBlock div.title_b span{ line-height:30px; margin-left:14px; padding-left:22px; color:#FFFFFF; font-weight:bold; background:url( '../images/left_block_icon.gif') left center no-repeat; } #LeftArea div.leftBlock ul{ margin:0px; padding:5px 13px 5px 13px; border:solid 1px #d6d6d6; border-top:0px; } *html #LeftArea div.leftBlock ul { float:left; background-color:#f5f5f5; } #LeftArea div.leftBlock li{ margin:0px; height:26px; line-height:26px; list-style:none; background:url('../images/left_list_b.gif') left bottom repeat-x; } #LeftArea div.leftBlock li a{ float:left; color:#393939; text-indent:15px; background:url('../images/left_list_icon.gif') left center no-repeat; } #LeftArea div.leftBlock li a:hover{ float:left; color:#4d79d4; text-indent:15px; background:url('../images/left_list_icon.gif') left center no-repeat; } #LeftArea div.leftBlock li.last{ background:none;} /********** Right Area **********/ #RightArea{ float:right;} #RightArea div.RightBlock{ background:url('../images/right_b.gif') repeat-y; color:#494949; margin-top:10px;} #RightArea div.RightBlock_t{ background:transparent url('../images/right_t.gif') left top no-repeat;} #RightArea div.RightBlock_b{ background:transparent url('../images/right_bt_2.gif') left bottom no-repeat; width:168px; padding:10px 5px; } #RightArea div.RightBlock_1{ margin-top:-3px;} #RightArea div.RightBlock_1 div.RightBlock_b{ background:transparent url('../images/right_bt_1.gif') left bottom no-repeat;} #RightArea div.RightBlock div.title{ float:left; width:100%; text-indent:12px; height:30px; line-height:30px; color:#6090f9; font-size:14px; font-weight:bold; } #RightArea div.RightBlock div.sidebartext{ width:95%; padding:10px 10px 10px 10px; line-height:15px; color:#000000; font-size:11px; } #RightArea div.RightBlock_1 div.stars{ float:left; margin:0px 0px 0px 12px; width:110px; } #RightArea div.RightBlock_1 div.stars img{ float:left; margin-right:2px; } #RightArea div.RightBlock_1 div.rating{ float:left; width:35px; font-size:11px; color:#ff7200; font-weight:bold; line-height:20px; } #RightArea div.RightBlock_1 div.mark{float:left; width:100%; text-indent:12px; height:24px; line-height:24px; margin-bottom:5px; } #RightArea div.RightBlock_1 div.mark b{font-size:18px;} #RightArea div.RightBlock_1 div.item-title{float:left; width:120px; text-indent:12px; height:21px; line-height:21px; } #RightArea div.RightBlock_1 div.item-value{float:left; width:30px; height:21px; line-height:21px; } #RightArea div.RightBlock div.cross-line{ float:left; width:100%; height:2px; line-height:2px; font-size:2px; background:url( '../images/left_list_b.gif' ) left bottom repeat-x; } #RightArea div.RightBlock_2 img{ float:left; margin:6px; } /********** Center Area Page Title **********/ #CenterArea{ float:right; width:798px; } #CenterArea div.PageTitle_b{ float:left; background:url('../images/title_b.gif') repeat-x;} #CenterArea div.PageTitle_r{ float:left; background:transparent url('../images/title_r.gif') right center no-repeat;} #CenterArea div.PageTitle_l{ float:left; background:transparent url('../images/title_l.gif') left center no-repeat; height:28px; line-height:28px; padding:0px 30px; } #CenterArea div.PageTitle_l h1{ margin:0px; padding:0px; font-family:Arial;} /****************Center Page Content Area No Right Part***********************/ #CenterArea div.PageContent_1{ width:750px; } *html #CenterArea div.PageContent_1{ width:798px; } /********** Center Area BreadCrumb **********/ #CenterArea div.BreadCrumb{ float:right; height:28px; line-height:28px; margin-right:10px; } #CenterArea div.BreadCrumb a{ font-size:11px; color:#767676; } /********** Center Page Content **********/ #CenterArea div.PageContent{ float:left; width:563px; padding:10px 23px 10px 23px; line-height:20px; border:solid 1px #d6d6d6; border-top:solid 1px #8e8e8e; min-height:420px; background-color:#fafafa;} *html #CenterArea div.PageContent{ width:609px; height:470px; } #CenterArea div.FrontPageContent{ width:750px; padding-top:0px; } *html #CenterArea div.FrontPageContent{ width:796px; } /****************Center Page Content Area No Right Part***********************/ #CenterArea div.PageContent_1{ width:750px; } *html #CenterArea div.PageContent_1{ width:798px; } /********** Page Content Headline footer line **********/ #CenterArea div.PageContent div.article-teaser{ float:left; width:100%; margin-top:12px; line-height:17px;} #CenterArea div.PageContent div.headline { width:100%; border-bottom:dashed 1px #8e8e8e; height:17px; line-height:17px; margin-bottom:5px; } #CenterArea div.PageContent div.headline h2{ float:left; text-indent:10px; margin:0px; } #CenterArea div.PageContent div.headline h2 a{ color:#4e73c3;} #CenterArea div.PageContent div.headline span{float:right; color:#747474;} #CenterArea div.PageContent div.headline span b{ color:#3b3b3b;} #CenterArea div.PageContent div.footerline { width:100%; margin-top:10px; color:#747474;} #CenterArea div.PageContent div.footerline b{ color:#3b3b3b;} /* button style */ .button{ float:left; background:url( '../images/btn_b.gif' ) repeat-x; } .button_l{float:left; background:transparent url( '../images/btn_l.gif' ) left center no-repeat; } .button_r{float:left; background:transparent url( '../images/btn_r.gif' ) right center no-repeat; } .button a{ height:21px; line-height:21px; color:#2c2c2c; font-weight:bold; text-decoration:none; font-size:11px; padding:0px 16px; } /* Ranking Block */ #CenterArea div.PageContent div.SiteRanking{ width:562px; margin-top:10px; } #CenterArea div.PageContent div.SiteRanking div.title{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#FFFFFF; text-indent:20px; background:url('../images/ranking_header.png') no-repeat;} #CenterArea div.PageContent div.SiteRanking div.content{ padding-top:5px; background-color:#efefef; border-left:solid 1px #b4b4b4; border-right:solid 1px #b4b4b4; } #CenterArea div.PageContent div.SiteRanking div.content div.line{ width:543px; height:31px; line-height:31px; background:url('../images/ranking_list_b.gif') left bottom repeat-x; margin-left:9px;} #CenterArea div.PageContent div.SiteRanking div.content div.last{ background:none; } #CenterArea div.PageContent div.SiteRanking div.content div.line span{ float:left;} #CenterArea div.PageContent div.SiteRanking div.content div.line span.item1{ width:120px; text-indent:18px;} #CenterArea div.PageContent div.SiteRanking div.content div.line span.item2{ width:102px; color:#474747; font-weight:bold;} #CenterArea div.PageContent div.SiteRanking div.content div.line span.item3{ width:88px;} #CenterArea div.PageContent div.SiteRanking div.content div.line span.item3 div.button{ margin-top:5px;} #CenterArea div.PageContent div.SiteRanking div.content div.line span.item4{ width:90px; color:#ff9c00; font-weight:bold;} #CenterArea div.PageContent div.SiteRanking div.content div.line span.item5 a { color:#77a0f6; font-weight:bold; text-decoration:underline; } #CenterArea div.PageContent div.SiteRanking div.content div.line span.item5 a:hover { color:#0052ff; } #CenterArea div.PageContent div.SiteRanking div.bottom { width:100%; height:6px; background:url('../images/ranking_bottom_back.gif') no-repeat;} .bookmark_list{ font-family:Verdana; outline:none;} .bookmark_list a{ margin-left:7px; color:#2f5794; text-align:left; font-size:12px; font-weight:bold; text-decoration:underline; outline:none;} .bookmark_list a:hover{ text-decoration:none; } .bookmark_list tr.bookmark_list_tr_0{ height:38px; color:white; font-size:12px;font-weight:bold;text-align:center; } .bookmark_title_n{ width:100%; height:28px; background:url( "/images/td_bk_header_0.gif" ) right 5px no-repeat; color:white;} .bookmark_title_n_1{ width:100%; height:28px; padding-top:10px;background:url( "/images/td_bk_header_0.gif" ) right 10px no-repeat; color:white;} .bookmark_title_n_2{ width:100%; height:28px; color:white;} *html .bookmark_title_n_1{ height:100%; background-position: right 8px;} .td_firt_n{ border-top:solid #4a6998 1px; border-left:solid #4a6998 1px; border-bottom: solid #4a6998 1px; background:url( "/images/td_bk_0.gif") left top repeat-x; } .td_firt_n img{ float:right; } *html .td_firt_n img{ margin-top:-20px; } .td_second_n{ border-top:solid #4a6998 1px; border-bottom: solid #4a6998 1px; background:url( "/images/td_bk_0.gif") left top repeat-x;} .td_third_n{ border-top:solid #4a6998 1px; border-bottom: solid #4a6998 1px; border-right:solid #4a6998 1px; background:url( "/images/td_bk_0.gif") left top repeat-x;} .bookmark_list tr.bookmark_list_tr_1{ line-height:25px; } .td_firt_n_1{ border-left:solid #bec2cb 1px; border-bottom:solid #e1e1e1 1px; background:#bad0ff; border-right:solid #bec2cb 1px; } .td_second_n_1{ border-left:solid #e1e1e1 1px; border-bottom:solid #e1e1e1 1px; background:#f4f4f4; color:#484848; font-size:12px; text-align:center; } .td_second_n_1_0{ padding-top:5px; border-left:solid #e1e1e1 1px; border-bottom:solid #e1e1e1 1px; background:#f4f4f4; color:#484848; font-size:12px; text-align:center; } .td_second_n_1_2{ color:#474747; font-size:10px; text-align:center;} .td_third_n_1{ border-left: solid #e1e1e1 1px; border-bottom:solid #e1e1e1 1px; background:#f4f4f4; border-right:solid #bec2cb 1px; color:#d70100; font-size:12px; text-align:center;} /********** Front Page Article teaser **********/ #CenterArea div.PageContent div.article-teaser div.left{ float:left; width:130px height:83px; border:solid 1px #888888; margin-top:10px; } #CenterArea div.PageContent div.article-teaser div.text{ float:left; width:595px; margin:7px 0px 0px 18px; height:63px; } #CenterArea div.PageContent div.article-teaser div.post-date{ float:left; color:#747474; margin:11px 0px 0px 18px;} #CenterArea div.PageContent div.article-teaser div.post-date b{color:#3b3b3b;} #CenterArea div.PageContent div.article-teaser div.more-link{ float:left; margin:9px 0px 0px 30px;} *html #CenterArea div.PageContent div.article-teaser div.text { margin-left:9px;} *html #CenterArea div.PageContent div.article-teaser div.post-date { margin-left:9px; margin-top:5px;} *html #CenterArea div.PageContent div.article-teaser div.more-link{ margin-top:3px;} #FooterArea{ float:left; width:998px; border:solid 1px #d6d6d6; background-color:#f8f8f8; line-height:25px; text-align:center; color:#767676; padding:8px 0px 10px 0px; margin-top:13px; }