/* P&W Proprietary.   U.S. Export Classification: EAR ECCN EAR99     */
/* Copyright © 2016 United Technologies Corporation                  */
html,
body {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;/*	background: transparent url(../icons/pratt-whitney-logo-bar.png) repeat-x left top;

*/
}

#wrapper {
	min-height: 100%;
	position: relative;
	overflow: auto;
}

/* Used to mark text that has been deleted. */
.deletedText {
	background: #d3d3d3 !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	GENERAL SETTINGS  */
p {
	line-height: 1.25em;
}

/* must place visited before hover, else if the link has been visited and user is hovering over, the underline does not appear due to the order of appearance, if the visited was last, then text-decoration:none wins/overrides the hover */
a {
	color: #3892DE;
	text-decoration: none;
}
a:visited {
	color: #005580;
	text-decoration: none;
}
a:hover {
	color: #005580;
	text-decoration: underline;
}

.hidden { visibility: hidden; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	END GENERAL SETTINGS  */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	UTILITY SETTINGS  */
.bottomBorder {
	border-bottom: 0.063em solid #d1d1d1;
}

/*  SANDRA - NEW CHANGES - rightJustify should be just that - so commented out other attributes - hopefully does not break too much  */
.rightJustify {
	/*word-wrap:break-word; */
	/* vertical-align:top; */
	text-align:right;/* padding:0.250em; */
}

.removeBottomPadding {
	margin-bottom:0.125em;
	padding-bottom:0.125em;
}

.removeTopPadding {
	margin-top:0.125em;
	padding-top:0.125em;
}

.removeTopBottomPadding {
	margin-bottom:0.125em;
	padding-bottom:0.125em;
	margin-top:0.125em;
	padding-top:0.125em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	END UTILITY SETTINGS  */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	MAST HEAD  */

#logo {
	position:absolute;
	top: 0;
	right: 0;
	border-bottom: 0.250em solid #FFFFFF;
}

img #logo {
	width: 20.688em;
	height: 4.500em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~	TOP NAVIGATION BAR   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bar {
	background: none repeat scroll 0 0 #d3d3d3;
	height:2em;
	font-size: 0.9em;
	line-height: 1.9em;
	margin-top: 0;
	padding: 0 0.313em;
	position:relative; /* this is needed to keep the search_toolbar absolutely positioned within the bar div - if not here and wrong browser, the search_toolbar stays at top of page in wrong browser section */
}

#bar a {
	color: #666666;
}

#bar a:hover {
	color: #005580;
	text-decoration: underline;
}

#menu {
	width: 95%;
	margin: auto;
}

#search_toolbar {
	padding: 0.125em 0.313em;
	position: absolute;
	right: 338px;
	top: 0.15em;
}
#search_toolbar input {
	margin:0;
	border: 0.063em solid #C9C9C9;
	color: black; /* #d3d3d3;  too pale for mechanics to see */
	/* need line-height and height else without the height, the default value is low and when you type the text jumps up a little higher */
	line-height: 1.3em;
	height: 1.3em;
	font-size: 1em;
}

/*#search_input {

	margin-top: 50px;
	margin-bottom: 50px;
	width: 400px;
}

#search_button {
	width: 50px;
}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~	END TOP NAVIGATION BAR   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~	START NAVIGATION BUTTONS   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tabs {
	margin-top: 1em;
	margin-bottom: 0.375em;
}
/* same values as outer-container for tabcontainer */
#tabcontainer {
	width: 95%;
	margin: auto;
	padding: 10px;min-width:400px;
}

#tabsInvalidBrowser{
	padding:.5em;
	background:#FFD700;  /*  GOLD  */
	line-height: 1.25em;
	font-size: 1em;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
}
#browserBanner{
	padding:.5em;
	background:#FFD700;  /*  GOLD  */
	line-height: 1.25em;
	font-size: 1em;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
}
#closeDiv{
	display:inline;
	float:right;
}
#closeDiv a{
	text-decoration: none;
	color:black;
}
#preRelease, #qaBanner{
	padding:.5em;
	line-height: 1.25em;
	font-size: 1em;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
}
#preRelease{
	background:#FFD700;  /*  green*/
}
.qaOfficialOnlyFirstVer{
	background:#FCF141;
}
.qaOfficialOnlyFirstVer:after{
	content: "Unverified:  Requires Physical Verification at First Opportunity";
}
/* .qaSecondVerification{
	background:#00e600;
}
.qaSecondVerification:after{
	content: "Official Locked Down"
}
.qaFirstVerification{
}
.qaFirstVerification:after{
	content: "Verification Required"
}
.qaUnverified, .redBackground{
	background:red;
}
.qaUnverified:after{
	content: "Procedure is currently under revision. Un-official in work copy."
}
*/
#inWork{
	padding:0;
	margin:0;
}
.nav span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0.938em 0.625em 0.938em 0;
}

.btn {
	display: inline-block;
	padding: 0 0.938em;
	font-size: 1.250em;
	line-height: 	2em;
	color: #ffffff;
	cursor: pointer;
	background-color: #666666;
	height: 2em;
}
.btn:visited{
	color:#ffffff;
}
.btn:hover {
	text-decoration: none;
	background-color: #777777;
	color: #ffffff;
}

.btn-highlight {
	display: inline-block;
	padding: 0 0.938em;
	font-size: 1.250em;
	line-height: 	2em;
	color: #ffffff;
	cursor: pointer;
	background-color: #3892DE;
	height: 2em;
}
.btn-highlight:visited{
	color:#ffffff;
}
.btn-highlight:hover {
	text-decoration: none;
	background-color: #45A5EF;
	color: #ffffff;
}

#ipcFigures{
	margin-bottom: 1em;
}

a.ipcFigure{
	display:block;
	margin:0em 0em .25em .5em;
	padding:0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~	END NAVIGATION BUTTONS   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	END MAST HEAD  */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	VIEW MODULE FORMATING  */

#main {
	float: left;
	margin-right: 0.625em;
	width: 50%;
}

.mainWidth50 {
	width: 50% !important;
}

