body.stdBody { 
	margin:				0px;
	font-size:			70%;
	font-family:		'Gibson-Regular', Helvetica, Arial, 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;

	}
	
/*
ClearFix - when an element contains floated elements, the outer element does not automatically
make itself the height of the floating children.  Apply .ClearFix to the outer element to fix this.
*/
.ClearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.ClearFix {
	zoom: 1;
}
html[xmlns] .ClearFix {
	display: block;
}
* html .ClearFix {
	height: 1%;
}


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, .FS-Input-Font	{ font-family: 'Gibson-Regular', Helvetica, Arial, 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%; }
#formulaHelperContainer .FS-Note, #colFormulaHelperContainer .FS-Note { display: none; }
/* "Subtle" links don't look like links until you roll over them. */

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

/* For invalid multiple choice items */

a.slkBad, .tokenized-wrapper.slkBad, .wrapper.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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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; }

td.Unavailable.stdtab	{ border:1px solid #c7d4e5;  background-color:#f3f7fc;color: #878787; padding-left: 2.2em;padding-right: .7em; position: relative}

#frules	> .Overlay.Locked.Icon {
    left: 2px;
    top: -8px;
    right: 0px;     
}

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: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; font-size:130%; }
td#stdBreadCrumbs	span.crdlm	{ color:#0851A7; }
td#stdBreadCrumbs	a			{ text-decoration:none; color:#0851A7; }
td#stdBreadCrumbs	a:hover		{ text-decoration:underline; color:blue;}

.footerBasic {color: #000000; background: #f5f5f5; border-top: 1px solid #cccccc; width: 100%;}
.footerBasic a {color: #0044A0;}
.footerBasic a:hover {text-decoration: underline;}
.footerBasic p {margin: 0em; padding: .75em 1em;}
.footerTrial span.daysleft {color: #dc3c1e; padding: 0; font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;}
.footerBasic span.sep {color: #cccccc; padding: 0 1em;}


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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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:0.5em 1em; 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: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; font-size: 16px; font-style:italic; color:#0851a7; text-decoration:none;}
table#RealmBrandBanner td a:hover	{	text-decoration:underline;}

td.CustBrandLeft		{	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; font-size: 11px;}
td.CustBrandRight		{	text-align:right;  }


a#s1RealmHost			{	margin-top:0px; background-color:#FFA84F; height:17px; padding:2px 10px 3px 7px; font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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#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 */
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
	}

.PopMenu a
	{
	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 li {
    margin: 0;
    list-style: none;
}
.PopMenu li.Separator {
    border-bottom: 1px solid #E5E6E7;
    margin: 6px 9px 6px 12px;
}

.PopMenu a:hover, .PopMenu li:hover
	{
	background-color:	#145FA2;
	color:				#FFFFFF;
	}

.PopMenu h4
	{
	color:				#111111;
	font-family:		'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	font-size:			90%;
	vertical-align:		top;
	background-color:	#DFDFDF;
	padding:			3px 2px 4px 7px;
	margin:				0px 0px 7px 0px;
	}

.PopMenu h4 span#fpopMenuFid
	{
	font-weight:		normal !important;
	font-family:		'Gibson-Regular', Helvetica, Arial, Sans-Serif;
	}

.PopMenu h5
	{
	color:				#111111;
	font-family:		'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	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 0px 6px 0px; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; font-size:90%; padding:3px 2px 9px 4px; }		
table.V2menuSect	tr.sectHead			{  }		
table.V2menuSect	tr.sectHead	td		{ font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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;
}

#changeALDialog .moreInfo {
	display: block;
	color: #505050;
	line-height:1.5em;
	font-size: 1em;
	margin: 1em 0 1em 0;
    padding: 0px 1em 0px 1em;
	border: 1px solid #dcdcdc;
	background-color: #efefef;
	}

div.PopBox
	{
	background-color:	#FFFFDC;
	font-family:		'Gibson-Regular', Helvetica, Arial, Sans-Serif;
	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 */
	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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
				text-decoration:	none;
				color:				black;
				}

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

	span.pdbSuffixInHeader
				{
				font-size:			120%;
				font-style:			italic;
				font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
				color:				red;
				}
	td.cdbInHeader
				{
				font-size:			120%;
				font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
				vertical-align:		middle;
				}

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

	td#s4PageName,
	td.pagename
			{
			font-family:		'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
			font-size:			120%;
			color:				#0851A7;
			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-family:'Gibson-Regular', Helvetica, Arial, Sans-Serif; 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;}

	

	tr#formTopBar td,
	tr#formBotBar td
				{
					height:1.7em;
				}
	
	tr#formTopBar	a,
	tr#formTopBar	input,
	input.formTopBut
				{
				color:				#fff;
				background-color:	#02B8F3;
                border:             1px#02B8F3 solid ;
                border-radius:      4px;
                text-shadow:        none;
				text-decoration:	none;
                height:             20px;
                padding-top:        3px;
				}

	tr#formBotBar	a,
	tr#formBotBar	input
				{
				color:				#fff;
				background-color:	#02B8F3;
                border:             1px solid #02B8F3;
                border-radius:      4px;
                text-shadow:        none;
				text-decoration:	none;
                height:             20px;
                padding-top:        3px;
			}

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

	tr#formTopBar	input:hover,
	tr#formTopBar	a:hover
		{
		background-color:	#36CEFF;
        border: 1px solid #36CEFF;
        cursor: pointer;
		}

	tr#formBotBar	input:hover,
	tr#formBotBar	a:hover
		{
		background-color:	#36CEFF;
        border: 1px solid #36CEFF;
        cursor: pointer;
		}

    tr#formTopBar .btnCancelClone {
        background-color:	#E9E9E9;
        border:             1px solid #E9E9E9;
        color:              #333;
    }
	tr#formBotBar .btnCancelClone {
        background-color:	#E9E9E9;
        border:             1px solid #D9D9D9;
        color:              #333;
    }

    tr#formTopBar .btnCancelClone:hover {
        background-color:	#F3F3F3;
        border:             1px solid #E9E9E9;
    }
	tr#formBotBar .btnCancelClone:hover {
        background-color:	#F3F3F3;
        border:             1px solid #D9D9D9;
    }

	/* Other Text sections */

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

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


	

	.czBut		{ background-color:#333; font-family:'Gibson-Regular', Helvetica, Arial, Sans-Serif; 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-family:'Gibson-Regular', Helvetica, Arial, Sans-Serif; 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-family:'Gibson-Regular', Helvetica, Arial, Sans-Serif; 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:	#666;}
	tr.grey_title_bar		{		background-color:	#a0a0a0;		}

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

	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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 	background-color:	#31619c;}

/* std_mini_bar: Should be obsoleted when moved to individual report types' css files - ONLY used by reports*/
	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%; padding:0px 8px 0px 8px;}
	tr.std_mini_bar a:hover 	{ color:#02B8F3; }
	
	table tr.WOGbar td		{ padding:4px 8px 4px 8px; color:white; background-color:#aaa; font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; }
	table tr.WOGbar td	a	{ font-family:'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; font-size:85%; text-decoration:none; background-color:#08B8F3; color:white; border:3px solid #08B8F3; border-radius:4px; padding:0px 6px 0px 6px; }
	table tr.WOGbar td	a:hover	{ background-color:#36CEFF; color: #FFF; border: 3px solid #36CEFF;}

	tr.hd td, tr.hd th							/* column headings */
		{
		background-color:	#e8e8e8;
		font-family:        'Gibson-Regular', Helvetica, Arial, Sans-Serif;
		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, tr.hd th.sort		
	    {
	    padding: 0px;		
	    white-space: nowrap;
	 	}		/* 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: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; 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:'Gibson-Regular', Helvetica, Arial, Sans-Serif; 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;
				}


/* Table styles moved to ReportsCommon.css*/


/* Only used in timeline.html
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 { padding:15px 20px; color:#222; border:0;}

div.mmddyy {
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    font-size: 65%;
    border: 1px solid #a22;
    background-color: #FFD3D3;
    padding: 1px 3px;
    position: absolute;
	bottom: -20px;
	display: none;
}

/*********************************************************************
	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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}

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: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 130%;
}
td.a100 {
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 140%;
}
td.a120 {
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 170%;
}

/* viewSavePopups.html styles */

.viewSaveButs {
    margin: 0px 20px;
    padding: 3px 4px;
    color: #444;
    background-color: #eee;
    display: inline-block;
    margin: 1em 1.6em;
}
.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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    color: #222;
}
div#custInPlaceInfo dd {
    padding-top: 3px;
    padding-bottom: 8px;
    margin-left: 15px;
    color: #222;
}

table.dformInput table.LabelsLeft div.linkButton, table.dformInput table.LabelsAbove div.linkButton, table.dformInput table.LabelsLeft div[id*='info_fid'], table.dformInput table.LabelsAbove div[id*='info_fid'] {
    display: inline;
}

table.dformInput table.LabelsLeft table, table.dformInput table.LabelsAbove table {
    float: left;
}



/* 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	}
.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, td.regheader h1 {
	font-size:120%;
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	color:#369;
	}
td.contentright {
	padding:18px; 
	background:#ffffff; 
	border:1px solid #cccccc;
	}
	
td.regheader {
    padding-bottom: 1em;
    }
	
	
/* ISAPI error messages */

#errorContent {
	margin: 20px; 
	width: 600px;
	}
#errorContent p {
	 font-size: 11px; 
	 line-height: 16px;
	 }       
#errorContent h1 {
	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: 'Gibson-Regular', Helvetica, Arial, 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: 6px 0 0 20px; 
	height:20px;
}	

/* Quickbase Blue */
button.submitBtn {  
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: white !important;
    background: #02B8F3;
    border: 1px solid #02B8F3;
    border-radius: 4px;
}
button.submitBtn span { 
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: white !important;
    background: #02B8F3;
    border: 1px solid #02B8F3;
}
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px;
    background: #36CEFF;
    border: 1px solid #36CEFF;
}

