/**
 * Copyright (c) 2003, 2004 Four J's Development Tools.
 * Copyright (c) 2005 Four J's Asia Pacific.
 * 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.200.2.1 2005/10/07 10:19:20 jch Exp $
 *
 * R00 07nov05	MoHo	Template
 *
	background-image: "http://demo.vm.net/fjs/pics/background.jpg";
 */




/*
**	%Menu
*/

.gMenu {
	margin-top: 2px;  
	border: 1px solid;

	border-color: white #999999 #999999 white;
	background-color: white;
}

.gMenu SPAN {
	display: block;
	white-space: nowrap;
	font: bold 9pt Verdana sans-serif
	text-align: center;
	padding: 0 1em 0 1em;

	background-color: #ECE9D8;
	color: @Title;
}

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

.gMenu LI {
	cursor: pointer;
	margin: 3px;
	text-align: left;
	border: 1px solid;

	border-color: white;
}

.gMenu LI.hover {
	border-color: #316AC5;
	background-color: #316AC5;
}

.gMenu .hover .gAction {
	color: white;
}

.gMenu INPUT {
	cursor: pointer;
	border: 0 none;
	text-align: left;
	font Verdana, sans-serif;

	background-color: transparent;
	color: black;
}

.gMenu LI.gCurrentAction INPUT {
	color: black;
}

.gMenu LI.gHidden {
	display: none;
}

.gStyleDialog IMG {
	display: none;
}





/*
**	%Dialog Box on right
*/

.gDialog {
}

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

	border-color: #ECE9D8;
	background-color: #ECE9D8;
}

.gDialog LI {
	cursor: pointer;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid;
	
	border-color: #ECE9D8;
}

.gDialog LI.hover {
	background-color: transparent;
}

.gDialog LI.gHidden {
	display: none;
}

.gDialog INPUT {
	margin-left: 0.5em;
	width: auto;
	/* %G
	text-align: left;
	border: 0 none;
	cursor: pointer;

	background-color: transparent;
	*/
	color: #999999;
}


/*
**	%Toolbar
*/

.gToolBar {
	-moz-box-sizing: border-box;

	width: 100%;
	cursor: default;
  	border: 1px solid

	border-style: solid; 
	border-width: 1 1 1 1;
  
	background: #ECE9D8;
	border-color: white #999999 #999999 white;  
  
}

.gToolBar UL {
	list-style: none;
	margin: 3px;
	padding: 0;
}

.gToolBar LI {
	white-space: normal; 
	white-space: nowrap;
	display: inline;
	border: 1px solid;
	margin: 0 1 0 0;
	padding: 2px;

	border-color: #ECE9D8;
}

.gToolBar HR {
	position: absolute;
	display: inline;
	height: 1.1em;
	width: 2px;
	margin: 1px 0 0 0;

	color: transparent;
}

.gToolBar INPUT {
	border: 0;
	font: menu;
	padding: 1px 0 0 0;

	background-color: transparent;
}

.gToolBar .hover {
	border: 1px solid;
	padding: 2px;

	border-color: #316AC5;
	background-color: #C1D2EE;
}

.gToolBar .hover * {
	color: white;
}

.gToolBar .pressed {
	border: 1px solid;

	border-color: #999999 white white #999999;
}

.gToolBar LI.gHidden {
	display: none;
}




/*
**	%TopMenu
*/

.gTopMenu {
	width: 100%;
}

.gTopMenu UL {
	list-style: none;
	padding: 0.2em 0 0.2em 10px;
	margin: 0;
	border: 1px solid;

	background: #ECE9D8;
	border-color: white #999999 #999999 white;
}

.gTopMenu UL UL {
	position: absolute;
	display: none;
	margin: 1.4em 0 0 -2.25em;
	padding: 0;
	z-index: 1; 
	background: white;
	border-color: white #999999 #999999 white;
}

.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: 2 6 2 6;
}

.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: #316AC5;
}

.gTopMenu .hover LABEL { color: white; }
.gTopMenu .hover LI LABEL { color: black; }
.gTopMenu .hover .gAction  { color: white; }
.gTopMenu .hover LI .gAction  { color: black; }

.gTopMenu HR {
	text-align: left;
	height: 2px;
	width: 5em;
	margin: 0;
}

.gTopMenu LI.gHidden {
	display: none;
}





/*
**	%FolderPage
*/

.gFolder .gPageHeader {
	cursor: hand;
	padding: 0 2em 0 0.5em;
	margin: 0 1px 0 0.5em;
	
	background-color: #DDDDDD;
	color: #404040;
}

.gFolder .selectedPageHeader { 
	top: 3px;
	border: 1px solid;
	border-top: 3px solid;
	border-bottom: 3px solid;

	border-color: #FFC73C #999999 white white;
	background-color: white;
	color: black;
}

.gFolder .selectedPage { 
	padding: 0.5em 0;
	border: 2px solid;
	width:100%; 

	border-color: white #999999 #999999 white;
	background-color: white;
}




/*
**	%ComboBox
*/

.gComboBox {
	white-space: nowrap;
	border-width: 0;
	text-align: left;

	background-color: transparent;
}

.comboboxButton {
	padding-top: 14px;
	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;
	font: 9pt Verdana sans-serif
	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 {
	color: #404040;
	cursor: default;
	border-width: 1px;
	border-right-color: #ECE9D8;
	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: blue;
}

.disabled .comboboxEdit {
	background-image: none;
	cursor: default;
	background-color: transparent;
	border-width: 1px;
	border-style: solid; /** was inset **/

	border-color: #7F9DB9;
}

.disabled .comboboxButton {
	display: none;
}




/*
**	%INPUT
*/

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;
}

