/** global stylesheet for findmypast.co.uk  (c)Findmypast Ltd 2007**/
*
{
	padding: 0;
	margin: 0;
}

html {
 height:100%;
 width:100%;
 overflow-x: hidden;
 overflow-y: scroll;
 overflow:-moz-scrollbars-vertical;
}


body

{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #2f63ab;
	background-color: #FFFFFF;
}

form
{
	padding:0 0 0 0;
	margin: 0 0 0 0;
}

input{
	padding:0;
	margin:0;
}

img
{
	border:0;
}

h1 {margin: 0; color: #2f63ab; font-size: 1.60em; font-weight:bold;}
h2 {margin: 10px 0; color: #b2d42d; font-size: 1.30em; font-weight:bold;}
h3 {margin: 10px 0; color: #2f63ab; font-size:  1.15em;}
h4, h5, h6 {color: #2f63ab; font-size:  1em;}

h2.top {
	margin: 0;
	font-size: 1.2em;
	font-weight:bold;
}

a, a:visited, a:active, a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2F63AB; text-decoration: underline;}

a.boxlink,  a.boxlink:visited, a.boxlink:active, a.boxlink:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline;}

/* action button */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* Top Layout Header */

#mainContainer{
	width:800px;
	float:left;
	margin-left:15px;
}


#noTopNavContainer{
	float:left;
	margin-left: 15px;
	width:800px;
}

#header{
	float:left;
	width:800px;
 margin:0;
 padding:0;
}

.logo{
   display:inline;
   float:left; 
   margin: 10px 0 0 10px;
   height:68px;
   width:284px;
 }  

.top-banner{
   display:inline; 
   float:left; 
   margin: 10px 0 10px 20px; 
   width:468;
   height:60;
}

/* Top Navigation Menu */

.top-links{
display:inline; 
margin: 2px 20px 5px 0; 
float: right;
}

.top-links a, .top-links a:hover{
color:#2f63ab;
text-decoration:underline;
font-size:12px;
}

/* Top Nvaigation Tabs */

#ddcolortabs{
clear:both;
margin-left:4px;
padding:0;
width:800px;
background: transparent;
voice-family: ""}"";
voice-family: inherit;
font-size:12px;
font-family: Arial;
}

#ddcolortabs ul{
margin:0;
padding:0;
list-style:none;
margin-left:15px;
}

/* Firefox */
 @-moz-document url-prefix() 
{ 
  #ddcolortabs ul{margin-left:18px;} 
} 

/* Safari */ 

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
#ddcolortabs ul{margin-left:15px}
} 

/* Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 

{
#ddcolortabs ul{margin-left:18px}
} 

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:lowercase;
}

#ddcolortabs a{
float:left;
color: white;
background: #2f63ab url(/images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 2px;
font-size:12px;
text-decoration: none;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(/images/color_tabs_right.gif) no-repeat right top;
padding:4px 12px 2px 12px;
}

#ddcolortabs a span{
float:none;
}

#ddcolortabs a:hover{
background-color: #d6deeb;;
color:#2f63ab;
}

#ddcolortabs a:hover span{
background-color: #d6deeb;
color:#2f63ab;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #2F63AB;
}

#ddcolortabsline{
margin: 0 0 5px 5px;
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #2f63ab;
border-top: 1px solid #fff;
}


/* inverted tabs */
#invertedtabsline{
margin: 0;
clear: both;
padding: 0;
width: 100%;
height: 0;
line-height:0;
}

#invertedtabs{
margin-left: -650px;
margin-top:10px;
position:absolute;
padding: 0;
background: transparent;
voice-family: ""}"";
voice-family: inherit;
}


#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:lowecase;
line-height: 1.5em;
width: 250px;
}


#invertedtabs a{
color: white;
background: #d6deeb url(/images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(/images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}

#invertedtabs a:hover{
background-color: #d6deeb;
}

#invertedtabs a:hover span{
background-color: #d6deeb;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d6deeb;
}



