/**
 * FOURJS_START_COPYRIGHT(D,2006)
 * Property of Four Js*
 * (c) Copyright Four Js 2006, 2013. All Rights Reserved.
 * * Trademark of Four Js Development Tools Europe Ltd
 *   in the United States and elsewhere
 * 
 * This file can be modified by licensees according to the
 * product manual.
 * FOURJS_END_COPYRIGHT
 */

html {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: 0.9em Arial, Helvetica, sans-serif;
}

.gForm {
	clear: both;
	background-color: inherit;
}

label,
legend {
	font: 0.9em Arial, Helvetica, sans-serif;
}

td {
	padding: 0px;
}

/** ******************************** window */

.gModalWindow {
	padding: 2px;
	background-color: #F4F4F4;
	border: 2px solid #888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.gModalWindow .gBar1 {
	border-top: 1px solid #777;
	border-bottom: 1px solid #999;
	font-size: 1px;
	height: 2px;
	margin-top: 2px;
}

.gModalWindow .gBar2 {
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #DDD;
	font-size: 1px;
	height: 2px;
	margin-top: 2px;
}

.gModalWindow .gCaption {
	cursor: move;
}

.gModalWindow .gTitle {
	padding: 4px;
	margin: 4px;
	text-align: center;
	border-bottom: 2px solid #888;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}

.gModalWindow .gContent {
	cursor: default;
}


/** ******************************** Clickable items */

.gClickable {
	color: #FA0;
	cursor: pointer;
}

.gClickable:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #FA0;
}


/** ******************************** Common */

.gHidden {
	visibility: hidden;
}

.gDndGhost {
	opacity: 0.50; 
	filter: alpha(opacity=50); 
	border: 1px solid black;
}

.gDndGhost * {
	border-width: 0px !important;
}

.gDndNoDrop {
	border-color: red;
}


/** ******************************** Field colors */

.gColor_white { color: black }
.gColor_black { color: white }
.gColor_red { color: red }
.gColor_green { color: green }
.gColor_blue { color: blue }
.gColor_cyan { color: cyan }
.gColor_magenta { color: magenta }
.gColor_yellow { color: yellow }



/** ******************************** Group */

.gGroup fieldset {
	
	margin: 2px;
	padding: 5px;

	border: 1px solid #AAA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.gGroup legend {
	padding: 0px 5px;
	background-color: inherit; 
}


/** ******************************** TreeItem */

.gTreeItemImage {
	
	height: 15px;
	width: 15px;
}


/** ******************************** Table */

.gHScroll {
	overflow-x: scroll;
	overflow-y: hidden;
	overflow: -moz-scrollbars-horizontal;
}

.gTable {
	border-collapse: collapse;
	border: 1px solid #888;
	background-color: #F4F4F4;	
}

.gTable .gContentTable {
	border-spacing: 0px;
}

.gContentTable {
	width: 100%;
}

