/* Find Someone */

.findsomeone .pagecomponents .bishopgate { background-color:#ffffff; }
.findsomeone .pagecomponents .bishopgate .content { max-width: 1000px; margin: 0px auto 0px auto; }
.findsomeone .pagecomponents .bishopgate .titletxt {background-image: url(/images/rpUEGQ6oOTMNUGJPwdiF02n03q.jpg); background-position: top left;  max-width: 970px; height: 200px; margin: 0px auto 0px auto;}
.findsomeone .pagecomponents .bishopgate h2 { padding: 10px 0px 10px 0px; font-size: 160%; padding-left: 150px; font-family: MontserratRegular; font-weight: bold; color: #3c3c3b; }
.findsomeone .pagecomponents .bishopgate .content p { padding: 5px 0px 5px 0px; width: 100%; max-width: 800px; padding-left: 150px; color: #3c3c3b; box-sizing: border-box; }
.findsomeone .pagecomponents .bishopgate .content { background-image: url(/images/rpUEGQ6oOTMNUGJPwdiF02n03q.jpg); background-position: 20px; left; padding: 50px 0px 50px 0px }


/* Other ways to find someone */

.otherways { margin: 50px auto 0px auto; padding: 0px 10px 0px 10px; background-color: #fafafa; }
.otherways .titletxt { font-family: MerriweatherRegular; font-size: 220%; background-image: url(/images/2kknsS87o5srGtgejOiO01901d.png); color: #00aa8b; font-family: MerriweatherRegular; background-position: 20px 50px; background-repeat: no-repeat; max-width: 1000px; padding: 50px 20px 50px 80px; margin: 0px auto 0px auto; }
.otherways .items { max-width: 1000px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; }
.otherways .util_textbox { display: inline-block; width: 280px; padding: 0px 30px 40px 0px; vertical-align:top; }
.otherways .util_textbox:nth-child(3n+0) { padding: 0px 0px 40px 30px; }
.otherways .util_textbox .imagetop { min-height: 340px; text-align: center; }
.otherways .util_textbox .content { padding: 20px 0px 0px 0px; width: 280px;  }
.otherways .util_textbox .content h2 { font-family: MontserratRegular; color: #3c3c3b; padding: 10px 0px 0px 0px; font-size: 140%}
.otherways .util_textbox .content p { font-size: 100%; padding: 10px 0px 10px 0px; color: #706f6f; }
.otherways .small_logo .imagetop img { margin-top: 60px; }
.otherways .small_logo .imagetop {  padding: 0px 0px 0px 0px; background-color: #ffffff; border: 1px solid #bbbcbd; }
.otherways .util_textbox .content p .link { vertical-align: middle; min-height: 42px;  color: #4ba78d; text-decoration: underline; font-style: italic;  padding: 20px 0px 0px 10px; }

@media( max-width: 1140px )
{
.otherways .util_textbox:nth-child(3n+0) { padding: 0px 30px 40px 0px; }
}




/* CWGC */
.findsomeone_cwgc { max-width: 1000px; margin: 0px auto 0px auto;}
.findsomeone_cwgc .pagetitle { background-image: url(/images/2kknsS87o5srGtgejOiO01901d.png);  color: #00aa8b; font-family: MerriweatherRegular; background-position: 20px 50px; background-repeat: no-repeat; max-width: 1000px; padding: 50px 20px 50px 80px; margin: 0px auto 0px auto;}
.findsomeone_cwgc .pagecomponents .util_container { padding-top: 50px }
.findsomeone_cwgc .pagecomponents .util_container .titletxt { font-family: MerriweatherRegular; font-size: 200%; background-image: url(/images/2kknsS87o5srGtgejOiO01901d.png); padding: 10px 0px 0px 60px; color: #00aa8b; font-family: MerriweatherRegular; min-height: 130px; background-position: 0px 0px; box-sizing: border-box; }

.cwgcsearch { background-color: #ffffff; margin: 0px auto 0px auto; max-width: 720px; padding: 30px;  }
.cwgcsearch .titletxt { border-top: none; font-size: 130%; }
.cwgcsearch .introduction p:first-child { font-size: 130%; }}
.cwgcsearch .credit { background-image: url(/images/QWT9KHvbJZf2ShZ0mDKz026025.jpg); min-height: 90px; padding: 0px 100px 0px 0px; background-position: top right; font-size: 90%; border-bottom: solid #1aac8c 1px; }
.cwgcsearch .mode { padding: 20px 0px 20px 0px; }
.cwgcsearch .mode a { color: #00aa8b; text-decoration: underline; }

.cwgcsearch .formbuilder .label { float: none; width: auto; padding: 0px 0px 5px 0px; }
.cwgcsearch .formbuilder .input { float: none; width: auto; }
.cwgcsearch .formbuilder .input input[type=text], .cwgcsearch .formbuilder .input select { width: 100%; }

.feat_searchform .errors { color: #ff0000; padding: 10px 0px 0px 0px; }
.feat_searchform .buttons { clear: both; padding: 30px 0px 0px 100px; }

.searchwait { font-size: 200%; text-align: center; padding-top: 150px; }


.searchdialog img { max-width: 100%; }

.searchdialog ul.documents li { width: 25%; display: inline-block; padding: 10px; box-sizing: border-box; text-align: center; font-size: 80%; cursor: pointer; }
.searchdialog ul.documents li:hover { background-color: #e5e5e5; }
.searchdialog ul.documents li .thumbnail { padding-top: 100%; background-size: cover; }
.searchdialog ul.documents li .name { padding: 10px 0px 20px 0px; min-height: 60px; }
.searchdialog table { border-top: solid #e5e5e5 1px; border-left: solid #e5e5e5 1px; width: 100%; margin: 0px 0px 20px 0px; }
.searchdialog table th, .searchdialog table td { border-bottom: solid #e5e5e5 1px; border-right: solid #e5e5e5 1px; padding: 5px; text-align: left; }

.searchresults .noresults { font-weight: bold; padding: 0px 0px 20px 0px; }

.searchview .field { padding: 5px 0px 0px 0px; }
.searchview .label { float: left; font-weight: bold; width: 200px; }
.searchview h2 { clear: both; margin: 20px 0px 0px 0px; }


/* Roll of Honour */

body.section294 { background-color: #3c3c3b; }

.rohsearch { background-color: #ffffff; width: 700px; margin: 0px auto 0px auto; padding: 30px; }
.section294 .rohsearch { background-color: #716f6f; color: #ffffff; }
.rohsearch .titletxt { font-size: 200%; }
.rohsearch .mode { padding: 10px 0px 10px 0px; }
.rohsearch .label { float: none; width: auto; }
.rohsearch .input { float: none; width: auto; }
.section294 .rohsearch input[type=text] { border: solid #ffffff 1px; width: 100%; color: #ffffff; }
.rohsearch input[type=button], .rohsearch input[type=submit]
   { text-transform: uppercase; color: #ffffff; padding: 5px; background-color: #1aac8c; cursor: pointer; }
.rohsearch table td, .rohsearch table th
   { border-color: #ffffff; }
.rohsearch table th { text-transform: uppercase; }
.rohsearch a { color: #ffffff; }

.feat_pageturner .toolbar { margin: 0px auto 0px auto; max-width: 1200px; }
.feat_pageturner .titletxt { color: #ffffff; float: left; font-size: 200%; margin: 0px 0px 20px 50px; padding: 0px 0px 0px 70px; line-height: 60px; background-image: url(/images/glpOTFoh3jFOcbHMcPh601f01j.png); background-position: left center; }
.feat_pageturner .chapter { float: right; margin: 10px 50px 20px 0px; }
.feat_pageturner .chapter select { background-color: #ffffff; background-image: url(/images/B8jGEJAWVmyuNdmF21T200c007.png); background-repeat: no-repeat; background-position: right 10px center; padding-right: 20px; }
.feat_pageturner .image { background-size: contain; background-position: center center; }
/*
.feat_pageturner .image { width: 450px; height: 660px; background-size: contain; background-position: center center; }
.feat_pageturner .double .image { width: 900px; height: 660px; }
.feat_pageturner .zoom-in .image { width: 1000px; height: 1467px; }
.feat_pageturner .zoom-in .double .image { width: 2000px; height: 1467px; }
*/
.feat_pageturner .toolbar { max-width: 1040px; margin: 0px auto 0px auto; padding: 30px 0px 100px 0px; }
.feat_pageturner .toolbar .page { color: #c6c7c8; display: inline-block; padding: 0px 20px 0px 0px; }
.feat_pageturner .toolbar .page input { background-color: #ffffff; border: none; width: 40px; padding: 5px; }
.feat_pageturner .toolbar .zoomin { background: none; background-image: url(/images/kzEwd4EPr6Ec4iBErKkW00i00i.png); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }
.feat_pageturner .toolbar .zoomout { background: none; background-image: url(/images/AUusyI88ZWoC8mPPeB8Z00i00i.png); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }

.flipbook-viewport .container
{
	position: absolute;
	margin: 0px auto 0px auto;
	left: 50%;
}

.flipbook-viewport .page{
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-viewport .zoomer .region{
	display:none;
}

.flipbook .region{
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.flipbook .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.flipbook .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.flipbook-viewport .zoom-in .even .gradient,
.flipbook-viewport .zoom-in .odd .gradient{

	display:none;

}

.flipbook-viewport .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.flipbook-viewport .next-button,
.flipbook-viewport .previous-button{
	width:22px;
	height:600px;
	position:absolute;
	top:0;
}

.flipbook-viewport .next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

.flipbook-viewport .previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .next-button-hover{
	background-color:rgba(0,0,0, 0.2);
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .previous-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-4px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .previous-button-down,
.flipbook-viewport .next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

.flipbook-viewport .next-button-hover,
.flipbook-viewport .next-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-38px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .zoom-in .next-button,
.flipbook-viewport .zoom-in .previous-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

.exit-message{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.exit-message > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.kellys .image, .kellys .double .image, .kellys .flipbook-viewport .flipbook, .kellys .flipbook-viewport .page { height: 560px; }
.kellys .zoom-in .image, .kellys .zoom-in .double .image { height: 1244px; }
