/***************************************
 * TITLE: Gazetteer Default Stylesheet *
 * URI  : gazetteer/default.css        *
 * MODIF: 2003-Nov-08 13:56 +0800      *
 * MEDIA: screen, projection, tv       *
 ***************************************/

/* DESCRIPTION:
 * This is the default stylesheet for Gazetteer. It renders the main copy in three columns
 * and has a tab-like bar beneath the title for navigation. The tabs become depressed when
 * the User hovers the mouse pointer over them, giving a dynamic effect.
 *
 * This stylesheet is best used for display on large display areas (eg: standard computer
 * monitors).
 */


/* ##### Common Styles ##### */

.headerlogo
{
    color: gray;
    background-color: #f3f5fa;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 90%; /* Enables font size scaling in MSIE */
    margin: 0;
    padding: 0;
}

body {
  color: black;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 75%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted gray;
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

acronym:hover, .titleTip:hover {  /* Ignored by MSIE. The nerve! */
  border-bottom: 1px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}

.Tanbox
{
	color: #0066cc;
	font-variant: small-caps;
	font-weight: bold;
	width: 500px;
	height: 150px;
	background-color: lightgoldenrodyellow;
}

.Tancombo
{
	color: #0066cc;
	font-variant: small-caps;
	font-weight: bold;
	width: 250px;
	background-color: lightgoldenrodyellow;
}

.select250
{
	color: #0066cc;
	font-variant: small-caps;
	font-weight: bold;
	width: 250px;
}
.liststatus
{
    color: #0066cc;
    font-variant: small-caps;
    font-weight: bold;
    width: 100%;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.TanboxLarge
{
	color: #0066cc;
	font-variant: small-caps;
	font-weight: bold;
	width: 400px;
	height: 150px;
	background-color: lightgoldenrodyellow;
}

.BlueSelectBox
{
    color: black;
    background-color: #f3f5fa;
    width: 300px;
    height: 150px;
}
.BigSelectBox
{
	color: black;
	width: 350px;
	height: 350px;
	border-right: #ccffff thin solid;
	border-top: #ccffff thin solid;
	border-left: #ccffff thin solid;
	border-bottom: #ccffff thin solid;
}


/* ###### Header ###### */

.headerTitle {
  color: rgb(175,175,175);
  background-color: transparent;
  font-family: garamond, "times new roman", times, roman, serif;
  font-size: 400%;
  margin: 0 0 0 5mm;
  padding: 1ex 0 0 0;
}

.subHeader {
  margin: 0;
  padding: 0.75em 1ex 0.5ex 1ex;
  border-bottom: 10px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.subHeader .dateline {
  color: rgb(175,175,175);
  background-color: transparent;
  font-style: italic;
  float: right;
  margin: 0 1ex;
  padding: 0;
}

.subHeader .navigation {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.subHeader .navigation li {
  line-height: 1.75em;
  margin: 0;
  padding: 0;
  display: inline;
}

.subHeader a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.subHeader a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: none;
}


/* ###### Navigation ###### */

.nav {
  margin: 0;
  padding: 0.75em 1ex 0.5ex 1ex;
  border-bottom: 2px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.nav .navigation {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.nav .navigation li {
  line-height: 1.75em;
  margin: 0;
  padding: 0;
  display: inline;
}

.nav a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.nav a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: none;
}

.nav .navigation .tab
{
    color: #000000;
    background-color: rgb(248,248,248);
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0.5ex 1.25em 1ex 1.25em;
    border-top: 1px solid rgb(231,231,231);
    border-right: 1px solid rgb(97,97,97);
    border-left: 1px solid rgb(231,231,231);
}

.nav .navigation a.tab:hover {
  color: steelblue;
  background-color: rgb(248,248,248);
  text-decoration: none;
  padding-bottom: 0.8ex;
  border-top: 1px solid rgb(97,97,97);
  border-right: 1px solid rgb(231,231,231);
  border-left: 1px solid rgb(97,97,97);
  position: relative;
  left: 1px;
  top: 1px;
}

.nav .navigation .highlighted {
  color: white;
  background-color: steelblue;
  border-top-color: steelblue;
  border-right-color: steelblue;
  border-left-color: steelblue;
}

#submenu
{
    color: white;
    background-color: steelblue;
    margin: 0;
    clear: both;
    padding-right: 5mm;
    padding-left: 4mm;
    padding-bottom: 0.7ex;
    padding-top: 0.02em;
    text-align: left;
}

.submenu .item
{
    padding-right: 5px;
    padding-left: 5px;
    border-right: white thin ridge;
}

.submenu .itemsel
{
    padding-right: 5px;
    padding-left: 5px;
    border-right: white thin ridge;
    color: steelblue;
    background-color: rgb(248,248,248);
    text-decoration: none;
    border-top: 1px solid rgb(97,97,97);
    border-right: 1px solid rgb(231,231,231);
    border-left: 1px solid rgb(97,97,97);
    border-bottom: 1px solid rgb(97,97,97);
    position: relative;
}

.submenu a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.submenu a:hover
{
  color: steelblue;
  background-color: rgb(248,248,248);
  text-decoration: none;
  border-top: 1px solid rgb(97,97,97);
  border-right: 1px solid rgb(231,231,231);
  border-left: 1px solid rgb(97,97,97);
  border-bottom: 1px solid rgb(97,97,97);
  position: relative;
}

.check {
  margin: 0;
  padding: 0.75em 1ex 0.5ex 1ex;
  border-bottom: 2px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.check .checklist {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.check .checklist .item
{
    line-height: 1.75em;
    margin: 0;
    padding: 0;
    display: block;
    left: 20px;
    position: relative;
}

.check .checklist .header
{
    line-height: 1.75em;
    margin: 0;
    padding: 0;
    display: block;
    background-color: #ffff99;
}

/* ###### Info bar ###### */

#info
{
    color: white;
    background-color: steelblue;
    margin: 0;
    clear: both;
    padding-right: 5mm;
    padding-left: 4mm;
    padding-bottom: 0.25ex;
    padding-top: 0.25em;
}

body > #info {  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  padding-top: 0.5em;
}

#info .left {
  text-align: left;
  line-height: 1.45em;
}

#info .right {
  text-align: right;
  line-height: 1.45em;
}

#info .center {
  text-align: center;
  line-height: 1.45em;
}

#info a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: underline;
}

#info a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: none;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 2em;
  padding: 0;
}

