/* PMSYS STYLES */
div.dwstep_current{
		
    color: black; position: absolute;
    background-color: #acd6ef;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    -moz-border-radius: 0px 0px 5px 5px; 

    -webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;

    background-image: url('/images/tabpane-background.jpg');
    background-image: -webkit-gradient(linear, 0% 0%, 0% 60, from(#E1E1E1), to(#F2F2F2), color-stop(50%,#F2F2F2));
    background-image: -moz-linear-gradient(center top,#E1E1E1, #F2F2F2 30px, #F2F2F2 100%);

    background-repeat: repeat-x;
    -webkit-box-shadow: #E1E1E1 2px 2px 5px; box-shadow: #E1E1E1 2px 2px 5px;-ms-touch-action:  none;
}

div.dwstep_current p {
    color: black;
}

    #toolbar {
    z-index:1000;
    left: 0px;
    top: 0px;
    position: fixed;
    width:100%;

    background-color:white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(200, 200, 200);
    color: rgb(120,120,120);
    -webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-box-shadow: #E1E1E1 2px 2px 5px;
    box-shadow: #E1E1E1 2px 2px 5px;
}
    #toolbar * {
        vertical-align: middle;
    }

div.dwstep_completed {
    color: black;
    position: absolute;
    background-color: #e1dfe0;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-box-shadow: #E1E1E1 2px 2px 5px;
    box-shadow: #E1E1E1 2px 2px 5px;
	-ms-touch-action:  none;
}

div.dwstep_completed p {
    color: black;
}



div.dwstep_system {
    color: black;
    position: absolute;
    background-color: #f7d2af;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-box-shadow: #E1E1E1 2px 2px 5px;
    box-shadow: #E1E1E1 2px 2px 5px;
	-ms-touch-action:  none;
}

    div.dwstep_system p {
        color: black;
    }

    div.dwstep_upcoming {
        color: black;
        position: absolute;
        background-color: #bbdcef;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(200, 200, 200);
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-box-shadow: #E1E1E1 2px 2px 5px;
        box-shadow: #E1E1E1 2px 2px 5px;
        background-color: #bbdcef;
        -ms-touch-action: none;
    }


        div.dwstep_upcoming p {
            color: black;
        }

div.dwstep_line { position: absolute; background-color:#cccccc; -moz-box-shadow: #E1E1E1 3px 3px 5px; -webkit-box-shadow: #E1E1E1 2px 2px 5px;}
div.arrow_right {
    position: absolute;
    border-width: 10px 0px 10px 20px;
    border-left-color: #cccccc;
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-style: solid;
}
div.arrow_left {
    position: absolute;
    border-width: 10px 20px 10px 0px;
    border-right-color: #cccccc;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
}
div.arrow_up {
    position: absolute;
    border-width: 0px 10px 20px 10px;
    border-bottom-color: #cccccc;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
}
div.arrow_down {
    position: absolute;
    border-width: 20px 10px 0px 10px;
    border-top-color: #cccccc;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
}
div.arrow_down_taken {
    border-top-color: #888888;
}
div.arrow_up_taken{
    border-bottom-color: #888888;
}
div.arrow_right_taken{
    border-left-color: #888888;
}
div.arrow_left_taken{
    border-right-color: #888888;
}
div.dwstep_line_taken {
    background-color: #888888;
}
div.dwlabel{
    border-bottom-style: solid;
    border-bottom-color: #E7E3E7; 
    border-bottom-width: 1px;

    border-top-style: solid;
    border-top-color: rgb(200, 200, 200); 
    border-top-width: 1px;

    padding:3px;
    background-color: #4E8691;
    background-image: url('/images/dialogboxheader.jpg');
    background-image: -webkit-gradient(linear, 0% 0%, 0% 20, from(#F2F2F2), to(#5AA5D1), color-stop(20%,#4E8691));
    background-image: -moz-linear-gradient(center top,#F2F2F2, #4E8691 5px, #5AA5D1 100%);
	 
    color: #FFFFFF;
    cursor:move;
	-ms-touch-action:  none;
}

#toolbar-header{
    text-align:center;
    margin-bottom:3px;
    padding:3px;
    background-color:#f6f3f3;
    border-bottom-style: solid;
    border-bottom-color: #E7E3E7; 
    border-bottom-width: 1px;

    border-top-style: solid;
    border-top-color: rgb(200, 200, 200); 
    border-top-width: 1px;

    padding:3px;
    background-color: #4E8691;
    background-image: url('/images/dialogboxheader.jpg');
    background-image: -webkit-gradient(linear, 0% 0%, 0% 20, from(#F2F2F2), to(#5AA5D1), color-stop(20%,#4E8691));
    background-image: -moz-linear-gradient(center top,#F2F2F2, #4E8691 5px, #5AA5D1 100%);
	 
    color: #FFFFFF;
    cursor:move;
}
div.dwarea{ background-image: url("/images/workflowBackground5.gif");
            width:100%;
            height:4000px;
            position: relative;
}

div.popup {padding-left: 5px; width: 291px; height: 226px; border-style: outset; border-width: 2px;}


.process1 {
	
	font-size: 8pt; 
}

.process2 {
	border-width: thin; 
	border-style: groove;
}

.contentbackactive,
.contentbackactive tr td {
    BACKGROUND-COLOR: #C1D8FF;
    color: #000000;
}

.contentbackpanel,
.contentbackpanel tr,
.contentbackpanel tr td {
    BACKGROUND-COLOR: #C1DBFF;
    color: #000000
}
.contentpmsdone, .contentpmsdone > td {
    BACKGROUND-COLOR: #e1dfe0;
    color: #000000
}
.contentpmsactive, .contentpmsactive > td {
    BACKGROUND-COLOR: #acd6ef;
    color: #000000
}

table.process_roles {
	font-size: x-small;
}

span.process_info { font-size: 8pt; }
#processInfo {
    float:right;
    width:auto;
    font-weight:bold;
    margin-right:1em;
    line-height:35px;
    color: rgb(120,120,120);
}

    #processInfo h3 {
        color: rgb(120,120,120);
    }
.Columns {
    min-height: 5em;
}