/* Comment: General tag style */
body
{
	vertical-align: top;
	text-align: left;
	font-family: Verdana;
	color: #003366;
	font-size: medium;
}
a, a:link, a:visited
{
	background-color: transparent;
	color: #07519a;
	text-decoration: none;
}
a:hover, a:hover span
{
	text-decoration: underline;
}
a:active
{
	color: #090;
}
a span, a:link span
{
	color: #e85f17;
}
p
{
	font-size: 80%;
}
H3
{
	font-size: 100%;
}
IMG
{
	border: 0px;
}

hr
{
	color: #dcdcdc;
	font-size: 8pt;
}

/* Comment: Style is used to show the footer text */
.FooterText
{
	font-weight: bold;
	font-size: 70%;
}
/* Comment: Style is used to show the general text */
.LabelText
{
	font-size: 80%;
}
/* Comment: Style is used to show the text in small letters */
.SmallInfo
{
	font-size: small;
}
/* Comment: Style is used to show error text */
.ErrorText
{
	font-size: 80%;
	color: #ff0066;
}
/* Comment: This style is used to show obligation text on the validator*/
.ObligationText
{
	font-size: small;
	color: #ff3366;
}
/* Comment: Style is used to show bold letters of headers in the Tab items */
.TabHeadText
{
	font-weight: bold;
}

/* Comment: Style is used to the available pack on Internet version */
.FreePack
{
	font-weight: bold;
	color: #55c341;
}
.PremiumPack
{
	font-weight: bold;
	color: #ff9933;
}
.CorporatePack
{
	font-weight: bold;
	color: #006699;
}


.MenuItems
{
	font-weight: bold;
	font-size: 80%;
	background-image: url(Images/box-top-center.png);
	visibility: visible;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	height: 21px;
}
.ButtonText
{
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}
.dotte
{
	margin: 3px;
	padding-left: 3px;
	font-size: 80%;
	padding-bottom: 1px;
}
.dotte li
{
	list-style-type: none;
	position: static;
	vertical-align: middle;
	text-align: left;
	padding-bottom: 3px;
	padding-top: 3px;
}
.smalllink
{
	font-size: 80%;
	direction: rtl;
}

/* Comment: CalendarTitle is used in OEECalendar user control */
.CalendarTitle
{
	font-weight: bold;
	font-size: 12px;
	color: navy;
	font-family: Verdana;
	background-color: #dcdcdc;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
}
.Calendarmonth
{
	font-weight: bold;
	font-size: 7pt;
	visibility: visible;
	vertical-align: middle;
	color: #003366;
	font-family: Verdana;
	text-align: center;
	text-decoration: none;
}
.Calendarweekhead
{
	font-weight: bold;
	font-size: 7pt;
	visibility: visible;
	vertical-align: middle;
	color: #003366;
	font-family: Verdana;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.CalendarDay
{
	font-size: 7pt;
	color: #003366;
	font-family: Verdana;
	text-decoration: none;
}
.CalendarTodayDay
{
	font-size: 7pt;
	color: #ff6666;
	font-family: Verdana;
	text-decoration: none;
}

Table.OEEHeadTable
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-color: white;
	width: 100%;
}
TR.OEEHeadTable
{
	font-weight: bold;
	font-size: 100%;
	background-image: url(Images/f_titre.jpg);
	visibility: visible;
	color: #ffffff;
	height: 20px;
}
TD.OEEHeadTable
{
	font-size: 80%;
	vertical-align: top;
	text-align: left;
}
Caption.HeadTable
{
	background-image: none;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
	color: #ffffff;
	font-family: Verdana;
	text-align: left;
	height: 22px;
	background-color: #5d7b9d;
}
Table.HeadTable
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
TR.HeadTable
{
	vertical-align: top;
	text-align: left;
}
TD.HeadTable
{
	vertical-align: top;
	text-align: left;
}

/* Comment: Style is used in the price page */
Caption.DetailsTable
{
	background-image: none;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
	color: #ffffff;
	font-family: Verdana;
	text-align: left;
	height: 22px;
	background-color: #5d7b9d;
}
Table.DetailsTable
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	width: 100%;
}
TR.DetailsTable
{
	background-image: none;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
	color: #ffffff;
	font-family: Verdana;
	text-align: left;
	height: 22px;
	background-color: #5d7b9d;
}
TD.Details
{
	vertical-align: top;
	text-align: left;
}