.mainWidth95 {
	width: 95% !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~	GENERAL   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1,
h2 {
	font-family: Arial, Helvetica, sans-serif;
}

h1,
h2,
h3 {
	font-weight: bold;
}

.header h1 {
	font-size:1.8em;
	line-height: 1em;
}

h1 {
	font-size:1.250em;
	line-height: 1.375em;
}

h2 {
	font-size: 1.125em;
	line-height: 1.250em;
}

h3 {
	font-size: 1em;
	line-height: 1.150em;
	margin-bottom: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END GENERAL   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ MODULE INFO   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.dm-spec, #printPageLegalStatement {
	font-size: 0.750em;
	line-height:1.25em;
	color: #666666;
}
#printPageLegalStatement {
	margin-top:1em;
}
.dmspecbar {
	padding: 0 0.625em;
}
.dmspectitle{
	padding-right: 0.625em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END MODULE INFO   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ TABLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table {
	table-layout:fixed;
	width:100%;
	empty-cells: show;
	border-bottom: 0.063em solid #d1d1d1;
	border-top: 0.063em solid #d1d1d1;
	/* collapse needed to th bottom border to be solid line without any breaks between cells */
    border-collapse:collapse;
	margin:auto auto 0.625em;
}

/* commented out for now as it does not work well with rowspans
tr:hover { background: #d3d3d3; }
*/

td a.dmc-link {
	/*white-space: nowrap;*/
	/* padding-right: 0.625em; */
}

/* p a.dmc-link {
	padding: 0 0.313em;
} */

th {
	word-wrap:break-word;
	vertical-align:bottom;
	text-align:left;
	padding:0.2em;
	font-size: 0.8em;
}

td {
	word-wrap:break-word;
	vertical-align:top;
	text-align:left;
	padding:0.125em 0.5em;
}

table.changehighlights td {
	padding:0.3em 0.5em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END TABLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~ ALERT BOXES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.warningOuterContainer {
	background-image: url(../icons/redwhitestripes.png);
	border: #bdbec0 6px solid;
	width:auto;
	margin:0 0 0.625em;
}

.cautionOuterContainer {
	background-image: url(../icons/yellowblackstripes.png);
	border: #bdbec0 6px solid;
	width:auto;
	margin:0 0 0.625em;
}

.cautionContainer {
	background:white;
	border: #000000 0.125em solid;
	margin: 0.7em;
}

.cautionDiv {
	display: table;
	width: 100%;
	overflow:auto;
}

.cautionImageDiv, .cautionTextDiv {
	display:table-cell; vertical-align:middle;
}

.cautionTextDiv {
	/*position: relative; */
	top:0;
	padding: 0.313em 0.625em 0.313em 0.625em;
}

.cautionText {
	line-height: 1.25em;
	padding: 0.4em 0;
}

/*.caution { I don't know where this is used
	border:double;
	border-width: 5px;
    padding: 0px 2px 2px 2px;
	border-color: red;
    margin-bottom: 2px;

}*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END ALERT BOXES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ NOTE BOXES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.note {
	background: none repeat scroll 0 0 #e5e5e5;
	border: 6px solid #e5e5e5;
	line-height: 1.25em;
	margin: 0.6em 0;
	/*	padding: 0.5em;*/
	width: auto;
}

.noteText {
	text-align:center;
}

.step div.note {
 width:auto;
}

td .note {
	white-space: normal;
	width: 100%;  /* new for sandra  for table notes */
	padding:0; /* new for sandra   */
	margin:0; /* new for sandra   */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END NOTE BOXES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ START SPAN NUMBERING  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

li {
	list-style-position: inside;
	list-style-type: none;
	padding-left: 0.2em;
}

ol {
	/*padding-left: 0.2em;*/
	padding-left: 0em;
}

.hilite {outline: .12em solid #999999;
/*	background-color: #F8F8F8;
	outline: .12em solid #999999;
	padding: .063em;
	margin-top: .5em;
	margin-bottom: .5em; */
}

.step {
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-indent: 0;
	margin-left: 1.5em;/*margin-top: -2.19em;  margin-left: 1.438em; */
}

#sbmultipart ol.steplevel1 h2.firstpara{margin-top:0 !important;text-decoration: underline;}
#sbmultipart span.steplevel0:before {
	content: "" !important;
}
ol.steplevel0 {
	counter-reset: steplevel0;
}

ol.steplevel1 {
	counter-reset: steplevel1;
	padding-left: 0;
}

ol.steplevel2 {
	counter-reset: steplevel2;
}

ol.steplevel3 {
	counter-reset: steplevel3;
}

ol.steplevel4 {
	counter-reset: steplevel4;
}

ol.steplevel5 {
	counter-reset: steplevel5;
}

ol.steplevel6 {
	counter-reset: steplevel6;
}

span.steplevel0:before {
	content: counter(steplevel0, decimal) ". ";
}

span.steplevel1:before {
	content: counter(steplevel1, upper-alpha) ". ";
}

span.steplevel2:before {
	content: "(" counter(steplevel2, decimal) ")  ";
}

span.steplevel3:before {
	content: "(" counter(steplevel3, lower-alpha) ")  ";
}

span.steplevel4:before {
	content: "(" counter(steplevel4, decimal) ")  ";
	text-decoration: underline;
}

span.steplevel5:before {
	content: "(" counter(steplevel5, lower-alpha) ")  ";
	text-decoration: underline;
}

span.steplevel0 {
	counter-increment: steplevel0;
}

span.steplevel1 {
	counter-increment: steplevel1;
}

span.steplevel2 {
	counter-increment: steplevel2;
}

span.steplevel3 {
	counter-increment: steplevel3;
}

span.steplevel4 {
	counter-increment: steplevel4;
}

span.steplevel5 {
	counter-increment: steplevel5;
}

span.steplevel0,
span.steplevel1,
span.steplevel2,
span.steplevel3,
span.steplevel4,
span.steplevel5 {
	/*margin-left: -2em;*/
	position: relative;
	left: -2.25em;
}

.lsep {
	color: #CCCCCC;
	font-size: 110%;
	margin: 0 0.125em;
}

p.firstpara {
	margin-top: -1.18em;
}

h2.firstpara {
	margin-top: -1.15em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END SPAN NUMBERING  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SIDEBAR STYLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sidebar {
	float: right;
	width:48%;
	position:relative;
	margin-top: 1.750em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ END SIDEBAR STYLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*****************IF YOU EDIT ANYTING ABOVE THIS LINE PLEASE LEAVE ME A VERY DETAILED COMMENT AS TO WHAT THE CHANGE IS AND WHAT THE DTYLE DOES**************/
/**************************************THE FOLLOWING STYLES I HAVEN'T WORKED  THROUGH YET AND AM NOT SURE OF THEIR FUNCTION *******************************/
/***************** PLEASE ADD ANY NEW STYLES T THE END OF THIS DOCUMENT **************/

.outer-container {
	width: 95%;
	margin: auto;
	padding: 10px;
	padding-bottom: 50px;
	overflow: auto;
}

/* add float:left to container so it will stretch down to the height of the tallest column - noticeable when border is on */
.container {
	float:left;
	width:100%;
}

.legalContainer {
	/* height:100%; */
	text-align:center;
	vertical-align: center;
	border:0.125em black solid;
	position:relative;
	display:table;
	padding:0.625em;
}
p.legalTermParagraph span.underline {
	text-decoration:underline;
}
.legalAccept {
	text-align:center;
}

div.pageHeader {
	visibility: hidden;
	display: none;
}

/*.graphic {
	width:400px;
}
*/
div.figureDiv h2 {
	font-size: 1em !important;
}

/* used to help the legendWindow stay put when scrolling
   need float left because when you make it fixed for scrolling, it goes left anyway, can't seem to
   "anchor" to right as it goes left to the main container.
*/
#legend-anchor {
	float:left;
}

/* legendDiv is for a vertical column in between the main and scroll image columns */
#legendDiv {
	width:0.125em;
	float:left;
	position:relative;
}

/* legendWindow is the div that displays the legend "window" - it is relative position to legendDiv pushed to the left
   to align with the scroller div
*/
#legendWindow {
	position:absolute;
	top:2em;
	right:0;
	border:0.063em #d1d1d1 solid;
	text-align:center;
	background:white;
	vertical-align: text-bottom;
	width:300px;
	height:250px;
	box-shadow: 0 0 1.875em 0.313em #999;
	/*-moz-box-shadow: 0 0 1.875em 0.313em #999;
	-webkit-box-shadow: 0 0 1.875em 0.313em #999;*/
	/* must always be on top - the div.tablesHeaderFixedClass for tables was staying on top while scrolling, so then if you selected the legend,
	it was not all visible, so set that one from 1000 to 100 and added this z-index at 1000 */
	z-index:2000;
}

