@media screen, handheld, projection {

div.ui-widget {
	font-size:1em;
}
div.ui-widget table tr td.label-col, div.ui-widget table tr th.label-col, div.ui-widget table.portfolio-relationship-types td.type-name {
    min-width: 0;
}

/* This must be decalerd in the screen css*/
.print-only {
display:none;
}

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

#menu li li a {
display:block;
padding:0.5em 0;
padding-left: 7px;
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:221;
}

#menu ul li.active, #top_right_nav li.active {
/*background:url(../images/mainnav-li-highlight.png) top left #e7e7e7 repeat-x;*/
background-color: #EE5328;
}
#menu ul li.active a {
color: #FFFFFF;
}

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

#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;
position:absolute;
z-index:223;
}


#menu ul ul li {
background:url(../images/bgnd-menu.png) top left repeat;
border: 1px solid #d8d8d8;
background-color: #ffffff;
border-width:0 1px 1px;
float:none;
margin:0;
padding:0 0.5em;
width:18em;
font-size: 90%;
}

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

#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: 1px solid #d8d8d8;
}

#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;
}
	
	

.mainnav {
background-image:url(../images/bg-navbar.png);
background-position:top right;
background-repeat:repeat-x;
margin: 0px;
padding: 0px 0 0 5px;
font-size: 115%;
border-width: 1px 0;
border-style: solid;
border-color: #D9DADC;
padding: 0px;
}
	
/* these two should have the same value*/
.mainnav {
	height: 30px;
}
#menu ul ul {
	top: 30px;
}

.mainnav li {
float:left;
font-weight: normal;
list-style:none;
padding-right:1.5em;
border-right: 1px solid #FFFFFF; /*#D9DADC;*/ 
}

.mainnav li a, .mainnav li.dir.closed {
text-decoration:none;
}

.mainnav ul.navigation {
/*background-image:url(../images/mainnav-li.png);
	background-position:right top;
	background-repeat:no-repeat;*/
	float:left;
/*background-image:url(../images/bg-navbar.png);
background-position:top right;
background-repeat:repeat-x;*/
width: 100%;
margin: 0px;
padding: 0px;
}

/*-- Menus & Navigation --*/
.mainnav-wrapper {
margin:0px;
padding:0px;
}

.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;
}

/* 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:80%;
padding-bottom:5px;
padding-top:8px;
}

/*----------------------
  BUTTONS
   ---------------------------*/

a.button {
margin-right:2em;
padding: 5px 0 0 0;
display: inline;
}

.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 {
padding: 1em;
}

.content h1, .content h2 {
font-size:100%;
}

.content p, li {
}

/* 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 {
padding: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 {
display:block;
margin:0;
padding:5px 4px;
width:auto;
background-color: #D9DADC;
font-size: 14px;
}

th.question {
	text-align: left;
}


.header {
/*background-image:url(../images/bg-header.png);
	background-position:top right;
	background-repeat:repeat-x;*/

overflow:hidden;
position:relative;
width:100%;
margin-top: 6px; /* give a bit of space for the shadow to end */
}

.header div.head-logo {
margin-left:15px;
/*margin-top:20px;*/
margin-top:0px;
padding-top:0px;
width: 100%;
margin-bottom: 10px;
}

.header div.head-logo img {
margin:0px;
padding:0px;
}

.headerbar {
background-image:url(../images/bg-navbar.png);
background-position:top right;
background-repeat:repeat-x;
clear:left;
font-weight:600;
height:33px;
padding:0 0 0 1%;
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%;
}

.input label.radio, .input label.checkbox {
border:1px dotted #AAA;
display:inline-block;
margin:0;
padding:0.4em 0.5em 0.5em 0.4em;
vertical-align:middle;
text-align: left;
}
	
/* radio, then br, then another radio - won't work in IE6, but leave as is */
.input label.radio + br + label.radio {
margin-top: 0.3em;
}
/* checkbox, then br, then another checkbox - won't work in IE6, but leave as is */
.input label.checkbox + br + label.checkbox {
margin-top: 0.3em;
}

