@import url(inputForm.css);
@import url(common.css);

/* Grid editor */
.jso-grid-view TD input.button {
	line-height:11px
}


/* Grid toolbar */
.panel-body div.tl-grid-toolbar
{
	border-bottom: 1px solid #99BBE8;
	background:url(../../css/panels/background.gif) repeat-x left top;
	display:block;
	position: static;
	padding:3px 2px 3px 2px;
	text-align: left;
	width: 100%;
	height:27px;
}

/** Current activities **/
.user-thumbnail
{
    display:inline-block;
    line-height:25px;
    margin:5px 15px 5px 5px;
    cursor:pointer;
    padding-left:3px;
    padding-right:3px;
}
.ie67 .user-thumbnail
{
    display:inline;
}
.detailed-view .user-thumbnail
{
   margin:0px;
   line-height:20px;
  
}
.user-thumbnail-highlight
{
    outline : dotted 1px #444;
    background-color: WhiteSmoke;
}

.current-activities-container 
{
    padding:3px;
}
.ca-toolbar .no-background * div,
.ca-toolbar .no-background,
.ca-toolbar .no-background div
{
	
	background-image:none !important;
}

.ca-toolbar .jso-tb-button .btn-left .btn-right .btn-center
{
	padding-left: 0px;
}
.panel-body .ca-toolbar
{
	border-right: 1px solid #99BBE8;
	background:url(../../css/panels/background-v.gif) repeat-y left top;
	display:block;
	position: static;
	padding:3px 2px 3px 2px;
	text-align: center;
	
	height: 100%;
	width:27px;
}

.ie7 .ca-toolbar
{
	width: 22px;
	height: expression((this.parentNode.offsetHeight - 6) + 'px');
}

.panel-body div.ca-container
{
	display:block;
	position: absolute;
	padding:0;
	text-align: left;
	height: 100%;
	width:auto;
	left:27px;
	right:0px;
	overflow:auto;
	top:0px;
}

.ie7 .panel-body div.ca-container
{
	height: expression((this.parentNode.offsetHeight - 6) + 'px');
}

.detailed-view .name 
{
    width:120px;
    padding:3px 0px 3px 4px
}
.detailed-view td, .detailed-view th
{
    vertical-align:middle;
    text-align:left;
    font-weight:normal;
}
detailed-view th 
{
    color:#444;
}
.detailed-view .begin 
{
    padding-left: 5px;
    border-left:double 3px #444;
}
.detailed-view td.begin,
.detailed-view td.end,
.detailed-view td.duration
{
    width:100px;
}
.detailed-view .activity 
{
    width: auto;
    padding-left:5px;
    padding-right:20px;
    white-space:normal;
    border-left:double 3px #444;
}

.detailed-view td 
{
    border-bottom: dashed 1px #444;
}

.detailed-view th
{
    border-bottom: solid 1px #444;
}

.detailed-view .activity, .detailed-view .duration
{
    background-color: #FFFBEE;
}

.detailed-view .begin, .detailed-view .end, .detailed-view .worktime
{
    background-color:#dfe8f6;
}

.detailed-view .worktime 
{
    padding-right: 5px;
}

/** Activities of a user **/
.user-activities-container 
{
    padding:5px;
   
}
.user-activities-container b
{
     color:#444;
}
.user-activities-container .title 
{
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
}
.user-activities-container .time-stats 
{
    text-align:left;
    padding:2px 2px;
    float:left;
}
.user-activities-container .time-stats b
{
    display:inline-block;
    margin-right:8px;   
}
.user-activities-container .activities-list table 
{
    width:100%;
    border-collapse:collapse;
}
.user-activities-container .activities-list table td,
.user-activities-container .activities-list table th
{
    text-align:left;
    vertical-align:top;
    border: dashed 1px #444;
    padding:4px 2px;
    font-weight:normal;
}
.user-activities-container .activities-list table th
{
    border-bottom: double 3px #444;
    vertical-align:middle;
}
.user-activities-container .activities-list table .time
{
    text-align:center;
    width:100px;
    background-color:#DFE8F6;
}
.user-activities-container .activities-list table .detail
{
    text-align:left;
    padding-left:3px;
    padding-right:3px;
    background-color:#FFFBEE;
}
.user-activities-container .activities-list table .start,
.user-activities-container .activities-list table .end
{
    
}
.user-activities-container .activities-list table .percentage
{
    width:200px;
    text-align:center;
}
.user-activities-container .activities-list table .task
{
    padding-left:4px;
}
.user-activities-container .calendar-arrow
{
    margin-left:5px;
    margin-right: 5px;
    cursor:pointer;
}
.user-activities-container span.calendar-arrow
{
    width:130px;
    display:inline-block;
}
.ie67 .user-activities-container span.calendar-arrow
{
    display:inline;
}
.user-activities-container #user-activities-day-selector
{
    text-align:center;   
}

