/* Tom sawyer website style sheet */

html 
{
	overflow-y: scroll;
}

body, p, td, pre
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color:#ffffff;
}

body
{
	background-color:#f2f5f7;
}

p
{
	padding-left: 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

b
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}

a:hover { text-decoration: underline; color: #003366;}
a:link { text-decoration: underline; color: #003366;}
a:visited { text-decoration: underline; color: #666633;}

H1
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #999966;
		font-size:14px;
	font-weight:bold;
		margin-top: 15;
		margin-bottom: 0;
}

H2
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #034588;
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}

H3
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #CC6600;
	font-size:16px; font-weight:bold;
	margin-top:14px;
}

H4
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #003366;
	font-size:14px; font-weight:bold;
	margin-top:5;
	margin-bottom: 5;
}

H5
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	font-size:11px;
	font-weight:bold;
	margin-top:10;
	margin-bottom:10;
}

H6
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #034588;
	font-size: 16px; font-weight: bold;
	font-weight: bold;
	margin-top:0;
	margin-bottom: 5;
}

hr
{
  color: #cccc99;
  background-color: #cccc99;
  border: 1px solid #cccc99;
}

table
{
  border-collapse: collapse;
  padding: 0px;
}

input
{
	background-color:#EBEBD6;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin: 0;
}

.radio
{
	background-color:white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
}

select
{
	background-color:#EBEBD6;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin: 0;
}

textarea
{
	background-color:#EBEBD6;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
}

ul, li
{
	margin-top: 0;
	margin-bottom:0;
	border: 0;
	margin-left: 0;
	padding-left: 0;
}

li ul
{
	list-style-type: circle;
}

li ol
{
	list-style-type: decimal;
}

ul
{
	list-style-type: disc;
	margin-left: 15;
}


td.maintable
{
  padding-top:7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #cccc99;
}

table.ts_table2
{
  width: 99%;
  border-collapse: collapse;
  border-right: 1px solid #cccccc;
  vertical-align: top;
  padding: 0;
}

tr.ts_table2, table.ts_table2 tr
{
  border: 1px solid #cccccc;
  vertical-align: top;
  padding: 0;
}

th.ts_table2, table.ts_table2 th
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #003366;
  font-size:11px;
  font-weight:bold;
  background-color:#ededd6;
  border-top: 2px solid #cccc99;
  border-bottom: 2px solid #cccc99;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 6px;
  vertical-align: top;
  text-align:left;
  white-space: nowrap;
}

td.ts_table2, td.ts_table2_div, table.ts_table2 td
{
  border: 1px solid #cccccc;
  padding: 6px;
  vertical-align: top;
}

td.ts_table2_div
{
  padding: 0px;
  background-color: #cccccc;
}

table.ts_table3
{
  width: 99%;
  border-collapse: collapse;
  vertical-align: top;
}

table.ts_table3 table.ts_table3
{
  width: 100%;
}

tr.ts_table3
{
}

th.ts_table3
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #003366;
  font-size:11px;
  font-weight:bold;
  background-color:#ededd6;
  border-top: 2px solid #cccc99;
  border-bottom: 2px solid #cccc99;
  padding: 6px;
  vertical-align: top;
  text-align:left;
  white-space: nowrap;
}

td.ts_table3
{
  vertical-align: top;
  padding: 6px;
}

td.ts_table3_out
{
  vertical-align: top;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

table.ts_table
{
  border-collapse: collapse;
  border-right: 1px solid #cccccc;
}

th.ts_table
{
	color: #003366;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#ededd6;
	border-top:2px solid #cccc99;
	border-bottom:2px solid #cccc99;
	border-left: 1px solid #cccccc;
	text-align:left;
	padding-left: 6px;
}

td.ts_table, tr.ts_table
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	font-size:11px;
	background-color:#FFFFFF;
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 2px;
	padding-left: 6px;
}

