body {
   background-color:#ffffff;
    margin:0px;
    color: black;
}
body, .dxeBase
{
    font-size:10pt;       
}
.dxeEditArea, .dxeMemoEditArea
{
	font-size:9pt;
}
body, input, select, textarea, th, td, .new, .dxeBase, .dxeEditArea {
 font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif; 
}

.dxeBase input, .dxe input
{
	border: 0px;
}

a, a:active, a:visited, .dxgvSelectedRow td a, .dxgvSelectedRow td a:visited, .defaultGrid .dxgvDataRow td a, .defaultGrid .dxgvDataRow td a:visited, a.dxeHyperlink, a.dxeHyperlink:visited, .dxgvSelectedRow td a:visited, .defaultGrid .dxgvDataRow td a:visited, a.dxeHyperlink:visited
{
	color:#336078;
	font-weight:bold;
	cursor:pointer;
}
a:hover,.defaultGrid, .dxgvSelectedRow td a:hover, .defaultGrid .dxgvDataRow td a:hover, a.dxeHyperlink:hover
{
	color:#000;
	font-weight:bold;
	cursor:pointer;
}
h1 
{
  font-size:22px;
    color:#00204E;
    padding-bottom:1px;
    padding-left:25px;
    border-bottom:1px solid #00204E; 
    padding-top:0px;
    font-weight:bold;
    text-transform:uppercase; 
}
h2 {
    font-size:18px;
    font-weight:normal;
    color:black;
}
h3 {
    font-size:10pt;
    color:black;
    font-weight:bold;    
}
td, th
{
	padding:0;
}
fieldset 
{
	border:1px #98b2c1 solid;
	padding:5px;
	-moz-border-radius: 10px;	
}
fieldset legend
{
	font-weight:bold;
}
a>img
{
	border:0px;
}
#Logo
{
	width:25%;
	float:left;
	text-align:left;
}
#Logo h1
{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0;
	margin:0;
	text-transform:none;
	border:none;
}
#UserInfo
{	
	font-size:12px;
	font-weight:bold;
	color:#d5e0e7;
}
#RightSpan
{
	width:25%;
	float:right;
}

#MainMenu
{
	font-size: 20pt;
}
#MainMenu a, #MainMenu a:visited
{
	padding:0.2em;
}
#MainMenu a:hover
{
	padding:0.2em;
}
#MainContent
{
	padding: 0em 0.5em 0em 0.5em;
	margin-top:-0.3em;
}
#HeaderPanel
{
	padding: 0.5em 0.5em 0em 0.5em;
	margin-bottom: -0.4em;
}
#WebConsoleEnvelope
{
	padding: 0em 0.5em 0em 0.5em;
	margin-bottom: 0.7em;
}
#listPanel, #filterPanel
{
}
.menuItem
{
	margin:0;
	font-weight: bold;
}
.dxmSubMenuItem, .dxmSubMenuItemWithImage 
{
	text-align:left;
}
.mainMenu
{
	margin:0;
}
.fillCell
{
	background:#fff;
	width:100%;
	margin:0;
	width:100%;
	background:none;
}
/* */
.nonVisible
{
	display:none;
}
.gridAsCombo
{

}
.fillCell
{

}
/* */
.gridAsCombo
{
	height:180px;
	overflow:auto;
	border:1px #000 solid;
	background:#fff;	
}
.gridAsCombo .dxgvControl
{
	width:100%;
}

td.dxgv img
{
	background-color: Transparent;
}

.dxgvFooter
{
	background-color: #98b2c1 !important;
	white-space: nowrap !important;
}
.dxgvFooter td.dxgv
{
	padding: 5px 6px 6px 6px !important;
}
.dxgvSelectedRow td a, .dxgvSelectedRow td a:visited
{
	color:#fff !important;
	font-weight:bold !important;
}
.dxgvSelectedRow, .dxgvFocusedRow td, .dxgvSelectedRow td
{
	background-color: #4584a4 !important;
    color: #fff !important;
}
.dxgvHeader, .dxgvHeader td
{
	background-color: #5987a1 !important;
	color:#fff !important;
	font-weight:bold !important;
}
.dxgvDataRow, .dxgvDataRow td
{
	background-color:#fff !important;	
}

td.dxePBMainCell td
{
	background-color: inherit !important;
}

.dxgvDataRowAlt, .dxgvDataRowAlt td 
{
	background-color: #e1e9ed !important;
}

