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

/* -- General Classes --*/
ul {

padding-bottom:0;
padding-left:5px;
margin:0 0 0 15px;
}

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

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

fieldset {
border:1px solid #D3D3D3;
}

a img {
border:none
}

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

.content {
font-size:70%;
padding-right:1em;
padding-left:1em;
margin-top:0
}

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

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

.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.learning,h1.cpd,h1.personalresources,h1.event,h1.tools,h1.filters,h1.folder,h1.msg,h1.report,h1.login,h1.audit,h1.neutral,h1.audit-list,h1.edit-roles,h1.about, h1.email, h1.email-edit {
background-position:0 center;
background-repeat:no-repeat;
margin:0;
padding:5px 0 8px 40px
}

.right-col-narrow .titlebar h1 {
padding-left:25px;
margin-top:0;
}

.titlebar {
background-image:url(images/bg-titlebar.png);
background-position:top left;
background-repeat:repeat-x;
background-color:#cccccc;
border-bottom:1px solid #b7b3b5;
border-left:1px solid #d3d3d3;
border-right:1px solid #b7b3b5;
text-transform:uppercase;
height:25px;
font-weight:600;
font-size:90%;
margin-bottom:0px;
padding:0 0 0 4px
}

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

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

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

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

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

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

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

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

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

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

.titlebar h1.list-active-users,h1.list-active-users {
background-image:url("images/ico-listactive.png")
}

.titlebar h1.permissions-roles-grid,h1.permissions-roles-grid {
background-image:url("images/ico-permissions.png")
}

.titlebar h1.config-options,h1.config-options {
background-image:url("images/ico-configoptions.png")
}

.titlebar h1.edit-roles,h1.edit-roles {
background-image:url("images/ico-editroles.png")
}

.titlebar h1.public-addresses,h1.public-addresses {
background-image:url("images/ico-publicaddresses.png")
}

.titlebar h1.tasks,h1.tasks {
background-image:url("images/ico-tasks.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.profile,h1.profile {
background-image:url("images/ico-profile.png")
}

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

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

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

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

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

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

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

h1.email {
background-image:url("images/ico-email.png")
}
h1.email-edit {
background-image:url("images/ico-email-edit.png")
}

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

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

/*-- Menus & Navigation --*/
.mainnav-wrapper {
border:none;
position:relative;
top:-3px;
margin:0 0 -5px 2%;
padding:0
}

.mainnav-wrapper div.leftc {
background-image:url("images/lower-navbar-left.png");
background-repeat:no-repeat;
background-position:bottom left;
float:left
}

.mainnav {
font-size:65%;
height:26px;
border:none;
background-image:url("images/lower-navbar-right.png");
background-repeat:no-repeat;
background-position:bottom right;
margin:0;
padding:1px 0 0
}

.mainnav-wrapper div.layout.tail {
float:right;
background-image:none;
height:33px;
width:23px
}

.mainnav li {
float:left;
list-style:none;
padding-right:.5em;
text-transform:uppercase;
font-weight:bold;
background-image:none
}

.mainnav li a {
font-weight:normal;
margin-left:10px;
margin-right:10px;
text-transform:none;
font-size:110%
}

.mainnav ul.navigation {
float:left;
margin-left:1%;
padding-left:0;
margin-bottom:0;
padding-bottom:0;
margin-top:0;
padding-top:0
}

.mainnav ul.navigation li a {
display:block;
padding:5px
}

.mainnav ul.navigation li {
margin-top:0
}

.mainnav ul.navigation li li {
margin-top:0;
height:30px
}

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

#menu ul,#menu li {
list-style-image:none
}

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

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

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

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

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

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

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

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

#menu ul ul li.seperate-after {
border-bottom:3px #FFFFFF groove
}

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

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

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

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

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

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

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

div.status {
position:absolute;
right:240px;
top:1.2em;
font-size:75%
}

div.status a {
text-decoration:underline;
color:#000000
}

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

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

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

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

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

