/* CSS Document */

/********Style 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	
	border-spacing: 0;
}
.clear{
	clear:both;
}
table td
{
 font-size:0.75em;   
}
/**************Content BOxes***************/
div.templateCont
{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 10px 0 0;
   
   
   
}
div.accountFormLeft input.checkbox /***********IE 7 Hack************/
{
    margin:0;
}
/***************************************************************/

/*#img1{
background:url(http://elearning.qube-learning.co.uk/Content/images/scrollThumbBack.jpg) center no-repeat;
padding:12px 5px 5px 5px;
}*/

body,html{
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
	background:url(images/tile.jpg);
	color:#3b3b3b;
	line-height:1.2;
}
a
{
    color:#11305F;
text-decoration:none;	
}
a:link
{
   color:#11305F; 
}
a:hover{
text-decoration:underline;	
}

.clear{
clear:both;	
}
p
{

}


/**************CMS OUTPUT Styles************/
div.cmsOutput strong
{
 font-weight:bold;   
}
div.cmsOutput p strong
{
 font-weight:bold;   
}
div.cmsOutput ol
{
  list-style-type: decimal; 
  margin-left:20px; 
  margin-bottom:10px; 
  
}
div.cmsOutput ul
{
 list-style-type:disc;   
 margin-left:20px; 
 margin-bottom:10px; 
}
div.cmsOutput ul ul
{
  list-style-type:none;  
}
div.cmsOutput ol li, div.cmsOutput ul li
{
 font-size:12px;
 margin-bottom:5px;   
    
}
div.cmsOutput a
{
 text-decoration:underline;   
}
div.cmsOutput p
{
font-size:12px;
 margin-bottom:10px; 
}
div.cmsOutput ol li p
{
font-size:12px;
}


/***********Main Wrapper***************/
#mainWrapper{

 margin: 0 auto;
    width: 1020px;

	min-height:100%; /* real browsers */
}

/*********Inner Wrapper******************/
#innerContainer {
    background-color: #FFFFFF;
    border-bottom: 1px solid #A6A59F;
    border-left: 1px solid #A6A59F;
    border-right: 1px solid #A6A59F;
}

/****************** More Info *************************/
a.infoBtn
{
    background:url(../content/images/fieldInfo.gif) center center no-repeat;
    width: 17px;
    height:17px; 
    margin-left:0px;
  
    float:right;
    position:relative;
}
.popup 
{
 display:none;   
}



/***********Main Content Containers******************/

#mainContainer{
padding:40px;
}
#innerMainCont{
   
}

/***********LEft Side Bar**************/
#leftSidebar{
	width:220px;
	
	margin:0px 0px 0px 0px;
	
	float:left;	
}

/************Left Navigation**************/
#quoteBlock {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BFBFBF;
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic;
    padding: 20px;
    text-align: center;
}
#quoteBlock p
{
   text-align:center;
   
   font-size: 100%;
   margin:10px 0px 0px 0px;
}
#quoteBlock span
{
 font-size:0.75em;   
 font-style:normal;
}
/**************Main Content***************/
#mainContent{
   background: none repeat scroll 0 0 #FFFFFF;
    
    float: right;
    padding: 0;
    width: 700px;
}


/************Main Heading*******************/
div.mainTitle{
     height:38px;
}


div.mainTitle h1{
    color: #333333;
   
   
    width: 480px;
    
}

/****************Course List****************/
p.pageDescription
{
    font-size:0.75em;
    line-height:1.2;
    padding: 20px;
    border: 1px solid #BFBFBF;
    margin:0px 0px 20px 0px;
}
#grid {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BFBFBF;
	
	padding: 0 20px;
}

div.row
{
   height:auto;
}
div.course-image-cont {
    float: left;
     margin-right: 20px;
    width: 120px;
}
div.row-main-image
{
   background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #BFBFBF;
    float: left;
    padding: 10px;
    width: 120px;
    min-height:60px;
    background-image:url("../content/images/spinner.gif");
    background-position:center;
    background-repeat:no-repeat;
}
div.row-main-image img
{
    max-width:120px;
    max-height:120px;
    margin:0;
    display:block;
}

div.courseListDetails
{
  float: right;
    height: 100%;
    
    width: 500px;
   
}

.list-row {
    padding:20px 0 0;
}


.courseSeperator
{
	border-bottom:1px solid #BFBFBF;	
}

/******************Basket Summary*****************/
#basketSummary
{
  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BFBFBF;
    margin: 0px 0px 20px 0px;
    padding: 20px;  
}
#basketSummary h2
{
    font-size:0.875em;
    font-weight:bold;
    margin:0px 0px 20px 0px;    
}

#basketOverBtns
{
 float:right;
   width:372px; 
}

#listBasketUpdate
{
     border:solid 1px #bfbfbf;
     background:  url(images/updateBasketLong.jpg) no-repeat;
     width:139px;
     height:28px;
     color:#3b3b3b;
     font-size:0.875em;
     padding-left:35px;
     padding-top:15px;
     font-weight:bold; 
     display:block;
     float:left;
     text-decoration:none;
      font-size:0.75em;
      text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    margin-right: 20px;
}

#listCheckout
{
    border:solid 1px #bfbfbf;
     background:  url(images/proceedBasketBtn.jpg) no-repeat;
     width:136px;
     height:28px;
     color:#fff;
     font-size:0.875em;
     padding-left:38px;
     padding-top:15px;
     font-weight:bold; 
      display:block;
     float:left;
     text-decoration:none;
     font-size:0.75em;
     text-align:center;
      font-family:Arial, Helvetica, sans-serif;
     
}
/***********Course Detail*************/
#courseDetail {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BFBFBF;
    float: right;
    padding: 0;
    width: 700px;
}

