body {font: 75%/16pt Arial, Helvetica, sans-serif; color: #036; background: #fff; margin:0 5px 0 1%; text-align:center;  background-image:url(../image/bgfade.gif); background-repeat:repeat-x; }
a:link, a:visited {color:#039; font-weight:bold}

#infoballoon
{
    background-image: url(/image/TableListCellBG.jpg);	
	background-color:#FFFFFF;
	height:250px;
	left:500;
	top: 500;
	position:absolute;
	width:202px;
	border: 1px solid #9ac5eb;
}

#balloontable { position: absolute; margin-top:10px;}
.CloseBallon {float: right; height: 45px; clear:both;}
.dragme { cursor: move;}

.BallonWrapper 
{
    
        
    }

#listlink {
	float:right;
	
	
	background-image:url(../image/showlistormap.gif);
	border:1px solid #336666;
	text-align:center;
	list-style-type:none;
	text-decoration:none;
	width: 150px;
}
#maplink { 
	float:right;
	
	
	background-image:url(../image/showlistormap.gif);
	border:1px solid #336666;
	text-align:center;
	list-style-type:none;
	text-decoration:none;
	width: 150px;
	}
	


.NewBadgeImg {
	float: right; 
	margin-top:-8px;

}

h1{color:#366; font-size:180%;  clear:both; margin:10px 0}
h2{font-size:125%; margin:0; padding:5px 0;}
h3, .h3{font-size:115%; margin:3px 0 10px 5px;}
p{margin:0 0 10px 0; max-width:780px;}
table, th, tr, td{font-size:100%; }
tr {  width:100%; }

table{ border-collapse:collapse;}
td{padding:5px}
th{text-align:left; }
form{margin:0}
blockquote{font-size:110%; margin:20px; font-style:italic; display:block; clear:both;}
blockquote b{font-style:normal;}
img{border:0}
ul.steps, .steps li {margin:0}
hr{border:0;height:1px;color:#e7f3f3; margin:2px 0 11px 0;}

#container{margin:5px; text-align:left; }
#top{width:890px; clear:both;}
#logo{width:174px; float:left; margin:0 10px 0 0 }
#header{ height:80px; float:left;}
#welcome{height:45px; float:left; width:395px;}
#navigation{ float:left;}
#navigation ul{	padding: 0; margin:0}
#navigation li{	list-style-type: none; float:left;  border:1px solid #366; margin:0 7px 0 0; background-color:#FFFFFF; white-space:nowrap;  width:90px; /*mac hack \*/ width:auto;  /*end mac hack*/}
#navigation li a:link, #navigation li a:visited{ display:block;  padding:2px 10px ; color:#600; text-decoration:none}
#navigation li a:hover{ background:#eff3f2;}
#navigation .on{border:1px solid #699; background:#e0e8e6;}
#na{width:146px; float:left; text-align:right; margin-left: 20px; }
#main{width:78%; float:left}



#right{width:20%; float:left; margin:0px 0 0 1%;}
#right h1{font-style:inherit; font-size:100%; color:#666666}
#right ul.rightnav{padding: 0; margin:0; border:1px solid #366; text-align:left; width:80%; margin-top: 0px;  }
#right ul.rightnav li{list-style-type:none; padding:0 0 0 15px; border-bottom:1px solid #366; background-image:url(../image/rightnav-bg.gif)}
#right ul.rightnav li a, #right ul.rightnav li a:visited{text-decoration:none; color:#036;}
#right ul.rightnav .on{background:none; background-color:#e0e8e6}
#right ul.rightnav .all{padding:0 0 0 5px}
#bottom{width:840px; padding:50px 0 0 0; font-size:90%; clear:both; text-align:center; float:left;}
#bottom a:link, #bottom a:visited{color:#039; margin:0 5px;}
.clear{clear:both}

.formline{width:100%; clear:both; margin:5px 0;}
.formline2 { width:90%; clear:both; margin:5px 0;}
label{width:25%; float:left}
.formitem{width:35%; float:left}
.formhelp{width:35%; float:left; font-size:90%; margin:0 0 0 2%; line-height:normal}
#header label{float:none; width:auto; margin:0 5px 0 0}
#header .formline{margin:0}
.field{font-size:90%; width:95%}
.fieldsm{font-size:90%; width:35%}
.password{width:50%}
button, .button, .buttonlink{color:#fff; background:none; background-image: url(../image/buttonall.gif); height:25px;	border:1px solid #699;	font-family:Arial, Helvetica, sans-serif; font-size:115%; font-weight:bold; cursor:pointer; padding: 0 3px;}
.buttonlink{padding: 0 10px; text-align:center;	text-decoration:none; height:25px; color:#fff;}
.clearbutton{color:#039; background:none; height:25px;	border:0px solid #699;	font-size:90%; font-weight:bold; text-decoration:underline; cursor:pointer; padding: 0 3px;}
a:link.buttonlink, a:visited.buttonlink {color:#fff;}
.buttonplace{text-align:center; clear:both; margin:18px  0}
.resultselect select{font-size:80%; width:140px}
.formhelp label{width:auto; float:none}
.ques label, #creditcardsection .ques label{display:inline; width:auto; float:none}
.nohelp .formitem{width:62%;}
.nohelp label{width:35%;}

img.left{float:left; margin-top: 14px;}
img.right{float:right; margin:5px}
.boxmaps{border:1px solid #699; background:#EFF3F2; margin:0 0 20px 0; padding-left: 15px; }
.box {
	background:#EFF3F2 none repeat scroll 0%;
	border:1px solid #669999;
	margin:0pt 0pt 20px;
	}
.box form {padding:10px;}
.box table{margin:0 0 0 10px;}
.box p{padding:0 0 0 10px;}
.box h2{color:#366; font-size:125%; margin:0; padding:5px; clear:both; background:#e0e8e6; border-bottom:1px solid #699}
.errorcontainer{background-color:#FFFFFF; padding:10px; margin:10px 0; font-size:110%; color:#C00; border:1px solid #c00;}
.headrow{font-weight:bold; font-size:110%;margin:4px 0}
.headcell{ width:40%}
.datacell{font-weight:bold; width:90%;}

.tabs {border:1px solid #ababab; border-bottom:0; border-left:0; background:#fff; height:29px; clear:both; width: auto; }
.tabs ul{padding: 0; margin:0; }
.tabs li{list-style-type: none; float:left; background:#fff; border-left:1px solid #999;  padding:4px 30px; width:auto; margin:0; text-align:center; white-space:nowrap}
.tabs li#address {padding-bottom: 3px;}
.tabs a, .tabs a:visited{font-weight:normal;}
.tabs .on, .tabs .on a, .tabs .on a:visited{ background:#e0e8e6; font-weight:bold}
.tabs .end{border-right:1px solid #999;}
.steps li{ list-style:none; clear:both; margin:0; padding:0}
.steps img{margin:0 10px 10px 0;}
.tagline{font:italic 200% Georgia, "Times New Roman", Times, serif  ; color:#993333}
.tabletext{border-bottom:1px solid #fff;}
.bigpale{font-size:390%; color:#366; width:20px; float:left; margin:0 5px 0 0;}
.third{width:30%; float:left; margin:0 10px 0 0; text-align:center}
.namelevel{font-weight:bold; border-bottom:1px solid #fff; width:250px }
.resultsnamelevel{font-weight:bold; border-bottom:1px solid #fff}
.padding{margin:10px;}
.inh2{font-size:80%; float:right}
.resultselect{width:230px;}
.resultselect select {width:190px;}
.resultselect img {vertical-align:middle; margin:0 0 0 3px;}
table a:link{color:#003399; }
table a:visited{color:#003399;}
.crosssell{border:1px solid #9a9a9a; padding:5px; margin:25px 0; height: 130px;}
.beta{font-size:80%}
ol.roman{list-style:lower-roman}
ol.alpha{list-style:lower-alpha}
.beta{font-size:80%;}
.payoption{float:left; width:280px; margin:0 10px 0 0}
.payoption label{float:none; width:auto}
.skip{visibility:hidden; display:none;}
.skipinline, .skipblock{display:none; visibility:hidden;}



/*Maps*/

/* note to designers
all this (below) copied from genes to makes maps work - 
feel free to change any of it - ask LK/DL if unsure */

#maplistpinimg {display:block;}


.showdiv{visibility:visible; display:block;}
#maplist
{
    border-bottom: solid 1px #669999;
	border-top: solid 1px #669999;
	border-left: solid 1px #669999;
	width:300px; 
	height:300px; 
	display:block;
	overflow :scroll; 
	float:left;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	
	}
.showdiv{visibility:visible; display:block;}
.pinAddress, .pinStreet, .pinTown, .pinNotFound{height:30px; width:30px; cursor:pointer; font-size:12px;}
.pinAddress{background:url(../../../image/maps/addresspointer.gif) no-repeat left top;}
.pinStreet{background:url(../../../image/maps/streetpointer.gif) no-repeat left top;}
.pinTown{background:url(../../../image/maps/townpointer.gif) no-repeat left top;}
.pinNotFound{background:url(../../../image/maps/notfoundpointer.gif) no-repeat left top;}
.pinTown .text, .pinAddress .text, .pinStreet .text, .pinNotFound .text{padding:2px 2px 0 0; text-align:center;}
#maplistnotfound{color: #999999;}
.pinNotFound{color:#999;}
.text a:link, .text a:visited, .text a:hover, .text a:active{color:#036; text-decoration:none;}
#map  
{
    border-bottom: solid 1px #669999;
	border-top: solid 1px #669999;
	border-right: solid 1px #669999;
}

#maplistage {
	color:#003366;
	
}

#maplistplace{ 
	
	clear:both;  
	color:#003366;
	
}
#maplistoccupation { 
	color:#003366;
	
}

#maplistbirthplace { 
	color:#003366;
	
}

table#maplisttable p{margin:4px 0; width: 100%; }
#maplisttable tr{ background-image:url(../IMAGE/TableListCellBG.jpg); background-repeat:repeat-x; width:100%; }


.MapsParagraph {margin-top: 20px;}


.left{float:left;}
td.tdvtop{vertical-align:top; width: 10%;}


.CensusImage1 {
	margin-top: 40px;
	position: absolute;
}

.MapSwitchButtons {
	float: right;
	width: 200px;
	margin-top: 10px;

}

.ShowResultsLinks {
	width: 300px;
	float:right;
	padding: 15px;


}

.ListViewImg {
	border:none;
	width: 28px;
	height: 33px;

}




.fieldadsearch {
font-size:10px; border: 1px solid #669999; width: 110px; background-color: #F1FBFE;
}

.form {margin-top:-70px; width:370px;}

.formlineaddress { clear:both;}
.sendbutton {margin-left: 123px;}
/* had to create this as pop up window was being messed up by "width" in tdvtop"
td.popupwintop{vertical-align:top;}

/* SEO text in the footer */
#FooterSEO { 
	background-color:#f5faf9;
	border:1px dotted #82c3c3;
	color:#003399;
	font-size:11px;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
}

#SEOFooterListHeader { font-weight:bold; color:#4e4e4e !important;}
.new_links a {text-decoration:none;}
#bottom ul.new_links {float:left; margin:0pt auto; text-align:left; width:19%; list-style-type:none; margin-bottom: 30px;}


/* Maps Feedback Styles */

#MapsFeedbackInnerBody {background: none; padding-top: 15px; text-align: left;}
#MapsFeedbackSendBut { 
	background:transparent url(../image/buttonall.gif) repeat scroll 0%;
	border:1px solid #669999;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:90%;
	font-weight:bold;
	height:25px;
	padding:0pt 3px;
	margin-top: 10px;
	}
#feedbackmessage { width:160px; background-color: #EFF3F2; border:1px solid #669999; height:100px; overflow:hidden; }