@media print
{
    .divTitle
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    font-size: 24px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    font-weight:lighter; 
    }
    
    h3 
    {
        font-family:Segoe UI, Verdana, Tahoma;
        font-weight:lighter; 
        }
    
    hr
    {
      border-color: #000000;
      border-style: solid;
      border-width: 2px 0 0;
      clear: both;
      margin: 0 0 0px;
      height: 0;        
    }
    .tablemain
    {
        font-family: Segoe UI, Verdana, Tahoma;
        font-size: 8px;
        border-collapse: collapse;
        background-color: #F0F7FF;
        border: 1px solid #000000;
        border-collapse:collapse;
    }
    #divGrid
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border-collapse:collapse;
    }
    
    #divGrid table
    {
	    border: 1px solid #000000;
        border-collapse:collapse; 
        }
    
    #divGrid td, th
    {
        padding-left: 6px;
        padding-right: 5px;
	    BORDER: 1px solid #000000;
    }
    
    .divGrid
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border-collapse:collapse;    
    }
    

    .divGrid td, th
    {
	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
	    BORDER: 1px solid #000000;
	    border-collapse:collapse; 

    }
    
    .doc
    {
        BACKGROUND-COLOR: #ffffff;
        FONT-SIZE: 8px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        font-weight:normal;
        border-color:#000000;
        padding-left:2px;
    }
    
    .print_hide { display: none; }
    
    .tablehead
    {
        background: #A1E1FF url(images/ui-bg_glass_85_90DCFC_1x400.png) repeat-y;
        height: 25px;
        font-size: 11px;
        color: #A1E1FF;
        font-family: Segoe UI,Verdana, Tahoma;
        text-decoration: none; 
        text-align:center; 
    }
    
    .tablehead td,th
    {
        border: 1px solid #000000 !important; 
        }
    body
    {
        color: rgb(110, 110, 110);
        font-family: Segoe UI, Verdana, Tahoma;
        margin: 0;
    }

    .text 
    { 
	    font-size: 8px;
	    font-family: Segoe UI, Verdana, Tahoma;
    }

    .excel 
    { 
	    background-color: #A1E1FF;
	    height: 20px;
	    color: black; 
    }

    .altcolor1
    {
        font-size: 8px;
        font-weight:normal; 
        color: #3B3B3B;
        font-family: Segoe UI, Verdana, Tahoma;
        background-color: rgb(241, 253, 255);
        height: 14px;
        text-align:left; 
    }
    
    
    .altcolor2
    {
        FONT-SIZE: 8px;    
        font-weight:normal; 
        COLOR: #3B3B3B;    
        FONT-FAMILY: Segoe UI,Verdana, Tahoma;    
        BACKGROUND-COLOR: #FFFFFF;
        height: 14px;
        text-align:left; 
    }
    
    .altcolor3
    {
        font-size: 8px;
        color: black;
        font-family: Segoe UI, Verdana;
        text-align:left;
    }

    .repTitle
    {
	    font-size: 16px;
        font-weight: bold;
        font-family: Segoe UI, Verdana, Tahoma;		
    }    

    .tableHeader a:link
    {	
	    font-family: Segoe UI, Verdana, Tahoma;
        font-size: 8px;
        font-weight: bold;
        color: navy;
        background-color: #A1E1FF;
        height: 11px;
    }

    .table2
    {
        font-weight: bold;
        font-size: 9px;
        color: black;
        font-family: Segoe UI, Verdana, Tahoma;
        height: 18px;
        text-align: left;
    }

    a:link
    {
        color: black;
        font-family: Segoe UI, Verdana, Tahoma;
        text-decoration: none;
    }

    a:active
    {
        color: black;
        font-family: Segoe UI, Verdana, Tahoma;
        text-decoration: none;
    }

    a:visited
    {
        color: black;
        font-family: Segoe UI, Verdana, Tahoma;
        text-decoration: none;
    }

    .altcolor0
    {
        font-size: 8px;
        color: black;
        font-family: Segoe UI, Verdana, Tahoma;
        background-color: #DCDCDC;
    }

    .nr
    {
        font-size: 9px;
        font-family: Segoe UI, Verdana, Tahoma;
        background-color: #DCDCDC;
    }

    td.vert-tit
    {
        -moz-transform: rotate(270deg);  /* FF3.5+ */        
        -o-transform: rotate(270deg);  /* Opera 10.5 */   
        -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */              
        border-right: lightgrey 1px solid;
    }

    .hl
    {
        FONT-SIZE: 8px;
        font-family: Segoe UI, Verdana, Tahoma;
        color: black;
        background-color: #FFE6E6;
        height: 22px;
    }

    .highl
    {
        FONT-SIZE: 8px;
        font-family: Segoe UI, Verdana, Tahoma;
        color: #3B3B3B;
        background-color: #FCF2C5;
        height: 22px;
    }

    .hlr
    {
        FONT-SIZE: 8pt;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #D3D3D3;
        text-align:right;
    }

    .hok
    {
        FONT-SIZE: 9px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #C6FFAA;
    }

    .pointer
    {
        FONT-SIZE: 9px;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #ffffff;
    }

    .pointer_bold
    {
        FONT-SIZE: 9px;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #ffffff;
        font-weight:bold;
    }

    .div1
    {
	    background-color:#F2F7FB;
	    background-repeat:repeat-x;
	    background-position:bottom ;
	    font-size: 11px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    color:black;
	    margin-top: 2px;
	    margin-left: 2px;
	    border: solid 1px #DFE9F3; 
    }

    .div1_noback
    {
	    background-color:#F2F7FB;
	    background-repeat:repeat-x;
	    background-position:bottom ;
	    font-size: 11px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    color:black;
    }

    .div1_noback2
    {
	    font-size: 11px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    color:black;
    }

    .bg7 
    {
	    background-image: url(images/dolphin_bg-over.jpg);
	    background-repeat: repeat-x;
	    background-position:bottom;
	    font-weight:800;
	    font-size:12px;
	    font-family:  Segoe UI, Verdana, Tahoma;
	    border-top:solid 0px Gainsboro;	
	    height: 26px;
	    color:white;
	    border-color:#F1F0FF;
    }

    .ReadonlyField
    {
        background-color: #efefef;
    }
    
    table
    {
        border-collapse:collapse;
        }


    .FooterMessage
    {
        margin: 2em auto;
        width: 720px; /* Header image width */
        text-align: center;
    }



} /* ~ @media print */