button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -44px;
    background: #36CEFF;
    border: 1px solid #36CEFF;
}

/* GRAY */		
button.grayBtn { 
	font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: #333 !important;
    background: #E9E9E9;
    border: 1px solid #E9E9E9;
    border-radius: 4px; 
}
button.grayBtn span { 
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: #333 !important;
    background: #E9E9E9;
    border: 1px solid #E9E9E9;
    font-weight: bold;
}
button.grayBtn:hover, button.grayBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
}
button.grayBtn:hover span, button.grayBtnHover span {
	background-position: 0 -44px;
	background: #F3F3F3;
    border: 1px solid #F3F3F3;
}

/* Import Wizard Page Title */

.wizardStep h1 {
	color:#365ebf; 
	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;
}

a.securityExplanationHideShow {
    color: #365EBF;
    text-decoration: none;
}
a.securityExplanationHideShow:hover {
    color: #365EBF;
    text-decoration: underline;
    cursor: pointer;
}

/* Share dialog */
.quickShareLabel {
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	margin-bottom: 6px;
	color: #666666;
	display: block;
}
.sameline {
	display: inline;
}
textarea.quickShareText {
	font: 100%/140% 'Gibson-Regular', Helvetica, Arial, Sans-Serif; 
	padding:.25em .5em;
}

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

/*hybridStyle non criteria related*/

/*hybridStyle buttonCell styles*/
.criteriaSet.hybridStyle .buttonCell {
    padding-right: 10px;
}
/*hybridStyle BtnContainer and Button styles*/
.hybridCriteriaBtnContainer .criteriaButton.disabled {
    opacity: .3;
}
.hybridCriteriaBtnContainer {
     display: none;
     height: 30px;
     width: 50px;
     line-height: 30px;
     position: absolute;
     min-height: 24px;
}
.hybridCriteriaBtnContainer .criteriaButton {
     vertical-align: middle;
     display: inline-block;
}
.hybridCriteriaBtnContainer .criteriaButton.moveUpCriterion,
.hybridCriteriaBtnContainer .criteriaButton.moveDownCriterion {
    height: 70%;
    width: 50%;
}

/*addRemove Group critButtons hybridStyle*/
img.removeFromCritGroup.hybridStyle {
 padding-bottom: 4px;
}
img.addCritGroup.hybridStyle {
 padding-bottom: 4px;
 }

/*hybridStyle non criteria related END*/

/*summary, grouping, sorting*/
#newSumSortTable.criteriaSet.hybridStyle .criterion >td,
#newSumRowGroupTable.criteriaSet.hybridStyle .criterion >td,
#newSumDataTable.criteriaSet.hybridStyle .criterion >td,
#newAggSumDataTable.criteriaSet.hybridStyle .criterion >td,
#sortGroupTable.criteriaSet.hybridStyle .criterion >td {
    border: solid 1px white; 
    border-radius: 3px;
}
#newSumSortTable.criteriaSet.hybridStyle .criterion.critRowHover >td,
#newSumRowGroupTable.criteriaSet.hybridStyle .criterion.critRowHover >td,
#newSumDataTable.criteriaSet.hybridStyle .criterion.critRowHover >td,
#newAggSumDataTable.criteriaSet.hybridStyle .criterion.critRowHover >td,
#sortGroupTable.criteriaSet.hybridStyle .criterion.critRowHover >td {
    border-color: #ace7e8;
}
#newSumSortTable.criteriaSet.hybridStyle .criterion.critRowHover,
#newSumRowGroupTable.criteriaSet.hybridStyle .criterion.critRowHover,
#newSumDataTable.criteriaSet.hybridStyle .criterion.critRowHover,
#newAggSumDataTable.criteriaSet.hybridStyle .criterion.critRowHover,
#sortGroupTable.criteriaSet.hybridStyle .criterion.critRowHover {
    background-color: #eefafe;
}

