body
            {
	        background-image: url(../images/bg-blue.jpg);
	        background-attachment: fixed;
	        background-position: 0% 0;
	         -webkit-background-size: cover;
             -moz-background-size: cover;
             -o-background-size: cover;
             background-size: cover;
	        }
	    .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
        h1
        {
           text-align:center;
           font-family:'Dosis', Sans-Serif;
           font-size:28px;
           font-weight:300;
           color:#fff;
           margin:30px 0 30px 0;
           }












        table{box-shadow:0 6px 10px rgba(0,0,0,0.5);}
        table .head {
            background:#019DD8 url("../images/sort.gif") no-repeat scroll 7px center;
            cursor: pointer;
            padding-left: 18px;
        }
        table .selectbackground{background-color:#45beec;}
        table .desc {background:#019DD8 url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
        table .asc {background:#019DD8 url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
        .nameSheet
        {
            font-family:'Oswald', Sans-Serif;
            font-size:20px;
            background-color:#019DD8;
            color:#fff;
            }
        /****Table color hover mouse***/
        table tr:hover {background-color:#d4e3e5;}
        /****Table color alternate***/
        tr:nth-child(even) {background: #ECF2F6}
        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:10px;}
          .content_divtxtNo	{text-align:center;}
          .content_divtxtEx	{margin-left:30px;}
          .content_divtxtPr	{float:right;margin-right:20px;}
    #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: 900px) and (max-device-width: 1240px)  {
	.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: "No"; }
		tbody td:nth-of-type(2):before { content: "Domain Name"; }
		tbody td:nth-of-type(3):before { content: "Extension"; }
		tbody td:nth-of-type(4):before { content: "Price(US$)"; }
		tbody td:nth-of-type(5):before { content: "Date"; }
		tbody td:nth-of-type(6):before { content: "Venue"; }
	}