/**
 * Copyright (c) 2003, 2004 Four J's Development Tools.
 * All Rights Reserved.
 * Note that the modification of this file is not supported.
 * For customizing with your own javascript and cascading style sheets
 * please read the product documentation.
 *
 * $Id: genero.css,v 1.209.2.2 2007/10/30 09:01:12 ff Exp $
 */




.gMenu {






	margin-top: 2px;  
  border: 1px solid;
  border-color: beige;
  
  background-color: tan;
}

.gMenu SPAN {

	display: block;
  white-space: nowrap;
  font: bold 0.8em Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 1em 0 1em;

  background-color: gold;
  color: saddlebrown;
}

.gMenu UL {
	
  list-style: none;
  margin: 0;
  padding: 0;
}

.gMenu LI {

  cursor: pointer;
	margin: 1px;
	text-align: center;
	border: 1px solid;
	
	border-color: beige;
}

.gMenu LI.hover {

  background-color: beige;
}

.gMenu INPUT {
	
  cursor: pointer;
  border: 0 none;

  background-color: transparent;
  color: saddlebrown;
}

.gMenu LI.gCurrentAction INPUT {

	font-weight: bold;
	
	color: yellow;
}

.gMenu LI.gHidden {

	display: none;
}

.gStyleDialog IMG {
	
	display: none;
}


/***/

.gDialog {


}

.gDialog UL {

  list-style: none;
	margin: 0;
	padding: 0;
	border-width: 8px 1px 7px 1px;
	border-style: solid;

	border-color: tan;
	background-color: beige;
}

.gDialog LI {

  cursor: pointer;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid;
	
	border-color: burlywood;
}

.gDialog LI.hover {

  background-color: gold;
}

.gDialog LI.gHidden {

	display: none;
}

.gDialog INPUT {

	margin-left: 0.5em;
	width: auto;
	text-align: left;
	border: 0 none;
  cursor: pointer;

  background-color: transparent;
  color: saddlebrown;
}



.gToolBar {

	-moz-box-sizing: border-box;

  width: 100%;
  cursor: default;
  
  background: tan;
  
	border-style: solid; 
	border-width: 1 1 2 1;
	border-color: beige saddlebrown saddlebrown beige;  
}

.gToolBar UL {

  list-style: none;
  margin: 1px;
  padding: 0;
}

.gToolBar LI {

	white-space: normal; 

  white-space: nowrap;
  display: inline;

  border: 1px solid;
  margin: 0 0 0 2px;
  
  border-color: tan;
}

.gToolBar HR {

  position: absolute;
  display: inline;
  height: 1.1em;
  width: 2px;
  margin: 1px 0 0 0;

  color: saddlebrown;
}

.gToolBar INPUT {

  border: 0;
  font: menu;
  padding: 1px 0 0 0;
  background-color: transparent;
}

.gToolBar .hover {

  border: 1px solid;
  
  border-color: beige saddlebrown saddlebrown beige;
}

.gToolBar .hover * {

  color: beige;
}

.gToolBar .pressed {

  border: 1px solid;
  
  border-color: saddlebrown beige beige saddlebrown;
}

.gToolBar LI.gHidden {

	display: none;
}




.gTopMenu {

	width: 100%;
}

.gTopMenu UL {

	list-style: none;

	padding: 0 0 0.5em 10px;
	margin: 0;
	border: 1px solid;

	background: burlywood;
	border-color: beige saddlebrown saddlebrown beige;
}

.gTopMenu UL UL {

	position: absolute;
	display: none;
	margin: 1.25em 0 0 -2.25em;
	padding: 0;
	z-index: 1; 
}

.gTopMenu UL UL UL {

	margin: 0;
	left: 100%; 
	min-width: 100%;  
}

.gTopMenu LI {

	display: inline;
	padding: 1px 0 0 0;
}

.gTopMenu LI LI {

	display: block;
	white-space: nowrap;  
}

.gTopMenu label {

	white-space: nowrap;
	cursor: hand;
	margin: 0;
	font: menu;
	margin-left: 0.25em;
	padding: 0 4px 0 2px;
}

.gTopMenu .gAction {

	margin-left: 0.25em;
	text-align: left;
	cursor: hand;
	padding: 0 4px 0 2px;
	border: 0 none;
	font: menu;

	background-color: transparent;
}

