/*---------------------------------
        IMPORTS
-----------------------------------*/
/* @import url('http://fonts.googleapis.com/css?family=Arimo:400,700'); */

/*---------------------------------
        OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

thead th,
tbody th{
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu{
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote{
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

/*---------------------------------
        LAYOUT
-----------------------------------*/
body{
    margin:0;
    padding:0;
    color:#000;
    background:#ffffff;
    font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
    text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

#wrap{
    width:960px;/*960*/
    background:#fff;
    margin:0px auto 30px auto;
    padding:0;
}

.menu{
    margin:-1px -1px 0 -1px;
}


#footer{
    text-align:center;
    padding:10px;
    margin:0;
    background:#efefef;
    border-top:1px solid #ccc;
    color:#999;
    font-size:0.8em;
    text-shadow:0px 1px 1px #fff;
    position: relative;
    top:0;
    left:0;
}


#link-top{
    position: absolute;
    top:10px;
    right:10px;
    *right:25px;/*IE 7 ONLY*/
    left:auto;
    color:#666;
    text-decoration:none;
    display: inline-block;
    padding:5px 10px;
    background:#e5e5e5;
    line-height:100%;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.tab-content {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
}

.submenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.submenu ul li {
    display: inline;
    padding-right: 5px;
}

ul.tabs {
    margin-bottom: 8px;
}

#logo {
    float: right;
    margin-bottom: -40px;
}

#top-bar {
    float: right;
    margin-bottom: 8px;
    margin-right: 20px;
}

.incomplete h1,
.incomplete h2{
    text-align: center;
}

.top-bar-btn {
    margin-left: 5px !important;
}


.search-results-summary {
    font-style: italic;
    margin-left: 10px;
}

.search-result-item {
    margin-bottom: 15px;
}

.search-result-title {

}

.search-result-title a {
    font-size: 1.2em;
}

.search-result-content-type {
    color: #388222; 
    font-size: 0.9em;
}

.search-result-last-modified {
    font-size: 0.8em; 
    color: #aeaeae;
}

.search-bar-input {
    width: 300px;
    margin-right: 10px;
}

.search-page, 
.search-page-selected {
    padding: 6px;
    border: 1px solid silver;
    margin: 2px;
}

.search-page-selected {
    background: #4D99E0;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
}

a.search-page-selected:hover {
    text-decoration: none;
    color: white;
}

.search-pages {
    text-align: center;
}

.facet-name {
    font-weight: bold; 
    text-decoration: underline; 
    text-transform: capitalize;
}

.facet-content {
    margin-top: 2px;
    margin-bottom: 5px;
}

.facet-option-selected {
    font-weight: bold;
}

.col-remove {
    width: 20px;
}

.col-name {
}

.col-id {
    width: 50px;
}

.col-date-time {
    width: 130px;
}

.verticalAlignTop {
    vertical-align: top;    
}

/* styles for the project table */

.project-table tbody tr th {
    background: #f2f2f2;
    font-weight: normal;
}

.project-table-exp {
    width: 18px;
}

.project-table-id {
    width: 30px;
}

.project-table-name {

}

.project-table-responsible {
    width: 155px;
}

.project-table-budget {
    width: 90px;
    text-align: right;
}

/*
.toggle-cell {
    background-image: url('img/toggle-expand.png.xhtml?ln=css');
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
}
*/
.toggle-cell {
    background-image: url("/jakarta.faces.resource/img/toggle-expand.png.xhtml?ln=css");
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
}


.untoggle-cell {
    background-image: url("/jakarta.faces.resource/img/toggle.png.xhtml?ln=css");
/*    background-image: url('toggle.png.xhtml?ln=css/img/'); *//
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
}

.page-title {
    margin-top: 0px; 
    margin-bottom: 0px;
}

.page-title .inner {
    padding: 0px;
}

.page-title .inner h4 {
    padding: 0px;
}

.project-sheet {
    margin-top: 0px; 
    margin-bottom: 0px;
}