.user-activities-container #user-activities-day-selector td
{
    vertical-align: middle;
}
  
.user-activities-container #user-activities-day-selector table 
{
    margin-left: auto;
    margin-right: auto;
}
.user-activities-container .grouping a:hover
{
    color:#15428b;
    text-decoration:underline;
}
.user-activities-container .grouping a 
{
    text-decoration:none;
    color: #444;
    margin-left: 15px;
}
.user-activities-container .grouping a.selected
{
    text-decoration: underline;
    font-weight:bold;
    color: #15428b;
}
.percentage-container 
{
    margin-left:auto;
    margin-right:auto;
    border: solid 1px black;
    width: 180px;
    text-align: center;
    height:19px;
    line-height: 19px;
    position:relative;
    background:url(../images/chart-bg-neutral.gif) repeat-x 0px 0px;
}

.percentage-title 
{
    text-align:center;
    color:white;
    width:180px;
    position:absolute;
    left:0px;
    top:0px;
    font-size:8pt;
    font-family:Consolas;
    line-height:17px;
    z-index:2;
}
.percentage-bar 
{
    position:absolute;
    left:0px;
    top:0px;
    height:0px;
    background:url(../images/chart-bg.gif) repeat-x 0px -1px;
    font-size:1px;
    line-height:1px;
    height:17px;
    z-index:1;
}

/* User activities popup table sorting */
.user-activities-container .activities-list table th.sortable
{
    cursor:pointer;
   
}
.user-activities-container .activities-list table th.sort-asc 
{
    background: url(../../css/symbols/sort-icon-asc.png) no-repeat right center;
}
.user-activities-container .activities-list table th.sort-desc 
{
    background: url(../../css/symbols/sort-icon-desc.png) no-repeat right center;
}
.user-activities-container .activities-list table th.task
{
     padding-right:20px;
}

/* Project tree */
.project-tree-container 
{
    width: 100%;
    height: 100%;
    overflow:auto;
}
.project-management-toolbar
{
	position: relative;
	line-height: 25px;
	height: 25px;
	width: 100%;
	padding-top:1px;
	background: url(../images/toolbar-bg.gif) repeat-x left bottom;
	top: 0px;
	left: 0px;
	
}
.project-management-toolbar .disabled-button img
{
    filter: alpha(opacity:30);
    opacity:0.3;
}

.project-tree-container .jso-tree .ts-customer .jst-node-icon
{
    background-image:url(../images/customer-closed.gif);
}
.project-tree-container .jso-tree .ts-customer .expanded .jst-node-icon
{
    background-image:url(../images/customer-opened.gif);
}
.project-tree-container .jso-tree .ts-project .jst-node-icon,
.project-tree-container .jso-tree .ts-project .expanded .jst-node-icon
{
    background-image:url(../images/project.png);
}
.project-tree-container .jso-tree .ts-stage .jst-node-icon
{
    background-image:url(../images/stage.png);
    background-position: center center;
}
/* Inactive items*/
.jso-tree .inactive-customer .jst-node-t .jst-node-title
,.jso-tree .inactive-project .jst-node-t .jst-node-title
{
    color: Gray;
    background:transparent url(../images/archived-1.png) no-repeat right 2px;
    padding-right:20px;
}

.jso-tree .active-project .jst-node-t .jst-node-title,
.jso-tree .ts-stage .jst-node-t .jst-node-title
{
    color: Black !important;
    background-image:none;
}

.jso-tree .completed-project .jst-node-t .jst-node-title,
.jso-tree .completed-stage .jst-node-t .jst-node-title
{
    color: #024A02 !important;
    background:transparent url(../images/archived-1.png) no-repeat right 2px;
    padding-right:20px;
}


