/*	Provides the core layout structure for the application	*/
html,body						{
    margin:0;
    padding:0;
    height:100%;
}
html,body						{
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:87%;
    font-family:verdana;}
.FileUpload,
.InputField,
.SearchableInputField,
.Date,
select,
textarea						{
    font-family:verdana;
    font-size:100%;
}
table							{	font-size:100%;	}
html, body, .Wrapper			{
    min-height:100%; /*Sets the min height to the height of the viewport.*/
    width:100%;
    height:100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior messes up modern  browsers*/
    margin:0;
    padding:0;
}
.FormButton,
.headerContent input,
.headerContent .Right input,
.headerContent .Left input		{	}
html>body, html>body .Wrapper	{
    height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}
.Wrapper						{	margin-top:0;	}

.PlFooter						{	background-color:#dfe8f6; }
.Container						{
    width:100%;
}
.ContentArea					{
    width:100%;
    margin:70px 0px 10px 0px;
}
#west							{padding:0px;}
.LeftCol						{
    height:100%;
    width:250px;
    float:left;
    margin:0px;
    padding:0px;
    margin-left:1px;
    margin-left:0px !important;
    margin-right:10px;
}
/*.CentCol						{
									width:auto;
									margin-left:expression(document.getElementById("LeftCol").clientWidth+document.getElementById("mainSkeleton").offsetLeft);
									padding-left:0px;
									border:0px solid green;
								}
*/
.Col21							{
    width:50%;
    float:left;
}
.Col22							{
    width:49%;
    float:left;
    margin-left:10px;
}



.Col31							{
    width:33%;
    float:left;
}
.Col32							{
    width:32%;
    float:left;
    margin-left:10px;
}
.Col33							{
    width:33%;
    float:left;
    margin-left:10px;
}

.Col41							{
    width:25%;
    float:left;
}
.Col42							{
    width:24%;
    float:left;
    margin-left:10px;
}
.Col43							{
    width:24%;
    float:left;
    margin-left:10px;
}

.Col44							{
    width:25%;
    float:left;
    margin-left:10px;
}


/*#beginRender_CentCol			{	margin-left:274px;	}*/

.Footer							{
    width:100%;
    clear:both;
}

.DeBug							{
    margin-top:10px;
    background-color:#eee;
    padding:10px;
    clear:both;
}
#PlHeader						{	position:absolute;	}
#PlSb							{	padding:0px;	}
.PlContent						{	padding:0px 10px 0px 0px	}
.PlFooter						{	clear:both;	}

/*	Provides the navigation look and feel	*/
.AppNav							{	height:1%;
    width:100%;
    height:50px;
    padding-top:27px;
    position:relative;
    top:0;
    left:0;
    z-index:6;
}
.AppNav	a						{
    padding:0 0 0 7px;
    z-index:6;
    display:inline;
    float:right;
    position:relative;
    margin:0;
    padding-bottom:0px;
    overflow:hidden !important;
    white-space:nowrap !important;
}
.AppNav a span					{
    display:block;
    padding:5px 15px 4px 6px;

}
.AppNav	a:hover,
.AppNav	a:visited:hover			{
    background-position:0% -42px;
    text-decoration:none;
}
.AppNav	a:hover span,
.AppNav	a:visited:hover span	{
    background-position:100% -42px;
    text-decoration:none;
}
.AppNav	a.Here,
.AppNav	a.Here:hover,
.AppNav	a.Here:visited			{
    background-position:0% -84px;
}
.AppNav	a.Here span,
.AppNav	a.Here:hover span,
.AppNav	a.Here:visited span		{
    background-position:100% -84px;
    padding-bottom:5px;
}
.SubNav1						{
    height:26px !important;
    height:58px;
    z-index:5;
    width:100%;
    position:absolute;
    overflow-x:visible !important;
    overflow-x:hidden;
    top:50px;
    left:0px;
    background-color:#145A7E;
    font-weight:400;
    margin:0;
    border-top:1px solid #B3B3B3;
}

.SubNav1 a,
.SubNav1 a:visited,
.SubNav1 a:hover,
.SubNav1 a:visited:hover		{
    padding-top:3px;
    display:block;
    float:left;
    border:0;
    height:22px;
}
.SubNav1 a,
.SubNav1 a:visited				{
    height:22px !important;
    padding-right:7px;
}
.SubNav1 a:hover,
.SubNav1 a:visited:hover		{
    height:22px !important;
}

.SubNav1 a.Here,
.SubNav1 a.Here:visited			{	color:#C7D7E0;	}
.SubNav1 a.Here:hover,
.SubNav1 a.Here:visited:hover	{	color:#f60;	}

.SubNav1 a.Here,
.SubNav1 a.Here:visited,
.SubNav1 a.Here:hover,
.SubNav1 a.Here:visited:hover	{

    background-image:url('../pix/chrome/tabHere_bkgd.gif');
    background-repeat:repeat-x;
    height:25px;
    display:block;
    float:left;
    border:0;
}

.SubNav2						{
    display:block;
    width:100%;
    position:absolute;
    top:26px;
    left:0px;
    border-top:1px solid #eee;
    padding:0px;
    height:26px;
}
.SubNav2 a,
.SubNav2 a:visited,
.SubNav2 a:hover,
.SubNav2 a:visited:hover		{
    border:0px;
    z-index:5;
    display:block;
    float:left;
    height:18px !important;
    height:20px;
    font-weight:normal;
    color:#000;
    border-left:1px solid #666;
    margin:4px 0px 0px -10px !important;
    margin:3px 0px 0px -10px;
    padding:2px 25px 0px 10px !important;
    padding:1px 25px 0px 10px;
}

.SubNav2 a.Here,
.SubNav2 a.Here:hover,
.SubNav2 a.Here:visited,
.SubNav2 a.Here:visited:hover 	{
    border:0px;
    z-index:10;
    display:block;
    float:left;
    height:20px !important;
    height:22px;
    font-weight:normal;
    color:#000;
    border-left:1px solid #000;
    margin:3px 0px 0px -10px !important;
    margin:3px 0px 0px -10px;
    padding:3px 25px 0px 10px !important;
    padding:1px 25px 0px 10px;
}
.SubNav2 a,
.SubNav2 a:visited				{	background:url('../pix/skin/libhover.gif') no-repeat right top;	}
.SubNav2 a:hover,
.SubNav2 a:visited:hover,
.SubNav2 a.Here,
.SubNav2 a.Here:hover,
.SubNav2 a.Here:visited,
.SubNav2 a.Here:visited:hover	{	background:url('../pix/skin/lib.gif') no-repeat right top;	}

/*	CONTENT AREA TABS (below main navigational structures)	*/
.SubNav4						{
    height:31px;
    background-color:#eee;
    background:url('../pix/chrome/nav3.gif');
    border:1px solid #C7D7E0;
    border-bottom:0px;
    padding:0px 0px 0px 25px !important;
    padding:0px 0px 0px 40px;
}

.SubNav4 a,
.SubNav4 a:visited				{	background:url('../pix/skin/libhover.gif') no-repeat right top;	}

.SubNav4 a:hover,
.SubNav4 a:visited:hover,
.SubNav4 a.Here,
.SubNav4 a.Here:hover,
.SubNav4 a.Here:visited:hover,
.SubNav4 a.Here:visited 		{	background:url('../pix/skin/lib.gif') no-repeat right top;	}

.SubNav4 a,
.SubNav4 a:visited,
.SubNav4 a:hover,
.SubNav4 a:visited:hover		{
    border:0px;
    z-index:5;
    display:block;
    float:left;
    height:19px;
    font-weight:normal;
    color:#000;
    border-left:1px solid #000;
    margin:8px 0px 0px -10px;
    padding:3px 25px 0px 10px;
    position:relative;
}

.SubNav4 a.Here,
.SubNav4 a.Here:hover,
.SubNav4 a.Here:visited:hover,
.SubNav4 a.Here:visited 		{
    border:0px;
    z-index:10;
    display:block;
    float:left;
    height:19px;
    font-weight:normal;
    color:#000;
    border-left:1px solid #000;
    margin:9px 0px 0px -10px;
    padding:3px 25px 0px 10px;
}


.AppNav .TopLinksArea			{
    position:absolute;
    top:0;
    right:0;
    background:none;
    z-index:9000;
    width: 100%;
}
.AppNav .TopLinksArea .TopLinks2,
.AppNav .TopLinksArea .TopLinks a:link,
.AppNav .TopLinksArea .TopLinks a:visited
{
    float:right;
    background:none;
    background-color:transparent;
    margin-left:15px;
    border:0;
    padding:4px;
}
.AppNav .TopLinksArea .TopLinks a:hover,
.AppNav .TopLinksArea .TopLinks a:visited:hover
{
    float:right;
    background:none;
    background-color:transparent;
    margin-left:15px;
    border:0;
    padding:4px;
}

.FailOver
{
    height:20px;padding:2px 0 0 0;
    width:100%;
    background-color:#ff9;
    text-align:center;
    position:absolute;
    z-index:1000;
    border:1px solid red;
    font-weight:bold;
    filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

/*	Provides the application's generalized default look and feel	*/
html,body						{
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:87%;
    font-family:verdana;}
.FileUpload,
.InputField,
.SearchableInputField,
.Date,
select,
textarea						{
    font-family:verdana;
    border:1px solid #cccccc;
}
table							{
}
.Logo							{
    width:236px;
    height:50px;
}
.LogoBkgd						{
    background-repeat:repeat-x;
}
a,
a:visited						{	color:#009;text-decoration:none;	}
a:hover,
a:visited:hover					{	color:#f60;text-decoration:underline;	}

img								{	border:0px;	}
.Left							{	float:left; }
.Right							{	float:right; }
iframe.accountSettingsIframe,
iframe.filteringCriteriaIframe,
iframe.actionFormulaIframe		{
    position:absolute;
    z-index:500;
    overflow:hidden;
    width:auto;
    background-color:#fff;
}

.DivShim						{
    position:absolute;
    top:0px;
    left:0px;
    width:250px;
    height:250px;
    z-index:-1;

}
.DivShim2						{
    position:absolute;
    top:0px;
    left:0px;
    width:300px;
    height:152px;
    z-index:1;
    display:none;
}

.DynDrop						{
    position:absolute;
    max-width:50%;
    z-index:100;
    margin:0px 0px 0px 0px;
    display:none;
}
.LBODynDrop						{
    position:absolute;
    width:300px;
    z-index:100;
    margin:0px 0px 0px 0px;
//margin:20px 0px 0px -500px;  /* doulbe slash hack is recognized only by IE */
    display:none;
}
.LBOSearchBox 					{
    z-index:10020;
    padding:0px;
    visibility:hidden;
    position:relative;
    width:600px;
    border:1px solid #999;
    background-color:#ffffff;
}
.LBOSearchTable 					{
    padding:0px;
    overflow:auto;
    width:590px;
    height:200px;
    border:0px solid #999;
    background-color:#ffffff;
}

.QuickSearchBox					{
    z-index:10000;
    padding-right:5px;
    visibility:hidden;
    overflow:auto;
    position:relative;
    border:1px solid #999;
    background-color:#ffffff;
    white-space: nowrap;
}

.lboFilter 						{
    z-index:10022;
    visibility:hidden;
    display:none;
    position:relative;
}

ul.QuickSearch					{
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#fff;
}
ul.QuickSearch a,
ul.QuickSearch a:visited		{
    padding:0px;
    text-decoration:none;
    padding:0px 0px 0px 0px;
}
ul.QuickSearch a:hover,
ul.QuickSearch a:visited:hover 	{
    text-decoration:underline;
}
.treeChooser					{
    width:250px;
    height:200px;
    margin:20px 0px 0px 0px;
    position:absolute;
    z-index:100;
}
.DTreeHolder					{
    border:1px solid #f0f0f0;
    background-color:#fff;
    padding:5px;
    width:100%;
    height:550px;
    height:expression(document.body.clientHeight - 128);
    overflow:scroll;
}
.DTreeHolder2					{
    border:1px solid #f0f0f0;
    background-color:#fff;
    padding:5px;
    width:100%;
    height:230px;
    overflow:auto;
}
.Alert							{
    color:red;
    font-weight:bold;
}
.Utils							{
    width:350px;
    height:30px;
    position:absolute;
    top:82px;
    right:5px;
    color:#333;
    z-index:99;
}
.TopControls,
#west-panel,
#east-panel,
#south-panel,
.Print							{	display:visible;	}
.Skin							{	display:none;	}


img.Toggle						{
    background-image:url('../pix/chrome/toggle.gif');
    width:11px;
    height:20px;
    margin-left:4px;
}
img#ToggleState					{	background-color:#039;	}
#HideSB							{	display:block;	}
#ShowSB							{	display:none;	}
#HideSB img,
#ShowSB img						{
    float:left;
    margin-right:1px;
}

/* FOOTER */
.Footer							{
    color:#0F5185;
    padding:0px;
    background-repeat:repeat-x;
    font-size:90%;
}

.Footer a,
.Footer a:visited			{
    color:#0F5185;
    text-decoration:none;
}
.Footer a:hover,
.Footer a:visited:hover			{
    color:#f60;
    text-decoration:underline;
}
.Footer .Right,
.Footer .Left					{	padding:0px 0px 0px 0px;	}
.Footer .Right a				{
    padding:0px 15px 0px 15px;
    background-image:url(../pix/chrome/nav2_dots.gif);
    background-position:center left;
    background-repeat:no-repeat;
}

/* TOOLTIP */
#theToolTip						{
    line-height:1.1em;
    position:absolute;
    left:-300px;
    width:300px;
    border:2px solid #C0C09F;
    padding:6px 0px 8px 10px;
    background-color:#FFFFCC;
    visibility:hidden;
    z-index:100;
}
#ToolTipPointer					{
    position:absolute;
    left:-300px;
    z-index:101;
    visibility:hidden;
}
#theToolTip p					{
    color:#333333;
    margin-right:10px;
    margin-top:0;
}
#ToolTipTextWrap				{
    font-weight:bold;
    color:#592C16;
    margin-right:10px;
}
/* RESOURCE AREA */
.ResourceArea					{
    border:1px solid #C7D7E0;
    margin-bottom:5px;
    background-color:#fff;
}
.ResourceArea div,
.ResourceArea .HeaderAttached	{	border:0px;	}
.ResourceBox					{
    margin:0px 0px 5px 0px;
    padding:2px;

}
.MainDashboardResourceBox					{
    margin:0px 0px 5px 0px;
    padding:2px;
}

ol.ResourceLinks				{
    padding:0px;
    margin:0px;
    list-style-type:none;
    line-height:1.5em;
}
ol.ResourceLinks li				{
    line-height:1.5em;
    padding-bottom:3px;
}
ol.ResourceLinks li	img			{
    border:0px;
    width:17px;
    height:17px;
    float:left;
    margin:0px 4px 2px 0px;
    display:inline;
}
ol.ResourceLinks li a:link,
ol.ResourceLinks li a:link:visited
{
    color:#009;
    line-height:1.5em;
}
ol.ResourceLinks li a:link:hover,
ol.ResourceLinks li a:link:visited:hover
{
    color:#f60;
    line-height:1.5em;
}
div.Here						{
    font-weight:bold;
}


.LineStepOutline					{
    padding:0px 0px 0px 0px;
    white-space:nowrap;
    height: 16px;
    clear:both;
    padding-left: 0px;
    font-size: .9em;
    background:#f7f7f7;
    border: 1px solid #eeeeee;
    border-right: 0px solid #aaaaaa;
    font-weight: bold;
    background-position:fixed;
}
.LineStep						{
    white-space:nowrap;
    border: 1px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    padding-left: 0px;
    font-size: .9em;
    height: 16px;
    clear:both;
    background-position:fixed;
}
.Self						{

    border: 1px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    padding: 2px;
    font-size: .9em;
    background:#ff9;
    clear:both;
    background-position:fixed;
}


.Step                           {
    white-space:nowrap;
    border: 1px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    padding-left: 2px;
    height: 20px;
    margin-bottom:0px;
    margin-top:2px;
    clear:both;
    background-position:fixed;
}
.navResurceStep                     {

    height:13px;
    margin-left:7px;
    padding-top:2px;
    line-height:1.5em;
    clear:both;
    margin-bottom:3px;
    background-position:fixed;
    white-space: nowrap;
}
.resurceStep                     {

    height:20px;
    margin-left:5px;
    padding-top:2px;
    line-height:1.5em;
    clear:both;
    margin-bottom:3px;
    background-position:fixed;
}
.StepOutline					{
    padding:0px 0px 0px 0px;
    white-space:nowrap;
    padding-top: 2px;
    height: 20px;
    clear:both;
    padding-left: 2px;
    margin-bottom:0px;
    margin-top:2px;
    background:#f7f7f7;
    border: 1px solid #eee;
    border-right: 0px solid #aaa;
    font-weight: bold;
    background-position:fixed;
}
.accordionTabContentBox a		{
    display:block;

}
#workflowNavigationContent div	{
    line-height:1.5em;
}
ol.Cardinality					{
    list-style-type: none;
    margin:0px 0px 0px -5px;
    padding-left:5px;
}
ol.WorkFlow li,
ol.Actions li,
ol.ResourceLinks li,
ul.InfoLinks li					{
    padding-bottom:3px;
}

