/* 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;
}

#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);

    -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_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_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_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 { BACKGROUND-COLOR: #C1D8FF; color: #000000}

.contentbackpanel { BACKGROUND-COLOR: #C1DBFF; color: #000000 }
.contentpmsdone { BACKGROUND-COLOR: #e1dfe0; color: #000000 }
.contentpmsactive { 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;
}
.Columns{
    min-height:5em;
}