DIV.MyDiv
{
	width: 100%;
	margin: 5px 2px 2px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
ol
{
	list-style-position: outside;
	list-style-type: square;
	font-size: 80%;
	position: relative;
}

/* Comment: Style is used in the partner pages */
.PartnerInfoHead
{
	font-weight: bold;
	font-size: 90%;
	color: #003366;
}
.PartnerInfoDetails
{
	padding-left: 20px;
	font-size: 80%;
	font-style: italic;
}
.ImageSize
{
	width: 120px;
	height: 140px;
}

/* Comment: Basic style for each page */
.infobox
{
	border: 1px solid steelblue;
	margin: 6px 6px 12px 6px;
}
.infobox h2
{
	background-color: #00598c;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 90%;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
}
.infobox .child
{
	margin: 6px;
}
.infobox .child table
{
	width: 100%;
	border-collapse: collapse;
}
.infobox .child .child table
{
	width: 95%;
}
.infobox h3
{
	font-size: 90%;
	font-weight: bold;
	background-color: transparent;
	color: #07519a;
}
.infobox p
{
	font-size: 80%;
}
.infobox a
{
	background-color: transparent;
	color: #07519a;
}
.infobox IMG
{
	border: 0px;
}
.infobox .child h2
{
	color: white;
	background-color: #608fc8;
	font-weight: bold;
	font-size: 80%;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	vertical-align: middle;
	text-align: left;
}
.infobox .smallinfobox h2
{
	background-color: #4682b4;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 80%;
	color: #ffffff;
}
.infobox .smallinfobox .child table
{
	width: 95%;
	position: relative;
}
.infobox .smallinfobox .child .headtext
{
	font-size: 8pt;
	color: #ff0066;
	padding-left: 18px;
}
.infobox .link
{
	text-decoration: none;
	color: #f5f5dc;
	background-color: transparent;
	font-weight: bold;
}

/* Comment: Validation control box */
.infobox .child .divValidate
{
	margin-top: 0px;
	margin-bottom: 10px;
	border-top: #003366 1px solid;
	border-bottom: #003366 1px solid;
	border-left: #003366 1px solid;
	border-right: #003366 1px solid;
	background-color: #d3d3d3;
}
.infobox .child .divValidate table
{
	position: static;
}
.infobox .child .divValidate TR
{
	vertical-align: bottom;
}
.infobox .child .divValidate TD
{
	vertical-align: middle;
	text-align: left;
	text-indent: 2pt;
}

/* Comment: Style is used for to show the information on the Right side */
.smallinfobox
{
	border: 1px solid steelblue;
	margin: 6px 6px 12px 6px;
}
.smallinfobox .child
{
	margin: 6px;
}
.smallinfobox .more
{
	display: block;
	margin: 6px 0 0 6px;
	padding: 0 0 6px 0;
}
.smallinfobox h2
{
	background-color: #4682b4;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 80%;
	color: #ffffff;
}
.smallinfobox h3
{
	background-color: transparent;
}
.smallinfobox h2 a, .smallinfobox h3 a
{
	background-color: transparent;
	color: #07519a;
}
.smallinfobox .child Table
{
	width: 95%;
	position: relative;
}

/* Comment: This Style is used to show links on the page titled as Dans cette page' */
.linkbox
{
	margin: 6px;
	float: right;
	position: static;
	overflow: visible;
	border-right: indianred 1px outset;
	border-top: indianred 1px outset;
	border-left: indianred 1px outset;
	border-bottom: indianred 1px outset;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
.linkbox .child
{
	margin: 6px;
}
.infobox .child .linkbox h2
{
	background-color: #cd5c5c;
	border-bottom: indianred 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 80%;
	color: #ffffff;
}
.linkbox li
{
	margin-right: 6px;
}
.linkbox a
{
	background-color: transparent;
	color: #07519a;
}
.linkbox img
{
	border: 0px;
}

/* Comment: This Style is used in login.master page for the menu & items */
.MenuBar
{
	margin: 6px;
	border-bottom: #003366 1px solid;
	width: 100%;
	padding-bottom: 3px;
}
.MenuBar .Item
{
	float: right;
	overflow: visible;
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
	margin-right: 8px;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	text-decoration: none;
	background-image: url(Images/menuitems.gif);
	color: white;
	font-size: 90%;
}
.MenuBar .Item a
{
	background-color: transparent;
	color: #ffffff;
}
.MenuBar .Item a:active
{
	background-color: transparent;
	color: #ffffff;
}

/* Comment: This Style is used to show online help */
.helpbox
{
	border: 1px solid steelblue;
	margin: 6px 6px 12px 6px;
}
.helpbox h2
{
	background-color: #00598c;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 90%;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
}
.helpbox a
{
	background-color: transparent;
	color: #07519a;
}
.helpbox img
{
	border: 0px;
}
.helpbox .child
{
	margin: 6px;
}

/* Comment: OEECalcul used */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-color: activecaption;
	border-width: 0px;
	border-style: none;
	border-color: activecaption;
	padding: 1px;
	width: 500px;
	height: 455px;
}
.Role
{
	border-bottom: solid thin gainsboro;
	height: 25px;
	vertical-align: text-bottom;
}
.HelpModal
{
	color: white;
	font-family: Verdana;
	background-color: #5D7B9D;
	font-size: 8pt;
	font-weight: bold;
}
.HeaderWindow
{
	background-color: activecaption;
	font-size: 10pt;
	color: white;
	height: 15px;
	font-family: verdana;
}
.HeaderRole
{
	background-color: #ffffff;
	border-bottom: navy thin solid;
	font-family: Verdana;
	font-size: 8pt;
	color: #003366;
}

/* Comment: to display data in GridView or as a Table */
.showdata
{
	font-size: 90%;
	margin: 0px;
}
.showdatatitle
{
	color: white;
	background-color: #608fc8;
	font-weight: bold;
	font-size: small;
}
.showdata .showdatatitle a
{
	color: #ffffff;
}
.showdataroweven
{
	font-size: small;
	color: #003366;
	background-color: #d8e4f8;
}
.showdatarowodd
{
	background-color: #ffffff;
	font-size: small;
	color: #003366;
}

/* Comment: to display data in GridView or as a Table */
.showdataSmall
{
	font-size: 90%;
	margin: 0px;
}
.showdataSmalltitle
{
	color: white;
	background-color: #608fc8;
	font-weight: bold;
	font-size: small;
}
.showdataSmall .showdataSmalltitle a
{
	color: #ffffff;
}
.showdataSmallroweven
{
	font-size: 85%;
	color: #003366;
	background-color: #d8e4f8;
}
.showdataSmallrowodd
{
	background-color: #ffffff;
	font-size: 85%;
	color: #003366;
}

/* Comment: to Input data in a Table Format */
.dataTable
{
	width: 100%;
	border-collapse: collapse;
}
.dataTable CAPTION
{
	background-image: none;
	font-weight: bold;
	font-size: 80%;
	vertical-align: middle;
	color: #ffffff;
	text-align: left;
	background-color: #5d7b9d;
}
.dataTable TR
{
	vertical-align: middle;
	text-align: left;
}
.dataTable TD
{
	font-size: 90%;
	text-align: left;
}
.dataTable .leftHeader
{
	color: #003366;
	background-color: #E9ECF1;
	vertical-align: middle;
	text-align: left;
	font-style: oblique;
	font-size: small;
	width: 30%;
	text-indent: 4pt;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.dataTable .caphead
{
	color: white;
	background-color: #608fc8;
	font-weight: bold;
	font-size: 80%;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	vertical-align: middle;
	text-align: left;
}
.dataTable .header
{
	font-size: small;
	background-color: #f0f8ff;
	font-weight: bold;
}
.dataTable .header .first
{
	width: 30px;
}
.dataTable .header .second
{
	width: 200px;
	margin-right: 15px;
}
.dataTable .header .description
{
	width: 600px;
	margin-right: 15px;
}
.dataTable .title
{
	font-weight: bold;
	font-size: small;
	height: 25px;
	vertical-align: text-bottom;
	border-bottom: solid thin gainsboro;
}
.dataTable .item
{
	font-size: medium;
	width: 100%;
}
.dataTable .item .first
{
	width: 30px;
}
.dataTable .item .second
{
	width: 200px;
	padding-right: 20px;
}
.dataTable .item .description
{
	width: 600px;
	margin-right: 15px;
}


/* Comment: Style is used in Login Control */
.leftBox
{
	background-color: #f0f8ff;
	border: 1px solid steelblue;
	width: 155px;
	margin-top: 6px;
}
.leftBox h2
{
	background-color: #00598c;
	margin: 0px;
	padding: 3px 6px;
	font-size: 70%;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
	position: static;
}
.leftBox h2 table
{
	background-color: #00598c;
	font-size: 110%;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
}
.leftBox table
{
	background-color: #f0f8ff;
	font-size: 80%;
}


.ItemBox
{
	border: 0px solid steelblue;
	margin: 6px 6px 6px 6px;
}
.ItemBox .child
{
	margin: 6px;
}
.ItemBox .child .ItemTable
{
	width: 100%;
	position: static;
	padding-bottom: 5px;
	padding-top: 5px;
	border-collapse: separate;
}
.ItemBox .child .ItemTable a
{
	background-color: transparent;
	color: #07519a;
}
.ItemBox .child .ItemTable .ItemTableLeftHeader
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-color: transparent;
	vertical-align: top;
	text-align: left;
}
.ItemBox .child .ItemTable .ItemTableHeader
{
	font-weight: bold;
	font-size: 80%;
	border-bottom: #4682b4 1px solid;
	vertical-align: middle;
	text-align: left;
	padding-top: 10px;
}
.ItemBox .child .ItemTable .ItemTableHeaderNoBorder
{
	font-weight: bold;
	font-size: 80%;
	vertical-align: text-bottom;
	text-align: left;
	padding-top: 10px;
}
.ItemBox .child .ItemTable .ItemTableDescription
{
	font-size: 80%;
	padding-bottom: 5px;
	padding-top: 1px;
}


/* Comment: This style is used for to show the information on the Left side */
.LeftMenuBox
{
	border: 1px solid steelblue;
	width: 155px;
	margin: 3px 6px 12px;
}
.LeftMenuBox h2
{
	background-color: #4682b4;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 80%;
	color: #ffffff;
}
.LeftMenuBox .child
{
	margin: 6px;
}
.LeftMenuBox h2 a, .smallinfobox h3 a
{
	background-color: transparent;
	color: #07519a;
}


.modalPopupLarge
{
	background-color: #cccccc;
	padding: 1px;
	width: 525px;
	height: 280px;
	border-right: activecaption 0px solid;
	border-top: activecaption 0px solid;
	border-left: activecaption 0px solid;
	border-bottom: activecaption 0px solid;
	font-size: medium;
}
.modelPopupLargeHeader
{
	height: 22px;
	font-size: Medium;
	color: white;
	background-color: #3366cc;
	cursor: move;
	color: White;
	border: solid 1px Gray;
}

.modalPopupSmall
{
	background-color: #f5f5f5;
	padding: 1px;
	width: 300px;
	height: 280px;
	border-right: activecaption 0px solid;
	border-top: activecaption 0px solid;
	border-left: activecaption 0px solid;
	border-bottom: activecaption 0px solid;
	font-size: medium;
}
.modelPopupSmallHeader
{
	height: 22px;
	font-size: Medium;
	color: white;
	background-color: #00598c;
	cursor: move;
	color: White;
	border: solid 1px Gray;
}

.PopupDatePicker
{
	background-color: #f5f5f5;
	padding: 1px;
	height: 130px;
	width: 275px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-size: small;
}
.PopupDatePickerHeader
{
	height: 20px;
	font-size: small;
	color: white;
	background-color: #00598c;
	cursor: move;
	color: White;
	border-right: gray 1px;
	border-top: gray 1px;
	border-left: gray 1px;
	border-bottom: gray 1px;
}


/* Comment: Style is used to show the site navigation */
.siteNavigation
{
	margin-left: 6px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 75%;
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	background-color: #f0f8ff;
}

.siteLine
{
	margin-left: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 75%;
	margin-right: 1px;
	vertical-align: middle;
	text-align: center;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #ffcc66;
	border-bottom-width: 1px;
	border-bottom-color: #ffcc66;
	border-top-color: #ffcc66;
	border-right-width: 1px;
	border-right-color: #ffcc66;
}



/* Comment: This style is used in Report page */
.reportbox
{
	border: 1px solid steelblue;
	margin: 6px 6px 12px 6px;
	padding-bottom: 6px;
}
.reportbox h2
{
	background-color: #00598c;
	border-bottom: steelblue 1px solid;
	margin: 0 0 6px 0;
	padding: 3px 6px;
	font-size: 90%;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
}
.reportbox .child
{
	margin: 6px;
	overflow: auto;
}
.reportborder
{
	border: 1px solid steelblue;
	margin: 6px 6px 12px 6px;
}

/* Comment: This style is used in Calendar Selectioner   */
.titleDV
{
	color: white;
	font-family: Verdana;
	background-color: #5D7B9D;
	font-size: 10pt;
	font-weight: bold;
}
.DVitem1
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Verdana;
	background-color: #f5f5f5;
}
.DVitem2
{
	font-weight: bold;
	font-size: 8pt;
	color: #006699;
	font-family: Verdana;
	background-color: #f5f5f5;
}