.gDisallowWebSelection .gViewTable {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gTable thead {
	color: #888;
	white-space: nowrap;
	text-align: center;
}

.gTable thead th {
	padding: 0px;
}

.gTable thead th span {
	padding-bottom: 1px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	white-space: pre;
}

.gTable thead .align_left {
	text-align: left;
}

.gTable thead .align_center {
	text-align: center;
}

.gTable thead .align_right {
	text-align: right;
}


.gTable thead .gUnsorted {
	visibility: hidden;
}

.gTableFooter {
	vertical-align: top;
	white-space: nowrap;
	padding: 0px 10px;
	color: #888;
}

.gTableFooter span {
	font-weight: bold;
}

.gTable .gEmptyRow td * {
	visibility: hidden;
}

.gTable .gRow0 {
	background-color: #FCFCFF;
}

.gTable .gRow1 {
	background-color: #FBFBFF;
}

.gTable .gRow2 {
	background-color: #F8F8FF;
}

.gTable .gSelectedRow.gCurrentRow { 
	background-color: #FA0 !important;
}

.gTable .gCurrentRow {
	background-color: #E90 !important;
}

.gTable .gSelectedRow {
	background-color: #FEC !important;
}

.gTable .gInactiveCurrentRow {
	background-color: #EEE !important;
}

.gHighlightCurrentCell .gTableCurrentCell {

	background-color: #E90 !important;
}

.gContentTable td * {
	background-color: transparent;
}

.gContentTable td {
	padding: 0px 0px 1px 0px;
	text-align: left;
	white-space: nowrap;
}

.gViewTable td {
	border-right: 1px solid #EEE;
	padding: 4px 0px 1px 0px;
}

.gViewTable td * {
	cursor: default;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

.gTable .gScrollBarHolder {
	width: 1px; 
}

.gTable .gContentTable tr.gDndPrevSibling > td {
	padding-top: 3px;
	border-top: 1px dotted #666;
}

.gTable .gContentTable tr.gDndNextSibling > td {
	padding-bottom: 0px;
	border-bottom: 1px dotted #666;
}

.gTable .gContentTable tr.gDndChild > td {
	padding-bottom: 0px;
	padding-top: 3px;
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
}


/** ******************************** ScrollGrid */

.gScrollGrid {
	margin: 1px;
	border: 1px solid #AAA;
	padding-bottom: 0px;
	padding-right: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.gScrollGrid .gScrollBarHolder {
	width: 1px; 
}

.gScrollGridFooter {
	vertical-align: top;
	white-space: nowrap;
	padding: 0px 10px;
	color: #888;
	background-color:#F4F4F4;
}

.gScrollGridFooter span {
	font-weight: bold;
}


/** ******************************** Folder */

.gFolder fieldset {
	border: 1px solid #AAA;
	margin: 0px;
	padding: 2px;
}

.gFolderLegend {
	padding: 5px;
	background-color:#F4F4F4;
	border: 1px solid #AAA;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}

.gFolderTab {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	margin: 3px;
	white-space: nowrap;
	background-color:#CCC;
}

.gFolderTab img {
	margin: 0px 3px;
	vertical-align: top;
}

.gFirstFolderTab {
	margin-left: 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;
}

.gLastFolderTab {
	margin-right: 0px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topright: 10px;
}

.gCurrentFolderTab {
	background-color:#FDFDFD;
}

.gCurrentFolderTab span {
	color: #FA0;
}

.gFolderTab {
	cursor: default;
	color: #F4F4F4;
}

.gFolderTab img {
	border-style: none;
}


/** ******************************** Fields Common */

.gScrollbars_none {
	overflow: hidden;
}

.gScrollbars_both {
	overflow: scroll;
}

.gScrollbars_horizontal {
	overflow-x: scroll;
	overflow-y: hidden;
	overflow: -moz-scrollbars-horizontal;
}

.gScrollbars_vertical {
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

.gNumeric {
	text-align: right;
}

.gJustify_left { text-align: left; }
.gJustify_right { text-align: right; }
.gJustify_center { text-align: center; }

.gShift_down { text-transform: lowercase; }
.gShift_up { text-transform: uppercase; }

.gFontFamily_serif { font-family: serif; }
.gFontFamily_sans-serif { font-family: sans-serif; }
.gFontFamily_monospace { font-family: monospace; }
.gFontFamily_cursive { font-family: cursive; }
.gFontFamily_fantasy { font-family: fantasy; }


/** ******************************** HLine */

.gHline {
	border: 0px solid #AAA;
	border-top-width: 1px;
	height: 0px;
}


/** ******************************** Label */

.gLabel {
	background-color: transparent;
	width: 100%; 
}

.gLabel div {
	white-space: pre; 
}

.gCurrentCell .gLabel {
	background-color: #FFA;
}


/** ******************************** TextEdit */

.gTextEdit {
	margin: 1px;
	border: 1px solid #888;
	background-color: #FFF;
}

.gNoBorder .gTextEdit {
	border-width: 0px;
}

.gTextEdit textarea {
	margin: 0px;
	border-width: 0px;
	padding: 0px; 
	width: 100%; 
	height: 100%;
	background-color: transparent;
	font-family: inherit;
}

.gDisabledTextEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledTextEdit {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentTextEdit {
	border-color: #FC8;
}

.gTextEdit .gComposerToolbar {
	background-color: #DDD;
	padding: 2px 0px 0px 4px;
	border-bottom: 2px solid #AAA;
}

.gTextEdit .gComposerToolbar .gSep {
	border-left: 2px solid #AAA;
	padding-left: 4px
}

.gTextEdit .gComposerToolbar img:hover {
	background-color: #DDD;
}

.gTextEdit .gComposer .gField {
	width: 100% !important;
}


/** ******************************** Edit */


.gEdit {
	margin: 1px;
	border: 1px solid #888;
	padding: 0px 2px;
	background-color: #FFF;
}

.gNoBorder .gEdit {
	border-width: 0px;
}

.gIsIe .gEdit .gField {
	padding: 0px 1px 0px 0px; 
}

.gEdit .gField {
	border-width: 0px;
	padding: 0px;
	width: 100%; 
	background-color: transparent;
}

.gDisabledEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledEdit {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentCell .gDisabledEdit {
	background-color: #FFA;
}

.gCurrentEdit {
	border-color: #FC8;
}

.gCurrentEdit .gNumeric {
	text-align: right;
}

/** ******************************** FileUpload */

.gFileUpload {
	border-collapse: collapse;
	margin: 1px;
	border: 1px solid #888;
	padding: 0px 0px;
}

.gFileUploadForm {
	margin: 0px;
	border-style: none;
	border-width: 0px;
	padding: 0px;
}

.gFileUploadField {
	margin: 0px;
	border: 0px none transparent;
	padding: 0px;
	background-color: transparent;
}

.gCurrentFileUpload {
	border-color: #FC8;
}


/** ******************************** ButtonEdit */

.gButtonEdit {
	margin: 0px;
	border: 1px solid #888;
	padding: 0px 0px 1px 0px;
	background-color: #FFF;
	position: relative;
}

.gNoBorder .gButtonEdit {
	border-width: 0px;
}

.gNoBorder .gButtonEdit .gField {
	border-width: 0px;
}

.gButtonEdit table {
	border-collapse: collapse;
	width: 100%; 
}

.gButtonEdit table tr {
	height: 0px;
}

.gButtonEdit td {
	padding-left: 1px; 
}

.gButtonEdit .gEdit {
	border-width: 0px;
	padding: 0px;
	margin: 0px; 
}

.gButtonEdit .gImageBox {
	width: 18px;
	text-align: center;
	vertical-align: middle;
}

.gButtonEdit .gField {
	border-right: 1px solid #888;
}

.gDisabledButtonEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledButtonEdit {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentCell .gDisabledButtonEdit {
	background-color: #FFA;
}

.gDisabledButtonEdit .gButtonEditImage {
	opacity: 0.25; 
	filter: alpha(opacity=25); 
}

.gCurrentButtonEdit,
.gCurrentButtonEdit .gImageBox {
	border-color: #FC8;
}


/** ******************************** DateEdit */

.gDateEdit {
	background-color: #FFF;
	border: 1px solid #888;
	margin: 1px;
	padding: 0px;
}

.gNoBorder .gDateEdit {
	border-width: 0px;
}

.gDateEdit table {
	border-collapse: collapse;
	width: 100%; 
}

.gDateEdit td {
	padding-left: 1px; /** avoid IE7 to collapse 0-width td */
}

.gDateEdit .gField {
	width: 100%; 
	padding: 0px;
	border-width: 0px;
	background-color: transparent;
}

.gDisabledDateEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledDateEdit {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentCell .gDisabledDateEdit {
	background-color: #FFA;
}

.gCurrentDateEdit {
	border-color: #FC8;
}

.gCurrentDateEdit .gField {
	text-align: left;
}

.gDateEditImage {
	width: 18px;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/calendar.png");
}



/** ******************************** ComboBox */

.gComboBox {
	border: 1px solid #888;
	margin: 1px;
	background-color: #FFF;
}

.gNoBorder .gComboBox {
	border-width: 0px;
}

.gComboBox table tr {
	height: 0px;
}

.gComboBox table {
	border-collapse: collapse;
	width: 100%; 
}

.gComboBox td {
	padding: 0px 2px; /** a horizontal padding of 1px can avoid IE7 to collapse 0-width td */
}

.gComboBox .gField {
	width: 100%; 
	padding: 0px;
	border-width: 0px;
	background-color: transparent;
}

.gDisabledComboBox {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gCurrentCell .gDisabledComboBox {
	background-color: #FFA;
}

.gCurrentComboBox,
.gCurrentComboBox .gComboBoxButton {
	border-color: #FC8;
}

.gComboBoxButton {
	width: 12px;
	background-color: #DADADA;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/cbarrow.gif");
	cursor: pointer;
}

.gComboBox .gListContainer {
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.gComboBox .gComboBoxList {
	display: none;
	position: absolute;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: -moz-scrollbars-vertical;
	margin: 2px 0px 0px 1px;
	border: 1px solid #888;
	background-color: #FDFDFD;
	cursor: default;
	z-index: 1;
}

.gComboBox .gComboBoxList a {
	white-space: nowrap;
	text-decoration: none;
	color: black;
	height: 1.2em;
}

.gComboBox .gComboBoxList a:hover {
	background-color: #FFF7E5;
	color: #000;
}

.gComboBox .gComboBoxList a {
	display: block;
}

.gComboBox a.gComboBoxCurrentItem {
	color: #FFF;
	background-color: #FA0;
}



/** ******************************** RadioGroup */

.gRadioGroupVertical span {
	display: block;
}

.gRadioGroup label {
	font: inherit;
}

.gCurrentRadioGroup {
	outline: 1px dotted gray;
}


/** ******************************** CheckBox */

.gCheckBox {

	padding-top: 4px;
}

.gCheckBox input {
	border: 1px solid #888;
	background-color: #FFF;
	padding: 0px;
	margin-left: 5px;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	cursor: default;
	background-position: 1px 1px;
	background-repeat: no-repeat;
	font-size: 0px;
}

.gHasBorderBoxModel .gCheckBox input {
	width: 13px;
	height: 13px;
}

.gCheckBox label {
	margin-left: 5px;
	background-color: transparent;
	font: inherit;
}

.gDisabledCheckBox input {
	background-color: #EEE;
}

.gCurrentCell .gDisabledCheckBox {
	background-color: #FFA;
}


.gDisabledCheckBox input {


}

.gCurrentCheckBox input {
	border-color: #FC8;
}

.gNull {
	background-image:url("img/null.png");
}

.gChecked {
	background-image:url("img/checked.png");
}

.gUnchecked {
	
}



/** ******************************** Button */

.gButtonType_none {
	padding: 0px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #BBB #666 #666 #BBB;
	background-color: #DDD;
	margin: 1px;
}

.gNoBorder .gButtonType_none {
	border-width: 0px;
}

.gButtonType_none button {
	white-space: nowrap;
	vertical-align: top;
	width: 100%; 
	height: 100%; 
	color: #444;
	position: relative;
	padding: 0px; 
	border-width: 0px;
	margin: 0px;
}

.gButtonType_none .gDisabledButton {
	opacity: 0.50; 
	filter: alpha(opacity=50); 
}

.gButtonType_none .gCurrentButton {
	background-color: #FC8;
}

.gButtonType_none img {
	vertical-align: top;
	margin: 0px 4px 0px 2px;
}


/** gButtonTypelink */

.gButtonType_link button {
	cursor: default;
	border-width: 0px;
	background-color: transparent;
}

.gButtonType_link span {
	color: blue;
	text-decoration: underline;
}

.gButtonType_link .gDisabledButton span {
	color: gray;
}


/** ******************************** TimeEdit */

.gTimeEdit {
	border: 1px solid #888;
	margin: 1px;
	background-color: #FFF;
}

.gNoBorder .gTimeEdit {
	border-width: 0px;
}

.gTimeEdit table {
	border-collapse: collapse;
	width: 100%; 
}

.gTimeEdit .gField {
	width: 100%; 
	padding: 0px;
	border-width: 0px;
	background-color: transparent;
}

.gDisabledTimeEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledTimeEdit {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentCell .gDisabledTimeEdit {
	background-color: #FFA;
}

.gCurrentTimeEdit {
	border-color: #FC8;
}

.gTimeEditDecrease {
	width: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/navigate_left.png");
}

.gTimeEditIncrease {
	width: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/navigate_right.png");
}



/** ******************************** SpinEdit */

.gSpinEdit {
	border: 1px solid #888;
	margin: 1px;
	background-color: #FFF;
}

.gNoBorder .gSpinEdit {
	border-width: 0px;
}

.gSpinEdit table {
	border-collapse: collapse;
	width: 100%; 
}

.gSpinEdit .gField {
	width: 100%; 
	padding: 0px;
	border-width: 0px;
	background-color: transparent;
}

.gDisabledSpinEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledSpinEdit {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentCell .gDisabledSpinEdit {
	background-color: #FFA;
}

.gCurrentSpinEdit {
	border-color: #FC8;
}

.gSpinEditDecrease {
	width: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/navigate_left.png");
}

.gSpinEditIncrease {
	width: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/navigate_right.png");
}


/** ******************************** Slider */

.ghorizontalSlider {
	width: 100%; 
	margin: 12px 0px;
	border-top: 2px solid #AAA;
}

.gverticalSlider {
	height: 100px; 
	margin: 0px 12px;
	border-left: 2px solid #AAA;
}

.gDisabledSlider {
	border-top-color: #DDD;
}

.gSliderTrack {
	position: relative;
}

.ghorizontalSlider .gSliderTrack {
	width: 100%;
	top: -10px;
	height: 16px;
}

.gverticalSlider .gSliderTrack {
	height: 100px;
	left: -10px;
	width: 16px;
}

.gSliderCursor {
	position: relative;
	background-color: white;
	border: 2px outset;
}

.ghorizontalSlider .gSliderCursor {
	font-size: 1px;
	top: -1px;
	left: -4px;
	width: 7px;
	height: 15px;
}

.gverticalSlider .gSliderCursor {
	font-size: 1px;
	top: -4px;
	left: -1px;
	width: 15px;
	height: 7px;
}

.gCurrentSliderCursor {
	background-color: #FFAA00;
}

.gDisabledSliderCursor {
	background-color: #F0F0F0;
}


/** ******************************** ProgressBar */

.gCurrentProgressBar {
	border-color: #FC8;
}


/** ******************************** Image */

.gImage {
	border-collapse: collapse;
	border-spacing: 0px;
}

.gTable .gImage img {
	height: 0.9em;
}


/** ******************************** PictureFlow */

.gPictureFlow {
	position: relative; 
	overflow: hidden; 
	width: 100%;
	height: 300px;
	background-color: #000;
}

.gPictureFlow img {
	position: absolute;
	-ms-interpolation-mode: bicubic;
}

.gPictureFlow .gSelectedImage {
	border: 1px solid white;
	padding: 1px;
}


/** ******************************** Special actions */

.gInterrupt {
	position: relative !important;
	z-index: 9999 !important;
}


/** ******************************** DialogAction */

.gLocalAction,
.gAction {
	float: left;
	margin: 1px 1px 3px 1px;
	padding: 0px 8px;
	font-weight: bold;
	border-width: 1px;
	border-color: #BBB #666 #666 #BBB;
	background-color: #DDD;
	color: #444;
	height: 20px;
}

.gLocalAction img,
.gAction img {
	padding: 0px 0px 0px 7px;
}

.gCurrentLocalAction,
.gCurrentAction {
	background-color: #FC8;
}

.gDisabledLocalAction,
.gDisabledAction {
	cursor: default;
	background-color: #EEE;
	color: #AAA;
}


/** ******************************** MenuAction */

.gMenuAction {
	float: left;
	white-space: nowrap;
	margin-right: 10px;
	padding: 2px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}

.gDisabledMenuAction {
	cursor: default;
	background-color: #EEE;
	color: #666;
}

.gDisallowWebSelection .gDisabledMenuAction {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}


.gMenuAction img {
	border-style: none;
	height: 16px;
	vertical-align: bottom;
}

/** ******************************** Menu & Dialog */

.gDialog,
.gNormalMenu {
	float: left;
	clear: both;
	width: 100%; 
	margin-bottom: 3px;

	-moz-border-radius-bottomright: 16px;
	-webkit-border-radius-bottomright: 16px;
	background-color: #F4F4F4;
}

.gDialog .gTitle,
.gNormalMenu .gTitle {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 3px 20px 10px 10px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #F4F4F4;
	background-color: #888;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-radius-bottomright: 20px;
}

.gPopupMenu {
	opacity: 0.85; 
	filter: alpha(opacity=85); 
	cursor: move;
	position: absolute;
	background-color: #F4F4F4;
	border: 2px solid #888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.gPopupMenu .gBar1 {
	border-top: 1px solid #777;
	border-bottom: 1px solid #999;
	font-size: 1px;
	height: 2px;
	margin-top: 2px;
}

.gPopupMenu .gBar2 {
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #DDD;
	font-size: 1px;
	height: 2px;
	margin-top: 2px;
}

.gPopupMenu .gTitle {
	border-bottom: 2px solid #888;
	padding: 0px 0px 4px 0px;
	text-align: center;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}

.gPopupMenu .gImage {
	padding: 0px 0px 0px 4px;
}

.gPopupMenu .gContent {
	height: 16px;
	padding: 16px 16px;
	text-align: center;
}

.gPopupMenu .gText {
	text-align: left;
	white-space: pre;
}

.gDialog img,
.gNormalMenu img {
	height: 16px;
}



/** ******************************** ToolBar */

.gToolBar {
	float: left;
	clear: both;
	width: 100%; 
	margin-bottom: 3px;
	background-color: #E9E9E9;
}

.gToolBar .gToolBarItem {
	float: left;
	color: #444;
	background-color: transparent;
	border-style: none;
	height: 1.5em;
	padding: 0px;
}

.gToolBar .gToolBarItem img {
	vertical-align: top;
	margin: 0px 3px;
}

.gToolBar .gToolBarItem span {
	vertical-align: top;
	margin: 0px 1px;
}

.gToolBar .gDisabledToolBarItem {
	color: #BBB;
}

.gToolBar .gDisabledToolBarItem img {
	opacity: 0.25; 
	filter: alpha(opacity=25); 
}

.gToolBar .gToolBarSeparator {
	float: left;
	border-left: solid 1px #808080;
	height: 1.2em;
	width: 2px;
	margin: 0px 5px;
}

.gToolBar img {
	height: 16px;
}

/** ******************************** TopMenu */

.gTopMenu {
	float: left;
	clear: both;
	width: 100%; 
	margin-bottom: 3px;
	padding: 0px 0px 2px 0px;
	height: 1.5em; 
	background-color: #CCCCCC;
	font: 0.8em Arial, Helvetica, sans-serif;
}

.gDisallowWebSelection .gTopMenu,
.gDisallowWebSelection .gTopMenuGroup {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gTopMenu .gTopMenuGroup ul {
	position: absolute;
	display: none;
	background-color: white;
	margin: 0px;
	padding: 4px 2px;
	border: 1px solid #888;
	list-style: none;
}

.gTopMenu .gTopMenuGroup {
	z-Index: 1;
	float: left;
}

.gTopMenu .gTopMenuGroup .gTopMenuGroup {
	float: none;
}

.gTopMenu .gTopMenuGroup ul {
	margin-left: 10px;
}

.gTopMenu .gTopMenuGroup ul ul {
	margin-left: 5em;
}

.gTopMenu .gTopMenuGroupName {
	display: block;
	margin: 1px 8px;
	cursor: default;
}

.gTopMenu .gTopMenuGroup .gTopMenuGroup .gTopMenuGroupName {

	background-image: url("img/navigate_right.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 32px;
}

.gTopMenu a {
	display: block;
	color: #444;
	background-color: transparent;
	border-width: 0px;
	padding: 1px 4px;
	text-align: left;
	white-space: nowrap;
	cursor: default;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.gTopMenu .gTopMenuGroup .gTopMenuGroup a {
	padding: 1px 24px 1px 7px;
}

.gTopMenu a:hover {
	background-color: #EEE;
}

.gTopMenu a img {
	margin-right: 1px;
}

.gTopMenu .gDisabledTopMenuCommand img {
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.gTopMenu .gDisabledTopMenuCommand {
	cursor: default;
	color: #BBB;
}

.gTopMenu .gTopMenuSeparator {
	width: 6em;
	border: 1px solid #CCC;
	margin: 5px 1px;
}

.gTopMenu img {
	height: 16px;
}


/** ******************************** StartMenu */

.gStartMenuContainer {
	overflow: auto;
	width: 200px;
	border-right: 3px solid #DDD;
	padding-bottom: 0.5em;
}

.gStartMenu ul {
	padding-left: 20px;
	margin: 0px 0px 0px 4px;
	border-left: 1px dotted #AAA;
}

.gStartMenu li {
	list-style: none;
	margin: 0px;
}

.gStartMenu .gStartMenuGroupLabel {
	padding-left: 14px;
	font: 0.9em Arial, Helvetica, sans-serif;
	display: block;

	background-position: left center;
	background-repeat: no-repeat;
	cursor: default;
	white-space: nowrap;	
}

.gStartMenu .gStartMenuOpenedGroup span {
	background-image: url("img/minus.png");
}

.gStartMenu .gStartMenuGroup .gStartMenuCommand {
	background-image: none;
}

.gStartMenu .gStartMenuClosedGroup span {
	background-image: url("img/plus.png");
}

.gStartMenu .gStartMenuClosedGroup ul {
	display: none;
}

.gStartMenu .gStartMenuSeparator {
	height: 10px;
}

.gStartMenu .gStartMenuCommand {
	font: 0.9em Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	border-width: 0px;
	background-color: transparent;
	cursor: pointer;
	white-space: nowrap;
	text-align: left;	
}

.gStartMenu .gStartMenuCommand span {
	background-image: none;
}


/** ******************************** Message & Error */

.gError,
.gMessage {
	float: left;
	clear: both;
	width: 95%;
	padding: 5px 2px;
	margin: 0px 2px 10px 2px;
	font-weight: bold;
	color: #FFF;
	background-color: #888;
}

.gError {
	color: #FFF;
	background-color: #F00;
}


/** ******************************** File Transfer */

.gFiles {
	float: left;
	clear: both;
	margin: 1px;
	padding: 10px;
	border: 1px solid #AAA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.gFiles legend {
	padding: 0px 5px;
}

.gFiles ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.gFiles ul li {
	text-decoration: none;
}


/** ******************************** Layout */

.gHbox,
.gVBox {
	border-collapse: collapse;
}

.gVBoxCell {
	padding: 0px;
}

.gHBoxTag {
	border-collapse: collapse;
	width: 100%; 
}

.glGrid {
	border-collapse: collapse;
	width: 100%;
}

.glRule td {
	padding: 0px;
	line-height: 0px;
	height: 0px;
	visibility: hidden;


}

.glMin {
	line-height: 0px;
}

.glCell {
	vertical-align: top;
	padding: 0px;
}

.gContainer {
	width: 100%; 
}

/** ******************************** Calendar widget */

.gCalendar {
	cursor: default;
	font-family: "trebuchet ms",verdana,tahoma,sans-serif;
	font-size: 11px;
	background-color: #eee;
}

.gCalendar thead td {
	background-color: #fff;
	color: #000;
	border: 1px solid #bbb;
	text-align: center;
	font-weight: bold;
}

.gCalendar thead a {
	text-decoration: none;
}

.gCalendar thead a:hover {
	color: #FA0;
}

.gCalendar td {
	background-color: #f8f8f8;
	color: #BDB;
	text-align: center;
	padding: 1px 3px;
	margin: 0px;
}

.gCalendar td.gCurrentMonth {
	background-color: #fff;
	color: #000;
}

.gCalendar td.gToday {
	padding: 0px 2px;
	border: 1px solid #f88;
}

.gCalendar td.gSelectedDate {
	background-color: #fee;
}

.gCalendar td.gDayName,
.gCalendar td.gWeek {
	font-weight: bold;
	background-color: #aaa;
	color: #fff;
}

.gCalendar td.gWeek {
	width: 1.2em;
}

.gCalendar td.gWeekEnd {
	color: #bbb;
}


/** ******************************** CSF */

.gwcFrontLayer {
	position: absolute;
	background-color: #fff;
	top: 0px;
	left: 0px;
	width: 100%; 
	height: 100%;
	cursor: wait;
}

.gwcHourglass {

	opacity: 0.75; /** Gecko only */
	filter: alpha(opacity=75); /** IE only */
	background-color: transparent;
	background-image:url("img/processing.gif");
	width: 100px;
	height: 100px;
}

.gwcWhiteBackground {
	background-color: #fff;
}

.gwcPopupWindow {
	background-color: #fff;
	border: 3px solid #ddd;
}




.gTabbedStartMenu {
	width: 100%;
}

.gTabbedStartMenu .gClose {
	width: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/close.png");

	position: absolute;
	width: 16px;
	height: 16px;
	margin-left: 5px;
}

.gTabbedStartMenu #gTSMTabs {
	margin-top: 3px;
	padding-left: 10px;
}

.gTabbedStartMenu #gTSMPage {
	border: 3px solid #888;
	height: 100%;
}

.gTabbedStartMenu #gTSMTabs .gTab {
	margin: 0px 3px;
	padding: 5px 25px 5px 10px;
	background-color: gray;
	color: white;
	cursor: default;
	font-family: Arial,Helvetica,sans-serif;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topright: 10px;
}

.gTabbedStartMenu #gTSMPage iframe {
	display: none;
	border-style: none;
	height: 100%;
	width: 100%;
}

.gTabbedStartMenu #gTSMTabs .gTab.gCurrent {
	color: white;
	background-color: #FA0;
	border-bottom-style: none;
}

.gTabbedStartMenu #gTSMPage iframe.gCurrent {
	display: inline;
}


textarea,
input {
	outline: none; 
}

textarea {
	resize: none; 
}

input[type="number"],
input[type="text"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}