/*hybridStyle default groups*/
.criteriaSet.hybridStyle .critGroupHeader >td {
    border: 1px solid white;
    border-bottom: none;
    border-radius: 3px;
}
.criteriaSet.hybridStyle .critGroupHeader + .critGroupOuter >td {
    border: 1px solid white;
    border-top:none;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.criteriaSet.hybridStyle .critGroup .critGroup .critGroupHeader >td {
    border-color: #f7f7f8;
}
.criteriaSet.hybridStyle .critGroup .critGroup .critGroupHeader + .critGroupOuter > td {
    border-color: #f7f7f8;
}
.criteriaSet.hybridStyle .critGroup .critGroup {
    background-color: #f7f7f8;
    border-color: #d8d6d9;
}
.criteriaSet.hybridStyle .critGroup .critGroup .critGroup {
    background-color: #edecee;
    border-color: #d8d6d9;
}
/*default criteria rows*/
.criteriaSet.hybridStyle .critGroup .criterion >td {
    border: 1px solid white;
    border-radius: 3px;
}
.criteriaSet.hybridStyle .critGroup .critGroup .criterion >td {
    border-color: #f7f7f8;
}
.criteriaSet.hybridStyle .critGroup .critGroup .critGroup .criterion >td {
    border-color: #edecee;
}

/*Hover styles*/
/*group hover styles*/
.criteriaSet.hybridStyle .critGroup .critGroupHeader.critRowHover >td,
.criteriaSet.hybridStyle .critGroupHeader.critRowHover >td,
.criteriaSet.hybridStyle .critGroup .critGroupHeader.critRowHover + .critGroupOuter >td,
.criteriaSet.hybridStyle .critGroupHeader.critRowHover + .critGroupOuter >td {
    border-color: #ace7e8;
}
.criteriaSet.hybridStyle .critGroup .critGroupHeader.critRowHover,
.criteriaSet.hybridStyle .critGroupHeader.critRowHover,
.criteriaSet.hybridStyle .critGroupHeader.critRowHover + .critGroupOuter  {
    background-color: #eefafe;
}

/*criteria row hover styles*/
.criteriaSet.hybridStyle .critGroup .criterion.critRowHover >td,
.criteriaSet.hybridStyle .critGroup .critGroup .criterion.critRowHover >td {
    border-color: #ace7e8;
}
.criteriaSet.hybridStyle .critGroup .criterion.critRowHover,
.criteriaSet.hybridStyle .critGroup .critGroup .criterion.critRowHover {
    background-color: #eefafe;
}

/*Selection styles*/
/*group selection styles*/
.criteriaSet.hybridStyle .critGroup .critGroupHeader.critRowSelection >td,
.criteriaSet.hybridStyle .critGroupHeader.critRowSelection >td,
.criteriaSet.hybridStyle .critGroup .critGroupHeader.critRowSelection + .critGroupOuter >td,
.criteriaSet.hybridStyle .critGroupHeader.critRowSelection + .critGroupOuter >td {
    border-color: #ffdd9f !important;
}
.criteriaSet.hybridStyle .critGroup .critGroupHeader.critRowSelection,
.criteriaSet.hybridStyle .critGroupHeader.critRowSelection,
.criteriaSet.hybridStyle .critGroupHeader.critRowSelection + .critGroupOuter  {
    background-color: #fff2da !important
}

/*criteria row selection styles*/
.criteriaSet.hybridStyle .critGroup .criterion.critRowSelection >td,
.criteriaSet.hybridStyle .critGroup .critGroup .criterion.critRowSelection >td {
    border-color: #ffdd9f !important
}
.criteriaSet.hybridStyle .critGroup .criterion.critRowSelection,
.criteriaSet.hybridStyle .critGroup .critGroup .criterion.critRowSelection {
    background-color: #fff2da !important;
}

/*shared styles*/
.criteriaSet.hybridStyle .topLevelHeader.critRowHover + .critGroupOuter table td {
    border-color: transparent;
}

.criteriaSet.hybridStyle td.buttonCell {
    border-left:none !important;
    border-bottom-left-radius: 0px !important; 
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px;
}
.criteriaSet.hybridStyle .critGroupHeader >td:first-child {
    border-right: none !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px; 
    border-bottom-left-radius: 0px;
}
.criteriaSet.hybridStyle .criterion >td:nth-child(2) {
    border-right: none !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important; 
}
/*hybridStyle overrides*/
#workflowEditTable .criteriaSet.hybridStyle input[type="text"],
#workflowEditTable .criteriaSet.hybridStyle textarea {
    width: auto;
}
body.UXV2 #workflowEditTable .AdvancedMode.hybridStyle.criteriaSet tr.origwrapper > td {
    padding: 0px;
    padding-right: 2px;
}

.criteriaSet.hybridStyle .critGroup {
    width: auto;
}
.criteriaSet.hybridStyle {
    width: auto;
}


/*hybridStyle overrides END*/
.criteriaButton {
	cursor:pointer;
	text-decoration: none;
    vertical-align: text-bottom;
}

html.touch .criteriaButton {
	margin: 0 .5em;
}

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

/* hide element content as well any space it takes */
.nodisplay {
	display:none;
}

/* hide element content and still shows any space it takes */
.novisibility {
	visibility:hidden; 
}

/* whitespace set to nowrap */
.nowrap {
    white-space: nowrap;
}

.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;
}

#critSection {
    position: relative;
}

.criteriaMoveBtnContainer {
    display: none;
    height: 30px;
    width: 50px;
    line-height: 30px;
    background-color:#FFd535;
    position: absolute;
    min-height: 24px;
}

.criteriaMoveBtnContainer .criteriaButton {
    vertical-align: middle;
    margin: 0 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("themes/classic/images/icons/upDown_sprite.png") no-repeat 0px 0px;
}

.criteriaMoveBtnContainer .criteriaButton.moveUpCriterion {
    background-position: -20px 0px;
}

.criteriaMoveBtnContainer .criteriaButton.moveDownCriterion {
    background-position: 0px 0px;
}


.criteriaMoveBtnContainer .criteriaButton.disabled {
    opacity: .3;
}



.critRowSelection {
	background-color:#FFd535 !important;
}

.criteriaSet {
	width : 100%;
}

#sortThen_0 {
	visibility : hidden;
}

.SimpleMode .advancedModeOnly,
.AdvancedMode .simpleModeOnly
{
    display: none;
}