/* Comment: Style is used in the offers page */
.OfferBox
{
	border: 0px solid steelblue;
	margin: 6px 6px 6px 6px;
}
.OfferBox .child
{
	margin: 6px;
}
.OfferBox .child .ItemTable
{
	width: 90%;
	padding-bottom: 5px;
	padding-top: 5px;
	border-collapse: separate;
}
.OfferBox .child .ItemTable a
{
	background-color: transparent;
	color: #07519a;
}
.OfferBox .child .ItemTable .ItemTableLeftHeader
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-color: transparent;
	vertical-align: middle;
	text-align: center;
	color: #333366;
	width: 20%;
}
.OfferBox .child .ItemTable .ItemTableHeader
{
	font-weight: bold;
	font-size: 80%;
	border-bottom: #4682b4 1px solid;
	vertical-align: middle;
	text-align: left;
	padding-top: 10px;
}
.OfferBox .child .ItemTable .ItemTableHeaderNoBorder
{
	font-weight: bold;
	font-size: 80%;
	vertical-align: text-bottom;
	text-align: left;
	padding-top: 10px;
}
.OfferBox .child .ItemTable .ItemTableDescription
{
	font-size: 80%;
	padding-bottom: 5px;
	padding-top: 1px;
	width: 80%;
}

/* Comment: Style is used in the status control */
.divStatus
{
	background-color: #f0f8ff;
	font-size: small;
	border-right: steelblue 1px solid;
	border-top: steelblue 1px solid;
	border-left: steelblue 1px solid;
	border-bottom: steelblue 1px solid;
}
/* Comment: Box with border */
.boxwb
{
	position: static;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color: #f5f5f5;
	font-size: small;
}
.HPlink
{
	position: static;
	background-color: #f5f5f5;
	font-size: small;
}
/* Comment : Popup Control*/
.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
}
/* Comment: Style is used in OPC Server signal insert */
.contentBox
{
	vertical-align: top;
	overflow: auto;
	width: 241px;
	height: 150px;
	text-align: left;
	border-right: #000099 1px solid;
	border-top: #000099 1px solid;
	border-left: #000099 1px solid;
	border-bottom: #000099 1px solid;
	font-size: 10pt;
}


