HTML
{
}
BODY
{

    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
BODY
{
    SCROLLBAR-FACE-COLOR: #000000;
    MARGIN: 0px;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
    SCROLLBAR-SHADOW-COLOR: white;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-TRACK-COLOR: #7d7c8a;
    SCROLLBAR-BASE-COLOR: white;
    scrollbar-dark-shadow-color: #000000;
    scrollbar-3d-light-color: a

}
.sidetable
{
    BORDER-RIGHT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-BOTTOM: #ffffff 0px solid
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #EEB391;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #5dac9b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H3
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
a{
color:#EEB391;
}
a:hover{
color:#ECA379;
}

.sidetable2
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.baseline
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.iframe
{
    SCROLLBAR-FACE-COLOR: #000000;
    FONT-SIZE: 12px;
    MARGIN: 0px;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
    SCROLLBAR-SHADOW-COLOR: white;
    COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-TRACK-COLOR: #7d7c8a;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    SCROLLBAR-BASE-COLOR: white;
    scrollbar-dark-shadow-color: #000000;
    scrollbar-3d-light-color: a
}
div.tableContainer {
	clear: both;
	border: 0px solid #963;
	height: 285px;
	overflow: auto;
	width: 600px
}
/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 600px
}
/* define width of table. IE browsers only				 */
div.tableContainer table {
	float: left;
	width: 600px
}
/* define width of table. Add 16px to width for scrollbar.		   */
/* All other non-IE browsers.										*/
html>body div.tableContainer table {
	width: 600px
}
/* set table header to a fixed position. WinIE 6.x only									   */
/* In WinIE 6.x, any element with a position property set to relative and is a child of	   */
/* an element that has an overflow property set, the relative value translates into fixed.	*/
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}
/* set THEAD element to have block level attributes. All other non-IE browsers			*/
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}
/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 0px solid #EB8;
	border-right: 0px solid #B74;
	border-top: 0px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}
/* make the A elements pretty. makes for nice clickable headers				*/
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}
/* make the A elements pretty. makes for nice clickable headers				*/
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
/* define the table content to be scrollable											  */
/* set TBODY element to have block level attributes. All other non-IE browsers			*/
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto					 */
html>body tbody.scrollContent {
	display: block;
	height: 300px;
	overflow: auto;
	width: 100%
}
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/							 */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: transparent;
	border-bottom: none;
	border-left: none;
	border-right: 0px solid #CCC;
	border-top: 0px solid #DDD;
	padding: 2px 3px 3px 4px
}
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 0px solid #CCC;
	border-top: 0px solid #DDD;
	padding: 2px 3px 3px 4px
}
/* define width of TH elements: 1st, 2nd, and 3rd respectively.		  */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors		*/
html>body thead.fixedHeader th {
	width: 200px
}
html>body thead.fixedHeader th + th {
	width: 240px
}
html>body thead.fixedHeader th + th + th {
	width: 316px
}
/* define width of TD elements: 1st, 2nd, and 3rd respectively.		  */
/* All other non-IE browsers.											*/
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors		*/
html>body tbody.scrollContent td {
	width: 200px
}
html>body tbody.scrollContent td + td {
	width: 240px
}
html>body tbody.scrollContent td + td + td {
	width: 300px
}

