.button
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    WIDTH: 70px;
    HEIGHT: 21px;
    COLOR: white;
    CURSOR: hand;
    BACKGROUND-COLOR: #E39A5C;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
}
/*method added*/
.fieldLabel
{
    FONT-WEIGHT: Bold;
    FONT-SIZE: 13px;
    COLOR: black;
    BACKGROUND-COLOR: #bbbbbb;
}

.detailGridBorder
{
    BACKGROUND-COLOR: #88478a;
}
.detailGridColumnDivider
{
    COLOR: white;
    BACKGROUND-COLOR: white;
}
.detailGridData
{
    FONT-SIZE: 13px;
    COLOR: black;
    BACKGROUND-COLOR: #eeeeee;
}
.detailGridHeaderColumnDivider
{
    COLOR: white;
    BACKGROUND-COLOR: white;
}
.detailGridRowDivider
{
    COLOR: white;
    BACKGROUND-COLOR: white;
}
.feedbackMessage
{
    BORDER-RIGHT: red 1px;
    BORDER-TOP: red 1px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    BORDER-LEFT: red 1px;
    COLOR: red;
    BORDER-BOTTOM: red 1px;
}
.historyGridTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
}
.loginBox
{
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 50px;
}
.loginBoxBorder
{
    COLOR: white;
    BACKGROUND-COLOR: #88478a;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
}
.loginBoxText
{
    COLOR: black;
    FONT-SIZE: 13px;
}
.loginIDMessage
{
    FONT-SIZE: 13px;
    COLOR: silver;
    BACKGROUND-COLOR: #88478a;
}
.operationBar1
{
    FONT-SIZE: 13px;
    COLOR: white;
    BACKGROUND-COLOR: #88478a;
}
.operationBar2
{
    FONT-SIZE: 13px;
}
.forgottenPassword
{
	FONT-SIZE: 8pt;
}
.quickFindClear
{
	FONT-SIZE: 13px;
}
.pageTitle
{
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
}
.pageTitleSeparator
{
    BACKGROUND-COLOR: #E39A5C;
    HEIGHT: 2px;
}
.summaryGridColumnDivider
{
    COLOR: white;
    BACKGROUND-COLOR: white;
}
.summaryGridHeaderColumnDivider
{
    COLOR: white;
    BACKGROUND-COLOR: white;

}
.summaryGridHeader
{
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    font-size: 10pt;
    BACKGROUND-COLOR: #88478a;
}
.qfHeader
{
   BACKGROUND-COLOR: #CC99CC;
}
.presetGridHeader
{
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    font-size: 10pt;
	BACKGROUND-COLOR: #88478a;
	COLOR: white;
	FONT-WEIGHT: bold;
}
.summaryGridFooter
{
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-SIZE: 2pt;
    BACKGROUND-COLOR: #88478a;
}
.summaryGridHeaderSelected
{
    BACKGROUND-COLOR: #88478a;
}
.summaryGridRow
{
    FONT-SIZE: 13px;
    COLOR: black;
    VERTICAL-ALIGN: TOP;
    BACKGROUND-COLOR: #dddddd;

}
.summaryGridRowAlternate
{
    FONT-SIZE: 13px;
    COLOR: black;
    VERTICAL-ALIGN: TOP;
    BACKGROUND-COLOR: #eeeeee;

}
.summaryGridRowDivider
{
    COLOR: white;
    BACKGROUND-COLOR: white;
}
.tab
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    COLOR: white;
	FONT-SIZE: 13px;
	PADDING-TOP: 1px;
    BACKGROUND-COLOR: #E39A5C;
    TEXT-DECORATION: none;
}
.tabSelected
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    COLOR: white;
	PADDING-TOP: 1px;
    BACKGROUND-COLOR: #88478a;
}
A:hover
{
    COLOR: #9999cc;
    TEXT-DECORATION: underline;
}
A:link
{
    COLOR: #88478a;
    TEXT-DECORATION: underline;
}
A.tab
{
    COLOR: white;
    font-size: 13px;
    TEXT-DECORATION: none;
}
A.tab:hover
{
    COLOR: white;
    font-size: 13px;
    TEXT-DECORATION: underline;
}
A.tabSelected
{
    COLOR: white;
    font-size: 13px;
    TEXT-DECORATION: none;
}
A.tabSelected:hover
{
    COLOR: white;
    font-size: 13px;
    TEXT-DECORATION: underline;
}
.dataTextbox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 400px;
}

