@media screen,handheld,projection {
	/* This must be decalerd in the scree css*/
.print-only
	{
		display:none;
	}
}

#menu li
{
	float:left;
	list-style:none;
	margin:0;
	padding:0.6em 1em 0.4em;
	position:relative;
	z-index:2;
}

#menu li li a
{
	display:block;
	padding:0.5em 0;
	width:18em;
}

#menu li li li
{
	background-color:#BDD8EC;
}

#menu li li li a
{
	display:block;
	width:13em;
}

#menu ul
{
	margin:0;
	padding:0;
	z-index:1;
}

#menu ul li.active,#top_right_nav li.active
{
	background:url(images/mainnav-li-highlight.png) top left transparent repeat-x;
}

#menu ul li:hover
{
	z-index:4;
}

#menu ul li:hover ul
{
	background-color:transparent;
	display:block;
}

#menu ul li:hover ul li:hover ul
{
	background-color:transparent;
	display:block;
}

#menu ul ul
{
	background-color:transparent;
	border-collapse:collapse;
	display:none;
	left:0;
	padding-top:0.5em;
	position:absolute;
	top:2em;
	z-index:3;
}

#menu ul ul li
{
	background-color:#CDE8FC;
	border:solid #FFF;
	border-width:0 1px 1px;
	float:none;
	margin:0;
	padding:0 0.5em;
	width:18em;
}

#menu ul ul li.separate-before
{
	border-top-width: 2px;
}

#menu ul ul li.seperate-after
{
	border-bottom:2px #999 solid;
}

#menu ul ul li.seperator
{
	background:#999;
	border-bottom:1px #999 solid;
	display:none;
	height:0;
}

#menu ul ul li:first-child
{
	border-top:1px solid #FFF;
}

#menu ul ul ul
{
	left:19em;
	padding-top:0;
	top:-1px;
}

#menu ul,#menu li,div.portfolio-graph-question-texts ol li
{
	list-style-image:none;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height:1%;
}

* html div.portfolio,* html div.leftcol
{
	width:79%;
}



.aggregate.concise label.choice
{
	background:transparent;
	border:none;
	font-size:1.3em;
	padding:0;
}

.align-left
{
	text-align:left;
}

.align-right
{
	text-align:right;
}

.breadcrumb
{
	clear:both;
	font-size:90%;
	padding-bottom:5px;
	padding-top:8px;
}

.breadcrumb a
{
	color:#076EA8;
}

