/*
 Project: NZCT Website
 Date: 6th Dec 2007
 */
 
/* Misc Styles and defaults */
 
/*
* { 
 	margin: 0; 
	padding: 0; 
	border: 0;
	}

body { 
 	font-size: 62.5%; 
	font-family: Arial, Verdana, sans-serif; 
	background: #FFF url(../images/bg.gif) repeat-x;
	}


/** Site Container **
#Container { 
 	width: 770px; 
	margin: 0 auto; 
	}

/** #Header **
#Header { 
 	width: 100%;
	height: 104px
	}
	
 	#Header h1 { 
	  	color: #555;
	  	float: left;
	  	margin: 32px 0 0 0;
		font-size: 3em;
		font-weight: 300;
	    background: url(../images/headerright.gif) no-repeat center right;
		}
	* html #Logo h1 { background: none;}

 	#Header p { 
	  	margin: 20px 0 0 0;
		padding-right: 22px; 
		float: right; 
		background: url(../images/rssicon.gif) no-repeat right center; 
		display: block; 
		color: #737272; 
		font-size: 1.1em; 
		width: 300px;
		text-align: right; 
		}
	
 		#Header p a { 
	  		color: #737272;
			  }
	
/*** Main Navigation ***

#Navigation ul { 
 	float: right; 
 	margin-top: 9px;
	margin-left: 15px;
	}
  	#Navigation ul li { 
	   	list-style: none; 
		margin: 0 2px;
		float: left;}
		
  		#Navigation ul li a {
		   	float: left;
			display: block; 
			text-transform: lowercase;
			height: 35px; 
			text-align: center;
			font-size: 1.4em; 
			line-height: 30px; 
			padding: 0 10px;
			color: #AAAAAA; 
			text-decoration: none;
			}
		#Navigation ul li a:hover {  
			color: #222;
			}
   		#Navigation ul li a.current,
    	#Navigation ul li a.current:hover { 
		 	background: url(../images/navcurrent.png) no-repeat; 
			width: 96px;
			padding: 0;
			color: #EDEDED;
			}
	
/** #Breadcrumbs **
#Breadcrumbs { 
 	color: #8C8C8C;
 	font-size: 1.1em;
	 }
  	#Breadcrumbs a { 
	   	color: #4EA3D7;
		   }
   	#Breadcrumbs a:hover { 
	    color: #555;
			}
   

	
/*** Content Column **
#Content { 
 	width: 510px; 
	float: left; 
	margin-top: 10px;
	}
	


 /*** Footer **

#Footer { 
 	clear: both; 
	text-align: center; 
	line-height: 49px; 
	color: #555; 
	font-size: 1em;
	margin-top: 30px;
	}
	#Footer a { 
	 	color: #333; 
		}
  
 /** forms styling **
 
 #PageComments_holder h4 { 
  	font-size: 1.5em; 
	width: 100%; 
	border-bottom: 1px solid #E0DFDF; 
	margin: 20px 0 15px 0; 
	color: #4EA3D7; 
	padding: 3px 0px;
	}


 
 p#Remember label { 
	  	width: 200px;
		  }
		
div#Name { 
 	height: 30px;
	 } 

/** Comment styling **
 ul#PageComments { 
  	margin: 0;
	  }
 	ul#PageComments li { 
	  	list-style: none; 
	  	padding: 5px 5px 10px 5px; 
	  	border-bottom: 1px solid #EAE9E9;
	  }

 	ul#PageComments p.info { 
	  	font-size: 1.2em; 
		clear: both;
		width: 100%;
		margin: 5px 0 0 0;
		color: #8C8C8C;
		padding: 0px; 
		background: url(../images/comment_edit.png) no-repeat top left;
		text-indent: 20px;
		font-style: italic;
		}



	/** Search Results Page **
.pageresults {
	font-size: 1.1em;
	clear: both;
	margin-top: 15px;
}

.pageresults p {
	float: left;
}
.pageresults p.right {
	float: right;
}*/
/*-------------------------------*/