/* tableDiv is used to put a table in to make it fill height and width of the parent div
   by using display:table
 */
.tableDiv {
	display:table;
	/* commented out because when displaying inline - graphic viewer hidden - changebars get put way below if there is a legend with changes
	position:relative;
	clear:both;*/
}

/* class used for legend header - overflow on table with data - this is just a header row table to prevent it from scrolling */
.legendTableHeader {
	width:100%;
	height:10%;
	border-style:hidden; /*needed to hide generic table th bottom border */
	border-collapse: collapse;
}

.legendTableHeader thead {
	background:#d1d1d1;
}

table.legendTableHeader th {
}

/* class used for legend footer - overflow on table with data - this is just a footer row table to prevent it from scrolling */
.legendTableFooter {
	width:100%;
	height:13%; /* seems to need a little extra space for close anchor to fit nicely, tried vertical aligning . . . */
	border-top:0.063em #d1d1d1 solid;
	border-collapse: collapse;
	border-bottom: none; /*needed to hide generic table th bottom border */
}

.legendTableFooter td {
	text-align:right;
}

/* div section that the table with the legend data only is in for scrolling */
div.overFlow {
	overflow:auto;
	height:77%;  /*header is 10%, footer is 13% so data is the remainder of 100% */
}

.legendTable {
	width:100%;
	border:none;
	table-layout:auto;
}

.legendTable td {
	word-wrap:break-word;
	vertical-align:top;
	text-align:left;
	padding:0.250em;
}
.legendTable td dd {
	margin-left: 0em;
}

.legendTable td dd {
	margin-left: 0em;
}

/* Previously relying on normal layout of browser but Chrome was laying canvas and legend after reasonForUpdateWindow
   and therefore was being hidden behind. LegendWindow has z-index of 2000 which is why using 3000 here. */
#reasonForUpdateWindow {
	z-index: 3000;
}

.main_canvas {
	/*
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	margin: 10px;*//*
	width:500px;
	height:600px;
	*/
}

#scroller {
	display:table; /*needed to fit the whole zoomcontainer in - overflow:auto did not work - noticeable when border around it for apllicability */
}

#scroller div {
	margin-bottom: .5em;
}

.header {
	margin-top:1.5em; /* sandra *//* I made this marging smaller, 3em > 2em it seemed excessibly large*/
}

#footer {
	background-color: #CCCCCC;
	position:absolute;
	margin-bottom:0;
	font-size: .75em;
	/* height: 20px;  Sandra -  trying to keep the footer from rising up the page if there is little content: http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/ */
	min-height: 20px; /*kim - if making the page size too narrow, the footer wraps with out the background color and can cause an inner scrollbar  so put as min height and height auto */
	height:auto;
	bottom:0;
	left:0;
	width: 100%;
	text-align: center;
	padding: 4px 0 2px;
}

#footer a {
	padding: 0 1em;
}

.tab ul {
	list-style: disc outside none;
}

ul.treeView {
	padding-left:0;
	margin-left:0;
	margin-top: 0;
	list-style-type: none;
}

ul.treeView li {
	padding-left:0;
	margin-left:0;
	list-style-type: none;
}

.listStyleNone {
	padding-left:0;
	margin-left:0;
	list-style-type: none;
	margin-bottom:1em;
}
listStyleNone
.listStyleNone li {
	list-style-type: none;
}

#navigationContainer {
	width:100%;
	float:left;
	position:relative;
}

#navigationFolders {
	width:45%;
	position:relative;
	display:table-cell;
	margin:0;
	padding:0;
	float:left;
}

#navigationFoldersDiv {
 width=100%;
/*	border-top:silver solid 1px;              sandra!    */
}

#navigationDocuments {
	width:50%;
	float:right;
	position:relative;
	display:table-cell;
	padding:0;
	margin:0em 0em 0em .5em;  /*having a left margin helps prevent this div from overlaying the navigation folders div when making the window really narrow in ie */
}
#navigationDocumentsDiv {
	width:100%;
	display:table;
}

ul.navList {
	list-style-type: none;
}

li.navItem {
	list-style-type: none;
}

.navDocumentsDiv {
 width=100%;
/*	border-top:silver solid 1px;    Sandra!!!  */
}

.navDocument {
	padding-bottom:0.250em;
	padding-top:0.250em;
	border-bottom:#d1d1d1 solid 0.063em;
}

.navLink {
	/*	width:100%;
*/	padding-bottom:0.250em;
	margin:0;
	padding-top:0.250em;
	padding-left: 1em;
	border-bottom:#d1d1d1 solid 0.063em;
}

li li .navLink {
	padding-left: .2em;
}

.navSelected {
	background:#d1d1d1;
}

.navToggle  {
	margin-left: -1.2em; cursor:pointer;
}

.toggleHideSpan {
	margin:0;
	padding-left:1.2em;
	background: url(../icons/open-arrow.png) no-repeat center 1px;
}

.toggleShowSpan {
	margin:0;
	padding-left:1.2em;
	background: url(../icons/closed-arrow.png) no-repeat center 1px;
}

.applicToggleCell .toggleShowSpan {
	background: url(../icons/closed-arrow-right.png) no-repeat center 1px;
	float:right;
	width:16px;height:16px;
	padding-left:0em !important;;
}

.applicToggleCell .toggleHideSpan {
	float:right;
	width:16px;height:16px;
	padding-left:0em !important;
}

.hide {
	visibility: hidden;
	display: none !important;
}

.nowrap {
	white-space: nowrap
}

#results {
	margin-top: 3.125em;
}

#resultTable em {
	font-weight: bold;
	font-style: normal;
}

.crumb {
	font-size: 1.2em;
}

caption {
	font-style: italic;
	font-size: 0.75em;
}

#figtoggle {
	float: right;
}

.smooth_zoom_preloader {
	background-image: url(../images/preloader.gif);
}

