/* ------------------------------------
---- Specific styles for request screens ----
---- Original Author: Woody Sabran ----
---- Creation Date: 2010-05-12 ----
---- Loft Digital ----
-------------------------------------*/

div#bodyback {
    background: url("/images/back-body-top-subnav-repeat.png") repeat-x scroll left 45px transparent;
}

#skyline {
    background-color: #f1f1f2;
    min-width: 950px;
}
#welcome {
    height: 45px;
    width: 950px;
    margin: auto;
    text-align: right;
    line-height: 45px;
    font-family: helvetica, arial, sans-serif;
    color: #6D6E70;
}
#welcome #grgIdent{
  float: left;
  margin-top: 12px;
}

body {
	margin: 0 ;
	background: none;
	text-align: left;
}
hr {
	display: none ;
}

/* Default ID's */

#content {
	width: 940px !important ;
}

/* intro */

.voucher_status {
	width: 620px ;
}
.voucher_status img {
	margin-top: 15px ;
}
.voucher_status h3 {
	color: #1C4F78 ;
	margin-top: 30px ;
}

#genmain.employee {
	margin-top: 0 ;
}
#genmain.employee fieldset{
	padding-bottom: 25px ;
}

#genrhbar.wide {
	width: 150px ;
}

#genrhbar.wide p {
	padding: 10px 10px 0 10px ;
}

#genmain.wide {
	width:100%;
}

#genmain ol {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
#genmain li {
	padding: 0px 0 0 33px !important ;
	margin: 0 0 0.7em 0 !important ;
}
#genrhbar {

}
ul.whats_next, #genrhbar ul {
	padding: 15px !important ;
	list-style:circle outside none !important;
	margin-left:12px;
}
ul.whats_next li, #genrhbar li {
	list-style:circle outside none !important;
	background: none !important ;
	margin-left:0 !important ;
	padding: 0 0 0 5px !important ;
}

.one {
	background: url(/images/1.gif) no-repeat 0 0 ; 
}
.two {
	background: url(/images/2.gif) no-repeat 0 0 ; 
}
.three {
	background: url(/images/3.gif) no-repeat 0 0 ; 
}
.four {
	background: url(/images/4.gif) no-repeat 0 0 ; 
}
.five {
	background: url(/images/5.gif) no-repeat 0 0 ; 
}
.six {
	background: url(/images/6.gif) no-repeat 0 0 ; 
}

/* Default Classes */

.lowfi {
	display: none ;
}
.clear {
	clear: both ;
	height: 0 ; 
	overflow: hidden ;
}

/* Form I.D's */
#form_nav {
	margin: 0 0 30px 0 ;
	padding: 0 ;
	list-style-type: none !important ;
	height: 41px ;
	overflow: hidden ; 

}
#form_nav li {
	float: left ;
	height: 28px ;
	color: #FFFFFF ;
	text-decoration: none ;
	text-align: center ;
	padding: 9px 3px!important;
	background: #174970;
	width: 181px ;
	margin: 0 1px 0 0!important;

}
#form_nav.online li {
	width: 119px ;
	font-size: 1.1em ;

}
#form_nav li.selected {
	background-color: #f17cb1;
	color: #fff ;
}
#form_nav.online li.selected {
	
}
#form_nav li.end {
	margin: 0 ;
}
#form_nav li.complete {
	background: #e9eef1!important;
	color: #fff ;
}
#form_nav li.ssa {
	padding-top: 5px ;
	line-height: 1.2em ;
	height: 36px ;
}
#form_nav.online li.complete {

}

#form_nav li.complete a {
	margin-right: 3px ;
}

#form_nav a {
	color: #7d8d96 ;
}

#your_details {

}
#company_details {

}
#bike_details table {
	margin: 0 0 1.5em 0 ;
}
#bike_details .control {
	height: 40px ;
	padding: 0 ;
}
#bike_details .control a {
	margin: 0 14px 0 0 ;
}