* { margin:0px; padding:0px; }
a img { border: none; }
body { background-color:black; font-size:62.5%; }
#header { background-image:url(../../../assets/images/fern-bg.gif); background-repeat:no-repeat; background-position:bottom right; background-color:white; }
#fern { background-image:url(../../../assets/images/top-bg.gif); background-repeat:repeat-x; font-family:helvetica, arial, sans serif; }
#background { background-image:url(../../../assets/images/bottom-bg.gif); background-repeat:repeat-x; background-position:bottom left; }
#container { width:960px; margin-left:auto; margin-right:auto;/* position:relative; background-color:green;*/
	
}
#content { width:690px; /*background-color:blue;*/
	float:right; color:#666666; /*
	background-image:url(/images/greybox.gif);
	background-repeat:repeat-y;
	background-position:right;*/
}
.left-panel, .right-panel { width:335px; /*height:350px;
	background-color:#eeeeee;*/
	margin-bottom:20px; }
.left-panel { margin-right:10px; float:left; overflow: hidden; }
.right-panel { margin-left:10px; float:right; }
div.clear { clear:both; visibility:hidden; height:1px; line-height:1px; border:0; }
#words { float:left; padding:10px 20px 20px; width:400px; }
#pic { float:right; padding-top:15px; width:223px; }
#map { display:block; margin-left:auto; margin-right:auto; }
.venue_details { float:left; margin-left:10px; }
.venue_img { float:left; padding:5px; width:80px; }
#content .info { background-color:#E9E9E9; border:1px solid #DDDDDD; color:#333333; padding:12px; }
#content .info ul { font-size:12px; list-style-image:none; list-style-position:inside; list-style-type:disc; margin-bottom:0.7em; }
#PDF_paid { float:right; width:450px; }


/* felipe's updates 01/july/2009 updates on the dashboard and the form
-----------------------------------------------------------------------------------------------------------------------*/

