/** The wrapping tag for the renderer instant. Do not specify font-size, 
	it is rendered dynamically from the server size since it is determining
	the positions of each tag. **/

BODY
{
    BACKGROUND-COLOR: white;
    color:black;
	margin: 0px;
	
}

input[type="month"]::-webkit-outer-spin-button, /* Removes arrows */
input[type="month"]::-webkit-inner-spin-button, /* Removes arrows */
input[type="month"]::-webkit-clear-button, /* Removes blue cross */
input[type="date"]::-webkit-outer-spin-button, /* Removes arrows */
input[type="date"]::-webkit-inner-spin-button, /* Removes arrows */
input[type="date"]::-webkit-clear-button { /* Removes blue cross */
  -webkit-appearance: none;
  margin: 0;
}

input[type="month"]::-webkit-calendar-picker-indicator:hover,
input[type="date"]::-webkit-calendar-picker-indicator:hover {
	background-color: white;
    cursor: pointer;
}


#gx_screenLockerPanel {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 19px;
	width: 200px;
	height: 32px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	color: #808080;
}

/* the instant wrapping tag */
div[id*="screenArea"]
{
	position:relative;
	font-family: "Lucida Console", Monaco, "Menlo-Regular", monospace;
	height:0px; /* make scrolling when needed*/
	margin: 0px;	
	color: #006992;
}


/* input fields inside the instant wrapping tag */
div[id*="screenArea"] input,
div[id*="screenArea"] textarea,
div[id*="screenArea"] select {
	font-family: "Lucida Console", Monaco, "Menlo-Regular", monospace;
	position:absolute;
	padding: 0px;
	vertical-align: "middle";
}

div[id*="screenArea"] input[type="button"] {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: none;
	background-color: #E3E3E3;
	-webkit-appearance: none;
	color: black;
	text-decoration: none;		
}
div[id*="screenArea"] input[type="button"]:hover {
	background-color: #068CB2;
}
/* labels inside the instant wrapping tag */
div[id*="screenArea"] span, 
div[id*="screenArea"] pre,
div[id*="screenArea"] blink,
div[id*="screenArea"] img,
div[id*="screenArea"] a{
	white-space: nowrap;
	position:absolute
}

div[id*="screenArea"] .gx_tbl .gx_link { 
	position: relative;	
}

/* table elements inside the instant wrapping tag */
div[id*="screenArea"] table tr td input,
div[id*="screenArea"] table tr td a,
div[id*="screenArea"] table tr td span,
div[id*="screenArea"] table tr td select, 
div[id*="screenArea"] table tr td table
{
	position:relative
}

table tr td span.gx_af,  
table tr td blink.gx_af  
{
	background-color: transparent;
}

div[id*="screenArea"] table tr td blink 
{
	position:relative
}

/* --------------- */
/* ApplinX classes */
/* --------------- */


/* protected-field */
gx_pf
{
}

/* unprotected-field */
.gx_uf
{
	COLOR: green;
    BACKGROUND-COLOR: white;
	border: gray solid 1px;
    BORDER-BOTTOM: green 1px solid;
    BORDER-LEFT: WHITE 1px;
    BORDER-RIGHT: WHITE 1px;
    BORDER-TOP: WHITE 1px;
}

input::-ms-clear { 
  display: none; 
}

/* intensified-field , bold-field */
.gx_intf
{
	text-shadow:0 0.025em 0 black, 0.025em 0 0 black;
    color:black;
}
input.gx_intf,select.gx_intf
{
	COLOR: #AF272F;
	text-shadow:0 0.025em 0 #AF272F, 0.025em 0 0 #AF272F;
	border-bottom-color: #AF272F;
}

/* application field */
.gx_af
{
}

/* black */
.gx_blk,a.gx_blk:link,a.gx_blk:visited
{
	color: black;
}

/* white */
.gx_lwt,a.gx_lwt:link,a.gx_lwt:visited
{
	color: black;
}
input.gx_lwt
{
	COLOR: black;
	border-bottom-color: black;
}

