@font-face {
	font-family: 'bernardo moda';
	src: url('bernardo_moda_bold-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('bernardo_moda_bold-webfont.woff') format('woff'), 
	     url('bernardo_moda_bold-webfont.ttf')  format('truetype'),
	     url('bernardo_moda_bold-webfont-webfont.svg#svgFontName') format('svg');
}

/* above 1384px 86.500em*/
@media screen and (min-width: 46.750em){
#wrapper{
	min-width: 96%;
	max-width: 120em;
	margin-left: auto;
	margin-right: auto;
	background: white;
	text-align:center;
	
}


#header{
    list-style-type: none;
	display:inline-block;
    width:100%;
    height:12em;
    background:#839CA5;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31),0 10px 44px 0 rgba(0, 0, 0, 0.43),0 12px 48px 0 rgba(0, 0, 0, 0.55);

}
#loading{
    height:30em;
    width:30em;
}
#el_image{
    position:absolute;
   /* -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);*/
    left:0;
    top:1.5em;
    width:10em;
    height:10em;
   
}

   

h1{
	
	text-shadow: 0px 0.625px 0px #999, 0px 1.25px 0px #888, 0px 1.875px 0px #777, 0px 2.5px 0px #666, 0px 3.125px 0px #555, 0px 3.75px 0px #444, 0px 4.375px 0px #333, 0px 5px 4.375px #001135;
	font: 70px bold;
	font-family: bernardo moda;
	color:#ccffff;
	position:absolute; 
	top:0; 
	left:1.7em;
}
h3{
	position:absolute; 
	top:5.3em; 
	right:6em;
	text-shadow: 0px 0.3125px 0px #999, 0px 0.625px 0px #888, 0px 0.9375px 0px #777, 0px 1px 0px #666, 0px 1.5625px 0px #555, 0px 1.875px 0px #444, 0px 2.1875px 0px #333, 0px 2.5px 2.1875px #001135;
	font: 23px bold;
	color:#d9d9d9;	
}
#main{
    position:relative;
	width:100%;
	height:47em;
	background: white;
	box-shadow: 0px 1px 1px #adb5b8, 0px 1.5px 1.5px #d6dadb, 0px 2px 2px #e3e8e8, 0px 2px 2px #f1f3f3;
	
}
#table{
    background:#839CA5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31),0 10px 44px 0 rgba(0, 0, 0, 0.43);
    margin-left: auto;
    margin-right: auto;
}
#emailfield{
    border: 2px solid #cccccc;
    width:15em;
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-radius: 15px;
    border-style: inset;
}
#passfield{
    border: 2px solid #cccccc;
    width:15em;
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-radius: 15px;
    border-style: inset;
}

#logintitle{
    position: absolute;
    background: #839CA5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31);
    width:20em;
    height:4em;
    top:5em;
    left:40%;
}
#loginlabel{
    font:40px bold;
    font-family: Impact;
    color:white;
    text-shadow: 0px 0.625px 0px #999, 0px 1.25px 0px #888, 0px 1.875px 0px #777, 0px 2.5px 0px #666, 0px 3.125px 0px #555, 0px 3.75px 0px #444, 0px 4.375px 0px #333;
}

#submit{
    width:10em;
   background: -moz-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(128,128,128,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
   
    font:100% bold;
    font-family: Impact;
    color:white;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31);

}
#forgotpass{
     width:10em;
    background: -moz-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(128,128,128,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
   
    font:100% bold;
    font-family: Impact;
    color:white;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31);

}
#signup{
     width:6em;
   background: -moz-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(128,128,128,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
    font:100% bold;
    font-family: Impact;
    color:white;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31);

}
p{
    font:19px bold;
    font-family: Impact;
    text-shadow: 0px 1px 1px #a5b8c0, 0px 1.5px 1.5px #b4c3cb;
    color:#1f292d;
    
}

#loginbox{
    position: absolute;
    background: #839CA5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),0 8px 32px 0 rgba(0, 0, 0, 0.31);
    width:20em;
    height:20em;
    top:9.5em;
    left:40%;
    
    
}
input:focus, textarea:focus, select:focus{
        outline: none;
    }
button:focus{
    outline:none;
}
#submit:hover{
    color:#ccffff;
}
#forgotpass:hover{
    color:#ccffff;
}
#signup:hover{
    color:#ccffff;
}
#submit:active{
    color:black;
    text-shadow: 0px 1px 1px #a5b8c0, 0px 1.5px 1.5px #b4c3cb;
    width:9.8em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    
}
#forgotpass:active{
    color:black;
    text-shadow: 0px 1px 1px #a5b8c0, 0px 1.5px 1.5px #b4c3cb;
    width:9.8em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#signup:active{
    color:black;
    text-shadow: 0px 1px 1px #a5b8c0, 0px 1.5px 1.5px #b4c3cb;
    width:5.8em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#login {
background:#839CA5;
    
}

#cfa_image{
	position:absolute; 
	top:4em; 
	right:1em;
	width:8em;
	height:8em;
}



}