.niceForm{width:315px !important;}
.niceForm.left-panel { margin-right:10px; padding-right:10px; /*border-right:#CCC solid 1px; */}
.niceForm.right-panel { margin-left:10px; padding-left:10px; }
	.niceForm .halfSize{width:250px;}
	.niceForm h2{font-size:2.5em; margin: 0 0 .1em 0;}
	.niceForm h3{margin:1em 0 0 0;}
	.niceForm h4{margin:1em 0 0 0;}
	.niceForm .bigField{ font-size:2em; padding:4px;}
	.niceForm input.text{ background:#fff; border:#999 1px solid; width:100%;}
	.niceForm form{padding:10px;}
	/*.niceForm button{ background:#8CC63F; color:#FFF; padding:5px; font-size:1.3em; border: #690 solid 3px; font-weight:bold; margin:.5em 0; cursor:pointer;} 
		.niceForm button:hover{ background: #690; cursor:pointer;}*/
	
	.niceForm .success, .dashboard .success{color:#690;}
	.niceForm .error, .dashboard .error{color:#900;}
		.niceForm .error input.text{border:#900 2px solid; color:#900;}
		.niceForm .error .errorMsg{background:#900; padding:2px 6px; color:#FFF; margin:0 ; width:100%; font-size:1em;}
		.niceForm .feedback h5{font-size:1.2em;}
		.niceForm ul { margin:1em 0; list-style:square; list-style-position:inside;}
		.niceForm ul li{font-size:1.2em; margin:.5em 0;}

	#welcome { position:absolute; right:20px; top:80px; font-size: 1.2em; color: #eee;}
	
	
	/*Application Form*/
	#content .stepIndicator li{background:none;}
	#content .stepIndicator span{border-bottom:none 0; }
		#content .stepIndicator .current span{background:#e9e9e9; border-color: #DDDDDD;  padding-bottom: 12px; margin-bottom: -2px; margin-right: 2px;}

	
	

/*DASHBOARD
	------------------------------------------------------------------------------*/
.dashboard{}
	.dashboard h2{font-size:3.5em; margin: 0 0 .1em 0;}
	.dashboard h2.border{font-size:3.5em; margin: 0 0 .1em 0; border-bottom:1px solid #CCCCCC; padding-bottom: .15em;}
	.dashboard .marginUp{margin: 2em 0 1em 0;}
		#content .dashboard ol{ background:#FEFFCC; margin:1em 0; padding:1em;}
		.dashboard ol li{ margin:.5em 0; padding:.5em 0; border-top:none; position:relative; }
	
	.ongoingList { list-style:none;}
		.ongoingList li{ margin:.5em 0; padding:.5em 0; border-top:1px solid #CCCCCC; position:relative;}
		
			.ongoingList h5{font-size:1.3em; margin:.5em 0;}
				.ongoingList h5 a{background:#000; color:#FFF; padding:2px 4px; font-weight:bold; }
				
			.ongoingList h3{font-size:1.6em; margin:.5em 0;}
				.ongoingList h3 a{color:#OOO; padding:2px; font-weight:bold; }
				
			.ongoingList h6{ font-size:1.4em;}
			.ongoingList h6 em{ font-style:normal;}
			.ongoingList .metaData {font-weight:normal;}
			.ongoingList .detailsButton {font-weight:normal; background:#000; color:#FFF; padding:2px 4px 0; cursor:pointer; font-size:10px; text-transform:uppercase;}
			
			.grantList {list-style:none; border-left:#999 1px solid;margin:0 0 0 58px; padding:0 0 0 5px;}
				.grantList li{ margin:0 0 1em 0; padding:0; border:none;  font-size:1.2em;}				
				.grantTag{ position:absolute; background:#000; color:#FFF; padding:2px 4px 0; font-size:10px; float:left; font-weight:normal; }
			
			p.alert{font-size:1.6em; font-weight: bold; color:#91101A; margin:2em 0; padding:1em 0 1em 70px; background:#FFEDB3 url(../images/alert.png) no-repeat 10px center ; border: 2px solid #B54B00;}
			
		.confirmationPage {width:97%;}
	
	/*STATUS BAR
	------------------------------------------------------------------------------*/
	
	.statusBar{ width:100%; height:10px; background:#e6e6e6; position:relative; margin:2em 0 3em 0; padding:0 0; border:2px solid #000; border-left:none; border-right:none }
	.statusBar .progress{height:10px; background:#8cc63f;}
	.statusBar.status1 .progress{width:0%;}
	.statusBar.status2 .progress{width:33%;}
	.statusBar.status3 .progress{width:66%;}
	.statusBar.status4 .progress{width:100%;}
	
	.p1, .p2, .p3, .p4, .p5{ position:absolute; z-index:3; top:-7px; width:15px; height:18px; font-style:normal; background: url(../images/status_bullets.gif) no-repeat left top;  
								display:block; padding:6px 0 0 9px; font-size:1.2em; font-weight:bold; color:#000; cursor:default; }
	.p1{left:0; background-position: left -300px;}
	.p2{left:33%; background-position: left -30px;}
	.p3{left:66%; background-position: left -30px;}
	.p4{right:0; background-position: left -90px;}

	.label1, .label2, .label3, .label4, .label5{ position:absolute; z-index:3; top:20px; font-style:normal; font-size:1em; font-weight:bold; }
	.label1{left:0;}
	.label2{left:33%;}
	.label3{left:66%;}
	.label4{right:0;}
	
	
	/*Stauts 1 normal*/
	.statusBar.status1 .p1{ background-position: left top; color:#006837;}
	.statusBar.status1 .p2, .statusBar.status1 .p3 { background-position: left -150px;}
	.statusBar.status1 .p4{ background-position: left -180px;}
	
	/*Stauts 2 normal*/
	.statusBar.status2 .p1{ background-position: left -300px; color:#006837;}
	.statusBar.status2 .p2{ background-position: left -60px; color:#006837;} 
	.statusBar.status2 .p3 { background-position: left -150px;}
	.statusBar.status2 .p4{ background-position: left -180px;}
	
	/*Stauts 2 onhold*/
	.statusBar.status2.onHold .p1{ background-position: left -300px; color:#006837;}
	.statusBar.status2.onHold .p2{ background-position: left -210px; color:#F7931E;} 
	.statusBar.status2.onHold .p3 { background-position: left -150px;}
	.statusBar.status2.onHold .p4{ background-position: left -180px;}
	
	/*Stauts 3 normal*/
	.statusBar.status3 .p1{ background-position: left -300px; color:#006837;}
	.statusBar.status3 .p2{ background-position: left -30px; color:#006837;} 
	.statusBar.status3 .p3 { background-position: left -60px; color:#006837;}
	.statusBar.status3 .p4{ background-position: left -180px;}
	
	/*Stauts 3 onHold*/
	.statusBar.status3.onHold .p1{ background-position: left -300px;}
	.statusBar.status3.onHold .p2{ background-position: left -30px; color:#006837;} 
	.statusBar.status3.onHold .p3 {background-position: left -210px; color:#F7931E;}
	.statusBar.status3.onHold .p4{ background-position: left -180px;}
	
	/*Stauts 4 normal*/
	.statusBar.status4 .p1{ background-position: left -300px;}
	.statusBar.status4 .p2{ background-position: left -30px; color:#006837;} 
	.statusBar.status4 .p3{ background-position: left -30px; color:#006837;}
	.statusBar.status4 .p4{ background-position: left -90px;}
	
	/*Stauts 4 onHold*/
	.statusBar.status4.onHold .p1{ background-position: left -300px;}
	.statusBar.status4.onHold .p2{ background-position: left -30px; color:#006837;} 
	.statusBar.status4.onHold .p3{ background-position: left -30px; color:#006837;}
	.statusBar.status4.onHold .p4{ background-position: left -240px; color:#F7931E;}
	
	/*Stauts 4 partiallyPaid*/
	.statusBar.status4.partiallyPaid .p1{ background-position: left -300px;}
	.statusBar.status4.partiallyPaid .p2{ background-position: left -30px; color:#006837;} 
	.statusBar.status4.partiallyPaid .p3{ background-position: left -30px; color:#006837;}
	.statusBar.status4.partiallyPaid .p4{ background-position: left -270px;}
	



	/*DETAILS VIEW
	------------------------------------------------------------------------------*/
	.details{margin:2em 0;}
	.detailGroup{margin:3em 0;}
		.detailGroup h6{font-size: 1.5em; color:#000; margin: 1em 0 0;}
		.detailGroup h6 b{background:#000; color:#FFF; padding:4px 7px 2px; font-size: .7em; margin: 0 1em 0 0;}
		.detailGroup p{border-bottom: 1px solid #000; font-size: 1.4em; color:#000; margin:1em 0 0 0;}
		.detailGroup .legend{display:block; font-size:0.9em; margin-top:-7px;}
		
		.detailGroup .full{width:100%; float:left; margin:1em 0 0  0; clear:both;}
		.detailGroup .half{width:50%; float:left; margin:1em 0 0  0;}
		.detailGroup .half p, .detailGroup .full p{margin: 0;}
		.detailGroup .first p {margin-right:20px;}
		.detailGroup .third{width:33%; float:left; margin:1em 0 0  0;}
		.detailGroup .third p {margin-right:10px;}
		.detailGroup .threequarters{width:75%; float:left; margin:1em 0 0  0;}
		.detailGroup .threequarters p {margin-right:10px;}
		.detailGroup .quarter{width:25%; float:left; margin:1em 0 0  0;}
		
		
		.detailGroup .fifth{width:20%; float:left; margin:1em 0 0  0;}
		.detailGroup .fifth p {margin-right:10px;}

		
	/*Drafts
	------------------------------------------------------------------------------*/
	.ongoingList.drafts li{ margin:0em 0; padding:.5em 0; border-top:1px solid #CCCCCC; position:relative;}
	.buttons{position:absolute; float:left; right:0; top:2.5em;}

	.editAction,.deleteAction{background:#8CC63F; color:#FFF; padding:2px 5px; font-size:.9em; border:#690 solid 1px; font-weight:normal; margin:.5em 0; cursor:pointer; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	.deleteAction{background:#C1272D;border:#91101A solid 1px;margin:0 5px;}
	.editAction a,.deleteAction a,.editAction a:visited,.deleteAction a:visited{color:#FFF; text-decoration:none;}
		.editAction a:hover,.deleteAction a:hover{color:#FFF; text-decoration:underline;}
	.created, .modified {font-size:10px; color:#333; }
	
	.SessionMessage{font-size:12px; font-weight: bold; color:#91101A; }
	
	.example{background:url(../images/example_bg.gif);}



#pic img.rightimage{
	width: 210px;
	height: 340px;
}

div#personnellist .subgroup{
	margin-left: 20px;
}

div#personnellist .subtitle{
	margin: 10px 0;
}

div#personnellist .roottitle{
	margin: 10px 0;
}