.popupName						{
    border:1px solid #ccc;
    border-top:0px;
    background-color:#f1f1f1;
    display:block;
    padding:3px 19px 3px 4px;
    margin:-3px -3px 3px -3px;
    border-left:0px;
    border-right:0px;
    font-weight:bold;
    background:url(../pix/chrome/help_arrow.gif) no-repeat top right;

}
.popupLink						{	color:red;outline:none}
.popup							{
    border:1px solid #88AACC;
    position:absolute;
    visibility:hidden;
    background:#F4FAFD;
    layer-background-color:#ccdbe3;
    width:219;
    z-index:10;
    padding:3px 2px 2px 2px;
}
p.popMargin						{	margin-top:8px;}

.popup2Name						{	border:1px solid #ccc;border-top:0px;background-color:#f1f1f1;display:block;padding:3px 19px 3px 3px;margin:-3px -3px 3px -3px;border-left:0px;border-right:0px;font-weight:bold;font-weight:normal;background-image:none;	}
.popup2Link						{	color:red;outline:none	}
.popup2							{	margin:4px 0px 0px -9px;border:1px solid #0C29EB;position:absolute;visibility:hidden;background:#F4FAFD;layer-background-color:#ccdbe3;width:219;z-index:10;;padding:3px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);	}

.popup3Name						{	border:1px solid #ccc;border-top:0px;background-color:#f1f1f1;display:block;padding:3px 19px 3px 3px;margin:-3px -3px 3px -3px;border-left:0px;border-right:0px;font-weight:bold;font-weight:normal;background-image:none;}
.popup3Link						{	color:red;outline:none	}
.popup3							{	margin:4px 0px 0px -250px;border:1px solid #0C29EB;position:absolute;visibility:hidden;background:#F4FAFD;layer-background-color:#ccdbe3;width:219;z-index:10;padding:3px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);	}

.legendInfoName					{	border:1px solid #ccc;border-top:0px;background-color:#f1f1f1;display:block;padding:3px 19px 3px 5px;margin:-3px -3px 3px -3px;border-left:0px;border-right:0px;font-weight:bold;	}
.legendInfoLink					{	color:red;outline:none	}
.legendInfo						{
    margin:2px 0px 0px -9px;
    border:1px solid #88AACC;
    position:absolute;
    visibility:hidden;
    background:#F4FAFD;
    layer-background-color:#ccdbe3;
    width:219;
    z-index:10;
    padding:3px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=135, Strength=4);
}
.LegendIcon						{
    background:url('../pix/chrome/info.gif') no-repeat;
    width:14px;
    height:14px;
    margin-right:4px;
}
.Controls						{	margin:0 5px 5px 5px;	}
.TopControls					{	padding:8px; padding-left:5px;background: #eee; }
.TopWFControls					{	padding:5px; background: #eeeeee; font-size: 1em;}
.TopWFControls form             { display: inline; }
form>.TopWFControls.Assemble    { float: left; }
.Controls input,
.Right input					{
    /*min-height:19px;
                                     margin-left:2px;*/
}
.calButton,
.FieldRowError
.FieldValue
.calButton						{
    margin-left:3px;
    margin-right:3px;
}
.calCol							{
    color:#009;
}
.SearchPop						{
    margin-left:3px;
    margin-right:3px;
}

/* FORM STRUCTURES */
.ErrorAlert						{	font-weight:bold;color:red;	}

fieldset						{
    width:auto;
    border:1px solid #C7D7E0;
    margin:0px 0px 0px 0px;
    padding:0px;
}
legend							{
    margin-top:10px;
    margin-bottom:5px;
    color:#000000;
    background-color:white;
}
legend span						{
    font-weight:bold;
    color:#039
}
.FieldRow,
.FieldRowError					{
    padding:5px 0px 3px 0px;
    height:100%;
    height:auto !important;
    clear:both;
}
.FieldName						{	white-space:normal }
.FieldRow .FieldName,
.FieldRowError .FieldName		{
    width:250px;
    height:100%;
    height:auto !important;
    float:left;
    padding-right:25px;
}
.Pfx							{
    display:inline;
    position:absolute;
    margin-left:-50px;
    color: #aaaaaa;
    padding-top:3px;
    width:50px;
    text-align:right;
    padding-right:5px;
}
.Sfx							{
    display:inline;
    position:absolute;
    color: #aaaaaa;
    padding-top:3px;
    text-align:left;
    padding-left:5px;
}
.FieldRow .FieldValue,
.FieldRowError .FieldValue		{
    float:left;
}

.FieldRow .CommentsFieldValue	{
    float:left;
    width:35%;
}

.FieldRow .FieldIcon,
.FieldRowError .FieldIcon,
.FieldRow .FieldIcon#Help,
.FieldRowError .FieldIcon#Help,
.FieldRow .FieldIcon#FAQ,
.FieldRowError .FieldIcon#FAQ,
.Required .FieldIcon,
.Required .FieldIcon#Help,
.Required .FieldIcon#Faq		{
    width:20px;
    height:20px;
    float:left;
    color:blue;margin-left:7px;
}
.FieldRow .FieldIcon#Help,
.FieldRowError .FieldIcon#Help	{	background:url('../pix/meta/help.gif') no-repeat top right;	}
.FieldRow .FieldIcon#FAQ,
.FieldRowError .FieldIcon#FAQ	{	background:url('../pix/meta/faq.gif') no-repeat top right;	}
.Required .FieldIcon			{	background:url('../pix/meta/required.gif') no-repeat top right;	}

.Required .FieldIcon#Help		{	background:url('../pix/meta/help_ast.gif') no-repeat top right;	}
.Required .FieldIcon#Faq		{	background:url('../pix/meta/faq_ast.gif') no-repeat top right;	}

.FieldName						{
    font-weight:normal;
    padding-left:5px;
    color:#339;
}
.FieldValue						{	font-weight:normal;	}
.FieldValue input				{	padding-left:0px;	}

.FieldValue p					{	margin:3px 0px 3px 0px;	}
.ErrorTextMessage				{
    color:red;
    font-weight:bold;
}
.ErrorText,
.ErrorField,
.FieldRowError div				{	color:red;	}

.FieldRowError div input,
.FieldRowError div div[id$="_wrapper"],
.FieldRowError div div div[id$="_wrapper"],
.FieldRowError div select[multiple],
.ErrorText div div[id$="_wrapper"],
.ErrorText input		{	border:1px solid red;	}

iframe							{
    width:100%;
    height:400px;
    border:0px;
    background-color:transparent;
    scrolling:auto;
}

.searchField					{
    top:-4px;
    left:-10;
    position:relative;
    z-index:500;
}
.searchhit						{
    color:black;
    background-color:yellow;
}
.historyBox						{
    position:absolute;
    top:20px;
    width:450px;
    right:143px;
    height:auto;
    border:1px solid #999;
    background-color:#F4FAFD;
    overflow:auto;
    z-index:9000;
    padding:0px;
    margin:0px;
    overflow:hidden;
}
#historyBoxShim						{
    position:absolute;
    top:20px;
    right:143px;
    width:450px;
    height:380px;
    z-index:8999;
}
.UserGuides						{
    position:absolute;
    top:20px;
    right:76px;
    width:312px;
    height:310px;
    border:1px solid #999;
    overflow:auto;
    z-index:9000;
    padding:0px;
}
#UserGuidesShim					{
    position:absolute;
    top:20px;
    right:76px;
    width:312px;
    height:310px;
    z-index:8999;
}
.SearchBox						{
    position:absolute;
    top:102px;
    width:200px;
    right:40px;
    height:50%;
    border:1px solid #999;
    background-color:#F4FAFD;
    overflow:auto;
    z-index:1000;
    padding:5px;
}
.Padding						{
    /*									padding:10px !important;
                                        padding:10px 10px 10px 10px;
    */
}
/* GRAPHING STYLES */

.barLegend						{
    color: black;
    padding-left: 2px;
    text-align: right;
}
.barRowTitle					{
    font-weight:bold;
    color: #145A7E;
    background: #F4FAFD;
}
.barRow						{
    color: #145A7E;
}
.barRow a:hover					{
    color: black;
}

.barTable						{
    line-height:1.2em;
    border:1px solid white;
    border-style:  solid solid solid solid;

}

.barBorderedRow {
    color: #145A7E;
    border:1px solid #999;

}


.plusOnlyBar1 {
    width: 50%;
    text-align:left;
    float: left;
    background: transparent;
}

.plusOnlyBar1Odd {
    text-align:left;
    background-color:#FBB917;
    background-image:url('../pix/chrome/graph_yellow.gif');
    height:14px;
}

.plusOnlyBar1Even {
    text-align:left;
    background-color:#FBB917;
    background-image:url('../pix/chrome/graph_yellow.gif');
    height:14px;
}


.plusOnlyBar2 {

    text-align:left;
    float: left;
    background-color: transparent;
    height:14px;
}

.plusOnlyBar2Odd {
    text-align:left;
    background-color:	#79BAEC;
    background-image:url('../pix/chrome/graph_blue.gif');
    height:14px;
}

.plusOnlyBar2Even {
    text-align:left;
    background-color:	#A0CFEC;
    background-image:url('../pix/chrome/graph_blue.gif');
    height:14px;
}

.plusOnlyBar3 {
    width: 50%;
    text-align:left;
    float: left;
    background-color: transparent;
    height:14px;
}
.plusOnlyBar3Odd {
    text-align:left;
    background-color:	#3B9C9C;
    height:14px;
}

.plusOnlyBar3Even {
    text-align:left;
    background-color:	#307D7E;
    background-image:url('../pix/chrome/graph_indigo.gif');
    height:14px;
}

.plusOnlyBar4 {

    text-align:left;
    float: left;
    background-color: transparent;
    height:14px;
}

.plusOnlyBar4Odd {
    text-align:left;
    background-color:	#E8A317;
    height:14px;
}

.plusOnlyBar4Even {
    text-align:left;
    background-color:	#E8A327;
    height:14px;
}

.floatingBar0,
.floatingBar1,
.floatingBar2,
.floatingBar3,
.floatingBar4,
.floatingBar5,
.floatingBar6,
.floatingBar7,
.floatingBar8,
.floatingBar9,
.floatingBar10,
.floatingBar10,
.floatingBar12,
.floatingBar13,
.floatingBar14,
.floatingBar15,
.plusOnlyBar3Even				{
    text-align:left;
    height:11px;
    border:1px solid orange;
    color: black;
    cursor:pointer;
    cursor:hand;
}
.floatingBar0					{
    background-color:#f60;
    background-image:url('../pix/chrome/graph_orange.gif');
}

.floatingBar1					{
    background-color:#6cc;
    background-image:url('../pix/chrome/graph_babyBlue.gif');
}

.floatingBar2					{
    background-color:#f30;
    background-image:url('../pix/chrome/graph_red.gif');
}
.floatingBar3					{
    background-color:#ffo;
    background-image:url('../pix/chrome/graph_lightYellow.gif');
}
.floatingBar4					{
    background-color:#660;
    background-image:url('../pix/chrome/graph_olive.gif');
}
.floatingBar5					{
    background-color:#600;
    background-image:url('../pix/chrome/graph_maroon.gif');
}
.floatingBar6					{
    background-color:#060;
    background-image:url('../pix/chrome/graph_darkGreen.gif');
}
.floatingBar7					{
    background-color:#090;
    background-image:url('../pix/chrome/graph_green.gif');
}

.floatingBar8					{
    background-color:#603;
    background-image:url('../pix/chrome/graph_deepP.gif');
}
.floatingBar9					{
    background-color:#630;
    background-image:url('../pix/chrome/graph_brown.gif');
}
.floatingBar10					{
    background-color:#c0f;
    background-image:url('../pix/chrome/graph_hotPink.gif');
}
.floatingBar11					{
    background-color:#cc0;
    background-image:url('../pix/chrome/graph_mustard.gif');
}
.floatingBar12					{
    background-color:#0cf;
    background-image:url('../pix/chrome/graph_lightBlue.gif');
}
.floatingBar13					{
    background-color:#306;
    background-image:url('../pix/chrome/graph_purple.gif');
}
.floatingBar14					{
    background-color:#00c;
    background-image:url('../pix/chrome/graph_darkBlue.gif');
}
.floatingBar15					{
    background-color:#3f9;
    background-image:url('../pix/chrome/graph_neonGreen.gif');
}
.plusOnlyBar3Even				{
    background-color:#307D7E;
    background-image:url('../pix/chrome/graph_indigo.gif');
}
/* HELP POPUP WINDOW */


.InfoMessage					{
    background-color:#FFFFBB;
    font-weight: bold;
    text-align:center;
    margin-bottom:7px;
    height: 20px;
    border:1px solid #ddd;
}
.MessageRed						{
    border-bottom:0px solid #eee;
    margin:0px 0px 0px 0px;
    padding:4px 10px 5px 10px;
    color:red
}
.MessageError					{
    color:red
}



/* TOOLTIPS */
.FileTipContainer				{
    border-left:1px solid #999;
    border-right:1px solid #999;
    background-color:#fff;
    padding:10px;
}
.BOTipContainer					{
    border:0px;
}
#theToolTip						{
    line-height:1.1em;
    position:absolute;
    left:-300px;
    width:300px;
    border:0px;
    padding:6px 10px 8px 10px;
    background-color:transparent;
    visibility:hidden;
    z-index:100;
}

#ToolTipPointer					{
    position:absolute;
    left:-300px;
    z-index:101;
    visibility:hidden;
    /* background-image:url(../pix/meta/tooltiparrow.gif);
                                     background-repeat:no-repeat; */
    width:26px;
    height:15px;
}
#theToolTip p					{
    color:#333;
    margin-right:10px;
    margin-top:0;
}
#ToolTipTextWrap				{
    font-weight:bold;
    color:#592C16;
    margin-right:10px;
}

