
@font-face {
  font-family: 'FontAwesome';
  /* src: url('fonts/fontawesome-webfont.eot?v=4.3.0'); */
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  
    font-family: myBoldFont;
    src: url('../fonts/OpenSans-CondBold.ttf');	  
}

/*******************
BODY STYLING
*******************/
#registryLogo {
    font:  42px 'Open Sans Condensed', sans-serif;
	font-weight:900;
	color:#AAAAAA;
	text-shadow: 1px 1px 1px #FFFFFF;
	line-height:60px;
	vertical-align:bottom;
	margin-left:-6px;
}
* {
    font:  16px myBoldFont, 'Open Sans Condensed', sans-serif;
	text-shadow: 1px 1px 1px #EEEEEE;
	/* text-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
	margin: 0;
	padding: 0;
   /* border: none; */
	outline: none;
}

body {
	color:black;
	 background-color:#dbd7cd;	
	background: url('../logos/LoginBackground.jpg');
	background-repeat: repeat;
	text-align: left;
	text-decoration: none;

}
 
 
 
/*******************
HEADER
*******************/
 
h1 {	
	font-family: myBoldFont, 'Open Sans Condensed', sans-serif;
	font-size: 3em;
	font-weight: 900;
	line-height:34px;
	color: #333366; /* #414848; */
	/* text-shadow: 1px 1px 0 rgba(0,0,0,1.0); */
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
	margin-bottom: 10px;
 	
 
}
 
.embossed h1 {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #333366;
	opacity: 0.7;
	font: 80px  'Museo200';
}

/*******************
CONTENT
*******************/
 
.vCenter  {vertical-align:middle; }
.label {font: 24px 'Open Sans Condensed', sans-serif; text-align:right;}
 

/*
==============================================
    FOOTER GOOD
============================================== */

html,body{ overflow:hidden;height:100%;-webkit-overflow-scrolling:touch;}
body{margin:0;}  
 
#result-iframe-wrap{
height:100%;
height:calc(100% - 28px);
/* Firefox */
height: -moz-calc(100% - 100px);
/* WebKit */
height: -webkit-calc(100% - 100px);
/* Opera */
height: -o-calc(100% - 100px);
/* Standard */
height: calc(100% - 100px);
overflow:auto;position:relative
}

#result{border:0;width:100%;height:100%;display:block}
#codepen-footer, #codepen-footer *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

#codepen-footer{
position:fixed;
/* bottom:-150px; */
top:calc(100% - 28px);;
left:0;
width:100%;
padding:0 10px;
height:30px;
color:#eeeeee;
background-color:#505050;
background:-webkit-gradient(linear, left top, left bottom, from(#505050), to(#383838));
background:-webkit-linear-gradient(#505050, #383838);
background:linear-gradient(#505050, #383838);
border-top:1px solid black;
border-bottom:1px solid black;
-webkit-box-shadow:inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
box-shadow:inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
font:12px/30px "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
text-shadow:0px 0px 0px white;
text-shadow: none;
}

#codepen-footer a{color:#a7a7a7;text-decoration:none;margin-right:6px;text-shadow: none;}
#codepen-footer a:hover{color:white;text-shadow: none;}
#footer-mini-logo{position:relative;top:4px;text-shadow: none;}

#footer-right{
	position:absolute;
	right:5px;
	top:5px;
	text-shadow: none; 
	font-family: "Helvetica", myBoldFont, 'Open Sans Condensed', 'Helvetica Neue',  sans-serif;
	font-size:13px;
	/* color:white !important; */
}
#footer-left{
	position:absolute;
	top:5px;
	text-shadow: none; 
	font-family: "Helvetica", myBoldFont, 'Open Sans Condensed', 'Helvetica Neue',  sans-serif;
	font-size:13px;
	/* color:white !important; */
}

#Copyright {
	font-family: myBoldFont, "Helvetica", 'Open Sans Condensed', 'Helvetica Neue',  sans-serif;
	font-size:13px;
	/* color:white !important; */
}
@media (max-width: 600px){#footer-right{display:none}}

/* =================================================
             LOGIN STYLE 2015
   =================================================
*/
input, textarea, select, label {
  font-family: myBoldFont; /* inherit;*/
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.login {
  font-family:  'Open Sans Condensed', 'sans-serif' ; 
  margin: 20px auto;
  padding: 18px 20px;
  width: 350px;
  background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
  background-image: radial-gradient(cover, #437dd6, #3960a6);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
.login > h1 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.login-input {
  font-family:  'Open Sans Condensed', 'sans-serif' ;
  font-size:20px;
  font-weight:600;
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 20px;
  padding: 0 9px;
  color: white;
  text-shadow: 0 1px black;
  background: #2b3e5d;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.login-input:focus {
  outline: 0;
  background-color: #32486d;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
.lt-ie9 .login-input {
  line-height: 35px;
}

.login-submit {
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #294779;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #57baac; /* #adcbfa; */
  background-clip: padding-box;
  border: 1px solid #284473;
  border-bottom-color: #223b66;
  border-radius: 4px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #57baac, #57baac);
  background-image: -moz-linear-gradient(top, #d0e1fe, #57baac);
  background-image: -o-linear-gradient(top, #d0e1fe, #57baac);
  background-image: linear-gradient(to bottom, #57baac, #57baac);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.login-submit:active {
  background: #a4c2f3;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}

.login-help {
  text-align: center;
}
.login-newuser {
  text-align: center;
  text-decoration: none;
  font-size:13px;
  color: #EEEEEE;
  text-shadow: 0 0px rgba(0, 0, 0, 0.4);
}


.login-newuser  > a{
  font-family: Helvetica, 'Open Sans Condensed', 'sans-serif' ;
  text-decoration: none;
  text-align: center;
  font-size:13px;
  color: #EEEEEE;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
  font-family: Helvetica, 'Open Sans Condensed', 'sans-serif' ;
  font-size: 12px;
  color: #d4deef;
  text-decoration: none;
  text-shadow: 0 -2px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
  font-family: Helvetica, 'Open Sans Condensed', 'sans-serif' ;
  text-decoration: underline;
}

.bestview{
	 font-family:  'Open Sans Condensed', 'sans-serif' ;  
	font-size: 16px;
	text-decoration: none;
	text-shadow: 0px 1px white;
}	
.c {text-align:center;}