﻿

    @media only screen and (max-width: 971px) {
    	
    	/* Force table to not be like tables anymore */
    	#grid table, 
    	#grid thead, 
    	#grid tbody, 
    	#grid th, 
        #grid td,
    	#grid tr,
        #CandidateOutboxGrid table,
    	#CandidateOutboxGrid thead, 
    	#CandidateOutboxGrid tbody, 
    	#CandidateOutboxGrid th, 
        #CandidateOutboxGrid td,
    	#CandidateOutboxGrid tr,
        #candidateGrid table,
    	#candidateGrid thead, 
    	#candidateGrid tbody, 
    	#candidateGrid th, 
        #candidateGrid td,
    	#candidateGrid tr,
    	#selectedCandidatesGrid table,
    	#selectedCandidatesGrid thead, 
    	#selectedCandidatesGrid tbody, 
    	#selectedCandidatesGrid th, 
        #selectedCandidatesGrid td,
    	#selectedCandidatesGrid tr, 
    	#purchasedCandidatesGrid table,
    	#purchasedCandidatesGrid thead, 
    	#purchasedCandidatesGrid tbody, 
    	#purchasedCandidatesGrid th, 
        #purchasedCandidatesGrid td,
    	#purchasedCandidatesGrid tr,
    	#historyCandidatesGrid table,
    	#historyCandidatesGrid thead, 
    	#historyCandidatesGrid tbody, 
    	#historyCandidatesGrid th, 
        #historyCandidatesGrid td,
    	#historyCandidatesGrid tr,
        #billingHistoryGrid table,
    	#billingHistoryGrid thead, 
    	#billingHistoryGrid tbody, 
    	#billingHistoryGrid th, 
        #billingHistoryGrid td,
    	#billingHistoryGrid tr,
        #grdProfilesDiv table,
    	#grdProfilesDiv thead, 
    	#grdProfilesDiv tbody, 
    	#grdProfilesDiv th, 
        #grdProfilesDiv td,
    	#grdProfilesDiv tr
        { 
    		display: block; 
    	}
     
    	/* Hide table headers (but not display: none;, for accessibility) */
    	#grid thead tr,
        #CandidateOutboxGrid thead tr,
        #candidateGrid thead tr,
        #selectedCandidatesGrid thead tr,
        #purchasedCandidatesGrid thead tr,
        #historyCandidatesGrid thead tr,
        #billingHistoryGrid thead tr,
        #grdProfilesDiv thead tr
        { 
    		position: absolute;
    		top: -9999px;
    		left: -9999px;
    	}
     
    	#grid tr,
        #candidateGrid tr,
        #selectedCandidatesGrid tr,
        #purchasedCandidatesGrid tr,
        #historyCandidatesGrid tr,
        #billingHistoryGrid tr,
        #grdProfilesDiv tr
        { border-bottom: 1px solid #2d8098; }
     
    	#grid td,
        #CandidateOutboxGrid td,
        #candidateGrid td,
        #selectedCandidatesGrid td,
        #purchasedCandidatesGrid td,
        #historyCandidatesGrid td,
        #billingHistoryGrid td,
        #grdProfilesDiv td { 
    		/* Behave  like a "row" */
    		border: none;
    		position: relative;
    		white-space: normal;
    		text-align:left;
            height:auto;
            font-size:12px;
    	}
     
        .contentTitle
        {
            display:block;
        }

        .checkboxRow
        {
            display:block;
        }

        .checkboxTitle
        {
            display:block;
        }
    }
    						

