/*
	For some reason I can't fathom, this div needs a border, or the table
	positioning when zoomed on mobile is all out of whack.
 */
div.page-750 {
	position  : relative;
	max-width : 750px;
	margin    : 0 auto;
	padding   : 0;
	overflow  : visible;
	border    : 1px solid transparent;
    clear     : left;
}

a.u-l,
div.page-750 p a {
	text-decoration : none;
	/*transition      : all 0.25s ease;*/
	background      : url(../images/link_underline.gif) bottom repeat-x;
	text-shadow     : 0.03em 0 #FFFFF8,
	-0.03em 0 #FFFFF8,
	0 0.03em #FFFFF8,
	0 -0.03em #FFFFF8,
	0.06em 0 #FFFFF8,
	-0.06em 0 #FFFFF8,
	0.09em 0 #FFFFF8,
	-0.09em 0 #FFFFF8,
	0.12em 0 #FFFFF8,
	-0.12em 0 #FFFFF8,
	0.15em 0 #FFFFF8,
	-0.15em 0 #FFFFF8;
}

body.negative div.page-750 a {
	text-decoration : none;
	transition      : all 0.25s ease;
	background      : url(../images/link_underline_dark.gif) bottom repeat-x;
	color           : #BFBFBF;
	/*background      : none;*/
}

body.negative div.page-750 a:hover,
div.page-750 a:hover {
	color : #007AAE;
}

@media only screen and (max-width : 750px) {
	div.page-750 h1,
	div.page-750 h2,
	div.page-750 h3 {
		margin-left  : 3%;
		margin-right : 3%;
	}

	div.page-750 p {
		margin-left  : 3%;
		margin-right : 3%;
	}
}

div.page-750 img {
	margin-bottom : 1.5em;
	max-width     : 750px;
}

div.page-750 ul {
	font-size : 110%;
	/*margin    : 0 0 1.5em 2em;*/
}

div.page-750 ol {
	font-size : 110%;
}

div.page-750 ul.links {
	margin     : 0 0 20px 0;
	padding    : 0;
	border-top : 1px solid #DDDDDD;
}

div.page-750 ul.links li {
	display       : block;
	padding       : 10px;
	/*border-left   : 1px solid #DDDDDD;*/
	/*border-right  : 1px solid #DDDDDD;*/
	border-bottom : 1px solid #DDDDDD;
	background    : none;
}

@media only screen and (max-width : 750px) {
	div.page-750 ul.links {
		margin-left  : 1em;
		margin-right : 1em;
	}

	div.page-750 ul.links li a {
		border-left  : none;
		border-right : none;
	}
}



/*
     INDEX LISTS
 */
div.index-wrapper {
	border-top     : 1px solid #BFBFBF;
	margin-top     : 20px;
	margin-bottom  : 20px;
	padding-bottom : 20px;
	overflow       : auto;
}

div.index-wrapper-inline {
	margin-top     : 20px;
	margin-bottom  : 20px;
	padding-bottom : 20px;
	overflow       : auto;
}

div.index-list {
	margin       : 20px 0 0 0 !important;
	/*width        : 48.5%;*/
	font-size    : 100% !important;
	border-left  : 1px solid #BFBFBF;
	padding-left : 20px;
	overflow     : auto;
	float        : left;
}

div.index-list-inline {
	margin       : 20px 0 0 0 !important;
	width        : 45%;
	font-size    : 100% !important;
	padding-left : 10px;
	overflow     : auto;
	float        : left;
}

div.index-list:first-child,
div.index-list-inline:first-child {
	border : none;
}

div.index-list:first-child {
	padding-left : 0;
}

div.index-list-inline:first-child {
	margin-left : 2em !important;
}

div.index-list ul {
	font-size     : 100%;
	margin        : 0;
	padding-right : 0.5em;
}

div.list-wrapper {

}

div.list-wrapper div.list-header {
	background : #DDDDDD;
}

div.list-wrapper div.list-header.no-links {
	padding : 10px;
}

div.index-item {
	overflow     : auto;
	padding-left : 0.5em;
}

div.list-wrapper div.index-item {
	border-bottom : 1px solid #DDDDDD;
}

div.index-item:hover {
	background : #F3F3F3;
}

div.index-item img {
	margin : 0 10px 0 0;
	float  : left;
}

div.index-item img.icon {
	margin : 8px 10px 0 0;
}

div.index-list-inline div.index-item img {
	padding-left : 10px;
}

div.index-item a {
	display    : block;
	background : none;
	margin     : 0 20px 0 0;
	padding    : 10px 0 10px;
	overflow   : auto;
}

span.machine-number:after,
span.machine-name:after {
	content : " ";
}

@media only screen and (max-width : 768px) {
	div.index-list {
		/*padding-left : 1em;*/
	}

	div.index-item {
		/*margin-left : 1em;*/
	}
}

@media only screen and (max-width : 600px) {
	div.index-list {
		width        : 100%;
		padding-left : 0;
		border       : none;
		margin-top   : 0 !important;
	}

	div.index-list-inline {
		width        : 100%;
		padding-left : 0;
		margin-top   : 0 !important;
	}

	div.index-list-inline:first-child {
		margin-left : 0 !important;
	}

	div.index-item a {
		/*padding-left : 2em;*/
	}

}

