/* CSS style for Xperts Course site 
Designed by Jiet Chong
Date: 11 Oct 2007
Modidied: 05 July 2010
All right reserved.
Version 2.0
*/


/* Layout style */
/******************************************************/
body {
	margin: 0px;
	background-image: url(../images/xpertcourse_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f4faf0;
}
#contentWrapper {
	margin: auto;
	width: 900px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f2f2f2;
	border-left-color: #f2f2f2;
	background-color: #FFFFFF;
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header {
	height: 150px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#headerlogo {
	padding-top: 25px;
	padding-left: 53px;
}
#headerimage {
	height: 180px;
	width: 550px;
	float: right;
	text-align: right;
	vertical-align: top;
	padding-right: 130px;
}
#contentcontainer {
	
}
#leftpanel {
	float: left;
	width: 220px;
	background-image: url(../images/navshadow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 28px;
}
#navpanel {
	margin-right: 20px;
	margin-left: 9px;
	background-color: #eff4e6;
	padding-top: 10px;
	padding-left: 18px;
	padding-bottom: 150px;
	/*background-image: url(../images/leftpanel_gfx.jpg);*/
	background-repeat: no-repeat;
	background-position: center bottom;
}
#contentpanel {
	float: left;
	width: 652px;
	padding-top: 30px;
	padding-right: 28px;
	padding-bottom: 28px;
	text-align: left;
	vertical-align: top;
}
#footer {
	clear: both;
	height: 50px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
}
#clearer {
	clear: both;
}
#loginbox {
	margin-right: 20px;
	margin-top: 25px;
	background-color: #dce7c5;
}
.lbtopbar {
	background-image: url(../images/lbtopbar.gif);
	background-repeat: no-repeat;
	height: 4px;
	width: 153px;
}
.lbbotbar {
	background-image: url(../images/lbbotbar.gif);
	background-repeat: no-repeat;
	height: 4px;
	width: 153px;
	background-position: bottom;
}
.lbtextbox {
	/*background-image: url(../images/lb_gfx.gif);*/
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	background-position: 5px 5px;
}