#courseDetailInner div.mainTitle {
   font-size:1em;
    margin: 0 0 10px;
}

#courseDetailInner {
    background: none repeat scroll 0 0 #FFFFFF;
   
    padding: 20px;
    width: 658px;
}

/**********Product Details Pricing**********/
#detailSideMenu
{
    float:right;
    width:160px;
    padding:10px;
    text-align:center;
   
}
#quantity
{
 
}
#quantity input[type="text"], #ListQuantity input[type="text"] {
    color: #333333;
    float: right;
    font-size: 0.875em;
    height: 16px;
    margin-right: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
    width: 40px;
}

#quantity input[type="submit"] {
    background: url("images/BuyNowBack.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #BFBFBF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
    height: 53px;
    padding-left:40px;
    width: 160px;
    outline:none;
    margin-top:10px;
    
}
#viewCourseList
{
 margin-top:10px;   
}
a.courseListLink
{
    background:url(images/courseListBtn.jpg);
    width:118px;
    height:26px;
    display:block;
    border: 1px solid #BFBFBF;
    font-size:0.8125em;
    color:#333333;
    padding:10px 0px 0px 40px;
    font-weight:bold;
}
a.courseListLink:hover
{
 text-decoration:none;   
}

#viewDemo
{
 margin-top:10px;   
}
#viewDemo a
{
    border:solid 1px #bfbfbf;
    width:118px;
    height:35px;
    color:#3b3b3b;
    font-size:0.875em;
    padding-left:40px;
    padding-top:17px;
    font-weight:bold; 
    display:block;
    text-decoration:none;
    background: url("images/DemoBtnBack.jpg") no-repeat scroll 0 0 transparent;
}
#ListQuantity
{
	float:right;
}
#ListQuantity .addToBasket input[type="submit"] {
    background: url("images/BuyNowCourseList.jpg") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    width: 133px;
    text-align:right;
    font-weight:bold;
    position:relative;
    top:9px;
}
#QuantityCont{
	float:right;
	margin-right:10px;
}
#QuantityCont input
{
 
    
}
#QuantityCont label
{
 font-size:0.875em;   
}
#quantity form label
{
 font-size: 0.875em;
}
span.listCoursePrice {
    display: block;
    font-family: Verdana;
    font-weight: bold;
    margin-bottom: 10px;
}

div.row-accreditation-images
{
    margin-top:20px;
}

/*****************Course Details Content***************/
#bottomContent {
    color: #3B3B3B;
    line-height: 1.25;
    margin: 20px 0 0;
    padding: 20px;
}
#bottomContent p {
   
    margin: 0 0 20px;
}
#bottomContent ul {
   
    margin-left: 40px;
}
#bottomContent li {
    list-style-type: disc;
    margin: 5px 0;
}
#bottomContent h2 {
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px 0;
    
}
#bottomContent h3 {
    
    font-weight: bold;
    margin: 0 0 10px;
}
#bottomContent h4 {
    
    font-weight: bold;
    margin: 0 0 10px;
}
#bottomContent span {
    font-size: 0.75em;
}

#divImageScroller
{
	
}

#courseDetailInner div.mainTitle h1
{
    margin:0px;
    padding:0;
}
div.bigImage {
    background-color: #EFEFEF;
    border: 1px solid #BFBFBF;
    float: left;
    padding: 8px;
    background-image:url("../content/images/spinner.gif");
    background-position:center;
    background-repeat:no-repeat;
   
   
}
div.bigImage img
{
 display:block;   
 max-width:441px;
}
div.courseDetailContent
{
 font-size:0.75em;   
}
div.courseDetailContent h1
{
   font-size:1.333333333333333em;
}
div.courseDetailContent h2
{
    font-size:1.25em;
}
div.courseDetailContent h3
{
   font-size:1.166666666666667em
}

/****************COURSE LIST STYLES********************/
div.row-title a {
    color: #3B3B3B;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 10px;
    text-decoration: underline;
}
div.row-title a:hover
{
    text-decoration: underline;
}
div.listImage{
    padding:9px;
    width:120px;
    background:	#efefef;
    border:solid 1px #bfbfbf;
    float:left;
}

