/* CSS Document */

.sjbBackground {
	background-color: #FFFFFF;
}
.sjbBody {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 20px 20px 20px;
	height: 100%;
	width:720px;
}
.sjbMargin {
	margin-left: 10px;
	margin-right: 10px;
}
.sjbLeft {
	float:left;
}
.sjbRight {
	float:right;	
}
.sjbFullWidth {
	width: 100%;
	/*float:left;*/
	/*margin: 10px 0px 10px 0px;*/
}	
.sjbNavigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	font-size: small;
	width: 100%;
	color:#000000;
	border: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
	padding: 1px;
	white-space: nowrap;
	margin-bottom:25px;
}
a.topbar:link,a.topbar:visited{
	text-decoration:none;
	color:#000000;
	padding: 7px;
}
a.topbar:hover,a.topbar:active{
	text-decoration:none;
	color:#0066CC;
	padding: 7px;
	/*background: url(../images/design/28x1_white-orange.jpg) repeat-x;*/
}
a.sjbLink:link,a.sjbLink:visited{
	color:#000000;
	text-decoration:underline;
}
a.sjbLink:hover, a.sjbLink:active{
	color:#0066CC;
	text-decoration:underline;
}
.sjbTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width:1px;
	padding: 5px;
	margin-bottom:20px;
	height: 25px;
	white-space: nowrap;
}
.sjbSubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding: 5px;
	margin-bottom:20px;
	height:25px;
	white-space: nowrap;
}
.sjbHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #000000;
}
.sjbMediumText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
}
.sjbSmallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
.sjbSmallTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.sjbX-SmallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
.sjbCopyrightText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
  text-align: center;
	width: 100%;
	margin: 20px 0px 0px 0px;
	float:left;
}
.sjbLoginCurrent table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #000000;
	width: 100%;
	border: 1px solid #000000;
	float:left;
}
.sjbLoginCurrent caption {
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbLoginCurrent th {
	font-weight: normal;
	text-align: right;
	padding: 3px;
	vertical-align:top;
}
.sjbLoginCurrent td {
	padding-top: 3px;
	vertical-align:top;
}
.sjbLoginCurrent input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
}
.sjbLoginCurrent input.submit { 															/* Added 31/08/2007*/
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 74px;
	height: 25px;
}
.sjbLoginCurrent a {
	color:#000000;
	font-size: x-small;
	text-decoration:underline;
}
.sjbLoginCurrent a:hover, .sjbLoginCurrent a:active{
	color:#0066CC;
	text-decoration:underline;
	font-weight: bold;
}
.sjbLoginNew table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color:#000000;
	width: 100%;
	border: 1px solid #000000;
	float:left;
}
.sjbLoginNew caption {
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbLoginNew td {
	padding-left: 10px;
	padding-right: 10px;
	height:40px;
}
.sjbLoginNew a.back {
	background:    url("../Images/Buttons/sjb-Button_Large_0.gif") no-repeat;
	margin: 2px;
	padding: 5px;
	height: 17px;
	width: 193px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:right;
}
.sjbLoginNew a.back:hover, .sjbLoginNew a.back:active{
	background:    url("../Images/Buttons/sjb-Button_Large_1.gif") no-repeat;
}
.sjbPasswordAssist table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #000000;
	width: 100%;
	float:left;
	margin-top: 15px;
	margin-bottom:20px;
	/*margin: 20px 0px 20px 0px;*/
}
.sjbPasswordAssist th {
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
}
.sjbPasswordAssist td {
	padding-top: 3px;
	padding-right: 10px;
}
.sjbPasswordAssist input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
.sjbPasswordAssist input.submit { 															/* Added 03/09/2007*/
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 74px;
	height: 25px;
}
/*
.sjbCentreList table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 240px;
}
.sjbCentreList caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: small;
	padding: 1px;
	border: 1px solid;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbCentreList th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	text-align: left;
	padding: 3px;
}
.sjbCentreList td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	padding: 3px;
}
.sjbCentreList a:link,.sjbCentreList a:visited{
	color: #000000;
	text-decoration:underline;
}
.sjbCentreList a:hover, .sjbCentreList a:active{
	color:#0066CC;
	text-decoration:underline;
}
*/
.sjbCentreList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 35px 0px;
	padding: 0px;
	width: 400px;
	overflow:visible;
}
.sjbCentreList div.caption {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: small;
	padding:1px 0px 1px 0px;
	margin-bottom:15px;
	border: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbCentreList div.sites {
	width: 100%;
	height:170px;
	overflow:visible;	
}
.sjbCentreList div.site {
	width: 100%;
	height:80px;
	background-color:#F2F2F2;
}
.sjbCentreList input.siteimg {
	height: 75px;
	width:110px;
	float:left;
}
.sjbCentreList div.sitedetail {
	width:280px;
	height:80px;
	float: right;
	margin-top:7px;
}
.sjbCentreList div.sitename {
	height: 25px;
	width:100%;
}
.sjbCentreList a.sitename {
	padding: 1px 3px 1px 3px;	
	font-size: small;
	font-weight:bold;
	text-align:left;
	color: #000000;
}
.sjbCentreList a.sitename:hover,.sjbCentreList a.sitename:active{
	color:#0066CC;
}
.sjbCentreList div.sitetime {
	font-size: .7em;
	color: #000000;
	text-align: left;
	padding: 3px;
}
.sjbAccountLink table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 190px;
}
.sjbAccountLink caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: small;
	padding: 1px;
	border: 1px solid;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbAccountLink td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
	padding: 1px;
	border: 1px solid #000000;
}
.sjbAccountLink div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;	
}
.sjbAccountLink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: small;
	color: #000000;
}
.sjbAccountLink a:link, .sjbAccountLink a:visited, .sjbAccountLink a:active {
	text-decoration: none;
}
.sjbAccountLink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	font-size: small;
	color: #000000;
	background-color: #C2C6C7;
	/*background-image: url(../Images/delta/design/20x1_dark_blue.gif);*/
}
.sjbCentreContact table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 2px;
	width: 100%;
}
.sjbCentreContact th {
	font-size: medium;
	color: #000000;
	text-align: left;
	padding: 2px;
	font-weight: bold;
	text-decoration: underline;
}
.sjbCentreContact td {
	font-size: small;
	font-weight: normal;
	color: #000000;
	padding: 2px;
}
.sjbCentreContact samp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: right;
	float: right;
}
.sjbCentreContact a:link,.sjbCentreContact a:visited{
	color: #000000;
	text-decoration:none;
}
.sjbCentreContact a:hover, .sjbCentreContact a:active{
	color:#0066CC;
	text-decoration:underline;
}
.sjbUserSelect table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	/*margin: 2px;*/
	padding: 2px;
	width: 100%;/*640px;*/
	border: 1px solid #000000;
	border-collapse: collapse;
}
.sjbUserSelect td {
	font-size: small;
	font-weight: normal;
	color: #000000;
	border: 1px solid #000000;
	padding: 2px;
}	
.sjbUserSelect input.submit { 															/* Added 03/09/2007*/
	font-weight: bold;
	font-size:xx-small;
	background-color:#CCCCCC;
	margin-right: 0px;
	width: 74px;
	height: 25px;
}
.sjbUserSelect p { 																					/* Added 13/08/2010*/
	font-size:small;
	width: 100%;
	height: 25px;
}
.sjbUserSelect a:link,.sjbUserSelect a:visited{							/* Added 13/08/2010*/
	color: #000000;
	text-decoration:none;
}
.sjbUserSelect a:hover, .sjbUserSelect a:active{						/* Added 13/08/2010*/
	color:#0066CC;
	text-decoration:underline;
}
.sjbQueryBooking table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
}
.sjbQueryBooking th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #C2C6C7;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbQueryBooking td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0B5071;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbQueryBooking a.back {
	background:    url("../Images/Buttons/sjb-Button_Medium_0.gif") no-repeat;  /* Added 30/08/2006 */
	padding: 5px;
	height: 17px;
	width: 155px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:left;
}
.sjbQueryBooking a.back:hover, .sjbQueryBooking a.back:active{
	background:    url("../Images/Buttons/sjb-Button_Medium_1.gif") no-repeat;  /* Added 30/08/2006 */
}
.sjbCancelBooking table {                                                     /* Added 31/08/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
}
.sjbCancelBooking th{                                                         /* Added 31/08/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #C2C6C7;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbCancelBooking td {                                                        /* Added 31/08/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0B5071;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbCancelBooking input.submit {                                              /* Added 31/08/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 120px;
	height: 25px;
}
.sjbPayBooking table {                                                        /* Added 04/09/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
}
.sjbPayBooking th{                                                            /* Added 04/09/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #C2C6C7;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbPayBooking td {                                                          /* Added 04/09/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0B5071;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbPayBooking input.submit {                                                /* Added 04/09/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 120px;
	height: 25px;
}
.sjbQueryLoyalty table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.sjbQueryLoyalty th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
}
.sjbQueryLoyalty td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
}
.sjbQueryLoyalty H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: right;
	font-weight: normal;
	text-decoration: underline;
}
.sjbQueryLoyalty samp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}

/* From 15/06/2006 */

.sjbCategorySelection table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 20px 0px 20px 0px;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #999999;
	padding: 5px;
}
.sjbCategorySelection th{
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF;
	border: 2px solid #999999;
	padding: 5px;
}
.sjbCategorySelection td {
	border: 2px solid #999999;
	padding: 5px;
}
.sjbCategorySelection a.back {
	background: url("../Images/Buttons/sjb-Button_Large_0.gif") no-repeat;
	padding: 5px;
	height: 17px;
	width: 193px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:left;
}
.sjbCategorySelection a.back:hover, .sjbCategorySelection a.back:active{
	background:    url("../Images/Buttons/sjb-Button_Large_1.gif") no-repeat;
}
.sjbCategorySelection input{
	margin-bottom:1px;
}
.sjbCategorySelection input.submit {                                                /* Added 05/09/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 120px;
	height: 25px;
	float:right;
}
.sjbCategorySelection p {						                                                /* Added 17/06/2010*/ 															                
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* sjbUserAccountDetail renders the output from the NetUserAccountDetailForm() webservice */
.sjbUserAccountDetail table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
}
.sjbUserAccountDetail th {
	font-size:small;
	font-weight:normal;
	text-align:right;
}
.sjbUserAccountDetail td {
	padding-left: 5px;
	padding-right: 2px;
}
.sjbUserAccountDetail a.back {
	background: url("../Images/Buttons/sjb-Button_Medium_0.gif") no-repeat;
	padding: 5px;
	height: 24px;
	width: 158px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:left;
}
.sjbUserAccountDetail a.back:hover, .sjbUserAccountDetail a.back:active{
	background: url("../Images/Buttons/sjb-Button_Medium_1.gif") no-repeat;
}
.sjbUserAccountDetail input, .sjbUserAccountDetail select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom:1px;
}
.sjbUserAccountDetail input.submit {                                                /* Added 05/09/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 120px;
	height: 25px;
	float:right;
}
.sjbUserAccountDetail span {
	vertical-align:top;
	color:#FF0000;
}

/* sjbUserResearch renders the output from the NetUserResearchForm() webservice */
.sjbUserResearch table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border-collapse: collapse;
	margin-left:2px;
}
.sjbUserResearch caption {
	text-align: left;
	font-weight: bold;
	color: #000000;
}
.sjbUserResearch th{
	font-weight: bold;
	padding: 5px;
	text-align: left;
	text-decoration: underline;
}
.sjbUserResearch td {
	padding: 2px;
}
.sjbUserResearch a.back {
	background:    url("../Images/Buttons/sjb-Button_Medium_0.gif") no-repeat;
	padding: 5px;
	height: 24px;
	width: 158px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:left;
}
.sjbUserResearch a.back:hover, .sjbUserResearch a.back:active{
	background:    url("../Images/Buttons/sjb-Button_Medium_1.gif") no-repeat;
}
.sjbUserResearch input{
	margin-bottom:1px;
}
.sjbUserResearch input.submit {                                                /* Added 05/09/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 120px;
	height: 25px;
	float:right;
}

/* sjbUserAddressDetail renders the output from the NetUserSalesAddressForm() webservice */
.sjbUserAddressDetail table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
}
.sjbUserAddressDetail th {
	font-size:small;
	font-weight:normal;
	text-align:right;
}
.sjbUserAddressDetail td {
	padding-left: 5px;
	padding-right: 2px;
}
.sjbUserAddressDetail a.back {
	background: url("../Images/Buttons/sjb-Button_Medium_0.gif") no-repeat;
	height: 24px;
	width: 158px;
	padding: 5px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:left;
}
.sjbUserAddressDetail a.back:hover, .sjbUserAddressDetail a.back:active{
	background: url("../Images/Buttons/sjb-Button_Medium_1.gif") no-repeat;
}
.sjbUserAddressDetail input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom:1px;
}
.sjbUserAddressDetail input.submit {                                                /* Added 04/09/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 120px;
	height: 25px;
	float:right;
}
.sjbUserAddressDetail span {
	vertical-align:top;
	color:#FF0000;
}
/* sjbUserSalesSummary is used in scubaUserSalesSummary.php */
.sjbUserSalesSummary table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border-collapse: collapse;
	margin-bottom:20px;
}
.sjbUserSalesSummary th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #C2C6C7;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 3px;
}
.sjbUserSalesSummary td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #000000;
	padding: 5px;
}
.sjbUserSalesSummary a:link, .sjbUserSalesSummary a:visited{
	margin: 2px;
	padding: 3px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	background-color:#CCCCCC;
	border: 1px solid #000000;	
}
.sjbUserSalesSummary a:hover, .sjbUserSalesSummary a:active{
	color:#0066CC;
}
/* sjbTermsConditions is used in scubaUserSalesConfirm.php*/ 
.sjbTermsConditions {
	height: 330px;
	width:100%;
	margin-bottom: 20px;
}
.sjbTermsConditions div.termsconditions{
	height: 280px;
	width:100%;	
	overflow: auto;
	border: thin solid #333333;
	margin-bottom: 15px;
}
.sjbTermsConditions div.termsconditionstext{
	width:660px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin: 10px;
}
.sjbTermsConditions div.tcconfirm {
	height: 30px;
	width:100%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
}
/*
.sjbTermsConditions {
	height: 300px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	border: thin solid #333333;
	padding: 5px;
	margin-bottom: 20px;
}
.sjbTermsConditions p {
	font-weight: bold;
}
*/
/* sjbCardDetails renders the output from the NetCardPaymentForm() webservice */
.sjbCardDetails table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 570px;
	border: 1px solid #000000;
	border-collapse:collapse;
}
.sjbCardDetails th {
	font-weight:normal;
	text-align:right;
	background-color:#E9E9E9;
}
.sjbCardDetails td {
	font-weight:normal;
	font-size:x-small;
	padding-left: 5px;
	padding-right: 15px;
	background-color:#E9E9E9;
}
.sjbCardDetails input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom:1px;
}
.sjbCardDetails input.submit { 															/* Added 04/09/2007*/
	font-weight: bold;
	font-size:xx-small;
	background-color:#CCCCCC;
	margin-right: 0px;
	width: 74px;
	height: 25px;
}
.sjbCardDetails select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.sjbCardDetails span.datesep {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
	color:#000000;
}
.sjbCardDetails a {
	color:#000000;
	font-size: x-small;
	font-weight: bold;
	text-decoration:underline;
}
.sjbCardDetails a:hover, .sjbCardPayment a:active{
	color:#0066CC;
}