#bike_details p {
	height: auto ;
}

#confirmation {
	
}

#print_logo {
	display: none ;
}

form {
	clear: both ;
	margin: 0 2px 0 0 ;
	padding: 0;
}

fieldset {
	border: none ;
	float: left ;
	width: 339px ;
	padding: 0 0 0 0 ;
}
fieldset p {
	margin: 0 0 0.5em 0 ;
}
.adjacent {
	border-left: 1px solid #B2D0E3 ;
	padding-left: 20px ; 
	width: 325px ;
	margin: 0 0 20px 0 ;
}
.adjacent label {
	width: 120px ; 
}
p.payroll {
	padding-left: 0px ;
}
legend {
	display: none ;
}

.required {
	color: red ;
}
.error {
	background: url(/images/required.gif) no-repeat bottom right ;
}

.complete {
	background: url(/images/complete.gif) no-repeat bottom right ;
}
/*span {
	color: #0065A4 ;
}*/
.mandatory {
	color: #0065A4 ;
	padding: 1em  0 0 0 ;
	margin: 0 0 1em 0 ;
	font-size: 1em ;
	line-height: 1.3em ;
	clear: left ;
}
a.next {
	width: 88px ;
}
input.next {
	float:right;
	cursor: pointer ;
}
#genmain.employee input.next {
	float: none !important ;
	margin-left: 95px ;
	margin-top: 20px ;
}
a.submit {
	width: 260px ;
	height: 20px !important;
	overflow: hidden !important;
}

.shop_code {
	margin: 0 0 20px 0 ;
}
.shop_code label {
	width: 80px ;
	clear: none ;
}
.shop_code img{
	border: 1px solid #B2D0E3 ;
}
.shop_code input {
	width: 157px ;
	
}
.shop_code span.field {
	width: 161px ;
}
#store_code_feedback {
	display: none ;
}
.bike {
	width: 692px ;
	border-bottom: 1px solid #B2D0E3 ;
	padding: 0 0 15px 0 ;
	margin: 0 0 27px 0 ;
}

.equipment {
	width: 692px ;
}
.bike td, .equipment td {
	padding: 0 0 0 6px ;
}
td.first {
	padding: 0 ;
}
.bike label, .equipment label {
	width: 100% ;
	float: none ;
}
.bike label span, .equipment label span {
	display: none ;
}
.bike input, .bike select, .equipment input {
	width: 100% ;
	
}
.total {
	width: 95% ;
	background-color: #FFF ;
	border: 1px solid #B2D0E3 ;
	border-left: 0 ;
	border-right: 0 ;
	padding: 18px 11px ;
	font-size: 1.4em ;
}
.max {
	text-align: center; 
}	
.voucher_total {
	background-color: #fff ;
	display: block ;
	padding: 8px ;
	width: 80px ; 	
	text-align: center ;
	border: 1px solid #D6EAF6 ;
	color: #0065A4 ;
}
.size, .quantity, .price, .size input, .quantity input, .price input {
	text-align: center ;
}
.status {
	width: 20px ;
}
.terms {
	margin-left: 415px ;
}
.duration label, .duration input, .terms label, .terms input{
	display: inline ;
	width: auto ;
	border: 0 ;
	float: none ;
}

#confirmation_form p {
	color: #000 ;
	margin: 0 0 0.6em 0 ;
}
#confirmation_form small {
	color: #666 ;
}

#display_email, #display_store {
	background-color: #FAFBE4 ;
	border: 1px solid #65B9ED ;
	font-size: 1.9em ;
	padding: 10px 12px 10px 12px ;
}
#display_bike_details {
	border: 1px solid #65B9ED ;
	padding: 6px 12px 6px 12px ;
}
.column {
	float: left ;
	width: 340px ;
}
.column p {
	border: 1px solid #65B9ED ;
	padding: 6px 12px 6px 12px ;	
}
.end {
	float: right ;
}