#signin_menu {
	display:block;
	float:left;
	padding:5px;
	text-align:right;
	width:100%;
	font-size: 12px;
}

#signin_menu a {
	color:#003399;
	font-weight:bold;
	text-decoration:underline;
}
#signin_menu a:hover {
	text-decoration:underline;
}

.curvedbox {
background:transparent none repeat scroll 0%;
width:100%;
}
.curvedbox p {
padding-bottom:0.5em;
}
.curvedbox .top, .curvedbox .bottom {
background:transparent none repeat scroll 0%;
clear:both;
display:block;
font-size:1px;
}
.curvedbox .b1, .curvedbox .b2, .curvedbox .b3, .curvedbox .b4, .curvedbox .b1b, .curvedbox .b2b, .curvedbox .b3b, .curvedbox .b4b {
display:block;
overflow:hidden;
}
.curvedbox .b1, .curvedbox .b2, .curvedbox .b3, .curvedbox .b1b, .curvedbox .b2b, .curvedbox .b3b {
height:1px;
}
.curvedbox .b2 {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .b3 {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .b4 {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .b4b {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .b3b {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .b2b {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .b1 {
background:#D6DEEB none repeat scroll 0%;
margin:0pt 5px;
}
.curvedbox .b2, .curvedbox .b2b {
border-width:0pt 2px;
margin:0pt 3px;
}
.curvedbox .b3, .curvedbox .b3b {
margin:0pt 2px;
}
.curvedbox .b4, .curvedbox .b4b {
height:2px;
margin:0pt 1px;
}
.curvedbox .b1b {
background:#D6DEEB none repeat scroll 0%;
margin:0pt 5px;
}
.curvedbox .boxcontent {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
display:block;
}
.curvedbox .blueTop {
background-color:#2F63AB;
border-left:1px solid #2F63AB;
border-right:1px solid #2F63AB;
}
.curvedbox .LightBlue {
background-color:#D6DEEB;
border-left:1px solid #D6DEEB;
border-right:1px solid #D6DEEB;
}
.curvedbox .greenTop {
background-color:#B2D42D;
border-left:1px solid #B2D42D;
border-right:1px solid #B2D42D;
}

.curvedbox .red {
background-color:#red;
border-left:1px solid #red;
border-right:1px solid #red;
}

.curvedbox .blueGradient {
background-color:#C8DAF0;
border-left:1px solid #C8DAF0;
border-right:1px solid #C8DAF0;
}
.curvedbox .greenGradient {
background-color:#ECF3C7;
border-left:1px solid #ECF3C7;
border-right:1px solid #ECF3C7;
}

.seeAlso{
	background-color:#D6DEEB;
	height:20px;
	width:195px;
	color:#2f63ab;
	font-weight:bold;
	font-size:0.9em;
	padding:0 0 0 14px;
}

.curvedBoxGreen{
	background-color:#B2D42D;
	height:20px;
	width:195px;
	font-weight:bold;
	font-size:0.8em;
	padding:0 0 0 14px;
}

.curvedBoxBlue{
	background-color:#2F63AB;
	height:20px;
	width:195px;
	font-weight:bold;
	font-size:0.8em;
	padding:0 0 0 14px;
}

.curvedBoxLightBlue{
	background-color:#d6deeb;
	height:20px;
	width:195px;
	font-weight:bold;
	font-size:0.8em;
	padding:0 0 0 14px;
}


.boxText{
	 border-left: 1px solid #d6deeb;
	 border-right: 1px solid #d6deeb; 
  width: 207px;
  height:140px;
  font-size:0.8em;
}

.boxText p, .boxText ul {padding: 10px 5px; margin:0;}
.boxText a {color:#2F63AB;}

/* useful links box */

#bluemenu {}
#bluemenu dl {width: 184px; margin: 0 auto; padding: 0 0 14px 0; background: #d6deeb url(/images/bottom.gif) no-repeat bottom left;}
#bluemenu dt {margin:0; padding: 4px 15px 1px 15px; font-size: 0.8em; font-weight:bold; color: #2f63AB; border-bottom:1px solid #fff; background: #d6deeb url(/images/blue-top.gif) no-repeat top left;}
#bluemenu dd {margin:0; padding:0; color: #fff; border-bottom:1px solid #fff; background: #2F63AB;}
#gallery a, #gallery a:visited {font-size: 0.7em; color:#fff; text-decoration:none; display:block; padding: 7px 5px 5px 25px;
background: #2F63AB url(/images/arrow.gif) no-repeat 10px 10px; width:152px;}
#gallery a:hover {background: #258 url(/images/arrow.gif) no-repeat 11px 10px; color:#fff;}
#gallery image {
float: left;
margin: 0;
}


/*Useful Links Box */

.curveBox1 {
background:#FFFFFF url(/cms/fmp/images/curveBox1.png) no-repeat scroll left bottom;
padding:0 13px 13px;
width:156px;
}

.curveBox1 h3 {
-x-system-font:none;
background:#8395AD url(/cms/fmp/images/curveBox1-top.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin:0 -13px 18px;
padding:7px 13px;
text-shadow:-1px -1px 0 #7E8FA8;
}

#useful-links {
list-style-image:url(/images/arrowbullet.png);
list-style-type:none;
padding-left:20px;
}

.accountboxtext  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000;}
.accountboxdata  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #2F63AB;}

#infoNote{
	float:left;
	border-left: 1px solid #d6deeb;
	border-right: 1px solid #d6deeb;
	background-color:#d6deeb;
	width:668px;
	padding: 10px 0 10px 10px;
	font-size:0.8em;
	font-weight:bold;
}

.signinError{
 border-left: 1px solid #d6deeb;
	border-right: 1px solid #d6deeb;
	padding:8px 12px 8px 35px;
	width:215px;
	font-size:0.8em;
	color: #D8000C;
	background: url(/images/error.gif) no-repeat 10px center;
}

.formError{
float:left;
	border-left: 1px solid #d6deeb;
	border-right: 1px solid #d6deeb;
	background: url(/images/info-icon.gif) no-repeat ;
	background-position: left;
	width:227px;
	padding: 10px 0 10px 35px;
	color:#2f63ab;
	font-size:0.8em;
}

.note p{font-size:smaller;}
.note a, .note a:active, .note a:hover, .note a:visited {font-size:smaller;}

.superscript{font-size:70%; vertical-align:top; } 
.subscript{font-size: 70%; vertical-align:bottom;} 


/*Ajax Ticker*/
	
#ajaxticker1{
width: 150px;
height: 170px;
}
	
#ajaxticker2{
width: 190px;
height: 170px;
}

#ajaxticker1 div, #ajaxticker2 div { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #fff;
}
.someclass{ //class to apply to your scroller(s) if desired
}


