.sha-novalue { font-size: 0.8em; color: silver }  /*Text displayed when property has no value*/
.sha-deemph  { font-size: 0.8em; color: Gray }  /*Font to display additional information but which should be de-emphasised*/
.sha-file {}    /* for download link to a stored file */
.sha-file-size { font-size: 0.8em; color: Gray; font-style: italic } /* for the file size indicator next to file download links */
.sha-context { display: inline; padding: 0px; margin: 0px } /* for elements who sole purpose is to provide shesha context information */
.sha-entity {}    /* for links to entities */
td a.sha-entity { text-decoration: underline; cursor: pointer } 

.sha-link:hover { text-decoration: underline; cursor: pointer }    /* for elements that should still behave as links on hover */
.sha-loe-noitems { display: none }  /* for elements to be displayed when a list of entities is empty */

.sha-popup-click, .sha-popup-hover { display: none }    /* for pop-up information which should be hidden by default */

/* Inplace editing styles */
div.sha-inplc {display: inline-block; /*min-height: 22px; to minimize shifting when editing but took up too much space*/ vertical-align:top}
div.sha-inplc-vw { display:inline-block; vertical-align:top}
.sha-inplc-error { color: Red; font-size:smaller }
.sha-inplc-vwVal { padding: 1px; display: inline-block; }
.sha-inplc-vwVal:hover { padding: 0px; border: dotted 1px grey }
div.sha-inplc-edt {display: none }
/*div.inlnBtnSpan {display: inline-block}*/
div.sha-inplc-edtBtns {display:inline-block; white-space: nowrap}
.sha-inplc-edtBtn { display:none; height:10px; width:10px; border: solid 1px transparent; background-color:white; background-position:center; background-image: url('images/edit_inline.gif');  }
.sha-inplc-cancel:hover, .sha-inplc-save:hover, .sha-inplc-edtBtn:hover { padding: 0px; border: solid 1px grey }
.sha-inplc-vw:hover .sha-inplc-edtBtn { display:inline-block; }
.sha-inplc-save { display:inline-block; height:10px; width:10px; border: solid 1px transparent; background-position:center; background-color:white; background-image: url('images/save_inline.gif');  }
.sha-inplc-cancel { display:inline-block; height:10px; width:10px; border: solid 1px transparent; background-position:center; background-color:white; background-image: url('images/close_inline.gif');  }


/*******************************************************************************************/
/****************  base application styles below here **************************************/
/*******************************************************************************************/


td.sha-lbl { font-weight: bold; text-align: right; padding: 5px 10px 5px 5px; vertical-align: middle }
td.sha-val { font-weight: normal; text-align: left; padding: 5px 10px 5px 5px; vertical-align: middle }

