/********************************************************************************************************/
/** STANDARD HTML DEFINITIONS
/********************************************************************************************************/
BODY
{
}

A:link, A:visited, A:active, A:hover
{
    text-decoration: underline;
    color : #EB0000;
}

HR
{
    color: #EB0000;
    height:1px;
    text-align:left;
    /*border-bottom: dotted;*/
}

FORM
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	display:inline;
}

TABLE
{
	FONT-SIZE: 10px;
	font-family: Verdana, Arial;
}

img.TransparentBackground
{
	background: #333333;
}

.SmallTextBox
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 50px;
}

.NormalTextBox
{
	font-family: Verdana, Arial;
	font-size: 10px;
}

.NormalTextBoxSmallText
{
	font-family: Verdana, Arial;
	font-size: 9px;
}

.MiddleTextBox
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 250px;
}

.LargeTextBox
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 550px;
}

.fullWidthTextbox
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 100%;	
}

.CommentMailer
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 180px;
	height: 50px;
}

.fullWidth
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 100%;
}

.Border
{
	font-family: Verdana, Arial;
	font-size: 10px;
	border: solid 1px #666666;
}

.onglet
{
	BORDER: solid 1px #666666;
}

.borderBottom
{
	BORDER-BOTTOM: solid 1px #666666;
}

.fullWidthBorderBottom
{
	BORDER-BOTTOM: solid 1px #666666;
	width: 100%;
}

.borderNoTop
{
	BORDER-RIGHT: solid 1px #666666;
	BORDER-BOTTOM: solid 1px #666666;
	BORDER-LEFT: solid 1px #666666;
	background-color: #efefde;
}

.ongletSelected
{
	BORDER-RIGHT: solid 1px #666666;
	BORDER-TOP: solid 1px #666666;
	BORDER-LEFT: solid 1px #666666;
	background-color: #efefde;
}

.fullWidthBorder
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 100%;
	border: solid 1px #666666;
	background-color: #F5F5F5;
}

.Popup
{
	background-color: White;
	border: outset 2px black;
}

.MailerWidth
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 180px;
}

.AjaxLink
{
	text-decoration:    underline;
    color: red;
    font-size:  11px;
    cursor: pointer;
}

#iframeExternal
{
	border: solid 1px black;
}

/********************************************************************************************************/
/** Portal Banner
/********************************************************************************************************/
.SiteLink, .InformationBar
{
	font-weight: bold;
	FONT-SIZE: 10px;
	COLOR: #8B0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif    
}


/********************************************************************************************************/
/* Datagrid styles
/********************************************************************************************************/
.DataGridHeader {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  background: #dcdcdc;
  background-image: url(images/toolgradp.gif);
}

.DataGridSelectedItemStyle 
{
	background: LightSteelBlue;
}

.DataGridItemStyle {
  /*background: #f8f8f9;*/
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  background: white;
}

.DataGridAlternatingItemStyle {
  /*background: #FFFFFF;*/
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  background: #EEEEEE;
}
.dataGridPagerCurrentPage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
}
 
.dataGridPagerLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 18px;
  text-decoration: none;
}
 
A.dataGridPagerLinks:link {
  text-decoration: none;
}
 
A.dataGridPagerLinks:visited {
  text-decoration: none;
}
 
A.dataGridPagerLinks:hover {
  text-decoration: underline;
}

/********************************************************************************************************/
/* Mdoule Header, Footer, Error Messages, etc
/********************************************************************************************************/
.DesktopModuleTitle
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color:black;
    font-weight:bold;
}

.TemplatesMenuPagerHeader
{
    font-family: Verdana, Arial;
    font-size:  10px;
    color:white;
    /*background-color: #EB0000;*/
    background-image: url(images/HeaderMenuPager.jpg);
    background-color: #d30a04;
    font-weight:bold;
}

.MenuPagerBorder
{
    background-color: #EB0000;
}

.MenuBackground
{
	background-image: url(images/HeaderMenuPager.jpg);
	background-color: #d30a04;
    background-repeat: repeat-x;
}

.TemplatesMenuPagerContent
{
	background: #E1E1E1;
}

.ErrorMessage
{
	font-weight: bold;
	font-size: 12px;
	background-color: Yellow;
    color: black;
}

.MenuHolderHorizontalContent A.MenuHolderItem:link, .MenuHolderHorizontalContent A.MenuHolderItem:visited, .MenuHolderHorizontalContent A.MenuHolderItem:hover, .MenuHolderHorizontalContent A.MenuHolderItem:active
{
	color: black;
}

.MenuHolderVerticalContent #imgArrow
{
	src: url(images/arrow_black.gif);
	width:100px;
}

.MenuHolderVerticalContent
{
	border: none;
	width: 100%;
	text-align: left;
}

.MenuHolderHorizontalContent
{
	position: absolute;
	right: 0px;
	top: 120px;
	/*background-color: #EEEEEE;*/
	text-align: center;
	color: black;
	border: none;
	width: 100%;
	z-index: 100;
}

.visible
{
	visibility: visible;
}
.hidden
{
	visibility: hidden;
}

/********************************************************************************************************/
/* Module HTML
/********************************************************************************************************/
.HtmlText
{
	font-weight: normal;
	font-size: 10px;
	color: #323232;
	font-family: Verdana, Helvetica, sans-serif;
}


/********************************************************************************************************/
/* Module ADMIN
/********************************************************************************************************/
.MenuListBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 160px;
	height: 200px;
}

.LoginTextbox
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 180px;
}
.LoginDropdown
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
}

.TabLayoutTextbox
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 280px;
}

.TabLayoutListbox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 150px;
	height: 100px;
}
.TabRolesListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 230px;
	height: 120px;
}