#main-copy p {
  text-indent: 1em;
  margin: 0 0 1.5em 0;
  padding: 0;
}

#main_copy select
{
    background-color: gray;
    width: 300px;
}

#main-copy q {
  color: rgb(225,225,225);
  background-color: transparent;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
  text-indent: -1ex;
  margin: 0.3em 0 0.8em 1ex;
  padding: 0;
  display: block;
}

#main-copy q.centred {
  text-align: center;
  margin-left: 0;
}

q:before, q:after {  /* Prevents Gecko from adding quotation marks around quote */
  content: "";
}

#main-copy a {
  color: gray;
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: none;
}

#main-copy h1 {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145.5%;
  font-weight: bold;
  margin: 0 0 1.05em 0;
  padding: 0;
}

.byline {
  font-size: 91%;
  border-bottom: 1px solid gray;
  margin: -1.2em 0 1em 0;
  padding: 0;
  width: 100%;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

[class~="byline"] {
  margin-top: -1.4em;
}

#main-copy .byline a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

#main-copy .byline a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: underline;
}

.column1, .column2, .column3 {
  margin: 3em 0;
  padding: 0 2%;
  float: left;
  width: 45%;
}

.colbody {
  margin: 3em 0;
  padding: 0 2%;
  float: left;
  width: 45%;
  height: 500px;
}
.colinfo {
  margin: 3em 0;
  padding: 0 2%;
  float: right;
  width: 20%;
  height: 300px;
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
}

.checkcolumn {
  width: 33%;
}
.checktable
{
    width: 100%;
    border-right: gray thin solid;
    border-top: gray thin solid;
    border-left: gray thin solid;
    border-bottom: gray thin solid;
}

.checktable .category
{
    color: white;
    background-color: steelblue;
}

.checktable .pad1
{
    left: 20px;
    position: relative;
}

.checktable .pad2
{
    left: 40px;
    position: relative;
}

.bluecategory
{
    color: white;
    background-color: steelblue;
    width: 100%;
}



.shmoog {
  margin: 3em 0;
  padding: 0 2%;
  width: 95%;
  border-left: 1px solid rgb(204,204,204);
  border-right: 1px solid rgb(204,204,204);
}

.column2 {  /* Renders the column dividers */
  border-left: 1px solid rgb(204,204,204);
  border-right: 1px solid rgb(204,204,204);
}

