/* ====================================================================
	WAF - Web/Windows Application Framework
	Copyright © 2010 The Enticy Group, LLC.
	NOTES:
		Base CSS for WAF applications.
	REVISIONS :
		2005-04-29	Conrad	Added comments, major overhaul for matched/simplified XSLT templates.
		2005-07-12	Conrad	Added nowrap for Login form labels, and fixed missing drop-down in Mozilla error
		2005-07-16	Conrad	Added WAFContent area styles for Action=Display
		2005-10-27	Conrad	Changed non-W3 color names for hex values.
		2007-02-17	Conrad	Add Bitstream Vera Sans and Sans to make apps look better in Linux
		2009-03-23	Roopa	Added new style for CSVLink href
		2009-10-14	Roopa	Added styles for dealing Collapsing/expanding child tables
===================================================================== */

/* ====================================================================
	Colors used:
	lightgrey #D3D3D3
	lightblue #ADD8E6
	darkblue #00008B
===================================================================== */

/* ====================================================================
	Generic attributes: make a decent size font that looks the same in NS/MOZ/FF & IE
===================================================================== */

body
{
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, Bitstream Vera Sans, Sans, sans-serif;
	font-size: 10pt;
}
/* IE 6 has a "feature" that some items don't inherit their font from the parent body tag. */
div, input, option, select, textarea, th, td, caption
{
	font-family: Tahoma, Arial, Helvetica, Bitstream Vera Sans, Sans, sans-serif;
	font-size: 10pt;
}
form
{
	/* by default, IE puts a big ugly margin around forms */
	margin: 0px;
}

/* ====================================================================
	Styles which control the "outer look and feel"
===================================================================== */
body.WAFFormBody
{
	margin: 2px;
	background-color: white; /* unsupported by IE */
	min-width: 500px;
}
/* ====================================================================
	Styles which control the "outer look and feel," if we are using tables instead of divs
===================================================================== */
table.WAFFormTable
{
	width: 100%;
}
tr.WAFFormTR
{
	vertical-align: top;
}
td.WAFFormHeaderTD
{
	border: 2px groove white;
	background-color: #c0cde6;
	color: blue;
	font-size: 16pt;
	padding: 5px 0px 8px 12px;
}
td.WAFFormNavbarTD
{
	width: 100px;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
}
td.WAFFormContentTD
{
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #c0cde6;
}
td.WAFFormFooterTD
{
	background-color: #c0cde6;
	border: groove 2px white;
	padding: 4px 8px 6px 8px;
}

/* ====================================================================
	Content iframe -- used for DISPLAY action
===================================================================== */
iframe.WAFContent
{
	width: 100%;
	height: 500px;
}
pre.WAFContent
{
	font-family: Tahoma, Arial, Helvetica, Bitstream Vera Sans, Sans, sans-serif;
}
img.WAFContent
{
	text-align: center;
}
div.WAFContent
{
}

/* ====================================================================
	Styles used to display problems for the user
===================================================================== */
.ProblemUserNote
{
	background: transparent url("../../images/sorry.gif") no-repeat;
	padding-left: 50px;
	height: 40px;
}
.ProblemUserDescription
{
	font-style: italic;
	float: left;
}
.ProblemTechNoteTitle
{
	float: left;
	margin-top: 10px;
	font-size: smaller;
	color: gray;
}
.ProblemTechNoteText
{
	float: left;
	clear: both;
	margin-top: 10px;
	font-size: smaller;
	color: gray;
	border: 1px solid blue;
}

/* ====================================================================
	Login form definitions
===================================================================== */
div.Login
{
	width: 300px;
}
/*
div.Login div {
	margin-left: 25%;
	width: 50%;
}
div.Login table {
	margin-left: 25%;
}
*/
#LoginNameLabel, #LoginPasswordLabel
{
	white-space: nowrap;
	text-align: left;
}

