/*
 * $Revision$
 * $Date$
 *
 * Copyright (C) 1999-2010 Jive Software. All rights reserved.
 *
 * This software is the proprietary information of Jive Software. Use is subject to license terms.
 */


/* Create / edit project form */
.jive-body-formpage-project .jive-form-element-owner img {
    vertical-align: middle;
	}
.jive-body-formpage-project .jive-form-element-owner span {
    padding-left: 4px;    
	}
.jive-body-formpage-project #owner-choose label {
    display: block;
    font-weight: bold;
    margin: 0 0 2px;
	}
.jive-body-formpage-project .jive-form-element-duedate input {
	float: left;
	}
.jive-body-formpage-project .jive-form-element-duedate img {
	float: left;
	margin-left: 2px;
	margin-top: -1px;
	}




/* project timeline graph */

.jive-project-progress-container {
	position: relative;
	display: block;
	}
.jive-project-progress-info,
.jive-project-progress,
.jive-project-progress-dates,
.jive-project-progress-today {
	margin-left: 10px;
	margin-right: 10px;
	}
.jive-project-progress-info {
	display: none;
	font-size: 1em;
	padding: 10px 0 6px;
	text-align: center;
	}
.jive-project-progress-info strong {
	color: #5e82a7;
	font-size: 1.2222em;
	}
.jive-project-progress {
    background: #fff url( ../images/jive-project-progress-bg.gif ) repeat-x top;
    border: 1px solid #ccc;
    height: 26px;
    padding: 2px;
    text-align: left;
    z-index: 1;
    }
.jive-project-progress-complete {
	background: #96bbd4 url( ../images/jive-project-progress-completed-bg.gif ) repeat-x;
	display: block;
	height: 26px;
	left: 0;
	overflow: visible;
	position: relative;
	text-align: right;
	float: left;
	z-index: 2;
	}
.jive-project-progress .jive-icon-checkpoint,
.jive-project-progress .jive-icon-checkpoint-past {
	display: block;
	height: 16px;
	margin:  5px 0 0 -5px;
	position: absolute;
	z-index: 3;
	}
ul.jive-project-progress-dates {
	display: block;
	font-size: .9em;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	height: 25px;
	z-index: 1;
	}
div.jive-project-progress-container ul.jive-project-progress-dates li {
	padding: 7px 0 0;
	position: absolute;
	top: 0;
	z-index: 2;
	}
ul.jive-project-progress-dates li.start {
	left: 10px;
	}
ul.jive-project-progress-dates li.end {
	right: 10px;
	}
.jive-project-progress-today {
	display: block;
	font-size: .8889em;
	height: 26px;
	position: relative;
	z-index: 1;
	}
.jive-project-progress-today div {
	height: 25px;
	position: absolute;
	white-space: nowrap;
	z-index: 3;
	}
.jive-project-progress-today div.jive-project-progress-today-0 {
	background-image: url( ../images/jive-project-task-progress-arrow.gif );
	background-repeat: no-repeat;
	}
.jive-project-progress-today div.jive-project-progress-today-100 {
	background-image: url( ../images/jive-project-task-progress-arrow.gif );
	background-repeat: no-repeat;
	background-position: right top;
	}
.jive-project-progress-today strong {
	background-color: #e8eef4;
	border: 1px solid #7293b5;
	color: #7293b5;
	float: left;
	padding: 1px 2px;
	position: relative;
	top: 4px;
	z-index: 3;
	}



/* project status - full status bar graph */
#jive-project-progress-info {
	font-size: 1em;
	padding: 6px 0;
	position: relative;
	}
#jive-project-progress-info strong {
	color: #5e82a7;
	font-size: 1.2222em;
	}

/* Project calendar styles */
#upcomingcalendar {
	padding-left: 1px;
	}
.jive-calendar {
	width: 100%;
	}