/* Comment: Ajax control - Accordion */
.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}
#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}
#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionContent
{
	border-top: medium none;
	padding-top: 10px;
	border-right: #2f4f4f 1px solid;
	border-left: #2f4f4f 1px solid;
	border-bottom: #2f4f4f 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}


/* .intranetContent {padding-bottom: 3px;padding-top: 3px;vertical-align: middle;text-align: left;padding-right: 20px;padding-left: 20px;margin: 3px 3px 3px 6px;} */
/* .freestar {margin: 1px;	padding-left : 1px;	font-size: 80%;} */
/* .freestar li {background-image: none;padding-left: 1px;list-style: disc url(Images/starfree.gif) inside;} */
/* .premiumstar {margin: 1px;padding-left : 1px;font-size: 80%;} */
/* .premiumstar li {background-image: none;padding-left: 1px;list-style: disc url(Images/starpremium.gif) inside;} */
/* .InfoText {font-size: 75%;font-style: italic;} */



/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
	background-color: #ffffcc;
	color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
	background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
	background-color: #ffffcc;
	color: #ff0000;
}
.MaskedEditBlurNegative
{
	color: #ff0000;
}

.divSelector
{
	display: inline;
	visibility: visible;
	position: static;
}
.selectorBox
{
	font-size: 80%;
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
	visibility: visible;
	color: #2f4f4f;
}