.lbtextbox a{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3300;
	font-size: 11px;
	padding-top: 5px;
	display: block;	
}
.lbtextbox a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #336600;
	font-size: 11px;
	padding-top: 5px;
	display: block;
	text-decoration: none;
}
.featurebox {
	border: 1px solid #e0e0e0;
	background-image: url(../images/fbox_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.fboximg {
	text-align: left;
	vertical-align: top;
	padding: 6px;
	width: 198px;
}
.leftpicture {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.rightpicture {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.stickies {
	background-image: url(../images/stickienote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 20px;
	width: 120px;
	height: 160px;
}
.marketing {
	margin-top: 20px;
	float: right;
}

/* Page related background graphic */
/******************************************************/
.aboutpagebg {
	/*background-image: url(../images/about_sidebg.jpg);*/
	background-repeat: no-repeat;
	background-position: right 20px;
}

.newcoursepagebg {
	/*background-image: url(../images/comingup_sidebg.jpg);*/
	background-repeat: no-repeat;
	background-position: right 150px;
}

.coursecatpagebg {
	/*background-image: url(../images/catalogue_sidebg.jpg);*/
	background-repeat: no-repeat;
	background-position: right 20px;
}

.contactpagebg {
	/*background-image: url(../images/contact_sidebg.jpg);*/
	background-repeat: no-repeat;
	background-position: right 250px;
}
.mycoursepagebg {
	/*background-image: url(../images/mycourse_sidebg.jpg);*/
	background-repeat: no-repeat;
	background-position: right 250px;
}
/* Text style */
/******************************************************/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: strong;
	color: #619a3e;
	font-size: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*h1:first-letter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #336600;
	font-size: 32px;
}*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	background-image: url(../images/gradientbar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 25px;
}
h2:first-letter {
	font-family: Verdana, Arial;
	font-size: 24px;
	color: #666666;
	font-weight: normal;
}
.fronth2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
}
/*.fronth2:first-letter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #666666;
	font-weight: normal;
}*/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4C7626;
}
hr {
	color: #999999;
	text-decoration: none;
}
.quote {
	color: #666666;
}
.tagline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f5f5f5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: 20px;
}
.highlight {
	background-color: #99cc00;
	padding: 5px;
}
.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336600;
	margin-bottom: 20px;
	margin-top: 20px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
}
p a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
ul {
	background-color: #eff4e6;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	list-style-type: square;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
ol li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	/*list-style-type: square;*/
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
ol.alphalist {
	background-color: #ECECEC;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
ol.alphalist li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	list-style-type: lower-alpha;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
#footertext {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-top: 10px;
}
#footertext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669933;
	text-decoration: underline;
}
#footertext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.fboxinfo {
	text-align: left;
	vertical-align: top;
}
.fboxtitle {
	background-color: #669900;
	background-image: url(../images/fboxtitle_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0F0F0;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.fboxtext {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.fboxtext p{
	font-family: /images/fboxtitle_bg.gif;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	line-height: 14px;
}
.fboxtext p a{
	color: #cc6600;
	text-decoration: underline;
	font-weight: bold;
}
.fboxtext p a:hover{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.levelcolour {
	color: #333333;
	text-transform: uppercase;
}
.topmessage {
	background-color: #eff4e6;
	margin-bottom: 20px;
	padding: 10px 10px 5px;
}

/* Button style */
/******************************************************/
.navbutton {
}
.navbutton a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4e2b8;
	color: #336600;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}
.navbutton a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CC00;
	color: #99CC00;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}
.navbuttonvisited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
	padding-top: 5px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	padding-left: 8px;
}
#gototopbtn {
	float: right;
	height: 28px;
	width: 28px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
.logbtn {
	padding: 1px;
	margin-top: 10px;
	margin-right: 20px;
	border: 1px solid #FFFFFF;
	margin-bottom: 10px;
}
.logbtn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/green_button_bg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #669900;
}
.logbtn a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/grey_button_bg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #676767;
}
.enrolbtn {
	padding: 1px;
	border: 1px solid #FFFFFF;
}
.enrolbtn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/green_button_bg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #669900;
}
.enrolbtn a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/grey_button_bg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #676767;
}
.backbtn {
	padding: 1px;
	border: 1px solid #FFFFFF;
	margin-right: 480px;
}
.backbtn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/brown_button_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #669900;
}
.backbtn a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/grey_button_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #676767;
}
.tableinfo .editbutton {
	padding: 1px;
	border: 1px solid #FFFFFF;
}
.tableinfo .editbutton a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/brown_button_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #669900;
}
.tableinfo .editbutton a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/grey_button_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
	display: block;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: none;
	text-align: center;
	background-color: #676767;
}
.generictablecell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}
/* Form style */
/******************************************************/
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

input, textarea
{
	color: #666666;
	border: 1px solid #85AD33;
	background-color: #EFF4E6;
}

.submit input
{
	margin-left: 4.5em;
	border: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/brown_button_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #F0F0F0;
	background-color: #77682d;
	padding: 5px;
} 
fieldset
{
	border: 1px solid #CCCCCC;
	width: 20em
}

legend
{
	color: #666666;
	border: 1px solid #666666;
	padding: 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	font-size: 14px;
}
fieldset.fullform
{
	border: 1px solid #CCCCCC;
	width: 32em
}
	
