/* Main */

a:link {
	color: #0E78C2;
	text-decoration: underline;
}
a:visited {
	color: #339CD6;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	background: #339CD6;
	text-decoration: none;
}
a:active {
	color: #0cf;
	background: #339CD6;
	text-decoration: none;
}
body {
	color: #000;
	background: #f7f7f7 url("") bottom repeat-x;
	margin: 0; padding: 0;
	font: 12px/19px "Trebuchet MS", sans-serif;
}
abbr, form {
	margin: 0; padding: 0;
}
hr {
	border-bottom: 2px dotted #ccc;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
}
h1 {
	font: bold 38px/36px "Century Gothic", "Trebuchet MS", sans-serif;
}
h2 {
	font: bold 16px/17px "Trebuchet MS", sans-serif;
	color: #1796d1;
	border-bottom: 3px solid #59bceb;
	margin: 0 0 5px 0; padding: 0 0 0 23px;
	background: url("../images/icon.gif") top left no-repeat;
}
h3 {
	font: bold 15px/18px "Trebuchet MS", sans-serif;
	color: #000;
}
h3 a {
	border-bottom: 1px dotted #339CD6;
}
h4 {
	font: bold 13px/16px "Trebuchet MS", sans-serif;
	color: #000;
}
h4 a {
	border-bottom: 1px dotted #339CD6;
}
h5 {
	font: bold 15px/17px "Trebuchet MS", sans-serif;
	color: #fff;
	padding: 0 0 7px 0;
}
p {
	margin: 8px 0;
}
em {
	color: #0E78C2;
}


/* Special Classes */

.dropcap {
	float: left;
	font-size: 20px;
	letter-spacing: -1px;
	margin: 0 5px 5px 0; padding: 7px 0 0 0;
	color: #f90;
}
.biglink {
	font-size: 22px;
	line-height: 24px;
	letter-spacing: -1px;
}
#sidebar a.biglink {
	color: #f90;
	text-decoration: underline;
}
#sidebar a:hover.biglink {
	color: #fff;
}
.footnote {
	font-size: 9px; line-height: 9px;
	margin: 2px 0
}
.searchby {
	float: left;
	font-size: 14px;
}
.go {
	background: url("../images/go_button.jpg") no-repeat;
	width: 41px; height: 20px;
	border: none;
	cursor: ;
}
.goafter {
	background: url("../images/go_button.jpg") no-repeat;
	width: 41px; height: 20px;
	border: none;
	margin:0;
}
.number {
	width: 20px;
	display: block;
	float: left;
}
.catagory {
	background: #1796d1;
	color: #fff;
	font-size: 10px; font-weight: bold;
	padding: 0 15px;
}
.question {
	float: right;
	background: url("../images/question.gif") no-repeat;
	width: 15px; height: 15px;
}
a.button {
	background: #f90;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
	padding: 0 5px;
	border-top: 2px solid #F6CE89;
	border-right: 2px solid #F6CE89;
	border-bottom: 2px solid #C8541B;
	border-left: 2px solid #C8541B;
}
a:hover.button {
	background: #FA860F;
	border-top: 2px solid #C8541B;
	border-right: 2px solid #C8541B;
	border-bottom: 2px solid #F6CE89;
	border-left: 2px solid #F6CE89;
}

/* Containers */

#top {
	background: url("../images/top_bg.jpg") top repeat-x;
	height: 19px;
	border-bottom: 1px solid #fff;
	padding: 0 30px 9px 30px;
	text-align: right;
	color: #fff;
}
#container {
	margin: 0px auto 0 auto;
	width: 742px;
}
#upper {
	float: left;
}
#head {
	float: left;
	height: auto;
}
#logo {
	background: url("../images/logo.gif") top no-repeat;
	width: 187px; height: 55px;
	margin: 0;
	float: left;
}
#clear, #clear1, #clear2, #clear3, #clear4, #clear5, #clear6, #clear7, #clear8, #clear9, #clear10 {
	clear: both;
	margin: 0; padding: 0;
}
#bottom {
	background: url("../images/bottom_bg.jpg") top repeat-x;
	height: 35px;
	border-top: 2px solid #fff;
	clear: both;
	color: #fff;
	padding: 5px 10px 5px 240px;
}