.jive-widget-projectcalendarwidget .jive-widgetsize-large .jive-widget-loading {
    height: 300px;
    /* keep height relatively consistent when loading */
	}
.jive-calendar,
.jive-calendar th,
.jive-calendar td {
	border: 1px solid #fff;
	border-collapse: collapse;
	font-size: .8889em;
	}
.jive-calendar th,
.jive-calendar td {
	width: 14%;
	}
.jive-calendar th {
	background-color: #c3d4e6;
	color: #859db6;
	text-align: center;
	padding: 1px;
	border-right: 1px solid #c3d4e6;
	}
.jive-calendar tr > th:last-child {
	border-right: 1px solid #fff;
	}
.jive-calendar td {
	height: 65px;
	}
.jive-calendar tbody > tr:first-child > td:first-child {
	background-color: #fff;
	}
.jive-calendar-day-value {
	color: #fff;
	padding: 2px;
	text-align: right;
	}
.jive-calendar-day-value strong {
	padding-right: 18px;
	}
/* Colors - normal calendar day */
.jive-calendar td.jive-calendar-day,
.jive-widget-container-small .jive-widget-upcoming-calendar ul li ul {
	background-color: #e8eef4;
	}
.jive-calendar td.jive-calendar-day .jive-calendar-day-value,
.jive-widget-container-small .jive-widget-upcoming-calendar .jive-calendar-day-value {
	background-color: #b8c8d9;
	}
/* Colors - TODAY */
.jive-calendar td.jive-calendar-today {
	background-color: #fff;
	}
.jive-calendar td.jive-calendar-today .jive-calendar-day-value,
.jive-widget-container-small .jive-widget-upcoming-calendar .jive-calendar-day-today {
	background-color: #7293b5;
	}
.jive-widget-container-small .jive-widget-upcoming-calendar .jive-calendar-day-today, 
.jive-widget-container-small .jive-widget-upcoming-calendar .jive-calendar-day-value {
	text-align: left;
	padding: 3px 5px;
	font-weight: bold;
	font-size: .8889em;
	color: #333;
	}
.jive-widget-container-small .jive-widget-upcoming-calendar .jive-calendar-day-today {
	color: #fff;
	}
/* Colors - No day (day after end date of project) */
.jive-calendar td.jive-calendar-noday {
	background-color: #f4f4f4;
	}
.month_today_cell {
    border: solid 2px #def;
	}
.jive-calendar td.jive-calendar-noday .jive-calendar-day-value {
	background-color: #ddd;
	}
/* create a task or checkpoint from calendar */
#jive-note-add-item-body span {
   display: inline-block;
	}
#jive-note-add-item-body a {
    display: block;
    margin: 4px 0;
	}


/* task list view grouped/flat toggle */
.j-task-viewtoggles {
    display: block;
    float: left;
    margin: -4px 8px;
    padding: 0 6px;
    font-size: .9em;
}
.j-task-viewtoggles a {
    display: block;
}
#task-view-g {
    border-left: solid 1px #dadada;

}
.j-task-viewtoggles span.j-view-toggle {
    padding: 2px 5px;
    margin: 0;
    border-right: solid 1px #dadada;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada;
    float: left;
    background-color:#fff;
    height: 18px;

}
.j-task-viewtoggles span.selected {
    background-color:#f5f5f5;

}

.j-task-viewtoggles span.selected a {
    font-weight: bold;
}
.j-view-toggle input {
    margin: 0 0 0 4px;
    *margin: -3px 0 0 4px;
    float: left;
    padding: 0;    
}
.j-view-toggle a {
    float: left;
    padding: 2px;
    font-weight: normal;
    text-decoration: none;
}
.j-taskview-options label {
    margin: 0 0 0 4px;
    font-size: .9em;
    float: left;
}

.j-taskview-options {
    padding: 2px;
    margin: 0 4px;
    float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}




#jive-task-list-modify .jive-pagination {
	float: left;
	padding-top: 3px;
	padding-left: 90px;
	}