/* sjbPaymentAmount used in scubapayment.php */
.sjbPaymentAmount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: medium;
	font-weight: bold;
	background-color: #E2E2E2;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	margin-bottom: 25px;
}

/* sjbCardTypes renders the output from the NetPaymentCardTypes() webservice */
.sjbCardTypes table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100px;
	border: 1px solid #000000;
	margin-bottom:30px;
}
.sjbCardTypes td {
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* sjbCardDetailsInvalid used in scubapayment.php */
.sjbCardDetailsInvalid {
	float:left;
	width:100%;																							/*08/10/2009*/
	margin-top: 35px;																				/*08/10/2009*/
}
.sjbCardDetailsInvalid table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border: 1px solid #FF0000;
	border-collapse:collapse;
}
.sjbCardDetailsInvalid td {
	text-align:center;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFF99;
	color:#000000;
}

/* sjbProcessing used in scubapayment.php & scubaPaymentConfirm & scubaUserSalesRegister */
.sjbProcessing {
	float:left;
	width:100%;																							/*08/10/2009*/
	margin-bottom: 35px;																		/*08/10/2009*/
}
.sjbProcessing table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
	border: 1px solid #FF0000;
	border-collapse:collapse;
}
.sjbProcessing th {
	text-align:center;
	font-weight:bold;
	font-size:medium;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFF99;
	color:#000000;
}
.sjbProcessing td {
	text-align:center;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFF99;
	color:#000000;
	padding-top: 10px;																		/*08/10/2009*/
	padding-bottom: 10px;																	/*08/10/2009*/
}

