/* ==================================

UConn NetID Login

by Andrew Bacon
Jan 2014

================================== */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		




/* #Fonts
================================================== */
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
 *
 *
 */
 
 @font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/proximanova_regular/ProximaNova-Reg-webfont.eot');
	src: url('fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg'),
		 url('fonts/proximanova_regular/ProximaNova-Reg-webfont.woff') format('woff'),
		 url('fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}		 
@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/proximanova_bold/ProximaNova-Bold-webfont.eot');
	src: url('fonts/proximanova_bold/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/proximanova_bold/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold') format('svg'),
		 url('fonts/proximanova_bold/ProximaNova-Bold-webfont.woff') format('woff'),
		 url('fonts/proximanova_bold/ProximaNova-Bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	}
	
	
	

/* Utilities */

.accessibility {
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
}
	


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	## UConn Blue Banner
		
		* Will be moved to central file soon *
	
		Notes
		- Built to work independently of any template, theme, or library.
		
		Changes from UC Template v4 		
		- all selectors begin with prefix "uc-"
		- single CSS file for all color variations. 
		
		Dependencies
		- uc-print.css
		- uc-modernizr.js

*/

#alert_wrapper {
	background-color:#0f1938;
	}
/* removes gap when logged in and the alert banner is up, modern browsers only */ 
#wpadminbar+#alert_wrapper {top:28px !important;}


#uc-header {
	}
	#uc-header .container {
		position: relative;
		height:55px;
		}
	#uc-header .container * {
		min-height:0;
		margin:0; 
		padding:0; 
		border:0; 
		outline:0; 
		font-weight:normal; 
		font-family:inherit; 
		vertical-align:baseline; 
		background-image:none; 
		font-style:normal; 
		text-decoration:none;
		font-size:1em;
		line-height:normal;
		list-style-type:none;
		border-radius:0;
		box-shadow:none;
		transition:none;
		color:#000;
		}
		
	#uc-identity {}
		#uc-header #uc-logo {
			display:block;
			position:absolute;
				left:12px;
				top:18px;
			}
			#uc-header #uc-logo a {
				display:block;
				}
				#uc-header #uc-logo-fallback {
					display:block;
					}
				.uc-svg #uc-header #uc-logo-fallback {
					display:none;
					}
				#uc-header #uc-logo-svg {
					display:none;
					}
				.uc-svg #uc-header #uc-logo-svg {
					display:block;
					}
				#uc-header.container #uc-utility-btn-az {
					display:block;
					}
				#uc-header .container #uc-utility-btn-az-fallback {
					color:white;
					display:block;
					text-align:center;
					padding-top:8px;
					font-size:80%;
					font-weight:bold;
					}
				#uc-header #uc-utility-btn-az-svg {
					display:none;
					}
				.uc-svg #uc-header #uc-utility-btn-az-svg {
					display:block;
					}
				.uc-svg #uc-header #uc-utility-btn-az-fallback {
					display:none;
					}
				
		#uc-header #uc-title {
			position:absolute;
				top:18px;
				left:124px;
			height:21px;
			padding-left:9px;
			border-left:2px solid #3f4760;
			}
			#uc-header #uc-title a {
				display:block;
				height:13px;
				margin-top:4px;
				}
				#uc-header #uc-title-universityof,
				#uc-header #uc-title-connecticut {
					float:left;
					}
				#uc-header #uc-title-universityof *,
				#uc-header #uc-title-universityof img {
					max-width:none;
					height:13px;
					width:145px;
					}
				#uc-header #uc-title-connecticut *,
				#uc-header #uc-title-connecticut img {
					max-width:none;
					height:13px;
					width:140px;
					}
				.uc-header-fallback {}		
					#uc-header #uc-title-universityof-fallback {
						margin-right:7px;
						}
					
					#uc-header #uc-title-universityof-svg,
					#uc-header #uc-title-connecticut-svg {
						display:none;
						}
					.uc-svg #uc-header #uc-title-universityof-svg,
					.uc-svg #uc-header #uc-title-connecticut-svg {
						display:inline;
						}
						.uc-svg #uc-header #uc-title-universityof-svg {
							margin-right:7px;
							}
					.uc-svg #uc-title-universityof-fallback,
					.uc-svg #uc-title-connecticut-fallback {
						display:none;
						}
		
		#uc-header #uc-hc {
			position:absolute;
				top:18px;
				left:124px;
			height:21px;
			padding-left:9px;
			border-left:2px solid #3f4760;
			}
			#uc-header #uc-hc a {
				display:block;
				height:13px;
				margin-top:4px;
				}
				#uc-header #uc-hc-health-center {
					float:left;
					}
				#uc-header #uc-hc-health-center,
				#uc-header #uc-hc-health-center img * {
					height:13px;
					width:145px;
					}
					#uc-header #uc-hc-health-center-svg {
						display:none;
						}
					.uc-svg #uc-header #uc-hc-health-center-svg {
						display:inline;
						}
					.uc-svg #uc-hc-health-center-fallback {
						display:none;
						}	
						
				
	#uc-header #uc-utility {
		float:right;
		width:auto;
		}
		#uc-header #uc-utility-list {
			padding:11px 20px 0 0;
			}
			#uc-header .uc-utility-item {
				float:left;
				margin-left:10px;
				}
				#uc-header .uc-utility-btn-wrap {
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					-moz-box-shadow:    1px 1px 0 0 #000000;
					-webkit-box-shadow: 1px 1px 0 0 #000000;
					box-shadow:         1px 1px 0 0 #000000;				
					}
				#uc-header .uc-utility-btn {
					display:block;
					position:relative;
					width:32px;
					height:32px;
					background-color:#27355f;
					border:1px solid #1e2b51;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					
					-moz-box-shadow:    inset 1px 1px 0 #3957b0;
					-webkit-box-shadow: inset 1px 1px 0 #3957b0;
					box-shadow:         inset 1px 1px 0 #3957b0;
					
					background: #304994;
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNDk5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzMxNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  #304994 0%, #1c3173 100%); 
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#304994), color-stop(100%,#1c3173)); 
						background: -webkit-linear-gradient(top,  #304994 0%,#1c3173 100%); 
						background: -o-linear-gradient(top,  #304994 0%,#1c3173 100%); 
						background: -ms-linear-gradient(top,  #304994 0%,#1c3173 100%);
						background: linear-gradient(to bottom,  #304994 0%,#1c3173 100%); 
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304994', endColorstr='#1c3173',GradientType=0 ); 
					}
					.ie9 #uc-header .uc-utility-btn {
						filter:none;
						}
				.uc-utility-btn svg {
					fill:#c1e8f8;
					position:absolute;
					}
					.uc-utility-btn:hover svg {
						fill:#ffffff;
						}
					#uc-utility-btn-search svg,
					#uc-utility-btn-search #uc-utility-btn-fallback {
						position:absolute;
						left:7px;
						top:7px;
						}
					#uc-utility-btn-az svg {
						left:6px;
						top:11px;
						}			
					#uc-utility-btn-dash svg {
						left:9px;
						top:9px;
						}

					#uc-utility-btn-search {
						float:left;
						}
					#uc-search {
						float:left;
						display:block;
						position: relative;
						}
						#uc-search label {
							visibility: hidden;
							position: absolute;
							}
						#uc-header .container #uc-search fieldset {
							border-radius:4px;
							-moz-box-shadow:  		1px 1px 1px rgba(255,255,255,0.2);
							-webkit-box-shadow:  	1px 1px 1px rgba(255,255,255,0.2);
							box-shadow:  			1px 1px 1px rgba(255,255,255,0.2);
							}
						#uc-search #uc-search-field {
							width: 175px;
							padding: 7px 28px 4px 7px;
							background-image: none;
							background-color: #212976;
							-moz-box-shadow: 		inset 2px 2px 3px rgba(0,0,0,0.3);
							-webkit-box-shadow: 	inset 2px 2px 3px rgba(0,0,0,0.3);
							box-shadow: 			inset 2px 2px 3px rgba(0,0,0,0.3);
							border-radius: 3px;
							color: white;
							line-height:20px;
							border-top:1px solid #070e24;
							border-left:1px solid #070e24;
							}
						#uc-search #uc-search-button {
							position: absolute;
							left: 9px;
							top: 18px;
							margin-top: -10px;
							}
						#uc-utility-btn-fallback {
							display:block;
							}
						#uc-utility-btn-svg {
							display:none;
							}
						.uc-svg #uc-utility-btn-svg {
							display:block;
							}
						.uc-svg #uc-utility-btn-fallback {
							display:none;
							}


