#TopHeader {
            height:50px; 
            background-color:#007988;             
            padding-right:20px; 
            position:fixed; 
            left:0; 
            right:0; 
            top:0;
            border-top: 1px solid #FFCA05;
        }    
        #TopHeader .NavIcon{
            float:right;
            padding:15px;
            font-size: 20px;
            color: #ffffff;
        }
        #TopHeader a {
            padding: 0;
        }
        #LogOnOff {
            margin-right: -5px;
        }
         #CustomerSurvey {
            margin-right: -5px;
        }

        #SubHeader {
            height:40px; 
            background-color:#e0e0e0; 
            padding-left:17px; 
            padding-right:20px; 
            position:fixed; 
            left:0; 
            right:0; 
            top:50px; 
            border-bottom: 1px solid #8C979E;
        }

        #SubHeader .NavIcon{
            float:right;
            padding:10px;
            font-size: 20px;
            color: #959595;
        }
        #Breadcrumb{
            line-height:40px; 
            vertical-align:middle;
            color: #696969;
        }

        #Breadcrumb>.BreadcrumbLink,
        #Breadcrumb>.BreadcrumbSpacer{
            color: #696969;
            text-decoration: none;
            background:transparent;
        }
        #Breadcrumb>.BreadcrumbLink:hover{
            text-decoration:underline;
            cursor:pointer;
        }
        #Breadcrumb>.BreadcrumbSpacer{
            margin-left:2px;
            margin-right:2px;
        }       

        /*Override stupid rule in site.css*/
        #HeaderContainer a:hover,
        #FooterContainer a:hover{
            background-color:inherit;
        }

        #FooterContainer {
            /*height:30px;*/ 
            background-color:#6A6A6A; 
            padding-left:20px; 
            padding-right:20px; 
            position:fixed; 
            left:0; 
            right:0; 
            bottom:0; 
            border-top: 1px solid #FFCA05;
        }
        #UserProfileText 
        {
             color:#ffffff; 
            font-size:12px;
            cursor:pointer;
            padding-left: 5px;
        }

        #LocationDisplayName 
        {
            color:#007988; 
            font-size:14px;
            cursor:pointer;
            margin-left: 10px;
        }

        #Copyright
        {
            position:absolute; 
            right:0; 
            bottom:0;
        }

        #CopyrightText{
            padding-right:20px; 
            line-height:30px; 
            color:#ffffff;
        }

        #VersionText{
            padding-right:20px; 
            line-height:30px; 
            color:#ffffff;
            float: left;
        }
        
        .k-tabstrip {
            background-color: transparent;
            border: 0;
        }
        
        .actionButtonRow {
            width: 100%;
        }

        .actionButtonRow td {
            text-align: center;
        }
        .actionButtonRow .k-button {
            min-width: 100px;
            text-align: center;
        }
        
        
        #grid tbody tr:hover {
        background: #fff8dc;
    }

   .k-grid-header .k-header 
    {
        background-color: #e0e0e0;
        color: #959595;
        
    }
    
     .k-pager-wrap {
       background-color: #e0e0e0;
       color: #959595;
    }

.k-grid tr td {
     border-bottom: 1px solid #c0c0c0;
}

.k-button {
    background-color: #e0e0e0;
    padding:2px 7px;
}
 .k-state-selected {
        background-color: #FFCA05;
        border-color: #FFCA05;
      color: #959595;
    }   
.k-loading-image {
    background-image: url('../Images/ajax-loader.gif');
}


@media only screen and (max-width: 1024px) {
    .k-ext-question { top:2px !important; left:2px !important;
             }
    .k-ext-question + div {
        margin-top:12px;
        }

    }