.dxmMenuItemWithImage, .dxmMenu
{
	margin:0 !important;
}
.HideBlock
{
	display:none;
}
.mainMenu a, .mainMenu a:visited
{
	font-size:12px !important;
	font-weight:bold !important;
	color:#000;
}
.infoBox
{
	border: 1px dashed green;
	background-color: #fffccc;
	color: Black;
	padding: 1em;
	width: 98%;
}
.alertBox
{
	border: dotted 4px red;
	background-color: #fffccc;
	color: Black;
	padding: 1em;
	width:98%;
}

.alertBox h1, 
.alertBox h2,
.alertBox h3,
.alertBox h4,
.alertBox h5
{
	color: Red;
}
input, textarea, select 
{
	border: 1px solid #5987A1; 
	color: #333333; 
}
/* since RadioButton text is rendered as label, we need to override default label formatting */
label.radio, .radio label
{
	font-weight:normal !important;
}
.smallMemo .dxeMemoEditArea
{
	font-size:8pt;
}
.controlError
{
	border: 1px red solid !important;
	color:Red;
}
.dxeErrorCell table td img
{
	display:none;	
}
.dxeErrorCell table td
{
	color:Red;
	font-weight:bold;
}
.metadataButtonContainer
{
	float:right;
	cursor:pointer;
}
.detailFormHeader
{
	font-weight:bold;
}
.center
{
	margin: 0 auto;
	width:800px;	
}

/* --- searchForm and detailForm ---*/
/* use for layout of tables used for classic forms */
.searchForm label, .detailForm label,table.searchForm th, table.detailForm th
{
	font-weight:bold;
}
table.searchForm td, table.detailForm td, table.searchForm th, table.detailForm th
{
	text-align:left;
	padding: 2px;
}
td.embed, table.searchForm td.embed, table.detailForm td.embed
{
	vertical-align:top;
	padding: 0px;
}
table.searchForm td td, table.detailForm td td
{
	padding: 0px;
}
table.searchForm td td.dxgvHeader, table.searchForm td .dxgvDataRow td, 
table.detailForm td td.dxgvHeader, table.detailForm td .dxgvDataRow td
{
	padding: 4px 6px 5px 6px;
}
/* used as separator among form columns, optional info icon can be placed here */
td.separator
{
	width:25px;
}
/* --- searchForm and detailForm - END ---*/

span.rightAlign
{
	text-align:right !important;	
}
/* tabPages */
.tabPage
{
	background:#98b1c1;white-space: nowrap;
	padding: 5px 10px 0 10px;
	height:20px;
	font-family:Tahoma, Verdana;
	font-size:12px;
}
.tabPage span.dxeBase
{
	font-weight:bold !important;
}
.activePage
{
	background:#e1e9ee;
}
.tabPageContent table, .tabPageContent div
{
	margin:0% auto;
}
.tabPageContent table table
{
	margin:0;
}
.tabPageContent
{
	background:#e1e9ee;
	padding: 8px 10px 8px 10px;
	margin:0% auto;
	text-align:center !important;
}
.tabPageTitle td
{
	border-top:1px #fff solid;	
	text-align:center;
	font-weight: bold;
}
/* tabPages - end */
/* Info icon */
.infoButtonContainer
{
	width:20px;
}
.infoButtonBtn, .infoButtonBtn:hover
{
	background-image: url('/images/icons/tooltip.gif');
	width:19px;
	height:19px;
	display:block;
	cursor:pointer;
}
.infoButtonBtn:hover
{
	background-image: url('/images/icons/tooltip_ovr.gif');
}
/* Info icon - end */
/* PopUp */
.popUpHeader
{
	background: #98b2c1 !important;
}
.metadataHeader table td table td, .metadataContent table td
{
	font-size:11px;	
	color:#000;
}
.popUpHeader table td, .roundPanelHeader table td, .metadataHeader table td
{
	font-family: Tahoma, Verdana;
	font-size:16px;
	color:#fff;
	font-weight:bolder;
}
.popUpFooter
{
	background: #e1e9ee;
	border-top: 1px #98b2c1 solid;
}
.popUpContent, .roundPanelContent
{
	background:#D5E0E7;
}
/* PopUp - end */
/* RoundPanel */
.roundPanel
{
	margin-bottom:10px;
}

/* RoundPanel - end */
.operationsPanelContainer, .filterFormBaseButonsPanelContainer
{
	position:relative;
	top:-14px;	
	border-top:1px #98b2c1 solid;
}
.filterFormBaseButonsPanelContainer
{
	top:-15px;	
}
.filterFormOperaitionsRow
{
	height:40px;
	margin:0;
	margin-bottom:10px;
	padding-top:15px;
	background:#e1e9ee;
	border-bottom:1px #98b2c1 solid;
}

.filterFormBaseButonsPanelContainer td
{
	background-color: #e1e9ee;
}

.filterFormListPanel img
{
	background-color: #d5e0e8;
}

