body, td, th, p, textarea		{ font-family:"helvetica"; font-size:11px; color:#666666; }

p								{ margin:0px 0 8px 0; }
h1, h2, h3						{ margin:8px 0 8px 0; font-weight:normal; color:#586777; }
h1								{ font-size:17px; }
h2								{ font-size:15px; }
h3								{ font-size:13px; }
ul, ol							{ margin:0; padding:0; }
ul li							{ margin:0 0 2px 0; padding:0 0 0 18px; list-style:none; background:url(Images/Layout/Bullet.gif) 6px 6px no-repeat; }

input							{ }
textarea						{ width:100%; height:96px; }
.row							{ margin-bottom:2px; }
.heading						{ float:left; width:100px; color:#666666; font-size:10px; }
.input							{ float:left; width:260px; }
.clearboth						{ clear:both; }

th								{ text-align:left; color:#666666; font-size:10px; }

.good							{ color:#339933 }
.warning						{ color:#ff7f00 }
.bad							{ color:#cc0000; }
.tiny							{ font-size:10px; }
.faded							{ color:#999999; }
.big							{ font-size:21px; }
.contactname					{ font-size:21px; color:#9dadbf; }
.contactnumber					{ font-size:21px; }

a								{ color:#9dadbf; }
a img							{ border:none; }

a.checkbox						{ color:#000000; text-decoration:none; }
a.checkbox:hover				{ color:#000000; text-decoration:underline; }

.button							{ width:40px; height:20px; vertical-align:middle; border:none; }
.buttonsmall					{ width:16px; height:16px; vertical-align:middle; border:none; }
.buttonlarge					{ width:80px; height:40px; vertical-align:middle; border:none; }
.photo							{ background-color:#ffffff; padding:3px; border:#cccccc 1px solid; }
.icon16							{ width:16px; height:16px; }
.icon20							{ width:20px; height:20px; }
.icon24							{ width:24px; height:24px; }
.icon32							{ width:32px; height:32px; }
.icon64							{ width:64px; height:64px; }

hr								{ color:#586777; background-color:#586777; height:4px; border:none; margin-bottom:16px; }
.br								{ margin-bottom:24px; }



/* Columns. */
.column1of2						{ float:left; width:360px; margin-right:48px; }
.column2of2						{ float:left; width:360px; }
.column1of3						{ float:left; width:224px; margin-right:48px; }
.column2of3						{ float:left; width:496px; margin-right:48px; }
.column3of3						{ float:left; width:224px; }



/* Tables. */
.tableborder					{ border:#586777 1px solid; }
.light							{ background-color:#ffffff; }
.dark							{ background-color:#f7f7f7; }
td.tableheading					{ padding:0px 8px; height:20px; margin:0; background-color:#586777; color:#ffffff; line-height:20px; font-size:12px; font-weight:bold; }
td.list							{ padding:2px 8px; }



/* Bubbles */
.bubblecorner					{ width:3px; height:3px; }
.bubblecornertopleft			{ background:url(Images/Layout/Bubble.png) 0px 0px; }
.bubblecornertopright			{ background:url(Images/Layout/Bubble.png) 3px 0px; }
.bubblecornerbottomleft			{ background:url(Images/Layout/Bubble.png) 0px 3px; }
.bubblecornerbottomright		{ background:url(Images/Layout/Bubble.png) 3px 3px; }
.bubbletop						{ height:2px; background-color:#f7f7f7; border-top:#e0e0e0 1px solid; }
.bubblebottom					{ height:2px; background-color:#f7f7f7; border-bottom:#e0e0e0 1px solid; }
.bubbleleft						{ width:2px; background-color:#f7f7f7; border-left:#e0e0e0 1px solid; }
.bubbleright					{ width:2px; background-color:#f7f7f7; border-right:#e0e0e0 1px solid; }
.bubblespacervert				{ width:1px; height:2px; }
.bubblespacerhoriz				{ width:2px; height:1px; }
.bubble							{ padding:9px; background-color:#f7f7f7; }
.bubble h3						{ margin-top:0; margin-bottom:6px; }



/* Images */
.imagealign						{ float:left; text-align:center; font-size:10px; margin-right:4px; }
.imagealign img					{ width:88px; height:68px; }
.imagealign input				{ margin:0; }
.imagealign a					{ text-decoration:none; }
.imagethumb						{ text-align:center; height:128px; margin-bottom:2px; }
.imageinfo						{ text-align:center; font-size:10px; margin-bottom:24px; }



/* Layout */
html, body						{ margin:0; height:100%; }
.pagewidth						{ width:768px; text-align:left; margin:auto; }
#canvas							{ width:100%; height:100%; }

#loggedonrow					{ text-align:center; height:20px; background-color:#ffffcc; border-bottom:#bfbf99 1px solid; }
#loggedon						{ text-align:right; height:20px; line-height:20px; color:#7f7f66; }
#loggedon a						{ color:#7f7f66; text-decoration:none; }
#loggedon a:hover				{ color:#bfbf99; }

#headerrow						{ text-align:center; height:140px; }
#header							{ text-align:left; height:140px; }
#logo							{ float:left; margin-top:32px; }
#logo img						{ width:256px; height:87px; }
#tabs							{ float:right; margin-top:32px; }
#tabs ul						{ padding:0; margin:0; }
#tabs li						{ float:left; margin:0px; padding:0px; list-style:none; background:none; }
#tabs li a						{ float:left; display:block; margin-left:32px; height:20px; line-height:20px; text-align:center; text-decoration:none; font-size:13px; color:#586777; }
#tabs li a:hover				{ color:#9dadbf; }
#tabs li a.active 				{ color:#9dadbf; }

#headerstriphomerow				{ text-align:center; height:256px; background:#586777 url(Images/Layout/Blueprints.gif) center center repeat-x; }
#headerstriphome				{ height:256px; position:relative; }
#headerstriphome	img			{ position:absolute; width:175px; height:320px; bottom:0; right:0; }
#headerstriprow					{ height:64px; background:#586777 url(Images/Layout/Blueprints.gif) center center repeat-x; }

#shadowrow						{ background:url(Images/Layout/Shadow.gif) top repeat-x; height:16px; }
#contentrow						{ text-align:center; vertical-align:top; background:url(Images/Layout/Gradient.gif) bottom repeat-x; }
#content						{ text-align:left; padding:24px 0; }

#help							{ float:left; width:224px; margin-right:48px; }
#helpcontent					{ float:left; width:496px; }

#footerrow						{ text-align:center; vertical-align:top; height:96px; border-top:#cccccc 1px dotted;}
#footer							{ text-align:left; height:11px; margin-top:64px; }
#wyattsoftware					{ float:left; }
#wyattsoftware span				{ display:block; padding-top:11px; width:16px; height:0px; overflow:hidden; background:url(Images/Layout/WyattSoftware.gif) no-repeat; }
#copyright						{ float:right; line-height:11px; font-size:10px; color:#b0b0b0; }
#copyright a					{ color:#b0b0b0; text-decoration:none; }
#copyright a:hover				{ text-decoration:underline; }