@charset "UTF-8";

html {
	background: #4d87c7 url("/static/img/bg_blue.gif") repeat-x top left fixed; padding: 10px 0;
}

body {
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-size: 85.00%; 
}

.teasers {
	margin: 0 0 1em 0;
}

.teaser div {
	padding: 5px 10px 5px 10px;
	background-color: #eeecdf;
	background-image: url(/static/img/bg_teaser.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#topnav {
	float:right;
}
#topnav ul li {
	position:inline;
	float:left;
	margin: 0 0 0 20px;
}
#topnav a {
	color: #fff;
}	
.skip {
	position:absolute;
	top: -999px;
	left: -999px;
}

#bd, #ft {
	background-color: #dedccf;
	padding: 10px 14px;
}
#bd {
	background-image: url(/static/img/bg_page.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#ft div {
	border-top: solid 1px #999;
	padding: 1em 0 0 0;
	color: #333;
}
.content {
	padding: 8px 10px 8px 10px;
	background-color: #eeecdf;
	background-image: url(/static/img/bg_teaser.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.sidebar {
	padding: 8px 10px 8px 10px;
	background-color: #eeecdf;
	background-image: url(/static/img/bg_teaser.gif);
	background-position: top left;
	background-repeat: repeat-x;
}


h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic; } /* 14px */

p { line-height: 1.5em; margin: 0 0 1em 0; }

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

table caption { display:none; }
th,td { padding: 0.5em; vertical-align:top; }
thead th { background: #666;  }
tbody th { background: #666; color:#fff;  }
tbody th.sub { background: #ddd; }

td.oschoice {
	padding:0.2em 0 0.1em 0;
}
.page h2 {
	margin: 1em 0 0.5em 0;
}

.page ol, .page ul {
	margin: 1em 0 1em 25px;
}
.page li {
	margin: 0 0 0.5em 10px;
	list-style-type: disc;
}
.page ol li {
	list-style-type: decimal;
}

.amount { text-align:right; }

.vpslist tr.row1 {
	background-color: #fff;
}
table.vpslist {
	margin: 1em 0 0.5em 0;
	border-bottom: solid 1px #999;
	clear:both;
}
p.clearfilter {
	line-height:1em;
	padding: 1em 0 0 0;
}
p.clearfilter a {
	text-decoration:none;
}
p.clearfilter a:hover {
	text-decoration:underline;
}
.teasers h2 a {
	text-decoration:none;
	color: #000;
	font-size: 80%;
	background-image: url(/static/img/bullet_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 2px 0 10px 37px;
}

.teasers h2 a:hover {
	text-decoration:underline;
}

.planlink a:hover {
	text-decoration: underline;
}

.planlink a {
	background-image: url(/static/img/bullet_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 2px 0 10px 37px;
} 
.plandetail tbody th {
	background-color: transparent;
	color: #000;
	text-align:right;
	font-weight:bold;
	width: 30%;
}


strong {
	font-weight:bold;
}

input#mem_min, input#mem_max, input#disk_min {
	width: 4em;
}

#filter a.clear {
	display:block;
}

div.formarea {
	width: 25%;
	float:left;
}
input.applyfilter {
	margin: 1em 0 0 0;
}
.formarea label {
	display:block;
}
.formarea p {
	margin:0;
}
.ads {
	margin: 2em 0 0 0;
}

ul.guide_list {
	margin: 0 0 1em 0;
	list-style-type: disc;
}
ul.guide_list li {
	margin: 0 0 0.3em 20px;
}