.AdvancedMode .critRowHover {
	background-color: #e1ecff;
}
.AdvancedMode .critGroup .critRowHover {
	background-color: #dde9ff;
}
.AdvancedMode .critGroup .critGroup .critRowHover {
	background-color: #d5e4ff;
}
.AdvancedMode .critGroup .critGroup .critGroup .critRowHover {
	background-color: #cde0ff;
}
.AdvancedMode .critGroup .critGroup .critGroup .critGroup .critRowHover {
	background-color: #c5d7f0;
}

.AdvancedMode .confirmDeleteHighlight
{
    background-color: #f99;
}

/* IE6 doesn't understand chained classes */
.topLevelHeader .buttonCell img,
.topLevelHeader .andOrText
{
    display: none;
}
.critGroupHeader .addCritGroup,
.critGroupHeader .removeFromCritGroup
{
    visibility: hidden;
}
.topLevelGroup .removeFromCritGroup {
	display: none;
}
.topLevelGroup .critGroup .removeFromCritGroup {
	display: inline;
}
.firstInGroup .andOrText
{
    visibility: hidden;
}
.critGroup
{
    width: 100%
}
/*indentation of subgroups*/
.critGroup .spLeft,
.critGroup .spLeft img 
{
    width: 2.5em;
}
.critGroup .spRight,
.critGroup .spRight img
{
    width: 0.25em;
}
.critGroup .spLeft img,
.critGroup .spRight img 
{
    height: 1px;
}
.critGroup .spCenter
{ /*for IE, fixes group borders going off edge*/
    padding: 2px;
}
.critGroup .indenter
{
    margin: 0.333em 0;
}
.critGroup span.andOrText
{
    padding-left: 2px;
}
.critGroup td.andOrText
{
    padding-right: 2px;
    vertical-align: middle;
}
.criteriaButton.disabled
{
    cursor: default;
}

.critGroup
{
	border: 1px solid #ccc;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	padding: 0.333em;
}
 
.critGroup .critGroup
{
	border-color: #aaa;
	background-color: #f7f7f7;
}
.critGroup .critGroup .critGroup
{
    border-color: #a2a2a2;
	background-color: #eeeeee;
}
.critGroup .critGroup .critGroup .critGroup
{
    border-color: #999;
	background-color: #e8e8e8;
}

.critGroup.topLevel
{
    background: none;
    border: none;
}

/* 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;}
.textInputLabel input[type="text"], .textInputLabel textarea, .textInputLabel select {display: block; width: 95%; margin-top: .5em; margin-bottom: 1em; padding:0.65em; border-radius: 2px; border: 1px solid #bbb;}
.textInputLabel input[type="checkbox"] {margin-top: .25em; margin-bottom: 1em;}
.textInputLabel input[type="radio"] {margin: 0 .25em .75em 0; vertical-align:middle;}

/*autocomplete user add*/
.addUserSection {
	padding:4px 46px;
	width:56em;
	}
#sendInviteMessage { height:6em; display:block;}
#emailInviteMessage {width: 426px; height:9em; display:block;}

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

/* users with access email dialog */
#uwaEmailSubject {width:385px;}
#uwaEmailMessage {width:385px; height:6em; resize:none; 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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; margin: 0; padding: 0 0 1.5em 42px; color: #dc3c1e;}
p.confirmMessage {background: url('../i/icons/32/warning_32.gif') no-repeat 0 0; line-height: 1.35em; font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; margin: 0; padding: 0 0 1.5em 42px}
p.errorMessage_MVF {background: url('../i/icons/32/error_32.png') no-repeat 0 0; line-height: 1.35em; font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; margin: 0; padding: 0 0 16px 42px; color: #dc3c1e;}
#invalidUsersMultiErrorDialog .errorMessage {background: url('../i/icons/32/error_32.png') no-repeat 0 0; line-height: 1.35em; font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif; margin: 0; padding: 0 0 1.5em 42px; color: #dc3c1e;}

div#confMsgBox {
	z-index: 998;
	margin-top: 2px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
				
.DesktopNewLine {
    display: block;
}
/* styles for the jGrowl notification plugin */	
div#confMsgBox,
.jGrowl-green{
    border: 1px solid #4e9e19 !important;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif !important;
    padding: 8px 14px 8px 44px !important;
    background: #dcecd1 url(../i/icons/16/accept.png) no-repeat scroll 14px 8px !important; 
    min-height: 15px !important;
    }

.jGrowl-warning{
    border: 1px solid #dc3c1e !important;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif !important;
    padding: 8px 14px 8px 44px !important;
    background: #F8D8D2 url(../i/icons/16/warning_16.gif) no-repeat scroll 14px 8px !important; 
    min-height: 15px !important;
    }
       
.jGrowl-error{
    border: 1px solid #DC3C1E !important;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif !important;
    padding: 8px 14px 8px 44px !important;
    background: #F8D8D2 url(../i/icons/16/exclamation.png) no-repeat scroll 14px 8px !important; 
    min-height: 15px !important;
    }        
    
 /* jgrowl - hide the X that will close the notification */   
.jGrowl-noClose div.close {
    display: none;
    }  
    
/* form rules warning */
.formwarningTop {
    text-decoration: none;
}

label.validationError, 
label.validationErrorNoMargin {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border-radius:2px;	
	border:0px;
	color: #fff;
	font-family:'Gibson-Regular', Helvetica, Arial, Sans-Serif;
	font-size:13px;
	height:auto !important;
	overflow:hidden;
	background:#F33C02 url(../i/icons/16/exclamation.png) no-repeat scroll 0.6em 0.4em;
	display:block;
	margin:0px 0;
	padding:15px 28px;
}

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

ul.tableToolbar {margin: 0; padding: 0;}
ul.tableToolbarAdd {padding-bottom: 2em}
ul.tableToolbarHelp {padding-top:6px;}
ul.tableToolbar li {padding: .5em; float: left; list-style: none; cursor: pointer; color: #1B99FF;}
ul.tableToolbar li:hover {color: #44CAF5;}
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: 9px 0 0 22px; top: 7px; position: relative;}

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

div.companySetupDialog li {padding-bottom: .5em}
#domainSection input    { clear: left; float: left; height: 11px; }
#domainSection label    { clear: none; float: left; font-size: 11px;  margin-left: 0.3em; margin-bottom: .5em; }
#domainSection          { margin-top: .7em; margin-left:1em;}
.chromeDSHeightOverride   {height:auto !important}
		
.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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}

/* @start group Performance Monitor */
#PerfMonitorFooter {
	font: 9px 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
	background-color: #cacaca;
	width: 100%;
	height: 19px;
	z-index: 25;
    border-top: 1px solid #aaa8a3;
}
.PerfMonitorSectionName {
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	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-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	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;
	min-height: 32px; /*make sure whole icon is visible*/
}

.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; }


.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: .25em 1em; font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; height: auto;}

.ui-button-text-only { width:100px; padding: 0; width: auto;}
.ui-menu-overflow-y 
{
    overflow-y: auto;
}

/* manage group 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; color: #000} /* same as #sendInviteDetails p from userMgmt.css */ 