/* Navigation */

#top-navi {
	float: right;
	width: 289px; height: 13px;
	margin: 40px 0 0 0; padding: 0;
}
#top-navi li {
	list-style: none;
	margin: 0; padding: 0;
	display: inline;
	float: left;
}
#top-navi li a {
	background-color: transparent;
}
#top-navi li a:link span, #top-navi li a:visited span {
	display: block;
	background-image: url("../images/top_nav.gif");
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 1px; line-height: 1px;
	color: #fff;
	height: 0;
	padding: 14px 0 0 0;
	cursor: pointer;
}
#top-navi a span {
	margin: 0 0 0 10px;
}

#top-navi .top1 a span {background-position: 0 0; width: 35px;}
#top-navi .top2 a span {background-position: -49px 0; width: 36px;}
#top-navi .top3 a span {background-position: -99px 0; width: 52px;}
#top-navi .top4 a span {background-position: -166px 0; width: 50px;}
#top-navi .top5 a span {background-position: -229px 0; width: 56px;}

#top-navi .top1 a:hover span, #home #top-navi .top1 a span {background-position: 0 -16px;}
#top-navi .top2 a:hover span, #about #top-navi .top2 a span {background-position: -49px -16px;}
#top-navi .top3 a:hover span, #services #top-navi .top3 a span {background-position: -99px -16px;}
#top-navi .top4 a:hover span, #support #top-navi .top4 a span {background-position: -166px -16px;}
#top-navi .top5 a:hover span, #rankings #top-navi .top5 a span {background-position: -229px -16px;}

#left-navi {
	float: left;
	margin: 0; padding: 0;
	border-bottom: 2px solid #f7f7f7;
}
#left-navi li {
	list-style: none;
	margin: 0; padding: 0;
	display: inline;
}
#left-navi li a:link span, #left-navi li a:visited span {
	display: block;
	overflow: hidden;
	font-size: 1px; line-height: 1px;
	color: #fff;
	height: 0;
	padding: 30px 0 0 0;
	width: 220px;
	cursor: pointer;
}

#left-navi .left1 a span {background: url("../images/button01.jpg") 0 0 no-repeat;}
#left-navi .left2 a span {background: url("../images/button02.jpg") 0 0 no-repeat;}
#left-navi .left3 a span {background: url("../images/button03.jpg") 0 0 no-repeat;}
#left-navi .left4 a span {background: url("../images/button04.jpg") 0 0 no-repeat;}
#left-navi .left5 a span {background: url("../images/button05.jpg") 0 0 no-repeat;}

#left-navi .left1 a:hover span, #left-navi .left2 a:hover span, #left-navi .left3 a:hover span, #left-navi .left4 a:hover span, #left-navi .left5 a:hover span {background-color: #f7f7f7; background-position: -222px 0;}

#left-navi .left6 {background: url("../images/button06.jpg") 0 0 no-repeat; display: block; width: 220px; height: 14px; font-size: 1px; line-height: 1px;}


#data-navi {
	float: right;
	width: auto; height: 25px;
	margin: 8px 0 0 0; padding: 0;
}
#data-navi li {
	list-style: none;
	margin: 0; padding: 0;
	display: inline;
	float:left;
}
#data-navi li a:link, #data-navi li a:visited {
	display: block;
	background: url("../images/tabs.jpg") no-repeat;
	font-size: 12px; line-height: 9px;
	color: #fff;
	padding: 5px; margin: 0 0 0 2px;
	cursor: pointer;
	width: 72px; height: 15px;
	text-align: center;
	text-decoration: none;
}
#data-navi li a:hover, #data-navi li a:active {
	background-position: -168px 0;
}
#container #data-navi li a.active {
	background-position: -84px 0;
	font-weight: bold;
}
#top a:link, #top a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#top a:hover, #top a:active {
	color: #fff;
	border-bottom: none;
}