.buttonsRow TD
{
	padding-left:4px;
	padding-right:4px;
}
.buttonsRow TD TD
{
	padding-left:0px;
	padding-right:0px;
}
/* DateIntervalPicker */
.dateLess span, .dateMore span
{
	visibility:hidden;	
}
.dateLess, .dateLess:hover, .dateMore, .dateMore:hover
{
	display:block;
	width:20px;
	height:11px;
	background: url('/images/templates/arr2_left.gif');
	background-repeat:no-repeat;
	background-position: center;
	text-decoration:none;
}
.dateMore
{
	background: url('/images/templates/arr2_right.gif');
	background-repeat:no-repeat;
	background-position: center;	
}
.dateMore:hover
{
	background: url('/images/templates/arr2_right_ovr.gif');
	background-repeat:no-repeat;
	background-position: center;	
}
.dateLess:hover
{
	background: url('/images/templates/arr2_left_ovr.gif');
	background-repeat:no-repeat;
	background-position: center;
}

#datePickerTable td
{
	vertical-align:top;
}
#datePickerTable td td
{
	vertical-align: middle;
}

#dateFromToTable td
{
	padding: 2px;
}
#dateFromToTable td td
{
	padding: 0px;
}
table.dateIntervalArrows td td
{
	width:40px;
	text-align:center;
}
/* DateIntervalPicker end */