/* sjbPaymentAccumulator renders the output from the NetPaymentAccumulator() webservice */
.sjbPaymentAccumulator table {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:25px;
	padding: 0px;
	w\idth: 100%;																					/*01/03/2011*/
	table-layout:fixed;																		/*01/03/2011*/
	background-color:#E1EEF0;															/*02/03/2011*/
	border-collapse:collapse;
}
.sjbPaymentAccumulator th.c0,.sjbPaymentAccumulator th.c1,.sjbPaymentAccumulator th.c2,.sjbPaymentAccumulator th.c3,		
.sjbPaymentAccumulator td.c0,.sjbPaymentAccumulator td.c1,.sjbPaymentAccumulator td.c2,.sjbPaymentAccumulator td.c3 {		/*01/03/2011*/		
	height: 30px;
	border: 1px solid #000000;
	color: #000000;
	font-size: .75em;
	text-align:left;
	padding-left:4px;
}
.sjbPaymentAccumulator th.c0,.sjbPaymentAccumulator th.c1,.sjbPaymentAccumulator th.c2,.sjbPaymentAccumulator th.c3 {		/*01/03/2011*/
	background-color:#A2ABAD;	
}
.sjbPaymentAccumulator td.c0,.sjbPaymentAccumulator td.c2 {
	background-color:#CAD6D8;	
}
.sjbPaymentAccumulator th.c0,.sjbPaymentAccumulator td.c0 {		/*01/03/2011*/
	width: 25px;
	padding-left:0px;
}
.sjbPaymentAccumulator th.c0,.sjbPaymentAccumulator th.c3,.sjbPaymentAccumulator td.c3 {		/*01/03/2011*/
	text-align:center;
}
.sjbPaymentAccumulator td.c0,.sjbPaymentAccumulator td.c2 {		/*01/03/2011*/
	text-align:right;
	padding-right:4px;
}	
.sjbPaymentAccumulator th.c1,.sjbPaymentAccumulator td.c1 {		/*01/03/2011*/
	width: 545px;
}
.sjbPaymentAccumulator th.c2,.sjbPaymentAccumulator td.c2 {		/*01/03/2011*/
	width: 65px;
}
.sjbPaymentAccumulator th.c3,.sjbPaymentAccumulator td.c3 {		/*01/03/2011*/
	width: 38px;
}
.sjbPaymentAccumulator input.submit {                                              /* Added 04/09/2007*/ 															                
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	width: 80px;
	height: 25px;
}
.sjbPaymentAccumulator div.payment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:bold;
	text-align:right;
	margin-bottom:35px;
	border:1px solid #000000;
	padding:5px;
	background-color:#CAD6D8;
	width:752px;
}
.sjbPaymentAccumulator input.payment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:bold;
	text-align:right;
}

/* 18/12/2006 ......................................*/