ul.messages,div.messages ul {
background-color:#f5f5f5;
border:1px solid #E1DDDC;
margin:0 0 1em;
padding:0.2em 1em
}

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

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

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

ul.messages li.msg_neutral,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")
}

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

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

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

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

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

table th {
text-align:left;
background-color:#dedede;
border:1px solid #d7d7d7;
font-weight:bold;
padding:4px
}

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

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

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

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

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

.shell {
background-color:#FFFFFF;
border:1px solid #d0eff9;
width:100%;
float:left;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0.5em;
background-image:none
}

.header-shell {
background:none;
width:98%;
color:#edf2f3;
margin:0 auto 10px
}

.header-shell a {
text-decoration:none;
color:#edf2f3
}

.header {
background-image:url(images/bg-header.png);
background-repeat:no-repeat;
background-position:bottom left;
height:70px;
width:100%;
position:relative;
overflow:hidden
}

.header div.head-logo {
float:right;
margin-top:9px;
margin-left:0;
padding-top:0;
height:58px;
background-image:url("images/logo-blue.png");
background-position:top right;
background-repeat:no-repeat
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.footer p {
margin:0 25px
}

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

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

/*-- Utility Links --*/
ul.notes {
font-style:italic;
list-style-type:none
}

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

.learning-outcome {
font-style:italic
}

/*----
HOME
----*/
div.intro {
border:1px solid #d7d7d7;
background-color:#f5f5f5;
color:#000000;
margin:0 0 5px;
padding:1%
}

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

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

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

div.homewrapper-left {
width:75%
}

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

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

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

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

div.headertab img{
float: left;
margin-right: 10px;
}
-------------------
 RIGHT COLUMN wide
 ------------------*/
div.right-col {
background-color:#f5f5f5;
float:right;
width:24%;
margin-bottom:10px
}

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

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

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

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

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

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

table.user-login {
width:98%;
margin:1%
}

table.user-login .but-login {
background-image:url("images/but-login.png");
border:none;
background-color:transparent;
height:22px;
width:71px;
float:right
}

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

/* DELETE
.form-section h2 a{
background-image: url(images/but-ico-help.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 15px;
}*/
.form-section div.form-section-description {
background-color:#FEFFEA;
display:block;
width:auto;
margin:0 2px 10px;
padding:5px
}

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

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

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

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

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

/*tr.question-row textarea{
width: 90%;
}*/
tr.question-row td.question.required {
width:60%
}

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

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

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

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

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

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

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

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

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

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

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

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

a.button:hover, a.sub-button:hover {
text-decoration: none;
}

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

/*
a.button {
float:left;
padding-bottom:4px;
}

a.sub-button,input.sub-button {
font-size: 85%;
text-decoration: none;
color: #4A4631;
font-weight: normal;

padding: 5px 20px 5px 5px;
margin:3px 0;

background-image: url(images/bgnd-button.png);
background-position: top right;	
background-color: transparent;
background-repeat: no-repeat;
border: none;
border-left: 1px solid #A9D7f4;
border-bottom: 1px solid #A9D7f4;
display: inline;
}*/
input.sub-button,a.sub-button {
text-transform:none;
font-weight:normal;
display:inline;
float:none;
white-space:nowrap
}

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

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

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

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

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

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

div.home-right .panel {
display:block;
margin-bottom:-1000em;
padding-bottom:1000.5em;
overflow:hidden;
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
}

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

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

div.tabs.top, div.steps.top {

}


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

}

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

div.tabs a.active {
background-color:#D7D7D7;
color:#4A4631;
font-weight:bold;
border-bottom:none
}

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

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

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

/*div.tabcontent:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
added 15.01.2007*/
.jscal-button {
width:23px;
height:23px;
border:none;
background-image:url("images/ico-calendar.png");
background-repeat:no-repeat;
background-color:transparent
}

/*textarea{
font-family: Arial, Helvetica, sans-serif; 
font-size: 110%;
}
textarea.small{
width: 10em;
}
textarea.med{
width: 25em;
}
textarea.large{
width: 72em;
}*/
input.small,div.small {
max-width:98%;
width:10em;
font-family:'Courier New', courier;
font-size:1.15em
}

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

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