p.extra {
	color: #666 ;
}
.voucher_number {
	background-color: #FAFBE4 ;
	border: 1px solid #65B9ED ;
	font-size: 1.9em ;
	padding: 10px 12px 10px 12px ;
}
.voucher_email {
	border: 1px solid #65B9ED ;
	padding: 6px 12px 6px 12px ;
}
a.print {
	width: 171px ;
}
a.home {
	width: 246px ;
	border-left: 7px solid #fff ;
}

label, form span.label /* for labels where <label> tag is not appropriate (eg, radios) */
{
	width: 90px ;
	padding-top: 3px ;
	display: block ;
	float: left ;
	clear: both ;
	text-align: right ;
}
form span.medium
{
	width: 136px ;
}

input {
	width: 185px ;
}

form span.field label /* for radios and checkboxes, the label should display normally */
{
	width: auto ;
	padding-top: 0 ;
	display: inline ;
	float: none ;
}
select.month {
	width: 80px ;
}
.left {
	float: left ;
	margin: 0 0 1em 0 ;
	height: 60px ;
}
.right {
	float: right ;
	margin: 0 0 1em 0 ;
	height: 60px ;
}
.clear_both {
	clear: both ;
}

.whats_next {
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
}
.whats_next li {
	margin: 0 0 0 15px !important ;
	padding: 0 !important ;
}
.code_area {
	 float: left ;
}

.note {
	font-weight: normal ;
	color: red ;
	font-size: 1em ;
}

.online_ha {
	width:95%;
	height:300px;
	border:4px solid #ccc;
	background-color: #fff ;
	margin: 0 0 1em 0 ;
	overflow:auto;
	padding: 10px ;
}
.online_ha p {
	height: auto ;
	line-height: auto ;
}

.online_ha .left, .online_ha .right  {
	height: 160px ;
	width: 425px ;
	border: 1px solid #ccc ;
	padding: 5px ;
}

.small {
	height: 85px !important ;
}
.act {
	border: 1px solid #666;
	padding: 5px ;
	margin: 0 0 10px 0 ;
}

#valid_email {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	height: 50px ;
	clear: both ;
}
#valid_email li {
	display: inline ;
}
#valid_email li a {
	float: left ;
	height: 30px ;
	line-height: 30px ;
	text-align: center ;
	width: 100px ;
	color: #fff ;
	background-color: #1c4f78 ;
	border: 1px solid #043051 ;
	font-weight: strong ;
	font-size: 1.3em ;
	padding: 5px ;
	margin: 0 20px 0 0 ;
}
form span#bike_model_container
{
	width: auto;
}

.category {
	margin: 0 0 15px 0 ;
	padding: 0 0 15px 0 ;
	border-bottom: 1px solid #999 ;
}
.category p {
	height: auto !important ;
}
.category strong {
	font-weight: bold !important ;
}
.category p.normal strong {
	font-size: 1.4em ;
}

.things_to {
	margin: 15px 0 0 0 ;
}
.things_to a {
	display: block ;
	color: #fff ;
	background-color: #ee549d ;
	padding: 5px ;
	width: 415px;
	font-size: 0.9em ;
	outline: none ; 
}
.things_to a:hover {
	background-color: #043051 ;
	text-decoration: none ;
}

div.ca_notes {
	display: none ;
	padding:  5px 20px 5px 0 ;
	margin:  -2px 0 5px 0 ;
	border: 2px solid #ee549d ;
	font-size: 0.9em ;
	background-color: #ef71ad ;
	color: #fff ;
}
.ca_notes ul {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
.ca_notes li {
	padding: 0 0 0 15px ;
	background: url(/images/ca_li_back_pink.gif) no-repeat 10px 8px ;
}
#condition_assessment {
	font-size: 0.8em ;
	line-height: 1.1em ;
}
#condition_assessment a {
	margin-top: 4px !important ;
}