.sjbPasswordUpdate form {
	width: 100%;
}
.sjbPasswordUpdate table {
	width: 100%;
}
.sjbPasswordUpdate th {
	font-weight: normal;
	font-size:small;
	text-align: right;
	padding: 3px;
}
.sjbPasswordUpdate td {
	padding-top: 3px;
	padding-right: 10px;
}
.sjbPasswordUpdate input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
}
.sjbPasswordUpdate input.submit { 															/* Added 03/09/2007*/
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 74px;
	height: 25px;
}
.sjbPasswordUpdate span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.sjbPasswordUpdate div.help {																		/* Added 08/05/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom:20px;
}
.sjbPasswordUpdate div.help2 {																	/* Added 09/05/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;	
	font-size: small;
	width:96%;
	border:1px solid black;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
}

/* 31/08/2007 ......................................*/

.sjbSubmitDiv {
	float:right;
	text-align:center;
	margin-bottom: 0px;
	bottom: 0px;
	height: 0px;
	overflow:hidden;
}
.sjbSubmitDiv a, .sjbSubmitDiv a:hover {
	text-decoration:none;
}
.sjbSubmitButton {
	border-style:hidden;
	visibility: hidden;
}
.sjbSubmitButtonSmall, .sjbSubmitButtonSmallOver {
	color:#000000;
	text-decoration:none;
	width: 74px; 
	height: 24px;
	text-align: left;
	padding-top:7px;
	padding-left:12px;
	font-weight: bold;
	font-size:x-small;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("../Images/Buttons/sjb-Button_0.gif");
}
.sjbSubmitButtonSmallOver {
	color: #000000;
	background-image: url("../Images/Buttons/sjb-Button_1.gif");
	background-repeat:no-repeat;
	background-position:center;
}
.sjbSubmitButtonMedium, .sjbSubmitButtonMediumOver {
	color:#000000;
	text-decoration:none;
	width: 158px; 
	height: 24px;
	text-align: left;
	padding-top:7px;
	padding-left:12px;
	font-weight: bold;
	font-size:x-small;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("../Images/Buttons/sjb-Button_Medium_0.gif");
}
.sjbSubmitButtonMediumOver {
	color: #000000;
	background-image: url("../Images/Buttons/sjb-Button_Medium_1.gif");
	background-repeat:no-repeat;
	background-position:center;
}
.sjbSubmitButtonLarge, .sjbSubmitButtonLargeOver {
	color:#000000;
	text-decoration:none;
	width: 200px; 
	height: 24px;
	text-align: left;
	padding-top:7px;
	padding-left:12px;
	font-weight: bold;
	font-size:x-small;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("../Images/Buttons/sjb-Button_Large_0.gif");
}
.sjbSubmitButtonLargeOver {
	color: #000000;
	background-image: url("../Images/Buttons/sjb-Button_Large_1.gif");
	background-repeat:no-repeat;
	background-position:center;
}
.sjbSelection {                                                               /*06/09/2007*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	padding: 5px;
	margin-bottom:20px;
/*	height: 100%;*/                                                           /*24/11/2008 :: Removed for IE6 */
	min-height: 25px;
}
.sjbSelection div.buttons {                                          
	margin-top:25px;
	margin-bottom:50px;
}
.sjbSelection a.back {
	background: url("../Images/Buttons/sjb-Button_Medium_0.gif") no-repeat;
	height: 24px;
	width: 158px;
	padding: 5px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:left;
}
.sjbSelection a.back:hover, .sjbSelection a.back:active{
	background: url("../Images/Buttons/sjb-Button_Medium_1.gif") no-repeat;
}
.sjbSelection input.submit { 																							/* Added 07/09/2007*/
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 200px;
	height: 25px;
}
.sjbLinkButton {																													/* Added 11/09/2007 */
	background: url("../Images/Buttons/sjb-Button_Large_0.gif") no-repeat;
	height: 24px;
	width: 200px;
	padding: 5px;
	display: inline-block;
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 2px;
	font-size: x-small;
	float:right;
}
.sjbLinkButton:hover, .sjbLinkButton:active{
	background: url("../Images/Buttons/sjb-Button_Large_1.gif") no-repeat;
}
.sjbUserContact {																													/* Added 11/09/2007 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align: left;
	color: #000000;
}
.sjbUserContact div.address {
	width: 100%;
	height: 200px;
}
.sjbUserContact div.contactType, .sjbUserContact div.button {
	width: 100%;
	height: 50px;
}
.sjbUserContact div.left {
	float:left;
}
.sjbUserContact div.right {
	float:right;
}
.sjbUserContact table.address {
	width:500px;
}
.sjbUserContact table.contact {
	width:150px;
}
.sjbUserContact th.address, .sjbUserContact th.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
}
.sjbUserContact input.address, .sjbUserContact input.contact, .sjbUserContact input.contactType, .sjbUserContact select.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
}
.sjbUserContact th.contactType {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align:right;
	padding-left:15px;
}
.sjbUserContact input.submit { 															
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 74px;
	height: 25px;
	float:right;
}
.sjbUserEmail {																													/* Added 11/09/2007 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align: left;
	color: #000000;
}
.sjbUserEmail div.email {
	width: 100%;
	height: 100px;
}
.sjbUserEmail div.button {
	width: 100%;
	height: 50px;
}
.sjbUserEmail table.email {
	width:100%;
}
.sjbUserEmail th.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
}
.sjbUserEmail input.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
}
.sjbUserEmail input.submit { 															
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 75px;
	height: 25px;
	float:right;
}
.sjbUserPersonal {																													/* Added 12/09/2007 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align: left;
	color: #000000;
}
.sjbUserPersonal div.personal {
	width: 100%;
	height: 150px;
}
.sjbUserPersonal div.renewal, .sjbUserPersonal div.button {
	width: 100%;
	height: 40px;
	text-align:right;
}
.sjbUserPersonal samp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}
.sjbUserPersonal table {
	width:400px;
}
.sjbUserPersonal th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
}
.sjbUserPersonal input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:normal;
}
.sjbUserPersonal input.submit { 															
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 75px;
	height: 25px;
	float:right;
}
.sjbUserRegister table {                                                          /* Added 02/05/2008*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #000000;
	width: 100%;
	border: 1px solid #000000;
	float:left;
}
.sjbUserRegister caption {
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbUserRegister th {
	font-weight: normal;
	text-align: right;
	padding: 3px;
	vertical-align:top;
}
.sjbUserRegister td {
	padding-top: 3px;
	vertical-align:top;
}
.sjbUserRegister input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
}
.sjbUserRegister input.submit { 															
	font-weight: bold;
	font-size: x-small;
	background-color:#CCCCCC;
	margin-right: 8px;
	width: 74px;
	height: 25px;
}
.sjbUserRegister img.confirm{
	width: 50%;
}
/* 09/06/2009 */

.sjbCaptionBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: small;
	width: 99%;
	color:#0000FF;
	border: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
	padding: 1px;
	white-space: nowrap;
	margin-top:40px;
	margin-bottom:25px;
}
.sjbCaptionBar span {
	padding-left:20px;
	padding-right:20px;
}
.sjbBookType p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top:10px;
	margin-bottom:15px;
	width:100%;
	white-space: nowrap;
}
.sjbBookType form {
	width:100%;
}
.sjbBookType div.activity {
	width:100%;
	height:50px;
}
.sjbBookType div.area {
	width:100%;
	height:80px;
}
.sjbBookType div.caption  {
	height: 30px;
	padding-top:5px;
	margin-right:350px;
	float:left;
}
.sjbBookType div.list  {
	height: 30px;
	padding-top:5px;
	float:left;
}
.sjbBookType select.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	min-width:200px;
}
.sjbBookType div.button {
	float:right;
}
.sjbBookType table.class {
	width: 100%;
	margin-bottom:35px;
}
.sjbBookType caption.class {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #0000ff;
	font-size: small;
	padding: 1px;
	border: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbBookType td.class {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
	font-size: small;
	padding: 1px;
	border: 1px solid #000000;
}
.sjbBookType a.class {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	display: block;
	text-decoration: none;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbBookType a.class:link,.sjbBookType a.class:visited,.sjbBookType a.class:active {
	text-decoration: none;
}
/*11/06/2009*/
.sjbBookArea p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top:10px;
	margin-bottom:15px;
	width:100%;
	white-space: nowrap;
}
.sjbBookArea form {
	width:100%;
}
.sjbBookArea div.arealist,.sjbBookArea div.datelist  {
	height: 30px;
	padding-top:5px;
	width:100%;
}
.sjbBookArea div.datelist  {
	height: 60px;
}
.sjbBookArea select.arealist, .sjbBookArea select.datelist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	min-width:200px;
	float:right;
}
/*12/06/2009*/
.sjbBookActivity p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top:10px;
	margin-bottom:15px;
	width:100%;
	white-space: nowrap;
}
.sjbBookActivity form {
	width:100%;
}
.sjbBookActivity div.activitylist,.sjbBookActivity div.datelist  {
	height: 30px;
	padding-top:5px;
	width:100%;
}
.sjbBookActivity div.datelist  {
	height: 60px;
}
.sjbBookActivity select.activitylist, .sjbBookActivity select.datelist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	min-width:200px;
	float:right;
}
/*15/06/2009*/
.sjbBookSelectActivity p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top:10px;
	margin-bottom:15px;
	width:100%;
	white-space: nowrap;
}
.sjbBookSelectActivity form {
	width:100%;
}
.sjbBookSelectActivity div.activitylist  {
	height: 60px;
	padding-top:5px;
	width:100%;
}
.sjbBookSelectActivity select.activitylist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	min-width:200px;
	float:right;
}
/* 16/06/2009 */
.sjbBookGrid div.grid {
	height:500px;
	width: 100%;
	overflow:auto;
	margin-bottom:35px;
}
.sjbBookGrid a.booknow {
	text-decoration:none;
	color:#000000;
}
.sjbBookGrid table {                                                         
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #000000;
	float:left;
	border-collapse: collapse;
	margin-left:2px;
}
.sjbBookGrid th {
	text-align: center;
}
.sjbBookGrid td {
	padding-top:3px;
	vertical-align:top;
	border:1px solid #000000;
	width:70px;
	background-color:#AAC4A2;
	text-align: center;
}
.sjbBookGrid td.lhcol,.sjbBookGrid td.rhcol {
	width: 70px;
	background-color:#E1E1E1;	
}
.sjbBookGrid td.booked {
	background-color:#CC0000;
}
.sjbBookGrid td.booknow {
  background-color:#FF9966;
}
.sjbBookGrid p {                                                         
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	font-weight:bold;
	text-decoration:underline;
	color:#FF0000;
	float:left;
}
/*26/06/2009*/
.sjbBookHelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: small;
	width: 98%;
	color:#0000FF;
	border: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
	padding: 1px;
	padding-left:10px;
	white-space: nowrap;
	margin-top:40px;
	margin-bottom:25px;
}
.sjbBookHelp span {
  color:#000000;
	background-color:#FF9966;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
}
/*02/07/2009*/
.sjbBookError {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 40px;
	margin-bottom:35px;
}
.sjbBookError p {
	margin-bottom:35px;
}
/*22/07/2009*/
.sjbBookReserve p.refresh {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 20px;
	margin-bottom: 30px;
}
.sjbBookReserve a.refresh {
	text-decoration:none;
}
.sjbBookReserve p.reserveheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width:100%;
	float:left;
	margin:0px;
	margin-top:10px;
	margin-bottom:25px;
	color:#0000FF;
}
.sjbBookReserve p.reservedate,.sjbBookReserve p.reservearea,.sjbBookReserve p.reserveactivity,.sjbBookReserve p.reserveprice,.sjbBookReserve {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width:100%;
	float:left;
	margin:0px;
	margin-bottom:1px;
}
.sjbBookReserve p.reserveexpire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width:100%;
	float:left;	
	margin:0px;
	margin-bottom:40px;
	margin-top:60px;
	color:#FF0000;
}
/*22/03/2010*/
.sjbDDMandate div.ddheader {
	height: 50px;
	width:100%;
	border:1px #000000 solid;
	background-image:url(../Images/Design/50x1_grey-white.gif);
}
.sjbDDMandate div.ddimage {
	float:left;
}
.sjbDDMandate div.ddcaption {
	float:right;
	padding:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small; 
	font-weight:bold;
}
.sjbDDMandate div.ddabout {
	font-size:small;
	text-align:justify;
	margin-top:20px;
	margin-bottom:40px;
}
.sjbDDMandate a.ddabout {
	font-style:italic;
	text-decoration:none;
}
.sjbDDMandate div.ddguarantee {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	text-align:justify;
 	height:40px; 
	margin-top:25px;
	margin-left:30px;
}
.sjbDDMandate div.ddguaranteebullet {
	height:inherit;
	width:4%; 
	float:left;
}
.sjbDDMandate div.ddguaranteetext {
	height:inherit;
	width:96%; 
	float:right;
}
.sjbDDMandate div.ddmandateerror {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	font-weight:bold;
	color:#0000FF;
	height: 75px;
	width:100%;
	border:1px #000000 solid;
	background-color:#FFFF99;	
	margin-top:25px;
}
.sjbDDMandate p.ddmandateerror {
	padding-left:15px;
}
.sjbDDMandate div.ddmandateoriginator {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 75px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:25px;
}
.sjbDDMandate p.ddmandateoriginator {
	padding-left:15px;
}
.sjbDDMandate span.ddmandateoriginator {
	font-style:italic;
}
.sjbDDMandate div.ddmandatesite {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 150px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:7px;
}
.sjbDDMandate p.ddmandatesite {
	padding-left:15px;
	padding-right:15px;
}
.sjbDDMandate div.ddmandatedetail {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 350px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:7px;
}
.sjbDDMandate div.ddmandatedetailgroup {
	height:30px;
	width:100%;
	margin-top:15px;
	padding-left:15px;
	clear:left;	                            /*19/11/2010*/
}
.sjbDDMandate div.ddmandatedetaillabel {
	width:300px;
	float:left;
	border: 1px solid #000000;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:7px;
}
.sjbDDMandate div.ddmandatedetailinput {
	width:200px;
	float:left;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:5px;
}
input.ddmandatedetailsortcode {
	width:35px;
	padding:2px;
}
.sjbDDMandate span.ddmandatedetailsortcode {
	padding-left:6px;
	padding-right:6px;
}
.sjbDDMandate div.ddmandatedetailrun {
	width:60px;
	float:left;
}
.sjbDDMandate input.ddmandateaddress {
	color:#000000;
	font-style:normal;
	margin:0px;
}
.sjbDDMandate input.ddmandateaddresshint {
	color:#999999;
	font-style:italic;
	margin:0px;
}
.sjbDDMandate div.ddmandateinstruct {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 150px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:7px;
}
.sjbDDMandate p.ddmandateinstruct {
	padding-left:15px;
	padding-right:15px;
}
.sjbDDMandate span.ddmandateinstruct {
	font-weight:bold;
}
.sjbDDMandate div.ddmandatesubmit {
	margin-top:15px;
}
.sjbDDMandate div.ddmandateconfirm {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 390px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:7px;
}
.sjbDDMandate p.ddmandateconfirm {
	margin-top:25px;
	padding-left:15px;
	padding-right:15px;
}
.sjbDDMandate span.ddmandateconfirm {
	font-weight:bold;
}
.sjbDDMandate div.ddmandatecancel {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 70px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:7px;
}
.sjbDDMandate p.ddmandatecancel {
	margin-top:25px;
	padding-left:15px;
	padding-right:15px;
}
/* 23/04/2010 */
.sjbUserSalesPayDD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width:100%;
}
.sjbUserSalesPayDD table {
	border-collapse: collapse;
	margin-top:25px;
	margin-bottom:30px;
}
.sjbUserSalesPayDD th{
	background-color: #C2C6C7;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 3px;
}
.sjbUserSalesPayDD td {
	border: 1px solid #000000;
	padding: 5px;
}
.sjbDDMandate div.ddmandatepost {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	height: 240px;
	width:100%;
	border:1px #000000 solid;
	background-color:#E6E6E6;	
	margin-top:7px;
}
/* 24/05/2010 */
.sjbExpiredUsers table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 20px 0px 20px 0px;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #999999;
	padding: 5px;
}
.sjbExpiredUsers th{
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF;
	border: 2px solid #999999;
	padding: 5px;
}
.sjbExpiredUsers td {
	border: 2px solid #999999;
	padding: 5px;
}
.sjbExpiredUsers input{
	margin-bottom:1px;
}

