/* Adult Directions Login Styles */

/* 01. Eric Meyer's CSS reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.2em;font-family:inherit;text-align:left;vertical-align:baseline;margin:0;padding:0;}a img,:link img,:visited img{border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}

body {
   	font: 85% Arial, Verdana, Geneva, Helvetica, sans-serif;	
	color: #333333;
	background-color: #C7C9D6;
}
h1, h2, h3 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; letter-spacing: -0.03em;}
h2 {letter-spacing: -0.01em; font-size: 140%;}
h3 {letter-spacing: -0.06em;}
h4 {}
h5 {}
h6 {}
ul, ol, dl, p {margin-bottom:1em; line-height: 1.3em;}
a:hover {color: #333333; text-decoration: underline;}
a:hover {text-decoration: none !important;}


/* generic div blocks */
#introcontainer, #container {
	width: 768px;
	margin: 0 auto;
	padding: 0 4px;
	background: white url(../../images_ad/bgshadow.gif) top center repeat-y;
	position: relative;
}
#content {
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: white;
	width: 748px;
	padding: 20px 10px;;
	position: relative;
}
#logoutbar {
	height: 80px;
	padding: 10px 0;
	margin: 0;
	width: 100%;
	background: #CD002B url(../../images_ad/header.png) top left no-repeat;
	position: relative;
}
#logoutbar img {
	padding: 8px 0 0 18px;
	position: absolute;
}

#pagetitle {
	position:relative;
}

#pagetitle h1 {
	text-align: right;
	font-style: italic;
	color: white;
	padding: 5px 50px;
	margin: 0;
	background: #CD002B url(../../images_ad/tabcorner.png) top right no-repeat;
	font-size: 1.7em;
}
#footer{ 
	clear: both;
	padding: 2px 20px 20px 150px;
	margin: 0 -8px;
	height: 32px;
	color: white;
	background: #C7C9D6 url(../../images_ad/footerbg.jpg) top center no-repeat;
}


/* generic login styles */
body.login #content {background: url(../../images_ad/login-branding.jpg) bottom no-repeat; float: left; min-height: 310px;}
p#copyright {font-size: 85%; color: white; padding-top: 10px;}
fieldset legend {display: none;}
fieldset ol, fieldset ul, fieldset li {padding: 0; margin: 0; list-style: none inside;}
fieldset li {float: left; clear: left; width: 100%; position: relative; padding-bottom: 1em;}
fieldset label {float: left;}
fieldset strong {color: #CD002B; display: block; float: left; padding-top: 0.5em; font-size: 90%;} 
fieldset img {position: absolute; padding-left: 2px;}
body.login label {font-size: 1.1em; padding: 0; line-height: 2.2em;}
body.login input.text, body.login textarea {
	border: 2px solid #999999;
	-moz-border-radius: 0;
	background-color: white !important;
	font-size: 110%;
	padding: 5px;
	margin-bottom: 0;
	width: 200px !important;
}
input.submit, a.submit {
	background: #5B519F url(../../images_ad/filtersubmit-bg.gif) left top no-repeat !important;
	border: 1px solid #5B519F !important;
	border-style: solid !important;
	cursor: pointer;
	padding: 0.3em 0.8em;
    margin: 0;
	float: left !important;
	clear: left;
	color: white !important;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
}
/*IE bug fix */
input.submit {
    width: auto !important;
    overflow: visible;
}
input.submit:hover, a.submit:hover {
	background-image: url(../../images_ad/filtersubmit-bg-f2.gif) !important;
	background-color: #9F99C6 !important;
	border-color: #9F99C6 !important;
    color: white !important;
}


/* Login page */
#instructiontext {
	background-color: #4B4689;
	color: white;
	float: left;
	font-size: 110%;
	padding: 15px;
	width: 240px;
	margin-top: 10px;
	margin-left: 25px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#instructiontext p a {color: white !important;}
#userLogin, #licenceEntry, #formfields, #formButtons {
	padding: 25px;
	background: url(../../images_ad/loginnav-bg.png) left top no-repeat;
}
#licenceEntry, #formButtons {
	background-position: -430px bottom;
	padding-top: 0;
	padding-bottom: 35px;
	width: 350px;
}
#userLogin input.submit, a#managerlink {
	background: #D00F3A url(../../images_ad/submit-bg.gif) left top no-repeat !important;
	border-color: #D00F3A !important;
}
#userLogin input.submit:hover, a#managerlink:hover {
	background: #E37188 url(../../images_ad/submithover-bg.gif) left top no-repeat !important;
	border-color: #E37188 !important;
}
#loginforms input.submit, #userNew {font: 16px/100% Arial, Verdana, Helvetica, sans-serif;}
a#managerlink {font-size: 90%;}
#licenceEntry h2 {
	border-top: 2px solid #CD002B;
	padding-top: 15px;
	color: #333333 !important;
}
#userLogin h2, #licenceEntry h2 {padding-bottom: 10px; font-weight: bold;}
#userLogin h2, #userLogin label {color: #CD002B !important;}
#userLogin p, a#forgotten, #formButtons a, #content.remindDetails a {color: #4B4689;}
#userLogin label, #licenceEntry label {width: 120px; font-weight: bold;}
#userLogin input.submit, #licenceEntry input.submit {margin-left: 120px;}
a#forgotten, a#licenceCodeLink {
	font-size: 90%;
	margin-left: 120px;
	float: left;
	margin-bottom: 10px;
}
#licenceCodeLink:hover {color: #333333;}