/* ====================================================================
	Field related definitions
===================================================================== */
div.FieldHidden
{
	display: none;
}
div.FieldDecorated
{
	float: left;
	width: 100%;
}
.InError
{
	background-color: #ffffcc;
}
div.FieldLabel
{
	float: left;
	width: 30%;
	font-weight: bold;
	text-align: right;
}
div.FieldRequired
{
	float: left;
	width: 5%;
}
th div.FieldLabel
{
	width: auto; /* When in a header, don't put a width */
}
th.DataColumnHeader
{
}
th div.FieldRequired
{
	width: auto; /* When in a header, don't put a width */
}
div.FieldUndecorated
{
	float: left;
	width: 65%;
	clear: right;
	position: relative; /* to overcome IE rendering bug */
}
div.FieldErrorText
{
	float: left;
	clear: left;
	width: 100%;
	color: red;
}
div.FieldInstruction
{
	float: left;
	clear: left;
	width: 100%;
	font-style: italic;
}
hr.Divider
{
	background-color: red;
}
div.DividerLabel
{
	text-align: center;
}
input.FKeyTextControl, input.FKeyMatchingControl, span.FKeyControl
{
	/* We are floating these so that the navigation controls to their right will stay with the field, rather than sink below them */
	float: left;
}
input.ShowDateChoice
{
	/* add a date image to the background of date fields which request it */ /* background-image: url(../images/calendar.png); 	background-position: bottom right; 	background-repeat: no-repeat; */
}
img.ui-datepicker-trigger
{
	/* make calendar picker images align with input field */
	vertical-align: top;
}
.VVOptions label
{
	/* radio buttons can be made horizontal by removing the clear & float with "clear: none; float: none;"" */
	padding-right: 10px;
	clear: left;
	float: left;
}
input.VVOptionControl
{
	vertical-align: middle;
	margin-right: 3px;
}
.VVSelectControl
{
	vertical-align: middle;
}
.BooleanOptions label
{
	/* radio buttons can be made vertical by adding clear:left; float: left; */
	padding-right: 10px;
}
input.BooleanRadio
{
	vertical-align: middle;
	margin-right: 3px;
}
.BooleanCheckBox
{
	vertical-align: middle;
}
textarea.MultilineDisplay, textarea.LongVarcharDisplay, textarea.NCLOBDisplay, textarea.BLOBDisplay, textarea.XMLDisplay
{
	border: 1px solid #DDDDDD;
	background-color: transparent;
	white-space: pre;
}
iframe.EditFieldROText
{
	border: 1px dotted black;
}


/* ====================================================================
	Field decorations (choose, new, and navigate links)
===================================================================== */
div.FieldDecorated .ClickableIcon /* Icons on a field are smaller and float left next to the field */
{
	width: 18px;
	height: 17px;
	float: left;
}
div.SecondaryTitle .ClickableIcon /* Icons on a secondary title are a little smaller */
{
	width: 18px;
	height: 17px;
}

a.ChooseLink
{
	background-image: url(../images/choose.png);
}
a.NavigateLink
{
	background-image: url(../images/nav.png);
}
a.NewLink
{
	background-image: url(../images/new.png);
}
div.Collapsed a.NewLink /* If the link is in a collapsed div, it is hidden. */
{
	display: none;
}

a.CollapseLink
{
	float: left; /* Even though this may be on a title, we want it on the left */
	background-image: url(../images/uparr.png);
}
div.Collapsed a.CollapseLink /* If the link is in a collapsed div, it shows a different icon. */
{
	background-image: url(../images/downarr.png);
}

/*
a.ChooseDate {
	text-indent: -2000em;
	overflow: hidden;
	float: left;
	text-decoration: none;
	background-color: #D3D3D3;
	background-image: url(../images/calendar.png);
	background-position: center;
	width:19px;
	height: 18px;
	border: 1px solid #D3D3D3;
}
a.ChooseDate:hover {
	border: 1px outset #D3D3D3;
}
*/