.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 {
padding:10px;
}

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

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

/*-- Utility Links --*/
/*.links {
bottom:0;
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;

	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 {

	float:left;
height:29px;
list-style:none;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
.links ul li a {
margin-top:10px;
padding-top:10px;
text-decoration:none;
}*/
.links {
font-weight: normal;
height: 38px;
position: absolute;
bottom:-0px;
right: 3%;
padding:0px 0px 0px 10px;
text-align: center;
overflow:hidden;
font-size: 115%;

}

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

.links ul li {
float: left;
list-style: none;
/*margin-left: 5px;*/
padding: 5px 10px 10px 0px;
background-image: url("../images/bgnd-tab-right.gif");
background-position: top right;
background-repeat: no-repeat;
margin: 10px 2px 0px 0px;
height: 29px;
}

.links ul li a {
margin-top: 10px;
padding: 5px 0px 7px 11px;
color: #313A91;
text-decoration: none;
background-image: url("../images/bgnd-tab-left.gif");
background-position: top left;
background-repeat: no-repeat;
height: 29px;
margin: 0px;
}

.links ul li.active {
float: left;
list-style: none;
/*margin-left: 5px;*/
padding: 7px 10px 25px 0px;
background-image: url("../images/bgnd-tab-right.gif");
background-position: top right;
background-repeat: no-repeat;
margin: 5px 2px 10px 0px;
height: 29px;
}

.links ul li.active a {
margin-top: 10px;
padding: 7px 0px 25px 10px;
color: #313A91;
text-decoration: none;
background-image: url("../images/bgnd-tab-left.gif");
background-position: top left;
background-repeat: no-repeat;
height: 29px;
margin: 0px;
}

.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);
}


.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-col-narrow div.filters fieldset {
border:1px solid #d9dadc;
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;
}

legend {
font-weight:700;
}

.right-col-narrow div.filters, .right-col-narrow div.section {
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-outer {
background-color: white;
width: 100%;
margin: 0px;
padding: 0px;
background-image: url("../images/bgnd-corner-top-left.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
}

.shell-inner {
background-image: url("../images/bgnd-corner-top-right.gif");
background-position: top right;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
float: left;

border-right:25% solid #8a8989; /* The width and color of the border/rail */
margin-right:-25%; /* setting equal width columns */
	float:left;
width: 100%;
}

.bgnd-left {
width: 100%;
margin: 25px 0 0 0;
background-image: url("../images/bgnd-left.jpg");
background-position: top left;
background-repeat: repeat-y;
float: left;
padding: 0px;
}

.bgnd-right {
width: 100%;
background-image: url("../images/bgnd-right.jpg");
background-position: top right;
background-repeat: repeat-y;
float: left;
margin: 0;
padding: 0px;
}

.shell-content {
margin: 0 14px;
background-image: none;
display: block;
width: auto;
}

.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;
height:22px;
margin:0;
padding:4px 0 0 11px;
width:140px;
}

.subnav ul li a {
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-image:url(../images/bg-titlebar.png);
background-position:top left;
background-repeat:repeat-x;
border: 1px solid #d9dadc;
height: 33px;
}
div.my-details.titlebar {
padding-left: 10px;
}

.titlebar h1 {
background-image: url(../images/ico-neutral.png);
background-position: 2px 8px;
background-repeat: no-repeat;
margin: 0 0 0 10px;
padding: 8px 0 5px 28px;
font-weight: normal;
font-size: 110%;
}

.titlebar h1.alert, h1.alert {
background-image:url(../images/ico-alerts.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.expired, h1.expired {
background-image:url(../images/ico-expired.png);
}

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

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

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

.titlebar h1.profile, h1.profile {
background-image:url(../images/ico-profile.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, #menu ul li.active ul a { /*IE6 workaround, leave here for easier overloading*/
color:#012488;
}

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

a img {
border:none;
}

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

div.help h1 {
	margin-top: 0;
	margin-bottom: 0;
}

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

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

span.tip-block {
	margin-left: 2px;
	display: block;
	margin-top: 5px;
}

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 {

color:#000000;
font-family: Arial, sans-serif;
font-size: 80%;
margin-top:10px;
padding:0;
margin: 0px;
height: 100%;
background-color: #f5f6fb;
}

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-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;
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 #D9DADC;
border-left-width: 4px;
margin:1em auto;
padding:0;
}

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

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

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

div.full {
margin:0;
padding:0;
width:100%;
}

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

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

/*--------------- 
   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%;
}
.a-login div.homewrapper-left .section {
padding-top: 0px;
padding-bottom: 0px;
}

/*----
HOME
----*/
div.intro {
/*background-color: #f7f7f7;*/
margin:0 0 1em;
padding:0.5em 1em;
border: 1px solid #d9dadc;
}

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-position:0.4em 2.2em;
background-repeat:no-repeat;
border:1px solid #cccccc;
}

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;
}

/*-- PORTFOLIO PAGES LAYOUT --------*/
div.leftcol {
width:80%;
}

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/ico-tips.png);
background-position:left 2px;
background-repeat:no-repeat;
color:#9A9A9A;
font-style:italic;
padding-left:17px;
padding-bottom: 3px;
}

