/*
 * Popup frame
 */
.mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	_position: absolute; 
	_left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
	_top: expression(ignoreMe = document.documentElement.scrollTop + "px");
	_width: expression(document.documentElement.clientWidth + "px");
	_height: expression(document.documentElement.clientHeight + "px");
	background-color: black;
	z-index: 10;
	opacity: .5;
	filter: alpha(opacity=50);
}

/*
 * Misc
 */
.logged-in {
	font-size: 11px;
}

div.hr {
	clear: right;
}

.news-item {
	margin-top: 2em;
	padding: 1em;
	border: 1px dashed black;
	background-color: #f1f7fd;
	width: 640px;
}

.news-icon {
	float: right;
	padding-bottom: 1em;
}

.news-title {
	margin: 0;
}

.news-date {
	padding: 0;
	margin: 0;
	font-size: smaller;
}

.submit-cancel {
	margin-top: 1.5em;
}

.info {
	margin-top: 1em;
	clear: right;
}

.subcontent h2 {
	margin: 14px 0px;
}

table.pricing {
	width: 20em;
}

table.pricing th, table.pricing td {
	padding: 0.5em;
	border: 1px solid #aaa;
	white-space: nowrap;
}

.inline-icon {
	float: right;
	width: 128px;
	margin: 10px 20px 10px 10px;
	padding: 10px 20px 10px 10px;
}

.has-icon {
	width: 450px;
}

.trailing {
	text-align: right;
}

.subcontent ul, .subcontent ol {
	margin: 0.5em 0em;
	padding: 0.5em 0em;
}

.subcontent ul.bullets {
	padding: 0.5em 2em;
	list-style-type: disc;
}

.subcontent ol.bullets {
	padding: 0.5em 2em;
	list-style-type: decimal;
}

.subcontent ol.errors {
	padding: 0.5em;
}

/*
 * Start page
 */
.content .top {
	width: 750px;
	height: 240px;
	margin: auto;
	margin-top: 15px;
}

.content .top .prices {
	float: right;
	width: 190px;
	padding-left: 30px;
	background: url(images/separator-vertical.gif) no-repeat left center;
}

.content .top .button .bodytext {
	float: right;
	width: 270px;
	padding-top: 10px;
}

.content .top .button {
	width: 500px;
}

.content .bottom {
	width: 750px;
	margin: auto;
	margin-top: 1.5em;
	_margin-top: 0;
	clear: both;
	height: 200px;
	padding-bottom: 10px;
}

.content .bottom .people {
	float: right;
	width: 320px;
	height: 195px;
}

.content .bottom .categories {
	width: 400px;
}

.content .bottom .categories table {
	width: 400px; margin-top: 10px;
}

.content .bottom .categories td {
	vertical-align: top;
}

.content .bottom .categories ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.content .bottom .categories a {
	color: #222;
	padding: 1px 0 1px 20px;
	margin-bottom: 5px;
	font-size: 13px;
	letter-spacing: 0.2px;
}

.content .bottom .categories a:hover {
	background: url(images/arrow.gif) no-repeat center left;
	text-decoration: underline;
	color: #990000;
}

.guideframe {
	position: absolute;
	width: 815px;
	height: 615px;
	z-index: 20;
	background: transparent;
}

/*
 * Categories
 */
.submenu #startButton {
	margin: 2em 0 0 2em;
}
 
.content .category-item {
	margin-bottom: 5px;
}

.content .category-item table {
	width: 100%;
}

.content .category-item td {
	padding-top: 5px;
	vertical-align: top;
}

.content .category-item img.thumbshot {
	border: 1px solid #aaa;
}

.content .category-item td.description {
	padding-left: 10px;
}

.content .category-item h3.hostname {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-top: 0;
}

.content .category-item p.description {
	margin: 5px 0px;
	overflow: hidden;
	width: 400px;
}

/*
 * Login
 */
.loginbox {
	width: 400px;
	margin: 10px auto;
}

.box {
	width: 400px;
	min-height: 150px;
	_height: 150px;
	border: 1px solid #cccccc;
	margin: auto;
	margin-top: 20px;
	background-color: white;
	position: relative;
}

.box h2 {
	background: url(images/submenu_header.gif) repeat-x;
	color: white;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 0 0 10px;
	margin: 0px;
	height: 19px;
}

.box .subleft {
	float: left;
	width: 50px;
	margin-top: 15px;
	margin-left: 10px;
	display: inline;
}

.box .subright {
	margin-left: 70px;
	margin-top: 10px;
	width: 325px;
}

.lost-password {
	position:absolute; bottom: 2px; right: 4px;
}

/*
 * Account
 */
div.option {
	padding: 0.5em;
}

div.option .option-icon {
	padding-right: 1em;
}

div.option {
	width: 98%;
	cursor: pointer;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -1px;
}

div.option:hover {
	background-color: #f8f8f8;
}

.navigator #logout {
	width: auto;
	float: right;
	border-right: none;
	border-left: 1px solid #a0a0a0;
	padding-left: 1em;
	padding-right: 1em;	
	text-align: right;
}

/*
 * Contact info settings
 */
ul.country-list {
	position: absolute;
	display: none;
	background: #fff;
	border: 1px solid #a8a8a8;
	width: 20em;
	z-index: 1;
	padding: 0;
	margin: 0;
	height: 15em;
	overflow: auto;
}

ul.country-list li {
	padding: 2px;
}

td.country span {
	cursor: pointer;
	background: #f1f7fd;
	border: 1px solid #a8a8a8;
	display: block;
	margin-right: 1px;
	font-size: 12px;
	padding: 2px;
	width: 15em;
}

td.country {
}

td.country, td.country * {
	vertical-align: middle;
}

/*
 * Credit card
 */
.credit-card {
	width: 300px;
}

.credit-card input.type-text {
	width: auto;
}

.credit-card input[type=text] {
	width: auto;
}

.credit-card select {
	width: 6em;
}

.cvc-image {
	float: right;
	width: 300px;
	padding: 25px;
	background: url(images/separator-vertical.gif) no-repeat left center;
}

.cvc-image p {
	font-size: 11px;
}