.gJustifyLeft {
	text-align: left;
}

.gJustifyRight {
	text-align: right;
}

.gJustifyCenter {
	text-align: center;
}




/*
**	%C Common %Widget attributes
*/

.gEdit,
.gTextEdit,
.gButtonEdit,
.gDateEdit,
.gCheckBox {
	color: #404040;
	border-style: solid;
	border-color: #7F9DB9; /** %%%C Bug? **/
}

.gEdit,
.gTextEdit,
.gButtonEdit,
.gDateEdit,
.gCheckBox {
	border-width: 1px;
}

.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: #ECE9D8;
}

.gNotNull,
.gVerify,
.gRequired {
	border-color: red;
}

.gCurrentField {
	border-style: solid;
	border-color: blue;
}

.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;
	cursor: hand;
  
	border-color: white #999999 #999999 white;
	background-color: #ECE9D8;
}

.gFill .gButtonBox {
	width: 100%;
}

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

.gButtonBox .gAction {
	border: none;
	background-color: transparent;
}

.pressedButton {
	padding: 1px 0 0 1px;
	border-color: #999999 white white #999999;
}

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

.gFill .gHBoxTag .gLabelBox LABEL {
	width: auto; float: none;
}



.gTable {
	border: 1px solid;
	border-color: #BBBBBB;
}

.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;
	border-color: white #999999 #999999 white;
	background-color: #ECE9D8;
}

.gTable INPUT.gTableHeader {
	font-weight: bold;
	border-style: none;
	width: 100%;

	background-color: transparent; /** %C **/
	color: #999999;
}

.gTable .disabledTableHeader {
	color: #ECE9D8;	/** %C **/
}

.gTable .gSortAsc,
.gTable .gSortDesc {
	background-repeat: no-repeat;
	background-position: 95% center;

	color: white;
}

.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: Gold;
}

.gCurrentCell .disabled {
	background-color: oldlace;
}



.gScrollGrid {
	padding-top: 0.5em;

	border-color: Blue;  /* was border-color: #FFFFFF;  */
}



.gGroupBox .gGroup {
	border: 1px solid;
	padding: 4px;
	padding-bottom: 5px;
	margin: 4px;
	
	border-color: #D0D0BF;
}

.gGroupBox .gGroupTitle {
  
	font: 0.9em Verdana, sans-serif;
	border: 1px solid;
	padding: 0 2em 0 2em;
	margin-bottom: 0.5em;

	color: #0000C0;
	border-color: #D0D0BF;
	background-color: transparent;
}

.gHLineBox HR {
	height: 1px;

	color: wheat;
}

.gFill .gHLineBox HR {
	width: 100%;
}

.gFill .gHBoxTag .gHLineBox HR {
	width: auto;
}




/*
**	%Calendar
*/

.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: white #999999 #999999 white;
}

.calendar TD {
	text-align: center;
}

.calendar THEAD .nav {
	cursor: hand;

	background-color: #316AC5;
	color: #999999;
}

.calendar THEAD .nav .info {
	white-space: nowrap;

	background-color: #316AC5;
	color: white;
}

.calendar THEAD .days TD {
	border: 1px solid;
	border-left: 0;
	border-right: 0;
	width: 2em;
	font-weight: bold;
	
	border-color: black;
	background-color: #CCCCCC;
	color: #000080;
}

.calendar THEAD .days .we {
	color: #800000;
}

.calendar TBODY TD { 
	cursor: hand;
	border: 0; 
	
	background-color: white;
}

.calendar TBODY .hover {
	background-color: #316AC5;
}

.calendar TBODY .today {
	font-weight: bold;

	color: blue;
}

.calendarIcon {
	background-repeat: no-repeat;
	background-position: center;
	cursor: hand;
	background-image: url("calendar.gif");
}

.gDateEdit {
}



/*
**	Regions
*/

#gMessage {
	font: bold 0.9em Verdana, sans-serif;

	background-color: white;  
	color: black;
}


#gError {
	width: 100%;
	font: bold 0.9em Verdana, sans-serif;
  
	background-color: red;  
	color: yellow;
}

BODY {
	margin: 1px;
	background-color: #ECE9D8;
}


#gForm .gHidden {
	visibility: hidden;
}


#gForm {
    font-family: Verdana, sans-serif;
    font-size: 9pt;

    border-width: 0;
    border-style: solid;
    background-color: #ECE9D8;
    border-color: #7F9DB9;


    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-highlight-color: white;
    scrollbar-face-color: #ECE9D8;
    scrollbar-shadow-color: #999999;
    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: 1px solid white; /** %C **/
	white-space: nowrap;
	padding-top: 2px; 
}

.gFolder .gPage {
	border: 1px solid;
}


#gPanel {
	border: 1px solid;
	border-left: 2px solid;
	border-color: white #999999 #999999 white;
}



.gHBox TD,
.gVBox TD { 
	padding:0;
	margin: 0;
}

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

    font-family: Verdana, sans-serif;
    font-size: 9pt;
}

.gHBox TD,
.gVBox TD {
	vertical-align: top;
}

.gGroupBox { 
	vertical-align: top; 
}

.gFormFieldBox {
	white-space: nowrap;
}

.gGroup {
	display: block; 
}



.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;
}