/*
-------------------
 RIGHT COLUMN wide
 ------------------*/
div.right-col {
background-color:#f7f7f7;
float:right;
width:24%;
}

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

div.right-col p, div.right-col ul {

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:#f7f7f7;*/
float:right;
overflow:hidden;
width:19%;
/*border: 1px solid #ccc;*/
border-top:none!important;
}

div.right-col-narrow .section {
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;
}

.sources_legend_checkbox_div {
float:left;
}

.sources_legend_description_div {
margin-left:20px;
margin-top:2px;
}

.sources_legend_clear_div {
clear:both;
}

div.section {
background-color:#F8F8F8; /* main section has slight background, sub-sections are white (see below) */
border: none;
clear:left;
height:auto;
margin-top: 1px;
overflow:visible;
overflow-x:auto;
overflow-y:hidden !important;
padding:6px;
}
	
div.section div.section {
background-color: transparent;
}	
div.tabcontent div.section {
background-color: transparent;
}
div.contact-us-help-content {
	margin: 1em 0.6em;
}

div.border {
border:1px solid #cccccc;
}

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

div.status {
text-align: right;
clear:both;
/*margin: 8px 0px 0px 0px;*/
font-size: 100%;
width: 300px;
width: 30%;
float: right;
padding: 0px 2% 0 2%;
}

div.tabcontentwrapper {
background-color: #ffffff;
border:1px solid #bfbbbb;
clear:left;
text-align:left;
padding-top: 15px;
padding: 1%;
padding-top: 15px;
}

div.tabcontent {
background-color: #ffffff;
border:1px solid #ccc;
clear:left;
text-align:left;
padding-top: 15px;
padding: 1%;
padding-top: 15px;
z-index:2;
}
	

/* view tabs (regular) */

div.tabs {
position: relative;
bottom: -1px;
margin-top: 5px;
background-image: url(../images/tabs-bgnd.png);
background-position: 0px -6px;
background-repeat: repeat-x;
z-index: 1;
width: auto;
padding-left: 20px;
border:1px none #ccc;
height:29px;
overflow:hidden;
padding:0;
width:100%;
font-size: 110%;
}

div.tabs a {
border:none;
display:block;
float:left;
margin-top:0;
margin-right:2px;
padding:0.3em 2em 0.6em 2em;
text-decoration:none;
background-color:transparent;
white-space:nowrap;
color: #000000;
}

div.tabs a.active {
border: 1px solid #d6d6d6;
border-bottom: 1px solid #ffffff;
background-color:#ffffff;
font-weight: normal;
background-image: url(../images/tab-current-bgnd.png);
background-position: top left;
background-repeat: repeat-x;
}

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

/* type tabs */
div.type-tabs {
position: relative;
bottom: -1px;
margin-top: 5px;
background-image: url(../images/tabs-bgnd.png);
background-position: 0px -6px;
background-repeat: repeat-x;
z-index: 1;
width: auto;
padding-left: 20px;
border:1px none #ccc;
height:29px;
overflow:hidden;
padding:0;
width:100%;
font-size: 110%;

border: none;
margin: 0px;
background-image:url(../images/bg-type-tab-content.png);
background-position: bottom;
background-repeat: repeat-x;
}

