/* ------------------------------------------------------------------------ *
 * Iatia Limited                                                            *
 * Screen styles v1.4                                                       *
 * ------------------------------------------------------------------------ */

body
{
	background: #888888 url(/images/background.gif) repeat-x;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: black;
	margin:	0px;
	padding: 0px;
}

/* Fix for IE 5.5 table font size bug */
table
{
	font-size: 1em;
}

div	{ margin: 0px; padding: 0px; }

h1	{ margin: 0px; padding: 0px; letter-spacing: 0.1em; font: 2em Calibri, "Arial Narrow", Arial, Helvetica, sans-serif; }
h2	{ margin-bottom: 15px; padding: 0px; letter-spacing: 0.1em; font: 1.6em Calibri, "Arial Narrow", Arial, Helvetica, sans-serif; }
h3	{ margin: 0px; padding: 0px; letter-spacing: 0.1em; font: 1.3em Calibri, "Arial Narrow", Arial, Helvetica, sans-serif; }
h4	{ margin: 0px; padding: 0px; font: italic 1.1em  Calibri, Arial, Helvetica, sans-serif; }

.hidden	{ display: none; }
.screen	{  }
.print	{ display: none; }

#container
{
	background: #888888;
	margin: 0px auto;
	width: 773px;
	background-color: transparent;
	text-align: left;
}

#header
{
	background: #888888 url(/images/pageHeader.gif);
	width: 538px;
	height: 146px;
	padding-top: 33px;
	padding-left: 235px;
}

#footer
{
	background: #888888 url(/images/pageFooter.gif);
	width: 738px;
	height: 110px;
	padding-top: 0px;
	padding-left: 35px;
}

#pageBody
{
	background: url(/images/contentBackground.gif);
	width: 738px;
	min-height: 500px;
	padding-left: 35px;
}

/*
 * Left Bar
 */

div#leftBar
{
	float: left;
	width: 200px;
	color: #E6E6E6;
}

#leftBar a
{
	color: #FAFAFA;
}

#leftBar a:hover
{
	color: #FDAB34;
}

#leftBar a:visited
{
	color: #FAFAFA;
}

#leftBar a:visited:hover
{
	color: #FDAB34;
}