/*11/01/2011*/
.sjbBasket table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	table-layout:fixed;
	background-color:#E1EEF0;
	border-collapse:collapse;
	margin-bottom: 30px;
}
.sjbBasket caption {
	height:20px;
	font-size: .8em;
	background-color:#CAD6D8;	
	border:1px solid #000000;
}
.sjbBasket th.c0,.sjbBasket th.c1,.sjbBasket th.c2,.sjbBasket th.c3 {
	background-color:#FFFFFF;
	border:none;	
}
.sjbBasket td.c0,.sjbBasket td.c1,.sjbBasket td.c2,.sjbBasket td.c3,.sjbBasket td.c5,.sjbBasket td.c6 {
	height: 30px;
	padding-left:4px;
	font-size: .75em;
	background-color:#CAD6D8;	
	border:1px solid #000000;
}
.sjbBasket td.c0,.sjbBasket td.c2,.sjbBasket td.c5 {
	text-align:right;
	padding-left:0px;
	padding-right:4px;
}	
.sjbBasket th.c0,.sjbBasket td.c0 {
	width: 20px;
}
.sjbBasket th.c1,.sjbBasket td.c1 {
	width: 545px;
}
.sjbBasket th.c2,.sjbBasket td.c2 {
	width: 65px;
}
.sjbBasket th.c3,.sjbBasket td.c3 {
	width: 50px;	
	font-size: .65em;
}
.sjbBasket td.c1,.sjbBasket td.c3 {
	background-color:#E1EEF0;
}
.sjbBasket td.c4 {
	width: 700px;
	height: 30px;	
	padding-left:4px;
	font-size: .8em;
	background-color:#FFFFFF;	
}
.sjbBasket td.c5 {
 font-weight:bold;
}
.sjbBasket a {
	color:#666666;
	text-decoration:none;
}
.sjbBasket a:hover {
	color:#000000;
}
.sjbBasket div.buttons {
	width: 100%;	
	height:37px;
	margin-bottom:30px;
	padding-top:3px;
}
.sjbcoursecaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.9em;
	font-weight:bold;
	height:20px;
	padding:10px;
	margin-bottom:10px;
}
.sjbCourseError {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	height:70px;
	margin-bottom:10px;
}
.sjbsearchcoursebutton,.sjbselectcoursebutton,.sjbsummarycoursebutton,.sjbCourseHistoryButton {
	border:1px solid black;
	background-color:#E1EEF0;	
	height:35px;
	width:100%;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:40px;
}	
.sjbsearchcourse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	background-color:#E1EEF0;
	height:180px;
	padding:10px;
	margin-bottom:10px;
}
.sjbsearchcourse div.searchcourseyeartermgroup {
	width:480px;
	float: left;
}
.sjbsearchcourse div.searchcourseyear,.sjbsearchcourse div.searchcourseterm,.sjbsearchcourse div.searchcourseinfo,.sjbsearchcourse div.searchcoursegroup,.sjbsearchcourse div.searchcourseenrol,.sjbsearchcourse div.searchcoursestatus {
	width:470px;
	height:23px;
	margin:3px;
	float:left;
}
.sjbsearchcourse div.searchcourseyearcaption,.sjbsearchcourse div.searchcoursetermcaption,.sjbsearchcourse div.searchcourseinfocaption,.sjbsearchcourse div.searchcoursegroupcaption,.sjbsearchcourse div.searchcourseenrolcaption,.sjbsearchcourse div.searchcoursestatuscaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	float:left;
	width:150px;
	height:21px;	
	text-align:right;
	padding-right:10px;
	padding-top:2px;
}
.sjbsearchcourse div.searchcourseyearselect,.sjbsearchcourse div.searchcoursetermselect,.sjbsearchcourse div.searchcoursegroupselect,.sjbsearchcourse div.searchcourseenrolcheck {
	float:left;
	height:21px;	
}
.sjbsearchcourse select.searchcourseyearselect,.sjbsearchcourse select.searchcoursetermselect,.sjbsearchcourse select.searchcoursegroupselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:300px;
	background-color:#F3F3F3;
}
.sjbsearchcourse div.searchcourseenrolcaption {
	font-size:.7em;
	padding-top:4px;
}
.sjbsearchcourse input.searchcourseenrolcheck {
	margin-left:0px;
	margin-top:4px;
}
.sjbsearchcourse div.searchcourseinfo {
	height:34px;
}
.sjbsearchcourse div.searchcourseinfocaption {
	height:32px;
}
.sjbsearchcourse div.searchcourseinfotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#666666;
	height:30px;
	width:300px;
	padding-top:2px;
	float:left;
}
.sjbsearchcourse div.searchcoursestatus {
	height:28px;
}
.sjbsearchcourse div.searchcoursestatuscaption {
	height:40px;
}
.sjbsearchcourse div.searchcoursestatustext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#FF0000;
	height:20px;
	width:300px;
	margin-top:3px;
	float:left;
}
.sjbsearchcourse div.searchcourseday {
	width:135px;
	height:185px;
	float:right;
}	
.sjbsearchcourse div.searchcoursemonday,.sjbsearchcourse div.searchcoursetuesday,.sjbsearchcourse div.searchcoursewednesday,.sjbsearchcourse div.searchcoursethursday,.sjbsearchcourse div.searchcoursefriday,.sjbsearchcourse div.searchcoursesaturday,.sjbsearchcourse div.searchcoursesunday {
	height:21px;
	margin-top:3px;
	float:left;
}
.sjbsearchcourse div.searchcoursemondaycaption,.sjbsearchcourse div.searchcoursetuesdaycaption,.sjbsearchcourse div.searchcoursewednesdaycaption,.sjbsearchcourse div.searchcoursethursdaycaption,.sjbsearchcourse div.searchcoursefridaycaption,.sjbsearchcourse div.searchcoursesaturdaycaption,.sjbsearchcourse div.searchcoursesundaycaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
	padding-top:2px;
}
.sjbsearchcourse div.searchcoursemondaycb,.sjbsearchcourse div.searchcoursetuesdaycb,.sjbsearchcourse div.searchcoursewednesdaycb,.sjbsearchcourse div.searchcoursethursdaycb,.sjbsearchcourse div.searchcoursefridaycb,.sjbsearchcourse div.searchcoursesaturdaycb,.sjbsearchcourse div.searchcoursesundaycb {
	float:left;
}
.sjbselectcoursecaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
	height:120px;
	padding:10px;
	margin-bottom:10px;
}
.sjbselectcoursecaption div.d1,.sjbselectcoursecaption div.d2,.sjbselectcoursecaption div.d3,.sjbselectcoursecaption div.d4,.sjbselectcoursecaption div.d5 {
	width: 100%;
	height: 25px;
}
.sjbselectcoursecaption div.d1c,.sjbselectcoursecaption div.d2c,.sjbselectcoursecaption div.d3c,.sjbselectcoursecaption div.d4c,.sjbselectcoursecaption div.d5c {
	width: 130px;
	height: 15px;
	float:left;
	font-size:.9em;
	text-align:right;
}
.sjbselectcoursecaption div.d1d,.sjbselectcoursecaption div.d2d,.sjbselectcoursecaption div.d3d,.sjbselectcoursecaption div.d4d,.sjbselectcoursecaption div.d5d {
	width: 530px;
	height: 15px;
	float:left;
	margin-left:7px;
	font-size:.9em;
	font-weight:normal;
}
.sjbselectcourse {
	background-color:#F0F6F8;	
	border:1px solid black;
	height: 400px;
	width: 100%;
	overflow:auto;
	margin-bottom:10px;
}
.sjbselectcourse table {
	width: 795px;
	table-layout:fixed;
	background-color:#E1EEF0;
	border-collapse:collapse;
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
	margin-bottom:15px;
}
.sjbselectcourse th.c0,.sjbselectcourse th.c1,.sjbselectcourse th.c2,.sjbselectcourse th.c3,
.sjbselectcourse td.c0,.sjbselectcourse td.c1,.sjbselectcourse td.c2,.sjbselectcourse td.c3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	height:30px;
	width:120px;
	border:1px solid #B4BEC0;
	text-align:left;
	padding-left:7px;	
}
.sjbselectcourse th.c0,.sjbselectcourse th.c1,.sjbselectcourse th.c2,.sjbselectcourse th.c3 {
	background-color:#A2ABAD;
}
.sjbselectcourse td.c0,.sjbselectcourse td.c2 {
	background-color:#CAD6D8;	
}
.sjbselectcourse th.c1,.sjbselectcourse td.c1 {
/*Course Description*/
	width:430px;	
}
.sjbselectcourse th.c2,.sjbselectcourse td.c2 {
/*Course Dates*/ 
	width:390px;
}
.sjbselectcourse th.c3,.sjbselectcourse td.c3 {
/*Free Places*/
	width:85px;
	text-align:right;
	padding-right:7px;		 
}
.sjbselectcourse a {
/*Course Description Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-style:italic;	
	text-decoration:none;
	color:#0033FF;
}
.sjbselectcourse input {
/*Enrol Checkbox*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:55px;
}
.sjbsummarycoursesuccess {
	background-color:#F0F6F8;	
	border:1px solid black;
	height: 400px;
	width: 100%;
	overflow:auto;
	margin-bottom:10px;
}
.sjbsummarycoursesuccess table {
	width: 780px;
	table-layout:fixed;
	background-color:#E1EEF0;
	border-collapse:collapse;
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
	margin-bottom:15px;
}
.sjbsummarycoursesuccess th.c0,.sjbsummarycoursesuccess th.c1,.sjbsummarycoursesuccess th.c2,.sjbsummarycoursesuccess th.c3,
.sjbsummarycoursesuccess td.c0,.sjbsummarycoursesuccess td.c1,.sjbsummarycoursesuccess td.c2,.sjbsummarycoursesuccess td.c3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	height:30px;
	width:120px;
	border:1px solid #B4BEC0;
	text-align:left;
	padding-left:7px;	
}
.sjbsummarycoursesuccess th.c0,.sjbsummarycoursesuccess th.c1,.sjbsummarycoursesuccess th.c2,.sjbsummarycoursesuccess th.c3 {
	background-color:#A2ABAD;
}
.sjbsummarycoursesuccess td.c0,.sjbsummarycoursesuccess td.c2 {
	background-color:#CAD6D8;	
}
.sjbsummarycoursesuccess th.c0,.sjbsummarycoursesuccess td.c0 {
/*Course Description*/
	width:360px;	
}
.sjbsummarycoursesuccess th.c1,.sjbsummarycoursesuccess td.c1 {
/*Place*/
	width:40px;
	text-align:right;
	padding-right:7px;		 
}
.sjbsummarycoursesuccess th.c2,.sjbsummarycoursesuccess td.c2 {
/*Fee*/ 
	width:70px;
	text-align:right;
	padding-right:7px;		 
}
.sjbsummarycoursesuccess th.c3,.sjbsummarycoursesuccess td.c3 {
/*Payment Options*/ 
	width:310px;
}
.sjbsummarycoursesuccess a {
/*Payment Option: Change*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-style:italic;
	text-decoration:none;
	color:#0033FF;
	margin-left: 10px;
}
.sjbsummarycoursefail {
	background-color:#F0F6F8;	
	border:1px solid black;
	height: 400px;
	width: 100%;
	overflow:auto;
	margin-bottom:10px;
}
.sjbsummarycoursefail table {
	width: 720px;
	table-layout:fixed;
	background-color:#E1EEF0;
	border-collapse:collapse;
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
	margin-bottom:15px;
}
.sjbsummarycoursefail th.c0,.sjbsummarycoursefail th.c1,
.sjbsummarycoursefail td.c0,.sjbsummarycoursefail td.c1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	height:30px;
	width:120px;
	border:1px solid #B4BEC0;
	text-align:left;
	padding-left:7px;	
}
.sjbsummarycoursefail th.c0,.sjbsummarycoursefail th.c1 {
	background-color:#A2ABAD;
}
.sjbsummarycoursefail td.c0 {
	background-color:#CAD6D8;	
}
.sjbsummarycoursefail th.c0,.sjbsummarycoursefail td.c0 {
/*Course Description*/
	width:360px;	
}
.sjbsummarycoursefail th.c1,.sjbsummarycoursefail td.c1 {
/*Reason*/
 width:360px;
}
.sjbsummarycourseexpire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	color:#FF0000;
	font-size:.8em;
	font-weight:bold;
	height:20px;
	padding:10px;
	margin-bottom:10px;
}
.sjbcoursepayoption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	
.sjbcoursepayoption div.payfull,.sjbcoursepayoption div.payinstall {
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.9em;
	font-weight:bold;
	height:40px;
	width:100%;
	margin-bottom:10px;
	float: left;
}
.sjbcoursepayoption div.radio,.sjbcoursepayoption div.caption,.sjbcoursepayoption div.itemcaption,.sjbcoursepayoption div.footercaption,.sjbcoursepayoption div.itemamount,.sjbcoursepayoption div.amount {
	height:25px;
	margin-top:7px;
	float:left;
}
.sjbcoursepayoption div.radio {
	margin-left:10px;
	margin-right:15px;
}
.sjbcoursepayoption input.radio {
	margin-top:5px;
}
.sjbcoursepayoption div.caption,.sjbcoursepayoption div.itemcaption,.sjbcoursepayoption div.footercaption {
	margin-top:10px;
}
.sjbcoursepayoption div.itemcaption,.sjbcoursepayoption div.footercaption  {
	height:20px;
	width:250px;
	margin-top:4px;
	margin-left: 290px;
	text-align:right;
}
.sjbcoursepayoption div.itemcaption {
	font-size:.9em;
	font-weight:normal;
	margin-top:2px;	
}
.sjbcoursepayoption div.footercaption  {
	margin-top:12px;
}
.sjbcoursepayoption div.amount,.sjbcoursepayoption div.itemamount {
	font-size:1.3em;
	margin-right:20px;
	float:right;
}
.sjbcoursepayoption div.itemamount {
	height:20px;
	margin-top:2px;	
	font-size:1em;
}
.sjbcoursepayoption div.payinstall {
	height:180px;
}
.sjbcoursepayoption div.payinstallheader,.sjbcoursepayoption div.payinstallitem,.sjbcoursepayoption div.payinstallfooter {
	height:40px;
	width:100%;
	float:left;
}
.sjbcoursepayoption div.payinstallitemlist {
	width: 100%;
	height: 100px;	
	overflow: auto;	
}
.sjbcoursepayoption div.payinstallitem {
	height:25px;
}
.sjbcoursepayoption div.paybutton {
	background-color:#E1EEF0;
	border:1px solid #000000;
	height:40px;
	width:100%;
	margin-bottom:10px;
	float:left;
}
.sjbcoursepayoption div.paybuttondiv {
	margin-top: 2px;
	margin-right:2px;
}
.sjbcoursedetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
	height:180px;
	padding:10px;
	margin-bottom:10px;
}
.sjbcoursedetail div.d1,.sjbcoursedetail div.d2,.sjbcoursedetail div.d3,.sjbcoursedetail div.d4,.sjbcoursedetail div.d5,.sjbcoursedetail div.d6,.sjbcoursedetail div.d7,.sjbcoursedetail div.d8,.sjbcoursedetail div.d9 {
	width: 100%;
	height: 20px;
}
.sjbcoursedetail div.d1c,.sjbcoursedetail div.d2c,.sjbcoursedetail div.d3c,.sjbcoursedetail div.d4c,.sjbcoursedetail div.d5c,.sjbcoursedetail div.d6c,.sjbcoursedetail div.d7c,.sjbcoursedetail div.d8c,.sjbcoursedetail div.d9c,.sjbcoursedetail div.d10c {
	width: 100px;
	height: 15px;
	float:left;
	font-size:.9em;
	text-align:right;
}
.sjbcoursedetail div.d1d,.sjbcoursedetail div.d2d,.sjbcoursedetail div.d3d,.sjbcoursedetail div.d4d,.sjbcoursedetail div.d5d,.sjbcoursedetail div.d6d,.sjbcoursedetail div.d7d,.sjbcoursedetail div.d8d,.sjbcoursedetail div.d9d {
	width: 490px;
	height: 15px;
	float:left;
	margin-left:7px;
	font-size:.9em;
	font-weight:normal;
}
.sjbcoursedetail div.d9d {
	width:30px;
}
.sjbcoursedetail div.d10c {
	width: 280px;
	text-align:left;
	padding-left:70px;
}
.sjbcourseinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
	height:125px;
	padding:10px;
	margin-bottom:10px;
}
.sjbcourseinfo div.d1{
	width: 100%;
	height: 20px;
}
.sjbcourseinfo div.d2{
	width: 100%;
	height: 100px;
	font-weight:normal;
	overflow:auto;	
}
.sjbcourseclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
/*	width: 100%;*/
	height:250px;
	padding:10px;
	margin-bottom:10px;
