/*==============================================================================

	This website/webapplication is developed by:
	Occhio Group
	http://www.occhio.nl/
	info@occhio.nl
	+31 (0)20 320 78 70

==============================================================================*/

/* ============================================================================= 
	STYLES FOR DEFAULT PLESK PAGES
============================================================================= */
/* general styles */
h1 {
	color: #FFFFFF;
	display: block;
	height: 60px;
	font-family: arial,verdana;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding-left: 153px; 

}

h2 {
	color: #000000;
	display: block;
	height: 65px;
	font-family: arial,verdana;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding-left: 153px; 

}

h3 {
	font-weight: bold;
}

a, a:link, a:visited, a:hover {
color:#000000;
text-decoration:underline;
}


/* specifics */
#container {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

#header {
	margin: 20px;
}

/* content */
#content {
	margin: 0 20px 40px 20px;
	min-height: 137px;
	padding: 30px 0 0 20px; 
}

	.domainRegistered #content {
		background: url(/images/hosting-info/domeinreg-bg.png) no-repeat 0 0;
	}
	
	.hostingReady #content {
		background: url(/images/hosting-info/hostinggereed-bg.png) no-repeat 0 0;
	}
	
	.hostingWithOse #content {
		background: url(/images/hosting-info/hostingmetose-bg.png) no-repeat 0 0;
	}


#content span {
	padding: 5px 0 0 35px;
	margin: 1em 0;
	display: block;
	height: 19px;
	vertical-align: middle;
}

#content span.cross {
	background: url(/images/hosting-info/cross.gif) no-repeat 0 0;
}

#content span.check {
	background: url(/images/hosting-info/check.gif) no-repeat 0 0;
}

/* occhio misc menu footer */
ul#misc-subOf21 {
	list-style: none;
	margin-left: 20px;
	width: 620px;
	float: left;
}

	ul#misc-subOf21 li {
		display: inline;
		height: 48px;
		line-height: 48px;
	}

		ul#misc-subOf21 li a {
			margin-right: 20px;
			font-weight: bold;
			text-transform: lowercase;
			text-decoration: none;
			color: #0099ff;
		}
		
		ul#misc-subOf21 li a:hover {
			text-decoration: underline;
		}

/* occhio API menu */
ul#apis {
	width: 255px;
	float: right;
	list-style: none;
	height: 25px;
	margin: 15px 0 0 0;
	padding: 0;
}

ul#apis li {
	display: inline;
}
 
		ul#apis li a {
			background: url(/images/hosting-info/occhio-sprite.png) no-repeat;
			display: block;
			float: left;
			margin-right: 10px;
		}
		
		ul#apis li a span {
			display: none;
		}
		
		ul#apis li#apiSkype a {
			width: 16px;
			height: 16px;
			background-position: -1060px -40px;
		}
		
		ul#apis li#apiGoogleWave a {
			width: 26px;
			height: 16px;
			background-position: -1340px -40px;
		}
		
		ul#apis li#apiLinkedIn a {
			width: 60px;
			height: 15px;
			background-position: -1100px -40px;
			margin-top: 2px;
		}
		
		ul#apis li#apiFacebook a {
			width: 15px;
			height: 14px;
			background-position: -1180px -40px;
			margin-top: 3px;

		}
		
		ul#apis li#apiFlickr a {
			width: 51px;
			height: 15px;
			background-position: -1220px -40px;
			margin-top: 2px;
		}
		
		ul#apis li#apiTwitter a {
			width: 21px;
			height: 20px;
			background-position: -1300px -40px;
			margin-top: 1px;
		}
		
#footerMap table {
	margin: 0;
}		
		
	#footerMap td {
		width: 225px;
		padding-left: 20px;
	} 
		
	#footerMap ul {
		list-style: none;
		margin: 0;
	}		
	
	#footerMap ul li a {
		color: #0099ff;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1em;
		text-transform: lowercase;
	}
	
	#footerMap ul li ul li a {
		color: #000;
		font-weight: normal;
		line-height: 1.7em;
		text-decoration: none;
		font-size: 1em;
		text-transform: lowercase;
	}
	
	#footerMap a:hover {
		text-decoration: underline;
	}
	
	#copyright {
		padding-left: 20px;
		color: #ccc;
		text-decoration: none;
		font-size: 0.9em;
		text-transform: lowercase;	
	}
	
	#copyright a {
		color: #ccc;
		text-decoration: none;
		margin-right: 12px;	
	}	
	
	
	/* imagick font replacement */
	
	ul.level1 li a:hover img.fontReplacerBlack,
	 ul.level1 li a img.fontReplacerWhite,
		ul.level1 li.active a img.fontReplacerBlack,
		ul.level1 li.active a:hover img.fontReplacerBlack  {
		display: none;
	}
	
	ul.level1 li a:hover img.fontReplacerWhite,
		ul.level1 li.active a:hover img.fontReplacerWhite,
	ul.level1 li.active a img.fontReplacerWhite	{
		display: block;
	} 
	
	
	a#backButton img.fontReplacerBlack {
		display: none;
	}
	a#backButton img.fontReplacerWhite {
		display: block;
	}
	
		
#footer {
	background: url(/images/hosting-info/occhio-sprite.png) no-repeat -20px -1140px;
	height: 52px;
	width: 900px;
	margin: 45px 20px 0 20px;
	clear: both;
}

#footerMap {
	background: url(/images/hosting-info/footermap-bg.png) repeat-x;
	width: 900px;
	margin: 0 20px 20px 20px;
	padding-top: 20px;
	height: 300px;
}

#apiTooltips {
	position: absolute;
	height: auto;
	bottom: 327px;
	width: 500px;
	z-index: 999;
	right: 0;
}

	#apiTooltips div {
		margin-bottom: 0;
	}
	
	

/* IE6 styles */


#footer,
#footerMap {
	*margin-left: 20px;
}

#footerMap ul li ul {
	*margin-top: -1em;
}

ul#misc-subOf21 {
	*margin-left: 10px;
}