BODY
{
  font-family: Verdana;
  font-size: .7em;
  color: #002F62;
  background: #F6F6F6;
  margin: 0 0 0 0;
  overflow:hidden;
}

H1, H2, H3, H4, H5
{
  COLOR: #F36F00;
}
H1	{	
	font-size:	1.2em;
	font-weight:	700;
	}	
		
H2	{	
	font-size:	1em;
	font-weight:	700; 
	}
		
TABLE
{
  font-size: 1em;
}

.csscListHeader a:link
{
 color: white;
}
.csscListHeader a:visited
{
 color: white;
}
.csscListHeader a:hover
{
 color: white;
}
.csscListHeader TD
{
  /*
  padding:  0 5 0 5;
  border-bottom: solid 3px #8092AA;
  */
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
}
.csscList TD
{ 
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
}
.csscListWithoutPadding TD
{ 
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.csscOH
{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

TFOOT, THEAD, .csscListHeader
{
  font-weight: 700;
  color: white;
  background-color: #8092AA;
  border: solid 0px;
}

TFOOT, THEAD, .csscListHeaderLight {
  font-weight: 700;
  color: white;
  background-color: #97A6BB;
  border: solid 0px;
}	
TFOOT, THEAD, .csscListHeaderDark
{
  font-weight: 700;
  color: white;
  background-color: #002F63;
}
.csscListHeaderNotBold
{
  color: white;
  background-color: #8092AA;
  border: solid 0px;
}	
.csscListAlternatingItem
{
  background-color: #EFF0F2;
}
.csscListSelectedItem
{
  color: white;
  background-color: #405C81;
}
.csscListSelectedItem a:link
{
  color: white;
}
.csscListSelectedItem a:hover
{
  color: white;
}
.csscListSelectedItem a:visited
{
  color: white;
}
.csscListSelectedItem a:active
{
  color: white;
}

.csscPastItem
{
  color: white;
  background-color: #004C8A;
}
.csscPastItem A:link
{
  color: white;
  text-decoration: none;
}
.csscPastItem A:visited
{
  color: white;
  text-decoration: none;
}
.csscPastItem A:active
{
  color: white;
  text-decoration: underline;
}
.csscPastItem A:hover
{
  color: white;
  text-decoration: underline;
}
.csscPresentItem
{
  color: white;
  background-color: #759D75;
}
.csscFutureItem
{
  color: white;
  background-color: green;
}
.csscFutureItem A:link
{
  color: white;
  text-decoration: none;
}
.csscFutureItem A:visited
{
  color: white;
  text-decoration: none;
}
.csscFutureItem A:active
{
  color: white;
  text-decoration: underline;
}
.csscFutureItem A:hover
{
  color: white;
  text-decoration: underline;
}

.csscListEmployeeHolidayPlannedHolidayPresentItem
{
  color: white;
  background-color: #F36F00;
}
.csscListEmployeeHolidayExceptionalHolidayBonusPresentItem
{
  color: #00CE00;
  font-weight:600;
}
.csscListEmployeeOvertimeHourPresentItem
{
  color: white;
  background-color: #F36F00;
}
.csscListFutureItem
{
  background-color: #E8EAEE;
}
.csscListDueTodayItem
{
  color: #DD4401;
  background-color: #E8EAEE;
}
.csscListOverdueItem
{
  color: white;
  background-color: #AE3500;
}
.csscListOverdueItem a:link
{
  color: white;
}
.csscListOverdueItem a:hover
{
  color: white;
}
.csscListOverdueItem a:visited
{
  color: white;
}
.csscListOverdueItem a:active
{
  color: white;
}

.csscHighlightedItem
{
  color: red;
  font-weight:bold;
}

.csscListPager
{
  color: blue;
  background-color: #8092AA;
}

.csscContextualMenuTitle
{
  color: #F36F00;
  font-weight: 700;  
  /*border-bottom:solid #F36F00 1.0px;*/
  width: 160px;
}

.csscContextualCheckBoxOption
{
  color: #002F62;
}

.csscContextualMenuHyperlink
{
  color: #002F62;
  text-decoration: none;
}
.csscContextualMenuHyperlink A:link
{
  color: #002F62;
  text-decoration: none;
}
.csscContextualMenuHyperlink A:visited
{
  color: #002F62;
  text-decoration: none;
}
.csscContextualMenuHyperlink A:active
{
  color: #002F62;
  text-decoration: none;
}
.csscContextualMenuHyperlink A:hover
{
  color: #F36F00;
  text-decoration: underline;
}
.csscContextualMenuHyperlinkSelected
{
  color: #F36F00;
  text-decoration: underline;
}
.csscContextualMenuHyperlinkSelected A:link
{
  color: #F36F00;
  text-decoration: underline;
}
.csscContextualMenuHyperlinkSelected A:visited
{
  color: #F36F00;
  text-decoration: underline;
}
.csscContextualMenuHyperlinkSelected A:active
{
  color: #F36F00;
  text-decoration: underline;
}
.csscContextualMenuHyperlinkSelected A:hover
{
  color: #F36F00;
  text-decoration: underline;
}

.csscNavigationContext
{
  color: #002F62;
  padding-top: 5px;
  padding-left: 10px;
  text-decoration: none;
}	
.csscNavigationContext a:link
{
  color: #002F62;
  text-decoration: none;
}	
.csscNavigationContext a:visited
{
  color: #002F62;
  text-decoration: none;
}	
.csscNavigationContext a:hover
{
  color: #F36F00;
  text-decoration: underline;
}	

A:link
{
  color: #002F62;
  text-decoration: none;
}	
A:visited	
{	
  color: #002F62;
  text-decoration: none;
}	
A:active	{	
  color: #002F62;
  text-decoration: none;
}	
A:hover
{
  color: #002F62;
  text-decoration: underline;
}
		
INPUT, SELECT
{
  font-family: Verdana;
  font-size: 1em;
  background-color: white;
  border: solid 1px #7F9DB9;
}
TEXTAREA
{
  font-family: Verdana;
  font-size: 1em;
  background-color: white;
  border: solid 1px #7F9DB9;
  /*
  overflow: hidden;
  resize: vertical;
  */
}

.csscTextArea
{
  font-family: Verdana;
  font-size: 1em;
  background-color: white;
  border: solid 1px #7F9DB9;
  /*
  overflow: hidden;
  resize: vertical;
  */
}
.csscTextAreaDisabled
{
  font-family: Verdana;
  font-size: 1em;
  background-color: white;
  color: #6D6D6D;
  border: solid 1px #7F9DB9;
  /*
  overflow: hidden;
  resize: vertical;
  */
}

.csscButton
{
  cursor: pointer;
	font-size:	1em;
  background: #E5EAF0;
/*
	border-style: ridge;
	border-width: thin;
	color: White;
  margin-left: 2px;
  margin-right: 2px;
*/
}
.csscAcceptCommonLegalDocumentsButton
{
	border: 0px solid Red;
	color: #002f62;
	background: #F05900;
  padding: 1px;
  cursor: pointer;
}

.csscBackButton
{
  margin-right: 10px;
  vertical-align: text-bottom;
}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	
.csscPageHeaderRow
{
  height: 35px; 
  /* width: 100%; */
}

.csscPageTitleRow
{
  height: 40px;
  vertical-align: middle;
}
.csscPageTitleCellLeft
{
  /*border-right: solid 1px #8092AA;*/
  background-image: url(ContextualMenuVerticalSeparator.png);
  background-position: right;
  background-repeat: repeat-y;
  vertical-align: top;  
}

.csscPageTitleCellRight
{
  padding-left: 10px;
}
.csscTitle
{
  font-size: 1.2em;
  font-weight: 700;
  color: #F36F00;
  border-bottom:solid #F36F00 1.0px;
  width: 98%;
}
.csscTitle a:link
{
  color: #F36F00;
}
.csscTitle a:visited
{
  color: #F36F00;
}
.csscSubTitle1
{
  font-size: 1em;
  font-weight: 700;
  color: #F36F00;
  /*text-decoration: underline;  */
}

.csscContextualMenuCell
{
  /*border-right: solid 1px #8092AA;*/
  background-image: url(ContextualMenuVerticalSeparator.png);
  background-position: right;
  background-repeat: repeat-y;
  
  border-bottom: solid 1px #8092AA;
  padding: 0px 0px 0px 5px;
}

.csscContextualMenu
{
	overflow: auto;
	display: inline;
}

.csscContentPanel
{
  overflow: auto;
  /* content width is redefined when loading and resizing page */
  width: 500px;
  height: 100%;
  /*border: solid 1px red;*/
  border-bottom: solid 1px #8092AA;
}

.csscContentPanelWithoutBottomBorder
{
  overflow: auto;
  /* content width is redefined when loading and resizing page */
  width: 500px;
  height: 100%;
}

.csscSuccessMessage
{
  color: Green;
  font-weight:bolder;
}
.csscInformationMessage
{
  color: #002F62;
}
.csscWarningMessage
{
  color: #C0504D;
  /*color: Red;*/
}
.csscErrorMessage
{
  color: Red;
}

.csscValidatorMessage
{
  padding-left: 5px;
  color: Red;
}

.csscMultilineTextBox
{
  font-family: Verdana;
}

#divNavigation, #ctl00_cphM_divNavigation, #cphM_divNavigation
{
  margin-top: 0px;
  margin-bottom: 10px;
  width: 100%;
	border-bottom: 3px solid #002F63;
}
.tabNavigation
{
  text-align: center;
  font-weight: bold;
  border-collapse: collapse;
	/*width: 100%;*/
}
.tabNavigation a
{
  width: 100%;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  
}
.tabSelected
{
  background-color: #002F63;
	border-right: solid 2px white;
}
.tabUnSelected
{
  font-weight: normal;
  background-color: #8092AA;
	border-right: solid 2px white;
}
.tabNavigation a:link
{
	color: white;
  text-decoration: none;
}
.tabNavigation a:hover
{
	color: white;
  text-decoration: underline;
}
.tabNavigation a:active
{
	color: white;
}
.tabNavigation a:visited
{
	color: white;
}

.csscAmount
{
  text-align: right;
}
.csscPercent
{
  text-align: right;
}
.csscNumber
{
  text-align: right;
}
.csscDate
{
  text-align: center;
  width: 83px;
}
.csscMonth
{
  text-align: center;
  width: 60px;
}
.csscYear
{
  text-align: center;
  width: 40px;
}
.csscTime
{
  text-align: center;
  width: 40px;
}
.csscMediumDateTime
{
  text-align: center;
  width: 140px;
}
.csscQuarter
{
  text-align: center;
  width: 60px;
}
.csscTip
{
  font-size: 0.8em;
}

.csscVersion
{
  font-size: .8em;
  color: #8092AA;
  position:absolute;
  bottom:5px;
  left: 0px;
  text-align: left;
}

.csscAuditData
{
  font-size: .8em;
  font-weight:normal;
  color: #8092AA;
  position:absolute;
  width:300px;
  bottom:45px;
  right: 0px; 
}
.csscLastCalculations
{
  font-size: .8em;
  font-weight:normal;
  color: #8092AA;
}
.csscTotal
{  
  color: white;
  background-color: #8092AA;
  text-align: right;
  border: solid 0px;
}
.csscFooter
{
  background: white;
}

.EmployeeSearchDescription
{
  font-weight: 700;
  color: white; 
  background: #8092AA;
}
.EmployeeSearchValue
{
	color: #002F62;
  background: #EFF0F2; 
  /*
  color: #8092AA;
  */
}
.EmployeeSearchValue a:link, .EmployeeSearchValue a:visited, .EmployeeSearchValue a:active
{
  color: #002F62; 
}
.csscGalleryEmployee
{ 
	color: #002F62;
  text-align:center;
	width: 200px;
	height: 270px;
  white-space:nowrap;
  overflow:hidden;
  /*border: solid 1px red;*/
}
.csscPersonImage
{ 
	color: #002F62;
	vertical-align:top;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  border: solid 5px transparent;
}
.csscToday
{
  color: white;
  background-color: #F36F00;
}
.csscPublicHolidayWeekDay
{
  color: white;
  background-color: #763626;
}
.csscPublicHolidayWeekendDay
{
  color: white;
  background-color: #808080;
}
.csscSalarySimulationTotal
{
  font-weight: bold;
  color: white;
  background-color: #8092AA;
}
.csscWait
{
  position:absolute;  
  right:30px; 
  bottom:1px;
}
.csscOpportunityWon
{
  color: black;
  background-color:  #55EE55;
}
.csscOpportunityLost
{
  color: white;
  background-color: #DD4401;
}
.csscOpportunityRejectedByBi
{
  color: white;
  background-color: #880088;
}
.csscBonusCoefficient0
{
  background-color: #e3b3b3;
}
.csscBonusCoefficient1
{
  background-color: #f8dfc7;
}
.csscBonusCoefficient2
{
  background-color: #ced9ce;
}

.csscToolTip
{
  background-color: #F2F2F2;
  padding: 2px 5px 2px 5px;
  border: solid 1px #767676;
  /* The following is not understood by IE but by all other browsers!*/
  max-width: 250px; 
  /* width: 250px;*/
}


/*
.csscToolTip
{
  The following seems to work only if a reference to 

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  is defined before the <html> tag!

  However, this reference breaks all other b-back formatting!

	color:#575757;
	background-color:#E4E5F0;
	border:solid 1px #767676;
	padding:4px;
	background-image: url(~/Images/ToolTip/TooltipBackground.gif);
	background-repeat:repeat-x;
	
	Rounded Corners
	-moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
    
  Shadow
	-moz-box-shadow: 2px 2px 3px #A9A9A9; 
	-webkit-box-shadow: 2px 2px 3px #A9A9A9; 
	box-shadow: 2px 2px 3px #A9A9A9; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A9A9A9')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A9A9A9');
}
*/

/*Top row*/
.csscToolTipCornerTopLeft
{
  width: 8px;
  height: 8px;
  background-image: url(../Images/ToolTip/CornerTopLeft.gif);
}
.csscToolTipTop
{
  width: 8px;
  height: 8px;
  background-image: url(../Images/ToolTip/Top.gif);
  background-repeat:repeat-x;
}
.csscToolTipCornerTopRight
{
  width: 8px;
  height: 8px;
  background-image: url(../Images/ToolTip/CornerTopRight.gif);
}

/*Center row*/
.csscToolTipLeft
{
  width: 8px;
  background-image: url(../Images/ToolTip/Left.gif);
  background-repeat: repeat-y;
}
.csscToolTipCenter
{
  background-image: url(../Images/ToolTip/Center.gif);
  background-repeat:repeat;
  padding-right:6px;
  padding-bottom:6px;
  white-space:nowrap;
}
.csscToolTipRight
{
  width: 8px;
  background-image: url(../Images/ToolTip/Right.gif);
  background-repeat: repeat-y;
}

/*Bottom row*/
.csscToolTipCornerBottomLeft
{
  width: 8px;
  height: 8px;
  background-image: url(../Images/ToolTip/CornerBottomLeft.gif);
}
.csscToolTipBottom
{
  width: 8px;
  height: 8px;
  background-image: url(../Images/ToolTip/Bottom.gif);
  background-repeat:repeat-x;
}
.csscToolTipCornerBottomRight
{
  width: 8px;
  height: 8px;
  background-image: url(../Images/ToolTip/CornerBottomRight.gif);  
}

/*Modal Popup*/  
.csscModalPopupBackground  
{  
  background-color: Gray; /*background color is necessary for the popup to be modal!? */
  filter: alpha(opacity=70);
  opacity: 0.7;  
  -moz-opacity: 0.7;
  z-index: 10000; /* Must be greater than main menu z-index which is 2000!*/
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  /*
  */
}  
.csscModalPopupShadow  
{  
  background-color: Black;  
  border-width: 0px;  
  position: absolute;
  z-index: 10001;
}  
.csscModalPopupHeader  
{  
  background-color: #8092AA; 
  color: White; 
  font-weight:bold;
  border-width: 0px;  
  text-align: center;
  position: absolute;
  z-index: 10002;
}  
.csscModalPopup  
{  
  background-color: White;  
  border-width: 0px;  
  position:absolute;
  z-index: 10003;
}  

.csscProgressBar
{
  position:relative;
  top:0px;
  left:0px;
  width: 100%;
  height: 18px;
  border: 1px solid #002F62;
  background-color: Transparent;
  text-align:left;
}
.csscProgressBarBar
{
  height: 100%;
  color: #002F62;
  width: 0%;
  background-color: #CCD7E6;
}
.csscProgressBarText
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  padding:1px 1px 1px 4px;
  text-align:left;
}
.csscDummyTextBox
{
  border: solid 1px #7F9DB9;
  background-color: #FFFFFF;
}
.csscDummyReadonlyTextBox
{
  border: solid 1px #7F9DB9;
  color: #A0A0A0;
  background-color: #FFFFFF;
}

/*The following ASP:MENU styles overrides the styles automatically defined by the menu control and may override some properties defined in <ASP:MENU> tag*/
#ucMainMenu_mnuMain { background-color:#002F63; position:absolute;top:0px;left:196px;height:32px; }
#ucMainMenu_mnuMain img.icon { border-style:none;vertical-align:middle; }
#ucMainMenu_mnuMain img.separator { border-style:none;display:block;background-repeat:repeat-x;height:1px;width:100%; }
#ucMainMenu_mnuMain img.horizontal-separator { border-style:none;vertical-align:middle; }
#ucMainMenu_mnuMain ul { list-style:none;margin:0;padding:0;width:auto; }
#ucMainMenu_mnuMain ul.dynamic { z-index:1; }
#ucMainMenu_mnuMain a { color:White;text-decoration:none;white-space:nowrap;display:block; }
#ucMainMenu_mnuMain a.static { padding:9px 9px 9px 9px;text-decoration:none; }
#ucMainMenu_mnuMain a.popout { background-image:url("../Images/Menu/ArrowRight.gif");background-repeat:no-repeat;background-position:right center;padding-right:10px; }
#ucMainMenu_mnuMain a.dynamic { background-color:#002F63;padding:5px 10px 5px 10px;color:White;text-decoration:none; }
#ucMainMenu_mnuMain a.static.highlighted { background-color:#8092AA; }
#ucMainMenu_mnuMain a.dynamic.highlighted { background-color:#8092AA; }

/* 
The following cannot be defined when using above main menu styles, it overrides its style and bullets incorrectly in each menu item!
And for an unbknown reason, the :not(#ucMainMenu_mnuMain) does not work!

UL:not(#ucMainMenu_mnuMain) LI	{	
	list-style-type:square ;
	}	

UL:not(#ucMainMenu_mnuMain) LI LI	{	
	list-style-type: disc;
	}	

UL:not(#ucMainMenu_mnuMain) 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;
	}