v\:group, v\:rect, v\:imagedata, v\:oval, v\:line, v\:polyline, v\:stroke, v\:textbox {
    display: inline-block;
    background: transparent;
}

.GooFlow {
    margin: 0px;
    background: #F7F7F7;
    border: #ccc 1px solid;
    font: 12px Arial, Helvetica, sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.GooFlow_head {
    clear: both;
    height: 22px;
    padding: 1px;
    display: none;
}


.GooFlow_tool_div a {
    text-align: center;
}

.GooFlow_tool {
    /*float:left;*/
    margin: 0px 1px;
    overflow: hidden;
    clear: left;
    border-radius: 3px;
    margin-top: 2px;
    margin-left: 2px;
}

.GooFlow_tool_div {
    overflow: hidden;
    border-radius: 2px;
    border-bottom: #ccc 1px solid;
}

.GooFlow_tool span {
    height: 60px;
    overflow: hidden;
    border-left: #ccc 1px solid;
    border-right: #FFFFFF 1px solid;
    margin: 1px;
    float: left;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}

.GooFlow_tool_btn {
    float: left;
    display: block;
    border: 0px;
    height: 48px;
    width: 55px;
    cursor: default;
    padding: 2px;
    margin: 1px;
    outline: none;
}

    .GooFlow_tool_btn b {
        display: block;
        overflow: hidden;
        width: 48px;
        height: 30px;
        border: 0px;
        cursor: pointer;
    }

    .GooFlow_tool_btn:hover {
        border-radius: 8px;
        padding: 0px;
        border: #8E9DA6 1px solid;
        height: 60px;
    }

        .GooFlow_tool_btn:hover b {
            border: #F5FAFC 1px solid;
            border-radius: 8px;
        }

.GooFlow_tool_btndown {
    width: 55px;
    height: 60px;
    cursor: default;
    margin: 1px;
    outline: none;
    border-radius: 8px;
    padding: 0px;
    border: #ccc 1px solid;
    background: #FFFFFF;
    display: block;
    float: left;
}

    .GooFlow_tool_btndown b {
        cursor: pointer;
        display: block;
        overflow: hidden;
        width: 50px;
        height: 30px;
        border: #FFFFFF 1px solid;
        margin: 0px;
        border-radius: 8px;
    }




.GooFlow_work {
    float: right;
    margin: 0px;
    border-left: #ccc 1px solid;
    position: relative;
    overflow: scroll;
}

    .GooFlow_work .GooFlow_work_inner {
        background-image: url(img/gooflow_blank3.gif);
        position: relative;
        overflow: hidden;
    }

    .GooFlow_work .GooFlow_work_group {
        cursor: default;
        position: absolute;
        overflow: hidden;
        top: 0px;
        left: 0px;
    }

.GooFlow_area {
    position: absolute;
}

    .GooFlow_area .lock {
        cursor: default;
    }

    .GooFlow_area .bg {
        cursor: move;
        filter: Alpha(Opacity=30);
        -moz-opacity: 0.3;
        opacity: 0.3;
        border-radius: 10px;
    }

.GooFlow_work .lock .bg {
    cursor: default;
}

.GooFlow_area label {
    cursor: text;
    top: 1px;
    left: 1px;
    position: absolute;
    display: block;
    font-size: 12px;
    text-indent: 18px;
    height: 18px;
    line-height: 18px;
}

.GooFlow_work .lock label {
    cursor: default;
}

.GooFlow_area b {
    display: block;
    height: 18px;
    width: 18px;
    top: 0px;
    left: 0px;
    position: absolute;
    cursor: pointer;
}

.GooFlow_work .area_red .bg {
    border: 1px solid red;
    background-color: #EB4F2D;
}

.GooFlow_work .area_red label {
    color: red;
    background: url(img/gooflow_bullet.png) no-repeat 1px 1px;
}

.GooFlow_work .area_yellow .bg {
    border: 1px solid #CD925A;
    background-color: #F5B93D;
}

.GooFlow_work .area_yellow label {
    color: #FFBA1D;
    background: url(img/gooflow_bullet.png) no-repeat 1px -16px;
}

.GooFlow_work .area_blue .bg {
    border: 1px solid #347BB1;
    background-color: #43A4EE;
}

.GooFlow_work .area_blue label {
    color: #347BB1;
    background: url(img/gooflow_bullet.png) no-repeat 1px -33px;
}

.GooFlow_work .area_green .bg {
    border: 1px solid green;
    background-color: #7FBA2E;
}

.GooFlow_work .area_green label {
    color: green;
    background: url(img/gooflow_bullet.png) no-repeat 1px -50px;
}

.GooFlow_work svg {
    display: block;
    position: absolute;
}

.GooFlow_work v\:group {
    position: relative;
    display: block;
}

    .GooFlow_work v\:group v\:line {
        overflow: visible;
    }

    .GooFlow_work v\:group v\:polyline {
        overflow: visible;
    }

    .GooFlow_work v\:group div {
        cursor: text;
        position: absolute;
        overflow: visible;
        display: inline;
        float: left;
        white-space: nowrap;
    }

.GooFlow_work .draw {
    color: #ff3300;
}

.GooFlow_item {
    position: absolute;
    background-color: white;
    border: #A8A8A8 solid 1px;
    border-radius: 10px;
    box-shadow: 2px 2px 19px #e0e0e0;
    margin: 0px;
}

    .GooFlow_item:hover {
        border: #4A5B79 1px solid;
        box-shadow: 2px 2px 19px #444;
        opacity: 0.9;
    }

.GooFlow table {
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
}

.GooFlow td {
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    cursor: default;
    word-wrap: break-word;
    word-break: break-all;
}

.GooFlow .ico {
    width: 48px;
    cursor: move;
}



.GooFlow_tool_div b 
{
    margin-top:5px;
}



.GooFlow b {
    display: block;
    /*width: 58px;
    height: 48px;*/
    overflow: hidden;
    font-family: "FlowIconFont" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.GooFlow .item_Initiator {
    background: #5CCB41;
    border-radius: 52px;
    width: 52px;
    height: 52px;
    border: #5e8800 solid 1px;
    overflow: visible;
}

    .GooFlow .item_Initiator table {
        border: 0px;
        padding: 2px;
        width: 50px;
        height: 50px;
    }

    .GooFlow .item_Initiator .span {
        display: block;
        text-align: center;
        position: absolute;
        top: 20px;
        left: -14px;
        width: 80px;
        overflow: visible;
        text-align: center;
        padding: 0px;
        cursor: default;
        word-wrap: break-word;
        word-break: break-all;
    }

.GooFlow .item_End {
    background: #DE2922;
    border-radius: 52px;
    width: 52px;
    height: 52px;
    color:#ffffff;
    border: #BE0E0E solid 1px;
    overflow: visible;
}

    .GooFlow .item_End table {
        border: 0px;
        padding: 2px;
        width: 50px;
        height: 50px;
    }

    .GooFlow .item_End .span {
        display: block;
        text-align: center;
        position: absolute;
        top: 20px;
        left: -14px;
        width: 80px;
        overflow: visible;
        text-align: center;
        padding: 0px;
        cursor: default;
        word-wrap: break-word;
        word-break: break-all;
    }

.GooFlow .gentlenode {
    background: #DC5E2B;
    color: #FFFFFF;
}

.GooFlow div .rs_right {
    display: none;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    height: 100%;
    width: 6px;
    cursor: w-resize;
}

.GooFlow div .rs_bottom {
    display: none;
    overflow: hidden;
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 100%;
    height: 6px;
    cursor: n-resize;
}

.GooFlow div .rs_rb {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 9px;
    height: 9px;
    overflow: hidden;
    cursor: nw-resize;
    background: url(img/gooflow_tip.png) no-repeat 0px -8px;
}

.GooFlow div .rs_close {
    z-index: 10;
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
    background: url(img/ui_close.png) no-repeat 0px 0px;
}

.GooFlow .rs_ghost {
    position: absolute;
    display: none;
    overflow: hidden;
    border: #8EA4C1 1px dashed;
    background: #F2F2F2;
    filter: Alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 10;
    border-radius: 10px;
}

.GooFlow .item_focus {
    border: #4A5B79 1px solid;
    box-shadow: 2px 2px 19px #444;
    opacity: 0.9;
    cursor: pointer;
}

.GooFlow .item_mark {
    border: #ff3300 1px solid;
}

    .GooFlow .item_mark td {
        cursor: crosshair;
    }

.GooFlow textarea {
    position: absolute;
    border: #4A5B79 1px solid;
    display: none;
    font-size: 12px;
    overflow-y: visible;
    width: 100px;
    z-index: 10001;
}

.GooFlow .GooFlow_line_oper {
    height: 15px;
    background-color: #D8E8FC;
    border: #ccc 1px solid;
    position: absolute;
    z-index: 10000;
}

.GooFlow .GooFlow_line_move {
    filter: Alpha(Opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    background: url(0) no-repeat;
}

.GooFlow .GooFlow_line_oper b {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    cursor: pointer;
}

.GooFlow .b_l1 {
    background: url(img/GooFlow_line_oper.png) no-repeat 1px 1px;
}

.GooFlow .b_l2 {
    background: url(img/GooFlow_line_oper.png) no-repeat 1px -14px;
}

.GooFlow .b_l3 {
    background: url(img/GooFlow_line_oper.png) no-repeat 1px -29px;
}

.GooFlow .b_x {
    background: url(img/GooFlow_line_oper.png) no-repeat 1px -44px;
    margin-left: 10px;
}

.GooFlow .ico_cursor:before {
    margin-top:0px;
    font-size: 1.8em;
    content: "\e608";
    font-weight: normal;
    color: #1ab394;
}
.GooFlow .ico_direct:before {
    margin-top:-10px;
        line-height: 0.6em;
    font-size: 4em;
    content: "\e605";
    font-weight: normal;
    color: #1ab394;
    margin-left: -5px;
}

.GooFlow .ico_startround {
    background: url(img/2.png) no-repeat 0px 0px;
}

.GooFlow .ico_endround {
    background: url(img/7.png) no-repeat 0px 0px;
}




.GooFlow .ico_Initiator:before {
      margin-top:0px;
  font-size: 1.8em;
    content: "\e600";
    font-weight: normal;
    margin-left: 10px;
}

.GooFlow .ico_End {
    background: url(img/7.png) no-repeat 0px 0px;
}


.GooFlow .ico_DelAll {
    background: url(img/delall.png) no-repeat 0px 0px;
}


.GooFlow .ico_Undo:before {
        margin-top:0px;
font-size: 2em;
    content: "\e60d";
    font-weight: normal;
    color: #1ab394;

}


.GooFlow .ico_Redo:before {
       margin-top:0px;
 font-size: 2em;
    content: "\e610";
    font-weight: normal;
    color: #1ab394;
}
.GooFlow .ico_InfoFlow:before {
    font-size: 2em;
    content: "\e60b";
    font-weight: normal;
    color: #1ab394;
}



.GooFlow .ico_CopyNote:before {
        margin-top:0px;
font-size: 2em;
    content: "\e607";
    font-weight: normal;
    color: #1ab394;
}

.GooFlow .ico_SaveNote:before {
        margin-top:0px;
font-size: 2em;
    content: "\e602";
    font-weight: normal;
    color: #1ab394;
}

.GooFlow .ico_BackNote:before {
        margin-top:0px;
font-size: 2em;
    content: "\e604";
    font-weight: normal;
    color: #1ab394;
}

.GooFlow .ico_stepnode {
    background: url(img/4.png) no-repeat 0px 0px;
}

.GooFlow .ico_shuntnode {
    background: url(img/5.png) no-repeat 0px 0px;
}

.GooFlow .ico_confluencenode {
    background: url(img/3.png) no-repeat 0px 0px;
}

.GooFlow .ico_group {
    background: url(img/11.png) no-repeat 0px 0px;
}


.GooFlow .ico_Department:before {
        margin-top:0px;
font-size: 2em;
    content: "\e601";
    font-weight: normal;
    color: #1ab394;
}

.GooFlow .ico_Role:before {
        margin-top:0px;
font-size: 1.8em;
    content: "\e603";
    font-weight: normal;
    color: #1ab394;
}


.GooFlow .ico_Person:before {
        margin-top:0px;
font-size: 1.8em;
    content: "\e606";
    font-weight: normal;
    color: #1ab394;
}

.GooFlow .ico_SubFlow:before {
        margin-top:0px;
font-size: 2em;
    content: "\e60f";
    font-weight: normal;
    color: #1ab394;
}