@charset "utf-8";
/* CSS Document */

.Grid {
		float: left;
		width:85%;
		background-color:#FFF;
		padding:20px;
		margin-bottom: 5px;
		border-top: 5px solid #FAFAFA;
	}


    @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
		 .Grid {
			     width: 40%;
    			margin: 5px;
				height: 220px;
		 }
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
				 .Grid {
			width: 42%;
    		margin: 5px;
			height: 220px;
		 }
    }
    
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
				 .Grid {
			 width: 42%;
    		margin: 5px;
			height: 220px;
		 }
    }
    
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
	   		 .Grid {
			 width: 85%;
    		margin-bottom: 5px;
		 }
    }
    
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
	   		 .Grid {
			 width:40%;
			 margin: 5px;
			 height: 220px;
		 }
    }
    
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
	  		 .Grid {
			 width:90%;
			margin-bottom: 5px;
		 }
    }
    

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
	  		 .Grid {
			 width:92%;
			 margin-bottom: 5px;
		 }
    }
    











td.TdView {
		display: block;
		width: auto;
		border: none;
		margin-bottom: 15px;
		
	}

	@media only screen and (min-width: 420px) {
		td.TdView {
			display: table-cell;
			border: none;
			margin-bottom: 15px;
			width: 50%;
			border: 0;
			height: 220px;
		}
	}

	@media only screen and (min-width: 1024px) {
		td.TdView {
			display: table-cell;
			border: none;
			margin-bottom: 15px;
			width: 50%;
			border: 0;
			height: 220px;
		}
	}

	@media only screen and (min-width: 768px) {
		td.TdView {
			display: table-cell;
			border: none;
			margin-bottom: 15px;
			width: 50%;
			border: 0;
			height: 220px;
		}
	}

	table.TableView {
		width: 100%;
		background: #f5f5f5;
	}

	@media only screen and (min-width: 420px) {
		table.TableView {
			width: 100%;
			border-collapse: separate;
			border-spacing: 15px;
			margin-left: -10px;
		}
	}

	@media only screen and (min-width: 1024px) {
		table.TableView {
			width: 100%;
			border-collapse: separate;
			border-spacing: 15px;
			margin-left: -10px;
		}
	}

	@media only screen and (min-width: 768px) {
		table.TableView {
			width: 100%;
			border-collapse: separate;
			border-spacing: 15px;
			margin-left: -10px;
		}
	}