body {
	background-color:	#FFFBEF;
	}
	
body.stdBody { 
	margin:				0px;
	font-size:			70%;
	font-family:		Verdana,Helvetica,Geneva,sans-serif;
	}

img		{ border:		0;	}
table	{ border-width:	0;	} 

reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body.Firefox table	{ white-space: normal; } 
/* white-space is set above to override Firefox's default inheritance of the nowrap parameter */
/* must restrict to FireFox as it will cause MS Word to crash when editing Exact Forms */

input, select, textarea	{ font-family: Verdana,Helvetica,Geneva,sans-serif; font-size: 100%; }

body.exactforms
	{
	background-color:	#FFFFFF;
	margin:				0px;
	}

a	{
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
	}

form	{ margin:0 }

table.t100		{	padding:0px; border-collapse:collapse; border-width:0; width:100%; }
table.t100 td	{	padding:0px;	}

table.t0		{	padding:0px; border-collapse:collapse; border-width:0; }
table.t0	td	{	padding:0px;	}

.dbg		{ color:orange !important; font-style:italic; }
.dbg a 		{ color:orange !important; font-style:italic; }

td div.v80			{	font-size:	120%;	} 

input.tight			{	height:		13px;	margin:	0px;}
textarea.formula	{ font-family: Courier New,Courier,monospace; font-size: 120%; }

/* "Subtle" links don't look like links until you roll over them. */