/* Image Replacement */

#logo span {
	overflow: hidden;
	color: #fff;
	height: 0;
}
#logo h1 span{
	font-size: 1px; line-height: 1px;
}
#logo span h1{
	font-size: 1px; line-height: 1px;
}
#logoFloat span {
	overflow: hidden;
	color: #fff;
	height: 0;
}
#logoFloat h1 span{
	font-size: 1px; line-height: 1px;
}
#logoFloat span h1{
	font-size: 1px; line-height: 1px;
}

/* Header */

#header {
	background: url("../images/header_recline.jpg") no-repeat;
	width: 300px; height: 144px;
	float: right;
	color: #fff;
	text-align: right;
	padding: 15px 22px 5px 200px;
	border-bottom: 1px solid #f7f7f7;
}
#home #header {
	background: url("../images/header_home.jpg") no-repeat;
}
#modify #header, #publish #header, #support #header {
	background: url("../images/header_main.jpg") no-repeat;
}
#support #header {
	text-align: left;
}
#home #header p {
	margin: 5px 10px 0 65px;
}
#rankheader {
	width: 742px; height: auto;
	color: #fff;
	padding: 15px; margin: 0 0 3px 0;
	font-size: 16px;
	text-align: right;
	background: #f90 url("../images/rankHeadBg.jpg") left top no-repeat;
	float: right;
}
#rankheader a {
	color: #fff;
}

/* Sidebar */

#sidebar {
	width: 218px;
	float: left;
	border-right: 2px solid #fff;
	margin: 0; padding: 15px 0 0 0;
	color: #fff;
}
#sidebar p, #sidebar h4, #sidebar h5 {
	margin: 5px 20px;
}
#sidebar img {
	margin: 0;
}
#home #sidebar img {
	margin: 0 5px 0 20px;
}
#about #sidebar {
	background: url("../images/ranking.gif") right no-repeat;
	height: 420px;
}
#about #sidebar p {
	margin: 5px 70px 150px 20px;
}

/* Mainbody */

#bodycontain {
	background: #e9e9e9 url("../images/sidebar_bg.jpg") repeat-y;
	float: left;
}
#mainbody {
	background: #e9e9e9 url("../images/body_bg.jpg") right repeat-y;
	width: 492px; min-height: 407px;
	margin: 0; padding: 20px 10px 20px 20px;
	float: left;
}
#mainbody p {
	margin: 0 0 20px 0;
}
#left {
	float: left;
	width: 302px;
}
#right {
	float: right;
	width: 170px;
}
#topsites {
	font-size: 10px;
	line-height: 16px;
	height: 180px;
	padding: 0 0 0 5px; margin: 0 0 10px 0;
	overflow: auto;
}
#resources #topsites {
	margin: 0 auto;
	width: 370px; height: 260px;
}
#mainbody ul li {
	margin: 5px 0 5px 30px;
}

/* Form */

#home input {
	margin: 0 0 4px 0;
}
textarea {
	width: 200px;
}
fieldset {
	border-color: #59bceb;
	border-width: 3px;
	border-style: solid;
	padding: 0 10px 5px 10px; margin: 0 0 10px 0;
}
legend {
	font: bold 15px/17px "Trebuchet MS", sans-serif;
	color: #1796d1;
	margin: 0 0 5px 0; padding: 5px 5px 5px 23px;
	background: url("../images/icon.gif") top left no-repeat;
}

/* FAQ */

#faqcontainer {
	background: #e9e9e9 url("../images/sidebar_bg.jpg") repeat-y;
	margin: 0 auto;
	width: 742px;
	clear: both;
}
#faq #sidebar h3 {
	margin: 0 0 0 15px;
	color: #fff;
}
#faq #sidebar a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}
#faq a img {
	border: none;
}
#thanks a {
	float: right;
	margin: 0 20px 0 0;
	font-size: 15px;
}
#thanks {
	text-align: center;
	padding: 40px 0 0 0;
}
#pages {
	font-size: 18px;
	clear: both;
	text-align: right;
	paddign: 0 40px 0 0;
}

