/* ----------------------------------------------------------------------------
 *  DEMO ONLY CSS for GL1 Demo by garyd@wishfarmers.com
 * ---------------------------------------------------------------------------- */
 
* { margin: 0; padding: 0; }

html, body { margin: 0; height: 100%; }
body       { font-family: Trebuchet MS, Helvetica, sans-serif; background: url(backgroundgradient.jpg) no-repeat; }
#logo img { 
	position: absolute; 
	right: 5em; 
	bottom: 2.0em; 
}

/* Entire page in a wrapper */
.wrapper {
	height: 100%; 			/* req to avoid scrollbars */
	min-height: 100%;		/* gd add */
    height: auto !important;	
	/* margin-bottom: -110px;	// the bottom margin is the negative value of the footer's height */
	margin: 0 auto;  		/* top and right margins only */
	min-width: 740px;
    /*max-width: 1100px;*/ /* this is plenty */
}

/* Only the 'body' part of the content (includes 'backcard', etc) */
#contentdiv {
	margin-top: 2.2em;
}

/* Styling for header (login, etc) area from original sheet */
#poweredby  { float: right; display: none; }
.headerButton { font-size: 12px; } 
.headerText { margin-left: 15px; vertical-align: middle;  }
/* -- Header -- */
#nav              { position: absolute; top: 1em; left: 0em; right: 0em; width: 100%; min-width: 990px; font-size: 14px; white-space: nowrap; }
#nav #navleft     { position: absolute; left: 1em; text-align: left; margin-top: -6px; }
#nav #navleft img { position: relative; top: 4px; }
#nav #navright   { position: absolute; right: 1em; text-align: right; }
#nav span.active { font-weight: bold; }
#betaprogress              { color: #aa0000; }
#betaprogress span.notdone { font-weight: bold; }
a.feedbacklink { color: #aa0000; }
.feedbackbox  { z-index: 1; display: none; }
img.receipt { border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
#poweredby  { float: right; display: none; }
.headerButton { font-size: 12px; }
.headerText { margin-left: 15px; vertical-align: middle; }


/* "nav" element is the miniature menu - position adjusted slightly */
#nav { 
	position: absolute; 
	top: 0.6em; 
	/* right: 0em; */
	width: 99%; 
	min-width: 610px;  /* min-width: 990px; */
	font-size: 14px; white-space: nowrap; 
}
#nav #navleft     { position: absolute; left: 1em; text-align: left; margin-top: -6px; }
#nav #navleft img { position: relative; top: 4px; }
#nav #navright   { position: absolute; right: 1em; text-align: right; }
#nav span.active { font-weight: bold; }
#betaprogress              { color: #aa0000; }
#betaprogress span.notdone { font-weight: bold; }
a.feedbacklink { color: #aa0000; }
.feedbackbox  { z-index: 1; display: none; }

/* A left column for the flash demo */
.left_column {
	float: left;
	margin-left: 15px;
	margin-top: -3em;
	
}

/* A right column for slideshow (actually now underneath left) */
.right_column {
	/* align: center; */
	/* margin-left: 2.2em; */
	/* margin-top: 29.5em;				 pushed down under video -g */
	position: absolute;
	padding-top: 33em;			/* push down under vid */
	padding-left: 2em;
	min-width: 700px;
}

/* Styling for 'comparison matrix' (adjusted prod code) */
.twocols      { margin: auto; width: 700px; }
.twocols .col { width: 49%; padding: 1em; }
.compare          { 
	margin-bottom: 2em; 
	margin: 1.6em auto 0 auto; 	/* mod from 0 auto 0 auto -gd */
	border-collapse: collapse; border: 0; border-spacing: 0; 
}
.compare th           { color: #61727c; white-space: nowrap; }
.compare thead th { font-size: 16px; border-bottom: solid 1px #61727c; }
.compare tbody th { font-size: 12px; text-align: right; padding-right: 0.5em; }
.compare td       { font-size: 12px; white-space: nowrap; text-align: center; padding-left: 0.25em; padding-right: 0.25em; }
.compare tr.spacer { height: 1em; }
.compare .expensify { background-color: #dde9ef; }  
.compare td.footnote { text-align: left; font-size: 10px; color: gray; }

/* For 'backing card' previously behind Flash only */
#backingdiv {
    width: 720px;
    height: 400px;
    /* background: url(index.allbackground.png); */
    display: block;
    margin-right: 1em;
	margin-left: 1em;
    clear: left;
    float: left;
    text-align: center;
}

#videodiv {
	margin-top: 3.0em;
	margin-left: 0.5em;
}

/* For quotes and accolades - og code */
#quotes, #slide_1 {
	margin-top: 1.6em; /* gd add */
}

#quotes td { 
	width: 49%; 
	padding: 0.25em; 
}
.quotetext { font-size: 14px; text-align: center; }
.quotebig  { font-size: 20px; text-align: center; }
.quotemed  { font-size: 16px; text-align: center; }
.quotefrom { font-size: 10px; text-align: right; }

/* styling only for accolades areas */
#accolades { 
	margin-top: 0.6em; /* gd add */
}
#accolades img { padding: 0.5em 0.25em 0.5em 0.25em; }

/* Login form (actually now just a button) */
#formdiv { 
	/* margin-top: 100px; */
	position: absolute;
	left: 7em;
	bottom: 1em;
}

/* Styling for footer */
/* .push must be the same height as .footer */
.footer, .push { clear: both; margin: 0; height: 110px; }
.footer img    { padding-left: 1em; }
.footer td div { padding: 1em; }
.footer table  { height: 110px; width: 100%; }
.footer td     { font-size: 10px; color: gray; }