/* Generic GWT styles */


.gwt-PopupPanel {
    padding:0.75em !important;
    border:2px solid #6699CC !important;
    background-color: #F9F9F9 !important;
    z-index:9999;
}

.gwt-PopupPanel .popupContent {
}

.gwt-PopupPanelGlass {
    opacity:0.65;
    filter:alpha(opacity=65);
    background-color:#888888;
}

/* TaskDock Core Styles */

.taskdock .green{
    color: #008E00;
}

.taskdock .yellow{
    color: #FEE775;
}

.taskdock .red{
    color: #D30015;
}

.taskdock-user-suggest-box {
    overflow:scroll;
}

.taskdock-core-principal {
    display:inline-block;
    margin-right:3px;
    padding:3px;
}

.taskdock-MultiplePrincipalSelector table {
    clear: none;
}

.taskdock-MultiplePrincipalSelector .taskdock-MultiplePrincipalSelector-userlist {
    margin-top:3px;
    overflow-y:auto;
}

.taskdock-confirmation-modal {
    width:300px;
}

.taskdock-confirmation-modal .header {
    font-size: large;
    padding:1em;
}


.taskdock-confirmation-modal .message {
    font-size: inherit;
    padding:0 1em;
}

.taskdock-confirmation-modal .buttons {
    padding-top: 1.5em;
    padding-bottom:.75em;
}

.taskdock-confirmation-modal .modal-button {
    width:80px;
    margin: 0 .5em;
}

.taskdock-popup {
    border: 1px;

}

.taskdock-popup .error-box {
    margin: 30px;
}

.taskdock-popup .error-image {

}

.taskdock-popup .error-message {

}

.taskdock-message-browser {
    width:100%;
}

.taskdock-dialog-box {
    padding: 2em 3em;
}

.taskdock-dialog-box  .choice-buttons {
    margin-top:.75em;
}

.taskdock-dialog-box  .choice-button {
    margin-right: .5em;
}

.taskdock-PrincipalWidget {
}

.taskdock-PrincipalWidget .deleteButton {
    vertical-align:middle;
}

.taskdock-button {

}

.taskdock-PrincipalAutoCompleteBox input {
    width: 300px;
}

.taskdock-general-inbox-label {
    color: #999999;
    font-style:italic;
}

.taskdock-PrincipalAutoCompleteBox-error {
    color:#D30015;
    font-style:italic;
    font-weight:normal;
}

.taskdock-PrincipalWidget {
    display:inline-table;
    background-color:#EAEAEA;
    border: solid thin #BBB9BA;
    margin-right: 3px;
}

.taskdock-PrincipalWidget img {
    vertical-align: middle;
}

.taskdock-PrincipalWidget .taskdock-PrincipalWidget-name {
    font-size:8pt;
}

/* General styles */
.taskdock-invisible {
    display: none;
}

/*
 * Date picker style
 */
.taskdock-DatePicker { }

/*
 * Tool Tip
 */
.taskdock-Tooltip { }


/*
 * Activity stream
 */

.td-activitystream {
    width:90%;
    margin-top:.5em;
    margin-left:1em;
    margin-right:1em
}

.td-activitystream td {
    text-align:left;
    border-bottom: thin solid lightgray;
}

.td-activitystream .picture {
    border: none;
}

.td-activitystream .td-name {
    color: #003366;
    font-weight:bold;
}

.td-activitystream .td-date {
    font-size:small;
    color:gray;
}

.td-activitystream .td-activity {
    /*margin-left:2em;*/
}

.td-activitystream .td-activitystream-last {
    border:none;
}

/**
 * TaskDock Popup
 */

.gwt-PopupPanel .popupContent {
    width:100%;
    height:100%
}

.gwt-PopupPanel .popupContent {
    background: #F9F9F9 none repeat scroll 0 0;
}

.gwt-PopupPanel .popupContent label {
    font-weight:normal;
}
}

.gwt-PopupPanel .popupContent .label {
    font-weight:normal;
}

.gwt-PopupPanel .popupContent .td-header td {
    background-color:transparent;
    color:#000000;
    font-weight:normal;
    margin:0;
}

.gwt-PopupPanel .popupContent .td-header-text {
    font-size:22px;
    padding-left:10px;
    width:100%;
}

.gwt-PopupPanel .popupContent .td-header {
    background-color:transparent;
    border-bottom: thin lightgray solid;
    color:#000000;
}

.gwt-PopupPanel .popupContent .td-body {
    margin-top:.75em;
    margin-left:1em;
    margin-right:1em;
}