ul.index-list {
	margin  : 0 !important;
	padding : 0;
}

ul.index-list li {
	display : inline-block;
	width   : 33%;
	float   : left;
	padding : 0;
}

ul.index-list li a {
	display : block;
	padding : 5px;
}

ul.index-list li a:hover {
	background : #F3F3F3 !important;
}

@media only screen and (max-width : 500px) {
	ul.index-list li {
		width : 100%;
	}
}

/*
 * Listings
 */
ul.links li.header {
	background  : #DDDDDD !important;
	font-weight : bold;
}

ul.links li a {
	display  : block;
	overflow : auto;
}

div.te-number {
	width : 22%;
	float : left;
}

div.te-name {
	float : right;
	width : 78%;
}

@media only screen and (max-width : 750px) {
	div.te-number {
		width : 30%;
	}

	div.te-name {
		width : 68%;
	}

}

div.bulletin-item-type {
	width : 10%;
	float : left;
}

div.bulletin-item-description {
	float : right;
	width : 88%;
}

@media only screen and (max-width : 625px) {
	div.bulletin-item-type {
		width : 15%;
		float : left;
	}

	div.bulletin-item-description {
		float : right;
		width : 83%;
	}
}

a.listing {
	display : block;
}

h2.spec-title {
	margin-top : 2em;
}

/*
	LISTING BY DIV
 */

.entry-title { display:none }

/*****************  HALF-WIDTH IMAGE CONTAINERS ****************************/

div.image-container-lock,
div.image-container-left,
div.image-container-right {
	width         : 550px;
	min-height    : 100px;
	position      : relative;
	text-align    : center;
	margin-bottom : 1.5em;
	padding-top   : 6px;
	page-break-inside: avoid;
}

div.image-container-lock,
div.image-container-left {
	float        : left;
	margin-left  : -175px;
	margin-right : 1em;
	clear        : left;
}

div.image-container-right {
	float        : right;
	width        : 520px;
	margin-right : -165px;
	margin-left  : 1em;
	clear        : right;
}


@media only screen and (max-width : 800px) {
	div.image-container-right {
		float        : right;
		width        : 520px;
		margin-right : -165px;
		margin-left  : 1em;
		clear        : right;
	}
}

div.image-container-lock img,
div.image-container-left img,
div.image-container-right img {
	width     : 100%;
	max-width : 350px;
	display   : block;
	padding   : 0;
}

div.image-container-lock img,
div.image-container-left img {
	margin : 0 0 0 170px;
}

div.image-container-right img {
	margin : 0 170px 0 0;
}

div.image-container-left p.image-caption,
div.image-container-right p.image-caption {
	position   : absolute;
	font-size  : 75%;
	font-style : italic;
	color      : #666666;
	margin     : 0;
	width      : 150px;
	top        : 0;
	padding    : 6px 0 0;
}

div.image-container-left p.image-caption {
	left       : 0;
	text-align : right;
}

div.image-container-right p.image-caption {
	right      : 0;
	text-align : left;
}

div.image-container-left p.image-credit,
div.image-container-right p.image-credit {
	font-size    : 60%;
	font-style   : italic;
	color        : #AAAAAA;
	text-align   : right;
	margin-top   : 3px;
	margin-right : 180px;
}

div.image-container-right.download-link {
	padding-left  : 2em;
	margin-bottom : 0;
}

div.image-container-right p.download-link {
	text-align  : left;
	margin-left : 15px;
}

@media only screen and (max-width : 1099px) {

	div.image-container-right {
		float        : right;
		width        : 50%;
		margin-right : 0;
		margin-left  : 1em;
		clear        : right;
	}

	div.image-container-right img {
		/*width:100%;*/
		max-width : 375px;
		margin    : 0;
	}

	div.image-container-right p.image-caption {
		position   : relative;
		width      : 90%;
		text-align : left;
		margin     : 0 !important;
	}

	div.image-container-right p.image-credit {
		position   : relative;
		width      : 100%;
		text-align : left;
		/*margin     : -45px 0 30px 0 !important;*/
		margin     : 0 !important;
	}

}

@media only screen and (max-width : 750px) {
	div.image-container-lock {
		width  : 50%;
		margin : 0 1em 1em 1em;
	}

	div.image-container-lock img {
		width  : 100%;
		margin : 0;
	}
}


/*
 * Listings
 */
ul.links li.header {
	background  : #DDDDDD !important;
	font-weight : bold;
}

ul.links li a {
	display  : block;
	overflow : auto;
}

div.te-number {
	width : 22%;
	float : left;
}

div.te-name {
	float : right;
	width : 78%;
}

@media only screen and (max-width : 750px) {
	div.te-number {
		width : 30%;
	}

	div.te-name {
		width : 68%;
	}

}

div.bulletin-item-type {
	width : 10%;
	float : left;
}

div.bulletin-item-description {
	float : right;
	width : 88%;
}

@media only screen and (max-width : 625px) {
	div.bulletin-item-type {
		width : 15%;
		float : left;
	}

	div.bulletin-item-description {
		float : right;
		width : 83%;
	}
}

a.listing {
	display : block;
}

h2.spec-title {
	margin-top : 2em;
}

/*
	LISTING BY DIV
 */

/*