.project-sheet .inner {
    padding: 0px;
}

.project-sheet-label {
    width: 100px;
}

.programme-sheet {
    margin-top: 0px; 
    margin-bottom: 0px;
}

.programme-sheet .inner {
    padding: 0px;
}


.project-status-box {
    border: 1px solid black;
    padding: 5px;
    background: #388222;
    color: #ffffff;
    margin-bottom: 10px;
}

.project-status-ACTIVE {
    background: #4D99E0;
}

.project-status-DESIGN {
    background: #DEAE00;
}

.project-status-PLANNED {
    background: #388222;
}

.project-status-CANCELLED {
    background: #000;
    color: whitesmoke;
}

.project-status-COMPLETED {
    background: #ccc;
    color: #aaa;
}
.project-status-PARTIALLY {
    background: #aaa;
    color: #ccc;
}

.programme-project-traffic-light {
    border: 1px solid black;
}

.date-check-,
.date-check-true {
}
.date-check-false {
    background-color: pink;
}

.traffic-light-,
.traffic-light-INACTIVE {
    background-color: silver;
}

.traffic-light-RED {
    background-color: #f00;
}
.traffic-light-BLACK {
    background-color: black;
    color: whitesmoke;
}

.traffic-light-ORANGE {
    background-color: #DEAE00;
}

.traffic-light-YELLOW {
    background-color: yellow;
}

.traffic-light-AMBER {
    background-color: #FFBF00;
}

.traffic-light-GREEN {
    background-color: #388222
}
.objective {
    background-color: #ace8fc;
}

.project-status-box .project-status-box-label {
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
}

.fontsize-1-1 {
    font-size: 1.1em;
}
.project-status-box .project-status-box-title {
    font-size: 1.3em;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.days-to-completion-box {
    border: 1px solid black;
    padding: 5px;
    background: #4D99E0;
    color: #ffffff;
    margin-bottom: 10px;
}

.days-to-completion-overdue {
    background: red;
}

.days-to-completion-status-CANCELLED,
.days-to-completion-status-COMPLETED {
    background: #ccc;
    color: #aaa;
}

.days-to-completion-box .days-to-completion-label {
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
}

.days-to-completion-box .days-to-completion-days {
    font-size: 1.3em;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}



div.jgauge
{
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
    height: 114px;
    margin: 25px;
    overflow: hidden;
    position: relative;
    width: 160px;
    z-index: 0;
}

div.jgauge p.tick-label
{
    color: #327a9e;
    display: none;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    height: 10px;
    line-height: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 50px;
    z-index: 3;
}

div.jgauge img.needle
{
    border: 0;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 5;
}

div.jgauge .needle
{
    z-index: 5;
}

div.jgauge p.label
{
    color: #144b66;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 2px #bbb;
    width: 100%;
    z-index: 4;
}

div.jgauge canvas
{
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.jgauge strong {
    background: none;
}

#project-sheet-traffic-lights .inner,
#project-sheet-budget .inner {
    padding: 0px;
}

#project-sheet-budget,
#project-sheet-traffic-lights {
    margin-bottom: 0px;
}

.nopadding {
    padding: 0px 0px 0px 0px;
}

.nomargin {
    margin: 0px 0px 0px 0px;
}

.organisationMenu {
    padding: 11px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 80%;
}

btnAddOrganisation {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 20%;
    text-align: left;
}

.phoneField {
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 70%;
}

.phoneFieldAdd {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 15%;
    vertical-align: top;
}

.phoneFieldRemove {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 15%;
    vertical-align: top;
}

.emailField {
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 70%;
}

.emailFieldAdd {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 15%;
    vertical-align: top;
}

.emailFieldRemove {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 15%;
    vertical-align: top;
}

.addressField {
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 70%;
}

.addressFieldAdd {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 15%;
    vertical-align: top;
}

.addressFieldRemove {
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 15%;
    vertical-align: top;
}

.project-sheet-notice {
    margin-top: 20px;
}

.programme-sheet-notice {
    margin-top: 20px;
}