/* lightblue */
.gx_lbl,a.gx_lbl:link,a.gx_lbl:visited
{
	color: #006D93;
}
input.gx_lbl
{
	COLOR: #006D93;
	border-bottom-color: #006D93;
}
/* back white */
.gx_bwt


{
	background-color: black;
	color:white;
}

/* back light white */

.gx_blwt
{
	background-color: black;
	color:white;
}

/* dynamic-disabled-input */
.gx_ddi
{
}

/* underlined field */
.gx_und
{
}

span.gx_und
{
	text-decoration: underline;
}

/* combobox */
.gx_cbo
{
}

/* checkbox */
.gx_chk
{
}

/* radio */
.gx_rdo
{
}

/* hostkey */
.gx_hky,a.gx_hky:link,a.gx_hky:visited
{
	z-index:1;
	color: navy;
	text-decoration: underline;
}
a.gx_hky:hover
{
	z-index:1;
	color: white;
	background-color: navy;
	text-decoration: underline;
}
/* table */
.gx_tbl
{
	color: #008AB1;
	border-bottom: #D4F0F7 1px solid;
}

/* table cell */
.gx_tbl tr td
{
	white-space: nowrap;
	border-right: #D4F0F7 1px solid;
	border-left: #D4F0F7 1px solid;
}

/* 1st alternating table row */
.gx_tbl_alternating1
{
	background-color: white;
}
/* 2nd alternating table row */
.gx_tbl_alternating2
{
	background-color: #D4F0F7;
}
/* selected table row */
.gx_tbl_selected 
{
	background-color: #F8A870;
}
/* table header */
.gx_tbl tr th
{
	border-left: #D4F0F7 1px solid;
	color: white;
	background-color: #093655;
	text-align: center;
}
/* table link */
.gx_tbl A:link,.gx_tbl A:visited
{
	text-decoration: underline;
}

/* window border */
.gx_wnd
{
	border: black 1px solid;
	background-color: white;
}
/* window title border */
.gx_wnd_title
{
	z-index:+1;
	background: white;
}
/* line */
.gx_line
{
	border-top: black 1px solid;
}

/* menu*/
.gx_menu
{
	color: navy;
}
.gx_menu:hover
{
	color:white;
	background-color:navy;
}

/* title */
.gx_title
{
	color: gray;
	font-weight: bold;
	font-size: large;
}

.gx_calendar
{
}

.gx_text
{
}

.gx_img
{
}

.gx_btn
{
}

.gx_link
{
}
/* error message  */
.gx_errorMessage, .errorMsgStyle
{
	color: #AF272F;
	font-family: "Lucida Console", Monaco, "Menlo-Regular", monospace;
	font-weight: bold;
}

/* blinking caret */
.gx_caret
{
    background-color:black;
}

/* screen name in the footer */
.OrgHostLink
{
	font-size:15px;
	color:#7A9A01;
}

/* make a span look like a link */ 
.SpanLink

{
	cursor: hand;
	color: navy;
	text-decoration: underline;
}

#enter {
	color: white;
	background-color: #233356;
}

#enter:hover {
	background-color: #068CB2;
}

.pfKeyButton {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: none;
	vertical-align: middle;
	width: 130px; 
	height: 25px; 
	font-family: Tahoma, Geneva, Verdana, sans-serif; 
	background-color: #E3E3E3;
}

.pfKeyButton:hover {
	background-color: #068CB2;
}

/* black */
/* .gx_blk,a.gx_blk:link,a.gx_blk:visited
{
	color: #000000;
}
 */
/* blue */
.gx_bl,a.gx_bl:link,a.gx_bl:visited
{
	color: #00497A;
}
input.gx_bl
{
	COLOR: #00497A;
	border-bottom-color: #00497A;
}

/* green */
.gx_grn,a.gx_grn:link,a.gx_grn:visited
{
	color: #7A9A01;
}
input.gx_grn
{
	COLOR: #7A9A01;
	border-bottom-color: #7A9A01;
}