/* task tab table display */
.jive-tasks-nested tr.jive-task-level-2 div.j-task-content {
    margin-left: 10px;
    padding-left: 8px;
    border-left: dotted 1px #dadada;
	}

.jive-table-tasklist td.jive-table-cell-taskdesc div.j-parent-task span {
    font-size: .9em;
	}
.jive-table-tasklist-edit,
a.jive-table-tasklist-edit {
	font-size: 8.5pt;
    padding: 3px;
	}
.jive-table .jive-table-tasklist-import {
    text-align: center;
	}
.jive-table-tasklist tr.j-task-comp td em.jive-task-complete-label {
	font-weight: bold;
	font-style: normal;
    }

/* open task */
.jive-table-tasklist tr.jive-task-open,
.jive-table-tasklist tr.jive-task-open-details {
	background-color: #f1f6fa;
	}
.jive-table-tasklist tr.jive-task-open td.jive-table-cell-checkbox {
	border-left: 1px solid #cbd7e4;
	}
.jive-table-tasklist tr.jive-task-open td.jive-table-cell-date {
	border-right: 1px solid #cbd7e4;
	}
.jive-table-tasklist tr.jive-task-open-details td {
	border: 1px solid #cbd7e4;
	border-collapse: separate;
	border-top-color: #f1f6fa;
	}
.jive-table-tasklist-label {
    font-weight: bold;
    font-size: .9167em;
    padding: 0;
    margin: 0;
	}
.jive-import-tasks-commit {
    padding: 7px;
    margin: 20px 0 0;
    border-top: 1px solid #CDCDCD;
    background-color: #E9F2F8;
	}
/* task details show/hide controls */
.jive-task-showhide {
	padding-left: 2px;
	font-size: .9em;
	}

.jive-table-tasklist tr td.jive-task-body {
	font-size: .8889em;
	padding: 0 10px 10px 25px;
	}
.jive-task-body-notes,
.jive-task-body-tags {
	padding: 0 0 10px;
	}
.jive-task-body-notes b,
.jive-task-body-tags b {
	color: #5e7d92;
	font-size: 1em;
	}
.jive-task-body-notes p {
	padding: 0;
	}
.jive-task-body-controls {
	padding-top: 5px;
	}
.jive-task-body-controls a {
	color: #777;
	margin-right: 10px;
	float: left;
	}
.jive-task-body-controls .jive-icon-sml {
	margin-top: 1px;
	}
/* mark complete task display */
.jive-table-tasklist tr.jive-task-markcomplete,
.jive-table-tasklist tr.jive-task-markincomplete {
	background-color: #fdfde8;
	}
.jive-table-tasklist tr.jive-task-markcomplete td.jive-table-cell-taskdesc {
	text-decoration: line-through;
	}
.jive-table-tasklist tr.jive-task-markcomplete td.jive-table-cell-taskdesc em,
.jive-table-tasklist tr.jive-task-markcomplete td.jive-table-cell-taskdesc span.jive-task-showhide {
	display: none;
	}
.jive-table-tasklist tr.jive-task-markcomplete td.jive-table-cell-date {
	color: #999;
	font-weight: normal;
	}
tr.jive-checkpoint {
	}
tr.jive-checkpoint td {
	padding-bottom: 15px;
    font-size: .9em;
	}

tr.jive-checkpoint strong {
	color: #5e87b3;
    font-size: 1.1em;
	}
tr.jive-checkpoint span {
	font-weight: bold;
    font-size: 1.1em;
	}
tr.jive-checkpoint a {
	margin-left: 8px;
	}
/* create new task form styles */
.jive-body-formpage-task #jive-post-bodybox {
    background: #f7f7f7;
	}
.jive-body-formpage-task .jive-form-row {
	margin: 0 0 12px;
	}