/* ACCORDION MENU */
.Accordion						{
    border-top:0px solid #ccc;
    border-right:0px solid #969696;
    border-bottom:0px solid #969696;
    border-left:0px solid #ccc;
    /*height:295px;
                                     overflow:hidden;*/
}
.accordionTabTitleBar			{
    padding:4px 6px 4px 6px;
    border-top:1px solid #fff;
    border-right:0px solid #969696;
    border-bottom:1px solid #ccc;
    border-left:1px solid #fff;
    cursor:pointer;
    cursor:hand;
}
.accordionTabTitleBarHover		{
    background-color:#1f669b;
    color:#000;
}
.accordionTabContentBox			{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    padding:0px 8px 0px 8px;
}
.accordionTabContentBox img		{
    float:left;
    margin-right:4px;
    margin-bottom:1px;
    clear:both;
}
.accordionTabContentBox br		{	line-height:5px;	}
#workflowRelationshipsContent	{	width:230px;overflow:auto;	}
.PanelBody						{     }
.ResourceBox					{	background-color:#transparent;	}

/* POPOVER STYLES */
.highslide-html					{

}
.highslide-html-blur			{
    border: 2px solid gray;
}
.highslide-html-content			{
    position: absolute;
    display: none;
    width:400px;
    background-color:#fff;
}
.highslide-display-block		{
    display: block;
}
.highslide-display-none			{
    display: none;
}
.control						{
    display: block;
    /*position: relative;*/
    /*margin: 0 5px;*/
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #999;
}
.control img					{	margin:5px 3px 0px 0px;	}
.control:hover					{
    color: black !important;
}
.highslide-move					{
    cursor: move;
}


.highslide-header				{
    height:15px;
    display:block;
    padding:0px 5px 5px 5px;
    font-weight:bold;
    background:#fff;
    color:#83AAC0;
    border-bottom:2px solid #83AAC0;
    font-size:1.45em;
}
.highslide-header .Right		{	display:block;width:20px;	}
table.highslide	td				{
    height:20px;
    padding-left:5px;
    background-color:#fff;
}
.ScrollIt						{	height:300px;overflow:auto;	}
.Icon							{	padding-left:4px;}
.LeftIcon						{	padding-right:4px;}
.ThemeIcon						{	padding-left:3px; padding-bottom:14px; }
.PopupBoxBody					{
    padding:8px;
}
.PopupBox 						{
    margin-top:-15px;
    position:relative;
    background-color:#fff;
    width:100px;
    border:1px solid #97ACD4;
    display:none;
    z-index:1000;
}
.PopupBox a,
.PopupBox a:visited 			{
    padding-left:0px;
    display:block;
    width:100%;
    height:20px;
}
.PopupBox a:hover,
.PopupBox a:visited:hover		{
    background-color:#eee;
}
.ThemeBox 						{
    position:absolute;
    top:20px;
    right:227px;
    width:130px;
    border:1px solid #999;
    background-color:#fff;
    overflow:auto;
    z-index:10000;
    padding:0px;
    display:none;
}
.AppNav .TopLinksArea .TopLinks .ThemeBox a:link,
.AppNav .TopLinksArea .TopLinks .ThemeBox a:visited						{
    float:left;
    background:none;
    background-color:transparent;
    margin-left:5px;
    border:0;
    padding:4px;
}

.ThemeSelect					{	display:inline;padding-right:15px;	}
.ThemeSelect img				{	margin-left:10px;	}

#imageMaps						{	display:none;	}

.PageOptions					{
    margin:0px !important;
    position:absolute;
    color:#145A7E;
    background-color:#fff;
    width:100px;
    height:auto;
    border:1px solid #97ACD4;
    display:none;
    z-index:10001;
    padding:4px;
    padding-left:0px;
    top:-100px;
}
.Layout							{
    display:block;
    width:auto;
    padding:4px;
}
.LayoutActive					{
    display:block;
    width:auto;
    border:1px solid #ccc;
    padding:4px;
    background-color:#eee;
}
.ThemeSelect					{	display:inline;padding-right:15px;	}
.ThemeSelect img				{	margin-left:10px;	}

#imageMaps						{	display:none;	}
.ReqField						{	display:none;	}
.SkipLink 						{	display:none;	}

/*	Provides the structure and skin for data tables	*/
/* TABLES */
.Summary						{
    border:4px solid #7191a2;
    border-bottom:0px;
    border-top:0px;
    margin-bottom:0px;
}
.Header,
.HeaderAttached					{
    height:23px;
    background-color:#C1D3DD;
    color:#145A7E;
    border:1px solid #ccc;
    border-bottom:0px;
    margin:0px;
    padding:0px;
}

.Header .Left,
.HeaderAttached .Left			{
    font-weight:bold;
    padding:3px 0px 0px 6px;
}
.Header .Right,
.HeaderAttached .Right			{
    padding:1px 6px 0px 0px;
}
.Header .Right img,
.HeaderAttached .Right img		{
    padding:0px;
    margin:-1px 0px 0px 0px;
}

.HeaderErrorAttached			{
    height:23px;
    padding:0px;
    background-color:#ff9;
    color:red;
    font-weight:bold;
    border:1px solid #FF9D3C;
    margin:0px;
    border-bottom:0px;
}
.HeaderErrorAttached .Left		{	padding:3px 0px 0px 3px;	}
.HeaderErrorAttached .Right		{	padding:3px 3px 0px 0px;	}
.BigHeader						{
    height:15px;
    display:block;
    padding:0px 5px 5px 5px;
    font-weight:bold;
    background:#fff;
    color:#83AAC0;
    border-bottom:2px solid #83AAC0;
    font-size:1.45em;
}
.HeaderIcon						{	margin-top:4px;	}
.TotalErrorText  				{
    padding:10px;
    padding-left:11px;
    background-color:#ffe;
    font: 1em;
    color:red;
}
.ExceptionMessage				{
    background-color:#ffd;
    margin:0px;
}
.Sticky							{
    padding:0px;
    overflow:auto;
    width:auto;
    height:145px;
    border-top:0px;
}
fieldset .Sticky				{	margin:0;padding:1;border:0;	}
fieldset .Sticky table			{	width:auto;	}
.FullTable						{
    height:auto;
    overflow-y:hidden;
    padding-bottom:10px;
}

.Sticky2						{

}
.Sticky3						{	/* Adds horizontal scrollbar to divs containing tables with too many columns
									width:expression(document.body.clientWidth - 289); */
    position:relative;
    width:auto;
    padding-bottom:12px;
}
fieldset .Sticky3 table			{	margin-bottom:0px;	}
fieldset .Sticky3 table td		{	padding:1px 3px 0px 3px;	}
.Sticky4						{	/* Adds horizontal scrollbar to divs containing tables with too many columns
									width:expression(document.body.clientWidth - 289); */
    /*  position:relative; removed because of rendering problem in IE7  */
    width:auto;
    padding-bottom:12px;
}
fieldset .Sticky4 table			{	margin-bottom:0px;	}
fieldset .Sticky4 table td		{	padding:1px 3px 0px 3px;	}

table							{
    width:100%;
    line-height:1.5em;
    text-align:left;
}
table.Bars						{	line-height:1em;	}

.SortTable tr th a				{	color:#0000A0 !important; }
.SortTable tr th,
#StatTable tr th				{
    height:100%;
    font-weight:normal;
    color:#0000A0;
    border-top:0px solid #ccc;
    border-right:#000;
    border-bottom:0px solid #969696;
    border-left:1px solid #ccc;
}
caption							{	display:none;	}
th div							{
    padding:1px 4px 2px 4px;
    height:100% !important;
    height:20px;
    min-height:20px;
    border-top:0px solid #fff;
    border-right:0px solid #969696;
    border-bottom:1px solid #ccc;
    border-left:0px solid #fff;
    background-color:#eee;
    white-space:nowrap;
}
fieldset .Sticky table>tbody						{  /* child selector syntax which IE6 and older do not support*/
    overflow:auto;
    /*commented for testing				height:108px;			*/
    overflow-x:hidden;
}
fieldset .FullTable table>tbody						{  /* child selector syntax which IE6 and older do not support*/
    overflow:auto;
    overflow-x:hidden;
}
.Sticky2 table>tbody			{
    height:auto;
}
#StatTable td,
.SortTable td					{
    padding:2px 5px 2px 5px;
}
.SortTable td					{
    cursor:default;
}
td.Editable						{
    cursor:text;
}

div.Sticky tr.TableHeader		{
    cursor:pointer;
    cursor:hand;
}
/*
thead th						{
									position:relative;
								}
*/
.TaskViewArea thead th			{
    position:static;
}
#StatTable td:last-child,
.SortTable td:last-child		{
    /*									padding-right:20px;*/
}
#TabOne,#TabTwo,#TabClauseList {
    width:100%;
}