.gTopMenu .hover {

	background-color: beige;
}

.gTopMenu HR {

	text-align: left;
	height: 2px;
	width: 5em;
	margin: 0;
}

.gTopMenu LI.gHidden {

	display: none;
}








.gFolder .gPageHeader {

	cursor: hand;
	padding: 0 2em 0 0.5em;
	margin: 0 1px 0 0.5em;
	
	background-color: tan;
	color: beige;
}

.gFolder .selectedPageHeader { 

	top: 3px;
	border: 2px solid;
	border-bottom: 3px solid;

	border-color: beige saddlebrown burlywood beige;
	background-color: burlywood;
	color: black;
}

.gFolder .selectedPage { 
	
	padding: 0.5em 0;
	border: 2px solid;
	border-color: beige saddlebrown saddlebrown beige;
  width:100%; 
}





.gComboBox {

	white-space: nowrap;
	border-width: 0;
	background-color: transparent;
	text-align: left;
}


.comboboxButton {
	
	padding-top: 13px;
	padding-left: 11px;
	vertical-align: middle;
	margin-top: -2;
	height: 0;
	
	font-size: 1px;

	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
	background-color: buttonface;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(cbarrow.gif);
}


.comboboxList {

	position: absolute;

	text-align: left;
	overflow: hide;
	overflow-y: auto;
	overflow: -moz-scrollbars-vertical;

	margin-top: 2px;

	border: 1px solid black;
	border-top-color: buttonshadow;
	border-left-color: buttonshadow;

	background-color: window;
	cursor: default;
	z-index: 1;
}

.comboboxList DIV {

	height: 1em;
	padding: 1px 0;
}

.comboboxList DIV.over {

	color: highlighttext;
	background-color: highlight;
}

.comboboxList DIV.selected {
}

.comboboxEdit {

	cursor: default;
	border-width: 1px;
	border-right-color: burlywood;
	border-right-style: solid;
	margin: 0;
	border-right-width: 15;
	margin-right: -14;
}

.disabled .comboboxEdit {

	margin-right: 0;
}


.gFill .comboboxEdit {

	width: 100%;
}

.gFill .gHBoxTag .comboboxEdit {
	
	width: auto;
}

.gCurrentField .comboboxEdit {

	border-style: solid;
	border-color: yellow;
}

.disabled .comboboxEdit {

	background-image: none;

	cursor: default;
	background-color: transparent;
	border-width: 1px;
	border-color: burlywood;
	border-style: inset;
}


.disabled .comboboxButton {
	
	display: none;
}






INPUT.queryZone {

	border: 1px solid green;
	background-color: white;
	border-left-width: 5px;
	margin-left: 5px;
	width: 5em;
}

INPUT.currentQueryZone {
	
	border-color: lightgreen;
}

.defaultButton {

	border: none;
	background-color: transparent;
	cursor: hand;

	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(mag.gif);
	
	width: 1.3em;
	height: 1.3em;
}


.gShiftDown {

	text-transform: lowercase;
}

.gShiftUp {
	
	text-transform: uppercase;
}

.gNumAlign {

	text-align: right;
}

.gJustifyLeft {

	text-align: left;
}

.gJustifyRight {

	text-align: right;
}

.gJustifyCenter {
	
	text-align: center;
}

.gEdit,
.gTextEdit,
.gButtonEdit,
.gDateEdit,
.gCheckBox {

	border-width: 1px;
}

.gFill .gLabel,
.gFill .gEdit,
.gFill .gTextEdit,
.gFill .gDateEdit,
.gFill .gButtonEdit {
	
	width: 100%;
}

.gFill .gHBoxTag .gEdit,
.gFill .gHBoxTag .gTextEdit,
.gFill .gHBoxTag .gDateEdit,
.gFill .gHBoxTag .gButtonEdit {
	
	width: auto;
}



.gButtonEdit {
	
	margin-right: -20px;
	padding-right: 20px; 
}



.gTable .gAction {

	display: none;
}

.gTable .gButtonEdit {


	margin-right: 0px;
}

.gTable .activeButtonEdit .gAction {

	display: inline;
}

