html, body {
    position:relative;
	width:100%;
	min-height:100%;	
    
    /*
    overflow-y: scroll;
    */
}

body {
	font-family:'Century Gothic', Arial;
	font-weight:400;
	line-height:1.5;
	font-size:14px;
	margin:0;
	padding:0;	
    height:100%;
}

h1 {
	font-size:3em;
    font-weight: 800;
    line-height: 1.5;
	margin:0em;
}

h2{
    font-size:2em;
    font-weight: 300;
    line-height: 1.3;
	margin:0em;
}

h2 span{
    color:#fff;
}

h3{
    font-size:14px;
	margin:0em;
}

h4{
    font-size:1.5em;
    font-weight: 300;
    line-height: 1.3;
	margin:0em;
}

ol, ul {margin:0em 0em 0em 1.5em; padding:0em 0em 0.2em 0em;}
ol li, ul li {margin-bottom:1em;}

a {
    color:#29487f;
	text-decoration: none;
    /*
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;	
    */
}

div.crop {
	width:110em;
	max-width:90%;
	margin:0 auto;
	position: relative;
}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.top {vertical-align:top;}
.disclaimer {color:#ebf0f8; font-size:12px; line-height:14px;}
.disclaimer {color:#ebf0f8; line-height:14px;}
.icon-help {float:left; background: url(/images/btn-Help.png); background-repeat: no-repeat; height:18px; width:18px; margin-right:0.5em; cursor:pointer;}
.icon-arrow {float:left; background: url(/images/icon-Arrow.png); background-repeat: no-repeat; height:18px; width:18px; margin-right:0.5em;}
.label-title {float:left;}
.label-title label, .label-title h3{cursor:pointer;}
.label-title h3.default {cursor:default;}
.disabled {opacity: 0.4; filter: alpha(opacity=40); pointer-events: none; cursor: none;}
.disabledx {opacity: 0.4; filter: alpha(opacity=40); pointer-events: none; cursor: default;}
.clear {clear:both;}
.left {float:left;}
.indent {margin-left:1.8em;}
.block {margin-top:1em;}
.required {float:left; margin:-0.2em 0em 0em 0.5em; font-style:italic;}
.lg-res {display:inline;}
.sm-res {display:none;}
.underline {text-decoration: underline;}

#topper {
    height:80px;
	width:100%;
    margin-top:0em;
    padding-top:1em;
    background-color:#8aa8da;
}
#topper .project-details .company-name {float:left; color:#fff; text-transform:uppercase;}
#topper .project-details .cpd-logo {width: 86px; height: 30px; background: url(/images/CPD-logo.png); margin:1.45em -1em 0em 0em ; }
#topper .project-details .project-description {float:left; margin:1.7em 0em 0em 0.5em;} /* margin:1.7em 0em 0em 2em; */
#topper .project-details .project-description .project-long-description, #footer .project-details .project-description .project-long-description {display:inline;}
#topper .project-details .project-description .project-short-description, #footer .project-details .project-description .project-short-description {display:none;}
#topper .project-details .project-description span {padding:0.5em 1em; color:#fff;} /* border:1px solid #fff; */
#topper .project-details .project-description span span {background-color:#7a9ad2; color:#fff;  margin-left:0.5em; padding:0.5em 1em;} /* border:1px solid #fff; */
#topper #project-options {float:right;} 
#topper #project-options #backToParent, #topper #project-options #logout, #topper #project-options #help {float:left; margin:0.75em 0em 0em 0em;}
#topper #project-options #backToParent a.btnBackToParent{width: 47px; height: 47px; display: block; background: url(/images/backToParent.gif); } 
#topper #project-options #logout a.logout{width: 47px; height: 47px; display: block; background: url(/images/logout.gif);} 
#topper #project-options #help a.btnProjectHelp {width: 47px; height: 47px; display: block; background: url(/images/help.gif); } 

.notification-topper, .notification-topper-2{background-color:red; width:100%; min-height:2.5em; margin-top:-1em; }
.notification-topper-2 {margin-top:-2em;}
.notification-topper-data {color:#ffeaea;}
.notification-topper-data-icon {float:left; content:url("/images/icon-warning.png"); padding:0.5em 0em 0.7em 0em;}
.notification-topper-certificate-icon {float:left; content:url("/images/icon-certificate.png"); padding:0.7em 0em;}
.notification-topper .notification-topper-data .notification-topper-data-description, .notification-topper-2 .notification-topper-data .notification-topper-data-description {font-size:15px; overflow: hidden; position:relative; left:0.5em; padding:0.6em 0em 0.7em 0em;}
.notification-topper-data-description-note {margin:0em 0.3em 0em 0em;  }

.overview-topper{width:100%; margin-top:1em;}
.overview-topper-data {color:#434343; margin-top:1.5em;}
.overview-topper-data-icon {} /* float:left; content:url("/images/icon-warning.png"); padding:0.7em 0em; */
.overview-topper .overview-topper-data .overview-topper-data-description {overflow: hidden; position:relative; left:0.5em; padding:0.8em 0em 0.7em 0em; text-align:center;}
.overview-topper-data-description-note {margin:0em 0.3em 0em 0em;}

#header {
	height:150px;
	width:100%;
    margin-top:0em;  
}

a.previous-year-btn-active{margin-right:0.5em; width: 25px; height: 25px; display: block; background: url(/images/btn-PreviousRecord.png);}
a.previous-year-btn-active:hover {background-position: 0 -25px;}

.previous-year-btn-disabled {margin-right:0.5em; width: 25px; height: 25px; display: block; background: url(/images/btn-Previous-Disabled.png); border-width:0em;}

a.next-year-btn-active{margin-left:0.5em;  width: 25px; height: 25px; display: block; background: url(/images/btn-NextRecord.png);}
a.next-year-btn-active:hover {background-position: 0 -25px;}

.next-year-btn-disabled {margin-left:0.5em;  width: 25px; height: 25px; background: url(/images/btn-Next-Disabled.png); border:none;}

#header-data {padding-bottom:1.5em; }
#header #details-block {float:left; padding:2em 0em;}
#header #details-block #full-name{}
#header #details-block #certificate-number{min-height:1.5em;}
#header #details-block #organizations {margin-top:1em;}
#header #year-selector {width:50%; margin: auto; text-align:center; padding:2em;}
#header #year-selector table {margin: auto;}
#header #year-selector #release {position: absolute; margin: auto; left: 0; right: 0; bottom: 2em;}

#header #percenatge-calculator {position:absolute;  right:0%; top:0.25em; padding:0%;} /* left:60%; width:37.7%; */
#header #percenatge-calculator #circle-graphic {float:left; width:25%; font-size:0px;}
#header #percenatge-calculator #circle-graphic-desc {margin:3em 0em 0em 3.5em; float:left; font-style:italic;}

#header .crop #header-data #info-block {clear:both; float:left; position:relative; left:0%; width:100%; top:0%; padding:0%; }
#header .crop #header-data #info-block #info-data {float:left; margin-left:0em; float:left; display:block; width:100%; padding:0em 0em 1em 0em;}
#calculated-hours, #unstructured-hours, #remaining-hours {float:left; width:33%; background-color:#f1f1f1; border:1px solid #bcbcbc; text-align:center; margin:auto; border-collapse: collapse; padding-top:0.15em; padding-bottom:0.5em; min-height:2.5em;}
#complete-calculated-hours, #allowed-unstructured-hours, #hours-remaining {width:90%; margin:0 auto; padding:0% 5%; text-align:center; font-weight:bold;}
#complete-calculated-hours-description, #allowed-unstructured-hours-description, #hours-remaining-description {clear:left; width:90%; margin:0 auto; line-height:14px; padding:0% 5%; text-align:center;}
#display-activities {clear:both;}
#activities-today-divider {border-top: 1px solid #e8e8e8; margin:1em 0em;}
/*
#header #info-block {position:absolute; left:60%; width:37.7%; top:1%; padding:1%; }
#header #info-block #circle-graphic {float:left; width:10%; font-size:0px;}
#header #info-block #info-data {float:left; margin-left:1em; float:left; display:block; width:70%; padding-top:1.5em;}
#calculated-hours, #unstructured-hours, #remaining-hours {}
#complete-calculated-hours, #allowed-unstructured-hours, #hours-remaining {float:left; font-weight:bold; padding-right:1em;}
#complete-calculated-hours-description, #allowed-unstructured-hours-description, #hours-remaining-description {float:left;}
#activities-divider {border-top: 1px solid #e8e8e8; margin-bottom:1em;}
*/
.bgOrange {background-color:#ffd699}
.bgGreen {background-color:#c1fc2f}
.bgBlue {background-color:#a8c5f5}

#activities-header {font-size:1.3em; font-weight: 600; text-transform:uppercase; color:#000;}
#activities-today-header {font-size:1.3em; font-weight: 600; text-transform:uppercase; color:#7a9ad2;}
.activity-header {padding:0em; margin:0em; display:table; width:99.3%;}
.activity-header-data { height:100%; overflow:hidden; opacity:0.8; padding:0.2em 0em;}
.activity-header .activity-header-col {float:left; width:24%; min-width:24%; display:table-cell; vertical-align:center;}
.activity-header-col#date{text-align:left; width:20%; min-width:20%;}
.activity-header-col#name{text-align:left; width:29%; min-width:29%;}
.activity-header-col#status {text-align:left; width:27%; min-width:27%;}
.activity-header-col#calculated_hours {text-align:right; width:20%; min-width:20%;}
.calculated_hours_amount {font-weight:bold;}
.activity-header-col-data {padding: 0.6em 0em 0.6em 2.2em;}
.activity-header-col#date .activity-header-col-data span {}
.activity-header-col#name .activity-header-col-data span {font-weight:bold;}
.activity-header-col#status .activity-header-col-data {padding:0.45em 0em 0.25em 2.2em;}
.activity-header-col#status .activity-header-col-data span {font-size:13px; font-style:italic;}
.activity-header-title {font-weight:bold;}
.activity-header-flag-icon {position:relative; top:0.1em;}
.activity-header-col#status .activity-header-col-data .activity-header-title, .activity-header-flag-description {position:relative; top:-0.4em;}
.activity-header-col#calculated_hours .activity-header-col-data .activity-header-title {font-weight:normal;}

.inactive-activity .activity-header-data {margin-bottom:-1px; padding-bottom:0.2em;}
.inactive-activity {padding:0em; margin:0.1em 0em 0em 0em; display:table; width:99.3%; min-height: 20px;
border:1px solid #aaaaaa;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.inactive-activity .activity-header-col {float:left; width:24%; min-width:24%; display:table-cell; vertical-align:center;}

.activity-body {width:99.3%; min-height:10em;} /* overflow:hidden; */
.activity-body-data {width: 100%;}

.activity-body-col {width:33%; float:left; padding:0em 3.85em 0em 1.3em;}
.activity-body-col#col1 {
}
.activity-body-col#col2 {
    margin: auto;
}
.activity-body-col#col3 { 
    float:right;
    position:absolute;
    right:0.5em;  
    }
.activity-body-col-group {}
.activity-body-col#col4 {
    clear:left;
    width:66%;
    /*
    background-color:red;
    */
}
.activity-body-col#col4 .activity-body-col-data{
    /*
    border:1px solid #e8e8e8; 
    overflow:hidden;
    border-radius:0.5em;
    padding-top:0.3em;
    padding-bottom:0.7em;
    */
    /*
    border-bottom-left-radius:2em;
    */
}
.activity-body-col#col4 .activity-body-col-data .file-items {float:left; margin:-0.25em 0em 0.3em 0em; padding-bottom:0.1em;}
.activity-body-col#col4 .activity-body-col-data .file-upload-action {float:left; margin:0.5em 0em 0.3em 0em; padding-bottom:0.1em;}

.row .form-group {margin:-0.3em 0em 0em -1em;}
.activity-body-col-data {padding:0em 2em;}
.activity-body-col-data#actualHours {
    /*
    float:right; 
    padding:0em 0.5em 0.5em 0.5em;
    border-bottom:1px solid #c1c1c1; 
    */
    clear:right; float:right; width:60%;
    border-bottom:1px solid #c1c1c1; 
    text-align:right;
    padding:0em 0.2em 0em 0em;
}
.activity-body-title {font-weight:bold;}
.activity-body-col-data-row{margin-bottom:0.5em;}
.activity-body-description {margin-bottom:0.5em;}
.activity-type-actions {float:right; clear:both; padding:1em 0em 0em 0em; text-align:right; width:100%;}