div.type-tabs a {
display:block;
float:left;
padding:0.6em 2em 0.6em 2em;
text-decoration: none;
white-space:nowrap;
background-image:url(../images/bg-type-tab.png);
background-position:top right;
margin: 0;
border: none;
border-left: 1px solid #d6d6d6;
}

div.type-tabs a.active {
font-weight: normal;
background-image:url(../images/bg-type-tab-current.png);
background-position: top right;
background-repeat: repeat-x;
border: none;
border-left: 1px solid #d6d6d6;
}
div.type-tabs a:visited {
color: #000;
}
div.type-tabs a.active:hover {
text-decoration:none;
}


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

form {
margin:0;
padding:0;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

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

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

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

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

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

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

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

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

homewrapper {
width:100%;
}

input.button, input.sub-button, a.button, a.sub-button {
cursor:pointer;
}

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

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

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

textarea, input, select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1em;
}

input.large, div.large, textarea.normal-width, textarea.normal, div.normal-width, div.normal {
max-width:98%;
width:37em;
}

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

input.len-20, textarea.len-20 {
width:11em;
}

input.len-30, textarea.len-30 {
width:20em;
}

input.len-255, textarea.len-255, input.len-140, textarea.len-140, input.len-80, textarea.len-80 {
width:98%
}

input.med, div.med {
max-width:98%;
width:22em;
}

input.small, div.small {
max-width:98%;
width:10em;
}

input.sub-button, a.sub-button {
display:inline;
float:none;
font-weight:400;
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 { /* !! this is ONLY for 'ul li'. Don't change to just 'li' as 'ol li' should not be getting this list image !! */
list-style-image:url(../images/li-arrow.png);
}

select.constrain-width {
width:100%
}

table {
border: 1px solid #D9DADC;/*LEAVE THE BORDER IN*/
margin:0 auto;
width:100%;
}

table td, table th{
vertical-align: top;
}
	
/*
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:#d9dadc;
border:1px solid #e1dddc;
padding:4px;
}

table th.label-col {
text-align: right;
}

th.table-split {
background-color:#ffffff;
text-align: left;
font-weight:700;
}

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

table tr td.label-col, table tr th.label-col, table.portfolio-relationship-types td.type-name {
width:15%;
min-width:175px;
/*font-weight:600;
background-color:#d9dadc;*/
}

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

table tr, table td, table th {
padding:0.5em;
}

table tr.even, table tr td.even {
background-color:#FFF;
}

/**
 * Class added in case there is table insde table so there is forced color for even row in child table and his parent is even
 */
table tr.odd, table tr.odd td, table tr.odd table tr.even, table tr.odd td table tr.even td, table tr.odd td table tr.even th {
background-color:#FFF;
}

table tr.odd, table tr.odd td, table tr.odd th, table thead tr th {
background-color:#F0F0F0;
}

table.select tr.marked td {
	background-color: transparent;
}

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

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

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

tr.question-row th {
font-weight: normal;
}

tr.question-row th span.required-col {
float: right;
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.select .checkall, table.select .uncheckall {
cursor:pointer;
display:none;
text-decoration:underline;
}

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

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

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

table.nostyle, table.nostyle td, table.nostyle th {
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: #efefef;
}

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;
}


tr.even .input label.radio {
}

tr.odd .input label.radio {
}

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

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

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

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

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

/* -- General Classes --*/
ul {
margin: 0 0 0 15px;
padding: 0 0 0 5px;
}

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

ul.checklist li {
border:1px dotted #AAA;
display:inline;
float:left;
min-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:0;
padding:0;
}
	
ul.key li {
list-style:none;
padding: 0.2em;
}

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;
}

div.footer {
width: 100%;
background-image: url("../images/bgnd-corner-bottom-left.gif");
background-position: bottom left;
background-repeat: no-repeat;
margin: 0px;
float: left;
padding: 0px;
}