#uc-header {
	color:#fff;
	background-color:#0f1938;
	}
	
		.uc-svg #uc-logo-svg {
			fill:#ffffff;
			}
		.uc-svg #uc-header #uc-title-universityof-svg,
		.uc-svg #uc-header #uc-title-connecticut-svg,
		.uc-svg #uc-header #uc-hc-health-center-svg {
			fill:#9faab2;
			}
			
			
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	## UConn Blue Banner - Mobile
	
		- Adapts the UConn banner for mobile devices. 
			

*/
@media (max-width: 767px) {
	body {
		padding-left:0;
		padding-right:0;
		}
	#uc-logo {
		border-right:0;
		}
}
	
@media (max-width: 680px) {
	#uc-title {
		width:200px;
		padding-left:5px;
		}
		#uc-title a {
			margin-top:3px;
			}
			#uc-title-universityof #uc-title-universityof-svg,
			#uc-title-connecticut #uc-title-connecticut-svg {
				position: relative;
				top:-8px;
				height:10px;
				}
	#uc-search #uc-search-field {
		width:140px;
		}
}
@media (max-width: 510px) {
	#uc-title {
		display:none;
		}
	}
@media (max-width: 321px) {
	#uc-search #uc-search-field {
		width:85px;
		}
}











		
/* #Login 

	- original css

================================================== */
body {
	font-family:'Proxima Nova', Helevtica, Arial, sans-serif;
	}
