body {
	background-color: #FFFFFF;

}

#mainContainer {
	
	border: solid 1px #e0e0e0;
    border-bottom: 0px;
	
}


/* drop shadow  */

#pageContainer {
	
   width:740px;
   padding-bottom:8px;
   border:0px;
   background:url(../../images/NavPix3/btm_ds.gif) no-repeat;
   background-position:bottom;
   margin-left:20px;  
   margin-top:40px;  
   
   
}


.imgRow {
    clear:both;

 }
 

/* top and bottom NavPix containers  */ 
 
.pixContainer {
  float: left;
  border: solid 1px #e0e0e0;
  background:#ffffff;
  width:110px;
  height:81px;
  margin:0 7px 0 0;
  text-align:center;
  }
  
  
div.pixContainer p {
   text-align: center;
   }


 div#imgRowTop {
  background:url(../../images/NavPix3/imgrowtop_bg.gif);
  padding-left:16px;
  height:107px;
}

 div#imgRowBtm {
  background:url(../../images/NavPix3/imgrowbtm_bg.gif) repeat-x;
  padding-left:16px;
  padding-top:10px;
  height:100px;
  }

div#centreContainer {
  text-align:center;
  height:345px;
  

 } 

div#centreContent_upload {
  padding-top:23px;
  text-align:left;
  margin-left:55px;
  
}


div#centreContent_dragDropUploaded	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_describeUploaded	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_locateImageChoose	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_locateAddress	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_locateLatLongDecimal	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_locateLatLongDMS	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_locateMap	 {
  text-align:left;
  margin-left:55px;
  
}

div#centreContent_optionalInfo	 {
  text-align:left;
  margin-left:55px;
  
}






.clear {
  clear: both;
  }
    
.imgDescHeading{
  text-align:center;
  font:bold 11px Arial, Verdana, Helvetica, sans-serif;	
  color:#9a9a9a;
 } 

.uploadPreview{
  border:solid 1px #d3d3d3;
 }
 
  	 
div#uploadArea{
   padding-top:12px;

   }
 
 
div#uploadArea label{ 
   float:none;
   width:0;
   text-indent: -1000em;
 }  
 
 #makePublicLabel {
    color:#ffffff;
 } 
 
 #selCountryLabel { 
   float:none;
   width:0;
   text-indent: -1000em;
 }  
 
   
div#dragDropArea{
   padding-top:12px;
   } 
   
   
div#navMan{
   margin-left:8px;
   width:237px;
   height:188px;    
   background:url(../../images/NavPix3/navman_bg.gif) no-repeat;
   float:left;
   
 }  
 
 div#navmanCenterImage{
	text-align:center;
	position:relative;
	margin-top:25px;
	vertical-align:middle;
	

 }
 
 div#errorDivContent{
	 font:14px Arial, Verdana, Helvetica, sans-serif;	
	 font-weight:bold;
	 color:#9a9a9a;
	 
 }
 


.navManImg{
   border:solid 3px #383838;
   margin:30px 0px 0px 33px;
 }  

  
input.previewFile {
  width:200px;
  height:16px;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #cccccc;
  display:block;
  margin-bottom:3px;
}  

div.previewImg {
  float:left;
  width:55px;
  height:63px;
  margin-left:20px;
  font-size:10px;
  }
  
  
div.previewImg a{
  font:10px Arial,Verdana, Helvetica, sans-serif;
  color:#2f81a1;
  text-decoration:none;
 }   

div.previewUpload {
  float:left;
  width:220px;
  height:60px;
  }
  
div#sectionDesc {
  padding-left:20px; 
  font:10px Arial, Verdana, Helvetica, sans-serif;
  margin:0 0 10px 0;
}   



.nextRight, .backRight {
  float:right;
}

.nextRight {
  padding-right:55px;
}


/* beginning of list buttons */


div.nextRight ul#blueBtn, div.backRight ul#backBtn, div#rightForm ul#locationBtns {
  margin:0;
  padding:0;
}  


	  
div.nextRight ul#blueBtn li, div.backRight ul#backBtn li, div#rightForm ul#locationBtns li{
   text-align:left;
   background:url(../../images/NavPix3/next_btn_bg.gif) no-repeat;
   color:#fff;
   font:12px Arial, Helvetica, sans-serif;
   text-decoration:none;
   list-style-type:none;
   padding:0;
   margin:0;
}
      
  
div.nextRight ul#blueBtn li{
   width:100px;
   background:url(../../images/NavPix3/next_btn_bg.gif) no-repeat;
   height:20px;
   line-height:20px;
}
     
div.nextRight ul#blueBtn li.next a, div.nextRight ul#blueBtn li.next a:visited {
   padding-left:30px;  
   color:#fff;
   font-weight:bold;
   text-decoration:none;
   line-height:20px;
   height:20px;
   }   
 
div.backRight ul#backBtn li{
      width:70px;
   background:url(../../images/NavPix3/backbtn_bg.gif) no-repeat;
   height:20px;
   line-height:20px;
}
   
div.backRight ul#backBtn li a{
   padding-left:18px;  
   color:#fff;
   font-weight:bold;
   text-decoration:none;
   }   
 
div#rightForm ul#locationBtns li{
   display:block;
   font:11px Arial, Helvetica, sans-serif;
   margin-bottom:15px;
   height:20px;
   line-height:20px;
   
}
 


div#rightForm ul#locationBtns li.address{
	  background:url(../../images/NavPix3/locate_btnbg_03.gif) no-repeat;
}	

div#rightForm ul#locationBtns li.map{
	  background:url(../../images/NavPix3/locate_btnbg_03.gif) no-repeat;
}	  


