/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	background-color: #dcdcdc;
	/*background-color:#F2F2F2;*/
	
	
	width:100%;
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #003366;
}
H1
{
	font-family: verdana, arial, sans-serif;
	font-size: 2em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2
{
	font-family: verdana, arial, sans-serif;
	font-size: 1.75em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3
{
	font-family: verdana, arial, sans-serif;
	font-size: 1.58em;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4
{
	font-family: verdana, arial, sans-serif;
	font-size: 1.33em;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5, DT
{
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6
{
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD
{
	font-size: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: verdana, arial, sans-serif;
}

TH
{
	vertical-align: baseline;
	font-size: 1em;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: verdana, arial, sans-serif;
}


A:link
{
	text-decoration: none;
	color: #3333cc;
}

A:visited
{
	text-decoration: none;
	color: #333399;
}

A:active
{
	text-decoration: none;
	color: #333399;
}

A:hover
{
	text-decoration: underline;
	color: #3333cc;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

IMG
{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

/*
	title definition
	we are not using title any more.
*/
.CssTitle
{
	font-size: 20px;
	color: Green;
	margin-left:10px;
	left:80px;
}
/*
	label class definition
*/
.CssLabelSmall
{
	font-size: 8px;
	height:8px;
	text-align:right;
	font-family:Arial;
}

/*
	label class definition
*/
.CssLabel
{
	font-size: 12px;
	height:8px;
	text-align:right;
	font-family:Arial;
}

/*
	label above control class definition
*/
.CssLabelAbove
{
	font-size: 12px;
	height:8px;
	text-align:left;
	font-family:Arial;
}

/*
	label class definition
*/
.CssLabelCenter
{
	font-size: 12px;
	height:8px;
	text-align:center;
}

/*
	checkbox class definition
*/
.CssCheckBox
{
	font-size: 12px;
}

/*
	radiobutton class definition
*/
.CssRadioButton
{
	font-size: 12px;
	font-family:Arial;
}

.CssTextBoxOrig
{
	font-size: 12px;
	text-align:left;
	font-family:Arial;
}
/*
	textbox class definition
*/
.CssTextBox
{
	font-size: 12px;
	height:20px;
	width:200px;	
	text-align:left;
	font-family:Arial;
}

/*
	combo box class definition
*/
.CssComboBox
{
	font-size:12px;
	height:20px;
	width:200px;	
	text-align:left;
	font-family:Arial;
}

.CssDropDownListOrig
{
	font-size:12px;
	text-align:left;
	font-family:Arial;
}

/*
	DropDownList class definition
*/
.CssDropDownList
{
	font-size:12px;
	height:20px;
	width:200px;	
	text-align:left;
	font-family:Arial;
}

/*
	TreeView class definition
*/
.CssTreView
{
	font-family:Arial;
	/*font-family: Courier New, monospace;*/
	font-size:10px;
}

/*
	button class definition
*/
.CssButton
{
	background:#E0E0E0;
	font-size:12px;
	border-style:groove ;
}

/*
	imagebutton class definition
*/
.CssImageButton
{
	height:25px;
	width:75px;	
}

/*
	datagrid class definition
	it includes general, selected, header, footer and pager.
	more will be coming.
*/
.CssDatagrid
{
	background-color:lightsteelblue;
	border-style:solid;
	font-size:12px;
	border:solid,1px,white;
}

.CssDatagridSelected 
{
	background-color:"Silver"; 
	font-size:12px;
}

.CssDatagridFooter
{
	background-color:SlateGray;
	font-size:12px;
	color:White ;
}

.CssDatagridHeader 
{
	background-color:SlateGray; 
	font-size:12px;
	color:White ;
}

.CssDatagridPager
{
	background-color:SlateGray;
	font-size:12px;
	color:White ;
}


/*
	panel class definition
*/
.CssPanel 
{
	 border-style:solid;
	 border-width:2px;
	 border-color:#F2F2F2;
	/* margin-left is the space internal the panel */
	margin-left:0px;
	/* left is the space external the panel */
	left:0px;
	/*horizontal-align:left;*/
	border-style:solid;
	font-size:12px;

}

/*
	calendar class definition
*/
.CssCalendar
{
	background-color:Yellow;		
	
}

/*
	list box class definition
*/

.CssListBox
{
	background-color:white;
	border-style:solid;
	font-size:12px;
	border:solid,1px,black;
}

/*
	tabstrip class definition
*/

.CssTabStrip
{
	background-color:Green;
	border-color:Red  
}

.CSCCalendar
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial;
   background-color: white;
}

.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.CSCCalendarNoFilter
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial;
   background-color: white;
   }
.CSCCalendarNoFilter TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}


.CSCWeekRowsTable
{
   border-right: black 1px solid;
   border-top: black 1px solid;
   font-size: 8pt;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   font-family: Arial;
   background-color: white;
}

.CSCDay
{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
}

.CSCSelectedDay
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCSelectedToday
{
   font-weight: bold;
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCToday
{
   font-weight: bold;
   cursor: pointer;
   cursor: hand;
}
.CSCSpecialDay
{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}

.CSCOtherMonthDays
{
   cursor: default;
   color: gray;
}

.CSCWeekNumberColumn
{
   border-right: blue 1px solid;
   background-color: lightblue;
}

.CSCDayHeader
{
   border-bottom: blue 1px solid;
}

.CSCDayHeader TR
{
   font-size: 7pt;
   background-color: lightblue;
}

.CSCDayHeaderCell
{
   font-size: 7pt;
}

.CSCHeaderTable
{
   font-size: 8pt;
   border-bottom: blue 1px solid;
   font-family: Arial;
}

.CSCHeaderRows
{
   font-size: 8pt;
   font-family: Arial;
   cursor: default;
}

.CSCHeaderRows TR
{
   background-color: inherit;
}

.CSCIncrementalButtons
{
   cursor: pointer;
   cursor: hand;
   color: mediumblue;
}

.CSCIncrementalButtonsPressed
{
   cursor: pointer;
   cursor: hand;
   color: darkblue;
}

.CSCJumpButtons
{
   color: mediumblue;
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtonsPressed
{
   color: darkblue;
   cursor: pointer;
   cursor: hand;
}

.CSCCloseButton
{
   cursor: default;
}

.CSCCloseButtonPressed
{
   cursor: default;
}
.CSCHelpButton
{
   cursor: default;
}

.CSCHelpButtonPressed
{
   cursor: default;
}

.CSCFooterTable
{
}

.CSCFooterTable TABLE
{
}

.CSCFooterButton
{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterButtonPressed
{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterCurrentDate
{
}

.SD_Selectable1
{
   background-color: mistyrose;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM1
{
   background-color: powderblue;
   cursor: pointer;
   cursor: hand;
}
.SD_Selectable2
{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM2
{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}
.SD_Unselectable1
{
   color: gray;
   background-color: mistyrose;
}
.SD_UnselectableOM1
{
   color: gray;
   background-color: powderblue;
}
.SD_Unselectable2
{
   color: gray;
   background-color: palegoldenrod;
}
.SD_UnselectableOM2
{
   color: gray;
   background-color: gainsboro;
}

.DTBToggleCalendar
{
}

.DTBToggleCalendarPressed
{
}

.DTBHelpButton
{
}

.DTBHelpButtonPressed
{
}

.MYPMonthYearPicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 8pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}

.MYPMonthYearPicker TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.MYPMonthTable
{
}

.MYPYearTable
{
}

.MYPMonthCell
{
   cursor: pointer;
   cursor: hand;
}

.MYPSelectedMonthCell
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}


.MYPYearCell
{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedYearCell
{
   cursor: pointer;
   cursor: hand;
   background-color: gold;
}

.MYPOutOfRangeCell
{
   color: gray;
}

.MYPMoveYearsButtons
{
}

.MYPMoveYearsButtonsPressed
{
}

.MYPTogglePicker
{
}

.MYPTogglePickerPressed
{
}


.PDPContextMenu
{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial;
   background-color: white;
}

.PDPContextMenu TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.header-text
{
    font-size: 25pt;
    font-family: Arial;
    font-weight:bold;
    /*background-color:#DEBA84;*/
    
}