.smooth_zoom_icons {
	background-image: url(../icons/icons.png);
}
#zoom_container .landmarks{
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	font-family: Helvetica, Arial, Verdana;
	font-size:12px;
	color: #000000;
}
#zoom_container .landmarks .item {
	position:absolute;
	text-align:center;
	display: none;
}
#zoom_container .landmarks .lable div {
	width: 100px;
	padding: 4px;
}
#zoom_container .landmarks .mark  {
	/*border: solid grey 1px;*/
	cursor:pointer;
	/*
	width: 10px;
	height: 10px;
	*/
}

area.hotspot{
	color:#fff553;
}


img.mark {
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.ac_results {
	padding: 0;
	border: 0.063em solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0;
	padding: 0.125em 0.313em;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 0.750em;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 1em;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

a.noDecoration {
	color:black;
	text-decoration:none;
}

/************************************ADD NEW STYLES BELOW THIS LINE *******************************************/
/*  Sandra  - all new below here */

.navigationPMTitle {
	width: 75%;
}

#searchInput {
	border: 1px solid #D1D1D1;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0.2em 0.625em;
	width: 35%;
}

.search_button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:.5em;
	padding: 0.23em 1em;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	background-color: #666666;
	text-decoration: none;
	line-height: 1em;
}
.search_button:visited{
	color:#ffffff;
}
.search_button:hover {
	text-decoration: none;
	background-color: #777777;
	color: #ffffff;/*	text-shadow: 0 .188em .188em rgba(255, 255, 255, 0.35);
*/
}

.searchInputDiv {
	margin-top:1.250em;
	margin-bottom:1.250em;
	padding-top:0.625em;
	padding-bottom:0.625em;
	text-align: center;
	width:100%;
	position:relative;
}

#searchMain {
}

#searchResultStatus {
	font-size:1.15em;
	font-weight:normal;
	background:#d1d1d1;
	padding:0.25em 0;
	text-align: left;
	width:100%;
	position:relative;
	display:table;
	color: #666;
}

#searchResultQuery {
	font-weight:bold;
	color: #000;
}

#searchResultStatusLeft {
	width:45%;
	float:left;
	margin-left:0.25em;
}

#searchResultStatusRight {
	width:50%;
	float:right;
	text-align:right;
}

#searchResultStatusRight span {
	padding: 0 0.6em 0 0;
}

.searchResultDocuments{
	margin-left:0.25em;
	padding: 0%;
	width: 100%;overflow: auto;  /*both width and overflow needed to have this div contain the two child floating divs*/
}
.searchResultGroup{
	padding-top:1em;
	width: 100%;overflow: auto;  /*both width and overflow needed to have this div contain the two child floating divs*/
}
.searchResultGroupRow{
	width: 100%;overflow: auto;  /*both width and overflow needed to have this div contain the two child floating divs*/
}

.searchResultDocument {
	/*border-bottom: 1px solid #D1D1D1; */
	padding: .5em .5em 0.5em 2em; margin:0em;
}

.searchResultDocument:hover, .searchResultMoreDocument:hover , .searchResultGroupRow:hover{
	background:#ececec;
}
.searchResultMoreLink {
/*	font-weight:bold;
	font-size: .8em; */
}
.searchResultMoreDocument {
	padding: 0em .5em 0.5em 2em; margin:0em;
}
.searchResultDocumentID {
/*	color: #009b00;
*/}

.searchResultDocumentTitle {
	font-weight:bold;
}
.searchResultGroupTitle {
	font-weight:bold;
	font-size: 1.125em;
	line-height: 1.250em;
}
.searchResultDocumentText {
	color: #000000;
}

.searchResultDocumentText em {
	font-weight: bold;
	font-style: normal;
}

#advancedSearchLink {
	font-size: 0.85em;
	margin-left:1.250em;
	text-decoration: underline;
}

#advancedSearchContainer {
	margin-top:2.500em;
}

.advancedSearchSection {
	font-size:1em;
	font-weight:normal;
	background-color: #D1D1D1; /* copied from #bar */
	padding:0;
	margin:0.625em 0 0.625em 0;
	text-align: left;
	width:100%;
	position:relative;
}

.advancedSearchSection span {
	color: #333;
	line-height: 1.8em;
	padding-left: 0.313em;
}

.advancedSearchItem {
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	background-color: white;
	padding:0.313em;
	margin:0 0 0 0;
	text-align: left;
	width:100%;
	position:relative;
	display:table;
}

.advancedSearchItem label {
	float:left;
	text-align:right;
	width:30%;
	/*	margin: 0 0.625em 0 0.625em;
*/	    padding: 0.5em 0.625em;
}

.advancedSearchItem input[id="search_input_all"],
.advancedSearchItem label[for="search_input_all"] {
	margin-top: 0.75em;
}

.advancedSearchItem input {
	float:left;
	text-align:left;
	width:40%;
	margin-right:20%;
	border: 1px solid #D1D1D1;
	font-size: 1.2em;
	color: #333333;
	font-weight: normal;
	padding: 0.2em 0.625em;/*    width: 35%;*/
}

.advancedSearchDateSection {
	float:left;
	text-align:left;
	width:40%;
	margin-right:20%;
	position:relative;
}

.advancedSearchDateSection label {
	font-weight:normal;
	font-size:1em;
	line-height:1em;
	float:left;
	text-align:left;
	width:auto;
	margin: 0 0.313em 0 0;
}

.advancedSearchDateSection input {
	float:left;
	text-align:left;
	width:20%;
	margin-right:0.313em;
}

.advancedSearchButtonDiv {
	padding:0;
	margin:2em 0 2em 1.5em;
	/*width:100%;    Taking this out because it seems to add horizontal scrollbar */
	position:relative;
	text-align:center;
}

.navDocument a {
	padding:0;
}

#crumb H3 {
	display:inline;
}

/* sandra new */
.centerAlign {
	text-align:center !important;
}

.leftAlign {
	text-align:left !important;
}

.rightAlign {
	text-align:right !important;
}

.bottomVAlign {
	vertical-align:bottom;
	position:relative;
}

.bottomVAlign p {
/*	bottom:0;
	position:absolute; */
}

.valignBottom { /* needed because the position:relative is not working with the td I need valign bottom */
	vertical-align:bottom;
}

table.noneFrame {
	border:0;
}

table.allFrame {
	border:1px solid #d1d1d1;
}

table.sidesFrame {
	border-right:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-top:0;
	border-bottom:0;
}

table.topFrame {
	border-top:1px solid #d1d1d1;
	border-right:0;
	border-left:0;
	border-bottom:0;
}

table.topbotFrame {
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-right:0;
	border-left:0;
}

table.bottomFrame {
	border-bottom:1px solid #d1d1d1;
	border-right:0;
	border-left:0;
	border-top:0;
}

.rowsep {
	border-bottom: solid #d1d1d1;
	border-width:1px;
}

