body, td, th, p						{ font-family:"georgia", "times new roman", serif; font-size:15px; color:#333333; }

h1, h2, h3, h4, h5, h6				{ color:#333333; font-weight:bold; }
h1									{ font-size:25px; }
h2									{ font-size:21px; }
h3									{ font-size:19px; }

form								{ margin:0; }
input								{ vertical-align:middle; border:none; height:24px; background-color:#eae7e6; font-family:"helvetica", sans-serif; font-size:14px; }
textarea							{ border:none; background-color:#eae7e6; font-family:"helvetica", sans-serif; font-size:14px; }
select								{ vertical-align:middle; border:none; height:24px; background-color:#eae7e6; font-family:"helvetica", sans-serif; font-size:14px; }
.heading							{ float:left; width:96px; }
.input								{ float:left; }

.nosymbol							{ list-style:none; }
th									{ text-align:right; font-weight:normal; font-size:15px; }

ul									{ margin:0 0 12px 0; padding-left:20px; }
li									{ margin-bottom:4px; }

ul.radio							{ margin:0; padding:0; }
ul.radio li							{ float:left; margin:0 32px 0 0; padding:0; list-style:none; }

a									{ color:#cc0000; text-decoration:none; }
a:hover								{ color:#ff3333; }

a.checkbox							{ color:#000000; text-decoration:none; }
a.checkbox:hover					{ text-decoration:underline; }
a img								{ border:none; }

.alignleft							{ text-align:left; }
.aligncenter						{ text-align:center; }
.alignright							{ text-align:right; }
.alignjustify						{ text-align:justify; }
.aligntop							{ vertical-align:top; }
.alignmiddle						{ vertical-align:middle; }
.alignbottom						{ vertical-align:bottom; }

.good								{ color:#339933 }
.warning							{ color:#ff7f00 }
.bad								{ color:#cc0000; }
.strong								{ font-weight:bold; }
.faded								{ color:#808080; }
.tiny								{ font-size:10px; }
.small								{ font-size:15px; }
.big								{ font-size:25px; }
.huge								{ font-size:36px; }
.nowrap								{ white-space:nowrap; }

hr									{ color:#e0e0e0; background-color:#e0e0e0; height:1px; border:none; }
.br									{ margin:0 0 24px 0; }
.biggap								{ margin:0 0 48px 0; }
.row								{ margin:0 0 2px 0; }

td.br								{ padding-bottom:24px; }
td.row								{ padding-bottom:12px; }

a.button							{ display:inline-block; vertical-align:middle; min-width:40px; height:20px; padding:6px 2px 0 2px; background-color:#86b300; color:#ffffff; text-decoration:none; font-size:12px; text-align:center; text-transform:uppercase; }
a.button:hover						{ background-color:#a4c640; }
a.buttondisabled					{ display:inline-block; vertical-align:middle; min-width:40px; height:20px; padding:6px 2px 0 2px; background-color:#e0e0e0; color:#ffffff; text-decoration:none; font-size:12px; text-align:center; text-transform:uppercase; }
a.buttonsmall						{ display:inline-block; vertical-align:middle; min-width:16px; height:16px; background-color:#86b300; color:#ffffff; text-decoration:none; font-size:12px; text-align:center; text-transform:uppercase; }
a.buttonsmall:hover					{ background-color:#a4c640; }
a.buttonsmalldisabled				{ display:inline-block; vertical-align:middle; min-width:16px; height:16px; background-color:#e0e0e0; color:#ffffff; text-decoration:none; font-size:12px; text-align:center; text-transform:uppercase; }
input.button						{ vertical-align:middle; min-width:40px; height:26px; padding:0 2px; background-color:#86b300; color:#ffffff; text-decoration:none; font-size:12px; text-align:center; text-transform:uppercase; cursor:pointer; }
input.button:hover					{ background-color:#a4c640; }
input.buttonsmall					{ vertical-align:middle; min-width:26px; height:26px; padding:0 2px; background-color:#86b300; color:#ffffff; text-decoration:none; font-size:12px; text-align:center; text-transform:uppercase; cursor:pointer; }
input.buttonsmall:hover				{ background-color:#a4c640; }

.icon16x16							{ width:16px; height:16px; vertical-align:middle; }
.icon20x20							{ width:20px; height:20px; vertical-align:middle; }
.icon24x24							{ width:24px; height:24px; vertical-align:middle; }
.icon32x32							{ width:32px; height:32px; vertical-align:middle; }
.icon48x48							{ width:48px; height:48px; vertical-align:middle; }
.icon64x64							{ width:64px; height:64px; vertical-align:middle; }

.alignleft							{ text-align:left; }
.aligncenter						{ text-align:center; }
.alignright							{ text-align:right; }
.alignjustify						{ text-align:justify; }
.aligntop							{ vertical-align:top; }
.alignmiddle						{ vertical-align:middle; }
.alignbottom						{ vertical-align:bottom; }

.photo								{ padding:3px; background-color:#ffffff; border:#cccccc 1px solid; }

/* Columns */
.column1of2							{ float:left; width:588px; margin-right:24px; }
.column2of2							{ float:left; width:588px;}
.column1of3							{ float:left; width:384px; margin-right:24px; }
.column2of3							{ float:left; width:792px; }
.columnfirst2of3					{ float:left; width:792px; margin-right:24px; }
.column3of3							{ float:left; width:384px;}
.column1of4							{ float:left; width:282px; margin-right:24px; }
.column3of4							{ float:left; width:894px; }
.columnfirst3of4					{ float:left; width:894px; margin-right:24px; }
.column4of4							{ float:left; width:282px; }

.clearboth							{ clear:both; }
.fullwidth							{ width:100%; }
.fullheight							{ height:100%; }


/* Tables */
.tableborder						{  }
.light								{  }
.dark								{  }
.tableheading						{ padding:0px 12px; border-bottom:#c3d980 1px solid; color:#666666; font-size:12px; }
.list								{ padding:2px 12px; border-bottom:#c3d980 1px solid; }
.noborder							{ border:none; }
.emptytable							{ text-align:center; height:48px; }	

.thinborder							{ border-collapse:collapse; border-top:#c3d980 1px solid; border-left:#c3d980 1px solid; }
.thinborder th, .thinborder td		{ padding:6px; border-bottom:#c3d980 1px solid; border-right:#c3d980 1px solid; }
.thinborder th						{ background-color:#c3d980; padding:2px 6px; text-align:left; }


/* 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:#c3d980 1px solid; }
.bubblebottom						{ height:2px; background-color:#f7f7f7; border-bottom:#c3d980 1px solid; }
.bubbleleft							{ width:2px; background-color:#f7f7f7; border-left:#c3d980 1px solid; }
.bubbleright						{ width:2px; background-color:#f7f7f7; border-right:#c3d980 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; }



/* Layout */
html, body						{ margin:0; }
#background						{ background:#86b300; }

#canvas							{ width:1224px; margin:auto; }

#loggedon						{ height:30px; line-height:30px; padding:0 16px; text-align:right; background-color:#cc0000; color:#ffffff; }
#loggedon a						{ color:#ffffff; text-decoration:none; }
#loggedon a:hover				{ text-decoration:underline; }
#loggedonmenu					{ float:left; }
#logout							{ float:right; }

#header							{ height:104px; margin-top:12px; background:url(Images/Layout/SnowHills.png) 0 40px no-repeat; }
#logo							{ float:left; width:612px; }
#logo h1						{ display:block; margin:0; width:480px; height:55px; background:url(Images/Layout/RealChristmasTrees.png); }
#logo h1 span					{ display:none; }
#trolley						{ float:left; width:612px; text-align:right; }
#trolley a						{ color:#ffffff; }

#tabs							{ height:32px; background:url(Images/Layout/SnowHills.png) 0 -64px no-repeat; }
#tabs ul						{ float:right; margin:0; padding:0; }
#tabs ul li						{ float:left; margin:0; padding:0; list-style:none; }
#tabs ul li a					{ float:left; padding:0 8px; margin:0 2px; text-decoration:none; display:block; height:32px; line-height:32px; color:#cc0000; text-transform:uppercase; }
#tabs ul li a:hover				{ color:#ff3333; }
#tabs ul li a.active			{ color:#86b300; }
#tabs ul li a.active:hover		{ color:#86b300; }

#content						{ clear:both; padding:16px 12px 48px 12px; background-color:#ffffff; }

#nav							{ font-size:10px; color:#003399; margin:6px 0; }

#title							{ margin:6px 0; }
#title h1						{ margin:0; }

#help							{ float:left; width:384px; height:100%; margin-right:24px; }
#helpcontent					{ float:left; width:792px; height:100%; }

#footer							{ height:32px; }
#copyright						{ float:left; line-height:32px; font-size:10px; color:#e1ecbf; }
#copyright a					{ color:#e1ecbf; text-decoration:none; }
#wyattsoftware					{ float:right; }
#wyattsoftware a				{ display:block; width:18px; height:12px; margin-top:10px; background:url(Images/Layout/WyattSoftware.png) 0px 0px no-repeat; }
#wyattsoftware a:hover			{ background-position:0px -12px; }
#wyattsoftware a span			{ display:none; }