.but-addperson
{
	background-color:transparent;
	background-image:url(images/but-addperson.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
	height:22px;
	width:99px;
}

.but-findperson
{
	background-color:transparent;
	background-image:url(images/but-findperson.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
	height:22px;
	width:99px;
}

.but-send-msf
{
	background-color:transparent;
	background-image:url(images/but-send-msf.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
	height:22px;
	width:192px;
}

/*----------------------
  BUTTONS
   ---------------------------*/
.but_accept
{
	background-color:transparent;
}

.clearfix
{
	display:block;
}

.clearfix:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:1px;
	visibility:hidden;
	width:0;
}

.concise label.choice.selected
{
	background:none;
	border:none;
	margin:0;
	padding:0;
}

.content
{
	font-size:70%;
	padding-bottom:10px;
	padding-left:1em;
	padding-right:1em;
}

.content h1,.content h2
{
	color:#4A4631;
	font-size:100%;
	text-transform:uppercase;
}

.content p,li
{
	color:#676767;
}

/* CUSTOM CLASSES */
.content-wrapper
{
	background-color:#FFF;
	clear:both;
	width:100%;
}

.copyright
{
	float:left;
	margin-top:-10px;
	padding-left:20px;
}

.filter fieldset
{
	margin-bottom:1em;
}

.form-note
{
	margin-left:10px;
}

.form-section div.form-section-description
{
	background-color:#FEFFEA;
	display:block;
	margin:0 2px 10px;
	padding:5px;
	width:auto;
}
#assessment-form label.error{
	font-weight: bold;
}

/*-------------------
 ASSESSMENT
 ------------------*/
.form-section h2
{
	background-color:#8AC1E6;
	border-left:5px solid #8AC1E6;
	display:block;
	margin:10px 2px 0;
	padding:5px 0;
	width:auto;
}

.header
{
	background-image:url(images/bg-header.png);
	background-position:top right;
	background-repeat:repeat-x;
	height:80px;
	overflow:hidden;
	position:relative;
	width:100%;
}

.header div.head-logo
{
	float:left;
	margin-left:0;
	margin-top:0;
	padding-top:0;
}

.headerbar
{
	background-color:#8AC1E6;
	clear:left;
	font-size:90%;
	font-weight:600;
	height:33px;
	padding:0 0 0 1%;
	text-transform:uppercase;
	width:99%;
}

.headerbar img
{
	margin-top:5px;
	padding-left:2px;
}

.headerbar span.title
{
	display:block;
	height:24px;
	padding-left:4px;
	padding-top:12px;
	width:50%;
}

/*Matt added styles from form rendering */
.input label.radio
{
	border:1px dotted #AAA;
	display:inline-block;
	margin:0 10px 0 0;
	padding:0 0.2em 0.1em 0.5em;
	vertical-align:middle;
}

.input label.radio input
{
	border:none;
	margin:0 0.3em 0 0;
	padding:0;
	vertical-align:middle;
}

.input label.radio.checked span
{
	background:transparent url(/images/tick.png) left center no-repeat;
}

.input label.radio.checked span,.input label.radio.unchecked span
{
	display:block;
	padding-left:1.3em;
	text-indent:-1000em;
	white-space:nowrap;
}

.input label.radio.unchecked,.input label.radio.checked
{
	color:#000;
	text-indent:0;
	white-space:nowrap;
}

/*
added 15.01.2007*/
.jscal-button
{
	background-color:transparent;
	background-image:url(images/ico-calendar.png);
	background-repeat:no-repeat;
	border:none;
	height:23px;
	width:23px;
}

.jscal-date
{
	width:6em;
}

.jscal-datetime
{
	width:9em;
}

.learning-outcome
{
	font-style:italic;
}

.leftcontent ol,.fullcontent ol
{
	margin:10px;
	padding:10px;
}

.leftcontent,.fullcontent
{
	background-color:#D7F0FF;
	padding:10px;
}

.legal
{
	float:right;
	padding-right:32px;
	padding-top:0;
}

.level1,.level2,level3
{
	text-indent:5px;
}

/*-- Utility Links --*/
.links
{
	bottom:0;
	font-size:60%;
	font-weight:700;
	height:30px;
	overflow:hidden;
	padding:0 0 0 10px;
	position:absolute;
	right:3%;
	text-align:center;
	text-transform:uppercase;
}

.links div.layout.right
{
	background-image:url(images/bg-navbar-right.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	height:33px;
	width:23px;
}

.links div.layout.tail
{
	background-color:#ACD9F7;
	background-image:url(images/mainnav-li.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	height:33px;
	width:2px;
}

.links ul
{
	background-image:url(images/bg-navbar-left.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	height:33px;
	margin:0;
	padding:0 0 0 15px;
	text-align:center;
}

.links ul li
{
	background-image:url(images/mainnav-li.png);
	background-repeat:no-repeat;
	float:left;
	height:29px;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.links ul li a
{
	color:#313A91;
	margin-top:10px;
	padding-top:10px;
	text-decoration:none;
}

.mainnav
{
	background-color:#acd9f7;
	background-image:url(images/bg-navbar.png);
	background-position:top right;
	background-repeat:repeat-x;
	font-size:65%;
	height:2.5em;
	margin:0 33px;
	padding:0 0 0 5px;
}

.mainnav li
{
	background-image:url(images/mainnav-li.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	font-weight:700;
	list-style:none;
	padding-right:1.5em;
	text-transform:uppercase;
}

.mainnav li a,.mainnav li.dir.closed
{
	color:#003A91;
	text-decoration:none;
}

.mainnav ul.navigation
{
	background-image:url(images/mainnav-li.png);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	margin-bottom:0;
	margin-left:4px;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
}

/*-- Menus & Navigation --*/
.mainnav-wrapper
{
	background-color:#acd9f7;
	border-bottom:1px solid #5D98C0;
	margin:0 0 5px;
	padding:0;
}

.mainnav-wrapper div.layout.tail
{
	background-color:#115081;
	background-image:url(images/bg-navbar-right.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	height:33px;
	width:23px;
}

.mainnav-wrapper div.leftc
{
	background-image:url(images/bg-navbar-left.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.mainnav-wrapper div.rightc
{
	background-image:url(images/bg-navbar-right.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.notification-preview
{
	background:#FFF url(/images/bg-paper-curl-bottom-right.png) no-repeat bottom right;
	border:1px solid #CCC;
	display:none;
	margin:1em 25%;
	padding:0.6em;
}

.notification-preview .subject
{
	font-size:1.1em;
}

.notification-preview .title
{
	background:#CCC url(/images/ico-email-48.png) no-repeat center left;
	display:block;
	font-size:1.1em;
	margin-bottom:0.6em;
	padding-bottom:1em;
	padding-left:48px;
	padding-top:1em;
}

.order-down,.order-up
{
	background-image:url(images/order-down.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-left:15px;
}

.order-up
{
	background-image:url(images/order-up.png);
}

div.pager {
background-color:#f5f5f5;
border:1px solid #d7d7d7;
margin:0.4em 1%;
padding:2px
}

th.pager {
background-color:white;
padding:3px
}

.pager .dg-pager-page-links {
	float:left;
	padding:0.4em 0.5em 0;
}

.pager .dg-pager-page-links a {
border:1px solid #dedede;
text-decoration:none;
padding:0 0.3em
}

.pager .dg-pager-page-links a:hover {
background:#dedede
}

.pager  .dg-pager-page-links b {
border:1px solid #dedede;
background:#dedede;
padding:0 0.3em
}

.pager .dg-record-count {
font-weight:bold;
float:right;
padding:0.4em 0.2em 0.2em
}

.pager .records-per-page {
font-weight:normal;
display:none
}

.align-left {
text-align:left
}

.panel p
{
	margin:0 2%;
	padding:0 2%;
}

.panel table
{
	margin:0.5%;
}

.panel ul li
{
	list-style-image:url(images/li-arrow2.png);
}

.panel ul li a
{
	font-weight:500;
}



.right,.button.right
{
	float:right;
}

.right-col-narrow div.filters fieldset
{
	border:1px solid #C0DEF1;
	margin-bottom:0.5em;
	padding:0 0.3em 0.5em;
}

.right-col-narrow div.filters fieldset legend
{
	color:#575757;
	font-weight:700;
	padding-bottom:0.5em;
}
.right-col div.filters,.right-col div.section
{
	border:1px solid #C0DEF1;
	padding:0.5em;
}
.right-col-narrow div.filters,.right-col-narrow div.section
{
	border:1px solid #C0DEF1;
	padding:0.5em;
}

.search
{
	background-image:url(images/bg-search.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:26px;
	width:100%;
}

/*-- Search --*/
.search-content
{
	float:right;
	margin-top:-1px;
	padding-right:36px;
}

.search-content input.button
{
	font-size:80%;
	margin-top:2px;
	padding-left:2px;
	padding-right:2px;
}

.search-content input.field
{
	font-size:80%;
	margin-top:2px;
	width:110px;
}

.shell
{
	background-color:#FFF;
	background-image:url(images/footer-left-corner.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	margin-bottom:0;
	margin-top:0;
	padding-bottom:20px;
	padding-top:0;
	width:100%;
}

.subnav
{
	float:left;
	padding-left:2%;
	width:18%;
}

.subnav ul
{
	list-style:none;
	margin:0 0 23px;
	padding:0;
}

.subnav ul li
{
	background-image:url(images/bg-li.png);
	background-repeat:no-repeat;
	font-size:1em;
	height:22px;
	margin:0;
	padding:4px 0 0 11px;
	width:140px;
}

.subnav ul li a
{
	color:#003A91;
	margin-top:4px;
	text-decoration:none;
}

.subnav ul li.close
{
	background-image:url(images/bg-li-last.png);
	background-repeat:no-repeat;
}

.subnav ul li.first
{
	background-image:url(images/bg-li-first.png);
	background-repeat:no-repeat;
}

.titlebar
{
	background-color:#A1CBE6;
	background-image:url(images/bg-titlebar.png);
	background-position:top left;
	background-repeat:repeat-x;
	border-bottom:1px solid #FFF;
	font-size:90%;
	font-weight:600;
	text-transform:uppercase;
}

.titlebar h1,h1.personalactivity,h1.sharedactivities,h1.tasks,h1.legend,h1.logbook,h1.profile,h1.calendar,h1.review,h1.login,h1.file,h1.help,h1.tips,h1.docs,h1.overview,h1.assessment,h1.assessment-rejected,h1.learning,h1.cpd,h1.personalresources,h1.event,h1.tools,h1.filters,h1.folder,h1.msg,h1.report,h1.login,h1.alert,h1.relationships,h1.audit
{
	background:url(images/ico-neutral.png) transparent 2px center no-repeat;
	margin:0;
	padding:10px 0 8px 28px;
}

.titlebar h1.alert,h1.alert
{
	background-image:url(images/ico-alerts.png);
}

.titlebar h1.event,h1.event
{
	background-image:url(images/ico-event.png);
}

.titlebar h1.folder,h1.folder
{
	background-image:url(images/ico-folder.png);
}

.titlebar h1.legend,h1.legend
{
	background-image:url(images/ico-legend.png);
}

.titlebar h1.logbook,h1.logbook
{
	background-image:url(images/ico-logbook.png);
}

.titlebar h1.msg,h1.msg
{
	background-image:url(images/ico-msg.png);
}

.titlebar h1.personalactivity,h1.personalactivity
{
	background-image:url(images/ico-personalactivity.png);
}

.titlebar h1.personalresources,h1.personalresources
{
	background-image:url(images/ico-personalresources.png);
}

.titlebar h1.profile,h1.profile
{
	background-image:url(images/ico-profile.png);
}

.titlebar h1.sharedactivities,h1.sharedactivities
{
	background-image:url(images/ico-sharedactivities.png);
}

.titlebar h1.tasks,h1.tasks
{
	background-image:url(images/ico-tasks.png);
}

.titlebar h1.tools,h1.tools,.titlebar h1.filters,h1.filters
{
	background-image:url(images/ico-tools.png);
}

.titlebar img,#menu ul li:hover ul ul,.concise label.choice.unselected
{
	display:none;
}

.titlebar span.title
{
	display:block;
	padding:10px 0 8px 26px;
}

.toggle-section.has-children.active
{
	color:#c00;
}

/* General classes */
a {
	color:#012488;
}

input, a:active, a:hover, a:link {
	outline-style:none;
}

a img
{
	border:none;
}

/*.button { float:left}*/
a.button, a.sub-button
{
	display:block;
	float:left;
	padding:5px 21px 4px 6px;
}

/* Messages & Icons*/
a.help, p.help, div.help, span.help
{
	background-image:url(images/but-ico-help.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding-left:17px;
}

a.sub-button
{
	line-height:2.3em;
}

a.tip, p.tip, div.tip, span.tip
{
	background-image:url(images/but-ico-tip.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding-left:17px;
}

a:hover, .mainnav li a:hover, .subnav ul li a:hover, .links2 a:hover, .links ul li a:hover, .legal a:hover, .copyright a:hover, div.tabs a:hover, button.text-submit span
{
	text-decoration:underline;
}

body
{
	background-color:#A7CDE8;
	color:#4A4631;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;
	margin-top:10px;
	padding:0;
}

div.center,.align-center
{
	text-align:center;
}

div.cms-inlineimage.a img
{
	border:1px solid #FFF;
	clear:left;
	float:left;
	margin:0 5px 0 0;
	padding:1px;
}

div.cms-inlineimage.b img
{
	border:1px solid #FFF;
	float:right;
	margin:0 5px;
}

div.content p,div.content li,div.content h1,div.content h2
{
	padding-right:12px;
}

div.content-row
{
	background-color:#D7F0FF;
	background-position:bottom center;
	border-bottom:2px solid #FFF;
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
	border-top:1px solid #FFF;
	margin:0;
	overflow:hidden;
}

div.footer
{
	clear:both;
	float:right;
	font-size:60%;
	width:99%;
}

div.footer p
{
	margin:0 25px;
}

div.form-placeholder table
{
	margin:10px;
	width:98%;
}

div.form-section
{
	background-color:#FFF;
	border:2px solid #8AC1E6;
	border-width:2px 2px 2px 4px;
	margin:1em auto;
	padding:0;
	width:98%;
}

div.form-section div.form-placeholder
{
	background-color:#FFF;
	border:0;
	margin:0;
	width:100%;
}

div.form-section div.form-placeholder h3
{
	background-color:#E8E8E8;
	border-bottom:1px dashed #A7CDE8;
	color:#676767;
	display:block;
	font-size:100%;
	margin:0;
	padding:5px 0 5px 13px;
	width:auto;
}

div.form-section h2
{
	margin:0;
}

div.form-section table
{
	margin:0;
	width:100%;
}

div.form-section table td.left
{
	width:40%;
}

div.full
{
	background-color:#D7F0FF;
	margin:0;
	padding:0;
	width:100%;
}

div.headerbar a
{
	float:left;
	margin-top:5px;
	text-decoration:none;
	text-transform:uppercase;
}

div.headerbar img
{
	float:left;
	margin-right:10px;
}

div.headertab
{
	background-color:#8AC1E6;
	background-image:url(images/bg-tab-light.png);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFF;
	clear:both;
	display:block;
	font-size:90%;
	font-weight:700;
	height:30px;
	margin-bottom:10px;
	padding:0 5px;
	text-transform:uppercase;
}

/*--------------- 
   HOME LAYOUT (no customisation required)
-----------------*/
div.home-left
{
	float:left;
	margin:0 0 -1000em;
	overflow:hidden;
	padding:0 0 1000em;
	width:50%;
}

div.home-left .panel
{
	border-right:4px solid #FFF;
	display:block;
	margin-bottom:-1000em;
	overflow:hidden;
	padding-bottom:1000.5em;
	text-align:left;
}

div.home-right
{
	float:right;
	margin:0 0 -1000em;
	overflow:hidden;
	padding:0 0 1000em;
	width:49.9%;
}

div.home-right .panel
{
	display:block;
	margin-bottom:-1000em;
	overflow:hidden;
	padding-bottom:1000.5em;
	text-align:left;
}

div.homewrapper-left
{
	width:75%;
}

/*----
HOME
----*/
div.intro
{
	background-color:#D7F0FF;
	border:1px solid #8AC1E6;
	color:#4A4631;
	margin:0 0 5px;
	padding:0.5em 1em;
}

div.intro p
{
	clear:left;
	margin:2px 0 4px;
	padding:0;
}

div.intro table
{
	background-color:#FFF;
	border:none;
	margin:2px 0 1%;
	padding:0 3px;
	vertical-align:top;
	width:100%;
}

div.intro table td
{
	border:none;
	padding:5px;
	text-align:left;
	width:33.3%;
}

div.login
{
	padding:0;
	width:100%;
}

/* For menu equivalent pages */
div.menu-action
{
	background:left top transparent url(/images/bg-tab-light.png) no-repeat;
	background-color:#DBE2F8;
	background-image:none;
	border-bottom:1px solid #CDCDCD;
	margin:1em;
}

div.menu-action h2
{
	background:right top transparent url(/images/bg-tab-light.png) no-repeat;
	border-bottom:1px solid #FFF;
	clear:both;
	font-size:90%;
	font-weight:700;
	margin:0;
	padding:0.8em;
}

div.menu-action p
{
	float:none;
	margin:0.5em 1em;
}
div.messages ul {
	margin: 0;
}
div.messages
{
	background-color:#D7F0FF;
	background-position:0.4em 2.2em;
	background-repeat:no-repeat;
	border:1px solid #A1CBE6;
}

div.messages h1
{
	background-color:#e0da8c;
	display:block;
	margin:0;
	padding:5px;
}

div.messages li
{
	background-position:left center;
	background-repeat:no-repeat;
	display:list-item;
	font-weight:700;
	list-style:none;
	list-style-image:none;
	margin-left:0;
	padding:3px 0 5px 20px;
}

div.messages li.msg_failure,div.msg_failure
{
	background-image:url(images/li-alert-failure.png);
}

div.messages li.msg_neutral,div.messages li.msg_non-standard,div.msg_neutral,div.msg_non-standard
{
	background-image:url(images/li-alert-neutral.png);
}

div.messages li.msg_success,div.msg_success
{
	background-image:url(images/li-alert-success.png);
}

div.messages li.msg_warning,div.msg_warning
{
	background-image:url(images/li-alert-warning.png);
}

div.messages ul.error
{
	background:none;
	margin:0.5em 0;
	padding:0 0 0 1.5em;
}

div.messages.alert
{
	border:1px solid #e0da8c;
	clear:both;
	float:left;
	margin-left:150px;
}

div.messages:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

div.msg_failure,div.msg_non-standard,div.msg_success,div.msg_warning
{
	background-color:#ACD9F7;
	background-position:center left;
	background-repeat:no-repeat;
	display:block;
	margin:5px;
	padding:5px 0 5px 20px;
}

div.pageindex
{
	clear:both;
	text-align:right;
}

div.pageindex a
{
	font-weight:700;
	margin-right:2px;
}

div.pager
{
	background-color:#F4FBFF;
	border:1px solid #A7CDE8;
	margin:0.4em 1%;
	padding:2px;
}

/*-- PORTFOLIO PAGES LAYOUT --------*/
div.portfolio,div.leftcol
{
	width:80%;
	background-color: #D7F0FF;
}

div.portfolio-graph-question-texts
{
	margin-top:2em;
}

div.portfolio-graph-question-texts ol
{
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:25px;
}

div.portfolio-msf-summary h3
{
	font-size:100%;
}

div.portfolio-portal-access-rights
{
	padding:0 2% 2%;
}

div.portfolio-portal-access-rights p
{
	margin-left:0;
	padding:0;
}

div.portfolio-portal-access-rights table
{
	margin:1em 0;
}

div.question-description
{
}

.question-description, .form-section div.form-section-description
{
	background-color:#FFF;
	border:1px solid #ccc;
	color:#000;
	font-size:1em;
	font-weight:400;
	padding:0.5em;
	margin-top:0.5em;
}

div.question-description div
{
}

div.question-not-editable
{
	background-image:url(images/but-ico-help.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	color:#9A9A9A;
	font-style:italic;
	padding-left:17px;
}

/*
-------------------
 RIGHT COLUMN wide
 ------------------*/
div.right-col
{
	background-color:#EAF7FF;
	float:right;
	padding-bottom:10px;
	width:24%;
}

div.right-col .titlebar
{
	display:block;
}

div.right-col p,div.right-col ul
{
	clear:both;
	margin:5px 5px 15px 1%;
	padding:2px;
	text-align:left;
}

div.right-col ul li
{
	margin:0 0 0 15px;
	padding:0;
}

/*-------------------
 RIGHT COLUMN narrow
 ------------------*/
div.right-col-narrow
{
	background-color:#EAF7FF;
	float:right;
	overflow:hidden;
	width:19%;
}

div.right-col-narrow .section
{
	background-color:transparent;
	border:none;
	overflow:hidden;
}

div.right-col-narrow p
{
	clear:both;
	margin-left:5px;
}

div.right-col-narrow ul.ul-sources-legend,div.right-col-narrow li.sources_legend
{
	background-image:none;
	list-style:none;
	list-style-image:none;
	margin-left:0;
	padding-left:4px;
}

div.section
{
	background-color:#F4FBFF;
	border:1px solid #A1CBE6;
	clear:left;
	height:auto;
	margin:0 auto 1em;
	overflow:visible;
	overflow-x:auto;
	overflow-y:hidden !important;
	padding:6px;
}

div.section ol
{
	list-style-position:outside;
	margin:10px;
	padding:10px;
}

div.status
{
	clear:both;
	margin:5px 5px 0;
	text-align:right;
}

div.status a
{
	color:#2C7DA7;
}

div.tabcontent
{
	background-color:#EEF9FF;
	clear:left;
	text-align:left;
}

div.tabs
{
	border:1px none #E7E098;
	font-size:80%;
	height:26px;
	margin-left:1px;
	overflow:hidden;
	padding:0;
	width:100%;
}

div.tabs a
{
	background-color:#D7F0FF;
	border:1px solid #8AC1E6;
	border-bottom:none;
	color:#4A4631;
	display:block;
	float:left;
	margin-top:0;
	margin-right:2px;
	padding:0.6em 2em 0.6em 2em;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
}

div.tabs a.active
{
	background-color:#AFD2EA;
	color:#4A4631;
	font-weight:700;
}

div.tabs a.active:hover
{
	text-decoration:none;
}

div.tabs a:visited
{
	color:#4A4631;
}

/*----------------------
  ASSESSMENT MSF
  ---------------------*/
div.tool
{
	background-color:#E0DA8C;
	float:left;
	margin:0 0 10px;
	padding:0.5%;
	width:99%;
}

em.required,td.required
{
	color:red;
	font-weight:700;
}

form
{
	margin:0;
	padding:0;
}

form.public_login .button
{
	margin-top:13px;
}

form.public_login p
{
	margin:0 3px 3px;
	padding:3px;
}

h1.assessment-rejected
{
	background-image:url(images/ico-assessment-rejected.png);
}

h1.audit
{
	background-image:url(images/ico-auditlist.png);
}

h1.calendar
{
	background-image:url(images/ico-calendar.png);
}

h1.docs,h1.cpd
{
	background-image:url(images/ico-cpd.png);
}

h1.file
{
	background-image:url(images/ico-portfolio.png);
}

h1.help,h1.tips
{
	background-image:url(images/ico-tips.png);
}

h1.learning
{
	background-image:url(images/ico-learning.png);
}

h1.login
{
	background-image:url(images/ico-login.png);
}

h1.overview
{
	background-image:url(images/ico-overview.png);
}

h1.relationships
{
	background-image:url(images/ico-relationships.png);
}

h1.report
{
	background-image:url(images/ico-report.png);
}

h1.review,.titlebar h1.assessment,h1.assessment
{
	background-image:url(images/ico-assessment.png);
}

h2.headerbar
{
	background-color:#8AC1E6;
	background-image:url(images/bg-tab-light.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	height:20px;
	padding:5px;
}

h2.headertab
{
	background-color:#8AC1E6;
	background-image:url(images/bg-tab-light.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	height:20px;
}

homewrapper
{
	width:100%;
}

input.button,input.sub-button,a.button,a.sub-button,span.button input, span.button a
{
	background:url(images/bgnd-button.png) top right transparent no-repeat;
	border:none;
	border-bottom:1px solid #A9D7f4;
	border-left:1px solid #A9D7f4;
	color:#4A4631;
	cursor:pointer;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:700;
	margin:3px 0 0;
	padding:4px 20px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

/*  Forms  */
input.disabled, div.disabled
{
	background-color:#F2FBFF;
	border:1px dotted #a5acb2;
	color:#000;
	padding:0.15em 0.1em;
	min-height: 1.4em;
}
div.disabled p {
	color:#000;
}

input.jscal-date
{
	width:7em!important;
}

input.jscal-datetime
{
	width:10em;
}

input.large,div.large,textarea.normal-width,textarea.normal,div.normal-width,div.normal
{
	font-family:'Courier New', courier;
	font-size:1.15em;
	max-width:98%;
	width:37em;
}


input.len-10,textarea.len-10
{
	width:8em;
}

input.len-20,textarea.len-20
{
	width:11em;
}
input.len-255,textarea.len-255,
input.len-140,textarea.len-140,
input.len-80,textarea.len-80 {
width:98%
}
input.len-30,textarea.len-30
{
	width:20em;
}


input.med,div.med
{
	font-family:'Courier New', courier;
	font-size:1.15em;
	max-width:98%;
	width:22em;
}

input.small,div.small
{
	font-family:'Courier New', courier;
	font-size:1.15em;
	max-width:98%;
	width:10em;
}

input.sub-button,a.sub-button
{
	display:inline;
	float:none;
	font-weight:400;
	text-transform:none;
	white-space:nowrap;
	line-height:1.5em;
}

input.text-submit
{
	border-bottom:1px solid #012488;
}

input.text-submit,button.text-submit
{
	background:transparent;
	border:0 none;
	color:#012488;
	cursor:pointer;
	font-size:0.95em;
	height:auto;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:auto;
}

label.choice
{
	background-color:#EEC;
	border:1px dotted #AAA;
	padding:0.3em;
	white-space:nowrap;
}

label.choice img
{
	vertical-align:middle;
}

ul li
{
	list-style-image:url(images/li-arrow.png);
}

select.constrain-width
{
	width:100%
}

table
{
	background-color:#F4FBFF;
	border:1px solid #A7CDE8;
	margin:0 auto;
	width:98%;
}

/*
Workaround class for having borders in pdfs.
<table border="1" class="no-border">
*/
table.no-border td, table.no-border th, table.no-border tr
{
	border: none;
}

/*----------------------
   PROFILE
   ---------------------------*/
table div#profile tr th
{
	width:100px;
}

table td
{
	padding:4px;
	text-align:left;
}

table th
{
	background-color:#C0DEF1;
	border:1px solid #8AC1E6;
	font-weight:700;
	padding:4px;
	text-align:left;
}

table tr td.numeric {
	text-align: right;
}

table tr td.help-col,table tr th.help-col
{
	vertical-align:top;
	width:25%;
}

table tr td.label-col,table tr th.label-col,table.portfolio-relationship-types td.type-name
{
	width:20%;
	/*
	font-weight:normal;
	text-align:right;
	*/
}

table tr td.required-col,table tr th.required-col
{
	text-align:center;
	width:1em;
}

table tr,table td,table th
{
	padding:2px;
}

table tr.even,table tr td.even,div.portfolio-relationships-edit .ac_loading
{
	background-color:#FFF;
}

table tr.odd,table tr td.odd
{
	background-color:#D7F0FF;
}

table tr.raised-concerns-flag td.question
{
	border:1px solid #F63;
}

table.borders
{
	border:1px solid #C0DEF1;
	margin:0;
	padding:0;
}

table.borders td
{
	border:1px solid #C0DEF1;
	vertical-align:top;
}

table.checklist
{
	margin:0 auto;
	width:98%;
}

table.form-group
{
	margin:3px 10px 3px 0;
	width:100%;
}

table.form-group th
{
	background-color:#C0DEF1;
}
table.form-group th.input
{
	background-color:#F4FBFF;
}
tr.question-row th {
	font-weight: normal;
}
tr.question-row th span.required-col {
	float: right;
	vertical-align: top;
	margin-left: 1em;
}
.form-group.concice tr.question-row th.question, tr.question-row th.question {
	width: 40%;
}
td.input ul.input {
	margin: 0;
}
td.input ul.input li {
	list-style: none;
}


/* End hide from IE-mac */
table.list.select .checkall,table.list.select .uncheckall
{
	cursor:pointer;
	display:none;
	text-decoration:underline;
}

table.list.select tr.even:hover,table.list.select tr.odd:hover
{
	background-color:#F99;
	cursor:pointer;
}

table.list.select tr.marked
{
	background-color:#FCC;
}

table.list.select tr.marked.odd
{
	background-color:#FBB;
}

table.nostyle,table.nostyle td,table.nostyle th, table.nostyle tr, table.nostyle tr.even, table.nostyle tr.odd
{
	background-color:transparent;
	border:none;
}

table.portfolio-graph-overall-means
{
	background:none;
	border:none;
}

table.portfolio-graph-overall-means .name
{
	width:250px;
}

table.portfolio-graph-question-results .question,table.portfolio-graph-question-results .assessors
{
	width:35%;
}

table.portfolio-graph-question-results .self
{
	width:30%;
}

table.portfolio-graph-question-results hr
{
	border: none;
	border-bottom: 1px dashed #FFFFFF;
}

table.portfolio-graph-question-results tr.even hr
{
	border-bottom-color: #D7F0FF;
}

table.portfolio-relationship-types
{
	border:0;
}

/*----------------------
   LOGBOOK
   ---------------------------*/
table.view-logbook
{
	margin:0 auto;
	width:100%;
}

td.bold,table.borders td.level0,tr.totals td,table.portfolio-graph-overall-means .value
{
	font-weight:700;
}

td.user
{
	background-image:url(images/ico-user.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}

td.wait
{
	border-left:2px solid #8AC1E6;
	padding-left:5px;
}

textarea.normal
{
	height:12em;
}

th.confirm-delete,th.confirm-delete a
{
	color:#900;
}

th.pager
{
	background-color:#FFF;
	padding:3px;
}

tr.even .input label.radio
{
	background-color:#F8F8F8;
}

tr.even ul.checklist li.checked
{
	background:url(/images/tick.png) #F8F8F8 no-repeat 0.5em 0.5em;
}

tr.even ul.checklist li.unchecked
{
	background:url(/images/cross.png) #F8F8F8 no-repeat 0.5em 0.5em;
}

tr.odd .input label.radio
{
	background-color:#CFE9F8;
}

tr.odd ul.checklist li.checked
{
	background:url(/images/tick.png) #CFE9F8 no-repeat 0.5em 0.5em;
}

tr.odd ul.checklist li.unchecked
{
	background:url(/images/cross.png) #CFE9F8 no-repeat 0.5em 0.5em;
}

tr.question-row td.input
{
	text-align:center;
	vertical-align:top;
}

tr.question-row td.question
{
	padding-left:10px;
}

tr.question-row td.question.required
{
	width:60%;
}


/* -- Portfolio only styles -- */
div.formal-review-sub-section {
	margin: 0 1em;
	padding-bottom: 1em;
}
div.formal-review-sub-section h2 {
	background-color:#C0DEF1;
	border:1px solid #8AC1E6;
	margin-bottom:0.2em;
	padding:3px;
	text-align:center;
}
div.formal-review-sub-section div.formal-review-details {
	background-color:#F4FBFF;
	border:1px solid #A1CBE6;
	padding:6px;
	margin-bottom: 0;
}
div.formal-review-sub-section div.formal-review-details div.actions {
	margin: 1.3em 0.9em 0.8em 0.9em;
	float: left;
}
div.formal-review-details table tr th.label-col {
	width: 30%; 
}
/*div.formal-review-sub-section + div.formal-review-sub-section {
	margin-top: 1em;
}*/


table.stage-checklist .number-value {
	width: 110px;
}
table.stage-checklist th {
	vertical-align: top;
}	
	
/* -- General Classes --*/
ul
{
	margin-bottom:0;
	margin-left:15px;
	padding-bottom:0;
	padding-left:5px;
}

ol, ol.numeric {
	list-style-type: decimal;
}
ol.alphabetical {
	list-style-type: lower-alpha;
}

ul.checklist
{
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

ul.checklist li
{
	border:1px dotted #AAA;
	display:inline;
	float:left;
	height:1.3em;
	padding:0.6em 1em 0.6em 2.4em;
	text-decoration:none;
	white-space:nowrap;
}

ul.error
{
	clear:both;
	padding:0 0 50px 70px;
}

ul.key
{
	list-style:none;
	margin:5px 0 0;
	padding:5px 0 0 5px;
}

ul.notes
{
	font-style:italic;
	list-style-type:none;
}

div.steps {
	border: none;
	height: 30px;
	margin: 0 0 10px 0px;
	padding: 0px;
	width:100%;
	overflow:hidden;
	border: 1px solid #C7C7C7;
	background-color: #f5f5f5;
}

div.steps span {
	white-space:nowrap;
	text-transform: uppercase;
	padding: 0.7em 3em 0.6em 1em;
	display: block;
	float: left;
	text-decoration: none;
	background-color: #f5f5f5; /*----customisable----*/
	color: #4A4631;
	margin-top:0em;
	background-repeat: no-repeat;
	background-position: center right;
	background-image:url('images/step_right_chevron.gif');
}

div.steps span.active, div.steps span.completed {
	background-color: #D7D7D7; /*----customisable----*/
	color: #4A4631;
}

div.steps span.active {
	font-weight: bold;
	background-image:url('images/step_right_arrow.gif');
}

div.steps span.final {
	background-image:none;
}

.flag.locked {
	background-image: url('/images/icon_padlock.gif')
}
.flag.external {
	background-image: url('/images/icon_link.gif')
}
.flag{
	background:transparent url('/images/icon_alert.gif') no-repeat top left;
	padding-left:1em;
}
div.flag {
	border:1px dotted #A19F97;
	background-color:#FFDFDF;
	padding:0.2em;
	padding-left:1.5em;
	margin-bottom:0.5em;
}

img.filetype {
	vertical-align:middle;
	margin-right:3px;
}

hr.scaffold-file-seperator {
	margin:0.2em 0;
}