.colsep {
	/* added border left so if it is the first column and table border/frame is not on, need the left side too so just easy to
	do all the time as long as it doesn't make center cell borders wider */
	border-left:solid #d1d1d1;
	border-right:solid #d1d1d1;
	border-width:1px;
}

/* DON"T NEED ANYMORE */
/* could not override table rules, so change color to background to make it look like there is no border
.norowsep{
	border-bottom:solid transparent;  border-width:0.063em;
}
 could not override table rules, so change color to background to make it look like there is no border
.nocolsep {
	border-right:solid transparent;border-width:0.063em;
}
*/
#indexLocation {
	visibility: hidden;
	display: none;
}

.disabled {
	color:#d1d1d1 !important;
	background-color:darkgray!important;
}

.disabled:hover {
	color:#d1d1d1;
	background-color: #777777;
}

.sort_button {
	margin-left:0.50em;
	padding: 0.250em 0.625em;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	background-color: #666666;
	text-decoration: none;
}
.sort_button:visited {
	color: #ffffff;
}
.sort_button:hover {
	text-decoration: none;
	background-color: #777777;
	color: #ffffff;/*	text-shadow: 0 .188em .188em rgba(255, 255, 255, 0.35);
*/
}

.sortHighlight {
	color: #ffffff;
	cursor: pointer;
	background-color: #3892DE;
}

.sortHighlight:hover {
	text-decoration: none;
	background-color: #45A5EF;
	color: #ffffff;
}

.navTitleDiv {
	margin-top:1em;
	width:100%;
	border-bottom:#d1d1d1 solid 0.063em;
	position:relative;
	vertical-align:bottom;
}

.navTitleDiv H3 {
	display:table;
}

div.navSortButtons {
	/* width:24%; */
	text-align: right;
	/* white-space: nowrap; */
}

.navSortButtons .search_button,
.navSortButtons {
	font-size: 0.8em;
	line-height: 2em;
	position: absolute;
	right: 0;
	top: 1.9em;
}

.legalButton {
	margin-left:1em;
	display: inline-block;
 *display: inline;
	padding: 0 0.938em;
	font-size: 1.250em;
	line-height: 	2em;
	color: #ffffff;
	cursor: pointer;
	background-color: #666666;
	height: 2em;
}

.legalButton:hover {
	text-decoration: none;
	background-color: #777777;
	color: #ffffff;
}

.legalButton-highlight {
	display: inline-block;
 *display: inline;
	padding: 0 0.938em;
	font-size: 1.250em;
	line-height: 	2em;
	color: #ffffff;
	cursor: pointer;
	background-color: #3892DE;
	height: 2em;
}
/* sandra - latest new as of 8-15-2012 */
.subScript{
	font-size:0.7em;
	vertical-align:sub;
}
.superScript{
	font-size:0.7em;
	vertical-align:super;
}
.bold{
	font-weight:600;
}
.dataRestriction{
	visibility: hidden;
	display: none;
	white-space: pre-wrap;
}
.dataRestriction H2 + p{
	margin:0;
}
table td p {
    margin: 0;
}

/* in s1000d, you can have para can have lists (ie randomList).  converted to html,
   p tags CANNOT have lists (ul).  So the browsers end up inserting an empty p element at the end so
   need to suppress it else we get too much extra space - especially noticable in a list within a list.
 */
ul p:empty {
   display: none;
}

/* all need this to space properly */
ul {margin-left:-20px;}
ul > li > div > p{
	margin-top:0px;
}
ul > li > div > p > a.footnote{
	margin-top:0px; padding-top:0px;
}
ul > li > div > div.footnote > div > p, ul>li>div>p{
	margin-top:0px;
}
ul.pf01>li{
	list-style-type: none !important;
}

ul.pf02Level1 > li:before {
	content: "-";
	margin-left: -10px;
	vertical-align: top;
}
ul.pf02Level1 > li > div:first-child {
    display:inline-block;
}
/*
ul.pf02Level1 > li > div:not(:first-child ) {
	 margin-left: -0.3em;
}
*/
ul.pf02Level2>li{
	list-style-type: disc;
	list-style-position:outside;
}

ul.pf02Level3 > li:before {
    content: "-";
    display:inline;
	margin-left: -10px;
	vertical-align: top;
}
ul.pf02Level3 > li > div:first-child {
    display:inline-block;
}
ul.pf03 > li:before {
    content: "-";
	margin-left: -10px;
	vertical-align: top;
}
ul.pf03 > li > div:first-child {
    display:inline-block;
}

ul.pf04 > li:before {
    content: "\2609\00a0";
	vertical-align: top;
    font-size:.75em;
	margin-left: -20px;
}
ul.pf04 > li > div:first-child {
    display:inline-block;
}

ul.pf05>li{
	list-style-type: circle;
	list-style-position:outside;
}

ul.pf06 > li:before {
    content: "\25A2";
	vertical-align: top;
	margin-left: -10px;
	font-size:.8em;
}
ul.pf06 > li > div:first-child {
    display:inline-block;
}

/* wrong square - needs no fill
ul.pf06>li{
	list-style-type: square;
	list-style-position:outside;
} */

ul.pf07>li{
	list-style-type: disc;
	list-style-position:outside;
}


/* sample used in nbgp sb - using for addresses - with each line in a verbatim text so need to eliminate some margins */
pre.verbatimText {
	margin-bottom: 0;
}

pre.verbatimText + pre.verbatimText{
	/* display:inline; */
	margin-bottom: 0;
	margin-top: 0;
}
.welcomeTitle{position:relative;
	text-align:center;
	word-wrap:break-word;
	color: darkgray;
	font-size:2em;
	margin:.125em;
}

#welcomeSlider{
	float:right;
	margin-top: 20px;
}
#welcomeDiv{
	overflow: auto;
    padding: 10px;
	padding-top:60px;
    right: 50px;
	border: 1px solid #D1D1D1;
	max-width: 650px;
}

span.changeMark ,
p.changeMark,
td.changeMark{
	/*border-right: 5px solid black !important;
	padding-right: 5px  !important;
	margin-right: 5px  !important;
	border-bottom: 1px dotted black !important;*/
}

#canvas-title, #imageMenu {
	text-align:left;
}

#canvas-title.changeMark {
	border-left: 5px solid black !important;
}

#canvas-title span+span {
	display:block;
	text-align:left;
	margin-left: .2em;
}

.changeBar {

}

.strikethrough {
	text-decoration:line-through !important;
}

span.ipctooltip {
	position: absolute;
	width:400px;
	margin: 1em 0 0 1em;
	padding: 0 0 0 0px;
	color: black;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-style:solid;
	border-color:black;
	border-width:1px;
	z-index: 6;
	overflow-x:hidden;
	/*overflow-y:auto; */
	background: #ffffff;
}