/*	float:left;*/
}
.sjbcourseclass div.d1{
	width: 100%;
	height: 25px;
}
.sjbcourseclass div.d2{
	width: 100%;
	height: 220px;
	overflow:auto;	
}
.sjbcourseclass div.d3{
	width: 100%;
	height: 20px;
}
.sjbcourseclass div.d3c,.sjbcourseclass div.d3d {
	height: 15px;
	float:left;	
	font-size:.9em;	
	font-weight:normal;
}
.sjbcourseclass div.d3c {
	width: 150px;
	text-align:left;
}
.sjbcourseclass div.d3d {
	width: 450px;
	margin-left:10px;
}	
.sjbcoursequalification {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
/*	width: 290px;*/
	height:95px;
	padding:10px;
	margin-bottom:10px;
/*	float:left;*/
}
.sjbcoursequalification div.d1 {
	width: 100%;
	height: 25px;
}
.sjbcoursequalification div.d2 {
	width: 100%;
	height: 65px;
	font-weight:normal;
	overflow:auto;
}
.sjbcoursequalification div.d3 {
	width: 100%;
}
.sjbcoursefee {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
/*	width: 290px;*/
	height:200px;
	padding:10px;
	margin-bottom:10px;
/*	float:left;*/
}
.sjbcoursefee div.d1,.sjbcoursefee div.d2 {
	width: 100%;
	height: 20px;
}
.sjbcoursefee div.d1 {
	margin-bottom: 7px;
}
.sjbcoursefee div.d1c,.sjbcoursefee div.d1d,.sjbcoursefee div.d4c,.sjbcoursefee div.d4d {
	height: 20px;
}
.sjbcoursefee div.d1c {
	width: 180px;
	float:left;
}
.sjbcoursefee div.d1d,.sjbcoursefee div.d4d  {
	width: 100px;
	text-align:right;
	float:right;
}
.sjbcoursefee div.d3 {
	width:100%;
	height: 150px;
	overflow:auto;
}	
.sjbcoursefee div.d4c,.sjbcoursefee div.d4d {
	font-size:.9em;	
	font-weight:normal;
}
.sjbcoursefee div.d4c {
	width: 200px;
	float:left;
	margin-left:350px;
}
.sjbcoursepayment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1EEF0;
	border:1px solid #000000;
	font-size:.8em;
	font-weight:bold;
	height:200px;
	padding:10px;
	margin-bottom:10px;
}
.sjbcoursepayment div.d1,.sjbcoursepayment div.d2 {
	width: 100%;
	height: 20px;
}
.sjbcoursepayment div.d1 {
	margin-bottom: 7px;
}
.sjbcoursepayment div.d1c,.sjbcoursepayment div.d1d,.sjbcoursepayment div.d4c,.sjbcoursepayment div.d4d,.sjbcoursepayment div.d4p {
	height: 20px;
}
.sjbcoursepayment div.d1c {
	width: 180px;
	float:left;
}
.sjbcoursepayment div.d1d,.sjbcoursepayment div.d4d  {
	width: 100px;
	text-align:right;
	float:right;
}
.sjbcoursepayment div.d3 {
	width:100%;
	height: 150px;
	overflow:auto;
}	
.sjbcoursepayment div.d4c,.sjbcoursepayment div.d4d,.sjbcoursepayment div.d4p {
	font-size:.9em;	
	font-weight:normal;
	float:left;
}
.sjbcoursepayment div.d4c {
	width: 200px;
	margin-left:240px;
}
.sjbcoursepayment div.d4p {
	width: 130px;
	text-align:right;
}
/*09/03/2011*/
.sjbCentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 35px 0px;
	padding: 0px;
	width: 400px;
	overflow:visible;
}
.sjbCentre div.name {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: .8em;
	padding:1px 0px 1px 0px;
	margin-bottom:15px;
	border: 1px solid #000000;
	background-image:  url("../Images/Design/20x1_Grey-White.gif");
}
.sjbCentre div.time {
	font-size: .8em;
	color: #000000;
	text-align: left;
	padding: 3px;
	margin-bottom:20px;	
}
.sjbCentre div.book {
	width: 100%;
	height:80px;
	background-color:#F2F2F2;	
}
.sjbCentre div.links {
	width:280px;
	height:80px;
	float: right;
}
.sjbCentre img {
	height: 75px;
	width:110px;
	float:left;
}
.sjbCentre a.casual,.sjbCentre a.class,.sjbCentre a.course,.sjbCentre a.casualdisabled,.sjbCentre a.classdisabled,.sjbCentre a.coursedisabled {
	height: 18px;
	width:250px;
	padding: 1px 3px 1px 3px;
	margin-bottom:3px;
	display: block;
	font-size: .8em;
	text-align:center;
	color: #000000;
	border: 1px solid #000000;
	float:right;	
}
.sjbCentre a.casualdisabled,.sjbCentre a.classdisabled,.sjbCentre a.coursedisabled {
	color:#999999;
	cursor:default;
}
.sjbCentre a.casual:link,.sjbCentre a.class:link,.sjbCentre a.course:link,
.sjbCentre a.casual:visited,.sjbCentre a.class:visited,.sjbCentre a.course:visited,
.sjbCentre a.casual:active,.sjbCentre a.class:active,.sjbCentre a.course:active,
.sjbCentre a.casualdisabled:link,.sjbCentre a.classdisabled:link,.sjbCentre a.coursedisabled:link,
.sjbCentre a.casualdisabled:visited,.sjbCentre a.classdisabled:visited,.sjbCentre a.coursedisabled:visited,
.sjbCentre a.casualdisabled:active,.sjbCentre a.classdisabled:active,.sjbCentre a.coursedisabled:active {
	text-decoration: none;
}
.sjbCentre a.casual:hover,.sjbCentre a.class:hover,.sjbCentre a.course:hover {
	text-decoration: none;
	background-color: #C2C6C7;
}
.sjbCentre a.casualdisabled:hover,.sjbCentre a.classdisabled:hover,.sjbCentre a.coursedisabled:hover {
	text-decoration: none;
	cursor:default;
}
.sjbCentre a.contact:link,.sjbCentre a.contact:visited{
	color:#000000;
	text-decoration:underline;
}
.sjbCentre a.contact:hover,.sjbCentre a.contact:active{
	color:#0066CC;
	text-decoration:underline;
}
/*10/03/2011*/
.sjbClassSelect {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	margin-bottom:35px;
	overflow:visible;
	background-color:#F2F2F2;
	border: 1px solid #CCCCCC;
}
.sjbClassSelect div.caption,.sjbClassSelect div.dates,.sjbClassSelect div.class {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
	background-color:#A2ABAD;
	border: 1px solid #000000;
}
.sjbClassSelect div.captiontext,.sjbClassSelect div.datecaption {
	height: 20px;
	width: 200px;
	color: #000000;
	font-weight: bold;
	font-size:.8em;
	margin-top:2px;	
	margin-left:10px;	
	float: left;
}
.sjbClassSelect div.dates {
	height: 30px;
	background-color:#CAD6D8;
}
.sjbClassSelect div.datecaption {
	text-align:right;
	font-weight: normal;
	margin-top:6px;		
	margin-left:225px;	
}
.sjbClassSelect div.datelist {
	margin-top:4px;	
	margin-right:10px;	
	float: right;
}
.sjbClassSelect select.datelist {
	width:250px;
}
.sjbClassSelect div.classes {
	width:100%;
	margin-bottom:15px;
	overflow:visible;
}
.sjbClassSelect div.class {
	margin-bottom:3px;
	background-color:#E1EEF0;
}
.sjbClassSelect div.noclass,.sjbClassSelect a.class:link,.sjbClassSelect a.class:active,.sjbClassSelect a.class:visited {
	height: 18px;
	width: 684px;
	font-size:.8em;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	padding-top:2px;
	padding-left:10px;
	float:left;	
}
.sjbClassSelect a.class:hover {
	background-color:#A2ABAD;
}
.sjbClassDetail {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	height:260px;
	margin-bottom:35px;
	overflow:visible;
	background-color:#F2F2F2;
	border: 1px solid #CCCCCC;
}
.sjbClassDetail div.caption,.sjbClassDetail div.button {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
	background-color:#A2ABAD;
	border: 1px solid #000000;
}
.sjbClassDetail div.date,.sjbClassDetail div.detail,.sjbClassDetail div.time,.sjbClassDetail div.instructor,.sjbClassDetail div.price,.sjbClassDetail div.place {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
}
.sjbClassDetail div.date,.sjbClassDetail div.place,.sjbClassDetail div.button {
	background-color:#E1EEF0;
	border: 1px solid #CCCCCC;
}
.sjbClassDetail div.captiontext,.sjbClassDetail div.datetext,.sjbClassDetail div.detailtext,.sjbClassDetail div.timetext,.sjbClassDetail div.instructortext,.sjbClassDetail div.pricetext,.sjbClassDetail div.placetext {
	height: 20px;
	width: 200px;
	color: #000000;
	font-weight: bold;
	font-size:.8em;
	margin-top:2px;	
	margin-left:10px;	
	float: left;
}
.sjbClassDetail div.datetext,.sjbClassDetail div.detailtext,.sjbClassDetail div.timetext,.sjbClassDetail div.instructortext,.sjbClassDetail div.pricetext,.sjbClassDetail div.placetext {
	width: 600px;
	font-weight: normal;
}
.sjbClassDetail div.button {
	height: 34px;
	background-color:#CAD6D8;
}
.sjbClassSummary {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	height:230px;
	margin-bottom:35px;
	overflow:visible;
	background-color:#F2F2F2;
	border: 1px solid #CCCCCC;
}
.sjbClassSummary div.caption,.sjbClassSummary div.button {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
	background-color:#A2ABAD;
	border: 1px solid #000000;
}
.sjbClassSummary div.reserve,.sjbClassSummary div.detail,.sjbClassSummary div.date,.sjbClassSummary div.price,.sjbClassSummary div.expire {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
}
.sjbClassSummary div.reserve,.sjbClassSummary div.expire,.sjbClassSummary div.button {
	background-color:#E1EEF0;
	border: 1px solid #CCCCCC;
}
.sjbClassSummary div.captiontext,.sjbClassSummary div.reservetext,.sjbClassSummary div.detailtext,.sjbClassSummary div.datetext,.sjbClassSummary div.pricetext,.sjbClassSummary div.expiretext {
	height: 20px;
	width: 200px;
	color: #000000;
	font-weight: bold;
	font-size:.8em;
	margin-top:2px;	
	margin-left:10px;	
	float: left;
}
.sjbClassSummary div.reservetext,.sjbClassSummary div.detailtext,.sjbClassSummary div.datetext,.sjbClassSummary div.pricetext,.sjbClassSummary div.expiretext {
	width: 640px;
	font-weight: normal;
}
.sjbClassSummary div.expiretext {
	color:#FF0000;
}
.sjbClassSummary div.button {
	height: 34px;
	background-color:#CAD6D8;
}