.SummaryRow4 .FieldName,
.SummaryRow4 .FieldValue,
.SummaryRow4 .CommentsFieldValue,
td.FieldName,
td.FieldValue,
.SummaryRow4 .SumName,
.SummaryRow4 .SumValue,
td.SumName,
td.SumValue						{
    width:25%;
    height:100%;
    padding:0px 0px 0px 5px;
    vertical-align:top;
}
.SummaryTable					{		}
.SummaryRow4 .FieldName,
td.FieldName					{		}
.SummaryRow4 .FieldValue,
td.FieldValue					{		}

table							{		}

.x-toolbar table				{	width:auto;	}

.NoData,
.NoDataRed						{	padding:6px;color:#999;	}
.NoDataRed						{	color:red;	}




.DiffTest						{

    height:100%;
    background-color:#C7D7E0;
    padding:0px;
    margin:0px;
    font-family:monospace;
}


/* Authoring reconciliation related styles*/
td.NotThisCell					{background-color:transparent;border-left:0px;border-right:0px;border-bottom:1px solid #eee;}
td.ThisCell						{background-color:#C7D7E0;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:0px;}

table.DiffText					{border:0px solid #C7D7E0;font: 1em Arial, Helvetica, sans-serif;border-collapse:collapse;background:#e8eef7;color:#000;}
th.DiffHeader					{	font-weight:300;	}
tr.DiffSame						{
    height:1.7em;
    vertical-align:top;
    padding-left:10px;
    background-color:#fff;
}
tr.DiffNotSame					{
    height:1.7em;
    vertical-align:top;
    padding-left:10px;
    background-color:#e8eef7;
}
tr.DiffHighlight				{
    height:1.7em;
    vertical-align:top;
    background-color:#C0C0C0;
}
td.DiffSame						{
    border-bottom:1px solid #ccc;
    border-top:0px solid #ccc;
}
td.DiffSepratorSame				{
    border-bottom:0px solid #C0C0C0;
    border-top:0px solid #C0C0C0;
    background-color:#C0C0C0;
}
td.DiffSepratorNotSame,
td.DiffSepratorAdded,
td.DiffSepratorDeleted			{
    border-bottom:0px solid #C0C0;
    border-top:0px solid #C0C0C0;
    background-color:#C0C0C0;
}
td.DiffSepratorNotSame			{	border-left:3px solid #f93;	}
td.DiffSepratorAdded			{	border-left:3px solid #090;	}
td.DiffSepratorDeleted			{	border-left:3px solid #f00;	}

/*td.DiffSepratorNotSame			{
                                    border-bottom:0px solid #C0C0;
                                    border-top:0px solid #C0C0C0;
                                    border-left:3px solid #f93;
                                    background-color:#C0C0C0;
                                }
td.DiffSepratorAdded			{
                                    border-bottom:0px solid #C0C0C0;
                                    border-top:0px solid #C0C0C0;
                                    border-left:3px solid #090;
                                    background-color:#C0C0C0;
                                }
td.DiffSepratorDeleted			{
                                    border-bottom:0px solid #C0C0C0;
                                    border-top:0px solid #C0C0C0;
                                    border-left:3px solid #f00;
                                    background-color:#C0C0C0;
                                }
*/
td.DiffNotSame					{
    border-right:1px solid #f00;
    border-left: 1px solid #f00;
    background-color:#f00;
}
th.DiffHeading					{
    height:22px;
    padding:0px 0px 0px 5px;
    background-color:#C7D7E0;
    color:#039;
    border:1px solid #ccc;
    margin:0px 0px 0px 0px;
    border-bottom:0px;
}
.Diffs							{
    display:none;
    margin-bottom:10px;
}
.Diff,
.DiffAuthoring					{
    padding-left:15px;
    /*color:red;*/
    white-space:nowrap;
}

.DiffWarn						{
    padding-left:15px;
    color:#f90;
    white-space:nowrap;
}
.DiffWarnMsg					{
    padding-left:15px;
    /*color:#f90;*/
    white-space:nowrap;
}
.hilightCondition				{
    color:#33AB33;
    font-weight:bold;
}

/*	PROPERTIES AREA	*/
.Pagination						{
    margin:0px;
    padding:0px;
    display:block;
}

tr.alternateRow td				{
    background:#f5f5f5;
    border-bottom:1px solid #d9d9d9;
}
tr.normalRow td					{
    background: #fff;
    border-bottom:1px solid #d9d9d9;
}
tr.alternateRowLast td			{
    background: #f5f5f5;
    border-bottom:0px;
}
tr.normalRowLast td				{
    background: #fff;
    border-bottom:0px;
}
/*	ROUNDED CORNER STYLES	*/
.rC h1, .rC h2, .rC p,
.rR h1, .rR h2, .rR p,
.rB h1, .rB h2, .rB p,
.rD h1, .rD h2, .rD p,
.rE h1, .rE h2, .rE p,
.rF h1, .rE h2, .rE p			{
    margin:0 10px;
    letter-spacing:1px;
}
.rC p,
.rR p,
.rB p,
.rD p,
.rE p,
.rF p							{
    padding-bottom:0.5em;
}
.rC1, .rC2, .rC3, .rC4			{
    display:block;
    overflow:hidden;
}
.rC1, .rC2, .rC3				{
    height:1px;
}
.rC2, .rC3, .rC4				{
    background:#C1D3DD;
    border:0px;
}
.rB .rC2,.rB .rC3,.rB .rC4				{
    background:#999;
    border:0px;
}
.rR .rC2,.rR .rC3,.rR .rC4		{
    background:#fff;
    border:0px;
}
.rD .rC2,.rD .rC3,.rD .rC4		{
    background:#7191a2;
    border:0px;
}
.rE .rC2,.rE .rC3,.rE .rC4		{
    background:#ffc;
    border:0px;
}
.rF .rC2,.rF .rC3,.rF .rC4		{
    background:#fff;
    border:0px;
}
.rR .rC1,
.rR .rC2,
.rR .rC3,
.rR .rC4						{
    border-left:1px solid #999;
    border-right:1px solid #999;
}
.rB .rC1,
.rB .rC2,
.rB .rC3,
.rB .rC4						{
    border-left:1px solid #000;
    border-right:1px solid #000;
}
.rD .rC1,
.rD .rC2,
.rD .rC3,
.rD .rC4						{
    border-left:1px solid #7191a2;
    border-right:1px solid #7191a2;
}
.rE .rC1,
.rE .rC2,
.rE .rC3,
.rE .rC4						{
    border-left:1px solid red;
    border-right:1px solid red;
}
.rF .rC1,
.rF .rC2,
.rF .rC3,
.rF .rC4						{
    border-left:1px solid #C7D7E0;
    border-right:1px solid #C7D7E0;
}
.rR .rC2						{
    margin:0 2px;
    border-left:2px solid #999;
    border-right:2px solid #999;
}
.rB .rC2						{
    margin:0 2px;
    border-left:2px solid #000;
    border-right:2px solid #000;
}
.rD .rC2						{
    margin:0 2px;
    border-left:2px solid #7191a2;
    border-right:2px solid #7191a2;
}
.rE .rC2						{
    margin:0 2px;
    border-left:2px solid red;
    border-right:2px solid red;
}
.rF .rC2						{
    margin:0 2px;
    border-left:2px solid #C7D7E0;
    border-right:2px solid #C7D7E0
}
.rC1							{
    margin:0 4px;
    background:#C1D3DD;
}
.rR .rC1						{
    margin:0 4px;
    background:#999;
}
.rB .rC1						{
    margin:0 4px;
    background:#000;
}
.rD .rC1						{
    margin:0 4px;
    background:#7191a2;
}
.rE .rC1						{
    margin:0 4px;
    background:red;
}
.rF .rC1						{
    margin:0 4px;
    background:#C7D7E0;
}
.rC2							{
    margin:0 2px;
    border-left:2px solid #C1D3DD;
    border-right:2px solid #C1D3DD;
}
.rC3							{
    margin:0 1px;
    border-left:1px solid #C1D3DD;
    border-right:1px solid #C1D3DD
}
.rC4							{
    height:1px;
    margin:0 1px;
    border-left:1px solid #C1D3DD;
    border-right:1px solid #C1D3DD
}
.rE								{	margin-bottom:10px;	}
.headerContent2					{
    background:#dfe8f6;
    overflow:hidden;
    color: #000000;
    zoom:1;
    padding: 0 0 0 0;
    border-left:0px solid #000;
    border-bottom:1px solid #dddddd;
    border-top:0px solid #ffffff;
    min-height:25px;
    height:25px;
}
.headerContent10					{
    background:#f7f7f7;
    overflow:hidden;
    color: #000000;
    zoom:1;
    padding: 0 0 0 0;
    font-size: 0.9em;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 7px;
    border-top:1px solid #dddddd;
    border-bottom:0px solid #000;
}
.headerContent3					{
    background-color:#7191a2;
    border-top:1px solid #fff;
    height:21px;

}
#workflowToolbar{margin-top:-4px;}
.headerContent3 .Left,
.headerContent3 .Right			{	padding-top:4px;	}
.headerContent3 .Right			{	padding-right:5px;	}
.headerContent4					{
    background-color:#fff;
    color:#C1D3DD;
    padding: 5px;
    border:0px solid #999;

}
.headerContent5					{
    background-color:#ffe;
    color:#ff6611;
    font-weight: bold;
    border-top: 1px solid #dddddd;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 1em;
    padding-left: 9px;
}
.headerContent6					{
    background-color:#fff;
    color:#333;
    border-left:1px solid #C7D7E0;
    border-right:1px solid #C7D7E0;
    padding-top:4px;
}
.headerContent7					{
    height:1%;
    background-color:#7191a2;
    color:#fff;
    border-left:1px solid #7191a2;
    border-right:1px solid #7191a2;
}

.headerContent4 img				{	margin-right:4px;	}
.subComponentLink 					{   padding-right: 5px;}
.subComponentLink a 				{   color:#000000; font-size: 1em; text-decoration:none;  }
.subComponentLink a:hover           {   color:#000000; font-size: 1em; font-weight: bold; text-decoration:none; }

.headerContent .HeaderLink		{	color:#145A7E;text-decoration:none;font-weight:normal;	}

.FilterHeader					{	margin-bottom:10px;}

label.accessibility						{display:none;}
.MultiCol,.ContainerGrid		{	table-layout:fixed;	}

/*	Provides font info and form structures within application	*/
/* FORMS */

form							{
    display:inline;
    margin:0px;
    padding:0px;
}
.FileUpload,
.InputField,
.SearchableInputField,
.Date,
select,
textarea,
.selected-text-holder						{

    color:#039;
    border:1px solid #cccccc;
    padding: 2px;
    /*background:url(../pix/chrome/bkgd_field.gif) top left repeat-x;*/
    background-color:#fff;
    background:#ffffff;
}
select							{	background:#ffffff;	border:1px solid #cccccc;}
.PaginationField				{
    margin-top:-2px;
    height:15px;
    width:25px;
    vertical-align:text-top;
    padding:0px;
    border:1px solid #849FBB;
}
input.SearchableInputField		{	width:278px;	}
.dynWidth input.SearchableInputField		{	width:156px;	}
input.LongInputField			{	width:380px;
    border: 1px solid #CCCCCC;
}
input.Date						{	width:100px;	}
input.RadioButton,
input.CheckBox					{
    width:auto;
    border:0px;
}
.RadioButton,
.CheckBox						{
    border:0px;
}
input.FileUpload				{	width:300px;	}
textarea						{
    width:300px;
    height:80px;
}
.RadioButton					{	border:1px solid red;	}
/*.HeaderAttached .Right input	{	margin-top:-1px;	}*/
.FormButton						{/*
									background-color:#dfdfdf;
									border:1px solid #849FBB;
									color:#039;*/
}

a.button,
span.button,
del.button						{
    display:-moz-inline-box;
    display:inline-block;
    cursor:pointer;
    border:none;
    /*
                                     for Safari, read this first
                                     http://creativebits.org/webdev/safari_background_repeat_bug_fix
                                     */
    background:url(../pix/chrome/btn0.png) no-repeat;
    height:18px;
    text-decoration:none;
    color:#2e523b;
    font-style:normal;
    margin:0 6px 0px 0;
    padding:0 10px 0 0;
    vertical-align:middle;
    zoom:1;
    _position:relative;
    _width:10px;
    _overflow-y:hidden;
}
a.button span,
span.button button,
span.button input				{
    font-weight:normal;
    white-space:nowrap;
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font:12px/1 verdana;
    background:url(../pix/chrome/btn0.png) 100% 0 no-repeat;
    height:18px;
    padding:0px 10px 0 0;
    margin:0 -16px 0 10px !important;
    margin:0 -4px 0 0px;
    border:none;
    vertical-align:text-top;
    zoom:1;
    _position:relative;
    _padding-right:12px !important;
    _padding-right:3px;
    _margin-right:-10px;
    _display:block;
    _top:0;
    _right:-5px;
}
span.button button,
span.button input				{
    padding-top:0px;
    line-height:1.5;/*Opera need this*/
}
.NavButton						{
    background-color:#dfdfdf;
    border:1px solid #849FBB;
    color:#039;
}

/*	Provides popup calendar styles */
/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */
.cal	{width:248px;border:0px;}
.cal table	{border:0px;}

.calendar table {
    width:229px;
    border: 1px solid #bdb2bf;
    color: #000;
    cursor: default;
    font-size:75%;
    background: url("../pix/calendar/normal-bg.gif");
}
.calendar, .calendar table#Dashboard {
    border: 0px;
}

.calendar {
    border-color: Black;
    z-index: 50000;
}

#calendar-container .calendar table {
    width:248px;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center;    /* They are the navigation buttons */
    padding: 2px;          /* Make the buttons seem like they're pressing */
    background: url("../pix/calendar/title-bg.gif") repeat-x 0 100%; color: #000;
    font-weight: bold;
}

.calendar .nav {
}

.calendar .nav div {
    background: transparent url("../pix/calendar/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("../pix/calendar/title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
    font-weight: bold;      /* Pressing it will take you to the current date */
    text-align: center;
    padding: 2px;
    background: url("../pix/calendar/title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
    border-bottom: 1px solid #797979;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
    color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
    background: url("../pix/calendar/hover-bg.gif");
    border-bottom: 1px solid #797979;
    padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
    background: url("../pix/calendar/active-bg.gif"); color: #fff;
    padding: 3px 1px 0px 3px;
    border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
    background: url("../pix/calendar/dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
    width: 2em;
    color: #000;
    text-align: right;
    padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth, .othermonth {
    width: 2em;
    color: #999;
    text-align: right;
    padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth.oweekend {
    color: #f99;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #797979;
    background: url("../pix/calendar/dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
    background: url("../pix/calendar/rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
    background: url("../pix/calendar/hover-bg.gif");
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
    padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
    font-weight: bold;
    border: 1px solid #797979;
    padding: 1px 3px 1px 1px;
    background: url("../pix/calendar/active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #565;
    color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    padding: 2px;
    background: url("../pix/calendar/status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
    background: #afa;
    border: 1px solid #084;
    color: #000;
    padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #7c7;
    padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #797979;
    background: url("../pix/calendar/normal-bg.gif"); color: #000;
    z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: url("../pix/calendar/hover-bg.gif"); color: #000;
}

.calendar .combo .active {
    background: url("../pix/calendar/active-bg.gif"); color: #fff;
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #797979;
    padding: 1px 0px;
    text-align: center;
    background: url("../pix/calendar/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    padding: 0px 5px 0px 6px;
    font-weight: bold;
    background: url("../pix/calendar/normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute 		{
    font-family: monospace;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    background: url("../pix/calendar/hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
    background: url("../pix/calendar/active-bg.gif"); color: #fff;
}

/*	Provides styles for Composer pages */
/* NavComposer */
.NavTabs							{	padding-top:22px;	}
.CompHeaderAttached					{
    width:auto;
    height:22px;
    padding:0px;
    background-color:#C7D7E0;
    color:#039;
    border:1px solid #ccc;
    margin:0px 0px 0px 0px;
    border-bottom:0px
}
.CompHeader							{
    width:100%;
    height:22px;
    padding:0px;
    background-color:#C7D7E0;
    color:#039;
    border:1px solid #ccc;
    margin:0px 0px 10px 0px;
}
.CompHeader .Left,
.CompHeaderAttached .Left		{
    font-weight:normal;
    padding:0px 0px 0px 6px;
    height:100%;
    padding-right:5px;
    cursor:pointer;
    cursor:hand;
}
.CompHeader .Right,
.CompHeaderAttached div.Right		{
    font-weight:normal;
    padding:1px 0px 0px 0px;
    margin:0px;
}
.CompHeaderAttached div.Right img,
.CompHeader .Right img				{
    padding:0px;
    margin:-1px 0px 0px 0px;
}

.TaskViewArea						{	margin-top:0px;	}
.TaskViewArea table					{	margin-bottom:10px;	}
.BuildArea							{
    /*										height:600px;*/
    background-attachment:fixed;
    background-image:url(../pix/meta/grid.gif);
    background-repeat:repeat;
    background-color:#fefefe;
    width:100%;
    /*overflow:auto;*/
}
/*
.L1									{
										position:relative;
										z-index:50;
										margin-top:1px;
										width:100%;
									}
*/

.BuildTabs	td 					{
    cursor:pointer;
    cursor:hand;
    background-color:transparent;
    height:23px;
    background:url('../pix/skin/liahover.gif') no-repeat right top;
    color:#039;
    border-left:1px solid #eee;
    text-decoration:none;
    padding:4px 5px 0px 12px;
    margin:0px 0px 0px 0px;
    border-bottom:1px solid #eee;
}

.BuildTabs	td.Here				{
    cursor:pointer;
    cursor:hand;
    background-color:transparent;
    height:23px;
    background:url('../pix/skin/lia.gif') no-repeat right top;
    color:#039;
    border-left:1px solid #eee;
    text-decoration:none;
    border-bottom:1px solid #9CB9C8;
    z-index:50;
}
td.AddTabs							{
    cursor:pointer;
    cursor:hand;
    background-color:transparent;
    background-image:none;
}
.BuildTabs td img				{	border:0px;	}


.BuildTabs2							{
    z-index:49;
    border-bottom:4px solid #066;
    background-image:url('../pix/chrome/bkgd_navbar2.gif');
    background-repeat:repeat-x;
    height:27px;
    z-index:6;
    width:100%;
    background-color:#eee;
    font-weight:normal;
    border-top:1px solid #eee;
    margin-top:-1px;
}
.BuildTabs2 td						{
    cursor:pointer;
    cursor:hand;
    border:0px;
    border-left:1px solid #D0DEE5;
    border-right:1px solid #8EAABA;
    color:#236789;
    padding:4px 5px 0px 12px;
}
.BuildTabs2 td.Here,
.BuildTabs2 td.Here:visited,
.BuildTabs2 td.Here:hover,
.BuildTabs2 td.Here:visited:hover	{	background:url('../pix/themes/blue/nav2Here.gif');color:#fff;	}

.BuildTabs3							{
    margin-top:5px;
    width:auto;
}
.BuildTabs3 td.Sub					{
    cursor:pointer;
    cursor:hand;
    height:21px;
    background:url('../pix/skin/libhover.gif') no-repeat right top;
    font-weight:normal;
    color:#000;
    border-left:1px solid #000;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:4px 2em 0px 1em;
    border-bottom:0px;
}
.BuildTabs3 td.Here					{
    cursor:pointer;
    cursor:hand;
    height:21px;
    background:url('../pix/skin/lib.gif') no-repeat right top;
    font-weight:normal;
    color:#000;
    border-left:1px solid #000;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:4px 1em 0px 1em;
    border-bottom:0px;
}
.BuildTabs3 td						{
    cursor:pointer;
    cursor:hand;
    border-bottom:1px solid #000;
}
th									{
    cursor:pointer;
    cursor:hand;
}

.BuildTabs4							{
    position:absolute;
    top:100px;
    width:auto;
    background-image:url('../pix/chrome/bkgd_navbar2.gif');
    background-repeat:repeat-x;
    height:27px;
    z-index:6;
    width:100%;
    position:absolute;
    top:110;
    left:0px;
    background-color:#145A7E;
    font-weight:normal;
    border-top:1px solid #eee;
}
.BuildTabs4 td						{
    cursor:pointer;
    cursor:hand;
    border:0px;
    border-left:1px solid #D0DEE5;
    border-right:1px solid #8EAABA;
    color:#236789;
    padding-right:5px;
}

.navModifyViewBox					{
    width:240px;
    cursor:pointer;
    cursor:hand;
    border:1px solid #ccc;
    background-color:#fff;
    float:left;
    margin-right:10px;
    padding:5px;
}
.navModifyViewBoxTop				{
    width:100%;
    cursor:pointer;
    cursor:hand;
    background-color:#145A7E;
    color:#fff;
    height:17px;
    padding:2px 0px 0px 2px;
}
.ModifyView							{
    width:100%;
    padding:8px 8px 8px 8px;
    background-color:#eee;
    color:#039;
    border:1px solid #ccc;
    margin:0px 0px 0px 0px;
    border-bottom:0px;
}
.ModifyViewBox						{
    width:250px;
    border:1px solid #ccc;
    background-color:#fff;
    float:left;
    margin-right:10px;
}
.ModifyViewBoxTop					{
    background-color:#ccc;
    color:#039;
    height:17px;
    padding:0px 3px 0px 3px;
}
.navModifyViewBox .Controls			{
    width:100%;
    text-align:center;
}
.navModifyViewBox .Controls	input	{	margin-top:10px;	}
.noEdit								{	color:gray;	}
#filterLayer						{
    top:-1px;
    left:0px;
    width:400px;
    height:300px;
    border:1px solid #039;
    background-color:#fff;
    z-index:1000;
    overflow:auto;
}

/* APPROVAL COMPOSER */

.PropName							{	cursor:pointer;cursor:hand;	}
.PropVal input,
.PropVal select,
.PropVal textarea					{
    background-color:#fff;
}
.PropVal select.Formula				{
    background-color:#fff;
    width:123px;
}
.PropVal .CheckBox					{	background-color:#D4D0C8;	}
.ActorsPanel						{

}
.ActorsContainer						{
    width:100%;
    height:410px;
    overflow:auto;
    background-color:#fff;
}
.TaskContainer						{
    position:relative;
    z-index:499;
    width:auto;
    height:525px;
    overflow:scroll;
    background-color:#f1f1f1;
    border:1px solid #ccc;
    margin-bottom:10px;
}
iframe.accountSettingsIframe		{
    z-index:500;
    height:600px;
    overflow:hidden;
}
iframe.filteringCriteriaIframe		{
    height:525px;
    overflow:hidden;
}
iframe.actionFormulaIframe			{
    height:650px;
    position:absolute;
    top:118px;
    z-index:500;
    overflow:hidden;
}
.ApprovalContainer					{
    width:100%;
    background-color:#eee;
    padding:10px;
    border:1px solid #ccc;
}
fieldset.Tasks						{	padding:10px;	}
fieldset.Tasks div.Scroll			{
    width:100%;
    height:auto;
    overflow:auto;
    text-align:center;
}
table.Tasks							{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
.TaskBlock							{
    border:1px solid #ccc;
    background-color:#eee;
    padding:10px 10px 10px 10px;
}
.TaskBlock2							{
    padding:10px;
}
.TaskBlockTitle						{
    border-bottom:1px solid #ccc;
    height:23px;
    font-weight:bold;
    padding:4px 0px 0px 4px;
}
.TaskBlockTitle img					{
    margin-right:4px}
.TaskBoxView						{
    line-height:20px;
    border:1px solid #C7D7E0;
    background-color:#fff;
    width:220px;
    z-index:1;
    display: block;
    position:absolute;
    clear:both;
}
.TaskEmails
{
    visibility: hidden;
    display: block;
    margin-top:5px;
    margin-left:-1px;
    padding: 5px;
    background: #fff;
    z-index: 999999;
    width:210px;
    position:absolute;
    height:auto;
    border:1px solid #C7D7E0;

}
.TaskContent						{
    clear:both;
    display: block;
    border:0px solid green;
    padding-bottom: 5px;
}
.SelectedTaskBox					{
    border:3px solid green;
    background-color:#fff;
    width:210px;

    clear:both;
    margin-bottom:10px;
}
.TaskBox							{
    border:1px solid #C7D7E0;
    background-color:#fff;
    width:210px;

    clear:both;
    margin-bottom:10px;
}
/* APPROVALS */
.ApprovalsBox						{
    background-color:#f1f1f1;
    width:100%;
    overflow-x:auto;
    height:auto;
    border-top:0px;
    padding-bottom: 10px;
}

.ApprovalsTable						{
    width:auto;
    margin:10px;
    margin-bottom:0px;
}
.ApprovalsContainer					{
    background-color:#fff;
    border-left:0px solid #999;
    border-right:0px solid #999;
}
.TaskBox2							{
    background-color:#fff;
    background-size:100% 100%;
    min-width:152px;
    min-height:52px;
    overflow:hidden;
    margin:0px 10px 10px 10px;
    padding:2px 2px 10px 2px;
    padding-left:5px;
    padding-top: 5px;
    background-image:url(../pix/chrome/approvalBox.gif);
    background-repeat:no-repeat;
    font-size:90%;
    text-align:left;
    cursor:pointer;
    cursor:hand;
}
.TaskElement						{	clear:both;	}
img.Task							{
    margin:0 0 5px 0;
}
.Ready								{
    background-image:url(../pix/chrome/approvalBoxCurrent.gif);
    background-repeat:no-repeat;}
.TaskBox2 img						{	margin-right:4px;	}



.TaskBoxEmpty						{
    border:1px solid red;
    height:100px;
}
.TaskTitleBox						{
    border-bottom:1px solid #C7D7E0;
    position:relative;
    height:23px;
    background-color:#ffe;
    font-weight:bold;
    color:black;
    padding-left:2px;
}
.TaskTitle a						{	float:left;	}
.TaskTitle img						{	margin-right:4px;	}
.TaskArrow							{
    position:absolute;
    width:35px;
    height:100px;
    float:left;
    background-image:url('../pix/meta/arrow.gif');
    background-repeat:no-repeat;
}
.TaskNoArrow						{
    width:35px;
    height:100px;
    position:absolute;
}
.TaskDescription					{
    clear:both;
    height:80px;
    overflow:auto;
    text-align:left;
    padding:4px;
}
.TaskDescription p					{	margin:10px 0px 0px 0px;	}
.TaskName							{
    float:left;
    margin:0px;
    width:auto;
    padding:4px 0px 0px 4px;
}
.TaskMove							{
    float:right;
    padding:0px 5px 2px 0px;
    margin:0px;
    width:auto;
    white-space:nowrap;
}
.TaskTitle div						{
    width:135px;
    float:left;

    text-decoration:none;
    font-weight:bold;
    color:#039;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor:pointer;
    cursor:hand;
}
.TaskTitle input					{
    float:left;
    width:130px;
}

.PropBox							{
    border-top:0px;
    background-color:#eee;
}
.PropBox td							{
    height:20px;
}

.PropName							{
    text-overflow:ellipsis;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;
    padding:0px 4px 0px 4px;
}
.PropVal							{
    background-color:#eee;
}
.PropVal input,
.PropVal select,
.PropVal textarea					{
    background-color:#fff;
}
.PropVal .CheckBox					{
    background-color:#D4D0C8;
}
.PropVal select.Formula				{
    background-color:#fff;
    width:123px;
}
.TopRow								{	background-color:#eee	}
.TopRow td							{
    border-top:1px solid #404040;
    border-right:1px solid #404040;
    border-bottom:1px solid #404040;
}
.TopRow td div						{
    height:100%;
    border-top:1px solid #fff;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;
    border-left:1px solid #fff;
    padding:2px 0px 0px 0px;
    padding-left:3px;
}


.ExtTreeHolder						{
    border:1px solid #f0f0f0;
    background-color:#fff;
}
.DTreeHolder						{
    border:1px solid #f0f0f0;
    background-color:#fff;
    padding:5px;
    width:auto;
    height:550px;
    overflow:scroll;
}
.DTreeHolder2						{
    border:1px solid #f0f0f0;
    background-color:#fff;
    padding:5px;
    width:238px;
    height:230px;
    overflow:auto;
}
.DTreeHolder2 .ResourceArea,
.DTreeHolder .ResourceArea			{	border:0px;	}

.dtree								{
    /*height:auto;	*/
}
.ResourceLinks .dtree				{
    margin-bottom:0px
}

.skin0								{
    position:absolute;
    text-align:left;
    width:200px;
    border:1px solid black;
    background-color:#F4FAFD;
    line-height:20px;
    cursor:hand;
    visibility:hidden;
    z-index:10000;
}

.menuitems							{
    padding-left:15px;
    padding-right:10px;
}
.boldmenuitems						{
    padding: 5px;
    padding-left:15px;
    padding-right:10px;
    height:30px;
    font-weight:bold;
    font-size: 1.2em;
    background-color:#145A7E;
    color:#fff;
}

/*	Styles to be reallocated	*/
/* NEW STYLES SHOULD BE ADDED TO THIS DOCUMENT FOR REALLOCATION */
.HeaderFilterAttached   {padding:1px 4px 2px 4px;background-color:#EFCE6B;color:black; margin:0px 0px 0px 0px;border:1px solid;}
.Center        {text-align:center}
.CustomFilterHeader   {height:22px;padding:2px 8px 2px 8px;background-color:#D5CFB8;color:black; border:0px solid #ccc;margin:0px 0px 0px 0px}
.popUpDiv {
    color: #009;
    cursor:pointer;
    cursor:hand;
}

.showAll {padding:0px 0px 0px 2px; text-align: left; font-weight:bold;}

.PreviewBorder                  {padding:2px 4px 0px 4px;background-color:#EFCE6B;color:black; border:1px solid #ccc;margin:0px 0px 0px 0px;width:100%;}

table#PreviewTableStart td,
table#Table td,
table#PreviewTableStart 		{padding:0px 0px 0px 0px;}
th.Preview div					{padding:0px 0px 0px 0px;height:100%;border-right:1px solid #969696;border-bottom:1px solid #ccc;border-left:1px solid #fff;background-color:#FFE7B5;white-space:nowrap}
tr.Preview 						{background-color:#FFF7D6;}
td.Preview 						{border-bottom:1px solid #EFCE6B;}

.Left, #Left			{float:left}
.Center        {text-align:center}




.Detail					{border-bottom:1px solid #ccc}
.infoMsg				{border:1px solid #ccc;background-color:#E8FFE8;font-weight:bold;}
.InfoText 				{color:#515151}
fieldset.Info			{width:100%;overflow:auto;padding-bottom:20px;}

.DateSelected {
    border:2px solid #9fa6b0;
    color: black;
    text-align: center;
    font-weight: bold;
}

.DateExpired {
    background: red;
    font-weight: bold;
    text-align: center;
    color: #ffffff !important;
    align: center;
}

.DateSelectedExpired {
    background: red;
    color: #ffffff !important;
    text-align: center;
    font-weight: bold;
    border:2px solid #9fa6b0;
}
.DateExpired a {
    color: #ffffff !important;
}
.DateExpired a:link {
    color: #ffffff !important;
}
.DateExpired a:link:visited {
    color: #ffffff !important;
}
.DateSelectedExpired a {
    color: #ffffff !important;
}
.DateSelectedExpired a:link {
    color: #ffffff !important;
}
.DateSelectedExpired a:link:visited {
    color: #ffffff !important;
}


.ccWorkflow {
    width: 270px;

}

.ccData {
    width: 670px;

}


.section,div#createNew {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-bottom: 5px;
    background-color: #ffe;
    cursor: move;
}
.ccTaskTitle {
    background-color: #C7D7E0;
    margin-top:-3px;
    padding:0px;
    font-weight:bold;
    width:50%;
}
.ccTaskActions {
    background-color: #C7D7E0;
    cursor: default;
    padding-top:3px;
    padding-right:3px;
    width:50%;
    text-align:right;
}
.ccComponentTitle {
    border: 0px solid #aaaaaa;
    text-align:left;
    padding-left: 5px;
    cursor: default;
    width: 40%;
}
.ccComponentActions {
    border: 0px solid red;
    text-align:right;
    width: 58%;
    cursor: pointer;
}

.lineitemEvent {
    margin: 3px 5px;
    margin-top: 5px;
    padding: 2px;
    background-color: #FFFFdc;
    border: 1px solid #cccccc;
    cursor: move;
}

.ccEventTitle {
    border: 0px solid #aaaaaa;
    text-align:left;
    padding-left: 5px;
    width: 40%;
}
.ccEventActions {
    border: 0px solid red;
    text-align:right;
    width: 58%;
    cursor: move;
    cursor:pointer;
}

.lineitem {
    margin: 3px 5px;
    margin-top: 5px;
    padding: 2px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    cursor: move;
}


.taskBottomControl {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px;
    text-align: left;

}



.WorkFlow				{width:200px;height:175px;border:2px solid green;margin-right:10px;margin-bottom:10px;background-color:#fff;cursor:pointer;cursor:hand;font-weight:bold;padding-top:5px;color:#fff;}
.WorkFlowDesc			{width:250px;margin-right:10px;margin-bottom:10px;background-color:#fff;padding:10px}
.ProgressBox			{border:0px solid gray;padding:10px;font-weight:bold;}
.HistoryColumn			{float:right;width:300px;margin:0px 10px 0px 0px;}
.HistoryColumn fieldset	{height:auto;margin-bottom:0px;}
.HistoryColumn fieldset div	{clear:both;}
#tabledescription		{width:100%;height:3em;padding:2px;filter:alpha(opacity=0);-moz-opacity:0;}
.readonlyTerm		{color:#C79204}

/*	Default Blue Styles	*/
/* BLUE THEME */
.Logo							{	background:url('../pix/themes/blue/selectica_logo.gif') no-repeat;	}
.LogoBkgd						{	background:url('../pix/themes/blue/hed_gradient.gif') repeat-x;	}
.AppNav	a						{	background:url('../pix/themes/blue/tab_left.gif') no-repeat left top;	}
.AppNav a span					{	background:url('../pix/themes/blue/tab_right.gif') no-repeat right top;	}
.SubNav1						{	background:url('../pix/themes/blue/bkgd_navbar2.gif') repeat-x;	}
.SubNav1 a,
.SubNav1 a:visited,
.SubNav1 a:hover,
.SubNav1 a:visited:hover		{	background-image:url('../pix/themes/blue/bkgd_navbar2.gif');	}
.SubNav1 a:hover,
.SubNav1 a:visited:hover,
.SubNav1 a.Here,
.SubNav1 a.Here:visited,
.SubNav1 a.Here:hover,
.SubNav1 a.Here:visited:hover	{	background:url('../pix/themes/blue/nav2Here.gif');color:#fff;	}
/* SUBNAV2 IS NECESSARY HERE TO RESET SUBNAV1 CASCADE EFFECTS */
.SubNav2						{	background:url('../pix/themes/blue/nav3.gif');	}
.SubNav2 a,
.SubNav2 a:visited				{	background:url('../pix/skin/libhover.gif') no-repeat right top;color:#000;	}
.SubNav2 a:hover,
.SubNav2 a:visited:hover,
.SubNav2 a.Here,
.SubNav2 a.Here:hover,
.SubNav2 a.Here:visited,
.SubNav2 a.Here:visited:hover	{	background:url('../pix/skin/lib.gif') no-repeat right top;color:#000;	}
.SubNav4						{	background:url('../pix/themes/blue/nav3.gif');border-color:#72A7C3;	}
.rC2, .rC3, .rC4				{	background:#C1D3DD;	}
.headerContent,
.HeaderAttached,
.HeaderFilterAttached			{	background:#dfe8f6;color:#145A7E;	}
.rC .rC1,.rD .rC2,.rD .rC3,.rD .rC4
{	background:#72A7C3;	}
.ResourceArea,.Sticky,.Summary,fieldset,.DTreeHolder2,.Sticky3,
.headerContent,.headerContent3,.HeaderAttached,.HeaderFilterAttached,
.rC .rC2,.rC .rC3,.rC .rC4,
.rD .rC1,.rD .rC2,.rD .rC3,.rD .rC4
{	border-color:#99bbe8;	}
.rD .rC1						{	background:#dfe8f6;	}
.SummaryTable					{		}
fieldset						{	border: 0px solid #aaa; }
.historyBox	fieldset table,
.UserGuides						{	background-color:#F4FAFD;	}

/* Printer defaults */
.Print							{	display:inline;	}
.Default						{	display:none;	}


.quickTableRow					{
    padding-left:0px;
    color:#35586C;
    background-color:#ffffff;
}
.highliteQuickTableRow			{
    padding-left:0px;
    color:white;
    background-color:#145a7e;
    cursor:pointer;
}

.highlitequickTableRow td		{
    background-color:#145a7e;
    color:white;
}

.filterButton					{
    margin-left:5px;
    padding-left:3px;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    background:#fff;
    border:1px solid #aaa;
}

.lboSummary						{
    z-index:500;
    height: 245px;
    overflow:auto;
}

.lboFilterMessage				{
    color:#aaa;
    text-align:left;
    margin-left:0px;
}

#modalBackground				{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999;
    background-color:#333333;
    display:none;
    opacity:0.40;
    filter:alpha(opacity=40)
}
#modalWindow					{
    position:fixed;
    left:0;
    top:0;
    z-index:10000;
    background-color:white;
    display:none;
    width:500px;
    height:344px;
    border:2px solid #145a7e;
    padding:0;
}
.viewControl 					{
    background-image: url(../pix/icons/viewComponent.gif) !important;
}
.addControl				        {

    background-image: url(../pix/icons/addOneComponent.gif) !important;
}
.uploadControl				    {

    background-image: url(../pix/icons/addOneComponent.gif) !important;
}
.faxControl				    	{

    background-image: url(../pix/icons/addOneComponent.gif) !important;
}
.editControl 					{
    background-image: url(../pix/icons/editComponent.gif) !important;
}
.exportControl					{
    background-image: url(../pix/icons/exportComponent.gif) !important;
}
.actionControl					{
    background-image: url(../pix/icons/create.gif) !important;
}
.themeControl 					{
    background-image: url(../pix/icons/editComponent.gif) !important;
}
.searchControl 					{
    background-image: url(../pix/icons/viewComponent.gif) !important;
}
.helpControl 					{
    background-image: url(../pix/icons/help_header.gif) !important;
}
.pdfControl 					{
    background-image: url(../pix/meta/ico_pdf.gif) !important;
}
.htmlControl 					{
    background-image: url(../pix/meta/ico_htm.gif) !important;
}
.excelControl 					{
    background-image: url(../pix/meta/ico_xls.gif) !important;
}
.wordControl 					{
    background-image: url(../pix/icons/exportComponent.gif) !important;
}
.currentTaskControl 			{
    background-image: url(../pix/meta/run_sm.gif) !important;
}

.workgroupControl 					{
    background-image: url(../pix/meta/member_view_sm.gif) !important;
}

.activityLogControl 			{
    background-image: url(../pix/meta/manage_sm.gif) !important;
}
.NBOFooter						{	position:absolute;top:318px;	}

.FNPL							{	margin:2px 0 0 3px;	}
strong							{	font-weight:bold;	}
em								{	font-style:italic;	}
em strong,strong em				{	font-weight:bold;font-style:italic;	}

#hwindowcontent					{	padding:10px;	}

.ClearBoth						{	clear:both;	}

.progressBox						{display: none;
    background: #ff6600;
    border-bottom: 1px solid #ff6600;
    border-left: 1px solid #ff6600;
    border-right: 1px solid #ff6600;
    padding: 10px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    align: center;
    color: #ffffff;
    height: 20px;
    width: 360px;
    position:absolute;
    height:auto;
    overflow:auto;
    z-index:9100;
    overflow:hidden
}
.dummyExtBack					{
    padding-top:40px;
    background: #ffffff;
    padding-left:0px;
    padding-right:0px;
}
.x-panel-body p {
    margin:10px;
    font-size:12px;
}
.lazyDashboardTile {

    border: 1px solid #dddddd;
}

#lazyMyProfileUp {
    position: absolute;
    top: 7px;
    left: 50%;
    font-size: 12px;
    margin-left: 375px;
    color: #039;
}

.lazyDashboardBody {
    padding: 9px;
}
.x-toolbar{
    border-color:#a9bfd3;
    border-style:solid;
    border-width:0 0 0 0;
    display: block;
    padding:2px;
    background-color:transparent;
    background:transparent;
    position:relative;
    zoom:1;
}

#loading {
    background:#C3DAF9 none repeat scroll 0 0;
    border:1px solid #6593CF;
    left:45%;
    padding:2px;
    position:absolute;
    text-align:center;
    top:40%;
    width:150px;
    z-index:20001;
}
#loading .loading-indicator {
    -x-system-font:none;
    background:white url('../js/ext-3.4.0/resources/images/default/block-bg.gif') repeat-x scroll 0 0;
    border:1px solid #A3BAD9;
    color:#003366;
    font-family:tahoma,arial,helvetica;
    font-size:13px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0;
    padding:10px;
}

.LineStep2						{

    border: 1px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-left: 1px solid #ffffff;
    padding-left: 2px;
    font-size: .9em;
    color:#999;
    clear:both;
    background-position:fixed;
}
.AltRow							{
    background-color:#f7f7f7;
}
.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}
.dtree img {
    margin:0px;
    float:none;
    clear:none;
    display:inline;
    border:0px;
    vertical-align: middle;
}
.dtree a {
    display:inline;
    color: #333;
    text-decoration: none;
}
.dtree a.node,
.dtree a.nodeSel {
    display:inline;
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}

.dtree a.nodeSel {
    display:inline;
    background-color: #c0d2ec;
}
.dtree .clip {
    overflow: hidden;
}
.dtree .disable {
    color: #888;
}
#helpBlock {
    padding: 7px;
}

.landingPageSection {
    padding: 8px;
    margin: 8px;
    border: 0px solid #dddddd;

}
.landingPageBlock {
    /*background-image:url(../pix/icons/landingImage.png);*/
    background-position:center center;
    background-repeat:no-repeat;
    height: 460px;
}

.continueButton a {
    background-image:url(../pix/icons/continueButton.png);
    padding: 10px;
    width: 150px;
    text-align: conter;
    background-position:center center;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    background-repeat:no-repeat;
}

.continueButton {
    float: right;
    background-position:center center;
    display: block;
    text-align: conter;
    width: 150px;
    background-repeat:no-repeat;
}

.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.TopWFControls:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.TopWFControls input, .TopWFControls button {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 3px;
}

#templates-tree {
    position: absolute;
    bottom: 0px;
    left: 0;
    top: 0;
    right: 0;
    margin: 30px 10px 20px;
}

.selectedItems {
    padding: 10px 5px;
}

.selectedItems table, .selectedTemplates table {
    width: 1000px;
}

.selectedItems table td, .selectedTemplates table td {
    vertical-align: top;
}

.document-wrapper>div:nth-child(2) {
    position: static;
    overflow: auto;
}

#dialog-html {
    overflow: hidden;
}


#dialog-html .tab-content-wrapper {
    height: 100%;
}

#dialog-html iframe {
    height: 100%;
}

#dialog-html-with-tabs {
    overflow: hidden;
}

#dialog-html-with-tabs .ui-dialog .ui-state-error {
    padding: 2px;
}


#dialog-html-with-tabs>.tabs {
    height: 100%;
    width: 100%;
    padding: 0;
}

#dialog-html-with-tabs .tab-content-wrapper {
    height: 100%;
}

#dialog-html-with-tabs iframe {
    height: 100%;
}

#dialog-html-with-tabs .ui-tabs-nav {
    max-height: 101px;
    overflow-y: auto;
}

#dialog-html-with-tabs .ui-tabs-panel.ui-widget-content {
    height: 100%;
    padding: 0;
}

/* jQuery UI override */
.ui-tabs .ui-tabs-nav li a { padding: .2em; color: #293D6B; }
.ui-tabs .ui-tabs-panel { padding: .5em; }

/* Dashboard icons */

#dashboard-icons {
    margin: 0 auto;
    width: 880px;
    margin-top: 10px;
}
#dashboard-icons-content {
    overflow: auto;
}

#dashboard-icons .center {
    text-align: center;
}

#dashboard-icons .center .item {
    display: inline-block;
    float: none;
    vertical-align: top;
}

#dashboard-icons-content .item {
    float: left;
    display: block;
    margin: 12px 0;
    text-align: center;
}

#dashboard-icons-content.x192x192 {
    height: 216px;
}
#dashboard-icons-content.x48x48 {
    height: 170px;
}
#dashboard-icons-content.x96x96 {
    height: 240px;
}

#dashboard-icons-content a:hover {
    text-decoration: none;
}
#dashboard-icons-content.x192x192 .item {
    width: 192px;
    height: 192px;
    margin: 12px;
}
#dashboard-icons-content.x192x192 .item:nth-child(4n+4) {
    margin-right: 0;
}
#dashboard-icons-content .item .image {
}
#dashboard-icons-content .item .text p {
    margin: 0;
}
#dashboard-icons-content.x192x192 .item .text {
    margin-top: -83px;
    text-align: center;
}
#dashboard-icons-content.x192x192 .item .text p {
    line-height: 22px;
    color: #fff;
}
#dashboard-icons-content.x192x192 .item .text p.name {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}
#dashboard-icons-content.x192x192 .item .text p.middle {
    font-size: 18px;
}
#dashboard-icons-content.x192x192 .item .text p:first-child, #dashboard-icons-content.x192x192 .item .text p:last-child {
    font-size: 19px;
}

#dashboard-icons-content.x96x96 .item {
    width: 96px;
    height: 96px;
    margin: 12px;
}
#dashboard-icons-content.x96x96 .item:nth-child(7n+7) {
    margin-right: 0;
}
#dashboard-icons-content .item .image {
}
#dashboard-icons-content .item .text p {
    margin: 0;
}
#dashboard-icons-content.x96x96 .item .text {
    margin-top: -46px;
    text-align: center;
}
#dashboard-icons-content.x96x96 .item .text p {
    line-height: 12px;
    color: #fff;
}
#dashboard-icons-content.x96x96 .item .text p.name {
    font-size: 11px;
    font-style: italic;
}
#dashboard-icons-content.x96x96 .item .text p.middle {
    font-size: 10px;
}
#dashboard-icons-content.x96x96 .item .text p:first-child, #dashboard-icons-content.x96x96 .item .text p:last-child {
    font-size: 9px;
}

#dashboard-icons-content.x48x48 .item {
    margin: 12px 0px;
    width: 72px;
    height: 56px;
}
#dashboard-icons-content.x48x48 .item:nth-child(12n+12) {
    margin-right: 0;
}
#dashboard-icons-content.x48x48 .item .text {
    color: #000;
    line-height: 15px;
    text-align: center;
}