/* MyQB redesign */

.myQBSidePanel {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;}
.offscreen { position: absolute; left: -999em; } 

.myqbAppsHeader { color: #F0640F;}


/* 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}

.alignCenter {text-align:center }


/* APP CREATE */

#searchDiv {
    white-space: nowrap;
}
.appCreateSidePanel
{
	float:left;
	padding:0.6em;
	position:relative;
	width:200px;
}

#leftPanel li a
{
	color: #0040A0;
	cursor: pointer;
	text-decoration: none;
}
#leftPanel li a.current
{
	color:#F0640F;
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}

.queryListLinks, .appLibLink
{
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}
.queryListLinks li, .appLibLink li
{
	padding-bottom: 6px;
}

.appLibLink 
{
	border-top:1px solid #DCDCDC;
	margin-top:1em;
	padding-top:6px;
}

#categoriesTitle 
{
	border-top:1px solid #DCDCDC;
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	padding-top:6px;
}

#templateList
{
	float:left;
	height:auto;
	margin-left:2em;

}

#templatesContainerDiv
{
	display: inline-block;
	min-width: 1024px;
}

#templateListTitle
{
	color:#505050;
	font-size:1.4em;
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	padding-left:18px;
}

#templateHeader
{
	/*border-bottom:1px solid #DCDCDC;*/
	float:left;
	padding:0.6em;
	width:62em;
}
#templateTitleDiv 
{
	float: left;
}

#sortTemplatesDiv {
	display:inline-block;
	float:right;
}

.templateApp 
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #DCDCDC;
	clear: both;
}

.templateAppImageSection
{
	float:left;
	width:48px;
}

.templateAppDescSection
{
	float:left;
	width:500px;
	font-size: 1em;
}


.templateAppDescSection .templateName 
{
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	color: #0040A0;
	font-size: 1.3em;
	margin: 0px;	
}

.templateAppDescSection .templateMeta
{
	color:#ABABAB;
	margin: 0px;
}

.templateAppDescSection .templateName a
{
	color: #3D6CDF !important;
	cursor: pointer;
}

.templateAppDescSection .templateDesc 
{
	width: 450px;
	margin: 0px;
}

/* sets max-height for IE6, must be before regular .templateDescTruncated class */
* html p.templateDescTruncated {
	height: expression( this.scrollHeight > 39 ? "40px" : "auto" ); 
}

.templateDescTruncated 
{
	max-height: 3.8em;
	overflow: hidden;
	margin-bottom: 0;
}

.templateDescExpanded 
{
	margin-bottom: 0;
}

.descMoreLess
{
	margin-top: 0;
	cursor: pointer;
}
.descMoreLess a
{
	text-decoration: none;
}
	
	
.descMoreLessLink
{
	color: #0040A0 !important;
}

.templateAppBtnSection
{
	float:left;
	padding-left: 20px;
	font-size: 1em;
}

#templateSearchInput 
{
	margin-right: 4px;
	padding: 0.4em 0.5em;
}

#templateSearchGo 
{
	margin: 0px; /* fix button alignment in IE */
}

#templateSearchGo .ui-button-text 
{
	padding:0.3em 0.5em;
}

.noTemplatesFound 
{
	width: 700px;
}
.noTemplatesFound p 
{
	padding-left: 26px;
}

#appNameWrapper 
{
	padding-top: 1.5em;
}
#appNameWrapper label
{
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}
#appNameWrapper input
{
	margin-top: .5em;
	width:98%;
}

#ImportContent 
{                
	margin-left:20em;
	background-color:#EDEDED;
	border:1px solid #BABABA;  
	padding: 1em;                
	/* Do rounding (avail in Firefox, Chrome and  Safari) */
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;           
}

#importSubmitWrapper 
{
	height: 3em;
	margin-top: 1em;
}

#importSubmitWrapperStep2 
{
	height: 3em;
	margin-top: 1em;
	width: 70em;
}
	
#importCancel span
{
	font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
}
#importMainTable 
{
	width: 70em;
}

* html div.importTableScroll {
	height: expression( this.scrollHeight > 449 ? "450px" : "auto" ); 
}

.importTableScroll
{
	width: 70em;
	overflow: auto;
	max-height: 450px;
}
.importInstructions
{
	margin-top: 0;
}

#importRadioFile
{
	padding-bottom: .5em;
}

/* CreateAppFromScratch Styles */                  
.notInitiallyRendered
{
	display:none;
} 
				  
#ScratchTab
{
	display:block;
	width:100%;
	height:100%; 
	margin-top: 2em;  
	overflow: auto;             
}  
			
#ScratchTypesList
{
	list-style: none outside none;
	padding: 0;
}
			
#ScratchCommonHeader
{
	margin:1em;
}
	
#ScratchFooter
{
	margin:-3em 1em 0 0;
	float:right;
	position:relative;
}    
			
#ScratchChooseLabel, #ImportChooseLabel
{
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 0.8em;
	letter-spacing:0.3em;
	padding: 0;
	margin: 0.5em 0 1em;
}               
			 
#ScratchTypeSelect
{
	float:left;
	position:relative;
	width: 20em;
	padding: 0.6em;
	margin:0;
}
			
#ScratchTypeSelect label, #ImportTypeSelect label{
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    color: #0040A0;               
}               
						
.ScratchRadioWrapper 
{
	padding:.2em 0 0 0;
	margin: 0 0 0 0;
}
	
.scratchMethod {
	margin: 0px;
	vertical-align: middle;
}
	
.ScratchInstruction	
{
	margin: .5em 0 1.5em 1.5em;
}

#ScratchCommonData label 
{
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}                                   
			
#ScratchContentWrapper          
{
	float:right;
	position:relative;
	margin:0 0 0 -20em;
	padding:0;                
	width:98%;         
}
			
#ScratchContent 
{                
	min-height:50em;
	margin-left:20em;
	background-color:#EDEDED;
	border:1px solid #BABABA;                  
	/* Do rounding (avail in Firefox, Chrome and  Safari) */
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;           
}

#ScratchContent #appname
#pluralNoun
{
	color:#888;
}

#pluralWarn
{
	color:red; 
	visibility:hidden;
}
			
.ScratchPanel
{
	min-height:27em;  
	margin:0 1.5em;              
}

.ScratchFooter
{
	height:4em;
	position:relative;
}
			
#ScratchTab .rightAlignedButton
{
	bottom:1em;
	font-size: 1em;
	margin: 0em 0 0 0;  
	float:right;         
}
#ScratchSpreadsheetType
{
	min-width :570px;
}

#ScratchSpreadsheetType .ScratchFooter
{
	margin-top: 20px;
}

#ScratchDatabaseType
{
	margin-left: 1em;
}

#ScratchDatabaseType .ScratchFooter
{
	margin-left: 7px;
}