#j-task-title input {
	width: 99%;
	border: solid 1px #ccc;
    padding: 2px;
    font: normal 1.5em sans-serif;
	}
.jive-body-formpage-task .jive-form-row label {
 	display: block;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 2px;
 }

.jive-form-task-project select {
	border: solid 1px #ccc;
    padding: 2px;
	}

/* overwriting styles for people picker, for use in task form */
.jive-body-formpage-task .jive-chooser-list {
    margin: 0;
    padding: 0;
	}
.jive-form-task label,
.jive-form-checkpoint label {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 2px;
	}
.jive-form-task label em,
.jive-form-checkpoint label em {
	font-style: normal;
	font-size: .9em;
	font-weight: normal;
	}

.jive-form-task-desc,
.jive-form-task-project,
.jive-form-task-duedate,
.jive-form-checkpoint-name,
.jive-form-checkpoint-desc,
.jive-form-checkpoint-duedate{
	float: left;
	padding-right: 10px;
	position: relative;
	}
.jive-form-task-duedate label,
.jive-form-task-desc label,
.jive-form-task-project label,
.jive-form-task-assignee label,
.jive-form-checkpoint-name label, 
.jive-form-checkpoint-desc label,
.jive-form-checkpoint-duedate label {
	display: block;
	}
.jive-form-task-assignee {
    z-index: 1; /* IE 6/7 hack. remove this, and the autocomplete dealio shows up under the div below it */
    margin: 0 0 6px;
	}
.jive-form-task-assignee label {
    margin: 0 0 4px;
}
.jive-form-task-desc input {
	width: 450px;
    padding: 3px;
	}

.jive-form-checkpoint-desc input {
	width: 150px;
    padding: 3px;
	}
.jive-form-task-project input {
	width: 230px;
	}
.jive-form-task-project select {
	width: 180px;
	}
.jive-form-task-assignee input  {
	width: 180px;    
	}

.jive-form-checkpoint-duedate input {
	float: left;
	}
.jive-form-task-duedate img {
	margin-left: 2px;
    padding: 0 0 4px;
    vertical-align: middle;
	}
.jive-form-task-notes {
    display:block;
    clear:both;
	width: 100%;
	padding-top: 15px;
	}

.jive-form-task-tags #jive-compose-tags-form input {
	width: 100%;
	}
.jive-form-task-tags #jive-compose-tags-form #jive-populartags-container div {
	padding: 5px 0;
	}
.jive-form-task-tags .jive-tag-unselected,
.jive-form-task-tags .jive-tag-selected {
	padding: 1px 2px;
	}
.jive-form-task-tags .jive-tag-selected {
	background-color: #d0dcef;
	}
/* nicks attempt to style view-projects.ftl */
#jive-project-resultsbar {
	padding: 7px 4px 7px 12px;
	font-size: 1em;
	clear:both;
	}
#jive-project-resultsbar .jive-alpha-link {
	font-weight: bold;
	padding: 2px;
	margin: 2px;
	}
.jive-table-filter span.j-project-status,
.jive-table-filter span.j-project-archived {
    padding: 0 0 0 8px;
    margin: 0;
	}
.jive-table-filter span.j-project-archived label {
    float: none;
	}
#jive-project-resultbar-alphabetical {
	clear: both;
    display: block;
    padding: 8px 0 0;
	}
#jive-project-resultbar-alphabetical .jive-alpha-link {
    font-weight:bold;
    margin:2px;
    padding:2px;
	}
#jive-project-resultbar-alphabetical .jive-alpha-link-selected {
	border: 1px solid #dcdcdc;
	}
#jive-project-resultbar-alphabetical .jive-alpha-link a {
	text-decoration:none;
	}
#jive-project-resultbar-sort {
	float:left;
    margin: 4px 12px 0 0;
	}
#jive-project-resultbar-communities {
	float: left;
	position: absolute;
	left: 0;
	top:62px;
	margin-left: 85px;
	padding:0;
	font-size: 1em;
	background-color:#F4F7FC;
	border: 1px solid #dadada;
	border-top: none;
	z-index: 800;
	}
