/* avoid using 
   marginheight=0 marginwidth=0 topmargin=0 leftmargin=0
   on every page
   works in all browsers
 */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFBDE;
}

body, th {
	font-family: verdana, helvetica, arial;
	font-size: 11pt;
}

a, a:active, a:visited {
	color: #5717FF;
}

a:hover {
	color: #5717FF;
	text-decoration: none;
}

td {
	font-family: verdana,arial,helvetica;
	font-size: 10pt;
}

ul, ol {
	margin-top: 4pt;
	margin-bottom: 4pt;
	list-style-position: inside;
}

h3, h4 {
	font-size: 10pt;
}

h1, h2, h3, h4 {
	margin-bottom: 6px;
}

form {
	margin: 0px;
}

/* define background for the internal ('narrow') header 
   color is defined in .narrowh_tbl so we don't need it here
*/
.narrowbg {
	background-image: url('/cgi-bin/images/h_bg_narrow.gif');
	background-repeat: repeat-x;
}

/* emulate buttons */
a.narrmenu, a.narrmenu:active, a.narrmenu:visited {
	width: expression( '50px' );
	height: expression( '19px' );

	text-align: center;
	margin: 0px;
	padding: 1pt 2pt 2pt 2pt;

	color: white;
	background-color: #E17100;

	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	font-family: tahoma, verdana, arial, helvetica;
		
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
}
/* mouseOver effect */
a.narrmenu:hover {
	color: #E17100;
	background-color: white;
	
}

/* main table with logo and buttons */
.narrowh_tbl {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #E17100;
	margin-bottom: 4pt;
	background-color: #FFC000;
}

/* emulation of buttons for links and inputs */
.btn,  .btn:active,  .btn:visited,  .btn:hover {
	color: #000000;
	background-color: #C0C1E4;
	font: bold 8pt tahoma, verdana, arial;
	text-decoration: none;
	text-align: center;

	/* define border */
	border-width: 2px;
	border-style: solid;
	border-left-color: #EFEFF8;
	border-top-color: #EFEFF8;
	border-bottom-color: #5C5B6F;
	border-right-color: #5C5B6F;
	
	padding: 2pt;
	margin: 1pt;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
	line-height: 14pt;
	line-height: expression( '10pt' );
	height: expression( '18pt' );
}

div.m {
	padding: 5px 10px 5px 5px;
	font-size: 11pt;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #C0C1E4;
}

form.mainlog {
	font-weight: bold;
}

form.mainlog input {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	font-weight: bold;
	margin-left: 7px;
}

/* page header */
.h {
	color: #2E1227;
	font-family: arial, helvetica;
	font-size: 12pt;
	font-weight: bold;
	background-color: #C0C1E4;
	width: 100%;
	text-align: center;
}

.b {
	font-weight: bold;
	font-size: 7.5pt;
}

.txt {
	padding: 4px 10px 4px 10px;
}

.small {
	font-size: 7.5pt;
	color: rgb(128, 128, 128);
}

.big {
	font-size: 11.5pt;
}

.optmenu {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.menubtn {
	border: 1px solid #3D0554;
	background-color: #ffffff;
}

.csctrl {
	border: 1px solid #3D0554;
	background-color: #FFE084;
	font-size: 10pt;
	font-family: verdana, helvetica, arial;
	font-weight: bold;
}

.ph {
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	color: #39017E;
	border-style: solid;
	border-color: #39017E;
	border-width: 1px 0px 2px 0px; 
}

.imp {
	color: red;
}

.implarge {
	color: red;
	font-size: 12pt;
}

.leftindent {
	padding-left: 15px;
}

.graph {
	background-color: #000060;
	color: #ffffff;
	font-weight: bold;
}

.feature {
  font-size: 10pt;
  margin-left: 15px;
}

.feature_desc {
  font-size: 8.5pt;
}

.agree {
	font-size: 10pt;
}

.ptitle {
	letter-spacing: 3px;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
}

a.menu {
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
}

a.menu:hover {
	color: #3366FF;
}

.qlist {
	background-color: #808080;
}

.qlist tr th {
	background-color: #CBDF8E;
	font: bold 8pt tahoma, verdana, arial;
	color: black;
}

.light {
	background-color: #ffffff;
	padding: 3pt;
	vertical-align: center;
}

.dark {
	background-color: #eaeaea;
	padding: 3pt;
	vertical-align: center;
}

div.dark, div.light, p.dark, p.light {
	border: 1px solid #808080;
}

.qtype {
	font-size: 7.5pt;
	color: rgb(128, 128, 128);
}

a.qtitle, a.qtitle:active, a.qtitle:visited {
	color: #5717FF;
}

a.qtitle:hover {
	color: #5717FF;
	text-decoration: none;
}

a.qtitle img {
	min-width: 15px;
	min-height: 15px;
	border: 1px solid #5717FF;
}

/* control panels */

.cpanel {
	border: 1px solid #808080;
	margin-bottom: 4pt;
}

.cpanel tr th {
	background-color: #748B79;
	background-repeat: repeat-x;
	font: bold 10pt tahoma, verdana, arial;
	text-align: left;
	color: white;
	padding-top: 1pt;
	padding-bottom: 1pt;
	padding-left: 4pt;
}

.cpanel tr td {
	font: normal 8pt tahoma, verdana, arial;
	color: black;
	padding-top: 1pt;
	padding-bottom: 1pt;
}

.cpanel tr td select {
	font: normal 8pt tahoma, verdana, arial;	
	width: 160px;
}


/* page number that is a pagebreak; in multipage surveys only */
.pagenum {
	background-color: #E3E4F2;
	padding-left: 5pt;
	line-height: 18pt;
}

select.langselector {
	font: normal 8pt verdana;
	width: 60pt;
	margin-top: 15px;
	margin-right: 2px;
}

/* Styles for reports */

table.rtable {
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #888;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	margin: 4pt;
}

table.rtable td, table.rtable th {
	padding: 3pt;
	font-family: verdana, helvetica, arial;
	font-size: 8pt;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #888;
}

table.rtable th {
	font-weight: bold;
	background-color: #D8D8D8;
}