#ScratchDatabaseType #multiTables table
{
	width:98%;
}

#confirmTypesDiv {
	min-height: 40em;
}

#confirmTypesHeader {
	font-size: 1.1em;
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
	margin: 1em 0px;
}

#confirmTypesNote {
	margin: 0.5em 0;
}

#ftsTable.jqftsTable
{   
	width: 98%;
}

#confirmTypesFields #ftsTable td {
	max-width: 23em;
	padding: 0.5em 1em 0px 0px;
	word-wrap: break-word;    
}


#addFieldsDiv table table td {
    padding-right: .8em;
    padding-top: .5em;
}

#addFieldsDiv .addFieldsLabelInput {
    position:static;
    width: 18em;
}

#addFieldsDiv .addFieldsTypeSelect {
    width: 115%;
}
/* CreateAppFromScratch Styles End */  


/* RelativeDateCritPreviews Styles */
.RelDatePreview
{
	visibility: hidden;
	color: #777;
	font-size: 90%;
	padding-left: 0.5em;
	white-space: nowrap;
}
.critRowHover .RelDatePreview,
.criterion.HasFocus .RelDatePreview
{
	visibility: visible;
}
/* RelativeDateCritPreviews Styles End */



.disabledOptionColor
{
    color:#707070;
}

.emph1 
{
    font-style:italic
}

.emph2 
{
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}

/* Announcement styling */
.Announcement 
{
    border-radius: 0.333em;
    margin: 1em 1em 1em 0;
    padding: 0;
    border: 1px solid #4e9e19;
    /*width: 575px;*/
    background-color: #ffeebf;
	border: 1px solid #fecd3f;
	display: none;
}
.Announcement .TopBar
{
    display: block; 
    margin: 0;
    padding: 0.5em;
    border-bottom: 1px solid #fecd3f;
    background: #ffeebf;
    font-size: 1.2em;
}
.Announcement a.Corner 
{
    float: right;
    margin: 0.5em;
    text-decoration: none;
    color: #9C770E;
}
.Announcement ul 
{
    margin-top: 1em;
    margin-bottom: 1em;
}
.Announcement li
{
    line-height: 1.75em;
    margin-left: 1.5em;
}
.Announcement p
{
    margin-top: 0;
}

.Announcement a
{
    text-decoration: none;
}

.Announcement.InTableProps
{
    width: auto;
    margin: 1em;
    display: inline-block;
}
.Announcement.InTableProps div
{
    margin-right: 3em;
}
.Announcement_noHide
{
    display:block;
    width:600px;
    line-height:140%;
}
/* announcement w/ 32px icon background 
all you need to do is set your own background-image*/
.Announcement.WithIcon
{
    padding-left: 49px;
    background-position: 0.75em 0.7em;
    background-repeat: no-repeat;
}

.Announcement.Centered
{
    margin-right: auto; 
    margin-left: auto;
}

/* App Guides Styles */
.appGuide
{
    background: #fff;  
    border: 1px solid #ddddaa;     
    border-radius: 0;
    -moz-box-shadow: 0px 0px 10px 1px #ededed;
    -webkit-box-shadow: 0px 0px 10px 1px #ededed;
    box-shadow: 0px 0px 10px 1px #ededed;
    width: 800px;
    margin: 0 0 2em 0;
}

.appGuide h4
{
    background: none;
    display: block;
    margin: 7px 0 0 5px;
    font-size: 1.2em;
    height: 25px;
}

.appGuide h4 a {
    display: inline-block;
    padding: 2px 0 0 0;
    color: #0000bb;
}

.appGuide h4 .appGuideIcon 
{
    background: url('../i/light_bulb_icon_16.png');
    height: 16px;
    width: 16px;
    float: left;
    margin: 1px 5px 0 0;
}

.appGuide p 
{
    margin: 0 0 15px 0;
    line-height: 17px;
}

.appGuide .excerpt
{
    margin: 0 10px 0 11px;
    width: 615px;
    display: inline-block;
}

.appGuide .videoThumb
{
    float: right;
    margin: -15px 35px 0 0;
    border: 2px solid #ccc;
}

.ui-dialog-content.appGuideDialog 
{
    background-color: #000;
}

/*Announcement styling */
.Announcement.Informational
{
    margin: 0 0 2em 0;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    padding-right: 0.75em;
    display: block;
    line-height: 1.5em;
    background-color: #E2EFFF;
    border-color: #CEDAFF;
    background-image: url('../i/icons/32/info_32.gif');
}

/* Non-dismissable announcements */
.Announcement.Error
{
    background: url('../i/icons/32/error_32.png') no-repeat 0.5em center;
    background-color: #FDD5CD;
    border-color: red;
    display: block;
    padding: 1em 1em 1em 50px;
}

.Announcement.Warning
{
    background-image: url('../i/icons/32/warning_32.gif');
}

/* Realm Directory (and Realm Directory Filter) Styles */
#filterText {margin-bottom: 1em;}
#filterText a     
{
    color: #365EBF;
    text-decoration: none;
}

#realmFilterChoices input[type=radio] { margin: .5em; float: left;}
#realmFilterChoices div.ScratchRadioWrapper {margin-bottom: 1em; display: inline-block}
#realmFilterChoicesShowAll {float: left; padding-top: .5em;}

/* Users With Acces filter */
#filterByCompanyDetails input[type=radio] { margin-right: .5em; float:left; }
#filterByCompanyDetails { padding-top: 1em;}
#filterByCompanyDetailsNotInCompanyDiv {clear: both; padding-top: 1em;}
.filterDetails { overflow: auto; min-width: 230px;}
#filterSubmitWrapper {clear:both}


.redCritOpt { color: Red !important}

/* small gray letters to provide inline help on how to fill out a particular setting */
.TextBoxHint
{
	color: #777;
	font-size: 90%;
	padding-left: 0.5em;
	white-space: nowrap;
}


/***** MVF widget styling begin *****/
.multiselectWrapper { position: relative; display: inline-block; }
.ui-multiselect { padding:2px 0 2px 4px; text-align:left; }
body.IE .ui-multiselect { height:100%; }

/* Hide the check all/Uncheck All options*/
.ui-multiselect-all , .ui-multiselect-none { display: none; }

.ui-multiselect-checkboxes label { cursor:default; display:block; padding:3px 1px; }
body.IE .ui-multiselect-checkboxes label { cursor:default; display:block; padding:0px 1px !important; }
.ui-multiselect-checkboxes { overflow-y:auto!important; overflow-x:hidden; max-height:175px; width:100%; }

body.IE6 button.qbMultiselect span {float:left;}
body.IE .qbMultiselect span { overflow:hidden; padding:0; margin-left:2px; display:inline-block; }
body.IE .qbMultiselect span.wrapper { padding: 2px; }
.qbMultiselect span { display:inline-block;	height:auto; white-space:normal; padding: 0; }
button.qbMultiselect span { margin-right: 20px; line-height: 1.5em; }

