/* main styles */

body {
	background: #FFFFFF url(../images/generic/civic_bg_main.gif) repeat-x;
	margin: 0;
	padding: 0
}
h1
		{
			color:#330066;
			font-family:verdana;
			font-weight:normal;
			font-size:16pt;
			letter-spacing:-.05em;
			display:block;
			background:transparent url(images/generic/pageHeadingBackground.gif) repeat-x bottom left;
			padding-bottom:5px;
		}
a {
	color: #E3600B;
	text-decoration: none;
}

td, th {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #5C5C5C
}

th {
	text-align: left
}

/* column styles */

.contNewsMain {
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 2px; 
	padding-right: 2px; 
	border-bottom: 1px dashed #D47800;
	font-size: 11px
}

.contNewsMain a {
	color: #5C5C5C;
}

.contLink {
	padding-top: 4px; 
	padding-bottom: 12px; 
	padding-left: 2px; 
	padding-right: 2px;
	font-size: 11px
}

.colLeftIndex {
	width: 168px;
	background-color: #ECF4F7
}

.colLeftSub {
	width: 168px;
	background-color: #F7F7F7
}

.contColTitle {
	padding-top: 11px;
}

.colLeftMemTitle {
	font-size: 14px; 
	font-weight: bold; 
	color: #1E1454; 
	padding-left: 17px; 
	padding-top: 3px; 
	padding-bottom: 0px; 
	background-color: #BEC5CC
}

.colLeftMemCont {
	padding-left: 17px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	color: #1E1454;
	font-size: 11px
}

.colLeftMemDiv {
	border-bottom: 1px solid #BEC5CC; 
	height: 1px
}

.colLeftMemImg {
	margin-right: 5px
}

.contColBody {
	padding-top: 8px; 
	padding-bottom: 8px;
	border-bottom: 1px dashed #D47800;
	font-size: 11px
}

.contColImg {
	padding-left: 1px; 
	padding-top: 12px
}

.inputBox1 {
	width: 130px;
	height: 18px;
	border: 1px solid #66638C;
	margin: 0;
	font-size: 11px;
	padding-left: 2px;
	padding-top: 3px
}

table.tabLeft1, table.tabLeft2  {
	background-color: #D1DADF;
	width: 168px
}



#KSinfo, #KSinfo ul {padding: 0; margin: 0; list-style: none;}
#KSinfo a {display: block; width: 168px;}
#KSinfo li {float: left; width: 168px;}
/*#KSinfo li ul {position: absolute;width: 168px;left: -999em;}
#KSinfo li:hover ul {left: auto;}*/

#KSinfo a img {background:url(../images/kiwisaver/KSIIFY_button/KSIIFY_out.gif);width:168px;height:62px;padding:0px;margin:0px;}
#KSinfo a:hover img {background:url(../images/kiwisaver/KSIIFY_button/KSIIFY_over.gif);}

#KSinfo .news a {display:block; width:168px; height:31px; background:url(../images/kiwisaver/ShouldYouBeIn_News_Out.gif);}
#KSinfo .news a:hover {background:url(../images/kiwisaver/ShouldYouBeIn_News_Over.gif);}

#KSinfo .faq a {display:block; width:168px; height:31px; background:url(../images/kiwisaver/KSIIFY_button/faq_out.gif);}
#KSinfo .faq a:hover {background:url(../images/kiwisaver/KSIIFY_button/faq_over.gif);}

#KSinfo .shouldyoubein a {display:block; width:168px; height:26px; background:url(../images/kiwisaver/KSIIFY_button/shouldyoubein_out.gif);}
#KSinfo .shouldyoubein a:hover {background:url(../images/kiwisaver/KSIIFY_button/shouldyoubein_over.gif);}

#KSinfo .taxcalculator a {display:block; width:168px; height:27px; background:url(../images/kiwisaver/KSIIFY_button/taxcalculator_out.gif);}
#KSinfo .taxcalculator a:hover {background:url(../images/kiwisaver/KSIIFY_button/taxcalculator_over.gif);}

#KSinfo .makekiwisaversupereasy a {display:block; width:168px; height:38px; background:url(../images/kiwisaver/KSIIFY_button/makekiwisaversupereasy_out.gif);}
#KSinfo .makekiwisaversupereasy a:hover {background:url(../images/kiwisaver/KSIIFY_button/makekiwisaversupereasy_over.gif);}

/*#KSinfo li:hover ul, #KSinfo li.sfhover ul { left: auto; }*/




table.tabLeft1 td {
	color: #66638C;
	text-align: left;
	font-size: 11px
}

table.tabLeft2 td {
	color: #1E1454;
	text-align: left;
	font-size: 11px;
}

.tabLeft2 a {
	color: #781118
}

.tabLeft1Cont {
	padding-top: 12px;
	padding-left: 17px;
	font-size: 11px
}

.tabLeft1Cell {
	padding-top: 4px
}

.contPwd {
	background-color: #C8D0D8; 
	font-size: 10px; 
	padding-left: 8px; 
	padding-top: 3px; 
	line-height: 10px
}

.contPwd a {
	color: #514C7B
}

.contIndexFeatTab {
	background-color: #C93E1D; 
	width: 158px;
	height: 192px
}

.contIndexFeat1 {
	height: 12px; 
	background-color: #1E1454; 
	font-size: 10px; 
	line-height: 10px; 
	padding-left: 18px; 
	text-align: left
}

.contIndexFeat1 a {
	color: #BFD9E5
}

