/*	CSS file for new corporate ukphonebook	*/

/* set all margins and padding to 0px - 
overrides browser defaults so we have an easier job making things
display the same in IE and FireFox	*/
* { 
	margin: 0px;
	padding: 0px;
}

html, body, div {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

body {
	font-family: 'Georgia';
	font-size: 14px;
	text-align: center; /* IE doesn't like margin: auto - Remember to set text-align: center for any divs inside the main container */
	line-height: 20px;
}

h1 {
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}

h1.big {
	font-size:26px;
	font-weight:bold;
	font-family:verdana;
	letter-spacing:-0.5px;
}

h2.quote {
	font-size:14px;
	margin-top:20px;
	font-weight:bold;
	font-family:verdana;
	letter-spacing:-0.5px;
	color:#111;
}

p {
	margin-top: 10px;
}

.pinktext {
	color: #ff3333;
}

p.menutext {
	padding-right: 15px;
	text-align: right;
}

/* main container */
#outerwrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 781px;
	padding-bottom: 40px;
	text-align: left;
}

/* contains everything except ukphonebook.com logo */
#innerwrapper {
	clear: both;
	width: 100%;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	margin-top: 11px;
	padding-bottom: 20px;
	text-align: left;
}

/* contains everything on the right hand panel of the page*/
#form {
	float: right;
	width: 570px;
}

/* contains main menu buttons, send to a friend and an ad */
#nav {
	width: 200px;
	padding-top: 20px;
	text-align:center;
}

/* main menu */
#nav ul {
	list-style-type: none;
}

/* get rid of border on menu images */
#nav img {
	border: 0px;
}

/* all hyperlinks are blue */
a {
	color: #0066cc;
}

/* hyperlinks hover style - orange */
a:hover {
	color: #ff6600;
}

/* form group boxes */
div.off, div.on  {
	width: 468px;
	border: 1px #caeaf9 solid;
	padding-left: 20px;
	padding-top: 15px;
	position: relative;
	padding-bottom:10px;
	font-size: 16px;
}

/* background color for form group boxes when switched ON */
div.on {
	background: #eaf5fa;
}

/* first column on search forms */
input.editcol1, select.editcol1 {
	position: absolute;
	left: 110px;
}

/* title drop down menu on electoral role form */
select.editcol1 {
	width: 75px;
}

/* second column on search forms */
div.editcol2 {
	position: absolute;
	left: 320px;
	top: 0px
}

/* set font size for help text and small labels */
span.checkboxlabel, div.labelcol1, div.phoneticbox {
	font-size: 12px
}

/* help text below edit boxes */
div.labelcol1 {
	position: relative;
	width: 175px;
	margin-left: 90px;
	margin-top: 5px;
}

/* put some space between the two intitial boxes */
input.initials {
	margin-left: 10px;
}

/* ukphonebook.com logo */
img.clientLogo {
	float: right;
	margin-bottom: 10px;
}

/* change cursor for input type image */
input.searchbutton {
	margin-top: 20px;
}

/* put some spaces between rows INSIDE form group boxes */
.row {
	margin-top:15px;
}

/* position phonetic tick box on electoral role page */
div.phoneticbox {
	left: 270px;
	position: absolute;
}

/* styling for lists on help page */
ol.faqs, ul.faqinner {
	padding-top: 20px;
	padding-left: 30px;
	line-height: 25px;
}

/* sytyling for copyright notice */
p.copyright {
	font-size:12px;
	margin-left:30px;
	margin-top:20px;
}

/* send to a friend box on details page */
#sendtoafriend {
	background: #eaf5fa;
	border: 1px #caeaf9 solid;
	font-size: 14px;
	margin-left: 12px;
	margin-top: 15px;
	padding: 5px;
	width:152px;
	text-align: left;
}

#sendtoafriend h1 {
	margin-top:0px;
}

#sendtoafriend img {
	vertical-align:middle;
	margin-right:3px;
}

/* box above map on map page */
#detailsResultsBox {
	background: #ffff99;
	border: 1px #ffcc33 solid;
	font-size: 14px;
	padding: 10px;
	padding-bottom:25px;
	position: relative;
	width: 488px;
	margin-top:15px;
}

/* business name */
#detailsResultsBox h2 {
	font-size: 16px;
	font-weight: bold;
}

/* telephone number */
#detailsResultsBox h1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	color: #000;
}

/* no border on buttons */
#detailsResultsBox img {
	border: 0px;
}

/* div css specific to telephone search page - needs revising as things are a bit wonky at the moment */
div.col1 {
	float:left;
	width:86px;
}

div.col2 {
	float:left;
	width:200px;
}

/* footer containing stats etc */
#footer {
	width: 100%;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	position: relative;
	text-align: center;
}

#statsbar {
    background-image: url(images/statsbar.png);
    background-repeat: repeat-x;
	width: 96%;
	height: 23px;
	margin-left: auto;
	margin-right:auto;
	padding-top: 2px;
	border: 1px solid #ccc;
	text-align: center;
	margin-bottom: 15px;
}

#loginbox {
	width: 320px;
	border: 1px #caeaf9 solid;
	background: #eaf5fa;
	padding-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 50px;
}

#loginbox input {
	margin-top: 3px;
}

#aboutText {
	width:520px;
}

#aboutText p {
	margin-top: 13px;
}

#registerbox {
	width: 490px;
	border: 1px #caeaf9 solid;
	background: #eaf5fa;
	padding: 20px;
	font-size: 14px;
	margin-top: 20px;
	font-size:12px;
	font-family:arial;
}

