#contentWrapper
{
	width:800px;
}
/* Outer table for each participant, displaying all the courses for that participant */
.tblMapSingleParticipant
{
    width: 400px;
}
/* Outer table for each course, displaying all the participants for that course */
.tblMapSingleCourse
{
    width: 400px;
}

/* Pair - Top header row (table) for LHS participant  and RHS course */
.tblMapParticipantHeader
{
    width: 402px;
	border:1px solid #ddd;
	background-color: #DEE8F6;
	font:normal 12px tahoma,arial,helvetica,sans-serif;
}
.tblMapCourseHeader
{
    width: 402px;
	border:1px solid #ddd;
	background-color: #DEE8F6;    
	font:normal 12px tahoma,arial,helvetica,sans-serif;
}

/* The table that wraps all of the participant courses table rows. Here, so we can add a surrounding border */
.tblParticipantCourses
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* The table that wraps all of the course participant table rows. Here, so we can add a surrounding border */
.tblCourseParticipants
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;   
}

/* Images */
.imgCourse
{
    width: 13px;
    height: 17px;
    padding-left: 5px;
    padding-right: 5px;
}
.imgExpand
{
    width: 15px;
    height: 15px;
    padding-left: 5px;
    padding-right: 7px;
}
.imgPerson
{
    width: 18px;
    height: 28px;
    padding-right: 10px;
}
.imgDelete
{
    padding-left: 5px;
    padding-right: 5px;    
}

.tdCheckboxParticipantCourse
{
    width: 23px;
}

/* To ensure alignment, explicitly set width of td's that wrap the images */
.tdPersonImageContainer
{
    width: 28px;  
}
.tdCourseImageContainer
{
    width: 18px;    
}

/* Alternating table rows for participant courses */
.tblParticipantCourseOdd
{
    font:normal 11px tahoma,arial,helvetica,sans-serif;
    background-color: #FFFFFF;
    width: 290px;
}
.tblParticipantCourseEven
{
    font:normal 11px tahoma,arial,helvetica,sans-serif;
    background-color: #F6F9FE;
    width: 290px;
}

/* Alternating colour table rows for course participants */
.tblCourseParticipantOdd
{
    font:normal 11px tahoma,arial,helvetica,sans-serif;
    background-color: #FFFFFF;
    width: 290px;
}
.tblCourseParticipantEven
{
    font:normal 11px tahoma,arial,helvetica,sans-serif;
    background-color: #F6F9FE;
    width: 290px;
}

/* Ensure tds that contain the participant name and course name have text aligned to the left */
.tdCourseName
{
    text-align: left;
}
.tdParticipantName
{
    text-align: left;
}

.tdParticipantNameHeader
{
    text-align: left;
    font-weight: bold;
}

.spnCourseNameHeader
{
    font-weight: bold;
    text-align: left;
}
.spnLocationNameHeader
{
    font-size: 8pt;
    font-family: tahoma, arial, helvetica, verdana;    
}
/* Below three mappings are for an individual participant course */
.divCourseParticipantOdd
{
    height:32; 
    vertical-align:bottom; 
    line-height: 32px;  
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    font-size: 8pt; 
    font-family: tahoma, arial, helvetica, verdana;
    background-color: #FFFFFF;
}
.divCourseParticipantEven
{
    height:32; 
    vertical-align:bottom; 
    line-height: 32px;  
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    font-size: 8pt; 
    font-family: tahoma, arial, helvetica, verdana;
    background-color: #F6F9FE;    
}
.imgCourseParticipant
{
    padding-left:2px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:10px;
    float:left;            
    cursor:pointer;
}
.imgDeleteCourseParticipant
{
    float:right;
    padding:8px;
    cursor:pointer;
}

/* Below mappings are for the participant courses */
.divParticipantCourseOdd
{
    height:32px; 
    line-height: 15px;  
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    font-size: 8pt; 
    font-family: tahoma, arial, helvetica, verdana;  
    background-color: #FFFFFF; 
}
.divParticipantCourseEven
{
    height:32px; 
    line-height: 15px;  
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    font-size: 8pt; 
    font-family: tahoma, arial, helvetica, verdana;  
    background-color: #F6F9FE; 
}
.imgCourseBC
{
    height:17px;
    width: 13px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    float:left;            
}
.ckbParticipantCourse
{
    float:right;
    margin-top: 8px;
    margin-right: 8px;
    padding:0px;
    width:14px;
    border:0px;
}
.spnCourseName
{
    font-weight: bold;
}
.tdParticipantCourseOdd
{
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    font-size: 8pt; 
    font-family: tahoma, arial, helvetica, verdana;  
    background-color: #FFFFFF;
    padding: 3px; 
}
.tdParticipantCourseEven
{
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    font-size: 8pt; 
    font-family: tahoma, arial, helvetica, verdana;  
    background-color: #F6F9FE; 
    padding: 3px;
}

.regRequiredFieldMessage
{
    font-family: tahoma, arial, helvetica, verdana;  
    font-size: 10pt; 
    color: Red;
}

/* ####################################################### */
/* ###### RegistrationMappings.css contents ###### */ 

.person
{
    width:400px;
    height: 28px;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
    font: 10pt arial;
    background-color: #F6F9FE;
    color: #00407D;
}
/* Same as person, but with colors reversed */
.course_bc 
{
    width:400px;
    height: 40px;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
    background-color: white;
    font: 10pt arial;
    background-color: #F6F9FE;
    color: #00407D;    
}

.person input
{
    float: right;
}
.floatmeleft
{
    float: left;
    margin: 3px
}
.floatmeright
{
    float: right;
    margin: 3px
}
.ckbfloatmeright
{
    float: right;
    width: 20px;
    margin-top: 8px;
}

.imagefloatmeleft
{
    float: left;
    margin-right: 10px;
}    
.courseImage
{
    float: left;
    margin: 6px;
}    
.deleteImage
{
    float: right;
    margin: 6px;
}    
.deleteImage:hover
{
    cursor: pointer;
}    
.expandImage
{
    float: right;
    margin: 6px;
}    

.expandImage:hover
{
    cursor: pointer;
}    

.course_title
{
  height: 28px;
  width:400px;
  font: 10pt arial;
  font-weight: bold;
  border: solid 1px gray;
  color: #5C85B1;
  background-color: #FFFFFF;
}

.course_title_text
{
    position: relative;
    height: 28px;
    line-height: 28px;
}

.participant_name
{
    line-height: 28px;
}
h3
{
    font:14pt arial;
    font-weight: bold;
}

.displayBlock
{
	display:block;
}