div.listDetails p{
	font-size:0.75em;
		
}
div.listDetails h2{
	font-size:1.0em;
	color:#3b3b3b;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}



a.courseList-demo
{
     background: url("images/DemoBtnCourseList.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #BFBFBF;
    color: #E9F1E8;
    display: block;
    float: right;
    font-family: arial;
    font-size: 0.75em;
    font-weight: bold;
    height: 25px;
   
    padding: 15px 0 0 45px;
    text-decoration: none;
    width: 80px;
     margin-top:10px;
}
input.courseList-buyNow {
    background: url("images/BuyNowCourseList.jpg") no-repeat scroll center transparent;
    border: 1px solid #BFBFBF;
    color: #E9F1E8;
    display: block;
    float: right;
    font-family: arial;
    font-size: 0.75em;
    font-weight: bold;
    height: 42px;
    padding: 3px 0 0 25px;
    text-decoration: none;
    width: 130px;
    margin-left:10px;
    cursor:pointer;
    margin-top:10px;
}

.addToBasket input[type="submit"] {
    font: inherit;
    /*position: relative;
    top: 10px;*/
}
.viewDemo {
    background: url("images/DemoBtnCourseList.jpg") repeat scroll 0 0 transparent;
    height: 40px;
    /*padding: 5px;*/
    width: 133px;
}
div.row-description
{
    font-size: 0.75em;
    height: 100%;
    width: 100%;
    margin:20px 0px 20px 0px;
}
div.row-description span 
{
    line-height:1.4;
}
div.row-description a
{
 color: #3B3B3B; 
 text-decoration:underline;
}
div.list-row-price 
{
    float:right;  
   
}
div.row div.row-accreditation-images, div.row-alt div.row-accreditation-images
{
 margin-top:-10px;   
}

div.row div.row-accreditation-images img, div.row-alt div.row-accreditation-images img
{
  margin-right:10px  
    
}
div.list-row-price
{
 margin-top:20px;   
}
div.list-row-price span.listCoursePrice
{
     color:#3b3b3b;
    font-size: 1.125em;
}

div.row-accreditation-images
{
  margin-top: 10px;
    width: 140px;
}
div.row-accreditation-images img {
    float: left;
    margin-left: 2px;
    margin-top: 10px;
}

/***********Basket Styles*******************/
/* Basket Styles*/

div.basketLeft{
	width:720px;
	float:left;
}
#basketRight {
float: right;
}
#basketMainTable{
	margin-bottom:20px;
	
	
}
#basketMainTable table{
	width:720px;
	}
#basketMainTable th{
	height:30px;
	width:100px;
	
	color:#292526;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	
}	

tr.oddRow, td.oddRow{
background:#eaeaea;

border:solid 1px #8f8c8d;
margin:0px;

}
tr.evenRow,td.evenRow{
background:whiteSMoke;

border:solid 1px #8f8c8d;
margin:0px;
}
tr.oddRow td, tr.evenRow td{
border:solid 1px #8f8c8d;
color:#333333;

}

td.quantityCell{
	
}

#basketMainTable td{
	
	padding: 6px 10px 7px 10px;
	
	
	color:#333333;
	vertical-align:middle;
	text-align:center;
}
#basketMainTable td.removeCol {
	width:5%;
}
#basketMainTable td.itemTitle{
	
	text-align:left;
	width:220px;
	line-height:1.2;
}
#basketSubTable table{
	
}
#basketSubTable td{
	
	padding: 10px 10px 10px 10px;
	
	border-left:solid 1px #8f8c8d;
	color:#333333;
	vertical-align:middle;
	text-align:center;
}
td.quantityCell
{
 width:12%;   
 *width:auto;
}
td.quantityCell input{
	width:35px;
	text-align:center;
	font-weight:bold;
	color:#333333;
	margin-right:3px;
    display:inline;
    height:19px;
   float:left;
   padding-top:4px;
}
td.quantityCell button.refreshItem{
	background:#5a5758 url(images/refreshItem.gif) no-repeat bottom;
	border:none;
	height:23px;
	width:23px;
	color:#fff;
	cursor:pointer;
	float:right;
	display:inline;
	margin-top:2px;
	
}
td.quantityCell button.refreshItem:hover
{
    background:#5a5758 url(images/refreshItemHover.gif) no-repeat bottom;
}
tr.headRow{
	
}
#basketMainTable th.firstBasketHead{
width:220px;

	}
#basketMainTable th
{
 vertical-align:top;   
}
input.removeItemFromBasket{
	width:23px;
	height:23px;
	background: url(images/cancelBtn.gif);
	border:none;
	cursor:pointer;
	
}
input.removeItemFromBasket:hover
{
    background: url(images/cancelBtnHover.gif);
}
#basketSubTable{
	float:right;
}

td.subValue{
	width:83px;
}
#basketCont
{
 margin-bottom:20px;   
}
div.basketRight{
float:right;
width:210px;

}
input[type=text]{
	border:solid #cfcfcf 1px;
}
#voucherBox{
	
	background:#eaeaea;
	border:solid #8F8C8D 1px;
	padding:15px;
	margin-top:40px;
}
#voucherBox div.errorMessage 
{
  width:auto;  
}
#voucherBox h2{
	text-align:left;
	font-size:0.75em;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px;
	
	display:block;
	width:120px;
	margin:0px auto 10px auto;
	float:left;

}
#voucherBox label
{
    
     display:block;
    margin:10px 0px 10px 0px;
    background:url(images/good.gif) no-repeat #059205 left center;
 font-size:0.75em;
 color:#fff;  
 
 padding:5px 5px 5px 23px;
 float:left;
  width:150px;
}
#voucherBox a.infoBtn
{
    background:url(images/infoBtn.gif) right center no-repeat ;
    padding-top:2px;
}
#voucherBox input[type=text]{
	width:175px;
	margin:0px auto;
	border:solid 1px #8f8c8d;
	height:22px;
	display:block;
	float:left;
	
	
}
#voucherBox form{
	margin-bottom:20px;
} 
#voucherBox span{
	font-size:0.625em;
	margin-bottom:5px;
	margin-top:10px;
	display:block;
	float:left;
	width:150px;
}
button.voucher{
	padding:0px;
	border:none;
	margin:0px 0px 5px 0px;
width:175px;
cursor:pointer;
display:block;
float:left;
}
div.voucher{
width:165px;
background:url(images/voucherItemBtn.gif) right center no-repeat;
display:block;
padding:10px 10px 10px 0px; 
display:block;
border:solid 1px #8f8c8d;                                                                                       
text-align:left;
margin:0px 0px 0px -3px;
}
div.voucher p, div.voucherNoEdit p{
	padding:0px 20px 0px 10px;
	color:#d95900;
	font-size: 0.825em;
}
div.voucherNoEdit
{
   width:165px;
background:#fff;
border:solid 1px #8f8c8d;
padding:10px 10px 10px 0px; 
display:block;
font-size:0.825em;
margin:0px 0px 5px 0px;
   float:left;   
}
input.submitBtn{
	min-width:100px;
	*width:120px;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	background-color:#5a5758;
	border:none;
	color:#fff;
	float:right;
	font-weight:normal;
	cursor:pointer;
	
	margin-top:10px;
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
input.submitBtn:hover{
	
	background-color:#d95900;
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
#voucherBox input.submitBtn{
	width:67px;
}
#orderTotal h1{
	font-size:0.9375em;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}