/* User details page */
#loginforms, #userdetails {float: right; width: 400px;}
#userdetails {width: 450px;}
#formfields {padding-bottom: 0; float: left; width: 350px;}
#formButtons {float: right; background-position: left bottom;}
.userdetails #formfields, .userdetails #formButtons {
	background-position: -860px top;
	width: 400px;}
.userdetails #formfields {padding-top: 35px;}
.userdetails #formButtons {background-position: -860px bottom;}
.userdetails #instructiontext {width: 180px;}
#formButtons p {float: right; margin-bottom:0; padding:0; margin-top: 5px;}
#userdetails label, #formfields label {color: #4B4689;}
#userdetails label {width: 150px; padding-right: 10px; text-align: right;}
#userdetails strong {text-align: right; float: right;}
#userdetails strong.terms {font-size: 110%; text-align: left;}
p.validationText {font-size: 80%; margin-left: 160px; width: 215px; padding:5px 0 0;}
#userdetails li.terms input {float: left; margin:0 10px 0 130px;}
#userdetails li.terms label {font-size: 90%; width: 210px; line-height: 1.3em; text-align: left; color: #333333; padding: 0;}
#userdetails li.terms label a {color: #4B4689;}
#userdetails li.terms label a, a#licenceCodeLink {
	background: url(../../images_kol/newwindow-icon.gif) right center no-repeat;
	padding-right: 15px;}
#userdetails li.terms label img {margin: 0; padding: 2px 0 0 2px; vertical-align: bottom;}
#userdetails #formButtons input {margin-left: 160px;}
#formButtons input#userComplete, #formButtons input#cancel {margin-right: 25px; margin-left: 0; float: right !important;}

/* Forgotten details page */
#content.forgottendetails input.text {margin-bottom: 1em; width: 330px !important}
#content.remindDetails p, #content.remindDetails a {font-size: 110%; padding-left: 50px;}
#content.remindDetails a, #remindEmail {font-weight: bold;}


/* Wb postcode entry page */
.wbPostcodeEntry #instructiontext {width: 220px; font-size: 100%;}
.wbPostcodeEntry #instructiontext h2 {margin-bottom: 1em;}
.wbPostcodeEntry #instructiontext ol {padding-left: 20px;}
.wbPostcodeEntry #instructiontext li {padding-bottom: 5px;}
#firstLine, #postcode {width: 250px !important;}
#postcode {float: left; clear: left;}
.wbPostcodeEntry #formButtons p {float: left; clear: left; margin-top: 15px;}
.wbPostcodeEntry strong {float: none; padding: 5px 0;}


/* IE6 Fixes*/
* html body.login #content {height: auto !important; height: 310px;}
* html #pagetitle {height: auto !important; height: 42px;}