/*****************************************************************************/

@media screen
{
    .fontClass {font-family: Segoe UI, Verdana, Tahoma;}
    .bgClass {background-color: gray; border-radius: 4px;}
    .fgClass {background-color: white; border-radius: 4px;}
    
    .tooltipThis{
        
    }
    .tooltipClass {
        border-radius:8px; 
        border-color:#CFD1D1; 
        background-color: #FAFAFA;
    }
    #tooltip.tooltipClass {
        border-radius:8px; 
        border-color:#CFD1D1; 
        background-color: #FAFAFA
    }
    #tooltip.tooltipClass table {
        font-size:10px; 
    }
    .alignRight {
        text-align:right;
    }

    #divGrid
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border-collapse:collapse;
    }
    .gridTable td
    {
        padding:3px; 
        }
        
    .formTable td
    {
        padding:3px; 
        
        }
    .filterTable td
    {
        padding:3px 10px; 
        text-align:left;
    }
    #divGrid table
    {
	    border: 1px solid #B5E7FC;
        border-collapse:collapse; 
       
        }
    
    #divGrid td, th
    {
        padding-left: 6px;
        padding-right: 5px;
	    BORDER: 1px solid #909090;
    }
    H2
    {
        font-family: Segoe UI, Verdana, Tahoma;
        font-weight: lighter;
        font-size: 24px;
    }

    H2_title
    {
        font-family: Segoe UI, Verdana, Tahoma;
        font-weight: lighter;
        font-size: 24px;
        color: #A1E1FF;
    }

    .wageAccount
    {
        margin:30px 30px 30px 30px;    
        padding: 30px 30px 30px 30px;    
    }
    
    .ReadonlyField
    {
        background-color: #efefef;
    }

    table tr 
    {
        height:auto;
    }

    .dataTables_processing
    {
        position: absolute;
        top: 45%;
        left: 50%;
        width: 250px;
        margin-left: -125px;
        border: 1px solid #ddd;
        text-align: center;
        color: #000;
        font-size: 16px;
        padding: 2px 0;
    }
    
    .whiteRow
    {
        background-color: white;
        border-style: solid ;
        border-color:White;
        font-family: Segoe UI, Verdana,Tahoma;
        font-size: 8pt;
        font-weight:bold;
        height:22px;
    }
    .selectedRow
    {
        background-color: #EAEAEA !important;
    }
    .emptyDataTemplate
    {
        vertical-align:middle;
        text-align:center;
        font-family:Segoe UI, Verdana, Tahoma;
        font-weight:normal;
        font-size:16px;
        height:40px;
        padding-left:0px;
        border-width:1px;
        border-color:#418BCA;
        background-color:#F5F5F5;
        color:#418BCA;
    }

    .emptyDataTemplate img
    {
        cursor:pointer;
        border:none 0px;
    }

    .ui-datepicker-trigger
    {
        padding-left: 2px;
        vertical-align: middle;
        cursor:pointer;
    }

    .header
    {
	    text-align: center;
	    font-size: 14pt;
	    font-family: Segoe UI, Verdana, Tahoma;
    }	
            
    .tablemain
    {
        font-family: Segoe UI, Verdana, Tahoma;
        font-size: 12px;
        border-collapse: collapse;
        background-color: rgb(241, 253, 255);
        border: 1px solid #8FD5F7;
    }
    .tablemain2
    {
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        FONT-SIZE: 14px;
        COLOR: #777777;
        BORDER-COLLAPSE: collapse;
        border-color:#418BCA;
        border-style:solid;
        border-width:1px;
        background-color:#FAFAFA;
        margin-top:15px;
        text-align:left;
    }
    .bgbody {
        background-color:#FAFAFA;        
        margin:0px;
    }
    .tablemain_noborder
    {    
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        FONT-SIZE: 14px;
        COLOR: #777777;
        BORDER-COLLAPSE: collapse;
        background-color:#FAFAFA;
    }

    .tablemain_noborder2
    {    
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        FONT-SIZE: 14px;
        BORDER-COLLAPSE: collapse;
    }

    .tablemain_noback
    {
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        FONT-SIZE: 11px;
        COLOR: black;
        BORDER-COLLAPSE: collapse;
        
    }

    .tablehead
    {
        border: 1px solid #CFF1FF;
        height: 30px;
        font-size: 16px;
        color: #FFFFFF;
        font-family: Segoe UI,Verdana, Tahoma;
        background-color: #418BCA; 
        text-align:center; 
    }
        .tablehead th a,.tablehead td a,.tablehead th {
            height: 30px;
            font-size: 12px;
            color: #FFFFFF;
            font-family: Segoe UI,Verdana, Tahoma;
            background-color: #418BCA; 
            text-align:center;
        }
    
    .tablehead thead tr th
    {
        border: 1px solid #CFF1FF; 
    }

    .tablehead_questions {
        color: #418BCA;
        border-bottom: 1px solid #418BCA;        
    }
    input[type=checkbox] {
        outline: 1px solid #418BCA !important;;        
    }
    .tablehead4
    {        
        height: 25px;
        font-size: 22px;        
        font-family: Segoe UI,Verdana, Tahoma;
        background-color: #418BCA; 
        text-align:left;
        color:#F2F2F2;
        padding-left:10px; 
    }     
    
    .tablehead4 thead tr th
    {
        border: 1px solid #418BCA; 
    }

    .tablehead_reverse
    {
        border: 1px solid #8FD5F7;
        height:25px;
        border-bottom: 0px none; 
        border-collapse:collapse;
        font-size: 12px;
        color: #001F3E;
        font-family: Segoe UI,Verdana, Tahoma;
        background:  #A1E1FF repeat-x;
        border-collapse:collapse; 
    }
    .tablehead_reverse td
    {
        padding:5px 5px 2px 5px ; 

        }
    
    .tablehead_sm
    {
        border: 0px none #A8DCFC;
	    font-size: 8pt;
        background-color:#A1E1FF; 
	    color: #001F3E;
	    font-family: Segoe UI,Verdana, Tahoma;
	    font-weight: bold;
	    text-align: center;
    }	
    
        .tablehead_sm thead td, .tablehead_sm thead  th
    {
        background-color:#A8DCFC; 
        background-repeat: repeat-x;
    }


  /*  .tablehead a:link, th
    {
        font-size: 11px;
        color: #001F3E;
        font-family: Segoe UI,Verdana, Tahoma;
        text-decoration: none;
        background-color: #A1E1FF; 
        padding-top:2px; 
        padding-bottom:2px; 
    }
*/

    .tablehead2
    {
        font-family: Segoe UI, Verdana, Tahoma;
        font-size: 14px;
        font-weight: bold;
        color: #001F3E;
        background-color: #8FD5F7;
        height: 20px;
        vertical-align: baseline;
        text-align: left;
    }
    
    select {
    background-color: White;
    font-size: 12px;
    font-family: Segoe UI, Verdana, Tahoma;
    border: solid 1px Gainsboro;
    color: #414141;
    }
    .tablehead3
	    {
		    font-family: Segoe UI,Verdana, Tahoma;
		    font-size: 7pt;
		    font-weight: bold;
		    color: #001F3E;
		    background-color: #C4E8FF;
		    height: 20px;
		    vertical-align: middle;
		    text-align: left;
	    }
    .tablehead3 td,th
    {
            border-width:0px;

        }
    .doc
    {
        BACKGROUND-COLOR: #ffffff;
        FONT-SIZE: 12px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        font-weight:normal;
        border-color:#CFF1FF;
        padding-left:2px;
    }

    BODY
    {
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        FONT-SIZE: 14px;
        COLOR: rgb(110, 110, 110);
        margin:0 0 0 0;
    }
    
    h3 
    {        
        text-align: center;
	    font-size: 24px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    font-weight:lighter;
        }

    #divGrid td.borderless, th.borderless
    {

	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
	    border: 0px none !important;
    }

    .divGrid
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border: 1px solid #CFF1FF;
	    border-collapse:collapse;
    }
    .separator td, .separator th
    {
        border-right: 1px solid #CFF1FF !important;
        border-left: 1px solid #CFF1FF !important;
        border-top: 1px solid #CFF1FF !important;
        border-bottom: 1px solid #CFF1FF !important;
    }
    .divGrid table
    {
	    border: 1px solid #CFF1FF;
        border-collapse:collapse; 
       
        }

    .divGrid td, th
    {
	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
	    BORDER-RIGHT: 1px solid #CFF1FF;
	    BORDER-TOP: 1px solid #CFF1FF;
	    BORDER-LEFT: 1px solid #CFF1FF;
	    BORDER-BOTTOM: 1px solid #CFF1FF;

    }

    #divGrid td.paddingless, th.paddingless
    {
	    PADDING-LEFT: 0px;
	    PADDING-RIGHT: 0px;
    }

    
    #divTitle
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    text-align: center;
	    font-size: 24px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    font-weight:lighter; 
    }
    #divGridpaddingless
    {
         margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-collapse:collapse;
        }
    #divGridpaddingless td
    {
            BORDER-RIGHT: 1px solid #CFF1FF;
            BORDER-TOP: 1px solid #CFF1FF;
            BORDER-LEFT: 1px solid #CFF1FF;
            BORDER-BOTTOM: 1px solid #CFF1FF;	
            padding-left:0px; 
            padding-right:0px;             
        }

    #divGrid2
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border-collapse:collapse; 
    }

    #divGrid2 td, th
    {
	    BORDER-RIGHT: 1px solid #CFF1FF;
	    BORDER-TOP: 0px solid #CFF1FF;
	    BORDER-LEFT: 0px solid #CFF1FF;
	    BORDER-BOTTOM: 1px solid #CFF1FF;
	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
    }

    #divGrid2 td.borderless
    {
	    BORDER-RIGHT: 0px none #D2D2D2;
	    BORDER-TOP: 0px none #D2D2D2;
	    BORDER-LEFT: 0px none #D2D2D2;
	    BORDER-BOTTOM: 0px none #D2D2D2;
	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
    }

    #divGrid3
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
    }

    #divGrid3 td
    {
	    BORDER: 1px solid #FFF;
	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
    }

    #divGrid_noborder
    {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border-collapse:collapse;
    }

    #divGrid_noborder td, th
    {
	    BORDER-RIGHT: 1px solid #CFF1FF;
	    BORDER-TOP: 0px solid #CFF1FF;
	    BORDER-LEFT: 1px solid #CFF1FF;
	    BORDER-BOTTOM: 1px solid #CFF1FF;
	    PADDING-LEFT: 6px;
	    PADDING-RIGHT: 5px;
    }
    
    .divTitle
    {
	    margin: 10px 0px 15px 0px;
	    padding: 0px 0px 0px 0px;
	    font-size: 24px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    font-weight:lighter; 
    }
    
    .divTitleParam
    {
        margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    font-size: 18px;
	    font-family: Segoe UI, Verdana, Tahoma;
	    font-weight:lighter; 
        }
        
    .altcolor0
    {
        BORDER-RIGHT: #ffffff 1px solid;
        PADDING-RIGHT: 8px;
        PADDING-LEFT: 8px;
        FONT-WEIGHT: normal;
        FONT-SIZE: 10px;
        PADDING-BOTTOM: 2px;
        COLOR: #000000;
        PADDING-TOP: 4px;
        FONT-FAMILY: Segoe UI,Verdana;
        HEIGHT: 20px;
        BACKGROUND-COLOR: #DCDCDC
    }

    .altcolor1
    {
        font-size: 11px;
        font-weight:normal; 
        color: #3B3B3B;
        font-family: Segoe UI, Verdana, Tahoma;
        background-color: #f6f5f5;
        height: 22px;
        text-align:left; 
    }
    
    
    .altcolor2
    {
        FONT-SIZE: 11px;    
        font-weight:normal; 
        COLOR: #3B3B3B;    
        FONT-FAMILY: Segoe UI,Verdana, Tahoma;    
        BACKGROUND-COLOR: #FFFFFF;
        height: 22px;
        text-align:left; 
    }
        
    .altcolor1_nh
    {
	    font-size: 8pt;
	    color: black;
	    font-family: Segoe UI, Verdana, Tahoma;
	    background-color: #ECF1FF;
	    text-align: left;
	    height: 22px;
    }

    .altcolor2_nh
    {
        FONT-SIZE: 8pt;    
        COLOR: #000000;    
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;    
        BACKGROUND-COLOR: #FFFFFF;
        text-align:left;
        height: 22px;
    }
    
    tr.hl:hover, tr.highl:hover,tr.highl2:hover, tr.altcolor1:hover, tr.altcolor2:hover, .altcolor1:hover, .altcolor2:hover, .hl:hover,tr.altcolor5:hover
    {
	    background-color: #CCFFCC;
    }

    tr.altcolor2:hover td.highl2
    {
        background-color: #CCFFCC !important;
    }

    .preferred
    {
        background: #99CC00;
    }

    .altcolor3
    {
        BORDER-RIGHT: gainsboro 1px solid;
        BORDER-TOP: gainsboro 1px;
        BORDER-LEFT: gainsboro 1px;
        BORDER-BOTTOM: gainsboro 1px solid;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        font-weight:normal;
        FONT-SIZE: 11px;
        PADDING-RIGHT: 8px;
        PADDING-LEFT: 8px;
    }

    table.altcolor3 tr
    {
        FONT-SIZE: 11px;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        PADDING-RIGHT: 8px;
        PADDING-LEFT: 8px;
    }
    .altcolor4
    {
        BORDER-RIGHT: gainsboro 1px solid;
        BORDER-TOP: gainsboro 1px;
        FONT-SIZE: 11px;
        BORDER-LEFT: gainsboro 1px;
        COLOR: black;
        BORDER-BOTTOM: gainsboro 1px solid;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #ECF4FF; 
        PADDING-RIGHT: 8px;
        PADDING-LEFT: 8px;
    }

    table.GridDetail tr td
    {
        border: 1px solid #FFF;
    }

    table.GridDetail tr
    {
        border: 1px solid #FFF;
    }

    table.GridDetail tr
    {
        height:18px;
    }
    table.GridDetail th
    {
        background-color:#F2F2F2;
    }

    .altcolor5
    {
        text-align:left;
        background-color:#E6E6E6;
    }

    .altcolor6
    {
	    text-align:left;
        background-color:#68BFE8;
    }
    input[type="radio"], input[type="checkbox"]
    {
        padding:1px; 
        font-size: 11px !important;
        font-family: Segoe UI, Verdana, Tahoma;
        -ms-box-sizing:border-box; 
        -moz-box-sizing:border-box; 
        box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
    }
    select,textarea, input[type="text"], input[type="password"]
    {
        padding:4px; 
        font-size: 14px !important;
        border:1px solid #D7F1FF;
        color: #818181 ;
        font-family: Segoe UI, Verdana, Tahoma;
        -ms-box-sizing:border-box; 
        -moz-box-sizing:border-box; 
        box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
        /*height:25px;*/
    }
        
    .header1
    {
        BORDER-TOP: 2px;
        FONT-WEIGHT: bold;
        FONT-SIZE: 9pt;
        BACKGROUND-IMAGE: none;
        COLOR: #A1E1FF;
        BORDER-BOTTOM: 2px;
        BACKGROUND-REPEAT: repeat;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    .header1s
    {
        BORDER-TOP: 2px;
        FONT-WEIGHT: normal;
        FONT-SIZE: 8pt;
        BACKGROUND-IMAGE: none;
        COLOR: #A1E1FF;
        BORDER-BOTTOM: 2px;
        BACKGROUND-REPEAT: repeat;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    .header2
    {
        FONT-WEIGHT: bold;
        FONT-SIZE: 9pt;
        BACKGROUND-IMAGE: none;
        COLOR: #A1E1FF;
        BACKGROUND-REPEAT: repeat;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    .header3
    {
        FONT-WEIGHT: bold;
        FONT-SIZE: 9pt;
        BACKGROUND-IMAGE: none;
        COLOR: #A1E1FF;
        BORDER-BOTTOM: 2px;
        BACKGROUND-REPEAT: repeat;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    .footer
    {
        background-color: rgb(252, 252, 252);
        border-right: 0px solid #FFCC00;
        color: #001f3e;
        font-family: Segoe UI, Verdana,Tahoma;
        font-size: 8pt;
        font-weight:bold;
        height:22px;
        padding: 7px 5px 5px 8px;
    }    

    A.ALTCOLOR
    {
        FONT-SIZE: 11px;
        COLOR: darkslategray;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    A:link
    {
        FONT-SIZE: 11px;
        COLOR: darkslategray;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        TEXT-DECORATION: none
    }

    A:active
    {
        FONT-SIZE: 11px;
        COLOR: #8B0101;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        TEXT-DECORATION: none
    }

    A:visited
    {
        FONT-SIZE: 11px;
        COLOR: darkslategray;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        font-weight:normal;
        TEXT-DECORATION: none
    }

    A:hover
    {
        FONT-SIZE: 11px;
        COLOR: OrangeRed;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        TEXT-DECORATION: none
    }

    .skinitem
    {
        BORDER-RIGHT: #eaefbb 1px solid;
        BORDER-TOP: #eaefbb 1px solid;
        BORDER-LEFT: #eaefbb 1px solid;
        CURSOR: hand;
        BORDER-BOTTOM: #eaefbb 1px solid
    }
    .skinitemover
    {
        BORDER-RIGHT: black 1px solid;
        BORDER-TOP: black 1px solid;
        BORDER-LEFT: black 1px solid;
        BORDER-BOTTOM: black 1px solid
    }
    UL
    {
        PADDING-RIGHT: 1px;
        FONT-WEIGHT: normal;
        LIST-STYLE-POSITION: inside;
        FONT-SIZE: 11px;
        MARGIN-LEFT: 4px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        LIST-STYLE-TYPE: disc
    }
    .textbox
    {
        BORDER-RIGHT: navy 1px solid;
        BORDER-TOP: navy 1px solid;
        FONT-SIZE: x-small;
        BACKGROUND: white;
        BORDER-LEFT: navy 1px solid;
        COLOR: #000000;
        BORDER-BOTTOM: navy 1px solid;
        TEXT-ALIGN: left
    }

    INPUT.radio
    {
        BACKGROUND: none transparent scroll repeat 0% 0%;
        COLOR: #000000
    }

    .tblbordercolor
    {
        BORDER-RIGHT: burlywood;
        BORDER-TOP: burlywood;
        FONT-SIZE: 12px;
        BORDER-LEFT: burlywood;
        COLOR: navy;
        BORDER-BOTTOM: burlywood;
        BACKGROUND-COLOR: #A1E1FF
    }

    .table2
    {
        PADDING-RIGHT: 8px;
        PADDING-LEFT: 8px;
        FONT-SIZE: 11px;
        PADDING-BOTTOM: 5px;
        COLOR: rgb(120, 120, 120);
        PADDING-TOP: 5px;
        border-color:#D7F1FF;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma; 
        BACKGROUND-COLOR: #FBFDFE;    
    }

    P
    {
        FONT-SIZE: 11px;
        COLOR: black;
        LINE-HEIGHT: 11px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        margin: 0px;
    }

    IFRAME
    {
        BORDER-RIGHT: medium none;
        BORDER-TOP: medium none;
        BORDER-LEFT: medium none;
        BORDER-BOTTOM: medium none
    }
    hr
    {
      border-color: #000000;
      border-style: solid;
      border-width: 2px 0 0;
      clear: both;
      margin: 0 0 0px;
      height: 0;        
    }
/*    HR
    {
        BORDER-RIGHT: tan;
        BORDER-TOP: tan;
        BORDER-LEFT: tan;
        BORDER-BOTTOM: tan;
        BACKGROUND-COLOR: navy;
    }
*/

    B
    {
        
        FONT-SIZE: 11px;
    }

    .hl
    {
        FONT-SIZE: 11px;
        font-family: Segoe UI, Verdana, Tahoma;
        color: black;
        background-color: #FFE6E6;
        height: 22px;
    }

    .highl
    {
        FONT-SIZE: 11px;
        font-family: Segoe UI, Verdana, Tahoma;
        color:  #3B3B3B;
        background-color: #FFFABF;
        height: 22px;
    }

    .highl2
    {        
        FONT-SIZE: 11px;
        font-family: Segoe UI, Verdana, Tahoma;
        color:  #3B3B3B;
        background-color: #E9FCCF; 
        height: 22px;         
    }

    tr.hl:hover, tr.highl:hover,tr.highl2:hover, tr.altcolor1:hover, tr.altcolor2:hover, .altcolor1:hover, .altcolor2:hover, .hl:hover,tr.altcolor5:hover, highl2:hover
    {
	    background-color: #CCFFCC;
    }

    tr.altcolor2:hover td.highl2, tr.altcolor1:hover td.highl2
    {
        background-color: #CCFFCC !important;
    }
       
    .hok
    {
        FONT-SIZE: 10px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        COLOR: black;
        BACKGROUND-COLOR: #C6FFAA;
    }

    Table.int{
    border-color: #90DCFC;
    }
 
    legend {
        border: 1px solid #DCDFE0;
        border-radius: 4px;        
    }
    .sbttn
    {
        border-style: none;
	    border-color: inherit;
	    border-width: medium;
	    font: 12px Segoe UI, Verdana, Tahoma;
	    CURSOR: pointer;
	    COLOR: #F2F2F2;
	    vertical-align:middle;
	    height:24px;
	    BACKGROUND-COLOR: #418BCA;
    }
    .sbttn_inactive
    {
        border-style: none;
	    border-color: inherit;
	    border-width: medium;
	    background-color: #999999;
	    font: 12px Segoe UI, Verdana, Tahoma;
	    CURSOR: pointer;
	    COLOR: white;
	    vertical-align:middle;
	    height:24px;
    }
    .nbar
    {
        BORDER-RIGHT: #c0c0c0 1px solid;
        BACKGROUND-POSITION: center bottom;
        BORDER-TOP: #c0c0c0 1px solid;
        FONT-SIZE: 8pt;
        BACKGROUND-IMAGE: url(images/graybot.gif);
        BORDER-LEFT: #c0c0c0 1px solid;
        COLOR: #890101;
        BORDER-BOTTOM: #c0c0c0 1px solid;
        BACKGROUND-REPEAT: repeat-x
    }
    .sbttn_reject
    {
            border-style: none;
	        border-color: inherit;
	        border-width: medium;
	        background-color:#CC1324;
	        font: 12px Segoe UI, Verdana, Tahoma;
	        CURSOR: pointer;
	        COLOR: white;
	        vertical-align:middle;
	        height:24px;
    }

    .pointer
    {
        FONT-SIZE: 11px;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #ffffff;
        text-align: left;
    }

    .pointer_bold
    {
        FONT-SIZE: 11px;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #ffffff;
        font-weight:bold;
    }

    .pointer2
    {
        BACKGROUND-COLOR: #FA8072;
    }

    UL
    {
        PADDING-RIGHT: 1px;
        LIST-STYLE-POSITION: inside;
        FONT-SIZE: 11px;
        MARGIN-LEFT: 4px;
        LIST-STYLE-TYPE: disc
    }

    LI
    {
        FONT-WEIGHT: normal
    }

    .culinie
    {
        BORDER-TOP: black 1px solid;
        FONT-SIZE: 11px;
        BORDER-BOTTOM: navy 1px
    }

    .nr
    {
        BORDER-RIGHT: slategray 1px;
        FONT-SIZE: 11px;
        BACKGROUND-ATTACHMENT: fixed;
        BACKGROUND-IMAGE: url(images/has.gif);
        BORDER-BOTTOM: lightslategray 1px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #FFFFB7;
        height: 22px;
    }

    .bl
    {
        BORDER-RIGHT: slategray 1px;
        FONT-SIZE: 11px;
        COLOR: navy;
        BORDER-BOTTOM: slategray 1px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #A1E1FF;
    }

    .REP
    {
        FONT-SIZE: 11px;
        COLOR: black;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: white;
    }

    .hlbox
    {
        FONT-SIZE: 11px;
        COLOR: navy;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #fafad2
    }

    td.vert-tit
    {
    -moz-transform: rotate(270deg);  /* FF3.5+ */        
    -o-transform: rotate(270deg);  /* Opera 10.5 */   
    -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */              
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);         
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */         
    }

    .hl3
    {
        FONT-SIZE: 12px;
        BACKGROUND-IMAGE: url(../CSS/LINEAGR.GIF);
        BORDER-BOTTOM: lightgrey 1px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        HEIGHT: 20px
    }

    .tableH2
    {
        FONT-SIZE: 12px;
        COLOR: #ffffff;
        BORDER-BOTTOM: lightgrey 1px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        BACKGROUND-COLOR: #A1E1FF;
    }

    .TBL4
    {
        FONT-SIZE: 12px;
        BORDER-BOTTOM: lightgrey 1px;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        HEIGHT: 20px;
        BACKGROUND-COLOR: #D5DAE2
    }

    .H4
    {
        DISPLAY: inline;
        FONT-SIZE: 16px;
        COLOR: #666666;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    .H1
    {
        DISPLAY: inline;
        FONT-SIZE: 13px;
        COLOR: #666666;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
    }

    .text1
    {
        FONT-SIZE: 11px;
        COLOR: #2F4F4F;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;
        TEXT-DECORATION: none;
    }

    .input_small
    {
        height:20px;
        padding-top:0px;
        padding-bottom:0px;   
    }

    .mandatory 
    {
	    color:Red;
	    font-size:11px;
	    font-family:Segoe UI, Verdana, Tahoma;
    }

    .title 
    {
	    font-weight:bold;
	    font-family: Segoe UI, Verdana, Tahoma;
    }

    span.error, label.error 
    {
	    font-size: 11px;	
	    text-align:center;
	    color:Red;
	    font-family: Segoe UI, Verdana, Tahoma;
    }

    #ValidationSummary1 ul
    {
	    font-size: 11px;	
	    text-align:left;
	    color:Red;
	    font-family: Segoe UI, Verdana, Tahoma;
    }

    .repTitle
    {
	    FONT-SIZE: 16px;
        FONT-WEIGHT: bold;
        FONT-FAMILY: Segoe UI, Verdana, Tahoma;		
    }

    .contract
    {
        background-color :#E6F6FF;   
    }

    .earnings
    {
        background-color :#C6FFAA;    
    }

    .deductions
    {
        background-color :#FFEDED;    
    }

    .leavepay
    {
        background-color :#FFF0D1;  
    }

    .hideDOM
    {
	    display:none;
    }

    .showDOM
    {
	    display:inline;
    }

}

/*****************************************************************************/

img {
    border:none;
    cursor:pointer;
}

.ReadonlyField
{
    background-color: #efefef;
}

.nopadding, table.nopadding >tbody > tr > td
{
	padding: 0px !important;
}

.noborder
{
    border: 0 !important;
}

.fixed-div 
{ 
	position: fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	border: none; 
	z-index: 50; 
}

.centered-div 
{ 
	width: 100%; 
	margin: auto; 
	background-color: #ffffff; 
	padding-top:20px;
}

table.borderless td,th
{
    border:none 0 ;
}

.borderless
{
    border-bottom:none 0 !important;
    border-top:none 0 !important;
    border-left:none 0 !important;
    border-right:none 0 !important;
}

.updown td,th
{
    border-collapse:collapse;
}

.disabledSubmit
{
    color: Gray;     
    text-shadow: 1px 1px white, -1px -1px Gray;
    cursor:default;
}

.altcolor_background
{
    background-color:#D1EFFF;
}
    
.tpd4
{
	background-color : #FFEDED;
}

 .tpd4th
{
	background-color : #FFEDED;
	font-weight:bold;
	text-align:center;
}

.tpd5
{
	background-color : #FFF0D1;
}

.tpd5th
{
	background-color : #FFF0D1;
	font-weight:bold;
	text-align:center;
}

.tpd2
{
	background-color : #C6FFAA;
}

.tpd2th
{
	background-color : #C6FFAA;
	font-weight:bold;
	text-align:center;
}

.tpd3
{
	background-color : #C6FFAA;
}

.tpd3th
{
	background-color : #C6FFAA;
	font-weight:bold;
	text-align:center;
}

.tpd1
{
	background-color : #E6F6FF;
}

.tpd1th
{
	background-color : #E6F6FF;
	font-weight:bold;
	text-align:center;
}

.tpd6
{
    background-color: #FFDEDE;
    }


.applicationHeader
{
    width: 720px; 
    height: 18px; 
    background-color: #406aa6; 
    padding: 2px; 
    text-align: left; 
    font-weight: bold; 
    color: White;
}

/*
 * Compas Skin
 */

.cs-block { display: block; }
.cs-inline { display: inline; }

.cs-borderless,
table.cs-borderless > tr,
table.cs-borderless > tr > td,
table.cs-borderless > tbody > tr,
table.cs-borderless > tbody > tr > td
{
    border: 0 !important;
}

/* Reports */

.cs-report-title
{
	text-align: center;
	font-size: 12pt;
	font-family: Segoe UI, Verdana, Tahoma;
	font-weight: normal;
    padding-top: 2em;
}

.cs-report-subtitle
{
    display: block;
	text-align: center;
	font-size: 9pt;
	font-family: Segoe UI, Verdana, Tahoma;
}

/* jQuery.compasNotify plug-in */

.compas-notify
{
    display: none;
}

/* Notification boxes */

.cs-info, .cs-success, .cs-warning, .cs-error
{
    padding: 3px;
    border: 1px solid;
}

.cs-info
{
    color: #00529B;
    background-color: #BDE5F8;
}

.cs-success
{
    color: #4F8A10;
    background-color: #DFF2BF;
}

.cs-warning
{
    color: #9F6000;
    background-color: #FEEFB3;
}

.cs-error
{
    color: #D8000C;
    background-color: #FFBABA;
}

/* Notification boxes with images */

.cs-info-img, .cs-success-img, .cs-warning-img, .cs-error-img
{
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.cs-info-img
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('skin/info.png');
}

.cs-success-img
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('skin/success.png');
}

.cs-warning-img
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('skin/warning.png');
}

.cs-error-img
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('skin/error.png');
}

/* CommentView control */

.cs-comment-view
{
    display: block;
}

.cs-comment-view > .cs-comment-view-comments-wrap
{
    display: block;
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #a6c9e2;
    overflow: auto;
}

.cs-comment-view > .cs-comment-view-comments-wrap > .cs-comment-view-comments-list
{
    margin: 5px;
    font-family: Segoe UI, Verdana, Tahoma;
    font-size: 11px;
}

.cs-comment-view > .cs-comment-view-editor
{
    display: block;
    width: 100%;
    height: 60px;
    background-color: #fff;
}

.cs-comment-view > .cs-comment-view-editor > table
{
    width: 100%;
    height: 100%;
}

.cs-comment-view > .cs-comment-view-editor .cs-comment-view-editor-textarea
{
    width: 100%;
    height: 54px;
    border: 0;
    overflow: auto;
    font-family: Segoe UI, Verdana, Tahoma;
    font-size: 11px;
    resize: none; /* hide size grip in ff and webkit */
}

.cs-comment-view > .cs-comment-view-editor cs-comment-view-editor-send-button
{
}

.cs-comment-view .cs-comment-view-delete-comment,
.cs-comment-view .cs-comment-view-delete-comment-undeletable
{
    text-decoration: none;
    display: none;
}

.cs-comment-view .cs-comment-view-delete-comment-undeletable
{
    cursor: default;
}

.cs-comment-view .cs-comment-view-comment-row
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.cs-comment-view .cs-comment-view-comment-row-hover
{
    border-top: 1px solid #efefef !important;
    border-bottom: 1px solid #fff;
}

/* tpd */

.tpdTax
{
    background-color: #F2C5C5;
    text-align: right;
}
.tpdTaxth
{
    background-color: #F2C5C5;
    font-weight: bold;
    text-align: left;
}
.tpdEmployee
{
    background-color: #E6F6FF;
    text-align: right;
}
.tpdEmployeeth
{
    background-color: #E6F6FF;
    font-weight: bold;
    text-align: center;
}
.tpdEmployer
{
    background-color: #C6FFAA;
    text-align: right;
}
.tpdEmployerth
{
    background-color: #C6FFAA;
    font-weight: bold;
    text-align: center;
}
.hasDatepicker {
    width:110px;
    text-align:center;
}
/* legacy from  older jquery-ui style*/
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

#tooltip h3{
    text-align:left !important;
    font-size:16px !important;
}

.welcomeDiv,.welcomeDiv b {
        background-color: #418BCA;
        color:#F2F2F2;
        font-size:22px;
    }
    .welcomeDiv a{
        background-color: #418BCA;
        color:#F2F2F2 !important;
        font-size:22px !important;
    }

.margin-btm-sm {
    margin-bottom:10px;
}