#checkOutButton{

}
#checkOutButton {
	border:solid 1px #bfbfbf;
	background:url(images/CheckoutBig.jpg);
	width:170px;
	height:53px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:0.875em;
	padding:2px 0px 0px 30px;
	margin:10px auto 0px auto;
	cursor:pointer;
}
div.orderTotal h1 {
    font-size: 0.9375em;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}


div.progTitle {
    font-size: 0.75em;
    text-align: center;
}

/***********Payment Process****************/
#paymentProcess{
    width:943px;
    height:52px;
    background-color: #f5f5f5;
    margin:0px auto 20px auto;
    text-align:center;
}
#processStepCont{
	display:inline-block;
	padding:10px 0px 0px 0px;
}
div.processStep{
	float:left;
	width:90px;
	height:35px;
}
div.beginWhite{
	background:url(images/beginWhite.gif) no-repeat bottom;
}
div.beginActive{
	background:url(images/beginActive.gif) no-repeat bottom;
	font-weight:bold;
}
div.beginTick{
	background:url(images/beginTick.gif) no-repeat bottom;
}
div.innerWhite{
	background:url(images/innerWhite.gif) no-repeat bottom;
}
div.innerActive{
	background:url(images/innerActive.gif) no-repeat bottom;
	font-weight:bold;
}
div.innerTick
{
	background:url(images/innerTick.gif) no-repeat bottom;
	margin-top:1px;
}
div.endWhite{
	background:url(images/endWhite.gif) no-repeat bottom;
}
div.endActive{
	background:url(images/endActive.gif) no-repeat bottom;
	font-weight:bold;
}
div.endTick{
	background:url(images/endTick.gif) no-repeat bottom;
}

/***********Manage Users**********/
td.allocateBtnCell a
{
    background-color: #5A5758;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 2px;
    width: 110px;
    text-align:center;
    padding:5px 0px 4px 0px;
    font-size: 0.875em;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
    
}
td.allocateBtnCell a:hover
{
    background-color: #D95900;
    text-decoration:none;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
div.manageUserLeft{
	padding-right:20px;
	margin-right:30px;
	
}
div.manageUserRight{
	padding-left:20px;
	margin-left:0px;
    border-left:solid #a6a59f 1px;
}
div.manageUserLeft
{
   width:570px;
	float:left;     
}
 .manageUserRight{
	width:293px;
	float:left;
}

div.manageUserLeft h2, .manageUserRight h2{
	margin-bottom:20px;
}

div.manageUserLeft input, .manageUserRight input{

margin:5px 0px 10px 0px;
}

 
 div.manageUserRight input.userInput {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #5A5758;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 16px;
    padding: 5px;
    width: 282px;

}


 div.manageUserRight label{
	font-size:0.75em;
}

#manageUserTable th{
	height:30px;
	width:100px;
	color:#292526;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	
}	
#manageUserTable
{
  
}

#manageUserTable td{
	padding: 4px 10px 4px 10px;
	color:#333333;
	vertical-align:middle;
	border: 1px solid #e0e0e0;
	
}
#manageUserTable td.removeCell
{
 width:10%;   
}
#manageUserTable input[type=submit]{
	margin:0px;
	padding:3px 2px 2px 2px;
	background-color:#bd0000;
	border:none;
	color:#fff;
	display:block;
	font-size:0.875em;
	cursor:pointer;
}

/*********Course Allocation***********/
div.allocateLeft{
	padding-right:20px;
	margin-right:10px;
	
}
div.allocateLeft  h2, .allocateLeft h2{
	margin-bottom:20px;
}
div.allocateLeft table
{
   
   border-spacing:1px;

}
td.allocBtnCell
{
 text-align:center;   
}
td.allocateAvailCell
{
    text-align:center;  
}
div.allocateLeft td.allocateTitleCell
{
   width:50%; 
  
}
 span.noLearners
{
    display:block;
    margin:10px 0px 10px 0px;
    background:url(images/bad.gif) no-repeat #c60202 left center;
    font-size:0.75em;
    color:#fff;  
    padding:5px 5px 5px 23px;
}
#userTable span.noLearners a
{
    font-size:100%;
    color:#fff;
    text-decoration:underline;
    }
div.allocateLeft td.buyMoreCell
{
    width:10%;
    text-align:center;
}
div.allocateLeft tr.selected
{
 border:none;
   

}
div.allocateLeft tr.selected td
{
 background:#fff;
 border:none;  
  border-top:solid 2px #d95900;
  border-bottom:solid 2px #d95900;
}