#wrap {
	width:360px;
	margin:auto;
	padding:30px 0 40px;
	}
	.lte8 #wrap {
		position:relative;
		left:50%;
		margin-left:-180px;	
		}


#header {
	display:none;
	}
	
	#uconn {
		width:168px;
		margin:0 auto 1em;
		background-image:url(../images/uconn.gif); 
		}
		
		@media only screen and (min-width: 1px) {
			#uconn { background-image:none;}
		}
		
		.lte8 #uconn {
			width:168px;
			height:50px;
			background:white url(../images/uconn.gif) no-repeat 0 0;
			position:relative;
			left:50%;
			margin-left:-84px;	
			}			
		#uconn img {
			width:168px;
			}
			.lte8 #uconn img {
				display:none;
				}
				
	 h2 {
		margin: 0;
		font-size:24px;
		text-align:center;
		color:#000e2f;
		font-weight:bold;
		}
	 #message,
	 #slogan {
		color:#616161;
		text-align:center;
		margin: .3em 0 1em 0;
		font-size:14px;
		line-height:18px;
		}
		#message {
			margin-top:10px;
			}
			#destination {
				display:block;
				width:260px;
				text-overflow:ellipsis;
				overflow:hidden;
				font-family: 'Helvetica Neue', sans-serif;
				font-weight:bold;
				}

#focus {
	background-color:rgb(247, 247, 247);
	padding:30px 50px 30px;
		-moz-box-shadow:0px 2px 2px 0px #b2b2b2;
		-webkit-box-shadow:0px 2px 2px 0px #b2b2b2;
	box-shadow:0px 2px 2px 0px #b2b2b2;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	border-radius:3px;
	}
	
	legend {
		color:#989898;
		margin-bottom:20px;
		}
		legend #destination {
			color:#434343;
			}
	
	label {
		padding-bottom:5px;
		display:block;
		color:#333;
		visibility:hidden;
		height:0;
		position:absolute;
		}
		.no-supports-placeholder label,
		.lte9 label {
			visibility:visible;
			height:auto;
			position:relative;
			}
			
			
	.row_check {
		margin-top:1.5em;
		font-size:.75em;
		}
		.row_check label {
			visibility:visible!important;
			height:auto!important;
			position:relative!important;
			display:inline!important;
			}
	
	.textfield {
		font-size:16px;
		height:44px;
		width:228px;
		border:1px solid #ccc;
		padding:0 15px;
			-moz-box-shadow:    inset 0px 1px 2px 0px #e5e5e5;
			-webkit-box-shadow: inset 0px 1px 2px 0px #e5e5e5;
		box-shadow:         inset 0px 1px 2px 0px #e5e5e5;
		}
		.textfield {
			margin-bottom:0;
			}
			#login {
				border-radius:3px 3px 0 0;
				}
			#password {
				position:relative;
				top:-1px;
					-webkit-border-radius:0 0 3px 3px;
					-moz-border-radius:0 0 3px 3px;
				border-radius:0 0 3px 3px;
					-moz-box-shadow:    inset 0px -1px 2px 0px #e5e5e5;
					-webkit-box-shadow: inset 0px -1px 2px 0px #e5e5e5;
				box-shadow:         inset 0px -1px 2px 0px #e5e5e5;
				}
		.no-supports-placeholder .textfield,
		.lte9 .textfield {
			margin-bottom:20px;
				-webkit-border-radius:3px !important;
				-moz-border-radius:3px !important;
			border-radius:3px !important;
				-moz-box-shadow:    inset 0px 1px 2px 0px #e5e5e5 !important;
				-webkit-box-shadow: inset 0px 1px 2px 0px #e5e5e5 !important;
			box-shadow:         inset 0px 1px 2px 0px #e5e5e5 !important;
			}
			
			
		
	#button {
		height: 36px;
		width:260px;
		min-width: 46px;
		padding: 0;
		margin-bottom: 10px;
		border: 1px solid #2f5bb7;
		border-radius:3px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		line-height: 36px;
		text-align: center;
		text-shadow:0px 1px 0px #357ae8;
		background: #1b68e6;
			background: -moz-linear-gradient(top,  #4d90fe 0%, #1b68e6 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b68e6), color-stop(100%,#357ae8));
			background: -webkit-linear-gradient(top,  #4d90fe 0%,#1b68e6 100%);
			background: -o-linear-gradient(top,  #4d90fe 0%,#1b68e6 100%);
			background: -ms-linear-gradient(top,  #4d90fe 0%,#1b68e6 100%);
			background: linear-gradient(to bottom,  #4d90fe 0%,#1b68e6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#1b68e6',GradientType=0 );
		}
		#button:hover {
			background: #357ae8;
				background: -moz-linear-gradient(top,  #357ae8 0%, #1f5ec3 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#357ae8), color-stop(100%,#1f5ec3));
				background: -webkit-linear-gradient(top,  #357ae8 0%,#1f5ec3 100%);
				background: -o-linear-gradient(top,  #357ae8 0%,#1f5ec3 100%);
				background: -ms-linear-gradient(top,  #357ae8 0%,#1f5ec3 100%);
				background: linear-gradient(to bottom,  #357ae8 0%,#1f5ec3 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ae8', endColorstr='#1f5ec3',GradientType=0 );
			cursor:pointer;
			}		
	
	#help {
		margin:1em 0 0 0;	
		}
		#help a {
			font-size:14px;
			color:#1b68e6;
			}

#description {
	padding:40px 0;
	font-size:11px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
	#description p {
		padding-bottom:.4em;
		border-bottom:1px solid #ccc;
		margin-bottom:1em;
		}
	#description li {
		margin:.5em 0;
		text-align:center;
			}

.sticky #uc-footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	
	}
	#uc-footer{
	border-top:1px solid #ccc;
	font-size:13px;
	background-color:#fff;
	}
	#uc-footer ul {
		padding:10px;
		}
	#uc-footer li {
		display:inline;
		}
		#uc-footer a {
			margin:0 1em;
			color:#333;
			text-decoration:none;
			}
			#uc-footer a:hover {
				color:#1f5ec3;
				text-decoration:underline;
				-webkit-transition:.2s;
				transition:.2s;
				}


