@import url("core.css");

/* Specific */

body {
	background:#fcfcfc url(../images/bg.jpg) repeat-x;
	padding-bottom:30px;
}
#container {
	position:relative;
	overflow:hidden;
	margin:100px auto 0 auto;
	border:#D5D5D5 solid 1px;
	background:#FFF;
}

/* scroller */

div#scroller {
	position:relative;
	/*width:435px;*/
	height:56px;
	overflow:hidden;
	margin:10px auto 0 auto;
}
div#scroller ul {
	/* ? javascript to calculate combined width of ul and set ? */
	width:50000px;
	position:absolute;
	left:0;
	list-style:none;
}
div#scroller ul li {
	display:inline;
	float:left;
	margin-right:10px;
	position:relative;
}
div#scroller ul li a {
	border:#D5D5D5 solid 1px;
	display:block;
}
div#scroller ul li a img {
	
}
div#scroller span.dim {
	background:url(../images/alpha-thumbs.png);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	cursor:pointer;
}
div#scrollernav {
	margin:10px auto 0 auto;
	width:435px;
	text-align:center;
	background:#EAEAEA;
	position:relative;
}
div#scrollernav a {
	width:47px;
	height:49px;
	margin:5px;
	display:block;
	position:absolute;
	top:-65px;
}
div#scrollernav a#scrollBarNext {
	background:url(../images/scroller-next.png);
	right:-45px;
}
div#scrollernav a#scrollBarPrev {
	background:url(../images/scroller-prev.png);
	left:-45px;
}

ul#innercontainer {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
ul#innercontainer li {
	float:left;
}
a#mainnext, a#mainprev, div#magnify, div#magnifyout {
	position:absolute;
	overflow:hidden;
	bottom:0;
	display:block;
	width:100px;
	height:70px;
	z-index:2;
}
a#mainnext {
	right:0;
}
a#mainnext img {
	width:40px;
	height:45px;
	position:absolute;
	right:0;
	bottom:0;
}
a#mainprev img {
	width:40px;
	height:45px;
	position:absolute;
	left:0;
	bottom:0;
}
div#magnify, div#magnifyout {
	width:120px;
	height:60px;
	z-index:4;
	background:url(../images/magnify.png) no-repeat;
	display:none;
}
div#magnifyout {
	background:url(../images/magnify-out.png) no-repeat;
}
#lgimgholder {
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:3;
	text-align:center;
	display:none;
	background:url(../images/alpha.png);
	padding:40px 0;
}
#lgimgholder img {
	border:#ABABAB solid 1px;
}
#logo {
	position:absolute;
	top:15px;
	left:40px;
}
#crumb {
	position:absolute;
	right:20px;
	top:7px;
}
#crumb a {
	padding:0;
	width:81px;
	height:67px;
	background:no-repeat center top;
	display:block;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
}
#crumb a:hover {
	background-position:center -68px;
}
#crumb a#home {
	background-image:url(../images/top-nav-links_03.gif);
}
#crumb a#contents {
	background-image:url(../images/top-nav-links_04.gif);
}
#crumb a#close {
	background-image:url(../images/top-nav-links_06.gif);
}
#crumb a#print {
	background-image:url(../images/top-nav-links_05.gif);
}

/* (default contents) styles */

li#contents {
	position:relative;
}
li#contents ul {
	position:absolute;
	z-index:50;
}
li#contents ul.contentsPg1 {
	top:258px;
	left:60px;
}
/* add further contents pages if required
li#contents ul.contentsPg2 {
	top:0;
	left:900px;
}
*/
li#contents li {
	float:none;
	margin-bottom:2px;
}
li#contents li a {
	display:block;
	width:280px;
	height:15px;
	/*background:url(../images/alpha.png);*/
	background:url(../images/contents-btn.png) no-repeat right -379px;
	text-indent:-10000px;
	overflow:hidden;
}
li#contents li a:hover {
	background-position:right -3px;
}

/* lgimgholder (zoomed contents) styles */

