table.nohover{width:100%;border:1px solid #c0d7e0;background:#fff;}
table.nohover th{color:#333;text-align:left;vertical-align:bottom;font-weight:400;font-size:12px;background:#F1F2F4 url(../img/tableheader_bg.gif) repeat-x;border:1px solid #c0d7e0;padding:5px 4px;}
table.nohover th.sorted{background:#d8ecf6 url(../img/tableheader_s_bg.gif) repeat-x;}
table.nohover th a{color:#369;text-decoration:none;}
table.nohover tr.changed{background:#F9F8E0 !important;}
table.nohover tr.selected{background:#d4fcce !important;}


table.nohover td.group{border-bottom:1px solid #E0E1FA;}
table.nohover td{font-size:9pt;color:#333;border-bottom:1px solid #d0e7eb;padding:5px 0 5px 4px; height:100%;}
table.nohover tr{height:100%;}
table.nohover td.cb,table.nohover th.cb{padding:2px;}
*:first-child+html table.nohover td.cb{padding:0;}
*:first-child+html table.nohover th.cb{padding:0;}
table.nohover td.img{padding:3px 5px 0;}
table.nohover tr.total td{font-weight:700; text-align: right; padding-right: 5px;background:#f4f6fa;}
table.nohover tr td.numeric{ text-align: right; padding-right: 5px; font-size: 9pt;}
table.nohover td.small{font-size:8pt;}

table.nohover{width:100%;border:1px solid #c0d7e0;background:#fff;}
table.nohover tr td{ border-collapse: separate; border-bottom: 1px solid #C2C4C6; padding: 5px 0; }
table.nohover td img{ vertical-align: middle; margin-bottom: 2px; }
table.nohover td.fromstatus{ background: #F2F2F2; padding: 2px 15px; border-right: 1px solid #C2C4C6; }
table.nohover td.tostatus{ padding: 0; }
table.nohover th.center{ text-align: center; }
table.nohover td.center{ text-align: center; }
table.nohover tr.inherited{ background: #f1f1f1; }

.row { border-bottom: 1px solid #E2E4E6; }
.new { background: #f6f6f6; }

table.nohover td div.row table { width: 100%; }
table.nohover td div.row table td { border: 0; padding: 2px 5px; }



span.spacer10h{ width: 5px; display: inline-block; }

.splitter{ height: 1px; border-bottom: 1px solid #F2F2F2; }
span.status{ width: 150px; display: inline-block; }
.role{ white-space: nowrap; float: left; color: #555; margin-right: 12px; padding: 3px 0;}
span.category { padding: 3px 0 0 12px; font-size: 8pt; margin-right: 5px; background: url(../../img/tags.gif) 0 5px no-repeat; }

#copyworkflow {margin-top: -130px;margin-left: 240px;}

/*roles*/
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder { margin: 0; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; border: 1px solid #CAD8F3; background: #f9fbff; padding: 1px 15px 2px 5px; font-family:Arial; font-size:11px; }
ul.holder li.bit-box a.closebutton { padding:0; position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../../img/workflow_close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
ul.holder li.padright{padding:3px 5px 0 5px; min-height:18px;}
/*select roles*/
div#contentselect{margin:5px; padding: 5px 8px 10px 8px; background: #fff; border: 1px solid #e2e4e6; margin-right: 5px;  height: 100%;}
 #add{ float:left; top:0; width:auto;}
 #roles{padding-top:30px;}
 .accessroles{border-top: 1px solid #e2e4e6;}
 
 div#wrapper{height: 100%;}

ul.contextmenu{ z-index: 1010; display:inline }
ul.contextmenu li{float:none;}


span.context{cursor:pointer;}

 /*tabs for status transitions*/
 #transitiontabs ul{list-style:none;}
 #transitiontabs a.tablink{display:inline-block;text-decoration:none;border:1px solid #fff;border-bottom:0;padding:4px 10px;position: relative;}
 #transitiontabs a.tablink:hover{background:#f6faff;}
 #transitiontabs a.selected{background:#f3f5f7;border:1px solid #e7e9ea;border-bottom:0;}
 #transitiontabs li,.inline{display:inline;}
 
 .scrollable{ overflow-y: hidden; overflow-x:auto; }
 
 #flowchart { position:relative; float:left; min-width:800px; min-height:600px; height: auto; cursor:auto; }
 
 .w{  border:1px solid transparent; line-height:3em; box-shadow: 2px 2px 19px transparent; text-align:center; z-index:7; position:absolute; color:black; font-family:helvetica; padding: 0 10px; display:block;}
 .w:hover{ background-color: White; border:1px solid #346789; box-shadow: 2px 2px 19px #444; -moz-border-radius:0.5em; border-radius:0.5em; -o-box-shadow: 2px 2px 19px #444; -webkit-box-shadow: 2px 2px 19px #444; -moz-box-shadow: 2px 2px 19px #444; opacity:0.8; filter:alpha(opacity=80); }
 .w img{ vertical-align: middle;}
 
 .cbtn{ width:24px; height:24px; z-index:999; visibility:hidden; margin: 1px 10px 0 0; }
 .dh { background: url("../../img/cursor_drag_arrow.png") 50% 50% no-repeat; cursor:move; float: left;}
 .ep { background: url("../../img/round_plus.png") 50% 50% no-repeat; cursor: pointer; float: right;}
 .rm { background: url("../../img/delete.png") 50% 50% no-repeat; cursor:pointer; float: left;}
 .con { background: url("../../img/workflow/hand-shake.png") 50% 50% no-repeat; cursor:pointer; float: left;}
 
 
 svg circle{z-index:9;  stroke-width: 1px; stroke: #000; fill: rgba(255,255,102,0.8);cursor:pointer;}
 svg path{cursor:move;z-index: 6;}
 
 #activeSVG{ z-index : 998;}
 #activeSVG path{stroke: #42a62c;}
 ._jsPlumb_connector { z-index:4; }
 ._jsPlumb_connector.active{z-index: 998;}
 ._jsPlumb_overlay { z-index:6; background-color:transparent; padding:5px; max-width: 200px; }
 ._jsPlumb_overlay:hover{z-index:7;}
 ._jsPlumb_overlay table{width:100%;}
 
 #ssdialog{ padding: 5px; z-index:999; background-color: #ddd; border-radius:10px; position:absolute; width:430px; border:1px solid #ccc; }
 #ssdialog h3{text-align:center; font: normal normal 400 12pt/normal "Segoe UI";}
 
 .full table{width:100%;}
 
 .popupwrapper{z-index:1010;}
 
 #noty{z-index:100;}
 
 .addSpace{  float:left; min-width:800px; background: /*url("../../img/workflow/down_arrow.png") no-repeat 50% 50%*/ #ddd ; padding: 5px 8px; height:18px; text-align:center; cursor: pointer; }
 .addSpace:hover { background-color: #eee; }
 
 .zoomer{ height:30px; text-align:right; width: 100%; }
 .zoomer a{text-decoration:none;}
 .zoomer img{width:24px; height: 24px; margin: 3px;}
 
 #editTransition{text-decoration:none; border-bottom:1px dotted CurrentColor; margin-top: 5px; float:right; }
 #deleteTransition{text-decoration:none; border-bottom:1px dotted CurrentColor; margin-top: 5px; float:right }
 #editTransitionForm table{ width: 100%;}
 
 li.overlay_title{ vertical-align:middle; background: #F9FBFF; border: 1px solid #CAD8F3; border-radius: 6px; font-family: "Arial";
                   padding: 1px 15px 2px 5px; position: relative; min-height: 18px; padding: 3px 5px 0px; overflow: hidden; max-width: 180px; }
 li.overlay_title img{margin-left:4px; display:inline; vertical-align:middle;}
 
 li.overlay_title span{margin-right:10px;}
 li.overlay_title span.hasAdditional{ border-bottom:1px dotted #333; cursor:help; font-weight:bold; }
 
 li.editTransition div, li.editTransition a{ vertical-align:middle;}
 
 #editAJAXForm table{width:100%;}
 #editAJAXForm table td{border:none;}
 #editAJAXForm div.row{ background-color:#fff; border: 1px solid #C0D7E0; border-top:none; }
 
 #graphicOptions{ z-index: 10; position: absolute; top: 10px; left:10px; width: 270px; padding: 5px 0; /*border: 1px solid #E7E9EA;*/ }
   #graphicOptions legend{ width: 225px;}
 #rolelegend{ width: 100%; }
 #rolelegend ul{ padding: 1em 10px;}
 #rolelegend ul li{ margin-top:2px; font:normal normal 400 12px/35px Tahoma;}
 
 #rolesfilter{ width:100%;  }
 #rolesfilter h3 { font: normal normal 600 12px/35px Tahoma; padding-left: 2.2em; }
 #rolesfilter fieldset{ margin: 10px 0; }     
 #rolesfilter ul { margin: 0; padding: 1em 10px; }
 #rolesfilter li { font: normal normal 400 12px/35px Tahoma; background: #fff;
     border: 1px solid #ddd; display: list-item; height: 35px; line-height: 35px; padding: 0px 10px; vertical-align: middle;
     overflow: hidden; width: 100%;}
 #rolesfilter li.single{ margin-top: 8px; }
 
 #hideGraphMenu{margin: 10px 5px; text-decoration:none;}
 
 .ui-widget-content a.button{ color: #336699;}
 
 #HideContentWhileLoading {
     position: absolute;
     z-index: 9999;
     opacity: 0.5;
     background-color: #ccc;
     margin: 0px 270px 5px 0px;
     padding: 5px 8px 10px;
 }

 td.secondlevelmenu a { color: #369;text-decoration: none;font-size: 8pt;}

  #pagination {
    right: 5px;
    top: 60px;
}

  #workflowrules #pagination {
    top: 20px;
}

#content.popup table.nohover, #content.popup div.row {
    border: none;
    background: #f7f9fa;
}

#content.popup .divautolink, #content.popup div.row  {
    border-top: 1px solid #c0d7e0;
    
}

#content.popup .first-row {
    color: #333;
    padding-left: 10px;
    padding-top: 0;
    margin-top: 0;
}

input.concurrence {
    margin: 0;
    vertical-align: bottom;
    pointer-events:none;
}

label.concurrence {
    display: inline;
}


.fieldSelect div{
    float: left;
    padding-left: 10px;
}
#selTypeFields {
    float: none;
}
.tasktypediv {
    margin: 20px 1px 8px 15px;
}

.checkTitleName {
    padding-right: 10px;
}

#requiredfield {
    margin: 15px 0 30px 0;
}

.tasktypeFieldsBlock {
   /*padding-left: 10px;*/
    /*background: url("../../img/workflow-close.gif")*/
    padding: 5px;
    cursor: pointer;
}