.project-documents-icon {
    width: 16px;
}

.project-documents-date {
    width: 130px;
}

.project-documents-uploader {
    width: 180px;
}


.project-overview-status { 
    float: left; 
    border: 1px solid silver;
/*    
    margin-right: 20px;
    width: 120px;
    padding: 15px;
*/
    margin-right: 16px;
    width: 100px;
    padding: 15px;
    text-align: center;
}

.project-overview-status-count { 
    font-size: 2em; 
    font-weight: bold; 
    float: left;

}

.project-overview-status-label { 
    font-size: 1.1em; 
    text-transform: uppercase; 
    margin-top: 5px;
}

.tabs-tight {
    margin-bottom: -1px !important;
}

.textarea-address {
    height: 50px;
}

.col-icon {
    width: 16px;
}

.col-contact-contact-type {
    width: 64px;
}

.contact-contact-type {
    width: 64px !important;
    text-align: center;
}

.work_plan_activity-title {
    background: #ffc9a6;
}

.work_plan_activity {
    background: #ffc9a6;
}

.work_plan_budget {
    text-align: right;
}

.work_plan_outcome {
    background: #cd0a0a;
    color: black;
}

.admin-project-outcome-type {
    float: left; 
    margin-right: 10px;
}

.work_plan_intermediate_outcome {
    background: #fbdcdc;
    color: black;
}

.work_plan_short_term_outcome {
    background: #ace8fc;
    color: black;
}

.work_plan_output {
    background: #c7feb9;
    color: black;
}

.work_plan_indicator {
    background: #ffffcc;
}

.work_plan_indicator_baseline {
    background: #ddddaa;
    float: left; 
    margin-right: 10px;
    margin-left: 25px;
}
.work_plan_indicator_target {
    background: #ffffee;
    float: left; 
    margin-right: 10px;
    margin-left: 25px;
}

.target_reported_true {
    background: lightpink;
}


.target_reported_false {
}

.work_plan_date {
    width: 80px;
}

.work_plan_status {
    width: 100px;
}

.selected-outcome {
    text-transform: uppercase;
    font-weight: bold;
}


.outcome-list {
    margin-top: 10px;
}

.work_plan_status_overdue {
    font-weight: bold;
    color: red;
}

.contact-page,
.security-page {
    margin-left: 0px;
    margin-right: 0px;
}

.security-page>.inner,
.contact-page>.inner {
    padding-left: 0px;
    padding-right: 0px;
}


#javax_faces_developmentstage_messages {
    display: none;
}

.user-expired {
    font-style: italic;
    color: #bbbbbb;
}

.project-reporting-cycle-status-OVERDUE,
.project-reporting-cycle-status-OVERDUE_UNSUBMITTED {
    color: red;
    font-weight: bold;
}

.project-reporting-cycle-status-SUBMITTED {
    color: royalblue;
    font-weight: bold;
}

.project-reporting-cycle-status-NOT_SUBMITTED {
    color: darkolivegreen;
    font-weight: bold;
}
.project-reporting-cycle-status-APPROVED {
    color: green;
    font-weight: bold;
}

.project-reporting-cycle-status-UPCOMING {
    color: #aeaeae;
    font-style: italic;
}

.dashboard-title {
    font-weight: bold;
    background: silver;
}

.dashlet .menu li a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0px;
}

.dashlet .menu li.dashlet_icon a {
    padding-left: 10px;
}

.dashlet .menu li.dashlet_title a {
    padding-left: 0px;
}

.dashlet .menu li .icon {
    top: -40%;
}

.reminder-overdue {
    background-color: tomato !important;
    color: white;
    font-weight: bold;
}

.reminder-today {
    background-color: #fcefa1 !important;
    color: black;
    font-weight: bold;
}

.col-identifier {
    width: 55px;
}

.reporting-radio label {
    display: inline !important;
}

.reporting-hr {
    margin-top: 5px;
    margin-bottom: 5px;
}


