/* no prefix is used for HTML tags */
body {
	text-align: center;
	XXbackground: white; /* let vendor decide what colour to use - set in their iFrame */
	margin: 0px;
	width: 100%; /* to allow margin:0 auto; to work in later divs */
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 10pt;
	
	/* overflow is NOT hidden in regular pages but IS hidden in the main page (see local setting in xplotiv.asp) as this needs to be loaded in an iFrame */
	overflow: auto; /* to prevent scrollbars when we move a panel to the RHS edge of the screen */
	
	user-select: none;
	-webkit-user-select: none;
}

img {
	border:0px;
}

pXXX {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	color:black;
	padding:0px;
	text-decoration:none;
}




/* '.' is used for 'class=xxx' */
.center {
	text-align:center;
}
.bold {
	font-weight:bold;
}


select#mnuLanguage {
XXcolor:red;
	border:0px;
	XXpadding-left:30px;
	XXbackground-image:url('/images/flags/en.png');
	background-repeat: no-repeat;
	background-size:28px;
}
select.mnuLanguage option[value='en'] {
	background-image:url('/images/flags/en.png') !important;
	color:green;
}
select#mnuLanguage option[value='fr'] {
	background-image:url('/images/flags/fr.png');
}

.partsbookTitle {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
}
.plateTitle {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11pt;
	color: #000000;
	XXfont-weight: bold;
}

.gnlText {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}
.footnoteText {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 7pt;
	color: black;
}

.lnkDisabled {
	color: #888888;
}
	
.lnkEnabled {
	color: black;
}


.menuimage {
	text-align:center;
	width:20px;
}
.menuitem {
	text-align:left;
	width:115px;
}

.menuopt {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	color:blue;
	padding:0px;
	text-decoration:none;
	font-weight:normal;
	cursor: pointer;
}
a.menuopt:link {
	font-weight:normal;
}
a.menuopt:hover {
	font-weight:bold;
}
a.menuopt:active {
	font-weight:bold;
}

a.disabledOpt {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	color: gray;
	padding:0px;
	text-decoration:none;
	font-weight:normal;
	cursor: default;
}

.selopt {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	color:black;
	background:white;
	padding:0px;
	text-decoration:none;
	cursor: pointer;
}
a.selopt:link {
	font-weight:normal;
}
a.selopt:hover {
	font-weight:boldXXX;
	color:white;
	background:#3399ff;
}
a.selopt:active {
	font-weight:bold;
}


.selectable {
	-webkit-user-select:text;
}


.box {
	border: 1px solid #dadada;
	background-color: #ffffff;
	XXbackground-color: #f0f0f8;
	padding: 5px;
}





.divImage {
	position:relative;
	width:750px;
	height:1500px;
	overflow:hidden;
	border:1px black solid;
	margin:0 auto 0 auto;
	background:#FFFFFF url('/images/animationLoading_tails.gif') no-repeat center;
}

.imgPlate {
	position:relative;
	top:0px;
	left:0px;
	cursor:pointer;
	margin:0;
	padding:0;
}




#divModalOverlay {
	position:absolute;
	top:-9999px;
	left:-9999px;
	background:black;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:98;
}
.divOverlayPanel {
	position: absolute;
	top: -9999px;
	left: -9999px;
	XXwidth: 600px;
	XXheight: 700px;
	cursor: default;
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-radius: 5px;
	background: #D3D3D3;
	border: 1px black solid;
	opacity: 0.99;
	filter: alpha(opacity=99);
	z-index: 99;
}
.divOverlayPanelHeader {
	background:#D3D3D3;
	height:20px;
	text-align:center;
	padding:3px 0;
	font:bold 16px Tahoma, Arial, Sans-Serif;
}
.divOverlayPanelContent {
	position:relative;
	background:#ffffff;
	overflow:auto;
}


.infoPanel {
	position:absolute; 
	display:none; 
	width:250px; 
	font-size: 10pt;
	text-align:justify; 
	background:#D3D3D3;
	border:1px dotted black; 
	margin:0;
	padding:3px;
}


.divDataPanel {
	position: absolute;
	top: -9999px;
	left: -9999px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #D3D3D3;
	border-radius: 5px;
	background: #D3D3D3;
}
.divDataPanelHeader {
	position: relative;
	width: 100%;
	cursor: move;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: red;
	background: #D3D3D3;
	height: 20px;
	text-align: center;
	padding: 3px 0;
	font: bold 16px Tahoma, Arial, Sans-Serif;
}
.divResizeBar {
	position: relative;
	height: 5px;
	background:#FF3333;
	cursor: ns-resize;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


/* '#' is used for 'id=xxx' */
#content {
	XXbackground: white;
	XXtext-align: left;
	XXwidth: 1002px;
	XXheight: 1127px; /* 70 + 1002 + 55 */
	margin: 0px auto;
	XXborder:0px solid red;
}