/********************************************************************************************************/
/* Module ALERT SPOT
/********************************************************************************************************/
.AlertSpotSearchTextbox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 140px;
}
.AlertSpotDatePicker
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 60px;
}
.AlertSpotSearchButton
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 60px;
}

/********************************************************************************************************/
/* BVD MDB MAIL
/********************************************************************************************************/
.MDBSearchTextbox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 300px;
}

.MDBHiddenTextbox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 0px;
	visibility:hidden;
}
.MDBSelectionListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 95%;
	height: 100px;
}

/********************************************************************************************************/
/* Modules WEBI FULL CLIENT
/********************************************************************************************************/
.WebiPromptAnswer
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: bold;
}

.WebiPromptSearchTextbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 215px;
}
.WebiPromptListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 230px;
	height: 100px;
}
.WebiSelectionListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 230px;
	height: 120px;
}
.WebiHiddenTextbox
{
	width: 40px;
	visibility:hidden;
}

.WebiPromptDropDown
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 230px;
}


/********************************************************************************************************/
/* Module MIS ONLINE
/********************************************************************************************************/
.MISDropDown
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 100%;
}

.MISDropDownInDataGrid
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
}

.MISSearchButton
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 50%;
	height: 25px;
	font-weight: bold;
}

/********************************************************************************************************/
/* Module ALERT SPOT MAIL
/********************************************************************************************************/
.AlertSpotMailSearchTextbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 245px;
}
.AlertSpotMailListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 260px;
	height: 200px;
}
.AlertSpotMailSelectionListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 260px;
	height: 294px;
}

/********************************************************************************************************/
/* Module OS TRACKER
/********************************************************************************************************/
.OSTrackerClosePopupButton
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 150px;
}
.OSTrackerThumbnailImage
{
	cursor : hand;
}

.OSTrackerMoreInfos
{
	cursor : hand;
	text-decoration: underline;
	color : Red;	
}

.OSTrackerMDBSelectionListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 300px;
	height: 90px;
}
/********************************************************************************************************/
/* Module MIS SELECT LABEL
/********************************************************************************************************/
.MISSelectLabelSearchTextbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 215px;
}
.MISSelectLabelListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 230px;
	height: 200px;
}
.MISSelectLabelSelectionListbox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  10px;
	width: 230px;
	height: 245px;
}
.MISSelectLabelButton
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 100px;
	height: 25px;
	font-weight: bold;
}

/********************************************************************************************************/
/* Module SEARCH
/********************************************************************************************************/
.SearchTextbox
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 180px;
}
.SearchButton
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	width: 100px;
	font-weight: bold;
}
.SearchButton2
{
	BORDER-RIGHT: #EB0000 1px solid;
	BORDER-TOP: #EB0000 1px solid;
	BORDER-LEFT: #EB0000 1px solid;
	BORDER-BOTTOM: #EB0000 1px solid; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
	font-weight: bold;
}

.firstDayOfPeriod
{
	border-left: solid 1px #666666;	
	border-top: solid 1px #666666;	
	border-bottom: solid 1px #666666;	
}

.lastDayOfPeriod
{
	border-right: solid 1px #666666;	
	border-top: solid 1px #666666;	
	border-bottom: solid 1px #666666;	
}

.dayOfPeriod
{
	border-top: solid 1px #666666;	
	border-bottom: solid 1px #666666;	
}

.BorderLeft
{
	border-left: solid 1px #999999;	
}

.BorderRight
{
	border-right: solid 1px #999999;	
}

.BorderLeftTopBottom
{
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.BorderRightTopBottom
{
	border-right: solid 1px #999999;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.BorderBottom
{
	border-bottom: solid 1px #999999;
}

.BorderTopBottom
{
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.AllBorders
{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.DataGridUniqueHeader {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  background: #dcdcdc;
  background-image: url(images/toolgradpUnique.jpg);
}

.HeaderBold {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.DataGridUniqueItemStyle {
  /*background: #EFEFEF;*/
  background-image: url(Images/bgGridLine.jpg);
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #414750;
  height: 24px;
}

.DataGridUniqueSelectedWeekStyle
{
  background-image: url(Images/bgGridSelectedWeek.jpg);
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #414750;
  height: 24px;
  cursor: pointer;
}

.DataGridUniqueSelectedItemStyle {
  background-image: url(Images/bgGridSelectedLine.jpg);
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #414750;
  height: 24px;
}

.CadreFullWidth
{
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	width: 100%;
}

.CadreFullWidthDatagridHeader
{
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	width: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	background: #dcdcdc;
	background-image: url(images/toolgradp.gif);
}

.UnQuart
{
	width: 25%;
	vertical-align: top;
}

.UnTiers
{
	width: 33%;
	vertical-align: top;
}

.DeuxTiers
{
	width: 67%;
	vertical-align: top;
}

.UnDemi
{
	width: 50%;
	vertical-align: top;
}

.smallest
{
	font-size:  8px;
	font-weight: lighter;
}

.small
{
	font-size:  9px;
	font-weight: lighter;
}

.AjaxLink
{
	text-decoration:    underline;
	font-weight: bolder;
    color: #EB0000;
    font-size:  11px;
    cursor: pointer;
}

.AjaxCursor
{
    cursor: pointer;
}

.noload 
{
	display:none;
}

.loading 
{
	position: absolute;
	top: 200;
    left: 0;
	padding: 0;
	height: 200px;
	margin: 0;
	width: 100%;
	background-color: #BBBBBB;
	text-align: left;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	border-color: #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
}

.LogoWithBorder
{
	border: solid 2px #666666;
}

.gray
{
	background-color: #999999;
}