#dashboard-icons-content.x48x48 .item .text p {
    font-size: 10px;
}

/* File uploads */
#uploads_filelist {
    padding: 10px;
}

#uploads_filelist ul {
    padding-top: 5px;
}

#uploads_filelist ul li {
    list-style: none;
}

#uploads_filelist_errors ul {
    padding: 5px 10px;
}

#uploads_filelist_errors ul li {
    list-style: none;
    color: red;
}

/* DocuSign */

#ds_hldrBdy_dlgHistory_pnlDiaInner { padding:10px; background-color:#FFFFFF; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; }
#ds_hldrBdy_dlgHistory_pnlDiaInner .histEntityTitle {color: #999999;font-family: Helvetica;font-size: 14px;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .histEntityContent {  color: #333333;font-family: Helvetica;font-size: 14px; word-wrap: break-word;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .timeColumn {display: inline-block;vertical-align: top;width: 14%;margin-right:10px;float:left;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .userColumn {display: inline-block;vertical-align: top;width: 20%;margin-right:10px;float:left;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .actionColumn {display: inline-block;vertical-align: top;width: 10%;margin-right:10px;float:left;word-wrap: break-word;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .activityColumn {display: inline-block;vertical-align: top;width: 37%;margin-right:10px;float:left;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .statusColumn {display: inline-block;vertical-align: top;width: 10%;}
#ds_hldrBdy_dlgHistory_pnlDiaInner .historyDataRow {margin-bottom: 4px;font-family: Helvetica;font-size: 14px;color: #333333;border-bottom: solid 1px #e8e8e8;float:left;width:100%;}


