/* ------------------------------------------
Labrum.org Login Page CSS
Written by Clifton Labrum (http://labrum.co)
------------------------------------------ */

@font-face {
	font-family: 'AvalonExtraLight';
	src: url('Avalon-Xlight.eot');
	src: local('☺'), 
	url('Avalon-Xlight.woff') format('woff'), 
	url('Avalon-Xlight.ttf') format('truetype'), 
	url('Avalon-Xlight.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvalonBook';
	src: url('Avalon-Book.eot');
	src: local('☺'), 
	url('Avalon-Book.woff') format('woff'), 
	url('Avalon-Book.ttf') format('truetype'), 
	url('Avalon-Book.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvalonMedium';
	src: url('Avalon-Medium.eot');
	src: local('☺'), 
	url('Avalon-Medium.woff') format('woff'), 
	url('Avalon-Medium.ttf') format('truetype'), 
	url('Avalon-Medium.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{ margin: 0; padding: 0; height:100%; }
body{ margin: 0; padding: 0; height:100%; font-size: 12px; text-align: center; min-width: 400px; background:#A9D9E3; line-height: 1.0; font-family:'AvalonBook',sans-serif; }

#container{ 
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55A8B6), color-stop(100%,#A9D9E3));
	background: -moz-linear-gradient(top, #55A8B6 0%, #A9D9E3 100%);	
	background: linear-gradient(top, #55A8B6 0%, #A9D9E3 100%);
	padding-top:200px;
}
	#wrap{ width:400px; margin:0 auto;  }
    	#logo{ width:400px; height:115px; background:url(../images/logo-glow.png) no-repeat center top; margin:0 auto; }
    		#logo img{ padding-top:10px}
    	.box{ 
    		margin:0 auto;
    		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5F4F6), color-stop(100%,#C1E4EB));
		background: -moz-linear-gradient(top, #E5F4F6 0%, #C1E4EB 100%);	
		background: linear-gradient(top, #E5F4F6 0%, #C1E4EB 100%);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-webkit-box-shadow:rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
		-moz-box-shadow:rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
		box-shadow:rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
		padding:40px 40px;
    	}
    	#access{ width:250px; }
  
/*Form */
    	form{ text-align: left; }
    	input{ 
    		background:#FFF; 
    		border:1px solid #A4D0D8; 
    		padding:5px 10px;     		
    		-moz-border-radius: 10px; 
    		-webkit-border-radius:10px;
    		border-radius:10px; 
    		font-size:18px; 
    		margin-bottom:15px; 
    		color:#AAD3DA;
    		font-size:24px; 
    		text-align:left; 
    		font-weight: normal;
    		-webkit-box-shadow:rgba(255,255,255,1.0) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px inset;
    		-moz-box-shadow:rgba(255,255,255,1.0) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px inset;
    		box-shadow:rgba(255,255,255,1.0) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px inset;
    		font-family:'AvalonExtraLight';
    		display:block;
    		text-shadow:rgba(0,0,0,0.2) 0px 1px 1px;
    		width:230px;
    	}
    		input:focus{ 
    			color:#284F55;
    			border:1px solid #55A8B6;
    			outline: none;     			 
	    		-webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 3px inset;
	    		-moz-box-shadow:rgba(0,0,0,0.2) 0px 1px 3px inset;
	    		box-shadow:rgba(0,0,0,0.2) 0px 1px 3px inset;
    		}
    		#email{ top:130px; }

    	form a, .button-green{
    		display:inline-block;
    		
    		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BAD876), color-stop(100%,#8BA84E));
		background: -moz-linear-gradient(top, #BAD876 0%, #8BA84E 100%);	
		background: linear-gradient(top, #BAD876 0%, #8BA84E 100%);
		-webkit-box-shadow:rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    		-moz-box-shadow:rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    		box-shadow:rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    		border:1px solid #66802F;
    		-moz-border-radius:7px; 
    		-webkit-border-radius:7px;
    		border-radius:7px; 
    		padding:8px 16px 7px 16px;
    		margin:0;
    		text-decoration: none;
    		color:#66802F;
    		text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;
    		font-size:14px; 
    		font-family: 'AvalonMedium';  
    		text-transform: uppercase; 		
    	}
    		
    		.button-red{
	    		display:inline-block;    		
	    		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAC9BB), color-stop(100%,#F17279));
			background: -moz-linear-gradient(top, #FAC9BB 0%, #F17279 100%);	
			background: linear-gradient(top, #FAC9BB 0%, #F17279 100%);
			-webkit-box-shadow:rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
	    		-moz-box-shadow:rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
	    		box-shadow:rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
	    		border:1px solid #9F4E52;
	    		-moz-border-radius:7px; 
	    		-webkit-border-radius:7px;
	    		border-radius:7px; 
	    		padding:8px 16px 7px 16px;
	    		margin:0;
	    		text-decoration: none;
	    		color:#9F4E52;
	    		text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;
	    		font-size:14px; 
	    		font-family: 'AvalonMedium';  
	    		text-transform: uppercase; 		
	    	}
    		.button-green, .button-red{
    			padding:6px 12px 5px 12px;
    			font-size:12px; 
    		}
    			a.button-green:hover{ color:#66802F !important; }
    			a.button-red:hover{ color:#9F4E52 !important; }
    			
    		form a em{ font-size:11px; color:#819D46;  }
    		form a:active, .pressed, .button-green:active, .button-red:active{
    			-webkit-box-shadow:rgba(0,0,0,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    			-moz-box-shadow:rgba(0,0,0,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    			box-shadow:rgba(0,0,0,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    			padding:9px 16px 6px 16px;
    		} 
    		.button-green:active, .button-red:active{
    			padding:7px 12px 4px 12px;
    			font-size:12px; 
    		}
    			input.error{ padding-right:45px; background:url(../images/error.png) no-repeat 98% 6px #FFF; width:195px; }
    		#form-access{ display:none; }
    			
    	p{ color:#4C97A3; font-size:16px; text-align:center; margin:20px 30px; line-height:1.3; text-shadow:rgba(255,255,255,0.6) 0px 1px 0px; }
    	p a{ color:#3C7780; text-decoration: none; }
    		p a:hover{ color:#4C97A3;}
    	#footer a{ text-decoration: none; color:#55A7B5; text-shadow:rgba(255,255,255,0.6) 0px 1px 0px; text-transform: uppercase
	}
    		#footer a:hover{ color:#3C7780; }
    	a{ -webkit-transition: color .25s ease-in-out; 
	-moz-transition: color .25s ease-in-out; 
	transition: color .25s ease-in-out;
	text-decoration: none; }

	h2{ font-size:30px; color:#66802F; text-shadow:rgba(255,255,255,0.6) 0px 1px 0px; font-weight: normal; margin:0 0 5px 0; }
	#access-confirmation{ display:none; }
	#access-confirmation p{ margin:0; }

/*Access Granting Page*/
#big-wrap{ width:600px; margin:0 auto;  }
	table{ width:100%; border-collapse: collapse;
		-webkit-box-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
    		-moz-box-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
    		box-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
    		border-bottom:1px solid #A9D9E3; 
	 }
	tr:hover{ background:rgba(255,255,255,0.5);}
	tr{ border-top:1px solid #A9D9E3; }
		tr:last-child{ 
			
		}
	td{ 
		text-shadow:rgba(255,255,255,0.6) 0px 1px 0px;
		font-size:16px;
		color:#284F55;
		text-align: left;
		padding:10px;	 
		-webkit-box-shadow:rgba(255,255,255,0.5) 0px 1px 0px inset;
    		-moz-box-shadow:rgba(255,255,255,0.5) 0px 1px 0px inset;
    		box-shadow:rgba(255,255,255,0.5) 0px 1px 0px inset;
	}
		td:first-child{ font-family: 'AvalonMedium'; }	
		td a{ color:#284F55; }
		td a:hover{ color:#F17279; }

/*Error Page*/
#error-page{ 
	width:400px; 
}
#error-page p a{
	color:#F17279;
}