/* ====================================================================
	Primary titles
===================================================================== */
div.PrimaryTitle
{
	font-weight: bold;
	background-color: #336699;
	background-image: url(../images/title_background_darkblue.png);
	background-repeat: repeat-x;
	color: white;
	padding: 0px;
	clear: both; /* for Gecko */
	overflow: hidden; /* for Gecko */ #height:100%;/* for IE 6 */
}
div.PrimaryTitle div.TitleText
{
	float: left;
	font-weight: bold;
	font-size: 12pt;
	padding: 1px 0px 0px 3px;
}
.ClickableIcon
{
	text-indent: -2000em;
	overflow: hidden;
	float: right;
	text-decoration: none;
	width: 23px;
	height: 22px;
	border: 1px outset transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.ClickableIcon:hover
{
	border: 1px outset #D3D3D3;
}

a.HelpLink
{
	background-image: url(../images/help.png);
}
a.EmailLink
{
	background-image: url(../images/email.png);
}
a.PrintLink
{
	background-image: url(../images/print.png);
}
a.CSVLink
{
	background-image: url(../images/spreadsheet.png);
}
/* ====================================================================
	Secondary titles
===================================================================== */
div.SecondaryTitle
{
	margin-top: 2px;
	color: white;
	background-color: #336699;
	background-image: url(../images/title_background_darkblue.png);
	background-repeat: repeat-x;
	padding: 1px;
	clear: both; /* for Gecko */
	overflow: hidden; /* for Gecko */ 
	#height:100%; /* for IE 6 */
}
div.SecondaryTitle div.TitleText
{
	float: left;
	font-weight: bold;
	font-size: 8pt;
	padding: 2px 2px 2px 3px;
}

div.RecordChild.Collapsible
{
	padding-bottom: 10px;
	display: block;
}
div.RecordChild.Collapsed
{
	display: none;
}

a.SecondaryHelpLink /* Not used? */
{
	text-indent: -2000em;
	float: right;
	text-decoration: none;
	background: url(../images/help.png) no-repeat center;
	width: 20px;
	height: 18px;
}

/* ====================================================================
	Instructions
===================================================================== */
div.Instruction
{
	padding: 1px;
	background-color: #ccccff;
	color: black;
	font-size: 8pt;
	font-style: italic;
}

/* ====================================================================
	Errors
===================================================================== */
div.Error
{
	background-color: #ffffcc;
	color: red;
	font-style: italic;
	padding: 1px;
}

/* ====================================================================
	Table and search empty messages
===================================================================== */
div.EmptyMessage
{
	font-weight: bold;
	padding: 1px 1px 1px 3px;
}

/* ====================================================================
	Required Information bars
===================================================================== */
span.Required
{
	color: red;
	font-weight: bold;
}
span.RequiredText
{
	font-style: italic;
}

/* ====================================================================
	Save messages
===================================================================== */
span.SaveMsg
{
	color: blue;
	font-weight: normal;
}

/* ====================================================================
	Form and search action bars
===================================================================== */
div.ActionBar
{
	font-size: 8pt;
	font-weight: bold;
}

/* ====================================================================
	Rounded tabs (http://www.alistapart.com/articles/slidingdoors/) 
===================================================================== */
div.TabActions
{
	clear: both; /* for Gecko */
	overflow: hidden; /* for Gecko */ 
	#height:100%; /* for IE 6 */
}
div.TabActions ul
{
	list-style-type: none;
	padding-left: 3px;
	margin: 0px;
	min-height: 20px;
}
div.TabActions li
{
	float: left;
	background: #ADD8E6 url("../images/tab2_left_light.png") no-repeat left top;
	margin-left: 5px;
	padding: 0 0 0 7px;
}
div.TabActions a
{
	float: left;
	background: url("../images/tab2_right_light.png") no-repeat right top;
	padding: 2px 8px 3px 1px;
	text-decoration: none;
	color: blue;
}
div.TabActions a:hover
{
	text-decoration: underline;
}
div.TabActions li.CurrentTab
{
	background: #00008B url("../images/tab2_left_dark.png") no-repeat left top;
}
div.TabActions li.CurrentTab a
{
	background: #00008B url("../images/tab2_right_dark.png") no-repeat right top;
	color: white;
}

/* ====================================================================
	Menu action styles with no images (http://www.alistapart.com/articles/slidingdoors/) 
===================================================================== */
div.MenuActions
{
	background-color: #D3D3D3;
	padding: 3px 3px 6px 3px;
	clear: both; /* for Gecko */
	overflow: hidden; /* for Gecko */ #height:100%;/* for IE 6 */
}
div.MenuActions ul
{
	list-style-type: none;
	padding: 2px;
	margin: 0px;
	min-height: 20px;
}
div.MenuActions li
{
	float: left;
	background-color: #D3D3D3;
	margin-right: 6px;
	border: 2px outset #D3D3D3;
}
div.MenuActions a
{
	float: left;
	display: block;
	color: #336699;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}
div.MenuActions a:hover
{
	color: white;
	background: #336699;
}

/* ====================================================================
	Form field tables
===================================================================== */
table.FieldGrid
{
	width: 100%;
}
table.FieldGrid td
{
	vertical-align: top;
}

/* ====================================================================
	Record tables
===================================================================== */
table.RecordTable
{
	width: 100%;
	clear: left;
	border-collapse: collapse; /* unsupported in IE, but already the default */
	empty-cells: show;
}
table.RecordTable caption
{
	width: 100%;
	text-align: left;
}
table.RecordTable tr
{
	vertical-align: top;
}
table.RecordTable a
{
	text-decoration: none;
}
table.RecordTable tr a:hover
{
	color: black;
	background-color: #D3D3D3;
}
table.RecordTable tr.deleted
{
	/* This is more specific than necessary to take precedence over tr.EvenRow */
	background-color: #D3D3D3;
}
tr.deleted input, tr.deleted select, tr.deleted div, tr.deleted span, table.RecordTable tr.deleted a
{
	color: #ff7777;
	background-color: #D3D3D3;
	text-decoration: line-through;
}
tr.EvenRow
{
	background-color: #e5eaf5;
}
tr.hidden
{
	display: none;
}
table.RecordTable th
{
	background-color: #D3D3D3;
	text-align: left;
	white-space: nowrap;
	vertical-align: bottom;
}
table.RecordTable th.DeleteColumnHeader
{
	text-indent: -2000em;
	background-image: url(../images/delete.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 21px;
}
table.RecordTable th.NavigateColumnHeader
{
	/* If we have navigation in this column, it will be pushed out,  	otherwise it will remain small, even if the table itself is wide */
	width: 1px;
}
table.RecordTable th.HiddenColumnHeader
{
	display: none;
}
table.RecordTable td.HiddenCell
{
	display: none;
}

/* ====================================================================
	Searches/DBFinds
===================================================================== */
a.SearchLink
{
	font-weight: bold;
	padding-left: 14em;
	vertical-align: bottom;
	display: block;
	height: 37px;
	background: url('../images/search_find.png') no-repeat center left;
}
table.ResultTable
{
	width: 100%;
	border-collapse: collapse; /* unsupported in IE, but already the default */
	empty-cells: show;
}
table.ResultTable caption
{
	text-align: left;
}
table.ResultTable th
{
	background-color: #D3D3D3;
	text-align: left;
}
table.ResultTable th.Action
{
}
table.ResultTable th.Total
{
	font-weight: normal;
}
table.ResultTable .FieldTypeNumber, table.ResultTable .FieldTypeInteger, table.ResultTable .FieldTypePercent, table.ResultTable .FieldTypeCurrency
{
	text-align: right;
	padding-right: 10px;
}
table.ResultTable a
{
	text-decoration: none;
}
table.ResultTable a:hover
{
	color: black;
	background-color: #D3D3D3;
}
table.ResultTable th a
{
	color: blue;
}
table.ResultTable a.ascending
{
	background: url('../images/sort_descending.png') no-repeat center right;
	padding-right: 20px;
}
table.ResultTable a.descending
{
	background: url('../images/sort_ascending.png') no-repeat center right;
	padding-right: 20px;
}
div.ResultsStatus
{
	background-color: #D3D3D3;
}
div.ResultsStatus div.CheckControl
{
	float: left;
}
div.ResultsStatus div.Status
{
	text-align: right;
}
div.ResultsStatus a
{
	color: blue;
	text-decoration: none;
}
div.ResultsStatus a.First
{
	background: url('../images/nav_first.png') no-repeat center left;
	padding-left: 16px;
}
div.ResultsStatus a.Previous
{
	background: url('../images/nav_previous.png') no-repeat center left;
	padding-left: 16px;
}
div.ResultsStatus a.Next
{
	background: url('../images/nav_next.png') no-repeat center right;
	padding-right: 16px;
}
div.ResultsStatus a.Last
{
	background: url('../images/nav_last.png') no-repeat center right;
	padding-right: 16px;
}

/* ====================================================================
	Print only
===================================================================== */
.BreakPageAfter
{
	page-break-after: always;
}