/* Customer/Project/Stage details panel */
.rounded-corners-panel .fillout,
.rounded-corners-panel .v-border
{
    background-color:#F3F3F5 !important;
}
.billing-form.rounded-corners-panel .fillout, 
.billing-form.rounded-corners-panel .v-border
{
    background-color:#82D47D !important;
}
.rounded-corners-panel .h-border,
.rounded-corners-panel .v-border,
.rounded-corners-panel .corner
{
    overflow:hidden;
}
.rounded-corners-panel .h-border,
.rounded-corners-panel .h-border div
{
    height:3px;
   
}
.rounded-corners-panel .v-border 
{
   
}
.rounded-corners-panel .corner
{
    background-repeat:no-repeat;
}
.rounded-corners-panel .top-border .left-corner
{
    background:url(../images/info-panel-borders.png) no-repeat left 0px;
    padding-left:3px;
}

.rounded-corners-panel .top-border .right-corner
{
    background:url(../images/info-panel-borders.png) no-repeat right -3px;
    padding-right:3px;
}


.rounded-corners-panel .bottom-border .left-corner
{
    background:url(../images/info-panel-borders.png) no-repeat left -6px;
    padding-left:3px;
}
.rounded-corners-panel .bottom-border .right-corner
{
    background:url(../images/info-panel-borders.png) no-repeat right -9px;
    padding-right:3px;
}

.billing-form.rounded-corners-panel .top-border .left-corner,
.billing-form.rounded-corners-panel .top-border .right-corner,
.billing-form.rounded-corners-panel .bottom-border .left-corner,
.billing-form.rounded-corners-panel .bottom-border .right-corner
{
    background-image:url(../images/billing-panel-borders.png) 
}


.rounded-corners-panel .left-border 
{
    padding-left:3px;
}
.rounded-corners-panel .right-border
{
    padding-right:3px;
}
.rounded-corners-panel .panel-body
{
    padding:10px;
}
.project-item-details .resizable-contents
{
    position:relative;
}
.project-item-details .lightbox-inner
{
    padding:10px;
}
.info-panel table th, .info-panel table td
{
   padding:3px 5px;
   text-align: left;
   vertical-align: top;
}
.project-item-details .customer-projects-list 
{
   padding:5px 15px;
   background:#F3F3F5;
   height:30%;
   overflow:auto;
}
.project-item-details .section-title 
{
    margin-top: 10px;
    margin-bottom:5px;
    font-weight:bold;
}
.project-item-details .project-info 
{
    padding: 3px 0px 3px 0px; 
    border-bottom: dotted 1px #444;
    white-space:nowrap;
    overflow:hidden;
    line-height:20px;
}
.type-customer .project-info 
{
    min-width:860px;
}
.type-project .project-info 
{
    min-width:715px;
}
.project-item-details a.link-details 
{
    text-decoration:none;
    color:blue
}
.project-item-details a.link-details:hover
{
    text-decoration:underline
}

.project-item-details .project-info .prj-title
{
    padding-left:20px;
    background:url(../images/project.png) no-repeat left center;
    float:left;
}
.project-item-details .project-info .right-float
{
   float:right;
   padding-left:10px;
}
.project-item-details .project-info .prj-status
,.project-item-details .project-info .prj-budget
,.project-item-details .project-info .prj-cost
{
    overflow:hidden;
    text-overflow:ellipsis;
}
.project-item-details .project-info .prj-status
{
    width:100px;
}
.project-item-details .project-info .prj-budget
{
    width:80px;
}
.project-item-details .project-info .prj-cost
{
    width:110px;
}
.project-item-details .percentage-container
{
    width:100px;
}

.project-item-details .percentage-title  
{
    width:99px;
}

/* Project selector dialog */
.project-selector-tree-container 
{
    width:100%;
    height:100%;
    position:relative;
    
    z-index:1
}
.project-explorer .resizable-contents
{
    position:relative;
    
}
.project-explorer .body-content,
.project-explorer .resizable-contents
{
    background-color:White !important;
}
.project-explorer .jso-animation-panel
{
    z-index:2
}

#ProjectSelectorAreaListContainer, #ProjectSelectorTitle
{
    float:left;
   
}
#ProjectSelectorTitle
{
    line-height:22px;
    margin-left:10px;
}

.completion-status-bar 
{
    font-size:1px;
    line-height:1px;
    float:right;
    height:15px;
    background-color:red;
    border: solid 1px gray;
}

.completion-status-bar .done
{
    height:15px;
    background-color:Green;
    display:inline-block;
}

