body {

		background: url('../images/bg.gif') no-repeat top center;

		border-top: 2px solid #9cf;

		font-size: 75%;

		font-family: Arial, Verdana, Helvetica, sans-serif; 

	}

	

	a {

		text-decoration: none;

		font-weight: bold;
		color:#666666;

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

	

	.small {

		font-size: 0.9em;

		color: #666;

	}

	

	.quiet {

		color: #666;

	}

	

	em {

		font-style: italic;

	}

	

	#wrapper {

		width: 770px;

		margin: 0 auto;

	}

	

	#splash {

		width: 540px;

		margin-bottom: 2em;

	}

	

	#navi {

		width: 210px;

	}

	

	#main {

		float: right;

		width: 540px;	

		margin-bottom: 50px;

	}

	

	#sidebar {

		width: 210px;

		float: left;

		margin-bottom: 50px;

		padding-right: 20px;

	}

	

	#navi ul li {

		

		border-bottom: 1px solid #ccc;

	}

	

	table {

		width: 100%;

	}

	

	table#domain th {

		font: 13px arial;

		font-weight: bold;

		padding: 5px;

		border-bottom: 2px solid #ddd;

	}

	

	table td {

		font: 13px arial;

		padding: 5px;

		

	}

	

	table#details {

		border-spacing: 2px;

		background: #fff;

		border: 1px solid #ddd;

		margin: 0 0 1em 0;

	}

	

	table#details th {

		font: 13px arial;

		font-weight: bold;

		padding: 5px;

		border-right: 2px solid #ddd;

		background: #f9f9f9;

		width: 120px;

	}

	

	.odd {

		background-color: #f9f9f9;

	}

	

	.settings {

		background-color: #999;

	}

	

	.settings textarea {

		font: 12px arial;

		border: 1px #888 solid;

		padding: 4px;

	}

	

	.settings input {

		font: 12px arial;

		border: 1px #888 solid;

		padding: 4px;

		margin-bottom: 6px;

	}

	

	.settings label {

		font-weight: bold;

	}	

	

	.settings td {

		width: 50%;

	}

	

	#navi ul li#how  a {

		border-top: 1px solid #ccc;

		background: url('../images/icons/how.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#faq a {

		background: url('../images/icons/faq.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#join a {

		background: url('../images/icons/join.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#demo a {

		background: url('../images/icons/demo.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#how a:hover {

		border-top: 1px solid #ccc;

		background: #f7f7f7 url('../images/icons/how.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#faq a:hover {

		background: #f7f7f7 url('../images/icons/faq.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#join a:hover {

		background: #f7f7f7 url('../images/icons/join.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#demo a:hover {

		background: #f7f7f7 url('../images/icons/demo.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#domains a  {

		border-top: 1px solid #ccc;

		background: url('../images/icons/how.gif') no-repeat 6px 8px;

	}

	#navi ul li#domains a:hover  {

		border-top: 1px solid #ccc;

		background: #f7f7f7 url('../images/icons/how.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#login a  {

		background: url('../images/icons/login.gif') no-repeat 6px 8px;

	}

	#navi ul li#login a:hover  {

		background: #f7f7f7 url('../images/icons/login.gif') no-repeat 6px 8px;

	}



	#navi ul li#logout a  {

		background: url('../images/icons/logout.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#logout a:hover  {

		background: #f7f7f7 url('../images/icons/logout.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#tools a  {

		background: url('../images/icons/tools.gif') no-repeat 6px 8px;

	}

	#navi ul li#tools a:hover  {

		background: #f7f7f7 url('../images/icons/tools.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#partner a  {

		background: url('../images/icons/tools.gif') no-repeat 6px 8px;

	}

	#navi ul li#partner a:hover  {

		background: #f7f7f7 url('../images/icons/tools.gif') no-repeat 6px 8px;

	}

	

	#navi ul li#settings a  {

		background: url('../images/icons/settings.gif') no-repeat 6px 8px;

	}

	#navi ul li#settings a:hover  {

		background: #f7f7f7 url('../images/icons/settings.gif') no-repeat 6px 8px;

	}

	

	#navi ul li a:hover {

		background-color: #f7f7f7;

	}

	

	#navi ul li a {

		font: 14px arial;

		font-weight: bold;

		display: block;

		padding: 8px 8px 8px 30px;

		color: #333;

		text-decoration: none;

	}



	#navi .login_clicked  {

		background: #f7f7f7 url('../images/icons/login.gif') no-repeat 6px 8px;

	}

	

	#navi ul li ul li {

		border: 0;

	}

	

	#navi ul li#partner ul li a {

		font-size: 12px;

		background: none;

		padding: 5px 8px 5px 40px;

	}

	#navi ul li#partner ul li a:hover {

		font-size: 12px;

		background: #f7f7f7;

	}

	

	p {

		font: 1.1em arial;

		line-height: 1.4em;

	}

	

	h1 {

		font-size: 2.5em;

		font-family: arial;

		padding: 0 0 12px 0;
		
		letter-spacing: -1px

	}

	

	h2 {

		font: 1.8em arial;

		padding-bottom: 5px;

		clear: both;
		
		letter-spacing: -1px

	}

	

	.product {

		float: left;

		margin-bottom: 2em;

	}

	

	#product1 {

		padding-right: 10px;

	}

	

	#product2 {

		padding-left: 10px;

	}

	

	#login_box {

		padding-left: 30px;

		background: #f7f7f7;

	}

	

	input, select, textarea {

		border: 1px solid #ccc;

		padding: 4px;

		margin-bottom: 10px;

		font-family: Arial, Verdana, Helvetica, sans-serif;

		font-size: 1.1em;

	}

	

	label {

		font: 12px arial;

		display: block;

		padding-bottom: 4px;

	}

	

	#footer {

		border-top: 1px solid #ccc;

		font: 12px arial;

		color: #666;

		padding: 10px 0 20px 0;

		clear: both;

		

	}

	

	input.submit {

		padding: 5px 0;

		border: 0;

	}

	

	#login_box {

		display: none;

	}

	

	.notif {

		padding: 20px;

		border: 1px solid #ccc;

		background: #eee;

		margin-bottom: 20px;

	}

	

	.notif h2 {

		padding: 0 0 1em 0;

		font-size: 16px;

	}

	

	input.big {

		padding:7px;

		font-size:16px;

		font-weight:bold;

	}

	

	fieldset {

		border: 1px solid #ccc;

		padding: 20px;

		margin-bottom: 20px;

		background: #f6f6f6;

	}

	

	legend {

		font-size: 1.6em;

	}

	

	textarea#code {

		font-family: Courier, sans-serif;

	}

	

	#notif {

		padding: 10px;

		border: 1px solid #ff0;

		background: #ffc;

		margin-bottom: 2em;

	}

	

	#notif p {

		padding: 0;

		font-size: 13px;

		line-height: 1.4em;

	}

	

	#notif ul {

		list-style-type: disc;

		padding-left: 15px;

	}

	

	#notif li {

		padding-bottom: 4px;

	}

	

	#domain {

		margin-bottom: 2em;

	}

	

	a.tool {

	  position: relative;   /* this is key */

	  cursor: help;

	}

	 

	a.tool span.tip {

	  display: none;        /* so is this */

	}



	/* tooltip will display on :hover event */

	 

	a.tool:hover span.tip {

	  display: block;

	  z-index: 100;

	  position: absolute;

	  top: 2.5em;

	  left: 0;

	  width: 100px;

	  line-height: 1.2em;

	  padding: 3px 7px 4px 6px;

	  border: 1px solid #ccc;

	  background-color: #fff;

	  font-family: arial, helvetica, sans-serif;

	  font-size: 11px;

	  font-weight: normal;

	  color: #000;

	  text-align: left;

	}

	

	.desc {

		padding: 10px;

		background: #eee;

	}	

	

	h3 {

		font-weight: bold;

		color: #666;

		font-size: 1.1em;

		margin-bottom: 10px;

	}

	

	#index #header {

		background: url('../images/splash-top.gif') bottom right no-repeat;

	}

	

	#partner hr {

		border: 1px #ccc solid;

		margin: 2em 0 2em 0;

	}