#lgimgholder span {
	margin:0 auto;
	position:relative;
	/* width set to PDF page width via javascript so absolute positioning of contents ul's left property starts on the page edge */
}
#lgimgholder span ul {
	position:absolute;
	z-index:50;
}
#lgimgholder span {
	display:block;
	background:#030303;
}
#lgimgholder span ul.contentsPg1 {
	top:651px;
	left:200px;
}
#lgimgholder span ul li {
	float:none;
	margin-bottom:3px;
}
#lgimgholder span ul li a {
	display:block;
	width:650px;
	height:40px;
	background:url(../images/contents-btns-zoomed.png) no-repeat right bottom;
	text-indent:-10000px;
	overflow:hidden;
}
#lgimgholder span ul li a:hover {
	background-position:right -8px;
}

/* tooltip */

#tooltip{
	position:absolute;
	z-index:5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a1a1a1;
	
	border:1px solid #E3E3E3;
	background:#FFF;
	padding:3px 5px;
	display:none;
}

/* abs pos */

#innercontainer li {
	position:relative;
}
a.abspos {
	display:block;
	position:absolute;
	z-index:5000;
	width:165px;
	height:20px;
	text-indent:-10000px;
	overflow:hidden;
	/*background:url(../images/contents-btn-sml.png) no-repeat right -183px;*/
	background:url(../images/trans.gif) no-repeat;
}
a.abspos:hover {
	/*background-position:right 5px;*/
}
a.abspos#pg5a {
	left:430px;
	top:360px;
}
a.abspos#pg6a {
	left:10px;
	top:355px;
}
a.abspos#pg6b {
	left:195px;
	top:358px;
}
a.abspos#pg7a {
	left:500px;
	top:408px;
}
a.abspos#pg7b {
	left:430px;
	top:360px;
}
a.abspos#pg10a {
	left:20px;
	top:465px;
}
a.abspos#pg11a {
	left:500px;
	top:432px;
}
a.abspos#pg11b {
	left:420px;
	top:462px;
}
a.abspos#pg12a {
	left:20px;
	top:427px;
}
a.abspos#pg13a {
	left:575px;
	top:328px;
}
a.abspos#pg14a {
	left:20px;
	top:467px;
}
a.abspos#pg17a {
	left:560px;
	top:395px;
}
a.abspos#pg18a {
	left:20px;
	top:420px;
}
a.abspos#pg19a {
	left:430px;
	top:307px;
}
a.abspos#pg19b {
	left:430px;
	top:329px;
}
a.abspos#pg20a {
	left:20px;
	top:248px;
}
a.abspos#pg20b {
	left:20px;
	top:300px;
}
a.abspos#pg20c {
	left:20px;
	top:380px;
}

/* lgimgholder */

#lgimgholder span a.abspos {
	/*border:1px solid red;*/
	width:420px;
	height:30px;
	/*background:url(../images/contents-btn.png) no-repeat right -371px;*/
}
#lgimgholder span a.abspos:hover {
	/*background-position:right 5px;*/
}
#lgimgholder span a.abspos#pg5a {
	left:1080px;
	top:913px;
}
#lgimgholder span a.abspos#pg6a {
	left:75px;
	top:904px;
}
#lgimgholder span a.abspos#pg6b {
	left:505px;
	top:912px;
}
#lgimgholder span a.abspos#pg7a {
	left:1270px;
	top:1035px;
}
#lgimgholder span a.abspos#pg7b {
	left:430px;
	top:360px;
}
#lgimgholder span a.abspos#pg10a {
	left:70px;
	top:1180px;
}
#lgimgholder span a.abspos#pg11a {
	left:1330px;
	top:1095px;
}
#lgimgholder span a.abspos#pg11b {
	left:1080px;
	top:1170px;
}
#lgimgholder span a.abspos#pg12a {
	left:70px;
	top:1084px;
}
#lgimgholder span a.abspos#pg13a {
	left:1465px;
	top:837px;
}
#lgimgholder span a.abspos#pg14a {
	left:75px;
	top:1184px;
}
#lgimgholder span a.abspos#pg17a {
	left:1490px;
	top:1004px;
}
#lgimgholder span a.abspos#pg18a {
	left:75px;
	top:1068px;
}
#lgimgholder span a.abspos#pg19a {
	left:1080px;
	top:793px;
}
#lgimgholder span a.abspos#pg19b {
	left:1080px;
	top:825px;
}
#lgimgholder span a.abspos#pg20a {
	left:580px;
	top:638px;
}
#lgimgholder span a.abspos#pg20b {
	left:580px;
	top:768px;
}
#lgimgholder span a.abspos#pg20c {
	left:580px;
	top:968px;
}