.ie67 .completion-status-bar .done
{
     display:inline;
}


/** Billing panel **/
.billing-form.rounded-corners-panel 
{
    color: #333;
}
#billing-form 
{
    margin-bottom:15px;
}
#billing-preview-form 
{
    
}
.billing-preview-container 
{
    background-color: White;
    overflow:auto;
    width:100%;
    height:100%;
}
.billing-form table td,
.billing-form table th
{
    vertical-align:middle;
    table-layout:fixed;
    white-space:nowrap;
}
#billing-form-involved-employees label input
{
    vertical-align:middle;
    margin:0;   
}
#billing-form-involved-employees label
{
    margin-right:15px;
    display:inline-block;
    height:25px;
    line-height:20px;
}
.ie67 #billing-form-involved-employees label
{
    display:inline;
}
.billing-preview-container p
{
    margin:0px;    
}
.billing-preview-container .hidden-amount
{
    display:none
}
.billing-preview-container .editing,
.billing-preview-container .editing textarea
{
    background-color:#FFFFBF;
    
}

/* Bill templates */

.bill-template-link 
{
    margin:2px 0px 3px 0px;
    padding-left:0px;
    height:18px;
    line-height:18px;
    cursor:pointer;
    overflow:hidden !important;
    text-overflow:ellipsis;
    background: no-repeat 16px center;
    background-image:url(../images/bill.png);
    white-space:nowrap;
}
.bill-template-link .link-title
{
    overflow:hidden;
    text-overflow:ellipsis;
    -text-overflow:ellipsis;
    height:18px;
    padding-right:10px;
    float:left;
    white-space:nowrap;
}
.bill-template-link .link-title
{
    width:90%;
    padding-left:20px;
}

.bill-template-link .link-delete 
{
    font-size:1px;
    line-height:1px;
    height:16px;
    width:16px;
    float:left;
    visibility:hidden;
    
    background: url(../images/delete-favorite.png) no-repeat center center;
}
.bill-template-link A:hover .link-delete 
{
    visibility:visible;
}
.bill-template-link A:hover .link-title 
{
    text-decoration:underline;
}

.bill-template-link a, .bill-template-link a:visited
{
    color: #333333;
    text-decoration: none;
    
}
.bill-template-link a:hover
{
    text-decoration: underline;
    
}
#billing-body 
{
 padding:5px
}   

/* Actions history */
.actions-history-link 
{
    margin:2px 0px 3px 0px;
    padding-left:0px;
    height:18px;
    line-height:18px;
    cursor:pointer;
    overflow:hidden !important;
    text-overflow:ellipsis;
    background: no-repeat 16px center;
    background-image:url(../images/bookmark.png);
    white-space:nowrap;
}
.actions-history-link .link-title
{
    overflow:hidden;
    text-overflow:ellipsis;
    -text-overflow:ellipsis;
    height:18px;
    padding-right:10px;
    float:none;
    white-space:nowrap;
    
}
.actions-history-link:hover .link-title
{
   
}
.actions-history-link .link-title
{
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
}

.actions-history-link .link-delete 
{
    font-size:1px;
    line-height:1px;
    height:16px;
    width:16px;
    float:left;
    visibility:hidden;
    
    background: url(../images/delete-favorite.png) no-repeat center center;
}
.actions-history-link .link-pin
{
    font-size:1px;
    line-height:1px;
    height:16px;
    width:16px;
    float:right;
    visibility:hidden;
    background:url(../images/pinned.png) no-repeat center 0px;
}
.jso-accordion-container .body .pinned-link .link-pin
{
    visibility:visible;
    background-position: right -16px;
}
.actions-history-link A:hover .link-delete 
{
    visibility:visible;
}
.actions-history-link A:hover .link-pin 
{
    visibility:visible;
}
.actions-history-link A:hover .link-title 
{
    text-decoration:underline;
}
.actions-history-link .link-title FONT.area-title
{
    color:#15428b;
}
.actions-history-link .link-title FONT.project-title
{
    color:gray;
    
}
.actions-history-link a, .actions-history-link a:visited
{
    color: #333333;
    text-decoration: none;
   
}
.actions-history-link a:hover
{
    text-decoration: underline;
    
}
#actions-history-body
{
 padding:5px
}   

#jso-lm-toolbar-right-panel .jso-ribbon-small-button 
{
    float:left;
}