@Page {
	
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
}
    body {
        padding: 0;
	    margin: 0;
        background: linear-gradient(to bottom right, white, #fcfeff);
	        	font-family: Helvetica, Arial, sans-serif, cursive;

    }
.container {
			max-width: 600px;
			margin: 0 auto;
			padding: 20px;
			background-color: #fff;
			box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
		}
		.form-group {
			margin-bottom: 10px;
		}
		label {
			display: block;
			font-weight: bold;
			margin-bottom: 5px;
		}
		input[type="text"] {
			padding: 10px;
			border-radius: 3px;
			border: 1px solid #ccc;
			width: 100%;
			box-sizing: border-box;
			font-size: 16px;
		}
		input[type="submit"] {
			background-color: #0404B4;
			color: #fff;
			border: none;
			padding: 10px 20px;
			border-radius: 3px;
			cursor: pointer;
			font-size: 16px;
		}
		input[type="submit"]:hover {
			background-color: #2E64FE;
		}
.column {
  float: left;
  width: 50%;
}
/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.diagonal-gradient {
  background: linear-gradient(to bottom right, blue, #FBFBFB);
}
.diagonal-gradienttb {
  background: linear-gradient(to bottom right, blue, #FBFBFB, #FBFBFB);}
.grad1 {
  width: 100%;
  color: #271ed6;
  float: left;
  font-size: 18px;
  text-shadow: 0 2px 4px black(0, 0, 0, 0.2);
    
}
.spacer1 {
    margin-left: 50px;
    margin-right: 50px;
}
.section1 {
	width: 80%;
    max-width: 600px;
}
.border100 {
	border-top: 2px double blue;
	width: 100%;
}
.border80 {
	border-top: 2px solid blue;
	width: 85%;
}
.border60 {
	border-top: 2px solid blue;
	width: 60%;
}
.explorer {
	       width: 90%;
	       max-width:575px;
	       max-height: 350px;
	       min-height: 100px;
}
.results-box {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    width: 76%;
    text-align: center;}
hr111 { 
  display: block;
  width: auto;
  background-color: transparent;
  margin-bottom: auto;
  border-width: 4px;
  border-style: double;}
	body .btn {
	 display: inline-block;
	 padding: 6px 14px 6px;
	 margin-bottom: 0;
	 font-family: Arial, sans-serif;
	 font-size: 14px;
	 line-height: 20px;
	 color: #000000;
	 text-align: center;
	 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	 text-decoration: none;
	 vertical-align: 0px;
	 cursor: pointer;
	 max-width: 100%;
	 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-image: -linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-repeat: repeat-x;
	 border: 0;
	 -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	         border-radius: 3px;
	 -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	 -webkit-transition: 0.1s;
	    -moz-transition: 0.1s;
	 transition: 0.1s;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body .btn:hover {
	 background-color: #FFE14D;
	 -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	 margin-top: 0;
	 padding: 6px 14px 8px;
	}
	body .btn:active {
	 -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	         box-shadow: none;
	 margin-top: 0;
	 padding: 6px 14px 4px;
	}
	body .btn-gray { color:#A4A4A4; background-color: #D8D8D8; 
	    padding: 4px 14px;
	 font-size: 20px; }
	body .btn-gray:hover { background-color:#A4A4A4; }
	body .btn-dkblue { background-color: #054375; }
	body .btn-dkblue:hover { background-color:#0066b8; }
	body .btn-ltblue { background-color: #00a4d8; }
	body .btn-ltblue:hover { background-color:#01c2ff; }
	body .btn-black { background-color: #222222; }
	body .btn-black:hover { background-color:#444444; }
        body .btn-gold { background-color: #0404B4;
	 border-radius: 12px;
	 font-size: 12px;
	 color: #E7DFE8;
	 width: auto;
	 height: 30px;
     max-width: 100%
    }
    body .btn-gold1 { background-color: #0404B4;
	 border-radius: 10px;
	 color: #E7DFE8;
	 width: 20%;
     max-width: 100%
    }
    body .btn-gold2 { background-color: blue;
	 border-radius: 12px 2px 12px 2px;
	 color: #E7DFE8;
	 height: 30px;
	 max-width: 100%;
	 font-size: 12px;
    }
    body .btn-gold3 { background: linear-gradient(to bottom, blue, #FBFBFB);
	 border-radius: 16px 16px 2px 2px;
	 color: white;
	 max-height: 30px;
	 width: 130px;
    }
    body .btn-gold:hover { background-color:#2E64FE; }
    body .btn-gold1:hover { background-color:#2E64FE; }
    body .btn-gold2:hover { background-color:#2E64FE; }
    body .btn-gold3:hover { 
        background-color:#2E64FE;
        font-size: 18px;}
   	body .btn-large {
	 padding: 8px 28px;
	 font-size: 20px;
	 line-height: 30px;
	 -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	         border-radius: 4px;
	 -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	}
	body .btn-large:hover {
	 -webkit-box-shadow: inset 0 -6px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -6px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -6px 0 rgba(0,0,0,.2);
	 margin-top: 0px;
	 padding: 8px 28px 12px;
	}
	body .btn-large:active {
	 -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	         box-shadow: none;
	 margin-top: 0px;
	 padding: 8px 28px 5px;
	}
#title1{
	color: white;
	font-size: 38px;
	-webkit-text-stroke: 1px #F8F8F8;
	text-shadow: 0px 2px 4px blue;}
#title2 {
    float: left;
}
#title3 {
	color: blue;
	font-size: 22px;
	text-shadow: 0px 1px 2px white;
}
.right {
	float:right;
}
.left {
    float:left;
    
}
.dropzone {
    border: 4px dashed #ccc;
    border-radius: 10px;
    width: 80%;
    height:100px;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.dropzone:hover {
    background: linear-gradient(to bottom right, grey, #FBFBFB);
}

.dropzone.dragover {
    border-color: #000;
    background: "/images/Welcome.mp4";
}
        table {
            width: 74%;
            border-collapse: collapse;
        }
        
        th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        @media screen and (max-width: 600px) {
            table {
                border: 0;
            }
        
            table caption {
                font-size: 26px;
            }
        
            table thead {
                display: none;
            }
        
            table tr {
                margin-bottom: 10px;
                display: block;
                border-bottom: 2px solid #ddd;
            }
        
            table td {
                display: block;
                text-align: right;
                font-size: 0.8em;
                border-bottom: 1px dotted #ddd;
            }
        
            table td::before {
                content: attr(data-label);
                font-weight: bold;
                text-transform: uppercase;
                display: block;
                margin-bottom: 5px;
            }
        }
.animated-shadow {
    animation: shadow-animation 2s infinite alternate;
    color: white;
}

@keyframes shadow-animation {
    0% {
        text-shadow: 0 0 2px purple;
    }
    50% {
        text-shadow: 0px 0px 3px purple, 0px 0px 4px salmon;
    }
    100% {
        text-shadow: 0 0 5px blue;
    }
}
.foots {
    float:bottom;
    position: static;
}