.conditionBox
{
	background-color: #f0f8ff;
}

.conditionBox .header
{
	height: 20px;
	font-weight: bold;
	font-size: 11px;
	color: #ff0066;
}

.conditionBox .Col1
{
	width: 30%;
	vertical-align: top;
	text-align: left;
}
.conditionBox .Col2
{
	width: 10%;
	vertical-align: top;
	text-align: left;
}
.conditionBox .Col3
{
	width: 50%;
	vertical-align: top;
	text-align: left;
}
.conditionBox .Col4
{
	width: 10%;
	vertical-align: top;
	text-align: left;
}



/* Comment: TitleText is used to show text in Bold letters in the paragraph. */ 

.TitleText
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	text-align: left;
}

/* Comment: SuperTitleTextWithImage is used in Table Title under OEECalcul pages */ 

.SuperTitleTextWithImage
{
	font-weight: bold;
	font-size: 11pt;
	font-family: Verdana;
	background-image: url(Images/f_titre.jpg);
	visibility: visible;
	color: #ffffff;
	background-repeat: repeat-x;
	width: 21px;
	vertical-align: top;
	text-align: left;
}

/* Comment: TitleTextWithImage is used in Table Title before OEECalcul pages */ 

.TitleTextWithImage
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	background-image: url(Images/f_titre.jpg);
	visibility: visible;
	color: #ffffff;
	
}

