/* reset */
body, div, ul, li, h1, h2, h3, form, input, button, textarea, p, select{ margin:0; padding:0 }
ol {
	margin:0;
}
#whole #main-grey li {
	color: #666666;
	padding-bottom: 5px;
}

h1, h2, h3{ font-size:100% }
input,button,textarea,option{
  font-family:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  vertical-align:middle;
}
body{ font:12px/1.5em arial, helvetica, sans-serif;background:#8e9399 url('../images/bg.gif') repeat-x;}
img, object { border:0;vertical-align:middle }
a{ color:#0066FF;text-decoration:none; }
a:hover { color:#0099FF;text-decoration:underline; }
.line{ border-top:1px solid #CCC }
.txt{ width:150px;border:1px solid #A5D0F1; height:18px; }
textarea{ border:1px solid #A5D0F1 }
#whole{ width:900px;margin:0px auto }
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix{ zoom:1 } /*for ie*/

/* reg.html */
.red { color:#FF0000; }
.head { font-size:14px;font-weight:bold;color:#FFFFFF; }
#reg .txt{ float:left;margin-right:5px; }


/* head.html */
#top { margin:10px auto }		
  .title {
    height:24px;
	line-height:24px;
    font-size:18px;
	color:#999;
	font-weight:bold;
	text-indent:25px;
	background:url(images/book-blue.png) no-repeat 0 -2px;
	margin-left:20px;
  }
  #nav{ float:right;height:24px;
	line-height:24px; }
    #nav a{ color:#999999;font-weight:bold; }
    #nav a:hover{ color:#000000;text-decoration:none; }
    #nav .orange{ color:#FF9900;font-weight:bold;font-size:14px; }
    #nav .orange:hover{ color:#FF6600;text-decoration:none; }
  hr { color:#CCC;height:1px;margin-top:-7px }


/* foot.html */
#bottom{ margin:20px 0;text-align:center;color:#999; }
#bottom .line{ margin-bottom:8px }

/* index.html */
#main {
  border-top:1px solid #A5D0F1;
  border-bottom:1px solid #A5D0F1;
  width:850px;
  background:#E3F2FB;
  margin:0 auto
}
#main-grey {
	border-top:1px solid #A5D0F1;
	border-bottom:1px solid #A5D0F1;
	width:850px;
	margin:0 auto;
	background-color: #E5F2FB;
	position: relative;
	color: #666666;
}
#lefter {
	width: 520px;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
}
#righter {
	float: right;
	width: 270px;
	background-color: #E3F2FB;
	margin: 8px 8px 8px 0px;
	padding: 5px 5px 5px 0px;
}
#sponser {
	width:250px;
	margin:0 3px 6 0px;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	line-height: 20px;
	background-color: #FFFFFF;
	padding: 3px 8px 6px;
	text-align: left;
}
  #search {
	width:400px;
	margin:10px auto;
}
    #keyword {
	width:250px;
	margin:0 3px 8 0px;
	height:18px;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	line-height: 20px;
	background-color: #FFFFDF;
	padding: 3px 5px;
}
      #search p { margin-top:5px;color:#999 }
	    #kwFont{ color:#64AFE8;font-size:14px;font-weight:bold }
		.spanSel { border:1px solid #A5D0F1;position:absolute;overflow:hidden;*margin-top:-4px; }
        .select { margin:-2px }
	  
  #send{ width:400px;margin:0 auto 10px;color:#999; }
    #send p{ margin-top:5px; }
      #sendTitle{
	    background:url(images/book-blue-open.png) no-repeat 0 -2px;
	    height:24px;
	    line-height:24px;
	    text-indent:30px;
	    margin-left:12px;
	    font-size:14px;
        font-weight:bold;
	    font-style:italic;
	  }
      #send textarea{ width:282px;margin-right:9px }

#taxis { margin:8px auto 0;width:550px}
  #stcSub, #stcShow{ width:500px;height:500px;padding-left:30px; }
  #stcSub h2, #stcShow h2{
    height:24px;
	line-height:24px;
	text-indent:30px;
	font-size:14px;
	margin:10px 0 0 -15px;
	background:no-repeat 0 -2px;
  }
  #stcSub {
	float:left;
	background:#FFF3E1;
	border-top:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
  }
  #stcSub h2{ color:#FF9900;background-image:url(images/tag-pencil.png) }
#note {
	color: #666666;
	padding-bottom: 5px;
}

h1 {
	font-size: 16px;
	color: #0066FF;
	text-indent:25px;
	background:url(images/book-blue.png) no-repeat 0 -2px;
}

h2 {
	font-size: 14px;
	color: #333333;
	padding-bottom: 8px;
	padding-top: 8px;
}
h3 {
	font-size: 14px;
	color: #333333;
	padding-bottom: 0px;
	padding-top: 7px;
	background-image: url(images/h3bg.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 255px;
	padding-left: 15px;
	text-align: left;
}
h4 {
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 3px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E5F2FB;
}

  #stcShow {
	float:right;
	background:#FFF3E1;
	border-top:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
  }
  #stcShow h2{ color:#E38800;background-image:url(images/zoom.png) }
  
  #marquee1,#marquee2{ width:360px;height:200px;overflow:hidden;margin-top:5px }

/* result.php */
.container{ margin:0 auto; width:850px }
#result{ width:480px;float:left;margin-right:10px;_margin-right:7px; }
#resultTitle { font-size:14px;font-weight:bold; }
.green { color:#009900; }
.blue { color:#64AFE8 }



#rankingkeyword {
	width:250px;
	margin:0 3px 6 0px;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	line-height: 20px;
	background-color: #FFFFFF;
	padding: 3px 8px 6px;
	text-align: left;
}
    #rankingkeyword a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background-color: #666666;
	visibility: visible;
	display: inline;
	background-repeat: repeat-x;
} 

#adsense {
	padding-top: 5px;
	padding-bottom: 5px;
}
#keysub {
	padding: 3px 8px 8px;
	text-align: left;
}
#keytitle {
	background-color: #E3F2FB;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}
.adsense {
	border: none!important;
	text-align: center;
	float: left;
	width: 250px;
}

/* ======================================== */
/* table Styles
/* ======================================== */

.cel0 {
	font-weight:bold;
	background-color:#EDF8EB;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px;
	text-align:center;
}

.cel1 {
	font-weight:bold;
	background-color:#F6F4EA;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px 5px 5px 25px;
	text-align:left;
}

.cel2 {
	background-color:#F5F5F5;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px;
	text-align:left;
}
.cel3 {
	font-weight:bold;
	background-color:#FFFFCC;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px;
	text-align:center;
}