#classtable {	
	background-image: url(../images/leftnavl2div.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 2px;
}
#classtable td, #classtable th
	{	padding: 10px 5px;
		text-align: left;
	}
#classtable .row1
	{	background-color: #f7f7f7;
	}
#classtable th
	{	background-image: url(../images/leftnavl2div.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		font-weight: normal;
		padding: 3px 5px;
	}
#classtable .presenter	
	{	width: 100%;
	}
#classtable td h3 {
	padding:  0;
}
	

.headerextention
	{	float: right;
		position: relative;
		margin-top: -35px;			
	}
.headerextention .redbutton
	{	width: 230px;
		background-color: #b50c00;
		height: 18px;
		padding-left: 4px;
		background-image: url(../images/redbutton-left.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
.headerextention .redbutton a
	{	text-align: center;
		display: block;
		height: 18px;
		padding-right: 4px;
		background-color: #b50c00;
		background-image: url(../images/redbutton-right.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
		font: 12px/18px Verdana, sans-serif;
		color: #fff;
	}
.headerextention .redbutton a:hover
	{	color: #fff;
	}
	
	
.mugshot 
   {    position: relative;
		float: right;
   }
.mugshot img
   {    position: relative;
   }
.mugshot .corner
   {    position: absolute;
       top: 0px;
       right: 0px;
   }

/* 	textbox style definition, a simple floated textbox
	no formatting other than internal padding 
*/
.textbox
	{	float: left;
		width: 245px;
		padding-right: 5px;
	}
.textbox p
	{	text-align: left;
	}
	
/* 	splitting page in 2 floated boxes 
	used for booking page and the like.
	fixing text alignment due to small width of the right box
*/
.split_rightside
	{	width: 180px;
		float: right;
	}
.split_rightside p
	{	text-align: left;
	}
.split_leftside
	{	float: left;
		width: 300px;
	}

/* 	when a regular header is just not enough */
h2 .headerextention 
	{	font-size: 50%;
		vertical-align: middle;
		padding-left: 10px;
	}
h4	.headerextention
	{	font-weight: normal;
		padding-left: 10px;
	}

.session_form_box 
	{
		background-color: #CCCC99;
		margin: 0px;
		padding: 5px 10px;
	}
.pay_type_detail
	{
		clear:both;
		float: none;
		width: 85%;
		margin: 10px;
		padding: 10px;
		background-color: #DDDDAA;
	}
#pay_cheque *, #pay_billme * {
	float: none;
}

/*--- otherCountries ---*/

#otherCountries {
	margin: 0px 0 0px 0;
	padding: 15px 0px 0px 0px;
}

#otherCountries h2{
	margin: 0px 0 5px 5px;
	padding:0;
}
#otherCountries p{
	margin: 0;
	padding:0 0 10px 5px;
	background-image: url(../images/leftnavl2div.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#otherCountries .otherCountry{
	font-size: 100%;
	margin: 0 0 0 0;
	padding:10px 10px 10px 5px;
	background-image: url(../images/leftnavl2div.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#otherCountries .otherCountry a{
	font-size: 100%;
	color: #b50800;
	margin: 0 0 0px 0;
	padding:5px 0 5px 0;
	font-weight: bold;
	text-transform:uppercase;
}
#otherCountries .otherCountry .courseCount{
	float: right;
	margin: 0;
	padding:0;
	color: #6666666;
}
#pay_credit h4,
#pay_cheque h4,
#pay_billme h4
 {
	display: none;
}

/* == BOXOVER ============================================== */
.boxover_body table{
  width: 180px;
  background: #fff;
  font-size: 90%;
  border: solid #ddd 2px;
  padding: 2px;
  border-collapse: collapse;
}

.boxover_body table tr td {
  text-align: left;
  vertical-align: top;
  border: solid #ddd 1px;
  padding: 10px;
}