.gTable .activeButtonEdit .gButtonEdit {

	margin-right: -20px;
}




.gTable TD  {
	
	white-space: nowrap;
}





.gRadioGroup {

  border: 0px;
}

.gOrientationHorizontal DIV {

	display: inline;
}

.gTextEdit {
	
  overflow: auto;

}


.gScrollbarHorizontal {
	

  overflow-x: scroll;
}

.gScrollbarVertical {
	

	overflow-y: scroll;
}

.gNoEntry {

	background-color: transparent;
}

.disabled {

	cursor: default;
	background-color: tan;
}


.gNotNull,
.gVerify,
.gRequired {

	border-color: crimson;
}


.gCurrentField {

	border-style: solid;
	border-color: yellow;
}

.gCheckBox {

	padding: 0;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	
	font-size: xx-small; 
	
	vertical-align: middle;
	
	cursor: default;
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

.nullState {

	background-image: url(chk0.gif);
}

.checkedState {

	background-image: url(chk1.gif);
}

.uncheckedState {

	background-image: none;
}



.gStretchX {
}

.gStretchY {
}

.gAutoScale {
}



.gButtonBox {

	white-space: nowrap;
	height: 1.3em;
	text-align: center;
  border: solid 1px;
  padding: 0 1px 1px 0;
  margin: 1 0 1 0;
  
	border-color: beige saddlebrown saddlebrown beige;
  background-color: burlywood;
	cursor: hand;
}

.gFill .gButtonBox {
	
	width: 100%;
}

.gFill .gHBoxTag .gButtonBox {
	
	width: auto;
}


.gButtonBox .gAction {

  border: none;
  background-color: transparent;
}

.pressedButton {

	padding: 1px 0 0 1px;
	border-color: saddlebrown beige beige saddlebrown;
}




.gFill .gLabelBox LABEL { 

  width: 100%; float: left;
}
.gFill .gHBoxTag .gLabelBox LABEL {

  width: auto; float: none;
}




.gTable {

	border: 1px solid;
	border-color: beige;
}

.gFill .gTable {
	
	width: 100%
}

.gFill .gHBoxTag .gTable {
	
	width: auto;
}


.gTable col.gHidden {
	
	display: none;

}

.gTable TH {

	text-align: left;

	white-space: nowrap;

	padding-right: 3px;
}

.gTable THEAD TR TH {

  border: 1px solid black;
  background-color: gold;
}

.gTable INPUT.gTableHeader {

  font-weight: bold;
  border-style: none;
	width: 100%;

  background-color: transparent;
  color: saddlebrown;
}

.gTable .disabledTableHeader {
	
	color: gray;
}

.gTable .gSortAsc,
.gTable .gSortDesc {

	color: white;
	background-repeat: no-repeat;
	background-position: 95% center;
}

.gTable .gSortAsc {

	background-image: url("uparrow1.gif");
}

.gTable .gSortDesc {

	background-image: url("dnarrow1.gif");
}

.gTable TR {

	padding: 0;
}



.gTable .disabled {

	cursor: default;
	border: none;
	
	background-color: transparent;
}

.gTable .gCurrentRow * {

  background-color: oldlace;
}





.gCurrentCell .disabled {

	background-color: oldlace;
}




.gScrollGrid {

	padding-top: 0.5em;



	border-color: beige;
}





.gGroupBox .gGroup {

  border: 1px solid;

	padding: 4px;
	padding-bottom: 5px;

	
	border-color: beige;
}

.gGroupBox .gGroupTitle {
  
  font: bold 0.8em Arial, Helvetica, sans-serif;
	border: 1px solid;
	padding: 0 2em 0 2em;
	margin-bottom: 0.5em;

  color: saddlebrown;
	border-color: beige;
	background-color: gold;
}

.gFill .gGroup {
	
	width: 100%;
}





.gHLineBox HR {
	
	color: wheat;
	height: 1px;
}

.gFill .gHLineBox HR {

	width: 100%;
}

.gFill .gHBoxTag .gHLineBox HR {

	width: auto;
}





.calendar {

	z-index: 1;
	position: relative;
	border-collapse: collapse;
	margin-left: 1em;
	cursor: default;
	font-size: x-small;
	border-width: 2px;
	border-style: solid;
	
	border-color: beige saddlebrown saddlebrown beige;
}

.calendar TD {

	text-align: center;
}

.calendar THEAD .nav {

	cursor: hand;

	background-color: gold;
	color: saddlebrown;
}

.calendar THEAD .nav .info {

	white-space: nowrap;
	background-color: saddlebrown;
	color: yellow;
}

.calendar THEAD .days TD {

	border: 1px solid;
	border-left: 0;
	border-right: 0;
	width: 2em;
	font-weight: bold;
	
	border-color: black;
	background-color: chocolate;
	color: gold;
}

.calendar THEAD .days .we {

	color: saddlebrown;
}

.calendar TBODY TD { 

	cursor: hand;
	border: 0; 
	
	background-color: tan;
}

.calendar TBODY .hover {

	background-color: oldlace;
}

.calendar TBODY .today {

	font-weight: bold;

	color: yellow;
}

.calendarIcon {
	
	background-repeat: no-repeat;
	background-position: center;
	cursor: hand;

	background-image: url("calendar.gif");


}



.gDateEdit {
	


}




#gMessage {

	width: 100%;

	position: absolute;
	bottom: 0px;

  font: bold 0.8em Arial, Helvetica, sans-serif;
  
  background-color: white;  
  color: black;
}