.work-plan-entry-indicator {
    height:16px; 
    width: 16px; 
    border: 1px solid black;
}

.gantt-work-plan > .inner {
    padding: 0px;
}

.col-indicators-label {
    width: 200px;
}

.col-indicators-date {
    width: 100px;
}

.col-indicators-actual {

}

.col-indicators-target {

}

.col-indicators-note {
    width: 180px;
}

.small-textarea {
    height: 100px;
}


.risk-level- {
    background: silver;
}

.risk-level-LOW {
    background: green;
    padding: 3px;
    color: white;
}

.risk-level-MEDIUM {
    background: yellow;
    padding: 3px;
}

.risk-level-HIGH {
    background: red;
    color: white;
    font-weight: bold;
    padding: 3px;
}

.se-maintenance-button {
    width: 300px !important;
    margin-bottom: 10px !important;
}

.subproject {
    padding-left: 20px;
    font-size: 0.9em;
    margin-bottom: 2px;
    margin-top: 2px;
}

.col-budget-name {
}

.col-budget-amount {
    width: 200px;
}

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

/* ---- Activity Stream ----------------------------------------------------- */

img.activity-stream-who-photo {
    width: 48px;
    height: 49px;
}

.activity-stream-who {
    color: black; 
    text-transform: uppercase;
    font-weight: bold;
}

.activity-stream-at {
    font-weight: bold;
    color: red;
}

.activity-stream-date {
    font-weight: bold;
}


.reporting-cycle-child {
    margin-left: 25px;
}

.project-reporting-activity-comment {
    height: 70px;
    width: 125px;
}

.programme-reporting-activity-comment {
    height: 35px;
    width: 600px;
}

.project-reporting-budget-label {
    text-align: left;
    width: 200px;
}

.project-reporting-budget-value {
    text-align: left;
    width: 125px;
}

.project-reporting-value-change {
    padding-left: 10px;
    text-decoration: line-through;
}

.change-log-date {
    white-space: nowrap;
}

h4.draft {
    text-align: center;
    border-bottom: 2px solid         black;
    border-top: 2px solid         black;
    font-size: 28px;
    background: #eEeEeF;
}

h5.draft {
    text-align: center;
    border-bottom: 2px solid         black;
    border-top: 2px solid         black;
    font-size: 36px;
    background: #eEeEeF;
}

h4.project-reporting-cycle-lable {
    margin-bottom: 0px;
}

.work-plan-detail-date-changes {
    margin-left: 5px;
    padding: 2px;
    background: #ddddaa;
    color: black;
    border: 1px solid black;
}

.monitoring {
    border: 1px solid black;
    padding: 0px 0px;
}


.issue-RESOLVED, .issue-RESOLVED a { 
    background-color: greenyellow !important;
    color: black !important;
}
.issue-CLOSED, .issue-CLOSED a { 
    background-color: green !important;
    color: white !important;
}

.issue-REPORTED, .issue-REPORTED a { 
    background-color: red !important;
    color: white !important;
}

.issue-IN_PROGRESS, .issue-IN_PROGRESS a { 
    background-color: yellow !important;
    color: black !important;
}


.no-border {
    border: 0px;
}

.risk-evaluation-likelihood-title {
    text-align: center; 
    text-transform: uppercase; 
    font-weight: bold;
}

.risk-evaluation-impact-title {
    text-align: center; 
    width: 20px; 
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
}


.project-reporting-cycle-traffic-light {
    width: 20px; 
    border-right: 1px solid white; 
    border-bottom: 1px solid white;
}

.center {
    text-align: center;
}

.support-contract-hours {
    color: green;
}

.col-reporting-project-code {
    width: 45px;
}

.col-reporting-project-title {
    
}

.col-reporting-project-submitted {
    width: 100px;
}

.col-reporting-project-indicator {
    width: 20px;
}

.col-reporting-project-comment {
    width: 325px;
}

.result-output {
    background-color: #DEAE00 !important;
    color: black !important;
}

.result-outcome {
    background-color: #388222 !important;
    color: white !important;
}