.browntab
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #003366;
  font-size:11px;
  font-weight:bold;
  background-color:#cccc99;
}

td.browntab
{
  padding-left: 14px;
  padding-right: 2px;
  text-align:left;
  white-space: nowrap;
  background-color:#cccc99;
}

td.leftmenu, table.leftmenu td
{
  background-color:#ebebd6;
}

a.browntab, a.browntab:visited
{
  text-decoration:none;
  color: #003366;
}

a.browntab:hover
{
  text-decoration:underline;

}

.tablecell
{
	 border-bottom: 1px solid #cccc99;
	 padding: 5px;
}

.textgray
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
}

.leftmaintext
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}

.leftmaintext:link
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #003070;
}

.leftmaintext:hover
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #ffd060;
}

.leftmaintext:visited
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #336600;
}

.maintextsmall
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

.leftnavheader
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	color: #CC6600;
	font-weight: bold;
}

.leftnav
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #999999;
}

.leftnavblue, .leftnavblue:visited
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight: 700;
	text-decoration:none;
}

.leftnavblue:link
{
 text-decoration: none;

}

.leftnavblue:active
{
 text-decoration: underline;

}

.leftnavblue:hover
{
 text-decoration: underline;

}

.leftnavsub, .leftnavsub:visited
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666633;
	font-weight: 500;
	text-decoration: none;
}

.leftnavsub:hover
{
 text-decoration: underline;

}

.relatetop
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	color: #003070;
/*	xbackground-color:#9A9A66;	*/
	background-color:#cccc99;
	font-weight:bold;
	vertical-align: middle;
}

.relatelink
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #003366;
	background-color: #EBEBD6;
}

.error{
	color:#cc0000;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	}



.message{

	color:#3366cc;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	font-size:14px;

	font-weight:bold;

	}



.footer
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #666666;
}

.footerlink
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #003366;
}

.tableheader
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000033;
	font-size:15px;
	font-weight:bold;
	background-color:#CCCC99;
}

.table2header, .table3header
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #003366;
	font-size:11px;
	font-weight:bold;
	background-color:#ededd6;
	border-top:1px solid #cccc99;
	border-bottom:1px solid #cccc99;
	border-right:1px solid #cccc99;
}

.table4header
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size:14px;
	font-weight:bold;
	background-color:#ededd6;
}

.tablebg
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	font-size:11px;
	background-color:#FFFFFF;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.tablebody
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size:14px;
	background-color:#ededd6;
}

.tdprod
{
	padding-left: 12px;
	border-bottom: 1px solid #CCCC99;
}

.tabcell
{
	padding-left: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight: 700;
	text-decoration:none;
	background-color: #CCCC99;
}

.table5header
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	background-color: #ebebd6;
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
	font-weight: 700;
	padding-left: 10px;
	height: 19px;
}

.hotcell_l
{
	background-color: #cccc99;
	height: 7;
	width: 7;
	padding: 4;

}

.hotcell_r, .hotcell_r:hover, .hotcell_r:visited, .hotcell_r:link
{
	background-color: #FF3300;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	border-width: 0px;
	white-space: nowrap;
}

td.hotcell_r, input.hotcell_r, input.hotcell_r:hover, td.hotcell_r:hover
{
	padding-left: 10;
	padding-right: 10;
	text-decoration: none;
	height: 19;
}

button.hotcell_r{
	margin-left: 0;
	padding-right: 0;

}

.hotcell_light
{
	background-color: #FF3300;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	border-width: 0px;
}

button.hotcell_r, input.hotcell_r
{
	cursor: pointer;
}

.welcome
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #3366cc;
}

.invalidEmailError
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}

table.orderedListTable
{
	margin-left:2px;
}

td.orderedListNumberCell
{
	padding-right:8px;
	vertical-align:top;
}

td.orderedListContentCell
{
	padding-bottom:3px;
}

.profileField
{
	width: 257px;
}