/* Messages */

.message.error {
    color: red;
}

.message.warning {
    color: red;
}
.x-menu.x-menu-floating.x-layer {
    z-index: 30000 !important;
}
#selected-documents {
    width: 80%;
    border: 0;
}
#selected-documents thead th {
    background-color: #B3B3B3;
}

#selected-documents .FieldIcon, #selected-documents .FieldValue {
    width: 0;
    padding: 0;
    margin: 0;
}

#selected-documents tbody tr:nth-child(even) td {
    background-color: #F0F0F0;
}

/* New ui */

.full-width-light-legend {
    background: #f7f7f7; margin-left: 2px; padding: 3px; font-weight: bold; border: 1px dotted #dddddd;
}

.header-bordered {
    background: #eeeeee; border-bottom: 1px dotted #dddddd;
}

.data-set-controls {
    background: #f7f7f7; margin-bottom: 0px;
}

.wf-status-edit {
    font:bold 11px tahoma,arial,helvetica,sans-serif;
    padding-top: 3px;
    color:#000000;
    border-top: 0px solid #aaaaaa;
}

.AppNav>a>span:nth-child(2) {
    display: none !important;
}
.AppNav>a>span:nth-child(3) {
    display: none !important;
}

.SubNav1>a>span:nth-child(1), .SubNav2>a>span:nth-child(1) {
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    background: none;
}