span.changeMarkReason {
	position: absolute;
	width:400px;
	margin: 1em 0 0 1em;
	padding: 0 0 0 0px;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: black;
	border-style:solid;
	border-color:black;
	border-width:1px;
	z-index: 6;
	overflow-x:hidden;
	/*overflow-y:auto; */
	background: white;
}
span.changeMarkReason span{
	padding: .4em .4em .4em .4em;
	display:inline-table;
}

/* changeMarkReason is .8em fontsize.
    however, when displaying changemarkreason for an image with applicability, then applic is .8 and then changemark then becomes .8 of that - too small.  So set to 1 (100%) of the parent .8 */
div.applicRefIdText span.changeMarkReason{
	font-size: 1em !important;
}
.changeMarkReasonTitle{
	background:#d1d1d1;
	font-weight:bold;
	display:inline-table;
	width:100%;
	font-size: 1em;
	text-transform:capitalize;
	border-bottom: .1em solid black;
	text-decoration: none !important;
}
.applicRefId{
	border-left: 2px dashed #D2DBEC;  /*#C8D1E2*/
	margin-top: .25em;
	margin-bottom: .25em;
	padding:0 0 0 4px;
}

a.applicRefId {
	border: 3px solid #D2DBEC;  /*#C8D1E2*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#scroller.applicRefId {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
td.applicRefRow{
	background-color:#D2DBEC;
}
td .applicRefIdDiv{
	margin-bottom: .25em;
}
a.applicRefIdDiv{
	padding: .2em !important;
	display: inline-block;
}
.applicRefIdDiv{
	background-color:#D2DBEC;
	margin-bottom: 1em;
	padding: .25em;
	margin-top: 1em;
	margin-left: -6px;
}

td div.applicRefIdDiv{
	margin-top:0;/* helps when there is a tr row for applicability and then the next row with a child applicability */
}

td span.applicRefId{/* helps when there is a tr row for applicability and then the next row with a child applicability */
	display:table-cell;
	text-align:left;
}
td a.applicRefId{ /* helps dm anchor tags but the border around the block, not row if it spans more than one line */
	display:table-cell;
	text-align:left;
}
.applicRefIdTitle {
	border-bottom: 1px solid black;
	margin-right: 1em;
}
.applicRefIdText {
	display:inline;
}
.applicRefIdText *{
	display:inline;
}

#imageApplicabilityLink{
	background-color:#D2DBEC;
}

#imageApplicabilityText{
	position: absolute;
	width:400px;
	margin: 0 0 0 0;
	padding: .5em;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-style:solid;
	border-color:black;
	border-width:1px;
	z-index: 6;
	overflow:visible;
	background: #D2DBEC;
	text-align:left;
}

#imageApplicabilityLink { }
#imageMenu{ margin-top:.25em;}

#zoom_container img {
border-style:none;
}
.closeImageApplicability{
	text-align:right;
}

/* orgTIRWindow is the div that displays the Org TIR "window" - it is fixed position and displayed below the navigation buttons. It will contain the "manageTirDiv" div at runtime. */
#orgTIRWindow {
	position:fixed;
	top:16%; /* allow dynamic position based on window size */
	left:3%; /* allow dynamic position based on window size */
	width:450px;
	height:300px;
	max-width:95%; /* We never want to exceed this size in case browser window is smaller. */
	max-height:80%;  /* We never want to exceed this size in case browser window is smaller. */
	z-index: 1000; /* Make sure displayed on top */
}

/* spareTIRWindow is the div that displays the Spare TIR "window" - it is fixed position and displayed below the navigation buttons. It will contain the "manageTirDiv" div at runtime. */
#spareTIRWindow {
	position:fixed;
	top:16%; /* allow dynamic position based on window size */
	left:3%; /* allow dynamic position based on window size */
	width:450px;
	height:300px;
	max-width:95%; /* We never want to exceed this size in case browser window is smaller. */
	max-height:80%;  /* We never want to exceed this size in case browser window is smaller. */
	z-index: 1000; /* Make sure displayed on top */
}

/* toolTIRWindow is the div that displays the Tool TIR "window"  - it is fixed position and displayed below the navigation buttons. It will contain the "manageTirDiv" div at runtime. */
#toolTIRWindow {
	position:fixed;
	top:16%; /* allow dynamic position based on window size */
	left:3%; /* allow dynamic position based on window size */
	width:450px;
	height:300px;
	max-width:95%; /* We never want to exceed this size in case browser window is smaller. */
	max-height:80%;  /* We never want to exceed this size in case browser window is smaller. */
	z-index: 1000; /* Make sure displayed on top */
}

/* supplyTIRWindow is the div that displays the Supply TIR "window"  - it is fixed position and displayed below the navigation buttons. It will contain the "manageTirDiv" div at runtime. */
#supplyTIRWindow {
	position:fixed;
	top:16%; /* allow dynamic position based on window size */
	left:3%; /* allow dynamic position based on window size */
	width:450px;
	height:300px;
	max-width:95%; /* We never want to exceed this size in case browser window is smaller. */
	max-height:80%;  /* We never want to exceed this size in case browser window is smaller. */
	z-index: 1000; /* Make sure displayed on top */
}

/* Used to hide tir data stored in html. */
.tirDIV {
	visibility: hidden;
	display: none;
}

/* Container for divs used for TIR. */
.manageTirDiv {
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	margin:0.063em;
	font-size: 0.9em;
	border:0.075em #d1d1d1 solid; /* must be at least 0.075em otherwise I.E. 8, Chrome does show line consistently. */
	background:white;
	vertical-align: text-bottom;
	-moz-box-shadow: 0 0 1.875em 0.313em #999;
	-webkit-box-shadow: 0 0 1.875em 0.313em #999;
	box-shadow: 2px 2px 2px 2px gray;
	z-index: 1000; /* Make sure displayed on top */
}

/* Header text used in tir container. */
.manageTirDiv .tirHeader {
	left:0;
	right:0;
	top:0;
	position:absolute;
	background:#d1d1d1;
	font-weight:bold;
	word-wrap:break-word;
	vertical-align:bottom;
	text-align:left;
	padding:0.2em;
	font-size: 0.8em;
}

/* list data used in tir container. */
.manageTirDiv .tirList  {
	top:1.45em;
	left:0;
	right:0;
	bottom:1.85em;
	position:absolute;
	overflow:auto !important;
	-webkit-overflow-scrolling: touch; /* Need to iOS to show scroll bars */
}

/* table to hold list data used in tir container. */
.tirListTable {
	width:100%;
	border:none;
	margin:0 0 0 0;
}

.tirListTable td {
	word-wrap:break-word;
	vertical-align:top;
	text-align:left;
	padding:0.250em;
}

/* row underline used in table to hold list data used in tir container. */
.tirListTableWithRowLines tr {
	border-bottom:0.075em #d1d1d1 solid !important; /* must be at least 0.075em otherwise I.E. 8, Chrome does show line consistently. */
}

/* Do not allow padding in cell. */
.tirListTableTdNoPad {
	padding:0 !important;
	margin:0 !important;
}

