body, div, span, table, tr, td, th,
h1, h2, h3, h4, h5, dl, dt, dd, ul, li,
a, img, input, form {
margin:0;
padding:0;
}

body{
font-family:arial,"frutiger linotype","lucida grande",helvetica,sans-serif;
text-align:center;
color:#666666;
font-size: small;
}

/* General Style Info */
a{
color:#1D72B1;
text-decoration:none;
}
a:hover{
color:#1D72B1;
text-decoration:underline;
}

a img{
border:none;
}

li {
list-style-type:none;
}
h1 {
background: url(/img/yellow/h1.gif) no-repeat left top;
width:650px;
height:30px;
overflow:hidden;
font-size:150%;
padding:5px 5px 2px 5px;
margin-bottom:10px;
color:#FFA600;
}
h2 {
background: url(/img/plane.box.gif) no-repeat left top;
width:650px;
height:30px;
overflow:hidden;
font-size:130%;
margin-bottom:10px;
padding:8px 5px 2px 5px;
}
h3 {
background: url(/img/yellow/h3.gif) no-repeat left top;
margin-bottom:10px;
padding:3px 0 0 15px;
}
h4 {
margin-bottom:10px;
}

.clear {
clear:both;
margin-bottom:20px;
}

.m10 {
margin-bottom:10px;
}
.m20 {
margin-bottom:20px;
}
.m30 {
margin-bottom:30px;
}
.securityCode {
margin:4px;
}

.goBack a {
background:url(/img/yellow/icon05.gif) no-repeat left top;
padding-left:15px;
}

.aright {
text-align:right;
}
.acenter {
text-align:center;
}
em {
font-size: 12px;
}

.sepalater {
margin:20px 0;
}


/* Layout */

#container {
text-align:left;
width:860px;
margin:0 auto;
background-color:#FFFFFF;
}


#header{
width:100%;
padding: 0 15px 6px 15px;
background: url(/img/back.header.gif) no-repeat bottom;
}
#header td#mainTitle a {
color:#FFA600;
}
#header td#mainTitle a:hover {
text-decoration:none;
}
#header td#mainTitle strong {
font-size:200%;
}
#header td#mainTitle h1 {
font-size:200%;
margin:0;
padding:0;
background-image:none;
height:auto;
width:auto;
}
#header td#ad468{
margin-top:10px;
width:468px;
}

#content{
clear:both;
background-color: #fff;
color: #333;
}
#footer{
background: url(/img/back.footer.gif) no-repeat left top;
height:30px;
padding: 9px 0 2px 0;
text-align: center;
font-size:80%;
margin-bottom:10px;
}
#footer a {
color:#666;
}
#footer a:hover {
color:#666;
text-decoration:none;
}
#footLinks {
border-top:1px dotted #CCC;
padding-top:8px;
font-size:85%;
margin-bottom:10px;
}


#mainarea {
margin:10px 0 0 0;
width:650px;
float:left;
background-color: #ffffff;
}
#categorymainarea {
margin:10px 0 0 0;
width:650px;
float:right;
background-color: #ffffff;
}
#leftarea {
margin-top:10px;
width:180px;
float:left;
background-color: #ffffff;
}
#rightarea {
margin:10px 0 0 0;
width:180px;
float:right;
background-color: #ffffff;
}


/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 12px;
margin: 5px 10px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
.errorPage {
text-align:center;
padding:100px 0;
}
.errorPage h2 {
margin-left:105px;
}


.searchbox {
}
.searchbox input.inputform {
width:100px;
}
.searchbox input.gosearch {
vertical-align:middle;
}

#sitedescript {
margin:5px 10px;
}
#sitedescript span {
font-size:80%;
}




div#topPopRanking {
width:301px;
margin-bottom:20px;
}
.fleft {
float:left;
}
.fright {
float:right;
}
div#topRumor {
}
div.topTitleBox {
background:#FFD642 url(/img/yellow/top.title.box.gif) no-repeat top left;
color:white;
width:650px;
height:39px;
overflow:hidden;
margin-bottom:5px;
}
div.topTitleBox h3 {
margin:10px 9px 0 9px;
background-image:none;
padding:0;
font-size:110%;
}

