/* CSS Document */
BODY {
	background: #253f63 url(/images/site/bg-plain.jpg) top repeat-x;
	border-top: 5px solid #4d5861;
	color: #4d5861;
	font-size: small;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

H1, H2, H3 {
	font-family: 'Gill Sans', Verdana, Geneva, sans-serif;
	margin-top: 10px;
	padding-top: 0;
}
H1	{ color: #1291db; }

A	{ color: #35629f; }

P, UL, OL {
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 1em;
	padding-top: 0;
}

#logo, #logo-es, #logo-ja, #logo-cn, #logo-de {
	background: url(/images/site/echo-logo-main-rtwp.png) top left;
	border: none;
	cursor: pointer;
	height: 85px;
	width: 224px;
}

#top {
	background: url(/images/site/bg-rays.jpg) center center no-repeat;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 940px;
}

#top-list-left,
#navi-list {
	clear: none;
	color: #FFFFFF;
	font-family: 'Gill Sans', Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	text-align: right;
}
	#top-list-left LI,
	#navi-list LI {
		float: left;
		position: relative;
		z-index: 2;
	}
	
	#top-list-left A,
	#navi-list A { text-decoration: none; }
	#top-list-left A { color: #363b42; font-size: 16px; }
	#navi-list A { color: #FFFFFF; font-size: 20px; }

	DIV.sec-fg,
	DIV.serv-fg {
		padding: 4px 9px;
	}
	
	DIV.bg {
		background-color: #253f63;
		border: none; 
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;
		border-radius: 4px; 
		padding: 0;
		position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		z-index: -1;
	}
	
	LI.section DIV.bg,
	LI.service DIV.bg	 {
		visibility: hidden;
	}
		
	LI.section-active DIV.bg,
	LI.service-active DIV.bg {
		opacity: 0.3;
		visibility: visible;
	}

#auth-yes,
#auth-not {
	background-color: #363b42;
	clear: right;
	color: #FFFFFF;
	float: right;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 4px;
	text-align: right;
}
	#auth-yes LI, 
	#auth-not LI { 
		float: left;
		padding: 0 2px;
		position: relative;
	}
	#auth-yes A, 
	#auth-not A { color: #1291db; font-size: 12px; }
	
#auth-yes { display: none; }
	
	#auth-openid, 
	#auth-jsklogin, 
	#auth-haloscan { display: none; }
	
.login-icon {
	border: 0; 
	height: 16px;
		width: 16px;
	padding-right: 2px;
	vertical-align: top; 
}

#content {
	border: none;
	margin: -20px auto 0 auto;
	padding: 12px 12px 0 12px;
	position: relative;
	text-align: left;
	width: 936px;
	z-index: 4;
}

#columns {
	background: #FFFFFF;
	border: none;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 0px 2px 5px #0d203b;
		-webkit-box-shadow: 0px 2px 5px #0d203b;
	box-shadow: 0px 2px 5px #0d203b;
	clear: both;
	margin: 0;
	padding: 8px 12px;
	position: relative;
	width: 912px;
}
	#columns UL {
		list-style: circle;
		margin: 0.2em 0 2em 16px; /* IE6, hides the list tick also... */
		padding: 0;
	}

#semibg1,
#semibg2,
#semibg3 { border: none; margin: 0; opacity: 0.5; padding: 0; position: absolute; z-index: -1; }

#semibg1 {
	background: url(/images/site/bg-rounded.png) top center no-repeat;
	top: 0;
	left: 0;
	width: 960px;
	height: 12px;
	z-index: -1;
}

#semibg2 {
	background-color: #35629f;
	top: 12px;
	left: 0;
	bottom: 12px;
	width: 960px;
}

#semibg3 {
	background: url(/images/site/bg-rounded.png) bottom center no-repeat;
	bottom: 0;
	left: 0;
	width: 960px;
	height: 12px;
}

#footer {
	color: #FFFFFF;
	text-align: right;
	padding: 8px;
	width: 920px;
}
#footer A {
	color: #FFFFFF;
	text-decoration: none;
}

.code-block {
	background: url(/images/bg-feature-right.png) bottom right no-repeat;
	margin: 0.6em 0 0 0;
	padding: 0;
	text-align: left;
	width: 36em;
}

.code {
	border: solid #eaeaea;
	border-width: 1px 1px 0 1px;
	color: #8192A2;
	line-height: 1.4em;
	margin: 0;
	overflow: auto;
	padding: 0.3em 0.8em;
}

.code-block-corner {
	background: url(/images/bg-feature-left.png) bottom left no-repeat;
	font-size: xx-small;
	height: 12px;
	margin: 0;
	padding: 0;
	width: 130px;
}

.hints {
	background: #FFFFCC;
	border: 1px solid #f2df61;
	cursor: default;
	font-size: smaller;
	margin: 0;
	opacity: 0.9;
	padding: 10px;
}

.hi-light		{	color: #1291db; }
.lo-light		{	color: #4d5861; }
.dim-light		{	color: #8192A2; }
.alert-light	{	color: #990000; }

.descr {
	font-family: 'Gill Sans', Verdana, Geneva, sans-serif;
	font-size: larger;
	line-height: 2em;
	color: #7A8086;
}
.descr2 {
	font-family: 'Gill Sans', Verdana, Geneva, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #7A8086;
}

UL.info-list {
	list-style: circle;
	margin: 0 0 0 16px; /* IE6, hides the list tick also... */
	padding: 0;
}
	UL.info-list LI {
		font-weight: bold;
		line-height: 2em;
	}

TABLE.qlist TH,
.question {
	font-weight: bold;
	padding-top: 1.6em;
	vertical-align: top;
}

TABLE.feature-chart {
	margin-top: 24px;
}

	TABLE.feature-chart TD {
		background-position: top left;
		background-repeat: no-repeat;
		color: #7A8086;
		font-size: smaller;
		padding: 0 0 10px 60px;
		text-align: left;
		vertical-align: top;
	}

/* Feature list styles */
.toc {
	border: solid #ec444b;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 2px;
	border-bottom-width: 2px;
}
	.toc LI {
		padding-bottom: 0.6em;
	}
	.toc OL {
		margin-bottom: 0;
		padding-bottom: 0;
		padding-top: 0.6em;
	}
	HR.tocend {
		height: 1px;
		border: 1px solid #b3bec7;
	}

TABLE.featuregrid {
	border: 1px solid #DDDDDD;
	border-collapse: separate;
	border-spacing: 0;
}
	.featuregrid TD {
		border: 1px solid #DDDDDD;
		padding: 6px;
		vertical-align: top;
	}
	.featuregrid H4 {
		margin: 0.2em;
	}

div.add-site {
	background-image: url(/images/common/addDomainBubble.png);
	height: 151px;
	padding-left: 19px;
	padding-top: 25px;
}

span.add-site {
	padding-left: 20px;
	font-size: 21px;
	font-family: Arial;
	color: #FFFFFF;
	font-weight: bold;
}

table.add-site {
	width: 560px;
}

input.add-site {
	border-style: none;
	padding-left: 15px;
	width: 446px;
	height: 40px;
	font-size: 34px;
	color: #686868;
}

div.add-site-button {
	width: 94px;
	height: 46px;
	cursor: pointer;
}

span.add-site-toscb {
	font-size: 12px;
	color: #181818;
}

span.add-site-level {
	font-size: 12px;
	color: #26414c;
	padding-left: 28px;
}

div.add-site-message {
	font-size: 17px;
	color: red;
	font-weight: normal;
}