textarea.normal {
height:12em
}

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

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

div.messages {
background-position:0.4em 2.2em;
background-repeat:no-repeat;
min-height:3em;
height:auto !important
}

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

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

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

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

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

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

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

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

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

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

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

.question-description div,.form-section div.form-section-description {
border:1px dashed #cccccc;
background-color:white;
font-size:1em;
font-weight:normal;
color:black;
padding:0.5em
}

div.question-description div {
position:absolute;
top:0.5em;
left:0;
min-width:15em;
max-width:40em;
width:30%
}

div.question-description {
position:relative;
top:0;
left:0
}

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

div.form-section h2 {
margin:0
}

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

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

.input label.radio.unchecked,.input label.radio.checked {
white-space:no-wrap;
text-indent:0;
color:black
}

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

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

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

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

label.choice img {
vertical-align:middle
}

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

form {
margin:0;
padding:0
}

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

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

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

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

div.menu-action p {
float:none;
margin:0.5em 1em
}

select.constrain-width {
	width:100%
}

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

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

table tr td.label-col,table tr th.label-col {
width:20%
}

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


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

#dialog table {
width:100%;
border:none;
margin:0
}

.ui-dialog #dialog.ui-dialog-content {
font-size:0.9em;
padding:0.25em
}

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

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

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

input.jscal-date {
width:7em
}

input.jscal-datetime {
width:10em
}

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

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

ul.checklist li.checked {
background:url("/images/images/tick.png") #EEC no-repeat 0.5em 0.5em
}

ul.checklist li.unchecked {
background:url("/images/images/cross.png") #EEC no-repeat 0.5em 0.5em
}

.filter fieldset {
margin-bottom:1em
}

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

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
}

.align-right {
text-align:right
}

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

.right-col-narrow div.filters fieldset legend {
color:#000000;
font-weight:bold;
padding-bottom:0.5em
}

.right-col-narrow div.filters,.right-col-narrow div.section {
border:1px solid #d3d3d3;
padding:0.5em
}

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

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

.clearfix {
display:block
}

/* End hide from IE-mac 
 -----LINKS NAV ----*/
.links {
font-size:60%;
font-weight:bold;
text-transform:uppercase;
height:24px;
position:absolute;
bottom:0;
left:1%;
top:44px;
text-align:center;
overflow:hidden;
background-image:none;
padding:0 0 0 10px
}

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

.links div.layout.right {
background-image:none;
width:23px;
height:24px;
float:right
}

.links ul {
background-image:none;
text-align:center;
height:24px;
float:left;
margin:0;
padding:0 0 0 5px
}

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

.links ul li a {
font-size:110%;
text-transform:none;
font-family:Arial, Helvetica, sans-serif;
padding-top:0;
margin-top:0;
color:#000000;
text-decoration:none;
display:block
}

.links ul#top_right_nav li {
background:url(images/linksnav-li-left.png) top left transparent no-repeat;
padding-right:0;
margin-top:0;
padding-top:0;
padding-bottom:6px;
margin-right:2px;
height:24px
}

.links ul#top_right_nav li a {
background:url(images/linksnav-li-right.png) top right transparent no-repeat;
padding-right:10px;
padding-bottom:6px;
margin-right:0;
height:45px;
text-decoration:none;
padding-top:6px;
margin-top:0;
background-color:#FFFFFF;
display:block;
float:left;
white-space: nowrap
}

.links ul#top_right_nav li.active {
background:url(images/linksnav-li-highlight.png) top right transparent no-repeat;
margin-left:0;
padding-left:0
}

.links ul#top_right_nav li.active a {
background:url(images/linksnav-li-highlight-left.png) top left transparent no-repeat;
padding-left:10px;

}