@media only screen and (max-width: 480px) {
	#uc-footer li {
		display:block;
		margin:1em 0;
		}
}

 @media only screen and (max-width: 320px) {
	#wrap {
		width:300px;
		}
	#focus {
		padding:20px;
	}
	.sticky #uc-footer {
		position:relative;
	}
 }
 
 /* Prelaunch tweaks, June 2015 */
 
 .error-message {
	padding:15px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:2px;
	margin-bottom:20px;
	color:#565656;
	}
	.error-headline {
		font-size:14px;
		line-height:16px;
		font-weight:bold;
		margin-bottom:14px;
		}
		.error-flag {
			display:inline-block;
			height:0;
			width:0;
			border: 1px solid transparent;
			border-left-color:red;
			border-width:6px 11px 6px 11px;
			}
	.error-details {
		font-size:12px;
		line-height:14px;
		}
	.error-details a {
		color:#1b68e6;
		}
#slogan {
	text-align:left;
	}
	#slogan strong {
		color:#000;
		font-weight:bold;
		}
		
#system {
	margin-bottom:1em;
}

/* Duo and 5.2.4 tweaks */

#uc-footer {
height:30px;
}

#content {
min-height: calc(100vh - 120px);
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top:29px;
z-index: 999;
position: relative;
}

@media (max-width:600px) {
#content {
width: 360px;
}
}

#duo_form {
overflow: hidden;
margin-bottom: 30px;
margin-top: 0px;
-moz-box-shadow: 0px 1px 3px 0px #b2b2b2;
-webkit-box-shadow: 0px 1px 3px 0px #b2b2b2;
box-shadow: 0px 1px 3px 0px #b2b2b2;
}

#login {
overflow: hidden;
margin-top: -1px;
width: 602px;
margin-left: -1px;
}

@media (max-width:600px) {
#login {
width:362px;
}
}

#duo_iframe {
margin-bottom:-5px;
height: 500px;
width: inherit; 
}

.textfield {
  width: 100%
}

body.login #login {
width:auto !important;
overflow: visible !important; 
}

body.login #login #focus {
    -moz-box-shadow: 0px 1px 3px 0px #b2b2b2;
    -webkit-box-shadow: 0px 1px 3px 0px #b2b2b2;
    box-shadow: 0px 1px 3px 0px #b2b2b2;
}

body.login #content {
margin-top:0px;
}
#iam_wrap {
  width: 100%;
  height: 300px;
  text-align: center
  margin:auto;
  padding:30px 0 40px;

}

#scaled-frame {
  width: 100%;
  height: 300px;
  margin-top: -1px;
  position: position: relative;
}