#registerbox p {
	background:#DBEEF7;
	margin:1px 0 0 0;
	padding:8px;
	overflow:auto;
}

#registerbox p br {
	clear:both;
	height:1px;
}

#registerbox label {
	float: left;
	width: 190px;
	margin-right: 10px;
}

#registerbox input, #registerbox select {
	width: 193px;
	border:1px #11394D solid;
	padding:1px;
	font-size:12px;
	font-family:arial;
}

#registerbox select {
	width:197px;
}

#buyCreditsRadio {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 130px;
}

#searchResults {
	line-height: 20px;
}

#fttext {
	background: #eaf5fa;
	border: 1px #caeaf9 solid;
	padding: 10px;
	margin-top: 20px;
	width:92%;
}

#fttext p {
	margin-top: 0px;
}

.frontPageBox {
	width: 530px;
	margin-top: 20px
}

.frontPageBox img {
	width: 76px;
	height: 61px;
	float:left;
	margin-right:5px;
}

.frontPageBox p {
	width: 449px;
	float: right;
}

span.boldtext {
	font-weight: bold;
	font-size: 16px;
	color: #ff3333;
}

img.smallIcon {
	vertical-align: middle;
}

#googleMap {
	width: 510px;
	height: 380px;
	border: 1px #ccc solid;
	overflow: hidden;
}

#googleMapShadow {
	margin-top: 15px;
	width: 519px;
	height: 388px;
	background-image:url('images/googlemapshadow.png');
}

div.resultsHR {
	height: 1px;
	border-top: 1px #ccc solid;
	width: 95%;
	position: relative;
}

table.transactions {
	border: 1px #ccc solid;
	width: 95%;
	margin-top: 20px;
	border-collapse: collapse;
}

table.transactions td, th {
	padding: 2px;
}

table.transactions td.alt {
	background: #eaf5fa;
}

#textresult, #emailresult {
	border: 1px #caeaf9 solid;
	background: #eaf5fa;
	width: 488px;
	margin-top: 15px;
	padding: 10px;
}

/* style the form fields in email box */
input.details, textarea.details {
	border: 1px #ccc solid;
	margin-left: 0px;
	padding-left: 0px;
}

input.details {
	height: 20px;
	width: 178px;
}

textarea.details {
	width: 263px;
	margin-top: 5px;
	background: #F7F7F7;
}

div #menuAd {
	margin-top: 20px;
	text-align:center;
}

div .resultsAd {
	padding-top: 7px; 
	padding-bottom: 7px;
}

.addbutton {
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}

#help {
	width: 600px;
	padding-bottom: 30px
	;margin-left: 30px;
	text-align: left;
}

/* styling for lists on help page */
#help ol, #help ul {
	padding-top: 20px;
	padding-left: 30px;
	line-height: 25px;
}

/* question headings on help page */
#help h3 {
	margin-top: 30px;
	margin-bottom: 10px;
}

/* need to apply some margin to paragraphs as we set all margins to 0px earlier on! */
#help p {
	margin-top: 10px;
}

/* nice styling for search examples on help page */
#help p.ex{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 5px;
	line-height: 30px;
	font-family: Courier;
}

#help p.backtofaqs {
	text-align: right;
}

#prlist {
	border:1px #ccc solid;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	width:700px;
	text-align:left;
}

#prlist h2 {
	margin-top:30px;
}

#myacwrap {
	font-size:11px;
	background-image:url('images/myacbg.png');
	background-repeat:no-repeat;
	width:528px;
	padding-top:12px;
	height:136px;
	margin-top:20px;
}

#myacwrap div {
	float:left;
	width:127px;
	text-align:center;
}

#myacwrap img{
	width:75px;
	height:75px;
	border:0px;
}

ul.cbullets {
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
}

ul.cbullets li {
	background-image:url('images/bullet.jpg');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:13px;
}

div.acresult {
	background:#caeaf9;
	width:94%;
	padding:5px;
	margin-bottom:10px;
	font-size:13px;
}

#accountapp td {
	padding:5px;
	vertical-align:top;
}

#accountapp input {
	width:200px;
}

input.textbox, input.gotfocus {
	border:1px solid #6a4;
	font-family:verdana;
	font-size:14px;
	margin-top:10px;
	width:280px;
}

input.gotfocus {
	background:#ffc;
}

#topup fieldset {
	padding:15px;
	padding-top:0;
	border:1px #ccc solid;
	margin-bottom:10px;
	width:500px;
}
	
#topup legend {
	padding:0 3px;
	font-weight:bold;
	font-size:12px;
}

#topup label {
	font-size:13px;
	display:block;
	margin-top:5px;
}

#topup input, select {
	padding:3px;
}

.error, #topup label em {
	color:#f00;
}

span.error {
	display:block;
}

#cvvinfo {
	float:right;
	width:240px;
	font-size:11px;
	font-family:arial;
	display:none;
	margin-top:20px;
	color:#666;
	line-height:1.5em;
}
	
#cvvinfo p {
	margin-top:5px;
}

#followUsOn {
	float:right;
	color:#ccc;
	font-size:12px;
	padding-right:10px;
}

#followUsOn img {
	vertical-align:middle;
	margin-right:4px;
	border:0;
}

#pleaseNote {
	border:2px #4AC5FF solid;
	background:#B7E8FF;
	padding:5px;
	width:90%;
}

.notice {
	background:#FFE784;
	border:1px solid #ECAE2E;
	padding:10px;
	margin-right:15px;
}