#leftBar a.bookmark
{
	background: url(/images/linkLeftBookmarkGrey.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 15px;
}

#leftBar a.bookmark:hover
{
	background: url(/images/linkLeftBookmarkYellow.gif) no-repeat left center;
}

#leftBar a.page
{
	background: url(/images/linkLeftPageGrey.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 15px;
}

#leftBar a.page:hover
{
	background: url(/images/linkLeftPageYellow.gif) no-repeat left center;
}

#leftBar a.external
{
	background: url(/images/linkLeftExternalGrey.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 15px;
}

#leftBar a.external:hover
{
	background: url(/images/linkLeftExternalYellow.gif) no-repeat left center;
}

#leftBar a.pdf
{
	background: url(/images/linkLeftPdfGrey.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 15px;
}

#leftBar a.pdf:hover
{
	background: url(/images/linkLeftPdfColour.gif) no-repeat left center;
}

#leftBar span.fileSize
{
	font-size: 80%;
	color: #C4C4C4;
}

#leftBar span.pdf
{
	background: url(/images/linkLeftPdfGrey.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 15px;
}

#leftBar h1	{ background: url(/images/headingBackgroundLeftBar.gif);
			  width: 193px; height: 32px; line-height: 30px;
			  text-align: left;
			  font-style: normal;
			  font-family: Verdana, Arial, Helvetica, sans-serif;
			  padding-left: 7px;
			  font-weight: bold;
			  font-size: 1.0em; }


#leftBar ul								{ width: 200px; padding: 0px; margin: 0px; list-style-type: none; }

#leftBar ul.announcements li			{ font-size: 0.95em; float: left;
										  padding: 2px 5px 6px 15px; margin: 0px; list-style-type: none; 
										  border-top: solid 3px #747474;
										  width: 180px;
										  background: url(/images/announcementBackground.gif) no-repeat left bottom; }
#leftBar ul.announcements li a			{ display: block; text-decoration: none; }
#leftBar ul.announcements li span.date	{ font-style: italic; }

#leftBar ul.navigation li				{ font-size: 0.95em; float: left;
										  padding: 4px 5px 4px 5px; margin: 0px; list-style-type: none; 
										  width: 190px; }
#leftBar ul.navigation li.selected		{ background-color: #858585; }
#leftBar ul.navigation li a				{ display: block; }
#leftBar ul.navigation a.bookmark		{  }

#leftBar ul.subnavigation				{ margin-left: 15px; width: 190px; }
#leftBar ul.subnavigation li a			{ text-decoration: none; }
#leftBar ul.subnavigation li.indent 	{ margin-left: 15px; }

/*
 * Main Content
 */

#content
{
	position: relative;
	width: 460px;
	margin: 0px 0px 0px 227px;
	padding: 15px 0px 0px 0px;
	color: #202020;
	text-align: left;
}

#content img	{ border: none; }

#content a		 	{ text-decoration: none; color: #4040E0; }
#content a:hover 	{ text-decoration: none; color: #0000E0; text-decoration: underline; }
#content a.bookmark	{ background: url(/images/linkBookmarkGrey.gif) no-repeat left center; color:#000000; text-decoration: none; padding: 15px; }
#content a.link	{ background: url(/images/linkLeftPageGrey.gif) no-repeat left center; padding-left: 15px; }

#content h1
{
	padding: 10px 0px 5px 0px;
	color: #404040;
}

#content h2
{
	color: #404040;
	padding: 0 0 0 0;
}

#content h3
{
	color: #404040;
}

#content h4
{
	font-weight: bold;
	color: #404040;
}

#content p
{
	margin: 10px 0px 20px 0px;
	color: #202020;
}

#content p.sampleCourtesy	{ font-size: 0.9em; font-style: italic; padding-top: 20px; }

#content div.more   { font-size: 0.9em; font-style: italic; margin: 20px 20px 0 0; text-align: right; }
#content div.more a { background: url(/images/linkLeftPageGrey.gif) no-repeat left center; font-style: italic; padding-left: 15px; }

#content div.backtoTop   { font-size: 0.9em; font-style: normal; margin: 20px 20px 0 0; text-align: right; }
#content div.backtoTop a { background: url(/images/linkBacktoTopGrey.gif) no-repeat left center; font-style: normal; color: #888888; padding-left: 15px; }

#content div.alertNotice	{ font-weight: bold; text-align: center; background-color: #ffff00; padding: 5px; border: 1px solid black; }

content ul li { list-style-type: square; list-style-position: outside; margin: 5px 0px 5px 0px; }

#content ul.papers					{ list-style-type: none; margin-left: 20px; }
#content ul.papers li				{ list-style-type: none; margin: 10px 0 15px 0; }
#content ul.papers span.paperTitle	{ font-weight: bold; }
#content ul.papers span.paperAuthor	{ font-size: 0.9em; }
#content ul.papers span.paperSource	{ font-size: 0.9em; font-style: italic; }

#content ol.papers					{ list-style-type: decimal; margin-left: 10px; }
#content ol.papers li				{ list-style-type: decimal; list-style-position: outside; margin: 10px 0 15px 0; }
#content ol.papers span.paperTitle	{ font-weight: bold; }
#content ol.papers span.paperAuthor	{ font-size: 0.9em; }
#content ol.papers span.paperSource	{ font-size: 0.9em; font-style: italic; }

#content div#frontPageProducts	{ margin: 0px 40px 0px 40px; }

#content div.productLink	{ margin-bottom: 10px; }
#content img.boxIcon		{ border: none; }

#content span.productName	{ font-weight: bold; }
#content span.productDescription {  }
#content td.boxIcon			{ vertical-align: top; }

#content div.indent { margin: 0px 0px 0px 25px; }

#content div.sampleImage		{ text-align: center; width: 400px; margin: 0px auto 0px auto; padding: 0px; }
#content div.sampleCaption		{ text-align: center; width: 400px; margin: 0px auto; font-size: 0.9em; }
#content div.sampleImageLink	{ margin-bottom: 15px; }
#content div.thumbnailImage		{ text-align: center; width: 160px; margin: 0px auto 0px auto; padding: 0px; }
#content div.thumbnailCaption	{ text-align: center; width: 160px; margin: 0px auto; font-size: 0.9em; }

#content .sampleImage img	{ border: solid 3px black; }

#content img.iconLeft 				{ float: left; border: none; margin: 2px 10px 10px 0px; }
#content img.imageLeft 				{ float: left; border: none; margin: 10px 10px 10px 10px; }
#content img.imageRight 			{ float: right; border: none; margin: 10px 10px 10px 10px; }
#content img.imageCenter 			{ display: block; border: none; margin: 10px auto 10px auto; }
#content img.contentImageLeft 		{ float: left; border: 2px solid black; margin: 0 10px 10px 42px; }
#content img.contentImageRight 		{ float: right; border: 2px solid black; margin: 0 42px 0px 10px; }

#content a.productTitle				{ margin: 0px; padding: 0px; font: 1.3em Calibri, "Arial Narrow", Arial, Helvetica, sans-serif; }

#content table.contentImage 		{ text-align: left; font-size: 0.9em; display:block; margin-left: auto; margin-right: auto; }
#content table.contentImage h4		{ font-size: 1em; }
#content table.contentImage tr 		{ vertical-align: top; }
#content table.contentImage td 		{ padding: 10px 3px 0px 3px; }
#content table.contentImage img		{ display:block; margin-left: auto; margin-right: auto; border: 2px solid black; }
#content table.contentImage img.noBorder	{ display:block; margin-left: auto; margin-right: auto; border: none; }
#content div.contentImageCaption	{ text-align: center; width: 80%; margin: 10px auto; font-size: 0.9em; }
#content span.contentImageRef		{ font-style: italic; }

#content table.contentImageFeature 		{ text-align: center; font-size: 1em; display:block; margin-left: auto; margin-right: auto; }
#content table.contentImageFeature tr 	{ vertical-align: top; }
#content table.contentImageFeature td   { padding: 0 10px 0 10px; }

#content span.contactName { font-weight: bold; background: url(/images/iconContact.gif) no-repeat left center; padding-left: 16px; }
#content span.mobileNumber { background: url(/images/iconMobile.gif) no-repeat left center; padding-left: 16px; }
#content span.emailAddress { background: url(/images/iconEmail.gif) no-repeat left center; padding-left: 16px; }
#content span.phoneNumber { background: url(/images/iconPhone.gif) no-repeat left center; padding-left: 16px; }
#content span.faxNumber { background: url(/images/iconFax.gif) no-repeat left center; padding-left: 16px; }
#content div.streetAddress { background: url(/images/iconAddress.gif) no-repeat left 2px; padding-left: 16px; }
#content span.website { background: url(/images/linkLeftExternalGrey.gif) no-repeat left 2px; padding-left: 16px; }
#content span.contactDetailLabel { font-size: 0.9em; margin-right: 7px; display: none; }

#content img.peoplePhoto { top: 0px; float: left; margin: 10px 10px 10px 10px; border: none; }
#content img.peoplePhotoCropped { top: 0px; float: left; margin: 0px 10px 0px 5px; border: none; }


#content span.peopleName  { color: #202020; text-decoration: none; padding-top: 0px }
#content span.peopleTitle { font-size: 0.9em; }
#content span.peopleQualifications { display: none; font-size: 0.75em; font-variant: small-caps; font-weight: normal; }

#content ul.people		 { width: 450px; padding: 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
#content ul.people li	 { padding: 0px; margin: 10px; list-style-type: none; height: 60px; }

#content p.diagram		 { text-align: center; font-style: italic; }
#content p.equation		 { text-align: center; font-style: italic; }

#content span.symbol	 { font-family: "Times New Roman", Serif; }

#content table.equationParallels			{ margin: 0px; border-spacing: 0px; border-collapse: collapse; }
#content table.equationParallels th			{ border: solid 1px #424242; margin: 0px; padding: 2px; background-color: #D0D0D0; text-align: center; }
#content table.equationParallels td			{ border: solid 1px #424242; margin: 0px; padding: 2px; }
#content table.equationParallels td.equation{ text-align: center; }
#content table.equationParallels td.label	{ background-color: #D0D0D0; font-weight: bold; }

#content table.iatiaSnapshot				{ border: 0; border-spacing: 0px; border-collapse: collapse; background-color: #e0f0e0; font-size: 0.9em; margin-left: auto; margin-right: auto; }
#content table.iatiaSnapshot td				{ padding: 3px; text-align: left; }
#content table.iatiaSnapshot tr				{ }
#content table.iatiaSnapshot tr.title		{ background-color: #ffffff; font-weight: bold; }
#content table.iatiaSnapshot td.number		{ text-align: right; }
#content table.iatiaSnapshot td.title		{ padding-top: 10px; }
#content table.iatiaSnapshot td.year		{ text-align: center; }

#content table.shareholders					{ width: 450px; border-collapse: collapse; }
#content table th							{ border-bottom: #CCCCCC 1px solid; }
#content table th.rank						{ text-align: left; width: 5%; }
#content table th.name						{ text-align: left; width: 55%; }
#content table th.units						{ text-align: center; width: 20%; }
#content table th.percent					{ text-align: center; width: 20%; }
#content table td.rank						{ text-align: right; width: 10%; padding-right: 20px; }
#content table td.name						{ text-align: left; width: 50%; }
#content table td.units						{ text-align: right; width: 20%; }
#content table td.percent					{ text-align: right; width: 20%; padding-right: 5px; }
#content table tr.odd						{ height: 2.5em; }
#content table tr.even						{ background-color: #EAEAEA; height: 2.5em; }
#content table tr.total						{ height: 2.5em; font-weight: bold; }
#content table tr.end   					{ height: 2.5em; }

/*
 * for SPP
 */
#content table.spp          				{ width: 450px; border-collapse: collapse; border-bottom: #CCCCCC 1px solid; }
#content table th.date						{ text-align: center; width: 35%; }
#content table th.event						{ text-align: center; width: 25%; }
#content table th.description				{ text-align: left; width: 40%; }
#content table td.date						{ text-align: center; width: 35%; padding: 20px 10px 20px 10px; font-weight: bold; }
#content table td.event						{ text-align: center; width: 25%; padding: 20px 10px 20px 10px; }
#content table td.description				{ text-align: left; width: 40%; padding: 20px 10px 20px 10px; }

#content div.pressRelease			{ padding: 0px 20px 0px 20px; text-align: justify; }
#content div.pressReleaseFooter	p	{ padding: 0px 20px 0px 20px; text-align: justify; color: #888888; padding-top: 10px;}
#content div.pressReleaseTitle		{ font-weight: bold; font-size: 1.3em; text-align: center; margin: 10px 0px 10px 0px; }
#content div.pressReleaseDate		{ font-style: italic; text-align: right; font-size: 0.9em; }

#content div.companyReport			{ padding: 0px 20px 0px 20px; text-align: justify; }

#content div.patents				{ padding: 0px 20px 0px 20px; text-align: justify; }

#content td.patentNumber			{ white-space: nowrap; padding-left: 20px; padding-right: 10px; vertical-align: top; text-align: left; }
#content td.patentTitle				{ }

#content td.publicationLinkType		{ vertical-align: top; padding: 2px 5px 0px 20px; }
#content td.publicationLink			{ padding-bottom: 10px; }
#content a.publicationLinkDate		{ color: Black; font-size: 0.9em; white-space: nowrap; }
#content a.publicationLinkTitle		{ }

#content td.appNoteLinkType			{ vertical-align: top; padding: 2px 5px 0px 20px; }
#content a.appNoteLinkDescription	{ padding-bottom: 10px; font-size: 0.9em }
#content a.appNoteLinkTitle			{ color: #202020; white-space: nowrap; }

/*
 * Menu Bar
 */

#menuBar							{ background: url(/images/menuBarBackground.gif);
									  width: 501px; height: 35px; border: none; }
#menuBar ul							{ width: 501px; padding: 0px; margin: 0px; list-style-type: none; }
#menuBar ul li						{ float: left; padding: 0px; margin: 0px; list-style-type: none; }
#menuBar ul li a					{ display: block; height: 35px; }
#menuBar ul li a span				{ display: none; }

#menuBar ul li#home a				{ background: url(/images/menuHomeDefault.gif); width: 76px; }
#menuBar ul li#products a			{ background: url(/images/menuProductsDefault.gif); width: 93px; }
#menuBar ul li#technology a			{ background: url(/images/menuTechnologyDefault.gif); width: 96px; }
#menuBar ul li#clients a			{ background: url(/images/menuClientsDefault.gif); width: 72px; }
#menuBar ul li#investors a			{ background: url(/images/menuInvestorsDefault.gif); width: 87px; }
#menuBar ul li#contact a			{ background: url(/images/menuContactDefault.gif); width: 77px; }

#menuBar ul li#home a:hover			{ background: url(/images/menuHomeHover.gif); width: 76px; }
#menuBar ul li#products a:hover		{ background: url(/images/menuProductsHover.gif); width: 93px; }
#menuBar ul li#technology a:hover	{ background: url(/images/menuTechnologyHover.gif); width: 96px; }
#menuBar ul li#clients a:hover		{ background: url(/images/menuClientsHover.gif); width: 72px; }
#menuBar ul li#investors a:hover	{ background: url(/images/menuInvestorsHover.gif); width: 87px; }
#menuBar ul li#contact a:hover		{ background: url(/images/menuContactHover.gif); width: 77px; }

#menuBar ul li#homeSelected			{ background: url(/images/menuHomeHover.gif); width: 76px; }
#menuBar ul li#productsSelected		{ background: url(/images/menuProductsHover.gif); width: 93px; }
#menuBar ul li#technologySelected	{ background: url(/images/menuTechnologyHover.gif); width: 96px; }
#menuBar ul li#clientsSelected		{ background: url(/images/menuClientsHover.gif); width: 72px; }
#menuBar ul li#investorsSelected	{ background: url(/images/menuInvestorsHover.gif); width: 87px; }
#menuBar ul li#contactSelected		{ background: url(/images/menuContactHover.gif); width: 77px; }

/*
 * Left Bar Logo Strip
 */

#logos					{ width: 200px; height: 46px; border: none; margin-top: 0px; }

#logos ul				{ width: 200px; padding: 0; margin: 0; list-style-type: none; }
#logos ul li			{ float: left; padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; }
#logos ul li a			{ display: block; height: 46px; }
#logos ul li a span		{ display: none; }

#logos ul li#asx a		{ background: url(/images/logoAsxDefault.gif); width: 46px; }
#logos ul li#rd100 a	{ background: url(/images/logoRd100Default.gif); width: 45px; }
#logos ul li#ats a		{ background: url(/images/logoats.jpg); width: 74px; }
#logos p				{ font-size: 0.9em; color: #cccccc; padding-left: 10px; padding-right: 10px; padding-top: 5px; margin-top: 0px; }

/*
#qpiLogo				{ background: url(/images/logoQpiMedium.png) no-repeat right bottom; height: 40px; margin: 0 10px -40px 0; }
#qpiWavefrontLogo		{ background: url(/images/logoQpiWavefrontMedium.png) no-repeat right bottom; height: 66px; margin: 0 10px -40px 0; }
*/

#leftBar h1 a			{ text-decoration: none; }

/*
 * Page Banner
 */

#pageBanner				{ width: 501px;	height: 111px; }
#pageBanner h2			{ width: 501px; height: 111px; margin: 0px; }

#pageBanner h2#blue01	{ background: url(/images/pageBannerEye.jpg); }

/*
 * Home Page settings
 */

#homePage table.homeTab					{ margin: auto; position: absolute; left: 5px; top: 95%}
#homePage table.homeTab tr td			{ width: 100px; height: 123px; padding: 0 4px 0 4px;  }

#homePage	{ sfont-size: 1.1em; padding: 15px 10px 10px 15px;}

/*
 * Latest News - border bottom
 */

div#latestNews	{ font-size: 0.9em; color: #888888; border-bottom: 1px #CCCCCC solid; padding-bottom: 10px; }
#latestNews h1	{ color: #888888; font-size: 0.9em; }
#latestNews ul	{ padding: 0px; margin: 0 0 0 25px; list-style-type: none; }

#latestNews ul.announcements li			{ list-style-type: none; }
#latestNews ul.announcements li a		{ background: url(/images/linkLeftPageGrey.gif) no-repeat left center; padding-left: 15px; display: block; text-decoration: none; color: #888888;}

/*
 * Latest News - border top
 */

div#latestNewsBorderTop	{ font-size: 0.9em; color: #888888; border-top: 1px #CCCCCC solid; padding-top: 10px; margin-top: 20px; }
#latestNewsBorderTop h1	{ color: #888888; font-size: 0.9em; }
#latestNewsBorderTop ul	{ padding: 0px; margin: 0 0 0 25px; list-style-type: none; }

#latestNewsBorderTop ul.announcements li			{ list-style-type: none; }
#latestNewsBorderTop ul.announcements li a		{ background: url(/images/linkLeftPageGrey.gif) no-repeat left center; padding-left: 15px; display: block; text-decoration: none; color: #888888;}

#clientLogos		{ margin-top: 20px; text-align: center; }
#clientLogos img	{ margin: 20px 15px 10px 15px; vertical-align: middle; }