div#topPopRanking table {
border-collapse:collapse;
}
div#topPopRanking td {
border-bottom:1px dashed #CCC3BA;
padding:5px 0;
}
div#topPopRanking td.rankImg {
text-align:center;
padding:5px;
}
div#topRumor div.title {
width:600px;
float:right;
color:#1D72B1;
}
div#topRumor div.body {
width:600px;
float:right;
}
div#topRumor div.post {
width:600px;
float:right;
text-align:right;
font-size:80%;
border-bottom:1px dashed #CCC3BA;
padding-bottom:10px;
margin-bottom:10px;
}

div#mainCategory {
margin:0 0 10px 0;
width:100%;
background:#7FCEDB url(/img/back.category.gif) no-repeat top left;
border-bottom:1px solid #42ADC1;
}
div#mainCategory h2 {
color:#FFF;
padding:10px 10px 5px 10px;
border-bottom:1px dashed #FFF;
}
table#mainCategories {
margin:10px 0 10px 15px;
width:600px;
}
table#mainCategories td {
vertical-align:top;
padding:2px 0 4px 0;
font-size:110%;
color:#BDD9D0;
width:33%;
}
table#mainCategories a {
color:#FFFFFF;
text-decoration:underline;
}
table#mainCategories a:hover {
color:#FFFFFF;
text-decoration:none;
}



#h2topCategories {
clear:both;
position:relative;
}
#h2topCategories div.h2wrap {
width:650px;
background:#CCC3BA url(/img/site.category.title.gif) no-repeat top left;
padding:8px 0 6px 0;
}
#h2topCategories div.h2wrap h2 {
color:#FFF;
position:relative;
top:3px;
left:10px;
padding:0;
margin:0;
background-image:none;
width:auto;
height:auto;
}
#h2topCategories div.btnwrap {
position:absolute;
top:15px;
left:500px;
}

div#topCategories {
background:#F5EEE4 url(/img/site.category.bottom.gif) no-repeat left bottom;
padding:10px 0;
margin-bottom:20px;
}
table#topCategories {
width:630px;
margin-left:10px;
}
table#topCategories td {
vertical-align:top;
padding:1px 0 5px 0;
border-bottom:1px dotted #E0E0E0;
}
table#topCategories td.serviceCat {
width:300px;
}
table#topCategories td.maincategories {
font-weight:bold;
width:100px;
}
table#topCategories div.maincategories {
font-weight:bold;
}
table#topCategories div.subcategories a {
color:#555555;
font-size:80%;
text-decoration:underline;
}
table#topCategories div.subcategories a:hover {
color:#3B748A;
text-decoration:none;
}

table#topFeatures td.mainpart {
text-align:center;
vertical-align:top;
}
table#topFeatures td.leftpart {
vertical-align:top;
white-space: nowrap;
}
table#topFeatures img {
margin:0 4px 4px 0;
}
table#topFeatures td.rightpart {
vertical-align:top;
padding: 0 5px;
}
table#topFeatures td.rightpart p {
margin: 0 0 12px 0;
}
table#topFeatures td.rightpart li {
margin-bottom: 6px;
}

table#mapCategories {
border-collapse:collapse;
background:#Fee url(/img/bigmap.gif) no-repeat center center;
width:550px;
}
table#mapCategories th {
font-size:90%;
text-align:center;
padding:0;
}
table#mapCategories td {
width:12%;
height:80px;
vertical-align:top;
padding-top:2px;
}
table#mapCategories td.leftx {
padding-left:25px;
}
table#mapCategories td.rightx {
padding-right:10px;
}

h2#newsite {
background-color:#0084AA;
color:#FFFFFF;
font-size:80%;
margin:20px 0 15px 0;
padding:0 10px;
}
table#topNews {
margin-left:10px;
}
table#topNews td {
width:200px;
vertical-align:top;
}
table#topNews td div.links {
background:#FFFFFF url(../img/icon01.gif) no-repeat 0 2px;
padding-left:15px;
}
table#topNews td div.urls {
font-size:80%;
padding:0 0 5px 15px;
}


