/* ====================================================================
	WAF - Web/Windows Application Framework
	Copyright © 2006 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.
===================================================================== */

/* ====================================================================
	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, sans-serif;
	font-size: 10pt;
}
/* IE 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, 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, sans-serif;
}
img.WAFContent {
	text-align: center;
}
div.WAFContent {
}

/* ====================================================================
	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%;
}
div.FieldUndecorated {
	float: left;
	width: 65%;
	clear: right;
}
div.FieldErrorText {
	float: left;
	clear: left;
	width: 100%;
	color: red;
	font-style: italic;
}
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, input.DateControl {
	/* We are floating these so that the navigation controls to their right will stay with the field, rather than sink below them */
	float: left;
} 
textarea.MultilineDisplay, textarea.LongVarcharDisplay {
	border: 0;
	background-color: transparent;
}

/* ====================================================================
	Field decorations (choose, new, and navigate links)
===================================================================== */
a.Choose {
	text-indent: -2000em;
	float: left;
	text-decoration: none;
	background: #D3D3D3 url(../images/choose.png) no-repeat;
	width: 19px;
	height: 18px;
	border: 1px solid #D3D3D3;
}
a.Choose:hover {
	border: 1px outset #D3D3D3;
}
a.New {
	text-indent: -2000em;
	float: left;
	text-decoration: none;
	background: #D3D3D3 url(../images/new.png) no-repeat;
	width: 19px;
	height: 18px;
	border: 1px solid #D3D3D3;
}
a.New:hover {
	border: 1px outset #D3D3D3;
}
a.Navigate {
	text-indent: -2000em;
	float: left;
	text-decoration: none;
	background: #D3D3D3 url(../images/nav.png) no-repeat;
	width: 19px;
	height: 18px;
	border: 1px solid #D3D3D3;
}
a.Navigate:hover {
	border: 1px outset #D3D3D3;
}
a.ChooseDate {
	text-indent: -2000em;
	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: 0 0 0 2px;
	height: 23px;
}
div.PrimaryTitle div.TitleText {
	float: left;
	font-weight: bold;
	font-size: 13pt;
	padding-left: 3px;
}
a.HelpLink {
	text-indent: -2000em;
	float: right;
	text-decoration: none;
	background: url(../images/help.png) no-repeat center;
	width: 23px;
	height: 22px;
}
a.EmailLink {
	text-indent: -2000em;
	float: right;
	text-decoration: none;
	background: url(../images/email.png) no-repeat center;
	width: 23px;
	height: 22px;
}
a.PrintLink {
	text-indent: -2000em;
	float: right;
	text-decoration: none;
	background: url(../images/print.png) no-repeat center;
	width: 23px;
	height: 22px;
}

/* ====================================================================
	Secondary titles
===================================================================== */
div.SecondaryTitle {
	color: white;
	background-color: #336699;
	background-image: url(../images/title_background_darkblue.png); 
	background-repeat: repeat-x; 
	padding: 1px;
	height: 18px;
}
div.SecondaryTitle div.TitleText {
	float: left;
	font-weight: bold;
	font-size: 8pt;
	padding: 2px 2px 2px 3px;
}
a.SecondaryHelpLink {
	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;
}

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

/* ====================================================================
	Rounded tabs (http://www.alistapart.com/articles/slidingdoors/) 
===================================================================== */
div.TabActions ul {
	list-style-type: none;
	padding-bottom: 21px;
	padding-left: 3px;
	border-bottom: 1px solid gray;
	margin: 0px;
}
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;
	padding-bottom: 3px;
}

/* ====================================================================
	Menu action styles with no images (http://www.alistapart.com/articles/slidingdoors/) 
===================================================================== */
div.MenuActions {
	background-color: #D3D3D3;
	padding: 3px 3px 6px 3px;
	/* having a height removes the need to have float left (otherwise background is missing) in Gecko */
	/* This is only necessary because all the contents of this div are floated. */
	height: 26px;
}
div.MenuActions ul {
	list-style-type: none;
	padding: 2px;
	margin: 0px;
}
div.MenuActions li {
	float: left;
	height: 21px;
	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;
}
tr.EvenRow {
	background-color: #e5eaf5;
}
tr.deleted {
	background-color: #D3D3D3;
}
tr.deleted input, tr.deleted select {
	color: #ff7777;
	background-color: #D3D3D3;
	text-decoration: line-through;
}
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 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.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: 17px;
}

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