#jive-project-resultbar-communities ul {
	list-style-type:none;
	margin:0;
	padding:3px;
    height: 200px;
    width: 270px;
    font-size: .9em;
    overflow-y: auto;
	}
#jive-project-resultbar-communities ul li.selected {
	background-color: #369;
	color: #fff;
	}
#jive-project-resultbar-communities ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:4px 5px;
	cursor:pointer;
	color: #355491;
	}
#jive-list-projects-container .jive-table-filter {
    padding: 0;
    font-size: 1em;
	}
#jive-project-results td {
    font-size: .9em;
}
#jive-project-results td .j-desc {
    display: none;
}

#jive-project-results td h4 {
    font-size: 1.1em;
    margin: 0 0 4px;
    padding: 0;
}
#jive-project-results td h5 {
    font-size: 1em;
    padding:4px 0 0;
}
#jive-project-results .jive-box-controls {
    height: 18px;
}

span.proj-status-low {
	color: #900;
	}
span.proj-status-med {
	color: #960;
	}
span.proj-status-high {
	color: #060;
	}
/* table head styles */

/* project status widget styles */
.jive-widget-project-status .proj-status {
	font-weight: bold;
	font-size: 1.3em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    border-radius: 6px;
	line-height: 1;
	padding: 21px 4px 4px 60px;
	min-height: 35px;
	margin: 0;
	_height: 35px; /*ie6*/
	}
.jive-widget-project-status .proj-status-low {
	background-color: #ffe3de;
	background-position: 5px 6px;
    color: #933;
	}
.jive-widget-project-status .proj-status-med {
	background-color: #f6f2ae;
	background-position: 5px -94px;
    color: #b7ae0e;
	}
.jive-widget-project-status .proj-status-high {
	background-color: #e3fad6;
	background-position: 5px -194px;
    color: #41ab03;
	}
.jive-widget-project-status .proj-status-complete {
	background-color: #d4f1f4;
	background-position: 5px -294px;
	}
.jive-sidebar-yourprojects ul.jive-simple-list li span {
    font-size: .9em;
    padding-left: 20px;
    background: none;
	}
.jive-widget-project-status {
	font-size: .8889em;
	}

#jive-update-project-status,
#jive-current-project-status {
	font-size: 1em;
	padding: 10px;
    position:relative;
	}
#jive-current-project-status {
    cursor: pointer;
}
.j-stat-edit p.proj-status-high {
    background-color: #cff6b9;
    color: #528b47;
    text-decoration: underline;
}
.j-stat-edit p.proj-status-med {
    background-color: #faf1bb;
    color: #9c8f42;
    text-decoration: underline;
}
.j-stat-edit p.proj-status-low {
    background-color: #fbd0c9;
    color: #9c240e;
    text-decoration: underline;
}

.j-stat-edit p.proj-status-complete {
    background-color: #baebf0;
    color: #397980;
    text-decoration: underline;
}
#jive-current-project-status span{
	font-size: 1em;
    display: block;
    margin: 6px 0 0;
	}
#jive-update-project-status input text{
	width: 190px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top: 3px;
	margin-bottom: 3px;
	}
#jive-update-project-status input radio{
	width: 190px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top: 3px;
	margin-bottom: 3px;
	}
#jive-update-project-status span{
	padding-top: 5px;
	}
#jive-update-project-status .j-mark-complete,
#jive-update-project-status .j-unmark-complete
{
    padding: 5px 0;
	}
#status-description-small {
	margin: .25em 0 4px; }
#jive-current-project-status-bad {
	color: red;
	}
#jive-current-project-status-good {
	color: green;
	}
#jive-slider-track {
    margin-top: 4px;
}
#jive-update-project-status .jive-slider-track {
	background:#eee url(../images/jive-slider-project-status-bg.png) repeat center top;
	}