div.cSites {
margin-bottom:20px;
width:650px;
border-bottom:1px dotted #CCC3BA;
}
div.cSites div.icons {
margin-bottom:3px;
}
div.cSites div.icons img {
vertical-align:bottom;
margin-right:5px;
}
div.cSites div.banner {
float:left;
width:88px;
height:31px;
overflow:hidden;
}
div.cSites div.title {
font-size:110%;
width:550px;
float:right;
}
div.cSites div.description {
font-size:90%;
width:550px;
float:right;
}
div.cSites div.post {
clear:both;
text-align:right;
font-size:80%;
margin-bottom:4px;
}

table.ranking {
border-collapse:collapse;
width:650px;
}
table.ranking th.rankTitle {
background: #CCC3BA url(/img/site.category.title.gif) no-repeat left top;
font-size:120%;
color:#555;
border-bottom:1px solid #CCC3BA;
padding:5px 10px;
}
table.ranking td {
padding:5px;
border-bottom:1px dotted #CCC3BA;
}
table.ranking tr.head th {
text-align:center;
padding:0 2px;
color:#999;
background-color: #DDD;

}
table.ranking td.rankinno {
vertical-align:middle;
text-align:center;
}
table.ranking td.rankin {
vertical-align:middle;
text-align:right;
font-size:100%;
font-weight:bold;
padding:0 2px 0 3px;
}
table.ranking div.icons {
margin-bottom:3px;
}
table.ranking div.icons img {
vertical-align:bottom;
margin-right:5px;
}
table.ranking div.banner {
float:left;
width:88px;
height:31px;
overflow:hidden;
}
table.ranking div.title {
font-size:110%;
width:350px;
float:right;
}
table.ranking div.description {
font-size:90%;
width:350px;
float:right;
}


.generalWrap {
margin:3px 10px;
}


/* rightarea */


div.contents {
padding:10px 10px 10px 10px;
font-size:110%;
background:#FFD642 url(/img/yellow/side.contents.title.gif) no-repeat left top;
color:#FFFFFF;
font-weight:bold;
}
div.contentsBody {
background:#FFFFD1 url(/img/yellow/side.contents.bottom.gif) no-repeat left bottom;
padding:10px 0;
margin-bottom:15px;
}

ul.navi {
margin:0 10px;
}
ul.navi li a {
color: #FFA600;
}
ul.subnavi {
margin:0 10px;
}

div.subContents {
padding:10px 10px 2px 10px;
font-size:110%;
background:#CCC3BA url(/img/side.sub.title.gif) no-repeat left top;
color:#FFFFFF;
font-weight:bold;
}
div.subContents a {
color:#FFFFFF;
}
div.subContentsBottom {
background:#CCC3BA url(/img/side.sub.title2.gif) no-repeat left bottom;
color:#FFFFFF;
height:8px;
margin-bottom:15px;
}
div.subContentsBody {
background:#F5EEE4 url(/img/side.sub.bottom.gif) no-repeat left bottom;
padding:10px 5px;
margin-bottom:15px;
}

div.searchboxc div.subContents {
background:#CCC3BA url(/img/site.category.title.gif) no-repeat left top;
}
div.searchboxc div.subContentsBottom {
background:#CCC3BA url(/img/site.category.title.bottom.gif) no-repeat left bottom;
}
div.searchboxc input.inputform {
width:400px;
}

#recentnews {
margin: 5px 0 5px 10px;
}
#recentnews li, #recentnews td {
margin-bottom:3px;
font-size:80%;
}
#recentnews a {
margin-bottom:3px;
font-size:110%;
}
#recentnews td {
width:160px;
vertical-align:top;
}

.rssread {
margin:4px 5px 4px 10px;
}
.portalURL {
margin: 20px 0 20px 10px;
width:160px;
}
.portalURL div {
font-size:89%;
padding:5px;
border:1px solid #ddd;
}
.intro {
margin: 10px 0;
padding:5px;
border:1px dotted #ddd;
}






/********************* categories *********************/

.breadNaviHead {
background:#FFFFD1 url(/img/yellow/bread.navi.head.gif) no-repeat left top;
width:650px;
height:5px;
}
.breadNaviBody {
background:#FFFFD1;
width:650px;
}
.breadTop {
font-size:11px;
font-weight:normal;
}
.breadNaviBody h1 {
margin:0;
padding:2px 0 5px 5px;
background-image:none;
width:640px;
}
.breadNaviTale {
background:#FFFFD1 url(/img/yellow/bread.navi.tale.gif) no-repeat left bottom;
width:650px;
height:5px;
margin:0 0 15px ;
}

