/* Main Text styles */

.maincontent
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}



/* User Input styles */
.input
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* User Input styles */
.pointInput
{
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: Blue;
}



/* Error Messages styles */
.errormessage
{
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	font-family: Arial,Verdana, Helvetica, Sans-Serif;
}

/* Error Messages styles */
.smallerrormessage
{
	font-weight: lighter;
	font-size: 9px;
	color: #ff0000;
	font-family: Arial,Verdana, Helvetica, Sans-Serif;
}

/* Error Messages styles */
.ErrorMessageArea
{
	font-weight: normal;
	font-size: 12px;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-image:url(../images/ErrorBack.gif);	
	background-repeat:no-repeat;
	background-position:top right ;
}

/* Error Text styles */
.mediumtext
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12pt; 
	COLOR: #003399; 
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}

.ImportEmployeeTable
{
	background-image:url(../images/import1.gif);	
	background-repeat:no-repeat;
	background-position:top right ;
}

.ImportLeaveBalanceTable
{
	background-image:url(../images/import2.gif);	
	background-repeat:no-repeat;
	background-position:top right ;
}

.ReportsTable
{
	background-image:url(../images/ReportBack.gif);	
	background-repeat:no-repeat;
	background-position:bottom right ;
}

.SummaryTable
{
	background-image:url(../images/SummaryBack.jpg);	
	background-repeat:no-repeat;
	background-position:top right ;
	background-color: #E1ECFC;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.RewardTable
{
	background-image:url(../images/RewardBack.gif);	
	background-repeat:no-repeat;
	background-position:top right ;
	background-color: #E1ECFC;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.FreeTextTable
{
	background-image:url(../images/FreeTextBG.gif);	
	background-repeat:no-repeat;
	background-position:top right ;
}

.SideBarImage
{
	background-image:url(../images/SideImage.gif);	
	background-repeat:no-repeat;
	background-position:top left ;
}

.WelcomeTable
{
	background-image:url(../images/welcome.jpg);	
	background-repeat:no-repeat;
	background-position:bottom right ;
}

/*Scoring Matrix Styles*/

.ScoringMatrixTable
{
	border: 1px #CCCCCC solid;
	background-image:url(../images/toolgrad.gif);	
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#E1ECFC;
	COLOR: #003399
}

.ScoringMatrixItemsTable
{
	border: 1px #CCCCCC solid;
	background-image:url(../images/toolgrad.gif);	
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#E8EEF6;		
	COLOR: #003399
}

.ScoringMatrixLevels
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	COLOR: #003399;
}

.ScoringMatrixLevelsBack
{
	background-image: url(../images/levelGrad.gif);
	background-position: right;
	background-repeat: repeat-y;	
}

.ScoringMatrixCriteria
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	COLOR: #003399
}

.ScoringMatrixPoints
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	COLOR: Red;
}

.ScoringMatrixPoints:hover
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}

.ScoringMatrixDetails
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	COLOR: #003399
}


/* FeedBack Comments styles*/

.PageSubTitle
{
	background-position:bottom;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}
	
.FeedBackComments
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border-style: groove;
	background-color: Transparent;	
}


/* Area and Section styles */
.gradientArea
{
	border: 1px #CCCCCC solid;
	background-image:url(../images/toolgrad.gif);	
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#E1ECFC;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}

.gradientAreaWhite
{
	border: 1px #CCCCCC solid;
	background-image:url(../images/toolgrad.gif);	
	background-repeat:repeat-x;
	background-position:bottom;
	background-color: White;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}

/* Area and Section styles */
.disclaimerArea
{
	border: 1px #CCCCCC solid;
	background-color:White;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}

/* Area and Section styles */
.gradientAreaLabel
{	
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}

/* Area and Section styles */
.Title
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}
.SubTitle
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 3px;
	COLOR: #003399
}