.ForgotPasswordTextbox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 200px;
}

.qfTextbox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    BACKGROUND-COLOR: #CC99CC;

}
.dataTextboxReadOnly
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 400px;

}
.dataDateTextbox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, 'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}
.dataDateTextboxReadOnly
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, 'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;

}
.dataDateTimeTextbox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}

.dataDateTimeTextboxReadOnly
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}

.dataNumericbox
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}

.dataNumericboxReadOnly
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}
.dataDurationbox
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}
.dataDurationboxReadOnly
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
    WIDTH: 150px;
}
.checkBox
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}
.checkBoxReadOnly
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}
.okButton
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    WIDTH: 70px;
    COLOR: white;
    HEIGHT: 21px;
    CURSOR: hand;
    BACKGROUND-COLOR: #E39A5C;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
}
.cancelButton
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    WIDTH: 70px;
    COLOR: white;
    HEIGHT: 21px;
    CURSOR: hand;
    BACKGROUND-COLOR: #E39A5C;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
}
A.loginIDMessage
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 13px;
    COLOR: white;
    BACKGROUND-COLOR: #88478a;
    TEXT-DECORATION: underline;
}
A.loginIDMessage:hover
{
}
A.operationBar1
{
    COLOR: white;
    TEXT-DECORATION: none;
}
A.summaryGridHeader
{
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: none;
}
A.summaryGridHeader:hover
{
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: underline;
}
A.summaryGridHeaderSelected
{
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: none;
}
A.summaryGridHeaderSelected:hover
{
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: underline;
}
.radioButton
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}
A.summaryGridRow
{
    COLOR: navy;
}
A.summaryGridRow:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline;
}
A.summaryGridRowAlternate
{
    COLOR: navy;
    BACKGROUND-COLOR: #eeeeee;
}
A.summaryGridRowAlternate:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline;
}
.summaryGridTruncatedData
{
}
A.summaryGridTruncatedData
{
    FONT-WEIGHT: bolder;
    CURSOR: hand;
    COLOR: navy;
    TEXT-DECORATION: underline;
}
A.summaryGridTruncatedData:hover
{
    FONT-WEIGHT: bolder;
    CURSOR: hand;
    COLOR: blue;
    TEXT-DECORATION: underline;
}
.detailGridTruncatedData
{
}
A.summaryGridNavigation
{
    FONT-SIZE: 13px;
}
A.summaryGridNavigation:hover
{
    FONT-SIZE: 13px;
}
.detailGridFieldNames
{
    FONT-WEIGHT: Bold;
    FONT-SIZE: 13px;
    COLOR: black;
    BACKGROUND-COLOR: #bbbbbb;
}

.summaryGridNavigation
{
    FONT-SIZE: 13px;
}
.searchBoxCaption
{
    PADDING-RIGHT: 0px;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 5px;
}
.searchBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, 'Trebuchet MS', 'MS Sans Serif';
}

.pageSizeSelectorCaption {
    font-size: 13px;
    padding-right: 0px;
    padding-bottom: 5px;
 }

.pageSizeSelectorBox
{
    font-size: 13px;
    font-family: Arial, 'Trebuchet MS', 'MS Sans Serif';
    border: 1px solid black;
}

A.detailGridTruncatedData
{
    FONT-WEIGHT: bolder;
    CURSOR: hand;
    COLOR: navy;
    TEXT-DECORATION: underline;
}
A.detailGridTruncatedData:hover
{
    FONT-WEIGHT: bolder;
    CURSOR: hand;
    COLOR: blue;
    TEXT-DECORATION: underline;
}
A.operationBar1:hover
{
    COLOR: white;
    TEXT-DECORATION: underline;
}
A.operationBar2
{
    COLOR: #88478a;
    TEXT-DECORATION: none;
}
A.operationBar2:hover
{
    COLOR: #88478a;
    TEXT-DECORATION: underline;
}
.memoFieldTooltip
{
    BORDER-RIGHT: gray 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: gray 1px solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 13px;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 1px;
    OVERFLOW: auto;
    BORDER-LEFT: gray 1px solid;
    WIDTH: 250px;
    HEIGHT: 50px;
    CURSOR: default;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: gray 1px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: lemonchiffon;
}
.messageScrollBar
{
    OVERFLOW-Y: auto;
    LEFT: 1px;
    TOP: 1px;
    HEIGHT: 40px;
}
.memoMessageScrollBar
{
    FONT-SIZE: 13px;
    OVERFLOW-Y: auto;
    LEFT: 1px;
    TOP: 1px;
    HEIGHT: 250px;
}