/* drop down */
.dxeButtonEditButton
{
	background: #5987A1 !important;
	background-image: url('/images/templates/lbox.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;				
}
.dxeButtonEditButtonHover
{
	background:#67B0C4 !important;
	background-image: url('/images/templates/lbox_ovr.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
}
.dxeButtonEditButton[disabled]
{
	background:#888B8D !important;
	background-image: url('/images/templates/lbox_dis.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;		
}
.dxeButtonEditButton img
{
	display:none;
}
/* drop down - end */
/* spinedit */
.dxeSpinIncButton
{
	background: #5987A1 !important;
	background-image: url('/images/templates/lbox_up.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;				
}
.dxeSpinIncButtonHover
{
	background:#67B0C4 !important;
	background-image: url('/images/templates/lbox_up_ovr.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
}
.dxeSpinIncButton[disabled]
{
	background:#888B8D !important;
	background-image: url('/images/templates/lbox_up_dis.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;		
}
.dxeSpinDecButton
{
	background: #5987A1 !important;
	background-image: url('/images/templates/lbox.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;				
}
.dxeSpinDecButtonHover
{
	background:#67B0C4 !important;
	background-image: url('/images/templates/lbox_ovr.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
}
.dxeSpinDecButton[disabled]
{
	background:#888B8D !important;
	background-image: url('/images/templates/lbox_dis.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;		
}
.dxeSpinIncButton img
{
	display:none;
}
/* drop down - end */
/* button */
.dxbButton, .dxeCalendarButton
{
	border:1px #4584a4 solid !important;	
}
.dxeCalendarButton
{
	background:#4584a4 !important;
	background-image: url('/images/templates/lbox.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
	color:#eee !important;
	font-weight:bold !important;
	padding:0 !important;
}

.dxeCalendarFastNavMonth
{
	text-align:center !important;
	margin: 2px !important;
	padding: 2px !important;
}

.dxeCalendarFastNavYear
{
	text-align:center !important;
	margin: 5px !important;
	padding: 5px !important;
}

td.dxbButton
{
	padding:1px !important;
}

.dxbButton .dxb, .dxeCalendarButton .dxbebt, .dxeCalendarButton .dxbebt td.dx
{
	background:#4584a4 !important;
	color:#eee !important;
	font-weight:bold !important;
}

.dxeCalendarButton .dxbebt td.dx{
	padding:3px 5px 3px 5px !important;
	border:2px #eee solid !important;
}
.dxeCalendarButton .dxbebt
{
	border:none !important;
}

.dxbButton:hover
{
	border: 1px #000 solid !important;	
}

.dxbDisabled .dxb, .dxbDisabled td.dxb
{	
	border:1px grey solid !important;
	background: grey !important;
}

td.dxbDisabled div.dxb
{
	background-color: Gray !important;
}
/* button - end */


.dxeButtonEdit, .dxeTextBox, .dxeMemo, .dxeEditArea 
{
	border: 1px solid #5987A1; 
}
.dxeTextBox[disabled],.dxeButtonEdit[disabled],.dxeTextBox .dxic[disabled]
{
	border: 1px #888B8D solid !important;
}
.toolTip
{
	width:100px;
	background:#f2f2f2;
	border: 1px #5987A1 solid;
	padding:5px;
	visibility:hidden;
	position:absolute;
	font-size:smaller;
	z-index:100;
}
.warningRow td
{
	background:#cf9a90 !important;
}
.inactiveRow td
{
	font-style:italic !important;
	color:gray !important;
}
.wrongCell
{
	color:Red !important;
}
.saveSummary
{
	margin-bottom:5px;	
}
.gridImageLink img
{
	border: none;
}
.gridImageLink
{
	text-align:center;
}
/* calendar */
.dxeCalendar
{ 
	width: 250px;
	height: 200px;
    border: solid 1px #98b2c1;
    background-color: #fff;
    color: #000;
    font-weight: normal;
    cursor: default;
}

.dxeCalendarDayHeader
{
	text-align: center !important;
	border-bottom: solid 1px #98b2c1;
}

.dxeCalendarDay
{
	text-align: center !important;
	padding: 1px !important;
}

.dxeCalendarHeader
{
    background-color: #98b2c1;
    border: solid 1px #98b2c1;
}
.dxeCalendarFooter 
{
    background-color: #98b2c1;
    border-top: solid 1px #98b2c1;
}

.disabledTab td 
{
	color: Gray;
}

/* calendar - end */
/* reports */
#reportArea
{
	background-color: White;
	border: Dotted 1px black;
}
.reportViewer
{
	text-align: left;
}

.reportViewerToolbar img
{
	background-color: #f0f0f0;
}

.noReportPanel
{	
	padding:1em;
}
/* reports end */

/* login */
table.login
{
	margin-top:150px;
	width:100%;
}
.login td table
{
	background-color: #d5e0e7;
}
table.login td td
{
	padding: 5px;
	vertical-align: middle;
}
.login input
{
	padding: 3px;
	margin: 0px;
}
.login .title 
{
	background: #98b2c1;	
	color:#fff;
	font-weight:bold;	
	padding-top: 5px;
	padding-bottom: 5px;
}
/* login end */
.dxeLoadingPanel
{
	text-align:center !important;
}
.dxeLoadingDiv
{
	text-align:center !important;
}
.dxeLoadingPanel td.dx
{
	text-align: center !important;
}
/* IE Speciality */
/* IE Speciality - End */

.dxmSubMenu a, .dxmSubMenu a:visited
{
	color: Black;
}

div.linkbutton
{
	background-color: White; 
	border: solid 1px #4584a4;	
}

div.linkbutton:hover
{
	border-color: Black;	
}

div.linkbutton a
{
	font-size: 9pt;
	color: #EEEEEE;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(../Images/Icons/arrow.gif);
	display: block;
	margin: 1px;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #4584a4;
	border: solid 1px #eeeeee;
	text-decoration: none;	
}

div.linkbutton a:hover
{
	background-image: url(../Images/Icons/arrow.gif);
	color: Black;
}

.dxgvTable input
{
	border: 0px;
}

.floatLeft
{
	float:left;
}

.arrows
{
	float: right;
	text-align:right;
}

.arrows img
{
	border: 0px;
}

.clear
{
	clear:both;
}

.searchResults
{
	text-align:left;
}

.unread
{
	font-weight: bold;
	color: Red;
}

/*
----------------------------------------------------------
 detailsview style
----------------------------------------------------------
*/
table.detailsView, 
table.formView2columns
{
	border: none;
}

table.detailsView > thead > tr > td, 
table.detailsView > tbody > tr > td,
table.formView2columns > thead > tr > td, 
table.formView2columns > tbody > tr > td 
{
	border:none;
	padding: 3px;
	text-align:left;
	vertical-align: top;
}

table.detailsView .checkbox input, 
table.formView2columns .checkbox input 
{
	border: none;
}

/* simulates ItemStyle.Width for all rows */
table.detailsView > tbody > tr.row td,
table.detailsView > tbody > tr.alteringRow td
{
	width:600px;
}

table.formView2columns > tbody > tr > td
{
	width:300px;
}
table.formView2columns > tbody > tr > td.colspan4
{
	width:830px;
}
table.formView2columns > tbody > tr > td.separator
{
	width:20px;
}

table.detailsView > tbody > tr > td.fieldHeader,
table.formView2columns > tbody > tr > td.fieldHeader
{
	padding: 4px 3px 2px 3px;
	font-weight:bold;
}
table.detailsView > tbody > tr > td.fieldHeader
{
	width:auto;		/* override simulated ItemStyleWidth for header celles */
}
table.formView2columns > tbody > tr > td.fieldHeader
{
	width: 180px;
}
table.detailsView > tbody > tr.commandRow td,
table.formView2columns > tbody > tr.commandRow td
{
	text-align:right;
	width:auto;		/* override simulated ItemStyleWidth for header celles */
}