/* Reset */
*{margin:0; padding:0;}
html{width:100%;/* height:100%: */}
table{border-collapse: collapse; border: 0; border-spacing: 0;}
td{vertical-align: top;}
input,select,textarea{font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif;}
img{border: 0;}

.floatLeft{float:left}
.floatRight{float:right !important}
.clearLeft{clear:both;float:left;width:100%}
.printSwfType{display:none}

body
{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.7em;
	width:100%;
	height:100%;
	background:url(../images/bg.gif) top center repeat-x;
	color:#000000;
}

body.loginBg{
	background:url(../images/bg2.gif) top center repeat-x !important;
}

.white{color:#ffffff}

p,li
{
	font-size: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a{text-decoration: none;color: #004459;}
a:hover{text-decoration: underline;color: #004459;}
a.bold{background:url(../images/bluearrow.gif) top right no-repeat;padding-right:10px;font-weight:bold;font-size:1.1em}

.pageTitle,
.featureTitle,
.subTitle,
.mainHeading,
.subHeading{visibility:hidden}

/* site structure */

object,
embed
{
	float:left;	
	margin-left:-2px;
}

.gradient
{
	background:url(../images/top.jpg) top center no-repeat;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-51%;
	width:100%;
	height:160px;
	z-index:1;
}

body.loginBg .gradient{
	background:url(../images/top2.jpg) top center no-repeat;
}

.container
{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	position:relative;
	z-index:3;
}

.content
{	
	float:left;
	width:950px;
	padding:19px 0 18px 0;
}

.loginBox{
	float:left;
	width:466px;
	background:url(../images/table_bluecontent.gif) top left repeat-y;	
	margin:15px 0 10px 0;
}

.loginHeader{
	float:left;
	width:466px;
	background:url(../images/twotable_heading.gif) top left no-repeat;	
	padding-top:6px;
}

.loginContent{
	float:left;
	width:446px;
	background:url(../images/table_bluefooter.gif) bottom left no-repeat;	
	padding:9px 0 15px 20px;
}

table.login{
	width:260px;
	float:left;
	font-size:1.2em;
}

table.login td{
	padding:0 0 4px 0
}

.btnLogin{float:right;margin-top:20px}

table.changePassword{
	width:425px;
	float:left;
	font-size:1.2em;
}

table.changePassword td{
	padding:0 10px 8px 0
}

.footer
{
	float:left;
	position:relative;
	width:100%;
	height:79px;
}

.footer .text
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:19px;
	width:950px;
}


/* header layout */

h1
{
	float:left;
	width:278px;
	padding:30px 0 0 0;
}

h1 a
{
	float:left;
	display:block;
	width:210px;
	height:72px;
	background:url(../images/logo.gif) top left no-repeat;
	text-indent:-1000000px;
}

h1 span
{
	float:right;
	display:block;
	width:49px;
	height:66px;
	background:url(../images/logo_industrysuperfund.gif) top left no-repeat;
	text-indent:-1000000px;
}

.whosOnline h3
{
	position:absolute;
	top:0;
	right:0;
	text-indent:-1000000px;
	height:43px;
	width:295px;
	background:url(../images/directorarea.jpg) bottom right no-repeat;
	margin:14px 0 0 0;
	padding:0 3px 30px 0;
}

.whosOnline p{color:#ffffff}
.whosOnline p.floatLeft{width:137px}
.whosOnline p.floatRight{width:53px;}
.whosOnline a{color:#ffffff}

ul.nav 
{	
	float:left;
	clear:both;
	width:100%;
	height:35px;
	margin:21px 0 0 -20px !important;margin-left:-7px;
	padding:2px 0 0 20px;
	background:url(../images/nav/nav.png) bottom left no-repeat !important;background-image:url(../images/nav/nav.gif);
}

ul.nav li
{
	list-style-type:none;
	float:left;
	height:35px;
	padding:0 2px 0 0;
	text-indent:-100000px;
}

ul.nav li a
{
	display:block;
	height:35px;
}

ul.nav li.btnDirectorHomepage a		{width:161px}
ul.nav li.btnChangePassword	a		{width:150px}
ul.nav li.btnContactInformation a	{width:161px}

ul.nav li.btnDirectorHomepage				{background:url(../images/nav/directorhomepage_off.gif) top left no-repeat}
ul.nav li.btnDirectorHomepage a			{background:url(../images/nav/directorhomepage_off.gif) top left no-repeat}
ul.nav li.btnDirectorHomepage a:hover	{background:url(../images/nav/directorhomepage_over.gif) top left no-repeat}
ul.nav li.btnDirectorHomepage a.on 		{background:url(../images/nav/directorhomepage_on.gif) top left no-repeat}

ul.nav li.btnChangePassword 			{background:url(../images/nav/changepassword_off.gif) top left no-repeat}
ul.nav li.btnChangePassword a			{background:url(../images/nav/changepassword_off.gif) top left no-repeat}
ul.nav li.btnChangePassword a:hover	{background:url(../images/nav/changepassword_over.gif) top left no-repeat}
ul.nav li.btnChangePassword a.on 		{background:url(../images/nav/changepassword_on.gif) top left no-repeat}

ul.nav li.btnContactInformation 				{background:url(../images/nav/contactinformation_off.gif) top left no-repeat}
ul.nav li.btnContactInformation a			{background:url(../images/nav/contactinformation_off.gif) top left no-repeat}
ul.nav li.btnContactInformation a:hover	{background:url(../images/nav/contactinformation_over.gif) top left no-repeat}
ul.nav li.btnContactInformation a.on 		{background:url(../images/nav/contactinformation_on.gif) top left no-repeat}

.content{	
	width:950px;	
	padding:25px 0 20px 0;
}

.loginScreen{padding-top:83px;padding-bottom:100px}

.content p{float:none;clear:left}

.content ul{
	margin-top:10px;
	margin-left:15px;
}

.content ul li{padding-bottom:5px}

.columnOne .theTitle,
.columnTwo .theTitle{
	float:left;
	width:440px;
	padding:6px 0 19px 0;
}

.fullTable  .theTitle{padding-top:8px !important;padding-bottom:28px !important}

.fullTable  .documentTitle
{
	float:left;
	padding-top:8px !important;
	padding-bottom:17px !important
}

.docRow
{
	float:left;
	width:885px;
	position:relative;
	padding:12px 20px 12px 15px;
}

.blueBg{background-color:#dce7e9 !important}

.docRow p
{
	width:852px;
	background:url(../images/pdf.gif) top left no-repeat;
	padding:0 0 0 33px !important;
	margin:0 !important;
}

.docRow .date{position:absolute;top:0;right:0;margin-right:15px;margin-top:8px;font-size:1.1em}
.docRow .author{color:#686868;font-size:0.9em}

.updateBox, .message{
	float:left;
	width:407px;
	margin:10px 0 10px 0;
	font-weight:bold;
	padding:10px;
	background-color:#fde5c3;
}

.updateBox{font-size:1.2em;}
.message{font-size:0.8em;}

.imgAbsoluteRight{
	position:absolute;
	top:0;
	right:0;
	margin:13px 14px 0 0;
}

.imgRelativeLeft{
	margin:7px 0 0 0;
}

.singleTable .row{
	float:left;
	width:439px;	
	padding:0;
	margin:0 0 15px 0;
}

.removeMarginBottom{margin-bottom:0 !important}

.col{
	width:212px !important;
	*padding-bottom:10px
}

.withBorder{
	background:url(../images/border.gif) bottom left repeat-x;
	padding-bottom:10px !important;
}

.singleTable table{
	float:left;
	clear:left;
	font-size:1.2em;
	width:100%;
	margin:0 0 10px 0;
}

 table.bg td{padding:4px 5px 5px 5px;}

.singleTable table{margin-bottom:0px;}
 
table.bg tr.alt td{
	background-color:#dce7e9;
}

.docNum
{
	text-align:right;
	font-size:0.9em;
	padding-right:10px !important
}

a.arrow
{
	font-weight:bold;
	background:url(../images/bluearrow.gif) top left no-repeat;
	padding-left:10px;
}

td.padTop7px{padding-top:7px !important}
td.padLeft{padding-left:25px !important}

.singleTable{
	float:left;
	width:470px;
	background:url(../images/twotable_footer.gif) bottom left no-repeat;
	padding:0 0 9px 0;
	margin:0 0 10px 0;
}

.singleTable .stretch{
	float:left;
	width:470px;
	background:url(../images/twotable_content.gif) top left repeat-y;
}

.singleTable .columnOne{
	width:452px;
	float:left;
	position:relative;
	padding:6px 0 0 14px;
	background:url(../images/twotable_heading.gif) top left no-repeat;
}	

.addPad{padding-bottom:15px !important}

.fullTable{
	float:left;
	width:950px;
	margin:10px 0 0 0;
	background:url(../images/fulltable_content.gif) top left repeat-y;
}

.fullTable .stretch{
	float:left;
	width:950px;
	background:url(../images/fulltable_bluefooter.gif) bottom left no-repeat;
}

.whiteFooter{
	background:url(../images/fulltable_footer.gif) bottom left no-repeat !important;
}

.fullTable .columnOne{
	float:left;
	width:936px;
	position:relative;
	padding:6px 0 0 14px;
	background:url(../images/fulltable_blueheader.gif) top left no-repeat;	
}

.fullTable .row{
	float:left;
	width:922px;	
	padding:0 0 15px 0;
	margin:0 0 10px 0;
	background:url(../images/border.gif) bottom left repeat-x;
}
 
 .noBorder{background:none !important;padding-bottom:0px !important}
 
.fullTable p{font-size:1.2em}
.fullTable .leftRow{float:left;width:595px}
.fullTable .rightRow{float:right;width:320px}

.fullTable .row table{
	float:left;
	font-size:1.2em;
	width:100%;
}

p.center{text-align:center}

sup{font-size:0.7em;font-weight:bold}

.introduction,
.disclaimer{
	float:left;
	width:100%;
	padding:10px 0 0 0;
}

.disclaimer{font-size:1.1em;}

.crumbTrail{
	float:left;
	clear:left;
	font-size:1.1em;
	font-weight:bold;
	color:#839c21;
	padding:10px 0 0 0;
	width:100%;
}

.crumbTrail a{background:url(../images/crumbtrailarrow.gif) top right no-repeat;padding-right:10px;margin-right:1px}

.left{
	float:left;
	clear:left;
	width:470px;
	padding:15px 0 0 0;
}

.right{
	float:right;
	width:470px;
	padding:15px 0 0 0;
}

.textRow,.docList{
	width:450px;
	background:url(../images/border.gif) bottom left repeat-x;
	padding:0 0 13px 0;
	margin:0 0 13px 0;
}

.removeBg{background:none !important}

.left .textRow{float:left;}
.right .textRow{float:right;}

.textRow ul
{
	margin:10px 0 7px 0;
}

.textRow ul li{
	list-style-type:none;
}

.textRow ul li.hasPdf{
	background:url(../images/icon_pdf.gif) top left no-repeat;
	padding:1px 0 3px 25px;
}

.textRow ul li a{
	font-weight:bold
}

table.edit td{
	padding:0 4px 5px 0;
}

table.edit .btnSaveDetails{
	margin:24px 8px 0 0;
}

.docList{position:relative;clear:left;}

.docList p{
	width:415px;
	background:url(../images/pdf.gif) top left no-repeat;
	padding:3px 0 0 31px !important;
	margin:7px 0 0 0 !important;
}

.docList span{position:absolute;top:0;right:0;font-style:italic}

.padbottom{padding-bottom:10px !important;float:left;clear:left}

.accountTotal{
	float:left;
	clear:left;
	width:916px;
	padding:40px 0 20px 0;
}

.accountTotal table{
	width:100%;
	color:#004555;
	font-size:1.7em;
	font-weight:Bold;
}

.smallFont{font-size:0.9em}
div.smallFont{display:block;float:left;clear:left;}
p.orange{padding-bottom:6px;}
.orange{color:#fc6104}
.floatRightImg{float:right;margin:0 7px 0 0}
.getAdobe{float:right;padding:20px 2px 0 15px}

.loginField,
.txtFullForm,
.txtHalfForm,
.txtPostcodeForm
{
	display:block;
	border:1px solid #999999;
	height:17px;
	padding:2px 0 0 2px;
	margin:4px 0 0 0;
	font-size:1.0em;
}

.loginField{width:190px}
.txtFullForm{width:425px;}
.txtHalfForm{width:205px;}
.txtPostcodeForm{width:96px}
*.txtPostcodeForm{width:94px}

.ddlForm{
	width:100px;
	border:1px solid #999999;
	padding:0;
	margin:5px 0 0 0;
	display:block;
	font-size:1.0em;
	height:20px;
}

/* footer */
.footer .text p{font-size:1.1em}
.footer div.ssFooter{position:absolute;top:1px;right:0;text-indent:-100000px;width:104px;height:36px;}
.footer{background:url(../images/footer.gif) top left repeat-x;}
.footer div.ssFooter{background:url(../images/img_specsuper.gif) top left no-repeat;}
.footer a{color:#ffffff}
.footer p{color:#ffffff}
.footer p.z7,.footer p.z7 a{color:#b7d12d}