input.allocateButton
{
    margin:0px;
	padding:2px 2px 2px 2px;
	background-color:#5a5758;
	border:none;
	color:#fff;
	display:inline;
	font-size:1em;
	cursor:pointer;
	width:110px;
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
input.allocateButton:hover
{
    background-color:#d95900;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
input.selected
{
   background-color:#d95900; 
}
div.allocateLeft table th{
	height:30px;
	width:100px;
	color:#292526;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	
}	
div.allocateLeft table td{
	padding: 6px 10px 7px 10px;
	color:#333333;
	vertical-align:middle;
	
}
div.allocateRight{
	padding-left:30px;
	margin-left:0px;
	border-left: 1px solid #A6A59F;
	width:300px;
}
div.allocateRight h2 span
{
  font-weight:bold;  
  display:block;
  padding-top:10px;
}
div.allocateRight h3
{
   font-size:0.8125em; 
}
div.allocateRight h3 span
{
    font-weight:bold;   
}
div.allocateRight table th{
	height:30px;
	width:100px;
	color:#292526;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	padding-bottom:0px;
	
}	
a.manageLearnerBtn
{
 
}
#allocationTable
{
 float:none;   
 margin-top:10px;
 width:362px;
 vertical-align:middle;
}

#allocationTable td
{
 padding:10px;   
 vertical-align:middle;
}
div.allocateLeft a
{
  color: #333333;  
}
div.allocateRight a
{
   font-size:0.75em; 
   color: #333333;
 
}
div.allocateLeft
{
   width:514px;
	float:left;     
}
 .allocateRight{
	
	float:left;
}

div.allocateLeft th.noAvailableHead
{
 width:20%;  
}
div.allocateLeft h2, .allocateRight h2{
	margin-bottom:20px;
}

div.allocateLeft a.infoBtn, #manageUserTable a.infoBtn
{
position:absolute;
 padding-top:0px;
 margin-left:5px;   
 text-align:center
}
div.allocateLeft th.noAvailableHead a.infoBtn
{
    position:relative;
    display:inline-block;
    float:none;
    width:20px;
}

#userTable a.infoBtn
{
    display:block;
 padding-top:25px;
 margin-right:5px;   
}
/********Single Page*****************/
#meButton input
{
    width:120px;
    height:49px;
    background:url(images/meButton.jpg);
    padding-left:50px;
    color:#fff;
    font-size:0.875em;
    border:none;
    cursor:pointer;
    margin:0px auto;
    display:block;
}
#meButton input:hover
{
    background:url(images/meButtonHover.jpg);
}

div.singleUserLeft,div.singleUserRight
{
 width:460px;
 float:left;
}

div.singleUserRight table
{
   width: 362px;
  
   padding:0;
   border:none;
}
div.singleUserRight table th
{
  height:30px;
	width:100px;
	color:#292526;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;  
}

div.singleUserRight table tr
{
    
 font-size:1em;   
}
div.singleUserRight table td{
	
	color:#333333;
    margin:0;
    padding:10px;
}

div.singleRightInner 
{
 width:362px;
 margin:0px auto 20px auto;   
}
div.singleRightInner  h2{
	margin-bottom:20px;
}

#addLearnerFormRight label {
    display: inline-block;
    font-size: 0.75em;
    margin-top: 10px;
    width: 178px;
}
#addLearnerFormRight label span {
    display: block;
    padding-bottom: 5px;
}
div.singleRightInner input.textInput {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #000000;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 16px;
    padding: 5px;
    width: 165px;
}
/************Mutli Purchase***************/
#multiButtons a.singleUser, #multiButtons a.multiUser
{
     width:62px;
    height:40px;
    padding:9px 0px 0px 57px;
    color:#fff;
    font-size:0.8125em;
    border:none;
    display:block;
    float:left;
}
#multiButtons
{
 width:260px;
 margin:0px auto 40px auto;   
}
#multiButtons a.singleUser
{
     background:url(images/meButton.jpg);
     margin-right:20px;
}
#multiButtons a.singleUser:hover
{
 background:url(images/meButtonHover.jpg);   
 text-decoration:none;
}
#multiButtons a.multiUser
{
    
    background:url(images/multiPurchaseBtn.jpg);
   
}
#multiButtons a.multiUser:hover
{
 background:url(images/multiPurchaseBtnHover.jpg);
 text-decoration:none;
}
/**********Forms*************************/

div.customForm
{
	width:317px;	
	float:left;
}

div.customForm h2{
	margin-bottom:20px;
}

div.customForm input{

margin:5px 0px 10px 0px;
}