.raisedCap {
  text-indent: 0.5em;
}

[class~="raisedCap"] {  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  text-indent: 1em;
}

.raisedCap:first-line {
  font-weight: bold;
}

.raisedCap:first-letter {
  font-size: 155%;
}

.noIndent {
  text-indent: 0 !important;
}


/* ###### Footer ###### */

#footer {
  color: rgb(175,175,175);
  background-color: rgb(250,250,250);
  margin: 0;
  padding: 0.25em 5mm 1.25ex 4mm;
  clear: both;
  
}

body > #footer {  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  padding-top: 0.5em;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer .center {
  text-align: center;
  line-height: 1.45em;
}

#footer a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: none;
}

#product_sidetitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 3px;
	height: 18px;
	background-image:url(http://www.techexcel.com/images/product_side_bg.gif);
	border-left: 1px solid #1447AF;
	border-right: 1px solid #1447AF;
}

#product_sidemain {
	background-color: #FFFFFF;
	background-image: url(http://www.techexcel.com/images/product_side.gif);
	border-left: 1px solid #1447AF;
	border-right: 1px solid #1447AF;
	border-bottom: 1px solid #1447AF;
}

#product_image {
	float: left;
	margin: 10px;
}

#product_list  {
	margin-left: 10px;
	list-style-type: none;	
}

#product_header {
	background-image: url(http://www.techexcel.com/images/product_header.gif);
	height: 29px;
	width: 525px;
	margin: 0px 8px 0px 8px;
	padding: 6px;
	font-family: Verdana, Arial, Tahoma, MS Sans Serif;
	font-size: 10px;
	font-weight: bold;
}

#product_main {
	background-image: url(http://www.techexcel.com/images/product_main.gif);
	width: 525px;
	padding: 2px 18px 2px 18px;
	margin: 0px 8px 0px 8px;
	font-family: Verdana, Arial, Tahoma, MS Sans Serif;
	font-size: 11px;
	line-height: 16px;
}

#product_footer {
	background-image: url(http://www.techexcel.com/images/product_footer.gif);
	height: 46px;
	width: 525px;
	margin: 0px 8px 0px 8px;
	padding: 6px;
	font-family: Verdana, Arial, Tahoma, MS Sans Serif;
	font-size: 10px;
	font-weight: bold;
}

#product_subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 18px;
	background-image:url(http://www.techexcel.com/images/dots_bg.gif);
	line-height: 17px;
}

#product_main_list {
	list-style-position: outside;
	list-style-image: url(http://www.techexcel.com/images/icon_blue_arrow.gif);
	padding-bottom: 8px;
	margin-left: 40px;
	margin-right: 30px;
}

#product_sub {
	margin-left: 16px;
}

.edits
{
    background-color: lemonchiffon;
    border-right: navy 1px solid;
    border-top: navy 1px solid;
    border-left: navy 1px solid;
    border-bottom: navy 1px solid;
    width: 50px;
}
.editm
{
    background-color: lemonchiffon;
    border-right: navy 1px solid;
    border-top: navy 1px solid;
    border-left: navy 1px solid;
    border-bottom: navy 1px solid;
    width: 100px;
}
.editl
{
    background-color: lemonchiffon;
    border-right: navy 1px solid;
    border-top: navy 1px solid;
    border-left: navy 1px solid;
    border-bottom: navy 1px solid;
}

.editheader
{
    border-right: navy 1px solid;
    border-top: navy 1px solid;
    border-left: navy 1px solid;
    border-bottom: navy 1px solid;

}
.scroll
{
    height: 300px;
    width: 90%;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ccc;
    padding: 8px;
}

div.rounded-box
{
    position: relative;
    margin: 5px;
}
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: white;
    overflow: hidden;
}
div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside
{
    position: relative;
    font-size: 150px;
    font-family: arial;
    line-height: 40px;
}
div.top-left-corner
{
    top: 0px;
    left: 0px;
}
div.bottom-left-corner
{
    bottom: 0px;
    left: 0px;
}
div.top-right-corner
{
    top: 0px;
    right: 0px;
}
div.bottom-right-corner
{
    bottom: 0px;
    right: 0px;
}
div.top-left-inside
{
    left: -8px;
}
div.bottom-left-inside
{
    left: -8px;
    top: -17px;
}
div.top-right-inside
{
    left: -25px;
}
div.bottom-right-inside
{
    left: -25px;
    top: -17px;
}
div.box-contents
{
    position: relative;
    padding: 8px;
    color: #000;
}
.bluelabel
{
    color: white;
    background-color: steelblue;
    width: 60%;
    font-weight:bold;
}
.ltcombo
{
    background-color: #ffffcc;
}