del {
	background: url(/cms/fmp/images/strike.png) center repeat-x;
	text-decoration: none;
}


p.button a, .button a:link, .button a:visited, .button a:focus, .button a:hover, .button a:active {
	padding: 4px 30px 4px 8px;
	text-decoration: none;
	color: white;	
	display: inline-block;	
	font-size: 1em;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#panel .button a {
	padding: 8px 30px 8px 8px;
	font-weight: bold;
}
.button a:focus, .button a:hover, .button a:active {
	color: white;
}
.button a.green {
	background: #acbc37 url(/images/green-grad.png) right repeat-x;
	border: 1px solid #147F4A;
}
.button a.blue {
	background: #219ee2 url(/images/blue-grad.png) right repeat-x;
	border: 1px solid #0D66BD;
}
.button a.orange {
	background: #f7a83c url(/images/orange-grad.png) right repeat-x;
	border: 1px solid #E0601F;
}
.button button {
	padding: 4px 30px 4px 8px;
	display: inline-block;	
	text-decoration: none;
	color: white;	
	cursor: pointer;
	font: bold 1em/1.5 Verdana, Tahoma, Geneva, sans-serif;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #acbc37 url(/images/green-grad.png) right repeat-x;
	border: 1px solid #147f4a;
}
.button a.small {
	padding: 2px 24px 2px 15px;
	background: #acbc37 url(/images/green-grad-sm.png) right repeat-x;
	font-size: 0.9em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.button a.blue-sm {
	border: 1px solid #0D66BD;
	padding: 4px 24px 4px 15px;
	font-size: 0.9em;
	background: #219ee2 url(/images/blue-grad-sm.png) right repeat-x;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.promo a.blue-sm, .promo a.small {
	font-size: 1em;
}
.started .button a {
	padding: 4px 24px 4px 15px;
	background: #acbc37 url(/images/green-grad-sm.png) right repeat-x;
	font-size: 0.9em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}	
.button a.large {
	padding: 5px 35px 5px 18px;
	font-size: 1.2em;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


/* PopUp Container */

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
} 
 
#popupContent{  
display:none;  
position:fixed;
overflow:auto;
_position:absolute; /* hack for internet explorer 6*/  
height:auto;  
width:650px; 
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
}  