.layoutArea
{
	border: 1px #CCCCCC solid;
	padding: 4px;
	background-color: #FFFFFF; /* #E1ECFC;	*/
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.layoutAreaWhite
{
	border: 1px #CCCCCC solid;
	padding: 4px;
	background-color: White;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}
.gridArea
{
	border: #CCCCCC;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

 
A
{
	 color: #003399; 
	 text-decoration:none;
	 font-size:8pt; 
	 font-weight:normal;
	 FONT-FAMILY: Arial, Verdana, sans-serif;
	 
}


A:visited
{ 
	color: #003399;
	font-size:8pt;
	text-decoration:  none; 
	font-weight:normal;
	FONT-FAMILY: Arial, Verdana, sans-serif;
} 

A:active
{
	color: #003399; 
	font-size:8pt;
	font-weight:normal;
	text-decoration: none;
	FONT-FAMILY: Arial,Verdana, sans-serif;
}

A:hover 
{
	 color: #003399;
	 font-size:8pt;
	 font-weight:normal;
	 text-decoration: underline;
	 FONT-FAMILY: Arial,Verdana, sans-serif; 
} 

A:link 
{
	 color: #003399;
	 font-size:8pt;
	 font-weight:normal;
	 text-decoration: none;
	 FONT-FAMILY: Arial,Verdana, sans-serif; 
} 



.Data {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial, verdana, helvetica, sans-serif;
	background-color:#F1F8FD;
	text-align:left;
}


.Label {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.LabelBold {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: BOLD; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.Required {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: RED; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.MenuItem:visited {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.MenuItem:active {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.MenuItem:hover {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:underline;
}

.ReportItem {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.ReportItem:visited {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.ReportItem:active {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.ReportItem:hover {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:underline;
}

.LinkButton {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.LinkButton:visited {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.LinkButton:active {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:none;
}
.LinkButton:hover {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; COLOR: #003399; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-decoration:underline;
}

.GridAlternate
{
	background-color: #CDE6F8; /*#F2F2F2;*/
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial, verdana,  helvetica, sans-serif;
	text-align:left;
}
.GridHeader
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT:bolder; /*: normal; */
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial,verdana, helvetica, sans-serif	border-width:1px;
	color:#FFFFFF;/*#003399;*/
	border-style:none;
	background-color:#3897DC;/*#E1ECFC;*/
	text-align:center;
}

.GridHeader a:link 
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT:bolder;  
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial,verdana, helvetica, sans-serif	border-width:1px;
	color:#FFFFFF; 
	border-style:none;
	/*background-color:#3897DC;*/
	text-decoration:none;
}

.GridHeader a:visited
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT:bolder;  
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial,verdana, helvetica, sans-serif	border-width:1px;
	color:#FFFFFF; 
	border-style:none;
	text-decoration:none;
}

.GridHeader a:active
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT:bolder;  
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial,verdana, helvetica, sans-serif	border-width:1px;
	color:#FFFFFF; 
	border-style:none;
	text-decoration:none;
}

.GridHeader a:hover
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT:bolder;  
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial,verdana, helvetica, sans-serif	border-width:1px;
	color:#FFFFFF; 
	border-style:none;
	text-decoration:none;
}
 

.GridPager
{	
	Color: #FFFFFF;/*#003399;*/
	Background-Color:#3897DC; /*#E1ECFC;*/
	font-size: 11px;
	font-family: Arial,Verdana, Helvetica, Sans-Serif;
	font-Weight:bold;
}

.GridPager a:link 
{	Color:#003399;Background-Color:#E1ECFC; font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-Weight:Normal}
.GridPager a:visited
{	Color:#003399;Background-Color:#E1ECFC; font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-Weight:Normal}
.GridPager a:hover 
{	Color:#003399;Background-Color:#E1ECFC; font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-Weight:bold}


.layoutAreaWhite
{
	border: 1px #CCCCCC solid;
	padding: 4px;
	background-color: White;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.gridAreaWhite
{
	border: #CCCCCC;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.DataWhite {
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	background: White;
}

.GridAlternateWhite
{
	background-color: White;
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	
}
.GridHeaderWhite
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif	border-width:1px;
	color:#383734;
	border-style:none;
	background-color:#FFFFFF;
}

.GridPagerWhite
{	
	Color: #383734;
	Background-Color: White; 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-Weight:bold
}

.GridPagerWhite a:link 
{	Color:#383734;Background-Color:#FFFFFF; font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-Weight:Normal}
.GridPagerWhite a:visited
{	Color:#383734;Background-Color:#FFFFFF; font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-Weight:Normal}
.GridPagerWhite a:hover 
{	Color:#383734;Background-Color:#FFFFFF; font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-Weight:bold}

.UpdateButton
{
	Font-Family: Verdana, sans-serif;
	Font-Size: 11px;	
	cursor:hand;
    border-style: solid;
    background-image: "../images/update.gif";
}


.MainButton
{

Font-Family: Verdana, sans-serif;

Font-Size: 11px; 

cursor:hand;

margin-right: 2px;

}


.TabButton
{
	Font-Family: Verdana, sans-serif;
	Font-Size: 11px;		
	color: #003399;
	background-color:"Transparent";
	height : 24;
	width :80;
	border-style:ridge;
	cursor:hand;
}

.TabBoldButton
{
	Font-Family: Verdana, sans-serif;
	Font-Size: 11px;		
	font-weight:Bold;
	color: #003399;
	background-color:"Transparent";
	height : 24;
	width :80;
	border-style:ridge;
	cursor:hand;
}

.CalendarDay
{
	cursor:hand;
}