.summaryGridScrollBar
{
    LEFT: 1px;
    TOP: 1px;
}
.historyGridScrollBar
{
    LEFT: 1px;
    TOP: 1px;
}
.datetimeControlBackground
{
    BACKGROUND-COLOR: white;
    FONT-SIZE: 13px;
}
.datetimeControlWeekends
{
    BACKGROUND-COLOR: #E39A5C;
    FONT-SIZE: 13px;
    COLOR: white;
}
.datetimeControlWeekdays
{
    BACKGROUND-COLOR: #c0c0c0;
    FONT-SIZE: 13px;
}
.datetimeControlSelectedDate
{
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 13px;
}
.datetimeControlDays
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 13px;
}
.datetimeControlMonthsAndYear
{
    COLOR: #000000;
    FONT-WEIGHT: Bold;
    FONT-FAMILY: Arial;
    FONT-SIZE: 13px;
}
SELECT
{
    BORDER-RIGHT: black solid;
    BORDER-TOP: black solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black solid;
    BORDER-BOTTOM: black solid;
    FONT-FAMILY: Arial, 'Trebuchet MS';
}
.selectReadOnly
{
    BORDER-RIGHT: black solid;
    BORDER-TOP: black solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black solid;
    BORDER-BOTTOM: black solid;
    FONT-FAMILY: Arial, 'Trebuchet MS';
    WIDTH: 150px;
}
BODY
{
    FONT-FAMILY: Arial,'Trebuchet MS', Tahoma, 'MS Serif';
    BACKGROUND-COLOR: #FFFFFF;
    CURSOR: auto;
}
BUTTON
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    HEIGHT: 21px;
    WIDTH: 70px;
    CURSOR: hand;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #E39A5C;
}
TEXTAREA
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 400px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial, 'Trebuchet MS', Tahoma, 'MS Sans Serif';
    HEIGHT: 100px;
}
Input.text
{
	FONT-SIZE: 13px;
	BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial,'Trebuchet MS', 'MS Sans Serif';
}
.fileUpload
{
	FONT-SIZE: 13px;
	BORDER: black 1px solid;
 }

.summaryGridRowPreset
{
    FONT-SIZE: 13px;
    COLOR: black;
    VERTICAL-ALIGN: TOP;
    BACKGROUND-COLOR: #dddddd;
}
A.summaryGridRowPreset
{
    COLOR: navy;
}
.summaryGridRowAlternatePreset
{
    FONT-SIZE: 13px;
    COLOR: black;
    VERTICAL-ALIGN: TOP;
    BACKGROUND-COLOR: #eeeeee;
}
A.summaryGridRowAlternatePreset
{
    COLOR: navy;
    BACKGROUND-COLOR: #eeeeee;
}

.Calendar
{
    FONT-SIZE: 13px;
    COLOR: white;
	FONT-WEIGHT: Bold;
	PADDING-BOTTOM: 2px;
    PADDING-TOP: 1px;
	font-size: 10pt;
    BACKGROUND-COLOR: #88478a;
	
}
.CalendarDate
{
    FONT-SIZE: 26px;
    COLOR: white;
	FONT-WEIGHT: Bold;
	PADDING-BOTTOM: 2px;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #88478a;
}

.CalendarBlank
{
    BACKGROUND-COLOR: #88478a;
	
}

.summaryGridRowCalendar
{
    BACKGROUND-COLOR: #dddddd;
	height:21px

}
.summaryGridRowAlternateCalendar
{
    BACKGROUND-COLOR: #eeeeee;
	height:21px
}
.calendarText
{
	FONT-SIZE: 13px;
    COLOR: black;
    VERTICAL-ALIGN: TOP;
}