div.customForm input.logonButton{
	width:100px;
	padding:2px;
	background-color:#5a5758;
	border:none;
	color:#fff;
	float:right;
	font-size:0.875em;
	cursor:pointer;
	 -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
     margin-top:10px;
}
.customForm input.logonButton:hover
{
    background-color:#d95900;
     -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.customForm div.editor-field input
{
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #5A5758;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 16px;
    padding: 5px;
    width: 282px;

}

div.editor-field textarea
{
 background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #5A5758;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 150px;
    padding: 5px;
    width: 282px;
}
div.customForm label{
	font-size:0.75em;
}

div.editor-label
{
 
 clear:both;
 width:280px;
}



/**********Log On*************************/
select.adminDropdown
{
   background: none ;
   background-color:rgba(0,0,0,0);
   border:none;
   *border: 1px solid #000000;
    border-radius: 0 0 0 0;
    color: #333333;
   width:120px;
   *width:auto;
    height: 24px;
   -webkit-appearance: none;
}

div.styled-select-inline{
   width: 165px;
    border: 1px solid #000000;
   height: 24px;
   overflow: hidden;
   background: url(images/dropDownIcon.jpg) no-repeat right #EBEBEB;
   margin:5px 0px 10px 0px;
   display:inline-block;
}
#pageInstructions p
{
    margin:0px 0px 40px 0px;
    font-size:0.75em;
    line-height:1.8;
    
}
div.loginDetails h2
{
 margin-bottom:20px;   
}
div.AccountCont{
	width:690px;
	margin:0px auto;
}
div.accountFormLeft{
	padding-right:0px;
	margin-right:20px;
	
}
.accountFormRight{
	padding-left:19px;
	margin-left:0px;
	border-left:solid #a6a59f 1px;
	padding-bottom:60px
}
div.passReset
{
 width:290px;
 margin:0px auto 40px auto;   
}
.passReset div.editor-field input.editField {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #000000;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 16px;
    padding: 5px;
    width: 282px;
    margin:5px 0px 10px 0px;

}

.passReset label {
    font-size: 0.75em;
    padding-bottom:5px;
}

.editor-label label
{
 width:80%;
 
}

input.accountFields
{
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #5A5758;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 16px;
    padding: 5px;
    width: 282px;
    display:block;
}

/*div.errorMessage 
{
    margin:10px 0px 10px 0px;
 font-size:0.75em;
 color:Red;  
}*/
div.errorMessage span.good
{
    display:block;
    margin:10px 0px 10px 0px;
    background:url(images/good.gif) no-repeat #059205 left center;
 font-size:0.75em;
 color:#fff;  
 
 padding:5px 5px 5px 23px;
}
div.errorMessage span.bad
{
   display:block;
    margin:10px 0px 10px 0px;
    background:url(images/bad.gif) no-repeat #c60202 left center;
    font-size:0.75em;
    color:#fff;  
    padding:5px 5px 5px 23px;
}
.templateCont label {
	
}
.templateCont .lblCheckboxText
{
    position:relative;
    top:-5px;
}
#ForgottenPassword  {
	font-size:0.75em;
	margin-top:20px;
	color:#333;
}
/**Thank you page ***/

#termsCont a.linkContinue {
	background-color: #5A5758;
    border: medium none;
    color: #FFFFFF;
    display: block;
    margin:0px auto;
    font-size: 0.875em;
    height: 23px;
    padding: 4px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
#termsCont a.linkContinue:hover{
	text-decoration:none;
	background-color:#d95900;
}

/*************Forgot Password***************/
div.forgotPasswordCont
{
   width:293px;
   margin:0px auto; 
}
.forgotPasswordCont input[type="text"] {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #000000;
    border-radius: 0 0 0 0;
    color: #333333;
    height: 16px;
    padding: 5px;
    width: 282px;
}
.forgotPasswordCont label {
    font-size: 0.75em;
}
/*******************************
/**************Control Panel**************/
#controlButtonCont
{
    width:604px;
    margin:0px auto 40px auto;
}
div.controlButton
{
    float:left;
    margin-right:40px
}
div.controlButtonEnd
{
 float:left;   
}