.frontend {
height:17px;
border:1px solid #D7D7D7;
text-align:center;
/*
right:240px;
top:42px;
*/
left:27px;
top:15px;
width:112px;
font-size:70%;
display:block;
position:absolute;

background-image:url("images/frontend-blue.jpg");
background-repeat:no-repeat;
background-position:top left;
padding:2px 0 0
}

.connection {
position:absolute;
left:30px;
left:150px;
top:19px;
font-size:60%
}

.server-name {
position:absolute;
right:26px;
top:45px;
color:#edf2f3;
font-size:60%
}

#accordion .fold {
border:1px solid #d3d3d3;
padding:0.5em
}

div#section-system .icon {
background-image:url('images/ico-system-48.png')
}

div#section-general .icon {
background-image:url('images/ico-general-system-48.png')
}

div#general-users-add .icon {
background-image:url('images/ico-general-users-add-48.png')
}

div#general-users-index .icon,div#general-users-list .icon,div#general-users .icon {
background-image:url('images/ico-general-users-list-48.png')
}

div#general-users-roles-permissions .icon,div#system-authentication .icon {
background-image:url('images/ico-roles-permissions.png')
}

div#general-users-expired .icon {
background-image:url('images/ico-general-users-expired-48.png')
}

div#general-users-rejected .icon {
background-image:url('images/ico-general-users-rejected-48.png')
}

div#general-users-archived .icon {
background-image:url('images/ico-general-users-archived-48.png')
}

div#general-users-rolechange .icon {
background-image:url('images/ico-general-users-rolechange-48.png')
}

div#general-users-registrants .icon {
background-image:url('images/ico-general-users-registrants-48.png')
}

div#general-groups-add .icon {
background-image:url('images/ico-groups-add-48.png')
}

div#system-regions-list .icon {
background-image:url('images/ico-system-region-list-48.png')
}

div#system-regions-add .icon {
background-image:url('images/ico-system-region-add-48.png')
}

div#system-apps-list .icon {
background-image:url('images/ico-system-app-list-48.png')
}

div#system-apps-add .icon {
background-image:url('images/ico-system-app-add-48.png')
}

div#system-notification-import .icon {
background-image:url('images/ico-system-notification-import-48.png')
}

div#system-authmethods-list .icon {
background-image:url('images/ico-system-auth-list-48.png')
}

div#system-authmethods-add .icon {
background-image:url('images/ico-system-auth-add-48.png')
}

div#system-audit-list .icon,div#system-audit .icon {
background-image:url('images/ico-audit-list-48.png')
}

div#system-routing-index .icon {
background-image:url('images/ico-system-url-index-48.png')
}

div#system-routing-list .icon,div#system-urlroutes .icon {
background-image:url('images/ico-system-url-list-48.png')
}

div#system-extras .icon {
background-image:url('images/ico-system-extra-48.png')
}

div#system-config-all .icon {
background-image:url(images/ico-general-config-48.png)
}

div#system-routing-add .icon {
background-image:url('images/ico-system-url-add-48.png')
}

div#system-roles-permissions .icon {
background-image:url('images/ico-system-roles-permissions-48.png')
}

div#system-roles-permissions-export .icon {
background-image:url('images/ico-system-permissions-export-48.png')
}

div#system-roles-list .icon {
background-image:url('images/ico-system-roles-list-48.png')
}

div#system-roles-add .icon {
background-image:url('images/ico-system-roles-add-48.png')
}

div#system-permissions-list .icon {
background-image:url('images/ico-system-permissions-list-48.png')
}

div#system-permissions-add .icon {
background-image:url('images/ico-system-permissions-add-48.png')
}

div#general-publicaddress-list .icon,div#general-publicaddress .icon {
background-image:url('images/ico-public-addresses-list-48.png')
}

div#general-config .icon, div#general-config-list .icon, div#system-setup .icon,div#system-config .icon {
background-image:url('images/ico-general-config-48.png')
}

div#general-alerts .icon {
background-image:url('images/ico-general-alerts-48.png')
}

div#general-alerts-list .icon {
background-image:url('images/ico-general-alerts-list-48.png')
}