.activity-type-action-edit {clear:right; float:right; width:60%; margin-right:1.7em;}
.activity-type-action-remove {clear:right; float:right; width:60%; margin-right:1.7em;}
/*
.activity-type-action-edit {clear:left; float:left;}
.activity-type-action-remove {clear:leftt; float:right;}
*/
.ui-accordion .ui-accordion-header {
	min-height: 20px;
}

.calculationDisclaimer {
    font-style:italic;
    font-size: 80%;
    padding-top:0.5em;
}


.new-activity-wizard-display-option, .edit-activity-wizard-display-option {display:none;}

/* New Activity Wizard */
   #newActivity {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
   #newActivity #popup-centerpoint {width:86%; left:7%;  top:4em; position: relative; height:100%; background: rgba(255, 255, 255, 0.1);}
   #newActivity #popup-centerpoint #adding-popup{overflow:hidden; min-height:80%; height:auto; background-color:#8aa8da;}
   #activity-wizard {width:100%; margin:0 auto;}
   
   /* New Activity Wizard - (Global) */
   #pane1-data, #pane2-data , #pane3-data {position:relative; left:5%; width:88%; margin:0 auto; display:inline-block;}
   #pane1-actionsx, #pane2-actionsx, #pane3-actionsx {clear:both; display:block; width:100%; position:relative; bottom:auto; left:auto; top:0em;}
   /* cheats for now */
   #pane1-actionsx {margin-top:6em;}
   #pane2-actionsx {margin-top:11.65em;}
   #pane3-actionsx {margin-top:10.75em;}
   
   #pane3-notes-data {margin-top:0.7em;}
   