fieldset.fullform label
{
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
.fullsubmit input
{
	
	border: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/brown_button_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #F0F0F0;
	background-color: #77682d;
	padding: 5px;
}

fieldset.loginform label
{
	width: 5em;
	float: left;
	text-align: right;
	margin-right: 0.6em;
	display: block
}
fieldset.extendfullform
{
	border: 1px solid #CCCCCC;
	width: 32em
}
	
fieldset.extendfullform label
{
	width: 20em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

/* Table Style */
/******************************************************/
.catcoursetitle {
	background-color: #EFF4E6;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.catcoursetitle a{
	background-color: #EFF4E6;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #003300;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 12px;
	background-image: url(../images/cattitle_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.catcoursetitle a:hover {
	background-color: #EFF4E6;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #993300;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 12px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
.catenrolbutton {
	width: 20%;
	background-color: #EFF4E6;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.catenrolbutton input {
	border: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/brown_button_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #F0F0F0;
	background-color: #77682d;
	padding: 5px;
} 
.tableheading {
	padding: 5px;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tableheading a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #669900;
	text-decoration: underline;
}
.tableheading a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
.tableinfo {
	background-color: #F0F0F0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83AC33;
}
.tableinfo a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
	text-decoration: underline;
}
.tableinfo a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.tablehiddeninfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9900;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 40px;
	background-image: url(../images/caution_icon.gif);
	background-repeat: no-repeat;
	background-position: 15px 18px;
}
.tableheadinggreen {
	padding: 5px;
	background-color: #336600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tableinfogreen {
	background-color: #EFF4E6;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.textmessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	padding-top:5px;
}
/* Style for Course page */
/******************************************************/
.cpboxtext {
	background-color: #ebeaea;
	padding: 8px;
}
.cpboxtopleft {
	background-image: url(../images/cpbox_top_left_crn.gif);
	height: 6px;
	width: 6px;
	background-repeat: no-repeat;
	background-position: left top;
}
.cpboxbotleft {
	background-image: url(../images/cpbox_bot_left_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	width: 6px;
}
.cpboxbotright {
	background-image: url(../images/cpbox_bot_right_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	width: 6px;
}
.cpboxtopright {
	background-image: url(../images/cpbox_top_right_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	width: 6px;
}
.tbleft {
	width: 9px;
	background-image: url(../images/tb_leftbox.gif);
	background-repeat: repeat-y;
}
.pagetitlepic {
	margin-top: 20px;
	margin-bottom: 5px;
}
.tbtext {
	background-image: url(../images/tb_inner_shade2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	vertical-align: top;
	padding: 15px;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.tbright {
	background-image: url(../images/tb_rightbox.gif);
	background-repeat: repeat-y;
	width: 9px;
}
.tbphoto {
	padding: 8px;
	text-align: left;
	vertical-align: top;
	background-image: url(../images/tb_inner_shade1.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.dlbox {
	border: 3px solid #F4F4F4;
}
.dltitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336633;
	text-align: left;
	vertical-align: top;
	padding: 2px 4px;
}
.dlfiletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-align: left;
	vertical-align: top;
	display: block;
	margin-bottom: 4px;
	padding-left: 12px;
	background-image: url(../images/cp_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.dlfiletext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
}
.dlfiletext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.tbtopleft {
	height: 9px;
	width: 9px;
	background-image: url(../images/tb_top_left_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tbtop {
	background-image: url(../images/tb_topbox.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.tbtopright {
	height: 9px;
	width: 9px;
	background-image: url(../images/tb_top_right_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tbbotleft {
	height: 9px;
	width: 9px;
	background-image: url(../images/tb_bot_left_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tbbot {
	background-image: url(../images/tb_botbox.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.tbbotright {
	height: 9px;
	width: 9px;
	background-image: url(../images/tb_bot_right_crn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Course page style */
.gradienttitlebar {
	background-image: url(../images/coursepagettl_bg.gif);
	background-repeat: repeat-x;
	background-position: top;	
}
.elementtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #336600;
	height: 30px;
	padding-top: 6px;
	
}
#tutortitle {
	background-image: url(../images/tutor_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 10px;
}
#ezinetitle {
	background-image: url(../images/ezine_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 50px;
}
#forumtitle {
	background-image: url(../images/forum_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 50px;
}
#downtitle {
	background-image: url(../images/download_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 50px;
}
#contacttutortitle {
	background-image: url(../images/contacttutor_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 50px;
}
#quiztitle {
	background-image: url(../images/quiz_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 50px;
}
#webtitle {
	background-image: url(../images/download_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left: 50px;
}
.coursepageinfobox {
	padding:0px 10px 10px 10px;
	background-image: url(../images/coursepageinfobox_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom:5px;
}
.coursepagebutton a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/coursepage_but_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 26px;
	width: 200px;
	padding-top: 8px;
}
.coursepagebutton a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/coursepage_but_rl_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 26px;
	width: 200px;
	padding-top: 8px;
}

.leftextrabox {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 40px;
	margin-right: 20px;
	border: 1px solid #99CC66;
}
.leftextrabox a{
	color: #669933;
	text-decoration: none;
}
.leftextrabox a:hover{
	color: #003300;
	text-decoration: underline;
}
.leftextraboxtwo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669933;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	margin-right: 20px;
	border: 1px solid #99CC66;
}
.leftextraboxtwo a{
	color: #669933;
	text-decoration: none;
	font-size: 10px;
}
.leftextraboxtwo a:hover{
	color: #003300;
	text-decoration: underline;
	font-size: 10px;
}