/* header row for this type of table. */
.tirListTableThead {
	font-style: italic !important;
	border-bottom:0.075em #d1d1d1 solid; /* must be at least 0.075em otherwise I.E. 8, Chrome does show line consistently. */
	border-collapse: collapse;
}

/* New Style for lists used in tirListTable. */
.tirListTable ul {
	padding:0 !important;
	margin:0 !important;
	word-wrap:break-word !important;
	vertical-align:top !important;
	text-align:left !important;
}

/* New Style for lists used in tirListTable. */
.tirListTable li {
	list-style-position: inside !important;
	list-style-type: circle !important;
	padding:0 !important;
	margin:0 !important;
}

/* row seperator used in table to hold list data used in tir container. */
.tirListTableRowSep {
	border-bottom:0.075em #d1d1d1 solid; /* must be at least 0.075em otherwise I.E. 8, Chrome does show line consistently. */
	border-collapse: collapse;
	height:0.2em;
}

/* Footer data used in tir container. */
.manageTirDiv .tirFooter {
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	border-top:0.075em #d1d1d1 solid; /* must be at least 0.075em otherwise I.E. 8, Chrome does show line consistently. */
	padding:0.3em;
	text-align:right;
}

/* marks the row as active; i.e. hotspot is active for row selected in a catalog table (IllustratedPartsCatalog). */
.hotrow.active {
	background: #d3d3d3; /* Color used for hover */
}
a.dmcNotFound, a:visited.dmcNotFound, a.notFoundRedText, a:visited.notFoundRedText{
	color:red !important;
}

/* Watermark displayed only in printing. */
#watermark {
 display:none;
}

.captionDiv{
	border: 0.063em solid black;
	padding: 1em;
	width: auto;
}
.captionLine{ /*spec says it should never wrap . . . need it too else too long with figures . . .  */
	/* white-space: nowrap; */
}
/* background colors for captions */
.colorco00 { /* no color */

}
.colorco01 {
	background:green;
}
.colorco02 {
	background:amber;
}
.colorco03 {
	background:yellow;
}
.colorco04 {
	background:red;
}
.colorco05 {
	/* not available for projects */
}
.colorco06 {
	/* not available for projects */
}
.colorco07 {
	background:white;
}
.colorco08 {
	background:#e5e5e5;  /* grey - same as note background */
}
.colorco09 {/*clear - default value */
	background: rgba(255, 255, 255, 0.0);
}


/* TIR Content (used for pages that display only TIR data). Start */

table.tirIndex th, table.tirIndex td {
    padding: 0.25em;
}

.tirAllTableContainer {
	width:100%;
	overflow:auto;
}

table.tirAllTable {
	empty-cells: show;
	border-bottom: 0.075em solid #d1d1d1;
	border-top: 0.075em solid #d1d1d1;
	border-left: 0.075em solid #d1d1d1;
	border-right: 0.075em solid #d1d1d1;
	width:100%;
	/* collapse needed to th bottom border to be solid line without any breaks between cells */
    border-collapse:collapse;
	margin:auto auto 0.625em;
	font-size: 0.9em;
}

table.tirAllTable thead {
	background-color:#d3d3d3;
	border-bottom: 0.075em solid #d1d1d1;
	border-top: 0.075em solid #d1d1d1;
	border-left: 0.075em solid #d1d1d1;
	border-right: 0.075em solid #d1d1d1;
}

table.tirAllTable tr.tir_odd {
	background-color: #eee;
}

table.tirAllTable td.groupTTIR {
	text-align: center;
	margin: 0 auto;
	padding-top:0.5em;
}

table.tirAllTable td.groupBTIR {
	text-align: center;
	margin: 0 auto;
	padding-bottom:0.5em;
}

table.tirAllTable .subTIR {
	border-bottom: 0;
	border-top: 0;
	width:100%;
}

/* Force 1st cell of sub-table to have fixed width so that display is consistent from row to row. */
table.tirAllTable .subTIR  td:first-child {
	min-width:9em;
	max-width:9em;
	width:9em;
	word-break: break-all; /* Needed for IE8 */
}

table.tirAllTable .rowSepTIR {
	border-bottom:0.075em #d1d1d1 solid; /* must be at least 0.075em otherwise I.E. 8, Chrome does show line consistently. */
	border-collapse: collapse;
	height:1.0em;
}