.SubTitleText
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	text-align: left;
	border-right: #cccccc 1px solid;
	background-position: center top;
	border-top: #cccccc 1px solid;
	background-image: url(Images/box-top-center.png);
	visibility: visible;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-repeat: repeat-x;
}

/*
Comment: This is used on the Page Bottom as a footer
*/ 
.FooterText
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	color: #003366;
}


/*
Comment: LabelText is used in normal text description
*/ 
.LabelText
{
	font-family: Verdana;
	font-size: 8pt;
	color: #003366;
}

/*
Comment: SmallInfo is used to show text in small letters
*/ 
.SmallInfo
{
	font-size: 8pt;
	color: #003366;
	font-family: Verdana;
}

/*
Comment: ErrorText is used to show error message 
*/ 
.ErrorText
{
	font-size: 8pt;
	color: #ff0066;
	font-family: Verdana;
}

/*
Comment: ButtonText is used in ASP Button control
*/ 
.ButtonText
{
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: navy;
}

/*
Comment: LinkButtonText is used in ASP Link Button control to show as label link
*/
.LinkButtonText
{
	font-weight: bold;
	font-size: 10pt;
	color: navy;
	text-decoration: none;
	font-family: Verdana;
}


.link
{
	font-weight: bold;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
	font-family: Verdana;
	background-color: #ffffff;
}


.link1
{
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	color: #ffffcc;
	font-family: Verdana;
}


/*
Comment: MenuItems is used in rolling menus (Login.Master & General.Master)
*/ 

.MenuItems
{
	font-weight: bold;
	font-size: 9pt;
	background-image: url(Images/box-top-center.png);
	visibility: visible;
	vertical-align: middle;
	color: #003366;
	font-family: Verdana;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}



/*.TDHead
{
	color: #003366;
	font-weight: bold;
	font-family: Verdana;
	text-align: left;
	font-size: 9pt;
	background-image: url(Images/box-top-center.png);
	visibility: visible;
	height: 19px;
	vertical-align: middle;
	background-repeat: repeat-x;
}
*/

/*
.TDHeadTitle
{
	color: #003366;
	font-weight: bold;
	font-family: Verdana;
	text-align: left;
	font-size: 12pt;
	background-image: url(/OEEDirect/Images/box-top-center4.png);
	visibility: visible;
	height: 30px;
	vertical-align: middle;
	background-repeat: repeat-x;
	border-bottom: black 1px solid;
}
*/

/*
.DivContener
{
	width: 100%;
	vertical-align: middle;
	text-align: center;
	color: navy;
	font-family: Verdana;
	font-size: 10pt;
}
*/