div#rightForm ul#locationBtns li.longLat{
	  background:url(../../images/NavPix3/locate_btnbg_03.gif) no-repeat;
}	  
	  
div#rightForm ul#locationBtns li.address a, div#rightForm ul#locationBtns li.map a, div#rightForm ul#locationBtns li.longLat a{
   	  padding-left:10px;
  	  color:#fff;
	  font-weight:bold;
	  text-decoration:none;
	  }	  





.aB11 {
    color:#666;
	
	}


.processImg{
      margin-bottom:14px;
	  margin-top:10px;
	  margin-left:10px;
	  border:0px;
	 } 

	  
div#arrowGuide{
     float:left;
}	 





#contentInner{
   height:185px;
 }  
 
 
 #rightForm{
   width:360px;
   float:left;
   margin-left:25px;
   color:#2f82a0;
   font:11px Arial, Helvetica, sans-serif;      
 }  
 
  #optDetailsForm{
   width:377px;
   height:188px;
   float:left;
   margin-left:45px;
   color:#2f82a0;
   font:11px Arial, Helvetica, sans-serif;      
   background:url(../../images/NavPix3/opt_details_bg.gif) no-repeat;

 }  
 
 
 #rightForm span{
   color:#000;

}   
 
 

   
   

/* form styles */   

input.txtMain, input.txtMain2, input.longLatDec, textarea, select.navManSel, select.optDetailsSel, select.locImgSel, select.longLatSel { 
  height:16px;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #cccccc;
 }  
   
  input.txtMain{
  width:200px;
  margin-bottom:8px;
}   

  input.txtMain2{
  width:100px;
  margin-bottom:10px;
}   


  input.longLatDec{
  width:25px;
  margin-bottom:10px;
}   
   
 textarea {  
   width:200px;
   height:42px;
  overflow: auto;
    margin-bottom:10px;
  } 
  
  
  select.navManSel{  
   width:200px;
  color:#2f82a0;
  overflow: auto;
    margin-bottom:20px;
  }  
  

   
   
  select.optDetailsSel{  
   width:200px;
	 color:#2f82a0;
  overflow: auto;
    margin-bottom:10px;
  }  
      
   
  select.locImgSel{  
	width:230px;
	color:#2f82a0;
    margin-bottom:6px;

  }  
   
   
  select.longLatSel{  
   width:40px;
	color:#2f82a0;
    padding:0px;
    margin-bottom:10px;
  }  
     


.navPixLabel{ 
   float:left;
   color:#2f82a0;
   font:bold 11px Arial, Helvetica, sans-serif;
   width:118px;


   }  
   
   
   
   
#optDetailsForm label{ 
   float:left;
   color:#666666;
   margin-left:15px;
   font:bold 11px Arial, Helvetica, sans-serif;
   width:110px;


   }     
   
   
 #freeTextLabel{
  width:70px;
  } 
  
  input.go{
  float:left;
  line-height:16px;
  background:#ffffff;
  border:0px;
  width:35px;
  padding-left:0;
  color:#2f82a0;
  font:bold 11px Arial, Helvetica, sans-serif;
  }
  
input.goClear{
  float:left;
  line-height:16px;
  border:0px;
  width:35px;
  padding-left:0;
  color:#2f82a0;
  font:bold 11px Arial, Helvetica, sans-serif;

}

  input.freeText {
  width:200px;
  height:16px;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #cccccc;
  margin-bottom:6px;
  }
  
.drag{
	position:relative;	
	cursor:hand;
	z-index: 100;
}

.navPixError {
	color: #FF0000;
}


  
  
  
   /* Process Styles  */
  
ul#processPos {
 list-style-type:none;
 
 padding:3px 0px 0px 6px;
 height:24px;
 width:700px;
 font:bold 11px  Arial, Helvetica, sans-serif;
 background:url(../../images/NavPix3/process_bg.gif) no-repeat;

 margin:10px 0px 16px 10px;
}
  
ul#processPos li.state1, ul#processPos li.state2, ul#processPos li.state3{
 display:inline;
 width:150px;
 height:17px;
 line-height:17px;
 padding:1px 0px 3px 6px;
 margin:0px 18px 0px 0px; 
 
}
 
 
ul#processPos li.state1 {
 background:url(../../images/NavPix3/process_a.gif) no-repeat;
}
 
ul#processPos li.state1 span{
 color:#ffffff;
 margin-right:8px;
}
 
ul#processPos li.state2 {
 background:url(../../images/NavPix3/process_b.gif) no-repeat;
 color:#9a9a9a;
}
 
ul#processPos li.state2 span{
 color:#d9d9d9;
 margin-right:8px;
}
 
ul#processPos li.state3 {
 background:url(../../images/NavPix3/process_c.gif) no-repeat;
 color:#9a9a9a;
}
 
ul#processPos li.state3 span{
 color:#f2f2f2;
 margin-right:8px;
}
 

/* end Process styles */

div#errorDiv
{
 position:absolute;
 visibility:hidden;
 background-color:#FFFFFF;
 text-align:center;
 border: 1px solid #ff0000;
 width:739px;
 height:100px;
 z-index:1000;
 vertical-align:middle;
 text-align:center;
 margin: auto;



}

#mapinst{
	margin-top:10px;
	position: absolute;
	width: 327px;
	float:right;
	left:70px;
	
	
	}
	
#mapwrap{
	position: relative;
	height: 100%;
	margin-right: 320px;
	} 
	
#googlemapsearch {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
	border:1px solid black;
	}