.fpheader
{
    font-size: 9pt;
}

.agebox
{
    width: 75px;
    height: 25px;
    background-color: ThreeDDarkShadow;
}
.row
{
	width: 95%;
	padding-top: 20px;
}

.quarterleft
{
	border-right: #66cccc 1px solid;
	border-top: #66cccc 1px solid;
	border-left: #66cccc 1px solid;
	height: 150px;
	border-bottom: #66cccc 1px solid;
	float: left;
	width: 48%;
}
.quarterright
{
	border-right: #66cccc 1px solid;
	border-top: #66cccc 1px solid;
	border-left: #66cccc 1px solid;
	height: 150px;
	border-bottom: #66cccc 1px solid;
	float: right;
	width: 48%;
}
.quarterleft .heading
{
	padding-left: 5px;
	color: #3366ff;
	background-color: #99cccc;
	font-weight: bold;
	border-right: #3366ff 1px solid;
	border-top: #3366ff 1px solid;
	border-left: #3366ff 1px solid;
	border-bottom: #3366ff 1px solid;
	height: 10px;
}
.quarterright .heading
{
	padding-left: 5px;
	color: #3366ff;
	background-color: #99cccc;
	font-weight: bold;
	border-right: #3366ff 1px solid;
	border-top: #3366ff 1px solid;
	border-left: #3366ff 1px solid;
	border-bottom: #3366ff 1px solid;
	height: 10px;
}
.quarterleft .content
{
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #00001f;
	overflow: auto;
	height: 140px;
	text-align:left;
	text-indent: 0em;
	margin: 0 0 0 0;
}
.quarterright .content
{
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #00001f;
	overflow: auto;
	height: 140px;
	text-align:left;

}
.quarterleft .content p
{	
	text-indent: 0em;
	margin: 0 0 0 0;
}
.quarterright .content p
{	
	text-indent: 0em;
	margin: 0 0 0 0;
}

table.left_nav_open{
	border-left:1px #B7D1E8 solid;
	border-right:1px #B7D1E8 solid;
	border-bottom:1px #B7D1E8 solid;
	border-top:1px #B7D1E8 solid;
	margin-bottom:1px;
	visibility:visible;
	position:relative;
  	background-color:#FFFFFF; 
}
tr.header
{
	border-left: #3300cc 1px solid;
	border-right: #3300cc 1px solid;
	border-bottom: #3300cc 1px solid;
	border-top: #3300cc 1px solid;
	margin-bottom: 1px;
	visibility: visible;
	position: relative;
	background-color: #f4e8b4;
	color: #0066cc;
	font-variant: small-caps;
	font-weight: bold;
}

tr.subheader
{
	border-left: #3300cc 1px dotted;
	border-right: #3300cc 1px dotted;
	border-bottom: #3300cc 1px dotted;
	border-top: #3300cc 1px dotted;
	margin-bottom: 1px;
	visibility: visible;
	position: relative;
	color: #0066cc;
	font-variant: small-caps;
	font-weight: bold;
	background-color: #fff7ff;
}

.credit
{
    visibility: visible;
    position: relative;
    font-weight: bold;
    font-style: italic;
    font-family: Arial;
}

table.left_nav_closed{
	margin-bottom:1px;
	visibility:hidden;
	position:absolute;
}

.xbutton
{
	background-color: LightGrey;
	border: solid 1px;
	border-color: #99f #039 #039 #99f;
	color: #0066cc;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
	margin-right: 1px;
	font-variant: small-caps;
}

.xbutton:hover
{
	background-color: fuchsia;
}
td.bgHigh, tr.bgHigh
{
	background-color: #F9FAD9;
	border-bottom: 1px solid #eee;
}

bgC tr.bgc td 
{
	background-color:#fff; color:#000; border-bottom:0px solid #ddd;
}

.gridscroll 
{
    height: 400px;	
    width: 750px;	
    overflow: auto;	
    border: 1px solid #666;	
    padding: 8px;
} 

