html, body
{
	height: 100%;
	background-color: #FFFBEF;
}
body 
{
	font-size: 11px;
}
#container
{
	min-height: 100%;
	min-width: 1024px;
	position: relative;
}
#main
{
	padding: 1em;
}
/******** Reusable Classes ********/
.clearfix 
{
	clear: both;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.break-word
{
	word-wrap: break-word;
	white-space: normal;	
}
.sepItem
{
	border-bottom: 1px solid #d9d9d9;
}
.alignCenter
{
	text-align: center;
}
.alignBottom
{
	vertical-align: bottom;	
}
.ie6relative
{
	_position: relative;	
}
/******** Misc Classes ********/
.poweredByQB
{
	font-weight: bold;
}

/******** Brand Bar ********/
.brandBarQB
{
	background-color: #FFF;
}
.brandBarCustom
{
	background-color: #d4e1f3;
}
.brandBarBasic
{
	color: #000000;
	padding: .5em 1em;
}
.brandBarBasic p.floatLeft
{
	font-size: 1.2em;
	font-weight: bold;
}
.brandBarBasic p
{
	margin-bottom: .25em;
}
.brandBarQB p
{
	margin-bottom: 0em;
}

.BrandBar {
	margin: 0;
}

.BrandBar td {
	border: none;
}
/******** Menu Bar ********/
.menuBar
{
	background: #E6E6E6 url(/i/master/bkgd_menu.png) repeat-x;
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	height: 26px;
	padding: 0 .25em 0;
}
.menuBar ol, ul, dl 
{
	margin-left: 0;
}
/******** Menu Items ********/
.menuBarSet
{
	margin: 0;
	float: left;
}
.menuBarSet li
{
	float: left;
	padding: 0 .75em;
	list-style: none;
	line-height: 26px;
}
.menuBarSet li:hover, .menuBarSet li.menu-open
{
	background-color: #e7e7e7;
}
.menuBarSet li a
{
	color: #505050;
}
.menuBarSet li > a:hover
{
	text-decoration: none;
}
.menuBarSet li.myqb a
{
	color: #0044a0;
}
.menuBarSet li.myqb img
{
	margin-top: -3px;
	_margin-top: 2px;
	vertical-align: middle;
}
.menuBarSet li.alert-flags img
{
	margin-top: -4px;
	_margin-top: 4px;
	vertical-align: middle;
}
.menuBarSet li a span.signin
{
	color: #0044A0;
}
.menu180
{
	width: 180px;
}
/******** Sub Menu ********/
.menu
{
	background-color: #FFF;
	border: 1px solid #c7c7c7;
	left: -999em;
	position: absolute;
	z-index: 99;
	margin: 0;
}
.menu li 
{
	margin: 0;
	padding: .5em;
	list-style: none;
}
.menu li:hover
{
	background-color: #ebeff8;
}
.menu li a
{
	display: block;
	color: #0044a0;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
.menu li p
{
	display: block;
	margin: 0;
	padding: 0;
}
.menuWithSpacer
{
	background: #ffffff url(/i/master/menuLeftBkgd.png) repeat-y;
}
.menuWithSpacer > li
{
	padding-left: 3em;
}
.menuWithSpacer li
{
	*padding-left: 1.5em;
}
/******** Right Menu Items ********/
#menuRight
{
	float: right;
}
/******** Sprites ********/
.sub
{
	background: transparent url(/i/arrowRightBlack.gif) no-repeat right 50%;
}
.icon-new
{
	background: transparent url(/i/master/menuSprite.png) no-repeat 0 0;
}
.icon-new-table
{
	background: transparent url(/i/master/menuSprite.png) no-repeat 0px -24px;
}
.icon-help
{
	background: transparent url(/i/master/menuSprite.png) no-repeat 0 -48px;
}
/******** Footer ********/
.footerBasic
{
	color: #000000;
	background: #f5f5f5;
}
.footerBasic a
{
	color: #0044A0;
}
.footerBasic a:hover
{
	text-decoration: underline;
}
.footerBasic p
{
	margin-bottom: 0em;
	padding: .75em 1em;
}
.footerTrial span.daysleft
{
	color: #dc3c1e;
	padding: 0;
	font-weight: bold;
}
.footerBasic span.sep
{
	color: #cccccc;
	padding: 0 1em;
}
#footer 
{
	border-top: 1px solid #cccccc;
	bottom: 0px;
	position: absolute;
	width: 100%;
}
/******** Dialog ********/
.ui-dialog-content h1
{
	margin: 0 0 1em;
}
/******** About Dialog ********/
#about-QuickBase a 
{
	color: #0044A0;
}
#about-QuickBase a:hover 
{
	text-decoration: underline;	
}
/******** Debug Dialog ********/
#debug-dialog 
{
	padding: 0.5 em;	
}
#debug-dialog ul li
{
	list-style: square inside;
}
#debug-dialog ul li label
{
	font-weight: bold;
}
/******** Add/Remove Widget ********/
.ui-addremove-item
{
	position: relative;
}
.ui-addremove-toolbar
{
	position: absolute;
	right: 0;
	_right: 1.5em;
	top: .5em;
	width: 32px;
	height: 16px;
}
.ui-addremove-hover
{
	background-color: #EBEFF8;
}
.ui-addremove-btn
{
	border: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.ui-addremove-add
{
	background: url('/i/icons/16/add.png');	
}
.ui-addremove-remove
{
	background: url('/i/icons/16/delete.png');
}

/******** Hidden link for skipping navigation ********/
.skip a
{
		display: inline; 
		position: absolute; width: 14em; left: -200em;
		text-decoration:none; 
}
		
.skip a:active, .skip a:focus
{
		position: absolute; left:3em; z-index:999; 
		border: solid #333 2px; color: #fff; background: #555;
}

/******** Generic form formatting ********/
.genericForm form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

.genericForm form fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.genericForm form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.genericForm  input, textarea, checkbox, radio {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      
	margin:5px 0 0 10px; 
}

.editor-field {
	display:inline;
	width:auto;
	margin:5px 0 0 10px; 
	padding:0; 
}

.genericForm textarea { overflow: auto; }

.genericForm form .required{font-weight:bold;} /* uses class instead of div, more efficient */

.genericForm form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}