/* Page Layout */
html, body, td, th, p, li {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #99B2CC;
	font-size: 13px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #101010;
}

table#canvas {
	height: 100%;
}

td#shadowleft {
	width: 16px;
	height: 100%;
	background: url("Images/ShadowLeft.png") top right repeat-y;
}

td#page_cell {
	width: 792px;
	background: #222A33;
	background: url("Images/Pattern.gif");
}

td#shadowright {
	width: 16px;
	height: 100%;
	background: url("Images/ShadowRight.png") top left repeat-y;
}

table#page_table {
	width: 100%;
	height: 100%;
}


/* Header */
td#header_row {
	width: 100%;
	height:32px;
	background: url("Images/Gradient.png") bottom left repeat-x;
}

table#header_table {
	width: 100%;
}

td#date_cell {
	padding-left: 12px;
	font-size: xx-small;
}

td#empty_cell {
	padding-right: 12px;
	font-size: xx-small;
	text-align: right;
}


/* Logo */
td#logo_row {
	width: 100%;
	height:64px;
}

table#logo_table {
	width: 100%;
}

td#logo_cell {
	padding-left: 12px;
	font-size: xx-small;
}

td#contact_cell {
	padding-right: 12px;
	font-size: xx-small;
	text-align: right;
}


/* Tabs */
td#tabrow_row_withphoto {
	width: 100%;
	height:256px;
}

/* Tabs */
td#tabrow_row {
	width: 100%;
	height:64px;
}

table#tabrow_table {
	width: 768px;
}

td#photo_cell {
	width: 100%;
	height: 192px;
	background: url("Images/Gloves.png") top left no-repeat;
}

td#tabrow_cell {
	width: 100%;
	height: 64px;
}

table#tabs_table {
	width: 100%;
	height: 64px;
}

div.tab {
	position: relative;
	width: 100%;
	height: 100%;
}

div.tabbackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div.tablink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div.separatorleft {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 1px;
	height: 40px;
	background: url("Images/Light.png");
}

div.separatorright {
	position: absolute;
	top: 12px;
	right: 0px;
	width: 1px;
	height: 40px;
	background: url("Images/Dark.png");
}

table.tab						{ width:100%; height: 64px; }

td.tabtopleft					{ width:12px; height:12px; background: url("Images/Tabs/TabTopLeft.png") top left no-repeat; }
td.tabtopleftsquare				{ width:12px; height:12px; background: #182029 url("Images/Tabs/TabTopLeftSquare.png") top left no-repeat; }
td.tabtop						{ height:12px; background: #182029 url("Images/Tabs/TabTop.png") top repeat-x; }
td.tabtopright					{ width:12px; height:12px; background: url("Images/Tabs/TabTopRight.png") top right no-repeat; }
td.tabtoprightsquare			{ width:12px; height:12px; background: #182029 url("Images/Tabs/TabTopRightSquare.png") top right no-repeat; }
td.tableft						{ width:12px; height:40px; background: #182029 url("Images/Tabs/TabLeft.png") top left no-repeat; }
td.tabcenter					{ height:40px; background: #182029 url("Images/Tabs/TabCenter.png") repeat-x; }
td.tabright						{ width:12px; height:40px; background: #182029 url("Images/Tabs/TabRight.png") top left no-repeat; }
td.tabbottomleft				{ width:12px; height:12px; background: url("Images/Tabs/TabBottomLeft.png") bottom left no-repeat; }
td.tabbottomleftsquare			{ width:12px; height:12px; background: #182029 url("Images/Tabs/TabBottomLeftSquare.png") bottom left no-repeat; }
td.tabbottom					{ height:12px; background: #182029 url("Images/Tabs/TabBottom.png") bottom repeat-x; }
td.tabbottomright				{ width:12px; height:12px; background: url("Images/Tabs/TabBottomRight.png") bottom right no-repeat; }
td.tabbottomrightsquare			{ width:12px; height:12px; background: #182029 url("Images/Tabs/TabBottomRightSquare.png") bottom right no-repeat; }

td.tabactivetopleft				{ width:12px; height:12px; background: url("Images/Tabs/TabActiveTopLeft.png") top left no-repeat; }
td.tabactivetopleftsquare		{ width:12px; height:12px; background: #FFCC33 url("Images/Tabs/TabActiveTopLeftSquare.png") top left no-repeat; }
td.tabactivetop					{ height:12px; background: #FFCC33 url("Images/Tabs/TabActiveTop.png") top repeat-x; }
td.tabactivetopright			{ width:12px; height:12px; background: url("Images/Tabs/TabActiveTopRight.png") top right no-repeat; }
td.tabactivetoprightsquare		{ width:12px; height:12px; background: #FFCC33 url("Images/Tabs/TabActiveTopRightSquare.png") top right no-repeat; }
td.tabactiveleft				{ width:12px; height:40px; background: #FFCC33 url("Images/Tabs/TabActiveLeft.png") top left no-repeat; }
td.tabactivecenter				{ height:40px; background: #FFCC33 url("Images/Tabs/TabActiveCenter.png") repeat-x; }
td.tabactiveright				{ width:12px; height:40px; background: #FFCC33 url("Images/Tabs/TabActiveRight.png") top left no-repeat; }
td.tabactivebottomleft			{ width:12px; height:12px; background: url("Images/Tabs/TabActiveBottomLeft.png") bottom left no-repeat; }
td.tabactivebottomleftsquare	{ width:12px; height:12px; background: #FFCC33 url("Images/Tabs/TabActiveBottomLeftSquare.png") bottom left no-repeat; }
td.tabactivebottom				{ height:12px; background: #FFCC33 url("Images/Tabs/TabActiveBottom.png") bottom repeat-x; }
td.tabactivebottomright			{ width:12px; height:12px; background: url("Images/Tabs/TabActiveBottomRight.png") bottom right no-repeat; }
td.tabactivebottomrightsquare	{ width:12px; height:12px; background: #FFCC33 url("Images/Tabs/TabActiveBottomRightSquare.png") bottom right no-repeat; }

a.tab							{ color: #99B2CC; font-size:12px; text-decoration: none; display: block; line-height:64px; }
a.tab:hover						{ color: #FFFFFF; }

a.tabactive						{ color: #000000; font-size:12px; text-decoration: none; display: block; line-height:64px; }
a.tabactive:hover				{ color: #666666; }


/* Content */
td#content_row {
	padding: 24px 24px 16px 24px;
	vertical-align: top;
}

div#content {
	width: 100%;
	height:100%;
	padding: 0px;
}

/* Footer */
td#footer_gradient_row {
	width: 100%;
	height:32px;
	background: url("Images/Gradient.png") bottom left repeat-x;
}

/* Footer */
td#footer_row {
	width: 100%;
	height:72px;
	vertical-align: top;
}

table#footer_table {
	width: 100%;
}

td#copyright_cell {
	padding: 16px 0px 0px 24px;
	font-size: xx-small;
}

td#wyatt-software_cell {
	text-align: right;
	vertical-align: middle;
	padding: 16px 24px 0px 0px;
}