.gridscrollshort
{
    height: 200px;	
    width: 800px;	
    overflow: auto;	
    border: none;	
    padding: 8px;
    

} 
.gridscrollresults
{
    height: 300px;	
    width: 1000px;	
    overflow: auto;	
    border: none;	
    padding: 8px;
    

} 

#container
	{
		width: 500px;
		padding: 30px;
		border: 1px solid #ccc;
		background: #fff;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}
/* accordian pane classes */

.accordianPaneClosed {
	height: 32px;
	display: none;
}

.accordianPaneContent {
	padding: 12px 28px;
}

.accordianPaneOpen DIV.accordianPaneContent {
	display: block;
}

html * .accordianPaneLegend {
	cursor: hand;
}

.accordianPaneOpen .accordianPaneLegend, .accordianPaneClosed .accordianPaneLegend {
	color: #2242C0;
	background-repeat: no-repeat;
	padding: 9px 0px 0px 28px;
	font-size: 8pt;
	font-weight: bold;
	cursor: pointer;
}


.accordianPaneClosed DIV.accordianPaneContent {
	display: none;
}

.altPane {
	background-color: #FFF;
}

.pers1642srchContainer
{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 775px;
	height : 800px;
	background-color : #F0F0F0;
}
.pers1642srchNav
{
	position : relative;
	width : 775px;
	height : 70px;
	background-color : #FFFFFF;
}
.pers1642srchNavLnks
{
	position : absolute;
	top : 20px;
	left : 32px;
}
.pers1642srchContentContainer
{
	position : relative;
	top : 0px;
	left : 15px;
	width : 745px;
	height : 500px;
	background-color : #FFFFFF;
}
.pers1642srchContentLeft
{
	position : absolute;
	top : 15px;
	left : 15px;
	width : 450px;
}
.pers1642srchContentRight
{
	position : absolute;
	top : 15px;
	left : 465px;
	width : 265px;
	border-style : solid;
	border-color : #C2C2C3;
	border-top-width : 0px;
	border-left-width : 1px;
	border-right-width : 0px;
	border-bottom-width : 0px;
}
.pers1642contentLeftText
{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 245px;
}
.pers1642contentLeftSearch
{
	position : absolute;
	top : 0px;
	left : 265px;
	width : 180px;
}

.teamNotes TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: verdana
}
#instructions {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; HEIGHT: 20px; BACKGROUND-COLOR: #f0f0f0
}
.teamNotes TR.bgHdr1 TD {
	FONT-WEIGHT: bold
}
.teamNotes TR.bgHdr2 TD {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: steelblue; color: white;
}
.teamNotes TR.bgC TD {
	BORDER-BOTTOM: #ddd 1px solid
}
.teamNotes TR.bgHigh TD {
	BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: gainsboro;
}
.teamNotesTitle {
	FONT-WEIGHT: bold
}
#mainTable {
	WIDTH: 100%; BORDER-COLLAPSE: collapse
}
#tradesTable TD {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana
}
#tradesTable TH {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana
}
#transTable TD {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana
}
#transTable TH {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana
}
.nestedDiv {
	
}
#toggle {
	FLOAT: right
}
#toggle A:link {
	COLOR: #febe0d
}
.nestedDiv #toggle {
	FONT-SIZE: 12px; FONT-FAMILY: verdana; POSITION: absolute; TEXT-ALIGN: center
}
.disabledButton {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px auto; WIDTH: 207px; COLOR: #999999; PADDING-TOP: 1px; POSITION: relative; HEIGHT: 24px; TEXT-ALIGN: center
}
.disabledButton INPUT {
	BORDER-RIGHT: #666666 2px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #666666 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #666666 2px solid; WIDTH: 207px; CURSOR: default; BORDER-BOTTOM: #666666 2px solid; HEIGHT: 24px; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center
}
INPUT.submitButtonInput {
	BORDER-RIGHT: #666666 2px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #666666 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #666666 2px solid; WIDTH: 207px; CURSOR: default; BORDER-BOTTOM: #666666 2px solid; HEIGHT: 24px; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center
}

.images {
        float: left;
        overflow: auto;
        height: 500px;
        width: 250px;
        
        height: 100%;
        width: 100%;
        float: right;
        left: 500px;
    }
        .ob_tree {
        float: right;
        overflow: auto;
        height: 500px;
        width: 250px;
        
        height: 100%;
        width: 100%;
        float: right;
        left: 500px;
    }

