/*This is the style sheet for the LOCAL ERS CLIENT site*/

/********************************************************/
/*             ERS CLAIMS - LOCAL SERVER                */
/********************************************************/


body
{
	background-color: #cfeecf;
	font-family:Tahoma, Verdana, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	text-align: left;
}

.even {
		background-color: #DDD;
}
.odd {
		background-color: #fff;
} 


hr
{
		border: 0;
		width: 100%;
		color: #FF6347;
		background-color: #;
		height: 1px;
}

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}


.footer_copyright
{
	font-weight: normal;
	color: #383838;
	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva, Sans-serif;
	font-size: 9px;
	text-align: center;
	padding: 4px;
	background-color: #D5D5D5;
}


/*************************************************************************/
/* Links *//* Global */
/*************************************************************************/

a:link
{
		color: #990000;
		text-decoration: none;
		margin: 2px;
		padding: 2px;
}

a:visited
{
		color: #990000;
		text-decoration: none;
		margin: 2px;
		padding: 2px;
}

a:hover
{
		color: #FFFFFF;
		background-color: #006633;
		margin: 2px;
		padding: 2px;
		text-decoration: underline;
}

a:active
{
		color: #990000;
		text-decoration: underline;
}

/*****************************************************************/
/* Links *//* Report */
/*****************************************************************/

.report a:link
{
		color: #990000;
		text-decoration: none;
		margin: 2px;
		padding: 2px;
}

.report a:visited
{
		color: #990000;
		text-decoration: none;
		margin: 2px;
		padding: 2px;
}

.report a:hover
{
		color: #FFFFFF;
		background-color: #006633;
		margin: 2px;
		padding: 2px;
		text-decoration: underline;
}

.report a:active
{
		color: #990000;
		text-decoration: underline;
}



/*****************************************************************/
/*****************************************************************/

h2
{
		color: #FFFFFF;
		word-spacing: normal;
		background-color: #006633;
		padding: 2px;
		height: 20px;
		width: 100%;
		text-transform: capitalize;
		border: thin ridge #FFFFFF;
		font-size: 14px;
		font-weight: bold;
}



.messageText
{
	font-size: 14px;
	color: #FF0000;
}

/*****************************************************************/
ol
{
		list-style-position: inside;
		border: 1px groove #006633;
		padding: 2px;
		margin-left: 25px;
		text-indent: 15px;
		line-height: 20px;
		text-align: left;
		width: 700px;
		background-color: #fafaff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
}

.Lists_Intro_Title
{
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #C00;
	text-align: left;
}

.Report_Intro_Title
{
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000;
	text-align: left;
}

.Report_Location_Name
{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000;
}

.Report_Provider_Name
{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}

.Report_Provider_Type
{
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #006633;
}

/*****************************************************************/

.Grand_Total
{
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: capitalize;
	color: #333333;
	text-align: right;
	border: thin solid #dedede;
	margin: 2px;
	padding: 2px;
	background-color: #ECECEC;
  width: 735px;
}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/


/*This is where the forms and outputs gets formatted */

