a { text-decoration:underline; color:#50708B; }
a:link { text-decoration:underline; color:#3366ff }
a:hover { text-decoration:underline; color:#0000ff }
a:visited { text-decoration:underline; color:#3366ff }

p.filter a:visited { color:#3366ff }
p.filter a:hover { color:#0000ff }

input[type="checkbox"]
{
	margin-left: 0px;
}

div.reponseMessage {
	font-weight: bold;
	color: #004422;
}

div.toolbar {
	/*background-color:#93AEBF;
	padding:2px;*/
	width:100%;
	padding:0px;
}

/* FLOATER */
#overlay {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 1000;
	background-image:url('../images/modal_bg_transparent.gif');
	background-repeat:repeat;
	text-align:center;
	font-size:0.8em;
	width:100%;
	height:100%;
}

/* Panel */
div.panelContainer
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	border-radius: 4px;
	margin: 0px auto 0px auto;
	padding: 12px;
	text-align: left;
	width: 400px;

	/* Shadows */
	-moz-box-shadow: 0px 1px 3px #CCCCCC;
	-webkit-box-shadow: 0px 1px 3px #CCCCCC;
	box-shadow: 0px 1px 3px #CCCCCC;
}

div.panelContainer h3
{
	color: #50708B;
    font-size: 1em;
    font-weight: bold;
    margin: 0px 0px 14px 0px;
    text-align: left;
}
div.panelContainer p
{
	color: #50708B;
	font-size: 0.9em;
	margin: 0px 0px 18px 0px;
}
div.panelContainer p.last
{
	margin-bottom: 0px;
}

/* Form */
form {
	margin:0px;
}

form.standardForm h3
{
	font-size: 0.9em;
	margin-bottom: 10px;
}
form.standardForm div.formGroup
{
	background-color: #EAF2F5;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 4px;
	padding: 10px;
}
form.standardForm h3,
form.standardForm div.formGroup div.formItem input,
form.standardForm div.formGroup div.formItem label,
form.standardForm div.formGroup div.formItem p,
form.standardForm div.formGroup div.formItem span
{
	color: #454D52;
}
form.standardForm div.formGroup div.formItem .formLabelDisabled,
form.standardForm div.formGroup div.formItem .textFieldDisabled
{
	color: #919BA2;
}
form.standardForm div.formItem
{
	font-size: 0.9em;
	margin-bottom: 10px;
}
form.standardForm div.formItem.noBottomMargin
{
	margin-bottom: 0px;
}
form.standardForm div.formItem label
{
	display: inline-block;
	color: #50708B;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
}
form.standardForm div.formItem input
{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #8F8F8F #C2C2C2 #CFCFCF #C2C2C2;
	border-radius: 3px 3px 3px 3px;
	border-width: 1px;
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
}
form.standardForm div.formItem .textFieldDisabled
{
	border-color: #A9A9A9 #DCDCDC #E9E9E9 #DCDCDC;
}
form.standardForm div.formItem .textFieldReadOnly
{
	background-color: #F4F4F4;
	border-color: #F4F4F4;

	-webkit-text-fill-color: #50708B;
}
form.standardForm div.formItem .formLabelDisabled,
form.standardForm div.formItem .textFieldDisabled
{
	color: #A6BACB;	
}
form.standardForm div.formItem input.checkbox
{
	border-style: none;
	border-radius: 0 0 0 0;
	padding: 0px;
	width: auto;
}
form.standardForm div.formItem select
{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #8F8F8F #C2C2C2 #CFCFCF #C2C2C2;
	border-radius: 3px 3px 3px 3px;
	border-width: 1px;
	margin: 0px;
	padding: 2px;
	vertical-align: middle;
}
form.standardForm div.formItem .rightMargin
{
	margin-right: 10px;
}
form.standardForm div.buttonBar
{
	text-align: right;
}
form.standardForm div.buttonBar input
{
	margin: 0px;
}
form.standardForm div.buttonBar input.large
{
	width: 80px;
}
form.standardForm .hintText
{
	margin: 2px 0 0 100px;
	font-size: 10px;
}
form.standardForm .checkboxHint
{
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
	vertical-align: top;
}

div.pageContent {
	width:100%;
}

div.overlay {
	background-image:url('../images/modal_bg.gif');
	background-repeat:repeat;
	display:none;
	position:fixed;
	text-align:center;
	font-size:0.8em;
	width:100%;
	height:100%;
	z-index:50;
}

body {
	font: 1em arial,verdana,helvetica,sans-serif;
	margin: 0px;
	min-width: 600px;
}

p.bodyText {
	font-size:0.9em;
	color:#50708B;
}


/* FORM ELEMENTS */

p.formLabel
{
	font-size:0.9em;
	/*color: #50708B; */
	color: black;
	text-align: left;
}

p.formLabelDisabled
{
	font-size:0.9em;
	color: #A2ACB3;
	text-align: left;
}

td.formLabel
{
	font-size:0.9em;
	color: #50708B;
	text-align: left;
	vertical-align: middle;
}

input.textField
{
	font-size: 0.9em;
	border-style:solid;
	border-width:1px;
	border-color:#96B4CE;
	color:#50708B;
	width: inherit;
	text-align: left;
}

input.textFieldDisabled
{
	color: #50708B;
}

td.textField
{
	vertical-align: middle;
}

td.textFieldDisabled
{
	font-size:0.9em;
	color: #50708B;
	font-weight:bold;
	border-style: none;
	text-align: left;
}

p.formDataFixed {
	font-size:0.9em;
	color: #50708B;
	font-weight:bold;
}

table.panelContent
{
	margin:10px;
}

/*
table.panelContent td
{
	padding: 2px;
}
*/

table.panelContent td.panelHeading
{
	font-size:1em;
	font-weight:bold;
	color:#50708B;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 10px;
}


/* SIDE PANEL ELEMENTS */

div.panelHeading {
	background-image:url(../images/subheading_bg.gif);
	background-repeat:repeat-y;
	background-color:#C2D3DA;

	font-size: 0.9em;
	font-weight: bold;
	/*background-color: #7597AE;*/
	padding:2px;
	padding-left:5px;
	color:#ffffff;
}

div.panelFormHeading {
	background-image:url('../images/modal_bg.gif');
	font-weight: bold;
	font-size: 0.9em;
	margin-left:-4px;
	padding-left:5px;
	padding-top:2px;
}

p.panelFormText {
	color:#000000;
	font-size:0.8em;

}

div.panelForm {
	margin: 5px;
	padding:5px;
	background-color: #D8E6EC;
	border-style: solid;
	border-width:1px;
	border-color: #4F689A;
}

div.panelEnrol {
	margin: 5px;
	padding:5px;
	background-color: #D9ECD8;
	border-style: solid;
	border-width:1px;
	border-color: #7C8B7B;
}

div.panelCaution {
	margin: 5px;
	padding:5px;
	background-color: #F9D4CF;
	border-style: solid;
	border-width:1px;
	border-color: #E53D27;
}


/* SIGN-IN PAGE */
div#signInPanel
{
	text-align: left;
}
div#customerlogodiv
{
	/* Hide until logo known */
	visibility: hidden;
	display: none;
	margin: 10px;
}

/* MY COURSES PAGE */

p.panelHeadingSmall {
	font-size:0.7em;
	color:#50708B;
	/*visibility:hidden;*/}

p.tableContentSmall {
	font-size:0.7em;
	color:#797979;}

p.panelHeading.a {
	color:#50708B;
}
p.panelHeading.a:link {
	color:#50708B;
}
p.panelHeading.a:visited {
	color:#50708B;
}
p.panelHeading.a:hover {
	color:#F05B54;
}

a.courseGroupTitle:link { color:#50708B; text-decoration:none }
a.courseGroupTitle:hover { color:#50708B; text-decoration:none }
a.courseGroupTitle:visited { color:#50708B; text-decoration:none }

p.courseTitle {
	font-size:0.9em;}

p.courseTitle a {
	background-color:#ffffff;
	padding-right:5px;}

p.courseTitle a:visited { text-decoration:underline; color:#3366ff }
p.courseTitle a:hover { text-decoration:underline; color:#0000ff }

p.courseDescription {
	font-size: 0.8em;
	color:#4F4F4F;}

td.colourColumn {
	background-color:#F9FAFB;}

td.tableTreeStem {
	background-image:url('../images/table_tree_vstem.gif');
	background-repeat:repeat-y;
	background-position:top left;
	padding-right:7px;}

td.tableTreeBranch {

	background-image:url('../images/table_tree_hstem.gif');
	background-repeat:repeat-x;
	background-position:center;}

/* subheading */
div.subheading {
	background-image:url(../images/subheading_bg.gif);
	background-repeat:repeat-y;
	background-color:#C2D3DA;
	color:#ffffff;
	margin-bottom:0px;
	}

div.subheading table
{
	width: 100%;
	border-width: 0px;
	padding: 0px;
}

div.subheading td
{
	vertical-align: middle;
	padding: 1px 1px 1px 4px;
}

div.subheading p
{
	font-size: 1.4em;
	color: #ffffff;
	font-weight:bold;
	margin:0px;
	padding: 0px;
}

div.subheading img#pageicon
{
}


/* header info bar & footer */
div.headerInfoBar,
div.footer
{
	background-color:#4A687D;
	color:#ffffff;
	font-size: 0.7em;
	min-height: 20px;
}

div.headerInfoBar p,
div.footer p
{
	margin: 3px 0px 3px 0px;
	padding: 0px 6px 0px 6px;
}

div.footer
{
	margin-top:20px;
}

div.footerShadow {
	background: url('../images/footer_shadow.jpg') repeat-x;
	height: 7px;
}

div.shadow {
	background-image:url(../images/shadow_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#ffffff;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

div.clear
{
	clear: both;
	font-size: 0px;
	height: 0px;
}

p.filter {
	font-size:0.8em;
	color: #000000;}

p.mainHeading
{
	font-size: 1.4em;
	color: #ffffff;
	font-weight:bold;
	margin:0px;
	padding: 0px;
}

div.mainContent {
	background-color: #ffffff;
}

td.tabHeadingSmall {
	font-size: 0.7em;}

/* Panels */
table.panelOutline
{
	margin-bottom:10px;
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	table-layout:fixed;
}

td.panelTopLeft
{
	background-image:url(../images/table_top_left.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width: 20px;
	height: 5px;
}

td.panelTop
{
	background-image:url(../images/table_top.gif);background-repeat:repeat-x;background-position:top left;
	height: 5px;
}

td.panelTopRight
{
	background-image:url(../images/table_top_right.gif);background-repeat:no-repeat;background-position:bottom left;
	width: 20px;
	height: 5px;
}

td.panelRight
{
	background-image:url(../images/table_right.gif);background-repeat:repeat-y;background-position:top left;
	width: 20px;
}

td.panelBottom
{
	background-image:url(../images/table_bottom.gif);background-repeat:repeat-x;background-position:top right;
	width: 20px;
	height: 5px;
}

td.panelBottomRight
{
	background-image:url(../images/table_bottom_right.gif); background-repeat:no-repeat; background-position:top left;
	width: 20px;
	height: 5px;
}

td.panelBottomLeft
{
	background-image:url(../images/table_bottom_left.gif); background-repeat:no-repeat; background-position:top right;
	width: 20px;
	height: 5px;
}

td.panelLeft
{
	background-image:url(../images/table_left.gif); background-repeat:repeat-y;background-position:top right;
	width: 20px;
}

td.panelContent
{
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
}


/*  Feathered Borders */
div.fb1
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #fafafa;
}
div.fb2
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #f6f6f6;		
}
div.fb3
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #f3f3f3;				
}
div.fb4
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #efefef;				
}
div.fb5
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #fafafa;				
}