div.footer-inner {
float: right;
width: 100%;
padding: 0 0 28px 0;
background-image: url("../images/bgnd-corner-bottom-right.gif");
background-position: bottom right;
background-repeat: no-repeat;
text-align: center;
margin: 0px;
}
	
div.outer-shell-footer {
	text-align: center;
	clear:both;
}
div.outer-shell-footer div.footer-text {
	font-size: 0.95em;
	padding: 1em 6em;
}

form table {
}

form table th, table.view th {
border:none;
background:none;
text-align: right;
font-weight:normal;
}
	
table.list th {
border:none;
background:none;
text-align: left;
font-weight:normal;
}

/*form table tr th {
background-color:#d9dadc;
font-weight: bold;
	text-align: left;
	
}*/
form table td label, table td label {
text-align: right;
}

form table td {
border:none;
background:none;
}

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

#timelock {
background:url('/images/ico-time-lock.png') top left #e9e6e6 no-repeat;
position:absolute;
width:33%;
left:33%;
padding-left:48px;
border-color:white;
border-style:none double double;
margin-top:10px;
}

p#timelock_placeholder #timelock {
	width:70%;
	left:8%;
}

#timelock p {
padding:0.5em;
margin:0;
}

#timelock img {
float:left;
margin-right:0.5em;
}

#timelock_placeholder {
position:relative;
}

div.links {
margin-right: -16px;
}

div.links div.tail {
display: none;
}

div.links div.right {
display: none;
}

div.head-logo img {
margin-bottom: 14px;
}

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

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

ol {
margin: 0 0 0 20px;
padding: 0 0 0 5px;
}

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

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

div#help-menu .icon {
background:url(/images/ico-help-48.gif);
}

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.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;
}

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

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

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

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

table.form-group th {
background-color:#d9dadc;
}

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;
}

tr.even .input label.radio, tr.even .input label.checkbox {
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, tr.odd .input label.checkbox {
background-color:#E9E9E9;
}

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

tr.odd ul.checklist li.unchecked {
background:url(/images/cross.png) #E9E9E9 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%;
}

div.disabled p {
color:#000;
}
	
tr.question-row div.collapse {
	clear: both;
}

/*this won't work in IE6, but don't change*/
div.section + div.section {
	border-top: 1px dashed #D9DADC;
	padding-top: 1.5em;
}

div.section h1 {
	font-size: 110%;
    font-weight: normal;
    padding-bottom: 0.5em;
}

/*this won't work in IE6, but don't change*/
fieldset + fieldset {
	margin-top: 0.8em;
}

.ac_loading {
background-color:#FFF;
}

.round-tl-5 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.round-bl-5 {
	
}
.round-tr-5 {
	
}
.round-br-5 {
	
}

p.welcome-description { 
    margin-bottom: 2em;
}

}

/*
  Percent bar
*/
div.percent-container {
	margin:auto;
	width:80px;
	height:20px;
	background-color: #ffffff;
	border:1px solid #E1DDDC;
}
div.percent-text {
	width:100%;
	height:20px;
	text-align:center;
	margin-top:-19px;
}
div.percent-color-0, div.percent-color-1, div.percent-color-2, div.percent-color-3, div.percent-color-4, div.percent-color-5, div.percent-color-6, div.percent-color-7, div.percent-color-8, div.percent-color-9, div.percent-color-10 {
	height: 20px;
}
div.percent-color-1 {
	background-color: #C21919;
}
div.percent-color-2 {
	background-color: #C23819;
}
div.percent-color-3 {
	background-color: #C24F19;
}
div.percent-color-4 {
	background-color: #C26B19;
}
div.percent-color-5 {
	background-color: #C28F19;
}
div.percent-color-6 {
	background-color: #C2B118;
}
div.percent-color-7 {
	background-color: #B4C217;
}
div.percent-color-8 {
	background-color: #97C216;
}
div.percent-color-9 {
	background-color: #78C216;
}
div.percent-color-10 {
	background-color: #55C216;
}