.ui-multiselect-menu.qbMultiselect
{
    padding-left:0;
    padding-right:0;
}

button.qbMultiselect .ui-icon-triangle-2-n-s  
{
    height: 100%;
    top:0px;
    position: absolute;
    right: 0px;
    margin-right: 0;
    background-image: url("themes/classic/images/icons/multiSelectIcon.png");
    background-repeat: no-repeat; 
    border-left: 1px solid #ccc;
    width:1.5em;
}


.qbMultiselect span .wrapper { padding: 1px 2px; margin: 1px; word-wrap:break-word; max-width:30em; background: #eee; border: 1px solid #ccc; border-radius: 2px;}
.qbMultiselect span .invisibleWrapper { background: none; border: none; margin: 1px; }
body.IE .qbMultiselect span.invisibleWrapper { padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
.qbMultiselect .ui-multiselect-checkboxes label span  
{
    padding-left: 0.333em; padding-top: 0.25em; vertical-align: top; word-wrap:break-word;
    max-width: 30em;
}

.qbMultiselect .ui-multiselect-checkboxes label input { vertical-align: top; margin-top: 0.25em; }
.multiselect-disabled-span { color:lightgray; cursor:auto; }

/*disabled state*/
.ui-multiselect.ui-state-disabled, .ui-multiselect .ui-widget-content .ui-state-disabled {
    opacity: .80;
    filter: Alpha(Opacity=80);
}
.ui-multiselect.ui-state-disabled .ui-icon-triangle-2-n-s {
    visibility: hidden;
}



.qbMultiselect .ui-state-hover { border: 1px solid transparent;	background: transparent; cursor: pointer; }

.qbMultiselect.ui-state-active .ui-icon-triangle-2-n-s { background-color: #385cd1!important; background-position: -10px 50%!important;   }

.qbMultiselect.ui-state-default .ui-icon-triangle-2-n-s { background-position: 6px 50%;  background-color: #f3f3f3;  }

.qbMultiselect .ui-multiselect-checkboxes > li  
{
    min-height:15px;
    padding-left:10px;    
}

.qbMultiselect .ui-multiselect-checkboxes > li:hover { background-color: #385cd1;}

.qbMultiselect .ui-multiselect-checkboxes > li.noHover:hover { background:none!important; }

.qbMultiselect .ui-multiselect-checkboxes > li.noHover label { color:#888!important; cursor:default; }

.qbMultiselect .ui-multiselect-checkboxes > li.noHover label span:hover { color:#888!important; cursor:default; }

.qbMultiselect .ui-multiselect-checkboxes > li label:hover { color: white!important; }

.qbMultiselect .ui-multiselect-invalid label { color: red!important; font-style:italic; }
.qbMultiselect .ui-multiselect-disabled label { color: #888!important; font-style:italic; }

/* header */
.qbMultiselect .ui-multiselect-header 
{
    background:none;
    padding:0;
    margin:10px;
}

.qbMultiselect .ui-widget-header  .ui-multiselect-filter
{
    width:100%;
    margin-right:0;
}

.qbMultiselect .ui-widget-header .ui-multiselect-filter input 
{
    height:24px;
    padding:0 !important;
    width:100%;
    margin:0;
    text-indent:5px;
    font-size:12px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,.1);
    box-shadow: inset 1px 2px 3px rgba(0,0,0,.1);
    background-image: url('themes/classic/images/icons/action_ico_search_padded.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.qbMultiselect .ui-widget-header .ui-multiselect-filter input.noSearchIcon
{
    background-image:none;
}

/* For Grid Edit multi-select*/
.gridEditMultiSelect {
    width:249px!important;
}

.gridEditMultiSelect .ui-multiselect-checkboxes li span 
{
    max-width:90%;
}

/*No hover list item*/
.noHover {
    color:#888!important;
}

button.qbMultiselect 
{
    margin-bottom:0.5em;
    margin-top: 0;
    overflow:auto;
    overflow-y:hidden;
    background:none repeat scroll 0 0 transparent;
    padding-left: 1px;
    max-width:33em;
    min-height:28px;
}

.Relative
{
	position: relative;
}

.MVUFErrorMsg
{
    padding: 5px;
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    margin-bottom: 3px;
    background-color: rgb(255, 253, 221);
	border: 1px solid rgb(204, 213, 240);
}

button.qbMultiselectFiltering 
{
    background: white;
    border-color: #777777;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding: 0 0 0 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
body.IE button.qbMultiselectFiltering 
{
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

.criterion td {
    vertical-align: baseline;
}

button.qbMultiselectFiltering span .wrapper { border: none; padding:1px; background: none; }
body.IE button.qbMultiselectFiltering span .wrapper,
body.IE button.qbMultiselectFiltering span .invisibleWrapper 
{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
    

/***** MVF widget styling end *****/

.moreUsers { display: none; }

.qtip-content .wrapper,
.dformInput .wrapper
{
	margin: 2px;
}
.dformDisplay .wrapper
{
	margin: 1px;
    background: white;
    max-width:98%;
    text-overflow: ellipsis;
    word-wrap:break-word;
}
.searchResults .wrapper
{
	margin-right: 3px;
	margin-bottom : 3px;
	
}

.fhelp-qtip .qtip-wrapper,
.users-qtip .qtip-wrapper,
.ui-multiselect-menu.ui-widget-content
{
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .667);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .667);
    -box-shadow: 2px 2px 6px rgba(0, 0, 0, .667);   
}

.users-qtip .qtip-wrapper,
.users-qtip .qtip-contentWrapper,
.users-qtip .qtip-content
{
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}

.geWidget .qbMultiselect 
{
	min-width: 237px;
}

.RadioButtons input,
.RadioButtons label
{
    cursor: pointer;
}

/* Because of the way tables are nested within a div and the scroll is set on the div, 
all browsers with the exception of IE think the width of the div should not include scrollbar 
width and therefore end up overlapping the field names with scrollbar. Adding some padding to avoid scroll-x and width setting changes. 
Only for browers other than IE. Changes affect Field and Markers dropdown on NotificationEdit and Fields dropdown for formula builder.*/
html>/**/body #ftDiv
{
	padding-right:10px;
}

.formulaNote
{
background-color: #eeeeee;
width:600px;
}

/* copyMasterDetailSetup styles */
#showAdvanced 
{
    background-image: url("../i/arrowrightblack.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #365EBF;
    padding-right: 1.3em;
    cursor:pointer;
}
#showAdvanced.hideAdvanced
 {
     background-image: url("../i/arrow_dn.gif");
 } 
#advancedOptionsSection
 {
    margin-left: 2em;
    margin-top: 1em;
    padding-bottom: 1.5em;
    padding-left: 1em;
    padding-top: 0.5em;
    width: 70em;
 }
 #advancedOptionsSection input[type="checkbox"]
 {
     margin-right: .3em;
 }
 #relChoices
 {
    margin-left:3em
 }

 .rellist
 {
     list-style: none;
 }
.rellist li
 {
     padding-top: .4em;
 }
 .rellist li input
 {
     margin-right: .3em;
 } 
 .copymasterdetailheader
 {
     font-size: 1.2em;
     margin-top: 2em;
 } 
 .recordPickerLink
 {
     color: #365EBF;
     cursor: pointer;
 } 
 #chosenRecordInfo
 {
     color: Green;
     cursor: pointer;
 } 
 #chosenRecord a.recordPickerLink
 {
     padding-left: .5em;
     font-size: .8em;
 }
 .copyMasterDetailSection
 {
     margin-left: 1.5em;
 }
 .cmdPaddingLabel 
 {
     padding-left: .3em;
 }
 #cantCopyCurrent
 {
     font-size: .8em;
     color: Red;
 } 
 #cmdSubmitWrapper
 {
    border-top: 1px solid #CCCCCC;
    clear: both;
    margin-top: 3em;
 }
 #cmdSubmitWrapper button.submitBtn
 {
     margin-top: 1em;
 }
 /* end copyMasterDetailSetup styles */
 
.alignRight {text-align:right}
.colHideShowHidden	{background:url("../i/icons/16/add.png") no-repeat scroll 0 0.5em transparent!important;  padding-left:20px;  }
.colHideShow        {background:url("../i/icons/16/delete.png") no-repeat scroll 0 0.5em transparent; padding-left:20px!important;}
#deleteFiles        {background:url("../i/icons/16/cross.png") no-repeat scroll 0 0.5em transparent; padding-left:20px; margin-right: 2.5em;}
#fileAttachScopeItems   {margin-top: .8em; float: left}

#SecretQuestionDialog {
    border: 1px solid #f2f2f2; 
    background-color: #FAFAFA; 
}

#SecretQuestion {
    font: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: #555;
}
#SecretQuestion p {
    margin: 7px 7px;
}
#SecretQuestion ul, #SecretQuestion li {
    list-style:inherit; 
}
#SecretQuestion ul {
    margin-top:2px;
}
#SecretQuestion li 
{
    margin-left:30px;
}

#SecretQuestionForm {
    margin:0; padding: 0;
}

#SecretQuestion input {
    padding: 2px;
    border:1px solid #9EC630;
    font: normal 1em 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color:#333;
}
#SecretQuestion select {
    padding: 2px;
    border:1px solid #6297BC;
    font: normal 1em 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color:#333;
}

#SecretQuestion .sqval {
    margin-top: .5em;
}

#SecretQuestion .sqlabel {
    color: #333;
}

#SecretQuestion .sqlabelSpan {
    width:130px;
    display: inline-block;
}