.PrintText
{
	background-color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
.PrintText input, .PrintText select
{
	background-color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}

.PrintLabel
{
	font-size: 11px;
	font-style: italic;
	font-weight: lighter;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #cccccc;
	border-right-style: groove;
	text-transform: capitalize;
	background-color: #efefef;
	text-align: right;
	border-right-width: 1px;
	border-right-color: #cccccc;
	padding-right: 4px;
}

.PrintHead
{
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bolder;
	text-transform: capitalize;
	word-spacing: normal;
	letter-spacing: 2px;
	background-color: #006633;
	line-height: normal;
	text-align: left;
	height: 25px;
	vertical-align: middle;
}
/*****************************************************************/


LI.CoName
{
	list-style: none outside;
	color:#444444;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 2px;
	padding: 2px;
	border: thin double #ECECEC;
	width: 480px;
	font-variant: normal;
}

LI.FacName
{
	list-style: disc inside;
	color:#006633;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 3px;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #efefef;
}

LI.AreaName
{
	list-style: disc inside;
	color:#CC3333;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 1px;
	padding: 2px;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	background-color: #dedede;
}

.no-space
{
	margin: 0px;
	padding: 0px;
}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

/*****************************************************************/
/*Tables */
/*****************************************************************/

.InnerTable
{
		border: 1px solid #006633;
		padding: 2px;
		margin: 2px;
		color: #000000;
		width: 998px;
		line-height: 20px;

}


.DetailFundingViewTable
{
		padding: 2px;
		margin: 5px;
		color: #000000;
}

tr.TR_hover_rows 
{
		color:#333333;
		background-color:#FFFFFF;
}

tr.TR_hover_rows:hover
{
		background-color:#ECECEC;
		color:#000000
}

.TD_hover_Cells td{
		background-color:#FFFFFF;
		border: 1px solid #006633;
		padding: 2px;
		margin: 1px;
		color: #000000;
}

.TD_hover_Cells td:hover{
		background-color:#ECECEC;
		color: #000000;
}

td.box
{
	border: 2px solid #D5D5D5;
	color: #006633;
	font-size: 10px;
}

td.cell_title
{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: capitalize;
	background-color: #006633;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #999;
}

td.title_heading
{
	font-weight: bold;
	color: #333333;
	font-size: 12px;
}

td.report_lable {
	font-weight: bold;
	border-bottom: 2px solid;
	color: #000000;
	font-size: 10px;
	font-variant: normal;
	background-color: #efefef;
	text-align: right;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: capitalize;
	padding: 1px;
}



td.Incident_report_rows
{
		font-weight: normal;
		color: #000000;
		font-family: Verdana, Arial, Tahoma, Helvetica, Geneva, Sans-serif;
		font-size: 12px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-bottom-style: solid;
		border-left-style: dashed;
		border-bottom-color: #006633;
		border-left-color: #999999;
		text-align: inherit;
		text-transform: capitalize;
		background-color: #fefefe;
		margin: 0px;
		padding: 3px;
}


td.Table_Listing_rows
{
		font-weight: normal;
		color: #000000;
		font-family: Verdana, Arial, Tahoma, Helvetica, Geneva, Sans-serif;
		font-size: 11px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-bottom-style: dotted;
		border-left-style: dotted;
		border-bottom-color: #006633;
		border-left-color: #006633;
		text-align: inherit;
}

td.report_rows
{
		font-weight: normal;
		color: #333333;
		font-family: Verdana, Arial, Tahoma, Helvetica, Geneva, Sans-serif;
		font-size: 10px;
		border-bottom-width: 0.075em;
		border-bottom-style: solid;
		border-left-style: solid;
		border-bottom-color: #006633;
		text-align: right;
		margin: 1px;
		padding: 1px;
		border-left-width: 0.075em;
		border-left-color: #006633;
}

.ValuationTable
{
		border: 1px solid #006633;
		padding: 2px;
		margin: 2px;
		color: #000000;
		width: max-content;
		line-height: 20px;

}

td.valuation_report_rows
{
	font-weight: normal;
	color: #333333;
	border-bottom-width: 0.075em;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #006633;
	border-left-width: 0.075em;
	border-left-color: #006633;
	z-index: 1000;
	overflow: visible;
}

td.report_totals
{
	font-weight: bold;
	color: #333333;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	background-color: #ECECEC;
	text-align: right;
	vertical-align: bottom;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


/*****************************************************************/
/*****************************************************************/

/* Form formatting */

form { color: #006633; }

button { color: #dedede; }

label
{
		width: 5em;
		float: left;
		text-align: right;
		display: block;
		margin: 0.5em;
}
/*
input
{
	background-color: #fafafa;
	vertical-align: middle;
	border: 1px solid #ECECEC;
}

fieldset
{
	border: 1px solid #781351;
	width: 20em;
	color: #999999;
}

legend
{
	color: #FF0000;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px
}
*/
/*****************************************************************/
/*****************************************************************/

.MenuChoiceText
{
	background-color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ECECEC;
	text-transform: capitalize;
}

.SubmitButton
{
	background-color: #006633;
	vertical-align: middle;
	border: 2px groove #ECECEC;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #ffffff;
	text-align: center;
}

.bigger
{
	font-size: 14px;
	font-weight: normal;
}
/* Make links to actions on page look like a button */
.Add_Edit_Action
{
		font-size: 12px;
		font-weight: bold;
		text-transform: capitalize;
		margin: 0px;
		padding: 0px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: outset;
		border-right-style: inset;
		border-bottom-style: inset;
		border-left-style: outset;
		border-top-color: #999999;
		border-right-color: #006633;
		border-bottom-color: #006633;
		border-left-color: #999999;
		line-height: normal;
}

.Add_Edit_Action a:link
{
		color: #990000;
		text-decoration: none;
		background-color: #EFEFEF;
}

.Add_Edit_Action a:visited
{
		color: #990000;
		text-decoration: none;
		background-color: #EFEFEF;
}

.Add_Edit_Action a:hover
{
		color: #FFFFFF;
		text-decoration: none;
		background-color: #006633;
}

.Add_Edit_Action a:active
{
		color: #FF0000;
		text-decoration: none;
		background-color: #EFEFEF;
}


/*****************************************************************/
.oneColFixCtrHdr #container
{
	text-align: left;
	width: max-content;
	/*width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #cdcdcd; /* the auto margins (in conjunction with a width) center the page */
		border: 1px solid #000000;
		text-align: left;
		margin-top: 1px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: 1px;
		padding-top: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		padding-left: 5px;
}

.oneColFixCtrHdr #header	
/* this padding matches the left alignment of the elements in the divs that appear beneath it.*/
/* If an image is used in the #header instead of text, you may want to remove the padding. */
{
		background-color: #CDCDCD;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 10px;
		height: 25px;
}

.oneColFixCtrHdr #header h1
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.*/

	/* If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
{
		margin: 0;
		padding: 10px 0; /*using padding instead of margin will allow you to keep the element away from the edges of the div */
		font-size: 18px;
		font-style: normal;
		font-weight: bolder;
		font-variant: normal;
		color: #006633;
}

.oneColFixCtrHdr #header h5
{
	font-size: 14px;
	position: absolute;
	left: 900px;
	top: 0px;
}

.oneColFixCtrHdr #logout
{
	position: relative;
	left: 770px;
	font-size: 14px;
	font-weight: bold;
	background-color: #ededed;
	margin-top: -35px;
  	margin-left: -6px;
	padding: 2px;
	height: auto;
	width: 116px;
	color: #900;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}

.oneColFixCtrHdr #mainContent
{
		background:#CDCDCD;
		padding-top: 0;
		padding-right: 5px;
		padding-bottom:5px;
		padding-left: 5px;
}

.oneColFixCtrHdr #footer
{
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	left: 387px;
	top: 618px;
/*	height: 20px;  */
	width: 880px;
	background-color:#CDCDCD;
}

.oneColFixCtrHdr #footer p
{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Horizontal Tabbed Panels
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 *
 * This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */

.TabbedPanels
{
	margin: 0px;
	padding: 2px;
	float: left;
	clear: none;
	width: max-content; /* USED TO be 100% (r2ros) ->  IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */

.TabbedPanelsTabGroup
{
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */

.TabbedPanelsTab
{
		position: relative;
		-moz-user-select: none;
		-khtml-user-select: none;
		top: 4px;
		float: left;

		background-color: #efefef;
		list-style: none;
		cursor: pointer;
		width: 122px;
		font-size: 11px;
		font-weight: bold;
  		text-align: center;
		border-right-color: #006633;
		border-bottom-color: #006633;
		border-left-color: #ECECEC;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #ECECEC;
		height: 16px;
		padding-top: 2px;
		padding-right: 1px;
		padding-bottom: 2px;
		padding-left: 1px;
		margin-top: 2px;
		margin-right: 1px;
		margin-bottom: 2px;
		margin-left: 1px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */

.TabbedPanelsTabHover {
		background-color: #CCFF99;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */

.TabbedPanelsTabSelected
{
		border-bottom: 1px solid #0f0;
		background-color: #006633;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */

.TabbedPanelsTab a
{
	color: black;
	text-decoration: none;
}

.TabbedPanelsTab a:hover
{
	color: #CCC;
	text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */

.TabbedPanelsContentGroup
{
		clear: both;
		border-left: solid 1px #CCC;
		border-bottom: solid 1px #CCC;
		border-top: solid 1px #999;
		border-right: solid 1px #999;
		background-color: #EEE;
		margin-top: 30px;
		/* top: 4660px; */
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */

.TabbedPanelsContent { padding: 10px; }

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */

.TabbedPanelsContentVisible { }

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */
/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */

.VTabbedPanels .TabbedPanelsTabGroup
{
	float: left;
	width: 10em;
	height: 20em;
	background-color: #CCCCFF;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */

.VTabbedPanels .TabbedPanelsTab
{
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */

.VTabbedPanels .TabbedPanelsTabSelected
{
	background-color: #99CCFF;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */

.VTabbedPanels .TabbedPanelsContentGroup
{
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.funds_request_set
{
  margin-left: 5em;
}