#gError {

	position: absolute;
	bottom: 0;

	width: 100%;

  font: bold 0.8em Arial, Helvetica, sans-serif;
  
  background-color: red;  
  color: yellow;
}




BODY {

	margin: 1px;
	background-color: burlywood;
}


#gForm .gHidden {

	visibility: hidden;
}

#gForm {






	
	scrollbar-3dlight-color: beige;
	scrollbar-darkshadow-color: beige;
	scrollbar-highlight-color: peru;
	scrollbar-face-color: peru;
	scrollbar-shadow-color: saddlebrown;
	scrollbar-track-color: oldlace;
	scrollbar-arrow-color: oldlace;

}


#gDialogForm {

	margin: 0;
}






#gFormTable {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#gFormTable TD {
  vertical-align:top;
}


#gForm-div {
  width: 100%;
  height: 100%;
  overflow: auto;
}



.gFolder { 
	
	border-bottom: 2px solid beige;
	white-space: nowrap;
  padding-top: 2px; 
}

.gFolder .gPage {

	border: 0;
}


#gPanel {
	
	border: 1px solid;
	border-left: 2px solid;
	border-color: beige saddlebrown saddlebrown beige;
}







.gHBox TD,
.gVBox TD { 

	padding:0;
	margin: 0;
}

.gHBox,
.gVBox {
	
	border-spacing: 0;
	border-collapse: collapse;
}


.gHBox TD,
.gVBox TD {

	vertical-align: top;
}

.gGroupBox { 

	vertical-align: top; 
}

.gFormFieldBox {
	
	white-space: nowrap;
}


.gTableBox,
.gGrid,
.gGroupBox,
.gComponent,
.gScrollGridBox,
.gGroup {

	display: inline;
}



.gGrid .gGrid {

  _vertical-align: top; 
}

.gGroupTitle {

	_white-space: nowrap;
}

.gFormFieldBox,
.gGroupBox,
.gTopMenu label {

	_width: 1px; 
}

.gGrid,
.gGridLine {

	_white-space: nowrap;
}

.gHLineBox HR {

	_width: 1px; 
}

.gGridLine, 
.gScrollGrid {

	_width: 1px;
}



*>.gGroupBox,
*>.gScrollGridBox,
*>.gScrollGrid,
*>.gTableBox,
*>.gGridLine,
.gHBoxTag > *,
.gGridLine > * {

	float: left;
}

*>.gGrid {
	
	display: block;
}

*>.gGridLine {

	clear: left;
}

.gGridLine > * {
	
	-moz-box-sizing: border-box;
}


*>.disabled .comboboxEdit { 

  margin-right:0; 
}


.gHBoxTag > * {

	float: left;
}
/*******************************************/


.gFill .gGroup {
  
  display: block;
  width: auto;
}

.gGroup {

  display: block;
}

.gHBox, .gGroupBox {

  width:100%;
}


.gLabel {overflow:hidden;} 
*>.gLabel {display:block;} 


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