﻿@import "../IMIadmin/css/IMIAuthor.css";
@import "../IMIadmin/css/IMIAuthorHack.css";


div#introManagementCourses
{
    clear: both;     
    padding-bottom: 10px;
}

div#categorySelector
{
    float:none;
    padding: 0px;
    margin-top: 6px;
}
div#categorySelector h2
{    
    padding: 6px 0px 6px 0px;
}

div#categorySelector ul.categorySelector
{
    width: 100%;
    list-style-type: none;
    list-style-position: inside;   
    height: auto;
    padding: 0px;
    margin: 0px;
}
div#categorySelector ul.categorySelector li
{
    list-style-type: none;    
    list-style-position: inside;
    background-image: none;
}

div#categorySelector li.courseCategoryButton
{
    width: 235px;
    background-color: #EFEFEF;
    color: #0079C2;
    height: 29px;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Verdana, Serif;
    text-align: left;
    float: left;
    padding: 0px;
    margin: 0px 3px 3px 0px;
}
div#categorySelector li.courseCategoryButton:hover
{
    background-color: #0079C2;
    color: #EFEFEF;    
}
div#categorySelector li.courseCategoryButton input
{
    color: #0079C2 !important;
    text-decoration: none !important;    
    border: none;
    text-decoration:none;
    background-color: Transparent;
    width: 234px;
    height: 29px;
    text-align: left;
    padding-left: 11px;
    font-weight: bold;
    background-image: url(../images/bgArrow.png);
    background-repeat: no-repeat;
    font-size: 11px;
}
div#categorySelector li.courseCategoryButton:hover input
{
    color: #EFEFEF !important;
    /*I consider we should remove this as it is only applied in IE and affects the consistency of the site / text-decoration: underline !important;*/
    background-image: url(../images/bgArrowSel.png);
}
div#categorySelector li input.courseCategoryButtonSelected
{
    color: #EFEFEF !important;
    background-color: #0079C2 !important;
    text-decoration: underline !important;
    background-image: url(../images/bgArrowSel.png);
}
table.coursesTable
{
    width: 750px;
}
/*    */
.ContactRegistration ul
{
     list-style-type: none;
     text-align: left;
}

/* AJAX Components */
/* GENERAL */
div.hidden
{
    display: none;
}

/* Course Browser */
div#courseListWrapper table.coursesTable
{
    width: 705px;
    text-align: left;
}
div#courseListWrapper table.coursesTable td,div#courseListWrapper table.coursesTable th
{
	border: none;
	padding: 8px 2px 8px 3px;
	margin: 0px;
	vertical-align: middle;
	font-size: 0.90em;
}
div#courseListWrapper table.coursesTable th
{
    padding: 6px 3px 6px 21px;
    background-repeat: no-repeat;
    background-position: 3px 9px;    
}
div#courseListWrapper table.coursesTable, div#courseListWrapper table.coursesTable table
{
	margin: 0px;
}
div#courseListWrapper table.coursesTable th a 
{
    text-decoration: none !important;
}
div#courseListWrapper table.coursesTable th.courseListHeader
{
    background-image: url(../images/sortHeader.png);
}
div#courseListWrapper table.coursesTable th.courseListHeader a , div#courseListWrapper table.coursesTable th.courseListHeaderSel a
{
    font-size: 0.8em;
}
div#courseListWrapper table.coursesTable th.courseListHeader:hover
{
    background-image: url(../images/sortHeaderSel.png);
}
div#courseListWrapper table.coursesTable th.courseListHeaderSel
{
    background-image: url(../images/sortHeaderSel.png);
}
div#courseListWrapper table.coursesTable th.courseListHeaderSel:hover
{
    background-image: url(../images/sortHeaderSelDesc.png);
}
div#courseListWrapper table.coursesTable th.courseListHeaderSelDesc
{
    background-image: url(../images/sortHeaderSelDesc.png);
}
div#courseListWrapper table.coursesTable th.courseListHeaderSelDesc:hover
{
    background-image: url(../images/sortHeaderSel.png);
}
div#courseListWrapper table.coursesTable th a:hover 
{
    text-decoration: underline !important;
}
div#courseListWrapper table.coursesTable tr.rowCourseEntry a
{
    color: #0079C2 !important;
    text-decoration: none !important;
    font-size: 1em;
}
div#courseListWrapper table.coursesTable tr.rowCourseEntry a:hover
{
    color: #003972 !important;
    text-decoration: underline !important;
}
div#courseListWrapper table.coursesTable th.selectedHeaderCourseBrowser a
{
    text-decoration: underline;
}
div#courseListWrapper div#background
{
    border: solid 1px #CCCCCC;
    padding: 7px;
    margin: 3px;
}
div#courseListWrapper tr.courseListPager td
{
    padding: 0px;
    margin: 0px;
}
div#courseListWrapper tr.rowCourseEntry td.bookNowCell
{
    width: 69px;
    padding: 0px;
}
div#courseListWrapper tr.CourseBrowserPager td
{
    padding: 0px;
    margin: 0px;
}

#courseListWrapper div#divNoCourses
{
    color:#0079C2;
    font-size: 15px;
    font-weight:bold;
    margin: 10px 0px 0px 0px;
    text-align:center;
}
/* Course Render */
#courseInfo
{
    width: 500px;
    float: left;
}
#courseInfo .courseTitle
{
    font-size: 20px;
    color: #0078C4;
    font-weight: bold;
}

