html { height:100%; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	text-align:center;
	background-color: #dddcdf;
	height:100%;
}

div.site {
	/*border:1px solid #666;*/
	width:732px;
	height:100%;
	/*overflow:hidden;*/
	margin: 0 auto;
}

img {	border:0; }
img.thumb  { margin-top:6px; }


/* ------------------ H E A D ---------------------------------------------------------------------- */

div.pagetop {
	border:1px solid #666;
	background: #555359 url('http://pagerank.webfire.biz/img/page-top-bg.jpg') repeat-y;
	width:730px;
	height:80px;
}

#logo {
	float:left;
	margin:14px 18px;
}

#banner {
	float:right;
	margin:10px;
}

div.navi {
	border:1px solid #666;
	background: #555359 url("http://pagerank.webfire.biz/img/page-navi-bg.jpg") repeat-x;
	width:730px;
	height:28px;
	margin-top:10px;
	overflow:hidden;
	text-align:left;
}

/* ------------------ M E N U ---------------------------------------------------------------------- */

.menu, a.menu {
	font-weight:bold;
	color:#feffef; /*#efeeff;*/
	margin-left:15px;
	position:relative;
	top:6px;
	text-decoration:none;
}

a.menu:hover {
	color:#FFA040;
}

menu li {
	margin-bottom:4px;
	position:relative;
	left:-10px;
	font-weight:bold;
	color:#FF8000;
}

menu li a {
	color:#777;
	text-decoration:none;
}

menu li a:hover {
	color:#FF8000;
}

/* ------------------ M A I N ---------------------------------------------------------------------- */

H1 {
	color:#88858e;
	font-size:15px;
	/*font-weight:normal;
	letter-spacing:1px;*/
	margin-bottom:10px;
	text-align:left;
}

H3 {
	color:#88858e;
	/*font-size:15px;
	font-weight:normal;
	letter-spacing:1px;*/
}

HR.orange {
	height:1px;
	margin:0;
	border:dashed #FFA040 1px;
}

div.main {
	border:1px solid #666;
	background-color:#feffef;
	color:#666;
	width:730px;
	/*height:100%;*/
	height: auto;
	margin-top:10px;
}

div.inside {
	width:auto;
	height:auto;
	margin:12px 15px;
	text-align:left;
}

div.sub_tpl {
	/*border:1px solid #666;*/
	width:auto;
	height:auto;
	margin-top:10px;
	margin-bottom:15px;
}

div.index_box {
	border:1px solid #999;
	width:240px;
	height:auto;
	/*float:right;*/
	margin-top:10px;
}

div.domain_box {
	border:1px dotted #FFA040;
	/*padding:15px;*/
}

div#codestyleblock {
	/*border:1px solid #666;*/
	width:425px;
	height:100px;
}

div#styles {
	/*border:1px solid #666;*/
	width:425px;
	height:90px;
	overflow:hidden;
}

div#code {
	/*border:1px solid #666;*/
	width:425px;
	height:90px;
	overflow:hidden;
	position:relative;
	top:-92px;
	visibility:hidden;
}

div#process {
	/*border:1px solid #666;
	width:425px;
	height:90px;
	overflow:hidden;*/
	position:relative;
	top:-138px;
	visibility:hidden;
}

/* ------------------ L I N K S -------------------------------------------------------------------- */

a { cursor: url("http://www.webfire.biz/img/hand.cur"), pointer; }

