﻿/* ##### */
/* Common */
/* ##### */

*						{ margin: 0px; padding: 0px; }
body, div, td			{ font-family: Arial, Verdana;	font-size: 12px; }
html, body, form		{ height: 100%; }
#wrap					{ min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -150px; }

h1, h2, h3, h4, h5		{ font-family: Arial, Verdana; }
h1						{ color: #1972aa; font-size: 38px; padding-bottom: 8px; }
h2						{ color: #2a8bc8; font-size: 26px; padding-bottom: 8px; }
h3						{ color: #42a7e6; font-size: 22px; padding-bottom: 8px; }

a						{ color: #1972aa; text-decoration: none; }
a:hover					{ color: #838589; }

p						{ line-height: 22px; padding-bottom: 8px; }
img						{ border: 0px; }
small					{ display: block; margin: 2px 0px 2px 0px; }
.space					{ height: 1px; border-bottom: solid 1px #dadada; margin: 12px 0px 16px 0px; }
.clear					{ clear:both; }

input.style				{ width:300px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:12px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:6px; }
textarea.style			{ width:600px; height:200px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:12px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:6px; }
select.style			{ width:314px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:12px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:6px; }
ul.style				{ list-style-position: inside; }
ul.style li				{ padding: 4px 0px 4px 0px; }

.statusInfo				{ padding: 10px; margin: 10px 0px 20px 0px; background-color: #c8efa6; border: solid 1px #8ac456; font-weight: bold; font-size: 15px; }
.statusError			{ padding: 10px; margin: 10px 0px 20px 0px; background-color: #eac2bc; border: solid 1px #bd4131; font-weight: bold; font-size: 15px; }

/* ##### */
/* Design */
/* ##### */

/* common */
.center							{ width: 900px; margin: 0px auto; }
.l								{ width: 440px; float: left; margin-right: 10px; }
.r								{ width: 440px; float: right; margin-left: 10px; }

/* top */
#top							{ height: 140px; background: #4b4b4b url(/img/design/top_bg.jpg) repeat-x top left; }
#top .logo						{ width: 460px; height: 140px; background: url('/img/design/top_logo.jpg') no-repeat left top; }
#top .logo .teaser				{ width: 250px; position: relative; top: 85px; right: 32px; padding: 0px; float: right; text-align: right; font-size: 10px; }
#top .logo .teaser a			{ padding-left: 10px; color: #FFF; }
#top .link_juice				{ width: 220px; height: 100px; position: relative; top: 38px; left: 680px; background-image: url(/img/design/link_juice.jpg); clear:both; }

/* top menu */
#menu							{ height: 40px; margin-top: 1px; background: url('/img/design/menu_bg.jpg') repeat-x left top; }
#menu ul						{ margin: 0px; padding: 0px; list-style-type: none; }
#menu ul li						{ margin: 0px; padding: 0px; float: left; }
#menu a							{ display: block; padding: 4px 15px 4px 15px; margin: 6px 0px 6px 0px; font-weight: bold; color: #FFFFFF; font-size: 16px; 	-webkit-border-radius: 4px; -moz-border-radius: 4px; }
#menu a:hover					{ background-color: #e29c09; }
#menu ul .active a				{ background-color: #b3ba71; }

/* link count */
.link_count						{ height: 27px; }
.link_count span				{ padding: 1px 7px 1px 7px; margin: 1px; background: url('/img/design/link_count_bg.jpg') no-repeat left top; color: #FFFFFF; font-family: Arial Black; font-size: 16px; }

/* content */
#content						{ margin: 10px 0px 40px 0px; }
#content .teaser				{ height: 100px; padding:20px; background-color:#ecedef; color:#666666; }
#content .teaser .l				{ float: left; width: 650px; padding-top: 15px; padding-left: 10px; margin-right: 10px; }
#content .teaser .r				{ float: right; width: 180px; padding-top: 10px; margin-left: 10px; }
#content .teaser h2				{ color:#666666; font-size: 16px; }

#content .field					{ width: 312px; margin: 30px auto; padding: 20px; background-color: #def5ff; }
#content .field div				{ margin-bottom: 5px; }

/* footer */
#footer, #push					{ height: 150px; }
#footer							{ background-color: #303030; }
#footer .center					{ padding: 10px 0px 10px 0px; }
#footer .center .l				{ float: left; margin-right: 15px; width: 435px; }
#footer .center .r				{ float: right; margin-left: 15px; width: 435px; }
#footer .center h3				{ color: #fff; }

/* categories */
#fp_categories					{ width: 440px; text-align: center; line-height: 28px; }
#fp_categories a				{ color: #404040; font-size: 14px; }
#fp_categories a:hover			{ color: #21a3e0; }

/* link list */
.link_list table				{ width: 100%; }
.link_list td					{ padding-bottom: 40px; vertical-align: top; }
.link_list .thumb				{ width: 180px; text-align: center; }
.link_list h2					{ padding: 0px 0px 5px 0px; }
.link_list h2 a					{ color: #4d8dbf; font-size: 18px; }

/* link item */
.link_item table				{ width: 100%; }
.link_item td					{ padding-bottom: 40px; vertical-align: top; }
.link_item .thumb				{ width: 180px; text-align: center; }
.link_item .url	a				{ font-size: 18px; color: #8da61b; }
.link_item .url	a:hover			{ color: #a9c429; }
.link_item h2					{ padding: 0px 0px 5px 0px; }
.link_item h2 a					{ color: #4d8dbf; font-size: 18px; }
.link_item .desc_ad				{ width: 336px; height: 280px; float: left; padding: 0px 10px 10px 0px; }
.link_item .fp_pic				{ height: 150px; background-color: #def5ff; text-align: center; margin: 5px 0px 10px 0px; }

/* gray field */
.gray							{ background-color: #ecedef; padding: 10px; }
.gray .item						{ padding: 5px 0px 5px 0px; }


/* keyword mix */
#keyword_mix a					{ color: #a4a4a4; }
#keyword_mix a:hover			{ color: #fff; }

/* submit link */
.select_list					{ }
.select_list .section			{ background-color: #52869f; font-weight: bold; color: #FFFFFF; }

/* error content */
.errorContent					{ background-color:#ead678; border:solid 1px #494949; padding: 5px; margin: 20px 0px 30px 0px; }

/* link options */
#link_options					{ margin-top: 30px; text-align: right; }
#link_pagerank					{ margin-top: 10px; }

/* partner info */
#partner_info					{ background-color:#D8CAA8; border:solid 1px black; padding: 10px; margin-top: 10px; }
#partner_info a					{ }

/* google advertise */
.google_120_600					{ width: 120px; margin: 0px auto; }
.google_468_60					{ width: 468px; margin: 0px auto; }
.google_728x90					{ width: 728px; margin: 0px auto; }