.gwt-PopupPanel .popupContent .td-body .gwt-TextArea {
    width:97%;
    margin-left:.25em;
}

.gwt-PopupPanel .popupContent .td-buttons {
    float:right;
    padding: 22px 0 4px 4px;
}

.gwt-PopupPanel .popupContent .td-bottom {
    float: left;
}


.gwt-PopupPanel .popupContent .submitAndCancel {
    padding: 22px 0 10px 4px;
    width:auto;
}


.gwt-PopupPanel .popupContent .bottom {
    border-top: thin solid lightgray;
    padding: 6px;
}

.gwt-PopupPanel button {
    margin-right:3px;
}

.gwt-PopupPanel .popupContent .buttons .gwt-Button {
    margin-right: 7px;
}

/* DeleteModal Popup */
.td-delete-modal .popupContent {
    width:400px;
    height:160px;
}


/* Taskdock Task Table ToolBar- primarily use in ViewToolBar */

a.taskdock-metadata-showtaskdock span.taskdock-metadata-text {
    height: 16px;
    width: 16px;
    text-indent: -9999em;
}

#navigation .ajs-menu-bar .ajs-button a.taskdock-Dock-addtaskbutton span {
    background: url(../../../download/resources/com.taskdock.taskdock/war/icons/add_20.png) no-repeat 0 50%;
}


#taskdock-Metadata-checkmark {
}

.taskdock-Metadata-checkmarkgreen {
    height:16px;
    width:16px;
    margin-top: -2px;
    margin-right: 1px;
    background: url(../../../download/resources/com.taskdock.taskdock/war/icons/meta-data-checkbox-green.png) no-repeat center;
    float: left;
}

.taskdock-Metadata-checkmarkblack {
    height:16px;
    width:16px;
    margin-top: -2px;
    margin-right: 1px;
    background: url(../../../download/resources/com.taskdock.taskdock/war/icons/meta-data-checkbox-black.png) no-repeat center;
    float: left;
}

.taskdock-DockWidget {
    margin-top:6px;
}

.taskdock-TaskViewToolBar {
    font-size:12px;
}

.taskdock-TaskViewToolBar .assignment-filter {
    margin-right:2em;
}

.taskdock-TaskViewToolBar .completion-filter {
    margin-right:2em;
}

.taskdock-TaskViewToolBar .filter-label {
    margin-right:.25em;
}

.taskdock-TaskViewToolBar .td-help{
    margin-right:2em;
    color:rgb(102,102,102);
}
.taskdock-TaskViewToolBar .td-help a {
    color:rgb(102,102,102);
}

.taskdock-TaskViewToolBar .show-completed-label {
    font-family: helvertica,arial,verdana,serif;
    font-weight: normal;
    font-size: 10pt;
    margin-right:1em
}

.taskdock-TaskViewToolBar .add-task-button { }

.taskdock-TaskViewToolBar .td-closeButton {
    margin-top: 3px;
    margin-left: 3px;
}

/* Taskdock Task Table - primarily use in View */

.taskdock-TaskView .task-row {
    height:2em;
    overflow-y: hidden;
}

.taskdock-TaskView .invisible {
    visibility:hidden;
}

.taskdock-TaskView .buttons {
/* overflow is imperative for IE - TDCON-77 */
    overflow: visible;
}

.taskdock-TaskView .header {
/* overflow is imperative for IE - TDCON-77 */
    overflow:visible;
    color: #FFFFFF;
    background-color:#6699cc;
    border-left: thin dotted lightgray;
    padding-top: 2px;
    padding-bottom: 1px;
    font-family: helvertica,arial,verdana,serif;
}

.taskdock-TaskView .text-header {
    padding-left:1em;
    padding-right:1em
}

.taskdock-TaskView .header:hover {
    color: #BBBBBB;
    text-decoration:underline;
    cursor:pointer;
}

.taskdock-TaskView .notasks {
    padding-top:4px;
}

.taskdock-TaskView .take-ownership {
    text-decoration:underline;
}

.taskdock-TaskView .take-ownership:hover {
    cursor:pointer;
}

.taskdock-TaskView .cell {
/* overflow is imperative for IE - TDCON-77 - for some reason overflow is set to scroll */
    overflow: visible;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0;
    line-height:1.1em;
}

.taskdock-TaskView .action-row .action-header-wrapper {
    padding-right: 16px;
    background: url(../../../download/resources/com.taskdock.taskdock/war/icons/menu-indicator.gif) no-repeat right center;
}

.taskdock-TaskView .action-row .action-header-wrapper:hover {
    background: url(../../../download/resources/com.taskdock.taskdock/war/icons/menu-indicator-white.gif) no-repeat right center;
}