a.slk				{	color :	black;			text-decoration : none;}
a.slk:hover			{	color :	#0000ff;		text-decoration : underline;}

/* For invalid multiple choice items */

a.slkBad			{	color :	red;			text-decoration : none;}
a.slkBad:hover		{	color :	#0000ff;		text-decoration : underline;}

a.muted			{	text-decoration: none;		color: #0851A7	}
a.muted:hover	{	text-decoration: underline;	color: #0000ff	}

a.verymuted					{	text-decoration:none;		color:#0ff; font-size:7pt;}
table tr td a.verymuted		{	text-decoration:none;		color:#58e; font-size:7pt;}

a.noUnderline			{	text-decoration: none; }
a.noUnderline:hover		{	text-decoration: underline; }

div.redhead			{ color:#c00; font-weight:bold; padding-bottom:20px; }
div.exception		{ border:1px solid black; padding:20px; background-color:white; float:left;}

table.stdTabTable	{  cursor:default; }
td.stdtab			{ border:1px solid #31619c; font-weight:bold; background-color:#D5E3F4; border-bottom-width:0px; padding:3px 5px 4px 5px; vertical-align:middle; text-align:center; color:#666}
td.stdtabSlct		{ background-color: #31619c; color:white; }
	
div.stdTabPage		{ border:1px solid #888; border-top:15px solid #31619c; background-color:white; padding:15px; }
div.stdTabButBar	{ background-color:#31619c; text-align:right; padding:4px 15px; }

td#stdBreadCrumbs				{ padding-left:20px;  padding-top:6px; padding-bottom:5px; color:#444; font-family:arial; font-size:130%; font-weight:bold; }
td#stdBreadCrumbs	span.crdlm	{ color:#0851A7; }
td#stdBreadCrumbs	a			{ text-decoration:none; color:#0851A7; }
td#stdBreadCrumbs	a:hover		{ text-decoration:underline; color:blue;}

/*			font-family:		arial,helvetica,geneva;
			font-size:			140%;
			color:				#0851A7;
			font-weight:		bold;
			vertical-align:		middle;
			padding-top:		2px;
*/

td#dsbSpacer
		{
		background-color: #f0f0f0;
		border-right:	1px solid #888;
		border-bottom:	1px solid #bbb;
		border-top:		1px solid #888;
		}

td.dsbHead
		{
		font-family:arial;
		font-size:120%;
		font-weight:bold;
		padding: 5px 5px 2px 5px;
		}

td#designSidebar
		{
		border-right:		1px solid #888888;
		border-bottom:		1px solid #888888;
		background-color: #f8f8f8;
		}

div#legalFooter
	{
	border-top:		1px solid #e7e7e7;
	color:			#666;
	font-family:	verdana;
	font-size:		90%;
	margin:			24px;
	padding:		12px 0px;
	}

div#pageErrFooter	{	padding:3px 10px; float:left; background-color:#fdd;	}
div#trialFooter		{	width:100%; background-color:#F8F0E0; border-top:1px solid #E8E0C8; padding:5px 0px; }

td#mainCell			/* borders need to be in the tag rather than in the style to be visible to javascript (GetBox) */
	{
	border-color:	#FFFBEF;
	border-style:	solid;
	}

/* styles for the customization stripe */

		div#CustomizeStripeDiv	{ background:#000; padding-bottom:3px;}
body.IE	div#CustomizeStripeDiv	{ background:#000; padding-bottom:3px; height:14px;}


table#stripeCust				{ height:88px; margin:5px 0px 2px 0px; position:relative; }
tr#custMenuRow td				{ color:#eec; padding:5px 11px 8px 11px;  cursor:default; font-size:110%}
tr#custMenuRow td.czlab		{ font-weight:bold; font-style:italic; color:#5f9; border-right:0; }
tr#custMenuRow td.czlab img	{ padding-right:6px;}

div#enterCustBut				{ height:18px;}
div#enterCustBut	a			{ position:relative; top:3px; color:#aaf; text-decoration:none; cursor:default; font-size:120%;}
div#enterCustBut	a:hover		{ color:#ccf; }
div#enterCustBut img			{ margin-right:6px; }

/* styles for the branding banners */

table#QBbrandBanner					{	width:100%;	border-collapse:collapse; border-width:0 }
table#QBbrandBanner td				{	padding:3px 8px; height: 32px; background-color: #FFFFFF;}
table#QBbrandBanner td.QBbrandRight	{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFFFF', EndColorStr='#FFE5E5E5');	}


table#RealmBrandBanner td			{	padding-left:15px; height:32px;}
table#RealmBrandBanner td a		    {	font-family: Verdana; font-size: 16px; font-weight:bold; font-style:italic; color:#0851a7; text-decoration:none;}
table#RealmBrandBanner td a:hover	{	text-decoration:underline;}

td.CustBrandLeft		{	font-family: Verdana; font-size: 11px; font-weight:bold; }
td.CustBrandRight		{	text-align:right;  }


a#s1RealmHost			{	margin-top:0px; background-color:#FFA84F; height:17px; padding:2px 10px 3px 7px; font-family:arial; font-weight:bold; color:white; text-decoration:none;}
a#s1RealmHost:hover		{	text-decoration:underline;}

/* styles for the Base Navigation stripe */


body.IE6 td#homeButCell { width:1% }
body.IE6 td#custCorner { width:7px; text-align:left; }



table#BaseNavStripe
		{
		background-color:	#e6e6e6;
		text-align:			right;
		vertical-align:		top;
		height:				32px;
		background-image:	url(/i/bkgd_appTitle.png);
		background-repeat:	repeat-x;
		color:				#777;
		}
		
table#BaseNavStripe td.BaseAppName
		{
		font-weight:		bold;
		padding-left:		5px;
		padding-top:		2px;
		font-size:			130%;
		font-family:		Tahoma;
		text-align:			left;
		}
	
table#BaseNavStripe		a		{ color:#36c; text-decoration:none; }
table#BaseNavStripe		a:hover	{ color:blue;  text-decoration:underline; }
table#BaseNavStripe		td#BNuser	{ padding:4px 8px; color: #36c; cursor:default;}

table#AppMenuBar		a		{ color:#36c; text-decoration:none; }
table#AppMenuBar		a:hover	{ color:blue;  text-decoration:underline; }
table#AppMenuBar		td#BNuser	{ padding:4px 8px; color: #36c; cursor:default;}

a#BNlink		{ padding:0px; display:inline; color: #33d}
a#BNlink::hover	{ text-decoration:underline; background-color:transparent; color:blue;}

table#AppMenuBar
	{
	background-color:	#e6e6e6;
	background-image:	url(/i/bkgd_appMenus2.png);
	background-repeat:	repeat-x;
	height:				28px;
	}

table.AppMenues td
	{
	color:				#000;
	cursor:				default;
	padding:			0.3em 0.8em 0.3em 0.8em;
	font-weight:		normal;
	}

table#TablesMenuBar
	{
	}

table#TablesMenuBar td
	{
	background-image:	url(/i/bkgd_tableMenus_blue.png);
	background-repeat:	repeat-x;
	background-color:   #6698cc;
	height:				26px;
	color:				#fff;
	cursor:				default;
	padding:			0px 1.2em;
	font-weight:		normal;
	font-size:			90%;
	border-right:		1px solid #3A73AD;
	border-left:		1px solid #8DB3D9;
	border-top:			1px solid #3A73AD;
	border-bottom:		1px solid #3A73AD;
	}

table#TablesMenuBar td#tmbHomeBut
	{
	background-image:	url(/i/bkgd_tableMenus.png);
	background-color:   #222;
	padding:			0px 20px 0px 5px;
	border-left:		0;
	border-right:		1px solid black;
	border-top:			1px solid black;
	border-bottom:		1px solid black;

	font-size:			100%;
	font-weight:		bold;
	font-family:		Tahoma;
	}

td#tmbHomeBut .blackName
	{
	 position:relative; 
	 top:-2px;
	}

body.Firefox td#tmbHomeBut .blackName
	{
	 top:0px;
	}
	

	
table#BNuserInfo	td	{ padding:2px 2px; vertical-align:top; color:#543}



table#introText
	{
	margin-bottom:	15px;
	}

table#introText td
	{
	color:			#202020;
	line-height:	1.4;
	}


/* Begin Menu Styles */


.PopMenu
	{
	background-color:	#FFFFFF;
	border-top:			1px solid #808080;
	border-right:		1px solid #5E5E5E;
	border-bottom:		1px solid #5E5E5E;
	border-left:		1px solid #808080;
	padding:			0px;
	position:			absolute;
	z-index:			1500; /* This high to take precedence over HTMLArea's full screen mode */
	filter:				progid:DXImageTransform.Microsoft.shadow(Positive='true', color='#666666', enabled='true', strength='5', direction='135');
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
	}



.PopMenu a
	{
	font-family:		verdana;
	color:				#339;
	text-decoration:	none;
	padding:			.2em 1em .35em 1.5em;
	display:			block;
	text-align:			left;
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
	}

.PopMenu a:hover
	{
/*	background-image:	url(/i/menuBulletOnBlue.gif); */
	background-color:	#145FA2;
	color:				#FFFFFF;
	}

.PopMenu h4
	{
	color:				#111111;
	font-family:		verdana;
	font-weight:		bold;
	font-size:			90%;
	vertical-align:		top;
	background-color:	#DFDFDF;
	padding:			3px 2px 4px 7px;
	margin:				0px 0px 7px 0px;
	}

.PopMenu h5
	{
	color:				#111111;
	font-family:		verdana;
	font-weight:		bold;
	font-size:			90%;
	vertical-align:		top;
	background-color:	#E7E7C5;
	border-top:			1px solid #C1C1C1;
	border-left:		1px solid #DFDFDF;
	border-bottom:		1px solid #FFFFDC;
	padding:			3px 2px 4px 7px;
	margin:				6px 0px 7px 0px;
	}

.PopMenu p
	{
	padding:			.2em 1em .35em 1.5em;
	margin:				0.4em 0em 0.4em 0em;
	}

span.mbull		{ color:#b96; padding-right:7px; }


.PopMenu a.tinyBlue	
	{
	color:				#06b;
	text-decoration:	none;
	background-image:	none;
	padding-left:		0;
	}

.PopMenu a.tinyBlue:hover
	{
	color:				blue;
	text-decoration:	underline;
	background-image:	none;
	background-color:	transparent;
	}

.PopMenu  div.hr { height:1px; margin:6px 9px 6px 12px; font-size:1pt; border-top:1px solid #d9d9d9;}



table.V2menu						{ border-collapse:collapse; border-width:0;}
table.V2menu	tr			td		{ padding:3px 12px 3px 18px; cursor:default; color:#339}		
table.V2menu	tr.tspc		td		{ cursor:default; font-size:1pt; padding:2px;}		
table.V2menu	tr.bspc		td		{ cursor:default; font-size:1pt; padding:2px;}		
table.V2menu	tr.topHead			{ background-color:#EEE; }		
table.V2menu	tr.topHead	td		{ border-bottom:5px solid #FFFFFF; font-weight:bold; font-size:90%; padding:3px 2px 4px 7px; }		
table.V2menu	tr.hdiv		td 		{ padding:0px; }	
table.V2menu	tr.hdiv		td hr	{ height:1px; margin:0px; color:#DDD; background-color:#DDD; border:0}	
table.V2menu	tr.htext	td		{ cursor:default;}
table.V2menu	tr.stext	td		{ padding:10px 10px 10px 25px; cursor:default; width:175px; line-height:140%; font-style:italic;}
table.V2menu	tr.sectHead			{  }		
table.V2menu	tr.sectHead	td		{ border-bottom:5px solid #FFFFFF; border-top:1px solid #fff; font-weight:bold; font-size:90%; padding:8px 2px 0px 7px; }		
table.V2menu	tr.sdiv		td 		{ padding:3px; font-size:1pt; border-bottom:1px solid #DDD; }	
table.V2menu	tr.sdiv		td hr	{ margin:0px;}	

/* special colorization for customize menus and menu items */

table.V2menu	tr.V2cust	td		{ color:#339; }
table.V2cmenu	tr			td		{ color:#002d70; }
table.V2cmenu	tr.topHead	td		{ color:#00368c; }



/* the white backgound version of the menus */

table.V2menuW						{ border-collapse:collapse; border-width:0; background-color:#fff; }
table.V2menuW	tr			td		{ padding:3px 12px 3px 8px; cursor:default; color:#339}		
table.V2menuW	tr			td.ic	{ background-color:#f6f6f6; border-right:1px solid #e5e5e5; width:16px; padding-left:4px; padding-right:4px;}		
table.V2menuW	tr.tspc		td		{ cursor:default; font-size:1pt; padding:1px;}		
table.V2menuW	tr.bspc		td		{ cursor:default; font-size:1pt; padding:2px;}		
table.V2menuW	tr.topHead			{ }		
table.V2menuW	tr.topHead	td		{ border-bottom:1px solid #e4e4e4; font-weight:bold; padding:6px 10px 6px 8px; color:black; }		
table.V2menuW	tr.hdiv		td 		{ padding:0px; }	
table.V2menuW	tr.hdiv		td hr	{ height:1px; margin:0px; color:#e5e5e5; background-color:#e7e7e7; border:0}	
table.V2menuW	tr.htext	td		{ cursor:default;}
table.V2menuW	tr.stext	td		{ padding:10px 10px 10px 25px; cursor:default; width:175px; line-height:140%; font-style:italic;}
table.V2menuW	tr.sectHead			{  }		
table.V2menuW	tr.sectHead	td		{ border-top:1px solid #c4c4c4; font-weight:bold; padding:6px 0px 1px 8px; color:black;}		
table.V2menuW	tr.sectHead	td div	{ border-bottom:1px solid #eee; padding-bottom:5px; padding-right:10px;}		
table.V2menuW	tr.sdiv		td 		{ padding:1px; font-size:1pt; }	
table.V2menuW	tr.sdiv		td hr	{ margin:0px;}	




table.V2menuSect						{ border-collapse:collapse; border-width:0;}
table.V2menuSect	tr td				{ padding:3px 5px 3px 6px; cursor:default;}		
table.V2menuSect	tr.topHead	td		{ font-weight:bold; font-size:90%; padding:3px 2px 9px 4px; }		
table.V2menuSect	tr.sectHead			{  }		
table.V2menuSect	tr.sectHead	td		{ font-weight:bold; font-size:90%; padding:13px 2px 8px 4px; border-top:6px solid #FFFFDC; }		
table.V2menuSect	tr.htext	td		{ padding:3px 10px 6px 16px; cursor:default; }
table.V2menuSect	tr.stext	td		{ padding:10px 10px 10px 25px; cursor:default; width:175px; line-height:140%;}
table.V2menuSect	tr.hdiv		td 		{ padding:0px 15px 0px 10px; }	
table.V2menuSect	tr.hdiv		td hr	{ height:1px; margin:0px}	

body.Firefox table.V2menu tr.hdiv td hr	{ height:1px; margin:6px 0px}	

img.miAlign		{ vertical-align:top; position:relative; top:4px}

.MenuSpacer {
	BACKGROUND-COLOR: #FFFFDC;
	TEXT-DECORATION: none;
}

/* begin Application Token alert */
#appTokenEnable, #appTokenSetConfirm {
	background-color: #fff;
	border:	2px solid #fec82a;
	width: 40em;
	margin: auto;
	margin-top: 1em;
	filter:	progid:DXImageTransform.Microsoft.shadow(Positive='true', enabled='true', direction='135', color='#a7a7a7', strength="3");
	}
#appTokenEnable a:hover, #appTokenSetConfirm  a:hover {
	text-decoration: underline;
	}
#appTokenEnable a, #appTokenSetConfirm a  {
	text-decoration: none;
	}
#appTokenEnable .hd, #appTokenSetConfirm .hd {
	height: 1.5em;
	background-color: #fec82a;
	}
#appTokenEnable .hd .closeX, #appTokenSetConfirm .hd .closeX {
	margin: 2px 2px 0px 0px;
	float: right;
	cursor: pointer;
	}
#appTokenEnable .bd, #appTokenSetConfirm .bd {
	padding: 6px 12px 6px 12px;
	}
#appTokenEnable .bd h1, #appTokenSetConfirm .bd h1 {
	background: url(/i/icons/24/lock_24.gif) no-repeat 0 50%;
	padding-left: 30px;
	font: bold 1.25em/2em Verdana, Sans-Serif;
	height: 30px;
	margin: 0 0 .5em 0;
	}
#appTokenSetConfirm .bd h1 {
	background: url(/i/icons/24/bluecheck_24.gif) no-repeat 0 50%;
	}
#appTokenEnable .bd p, #appTokenSetConfirm .bd p {
	line-height: 1.5em;
	margin: 0 0 0 30px;
	}
#appTokenEnable .moreInfo {
	display: block;
	color: #505050;
	line-height:1.5em;
	font-size: 1em;
	margin: 1em 30px 1em 30px;
	padding: 6px 18px 18px 12px;
	border: 1px solid #dcdcdc;
	background-color: #efefef;
	}
#appTokenEnable .moreInfo h2 {
	margin: 0 0 .5em 0;
	font-size: 1em;
	}
#appTokenEnable .moreInfo p {
	margin: 0;
	}
#appTokenEnable .ft, #appTokenSetConfirm .ft {
	margin: 1em 0 1em 30px;
	padding: 6px 12px;
	}
#appTokenEnable .ft button, #appTokenSetConfirm .ft button {
	font: bold 1em/1.5em Verdana, sans-serif;
	padding: 2px 12px 4px 12px;
	}
#appTokenEnable .ft a, #appTokenSetConfirm .ft a {
	font: 1em/1.5em Verdana, sans-serif;
	margin: 0 0 0 12px;
	}
	

/* end Application Token alert */

div.PopBox
	{
	background-color:	#FFFFDC;
	font-family:		verdana;
	position:			absolute;
	padding:			20px;
	border:				1px solid black;
	height:				auto;
	width:				auto;
	z-index:			1500; /* This high to take precedence over HTMLArea full screen mode */
	filter:				progid:DXImageTransform.Microsoft.shadow(Positive='true', enabled='true', direction='135');
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
	}

.PopBox   td.closeBut
	{
	text-align:			right;
	padding-top:		20px;
	}

.PopBox td.centerButs
	{
	padding-top:25px; font-size:110%; text-align:center;
	}

.PopBox p	{ line-height:140%; }
.PopBox li	{ line-height:140%; }

/* fixes Firefox bug. See https://bugzilla.mozilla.org bug #167801 */			
.Firefox div.PopBox input[type="text"], 
.Firefox div.PopBox input[type="password"] 
{
	position:fixed;
}


.PopBox h4
	{
	font-family:	arial;
	font-size:		130%;
	}


div#moreIntroBox
	{
	width:				500px;
	}


/* End Menu Styles */

/* style for the standard quickbase include files */

	div#iWantTo	{
				color:				#202020;
				background-color:	white;
				border:				1px solid #c0c0c0;
				padding:			0.25em .5em;
				cursor:				default;
				}				

	a.pdbInHeader
				{
				font-size:			120%;
				font-weight:		bold;
				text-decoration:	none;
				color:				black;
				}

	a.pdbInHeader:hover
				{
				color:				#0000a0;
				text-decoration:	underline;
				}

	span.pdbSuffixInHeader
				{
				font-size:			120%;
				font-style:			italic;
				font-weight:		bold;
				color:				red;
				}
	td.cdbInHeader
				{
				font-size:			120%;
				font-weight:		bold;
				vertical-align:		middle;
				}

	input#srchtxt	{
				border:				solid 1px #a0a0a0;
				padding:			3px 2px;
				}

	td#divider1
			{
			font-size:			110%;
			color:				#808080;
			padding-left:		10px;
			padding-right:		10px;
			}

	td#s4PageName,
	td.pagename
			{
			font-family:		Verdana, Helvetica, Sans-Serif;
			font-size:			130%;
			color:				#0851A7;
			font-weight:		bold;
			vertical-align:		middle;
			padding-top:		2px;
			}

	/* Primary Button: used on upper right of page (uses A tag inside of TD) */

	td.primaryButton			{ padding:0px 20px 3px 14px; background-image:url(/i/blue_bullet.gif); background-repeat:no-repeat; background-position:0% 37%;}
	td.primaryButton a			{ font-weight:normal; font-family:verdana; color:#269; cursor:default; text-decoration:none; }
	td.primaryButton a:hover	{ color:#00f;  text-decoration:underline;}

	td.addRecBut			{ padding-left:22px; background-image:url(/i/icon_menu_new.gif); }

	/* stdbutton: input class; used for most UI buttons */
	.stdButton
				{
				font-size:			90%;
				color:				#202020;
				background-color:	#e0e0f0;
				text-decoration:	none;
				border-top:			1px solid #f0f0f0;
				border-left:		1px solid #f0f0f0;
				border-right:		1px solid #b0b0b0;
				border-bottom:		1px solid #b0b0b0;
				white-space:		nowrap;
				vertical-align:		middle;
				padding:			1px 2px;
				}
				
	.stdMore	{
				padding-right:			12px;
				background-image:		url(/i/menu_icon.gif);
				background-repeat:		no-repeat;
				background-position:	90% 50%;
				}
	
	/* Backcompatibility: a.stdButton is used by some quickbase users in pseudo-buttons they create embedded in HTML on forms */
	table.searchResults a.stdButton,  a.stdButton	{padding:			3px 6px; display: -moz-inline-box; display: inline-block;}
	a.stdButton:hover								{background-color:	#d0d0f0;}

	
	/* linkButton: used in viewse (uses A inside a DIV) */
	
	table.searchResults a.stdLinkButton,
	a.stdLinkButton
				{
				font-size:			80%;
				font-weight:		bold;
				font-family:		verdana;
				text-decoration:	none;
				background-color:	#dde;
				padding:			1px 0px 3px 0px;
				color:				#224;
				border:				2px outset #eef;
				text-align:			center;
				}

	table.searchResults a.stdLinkButton:hover,
	a.stdLinkButton:hover
				{
				color:				#113;
				background-color:	#bbd;
				}

	div.linkButton
		{
		padding:			1px 0px 3px 0px;
		margin:				0px; 
		}

	tr#formTopBar td,
	tr#formBotBar td
				{
					height:1.7em;
				}
	
	tr#formTopBar	a,
	tr#formTopBar	input,
	input.formTopBut
				{
				font-variant:		small-caps;
				font-weight:		normal; /*  Override the tr.std_title_bar	td rule (ignored by IE6 but not by Firefox */
				color:				#eee;
				background-color:	#21517c;
				border-top:			1px solid #61949c;
				border-left:		1px solid #61949c;
				border-right:		1px solid #01316c;
				border-bottom:		1px solid #01316c;
				text-decoration:	none;
				}

	tr#formBotBar	a,
	tr#formBotBar	input
				{
				font-variant:		small-caps;
				color:				#404040;
				background-color:	#fff;
				border-top:			2px outset #eee;
				border-left:		2px outset #eee;
				border-right:		2px outset #fff;
				border-bottom:		2px outset #fff;
				text-decoration:	none;
			}

	tr#formTopBar	a,
	tr#formBotBar	a
		{
		margin:		2px 0px;
		padding:	1px 8px 2px 9px;
		}

	tr#formTopBar	input:hover,
	tr#formTopBar	a:hover
				{
				background-color:	#146;
				}

	tr#formBotBar	input:hover,
	tr#formBotBar	a:hover
				{
				background-color:	#e0e0e0;
				}

	/* Other Text sections */

	table.redmsg
				{
				border:				1px solid #999;
				background-color:	#FFFFDC;
				}

	table.redmsg td
				{
				font-size:			120%;
				color:				#c00;
				padding:			10px;
				}


	div#confMsgBox
				{
				border:				1px solid black;
				background-color:	#9f9;
				text-align:			center;
				padding:			2px 10px 2px 10px;
				}

	.czBut		{ background-color:#333; font-weight:normal; font-family:verdana; color:#58a; padding:2px 6px; border:1px solid #4a5; float:right; cursor:default;}
	
	td#czThisBut			{ padding:0px 20px 3px 20px; background-image:url(/i/icon_menu_cust.gif); background-repeat:no-repeat; background-position:0% 20%;}
	td#czThisBut a			{ font-weight:normal; font-family:verdana; color:#269; cursor:default; text-decoration:none; }
	td#czThisBut a:hover	{ color:#00f;  text-decoration:underline;}
	
	td#buttonEmbed			{ padding:0px 20px 3px 20px; background-image:url(/i/icon_menu_cust.gif); background-repeat:no-repeat; background-position:0% 20%;}
	td#buttonEmbed a			{ font-weight:normal; font-family:verdana; color:#269; cursor:default; text-decoration:none; }
	td#buttonEmbed a:hover	{ color:#00f;  text-decoration:underline;}



/*********************************************************************
	some standard styles for box elements.
	note that these can be overidden for specific table styles.


*/
	tr.std_title_bar		{		background-color:	#31619c;}
	tr.grey_title_bar		{		background-color:	#a0a0a0;		}

	tr.std_title_bar	td,
	tr.grey_title_bar	td			{	padding: 3px 10px 4px 6px;		color: white; 	font-weight: bold; 	}

	tr.std_title_bar	td td,
	tr.grey_title_bar	td td		{	padding: 0;	}

	div.std_title_bar			{	padding: 3px 10px 4px 6px;		color: white; 	font-weight: bold; 	background-color:	#31619c;}

	tr.std_mini_bar		
			{
			background-color: #eeeeee;
			
			
			height:22px;
			}
			
	tr.std_mini_bar	td 			{ color:#336699; padding-left:10px; padding-right:10px; height:1.6em; border:1px solid #999999; border-bottom:0px; background-image: url(/i/toolbarBackground.gif); background-repeat: repeat-x; background-color: #c5c5c5;}
	tr.std_mini_bar	td 	td		{ border:0; }
	tr.std_mini_bar a 			{ color:#336699; text-decoration:none; font-size:80%; font-weight:normal; padding:0px 8px 0px 8px;}
	tr.std_mini_bar a:hover 	{ color:#000000; text-decoration:underline; }
	
	table tr.WOGbar td		{ padding:4px 8px 4px 8px; color:white; background-color:#aaa; font-weight:bold; }
	table tr.WOGbar td	a	{ font-family:verdana; font-size:80%; font-weight:bold; text-decoration:none; background-color:#888; color:white; border:1px solid #999999; padding:0px 3px 1px 3px; }
	table tr.WOGbar td	a:hover	{ background-color:#666;}


	tr.hd td							/* column headings */
		{
		background-color:	#e8e8e8;
		font-weight:		bold;
		color:				#131313;
		border-top:			1px solid #FFFFFF;
		border-right:		1px solid #B6B6B6;
		border-bottom:		1px solid #B6B6B6;
		border-left:		1px solid #FFFFFF;
		padding:			5px 3px 5px 3px;
		cursor:				default;
		}
				 
	tr.hd td.sort		{		padding: 0px;		}		/* padding will be in the link */

	tr.hd a,.block
		{
		text-decoration:	none;
		color:				#131313;
		padding:			5px 3px 5px 3px;
		display:			block;
		width:				auto;
		box-sizing:			border-box;
		-moz-box-sizing:	border-box;
		} 
	/* salem 4/14/2007: changed width from 100% to auto to fix IE overlap problem on Crosstab views */
	
	tr.hd td table td.sortHead		{ padding: 0px; border: 0px; font-size:100%; vertical-align: middle; background-color:transparent}
	tr.hd td table td.sortIcon		{ padding: 0px 4px 0px 4px; border: 0px; vertical-align: middle;  background-color:transparent}
	tr.ev,tr.evtlp					{ background-color:	#f2f2f2; }
	tr.od,tr.odtlp					{ background-color:	#ffffff; }

	a.dd							{ text-decoration: none; }
	a.dd:hover						{ text-decoration: underline; }
	
/*********************************************************************
	the help section in std_bottom


*/
	table#helpsection		{ background-color:#333; }
	td#dmHelpList			{ color:white; vertical-align:top; width:1%;  padding-left:5px;}
	td#dmHelpList	a	 	{ background-color:#4a4a4a; color:#ddd; text-decoration:none; width:100%; display:block; padding:4px 10px; border-left:1px solid #888; border-top:1px solid #888; border-bottom:1px solid #333;}
	td#dmHelpList	a:hover	{ background-color:#222;}
	
	tr#helptitlebar td		{ height:22px; font-family:arial; font-weight:bold; border-top:0px ridge #bbb}
	td#dmTitleLeft			{ color:#fff; font-size:120%;  padding:3px 15px 0px 15px;}
	td#dmTitleRight			{ color:#ccc; font-size:100%;  padding:0px 8px 0px 0px; text-align:right}
	td#dmTitleRight	span	{ position:relative; top:0px; padding-right:12px;}
	td#dmTitleRight img		{ vertical-align:middle; }
	
	#dmHelpDiv			{ width:100%; overflow-y:auto; height:175px}
	#dmHelpContents		{ font-family:verdana; color:#fff; padding:7px 15px 5px 15px;}
	#dmHelpContents	a	{ color:#99c;  border-bottom:1px solid #668; text-decoration:none;}
	#dmHelpContents	a:hover	{ color:#ccf;  border-bottom:1px solid #ccf;}
	#dmHelpContents	h5	{ margin:10px 0px 12px 0px; font-family:arial}
	#dmHelpContents	ul	{ margin-top:5px; margin-left:20px}
	#dmHelpContents	li	{ margin-bottom:5px;}
	
	td#dmSrch				{ font-size:90%; padding:6px 10px 6px 0px;}
	td#dmSrch input			{ font-size:111%;  margin-right:10px;}
	td#trphn				{ padding:20px 0px 6px 0px; text-align:center;}

/*********************************************************************
	the standard QuickBase box


*/

	table.std_box
				{
				background-color:	white;
				}

	table.std_box td.mid
				{
				border-right:		1px solid #B5B5B5;
				border-left:		1px solid #B5B5B5;
				border-bottom:		1px solid #B5B5B5;
				padding:			10px;
				}

	table.std_box td.mid_flush
				{
				border-right:		1px solid #B5B5B5;
				border-left:		1px solid #B5B5B5;
				border-bottom:		1px solid #B5B5B5;
				padding:			0px;
				}

	table.std_box td.bot
				{
				background-color:	#f0f0f0;
				border-right:		1px solid #B5B5B5;
				border-left:		1px solid #B5B5B5;
				border-bottom:		1px solid #B5B5B5;
				border-top:			1px solid #DDDDDD;
				padding-top:		3px;
				padding-bottom:		2px;
				}


/*********************************************************************
	for Search Results tables
*/
	table.searchResults		{	background-color: #fff; border-right: 1px solid #999; border-left: 1px solid #999;		}
	table.searchResults td	{	color: #111; padding: 3px 4px 3px 4px; vertical-align: top; border-right: 1px solid #d8d8d8; }

	table.searchResults tr.ev td	{ border-bottom:1px solid #f2f2f2; padding-bottom:2px}
	table.searchResults tr.od td	{ border-bottom:1px solid #fff;    padding-bottom:2px}
	
	tr.evtlp, tr.odtlp				{height:25px;}
	tr.hd.tlptbl, tr.hd.tlptl		{height:52px;}
	table.searchResults tr.evtlp td	{ border-bottom:1px solid #f2f2f2; border-top:1px solid black;padding:0; }
	table.searchResults tr.odtlp td	{ border-bottom:1px solid #fff; border-top:1px solid black;padding:0;}


	table.searchResults a						{	color:	#33b;	}
	table.searchResults a:hover					{	color:	#00f;	}
	table.searchResults tr.hd td				{	font-size:90%; vertical-align:bottom; padding: 6px 4px 6px 4px; cursor:hand;}
	table.searchResults tr.hd td.hdLight		{	font-weight:normal; color:#666; background-color:#f4f4f4; font-size: 90%; }
	

	table.searchResults tr.but td				{	padding: 1px 6px 1px 6px; }
	table.searchResults tr.but td a				{	font-size: 90%; }

	table.searchResults tr.ss			{	background-color: #D5E3F4;		}
	table.searchResults tr.sstlp		{	background-color: #D5E3F4;height:25px; }
	table.searchResults tr.ss td		{	border-top: 1px solid #888;	padding: 0;}
	table.searchResults tr.ss td.sstf	{	position:relative; z-index:2}
	table.searchResults tr.sstlp td		{	border-top: 1px solid #888;	padding: 0; }
	table.searchResults tr.ss td.lb		{	font-size: 100%; font-weight: bold; border: 0; padding: 6px 5px 7px 5px; }

	table.searchResults tr.totals td	{	border-top: 1px solid #bbb; font-weight: bold;}

	/** ta - average; tt - total; gta - grand average; gtt - grand total **/
	table.searchResults tr.tt td		{	border-right: 0; border-top: 1px solid #bbb; }
	table.searchResults tr.ta td		{	border-right: 0;	}
	table.searchResults tr.gtt td		{	border-right: 0; border-top: 1px solid #bbb; background-color: #f2f2f2; }
	table.searchResults tr.gta td		{	border-right: 0; background-color: #f2f2f2; }
	table.searchResults tt				{	font-size:120%; }

	table.searchResults tr.tt  td.t		{	border-right:	1px solid #d8d8d8;	}
	table.searchResults tr.ta  td.t		{	border-right:	1px solid #d8d8d8;	}
	table.searchResults tr.gtt td.t		{	border-right:	1px solid #d8d8d8;	}
	table.searchResults tr.gta td.t		{	border-right:	1px solid #d8d8d8;	}

	table.searchResults td.more			{	border-top:		1px solid #d8d8d8;	}
	table.searchResults td.more	a		{	text-decoration:	none;	}
	table.searchResults td.more	a:hover	{	text-decoration:	underline;	}

	table.searchResults a.slk				{	color :	black;			text-decoration : none;}
	table.searchResults a.slkBad			{	color :	red;			text-decoration : none;}

	table.searchResults td.ic			{	width:1%;	}
	table.searchResults td.icr			{	width:1%; text-align:right;	position:relative; z-index:2;}
	
	tr.ge	td.icr			{	width:1%; text-align:right;	}


	td.subfuncs							{ color:#ddf; padding-left:10px; height:1.6em; }
	td.subfuncs a						{ color:#ddf; text-decoration:none; font-size:80%; font-weight:normal; padding:0px 8px 0px 8px;}
	td.subfuncs a:hover					{ color:#6Ff; text-decoration:underline; }

	span#matchedSpan
		{
		color:				#cff;
		}

	td.searchWarning,
	table.searchResults  td.searchWarning		{ padding:15px 20px; color:#222; border:0;}

	table.searchResults.summaryTable
		{
		border-bottom:	1px solid #999;
		}

	table.searchResults tr.frozen td#anchorCell,
	table.gridTable tr.frozen td#anchorCell,
	table.searchResults tr.frozen td.anchorCell,
	table.summaryTable tr.hd td.anchorCell		
			{
			position:relative;
			top: 0px;
			z-index: 8 ! important;
			}
					
	tr.frozen td
			{
			position:relative;
			top: 0px;
			z-index: 6;
			}		

	tr.frozen td table tr td
		{
		position:static;
		}

	table.searchResults tr.od td.c0,		
	table.searchResults tr.ev td.c0
			{
			position:relative;
			left:0px;
			z-index: 2;
			}
			
	table.summaryTable tr.od td.frozen,
	table.summaryTable tr.ev td.frozen,
	table.summaryTable tr.but td.frozen,
	table.summaryTable tr.tt td.t.frozen
		{
		position:relative;
		left: 0;
		z-index: 2;
		}
		
	table.summaryTable tr.but td.frozen,
	table.summaryTable tr.tt td.t.frozen
		{
		background-color: #ffffff;
		}



	tr.VRnavBar			{ background-color:#ddd; }
	td.VRnavCell		{ padding:3px 5px 2px 15px; border:1px solid #aaa; border-top:0px}
	td.VRnavCell a		{ color:#33e; position:relative; top:-1px}
	td.VRnavCell select	{ position:relative; top:1px}
	span.VRthisPage		{ color:darkred; font-size:120%; font-weight:bold; position:relative; top:1px; font-family:arial}
	img.vnavarrow		{ position:relative; top:2px; cursor:hand;}
	

	table.gridTable					{	background-color: #fff; }
	table.gridTable tr.hd td		{	font-size: 90%; vertical-align:bottom;  cursor:default;}
	table.gridTable tr.hd td.sort	{	padding: 6px 4px;}

	table.gridTable tr.ge td	{	background-color: #fff; padding: 3px 4px; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	table.gridTable tr.ge td.ro	{	background-color: #fff;  padding: 3px 4px; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color:#777 }

	div.geWidget				{	z-index:3; background-color:red; padding:2px 2px 2px 2px; }

	td.gridEmbCell			{ border-color:#666; border-style:double; border-width:3px; }

	table.gridTable tr#firstHeadingRow td.sort
			{
			position:relative;
			top: 0;
			z-index: 3;
			}		

/*	table.gridOuterTable	{ border:5px double #555; border-collapse:collapse;}
*/

	div.mmddyy		{ font-family: verdana; font-size: 65%; border:1px solid #a22; background-color:#FFD3D3; padding:1px 3px; }

/*********************************************************************
	table.std_list

		Styles for a "standard" quickbase list of things.
*/

	table.std_box table.std_list
				{
				border:				0px solid #b0b0b0;
				}

	table.std_list
				{
				border-bottom:		1px solid #b0b0b0;
				border-left:		1px solid #b0b0b0;
				border-right:		1px solid #b0b0b0;
				background-color:	white;
				}


	table.std_list tr.ev td
				{
				padding:			4px 5px 4px 5px;
				background-color:	white;
				} 

	table.std_list tr.od td
				{
				padding:			4px 5px 4px 5px;
				background-color:	#f4f4f4;
				} 

	table.std_list tr.m td
				{
				padding:			4px 5px 4px 5px;
				border-bottom:		1px solid #d0d0d0;
				border-right:		1px solid #f0f0f0;
				vertical-align:		top;
				} 

	table.std_list tr.m td.lab
				{
				text-align:			right;
				font-weight:		bold;
				} 

	table.std_list tr.t td		/* t for tight */
				{
				padding:			1px 3px 1px 3px;
				border-bottom:		1px solid #d0d0d0;
				border-right:		1px solid #f0f0f0;
				vertical-align:		top;
				} 

	table.std_list tr.m a			{	color:		#00b;		} 
	table.std_list tr.m a:hover		{	color:		#00f;		} 

	table.std_list tr.c			/* use this class rather than m when the row color might change dynamically */
				{
				background-color:	white;
				}

	table.std_list tr.c td
				{
				padding:			4px 5px 4px 5px;
				border-bottom:		1px solid #d0d0d0;
				border-right:		1px solid #f0f0f0;
				} 

	table.std_list tr.warn td
				{
				padding:			15px;
				border-bottom:		1px solid #d0d0d0;
				border-right:		1px solid #d0d0d0;
				font-size:			110%;
				} 

	table.std_list tr.msg td
				{
				padding:			4px 5px 4px 5px;
				background-color:	white;
				border-bottom:		1px solid #d0d0d0;
				border-right:		1px solid #f0f0f0;
				} 

	table.std_list tr.m table td
				{
				padding:			0px;
				border-width:		0px;
				}

	table.std_list table.internal td
				{
				padding:			3px 4px 3px 4px;
				background-color:	white;
				border:				0px;
				} 

.BoxYellow {
		background-color: #FFFFE3;
		border: 1px solid #E7E7AA;
		padding: 10px 15px;
}

/*** obsolete styles ***/

td.a90	{	font-family : arial;	font-size : 130%; font-weight: bold;}
td.a100	{	font-family : arial;	font-size : 140%; font-weight: bold;}
td.a120	{	font-family : arial;	font-size : 170%; font-weight: bold;}


/* grid edit Actions menu */

div#GE_embActionsMenu table tr.dtl td		{ border-bottom:1px solid #ddd;}
div#GE_embActionsMenu table tr.dtl td dl	{ margin-bottom:5px;}
div#GE_embActionsMenu table tr.dtl td dl dt	{ font-weight:bold; padding-bottom:5px; padding-top:3px;}
div#GE_embActionsMenu table tr.dtl td dl dd	{ margin-left:5px; margin-bottom:0px; color:#336;}
div#GE_embActionsMenu img	{ position:relative; top:2px;}

/* viewSavePopups.html styles */

.viewSaveButs			{ margin:0px 20px; padding:3px 4px; color:#444; background-color:#eee;}
.viewSaveButs a			{ color:#44e; padding:0px 6px; text-decoration:none;}
.viewSaveButs a:hover	{ color:#00f; text-decoration:underline;}

/* dformBase.html styles */	

	div#custInPlaceInfo dt		{ font-weight:bold;  color:#222;}
	div#custInPlaceInfo dd		{ padding-top:3px; padding-bottom:8px; margin-left:15px; color:#222;}



/* New Timeline Styles */

/* We need the following because ie6 doesn't handle multiple class selectors properly.
If an element has a multiple class it treats it as if it only had the second class and
gets the style from that class from the last style that contains the class.

i.e. if the element has class="a b"
and there are selectors .a.b. followed by .c.b the .c.b rule will format the element. 
*/
.week5,.week7,
table.searchResults .day,
.monthJan,.monthFeb,.monthMar,.monthApr,.monthMay,.monthJun,.monthJul,.monthAug,.monthSep,.monthOct,.monthNov,.monthDec,
table.searchResults .week,

.quartertopJan,.quartertopFeb,.quartertopMar,.quartertopApr,.quartertopMay,.quartertopJun,
.quartertopJul,.quartertopAug,.quartertopSep,.quartertopOct,.quartertopNov,.quartertopDec,
.year2,
/* the following count backwards from year end */
.year2_1,.year2_2,.year2_3,.year2_4,.year2_5,.year2_6,.year2_7,.year2_8,.year2_9,.year2_10,.year2_11,
/* the following count forward from year start */
.year21,.year22,.year23,.year24,.year25,.year26,.year27,.year28,.year29,.year210,.year211,
.monthbottomJan,.monthbottomFeb,.monthbottomMar,.monthbottomApr,.monthbottomMay,.monthbottomJun,
.monthbottomJul,.monthbottomAug,.monthbottomSep,.monthbottomOct,.monthbottomNov,.monthbottomDec,

.year1,
.quarterbottomJan,.quarterbottomFeb,.quarterbottomMar,.quarterbottomApr,.quarterbottomMay,.quarterbottomJun,
.quarterbottomJul,.quarterbottomAug,.quarterbottomSep,.quarterbottomOct,.quarterbottomNov,.quarterbottomDec

{
	float: left;	
	padding-left:3px;
}

.week5 {width: 77px;}

.week7 {width: 109px;}

table.searchResults .day {width: 13px;}

.monthJan,.monthMar,.monthMay,.monthJul,.monthAug,.monthOct,.monthDec {width:245px;}

.monthFeb {width:221px;}
.monthApr,.monthJun,.monthSep,.monthNov {width:237px;}

table.searchResults .week {width: 53px;}

.quartertopJan,.quartertopDec {width:177px;}

.quartertopFeb {width:175px;}

.quartertopMar,.quartertopMay,.quartertopJun,.quartertopJul,.quartertopAug,.quartertopOct,.quartertopNov {width:181px;}
.quartertopApr,.quartertopSep {width:179px;}

/* year/month */
.year2 { width: 727px; }

/* the following count back from the year end */
.year2_1		{width: 59px;}		/*dec*/
.year2_2		{width: 119px;}		/*nov-dec*/
.year2_3		{width: 181px;}		/*oct-dec*/
.year2_4		{width: 241px;}		/*sep-dec*/
.year2_5		{width: 303px;}		/*aug-dec*/
.year2_6		{width: 365px;}		/*jul-dec*/
.year2_7		{width: 425px;}		/*jun-dec*/
.year2_8		{width: 487px;}		/*may-dec*/
.year2_9		{width: 547px;}		/*apr-dec*/
.year2_10		{width: 609px;}		/*mar-dec*/
.year2_11		{width: 665px;}		/*feb-dec*/

/* the following count forward from the year begin */
.year21			{width: 59px;}		/*jan*/
.year22			{width: 115px;}		/*jan-feb*/
.year23			{width: 177px;}		/*jan-mar*/
.year24			{width: 237px;}		/*jan-apr*/
.year25			{width: 299px;}		/*jan-may*/
.year26			{width: 359px;}		/*jan-jun*/
.year27			{width: 421px;}		/*jan-jul*/
.year28			{width: 483px;}		/*jan-aug*/
.year29			{width: 543px;}		/*jan-sep*/
.year210		{width: 605px;}		/*jan-oct*/
.year211		{width: 665px;}		/*jan-nov*/

.monthbottomJan,.monthbottomMar,.monthbottomMay,.monthbottomJul,.monthbottomAug,.monthbottomOct,.monthbottomDec {width:59px;}
.monthbottomFeb {width:53px;}
.monthbottomApr,.monthbottomJun,.monthbottomSep,.monthbottomNov {width:57px;}

/* year/quarter */
.year1 {width: 362px;}

.quarterbottomJan,.quarterbottomDec {width:87px;}
.quarterbottomFeb {width:86px;}
.quarterbottomMar,.quarterbottomMay,.quarterbottomJun,.quarterbottomJul,.quarterbottomAug,.quarterbottomOct,.quarterbottomNov {width:89px;}
.quarterbottomApr,.quarterbottomSep {width:88px;}


/* timeline bars */	
.timeline {
	float: left;
	border: 0px;
	height: 9px;
	padding-top: 7px;
}

/* Registration and Sign In */

.errormsg { 
	font-size:100%;
	border:1px solid #ff0000; 
	color:#ff0000; 
	padding:4px 8px 6px 8px; 
	line-height:140%;
	margin-bottom:24px;
	font-weight:bold;
	}
.divider {
	color: #cccccc;
	padding: 0px 12px;
	}
#steps { 
	font-size:180%; 
	color:#FF7E00; 
	padding-bottom:18px
	}
td.contentleft {
	font-size: 100%;
	line-height: 140%;
	width: 200px;
	padding: 0px 40px 12px 0px;
	}
td.contentleft h1 {
	font-size:120%;
	font-weight:bold;
	color:#369;
	}
td.contentright {
	padding:18px; 
	background:#ffffff; 
	border:1px solid #cccccc;
	}
	
	
/* ISAPI error messages */

#errorContent {
	margin: 20px; 
	width: 600px;
	}
#errorContent p {
	 font-size: 11px; 
	 line-height: 16px;
	 }       
#errorContent h1 {
	font-weight: normal; 
	font-size: 24px
	}   
#errorContent h1.error {
	color: #ff0000;
	}     
#errorContent h1.info {
	color: #4180c0;
	}
	
/* Buttons */
		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	padding: 0 20px 0 0; 
	margin:6px 6px 6px 0; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 110%;
	text-align: center; 
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
	padding: 4px 0 0 20px; 
	height:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* GREEN */		

button.submitBtn { 
	background: transparent url(/i/buttons/btn_green_sprite.gif) no-repeat right -88px; 
}
button.submitBtn span { 
	background: transparent url(/i/buttons/btn_green_sprite.gif) no-repeat left top; 
	color:#fff; 
	font-weight: bold;
}
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px; 
}
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -44px;
}

/* GRAY */		

button.grayBtn { 
	background: transparent url(/i/buttons/btn_gray_sprite.gif) no-repeat right -88px; 
}
button.grayBtn span { 
	background: transparent url(/i/buttons/btn_gray_sprite.gif) no-repeat left top; 
	color:#505050; 
}
button.grayBtn:hover, button.grayBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px; 
}
button.grayBtn:hover span, button.grayBtnHover span {
	background-position: 0 -44px;
	color: #365ebf;
}

/* Import Wizard Page Title */

.wizardStep h1 {
	color:#365ebf; 
	font-weight: normal;
	font-size: 1.7em;
	margin: 0;
	float: left;
}
.wizardStep h1 span.wizardTitle {
	color:#000000;
}
.wizardVideo {
	margin-top: .75em;
}
.wizardVideo a {
	color: #365ebf;
	text-decoration: none;
}
.wizardVideo a:hover {
	color: #f0640f;
}
.wizardVideo img {
	margin: 0 6px -4px 0;
}

/* Share dialog */
.quickShareLabel {
	font-weight: bold;
	margin-bottom: 6px;
	color: #666666;
	display: block;
}
.sameline {
	display: inline;
}
textarea.quickShareText {
	font: 100%/140% Verdana, Helvetica, Sans-serif; 
	padding:.25em .5em;
}

/* criteria widget styles */
	
.criteriaSet .buttonCell{
	text-align: right;
}

.criteriaButton {
	cursor:pointer;
}

/* criteria button spacing */
.insertCriterion{
	margin-right: 0.1em;
}


.nodisplay {
	display:none;
}

.novisibility {
	visibility:hidden; 
}

.criterionnum {
	margin-left:0.2em;
	margin-right:0.2em;
	padding-right:0.4em;
	text-align:right;
}

.criterion {
	padding-top:3px;
	padding-bottom:3px;
}

.addUserSection .criterion{
	vertical-align:top;    
}

.critRowHover {
	background-color:#EBEFF8;
}

.criteriaSet {
	width : 100%;
}

#sortThen_0 {
	visibility : hidden;
}
/* END: criteria widget styles */

.hide {
	visibility: hidden;
	display: none; /* removes html from markup */
}

.show {
	visibility: visible;
	/* display not necessary if switching classes */
}


/* user management and group inputs */
.textInputLabel {color: #505050; display: block; font-weight: bold;}
.textInputLabel input[type="text"], .textInputLabel textarea, .textInputLabel select {display: block; width: 95%; margin-top: .25em; margin-bottom: 1em; padding:0.25em;}
.textInputLabel input[type="checkbox"] {margin-top: .25em; margin-bottom: 1em;}
.textInputLabel input[type="radio"] {margin: 0 .25em .75em 0}

/* create a teamsite dialog */
#tsNameHelp { font-weight:normal; color: #999; }

/*autocomplete user add*/
.addUserSection {
	background-color:#EBEBEB;
	border:1px solid #D5D5D5;
	padding:4px;
	width:56em;
	}
#sendInviteMessage {width: 570px; height:6em; display:block;}
#emailInviteMessage {width: 426px; height:9em; display:block;}

/* email a report dialog*/
#emailQuerySubj {width:550px}
#emailQueryMsg { height:6em; display:block; width:550px;}
#emailQueryDetails {margin-top:14px; width:50em;}

/* users with access email dialog */
#uwaEmailSubject {width:385px;}
#uwaEmailMessage {width:385px; height:6em; display:block;}

/* styles to be used with jquery validate plugin */
input.validationError, textarea.validationError, select.validationError {border: 1px solid #dc3c1e !important;}

/* styles for jquery dialog alerts */
p.errorMessage {background: url('/i/icons/32/error_32.png') no-repeat 0 0; line-height: 1.35em; font-weight: bold; margin: 0; padding: 0 0 6px 42px; color: #dc3c1e;}
p.confirmMessage {background: url('/i/icons/32/warning_32.gif') no-repeat 0 0; line-height: 1.35em; font-weight: bold; margin: 0; padding: 0 0 1.5em 42px}

/* styles for the jGrowl notification plugin */

.jGrowl-green{
    border: 1px solid #4e9e19 !important;
    font-family: Verdana, Helvetica, sans-serif !important;
    font-weight: bold !important;
    padding: 0.5em 0.5em 0.5em 2em !important;
    background: #dcecd1 url(/i/icons/16/accept.png) no-repeat scroll 0.5em 0.5em !important; 
    min-height: 15px !important;
    }
    

label.validationError, 
label.validationErrorNoMargin {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:6px;
	border:1px solid #DC3C1E;
	color:black;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:auto !important;
	overflow:hidden;
	background:#F8D8D2 url(/i/icons/16/exclamation.png) no-repeat scroll 0.6em 0.4em;
	display:block;
	margin:4px 0;
	padding:6px 28px;
}

select.validationErrorNoMargin {border: 1px solid #dc3c1e;}

ul.tableToolbar {margin: 0; padding: 0; font-weight: normal;}
ul.tableToolbarAdd {padding-bottom: 2em}
ul.tableToolbarHelp {padding-top:6px;}
ul.tableToolbar li {padding: .5em; float: left; list-style: none; cursor: pointer; color: #365EBF;}
ul.tableToolbar li:hover {color: #dc3c1e;}
ul.tableToolbar li.sep {padding: .5em .5em .5em 0; color: #a7a7a7;}
#addUserHelpLink .helpLink, #addressBookHelpLink .helpLink {background: url('/i/icons/16/help.png') no-repeat 0 .5em; padding-left: 22px}

/* help link in the add users dialog, domain reg */
span.helpLink {padding-left: 1em; cursor: pointer; color: #365EBF; font-weight: normal;}
span.helpLink :hover {color: #dc3c1e;}

.stdPageSection {
background-color:#EBEBEB;
border:1px solid #D5D5D5;
padding:4px 12px 8px 4px;
}

.stdPageSection hr 
{
	color:#D5D5D5;
	/*margin-left:5em;*/
}

.stdPageSection dl {clear:both;}
.stdPageSection dt 
{
	float:left; 
	clear:left;
	padding:5px 0px 5px 10px;
	vertical-align:text-bottom;
	
}
.stdPageSection dd {overflow:hidden; clear:right; height:1%; padding:5px 0px 5px 0px;}

.emphasizedLabel 
{
	font-weight:bold;
}

/* @start group Performance Monitor */
#PerfMonitorFooter {
	font: 9px Verdana;
	background-color: #cacaca;
	width: 100%;
	height: 19px;
	z-index: 25;
    border-top: 1px solid #aaa8a3;
}
.PerfMonitorSectionName {
	font-weight: bold;
	color: black;
	padding-right: 8px;
}
.PerfMonitorResults { padding-right: 8px; }	
.PerfMonitorGrade {
	color: white;
	text-transform: uppercase;
	text-align: center;
	padding: 0 4px; 
}		
.gradeA { background: #4e9e19; }
.gradeB { background: #e3b124; }
.gradeC { background: #f0640f; }
.gradeF { background: #dc3c1e; }
.gradeU { background: #b3b3b3; }
.gradeUS { background: #b3b3b3; color: Red}
#PerfMonitorSectionContainer { border-top: 1px solid #dcdcdc; }
.PerfMonitorDiv, .PerfMonitorDiv div { float: left; }
.PerfMonitorSection {
	padding-left: 30px;
	padding-top: 2px;
}
.PerfMonitorSectionFirst {
	border-left: 1px solid #dcdcdc;
}
#PerfMonitorFooterInfo {
	position: relative;
	border-right: 1px solid #aaa8a3;
	font-weight: bold;
	text-transform: uppercase;
	color: #73706a;
}
#PerfMonitorClose {
	background: url('/i/closeX-black.gif') no-repeat center center;
	cursor: pointer;
	height: 18px;
	width: 18px;
}
#PerfMonitorLabel { padding: 2px 12px 0 8px; }
#PerfMonitorTestNetworkLink { cursor: pointer; }
/* @end group Performance Monitor */

.confDialogMessage {
	background:transparent url(/i/icons/32/greencheck_32.gif) no-repeat scroll 0 0;
	font-size:1.5em;
	padding:0 3em;
}

.errorDialogH4 {
    color: rgb(100, 100, 100);
    font-size: 8pt;
}
	
.combobox-button { border: 1px solid rgb(171, 171, 171); width: 1.5em; margin: 1px 0; } 
.combobox-button .ui-button-text { line-height: 1.2; height: auto; padding: 0; }
.combobox-button .ui-icon-triangle-1-s { width: auto; }

body.IE .combobox-button .ui-button-text { line-height: 0.8; height: auto; }
body.IE .combobox-button .ui-button-icon-primary { height: auto; line-height: 1}
body.IE .combobox-button .bgiframe { height: 15px; }
body.IE .combobox-button { margin: 0px; font-size: 10px; } 
.combobox-input {font-size:1em;}
.combobox-state-selected { background: rgb(255, 235, 238); }

.ui-widget { font-size: 1em; }
.ui-button-text-only .ui-button-text { padding: 0em 1em; font-weight: bold; height: auto;}
.ui-button-text-only { width:100px; padding: 0; width: auto;}

.ui-widget { font-size: 1em; }


/* manage group/teamsite page */
#groupMain {float:left; padding-left:2em; width: 775px;}
#groupPropsPanel {padding:.6em; width:200px; word-wrap: break-word; float:left}
#groupPropsContent {padding:.5em;}

#groupContents {min-width:1050px;}

ul.groupActions li {float: none} /*override float:left from tabletoolbar so that is a vertical list */

#editGroup {background: url('/i/icons/16/group_edit.png') no-repeat 0 .5em; padding-left: 22px}
#copyGroup {background: url('/i/icons/16/group_copy.png') no-repeat 0 .5em; padding-left: 22px}
#deleteGroup {background: url('/i/icons/16/group_delete.png') no-repeat 0 .5em; padding-left: 22px}
#addToMyQB {background: url('/i/icons/16/star.png') no-repeat 0 .5em; padding-left: 22px}

/* group add members dialog */
#addMembersInviteDetails { width:50em; margin-top:10px }
#addMembersInviteMsg { display:block; height:6em; width:550px; overflow:auto}
#addMembersInviteDetails p {margin:.25em 0em 1em 0em; padding: 0; font-weight: normal; color: #000} /* same as #sendInviteDetails p from userMgmt.css */ 

/* MyQB redesign */

.myQBSidePanel {padding:.6em;  float:left; width:18em; position:relative}
.myQBMiddlePanel {padding:.6em; margin-left:.6em;margin-right:.6em}
#tabswrapper{margin-left : -20em; width:100%; float:right}
#tabswrapper #tabs {margin-left:20em;min-width:670px;}
#newTeamSite {background: url('/i/icons/16/group_add.png') no-repeat 0 .5em; padding-left: 22px}
#teamsitesInstruction {padding:10px 10px 20px 55px; margin-bottom:20px; background: #ffeebf url('/i/icons/32/Users.png') no-repeat 10px 10px; border: 1px solid #fecd3f}
#teamsitesInstruction h3 {font-weight:bold; font-size:larger; margin:5px 0px 10px 0px;}
#teamsitesInstruction .emph1 {font-style:italic}
#teamsitesInstruction a {color:#365EBF} 
#teamsitesInstruction a:hover {color: #f0640f; text-decoration: underline;}
#teamsitesIntro {padding:8px 10px 12px 30px; margin-bottom:10px; background: #ffeebf url('/i/icons/16/Users.png') no-repeat 10px 10px; border: 1px solid #fecd3f}
#teamsitesFeedbackLink {float:right; color:#365EBF;text-decoration:none;}
#teamsitesFeedbackDialog .bd h1 {font-weight:bold; margin-bottom:1em;}
#teamsitesFeedbackDialog .bd p.smalltxt {color:#666666;font-size:0.85em; margin:10px 0;}
.offscreen { position: absolute; left: -999em; } 

/* TeamSites Task List */
/* .tasklist { table-layout:fixed} This is broken in IE, so taking it out even though that means long tasks with no spaces will ruin the layout of the table*/
.task-action-bar { padding-left: 16px; display:inline; float:right}
.task-action-bar img {padding-left:4px; cursor:pointer}
.task-action-bar-add {display:none}
.task-highlight {background-color: #DCECD1 !important}
td.task-details {background-color: #EDF5E8; border: 1px solid #4E9E19 !important}
#newTask {background: url('/i/icons/16/clipboard_plus.png') no-repeat 0 .5em; padding-left: 22px}
.task-tab-title { color: #4E9E19; font-weight:bold; display:inline; font-size: 1.4em; float:left}
#task-scope-items {float:right; display:inline; width: 160px }
.task-column-no-padding { padding:0px !important}
.task-drag {cursor:n-resize }

.task-details-buttons { text-align:right }
.task-details-buttons button {padding:0.3em;}
.task-details-done { background:none repeat scroll 0 0 #4E9E19 !important; margin-right:10px;}
.task-details-done span {color:White}

.task-details label {display: block; font-weight: bold;}
.task-details input[type="text"], .task-details textarea, .task-details select {display: block; margin-top: .25em; margin-bottom: 1em; border: 1px solid #4E9E19}
.task-details input[type="checkbox"] {margin-top: .25em; margin-bottom: 1em;}
.task-details input[type="radio"] {margin: 0 .25em .75em 0}
.task-details textarea { vertical-align: top; width:60%; }
.task-details label.error, #newFieldForm label.error {color: #DC3C1E; display:block;}

/* icon of a gray window with a plus sign*/
.addAppIcon {background: url(../i/icons/16/app_add.png) no-repeat 0 .5em; padding-left: 20px !important;}

/* magnifying glass icon*/
.searchIcon {background: url(../i/icons/16/search.gif) no-repeat 0 .5em; padding-left: 20px !important;}

.clear {clear:both}