
<style type="text/css">
@media screen and (max-device-width:480px){
body{
        -webkit-text-size-adjust:non;e
        }
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        background:transparent;
        }
.highlight { background:yellow; }
.error{

  display: none;
}
html,body{
        width:100%;
        height:100% ;
        }
body {  color:#000;
        background:#FFFFFF;
        font-size:62.5%;
        font-family:Arial,helvetica,sans-serif;
        font:10.5px sans-serif;
        color:#575757;
        *font-size:small;
        *font:x-small;
        line-height:1.22;
       /* background-color: #D3D3D3;*/
   }

   /* tab pane styling */
.panes div {
        display:none;
        padding:15px 10px;
        border:1px solid #999;
        border-top:0;
        height:100px;
        font-size:14px;
        background-color:#fff;
}




#hoofd{
        position:absolute;
        top:80px;
        left: 50%;

        height:85%;
         width: 95%;

           min-width: 921px;

        background-color: white;
         margin-left: -47.5%;
         margin-right: 47.5%;
        z-index:501;
        }
#hoofd2{
        position:relative;
        /* top:-40px;*/
        padding-top: 30px;
        margin: -40px auto; / center? /
        height:75%;
        min-height:750px;

        width: 95%;
        min-width:1200px;
        max-width:1400px;
        background-color: white;
        z-index:501;
        }
#workflow_overview{
        position:relative;


        margin: 1px auto; / center? /
        height:75%;
      /*  min-height:750px;*/
        width: 95%;

        /*background-color: yellow;*/
        z-index:501;
        }
#workflow_nav{
        position:relative;
        width: 94%;
        background-color: red;
        /*margin: -40px auto;*/
        height:0px;
        z-index:501;
        bottom:-90px;
}

 .button_right{
  position:relative;
   right:20px;
 }

#workflow{
        position:relative;
     /*   border: 1px solid lightgray;
          margin: 2px auto;  */

      /*    background-color: yellow;*/

        height: 550px;
         width: 1120px;

        }


.scrollable{

          position:absolute;
       /*   margin: 1px auto;*/
     /*  height:100%;*/
       /* min-height:750px;*/

        /* top:40px;*/
         left:20px;
         width: 100%;
        min-width: 921px;
        max-width:1200px;
        position:absolute;
        overflow:hidden;

        height:540px;
   /*  background-color: red;*/

        }

        
        
        
        
#page{
  height:50%;
       /* min-height:750px;*/
     /* background-color: gray;*/
     position:relative;
        width: 100%;
        min-width: 921px;
        max-width:1200px;

}



  #workflow_details_panel{
  /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:0px;
         left:0px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
 #workflow_details_show{
    /*  background-color: yellow;*/
        position:relative;
        /*float: left;*/
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 310px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }

div.items{
  /* height:90%;
 width: 100%;  */
 /* background-color: green;*/
}

#upload{
      /*background-color: green;*/
        position:relative;
        float: left;
        top: 40px;
        left:10px;
        text-align: bottom;
        height: 120px;
        width: 440px;
        font:16px Century Gothic;
        color:#575757;
        }

#printer{

        position:static;
         text-align: center;

        left:10px;
        height: 100px;
        width: 200px;
       float: left;

        }
 #database{
       /*  background-color: green;*/
        position:absolute;
        float: right;
        top:40px;
        right:0px;
        height: 120px;
        width: 415px;
        text-align: right;
        overflow: auto;

        }
#Activation_panel{
/* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:0px;
         left:20px;
       height:580px;
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }



  #Activation_show{
         /*background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
          display: block;

        /* left:10px;*/
      margin: 10px;
        height:100px;
    width: 1000px;
        text-align: center;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
 #Activation_show_eula{
         /*background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
         /* display: none !important;
         /*visibility:hidden;
        /* left:10px;*/
      margin: 10px;
        height:100px;
    width: 1000px;
        text-align: center;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }



#Create_workflows_panel{
 /* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/

          top:0px;
         left:20px;
       height:290px;
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }



  #Custom_colours_show{
        /* background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
          display: block;

        /* left:10px;*/
      margin: 10px;
        height:255px;
    width: 675px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }

 #Create_workflows_show{
        /*background-color: green;*/
        position:relative;
        float: left;
           margin: 10px;

          padding:10px;
          top:0px;
         right:0px;
        height: 255px;
       width:1000px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Create_workflows{
        /*background-color: green;*/
        position:relative;
        float: left;


          padding:10px;
          top:0px;
         right:0px;
       height:430px;
        width: 280px;
        text-align: left;
       /* overflow: auto;*/
         /* border: solid 1px #C0C0C0;*/
        }
#spectro_select{
        /*background-color: green;*/
        position:relative;
        float: left;
           margin: 10px;

          padding:10px;
          top:0px;
         right:0px;
        height: 255px;
       width:1000px;
        text-align: left;
       /* overflow: auto;*/
           border: solid 1px #C0C0C0;

           }
   #Custom_colours_edit{
        /*background-color: green;*/
        position:relative;
        float: right;
          padding:15px 0px 20px 20px;
          top:40px;
         right:20px;
        /*height: 120px;*/
        width: 250px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }


#Custom_iso_strip_add{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
         padding:10px;
        margin: 10px;
        /*  top:40px;
         left:20px;  */
        height: 150px;
        width: 310px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }

#Custom_iso_strip_edit{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
       padding:10px;
        margin: 10px;
        /*  top:10px;*/
         /*left:20px;*/
      height: 70px;
        width: 310px;
        text-align: left;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }

#Custom_iso_strip_activate{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
  padding:10px;
        margin: 10px;
         /*left:20px;*/
      height: 160px;
        width: 310px;
        text-align: left;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Custom_iso_strip_download{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
  padding:10px;
        margin: 10px;
         /*left:20px;*/
      height: 62px;
        width: 310px;
        text-align: left;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
  #Custom_iso_strip_show{
      /* background-color: yellow;*/
        position:relative;
        float: left;
         /* padding:15px 5px 15px 20px;*/
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:560px;
    width: 330px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
   #Custom_iso_strip_spotcolour{
      /* background-color: red;*/
        position:relative;
       /* float: left;*/
         padding:10px ;
          top:0px;
         /*left:10px;*/
         margin: 10px;
        height:350px;
    width: 310px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }
  #Custom_iso_strip_spotcolor{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
      padding:10px;
        margin: 10px;
        /*  top:20px;*/
         /*left:20px;*/
     /* height: 60px;*/
      height:157px;
        width: 310px;
        text-align: right;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Custom_iso_strip_panel{
   /* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;
         left:20px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }

#Wizard_login_panel{
  /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;
         left:20px;
       height:580px;
        width: 1035px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
        
   #Wizard_login_show{
      /* background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 1000px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Downloads_panel{
   /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;

         left:20px;
       height:580px;
       /* width: 350px;*/
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
        
 #Downloads_show{
      /* background-color: yellow;*/
        position:relative;
       /* float: left;*/
         padding:10px;
          top:0px;
        /* left:10px;*/
     margin: 10px;
        height:540px;
    /*width: 310px;*/
    width: 1000px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
 #Customer_details_panel{
   /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;
         left:20px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
.Customer_details_show,
#Customer_details_show{
      /* background-color: yellow;*/
        position:relative;
        /*float: left;*/
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 310px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }



  div.show_bar
   {
  /* background-color: #a7cfe8;*/

position:relative;

    color:gray;
    height:480px;
     margin: 10px;
    width: 310px;
    top:0px;
    left:0px;
    font-size: 10px;
    font-family: Trebuchet MS;

  }


    div.show_patch_name
   {
  /* background-color: #a7cfe8; */
        position:absolute;
  /*      position:relative;  */
        height:20px;
        width: 400px;
        text-align: right;
        /*color:Black;*/
        font-size: 10px;
        font-weight: bold;
    }

   div.show_patch
   {
        position:absolute;
  /*      position:relative;  */
        height:20px;
        width: 20px;
    }
#LABCMYK{
 width: 40px;
 font:10.5px sans-serif;
}

 table.Wizard_login_table {

         border-collapse: collapse;
         border: solid 1px #C0C0C0;
        }
  table.Wizard_login_table td {
        border: solid 1px #C0C0C0;
        text-align: left;
         padding: 2px 5px;
        cursor:pointer;
        height:23px;
        }





table.sample td {
        border: solid 1px #C0C0C0;
        text-align: left;
         padding: 2px 5px;

        }
table.sample {

         border-collapse: collapse;
         border: solid 1px #C0C0C0;
        }

 table.table_border td {
        border: solid 0px #C0C0C0;
        text-align: left;
         padding: 2px 5px;

        }
table.table_border {

         border-collapse: collapse;
         border: solid 1px #C0C0C0;
        }





table.Custom_colours td {

        text-align: left;
         padding: 2px 2px;

        }
table.Custom_colours {

        border-collapse: collapse;

        }
        
        
.next{
        background:url(../images/arrow/hori_large.png) no-repeat;
        background-position: 0 -30px;
        clear:right;
        margin-right: 0px;
        display:block;
        width:30px;
        height:30px;
        float:right;
        margin:10px ;
        cursor:pointer;
        font-size:1px;

}

.next:hover{
        background-position:-30px -30px;
        }
 #overlay {
                background-color:#fff;
                padding:15px;
                width:auto;
                -moz-box-shadow: 0 0  10px 0px #808080;
                -webkit-box-shadow: 0 0  10px 0px #808080;
                 box-shadow: 0 0  10px 0px #808080;
                z-index:5000;
                -moz-border-radius-topleft :15px;
                -moz-border-radius-topright : 15px;
                -moz-border-radius-bottomleft :15px;
                -moz-border-radius-bottomright :15px;

                -webkit-border-top-right-radius : 15px;
                -webkit-border-top-left-radius : 15px;
                -webkit-border-bottom-right-radius : 15px;
                -webkit-border-bottom-left-radius : 15px;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;
                display:none;
        }

.apple_overlay .close
 {
        background-image:url(images/close2.png);
        position:absolute;
        right:-20px;
        top:-20px;
        z-index:10000;
        cursor:pointer;
        height:35px;
        width:35px;

}


 
.Help{
  width:20px;
}
 
.Help_Text_Right{
 right:0px;
 }
 .Help_Text_Top{
 top:-10px;
 }
 
 .Help_Text_Table{
 font:10.5px sans-serif ;
 border:solid 0px;
 }


 #Help_Text{
         display:none;
         z-index:5000;
        background-color: white;
        position: absolute;

        padding:10px;
                -moz-box-shadow: 0px 0px  10px 0px #808080;
                -webkit-box-shadow: 0px 0px  10px 0px #808080;
                 box-shadow: 0px 0px 10px 0px #808080;

                 -moz-border-radius-bottomleft :5px;
                -moz-border-radius-bottomright :5px;
                 -moz-border-radius-topleft :5px;
                -moz-border-radius-topright :5px;

                 -webkit-border-bottom-right-radius : 5px;
                -webkit-border-bottom-left-radius : 5px;
                -webkit-border-top-right-radius : 5px;
                -webkit-border-top-left-radius : 5px;


                 border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;

}