.taskdock-TaskView .action-row .gwt-MenuItem-selected .action-header-wrapper {
    background: url(../../../download/resources/com.taskdock.taskdock/war/icons/menu-indicator-white.gif) no-repeat right center;
}

.gwt-MenuItem {
    padding: 3px 5px;
    min-width:97px;
}

.action-items .gwt-MenuItem:hover {
    background-color:#DDDDDD;
}

.action-header .gwt-MenuItem:hover {
    background-color:#6699CC;
    color:#FFFFFF;
}

.action-header .gwt-MenuItem-selected {
    background-color:#6699CC;
    color:#FFFFFF;
}

.gwt-MenuBarPopup {
    border-left: 1px solid #C1C1C1;
    border-right: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    background:#FFFFFF none repeat scroll 0 0;
    z-index:9999;
}

.gwt-SuggestBoxPopup {
    z-index:9999;
}

.taskdock-TaskView .cell.not-last-cell {
    border-bottom: thin solid #EDEDED;
}

.taskdock-TaskView .description { }

.taskdock-TaskView .status {
    width:20px
}

@-moz-document url-prefix() { .taskdock-TaskView .status .checkbox  {
margin-right: 21px; margin-bottom:4px }}


.taskdock-Editor {
    width:620px;
}

.taskdock-TaskView .colorbox {
    margin:2px;
}

.taskdock-TaskView .noDueDate{
    border-left: 6px solid #187FC2;
}

.taskdock-TaskView .onTime,.taskdock-Editor .onTime {
    border-left: 6px solid #7CCC0A !important;
}

.taskdock-TaskView .dueSoon,.taskdock-Editor .dueSoon {
    border-left: 6px solid #D87628 !important;
}

.taskdock-TaskView .late,.taskdock-Editor .late {
/* background-color:#FF9898; */
/*background-color:#D30015;*/
    border-left: 6px solid #C53809 !important;
}

.taskdock-TaskView .progress {
    padding-top:2px;
}

.taskdock-TaskView .status-checkbox {
/* margin: 4px; */
}

.taskdock-TaskView .status-td {
    width:18px !important;
    height:18px !important;
    padding:2px !important;
    margin:2px !important;
}

.taskdock-TaskView .navbutton {
    font-size:x-small;
    margin-right:.3em;
}

.taskdock-TaskView .task-position {
    margin-left:.25em;
    margin-right:.25em;
}

.taskdock-tasks-compactview {
    display: inline;
}


.taskdock-tasks-compactview .checkboxImage {
    width:12px;
    height:12px;
    margin-left:.5em;
    margin-right:.25em;
}

.taskdock-tasks-compactview .header:hover {
    cursor:pointer;
}

.taskdock-TaskView .action {
    width:15em;
}

.taskdock-TaskViewNoTasks {
    color:gray !important;
}

.taskdock-Tooltip {
    padding: .5em;
}

/*
 * Generically usable styles
 */

.taskdock-Clickable {
    text-decoration:underline;
    cursor: pointer;
}

.taskdock-Clickable:hover {
    cursor:pointer;
}


/**
 * Tasklist ClosedLoopModal and Importer
 */

.taskdock-TasklistImporter {
    width:700px;
    max-height:500px;
}

.taskdock-ClosedLoopModal {
    width:700px;
    max-height:500px;
}

.taskdock-TasklistImporter .tasks {
    margin-left:10px;
    width:689px;
    overflow-y: auto;
}

.taskdock-ClosedLoopModal .tasks {
    margin-left:10px;
    width:689px;
    overflow-y: auto;
}

.taskdock-TasklistImporter .tasks {
    max-height:300px;
}

.taskdock-ClosedLoopModal .tasks {
    max-height:340px;
}

.taskdock-TasklistImporter .result {
    text-align:left;
    margin: 5px 10px;
    width:500px;
    max-height:400px;
    overflow-y: auto;
}

.taskdock-ClosedLoopModal .td-action td {
    border-bottom: lightgray thin dotted;
}

/**
 * User Selector
 */

.UserSelector-addbutton {
    margin-top: 10px;
}
/** Add css rules here for your application. */

.auto_suggest {
    z-index: 20;
    background-color: white;
    padding: 10px;
    width: 400px;
    height: 230px;
}

.original-token-input {
    width: 396px;
    border: 1px solid #8496ba;
    font-size: 12px;
    font-family: Verdana,sans-serif;
    padding: 4px 8px;
}

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 100%;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
    font-size:11px;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
}