@charset "utf-8";

body {
	padding:0;
	margin:0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	background: #D9D7DC;
	background-image: url(/tplex/resources/background.jpg);
	background-repeat: repeat-x;
	color:#000000;
}

td, th {
	padding: 10px;
}

div#contents {
/*	width:1000px; */
	background: #D9D7DC; 
	background-image: url(/tplex/resources/background.jpg);
	background-repeat: repeat-x;
/*	margin-left: auto; 
	margin-right: auto;  */
}
/*
div#header {
	background-image: url(/tplex/resources/header.jpg);
	background-repeat: no-repeat;
	position: absolute; 
	top: 4px;
	left: 0px;
	right: 20px;  
	height: 74px;
	max-width: 1022px;
}
*/
div#footer {
	background: #D9D7DC; /*#5D6487;*/
	height: 30px;
	color: #888888;
	text-align: center;
	clear: both;
}
div#lft_col {
	background: #D9D7DC;
	float: left; 
	width: 200px;
	font-size: .6em;
	padding: 0;
	margin: 0;
}
div#lft_col.border {
	border: 1px solid #808080;
}
div#lft_col.fixed_menu {
	position: absolute; 
	top: 74px;
	left: 0px;
}

div#rgt_col {
	background: #D9D7DC;
	float: right;
	width: 200px;
	font-size: .6em;
	padding: 0;
	margin: 0;
}
div#rgt_col.border {
	border: 1px solid #808080;
}

div#menu_grp {
	background: #E9E7EC;
	border: 1px solid #000000;
	font-size: 1.2em;
	color: #AA88DD;
	padding: 5px;
	margin: 5px;
	}
	
div#menu_grp a {
	text-decoration: underline;
	}

div#rating {
	background: #E9E7EC;
	border: 1px solid #000000;
	font-size: .6em;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
	
div#info {
	 /*width: 775px;  can go up to 775 */
	position: absolute; 
	top: 74px;
	left: 200px;
	right: 20px;  
	max-width: 1200px;
/*	margin-left: 200px; */
	margin: 0px;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 10px 10px 10px 10px;
}

div#info table th {
	text-align: right;
	color: #000000;
	}

div#topics {
/*	width: 775px;  */
/*	margin-left: 200px;  */
	position: absolute; 
	top: 74px;
	left: 200px;
	right: 20px;  
	max-width: 1200px;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 10px;
	/*color:#4422AA;*/
	/*clear: both;*/
}

div#topics table td {
	padding: 10px;
	border: none;
}
div#topics table th {
	padding: 10px;
	border-top: none;
	border-right: 1px solid #cccccc;
}


div#sep_list {
/*	width: 775px;
	margin-left: 200px;  */
	position: absolute; 
	top: 74px;
	left: 200px;
	right: 20px;  
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 10px;
	/*color:#4422AA;*/
	/*clear: both;*/
}
	
div#sep_list table th {
	padding: 10px;
	border-top: 1px solid #cccccc;
}
	
div#sep_list table td {
	padding: 10px;
	border-top: 1px solid #cccccc;
}


a:link{
	color:#0000FF;
	text-decoration: underline;
	}
a:visited{
	color:#0000FF; 
	text-decoration: underline;
	}
a:hover{
	text-decoration: underline;
	color:#8800CC; 
	}

div#question {
	background: #DDDDDD; 
	border: #AAAAAA solid 1px;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	font-size: 1.2em;
	color:#331188;
}

div#question a:link{
	color:#0000FF;
	text-decoration: none;
	}
div#question a:visited{
	color:#0000FF; 
	text-decoration: none;
	}
div#question a:hover{
	text-decoration: none; /*underline; */
	border: 1px solid #000000;
	color:#8800FF; 
	}

.nomargin {
	margin:0px;
}

div#answerlist {  
	margin: 20px 0px 0px 0px;
	font-size:1.1em;
	padding: 0px 10px 10px 30px;
	/* clear:both;  */
	line-height:150%;
	color:#6644BB;
}

div#answerlist li {
	list-style-type: square;
	}

div#answerlist table td {
	border: none;
	}

div#explanation {
	margin:0;
	padding: 0px 10px 10px 10px;
	color:#331188;
	/* clear:both; */
	}
	
	
	
h1 {
	font-size: 1.2em;
	/*color:#4422AA;*/
}
h2 {
	font-size: 1.1em;
	font-weight: normal;
	/*color:#4422AA;*/
}
h3 {
	font-size: 1.0em;
}
p { 
	
}

label.short {
	font-weight:bold;
	float:left;
	width:100px;
}
label.mid {
	width:150px;
	font-weight: bold;
	float:left;
}
label.long {
	width:200px;
	font-weight: bold;
	float:left;
}
.submit {
	position:absolute;
	left: 539px;
	top: 577px;
}
.divider {
	border-top: solid medium #D9D7DC;
	padding-top: 8px;
	margin-top: 8px;
}