/* @override http://www.cascaid.co.uk/kadol/css/layout/kol-layout.css */

/* Kudos Login Styles */

body.login {color: #333333;}
body.login #content {padding: 20px; background: url(../../images_kol/logincontent-bg.jpg) center top no-repeat !important; min-height: 300px;}
body.login #pagetitle {padding: 0 0 0 50px; }
p#copyright {font-size: 80%; color: #888888 !important;}
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: 6px 0;}
body.login input.text, body.login textarea {
	border: 2px solid #999999 !important;
	-moz-border-radius: 0 !important;
	background-color: white !important;
	padding: 5px !important;
	width: 200px !important;
	font-size: 110%;	
	margin-bottom: 0;
}
input.submit, a.submit {
	background: #581A5A url(../../images_kol/submit-bg.gif) left top no-repeat !important;
	border: 1px solid #581A5A !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;
}
/*IE bug fix */
input.submit {
    width: auto !important;
    overflow: visible;
}
input.submit:hover, a.submit:hover {
	background-image: url(../../images_kol/submithover-bg.gif) !important;
	background-color: #913D94 !important;
	border-color: #913D94 !important;
    color: white !important;
}


/* Login page */
#instructiontext {
	background-color: white;
	float: left;
	font-size: 110%;
	padding: 15px;
	width: 200px;
	margin-top: 10px;
	margin-left: 25px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#instructiontext p a {color: #913D94 !important;}
#userLogin, #licenceEntry, #formfields, #formButtons {
	padding: 25px;
	background: url(../../images_kol/loginnav-bg.png) left top no-repeat;
}
#licenceEntry, #formButtons {
	background-position: -430px bottom;
	padding-top: 0;
	padding-bottom: 35px;
	width: 350px;
}
#licenceEntry input.submit, a#managerlink {
	background-position: right top !important;
	background-color: #4D4D4D !important;
}
#licenceEntry input.submit:hover, a#managerlink:hover {
	background-position: right top !important;
	background-color: #999999 !important;
	border-color: #999999 !important;
}
#loginforms input.submit, #userNew {font: 16px/100% Arial, Verdana, Helvetica, sans-serif;}
a#managerlink {font-size: 90%;}
#licenceEntry h2 {
	border-top: 2px solid #913D94;
	padding-top: 15px;
	color: #333333 !important;
}
#userLogin h2, #licenceEntry h2 {padding-bottom: 10px; font-weight: bold;}
#userLogin h2, #userLogin label {color: #913D94 !important;}
#userLogin p, a#forgotten, #formButtons a, #content.remindDetails a {color: #581A5A;}
#userLogin label, #licenceEntry label {width: 120px; font-weight: bold;}
#userLogin input.submit, #licenceEntry input.submit {margin-left: 120px !important;}
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 {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: 150px;}
#formButtons p {float: right; margin-bottom:0; padding:0; margin-top: 5px;}
#userdetails label, #formfields label {color: #913D94;}
#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: #913D94;}
#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 {padding-left: 50px !important;}
#content.remindDetails p, #content.remindDetails a {font-size: 110%;}
#content.remindDetails a, #remindEmail {font-weight: bold;}


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


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