#main_content_intro {
	clear: both ;
	background: #e9eef2 url(/templates/register/images/box-gen-bg.gif) repeat-x 0 0 ;
	margin: 0 2px 0 0 ;
	padding: 20px 15px 0 20px ;
	border-bottom: 1px solid #0065A4 ;	
}
#main_content_intro strong, .authenticate strong {
	font-weight: bold ;
}
#ge_logo {
	float: right ;
	margin:  0 0 20px 20px ;
}
div.ge {
	display: block !important ;
	float: none !important;
}
div.ge h1 {
	clear: none !important ;
}
.ge_body {
	margin-left: 125px ;
}
span.required { display: none ; }
span.bike-details {
	display: inline !important ;
}
label { float: none; width: auto; margin: 0 ; text-align: left ; }
form span { width: 100px ; }
span.field { margin-left: 0 !important ; }
.adjacent { width: 335px ; }
form p { height: auto ;}
#genrhbar {
display:inline;
float:left;
margin:20px 0 0;
width:320px;
}
#genmain {
	display:inline;
	float:left;
	margin: 0 20px 0 0;
	width:440px;
}
#genmain h1 {
	margin-bottom: 10px ;
}
h3.blue {
	background:url(/templates/register/images/lhbox-head-blue.gif) no-repeat scroll 0 0 #043051;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:4px 0 4px 21px;
}

h2.no-border {
	border: 0 ;
}

#signatureOfHirerAnchor{
	display: block;
	height: 10px;
}
.errorBox{
	margin: 20px 20px 0;
	padding: 20px;
	background: #ff0000;
	font-weight: bold;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	background: rgb(252,228,239);
	background: linear-gradient(bottom, rgb(252,221,236) 20%, rgb(252,228,239) 50%);
	background: -o-linear-gradient(bottom, rgb(252,221,236) 20%, rgb(252,228,239) 50%);
	background: -moz-linear-gradient(bottom, rgb(252,221,236) 20%, rgb(252,228,239) 50%);
	background: -webkit-linear-gradient(bottom, rgb(252,221,236) 20%, rgb(252,228,239) 50%);
	background: -ms-linear-gradient(bottom, rgb(252,221,236) 20%, rgb(252,228,239) 50%);
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(252,221,236)),
		color-stop(0.5, rgb(252,228,239))
	);
	border: 1px solid #ec97be;
	color: #d42959;	
}
.certificateOption{
	float: left;
	width: 381px;
	padding: 30px 20px 0 40px;
	margin-bottom: 30px;
}
.certificateOption h2{
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: none;
	font-size: 1.833em;
	line-height: 1em;
	text-align: center;
}
#eCertificateOption{
	border-right: 1px solid #e1e1e1;
		padding: 30px 40px 0 20px;
}
.certificateOption span{
	display: block;
	background-image: url(/images/certificate.jpg);
	background-repeat: no-repeat;
	background-position: center -93px;
	height: 93px;	
	margin: 0 0 40px 0;
	width: 100%;
}
#eCertificateOption.certificateOption span{
	background-position: center 0;	
}
.button.greenback {
    background: #a3c07e;
}

.button.greenback:hover {
	background: #89b05d;
}
#or{
	position: absolute;
	top: 155px;
	left: 442px;
	width: 30px;
	text-align: center;
	background: #F9F9F9;
	color: #e1e1e1;
	margin-left: -15px;
	font-family: Rockwell,Arial,Helvetica,sans-serif; 	
	font-size: 2.333em;
	line-height: 1em;
	padding: 0 0 5px 0;
	font-weight: bold;
	z-index: 10;
}

/* Design overrides November 2012 */

p a.button {
	padding: 10px 20px;
}

ol {
	width: auto;
	margin: 0 0 1em 0;
	line-height: 1.75em;
	font-size: 1.16667em;
}

ol li {
	padding: 0px 0 0 33px;
}

h2.header {
	padding: 20px 0 0 0;
}