#popupContent h1{  
text-align:left;  
font-size:1.8em;  
border-bottom:1px dotted #D3D3D3;  
margin:10px 0 20px 0;  
}  

#popupContentClose{  
  font-size:14px;  
  line-height:14px;  
  right:30px;  
  top:40px;  
  position:absolute;  
  color:#6fa5fd;  
  font-weight:700;  
  display:block;  
  cursor:pointer;
}  

#load{}  

iframe{display:none;}

/* footer */
#footer {
 font-family:Verdana, Tahoma, Geneva, sans-serif;
 border-bottom: 4px solid #D6E8F7;
 clear:both;
	padding-bottom: 4px;
	margin: 8px 0 8px 0;
 height:125px;
 font-size:12px;
}

#footer p  {
	color: #8B8A88;
font-size:2em;
}

#footer ul.links {
	display:inline-block;
	margin-right:3em;
 margin-bottom: 1.3em;
 float:left;
}

#footer li {
	display:block;
 padding-bottom:0.3em;
}

#footer li a:link, #footer li a, #footer li a:visited {
	text-decoration: none;
	color: #262261;
	margin-left:1em;
font-weight:normal;
font-size:11px;
}

#footer li a:focus, #footer li a:hover, #footer li a:active {
	text-decoration: underline;
}

#footer li.button a:link, #footer li.button a:visited  {
  color:#fff;
  margin:0 0 2px 0;
  font-weight:bold;
}

#footer ul.links#social li{margin-bottom:0.2em;}
#footer ul.links#social{float:right; margin-right:0}
#footer ul.links#social img{vertical-align:middle;margin:0.2em 0; }
#footer ul.links#social li  a:link, #footer ul.links#social li a, #footer ul.links#social  li a:visited {margin-left:1.8em;}
#footer ul.links#social li.blog {background: transparent url(/images/social-sprite.png) no-repeat 0px -100px}
#footer ul.links#social li.fb {background: transparent url(/images/social-sprite.png) no-repeat 0 -200px}
#footer ul.links#social li.tw {background: transparent url(/images/social-sprite.png) no-repeat 0 -300px;}
#footer ul.links#social li.yt {background: transparent url(/images/social-sprite.png) no-repeat 0 -400px;}


#sub-footer p, #sub-footer ul.supporting {
  font-size:0.7em;
  color: #8B8A88;
  display:inline; 
  font-family:Verdana, Tahoma, Geneva, sans-serif;
}

#sub-footer ul.supporting li{
	height: 2em;
	line-height: 2em;
	margin:0 1em 1em 0;
 display:inline; 
}

#sub-footer img {
margin-top:-5px;
}