body {
	font-family: verdana, sans-serif;
	font-size: smaller;
	text-align: center;
	margin: 5px 0;
}

#container {
	width: 760px;
	text-align: left;
	margin: auto;
	background-image: url(/img/navbg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#client #container {
	background-image: none;
	border: 1px solid silver;
}

/* ------------------------------------------------ HEADER */
#home_header {
	background-image: url(/img/home_header6.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
}

#inside_header {
	background-image: url(/img/inside_header6.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
}

#client #inside_header {
	background-image: url(/img/join_header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 110px;
}

/* ------------------------------------------------ NAVIGATION */

#nav {
	float: left;
	width: 122px;
	color: white;
}

#nav a {
	border: 0;
}

#nav img {
	border: 0;
	display: block;
}

	#nav ul {
		border-left: 13px solid #396E8E;
		margin: 0;
		padding: 5px 0 30px 10px;
	}
	
	#nav ul li {
		list-style-type: none;
		padding: 4px 0;
	}
	
	#nav ul li a {
		text-decoration: none;
		color: white;
		font-weight: bold;
	}
	
	#nav ul li a:hover {
		color: orange;
	}
	
	#nav ul li a.active {
		color: orange;
	}

/* ------------------------------------------------ CONTENT */
#content {
	margin: 0 0 0 122px;
	padding: 0px 130px 10px 10px;
}

#client #content {
	margin: 0 0 0 0;
	padding-right: 0;
}
	
	h2 {
		font-family: arial, helvetica, sans-serif;
		margin: 8px 0 0 0;
	}
	
	#client h2 {
		font-family: arial, helvetica, sans-serif;
		margin: 10px 0 10px 0;
	}

	#content p {
		margin: 10px 0 0 0;
	}
	
	p.error {
		border: 1px solid red;
		background-color: yellow;
		padding: 5px;
		font-weight: bold;
		margin: 5px 0 0 0;
	}

	p.msg	 {
		border: 1px solid #24B300;
		background-color: #99FF80;
		padding: 5px;
		font-weight: bold;
	}

	ul.faq {
		margin: 10px 0 20px 0px;
		padding-left: 20px;
	}
	
	ul.faq li {
		list-style-image: url(/img/bullet.gif);
		margin: 3px 0;
	}

	dt.faq {
		font-weight: bold; 
		margin: 8px 0 0 0;
	}
	
	dd.answer{
		margin: 0;
		padding: 0;
	} 
	
	dd.answer p.ans {
		margin: 3px 0 8px 25px;
		line-height: 1.4em;
		font-size: .9em;
	}
	
	p.top {
		font-size: .6em; 
		padding: 2px 3px 2px 0px; 
		margin: 2 0 6px 0; 
		background-color: #efefef;
	}
	
	p.top a {
		color: black;
		text-decoration: none;
		padding: 0 0 0 17px;
		background-image: url(/img/arrow_up.gif);
		background-repeat: no-repeat;
		background-position: 3px;
	}
	
	p.top a:hover {
		color: black;
		text-decoration: underline;
	}
	
	/* for the activate page... some form styling */
	.radio {
		border: 0px solid red;
		padding-top: 4px;
		vertical-align: top;
	}

	tr.ans:hover {
		background-color: #C9D5DF;
	}
	
	td label {
		display: block;
		padding: 4px 5px 4px 1px;
	}
	
	.small {
		font-size: smaller;
		line-height: 1.6em;
	}
	
	strong.underline {
		text-decoration: underline;
	}
   
   td.descr {
		text-align: right;
		padding: 8px 3px 8px 0;
      white-space: nowrap;
	}
   
/* ------------------------------------------------ FOOTER */

#footer {
	clear: both;
	border-top: 10px solid #003267;
	background-color: #003267;
	padding: 2px 4px 4px 4px;
	font-size: smaller;
	color: white;
	text-align: right;
}

	span {  /* contains copyright information and a date */
		float: left;
	}

	#footer ul {
		margin: 0;
		padding: 0;
	}
	
	#footer ul li {	
		display: inline;
		list-style-type: none;
		padding-right: 20px;
	}
	
	#footer ul li a {
		color: white;
		text-decoration: none;
	}
	
	#footer ul li a:hover {
		color: #cc6600;
		text-decoration: none;
	}

/* ------------------------------------------------ STATS PAGE */

p.question {
	font-weight: bold;
}

hr{
	margin: 8px 0;
	color: #1a3639;
	background-color: #1a3639;
	height: 1px;
	border: 0;
}

td.h-stats-question {
	font-weight: bold;
	padding: 3px;
	background-color: #e3e3e3;
	border-bottom: 1px solid gray;
}

td.h-stats-answer {
	font-weight: bold;
	padding: 3px;
	background-color: #e3e3e3;
	border-bottom: 1px solid gray;
}

td.h-stats-count {
	font-weight: bold;
	text-align: right;
	padding: 3px;
	background-color: #e3e3e3;
	border-bottom: 1px solid gray;
}

td.h-stats-percent {
	font-weight: bold;
	text-align: right;
	padding: 3px;
	background-color: #e3e3e3;
	border-bottom: 1px solid gray;
}

td.stats-question {
	padding-right: 10px;
   padding-top: 2px;
	vertical-align: top;
   
}

td.stats-answer {
	padding: 2px;		
}
	
td.stats-count {
	padding: 2px 3px 2px 2px;		
	text-align: right;
}
	
td.stats-percent {
	padding: 2px 4px 2px 2px;		
	text-align: right;
}

.alt {
	background-color: #e3e3e3;
}

/* x5b stats styles... */

	table.stats-x5b {
		border-collapse: collapse;
		margin-top: 8px;
	}

	td.stats-x5b-head {
		font-size: smaller;
		padding: 0 3px 3px 3px;
		text-align: center;
	}
	
	td.stats-x5b-question {
		padding: 2px 20px 2px 3px;
	}
	
	td.stats-x5b-count {
		border: 1px solid silver;
		border-left: 2px solid silver;
		text-align: right;
		font-size: .8em;
	}
	
	td.stats-x5b-percent {
		border: 1px solid silver;		
		text-align: right;
		font-size: .8em;
	}


/* ------------------------------------------------ SURVEY STATS PAGE */

table.SurveyClient {
	border-collapse: collapse;	
}

	table.SurveyClient tr.act {
		background-color: #B2FF9F;
	}
   
	table.SurveyClient tr.dev {
		background-color: #FFF29F;
	}

	table.SurveyClient td {
		text-align: center;
		border: 1px solid silver;
		padding: 3px 3px;
	}
	
	table.SurveyClient td.desc {
		font-size: .9em;
		padding: 2px 6px;
	} 
	
	table.SurveyClient td.head {
		font-size: .9em;
		white-space: nowrap;
		padding: 3px 3px;
		background-color: #e3e3e3;
	}