#SecretQuestion .sqquestion {
    width: 44em; 
}

#SecretQuestion .sqanswer {
    width: 43.5em; 
}

#SecretQuestion .validationError {
   margin-left : 3em;
   color : #666;
   font-size: 70%;
   display: inline;
}

#SecretQuestion .sqInputValidationError {
	border: 1px solid #dc3c1e !important;
}


#SecretQuestion .answerhelp {
    color:#777; 
    font-size:90%; 
    margin-left:150px;
}

.SecretQuestionPromptHeader 
{
     font:1.5em/1.1em 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
     color: #365EBF;
}

#SecurityPromptErrDiv
{
    padding:10px;
    color:#DC3C1E;
    display:none;
}

/* Styles for App Menu Bar for isapi templates (like server error pages) 
    These dont load other css files. */
#AppMenuBar4ServerError {
    background-color: #E6E6E6;
    background-image: url(../i/bkgd_appMenus2.png);
    background-repeat: repeat-x;
    height: 28px;
    }
#AppMenuBar4ServerErrorRHSMenu {
    float:right;
    }
#AppMenuBar4ServerError span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-top:.5em;
}    
#AppMenuBar4ServerError a {
    box-sizing: border-box;
    color: #36C;
    text-decoration: none;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}    
#AppMenuBar4ServerError a:hover {
    color:#e67200;
    text-decoration:underline;
    }
#AppMenuBar4ServerError .VerticalSeparator {
    border-right: 2px solid #CCC;
    cursor: default!important;
    height: 12px;
    margin-top: .5em;
}
#AppMenuBar4ServerError .MyQBButton {
    margin-top: -.2em;
    padding: 0 0 21px 109px;
    display:inline-block;
    background: url(../i/myQB3.png) no-repeat;
    margin-right: 10px;
}

/* Styles for conflict resolution popup (QBE004372: layout reimplemented using CSS instead of tables) */

#conflictPopup .EditContainer {
    border:1px solid #aaa; 
    background-color:#FFFBEF; 
    width:250px;
    padding: 8px;
    overflow: hidden;
}

#conflictPopup .EditDesc {
    margin-bottom: 10px;
}

#conflictPopup .ToFromLabel {
	clear: left;
	float: left;
	display: inline;
	width: 15%;
	min-width: 35px;
}

#conflictPopup .ToFromText {
	float: right;
	display: inline;
	width: 80%;
	max-height:200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 10px;
}

#conflictPopup .ToFromBreak {
	clear:both;
}

.ClassicPageHeading {
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 120%;
    color: #0851A7;
    vertical-align: middle;
    padding-bottom: 8px;
}



/* Timeline Report styles start */
/* 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;
}
/*QB-2154 overwrite above style for report tray*/
#pageNavReportCategories li.Timeline.Report.TrayItem {
    float: none;
	border: none;
	height: auto;
	padding-top: 0px;
}
/* Timeline Report styles end */

#quickFindResults a {
    text-decoration: none;
}

/* AngularJs styles because IE8/9 sometimes run into timing issues with loading angular and forget to read in the standard styles
related article - http://weblog.west-wind.com/posts/2014/Jun/02/AngularJs-ngcloak-Problems-on-large-Pages */

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}
ng\:form{display:block;}.ng-animate-block-transitions{transition:0s all!important;-webkit-transition:0s all!important;}
.ng-hide-add-active,.ng-hide-remove{display:block!important;}

/* this CSS setting is used in RelamProps.html and RealmSigInPolicies.html */
.externalResources .helper-text { display: block; padding-top: 3px; }
.ace_editor {
    height: 200px;
    width: 100%;
    border: 1px solid #DFDFDF;
}
/** CSS to override some mapbox settings */
.leaflet-bottom, .leaflet-top {
    z-index: 99 !important; 
}

.applyEllipsisMapReports {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap;
}

.formrule-hide .leaflet-control-attribution {
	display: none;
}

#addressBookDialog .ui-dialog-buttonset:first-child > span.ui-button-text {
    background-color: #02B8F3;
    color: #FFFFFF;
}