/* lightgreen */
.gx_lgrn
{
	color: #9DBD72;
}
input.gx_lgrn
{
	COLOR: #9DBD72;
	border-bottom-color: #9DBD72;
}


/* red */
.gx_rd,a.gx_rd:link,a.gx_rd:visited
{
	color: #AF272F;
}
input.gx_rd
{
	COLOR: #AF272F;
	border-bottom-color: #AF272F;
}

/* purple */
.gx_ppl,a.gx_ppl:link,a.gx_ppl:visited
{
	color: #68478D;
}
input.gx_ppl
{
	COLOR: #68478D;
	border-bottom-color: #68478D;
}

/* maroon */
/* -------------- */
.gx_mr,a.gx_mr:link,a.gx_mr:visited
{
	color: #800000;
}
input.gx_mr
{
	COLOR: #800000;
	border-bottom-color: #800000;
}

/* gray */
.gx_gr,a.gx_gr:link,a.gx_gr:visited
{
	color: #808080;
}
input.gx_gr
{
	COLOR: #808080;
	border-bottom-color: #808080;
}

/* lightblue */
/* .gx_lbl,a.gx_lbl:link,a.gx_lbl:visited
{
	color: #006D93;
}
input.gx_lbl
{
	COLOR: #006D93;
	border-bottom-color: #006D93;
}
 */
/* light aqua */
.gx_laq,a.gx_laq:link,a.gx_laq:visited
{
	color: #99CEDE;
}
input.gx_laq
{
	COLOR: #99CEDE;
	border-bottom-color: #99CEDE;
}

/* light red */
.gx_lrd,a.gx_lrd:link,a.gx_lrd:visited
{
	color: #CE5F68;
}
input.gx_lrd
{
	COLOR: #CE5F68;
	border-bottom-color: #CE5F68;
}

/* light purple */
.gx_lppl,a.gx_lppl:link,a.gx_lppl:visited
{
	color: #9D87B5;
}
input.gx_lppl
{
	COLOR: #9D87B5;
	border-bottom-color: #9D87B5;
}

/* yellow */
.gx_ylw,a.gx_ylw:link,a.gx_ylw:visited
{
	color: #ffd700;
}

input.gx_ylw
{
	COLOR: #ffd700;
	border-bottom-color: #ffd700;
}

/* white */
/* .gx_lwt,a.gx_lwt:link,a.gx_lwt:visited
{
	color: black;
}
input.gx_lwt
{
	COLOR: black;
} */

/* aqua */
.gx_aq
{
	color: #59B0CA;
}

/* back gray */
.gx_bgr
{
	background-color: #808080;
}

/* back light aqua */
.gx_blaq
{
	background-color: #99CEDE;
	color:black;
}

/* back light blue */
.gx_blbl
{
	background-color: #006992;
	color:black;
}

/* back light green */
.gx_blgrn
{
	background-color: #9DBD72;
	color:black;
}

/* backlightpurple" */
.gx_blppl
{
	background-color: #9D87B5;
	color:black;
}

/* back light red */
.gx_blrd
{
	background-color: #CE5F68;
	color:black;
}

/* back maroon */
.gx_bmr
{
	background-color: #800000;
	color:black;
}

/* back purple */
.gx_bppl
{
	background-color: #68478D;
	color:black;
}

/* back red */
.gx_brd
{
	background-color: #AF272F;
	color:black;
}

/* back white */
/* .gx_bwt
{
	background-color: #ffffff;
	color:black;
} */

/* back yellow */
.gx_bylw
{
	background-color: #ffd700;
	color:black;
}

/* back aqua */
.gx_baq
{
	background-color: #00ffff;
	color:black;
}

/* back blue */
.gx_bbl
{
	background-color: #00497A;
	color:black;
}

/* back green */
.gx_bgrn
{
	background-color: #7A9A01;
	color:black;
}

/* back light white */
/* .gx_blwt
{
	background-color: black;
	color:white;
} */