/*
//old absolute

#newActivity {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#popup-centerpoint {position: fixed; top:7em; bottom:11.5%; left:10%; width:80%; min-height:60%; background-color:#8aa8da; 
} 

#adding-popup{
    z-index:10;
    overflow: auto;
    position: relative;
    background-color:#8aa8da;
    height:100%;
}
#activity-wizard {width:90%; margin:0 auto;}
 
#pane1-actions, #pane2-actions, #pane3-actions {width:100%; position:absolute; bottom:7%; left:0em;}
#pane1-actionsx, #pane2-actionsx, #pane3-actionsx {width:100%; position:absolute; bottom:0em; left:0em;} 
*/

 

/* 
//old buttons
#popup-centerpoint {top:10%; left:50%; position: absolute; width:80%; overflow:hidden; }

#adding-popup{
    background-color:#8aa8da;
    top: 9%;
    min-height: 75%;
    background-color:#8aa8da;
    padding-bottom:4em;
    z-index:10;
    overflow: auto;
    top: 9%;
    position: fixed;
    width: 82%;
    margin-left: -41%;
    max-height: 75%;
    overflow-y: scroll;
}
*/

.popup {padding:0; margin:0;}
.popup-topper{width:100%; color:#fff; background-color:#426197; margin-bottom:3em;}
.popup-topper-data{padding:1em 2em;}
.popup-content {padding:0em 2.5em 2.5em 2.5em;}
.form-row {margin-bottom:1em;}
.form-label {width:35%; line-height:17px; position: relative;}
.form-input {width:65%;}
.form-input .file {margin-left:-1em;}
.form-actions {margin-top:2em;}
/*
#editActivity {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#editing-popup-centerpoint {top: 50%; left: 50%; position: absolute;}
#editing-popup{
	width: 30%;
    min-height: 40%;
    position: absolute;
    background-color:#8aa8da;
    background-color:#8aa8da;
    padding-bottom:4em;
    z-index:10;
    position: fixed;
    margin-left: -15%;
    top: 12%;
}
*/
#helpPanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#helpPanel #popup-centerpoint {width:86%; left:7%;  top:4em;  position: relative; height:100%; background: rgba(255, 255, 255, 0.1)} 
#helpPanel #popup-centerpoint #adding-popup{overflow:hidden; min-height:70%; height:auto; margin-bottom:5em; background-color:#8aa8da;}
#help-data {width:90%; margin:0 auto;}
#help-data-title {margin-bottom:1em;}
#help-data-list {float:left; width:65%; padding-bottom:5em;}
.help-data-item {width:93%;}
.help-data-item-title {width:100%; padding:0em 1em;}
.help-data-item-description {color:#fff; width:100%; background-color:#7a9ad2;  margin-bottom:1em; }
.help-data-item-description-data {padding:0.3em 1em;}

.help-icon {display:inline-block; width: 18px; height: 18px; position:relative; top:0.2em; margin-right:0.3em;}
.show{background: url(/images/icon-expand.png);}
.hide {background: url(/images/icon-minimize.png);}
.help-title {width:90%; margin-top:1em; font-size:18px; border-bottom:1px solid #c5d4ed; padding:0.2em 0em; margin-bottom:0.2em;}
.help-description {width:90%; color:#fff; background-color:#7a9ad2;  margin-top:-0.2em;}
.help-description-data {padding:1em 3em 0.8em 2em;}
.definition-title {font-weight:bold; text-decoration:underline;}
.definition-description {padding:0em 0em 1em 2em;}

#feedback{float:right; margin-top:-0.8em; width:33%; margin-bottom:5em; border:solid 1px #426197;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
} /*background-color:#7a9ad2;*/
#feedback #feedback-title h4 {width:100%; padding:0.7em 0.5em 0em 0.5em; padding-bottom:0.2em; color:#fff;  } /* background-color:#8aa8da; */
h3#feedback-title {margin:-0.1em 0em 0.5em 0em;}
#feedback-data { padding:0.3em 1em;}
#feedback-textarea {width:90%; height:14em;}
#feedback-btnSubmit {width:93%;}
#feedback-btnSubmit-data {float:right; padding:0.5em 0em 1.5em 0em;}

/*
#feedbackPanel{top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#feedback-data {width:80%; margin:0 auto;}
*/

#attachmentsPanel, #quickAttachmentPanel{top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:10; background: rgba(255, 255, 255, 0.8)}
#upload-attachments-data {width:90%; margin:0 auto; margin-top:2em;}
#attachmentsPanel #popup-centerpoint, #quickAttachmentPanel #popup-centerpoint{position: fixed; top:10%; height:65%; min-height:65%; left:25%; width:50%; background-color:#8aa8da; 
}
#upload-attachments-data select{padding:0.8em 1.2em 0.8em 1.2em;}
#upload-attachments-data input{padding:0.8em 1.2em 0.7em 1.2em;}
#attachment-popup{
    padding-bottom:4em;
    z-index:10;
    /*
    overflow: auto;
	overflow: scroll; 
	-webkit-overflow-scrolling: touch;
	*/
	
	/*
	overflow-y: scroll; -webkit-overflow-scrolling: touch;
	*/
	overflow: auto;
	
    position: relative;
    background-color:#8aa8da;
	
    height:100%;
	
} 
/*
#attachment-popup{
    width: 52%;
    min-height: 40%;
    background-color:#8aa8da;
    padding-bottom:4em;
    z-index:10;
    position: fixed;
    margin-left: -26%;
    top: 22%;
    max-height: 60%;
    overflow-y: scroll;
}
*/
.attachment-actions {float:right; margin-top:2em; clear:both;} /*   width:100%; position:absolute; bottom:9%; right:0em;*/
.attachment-actions .BtnDark {float:right;}
/*
#changeHistoryPanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#changeHistory-data {width:80%; margin:0 auto;}
*/
#changeHistoryPanel {width:100%; min-height:100%;}
#changeHistory-data {}

#changeHistory-data-list {float:left; width:100%; padding-bottom:4em;}
#changeHistory-data-list-block-outer{clear:both; border:1px solid #aaaaaa; margin-top:0.1em;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#changeHistory-data-list-block-inner{clear:both; overflow:hidden;}
#changeHistory-header {font-size:1.3em; font-weight: 600; text-transform:uppercase;}
.changeHistory-data-item {width:100%;}
.changeHistory-data-item-title {width:100%; padding:0em 1em;}
.changeHistory-data-item-title .display-name {float:left; }
.changeHistory-data-item-title .change-date {float:left;}
.changeHistory-data-item-description {clear:both; float:left; color:#fff; width:100%; background-color:#7a9ad2;  margin-bottom:1em; }
.changeHistory-data-item-description-data {padding:0em;}
.changeHistory-data-item-description-data ul {margin:0em 0em 0em 2em; padding:0.5em 1em; color:#e9f1fe;}
.changeHistory-data-item-description-data ul li ul li{padding:0em; margin:0em;}

.changeHistory-title{background-color:#e8e8e8; width:100%; margin-bottom:1px; clear:both; padding:0.3em 1em;}
.changeHistory-title:hover {background-color:#8aa8da; font-weight:bold;}
.active {background-color:#8aa8da; font-weight:bold;}
.change-date  {font-weight:normal;} /* right:0em; */
.changeHistory-title:hover .change-date  {color:#fff;}
.active .change-date  {color:#fff;}

#notesPanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:10; background: rgba(255, 255, 255, 0.8);}
.notes-popup-data {overflow:hidden;}
.notes-popup-topper{color:#fff; background-color:#646464; margin-bottom:3em; position:fixed;  width:50%;}
#notes-data {width:90%; margin:0 auto; margin-top:6em;}
.notes-content {white-space:pre-wrap;}
#notesPanel #popup-centerpoint{position: fixed; top:20%; height:50%; min-height:50%; left:25%; width:50%; background-color:#cecece; }
#notes-popup{
    padding-bottom:4em;
    z-index:10;
    overflow: auto;
    position: relative;
    background-color:#cecece;
    height:100%;
} 
#notes-popup .popup {overflow:hidden;}
.notes-popup-topper .popup-topper-data #close-panel a:link, .notes-popup-topper .popup-topper-data #close-panel a:visited{
    color: #a4a4a4;
    }
.notes-popup-topper .popup-topper-data #close-panel a:hover, .notes-popup-topper .popup-topper-data #close-panel a:active {
	color: #000;
}

/* New Activity Wizard - Pane 2 */
#pane-2-title {margin-bottom:0.7em;}
#pane2-options {float: left; width: 35%;}
#date-picker {background-color:#7a9ad2; width: 90%; height:100%;}
#calendar {padding:5%;}
#date-picker-disclaimer {width: 80%; margin-top:0.5em; line-height:14px;}
#pane2-field-list {float:left; width: 65%; background-color:#7a9ad2;}
#pane2-field-list-data {padding:1em; min-height:22em;}
#pane2-field-list table {width:100%; border-spacing: 0;}
#pane2-field-list .label-title {width:87%;} /* width:80%; */
#pane2-field-list table td label {padding:0em 1em 0em 0em; display:block;}
#pane2-field-list #pane2-field-list-data table input {width:90%; margin:0.2em 0em; padding:0.7em 1em 0.8em 1.2em;}
#pane2-field-list #pane2-field-list-data #plannedHours  {min-width:10%; width:10%;}
#pane2-field-list #date, #pane2-field-list #calculatedHours {height:3.2em;}
#pane2-field-list #date-data, #pane2-field-list #calculatedHours-data {background-color:#6a8bc9; border:2px solid #6a8bc9; padding:0.35em 1.2em; height:1.7em;  margin-left:0.01em;}
#pane2-field-list #date-data {
    min-width:89.3%; 
    width:89.3%; 
    max-width:89.3%; 
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

#pane2-field-list #calculatedHours-data {min-width:9.3%; width:9.3%; float:left;}
#calculatedHours-disclaimer {float:right; padding-left:2em; line-height:14px; margin-top:0.5em;}
#pane2-action-btnBack {float:left; width:33%;}
#pane2-action-btnSaveDraft {width:33%; margin:auto;}
#pane2-action-btnCancel {float:right; width:33%; }
#pane2-btnSaveDraft {display: table; margin: 0 auto;}
#pane2-btnCancel {float:right;}
#hours-capped-notice { color: #C6003F; margin-top: 0.7%; line-height:13px; font-size: 12px; max-width:80%; float:left; padding-left: 6px;}
#form-key {color: #ebf0f8; line-height: 14px; font-size:12px; margin:0.4em 2em 1em 2em; float:left;}
.required-field-highlight{
    color: #C6003F; 
    line-height:13px; 
    font-size: 12px;
    float:left;
}

#endDate {padding-top:0.3em;}
#pane2-field-list #date-data.date-highlight{
    box-shadow: 0 0 5px #426197;
    border: 2px solid #426197;
}
.input-highlight {background-color:#ffb2b2; border:2px solid red;}
#pane2-field-list #date-data.input-highlightb {background-color:#ffb2b2; border:2px solid red;}
.input-highlightc {background-color:#feffb2; border:2px solid #ebc701;}
.input-highlightd {border:2px solid red;}

/*FullCalendar */
.fc-text-arrow{
position:relative; top:-0.1em; font-size:20px;
}

.fc-header-left {
    background-color:#426197;
}
.fc-header-left .fc-button{
    float:right;
}
.fc-header-center{
   width:80%;
   padding:0em; 
   margin:1em 0em; 
   height:1em; 
   background-color:#426197; 
}
.fc-header-title h2{ 
    text-align:center;
    font-size:1.3em;  
    text-align:center; 
    color:#fff; 
    padding:0.2em 0em;
    /*
    font-weight:bold; 
    */
}
.fc-header-right {
    background-color:#426197;
}
.fc-content{
    top:1em;
    margin-bottom:1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fc-event {
    position: relative; /* for resize handle and other inner positioning */
    display: block; /* make the <a> tag block */
     border: 1px solid #3a87ad; /*  default BORDER color */
     background-color: #FFF; /*  default BACKGROUND color */
     font-weight: normal; /* undo jqui's ui-widget-header bold */
}
.fc-day {
    cursor: pointer;
    text-align:center;
    
}
.fc-day-number {
    background-color:#6a8bc9; 
    min-width:2em; 
    min-height:2em;
    padding-top:0.5em;
    }

.fc-highlight .fc-day-number  { /* when user is selecting cells */
    background: #426197;
    color:#fff;
    min-width:2em; 
    min-height:2em;
    
    /*
    position:relative; 
    padding:0.1em 0.3em 0.1em 0.3em;
    opacity: .3;
    filter: alpha(opacity=30);
    */
}

.fc-button-prev {
    width: 18px;
    height: 18px;
    display: block;
    background: url(/images/btn-Previous.png);
    background-size: 18px;
    cursor: pointer;
}

.fc-button-next{
    width: 18px;
    height: 18px;
    display: block;
    background: url(/images/btn-Next.png);
    background-size: 18px;
    cursor: pointer;
}

.fc-state-disabled {
    opacity: 0.2; 
    filter: alpha(opacity=20); 
    pointer-events: none; 
    cursor: none;
}

/*grey out dates not in current month */
td.fc-other-month .fc-day-number {
        opacity: 0.4; 
        filter: alpha(opacity=40); 
        pointer-events: none; 
        cursor: none;   
}

.fc-event-title{

}

/*tooltips*/

.help-area{
    position:relative;
    min-width:50%;
    max-width:85%;
}

.tooltip {
    border:5px solid #ffb412;
    color:#333;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    max-width:75%;
    text-align: left;
    color: #000;
    background: #fce57a;
    position: absolute;
    bottom:1.5em;
    font-size:75%;
    z-index: 100;
    padding: 10px;
    display:none;
    /*
    right: 66px;
    left: -66px;
    */
    left:-1em;
}

.tooltip:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:17px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#ffb412 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.tooltip:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:24px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fce57a transparent; /* ffffff */
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.tooltip2 {
    /*
    border:5px solid #ffb412;
    bottom:1.5em;
    position: absolute;
    left:-1em;
    */
    color:#333;
    
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    /*
    -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
    
    -webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
    
    -webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
    */
    max-width:75%;
    text-align: left;
    color: #000;
    background: #c4d3ec;
    position: relative;
    font-size:75%;
    z-index: 100;
    padding: 0.3em 2em 0.3em 1em;
    bottom:1em;
    left:2em;
}

.tooltip2:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
    /*
	left:6em;
    */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#8aa8da transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.tooltip2:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:6em;/* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#c4d3ec transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/*
.tooltip:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffff99;
    content: '';
    position: absolute;
    left: 1.8em;
    bottom: -5px;
    margin-left: -5px;
}

.tooltip.top:after{
    border-top-color: transparent;
    border-bottom: 5px solid #ffff99;
    top: -20px;
    bottom: auto;
}

.tooltip.left:after{
    left: 5px;
    margin: 0;
}

.tooltip.right:after{
    right: 5px;
    left: auto;
    margin: 0;
}
*/


/* New Activity Wizard - Pane 3 */
#pane3-options {float: left; width: 60%;}
/*
#pane3-options .icon-help, #pane3-notes .icon-help {margin-left:-2em;}
*/
#pane3-options-data table, #attachments, #attachments-disclaimer , #visibility, #visibility-disclaimer, #pane3-notes-data{margin-left:1.8em;}
#type-overview, #activity-overview{float:left; width:50%;}
#type-overview-data, #activity-overview-data {width:86%; padding-bottom:2em;}
#pane3-options-data table {width:86%; border-spacing: 0; padding:0.3em 1em 0.3em 0em; margin-bottom:0.5em; } /* border:1px solid #adc2e5; */
#pane3-options-data table .label {min-width:20%; width:25%; color:#fff; padding:0em; line-height:12px;}
#pane3-options-data table .description {width:70%; color:#fff; padding:0em; line-height:15px;}
#attachments-title, #visibility-title, #comments-title {margin-top:-0.15em}
#attachments {background-color:#7a9ad2; width: 86%; height:11em; margin-top:-0.5em; position:relative;}
#attachments-data {padding:0em 0.8em 0.8em 0.8em; position:relative; top:0.8em;}
#can-add-attachment {padding-bottom:0.1em;}
#add-attachment-action {float:left;}
a.btn-addAttachment{margin-right:0.5em; width: 36px; height: 38px; display: block; background: url(/images/btn-addAttachment.png);}
a.btn-addAttachment:hover {background-position: 0 -38px;}
a.btn-addQuickAttachment{margin-right:0.5em; width: 22px; height: 23px; display: block; background: url(/images/btn-addQuickAttachment.png);}
a.btn-addQuickAttachment:hover {background-position: 0 -23px;}
a.link-addAttachment {color:#000; text-decoration:underline;}
a.link-addAttachment:hover {text-decoration:none;}
a.btn-downloadAttachment{float:left; margin-top:-0.2em; width: 60px; height: 27px; display: block; background: url(/images/btn-downloadAttachment.png);}
a.btn-downloadAttachment:hover {background-position: 0 -27px;}
a.btn-deleteAttachment{float:left; margin-top:-0.2em; margin-right:-1.05em; width: 60px; height: 27px; display: block; background: url(/images/btn-deleteAttachment.png);}
a.btn-deleteAttachment:hover {background-position: 0 -27px;}

a.btn-downloadAttachmentb{float:left; margin-top:-0.1em; width: 60px; height: 25px; display: block; background: url(/images/btn-downloadAttachmentb.png);}
a.btn-downloadAttachmentb:hover {background-position: center bottom; } /* background-position: 0 -25px; */

a.btn-deleteAttachmentb{float:left; margin-top:-0.1em; margin-right:-1.05em; width: 60px; height: 25px; display: block; background: url(/images/btn-deleteAttachmentb.png);}
a.btn-deleteAttachmentb:hover {background-position: center bottom; } /* background-position: 0 -25px; */

/*
a.btn-downloadAttachmentb{
background-color:#426197;
display: block; 
float: left;
line-height: 21px;
height: 27px;
padding-left: 18px;
color: #94a4bf;
text-decoration:none;
float:left; margin-top:-0.2em;
}
a:link.btn-downloadAttachmentb, a:visited.btn-downloadAttachmentb, a:active.btn-downloadAttachmentb{background-color:#426197;}
a.btn-downloadAttachmentb span{display: block; padding: 2px 18px 4px 0px; background-color:#426197;}
a.btn-downloadAttachmentb:hover {background-color:#000;}
a.btn-downloadAttachmentb:hover span{background-color:#000; padding: 2px 18px 4px 0px;}

a.btn-deleteAttachmentb{
background-color:#fff;
display: block; 
float: left;
line-height: 21px;
height: 27px;
padding-left: 18px;
color: #000;
text-decoration:none;
float:left; 
margin-top:-0.2em;
margin-right:-1.05em;
font-size:13px;
}
a:link.btn-deleteAttachmentb, a:visited.btn-deleteAttachmentb, a:active.btn-deleteAttachmentb{background-color:#fff;}
a.btn-deleteAttachmentb span{display: block; padding: 2px 18px 4px 0px; background-color:#fff;}
a.btn-deleteAttachmentb:hover {background-color:#e6e6e6;}
a.btn-deleteAttachmentb:hover span{background-color:#e6e6e6; padding: 2px 18px 4px 0px;}
*/

#attachments-data .attachment-row {min-height:1.8em; position:relative; border:1px solid #426197; margin:0em; padding:0em; height:1.05em; margin-bottom:-0.1em;}
#attachments-data .attachment-rowb {min-height:1.8em; position:relative; border:1px solid #96a8c6; margin:0em; padding:0em; height:1.05em; margin-bottom:-0.1em; background-color:#88a4d5;}
.icon-attachment {float:left; content:url("/images/icon-attachment.png");}
.icon-attachmentb {clear:both; float:left; content:url("/images/icon-attachment.png");}
.icon-quickAttachment {float:left;  content:url("/images/icon-quickAttachment.png"); padding:0.7em 0em;}
.quickNotes {float:left; margin:-0.25em 0em 0.3em 0em; padding-bottom:0.1em;}
.icon-quickNote {float:left;  content:url("/images/icon-quickNote.png"); padding:0.7em 0em;}
.quickAttachment-data-description, .quickNotes-data-description {overflow: hidden; position:relative; left:0.5em; top:-0.2em; padding:0.8em 0em 0em 0em; margin:0em 2em 0em 0em;   line-height:26px;}

.icon-attachment-details {overflow: hidden; position:relative; padding-left:0em; padding-top:0em;}
.icon-attachment-detailsb {overflow: hidden; position:relative; padding-left:0em; padding-top:0em;}

#add-attachment-description {overflow: hidden; position:relative; padding:0.5em 0em 0em 0em; color:#fff;}
#attachments-disclaimer {text-align:right; width: 86%; margin-top:0.3em;}
#visibility {clear:both; width: 86%; min-height:4em;} /* background-color:#7a9ad2; */
#visibility-data {padding:0em;}
a.cbVisibilitySelected {
padding:1em 1.5em; 
background-color:rgba(102,134,199,1); 
border: 1px solid rgba(255, 255, 255, 1);
color:#000;
line-height:3.8em;
}
a.cbVisibilitySelected:active{
padding:1em 1.5em; 
background-color:rgba(102,134,199,1); 
border: 1px solid rgba(255, 255, 255, 1);
color:#000;
line-height:3.8em;
}
a.cbVisibilitySelected:hover {
color:#000;
}
a.cbVisibilityDisabled{
background-color:rgba(102,134,199,0.5);
border: 1px solid rgba(255, 255, 255, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
color:#5171a8;
line-height:3.8em;
}
a.cbVisibilityDisabled:active {
background-color:rgba(102,134,199,0.5);
border: 1px solid rgba(255, 255, 255, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
color:#5171a8;
line-height:3.8em;
}
a.cbVisibilityDisabled:hover {
color:#29487f;
}
#visibility-disclaimer {text-align:left; width: 86%; line-height:14px; margin-left:2em}
#pane3-notes {float: left; width: 37%;}
#pane3-notes-textarea {width:100%; height:22em; padding:1em; font-family:'Century Gothic', Arial; line-height:1.35em;}
#notes-disclaimer {clear:both; float:right; margin-right:-1.8em;}
#pane3-action-btnBack {float:left;}
#pane3-action-btnNext{float:right;}


.activityCategory{
	width:100%;
	margin:10px auto;
	border: 1px;
    color:#fff;
    background-color:#7a9ad2;
    padding:1em;
}
.activityTypes {color:#000; background-color:#7a9ad2; height:100%; display:block; overflow:hidden;}
.activityTypeSelect{
	width: 19%;
    float: left;
    min-height: 30px;
    background-color: white;
    font-size: 14px;
    margin: 1% 1%;
    padding: 1% 2%;
    line-height:15px;
}

.btn-activity-opt1 {}
.btn-activity-opt1-data, .btn-activity-opt1-data-disabled {float:left; width:33%; height:5em; text-align:center; 
height:75px;
background-color:#7896c9; 
}
.btn-activity-opt1-icon, .btn-activity-opt1-icon-disabled {
margin:0 auto;
width:100%;
text-align:center; 
background: url(/images/btn-Wizard-Previous.png);
background-repeat: no-repeat;
background-position: center top; 
height:75px;
overflow:hidden;
}
.btn-activity-opt1 .btn-activity-opt1-data:hover {
background-color:#000;
}
.btn-activity-opt1-icon:hover, .btn-activity-opt1-icon-disabled:hover{
background-position: center bottom;
}

.btn-activity-opt2-block {display:block; overflow:hidden; margin:0 auto;  width:33%;}
.btn-activity-opt2-data, .btn-activity-opt2-data-disabled {margin:0 auto;  width:100%; text-align:center; 
height:75px;
background-color:#6a88bc; 
}
.btn-activity-opt2-icon, .btn-activity-opt2-icon-disabled {
margin:0 auto;
width:100%;
text-align:center; 
background: url(/images/btn-Wizard-Save.png);
background-repeat: no-repeat;
background-position: center top; 
height:75px;
overflow:hidden;
}
.btn-activity-opt2 .btn-activity-opt2-data:hover {
background-color:#000;
}
.btn-activity-opt2-icon:hover, .btn-activity-opt2-icon-disabled:hover {
background-position: center bottom;
}

/* a.AccountManager {width: 97px; height: 97px; display: block; background: url(../../images/plexus_intl/btn_AccountManager.gif);}
a.AccountManager:hover {background-position: 0 -97px;}
*/

.btn-activity-opt3-data, .btn-activity-opt3-data-disabled {float:right; width:33%; height:5em; text-align:center; 
height:75px;
background-color:#5b7aae;
}
.btn-activity-opt3-icon, .btn-activity-opt3-icon-disabled {
margin:0 auto;
width:100%;
text-align:center; 
background: url(/images/btn-Wizard-Next.png);
background-repeat: no-repeat;
background-position: center top; 
height:75px;
overflow:hidden;
}
.btn-activity-opt3 .btn-activity-opt3-data:hover {
background-color:#000;
}
.btn-activity-opt3-icon:hover, .btn-activity-opt3-icon-disabled:hover {
background-position: center bottom;
}

.btn-activity-opt4-data, .btn-activity-opt4-data-disabled {float:right; width:33%; height:5em; text-align:center; 
height:75px;
background-color:#5b7aae;
}

.btn-activity-opt4-icon, .btn-activity-opt4-icon-disabled {
margin:0 auto;
width:100%;
text-align:center; 
background: url(/images/btn-Wizard-Complete.png);
background-repeat: no-repeat;
background-position: center top; 
height:75px;
overflow:hidden;
}
.btn-activity-opt4 .btn-activity-opt4-data:hover {
background-color:#000;
}
.btn-activity-opt4-icon:hover, .btn-activity-opt4-icon-disabled:hover {
background-position: center bottom;
}

#add-activity {padding-bottom:3.5em; border-bottom: 1px solid #e8e8e8;}
#activity-action{width:99.3%; border:1px dashed #8b8b8b; margin:1em 0em;}
#activity-action-data {padding:0.5em 1em 0.6em 1em;}
#activity-action-data {padding:0.5em 1em 0.6em 1em;}
#btn-add-activity{text-decoration:none; font-style:italic; color:#6f6f6f;}
#link-add-activity:before{content: '+'; margin-right:1em; font-weight:900; font-size:18px;}
#btn-add-activity #activity-action-data:hover, #btn-add-activity:active {
	color: #426197;
    background-color:#e8e8e8;
}
#activity-action.disabledx #btn-add-activity #activity-action-data:hover, #activity-action.disabledx #btn-add-activity:active {
	color: #426197;
    background-color:#fff;
}

#dashboard-options {}
#change-history {float:left; padding:1em 0em;}
a#btn-change-history {float:left; margin-right:0.5em;  width: 30px; height: 30px; display: block; background: url(/images/btn-Change-History.png);}
a#btn-change-history:hover {background-position: 0 -30px;}
#link-change-history {float:left; margin-top:0.25em;}

#print-download {position:absolute; right:0em; margin-top:1em;}
a#btn-print-download {float:right; margin-left:0.5em;  width: 30px; height: 30px; display: block; background: url(/images/btn-Print-Download.png);}
a#btn-print-download:hover {background-position: 0 -30px;}
#link-print-download {float:left; margin-top:0.25em;}

#close-panel {float: right; margin: -0.15em .5em 0em .5em; position:absolute; right:0px; top:0px; font-size:40px;}

#footer {
    clear:both;
    height:80px;
	width:100%;
    margin:5em 0em 4em 0em;
    padding-top:1em;
    background-color:#e8e8e8;
}
#footer .project-details {float:right;}
#footer .project-details .company-name {float:left; color:#7a9ad2; text-transform:uppercase;}
#footer .project-details .cpd-logo {width: 86px; height: 30px; background: url(/images/CPD-logo_Blue.png); margin:1.2em -1em 0em 0em ; }
#footer .project-details .project-description {float:left; margin:1.6em 0em 0em 0.5em;}
#footer .project-details .project-description span {padding:0.5em 1em; color:#7a9ad2;}
#footer .project-details .project-description span span {background-color:#cacaca; color:#fff;  margin-left:0.5em; padding:0.4em 1em;}


#reviewDialog, #downloadPanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:10; background: rgba(255, 255, 255, 0.8);}
#review-popup-centerpoint {top: 50%; left: 50%; position: absolute;}
#review-popup{
	width: 30%;
    min-height: 20%;
    position: absolute;
    background-color:#cecece;
    padding-bottom:4em;
    z-index:10;
    position: fixed;
    margin-left: -15%;
    top: 25%;
}
.review-popup-topper{width:100%; color:#fff; background-color:#646464; margin-bottom:1em;}
.review-popup-topper .popup-topper-data #close-panel a:link, .review-popup-topper .popup-topper-data #close-panel a:visited{
    color: #a4a4a4;
    }
.review-popup-topper .popup-topper-data #close-panel a:hover, .review-popup-topper .popup-topper-data #close-panel a:active {
	color: #000;
}
#reviewComments {width:80%; height:10em;}

#error-message{top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#fatal-error-message{top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);}
#error-popup-centerpoint {top: 50%; left: 50%;  position: absolute;}
#error-popup{
	width: 30%;
    min-height: 20%;
    position: absolute;
    background-color:#fd4d4d;
    padding-bottom:4em;
    z-index:10;
    position: fixed;
    margin-left: -15%;
    top: 15%;
    bottom:15%;
    overflow:scroll;
}
.error-popup-topper{width:100%; color:#fff; background-color:#b60404; margin-bottom:1em;}
#error-data { width:100%;}
#error-content {padding:2em; width:80%;}
#error-details {padding: .5em 2em; width:80%; font-weight:bold;}
#fatal-error-content {padding: 1em 2em; width: 80%;}
#fatal-error-header {padding: 1em 2em; width: 80%;}
#error-actions {float:right; padding-right:2em;}



/**********************************************************************/
/* Controls */
/**********************************************************************/
#btn-print, #btn-download, #btn-csv {background-color:#989898; margin-top:1em; padding:1em 0em 2em 0em; float:left; width:28%; overflow:hidden; text-align:center; border:5px solid #ddd; margin-left:2%;}
#btn-download {float:left;}
#btn-csv {float:left;}
#btn-print:hover, #btn-download:hover, #btn-csv:hover  {background-color:#000; cursor:pointer;}
#btn-print:hover #btn-print-img, #btn-download:hover #btn-download-img, #btn-csv:hover #btn-csv-img  {background-color:#000; background-position: 0 -95px;}
#btn-print:hover #btn-print-txt, #btn-download:hover #btn-download-txt {}
#btn-print #btn-print-img{margin:0 auto; width: 75px; height: 95px; display: block; background: url(/images/btn-Print.png);}
#btn-download #btn-download-img{margin:0 auto; width: 75px; height: 95px; display: block; background: url(/images/btn-Download.png);}
#btn-csv #btn-csv-img{margin:0 auto; width: 75px; height: 95px; display: block; background: url(/images/btn-Download-CSV.png);}




a.BtnDark{
background-color:#426197;
display: block; 
float: left;
line-height: 30px;
height: 48px;
padding-left: 33px;
color: #fff;
margin:5px 1px 0px 0px;
text-decoration:none;
}
a:link.BtnDark, a:visited.BtnDark, a:active.BtnDark{}
a.BtnDark span{display: block; padding: 7px 33px 11px 0px;}
a.BtnDark:hover {background-color:#000;}
a.BtnDark:hover span{background-color:#000; padding: 7px 33px 11px 0px;}


a.BtnDark-sm{
background-color:#426197;
display: block; 
float: left;
line-height: 19px;
height: 33px;
padding-left: 33px;
color: #fff;
text-decoration:none;
}
a:link.BtnDark-sm, a:visited.BtnDark-sm, a:active.BtnDark-sm{}
a.BtnDark-sm span{display: block; padding: 6px 33px 8px 0px;}
a.BtnDark-sm:hover {background-color:#000;}
a.BtnDark-sm:hover span{background-color:#000; padding: 6px 33px 8px 0px;}



a.BtnDark-sm2{
background-color:#000;
display: block; 
float: left;
line-height: 19px;
height: 37px;
padding-left: 23px;
color: #fff;
text-decoration:none;
}
a:link.BtnDark-sm2, a:visited.BtnDark-sm2, a:active.BtnDark-sm2{}
a.BtnDark-sm2 span{display: block; padding: 9px 23px 9px 0px;}
a.BtnDark-sm2:hover {background-color:#426197;}
a.BtnDark-sm2:hover span{background-color:#426197; padding: 9px 23px 9px 0px;}


a.BtnLight{
min-width:100%;
text-align:center;
background-color:#e8e8e8;
display: block; 
float: left;
line-height: 30px;
min-height: 38px;
padding-left: 28px;
color: #000;
margin:5px 1px 0px 0px;
text-decoration:none;
}/* border-bottom:3px solid #e8e8e8; */
a:link.BtnLight, a:visited.BtnLight, a:active.BtnLight{}
a.BtnLight span{display: block; padding: 4px 28px 4px 0px; }/* border-bottom:3px solid #e8e8e8; */
a.BtnLight:hover {color:#fff; background-color:#8aa8da; }/* color:#7a9ad2; background-color:#fff; border-bottom:3px solid #7a9ad2; */
a.BtnLight:hover span{color:#fff; background-color:#8aa8da; padding: 4px 28px 4px 0px;} /* color:#7a9ad2; background-color:#fff; border-bottom:3px solid #7a9ad2; */

a.BtnAlert{
background-color:#fff;
display: block; 
float: left;
line-height: 30px;
height: 48px;
padding-left: 33px;
color: #000;
margin:5px 1px 0px 0px;
text-decoration:none;
}
a:link.BtnAlert, a:visited.BtnAlert, a:active.BtnAlert{}
a.BtnAlert span{display: block; padding: 7px 33px 11px 0px;}
a.BtnAlert:hover {background-color:#000; color:#fff;}
a.BtnAlert:hover span{background-color:#000; color:#fff; padding: 7px 33px 11px 0px;}

a.lnkDark:link{
    font-weight:bold;
    }
a.lnkDark:hover, a.lnkDark:active {
	color: #000;
    text-decoration: underline;
}

.highlight-item {padding:0.1em 1.2em 0.2em 0.7em; position:relative; 

background: rgba(255, 255, 0, 0.8);




}
.highlight-item:before {} /* content:url('/images/icon-note.png'); position:absolute; top:-0.3em; left:-0.1em; */
.highlight-new {background-color:orange;}
.newActivity {background: url(/images/icon-new.png); width:52px; height:51px; display: inline-block; position:absolute; left:0em; top: 0em;}
.editedActivity {background: url(/images/icon-edited.png); width:60px; height:51px; display: inline-block; position:absolute; left:0em; top: 0em;}

.overview-expand {background: url(/images/btn-overview-expand.gif); width:35px; height:33px; display: block; cursor:pointer;}
.overview-expand:hover {background-position: 0 -33px;}

.overview-minimize {background: url(/images/btn-overview-minimize.gif); width:35px; height:33px; display: block; cursor:pointer;}
.overview-minimize:hover {background-position: 0 -33px;}

.wrapperClass-padding {padding:0.65em 0em 0.75em 0em;}

/* Panels */

/* Success Panel */
#successPanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:10; background: rgba(255, 255, 255, 0.8);}
#success-popup{
	width: 30%;
    min-height: 20%;
    position: absolute;
    background-color:#addacf;
    padding-bottom:4em;
    z-index:10;
    position: fixed;
    margin-left: -15%;
    top: 30%;
}
.success-popup-topper{width:100%; color:#fff; background-color:#33c17a; margin-bottom:1em;}
.success-popup-topper .popup-topper-data #close-panel a:link, .success-popup-topper .popup-topper-data #close-panel a:visited{
    color: #109553;
    }
.success-popup-topper .popup-topper-data #close-panel a:hover, .success-popup-topper .popup-topper-data #close-panel a:active {
	color: #000;
}

/* Confirmation Notices */
#confirmationPanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:10; background: rgba(255, 255, 255, 0.8);}
#confirmation-popup{
	width: 30%;
    min-height: 20%;
    position: absolute;
    background-color:#cecece;
    padding-bottom:4em;
    z-index:10;
    position: fixed;
    margin-left: -15%;
    top: 30%;
}
.confirmation-popup-topper{width:100%; color:#fff; background-color:#646464; margin-bottom:1em;}
.confirmation-popup-topper .popup-topper-data #close-panel a:link, .confirmation-popup-topper .popup-topper-data #close-panel a:visited{
    color: #a4a4a4;
    }
.confirmation-popup-topper .popup-topper-data #close-panel a:hover, .confirmation-popup-topper .popup-topper-data #close-panel a:active {
	color: #000;
}
#confirmation-actions {position:absolute; bottom:1em; right:2em;}

/* Message Panel */
#messagePanel {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:11;}
/*background: rgba(255, 255, 255, 0.8);*/
#message-popup{
    width: 30%;
    /*min-height: 20%;*/
    position: absolute;
    background-color:#addacf;
    padding-bottom:4em;
    z-index:11;
    position: fixed;
    margin-left: -15%;
    top: 30%;
}
.message-popup-topper{width:100%; color:#fff; background-color:#33c17a; margin-bottom:1em;}
.message-popup-topper .popup-topper-data #close-panel a:link, .message-popup-topper .popup-topper-data #close-panel a:visited{
    color: #109553;
}
.message-popup-topper .popup-topper-data #close-panel a:hover, .message-popup-topper .popup-topper-data #close-panel a:active {
    color: #000;
}

a.certificate-link:link {text-decoration:underline; color:#000;}
a.certificate-link:visited, a.certificate-link:active {color:#000;}
a.certificate-link:hover{color:#3f3f3f; }