div.sha-wfl-activity { display: inline-block; margin: 10px; font-size: 9px; min-width: 270px }
div.sha-wfl-activity>div.sha-head {
    width:auto;
    font-size:12px;
    line-height:16px;
    font-weight:500;
    background-color:#efefef;
    color:#005580;
    border-color:#d5d5d3;
    border-style:solid;
    border-width:1px 1px 0;
    padding:4px 11px 5px 14px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
div.sha-wfl-activity>div.sha-body {
    background-color: white;
    border-color: #D5D5D3;
    color: black;
    width: auto;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 5px 10px 6px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
div.sha-wfl-activity>div.sha-wfl-children {
    background-color: white;
    border-color: #D5D5D3;
    color: black;
    width: auto;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 5px 10px 6px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.sha-wfl-activity .sha-head .sha-icon { width: 18px; height: 18px; display: inline-block; margin-right: 4px; /*border: 1px dotted gray */}
.sha-wfl-activity .sha-head .sha-status { width: 18px; height: 18px; display: inline-block; margin-right: 4px; border: 1px dotted gray }
.sha-wfl-name { font-weight: bold; vertical-align: middle }

.sha-wfl-name { font-weight: bold; vertical-align: middle }
.sha-wfl-activity.sha-wfl-status-Initialised>.sha-head .sha-wfl-name { color: Silver }

/*.sha-wfl-activity.sha-wfl-status-Active>.sha-head .sha-wfl-name { color: Silver }
.sha-wfl-activity.sha-wfl-status-AwatingChildren>.sha-head .sha-wfl-name { color: Silver }
*/
.sha-wfl-activity.sha-wfl-status-Completed>.sha-head .sha-wfl-name { color: Green }
.sha-wfl-activity.sha-wfl-status-Active>div.sha-head, 
.sha-wfl-activity.sha-wfl-status-AwatingChildren>div.sha-head,
.sha-wfl-activity.sha-wfl-status-Exception>div.sha-head
     { border-top-width: 2px; border-left-width: 2px;border-right-width: 2px; border-color: #005580 }
.sha-wfl-activity.sha-wfl-status-Active>div.sha-body, .sha-wfl-activity.sha-wfl-status-Active>div.sha-wfl-children,
.sha-wfl-activity.sha-wfl-status-AwatingChildren>div.sha-body, .sha-wfl-activity.sha-wfl-status-AwatingChildren>div.sha-wfl-children,
.sha-wfl-activity.sha-wfl-status-Exception>div.sha-body, .sha-wfl-activity.sha-wfl-status-Exception>div.sha-wfl-children
    { border-bottom-width: 2px; border-left-width: 2px;border-right-width: 2px; border-color: #005580 }

.sha-wfl-activity.sha-wfl-status-Cancelled>.sha-head .sha-wfl-name { color: Silver; text-decoration: line-through }
.sha-wfl-activity.sha-wfl-status-Exception>.sha-head .sha-wfl-name { color: Red }

.sha-wfl-activities { vertical-align: top }
.sha-wfl-activities td { vertical-align: top }
.sha-wfl-activities td:not(.act1) { border-left-width: 1px; border-color: Silver; border-style: dashed }
.sha-toggle-slide { cursor: pointer }

.sha-wfl-activity[data-sha-wfl-basetype=WorkflowCase]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/case.png) }
.sha-wfl-activity[data-sha-wfl-basetype=HumanActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/manual.png) }
.sha-wfl-activity[data-sha-wfl-basetype=AutomatedActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/automated.png) }
.sha-wfl-activity[data-sha-wfl-basetype=DecisionActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/decision.png) }
.sha-wfl-activity[data-sha-wfl-basetype=GotoActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/goto.png) }
.sha-wfl-activity[data-sha-wfl-basetype=ParrallelGroup]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/parrallel.png) }
.sha-wfl-activity[data-sha-wfl-basetype=SerialGroup]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/serial.png) }
.sha-wfl-activity[data-sha-wfl-basetype=TerminateActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/finish.png) }
.sha-wfl-activity[data-sha-wfl-basetype=WaitPeriodActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/wait3.png) }
.sha-wfl-activity[data-sha-wfl-basetype=WaitUntilDateActivity]>.sha-head>.sha-icon { background-image: url(/areas/shesha/content/base/workflow/wait.png) }

.sha-ui-mailcontainer { font-family: arial; background-color: white; padding: 7px; margin-top: 10px; border: 1px solid gray }
.sha-ui-mail-subject { font-weight: bold; font-size: 13pt; padding-top: 10px }
.sha-ui-mail-sender { font-weight: normal; font-size: 11pt; padding-top: 8px }
.sha-ui-mail-attachments {}
.sha-ui-mail-line { margin-top: 7px; border-top: 1px solid silver; padding-bottom: 3px }
.sha-ui-mail-body   { font-size: 10pt; font-family: arial; font-weight: normal; background-color: white; min-height: 200px; max-height: 400px; overflow: auto; border: 1px; padding: 10px 10px 15px 10px; }
.sha-ui-mail-sentto, .sha-ui-mail-datesent { font-size: 9pt; }
.sha-ui-mail-sentto .sha-lbl, .sha-ui-mail-datesent .sha-lbl { color: Silver }
.sha-ui-mail-datesent { padding-top: 8px }
/*
div.sha-wfl-activity span.icon
div.sha-wfl-status-Initialised>span.icon
div.sha-wfl-status-Active>span.icon
div.sha-wfl-status-AwatingChildren>span.icon
div.sha-wfl-status-Completed>span.icon
div.sha-wfl-status-Cancelled>span.icon 
div.sha-wfl-status-Exception>span.icon 
*/