.SubNav1>a>span:nth-child(2), .SubNav2>a>span:nth-child(2) {
    display: none !important;
}
.SubNav1>a>span:nth-child(3), .SubNav2>a>span:nth-child(3) {
    display: none !important;
}

.ui-pnotify .icon-error-sign {
    background-image: url('../../../pix/icons/notif_error.png');
    background-position: 0 0;
    width: 24px;
    height: 24px;
    margin-top: -6px;
}

.ui-pnotify .icon-ok-sign {
    background-image:url('../../../pix/icons/notif_success.png');
    background-position: 0 0;
    width: 24px;
    height: 24px;
    margin-top: -6px;
}

.ui-pnotify .icon-info-sign {
    background-image: url('../../../pix/icons/notif_info.png');
    background-position: 0 0;
    width: 24px;
    height: 24px;
    margin-top: -6px;
}

.ui-pnotify .icon-warning-sign {
    background-image: url('../../../pix/icons/notif_warning.png');
    background-position: 0 0;
    width: 24px;
    height: 24px;
    margin-top: -6px;
}


.alert .ui-pnotify-title .notice {
    font-size: 16px;
}

.alert .ui-pnotify-title {
    font-size: 14px;
    margin-top: -3px;
}

evaluateScriptFn {
    display: none;
}