.resultnum {
background: url(/img/plane.box.gif) no-repeat left top;
width:650px;
height:30px;
padding:7px 5px 2px 5px;
overflow:hidden;
font-size:85%;
}
.resultnum span {
color:#FFA600;
font-size:140%;
font-weight:bold;
}

.paginate {
text-align:center;
clear:both;
margin-bottom:15px;
}
.paginate img {
vertical-align:middle;
}
.paginate a {
color:#FFA600;
}

table#subcategories {
width:650px;
border:1px solid #B3B3B3;
border-collapse:collapse;
margin-bottom:10px;
}
table#subcategories th {
padding:7px;
background-color:#B3B3B3;
width:100px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
}
table#subcategories td {
padding:7px;
}
table#subcategories a {
color:#666666;
}



div#newsSiteWrap {
margin:10px;
padding:6px 0;
background-color:#F0F0F0;
}
div#newsSiteWrap div.newsSite {
padding:4px 10px;
color:#999;
}
div#newsSiteWrap div.newsSite span.descrip {
font-size:85%;
margin-left:5px;
}
div.rssSubmit {
margin:20px 10px;
}
div.rssSubmit a:hover {
cursor: pointer;
}


.guideWrap {
margin:10px;
}
.guideWrap h2 {
color:#FFA600;
}
.guideWrap h3 {
margin-top:20px;
}
.guideWrap p {
margin:10px 0;
}
.guideWrap ul {
margin:10px 0 10px 20px;
}
.guideWrap li {
list-style-type:disc;
margin:5px 0;
}


.registerWrap {
margin:10px;
}
.registerWrap h2 {
color:#0084AA;
}
.registerWrap ul {
margin:10px 0 15px 25px;
}
.registerWrap ul li {
list-style-type:disc;
margin:5px 0 5px 0;
}
.registerWrap table.contact {
margin:0 auto;
}
.registerWrap table.contact {
border-collapse:collapse;
}
.registerWrap table.contact tr.bottomborder {
border-bottom:1px dashed #E0E0E0;
}
.registerWrap table.contact th, .registerWrap table.contact td {
padding:10px 3px;
}


.form {
border-collapse:collapse;
width:100%;
margin-bottom:10px;
}
.form th,
.form td{
border: solid 1px #BBB;
padding: 2px 5px;
}
.form p.notice{
font-size:80%;
background-color:#E2E2E2;
margin:2px 5px 5px 5px;
padding:2px;
}

#register {
width:630px;
padding:10px 0 40px 0;
}

#register div.regSentenses {
margin:5px 0 20px 10px;
padding:0;
}
#register textarea {
width:400px;
}
#register div#thisdata {
border:1px dashed #ddd;
margin:10px;
padding:10px;
}

.linkInput {
width:500px;
padding:4px 0 3px 0;
}

#aboutpage {
margin:10px;
}


/* contact */
.contact {
width:520px;
margin-bottom:10px;
}
.contact td {
padding:5px 0;
}
tr.bottomborder td, tr.bottomborder th {
border-bottom:1px dashed #BBB;
}
tr.bottomborder th {
width:150px;
}
.contact textarea {
width:500px;
}

/* sitemap */
#sitemap {
margin:10px;
}
#sitemap h3 {
}
#sitemap ul {
margin:5px 10px 20px 10px;
}
#sitemap div {
margin:5px 10px 20px 10px;
}


/* advertize */

.ad_side1 {
width:180px;
margin:10px 0;
}
.ad_top1_head {
background: url(/img/top.ad.head.gif) no-repeat left bottom;
width:650px;
height:10px;
}
.ad_top1_body {
background: url(/img/top.ad.body.gif) repeat-y left;
width:650px;
}
.ad_top1_body div.adWrap {
width:640px;
margin-left:5px;
overflow:hidden;
text-align:center;
}
.ad_top1_body div.adWrap div {
margin:0 auto !important;
}
.ad_top1_tale {
background: url(/img/top.ad.tale.gif) no-repeat left top;
width:650px;
height:10px;
margin-bottom:15px;
}

.exad {
width:180px;
margin:10px 0 8px 0;
padding:10px 0;
border-bottom:1px dashed #aaa;
}