/**
Copyright (c) 2003, 2008 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: gwccomponents.css 38569 2008-06-02 10:21:29Z ff $
*/

body {
	background-color: #FDFDFD;
	height: 100%;
	margin: 3px;
}

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

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

td {
	padding: 0px;
}

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

.gAModalWindow {

}

.gModalWindow {

	padding: 2px;
	background-color: #F4F4F4;
	border: 2px solid #888;
	-moz-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 */

.gNoDecoration * {
	text-decoration: none;
	cursor: pointer;
}

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

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


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

.gHidden {
	visibility: hidden;
}



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

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


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

.gTable {
	border-collapse: collapse;
	border: 1px solid #888;
	border-bottom-width: 0px;
}

.gTable thead {
	background-color: #F4F4F4;
	color: #888;
}

.gTable th span {
	padding-bottom: 1px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #888;
}

.gTableFooter {
	white-space: nowrap;
	text-align: right;
	padding: 0px 10px;
	background-color: #F4F4F4;
	color: #888;
	border: 1px solid #888;
	border-top-width: 0px;
}

.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 .gCurrentRow {
	background-color: #FFA;
}

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

.gTable td {
	padding: 0px;
	text-align: center;	
}

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

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


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

.gTable .gScrollBarHolder {
	width: 1px;
	background-color: #F8F8F8;
}


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

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

.gScrollGridNavigation {
	position: relative;
	top: -1px;
	white-space: nowrap;
	color: #888;
	font-weight: bold;
	border-color:#AAA;
	border-width: 1px;
	border-style: solid none none solid;
	-moz-border-radius-topleft: 5px;
	background-color: #F4F4F4;
	padding: 0px 5px;
	margin-top: 5px;
	float: right;
	clear: both;
}


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

.gFolder {

}

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

.gFolderLegend {
	padding: 5px;
	background-color:#F4F4F4;
	border: 1px solid #AAA;
	-moz-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;
	-moz-border-radius-topleft: 10px;
}

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

.gCurrentFolderTab {
	background-color:#FDFDFD;
	color: #FA0;
}

.gFolderTab a {
	text-decoration: none;
	color: #F4F4F4;
}

.gFolderTab a 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 {
	white-space: nowrap; 
	background-color: transparent;
	width: 100%; 
}

.gCurrentCell .gLabel {

	background-color: #FFA;
}


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

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

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

.gDisabledTextEdit {
	cursor: default;
	background-color: #EEE;
	color: #666;
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gCurrentTextEdit {
	border-color: #FC8;
}



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

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

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

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

	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 */

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

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

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

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

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

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

	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("set1/img/calendar.png");
}



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

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

.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("set1/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;
}

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

.gComboBox .gComboBoxList a {
	display: block;
}

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



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

.gRadioGroup {
}

.gRadioGroupVertical span {
	display: block;
}



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

.gCheckBox {

}

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

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

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

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

.gCurrentCell .gDisabledCheckBox {

	background-color: #FFA;
}


.gDisabledCheckBox input {


}

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

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

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

.gUnchecked {

}



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

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

.gButton button {
	white-space: nowrap;
	vertical-align: top;
	width: 100%; 
	height: 100%; 
	color: #444;
	position: relative;

	padding: 0px; 
	border-width: 0px;
	margin: 0px;
}

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

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

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


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

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

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

	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("set1/img/navigate_left.png");
}

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



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

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


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

	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("set1/img/navigate_left.png");
}

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


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

.gSlider {
	width: 100%; 
	height: 3px;
	background-color: #888;
	margin: 12px 0px;
}

.gDisabledSlider {
	background-color: #DDD;
}

.gSliderTrack {
	position: relative;
}

.gSliderCursor {
	position: relative;
	top: -8px;
	left: -4px;
	width: 8px;
	height: 16px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: repeat-y;
	background-image: url("set1/img/gripper.png");
	border: 1px solid #333;
}

.gCurrentSliderCursor {
	border: 2px solid #FFAA00;
}

.gDisabledSliderCursor {
	border-color: #DDD;
}

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

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

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

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

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


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

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

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

.gCurrentAction {
	background-color: #FC8;
}

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

	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

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


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

.gDialog,
.gNormalMenu {
	float: left;
	clear: both;
	width: 100%; 
	margin-bottom: 3px;
	
	-moz-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;
}

.gPopupMenu {
	opacity: 0.85; 
	filter: alpha(opacity=85); 
	cursor: move;
	position: absolute;
	background-color: #F4F4F4;
	border: 2px solid #888;
	-moz-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 {

	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: 1px 0px;
	background-color: #DDD;
}

.gTopMenu * {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.gTopMenu .gTopMenuGroup ul {
	position: absolute;
	display: none;
	background-color: white;
	margin: 0px;
	padding: 10px;
	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 10px;
	cursor: default;
}

.gTopMenu .gTopMenuGroup .gTopMenuGroup .gTopMenuGroupName {

	background-image: url("set1/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 7px;
	text-align: left;
	white-space: nowrap;
	cursor: default;
	-moz-border-radius: 4px;
}

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

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

.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 */

.gStartMenu {
	float: left;
	clear: both;
	width: 100%; 
	padding: 2px;
	margin: 0px 2px 10px 2px;
}

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

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

.gStartMenu .gStartMenuGroupLabel {
	font: 0.9em Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 13px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: default;
	
}

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

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

.gStartMenu .gStartMenuClosedGroup span {
	background-image: url("set1/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;
}

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

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

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


}

.glMin {
	line-height: 0px;
	float: left; /** IE6/7: force the height of the minwith element to be 0 */
	clear: both;
}

.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;
	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;
	text-align: center;
	padding: 1px 3px;
	margin: 0px;
}

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

.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.gWeekEnd {
	color: #bbb;
}


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

.gwcFrontLayer {
	z-index: 9998; 
	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("set1/img/processing.gif");
	width: 100px;
	height: 100px;
}

.gwcWhiteBackground {
	background-color: #fff;
}

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