/* Rankings */

#rankings #container {
	width: 772px;
}
#datacontain {
	background: #e9e9e9 url("../images/body_bg.jpg") right repeat-y;
	margin: 0; padding: 20px;
	clear: both;
}
#datacontain table {
	font: 11px/11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border-right: 2px solid #999;
	border-bottom: 2px solid #777;
	padding: 0; margin: 0;
}
#datacontain table td {
	padding: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #000;
	border-left: 1px solid #c1c1c1;
}
#datacontain table td {
	text-align: right;
}
#datacontain table td a {
	text-align: left;
}
#datacontain table a {
	display: block;
	font-weight: bold;
	color: #0E78C2;
}
#datacontain table a:hover {
	color: #fff;
	background: #0E78C2;
}
#datacontain table a:visited {
	color: #339CD6;
}
#datacontain table img {
	float: left;
}
#datacontain table tr:hover {
	background: #ccc;
}
#container #datacontain table tr:hover.catagory {
	background: #1796d1;
}
#container #datacontain table tr td.trustgauge {
	background: url("../images/trustgauge.gif") center bottom no-repeat;
	padding: 8px 0 0 0;
}
#container #datacontain table tr td.trustgauge a {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	display: block;
	width: 100%;
}
#container #datacontain table tr td.trustgauge a:hover {
	color: #f00;
	background: none;
}
div#logoFloat {
	background: url("../images/ranking.png") no-repeat !important;
	background: url("../images/ranking.jpg") no-repeat;
	position: absolute;
	top: 0; left: auto;
	height: 62px; width: 250px;
}

#resources #topsites table {
	padding: 0; margin: 0;
	width: 100%;
	border: 2px dotted #117CC4;
}
#resources #topsites tr td {
	border: 1px solid #ccc;
	padding: 0 2px;
}

/* For sorted columns

#datacontain tr.catagory td {
	padding: 0;
}
.catagory a:link, .catagory a:visited {
	color: #fff;
	background: #1796d1 url("../images/sort_down.gif") 0 0 no-repeat;
	display: block;
	padding: 5px 0;
}
.catagory a:hover, .catagory a:active {
	background: #f90 url("../images/sort_up.gif") left bottom no-repeat;
}

*/

/* Tooltips */

.dvbdy1 {
	background: #fff;
	border: 1px solid #ababab;
	padding: 7px;
	width: 200px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
.dvhdr1 {
	background: #1796d1 url("../images/info.gif") 95% no-repeat;
	border: 1px solid #fff;
	padding: 7px;
	width: 200px;
	color: #fff;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}

/* Ads */

#ads {
	margin: 0; padding: 0;
	text-align: center;
	clear: both;
}
#ads img {
	border: 1px solid #0E78C2;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
#rankings #container #ads img a:hover {
	background: #f90;
}
#skyAd {
	margin: 10px 0 0 0; padding: 5px 22px;
}
#skyAd img {
	border: 1px solid #0E78C2;
}

/* Domain Page */

#domaincontain {
	background: #e9e9e9 url("../images/body_bg.jpg") right repeat-y;
	margin: 0; padding: 20px;
	clear: both;
}
#domaincontain #left {
	width: 265px;
}
#picDiv {
	float: left;
	width: 260px;
	padding: 0 14px 0 0;
}
#picDiv img {
	border: 5px solid #fff;
}
.zoom {
	background: url("../images/zoom.gif") left 50% no-repeat;
	display: block;
	padding: 0 0 0 20px;
}
.write {
	background: url("../images/write.gif") left 50% no-repeat;
	display: block;
	padding: 0 0 0 20px;
}
#domaincontain #left h2 {
	margin: 30px 0 10px 0;
}

/* Rounded */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

#additionalInfo {
	background: #ccc;
	margin: 30px 0;
}
#additionalInfo p {
	margin: 5px 5px 5px 20px;
}
#additionalInfo h3 {
	padding: 0 10px 5px 20px;
	margin: 0 0 5px 0;
	color: #fff;
	background: #f90;
	border-bottom: 2px solid #E09901;
}