* a:hover, a.domain:hover, a.grey:hover, table.flipflop2 a:hover { color:#FF8000; }

a.ranking, .ranking {
	font-weight:bold;
	/*font-size:10px;*/
	color:#999;
	text-decoration:none;
}

.ranking_active {
	/*border:1px solid #666;*/
	font-weight:bold;
	color:#FF8000; /* #FF8000; */
	text-decoration:none;
}

.grey, a.grey {
	font-weight:bold;
	color:#888;
	text-decoration:none;
}

a.ranking:hover {
	color:#666;
	text-decoration:underline;
}

a.domain {
	color:#666;
	text-decoration:none;
}



/* ------------------ T A B L E S ------------------------------------------------------------------ */

table.top10 th, table.index_box th {
	background-color:#88858e; /*#9996a5;*/
	color:#FFA040;
	font-size:10px;
	/*font-weight:normal;*/
	padding:4px 0px;
	text-align:center;
}

table.top10 td, table.index_box td {
	background-color:#eee;
	color:#666;
	font-size:10px;
}

table.top10 td { text-align:center;	}
table.index_box td { text-align:left; }
table.index_box td li { padding:0px 15px 2px 5px; color:#999; }

.middle_bold {
	vertical-align:top;
	position:relative;
	top:3px;
	font-weight:bold;
	color:#777;
}

td.benefit {
	width:240px;
	padding:4px;
}

table.bright, table.dark, table.neutral {
	font-size:10px;
	text-align:center;
	margin-top:5px;
	position:relative;
	width:425px;
	height:60px;
}

table.bright {
	border:1px solid #666;
	background-color:#fff;
	color:#666;
	visibility:hidden;
}

table.dark {
	border:1px solid #333;
	background-color:#666;
	color:#eee;
	top:-65px;
	visibility:hidden;
}

table.neutral {
	border:1px solid #666;
	background-color:#eee;
	color:#666;
	top:-130px;
	/*visibility:hidden;*/
}

table.flipflop, table.flipflop2 {
  border: 1px solid #aaa;
  color: #555;
  background: #eee;
 	font-size:10px;
	margin: 0 auto;
}

table.flipflop TH, table.flipflop2 TH {
	background-color: #d8d8d8;
  color: #654;
	padding:4px;
	text-align:center;
}

tr.even td {
	background-color: #FEFFEF;
	padding:4px;
	text-align:left;
}
	
tr.odd td {
	background-color: #F8F8E7;
	padding:4px;
	text-align:left;
}
tr td.center {
	text-align:center;
}

table.flipflop a {
	color:#666;
	text-decoration:none;
}

table.flipflop2 a, table.flipflop2 td {
	color:#555;
	text-decoration:none;
}

/* ------------------ F O R M S -------------------------------------------------------------------- */

select.bg {
	background-color:#feffef;
	border:1px solid #999;
	width:100px;
	}

textarea.code {
	border:1px dotted #999;
	color:#555;
	width:415px;
	height:52px;
	line-height:16px;
	padding:4px;
	margin-top:5px;
	overflow:hidden;
	}

Input, Select, Textarea, Button { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	}

label.install {
	font-size:10px;
	font-weight:bold;
	color:#666;
	}

Button.install {
	/*background-color:#ccc;*/
	font-size:11px;
	font-weight:bold;
	color:#333;
	width:240px;
	}

/* ------------------ S P E C I A L S -------------------------------------------------------------- */

.orange { color:#FF8000; }

p.notes {
	margin-top:3px;
	font-size:9px;
	color:#999;
	text-align:center;
}

p.block {
	margin:7px 0px;
	text-align:justify;
}

p.block2 {
	margin:8px 14px;
	text-align:justify;
}

p.helptitle {
	border:dashed #FFA040 1px;
	width:425px;
	color:#88858e;
	font-size:13px;
	font-weight:bold;
	padding:5px 12px;
}

.green_bold {
	color:#0b0;
	font-weight:bold;
}

.red_bold {
	color:#f03;
	font-weight:bold;
}

.blue_bold {
	color:#09f;
	font-weight:bold;
}

.lila_bold {
	color:#93f;
	font-weight:bold;
}

.grey_bold, a.grey_bold, a.grey_bold:link, a.grey_bold:visited, a.grey_bold:active {
	color:#888;
	font-weight:bold;
}

.greengrey_bold, a.greengrey_bold, a.greengrey_bold:link, a.greengrey_bold:visited, a.greengrey_bold:active {
	color:#7a7;
	font-weight:bold;
}

.redgrey_bold, a.redgrey_bold, a.redgrey_bold:link, a.redgrey_bold:visited, a.redgrey_bold:active {
	color:#977;
	font-weight:bold;
}

/* ------------------ F O O T E R ------------------------------------------------------------------ */

div.footer {
	margin-top:15px;
	font-size:9px;
	color:#888;
}

div.footer a {
	font-size:9px;
	color:#888;
	text-decoration:none;
}

div.footer a:hover { color:#FF8000; }