.sjbClassWaitList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	height:230px;
	margin-bottom:35px;
	overflow:visible;
	background-color:#F2F2F2;
	border: 1px solid #CCCCCC;
}
.sjbClassWaitList div.caption,.sjbClassWaitList div.button {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
	background-color:#A2ABAD;
	border: 1px solid #000000;
}
.sjbClassWaitList div.reserve,.sjbClassWaitList div.detail,.sjbClassWaitList div.date,.sjbClassWaitList div.price,.sjbClassWaitList div.email {
	height: 20px;
	width: 694px;
	margin:2px 2px 10px 2px;
}
.sjbClassWaitList div.reserve,.sjbClassWaitList div.email,.sjbClassWaitList div.button {
	background-color:#E1EEF0;
	border: 1px solid #CCCCCC;
}
.sjbClassWaitList div.captiontext,.sjbClassWaitList div.reservetext,.sjbClassWaitList div.detailtext,.sjbClassWaitList div.datetext,.sjbClassWaitList div.pricetext,.sjbClassWaitList div.emailtext {
	height: 20px;
	width: 200px;
	color: #000000;
	font-weight: bold;
	font-size:.8em;
	margin-top:2px;	
	margin-left:10px;	
	float: left;
}
.sjbClassWaitList div.reservetext,.sjbClassWaitList div.detailtext,.sjbClassWaitList div.datetext,.sjbClassWaitList div.pricetext,.sjbClassWaitList div.emailtext {
	width: 640px;
	font-weight: normal;
}
.sjbClassWaitList div.button {
	height: 34px;
	background-color:#CAD6D8;
}
.sjbCourseHistory {
	background-color:#F0F6F8;	
	border:1px solid black;
	height: 400px;
	width: 100%;
	overflow:auto;
	margin-bottom:10px;
}
.sjbCourseHistory table.standard,.sjbCourseHistory table.extended {
	width: 670px;
	table-layout:fixed;
	background-color:#E1EEF0;
	border-collapse:collapse;
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
	margin-bottom:15px;
}
.sjbCourseHistory table.extended {
	width: 800px;
}
.sjbCourseHistory th.c0,.sjbCourseHistory th.c1,.sjbCourseHistory th.c2,.sjbCourseHistory th.c3,
.sjbCourseHistory td.c0,.sjbCourseHistory td.c1,.sjbCourseHistory td.c2,.sjbCourseHistory td.c3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	height:30px;
	width:140px;
	border:1px solid #B4BEC0;
	text-align:left;
	padding-left:7px;	
}
.sjbCourseHistory th.c0,.sjbCourseHistory th.c1,.sjbCourseHistory th.c2,.sjbCourseHistory th.c3 {
	background-color:#A2ABAD;
}
.sjbCourseHistory td.c0,.sjbCourseHistory td.c3 {
	background-color:#CAD6D8;	
}
.sjbCourseHistory th.c1,.sjbCourseHistory td.c1 {
/*Course Description (Standard)*/
	width:530px;	
}
.sjbCourseHistory th.c2,.sjbCourseHistory td.c2 {
/*Course Description (Extended)*/
	width:450px;
}
.sjbCourseHistory th.c3,.sjbCourseHistory td.c3 {
/*Forename*/
	width:210px;
}
.sjbCourseHistory td.c4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	height:30px;
	width: 680px;	
	text-align:left;
	padding-left:7px;	
}
.sjbCourseHistory a {
/*Course Description Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-style:italic;	
	text-decoration:none;
	color:#0033FF;
}