div#general-alerts-add .icon {
background-image:url('images/ico-general-alerts-add-48.png')
}

div#general-queue-tosend .icon {
background-image:url('images/ico-queue-tosend-list-48.png')
}

div#general-queue-held .icon {
background-image:url('images/ico-queue-held-list-48.png')
}

div#general-queue-sent .icon,div#general-queue .icon {
background-image:url('images/ico-queue-sent-list-48.png')
}

div#general-publicaddress-add .icon {
background-image:url('images/ico-address-add-48.png')
}

div#general-notification .icon {
background-image:url('images/ico-general-notification-48.png')
}

div#general-about .icon {
background-image:url('images/ico-general-about.png')
}

div#system-php-info .icon {
background-image:url('images/ico-system-php-48.png')
}

div#content-files .icon,div#content-files-list .icon {
background-image:url('images/ico-content-file-list-48.png')
}

div#content-files-add .icon {
background-image:url('images/ico-content-file-add-48.png')
}

div#content-sections .icon {
background-image:url('images/ico-content-sections-48.png')
}

div#content-pages .icon,div#content-pages-list .icon {
background-image:url('images/ico-content-page-list-48.png')
}

div#content-pages-add .icon {
background-image:url('images/ico-content-page-add-48.png')
}

div#content-fragments-list .icon {
background-image:url('images/ico-content-fragment-list-48.png')
}

div#content-fragments-add .icon {
background-image:url('images/ico-content-fragment-add-48.png')
}

div#error-handler .icon {
background-image:url('images/ico-system-error-handler-48.png')
}

div#resource-classification-list .icon {
background-image:url('images/ico-resource-classifications-48.png')
}

div#general-reset-data .icon {
background-image:url('images/ico-general-reset-data-48.png')
}

div#resource-classification-add .icon {
background-image:url('images/ico-resource-classifications-add-48.png')
}

table.list.select .checkall,table.list .uncheckall {
display:none;
cursor:pointer;
text-decoration:underline
}

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

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

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

.jscal-date {
width:6em
}

.jscal-datetime {
width:9em
}

div.steps {
font-size:80%;
border:none;
height:25px;
margin-left:1px;
width:100%;
overflow:hidden;
border-left:1px solid #C7C7C7;
padding:0
}

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

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

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

div.steps span.final {
background-image:none;
border-right:1px solid #C7C7C7
}

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

.notification-preview .title {
background:#CCC url('/images/ico-email-48.png') no-repeat center left;
padding-left:48px;
padding-top:0.5em;
padding-bottom:0.5em;
margin-bottom:0.6em;
min-height:3em;
}

.notification-preview .title .label {
	display:block;
	width:6em;
	float:left;
	overflow:hidden;
}
.notification-preview hr {
	clear:left;
	margin:0.2em 0;
}
.notification-preview p {
	padding-left:3px;
	min-height:2em;
}

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

div.flag {
border:1px dotted #A19F97;
background-color:#FFDFDF;
margin-bottom:0.5em;
padding:0.2em 0.2em 0.2em 1.5em
}

.breadcrumb a,.content p,li,a.frontend {
color:#000000
}

.titlebar img,.concise label.choice.unselected {
display:none
}

.titlebar h1.audit,h1.audit,.titlebar h1.audit-list,h1.audit-list {
background-image:url("images/ico-auditlist.png")
}

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

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

#menu ul li.active,#menu ul li.active a {
background-image:none
}

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

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

td.bold,table.borders td.level0,tr.totals td {
font-weight:bold
}

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
}

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

homewrapper,#dialog input.len-80,#dialog textarea.len-80,#dialog input.len-30,#dialog textarea.len-30,#dialog input.len-140,#dialog textarea.len-140,#dialog input.len-255,#dialog textarea.len-255 {
width:100%
}

div#general-groups-list .icon,div#general-groups-index .icon,div#general-groups .icon,div#general-groups-list .icon {
background-image:url('images/ico-groups-list-48.png')
}

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

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