.contIndexFeat2 {
	height: 15px; 
	background-color: #1E1454; 
	font-size: 10px; line-height: 10px; 
	padding-left: 18px; 
	text-align: left
}

.contIndexFeat2 a {
	color: #BFD9E5
}

.contContact {
	padding-left: 16px; 
	font-size: 10px; 
	color: #5C5C5C
}

.contContact a, .tabLeft1Cont a {
	color: #E3600B
}
/* #514C7B */
.contContactTitle {
	color: #1E1454
}

/* pattern styles */

.stripPattern {
	background: url(images/generic/civic_strip_pattern.gif) repeat-x
}

/* footer styles */

.contFooter 
{
	width: 100%;
	height: 22px; 
	background-color: #BFD9E5
}

.contFooter td {
	font-size: 10px;
	color: #567C9A
}

.contFooter a {
	color: #567C9A
}

/* navigation styles */

.navLayers {
	color: #213D66;
	padding-right: 6px;
	padding-top: 2px;
	padding-left: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid #7BB1C9;
	/*width: 285px;*/
	font-size: 11px
}

.navRows {
	background-color: #BFDAE5
}

.navTab {
	border-top: 1px solid #7BB1C9;
	border-left: 1px solid #7BB1C9;	
	border-right: 1px solid #7BB1C9;		
	width: 220px
}

.navDivs {
	position: absolute; 
	z-index: 2000; 
	visibility: hidden
}

.navDivs div
{
	background:transparent url(images/generic/civic_strip_menu_bottom_rig.gif) no-repeat top right;
}

.navLayers a {
	color: #213D66;
	text-decoration: none
}

.navLayers a:link {
	color: #213D66;
	text-decoration: none
}

.navLayers a:visited {
	color: #213D66;
	text-decoration: none
}

.navLayers a:hover {
	color: #D57800;
	text-decoration: none
}

.navBottom {
	background-color: #1E1454;
	height: 3px
}

/* middle column content styles */

.contIndexTitle, .contSubTitle {
	padding-left: 30px; 
	padding-right: 20px; 
	padding-top: 9px; 
	padding-bottom: 9px
}

.contIndexBody, .contSubBody {
	padding-left: 30px; 
	padding-right: 20px
}

td.contSubBody p {
	padding-top: 0px; 
	padding-bottom: 0px
}

.contSubBodyTitle {
	font-size: 13px; 
	color: #1E1454;
	font-weight: bold
}

.divSub {
	border-top: 1px solid #BEC5CC; 
	margin-top: 5px;
	padding-top: 5px;
	display: block
	
}

.contSubBack, .contSubTop {
	font-size: 10px; 
	padding-right: 3px;
	color: #95A1B1;
	margin-top: -5px;
}

.contSubBack a, .contSubTop a {
	color: #95A1B1;
}

.contSubImg {
	float: left; 
	text-align: left;
	margin-right: 10px
}

.contIndexButton {
	background: #FFFFFF url(images/generic/civic_strip_pattern.gif) repeat-x;
	text-align: center; 
	margin-left: 30px; 
	margin-right: 20px; 
	margin-top: 18px; 
	margin-bottom: 18px;
	width: 384px
}

/* change the url below when the site goes live */

.img {
   behavior: url(http://60.234.137.58/civic/png.htc)
}

.inputText  {
	width: 240px;
	margin-bottom: 5px;
}

.inputTextarea {
	width: 240px;
	height: 100px;
	margin-bottom: 5px;
}

.txtSmall {
	font-size: 10px
}

.txtMedium {
	font-size: 11px
}

.tabFlow {
	width: 384px;
}

.contFlow {
	color: #333333;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #D5DADE;
	border-right: 2px solid #95A1B1;
	border-left: 2px solid #95A1B1
}

.contFlow a {
	color: #1E1454
}

.contFlowHdr 
{
    display:block;
	background-color: #95A1B1;
	background-image:url(../images/generic/flow_end_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
	padding:5px;
	color:White;
	font-weight:bold;
	font-size:8.5pt;
}

.contFlowHdr:hover
{
	background-color: #666666;
}

.contFlowHdrNumber
{
    background-image:url(../images/generic/flow_title_separator.gif);
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:15px;
    margin-right:5px;
}

.contFlowHdrMore 
{
    background-image:url(../images/generic/flow_end_more_separator.gif);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:15px;
    position:absolute;
    right:10px;
    color:#CCFF33;
    text-decoration:underline;
}

img {
	border: 0px
}

.fp_panel img {margin-right : 4px}

.datatable {border:1px solid silver;}
.datatable td {text-align:center;padding:4px;font-size:8pt;line-height:9pt;vertical-align:middle;}
.datatable td.first {font-weight:bold;width:86px;overflow:hidden;}
.datatable tr.first td {background:#E3600B;font-size:8pt;color:White;font-weight:bold;}
.datatable tr.even {background:#BFD9E5;}
.datatable tr.odd td.first {border:1px solid silver;}

.datatable_manual {border:1px solid silver;}
.datatable_manual td {padding:4px;font-size:8pt;line-height:9pt;vertical-align:middle;}
.datatable_manual td.first {width:86px;overflow:hidden;}
.datatable_manual tr.first td {background:#E3600B;font-size:8pt;color:White;font-weight:bold;}
.datatable_manual tr.even {background:#BFD9E5;}
.datatable_manual tr.odd td.first {border:1px solid silver;}


.highlight {background-color : #CCFF33; padding : 2px;}