.titleDV
{
	color: white;
	font-family: Verdana;
	background-color: #5D7B9D;
	font-size: 10pt;
	font-weight: bold;
}
.DVitem1
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Verdana;
	background-color: #f5f5f5;
}
.DVitem2
{
	font-weight: bold;
	font-size: 8pt;
	color: #006699;
	font-family: Verdana;
	background-color: #f5f5f5;
}
.DVValidator
{
	BACKGROUND-COLOR: #e2ded6
}


/* Comment: TreeViewStop is used in TreeView control (Stops & Users pages) */

.TreeViewStop
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana;
	background-color: #f5f5f5;
}
.TreeViewStopLeaf
{
	font-weight: bold;
	font-size: 9pt;
	color: #006699;
	font-family: Verdana;
	
}
.TreeViewStopLeaf2
{
	font-weight: bold;
	font-size: 9pt;
	color: #006699;
	font-family: Verdana;
	background-color: #f5f5f5;
}
.TreeViewStopLeaf3
{
	font-weight: bold;
	font-size: 9pt;
	color: #006699;
	font-family: Verdana;
}

.TreeViewStopLeaf4
{
	font-weight: bold;
	font-size: 9pt;
	color: #006699;
	font-family: Verdana;
	background-color: #FF8080;
	
}

/*
A A:hover A:active A:link A:visited
{
	font-weight: bold;
	font-size: 8pt;
	color: #003366;
	font-family: Verdana;
}*/


/*
Comment: CalendarTitle is used in OEECalendar user control
*/ 

.CalendarTitle
{
	font-weight: bold;
	font-size: 12px;
	color: navy;
	font-family: Verdana;
	background-color: #dcdcdc;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
}

/*
Comment: calendarmonth is used in OEECalendar user control
*/ 

.calendarmonth
{
	font-weight: bold;
	font-size: 7pt;
	visibility: visible;
	vertical-align: middle;
	color: #003366;
	font-family: Verdana;
	text-align: center;
	text-decoration: none;
}

/*
Comment: calendarweekhead is used in OEECalendar user control
*/ 

.calendarweekhead
{
	font-weight: bold;
	font-size: 7pt;
	visibility: visible;
	vertical-align: middle;
	color: #003366;
	font-family: Verdana;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

/*
Comment: CalendarTodayDay is used in OEECalendar user control
*/ 
.CalendarDay
{
	font-size: 7pt;
	color: #003366;
	font-family: Verdana;
	text-decoration: none;

}

/*
Comment: CalendarTodayDay is used in OEECalendar user control
*/ 

.CalendarTodayDay
{
	font-size: 7pt;
	color: #ff6666;
	font-family: Verdana;
	text-decoration: none;
}


/*
Comment: FreePack is used in ConnectionTime user control
*/ 

.FreePack
{
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	color: #55c341;
}

/*
Comment: PremiumPack is used in ConnectionTime user control
*/ 

.PremiumPack
{
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	color: #ff9933;
}

.GreenText
{
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	color: #339900;
}

.RedText
{
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	color: #cc0000;
}

Caption.HeadTable
{
	background-image: url(Images/f_titre.jpg);
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	color: #ffffff;
	font-family: Verdana;
	text-align: left;
	height: 22px;
}

Table.HeadTable
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
TR.HeadTable
{
	font-size: 10pt;
	color: #003366;
	font-family: Verdana;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: background;
	border-width: 0px;
	border-style: none;
	border-color: activecaption;
	padding: 1px;
	width: 500px;
	height: 455px;
}

.Role
{
	BORDER-BOTTOM:solid thin gainsboro; 
	HEIGHT: 25px;
	vertical-align : text-bottom; 	
}

.HelpModal
{
	color: white;
	font-family: Verdana;
	background-color: #5D7B9D;
	font-size: 8pt;
	font-weight: bold;
}
	
.HeaderWindow
{
	background-color: activecaption;
	font-size: 10pt;
	color: white;
	height: 15px;
	font-family: verdana;
}

.HeaderRole
{
	background-color: #ffffff;
	border-bottom: navy thin solid;
	font-family: Verdana;
	font-size: 8pt;
	color: #003366;
}
.Masque
{
	visibility: hidden;
}


/*Modal Popup*/
.windowPopUpBackground
{
	background-color: #f5f5f5;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.windowPopUp
{
	background-color: #f5f5dc;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 400px;
	overflow: auto;
}