#contentTable table{box-shadow:0 6px 10px rgba(0,0,0,0.5);}
        #contentTable table .head {
            background:#019DD8 url("../images/sort.gif") no-repeat scroll 7px center;
            cursor: pointer;
            padding-left: 18px;
        }
        #contentTable table .selectbackground{background-color:#45beec;}
        #contentTable table .desc {background:#019DD8 url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
        #contentTable table .asc {background:#019DD8 url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
        #contentTable .nameSheet
        {
            font-family:'Oswald', Sans-Serif;
            font-size:20px;
            background-color:#019DD8;
            color:#fff;
            }
        /****Table color hover mouse***/
        #contentTable table tr:hover {background-color:#d4e3e5;}
        /****Table color alternate***/
        #contentTable tr:nth-child(even) {background: #ECF2F6}
        #contentTable tr:nth-child(odd) {background: #FFF}
        
        .nameColumn{
            font-family:'Oswald', Sans-Serif;
            font-size:20px;
            font-weight:400;
            padding:5px;
            color:#fff;
            cursor:pointer;
            height:30px;
            border-top:1px solid #C6D5E1;
            }
        .styleTitle
        {
            font-family:'Oswald', Sans-Serif;
            font-size:26px;
            font-weight:400;
            color:#fff;
            padding: 20px 0 20px 0;
            text-align: center;
            background-color:#019DD8;
            }
         .content_value i{margin:3px 5px 0 3px;color:#333;float:left;} 
         .content_value
         {
             border:1px solid #C6D5E1;
             padding-bottom: 10px;
             padding-top: 10px;
             }
          .content_divtxt{float:left; margin-left:3px;}
    #drop{
	    border:2px dashed #bbb;
	    -moz-border-radius:5px;
	    -webkit-border-radius:5px;
	    border-radius:5px;
	    padding:25px;
	    text-align:center;
	    font:20pt bold,"Vollkorn";
	    color:#bbb;
    }
    #b64data{width:100%;}
    
    @media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	.tinytable{margin-top:50px;}
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead #sortColumn { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #C6D5E1; }
		
		table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		.content_value
         {
             padding-bottom: 25px;
             padding-top: 10px;
             }
		td:before { 
			/* Now like a table header */
			position: absolute;
			/*/left values mimic padding */
			left: 6px;
			width: 45%;
			padding-right: 10px; 
			white-space: nowrap;
		}
		.styleTitle
        {
            font-size:20px;
            }
		/*
		Label the data
		*/
		tbody td:nth-of-type(1):before { content: "Id"; }
		tbody td:nth-of-type(2):before { content: "FirstName"; }
		tbody td:nth-of-type(3):before { content: "Surname"; }
		tbody td:nth-of-type(4):before { content: "Email"; }
		tbody td:nth-of-type(5):before { content: "Cell"; }
		tbody td:nth-of-type(6):before { content: "Country"; }
	}