.help-info {
    position: absolute;
    z-index: 99;
    border: 1px solid #000;
    padding: 5px;
    background-color: #d9edf7;
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    color: #31708f;
    border-color: #bce8f1;
    border-radius: 4px;
}

.help-info .close {
    cursor: pointer;
    opacity: .8;
    position: absolute;
    top: 5px;
    right: 5px;
}

.help-info .move {
    cursor: move;
    opacity: .8;
    position: absolute;
    top: 5px;
    right: 20px;
}

.help-info .content {
    overflow: auto;
    margin-top: 15px;
}

.help-info .content iframe {
    height: inherit;
}

.help-info .dont-show {
    padding-top: 10px;
    color: #000;
}

#summary-tb .x-toolbar-left {
    width: inherit;
}

#summary-tb {
    position: absolute;
    z-index: 99;
    margin-top: 1px;
    right: 8px;
}

.headerContent3 #summary-tb{
    margin-top:-7px;
}

.headerContent .x-toolbar-left {
    text-indent: 0px;
}

.brighter-blue {
    color: #0000FF !important;
}

.navResurceStep a {
    color: #0000FF !important;
}

.headerContent2 .Left {
    width: 100%;
}

.FieldRow .FieldValue p {
    margin: 0;
}

.DataSet form + .TopWFControls, .DataSet form + .TopWFControls>.TopWFControls {
    padding: 0 !important;
}

.hide {
    display: none;
}

.button-wrapper {
    padding: 10px 5px;
}

.show-hide-thread-button {
    width: 35px;
    text-align: center;
    border-radius: 80%;
    position: relative;
    display: inline-block;
}

.show-hide-thread-button > img {
    width: 90%;
    height: 90%;
}

.show-hide-thread-button:hover {
    opacity: .5;
}

.show-hide-thread-button:hover .tooltiptext {
    visibility: visible;
}

.show-hide-thread-button .tooltiptext {
    visibility: hidden;
    font-size: 15px;
    width: 100px;
    opacity: .5;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 130%;
}

.thread blockquote {
    margin: 0 0 0 .8ex;
    border-left: 1px #ccc solid;
    padding-left: 1ex
}

.raw-email-body {
    text-align: left;
    overflow: auto;
    text-overflow: ellipsis;
}

.x-grid3-body .email-conversation > .email-body,
.x-grid3-body .email-conversation > .email-replays,
.html-block-table .email-conversation > .raw-email-body {
    display: none;
}