﻿        #id-hamburger {
            border: 1px solid #374C77;
            border-radius: 3px 3px 3px 3px; 
            cursor: pointer;
            display: block;
            height: 24px;
            padding: 3px 4px 3px;
            position: relative;
            /* width: 25px; */
            background: #4569b2;
            /* background: -moz-linear-gradient(top,  #4569b2 0%, #4062a5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4569b2), color-stop(100%,#4062a5));
            background: -webkit-linear-gradient(top,  #4569b2 0%,#4062a5 100%);
            background: -o-linear-gradient(top,  #4569b2 0%,#4062a5 100%);
            background: -ms-linear-gradient(top,  #4569b2 0%,#4062a5 100%);
            background: linear-gradient(to bottom,  #4569b2 0%,#4062a5 100%);            
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4569b2', endColorstr='#4062a5',GradientType=0 );
            */
        }
 
        /*
        The white stripes in the hamburger button
        */
        #id-hamburger div 
        {
            
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 2px 2px 2px 2px;
            height: 2px;
            margin-top: 3px;
            width: 90%;
        }                

           input
           {
               border: 1px solid #faf7fa;
           }

           input.required 
           {
               background-color:#FAFAD2;
               border: 1px solid #faf7fa;
           }
           
           span.required 
           {
               background-color:#FAFAD2;
           }
           
           table {
            border-radius: 0px 0px 0px 0px;
            -moz-border-radius: 0px 0px 0px 0px;
            -webkit-border-radius: 0px 0px 0px 0px;
            border: 1px solid #faf7fa;               
           } 
            
           table.Grid-Style-Std 
           {
                display:table;
                font-size:12px;
                background:white;
                border: 1px solid #faf7fa;
                border-collapse: collapse;
                border-spacing:0px;                
            }
   
            table.Grid-Style-Std tr.head {
                padding: 1px;
                text-align: center;    
                color:White;
                font-weight:bolder;
                font-size:14px;
                background-color:#00CCFF;
            }
    
            table.Grid-Style-Std tr 
            {
                border:1px solid #faf7fa;
                padding: 3px;
                text-align: left;  
                border-spacing:0px;  
            }
            
            div.ui-datepicker{
                font-size:12px;
            }
            
            .progress {
            width: 96%;
            margin: 0px auto;
            text-align: center;
            }
            .progress .circle,
            .progress .bar {
            display: inline-block;
            background: #fff;
            width:36px; height: 36px;
            border-radius: 36px;
            border: 1px solid #d5d5da;
            }
            
            .progress .bar {
            position: relative;
            width:76px;
            height:4px;
            top: 0px;
            margin-left: -38px;
            margin-right: -5px;
            border-left: none;
            border-right: none;
            border-radius: 0;
            }
            .progress .circle .label{
            display: inline-block;
            width: 26px;
            height: 26px;
            line-height: 28px;
            border-radius: 28px;
            color: #b5b5ba;
            font-size: 14px;            
            margin-top: 5px;
            margin-left: 5px;                        
            }
            
            .progress .title 
            {
            color: #b5b5ba;
            font-size: 12px;
            line-height: 20px;
            margin-left: -5px;
            }

            .progress .circle .label 
            {
                background: #E6E4E4;
                box-shadow: inset 0 0 2px rgba(0,0,0,.2);
                text-align:center;
                vertical-align:top;
            }
            /* Done */
            .progress .bar.done,
            .progress .circle.done {
             background: #eee;
            }            
            .progress .bar.active {
            background: linear-gradient(to right, #EEE 40%, #FFF 60%);
            }

            .progress .circle.done .label {
            color: #FFF;
            background: #81CE97;
            box-shadow: inset 0 0 2px rgba(0,0,0,.2);
            }
            
            .progress .circle.active .label {
            color: #FFF;
            background: #F59539;
            box-shadow: inset 0 0 2px rgba(0,0,0,.2);
            }
            
            .progress .title.active{
            color: black;
            }            
            .progress .title.done {
              color: green;
            }
            

#empimg {    
    margin-top: 1px;
    float:left;
}

img.cm
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

img.cm:hover
{
    cursor: pointer;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);    
}