table.tirAllTable tr:hover { background: #d3d3d3; }

/* TIR Content (used for pages that display only TIR data). Stop */

/* Used when popup window (new window) used to display figure. */
.popupFigureTitle {
	font-size: 1.125em;
	line-height: 1.250em;
	width:100%;
	text-align: center;
}

/* Used when popup window (new window) used to display figure. */
.popupFigureClose {
	width:100%;
	text-align: center;
}

/* Used when popup window (new window) used to display figure. */
/*Note: set max width and height for image so it fits in page. max-height is less than 100% to allow space for header info.*/
.popupFigureSize {
	max-width:100%;
	max-height:85%;
}

/* Used on hover of row. Used when class hoverRowBackEnabled used with table. */
.hoverRowBack {
	background: #d3d3d3 !important;
}

/* Fixed div to display the header for current inspection table. Used when class setFixedHeaderEnabled used with table.
     lowered the z-index from 1000 to 100, and then added the z-index to the legendwindow so it will stay on top if scrolling and
     user clicks on the legend
*/
div.tablesHeaderFixedClass {
	position:fixed;
	top:0;
	z-index:100;
	margin:0;
	padding:0;
}

div.tablesHeaderFixedClass table.tablesHeaderFixedClass {margin-bottom:0; }

/* We want div and table both to have same background. Used when class setFixedHeaderEnabled used with table. */
div.tablesHeaderFixedClass, table.tablesHeaderFixedClass {
	background:white;
}

/* caption is transparent in chrome so you can see through to the data scrolling */
div.tablesHeaderFixedClass, table.tablesHeaderFixedClass caption {
	background:inherit;
}

/* IPC / IPD classes  used in ipc tables*/

table.ipcTable tr:hover { background: #d3d3d3; }

table.ipcTable td{
	font-size:0.9em;
}
th.nomenCol {
	width:30%;
}
th.partCol{
	width:20%;
}
th.smrCol{
	width:14%;
}
th.cageCol{
	width:10%;
}
th.indexCol{
	width:10%;
}

/* commercial ipc/ipd column widths */
th.comFigureCol{
	width:10%;
}
th.comPartSymbolCol{
	width:3%;
}
th.comPartCol{
	width:20%;
}
th.comDescCol{
	width:45%;
}
th.comEffectivityCol{
	width:14%;
}
th.comUPACol{
	width:18%;
	padding-left:.75em !important;
}
td.comUPA{
	padding-left:.75em !important;
}
td.comPartSymbol{
	padding: .25em .25em .25em .25em !important;
}
.nsn,
.findNumber {
	font-style: italic;
	/* font-size: .8em; if font size of ipctable td's is. .9, don't want to go smaller */
}

.nsnTitle,
.findNumberTitle {
	font-style: italic;
}
.smrcode{
	white-space:nowrap;
}
.indenturePartCell {
	text-align:left;
	vertical-align: top;
	width:.7em;  /* need to make wide enough so it does not wrap since it has just a dot and &nspb; in it nowrap wasn't working for me */
	padding: 0;  /*keeps text in alignment with outer table text */
}

table.ipcTable td {
	padding: .25em .25em .25em .5em;
}

td.attachingpartstart, td.attachingpartend{
	padding: 0 !important;
}

td.attachingpart {
	border-left:#d1d1d1 1px solid !important;padding-left:0px;
}
span.attachingpartstart:after{
	display:inline-block;
	content:"Attaching Parts";
	width:90%;
	text-align:center;

}
span.attachingpartstartcorner:before{
	display:inline-block;
	content:"\00a0";
	border-top:#d1d1d1 1px solid !important;
}

span.attachingpartend:after{
	content:"* * *";
	display:inline-block;
	width:90%;
	text-align:center;
}
span.attachingpartendcorner:before{
	display:inline-block;
	content:"\00a0";
	border-bottom:#d1d1d1 1px solid !important;
	padding: .25em 0;
}
.applicIPDCode {
	font-style: italic;
}
.applicToggleCell{
	cursor:pointer;
}
.applicShowSpan:before {
	background: url(../icons/closed-arrow.png) no-repeat center 1px;
}
.applicHideSpan:before {
	background: url(../icons/open-arrow.png) no-repeat center 1px;
}
table.ipcTable td.applicRefIPD{
	padding-left:0px;
	padding-right:.75em;
	font-size: .75em;
}
table.ipcTable td.applicRefIPD div.applicRefIPDWrapper {
	display:inline-block;
	width:100%;
}
table.ipcTable td div {display:table-cell;}

table.ipcTable td.applicRefIPD .applicRefIPD {
	text-align:right;padding-left:1em;padding-right:1em;width:100%;
}
.applicCornerLeft:before, .applicCornerRight:after{
	content:"\00a0";
}

table.ipcTable .applicCornerLeft{border:0;padding:0;
}
table.ipcTable .applicCornerRight{
	border-right:black 1px solid;
	border-bottom:black 1px solid !important;
}

.ui-dialog {
	font-size: 0.8em !important;
}
.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-buttonpane {
	font-size: 1em !important;
}

.ui-widget-content a.notFoundRedText, .ui-widget-content a:visited.notFoundRedText, .redText{
	color:red !important;
}
.ui-widget-content a.noDecoration, .ui-widget-content a:hover.noDecoration{
	color:black !important;
	text-decoration:none !important;
}
.ui-widget-content a {
	color: #3892DE !important;
	text-decoration: none !important;
}
.ui-widget-content a:visited {
	color: #005580;
	text-decoration: none !important;
}
.ui-widget-content a:hover {
	color: #005580;
	text-decoration: underline !important;
}

#printProprietaryExport{
	visibility:hidden;display:none;
	width:20px;height:100%;
}

.printImgCopyRight{
	visibility:hidden;display:none;
}

/* sb */
.sbPrintOnly {
	visibility: hidden;
	display: none !important;
}
.sbTitle{
	text-decoration: underline;
}
.sbTab{
	 margin-left: 2em;;
}
.sbTab>ul {
	padding-left: 0em;
}
table.sbTable caption, table.sbTable th {
	font-size: 1em !important;
}
table.sbTable, table.sbTable  th, table.sbTable td{
	border-color:black !important;
}
table.sbTable {
	border:1px solid;
}
table.sbTable tr {
	border-bottom:1px solid;
}
table.sbTable  th, table.sbTable td{
	border-right:1px solid;
}

/* sb new parts table <sbSparesList><sbSpareSet> */
.sbSpareNewPartNbr{
	width:40%;
}
.sbSparePartName{
	width:40%;
}
.sbSpareQty{
	width:10%;
}
.sbSparePrice{
	width:10%;
}

/* sb new parts table <sbRemovedSparesList> <sbRemovedSpareSet>*/
.sbRSNewPartNbr{
	width:25%;
}
.sbRSPartName{
	width:25%;
}
.sbRSQty{
	width:10%;
}
.sbRSOldPartNbr{
	width:25%;
}
.sbRSDisp{
	width:15%;
}

table.changehighlights {
	margin-top:2em;
}
table.changehighlights tr td ul, table.changehighlights tr td ul li{
	padding:0px;
	margin:0px;
}
/* jtd */
.applicBorder{
	border: 3px solid #D2DBEC;
}

.applicabilityDiv {
	margin-top:.5em;
}
.applicTitle{
	font-weight: bold;	font-size: .9em;
}
.applicText{
		font-size: .9em;
}
.applicDivIndent{
	margin-left: 1em;
}

/* annotator css */
li.ietp-complete.annotator-item *, li.ietp-wip.annotator-item *{
   color:black;
}
li.ietp-complete.annotator-item:first-child, li.ietp-wip.annotator-item:first-child {
	border-top:0
}
li.ietp-complete.annotator-item, li.ietp-wip.annotator-item {
   border-top: black 2px solid;
}
li.annotator-item div, li.annotator-item span{
   font-style:normal !important;
   font-size:1em;
}
li.annotator-item p{
   font-style:normal !important;
   font-size:1em;
}
li.ietp-complete.annotator-item, span.ietp-complete {
   background: rgb(110,233,16);
}
#snapshotbanner, li.ietp-wip.annotator-item, span.ietp-wip {
   background: rgb(255, 255, 153);
}
.annotator-viewer .annotator-widget, .annotator-editor .annotator-widget{
   min-width:400px !important;
}
.annotator-viewer .annotator-widget{
   max-height:600px !important;
   overflow-y:auto !important;
}
.annotator-viewer .annotator-controls {
   opacity:1 !important;
}
/* .annotator-editor .annotator-widget{ */
/*    height:200px !important;	 */
/* } */
.annotator-editor .annotator-widget * textarea{
   height:120px !important;
}
.ietpLineItem {
	margin: 0px 0px 10px 8px !important;
}

.ietpLineItem label {
	margin: 0px 4px 0px 0px !important;
}
#snapshotbanner{
	padding:.5em;
	line-height: 1.25em;
	font-size: 1em;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
}
table.tablerowcounter {
  counter-reset: rowNumber;
}
table.tablerowcounter tr:not(:first-child) {
  counter-increment: rowNumber;
}
table.tablerowcounter tr td:first-child::before {
  content: counter(rowNumber) ".";
  min-width: 1em;
  margin-right: 0.5em;
}
#applicselectiontable {
	width:auto;
	border:0;
}
#applicselectiontable td:first-child {
	text-align:right;
}
#applicselectiontable  select{
	width:100%;
	box-sizing:border-box;
}
.advrev {
  background-color: #FFFF9B
}