#controlButton1 a,#controlButton2 a,#controlButton3 a,#controlButton4 a
{
    display:block;
    width:121px;
   
    height:50px;
    padding:111px 0px 0px 0px;
    text-align:center;
    font-size:0.875em;
    font-weight:bold;
    color:#333;
     background-color:#5a5758;
     -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
#controlButton1 a span,#controlButton2 a span,#controlButton3 a span,#controlButton4 a span
{
 display:block;
 background-color:#fff;  
  padding:10px 20px 5px 20px; 
  border-top:4px #292526 solid;
}
#controlButton1 a:hover,#controlButton2 a:hover,#controlButton3 a:hover,#controlButton4 a:hover
{
    text-decoration:none;
    
}
#controlButton1 a
{
     background-image:url(images/manageUsers.png);
    
}
#controlButton2 a
{
   
    background-image:url(images/allocateLearners.png);
 
}
#controlButton3 a
{
   
    background-image:url(images/userDetails.png);
   
}
#controlButton4 a
{
    
    background-image:url(images/buyMore.png);
    
}
#controlButton1 a:hover,#controlButton2 a:hover,#controlButton3 a:hover,#controlButton4 a:hover
{
   
     background-color:#d95900;
     -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
   
   
/*********Contact Page******************/
p.contactLink a
{
    color:#333;
}

/****************************************/

/********Confirm T&Cs*******************/
input.confirmBtn
{
    background-color: #5A5758;
    border: medium none;
    color: #FFFFFF;
    display: block;
    margin:0px auto;
    font-size: 0.875em;
    height: 23px;
    padding-bottom:3px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    cursor:pointer;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
input.confirmBtn:hover
{
    background-color:#d95900;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}



/***************Jquery Tick Boxes********************/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
	background: transparent url('../content/images/tickSprite.gif') 0 0px no-repeat;
	display:inline-block;
}

.ez-radio {
	background: transparent url('../content/images/radioGraphic.gif') 0 0px no-repeat;
	
}

.ez-checked { background-position: 0 -17px; }
.ez-selected { background-position: 0 -17px; }

.ez-checkbox-green {
	background: transparent url('http://elearning.qube-learning.co.uk/images/checkbox-green.png') 0 0px no-repeat;
	display:inline-block;
	*display: inline;
}

.ez-checked-green { background-position: 0 -17px; }
.ez-checkbox, .ez-radio {margin:2px 4px 0px 0px;height:17px; zoom: 1; *display:inline; _height:17px; width:17px; }
.ez-radio 
{
    
	 
	
	display:inline-block;
	 width:17px;
	 
}


.ez-disabled 
{
    opacity: 0.3; filter:alpha(opacity=0.3);
}

/**************Error Pages*******************/
#errorPage
{

    height:400px;
    margin-top:60px;
   
}
div.error404
{
     background:url(images/error404.jpg) center center no-repeat;      
}

div.mainError
{
       background:url(images/mainError.jpg) center center no-repeat;   
}
#errorContent
{
    padding:10px 0px 0px 10px;
    width:600px;
    float:right;
}
#errorContent p
{
 font-size:0.75em;
 width: 380px;  
 margin-bottom:10px;
}
#errorContent a
{
  font-weight:bold;
  text-decoration:underline;  
  color:#3b3b3b;
}
#errorPage h1
{
      font-size:1.625em;
      margin-bottom:10px;
       
}
#errorPage h1 span
{
    font-weight:bold;   
}

#serverError
{
    width:1020px;
    margin:0px auto;
    height:400px;
    background:url(images/serverError.jpg) center center no-repeat;   
}
#serverError h1
{
      font-size:1.625em;
      margin-bottom:10px;
       
}
#serverError h1 span
{
    font-weight:bold;   
}
#serverErrorContent
{
    padding:50px 0px 0px 100px;
    width:600px;
    line-height:1.4;
    
}
#serverErrorContent p
{
 font-size:0.75em;
 width: 380px;  
 margin-bottom:10px;
}
#serverErrorContent a
{
  font-weight:bold;
  text-decoration:underline;  
  color:#3b3b3b;
}

/*************Terms and conditions**********/
#termsCont
{
    
}
#embedTerms p
{
    padding-top:5px;
    padding-bottom:5px;
}
#embedTerms h3
{
    font-size:1.3em;
    padding-top:5px;
    padding-bottom:5px;
}
#embedTerms
{
    font-size:0.75em;
    width:700px;
    height:440px;
    overflow:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    background-color:#F5F5F5;
    border:solid 1px Black;
    padding:5px;
}
.validationMessage {
    background: url("images/ValidationPop.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
   
    font-size: 12px;
    height: 52px;
    /*margin: -79px -34px -17px -24px;
        margin: -38px -34px -17px -24px\0;/*IE8*/
    /**margin: -79px -34px -17px -24px;/*IE7*/
    position:absolute;
    padding-left: 4px;
    width: 214px;
    text-align:center;
}
.validationMessage div
{
    margin-right:25px;
    padding:6px;
    width:190px;
}

#mainContainer div.editor-field input[disabled]
{
    
background:url(images/disabledTile.jpg);
color:White;
cursor:default;
  
}


/*******Terms and Conditions***************/
div.termsPage strong
{
 font-weight:bold;   
}
div.termsPage p, div.termsPage ul
{
    font-size:0.75em;
    margin-bottom:20px;
}
div.termsPage li
{
    margin-left:20px;
    list-style-type:disc;
}
div.termsPage h1,div.termsPage h2
{
    font-weight:bold;
    margin-bottom:20px;
}
div.termsPage td
{
 font-size:1em;   
}

div.termsPage a
{
    text-decoration:underline;   
}

div.termsPage table
{
 margin:0px auto 20px auto;   
}

div.termsPage table td
{
   border: 1px solid #A6A59F; 
   padding:10px;
}


/* Product Categories 
---------------------------------------------------------------*/
.productCategories .category .catName
{
    font-weight:bold;
    text-decoration:underline;
}
.catDescription
{
 float:left;  
 width:160px;
  margin-left:10px;
  margin-top:5px;
  
}
.catName 
{
 margin-top:20px;
 margin-left:10px; 
 width:160px;  
 float:left;
 
}
.catName a
{
  
}

.productCategories .leftCat
{
 margin-right:9px;
    
}

.productCategories .rightCat
{
  margin-right:0px;  
}
.productCategories .category
{
   background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #BFBFBF;
    float: left;
    font-size: 0.8em;
    height: 151px;
   margin-bottom:10px;
    padding: 10px;
    text-align: left;
    width: 320px;
    color: #5A5758;
}
.productCategories .category a
{
 color: #5A5758;   
    
}
.productCategories .category:hover
{
}
.productCategories .category .catImage
{
    height:150px;float:left;
}
.productCategories .category .catImage img
{
    max-width:150px;
    max-height:150px;
}
.subCategories
{
    list-style-type:square;
    padding-left:20px;
}

/****************** Page Numbers ********************/
.divPageNumbers a
{
    float:left;
    margin:0px 4px 0px 0px;
    padding:3px 4px 0 4px;
    background-color:#5a5758;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    height:19px;
    text-align:center;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
    }
.divPageNumbers a:hover
{
    background-color:#D95900; 
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
.divPageNumbers a.dots
{
    color:#333333;
    background-color:transparent;
}
.divPageNumbers .current
{
    font-weight:bold;
    float:left;
    margin:0px 4px 0px 0px;
    padding:0px;
    background-color:#D95900; 
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    width:18px;
    height:19px;
    text-align:center;
    -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
/******************************************************/
.AccountCont div.accountFormLeft, .AccountCont div.accountFormRight {
    float: left;
}

/************Custom Form**************/
.formIntro
{
 font-size:0.75em;
 margin-bottom:20px;   
}
/***********************Quantity discount***************/
#quantityDiscount
{
   font-size:0.8125em; 
   margin-top:10px;
}
#quantityDiscount h2
{
 font-weight:bold;
 margin-bottom:5px;   
}
#quantityDiscount table
{
 width:160px;   
}
#quantityDiscount table.onLeft
{
 width:220px;   
}
#quantityDiscount th
{
    background-color: #EFEFEF;
    padding:5px;
    font-weight:bold; 
   
}
#quantityDiscount td
{
 font-size:1em; 
 padding:5px;  
}
#quantityDiscount tr
{
    border: 1px solid #BFBFBF;
}


/***********Course Slider**************/
#courseImageSlider
{
   width:480px; 
   position:relative;
   text-align:center;
  
   }
   #courseImageSlider img
   {
    max-width:440px;
    max-height:313px;
   
   }
  .slideImageCont
  {
    display:table-cell;
   vertical-align:middle; 
    text-align:center;  
     height:314px; 
   width:440px; 
  }
#courseImageSlider .slides_container 
{
   width:440px;  
   height:314px;
   margin:0px auto;
   background-color: #EFEFEF;
    
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #BFBFBF;
    padding:10px;
   
}
#courseImageSlider .pagination
{
   width:auto; 
   display:block;
  
  margin:20px auto 0px auto;
}
#courseImageSlider .slides_container div.slide 
{
    width:440px;   
     height:264px;
}

.pagination li a {
    background-image: url('images/pagination2.png');
}

/******************************************************/
/* Form wizards 
---------------------------------------------------------------*/
.wizardStep .nav
{
    display:none;
    font-size:0.7em;
}
#divAddressOptions
{
    display:none;
    width:100%;
    border:solid 1px #008ED0;
    float:left;
    height:100px;
    overflow-y:auto;
    overflow-x:hidden;
    font-size:0.7em;
}
.liPostcodeOption
{
    width:100%;
    display:block;
    padding:3px;
}
.liPostcodeOption:hover
{
    background-color:#008ED0;
    color:White;
    text-decoration:none;
}
#imgLoadingPostcodes
{
    display:none;
}
#formError
{
 display:none;  

}

#formError span.bad
{
  margin-top:5px;
  float:left;  
   width: 266px;  
}

#DynamicFormContactForm
{
    margin-bottom:20px;   
}
/******************************************************/

/* Form wizards 
---------------------------------------------------------------*/
.wizardStep .nav
{
    display:none;
    font-size:0.7em;
}
#divAddressOptions
{
    display:none;
    width:100%;
    border:solid 1px #008ED0;
    float:left;
    height:100px;
    overflow-y:auto;
    overflow-x:hidden;
    font-size:0.7em;
}
.liPostcodeOption
{
    width:100%;
    display:block;
    padding:3px;
}
.liPostcodeOption:hover
{
    background-color:#008ED0;
    color:White;
    text-decoration:none;
}
#imgLoadingPostcodes
{
    display:none;
}




/* Simple Quizzes
---------------------------------------------------------------*/
#divSimpleQuiz
{
    border:1px solid #EAEAEA;
    padding:10px;
}
#divSimpleQuiz .correct
{
    background-color: #C0D381;
}
#divSimpleQuiz h2
{
    color:#FD7C2C;
    font-weight:bold;
}
#divSimpleQuiz img
{
    padding:20px;
    float:left;
    max-width:350px;
}
#divSimpleQuiz #divContent p
{
    padding-bottom:20px;
}
#divSimpleQuiz #divContent
{
    float:right;
    font-size:0.8em;
    width:500px;
    min-height:100px;
    padding-top:20px;
}
#divSimpleQuiz #divStartButton
{
    margin-left:100px;
}
#divSimpleQuiz #divQuestionProgress
{
    font-size:0.8em;
    float:right;
}
#divSimpleQuiz #divQuestion
{
}
#divSimpleQuiz #divQuestion #answers
{
    padding-top:40px;
    font-size:0.8em;
}
#divSimpleQuiz #divQuestion #answers .submitBtn
{
    float:left;
}
#divSimpleQuiz #divQuestion #answers .result
{
    margin-bottom:10px;
    display:block;
}
#divSimpleQuiz #divQuestion #answers .aContinue
{
    padding:10px;
    float:left;
}
#divSimpleQuiz #divQuestion #answers .spCorrect
{
}
#divSimpleQuiz #divQuestion #answers .spIncorrect
{
}



/**********Address Form**************/
.accountFormRight
{
 overflow:hidden;
    
}
#regFormCont
{
    width:670px;
    
}
#lblStep2
{
     margin-top:50px;
     position:relative;
}
#lblStep2, #lblStep1, #aPostcodeLookup
{
   width:100px;
	padding:4px;
	background-color:#5a5758;
	border:none;
	color:#fff;
	text-align:center;
	font-size:0.75em;
	cursor:pointer;
	 -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear; 
}

#lblStep2:hover, #lblStep1:hover, #aPostcodeLookup:hover
{
    background-color:#d95900;
     -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

#aPostcodeLookup
{
 width:130px;   
 margin-top:0px;
 margin-bottom:10px;
}

#divAddressOptions {
    border: 1px solid #5A5758;
    
}
#divAddressOptions div.errorMessage span.bad
{
 font-size:1em;
 margin:0px 0px 5px 0px;
    
}
#divAddressOptions a
{
 color: #5A5758;  
}
#divAddressOptions a:hover
{
 color:#fff;   
}
#divAddressOptions p
{
 float:right;
 font-weight:bold;   
}
.liPostcodeOption:hover
{
    background-color:#d95900;
    color:White;
    text-decoration:none;
}

#imgLoadingPostcodes
{
    width:16px;
   
    margin:10px auto;
}

#termsBox {
font-size:0.75em;
padding: 10px 0px;
}