/* General Styles */

html, body, td, th, p	{ font-family:"helvetica"; font-size:13px; color:#ffffff; }
body					{ margin:0px; background-color:#86b300; }
#page					{ background:#b3b3b3 url('Images/Layout/main_bg.gif'); }

p						{ margin:0 0 6px 0; }

h1, h2, h3				{ margin:0 0 6px 0; }

.big					{ font-size:18px; }
.tiny					{ font-size:10px; }
.bad					{ color:#cc0000; }

a						{ color:#2d00b3; }
a:hover					{ color:#6c4dca; }

img						{ border:none; }
img.icon				{ width:24px; height:24px; border:none; }
img.iconlarge			{ width:64px; height:64px; border:none; }
img.button				{ width:40px; height:20px; border:none; }

li						{ margin-bottom:12px; margin-left:0px; list-style-image:url(Images/Layout/li.gif); }
th						{ text-align:left; }

div.br					{ margin-bottom:24px; }
div.hr					{ width:100%; height:1px; background-color:#9ec233; }


#canvas					{ width:100%; height:100%; }
.pagewidth				{ text-align:left; margin:auto; width:756px; padding:0 12px; height:100%; }

#headerrow				{ text-align:center; height:214px; }
#header					{ text-align:left; position:relative; background:#ffffff url('Images/Layout/Mistletoe.jpg') top left no-repeat; }
#header	a				{ color:#cc0000; }
#header	a:hover			{ color:#ff3333; }

#logo					{ position:absolute; width:500px; height:54px; right:34px; top:72px; }
#logo img				{ width:500px; height:54px; }

#tabs					{ position:absolute; left:244px; top:140px; }
#tabs ul				{ margin:0px; padding:0px; }
#tabs li				{ margin:0px; padding:0px; list-style:none; float:left; }
#tabs li a				{ color:#cc0000; display:block; background:url('Images/Layout/bullet.gif') 4px 4px no-repeat; padding:0 16px; font-size:11px; text-decoration:none; text-transform:uppercase; }
#tabs li a:hover		{ color:#ff3333; }
#tabs li a.active		{ background:url('Images/Layout/abullet.gif') 4px 4px no-repeat; }

#title					{ position:absolute; left:244px; top:176px; }
#title h1				{ margin:0; color:#333333; }

#trolley				{ position:absolute; right:12px; top:176px; }

#logoutrow				{ text-align:center;  height:20px; }
#logout					{ text-align:left; line-height:20px; background-color:#ffcc00; color:#000000; font-size:10px; }

#navigationrow			{ text-align:center; height:32px; }
#navigation				{ text-align:left; line-height:32px; background-color:#86b300; color:#2d00b3; }

.contentspacerrow		{ text-align:center; height:12px; }
#contentspacertop		{ background-color:#86b300; }

#contentrow				{ text-align:center; vertical-align:top; }
#content				{ text-align:left; background-color:#86b300; }

#contentspacerbottom	{ background-color:#86b300; }

#footerrow				{ text-align:center; height:20px; }
#footer					{ text-align:left; background-color:#ffffff; color:#999999; line-height:20px; font-size:10px; }
#footer	a				{ color:#999999; text-decoration:none; }

/* Bubbles */
.bubblecorner			{ width:3px; height:3px; }
.bubbletop				{ height:2px; background-color:#a4c640; border-top:#c3d980 1px solid; }
.bubblebottom			{ height:2px; background-color:#a4c640; border-bottom:#c3d980 1px solid; }
.bubbleleft				{ width:2px; background-color:#a4c640; border-left:#c3d980 1px solid; }
.bubbleright			{ width:2px; background-color:#a4c640; border-right:#c3d980 1px solid; }
.bubblespacervert		{ width:1px; height:2px; }
.bubblespacerhoriz		{ width:2px; height:1px; }
.bubble					{ padding:9px; background-color:#a4c640; }
.bubble h3				{ margin-top:0; margin-bottom:6px; }

/* Tables */
tr.light				{ background-color:#9ec233; }
tr.dark					{ background-color:#92bb1a; }
td.list					{ font-size:11px; padding:4px; }
td.tableheading			{ font-size:11px; background-color:#000000; color:#ffffff; font-weight:bold; height:20px; padding:4px; }