/* Generic Styles */
body									{font-family: Arial, sans-serif; font-size: 11px}
td										{font-family: Arial, sans-serif; font-size: 11px}
th										{font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; text-align: center; background-color: #ffe8c3}
input, select, button	{font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000}
textarea							{font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000}


/* 2021-04-15 improve padding in select inputs */
select								{padding: 1px 0 1px 0;}
.oddrow td						{padding: 3px 0 3px 0;}
.evenrow td						{padding: 3px 0 3px 0;}


/* White background to textareas*/
textarea.display			{background-color: white}
textarea.nobox				{border: 0px; background-color: white}


/* Links */
a											{color: black; letter-spacing:0; text-decoration:none}
a:link,
a:visited,
a:active							{color: black}
a:hover								{color: #CCD5C3}

/* Used by links bar */
.linksbarbackground		{background-color: #FFA000}	/* orange */
.linksbar 						{color: #EFEFEF}
.linksbar a						{padding: 0 10px}
.linksbar a:link,
.linksbar a:visited,
.linksbar a:active		{color: #EFEFEF}
.linksbar a:hover			{color: black}

/* Used by "control" screens */
.control a:link,
.control a:visited,
.control a:active,
.control a:hover			{color: #F49525; font-size: 18px}

/* For tooltip highlighting */
.highlighttip,
.highlighttip a:link,
.highlighttip a:visited,
.highlighttip a:active{color: black}
.highlighttip a:hover	{color: #CCD5C3}


/* Table Elements */
.oddrow								{background-color: #F9F9F9}
.evenrow							{background-color: #E9E9F8}


/* Body Elements */
div#body .bodyhead		{font-size: 13px; font-weight: bold; text-align: center; padding:15px 0 5px 0; width: 100%}
div#body .bodytable		{border: 1px solid #000000; padding: 0; border-collapse: collapse; width: 100%}
div#body .bodyinnertable	{padding: 0; width: 100%}
div#body .bodybardiv	{padding:3px 0 3px 8px; background-color: #FFCD77}
div#body .bodybackdiv	{padding:13px 0 13px 8px; background-color: #FFF5E2}
div#body .bodybar			{font-weight: bold; text-align: left; width: 100%; background-color: #FFCD77}
div#body .bodyback		{font-weight: normal; text-align: left; width: 100%; background-color: #FFF5E2}
div#body .width100		{width: 100%}
div#body .width85			{width: 85%}
div#body .width50			{width: 50%}
div#body .noborder		{border-style: none}
div#body .nomargin		{margin: 0}
div#body .appbodyhead	{font-size: 13px; font-weight: bold; text-align: center; padding:3px 0 3px 0; width: 100%}


/* Form Elements */
/* don't specify a border or background color to the input class or you'll mess up the submit buttons	*/
input									{font-size: 11px; padding-left: 3px; color: #000000}

/* Attribute selectors don't work in IE! So we have to use a class (in this case the parent "buttons" class
		input[type="submit"] {font-size:11;padding-left:3;color:#ffffff;border: 1px solid #8B8B8B;background-color:#999999}
		input[type="button"] {font-size:11;padding-left:3;color:#ffffff;border: 1px solid #8B8B8B;background-color:#999999}
*/
td.buttons 						{border: 1px solid; padding: 5; text-align: center}
td.buttons input, td.buttons input.btnup
											{font-size:11; padding:0 3 0 3; color:#ffffff; border: 2px solid #8B8B8B; background-color:#999999; cursor:pointer; border-color: #D6D6D6 #707070 #707070 #D6D6D6; }
td.buttons input.btndown
											{font-size:11; padding:0 3 0 3; color:#ffffff; border: 2px solid #8B8B8B; background-color:#999999; cursor:pointer; border-color: #707070 #D6D6D6 #D6D6D6 #707070 }
td.buttons input.buttondisabled
											{color:#EDEDED; background-color:#D4D4D4}


/* Highlight input fields when with focus - ideally placed on e.g. input[type="select"].highlightinput but see note above */
input.highlightinput, textarea.highlightinput, select.highlightinput, option.highlightinput, td.checkbox input.highlightinput, td.radio input.highlightinput {background-color:#FFFFCC}


/* Report Elements */
div#displaydiv, div#editdiv, div#displaydiv2, div#editdiv2, div#displaydiv3, div#finddiv, div#headdiv, div#overlaydiv
											{font-size: 11px}
div#displaydiv td, div#editdiv td, div#displaydiv2 td, div#editdiv2 td, div#displaydiv3 td, div#finddiv td, div#headdiv td, div#overlaydiv td
											{font-size: 11px}
div#displaydiv td.label, div#editdiv td.label, div#displaydiv2 td.label, div#editdiv2 td.label, div#displaydiv3 td.label, div#finddiv td.label, div#headdiv td.label, div#overlaydiv td.label
											{font-weight: bold; padding: 3px}
div#displaydiv td.text, div#editdiv td.text, div#displaydiv2 td.text, div#editdiv2 td.text, div#displaydiv3 td.text, div#finddiv td.text, div#headdiv td.text, div#overlaydiv td.text
											{padding: 3px}
div#displaydiv th, div#editdiv th, div#displaydiv2 th, div#editdiv2 th, div#displaydiv3 th, div#finddiv th, div#headdiv th
											{font-size: 11px; font-weight: bold; text-align: center; background-color: #FFE8C3}
div#displaydiv th.sort, div#displaydiv2 th.sort, div#displaydiv3 th.sort, div#finddiv th.sort, div#headdiv th.sort
											{font-size: 11px; font-weight: bold; text-align: center; background-color: #F9E3BF}
div#displaydiv td.txtbigger, div#headdiv td.txtbigger
											{font-size: 13px}
div#printdiv					{font-family: Arial, sans-serif; font-size: 11px}
div#printdiv td				{font-size: 11px}
div#printdiv td.label
											{font-weight: bold}
div#printdiv td.text
											{padding: 3px}
div#printdiv th 			{font-size: 11px; font-weight: bold; text-align: center; background-color: #FFE8C3}


/* Override the displaydiv & editdiv for new fixed width design */
div#displaydiv .bodyback td.label, div#editdiv .bodyback td.label
											{font-weight: normal; width: 15em}
div#editdiv .bodyback input, div#editdiv .bodyback textarea, div#editdiv .bodyback select {width: 20em}
div#editdiv .bodyback .date input {width: 18em}
div#editdiv .auto input {width: auto}		/* for check boxes [don't use attribute selector to keep IE6 compatibility] */
.minpad								{padding-top: 1px !important; padding-bottom: 1px !important;}


/* Used by split pages: Next Previous etc. */
div#displaydiv .pageResults,
div#displaydiv .pageResults select,
div#displaydiv .pageResults a					{font-size: 10px}
div#displaydiv .pageResults a:link,
div#displaydiv .pageResults a:visited,
div#displaydiv .pageResults a:active	{color: #000000}
div#displaydiv .pageResults a:hover		{color: #CCD5C3}


/* These must come after all other widths in order to override them... */
.width100					{width: 100%}
.width95					{width: 95%}
.width90					{width: 90%}
.width85					{width: 85%}
.width75					{width: 75%}
.width50					{width: 50%}
.width5em					{width: 5em}
.width10em				{width: 10em}
.width15em				{width: 15em}
.width20em				{width: 20em}
.width35em				{width: 35em}

.txtsmall         {font-size: 11px !important}
.txtsmaller       {font-size: 10px !important}
.txtevensmaller   {font-size: 9px !important}
.txtbigger       	{font-size: 12px !important}
.txtevenbigger   	{font-size: 13px !important}
.bold							{font-weight: bold !important}
.normal						{font-weight: normal !important}
.italic						{font-style: italic !important}
.underline				{text-decoration: underline !important}
.border           {border-width: 1px; border-style: solid; border-color: #000000}
.bordergrey       {border-width: 1px; border-style: solid; border-color: #8C8C8C}

.textwhite				{color: #FFFFFF !important}
.textred					{color: #FF0000 !important}
.textgreen				{color: #33CC00 !important}
.textdarkblue			{color: #333399}
.textorange				{color: #FFAA52}
.textgrey					{color: #5C5959}


/* Deprecated (#277)
.highlighton 			{background-color:#D0D0D0 !important;color:#FFFFFF !important}
.highlightoff 		{background-color:;color:}  */


/* Background colours */
.whitebackground					{background-color: white}
.blackbackground					{background-color: black}
.orangebackground					{background-color: #FFA000 !important}
.lightorangebackground		{background-color: #FFCD77 !important}
.darkorangebackground			{background-color: #F4911C !important}
.lemonbackground					{background-color: #FFF0D3}
.palelemonbackground			{background-color: #FFF5E2}
.buffbackground						{background-color: #FFF0D3}
.palebuffbackground				{background-color: #FFF5E2}
.sandybackground					{background-color: #FFF5E2}
.tawnybackground					{background-color: #FFC467}
.greybackground						{background-color: #D0D0D0}
.greenbackground					{background-color: #99FF99}
.lightgreenbackground			{background-color: #CEFFCE}
.verylightgreenbackground	{background-color: #DFFFE6}
.yellowbackground					{background-color: #FFDF80}
.lightbluebackground			{background-color: #E8FFFF}
.beigebackground					{background-color: #FFE8C3}		/* matches the <th> background */
.lightredbackground				{background-color: #FF4545}

.required									{background-color: #FFFAF4 !important}


/* Used by left menu */
#leftmenuspacer	{width: 23px}
#userlog				{color: #909295; font-size: 11px}
#username				{color: #909295; font-size: 12px; font-weight:bold}
#clock 					{color: #FFAA52; font-weight:bold}
#leftmenu				{color: #909295; font-size: 11px}

#leftmenu a:link,
#leftmenu a:visited,
#leftmenu a:active			{color: #909295}
#leftmenu a:hover				{color: #909295}

.liststyle li 	{list-style-type: none; padding-left: 3px; margin-bottom: 3px}


/* ddtabmenu CSS */
.topmenutab { background-image: url("../../../images/topmenu/colours/unus/bottom.gif") }
.topmenutab a { background-image: url("../../../images/topmenu/colours/unus/up_left.gif") }
.topmenutab a span { background-image: url("../../../images/topmenu/colours/unus/up_right.gif") }
.topmenutab a.current { background-image:	url("../../../images/topmenu/colours/unus/down_left.gif") }
.topmenutab a.current span { background-image: url("../../../images/topmenu/colours/unus/down_right.gif") }
.topmenutab a:hover { background-image:	url("../../../images/topmenu/colours/unus/down_left.gif") }
.topmenutab a:hover span { background-image:	url("../../../images/topmenu/colours/unus/down_right.gif") }


/* override CSS for tabs */
span.tabs { background: #CCCCCC url("../../../../common/images/tabs/tabinactive.gif") center center repeat-x; }
#span.tabs_active { border-bottom: 1px solid #FCB066; background: #CCCCCC url("../../../../common/images/tabs/tabactive.gif") center center repeat-x; }
#div.tabs_filler { background-color: #FCB066; }
span.tabs_active { border-bottom: 1px solid #FFC05A; background: #FFC05A url("../../../../common/images/tabs/tabactive_grey.gif") center center repeat-x; }
span.tabs_active { color:black; }
div.tabs_filler { background-color: #FFC05A; }


/* js date picker CSS */
#calendarDiv{ background-color: #FFF }
#calendarDiv td{ border-color: #D0E9EE }
#calendarDiv .selectBox{ border:1px solid #E2EBED; color: #E2EBED }
#calendarDiv .selectBoxOver{ border:1px solid #FFF;	background-color: #317082; color: #FFF }
#calendarDiv .selectBoxTime{ border:1px solid #317082; color: #317082 }
#calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072 }
#calendarDiv .topBar{ background-color: #317082 }
#calendarDiv .activeDay{ background-color: #fdf7b5; color:#0000ff }
#calendarDiv .todaysDate{ background-color: #E2EBED; color:#000 }
#calendarDiv .timeBar{ background-color: #E2EBED; color:#FFF }
#calendarDiv .monthYearPicker{ background-color: #E2EBED;	border:1px solid #AAAAAA;	color: #317082 }
#calendarDiv .monthYearActive{ background-color:#317082; color: #E2EBED }


/* override CSS for dropdown select box */
div#searchbox_combo {border: 1px solid #F49525;}	/* orange */