#courseInfo .infoLabelEvent
{
    width: 80px;
}
#courseInfo li .infoLabel
{
    float: left;
}
#courseInfo ol#courseDetailsList
{
    list-style-type:none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
#courseInfo ol#courseDetailsList li
{
    list-style-type:none;
    margin: 0px;
    padding: 0px;    
    clear:both;    
}
#courseInfo ol#courseDetailsList.eventDetailsList li
{
    clear: left;
}
#courseInfo ol#courseDetailsList ul
{    
    list-style-type: none;
    margin: 0px;
}
#courseInfo ol#courseDetailsList ul li
{       
    padding: 0px 0px 5px 0px;
}
#courseInfo ol#courseDetailsList li span.infoLabel, #courseInfo div.divExtraInfo span.infoLabel
{   
   float:left;
   display: block;
   width:145px;
   font-weight: bold;
   color: #5C5C5C;   
}
#courseInfo ol#courseDetailsList.eventDetailsList li span.infoLabel
{
   width:auto; 
   padding: 0px 0px 20px 0px;
}
#courseInfo div.divExtraInfo span.infoLabel
{
    float: none;
    display: inline;
}
#courseInfo ol#courseDetailsList li span.valueLabel
{
   float:right;
   padding: 0px 0px 14px 0px;
   width:275px;     
   line-height: 1.5em;    
}
#courseInfo ol#courseDetailsList.eventDetailsList li span.valueLabel
{
    float: right;
    width: 250px;
}
#courseInfo ul#listCourseOptions
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 28px;
}
#courseInfo ul#listCourseOptions li
{    
    line-height: normal;
    float: left;
    margin-right: 4px;
    padding: 0px;
    width:162px;
}
#courseInfo ul#listCourseOptions li input
{
    width: 162px;
}
#courseInfo ul li, #courseInfo ol li
{
    background: none;    
}
#courseInfo div.divExtraInfo ul li, #courseInfo div.divExtraInfo ol li 
{
    list-style-position: outside;
    padding: 0px 0px 0px 10px !important;
    margin: 0px 0px 5px 0px !important;
    padding-bottom: 4px;
    list-style-type:none;
    list-style-image: none;
    background: transparent url(../images/list_bullet.gif) no-repeat scroll left 8px;
    font-size: 12px;
}
#courseInfo hr
{
    height: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
#courseInfo div.divLearningObjectives
{
    margin: 10px 5px 5px 10px;
}
#courseInfo div.divPDFBrochure .pdfLinkImg
{
    width: auto;
    height: auto;
    margin-right: 15px;
    float: left;
}
#courseInfo div.divPDFBrochure a
{
    color: #0079C4;
    font-size: 11px;
}
#courseInfo div#printCourseInfo
{
    height: 17px;
    background-color: #777165;
    padding: 10px 0px 11px 15px;
    margin: 15px 0px 0px 0px;
}
#courseInfo div#printCourseInfo a
{
    color: White;
    font-size: 11px;
}
#courseInfo div#printCourseInfo img
{
    vertical-align: middle;
    padding-top: 4px;
}
div#RHSRelatedCourses
{
    padding: 8px 3px 5px 9px;
    border: solid 1px #CCCCCC;
    border-top: none;
    background-color: white;
    background-image: url(../images/rhsShadow.png);
    background-repeat: repeat-x;
}
div#RHSRelatedCourses hr
{
    width: 176px;
    margin: 7px 0px 7px 0px;
    padding: 0px;
}
div#RHSRelatedCourses img
{
    vertical-align: middle;
}
div#RHSRelatedCourses ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
div#RHSRelatedCourses ul li
{
    font-size: 12px;
    line-height: 25px;
}
div#RHSRelatedCourses a
{
    color: #0079C2;
    font-size: 12px;
}
div#courseInfo div.divExtraInfo ul
{    
    list-style-image:url(../images/blueDisc2.png);
    list-style-type:disc;
    color:black;    
}
/* Accordion */
div#courseInfo ul 
{
    /*
    list-style-type: none;
    list-style-image: url(../images/blueDisc.png);      
*/
}
div#courseInfo img.eventImg
{
    float:right;
    margin: 8px 7px 8px 0px;
}

div#courseInfo ol, div#courseInfo ul
{
    font-size: 12px;
    line-height: normal;
    margin: 2px 0px 7px 12px;
    list-style-position: inside;              
}
div#courseInfo ol#courseDetailsList ul,div#courseInfo ol#courseDetailsList ol
{
    list-style-position: outside;
}
div#courseInfo div.expandedPane
{
    display: block !important;
    height: auto;
    padding: 0px 10px 10px 10px;
    /*
    border: solid 1px #DEDEDE;
    border-top: none;
    
*/
    background-color: #F9F9FB;
    
}

.accordionHeaderSelected a, .accordionHeader a
{
    color: White;
}
.accordionHeader
{
    border: 1px solid #CCCCCC;
    color: black;
    background-color: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url(../images/plus.png);
    background-position: 99% 7px;
    background-repeat: no-repeat;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: solid 1px #0079C2;
    color: white;
    background-color: #0079C2;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url(../images/minus.png);
    background-position: 99% 7px;
    background-repeat: no-repeat;
}
.accordionHeader span
{
    background: transparent url(../images/blueArrow.png) no-repeat;
    background-position: 5px center;
    padding-left: 20px;
}
.accordionHeaderSelected span,.accordionHeader:hover span
{    
    background: transparent url(../images/whiteArrow.png) no-repeat;
    background-position: 5px center;
    padding-left: 20px;
}
.accordionHeader:hover 
{
    border: solid 1px #0079C2;
    color: white;
    background-color: #0079C2;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeader:hover a
{
	color: #FFFFFF;
	background: none;
	text-decoration: underline;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: white;
    border: none;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* Calendar */
#calendarWrapper span, #calendarWrapper th
{
    width: auto !important;
    float: none !important;
    color: White;
}
#calendarWrapper
{
    min-height: 380px;
    margin: 10px 0px 0px 0px; 
}
#calendarWrapper table
{
    border: none;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}
#calendarWrapper table td
{
    border: none;
    margin: 0px;
    padding: 0px;
}
#calendarWrapper table.calendarMonthView 
{
    border-collapse: separate;
    border-spacing: 1px;   
    border: none;
    margin-right: 10px;
}
#calendarWrapper table.calendarMonthView tr.calendarWeekDays
{
    background-color: #777165;
    color: White;
    margin: 0px;
    padding: 0px;
    height: 20px;
}
#calendarWrapper table.calendarMonthView tr.calendarWeekDays th
{
    background-color: #777165;
    border: none;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    margin: 0px;
    padding: 0px;
    height: 24px; 
    font-size: 12px;  
}
#calendarWrapper table.calendarMonthView td
{
    border: none;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    margin: 0px;
    padding: 0px;
    height: 50px;
    font-weight: bold;  
}
#calendarWrapper table.calendarMonthView td.outOfMonth
{
   background-color: #F1EFF0;
}
#calendarWrapper table.calendarMonthView td.emptyDay, #calendarWrapper table.calendarYearView td.emptyMonth
{
   background-color: #E5E5E5;
   color: #83838F !important;
}
#calendarWrapper table.calendarMonthView td.weekendDay
{
    background-color: #D7D7D7;
}
#calendarWrapper table.calendarMonthView td.todayDay
{
    border: solid 2px #CCCCCC;
}
/*
#calendarWrapper table.calendarMonthView td.weekendDay:hover
{
    background-color: #D7D7DF;
}
#calendarWrapper table.calendarMonthView td.emptyDay:hover
{
   background-color: #E5E5EF;
   color: Black;
}
*/
#calendarWrapper .calendarTitle
{
    font-size: 16px;
    color: #0078C4;
    font-weight: bold;
}
#calendarWrapper table.calendarMonthView td.elementDay
{
    
}
#calendarWrapper table.calendarMonthView td.elementDay:hover, #calendarWrapper table.calendarYearView td.elementMonth:hover
{
    background-color: #CC6601;
    cursor: pointer;
}
#calendarWrapper table.calendarMonthView td.elementDay input.dayBtn, #calendarWrapper table.calendarYearView td.elementMonth input.monthBtn
{
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    background-color: #0079C2;
    color: White;
    font-weight: bold;
}
#calendarWrapper table.calendarMonthView td.elementDay input.dayBtn
{
     width: 50px;
    height: 50px;
}
#calendarWrapper table.calendarYearView td.elementMonth input.monthBtn
{
    width: 115px;
    height: 70px;
}
#calendarWrapper table td.calendarLeft, #calendarWrapper table td.calendarRight
{
    vertical-align: top;
}
#calendarWrapper table.calendarMonthView td.elementDay
{
    background-color: #0079C2;
}
#calendarWrapper table.calendarMonthView td.elementDay .dayBtn:hover, #calendarWrapper table.calendarYearView td.elementMonth .monthBtn:hover
{
   background-color: #CC6601;
   cursor: pointer;
}
#calendarWrapper table.calendarMonthView td.selectedDayBtn .selectedDayBtn:hover, #calendarWrapper table.calendarYearView td.selectedMonthBtn .selectedMonthBtn:hover
{
   cursor: default;
}
#calendarWrapper table#tableDateInfo
{
    width: 340px;
    border-collapse: separate;
    border-spacing: 1px;
    border: none;
    height: 281px;
}
#calendarWrapper table#tableDateInfo th
{
    border: none;
    text-align: left;
    vertical-align: middle;
    width: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 12px;
    height: 24px; 
    background-color: #777165;
    font-size: 11px;
}
#calendarWrapper table#tableDateInfo td
{
    border: solid 1px #777165;
    text-align: left;    
    height: 233px; 
    background-color: Transparent;
    overflow: scroll;    
}
#calendarWrapper div.calendarContentWrapper
{
    margin-top: 10px;
    margin-bottom: 10px;
}
#calendarWrapper div.calendarContentWrapper div.divDateInfo
{
    overflow-y: scroll;
    height: 100%;
    padding: 10px;
    font-weight: bold;
}
#calendarWrapper div.calendarContentWrapper div.divDateInfo h5, #calendarWrapper div.calendarSimpleContentWrapper h5
{
    color: #78787F;
    font-size: 11px;    
}
#calendarWrapper div.calendarContentWrapper div.divDateInfo div.calLocation, #calendarWrapper div.calendarSimpleContentWrapper div.calLocation
{
    color: #78787F;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    margin-bottom: 12px;
    height: auto;
    width: auto;
}
#calendarWrapper div.calendarContentWrapper div.divDateInfo h3 a, #calendarWrapper div.calendarSimpleContentWrapper h3 a
{
    color: #0078C1;
    font-size: 13px;
    text-decoration: none !important;
}
#calendarWrapper div.calendarContentWrapper div.divDateInfo h3 a:hover, #calendarWrapper div.calendarSimpleContentWrapper h3 a:hover
{
    text-decoration: underline !important;
}
#calendarWrapper input.lknButton
{
    border: none;
    background: none;
    color: #0078C1;
    text-decoration: underline;
    cursor: pointer;
}
#calendarWrapper table.calendarYearView 
{
    border-collapse: separate;
    border-spacing: 1px;   
    border: none; 
}
#calendarWrapper table.calendarYearView td
{
    border: none;
    border-right: solid 6px white;
    border-bottom: solid 6px white;
    text-align: center;
    vertical-align: middle;
    width: 115px;
    margin: 0px;
    padding: 0px;
    height: 70px;
    font-weight: bold;      
    margin-right: 7px;
}
#calendarWrapper ul
{
    margin-left: 22px;
}
#calendarWrapper div.calendarSimpleContentWrapper
{
    min-height: 380px;
}
#calendarWrapper div.calendarSimpleContentWrapper span.datePlainList
{
    font-style: italic;
    font-size: 10px;
    color: #0079C2;
}
#calendarWrapper div#ajaxLoader
{       
    height:85px;    
    width:311px;
    background-color: White;    
    padding: 0px;
    margin: -275px 150px 0px 150px;       
    opacity:    0.9;
    filter:     alpha(opacity=90);
    z-index: 50;
    border:     1px solid #ABABAB;
    background-image: url(../images/loaders/courselist-ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 35%;        
}
#calendarWrapper div#ajaxLoader div#textAjaxLoader
{
    text-align: center;    
    position: absolute;
    z-index: 52;
    width:  311px;    
    margin-top: 55px;
    color: #0078C4;
    font-weight: bold;
}
#calendarWrapper table.calendarMonthView td.selectedDayBtn .selectedDayBtn, #calendarWrapper table.calendarMonthView td.selectedDayBtn input.selectedDayBtn, #calendarWrapper table.calendarMonthView td.selectedDayBtn, #calendarWrapper table.calendarYearView td.selectedMonthBtn .selectedMonthBtn, #calendarWrapper table.calendarYearView td.selectedMonthBtn input.selectedMonthBtn, #calendarWrapper table.calendarYearView td.selectedMonthBtn
{
   background-color: #CC6601;
   cursor: pointer;
}
/* Registration + Login + Online Booking */
#wizardWrapper
{
    width: 500px;
}
#wizardWrapper div.stepContent span.errorLabel
{
    font-style: italic;
    font-size: 12px;
    color: #EF2067;
}
#wizardWrapper span
{
    float: none;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#wizardWrapper span.note
{
    font-size: 0.82em;
    color: #898989;
}
#wizardWrapper div.stepWrapper
{
    height: auto;
    border-collapse: collapse;
    width: 500px;
    margin: 2px 0px 10px 0px;
    position: relative;    
}

#wizardWrapper div.stepWrapper div.stepHeader
{
    color: White;
    vertical-align: middle;
    background-color: #0079C2;
    border: none;
    height: auto;
    padding: 6px 6px 6px 12px;
    margin: 0px;
    font-weight: bold;
}
#wizardWrapper div.stepWrapper div.stepContent
{
    color: black;        
    background: #F3F3F3 url(../images/wizBackground.png) repeat-x;
    /*background-color: #F3F3F3;*/
    border: solid 1px #CCCCCC;
    height: auto;
    padding: 16px 6px 8px 18px;
    margin: 0px;    
}
#wizardWrapper div.stepWrapper div.stepContent ol 
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li
{    
    margin: 0px;
    padding: 0px;    
}
#wizardWrapper div.stepWrapper div.stepContent ol li label
{    
    width: 200px;
    float: left;
    font-weight: bold;
    color: #007BC3;
    height: 22px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.rbl
{
    height: 60px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.liAddress
{
    height: 105px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li label#lblAddressMembership
{
    height: 98px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li input.txtAddressMembership
{
    margin-bottom: 4px;
}

#wizardWrapper div.stepWrapper div.stepContent ol li.rbl span
{    
    width: 274px;
    float: right;
    font-weight: normal;
    color: black;
    height: auto;    
}

#wizardWrapper div.stepWrapper div.stepContent ol li span label
{    
    width: auto;
    float: none;
    font-weight: normal;
    color: black;
    padding: 0px 0px 5px 10px;
}

#wizardWrapper div.stepWrapper div.stepContent ol li.corpMessage
{
    height: auto;
    color: #585A5F;
    font-style: normal;
    font-size: 0.85em;
}
#wizardWrapper div.stepWrapper div.stepContent ol li table input
{    
   vertical-align: sub;
}
#wizardWrapper div.stepWrapper div.stepContent ol li
{    
    height: auto;
    margin-bottom: 12px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.liAutoHieght
{
    height: auto;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.buttonLI
{    
    height: auto;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.errorLI
{    
    color: Red;
    font-weight: bold;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.buttonLI input, #wizardWrapper div.stepWrapper div.stepContent ol li input.buttonIMI
{   
    margin: 8px 10px 0px 0px;
    background-color: #CC6601;
    color: White;
    border: none;
    padding: 3px 6px 3px 6px;    
}
#wizardWrapper div.stepWrapper div.stepContent ol li input.buttonIMI
{
    margin: 0px 4px 0px 2px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li div.loginLoader
{
   position: absolute;
   top: 4px;
   right: 4px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li img.wizLoader
{   
   margin: 2px 0px -20px 115px;   
}
#wizardWrapper div.stepWrapper div.stepContent ol li select
{
    width: 220px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.liAutoHeight
{
    height: auto;
}
#wizardWrapper div.stepWrapper div.stepContent ol li select.selectAutoWidth
{
    width: auto;
    margin: 2px 0px 2px 0px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li span.cbxBooking, #wizardWrapper div.stepWrapper div.stepContent ol li span.cbxBooking label
{
    width: 100%;
    float: none;    
}
#wizardWrapper div.stepWrapper div.stepContent ol li span.cbxValue label
{
    padding: 0px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li span.bookingError
{
    display: block;
    clear: both;
    text-align: center;
}
#wizardWrapper div.stepWrapper div.stepContent ol li span.cbxBooking input
{
    margin-right: 10px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.participantEditor
{
    height: auto;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.participantEditor table.participantsTable
{
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #0079C2;
    font-size: 12px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.participantEditor table.participantsTable tr.tableHeaderRow
{    
    background-color: White;
    color: #0079C2;
    border: solid 1px #0079C2;
    font-size: 13px;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.participantEditor table.participantsTable th
{
    height: 25px;
    background-color: White;
    color: #0079C2;
    border: none;
    padding: 0px;
    padding-left: 2px;
    margin: 0px;
    vertical-align: middle;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.participantEditor table.participantsTable td
{   
    background-color: White;
    color: #002952;
    border: none;    
    padding: 0px;
    padding-left: 3px;
    margin: 0px;
    vertical-align: middle;
}
#wizardWrapper div.stepWrapper div.stepContent ol li.participantEditor table.participantsTable td.errorFAS
{   
    color: Red;
    font-weight: bold;
}
#wizardWrapper div.stepWrapper .bookingMessage
{
    font-size: 10px;
    color: #ACACAC;
}
/* Booking PO amend */
#wizardWrapper div.stepWrapper ol li span.radioList label
{
    color:black;
    float:none;
    font-weight:normal;    
}

/* Course Search  */
div.searchWrapper
{
    width: 488px;
    border: none;
    height: auto;
    margin-top: 20px;
    float: none;    
}
div.searchWrapper div.searchHeader
{    
    background-color: #777165;
    color: White;
    font-weight: bold;
    font-size: 12px;
    height: 14px;
    padding: 6px 0px 7px 12px;
}
div.searchWrapper div.searchContent
{   color: White;
    font-weight: bold;
    padding: 22px 7px 0px 12px;   
    height: auto;
    
    border: solid 1px #CCCCCC;
    border-top: none;
    color: black;  
    
    background: transparent url("../images/searchBackground.png") no-repeat scroll 0px 0px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContent ol, div#assistedSearchWrapper div.searchWrapper div.searchContent ol
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContent ol li, div#assistedSearchWrapper div.searchWrapper div.searchContent ol li
{    
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
}
div#simpleSearchWrapper span, div#assistedSearchWrapper span, div#simpleSearchWrapper div, div#assistedSearchWrapper div
{
    font-size: 13px;
}
div.searchWrapper div.searchContent ol li div.blueSquare
{
    width: 20px;
    height: 20px;
    background: #0165A1 url("../images/square.png") no-repeat;
    color: White;
    text-align: center;
    float:left;
    margin-right: 7px;
    line-height: 20px;
}
div.searchWrapper div.searchContent ol li label
{
    float: left;
    width: 150px;
    font-size: 12px;
}
div.searchWrapper div.searchContent ol li input
{
    padding: 2px 5px 2px 5px;
    width: 210px;
}
div.searchWrapper div.searchContent ol li input.seachWatermark
{
    color: #CCCCCC;
    font-style: italic;
}
div.searchWrapper div.searchContent ol li select
{
    width: 222px; 
    font-size: 1.1em;
}
div.searchWrapper div.searchContent ol li.buttonLI input
{   
    margin: 8px 6px 0px 0px;
    background-color: #CC6601;
    color: White;
    border: none;
    padding: 5px 9px 4px 9px;
    width: auto;
    font-weight: bold;
    font-size: 12px;     
}
div#simpleSearchWrapper div.searchWrapper div.searchContent ol li.buttonLI, div#assistedSearchWrapper div.searchWrapper div.searchContent ol li.buttonLI
{
    text-align: right;
    margin: 0px;
    position: relative;   
    padding-top: 0px; 
    padding-bottom: 6px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContent ol li.buttonLI .searchButtonsWrapper, div#assistedSearchWrapper div.searchWrapper div.searchContent ol li.buttonLI .searchButtonsWrapper
{
    width: auto;
    height: auto;
    float: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 72px;  
    z-index: 4;      
}
div#simpleSearchWrapper div.searchWrapper div.searchContent ol li.buttonLI .searchButtonsWrapper input, div#assistedSearchWrapper div.searchWrapper div.searchContent ol li.buttonLI .searchButtonsWrapper input
{    
    float: none;
    margin: 0px 0px 0px 3px; 
}

div.searchWrapper div.searchContent li.buttonLI div
{
    position: absolute;
    margin: 10px 0px 0px 34px;
    color: #0079C2;
}


/*  Compact Versions  */

div.searchWrapper div.searchContentCompact
{  
    height: 46px;
    width: 701px;
    background: #F5F5F5 url("../images/searchBackground.png") no-repeat;
    border: solid 1px #CCCCCC;    
    color: black;
    background-position: 100% -9px;
    margin-bottom: 17px;
    padding: 9px 9px 10px 12px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li
{
    float: left;
    margin: 0px;
    padding: 0px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li.buttonLI 
{   
    text-align: left;
    width: 30%;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li.buttonLI input
{    
    margin: 0px 5px 0px 5px;
}
div.searchWrapper div.searchContentCompact ol li div.blueSquare
{
    margin-right: 30px;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li span
{
    color: #0079C2;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li.compactSearch div
{
    padding-left: 30px;
    color: #0079C2;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li.compactSearch div img
{
    vertical-align: text-top;
}
    
    

/***********************/

div#assistedSearchWrapper div.searchWrapper div.searchContentCompact
{  
    height: 80px;
    padding-bottom:5px;
    overflow: hidden;
}
div#assistedSearchWrapper div.searchWrapper div.searchContentCompact ol li
{
    float: left;
    margin: 0px;
    padding: 0px;
}
div#assistedSearchWrapper div.searchWrapper div.searchContentCompact ol li.buttonLI 
{   
    text-align: right;
    width: 661px;
    margin: 0px;
    padding: 0px 35px 0px 0px;    
    margin-top: 6px;
}
div#assistedSearchWrapper div.searchWrapper div.searchContentCompact ol li label
{
    float: none;
    margin: 0px;
    padding: 0px; 
}
div#assistedSearchWrapper div.searchWrapper div.searchContentCompact ol li select
{
    display: block;
    margin: 6px 7px 0px 0px;
    width: 160px;
}

div#assistedSearchWrapper div.searchWrapper div.searchContentCompact ol li.buttonLI input
{    
    margin: 0px 0px 0px 5px;
}

div#assistedSearchWrapper div.searchWrapper div.searchContentCompact ol li span
{
    color: #0079C2;
}

/*  End Compact Versions  */ 

div#assistedSearchWrapper  div.searchWrapper div.ajaxNotifier, div#simpleSearchWrapper  div.searchWrapper div.ajaxNotifier
{  
    float: none;
    z-index: 3;    
    margin: 0px;
    padding: 4px 0px 0px 0px;
    width:auto;
    height: 30px;
    text-align: left !important;
    position: relative;
    font-size: 10px;
    vertical-align: top;
}
div#assistedSearchWrapper div.searchWrapper div.ajaxNotifier div, div#simpleSearchWrapper  div.searchWrapper div.ajaxNotifier div
{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: left;    
    vertical-align: top;
}

div#simpleSearchWrapper div.searchWrapper div.searchContentCompact, div#simpleSearchWrapper div.searchWrapper div.searchContentCompact ol li.compactSearch
{
    position: relative;
    float: none;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact div#ajaxNotifierSimpleSearch
{
    color: #0079D7;
    right: 150px;
    top: 40px;
    text-align:right;
    width: auto;
    height: 16px;
    position: absolute;
}
div#simpleSearchWrapper div.searchWrapper div.searchContentCompact div#ajaxNotifierSimpleSearch div
{
     text-align:right;
}

div#assistedSearchWrapper div.searchContentCompact div.ajaxNotifier
{
    width: auto;
    position: relative;
    float: left;    
}
div#assistedSearchWrapper  div.searchWrapper div.ajaxNotifier span, div#simpleSearchWrapper  div.searchWrapper div.ajaxNotifier span
{
    width: auto;
    height: auto;
    float: none;
    margin: 0px;
    padding: 0px;
}
div.searchWrapper div.searchContent li.buttonLI div img
{
    vertical-align: text-top;
}
div#assistedSearchWrapper  div.searchWrapper div.searchContent ol li select option.optionAllValues
{    
    font-style: italic;
    color: #5555A5;
}
div#assistedSearchWrapper  div.searchWrapper div.searchContent ol li select option.optionDefault
{
    color: #BBBBBF;
}

/* Category browser */
div#CategoryBrowser
{
   /* min-height: 660px;*/
}
div#CategoryBrowser h2
{    
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #747064;
    font-size: 14px;
    border: none; 
}
div#CategoryBrowser hr
{
    margin: 5px 0px 5px 0px !important;
    padding: 0px;
}
div#CategoryBrowser img.imgFloatLeft
{
    float:left;
    margin: 5px 20px 0px 0px;
}

/* Tab Control */
div#tabWrapper 
{    
    width: 360px; margin:18px 0px 10px 0px; float:right;
}
div#tabWrapper div.tabHeader
{ 
    border: none;
    margin: 0px;
    padding: 0px;
    font-family:Tahoma,Verdana,Arial,Helvetica;
}
div#tabWrapper div.tabHeader input
{ font-family:Tahoma,Verdana,Arial,Helvetica;}

div#tabWrapper div.tabHeader input.tabButton
{
    border-right: solid 1px #0079C2;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #0079C2;
    border-top: solid 1px #0079C2;
    background: #0079C2;
    color: White;
    font-weight: bold;
    margin: 0px;
    padding: 4px 12px 6px 12px;
    width: 120px;
    float: left;
    
}
div#tabWrapper div.tabHeader input.tabButton:hover
{   border: solid 1px #0079C2;
    color: #0079C2;
    background: White;
    text-decoration: underline;
    cursor: pointer;
}
div#tabWrapper div.tabHeader input.tabButtonSelected
{
    border: solid 1px #ccc;   
    background: White;
    color: #0079C2;
    font-weight: bold;
    border-bottom: none;
    margin: 0px;
    padding: 4px 12px 6px 12px;
    width: 120px;
    float: left;
}
div#tabWrapper div.tabContent
{    
    margin: 0px;
    float:left;
    width: 338px;    
    border: solid 1px #CCCCCC;
    border-top: none;
    padding: 10px;    
}
div#tabWrapper div.tabContentUpdate
{   float:left;
    clear:both;
    margin: 0px;
    padding: 30px 0px 60px;    
    display: block;    
    width: 358px;    
    border-top: none;
    background-color: White;
    border: solid 1px #CCCCCC;    
    text-align: center;
}
div#tabWrapper div.tabContentUpdate div
{
display: block; 
color: #0079C2; 
font-weight: bold;
}

/*  Online Registration  */
div#registrationWrapper
{
    text-align: left;
    float: left;
}
div#registrationWrapper ol 
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div#registrationWrapper ol li
{    
    margin: 0px;
    padding: 0px;    
    
}
div#registrationWrapper ol li label
{    
    width: 140px;
    float: left;
    font-weight: normal;
    color: black;
}
div#registrationWrapper ol li
{    
    height: 28px;
}
div#registrationWrapper ol li input
{    
    border: solid 1px Black;    
}
div#registrationWrapper ol li input.regValue
{
    width: 205px;
}
div#registrationWrapper div.accordionContent
{
    border: solid 1px #CCCCCC;
    background-color: #F3F3F3;
    border-top: none;
    padding: 15px 10px 10px 35px;
}
div#registrationWrapper ol li input.btnRegistration
{    
    float: right;
    color: White;
    background-color: #777165;
    border: solid 1px #777165;
    padding: 3px 11px 4px 11px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
}
div#registrationWrapper ol li input.btnRegistrationPrev
{    
    float: left;
}
div#registrationWrapper ol li.lastItem
{
    height: 62px;
}
div#registrationWrapper div.disabledAccordionHeader
{
    font-style: italic;
    color: #CCCCCC;
}
div#registrationWrapper div.disabledAccordionHeader:hover
{
    background-color: #FFDFDF;
    color: #CCCCCC; 
}
ol li .readOnlyField
{
   background-color: #F3F3F3;
   color: #CCCCCC;
}
ol li span.resultValue
{
    color:#007BC6;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
}
ol li span.finishText
{
    color:#45454F;
    font-size:12px;    
    font-weight:normal;
}
#wrapper #wizardWrapper div.ajaxLoader
{
    position: absolute;
    top: 3px;
    right: 3px;
}

/* Events List Reneder */
div#eventListWrapper ul
{
    list-style-type: none;
}
div#eventListWrapper ul li span.eventListDate
{
    font-size: 13px;
    color: #787A7F;
}
div#eventListWrapper ul li span.eventListTitle,div#eventListWrapper ul li span.eventListTitle a
{
    font-size: 1em;
    color: #0079C2;
}
div#eventListWrapper ul li span.eventListBrief
{
    font-size: 12px;
    font-style: italic;
    color: #CCCCCC;
}
div#eventListWrapper ul li.detailedEventsList
{
    margin-bottom: 12px;
    height: auto;    
    list-style-type: none;
    background: none;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
}
div#eventListWrapper ul li.detailedEventsList img.eventImg
{
    margin: 0px 13px 3px 0px;        
    float: left;    
}
div#eventListWrapper ul li.detailedEventsList img.eventBookImg
{
    vertical-align: bottom;
}
div#eventListWrapper ul li.detailedEventsList h2
{
    border: none;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}
div#eventListWrapper ul li.detailedEventsList span.eventListDate
{    
    font-size: 1em;
}
div#eventListWrapper ul li.detailedEventsList
{
    margin-top: 8px;
    border-bottom: solid 1px #EFEFEF;
}
.error
{
    color: Red;
}
div#IMIFormWrapper
{
    width: 450px;
    height: auto;
    float: left;
    position: relative;
    z-index: 2;
}
div#IMIFormWrapper div#IMIFormWrapperSpinner, div#content div#wizardWrapper div.IMIFormWrapperSpinner
{
    position: absolute;
    z-index: 999;
    top: 4px;
    right: 4px;
}
div#IMIFormWrapper ul
{
    list-style-type: none;
}
div#IMIFormWrapper ul li
{
    background: none;
    height: 32px;
}
div#IMIFormWrapper ul label
{
    float: left; 
    width: 175px;
}
div#IMIFormWrapper ul input, div#IMIFormWrapper ul select, div#IMIFormWrapper ul textarea
{    
    width: 200px;
    
}
div#IMIFormWrapper ul li#liComments
{
    height: auto;
}
div#IMIFormWrapper ul li#liFormOptions
{
    text-align: center;
    height: auto;
}
div#IMIFormWrapper ul li#liFormOptions input
{
    width: auto;
    height: auto;
    padding: 4px 12px 4px 12px;
    border: none;
    background-color: #CC6600;
    color: White;
    font-weight: bold;
    margin: 10px 0px 7px 0px;
}
div#IMIFormWrapper div#headerPanel
{
    background-color: #0079C2;
    color: White;
    height: auto;
    padding: 6px 0px 6px 15px;    
}
div#IMIFormWrapper div#contentPanel
{
    background-color: #F3F3F3;
    border: solid 1px #CCCCCC;
    padding: 10px;
}
div#IMIFormWrapper div#contentPanel ul
{
    list-style-type: none;
}
div#IMIFormWrapper div#contentPanel li.liCheckboxList
{
    height: auto;   
}
div#IMIFormWrapper div#contentPanel li.liCheckboxList label,div#IMIFormWrapper div#contentContactUs li.liCheckboxList span
{
    width: auto;
    float: none;
}
div#IMIFormWrapper div#contentPanel li.liCheckboxList input
{
    width: auto;
    float: none;
    margin: 5px 7px 0px 140px;
}
div#IMIFormWrapper div#contentPanel li.liMessage
{
    height: auto;
    padding-bottom: 10px;
    text-align: center;
    color: #204090;
}
div#IMIFormWrapper div#contentPanel li.liMessage hr
{
    height: auto;
    width: auto;
    margin: 15px 17px 15px 0px;
    padding: 0px;
}
div#IMIFormWrapper div#contentPanel li.liContent, div#IMIFormWrapper div#contentPanel li.liContent li
{
    height: auto;   
}
div#IMIFormWrapper div#contentPanel li.liContent ul
{
    list-style-type: disc;
    list-style-position: inside;
}
div#IMIFormWrapper div#contentPanel li.liContent div.content
{
    margin: 5px 17px 0px 15px;
    padding: 6px;
   border: solid 1px #CCCCCC;
   background-color: White;
   height: auto;
   width: auto;
}
div#SearchOurDatabases ul 
{
    margin-top: 18px;
}
div#SearchOurDatabases ul li
{
    list-style-type: none;
    background-image: none;
}
div#SearchOurDatabases ul li label
{
    font-weight: bold;
    font-variant: small-caps;    
    background: transparent url(../images/list_bullet.gif) no-repeat scroll 0pt 50%;
    padding-left: 10px;
}
div#SearchOurDatabases ul li p
{
    margin-left: 20px;
}
div#SearchOurDatabases h2
{
    border: none;
    margin-top: 15px;
}
div#SearchOurDatabases img#imgLoading
{
    position: absolute;
    margin: -21px 0px 0px 1px;    
}
div#content div#newsletterSubscriber
{
    width: 500px;
    float:left;
}

/* Callback Panel */
div#content div#callbackWrapper
{    
    width: 318px;
    height: 368px;
    border: none;
    padding:0px;
    background-color: Transparent;
    
    position: absolute;
    top: 22px;
    left: 100px;
    z-index: 98;
            
    opacity:    0.98;
    filter:     alpha(opacity=98);
}
div#content div#callbackWrapper div#callbackBorder
{
    border: solid 1px #56568F;
    padding: 5px;
    width: 300px;
    height: 350px;
    background-color: White;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    
    opacity:    1;
    filter:     alpha(opacity=100);
}
div#content div#callbackWrapper div#callbackShadow
{  
    border: none;
    width: 310px;
    height: 360px;
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #67696F;
    z-index: 99;   
    
    opacity:    0.45;
    filter:     alpha(opacity=45);
}
div#content div#callbackWrapper div#callbackBorder ul
{
    list-style-type: none;
}
div#content div#callbackWrapper div#callbackBorder ul li
{
    background-image: none;
}
div#content div#callbackWrapper div#callbackBorder ul li input
{
    width: 125px;
}
div#content div#callbackWrapper div#callbackBorder ul li label
{
    width: 100px;
    float: left;
    font-weight: bold;
}
div#content div#callbackWrapper div#callbackBorder ul li.liButtons
{
    text-align: center;
}
div#content div#callbackWrapper div#callbackBorder ul li.liButtons input
{
    border: solid 2px #CC6600;
    background-color: #CC6600;
    padding: 3px 9px 3px 9px;
    font-weight: bold;
    color: White;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-right: 6px;
}
div#content div#callbackWrapper div#callbackBorder ul li.liButtons input:hover
{
    text-decoration: underline;
    border: solid 2px #883300;
    background-color: #DD7700;
    cursor: pointer;    
}
div#content div#callbackWrapper div#callbackBorder ul li textarea
{
    width: 245px;
    height: 90px;
}
div#content div#callbackWrapper div#callbackBorder ul li span.rbList
{
    display: block;    
}
div#content div#callbackWrapper div#callbackBorder ul li span.rbList input
{
    width: auto;
    margin: 0px 3px 0px 15px;
}
div#content div#callbackWrapper div#callbackBorder ul li span.rbList label
{
    float: none;
    font-weight: normal;    
}
div#content div#callbackWrapper div#callbackBorder h4
{
    background:transparent url(../images/og_but.gif) no-repeat scroll 0px 5px;
    color:#757165;
    font-size:1.2em;
    font-weight:bold;
    padding-bottom:5px;
    padding-left:20px;
    margin-left: 5px;    
}
div#content div#callbackWrapper div#callbackBorder .callbackElement
{
    color: Black;
    font-weight: normal;
}
/* Newsletter */
div#content div#newsletterSubscriber div.subBtns li
{
    background-image: none;
}
div#content div#newsletterSubscriber div.subBtns li input
{
    margin-right: 4px;
}


/* Booking Registration */ 
div#registrationWrapper
{
    overflow: visible;
    position: relative;
    z-index: 2;
}
div#registrationWrapper imiAccordion
{
    z-index: 3;
}
div#registrationWrapper div#ajaxLoaderOverlay, div#TellUsWhatYouThink1_upTellUsWhatYouThink div#ajaxLoaderOverlay
{
    position:absolute;
    left: 0px;
    top: 30px;
    width: 518px;
    height: 356px;
    background: white url(../images/loaders/reg-loader.gif) no-repeat scroll 50% 35%;
    border: solid 1px #CCCCCC;    
    
    opacity: 0.80;
    filter: alpha(opacity=80);
    z-index: 99;
}

div#registrationWrapper div#ajaxLoaderOverlay div, div#TellUsWhatYouThink1_upTellUsWhatYouThink div#ajaxLoaderOverlay div
{
    position: absolute;
    color: #0079C2;
    font-size: 1.15em;
    font-weight: bold;
    left: 39%;
    top: 45%; 
    z-index: 100;   
}

/* Booking */
div#wizardWrapper div#CourseBooker1_divBookingStepWrapper
{
    position: relative;
    z-index: 2;
}
div#wizardWrapper div#CourseBooker1_divBookingStepWrapper div.loginLoader
{
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 99;
}
div#wizardWrapper div#CourseBooker1_divBookingStepWrapper ol#listBookingConfirmation *
{
    float: none;
    display: block;
}
div#wizardWrapper div#CourseBooker1_divBookingStepWrapper li span.regCbx span, div#registrationWrapper li span.regCbx span
{
    vertical-align: bottom;
    font-size: 0.95em;
    color: #999999;
    vertical-align: middle;
    padding-bottom: 10px;
}
div#wizardWrapper div#CourseBooker1_divBookingStepWrapper li span.regCbx label, div#registrationWrapper li span.regCbx label
{
    padding: 0px 0px 0px 3px;    
    color: #999999;
    float: none;
    vertical-align: middle;      
}
div#wizardWrapper div#CourseBooker1_divBookingStepWrapper li span.regCbx input, div#registrationWrapper li span.regCbx input
{
    border:  none;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

/* Password Recovery */
#firstCol ul li#hidden
{
    display: none;
}
#firstCol ul li#hidden.on
{
    display: list-item;
}
.smallAndGray
{
    color: Gray;
    font-size: 0.95em;
}

/* RHL Courses */
#content div#RHReladtedCoursesPanel
{
    clear:right;
    float:right;
    margin:0px 0px 10px;
    padding:0px;
    width:209px;
}
#content div#RHReladtedCoursesPanel h2
{
    background:#767165 url(../images/brown_arrow.gif) no-repeat scroll right center;
    border:medium none;
    color:#FFFFFF;
    font-weight:bold;
    margin:0px;
    padding:7px 0px 7px 10px;
}
#content div#RHReladtedCoursesPanel div#RHSRelatedCourses
{
    background: white url(../images/rhsShadow.png) repeat-x;        
    border:solid 1px #CCCCCC;    
    padding:8px 3px 5px 9px;
}
/* Tell us What you think FIX */
div#IMIFormWrapper #TellUsWhatYouThink1_rblFeedback label, div#IMIFormWrapper #TellUsWhatYouThink1_rblFeedback input,
div#IMIFormWrapper #TellUsWhatYouThink1_cbxListContentType label, div#IMIFormWrapper #TellUsWhatYouThink1_cbxListContentType input
{
    float: none;
    width: auto;
    height: auto;
    vertical-align:middle;
}
div#IMIFormWrapper li.liCheckboxList span input
{
    margin-right: 2px;
}

div#IMIFormWrapper div#contentContactUs ul li
{
    height: auto;
    margin-bottom: 7px;
}
div#TellUsWhatYouThink1_upTellUsWhatYouThink
{
    position: relative;
}
div#TellUsWhatYouThink1_upTellUsWhatYouThink .error
{
    display: block;
}
#TellUsWhatYouThink1_upTellUsWhatYouThink #IMIFormWrapper
{
    margin-top: 20px;
}
div#TellUsWhatYouThink1_upTellUsWhatYouThink div#ajaxLoaderOverlay
{
    height:120px;
    width:210px;
    left: 120px;
}
div#TellUsWhatYouThink1_upTellUsWhatYouThink div#ajaxLoaderOverlay div
{
    left: 26%;
    top: 80px;
}

/* SMS Subscribe */
#content #contentSMSReg ul li
{
    height: auto;
    margin-bottom: 8px;
    clear: both;
}
#content #contentSMSReg .liCheckboxList input
{
    float: none;
    width: auto;
    height: auto;
    vertical-align:middle;
}
#content #contentSMSReg .liCheckboxList #SmsSubscribe1_chkCategories label
{
    float: none;
    width: auto;
    height: auto;
    vertical-align:middle;
}

#content #contentSMSReg span#SmsSubscribe1_chkCategories
{
    float: left;
}

#wrapper #content table.ajax__validatorcallout .ajax__validatorcallout_error_message_cell ul
{
    list-style-type: none;
}
#wrapper #content table.ajax__validatorcallout .ajax__validatorcallout_error_message_cell ul li
{
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 6px;
    background: transparent none;
}
#wrapper #content input.highlightError
{
    border:   1px solid #ED455F;
}

/* Additional Search Styling */
div#wrapper div#secondCol div#searchCourse
{
    margin: 15px 0px 0px 0px;
    font-size: 0.8em;
    color: #60676F;
    background-color: #EFEFEF;
    border: solid 1px #CCCCCC;
    padding: 7px 5px;
}
div#wrapper div#secondCol div#searchCourse a
{   
    color: #0079C2;
}
/* Fixes Homepage */
#MainArea div#WelcomeHomepage
{
    padding-top: 15px;
}
#MainArea div#WelcomeHomepage div#homeArticleFlash
{
    height: 118px;
    overflow: hidden;
}

/* Vacancy Details */
div#IMIFormWrapper #contentVacancyDetails ul li
{
    clear: both;
    height: auto;
}
div#IMIFormWrapper #contentVacancyDetails ul li span
{
    float: none;
}
div#IMIFormWrapper #contentVacancyDetails ul li label
{
    font-weight: bold;
}

/* KC Registration */
#secondCol #content #ulKCRegistration li
{
    height: auto;
    clear: both;
}
#secondCol #content #ulKCRegistration li span.cbl label
{
    width: auto;
    float: none;
}
#secondCol #content #ulKCRegistration li span.cbl input
{
    border: none;
    width: auto;
    margin: 0px 4px 0px 0px;
}

#secondCol #content #KCRegLoader
{
    position: absolute;
    top: 4px;
    right: 4px;
}
#secondCol #content #ulKCRegistration .registrationSeparator
{
    font-weight: bold;
    margin-top: 10px;
}
#secondCol #content #ulKCRegistration #liComments textarea
{
    height:75px;
    width:375px;
}

/* Accommodation Bookassist */
#content div#divBALoading
{
    border: solid 1px #CECFCE; 
    width: 723px; 
    height: 135px; 
    background: white url(../images/loaders/reg-loader.gif) no-repeat scroll 50% 30%;
    display: block;
    z-index: 99;
    font-size: 1.2em;
    font-weight: bold;
    color: #0079C6;
    padding: 125px 0px 0px 0px;
    text-align: center;
}
#content iframe#ifBookassist
{
    display: none;
    z-index: 10;
}