#jive-update-project-status p {
	text-align: center;
	}
#jive-update-project-status p,
#jive-current-project-status p,
#jive-update-project-status label {
	display: block;
	text-align: left;
	}
#jive-update-project-status input {
	background:#fff url(../images/jive-bg-sprites.png) repeat-x 0 -943px;
	border:1px solid #9F9F9F;
	color: #333;
	padding:2px;
	width: 98%;
	}
#jive-update-project-status a,
#jive-update-project-status strong {
	float: left;
	height: 1.2em;
	line-height: 1.2em;
	margin-right: 1em;
	padding: 0;
	display: inline;
	}	
#jive-update-project-status strong {
	padding-left: 0;
	border-right: 1px solid #ccc;
	}
/*
IMPORT/EXPORT rules
*/
.jive-content-block fieldset fieldset {
	margin: 20px 15px 10px;
	padding: 0 0 .5em;
	}
.jive-content-block fieldset legend {
	color: #333;
	font-size: 1em;
	font-weight: normal;
    }
.jive-content-block fieldset fieldset legend {
	margin: 0 0 1em;
	font-weight: bold;
	}
.jive-content-block fieldset p {
	margin: 1em 0;
	}
.jive-content-block fieldset fieldset p {
	padding: 0 .5em;
	margin: .5em 0;
	}
#jive-import-export-table tr th,
#jive-import-export-table tr td {
    width: 33%;
    text-align:left;
	}
/* project archive/unarchive modal styles */
.jive-modal-archive-project h3 {
    font-size: 1em;
    margin: 0 0 12px;
	}
.jive-modal-archive-project p {
    margin: 0 0 12px;
	}
/*** project month view ***/
.month_view_main{
	position: relative;
	height: 100%;
	}
.month_view_inner{
	position: relative;
	}
.month_view_very_inner{
	position: relative;
	height: 100%;
	opacity: .999;
	}
.month_view_holder{
	position: relative;
	height: 100%;
	overflow: hidden;
	}
/* styles for individual day cells */
.month_table{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	opacity: .999;
	}
.month_table_th{
	position: absolute;
	background-color: #F6F6F6;
	width: 15%;
	text-align: center;
	padding: 4px 0;
	vertical-align: middle;
	}
.month_table_row{
	position: relative;
	overflow: hidden;
	}
.month_day_cell,
.month_today_cell {
	position: absolute;
	overflow: hidden;
	rules: all;
	width: 15%;
	vertical-align: top;
	height: 100%;
	cursor: pointer;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	}
.month_today_cell{
	border-top: 3px solid #87ec76;
	border-left: 3px solid #87ec76;
	}
.start_month_day_cell_number {
    font-weight: bold;
}
.month_day_cell_number_link{
	display:none;
	}
.month_day_cell_number {
	padding: 2px;
    margin: 2px;
	display: block;
	height: 1.142em;
	}

.month_cell .jive-cal-checkpoint{
	position: relative;
	white-space:nowrap;
	}
.month_cell .jiveTT-hover-checkpoint,
.month_cell .jiveTT-hover-tasks {
    float: left;
	display: block;
    padding: 2px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    text-decoration: none;
	margin: 0 0 0 3px;
    font-size: .8em;
}

.month_cell .jiveTT-hover-checkpoint {
    background: #cfcfcf;
}

.month_cell .jiveTT-hover-tasks {
    background: #B8C8D9;
}

.month_cell .jiveTT-hover-checkpoint:hover,
.month_cell .jiveTT-hover-tasks:hover {
    background: #ddd;
    text-decoration: none;
}


.jiveTT-hover-checkpoint .jive-icon-sml,
.jiveTT-hover-tasks .jive-icon-sml {
    display:inline-block;
    float:none;
    vertical-align:middle;
    margin-right: 1px;
}
/*** END project month view ***/

